/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

ol, ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

blockquote, q
{
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after
	{
		content: '';
		content: none;
	}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */
a
{
	text-decoration: none;
}

.txt-rt
{
	text-align: right;
}
/* text align right */
.txt-lt
{
	text-align: left;
}
/* text align left */
.txt-center
{
	text-align: center;
}
/* text align center */
.float-rt
{
	float: right;
}
/* float right */
.float-lt
{
	float: left;
}
/* float left */
.clear
{
	clear: both;
}
/* clear float */
.pos-relative
{
	position: relative;
}
/* Position Relative */
.pos-absolute
{
	position: absolute;
}
/* Position Absolute */
.vertical-base
{
	vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top
{
	vertical-align: top;
}
/* vertical align top */
nav.vertical ul li
{
	display: block;
}
/* vertical menu */
nav.horizontal ul li
{
	display: inline-block;
}
/* horizontal menu */
img
{
	max-width: 100%;
}
/* end reset */

body
{
	font-family: font-family: Cambria;
}

.video-w3l
{
	padding: 0;
	background: rgba(0, 0, 0, 0.28);
	min-height: 1200px;
	display: grid;
}
/*-- header --*/
.header-w3l
{
	padding-top: 2em;
}

	.header-w3l h1
	{
		font-size: 3.5em;
		color: #fff;
		letter-spacing: 10px;
		font-weight: 300;
		text-align: center;
		text-shadow: 4px 5px 8px #101010;
		font-style: italic;
	}

		.header-w3l h1 span
		{
			color: #FF5722;
		}
/*-- //header --*/
/*-- main --*/
.sub-main-w3
{
	/*-- width: 30%;
    margin:111px auto;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);--*/
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40em;
	height: 21em;
	margin-top: -9em; /*set to a negative number 1/2 of your height*/
	margin-left: -20em; /*set to a negative number 1/2 of your width*/
	border: 0px dashed #00ff00;
	/* --background-color: rgba(0,0,0,0.5); --*/
	background-color: rgba(255,255,255,0.2);
	padding: 50px;
	font-family: Cambria;
	border-radius: 30px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

	.sub-main-w3 h2
	{
		color: #fff;
		font-size: 1.8em;
		letter-spacing: 1px;
		margin-bottom: 1em;
		text-align: center;
		font-weight: 500;
		font-family: Cambria;
	}

	.sub-main-w3 i
	{
		margin-left: 10px;
	}

.pom-agile
{
	padding: 11px 15px;
	background: #fff;
	margin-bottom: 23px;
	border: 1px solid #060606;
}

	.pom-agile input[type="text"], .pom-agile input[type="password"]
	{
		outline: none;
		font-size: .9em;
		border: none;
		background: transparent;
		width: 93%;
		color: #000;
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 1px;
	}

.right-w3l input[type="submit"]
{
	color: #fff;
	background: rgba(0,0,0,0.7);
	border: none;
	padding: 12px 58px;
	margin-top: 30px;
	outline: none;
	text-transform: uppercase;
	font-size: 1.3em;
	cursor: pointer;
	letter-spacing: 1px;
	font-family: Cambria, 'Open Sans', sans-serif;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

	.right-w3l input[type="submit"]:hover
	{
		background: rgba(0,0,0,0.7);
		-webkit-transition: 0.5s all;
		-o-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-ms-transition: 0.5s all;
		transition: 0.5s all;
	}

span.fa
{
	float: right;
	color: #FF5722;
	line-height: 1.5;
	margin-left: 10px;
}

.sub-agile
{
	float: left;
}

	.sub-agile input[type="checkbox"]
	{
		display: none;
	}

		.sub-agile input[type="checkbox"] + label
		{
			position: relative;
			padding-left: 25px;
			display: inline-block;
			font-size: .9em;
			color: #fff;
			cursor: pointer;
		}

			.sub-agile input[type="checkbox"] + label span:first-child
			{
				width: 13px;
				height: 13px;
				display: inline-block;
				border: 1px solid #fff;
				position: absolute;
				top: 1px;
				left: 2px;
			}

		.sub-agile input[type="checkbox"]:checked + label span:first-child:before
		{
			content: "";
			background: url(../images/tick.png)no-repeat;
			position: absolute;
			left: 2px;
			top: 1px;
			font-size: 10px;
			width: 10px;
			height: 10px;
		}

.sub-w3l a
{
	float: right;
	font-size: .9em;
	color: #fff;
	letter-spacing: 1px;
}
/*--placeholder-color--*/
::-webkit-input-placeholder
{
	color: #000;
}

:-moz-placeholder
{ /* Firefox 18- */
	color: #000;
}

::-moz-placeholder
{ /* Firefox 19+ */
	color: #000;
}

:-ms-input-placeholder
{
	color: #000;
}
/*--//placeholder-color--*/
/*--//main--*/
/*--footer--*/
.footer p
{
	font-size: .9em;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 40px;
}

	.footer p a
	{
		color: #FF5722;
		-webkit-transition: 0.5s all;
		-o-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-ms-transition: 0.5s all;
		transition: 0.5s all;
	}

		.footer p a:hover
		{
			color: #fff;
			-webkit-transition: 0.5s all;
			-o-transition: 0.5s all;
			-moz-transition: 0.5s all;
			-ms-transition: 0.5s all;
			transition: 0.5s all;
		}
/*--//footer--*/

/*--responsive--*/
@media(max-width: 1680px)
{
	.video-w3l;

{
	min-height: 1050px;
}

}

@media(max-width: 1600px)
{
	.video-w3l;

{
	min-height: 900px;
}

}

@media(max-width: 1440px)
{
	.video-w3l;

{
	min-height: 794px;
}

.sub-main-w3
{
	width: 32%;
}

.header-w3l h1
{
	font-size: 3.4em;
	letter-spacing: 8px;
}

}

@media(max-width: 1366px)
{
	.sub-main-w3;

{
	width: 35%;
}

}

@media(max-width: 1280px)
{
	.header-w3l h1;

{
	font-size: 3.3em;
}

}

@media(max-width: 1080px)
{
	.header-w3l;

{
	padding-top: 1em;
}

.video-w3l
{
	min-height: 698px;
}

.sub-main-w3 h2
{
	font-size: 1.7em;
}

.sub-main-w3
{
	width: 38%;
	margin: 78px auto;
}

}

@media(max-width: 1050px)
{
	.sub-main-w3;

{
	width: 40%;
}

}

@media(max-width: 1024px)
{
	.header-w3l h1;

{
	font-size: 3.2em;
	letter-spacing: 6px;
}

.sub-main-w3
{
	width: 43%;
	padding: 40px;
}

}

@media(max-width: 991px)
{
	.sub-main-w3;

{
	width: 44%;
}

}

@media(max-width: 900px)
{
	.sub-main-w3;

{
	width: 48%;
}

.video-w3l
{
	min-height: 660px;
}

}

@media(max-width: 800px)
{
	.header-w3l h1;

{
	font-size: 3.1em;
	letter-spacing: 4px;
}

.sub-main-w3
{
	width: 55%;
	padding: 40px;
	margin: 65px auto;
}

.pom-agile
{
	padding: 10px 15px;
}

span.fa
{
	line-height: 1.4;
}

}

@media(max-width: 768px)
{
	.video-w3l;

{
	min-height: 929px;
}

}

@media(max-width: 736px)
{
	.sub-main-w3;

{
	width: 57%;
}

.video-w3l
{
	min-height: 638px;
}

}

@media(max-width: 667px)
{
	.header-w3l h1;

{
	font-size: 3em;
}

.sub-main-w3
{
	width: 62%;
}

.footer p
{
	letter-spacing: 1px;
}

.video-w3l
{
	min-height: 636px;
}

}

@media(max-width: 640px)
{
	.sub-main-w3;

{
	width: 65%;
}

}

@media(max-width: 600px)
{
	.header-w3l h1;

{
	font-size: 2.8em;
	letter-spacing: 3px;
}

.sub-main-w3
{
	width: 69%;
}

.right-w3l input[type="submit"]
{
	font-size: .85em;
}

span.fa
{
	margin-left: 8px;
}

}

@media(max-width: 568px)
{
	.sub-main-w3;

{
	width: 73%;
}

}

@media(max-width: 480px)
{
	.header-w3l h1;

{
	font-size: 2.55em;
	letter-spacing: 2px;
}

.pom-agile input[type="text"], .pom-agile input[type="password"]
{
	width: 92%;
}

.sub-agile input[type="checkbox"] + label
{
	font-size: .85em;
}

.sub-w3l a
{
	font-size: .8em;
}

.footer p
{
	line-height: 1.9;
	margin-bottom: 20px;
}

.right-w3l input[type="submit"]
{
	padding: 11px 44px;
}

}

@media(max-width: 440px)
{
	.pom-agile input[type="text"], .pom-agile input[type="password"];

{
	width: 91%;
}

.header-w3l h1
{
	font-size: 2.4em;
}

.sub-main-w3
{
	margin: 40px auto;
}

.sub-agile input[type="checkbox"] + label
{
	font-size: .8em;
}

.sub-main-w3 h2
{
	font-size: 1.6em;
}

.video-w3l
{
	min-height: 600px;
}

}

@media(max-width: 414px)
{
	.video-w3l;

{
	min-height: 672px;
}

}

@media(max-width: 384px)
{
	.header-w3l h1;

{
	font-size: 2.1em;
}

.sub-main-w3
{
	padding: 30px;
}

.pom-agile input[type="text"], .pom-agile input[type="password"]
{
	width: 89%;
}

.sub-main-w3 label
{
	font-size: 14px;
}

.sub-main-w3 h2
{
	font-size: 1.4em;
}

.sub-w3l a, .sub-agile
{
	float: none;
}

.sub-w3l a
{
	margin-top: 10px;
	display: inline-block;
}

.right-w3l input[type="submit"]
{
	padding: 11px 44px;
	font-size: .8em;
}

.video-w3l
{
	min-height: 600px;
}

}

@media(max-width: 375px)
{
	.video-w3l;

{
	min-height: 685px;
}

}

@media(max-width: 320px)
{
	.header-w3l h1;

{
	font-size: 1.9em;
	letter-spacing: 1px;
}

.header-w3l
{
	padding-top: 1.5em;
}

.sub-main-w3
{
	padding: 20px;
	width: 78%;
}

	.sub-main-w3 h2
	{
		font-size: 1.3em;
	}

.pom-agile input[type="text"], .pom-agile input[type="password"]
{
	width: 89%;
}

.pom-agile
{
	padding: 8px 15px;
	margin-bottom: 14px;
}

.sub-main-w3 label
{
	font-size: 13px;
}

.right-w3l input[type="submit"]
{
	padding: 10px 34px;
	font-size: .8em;
	margin-top: 22px;
}

.footer p
{
	font-size: .85em;
}

.pom-agile
{
	padding: 8px 8px;
}

.video-w3l
{
	min-height: 600px;
}

.sub-main-w3
{
	margin: 50px auto;
}

}

/*--//responsive--*/

/* ManageUser - GridView */
.gvShoppingFormat td
{
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.GridHeader
{
	text-align: center !important;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

th
{
	text-align: center !important;
}