/* 
 ==========================================================================
   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;}
.col2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
} 

*, *:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; 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:#fff; font-family: 'Open Sans', sans-serif; font-weight:400; overflow-x:hidden;}

a{text-decoration: none; outline: 0 !important;}
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:#008ed9; font-weight:bold;}
.comingsoon{color:red; font-style:italic; font-weight:bold;}
.maincontents a{color:#ea3630; 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%; height:185px; background:url(images/header_bg.png) repeat-x center top;}
	
	.header_left{padding:29px 0 0; float:left;}
	
	.header_right{padding:20px 0 0; float:right;}
		.header_right h2{font-weight:400; font-size:16px; color:#fff; background:url(images/header-icon.png) no-repeat center left; padding:15px 0 15px 22px;}
		.header_right h2 span{font-weight:700; color:#fff11f;}

/* Navigation Config */
nav{width:100%; text-align:right; margin:-78px 0 0;}
nav ul li{ display: inline-block; position: relative;}
nav ul li:after{content:url(images/nav_spacer.png); top:0; right:-30px;}
nav ul li:last-child:after{content:"";}
nav ul li a{font-size:15px; font-weight:700; display:block; padding:14px 16px; margin:5px; color:#1f7dc7; text-transform:uppercase; position:relative; z-index:99;}
nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item a{ color: #fff; background:url(images/nav_hov.jpg) repeat-x; border-radius:5px;}

/* Drop down menu */
.dropdown ul li {position: relative;}
.dropdown ul ul {display: none; margin: 0; padding: 0; position: absolute; top: 92%; left: 0; z-index: 999;}
.dropdown ul ul ul {left: 100%; top: 0;}
.dropdown ul ul li:after{content:"";}
.dropdown ul ul li{display: block; }
.dropdown ul ul li a {width: 200px; height: auto; background:#E5F2FE; margin: auto; display: block; padding: 10px; border-bottom: 1px solid #dff0fe; text-align:left;} 
.dropdown ul ul li a:hover{background:#13609d;}
.dropdown 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:#74afe2; color: #1f7dc7; cursor: pointer; margin: 0 auto; padding:10px 0; text-align:right;}
.nav-toggle-button:hover{color: #15629f;}
.nav-toggle-button .fa{ display: block; }

/* Banner Area Config */
#banner{width:100%; position:relative;}
	.slogan{position:absolute; bottom:23px; right:-70px; z-index:99; background:rgba(0,0,0,0.5); border-radius:5px; padding:2px 43px 10px; width:750px;}
		.slogan p{font-weight:700; font-size:22px; color:#fff; margin:0;}
		.slogan p span{font-size:13px; display:block;}

/* Middle Area Config */
#mid{width:100%; background:url(images/mid_bg.png) repeat-x center top; margin:-105px 0 0;}
	.mid-box{width:317px; min-height:230px; border-radius:8px; margin:95px 0 0; display: inline-block; vertical-align:top; position:relative; background: url("images/mid_bg.jpg") repeat-x #307BB4; padding:0 0 30px;}
	.mid-box:first-child{background:#fff; width:341px; border-radius:15px; margin:0; padding:20px 15px;}
	.mid-box:first-child:before{content:url(images/video-icon.png); top:16px; right:16px;}
	.mid-box:first-child h2{background:none; font-size:21px; color:#525353; padding:0; margin:0;}
	.mid-box:first-child h2 span{font-size:28px; color:#317bb5;}
	.mid-box:first-child a{font-size:17px; font-weight:700; color:#fff; display:block; background:url(images/video-after.png) no-repeat right 23px center #ea3630; border-radius:8px; width:100%; height:45px; padding:10px 25px; position:initial;}
	.mid-box:first-child a:hover{background:url(images/video-after.png) no-repeat right 23px center #000;}
	.mid-box img{display:block; margin:15px auto 10px;}
	.mid-box h2{font:22px/22px pacifico; color: #fff; display:block; background:url(images/mid_title.png) no-repeat; padding:10px 20px 29px; margin:15px 0 0;}
	.mid-box h2 span{font:700 23px open sans; color: #fff11f; display:block;}
	.mid-box p{font:13px/23px open sans; color:#fff; padding:0 31px 0px 98px; display:block; margin:0;}
	.mid-box:nth-child(2){margin:95px 7px 0 5px;}
	.mid-box:nth-child(2):before{content:url(images/mid1.png); top:108px; left:21px;}
	.mid-box:nth-child(3):before{content:url(images/mid2.png); top:108px; left:21px;}
	.mid-box a{display:block; background:url(images/mid_tab.png) no-repeat; width:57px; height:43px; position:absolute; bottom:0; right:0;}
	.mid-box a:hover{background:url(images/mid_tabhov.png) no-repeat;}

/* Main Content Area Config */
#main{width:100%;}

/* Sidebar Area Config */
#col-a{width:327px; float:left; padding-left:15px;}
	#sidebar ul li a{font-style:italic; font-size:22px; line-height:22px; color:#fff11f; display:block; background:url(images/sidebar.jpg) repeat-x bottom left; border-radius:8px; height:79px; padding:17px; margin:5px 0; position:relative;}
	#sidebar ul li a span{font-style:normal; font-weight:700; color:#cccccc; display:block;}
	#sidebar ul li a:after{content:url(images/left1.png); top:20px; right:20px;}
	#sidebar ul li:nth-child(2) a:after{content:url(images/left2.png);}
	#sidebar ul li:nth-child(3) a:after{content:url(images/left3.png);}
	#sidebar ul li a:hover, #sidebar ul li.current_page_item a{background-position:top left;}
		
#col-b{width:649px; float:right; margin:0 0 10px;}
	.maincontents{padding:0 0 0 0;}
	.maincontents h1{font-size:28px; font-weight:700; color:#008ed9;}
	.maincontents .welcome{font-size:23px; color:#6e6e6e; font-weight:normal; display:block;}
	.assistive-text , .maincontents p, .maincontents ul li{font:15px open sans; color:#333333;}
	.maincontents img{max-width:250px; border-radius:5px;}
	.maincontents p{margin:0; text-align:justify;}
	.maincontents ul{margin:10px 0 0 20px;}
	.maincontents p, .maincontents ul li{padding:15px 0 0 0; line-height:27px;}
	.maincontents ul li{background:url(images/bullet.png) no-repeat left 5px; padding:0 0 0 25px; margin-bottom:5px;}

/* Main Bottom Area Config */
#main_bottom{background:url(images/main_bottom.png) no-repeat center top; text-align:center; color:#fff; font-weight:700; clear:both; padding:50px 0;}
#main_bottom h2{font-size:31px;}
#main_bottom p{font-size:13px; line-height:24px; padding:0 90px 40px;}
#main_bottom ul{background:url(images/arrows.png) no-repeat center;}
#main_bottom ul li{display:inline-block; vertical-align:top; background:url(images/shadow.png) no-repeat center bottom; padding-bottom:7px;}
#main_bottom ul li a{font-size:13px; font-weight:700; color:#fff; padding:128px 0 20px; background:url(images/btm1.png) no-repeat; display:block; width:184px; height:184px;}
#main_bottom ul li a span{display:block;}
#main_bottom ul li:nth-child(2) a{background:url(images/btm2.png) no-repeat;}
	#main_bottom ul li:nth-child(2) a:hover{background:url(images/btm2-hov.png) no-repeat;}
#main_bottom ul li:nth-child(3) a{background:url(images/btm3.png) no-repeat;}
	#main_bottom ul li:nth-child(3) a:hover{background:url(images/btm3-hov.png) no-repeat;}
#main_bottom ul li:nth-child(4) a{background:url(images/btm4.png) no-repeat;}
	#main_bottom ul li:nth-child(4) a:hover{background:url(images/btm4-hov.png) no-repeat;}
#main_bottom ul li:nth-child(5) a{background:url(images/btm5.png) no-repeat;}
	#main_bottom ul li:nth-child(5) a:hover{background:url(images/btm5-hov.png) no-repeat;}
#main_bottom ul li a:hover{background:url(images/btm1-hov.png) no-repeat;}

/* Bottom Area Config */
#bottom{width:100%; padding:20px 10px; background:url(images/bottom_bg.jpg) repeat-x; clear:both;}
#bottom h2{font-size:19px; font-weight:700; color:#015ea7; margin-bottom:10px;}
.bottom_box{display:inline-block; vertical-align:top;}
.bottom_box ul li{font:13px Open Sans; color:#555555; border-bottom:1px dashed #002a4c; margin-bottom:10px; padding-bottom:8px;}
.bottom_box ul li span{color:#005496; font-weight:700; font-style:italic; display:block;}
	.con_info{margin-right:110px;}
		.con_info ul li {line-height:23px; padding-left:45px; white-space:pre-line; border-bottom:0; padding-bottom:0;}
		.con_info ul li a{color:#555555; font-weight:bold; text-decoration:underline;}
		.con_info ul li a:hover{color:#015aa0;}
		.con_info ul li:first-child{background:url(images/icon_home.png) no-repeat 4px 15px;}
		.con_info ul li:nth-child(2){ background:url(images/icon_phone.png) no-repeat 11px 15px;}
	.footer_logo{float:right; text-align:right;}
		.social{margin:20px 0 0;}

/* Footer Area Config */
footer{width:100%; background:url(images/footer_bg.jpg) repeat-x #0c7fda; font-weight:700; font-size:13px; color:#fff; padding:42px 0 29px;}

	.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 10px; color: #fff;}
	.nav_footer ul li a:hover, .nav_footer li.current_page_item a{text-decoration:underline; color:#fff600;}

	/* Copyright Config */
	#copyright{float:right; margin:-18px 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;}	
.resources ul li a{color:#008ED9;}	
.resources ul li span {font-size: 11px;color: #666;letter-spacing: 1px;
}
	
/*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; }

/*accordion*/
.technology {cursor:pointer; font-size:14px;font-weight:bold; margin:5px 0; padding:10px 0; width:auto; background:#117ED5 !important;color:#FFF; font-size: 15px;}
.openlanguage {color:#FFF; background:#117ED5 ; font-size: 15px;}
.closedlanguage {color:#FFF; background:#117ED5 ; font-size:15px;}
.thelanguage {padding:0 10px 0 10px;  width:100%; font: 15px open sans;color: #333; line-height: 27px !important;}