@charset "utf-8";
/* CSS Document */
@font-face{font-family:Aileron;src:url(fonts/aileronL.eot);src:url(fonts/aileronL.eot?#iefix) format('embedded-opentype'),url(fonts/aileronL.woff2) format('woff2'),url(fonts/aileronL.woff) format('woff'),url(fonts/aileronL.ttf) format('truetype'),url(fonts/aileronL.svg#ostrich_sansmedium) format('svg');font-weight:300;font-style:normal;}
@font-face{font-family:Aileron;src:url(fonts/aileronR.eot);src:url(fonts/aileronR.eot?#iefix) format('embedded-opentype'),url(fonts/aileronR.woff2) format('woff2'),url(fonts/aileronR.woff) format('woff'),url(fonts/aileronR.ttf) format('truetype'),url(fonts/aileronR.svg#ostrich_sansmedium) format('svg');font-weight:400;font-style:normal;}
@font-face{font-family:Aileron;src:url(fonts/aileronUl.eot);src:url(fonts/aileronUl.eot?#iefix) format('embedded-opentype'),url(fonts/aileronUl.woff2) format('woff2'),url(fonts/aileronUl.woff) format('woff'),url(fonts/aileronUl.ttf) format('truetype'),url(fonts/aileronUl.svg#brB_sansmedium) format('svg');font-weight:100;font-style:normal}
@font-face { font-family: 'allerregular'; src: url('fonts/aller.regular-webfont.eot'); src: url('fonts/aller.regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/aller.regular-webfont.woff2') format('woff2'), url('fonts/aller.regular-webfont.woff') format('woff'), url('fonts/aller.regular-webfont.ttf') format('truetype'), url('fonts/aller.regular-webfont.svg#allerregular') format('svg'); font-weight: normal; font-style: normal;
}
@font-face { font-family: 'aller_displayregular'; src: url('fonts/aller.display-webfont.eot'); src: url('fonts/aller.display-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller.display-webfont.woff2') format('woff2'), url('fonts/aller.display-webfont.woff') format('woff'), url('fonts/aller.display-webfont.ttf') format('truetype'), url('fonts/aller.display-webfont.svg#aller_displayregular') format('svg'); font-weight: normal; font-style: normal;
}

body {-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	background:url(../images/background.jpg) no-repeat top scroll #02234c;  
}
.header{}
.logo{ padding:15px 0;} .logo img{ display:inline-block;}
.logo-nm{color:#01316e; font-size:29px; font-family:aller_displayregular;display:inline-block; vertical-align:bottom;line-height:1em; padding-top:10px;}
.logo-nm span{ font-size:14px;color:#01316e; font-family:allerregular; display:block;}
.s-link{ margin-top:10px; cursor:pointer;}
.nav{ background-color:#f18b08;}
.nav-link{ text-align:center;}
.nav-link li{ display:inline-block; margin:0 5px;}
.nav-link li a{ display:block; font-size:18px; color:#fff; padding:10px 15px;font-family: 'Titillium Web', sans-serif; font-weight:600;} 
.nav-link li a:hover{ color:#01316e;}

.banner-wrap {position:relative; margin:0 auto; padding:10px 0; }
.banner-wrap .caption{ font-size:32px; font-weight:100; font-family:Aileron; position:absolute; top:40%; color:#f18b08; z-index:9; text-transform:uppercase;left:3%;}
.caption p{ color:#98a5b8; font-size:14px; font-weight:300 !important; font-family:Aileron; text-transform:none; max-width:360px; margin-top:10px; line-height:1.3em;}
.caption a{font-weight:100; font-family:Aileron;font-size:14px;color:#f18b08;}
.banner .li img{width:100%;}

.rw-clr{ background-color:rgba(0,0,0,0.65); padding:5px 0 10px 0;}
.bg-1{background-color:#f0a900;} .bg-2{background-color:#03c2e5;} .bg-3{background-color:#e32626;}
.item{ width:99%; display:block; background-repeat:no-repeat;}
.item .box{ width:48%; height:125px; display:block; padding-left:10px; position:relative;}
.h3{color:#FFF; font-weight:600;font-family:'Titillium Web', sans-serif; font-size:26px; width:70%; position:absolute; bottom:10px;}

.content{ background-color:#FFF; padding-left:10px; padding:20px; width:99%;}
.welcm{ font-size:26px; color:#0c5195;font-family: 'Oswald', sans-serif; font-weight:400; margin:20px 0}
.extra{ color:#f26611; font-size:21px;font-family: 'Oswald', sans-serif; font-weight:400; margin:20px 0;}
.p{ color:#64767e; font-family:Aileron; font-weight:300; font-size:16px; line-height:1.4em; margin-bottom:20px;}
.content li{color:#64767e; font-family:Aileron; font-weight:300; font-size:14px; line-height:1.2em; margin-bottom:10px; list-style:square; margin-left:20px;}
.list-height{ min-height:410px;}

.item-2{ display:block; width:99%; background-color:#FFF; margin-top:15px; padding-top:35px;}
.aside{ display:inline-block; max-width:190px; padding-top:10px; text-align:center;} .aside img{ width:90%;}
.p-w{ width:68%; display:inline-block; vertical-align:top; min-height:120px;}
.p-w p{ font-size:14px; line-height:1.6em;}

.logo-icon{ background-color:#FFF; text-align:center; margin-top:10px;}
.logo-icon li{ display:inline-block; vertical-align:middle;}

.footer{ margin-top:20px; border-top:1px solid #1f3a5b; padding-top:20px;}
.f-link { margin-left:40px;}
.f-link li a, .f-con li { display:block; color:#6c8db6; font-weight:400; font-family:Aileron; font-size:14px; padding:5px;} 
.con-li {font-size:16px !important; margin-top:15px; } .f-con li{ padding:3px !important;}
.f-con-contact{ margin-top:15px; margin-left:10px;}
.f-con-contact li{ padding:5px !important;font-weight:300 !important;}
.footer-btm{ border-top:1px solid #1f3a5b;font-weight:400; font-family:Aileron;padding:20px; color:#345680;}.btm-e-link{color:#345680;}

.m-btn {display:none;background:none;border-radius:2px;width:50px;height:36px;text-indent:-900em;overflow:hidden;position:absolute;right:3px;top:10px;cursor:pointer;outline:none; }
.m-btn:after { content:''; position:absolute; width:68%; height:3px; background:#322b7e; top:7px; left:16%; box-shadow:0 9px 0 #322b7e, 0 18px 0 #322b7e; }
.scroll{ position:fixed; z-index:99;top:0; background-color:#378DEF; width:100%;}
.scroll .logo{ padding:5px;}
@media all and (max-width:840px){
 	
	}
@media all and (max-width:360px){
	.logo img{ width:20%; margin-left:5px;}
	.logo-nm{ padding-top:0; font-size:16px;} .logo-nm span{ font-size:8px;}
	.s-link img{ width:15%; position:fixed; bottom:9px; right:4px; z-index:9;}
	.nav-link{ display:none; position:absolute; top:10px; z-index:9991; background-color:#f18b08; right:0; padding:10px;}
	.nav-link li{ display:block;}
	.nav-link li a { font-size:14px;border-bottom: 1px solid rgba(255, 255 ,255, 0.1);}
	.banner-wrap .caption{ font-size:15px; top:20px;}
	.caption p{ font-size:12px;}
	.caption a{ font-size:10px;}
	.welcm{ font-size:20px;}
	.item-2{ text-align:center; margin-bottom:12px; padding:10px;} .p-w{ display:block; width:90%; text-align:justify;}
	.footer{ text-align:center;}
	.f-link{ margin-left:0;}
	.m-btn{ display:block;}
	.logo-icon{}
	
	}