﻿@charset "utf-8";
/* Creative eWorld CSS
   Version 2.1 (Last update on 11 May 2015)
*/


/* HTML5 display-role reset for older browsers */

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, strike, sub, tt, var, b, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;	
	display: inline-block;
	margin: auto;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe {
	display: block;
}

section {
	position: relative;	
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Links and remove of Dotted line */

a, a:link, a:visited, a:active {
	color: #1e1db5;
	text-decoration: none;
	outline:0;
	webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
a:hover, a:focus {
	text-decoration: none;
	color:#808285;
 ie-dummy: expression(this.hideFocus=true);
}

a.back {
	font-size: 12px;
	font-family: opensanslight, Arial, Helvetica, sans-serif;
	color: #808285;
	display: inline-block;
	margin-left: 10px;
    letter-spacing: 0.05em;
	text-decoration: none;
}

a.back:hover {
	color: #bbbbbb;	
}

a.back.viewdet {
	text-transform: uppercase;	
	font-size: 10px;
}


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #878787;
}

/* <a> link with class */
a.btn, .btn {
	font: normal 11px latobold, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #405264;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

a.btn:hover, .btn:hover {
	background-color: #1d4165;
	color: white;
}

a.sendenquiry {
	background: transparent url(../../images/icon_email.png) no-repeat left center;
	color: #333333;
	font: normal 18px oswaldregular, Arial, Helvetica, sans-serif;
	display: inline-block;
	padding-left: 30px;	
}

a.sendenquiry:hover {/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;
}

a.btn-gray {
	background:#a9a9a9;	
}

a.btn-gray:hover {
	background: #555555;	
}



/* Font Embed */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 5, 2016 */



@font-face {
    font-family: 'oswaldlight';
    src: url('../../include/fonts/oswald-light-webfont.eot');
    src: url('../../include/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/oswald-light-webfont.woff2') format('woff2'),
         url('../../include/fonts/oswald-light-webfont.woff') format('woff'),
         url('../../include/fonts/oswald-light-webfont.ttf') format('truetype'),
         url('../../include/fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldregular';
    src: url('../../include/fonts/oswald-regular-webfont.eot');
    src: url('../../include/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../../include/fonts/oswald-regular-webfont.woff') format('woff'),
         url('../../include/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../../include/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../../include/fonts/lato-bold-webfont.eot');
    src: url('../../include/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../../include/fonts/lato-bold-webfont.woff') format('woff'),
         url('../../include/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../../include/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobolditalic';
    src: url('../../include/fonts/lato-bolditalic-webfont.eot');
    src: url('../../include/fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../../include/fonts/lato-bolditalic-webfont.woff') format('woff'),
         url('../../include/fonts/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../../include/fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('../../include/fonts/lato-light-webfont.eot');
    src: url('../../include/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/lato-light-webfont.woff2') format('woff2'),
         url('../../include/fonts/lato-light-webfont.woff') format('woff'),
         url('../../include/fonts/lato-light-webfont.ttf') format('truetype'),
         url('../../include/fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolightitalic';
    src: url('../../include/fonts/lato-lightitalic-webfont.eot');
    src: url('../../include/fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../../include/fonts/lato-lightitalic-webfont.woff') format('woff'),
         url('../../include/fonts/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../../include/fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'latoblack';
    src: url('../../include/fonts/lato-black-webfont.eot');
    src: url('../../include/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/lato-black-webfont.woff2') format('woff2'),
         url('../../include/fonts/lato-black-webfont.woff') format('woff'),
         url('../../include/fonts/lato-black-webfont.ttf') format('truetype'),
         url('../../include/fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblackitalic';
    src: url('../../include/fonts/lato-blackitalic-webfont.eot');
    src: url('../../include/fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../include/fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../../include/fonts/lato-blackitalic-webfont.woff') format('woff'),
         url('../../include/fonts/lato-blackitalic-webfont.ttf') format('truetype'),
         url('../../include/fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* HTML */

html {
	position: relative;
	min-height: 100%;
}
body {
	background: #ffffff;
	color: #444;
	font:normal 15px latolight, Arial, sans-serif;
	line-height: 23px;
	height: auto;
	margin: 0;
	padding-bottom: 36px;
	width: 100%;
}

body.overflow-hidden, html.overflow-hidden {
	overflow: hidden;	
}

body.overflow-hidden {
	position: fixed;	
	min-height: 100%;
}

#overlay.active {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
}

@media (max-width: 350px){
	body {
		font-size: 4vw;
		line-height: 5vw;	
	}
}

@media (max-width: 880px) {
	body {
		padding-bottom: 52px;	
	}
}

@media (max-width: 440px){
	body {
		padding-bottom: 70px;	
	}
}

@media (max-width: 320px){
	body {
		padding-bottom: 84px;	
	}
}

td {
	position: relative;
}

p {
	margin-bottom: 20px;
	font-weight: normal;
}

.clear {
	clear: both;
}

.spacing-top {
	margin-top: 5%;	
}

.spacing-top-small {
	margin-top: 3%;	
}

.spacing-top-smaller {
	margin-top: 1%;	
}

.spacing-bottom {
	margin-bottom: 5%;	
}

.spacing-bottom-small {
	margin-bottom: 3%;	
}

.spacing-bottom-smaller {
	margin-bottom: 1%;	
}

/* Basic Fonts */

h1, h2, h3, h4, h5, h6 {
	font-family: oswaldregular, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h1, h1 a, h1 a:link {
	font-size: 55px;
	color:#013168;
	line-height: 58px;
	letter-spacing: 0.03em;
	margin-bottom:10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

h1 i, h1 em {
	font-family: oswalditalic, Arial, Helvetica, sans-serif;		
}

h1 strong, h1 b {
	font-family: oswaldregular, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 strong i, h1 strong em, h1 b i, h1 b em, h1 em strong, h1 em b, h1 i strong, h1 i b {
	font-family: oswalditalic, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 a:hover {
	color: #2a609e;	
}

h2, h2 a, h2 a:link {
	font-size: 30px;
	color: #0b53a4;
	line-height: 34px;
	margin-bottom: 0;
	font-family: latoblack, Arial, Helvetica, sans-serif;
}

h2 i, h2 em {
	font-family: latoblackitalic, Arial, Helvetica, sans-serif;		
}

h2 strong, h2 b {
	font-family: latoblack, Arial, Helvetica, sans-serif;
}

h2 strong i, h2 strong em, h2 b i, h2 b em, h2 em strong, h2 em b, h2 i strong, h2 i b {
	font-family: latoblackitalic, Arial, Helvetica, sans-serif;
}

h3, h3 a, h3 a:link {
	color: #bf030e;
	line-height:30px;
	margin-bottom: 15px;
	font: normal 25px oswaldlight, Arial, Helvetica, sans-serif;
}

h3.border:before {
	content: '';
	background: url(../../images/h3border.jpg) no-repeat left center;
	display: inline-block;
	height: 34px;
	width: 4px;
	vertical-align: middle;
	margin-right: 15px;
	margin-top: -3px;
}

h4, h4 a, h4 a:link {
	font-size: 20px;
	line-height: 25px;
	color:#003a8b;
	margin-bottom: 10px;
}

h4 i, h4 em {
	font-family: oswalditalic, Arial, Helvetica, sans-serif;		
}

h4 strong, h4 b {
	font-family: oswaldregular, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h4 strong i, h4 strong em, h4 b i, h1 b em, h4 em strong, h4 em b, h4 i strong, h4 i b {
	font-family: oswalditalic, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h5 {	
	font: normal 17px latobold, Arial, Helvetica, sans-serif;
	line-height: 23px;
	color:#333333;
	margin-bottom: 10px;
}

h5 i, h5 em {
	font-family: latoblackitalic, Arial, Helvetica, sans-serif;		
}

h5 strong, h5 b {
	font-family: latoblack, Arial, Helvetica, sans-serif;
}

h5 strong i, h25 strong em, h5 b i, h5 b em, h5 em strong, h5 em b, h5 i strong, h5 i b {
	font-family: latoblackitalic, Arial, Helvetica, sans-serif;
}

h5 a, h5 a:link, h5 a:visited {
	color:#000000;
}

h5 a:hover {
	color: #a20f21;
	text-decoration: none;	
}

h6 {
	font-size: 14px;
	color: #f5d8de;
	line-height: 20px;
}

h6 a, h6 a:link {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	color: #c72031 !important;	
	text-decoration: none;
}

h6 a:hover {
	color: #808285 !important;	
}

@media (max-width: 554px){
	h1 {
		font-size: 13vw;	
		line-height: 13.7vw;
	}
	
	h2 {
		font-size: 5.5vw;	
		line-height: 6.2vw;
	}
	
	h3 {
		font-size: 4.5vw;
		line-height: 5.2vw;	
	}
	
	h3.border:before {
		height: 6vw;
		margin-right: 2.7vw;
		width: 2px;
	}
	
	h4 {
		font-size: 3.8vw;
		line-height: 4.5vw;	
	}
	
	h5 {
		font-size: 3.3vw;
		line-height: 4vw;	
	}
}

@media (max-width: 400px){
	h2 {
		font-size: 6vw;	
		line-height: 6.8vw;
	}
	
	h3 {
		font-size: 5.5vw;
		line-height: 6.2vw;	
	}
	
	h3.border:before {
		height: 8vw;	
	}
	
	h4 {
		font-size: 4.5vw;
		line-height: 5.2vw;	
	}
}

.txt_small {
	font-family: latolight, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;
	color: #000;
	display: inline-block;
	line-height: 18px;
}

label {
	color: #666666;
	font-size: 13px;
	text-transform: uppercase;	
	font-family: latolight, Arial, Helvetica, sans-serif;
}

b, strong {
	font-family: latobold, Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

i, em {
	font-family: latolightitalic, Arial, Helvetica, sans-serif;
	font-style: normal;	
}

i b, i strong, em b, em strong, b i, b em, strong i, strong em {
	font-family: latobolditalic, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	font-style: normal;	
}

@media (max-width: 350px){
	label {
		font-size: 3.5vw;	
	}
}


/* Listing Styles */

ol, ul {
	margin-left: 20px;
}

ol > li {
	margin-bottom: 15px;
}

ul li {
	margin-bottom: 10px;
}


/* Text Field & Button Style */

input, textarea {	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
    -webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


input[type="password"], input[type='text'], select, textarea, input[disabled="disabled"] {
   	padding: 10px;
	background: #ffffff;
	border: none;
	color: #555555;
	font-size: 13px;
	font-family: latolight, Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e0e0e0;
	-webkit-text-fill-color: #555555;
}

input[type='submit'], input[type='button'] {
	cursor: pointer;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border: 0;
	outline: 0;
}

input:focus,input[type='text']:focus, select:focus, textarea:focus {
	outline: 0;
}

/*for Contact Us Send enquiry button */
a.actionbtn, .actionbtn { 
	color: white;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	background: #d81a33;
	text-decoration: none;
	min-width: 15%;
}

a.actionbtn:hover, .actionbtn:hover {
	background: #9e1325;	
}

a.backbtn, .backbtn {
	background: #808285;
}

a.backbtn:hover, .backbtn:hover {
	background: #666666;	
}


/*for Download button */
.dlbtn { 
}


/* Back to top style */
#scrollUp {
	bottom: 0;
	right: 30px;
	width: 70px;
	height: 70px;
	padding: 10px 5px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#scrollUp:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#scrollUp, a#scrollUp {
	bottom: 40px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../../images/top.png) no-repeat;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

#scrollUp-active {
    display: none;
}

/* Divider and Outline */

hr {
 background: #dddddd;
	height:1px;
	width: 100%;
	border: none;
}

hr.tab {
	background:  transparent url(../../images/hr_gray.jpg) no-repeat;
	height: 5px;	
}

.vDiv {
}

.outline {
	border: 1px solid #dddddd;	
}

/* Contact Tab */

#box {
    width: 300px;
	right: -300px;
    top: 96px; /* change this value to place the menu higher or lower */
    position: fixed;
    z-index: 100;
	background: transparent url(../../images/box_bg.png) repeat;
	color: #555555;
	font: normal 15px latolight, sans-serif;
	line-height: 23px;
	padding: 20px 15px;
	border-left: 3px solid #c80000;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}

#box h3 { color: #fff; margin-top:0; }

#tab {
    float: left;
	list-style: outside none none;
	margin-left: -51px;
	padding: 0px;
	position: relative;
	z-index: 99;
}

#tab li span {
    display: block;
    padding: 0;
    position: relative;
}

#tab img { cursor: pointer; }

.showTab, .hideTab {
    /* we specify the transition length for hiding and showing */
     transition: margin-right .4s ease-in;
	-webkit-transition: margin-right .4s ease-in;
}

.hideTab {
    margin-right:0px;
}

.hideTab ul li img:hover{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.showTab {
    margin-right:300px;
}

.vAlign {
	display: inline-block;
	float: none !important;
	vertical-align: middle;		
	margin-right: -4px;
}

.vBtm {
	display: inline-block;
	float: none !important;
	vertical-align: bottom;		
	margin-right: -4px;
}

.vTop {
	display: inline-block;
	float: none !important;
	vertical-align: top;	
	margin-right: -4px;
}

.txt-center {
	text-align: center;	
}

.txt-left {
	text-align: left;	
}

.txt-right {
	text-align: right;	
}

.txt-left-center {
	text-align: left;	
}

.txt-left-left-center {
	text-align: left;	
}

@media (max-width: 991px){
	.txt-left-center {
		text-align: center;	
	}	
	.txt-left-left-center {
		text-align: left;	
	}
}

@media (max-width: 767px){
	.txt-left-left-center {
		text-align: center;	
	}
}

@media (max-width: 540px){
	#box {
		display: none !important;	
	}
}


/* Header */

header {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	background: transparent url(../../images/header_bg.png) repeat;
	border-top: 3px solid #012a53;
	z-index:99999;
	height: auto;
}

.header_wrapper {
	margin: 0 auto;
	padding:0;
	width: 100%;
	max-width: 1140px;
	position: relative;
}

.logo {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 140px;
	text-align: center;
	z-index: 5;
	top:0;
	width: 40%;
}

label.toggle {
	right: auto;
	left: 15px;	
	top: 15px;
	font-size: 50px;
}


/* Search */
#search_div {
	margin-bottom: 40px;	
}

#search {
	clear:both;
	position: absolute;
	top: 0;
	right: 40px;
	width: 0;
	overflow: hidden;
	-webkit-transition: width 300ms ease-out;
    -moz-transition: width 300ms ease-out;
    -o-transition: width 300ms ease-out;
    transition: width 300ms ease-out;
	height: 100%;
}

input.search_field {
	background: white;
	border: 0;
	font: normal 13px latolight, Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	color: #808285;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 10px;
	height: 100%;
}

#search.active {
	width: 180px;	
	z-index:9999;
}

input.search_btn {
	background: #c72031 url(../../images/icon_search.png) no-repeat center;
	height: 40px;
	width: 40px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: top;
	float:right;
}

input.search_btn:hover {
	background-color: #9d0a19;
}

.closesearch, a.closesearch {
	display: none;	
}

@media (max-width: 420px){
	#search {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  
		/* IE 5-7 */
		filter: alpha(opacity=0);
	  
		/* Netscape */
		-moz-opacity: 0;
	  
		/* Safari 1.x */
		-khtml-opacity: 0;
	  
		/* Good browsers */
		opacity: 0;	
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: transparent url(../../images/box_bg.png) repeat;
		visibility: hidden;
	}
	
	#search.active {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  
		/* IE 5-7 */
		filter: alpha(opacity=100);
	  
		/* Netscape */
		-moz-opacity: 1;
	  
		/* Safari 1.x */
		-khtml-opacity: 1;
	  
		/* Good browsers */
		opacity: 1;	
		visibility: visible;
		width:100%;
		height: 100%;
		-webkit-transition: opacity 300ms ease-out, visibility 300ms ease-out;
		-moz-transition: opacity 300ms ease-out, visibility 300ms ease-out;
		-o-transition: opacity 300ms ease-out, visibility 300ms ease-out;
		transition: opacity 300ms ease-out, visibility 300ms ease-out;
	}
	
	input.search_field {
		text-align: center;
		width: 85%;
		height: 40px;
		background: none;
		border-bottom: 1px solid #aaaaaa;
		position:absolute;
		top:40%;
		margin: auto;
		left: 0;
		right: 0;
		font-size: 15px;	
	}
	
	.closesearch, a.closesearch {
		display: block;
		font-size: 44px;
		line-height: 50px;
		position: absolute;
		top: 5px;
		right: 15px;	
		color: #444;
	}
	
	a.closesearch:hover {
		background: none !important;	
	}
}


/* Navigation */

#menu {
	position: relative;	
	height: auto;
	margin: auto;
	background: none;
	z-index: 3;
	overflow: visible;
	height: auto !important;
}

nav {
	margin: 0 auto;
	max-width: 1140px;
}

nav:after {
	clear: both;
	display: table;
	content: '';	
}

.icons_link {
	float: right;	
	position: relative;
}

.icons_link a {
	display: inline-block;
	padding: 15px 10px 15px;	
	margin-left: -3px;
}

.icons_link a:first-child {
	margin-left: 0;	
}

.icons_link a.active, .icons_link a:hover {
	background: rgba(1,42,83,0.8);
}

.slinky-menu a.next:after {
	display: none;	
}

.menu_toggle, .menu_close {
	color: white;
	font-size: 44px;
	line-height: 50px;
	padding-left: 10px;
	display: none;
	float: left;	
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
									not supported by any browser */
}

.menu_close {
	position: absolute;
	top: 5px;
	right: 15px;	
	color: #444;
	padding-left: 0;
}

.menu_close:hover {
	color: #000000;	
}

ul#navmenu-h {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: relative; 
	text-align: left;
	z-index: 500 !important; 
	float: none;
	right: auto;
	top: auto;
	border: none;
	background: none;
	display: block;
	margin: 0 auto;
	float: left;
	width: auto;
}

ul#navmenu-h li { 
	display: inline-block; 
	position: relative;
	border: none;
	margin: 0;
}

/* Root Menu */

ul#navmenu-h li a {
	display: block;
	padding: 13px 17px;
	background: none;
	color: #ffffff;
	font: normal 16px oswaldregular, Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em; 	
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	
	border: none;
}


/* Root Menu Hover Persistence */
ul#navmenu-h li:hover a {
	background: rgba(1,42,83,0.8);
}

ul#navmenu-h li.active a, ul#navmenu-h li a.active {
	color: white;
	background:  rgba(1,42,83,0.8);
}

@media(min-width:992px){
	ul#navmenu-h, ul#navmenu-h li, #menu {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;	
	}
	
	ul#navmenu-h ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		list-style-type:none;
		padding: 0;
		margin: 0;
		float: left;
		border: 1px solid #ebe8e8;
		background-color: #ffffff;
		min-width: 150px;
	}
	
	ul#navmenu-h ul ul, ul#navmenu-h ul ul ul, ul#navmenu-h ul ul.sub-nav, ul#navmenu-h ul ul ul.sub-nav {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		left: 101%;
	}
	
	ul#navmenu-h ul li { width: 100%; display: block; margin:0; background: none !important; padding: 0; margin: 0;border: none;}
	/* 2nd Menu */
	ul#navmenu-h li:hover li a {
		width: 100%;
		float: none;
		background: #ffffff;
		color: #808285;
		font: normal 13px latolight, Arial, Helvetica, sans-serif;
		padding: 10px 15px;
		margin: 0px;
		text-align: left;
		cursor: pointer;
		z-index: 500!important;
		border: none;
		text-shadow: none;
		text-transform: capitalize;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-transition: background 800ms ease-out;
		-moz-transition: background 800ms ease-out;
		-o-transition: background 800ms ease-out;
		transition: background 800ms ease-out;	
	}
	
	
	ul#navmenu-h ul li a.submenu {
		background:url(../../images/navarrow-right.png) center right no-repeat;
	}
	
	/* 2nd Menu Hover Persistence */
	ul#navmenu-h li:hover li a:hover,
	ul#navmenu-h li:hover li:hover a {
		cursor: pointer;
		color: #ffffff;
		border: none;
		background-color: #a0a0a0;
		z-index: 500!important;
	}
	
	ul#navmenu-h ul li.submenu:hover {
		 background:url(../../images/navarrow-right-hover.png) center right no-repeat;
	}
	
	/* 3rd Menu */
	ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
	  float: none;
		background: #ffffff;
		color: #808285;
		font: normal 13px latolight, Arial, Helvetica, sans-serif;
		padding: 10px 15px;
		margin: 0px;
		text-align: left;
		cursor: pointer;
		z-index: 500!important;
		width: 100%;
		border: none;
		text-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	ul#navmenu-h ul ul li a.submenu {
		background:url(../../images/navarrow-right.png) center right no-repeat !important;
	}
	
	/* 3rd Menu Hover Persistence */
	ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
		cursor: pointer;
		color: #ffffff;
		border: none;
		background-color: #a0a0a0 !important;
		z-index: 500!important;
	}
	
	
	/* 4th Menu  */
	ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
	  float: none;
		background: #ffffff !important;
		color: #808285;
		font: normal 13px latolight, Arial, Helvetica, sans-serif;
		padding: 10px 15px;
		margin: 0px;
		text-align: left;
		cursor: pointer;
		z-index: 500!important;
		width: 100%;
		border: none;
		text-shadow: none;
	}
	
	/* 4th Menu Hover */
	ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
	cursor: pointer;
		color: #ffffff;
		border: none;
		background-color: #a0a0a0 !important;
		z-index: 500!important;
	}
	
	ul#navmenu-h ul ul,
	ul#navmenu-h ul ul ul { 
		top: 0;
		left: 100%; 
		float:left;
	}
	
	/* Hover Function - Do Not Move */
	ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
	ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
	
	ul#navmenu-h ul li.active a, ul#navmenu-h ul li.active a, ul#navmenu-h ul li a.active, ul#navmenu-h ul li:hover li.active a, ul#navmenu-h ul li:hover li:hover li.active a, ul#navmenu-h ul li:hover li:hover li:hover li.active a {
		color: #ffffff;	
		background: rgba(1,42,83,0.8) !important;
	}
}

@media (max-width: 991px){	
	#menu {
		position: fixed;
		height: 100% !important;	
		left: -100%;
		top: 0;
		background: transparent url(../../images/box_bg.png) repeat;
		overflow: hidden;
		overflow-y: auto;
		width: 100%;
		z-index: 9999;
		padding: 60px 0 20px;
		max-width: 420px;
	}
	
	#menu.active {
		left: 0;
	}
	
	ul#navmenu-h {
		padding: 0 10px;	
	}
	
	#menu ul {
		height: auto !important;
		width: 100%;	
	}
	
	#menu ul li {
		display: block;
		width: 100%;	
	}
	
	.menu_logo {
		text-align: center;	
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.slinky-menu a.next:after {
		display: block;	
	}
	
	.menu_toggle, .menu_close {
		display: block;	
	}
	
	ul#navmenu-h li {
		position: static;	
		text-align: center;
		padding: 7px 0;
	}
	
	ul#navmenu-h li a {
		color: #333333;	
		display: inline-block;
		background: none;
		width: auto;
	}
	
	ul#navmenu-h li.active a, ul#navmenu-h li a:hover, ul#navmenu-h li:hover a {
		background:  rgba(1,42,83,0.8);
		color: white;	
	}
	
	ul#navmenu-h li li a, ul#navmenu-h li:hover li a {
		color: #333333;	
		display: inline-block;
		background: none;
		width: auto;
	}
	
	ul#navmenu-h li li.active a, ul#navmenu-h li li a:hover, ul#navmenu-h li li:hover a  {
		background:  rgba(1,42,83,0.8);
		color: white;	
	}
	
	ul#navmenu-h li li li a, ul#navmenu-h li:hover li li a, ul#navmenu-h li li:hover li a {
		color: #333333;	
		background: none;
		display: inline-block;
		width: auto;
	}
	
	ul#navmenu-h li li li.active a, ul#navmenu-h li li li a:hover, ul#navmenu-h li li li:hover a  {
		background:  rgba(1,42,83,0.8);
		color: white;	
	}
	
	/* Slinky CSS */
	.slinky-menu {
		overflow: hidden;
		transform: translateZ(0);
		transition: all 300ms ease;
		-webkit-transform: translateZ(0);
		-webkit-transition: all 300ms ease;
	}
	
	.slinky-menu > ul {
		left: 0;
		position: relative;
		transform: translateZ(0);
		transition: all 300ms ease;
		-webkit-transform: translateZ(0);
		-webkit-transition: all 300ms ease;
	}
	
	.slinky-menu ul,
	.slinky-menu li {
		list-style: none;
		margin: 0;
	}
	
	.slinky-menu ul {
		width: 100%;
	}
	
	.slinky-menu a {
		display: block;
	}
	
	.slinky-menu li ul {
		display: none;
		left: 100%;
		position: absolute;
		top: 0;
		display: block !important;
	}
	
	.slinky-menu .header {
		position: relative;
	}
	
	.slinky-menu h2 ~ a.back {
		left: 0;
		position: absolute;
		top: 0;
	}
	
	.slinky-menu a.back, ul#navmenu-h li a.back {
		margin: 0;
		background: none;	
		color: #101010;
	}
	
	ul#navmenu-h li:hover a.back {
		background: none;
		color: #333333;
	}
	
	.slinky-menu a.back:hover, ul#navmenu-h li a.back:hover {
		color: #012a53;	
	}
	
	.slinky-menu h2 {
		font-size: 1em;
		margin: 0;
		text-align: center;
	}
	
	/* Default theme */
	
	/*.slinky-menu .header {
		background: #AAA;
	}*/
	
	.slinky-menu h2 {
		color: #FFF;
		padding: 1em;
	}
	
	.slinky-menu a {
		/*background: #AAA;*/
		border: none;
		color: #FFF;
		padding: 1em;
	}
	
	.slinky-menu a:hover {
		background: #000;
	}
	
	.slinky-menu a.next:after {
		content: '\276f';
		margin-left: 1em;
		float: right;
	}
	
	.slinky-menu a.back:before {
		content: '\276e';
		margin-right: 1em;
		float: left;
	}
	/* End of Slinky */
	
	ul#navmenu-h li a {
		padding: 13px;	
	}
}

@media (max-width: 420px){
	.logo {
		left: 5px;
		right: auto;
		max-width: 120px;	
	}
	
	.menu_toggle {
		float: right;
		padding-right: 10px;
		font-size: 35px;
		line-height: 44px;	
	}
	
	.menu_close {
		padding: 0;	
	}
	
	.icons_link a img {
		width: 17px;
		height: auto;	
	}
}

/* end Nav */


/* Banner */

#banner {
	width: 100%;
	/*For fixed width banner
	width: 1000px;
	*/
	margin: auto;
	overflow: hidden;
	position: relative;
	z-index:2;
}

#slider {
	width: 100%;
	min-width: 2000px;
	margin: auto;	
	position: static;
}

#slider .slick-list {
	z-index: 1;	
}

#slider img {
	display: inline-block;
	width: 100%;	
}

#slider .slick-dots {
	position: absolute;
	top:63%;
	width: 100%;
	max-width: 1140px;
	left:0;
	right:0;
	margin: auto;
	text-align: center;
	list-style: none;	
	z-index: 2;
}

#slider .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;	
}

#slider .slick-dots li button {
	background: none;
	color: transparent;
	text-indent: -9999px;
	height: 9px;
	width: 9px;
	overflow: hidden;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
	padding: 0;
	margin: 0;
}

#slider .slick-dots li button:focus {
	outline: none;
}

#slider .slick-dots li.slick-active button {
	background: white;	
}

.banner-caption {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;	
}

.banner_bigtxt, .banner_smalltxt {
	color: white;
	text-transform: uppercase;
}

.banner_smalltxt {
	font: normal 27px oswaldregular, Arial, Helvetica, sans-serif;	
	letter-spacing: 0.05em;
	line-height: 27px;
	text-shadow: 2px 2px 5px #020303; 
}

.banner_smalltxt:before, .banner_smalltxt:after {
	content: '';
	background:url(../../images/caption_line.png) repeat-x;	
	width: 8.5%;
	margin-right: 20px;
	display: inline-block;
	height: 6px;
	vertical-align: middle;
}

.banner_smalltxt:after {
	margin-left: 20px;
	margin-right: 0;	
}

.banner_bigtxt {
	font: normal 45px latobold, Arial, Helvetica, sans-serif;
	line-height: 50px;
	margin-top: 5px;
	text-shadow: 2px 2px 5px rgba(2,3,3,0.75); 	
}

#banner.subpage {
	padding-top: 130px;	
	background: transparent url(../../images/subbanner.jpg) no-repeat center top;
	background-size: cover;
}

@media (min-width: 1921px){
	#banner.subpage {
		background-size: cover;
	}
}

@media (max-width: 992px){
	.banner_smalltxt {
		font-size: 2.7vw;
		line-height: 3.5vw;	
	}
	
	.banner_bigtxt {
		font-size: 4.5vw;
		line-height: 5vw;	
	}
	
	.banner_smalltxt:before, .banner_smalltxt:after {
		width: 15vw;	
	}
	
	#slider {
		width: 150vw;
		min-width: 0;	
	}
	
	#slider .slick-dots {
		top: 30vw;	
	}
}

@media (max-width: 767px){
	
	#slider {
		width: 170vw;
		min-width: 0;	
	}
	
	#slider .slick-dots {
		top: 35vw;	
	}
		
}

@media (max-width: 540px){
	
	#slider {
		width: 250vw;
		min-width: 0;	
	}
	
	#slider .slick-dots {
		top: 50vw;	
	}
		
}

@media (max-width: 450px){
	.banner_smalltxt:before, .banner_smalltxt:after {
		display: none;	
	}
	
	.banner_smalltxt {
		font-size: 4.5vw;
		line-height: 5vw;	
		padding: 10px 0;
		border-bottom: 1px solid white;
		width: 90vw;
		margin: auto;
	}
	
	.banner_bigtxt {
		font-size: 5.5vw;
		line-height: 6vw;
		width: 95vw;
		margin: 10px auto;
	}
	
	#slider {
		width: 350vw;	
	}
	
	#slider .slick-dots {
		top: 80vw;	
	}
	
	.banner-caption {
		top: 42%;	
	}
}


/* HOME-PAGE Content */

#maincontent {
	width: 100%;
	overflow: hidden;	
	padding: 45px 0 30px;
	margin: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.homebg {
	position: relative;	
}

.homebg:after {
	display: table;
	content: '';
	clear: both;	
}

.homebg:before {
	background:url(../../images/home_bg.png) no-repeat left center;	
	content: '';
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 0;  
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.map_container {
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin: auto;
}

.map_col {
	background: transparent url(../../images/overlay_white.png) repeat;
	padding-top: 20px;
	padding-bottom: 20px;
	
	position: absolute;	
	margin: auto;
	right:0;
	top: 60px;
}

.pagetitle {
	text-transform: uppercase;	
}

@media (max-width: 991px){
	.homebg:before {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

		/* IE 5-7 */
		filter: alpha(opacity=60);
	  
		/* Netscape */
		-moz-opacity: 0.6;
	  
		/* Safari 1.x */
		-khtml-opacity: 0.6;
	  
		/* Good browsers */
		opacity: 0.6;	
		background-position:center;	
	}
}

@media (max-width: 767px) {
	.map_container {
		position: static;
		text-align: center;
		padding: 20px 15px 40px;	
	}
	
	.map_col {
		position: relative;
		background: none;
		top: 0;	
	}
}

/**********************
   About Us
**********************/
.aboutbg {
	background: transparent url(../../images/about_bg.png) no-repeat right bottom;	
}


/**********************
 	Captcha
**********************/
.ob_iTCN, .ob_iTCO, .ob_iTCA {

    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ddd !important;
}
.ob_iTL, .ob_iTC, .ob_iTR {
    background-image: none !important;
    height:34px !important;
}
.ob_iTC {
    margin-left: -12px !important;
    margin-right: -12px !important;
	margin-top: -75px;
}
.ob_iTC .ob_iTIE {
    width: 100% !important;
    /*position: absolute !important;*/
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    display: block !important;
    background-color: transparent !important;
    border: 0px none !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
    margin-top: -7px !important;
    height: 34px !important;
    font:normal 14px latolight, Arial, Helvetica, sans-serif !important;
    outline: 0px none;
    padding: 0px 10px 0px 10px !important;
}

#ctl00_ContentPlaceHolder1_GenerateNew, #ctl00_ContentPlaceHolder1_GetAudioCode {
	margin-top: 15px;	
	display: block;
	margin-left: 0;
}

/* Footer */

footer {
	width: 100%;
	background: #343434;
	text-align: left;
	font: normal 11px latolight, Arial, sans-serif;
	color: #bfbfbf;
	line-height: 16px;
	position: absolute;
	bottom: 0;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

footer a, footer a:link, footer a:visited {
	color: #ffffff;	
}

footer a:hover {
	color: #bfbfbf;	
}


/***********************
  Print
************************/
@media print {
                
body {
                margin: 0;
                padding 0 !important;
                min-width: 768px;
}

.container {
                width: auto;
                min-width: 750px;
}

a[href]:after {
                content: none;
}

.noprint, 
div.alert, 
header, 
.group-media, 
.btn, 
.footer, 
form, 
#comments, 
.nav, 
ul.links.list-inline,
ul.action-links {
                display:none !important;
}              
                
#maincontent {
                display: block !important;
}
.printBtn, .actionbtn, #scrollUp, header, footer {
                display: none !important;
}

[class*="col-sm-"] {
                float: left;
}

[class*="col-xs-"] {
                float: left;
}

.col-sm-12, .col-xs-12 { 
                width:100% !important;
}

.col-sm-11, .col-xs-11 { 
                width:91.66666667% !important;
}

.col-sm-10, .col-xs-10 { 
                width:83.33333333% !important;
}

.col-sm-9, .col-xs-9 { 
                width:75% !important;
}

.col-sm-8, .col-xs-8 { 
                width:66.66666667% !important;
}

.col-sm-7, .col-xs-7 { 
                width:58.33333333% !important;
}

.col-sm-6, .col-xs-6 { 
                width:50% !important;
}

.col-sm-5, .col-xs-5 { 
                width:41.66666667% !important;
}

.col-sm-4, .col-xs-4 { 
                width:33.33333333% !important;
}

.col-sm-3, .col-xs-3 { 
                width:25% !important;
}

.col-sm-2, .col-xs-2 { 
                width:16.66666667% !important;
}

.col-sm-1, .col-xs-1 { 
                width:8.33333333% !important;
}
  
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col