/* 
 ==========================================================================
   Helper Classes
 ========================================================================== 
*/

ul, h1, h2, h3, h4{margin:0; padding:0; list-style:none;}

.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after { clear: both;}
.clearfix {clear: both; overflow: hidden;}
.floatleft-img{float: left; margin-right: 20px; margin-top:10px;}
.floatright-img{float: right; margin-left: 20px; margin-top:10px;}
.floatcenter-img{display: block; margin: auto; text-align: center;}
*{box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after {position: absolute;}

img{max-width: 100%;height: auto;}

html, body { height: 100%;}

body{background:url(images/bg.jpg) repeat-x center top #1a256f; font-family: 'Lato', sans-serif; font-size: 15px; color: #343a3f;}
#wpadminbar{position: fixed!important;}
a{text-decoration: none; outline: 0 !important; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
iframe{width:100%; border:0;}
textarea {resize: vertical;}
.two_col{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.zindex{position:relative; z-index:99;}
.comp{color:#2a3586; font-weight:bold;}
.comingsoon{color:red; font-style:italic; font-weight:bold;}
.maincontents a{color:#800000; font-weight:bold;}
.maincontents a:hover{text-decoration:underline;}
.wrapper{max-width:1000px; width:100%; margin:0 auto; position:relative;}

/* Header Config*/
header{width:100%; margin:80px 0 0;}
header .wrapper{background:#fff; border-radius: 10px 0 0 0; border-bottom: 16px solid #eaeaea;  height:120px;}
	
	.header_left{padding:8px 33px 0; float:left;}
	
	.header_right{float:right; text-align: right;}
		.social{background:url(images/social-bg.png) no-repeat; width:157px; height:42px; padding: 8px 34px; text-align: left; position: absolute; top:-42px; right:165px;}
		.header_translator{background:url(images/translator-bg.png) no-repeat; width: 231px; height: 65px; padding: 27px 12px 0; position: absolute; top:-60px; right:0;}
		.header_right h2{font-size:16px; font-weight: 400; color:#43474a; margin:32px 12px 0;}
		.header_right h2 span{font-size:18px; font-weight: 700; color:#2a3586; display:block;}

/* Navigation Config */
nav{width:100%; text-align:center;}
nav .wrapper:before{content:url(images/nav-before.png); top:0; left:-17px;}
nav .wrapper:after{content:url(images/nav-after.png); top:0; right:-17px;}
nav .wrapper{height:73px; background:url(images/nav_bg.jpg) repeat-x #9d0404; border-bottom:7px solid #bc1704;}
nav ul {display:table; width:100%;}
nav ul li{display:table-cell; position: relative;}
nav ul li:after{content:url(images/nav_spacer.png); top:0; right:0;}
nav ul li:last-child:after{content:"";}
nav ul li a{font-size:16px; display:block; padding:10px; margin:14px 30px 0; color:#fff; border-radius: 8px;}
nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item a{background:#ffba00; color: #453200;}

/* Drop down menu */
nav ul li {position: relative;}
nav ul ul {display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index: 999;}
nav ul ul ul {left: 100%; top: 0;}
nav ul ul li:after{content:"";}
nav ul ul li{display: block; }
nav ul ul li a {width: 200px; height: auto; background: #b80000; margin: auto; display: block; padding: 10px; border-bottom: 1px solid #bc1704; text-align:left; color:#fff;}
nav ul ul li a:hover, nav ul ul li.current_page_item a{background:#ffba00; color: #453200;}
nav ul li:hover > ul {display: block; visibility: visible;}

/* Drop down icon */
nav span{position: absolute; right: 0; top: 0; display: none; padding: 5px; cursor: pointer; z-index: 9;}

/* Navigation bar icon */
.nav-toggle-button{width:100%; display: none; background:#870101; color: #fff; cursor: pointer; margin: 0 auto; padding:10px 0; text-align:right; position:relative;}
.nav-toggle-button small{ font-size: 22px; font-weight: 700;  left: 5px; position: absolute; top: 13px;}
.nav-toggle-button:hover{color: #453200;}
.nav-toggle-button .fa{ display: block; }

/* Banner Area Config */
#banner{width:100%;}
#banner .wrapper{background: #fff; padding: 0 0 27px;}
.rslides{display: none;}
#banner h2{font-family:Parisienne; color: #2a3586; font-weight: 400;}
#banner h2 span{font-family:pt serif; color: #800000; display: block; font-weight: 700;}
	.banner_left{padding:10px; position: absolute; top:13px; left:30px; z-index: 99; width: 298px; background: url(images/banner-left.jpg) repeat-x; border-radius: 20px;}
	.innerbanner:before{content: url(images/banner-tab-shadow.png); top:70px; left: 0; z-index:100; }
	.innerbanner:after{content: url(images/banner-side-shadow.png); top:-9px; right:-38px; }
	.innerbanner{background: #fff; border-radius: 20px; padding: 20px 0 0; position: relative;}
		.banner_left h2{font-size:24px; line-height: 100%; margin: 0 15px 20px 41px; position: relative;}
		.banner_left h2:after{content: url(images/banner-side-icon.png); top:-7px; right:35px;}
		.banner_left ul li a:before{content:url(images/banner-after.png); top:11px; right: 11px;}
		.banner_left ul li a:hover:before{content:url(images/banner-hov.png);}
		.banner_left ul li a{font-size:15px; color:#fff; display:block; background:url(images/banner-tab.png) center top; width:257px; height:38px; padding: 10px 0 0 45px; position: relative; margin:1px 0;}
		.banner_left a:hover{background-position:center bottom;}
	.bubble-float-left {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: left;
  transition-property: left;
}
.bubble-float-left:hover, .bubble-float-left:focus, .bubble-float-left:active {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.bubble-float-left:hover:before, .bubble-float-left:focus:before, .bubble-float-left:active:before {
  left: -10px;
}
	
	.banner_right{position: relative;}
	.slogan{position: absolute; bottom:25px; left: 345px; z-index: 99;}
		.slogan h2{text-shadow: 0 2px 0 rgba(255, 255, 255, 1), 0 -2px 0 rgba(255, 255, 255, 1), -1px 2px 0 rgba(255, 255, 255, 1), 1px 2px 0 rgba(255, 255, 255, 1), -1px -2px 0 rgba(255, 255, 255, 1), 2px -1px 0 rgba(255, 255, 255, 1), 2px 0 0 rgba(255, 255, 255, 1), -2px 0 0 rgba(255, 255, 255, 1); font-size: 35px;}

/* Main Content Area Config */
#main{width:100%;}
#main .wrapper{background: #fff; padding:15px 20px 20px 30px;}

/* Sidebar Area Config */
#col-a{width:300px; float:left;}
	.sidebox{display: inline-block; vertical-align: top; margin:15px 0 0; padding: 15px 129px 0 15px; position: relative; background: url(images/side1-bg.png); height: 176px;}
	.sidebox:before{content: url(images/side-img.png); top:-24px; right:0;}
	.sidebox:nth-child(2):before{content: url(images/side-map.png); top:60px; right:17px;}
	.sidebox:nth-child(2){background: url(images/side2-bg.png); padding: 28px 115px 0 15px; height: 182px;}
		.sidebox h2{font:400 24px/100% Parisienne; color:#fff;}
		.sidebox h2 span{font-family:pt serif; color:#ffba00; display:block;}
		.sidebox:nth-child(2) span{display: inline;}
		.sidebox:first-child p{margin: 7px 0;}
		.sidebox p{font-size:14px; line-height: 22px; color:#fff;}
		.sidebox a{font-size:14px; color:#fff; text-align: center; display:block; background:url(images/side-tab.jpg) repeat-x top left; border-radius:5px; width:78px; height:23px; padding:2px 0; margin:-5px 0;}
		.sidebox a:hover{background-position: bottom left;}
		.sidebox:nth-child(2) a{background-position: bottom left;}
		.sidebox:nth-child(2) a:hover{background-position: top left;}
	
		
#col-b{width:621px; float:right;}
	.maincontents{padding:0 0 0 0;}
	.maincontents h1{font:24px pt serif; color:#2a3586;}
	.maincontents .welcome{font-family:parisienne; color:#343a3f; font-weight:normal; display: block;}
	.assistive-text , .maincontents p, .maincontents ul li{font-size:15px; color:#343a3f;}
	.thumbnail{max-width:250px; width:100%; border-radius:5px; border:2px solid #fff;-webkit-box-shadow:2px 0px 5px 1px rgba(0,0,0,0.55); -moz-box-shadow:2px 0px 5px 1px rgba(0,0,0,0.55); box-shadow:2px 0px 5px 1px rgba(0,0,0,0.55);}
	.maincontents p{padding:0; text-align:justify;}
	.maincontents ul{margin:10px 0 0 20px;}
	.maincontents p, .maincontents ul li{padding:0; line-height:27px;}
	.maincontents ul li{background:url(images/bullet.png) no-repeat left 5px; padding:0 0 0 25px; margin-bottom:5px;}
	.centertext, .centertext p{text-align:center; display:block;}

/* Bottom Area Config */
#bottom .wrapper{height: 258px; padding:29px 0; background:url(images/bottom_bg.jpg) repeat-x center top;}
#bottom .wrapper:before{content: url(images/test-arrow.png); top:115px; left: 0; right: 0; text-align: center;}
#bottom .wrapper:hover:before{content: url(images/test-arrow-hov.png);}
.bottom_box{width:577px; margin: 0 auto; display: block; padding: 0 0 0 150px; position: relative;}
.bottom_box:before{content: url(images/test-icon.png); top:51px; left: 49px; z-index: 1;}
.bottom_box:after{content: url(images/test-quote.png); top:51px; left: 0;}
.bottom_box h2{font:24px parisienne; color:#fff; margin: 0 48px 15px;}
.bottom_box h2 span{font-family:pt serif; color:#ffba00;}
.bottom_box p{font:italic 14px/24px lato; color:#fff;}
.bottom_box p span{font-style:normal; display: block; margin:20px 0 0;}
	

/* Footer Area Config */
.con_info{background: url(images/contact_bg.jpg) repeat-x #9d0404; height: 152px; border-radius: 0 0 5px 5px; border-bottom: 8px solid #bc1704; padding: 42px 0 0 218px; position: relative;}
.con_info:before{content: url(images/contact-img.png); top:-33px; left: -9px; z-index: 1;}
.con_info:after{content: url(images/contact-after.png); bottom:-67px; left: 0;}
	.con_info h2{font:24px parisienne; color:#fff; display: inline-block;}
	#text-2{display: inline-block; vertical-align: top; margin-left: 50px;}
	.con_info h2 span{font-family:pt serif; color:#ffba00; display:block;}
		.con_info ul li {font:14px/20px lato; color:#fff; display:inline-block; vertical-align: top; padding:0 20px 10px 75px; white-space: pre-line;}
		.con_info ul li small{font-size:14px; margin-left: 19px;}
		.con_info ul li a{color:#ffba00;}
		.con_info ul li a:hover{color:#7d8dff;}
		.con_info ul li:first-child{background:url(images/icon_home.png) no-repeat 1px 9px;}
		.con_info ul li:nth-child(2){background:url(images/icon_phone.png) no-repeat 32px 7px;}
footer{width:100%; font-size:14px; color:#fff; padding:17px 0 17px 203px;}

	.nav_footer ul li{ display: inline-block; border-right:solid 1px #fff;}
	.nav_footer ul li:last-child{border-right:solid 0 #fff;}	
	.nav_footer ul li a{display: block; padding: 0 18px; color: #fff; line-height: 100%;}
	.nav_footer ul li a:hover, .nav_footer li.current_page_item a{color: #ffba00;}

	/* Copyright Config */
	#copyright{padding: 6px 0 0;}
	#copyright a{color: #fff;}
	#copyright a:hover{text-decoration:underline;}

/*resources*/
.resources {font-size:14px; margin-top:20px;}
.resources a {text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {padding-left:2px; text-decoration:none; -webkit-transition: none; transition: none;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#fff; border:1px solid #196515; border-bottom:2px solid #196515;}	
	
/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.search_results h2 a{font-size:20px; text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a:hover{ text-decoration:none; }

.lt-ie8 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}

.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}

.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative; left: 3em;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}

.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}

.lt-ie8 .protect-me{display: none; }

nav ul li span:before{display: none;}