body {
	font-family:Arial;
	font-size:100%;
}
form, body {
	margin: 0;
	padding: 0;
}
img {
	border: 0; 
	max-width:100%;

 /*to optimize full width of its parent element*/
}
address {
	font-style: normal;
 /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, h4, p, figure {
	margin: 0;
}
article, main, section, footer, nav, picture {
	display:block;
}
/* ============================================================================= Default Style * ============================================================================= */
a {
	color: #990000;
	text-decoration: underline;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
p {
	padding:0 0 2em 0;
 /* BASE FONT = 16px >>> 0px 0px 32px 0px / 16px = 0 0 2em 0 */
}
ul {
	padding:0 0 0.9375em 0;
 /* BASE FONT = 16px >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
	list-style:none;
}
ul li{
	background:url(/images/bullet.jpg) no-repeat left 0.6875em;
 /* BASE FONT = 16px >>> 11px / 16px = 0.6875em */
	padding:0 0 0.3125em 0.875em;
 /* BASE FONT = 16px >>> 0px 0px 5px 14px / 16px = 0 0 0.3125em 0.875em */
}
.clearfix:before, .clearfix:after{
	content:"";
	display:table;
}
.ctr {
	text-align:center;
}
.clearfix:after {
	clear:both;
}
#wrapper {
	max-width:100em;
 /* BASE FONT = 16px >>> 1600px / 16px = 100em */
	margin:0 auto;
}
.inner-wrap {
	padding:0 1em 0 1em;
 /* BASE FONT = 16px >>> 0px 16px 0px 16px / 16px = 0 1em 0 1em */
}
/* ============================================================================= INITIAL STYLES [MOBILE] START * ============================================================================= */
/* =============Header Area Start======================= */
header {
	background-color:#f2f2f4;
	position:relative;
}
/* =============Logo Style Start======================== */
.logo-container {
	padding:0.8125em 0 0 0;
	float:left;
	width:100px;
	max-width: 312px;
 /* BASE FONT = 16px >>> 13px 0px 0 0px / 16px = 0.8125em 0 0 0 */
 	margin:0 0.9375em 0 0;
 /* BASE FONT = 16px >>> 0px 15px 0px 0px / 16px = 0 0.9375em 0 0 */
}

.logo-box {
	position:relative;
	z-index:10;
}
.logo-box a, .logo-box span {
	display:inline-block;
	vertical-align:middle;
}
.logo-box a {
	width:100%;
 /* BASE FONT = 16px >>> 123px / 16px = 7.6875em */
}
.logo-box a img {
	display:block;
	width:100%;
}
.logo-box span {
	display:inline-block;
	vertical-align:top;
	font-family:'BlairITC-Light';
	font-size:0.75em;
 /* BASE FONT = 16px >>> 12px / 16px = 0.75em */
	line-height:1.16666666666667em;
 /* BASE FONT = 12px >>> 14px / 12px = 1.16666666666667em */
	color:#990000;
	padding:3.5em 0 0 0;
 /* BASE FONT = 12px >>> 42px 0px 0px 0px / 12px = 3.5em 0 0 0 */
	font-weight:bold;
	width:65%;
}
/* =============Header Right Start====================== */
#header-right {
	text-align:right;
	padding:1.25em 0 0.3125em 0;
 /* BASE FONT = 16px >>> 20px 0px 5px 0px / 16px = 1.25em 0 0.3125em 0 */
	position:relative;
	z-index:5;
}

/* =============Utility Start=========================== */
#utility {
	font-size:0.75em;
 /* BASE FONT = 16px >>> 12px / 16px = 0.75em */
	line-height:1.16666666666667em;
 /* BASE FONT = 12px >>> 14px / 12px = 1.16666666666667em */
	color:#003357;
	margin:0 0 1em 0;
 /* BASE FONT = 12px >>> 0px 0px 12px 0px / 12px = 0 0 1em 0 */
}
#utility ul {
	margin:0;
	padding:0;
	list-style: none;
}
#utility > ul > li {
	background:none;
	display:inline-block;
	vertical-align: top;
	padding:0 8px 0 0;
	margin:0 4px 0 0;
}
#utility > ul > li:last-child {
   padding:0;
   margin:0;
}
#utility > ul > li.has-child {
	position: relative;
}
#utility > ul > li.has-child:after {
	content:'';
	position: absolute;
	width:1px;
	height: 16px;
	right: 0;
	top:0;
	background-color:#003357;
	
}
#utility > ul > li.has-child > a {
	position: relative;
	display:inline-block;
	vertical-align: middle;
	padding:0 11px 0 0;
} 
#utility > ul > li.has-child > a:after {
	content:'';
	position: absolute;
	right: 0;
	top:4px;
	width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 8px solid #003357;
}
#utility a {
	color:#003357;
	text-decoration:none;
}
#utility a:hover {
	color:#003357;
	text-decoration:underline;
}
#utility > ul > li > ul {
	display:none;
	position: absolute;
	width:120px;
	padding:10px 0 5px 0;
	background-color:#003357;
	left:0;
	top:100%;
	text-align:left;
	z-index: 10;
}
#utility > ul > li > ul > li {
	padding:0 0 8px 5px;
	background:none;
}
#utility > ul > li > ul > li a {
	color:#ffffff;
	text-decoration:none;
}
#utility > ul > li > ul > li:hover > a {
	color:#ffffff;
	text-decoration:underline;
}


/* =============Top Navigation Start==================== */
header nav {
	background-color:#003357;
	position:relative;
	z-index: 1;
}
header nav .inner-wrap {
	padding:0;
}
.menu_trigger {
	display:block;
	padding:0 1.1875em 0.9375em 1.1875em;
 /* BASE FONT = 16px >>> 0px 19px 15px 19px / 16px = 0 1.1875em 0.9375em 1.1875em */
	text-align:right;
	background-color:#f2f2f4;
}
.menu_trigger a, .menu_trigger a span, .menu_trigger a span:before, .menu_trigger a span:after {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu_trigger a {
	display:inline-block;
	width:2.5em;
 /* BASE FONT = 16px >>> 40px / 16px = 2.5em */
	padding:0.4375em 0 0.4375em 0;
 /* BASE FONT = 16px >>> 7px 0px 7px 0px / 16px = 0.4375em 0 0.4375em 0 */
}
.menu_trigger a span {
	display:block;
	background-color:#003357;
	position:relative;
	height:0.25em;
 /* BASE FONT = 16px >>> 4px / 16px = 0.25em */
}
.menu_trigger a span:before, .menu_trigger a span:after {
	cursor: pointer;
	position: absolute;
	display: block;
	content: '';
	background-color:#003357;
	height:0.25em;
 /* BASE FONT = 16px >>> 4px / 16px = 0.25em */
	width:100%;
 /*full width of its parent container*/
}
.menu_trigger a:hover span, .menu_trigger a:hover span:before, .menu_trigger a:hover span:after {
	background-color:#ff0000;
}
.menu_trigger a span:before {
	top:-0.4375em;
 /* BASE FONT = 16px >>> -7px / 16px = -0.4375em */
}
.menu_trigger a span:after {
	top:0.4375em;
 /* BASE FONT = 16px >>> 7px / 16px = 0.4375em */
}
.menu_trigger.active a span {
	background-color: transparent;
}
.menu_trigger.active a span:before, .menu_trigger.active a span:after {
	top:0;
	background-color: #ff0000;
}
.menu_trigger.active a span:before {
	transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
.menu_trigger.active a span:after {
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
}
header nav ul {
	padding:1em 0 1em 0;
 /* BASE FONT = 16px >>> 16px 0px 16px 0px / 16px = 1em 0 1em 0 */
	display:none;
}
header nav ul li ul {
	display:none;
	padding:0;
	background-color:#000000;
}
header nav ul li {
	padding:0;
	background:none;
}
header nav ul li a {
	font-size:1em;
 /* BASE FONT = 16px >>> 16px / 16px = 1em */
	line-height:1.125em;
 /* BASE FONT = 16px >>> 18px / 16px = 1.125em */
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
	margin:0.375em 0 0.375em 1.25em;
 /* BASE FONT = 16px >>> 6px 0px 6px 20px / 16px = 0.375em 0 0.375em 1.25em */
}
header nav ul li.has_child > a:after {
	content:'\0002B';
	display:inline-block;
	margin:0 0 0 0.3125em;
 /* BASE FONT = 16px >>> 0px 0px 0px 5px / 16px = 0 0 0 0.3125em */
}
header nav ul li.has_child > a.active:after {
	content:'\02212';
}
header nav ul li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

/* ============================================================================= INITIAL STYLES [MOBILE LOW SCREEN] START * ============================================================================= */
/******** 319/16px = 19.9375em*/
@media only screen and (max-width: 19.9375em) {
	.logo-container {
			padding:0.8125em 0 2.0625em 0;
		 /* BASE FONT = 16px >>> 13px 0px 33px 0px / 16px = 0.8125em 0 2.0625em 0 */
 }
	.logo-box span {
			width:9.16666666666667em;
		 /* BASE FONT = 12px >>> 110px / 12px = 9.16666666666667em */
			padding:3.5em 0 0 0;
		 /* BASE FONT = 12px >>> 42px 0px 0px 0px / 12px = 3.5em 0 0 0 */
 }

}
/* ============================================================================= MEDIUM SCREEN STYLES [Smart Phone(Landscap)/Tablet(Potrait)] START * ============================================================================= */
/******** 480/16px = 30em*/
@media only screen and (min-width: 30em) {
 /* =============Logo Style Start======================== */
	.logo-container {
			padding:0.8125em 0 0 0;
		 /* BASE FONT = 16px >>> 13px 0px 0px 0px / 16px = 0.8125em 0 0 0 */
		 width:31%;
		 max-width: 312px;
 }
	.red-triangle {
			width:29%;
		 /*23% width of its parent container*/
			height:47.3vw;
			max-height:22.5625em;
		 /* BASE FONT = 16px >>> 361px / 16px = 22.5625em */
 }
	.logo-box a {
			max-width: none;
			width:100%;
 }
 .logo-box a img {
	 width:100%;
 }
	.logo-box span {
			width:50%;
		 /*50% width of its parent container*/
			font-size:2.5vw;
		 /*12/480*100*/
 }

 /* =============Top Navigation Start==================== */
	header nav ul {
			position:absolute;
			z-index:5;
			right:0;
			top:100%;
		 /*full width of its parent container*/
			background-color:#003357;
			width:16em;
		 /* BASE FONT = 16px >>> 256px / 16px = 16em */
 }
	header nav ul li.has_child {
			position:relative;
 }
	header nav ul li ul {
			position:relative;
			width:100%;
		 /*full width of its parent container*/
 }

}
/* ============================================================================= MEDIUM SCREEN STYLES [Smart Phone(Landscap)/Tablet(Potrait)] START * ============================================================================= */
/******** 640/16px = 40em*/
@media only screen and (min-width: 40em) {
 /* =============Logo Style Start======================== */
	.red-triangle {
			width:28.9%;
			max-width: 13.3125em;
		 /* BASE FONT = 16px >>> 213px / 16px = 13.3125em */
 }
	.logo-container {
			
 }
	.logo-box {
			width:100%;
		 /*full width of its parent container*/
 }
	
	.logo-box span br {
			display:none;
 }
	.logo-box span {
		 /*width:9.28571428571429em;
		 /* BASE FONT = 14px >>> 130px / 14px = 9.28571428571429em */
		 /*font-size:2.1875vw;
		 /*(14
		 /*960)*100 = 1.458333333333333*/
		 /*line-height:1.21428571428571em;
		 /* BASE FONT = 14px >>> 17px / 14px = 1.21428571428571em */
 }
	
}
/* ============================================================================= MEDIUM SCREEN STYLES [Tablet(Potrait)] START * ============================================================================= */
/******** 800/16px = 50em*/
@media only screen and (min-width: 50em) {
 /* =============Logo Style Start======================== */
	
	.logo-box span br {
			display: inline-block;
 }
	.logo-box span {
			width:auto;
		 /*padding:6.14285714285714em 0 0 0.5em;
		 /* BASE FONT = 14px >>> 86px 0px 0px 7px / 14px = 6.14285714285714em 0 0 0.5em */
			font-size:1.875vw;
			padding:86px 0 0 0;
 }

 /* ============Utility Start=========================== */
	#utility {
			font-size:1em;
		 /* BASE FONT = 16px >>> 16px / 16px = 1em */
			line-height:1.125em;
		 /* BASE FONT = 16px >>> 18px / 16px = 1.125em */
 }
 #utility > ul > li > ul { 
	 width:160px;
 }
 #utility > ul > li.has-child > a::after {
	 top:6px;
 }
 /* =============Top Navigation Start==================== */
	.menu_trigger {
			padding:0 1.1875em 1.125em 0;
		 /* BASE FONT = 16px >>> 0px 19px 18px 0px / 16px = 0 1.1875em 1.125em 0 */
 }

}
/* ============================================================================= MEDIUM SCREEN STYLES Tablet(Landscap)] START * ============================================================================= */
/******** 960/16px = 60em*/
@media only screen and (min-width: 60em) {
 /* =============Header Area Start======================= */


 /* =============Logo Style Start======================== */
 .logo-container {
	 width: 17%;
 }
	.logo-box a {
			margin:0 0.9375em 0 0;
		 /* BASE FONT = 16px >>> 0px 15px 0px 0px / 16px = 0 0.9375em 0 0 */
 }

 /* =============Header Right Start====================== */
	#header-right {
			padding:1.625em 0 0.3125em 0;
		 /* BASE FONT = 16px >>> 26px 0px 5px 0px / 16px = 1.625em 0 0.3125em 0 */
 }
	#utility {
			margin: 0 0 1.125em 0;
		 /* BASE FONT = 16px >>> 0px 0px 18px 0px / 16px = 0 0 1.125em 0 */
 }
 #utility > ul > li.has-child:hover > ul {
	display:block;
 }

 /* =============Top Navigation Start==================== */
	header nav .inner-wrap {
			padding:0 1em;
 }
	.menu_trigger {
			display:none;
 }
	header nav {
			background-color:transparent;
			text-align:center;
 }
	header nav ul {
			display:block;
			position:relative;
			width:100%;
		 /*full width of its parent container*/
			padding:0;
			background-color:transparent;
			z-index:10;
 }
	header nav ul li {
			display:inline;
			margin:0 0 0 12px;
			padding:0 0 29px 0;
		 /*16*/
 }
	header nav ul li a {
			color:#666666;
			font-size:0.8125em;
		 /* BASE FONT = 16px >>> 13px / 16px = 0.8125em */
			line-height:1.15384615384615em;
		 /* BASE FONT = 13px >>> 15px / 13px = 1.15384615384615em */
			margin:0;
			padding:0 0 0.6923076923076923em 0;
		 /* BASE FONT = 13px >>> 0px 0px 9px 0px / 13px = 0 0 0.6923076923076923em 0 */
			border-bottom:3px solid transparent;
 }
	header nav ul li a:hover, header nav ul li:hover > a {
			color:#003357;
			text-decoration:none;
			border-bottom:3px solid #003357;
 }
	header nav ul li.has_child > a::after {
			display:none;
 }
	header nav ul li ul {
			position:absolute;
			width:12.8125em;
		 /* BASE FONT = 16px >>> 205px / 16px = 12.8125em */
			left:0;
			top:100%;
		 /*after full height of its parent container*/
			background-color:#003357;
			text-align:left;
			padding:0.875em 0 0.6875em 0;
		 /* BASE FONT = 16px >>> 14px 0px 11px 0px / 16px = 0.875em 0 0.6875em 0 */
			z-index:11;
 }
 header nav ul li.right-submenu ul {
	 left:auto;
	 right: -10px;
 }
	header nav ul li:hover > ul {
			display:block;
 }
	header nav ul li ul li {
			display:block;
			padding:0;
			margin:0;
 }
	header nav ul li ul li a {
			display:block;
			font-size:1em;
		 /* BASE FONT = 16px >>> 16px / 16px = 1em */
			line-height:1.125em;
		 /* BASE FONT = 16px >>> 18px / 16px = 1.125em */
			color:#ffffff;
			padding:0.4375em 0.3125em 0.3125em 1.3125em;
		 /* BASE FONT = 16px >>> 7px 5px 5px 21px / 16px = 0.4375em 0.3125em 0.3125em 1.3125em */
			margin:0;
			border:none;
 }
	header nav ul li ul li a:hover {
			background-color:#000000;
			color:#ffffff;
			border:none;
 }

}
/* ============================================================================= MEDIUM SCREEN STYLES DESKTOP START * ============================================================================= */
/******** 1220/16px = 76.25em*/
@media only screen and (min-width: 76.25em) {
 /* =============Logo Style Start======================== */
 .logo-container {
	 width:12%;
	padding:1.875em 0 0 0;
	/* BASE FONT = 16px >>> 30px 0px 0px 0px / 16px = 1.875em 0 0 0 */
	max-width: 8.9375em;
	/* BASE FONT = 16px >>> 143px / 16px = 8.9375em */
 }
	.logo-box span br {
			display: none;
 }
	#utility {
			margin:0;
		 /* BASE FONT = 16px >>> 0px 0px 16px 0px / 16px = 0 0 1em 0 */
 }
 
 /* =============Top Navigation Start==================== */
 #header-right {
	padding:0.5em 0 0 0;
	/* BASE FONT = 16px >>> 8px 0px 0px 0px / 16px = 0.5em 0 0 0 */
 }
 header nav {
	 text-align: right;
	 padding:14px 0 18px 0;
 }
	header nav ul li {
			margin:0 0 0 0.5em;
		 /* BASE FONT = 16px >>> 0px 0px 0px 8px / 16px = 0 0 0 0.5em */
 }
	header nav ul li a {
			font-size:1em;
		 /* BASE FONT = 16px >>> 16px / 16px = 1em */
			line-height:1.125em;
		 /* BASE FONT = 16px >>> 18px / 16px = 1.125em */
			padding:0 0 0.5em 0;
		 /* BASE FONT = 16px >>> 0px 0px 8px 0px / 16px = 0 0 0.5em 0 */
 }

}

/******** 1280/16px = 80em*/
@media only screen and (min-width: 80em) {
	.logo-container {
		width:15%;
		max-width:200px;
		padding:24px 0 0 0;
	}
}


/* ============================================================================= MEDIUM SCREEN STYLES DESKTOP [LARGE SCREEN] START * ============================================================================= */
/******** 1600/16px = 100em*/
@media only screen and (min-width: 100em) {
 /* =============Logo Style Start======================== */
	.logo-box span br {
			display:none;
 }

}
/*Embeded font style */
@font-face {
	font-family: 'BlairITC-Light';
	src: url(../fonts/BlairITC-Light.eot);
	src: url(../fonts/BlairITC-Light.woff) format('woff'), url(../fonts/BlairITC-Light.woff2) format('woff2'), url(../fonts/BlairITC-Light.ttf) format('truetype'), url(../fonts/BlairITC-Light.svg#BlairITC-Light) format('svg'), url(../fonts/BlairITC-Light.eot?#iefix) format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BlairITC-Medium';
	src: url(../fonts/BlairITC-Medium.eot);
	src: url(../fonts/BlairITC-Medium.woff) format('woff'), url(../fonts/BlairITC-Medium.woff2) format('woff2'), url(../fonts/BlairITC-Medium.ttf) format('truetype'), url(../fonts/BlairITC-Medium.svg#BlairITC-Light) format('svg'), url(../fonts/BlairITC-Medium.eot?#iefix) format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}