@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);



body {font-family: 'Roboto', sans-serif; font-size:20px; line-height:26px; letter-spacing:0; font-weight:normal;padding-top:0 !important; background:#fff;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0 0 20px; padding:0; line-height:normal;}
h1{ font-size:36px; line-height:36px; }
h2{font-size:30px;}
h3{ font-size:26px;}
h4{ font-size:24px;}
h5{ font-size:20px;}
h6{ font-size:14px;}
p{ margin:0; padding:10px 0;}
p a{}
a, img{ border:0; text-decoration:none; outline:none;}
a, a:link, a:visited { outline:none; text-decoration:none; color:#045ba7; }
/*a:hover { color:#fff;outline:none; }
a:focus{ color:#fff; outline:none;}*/
a:hover { color:#045ba7;outline:none; }
a:focus{ color:#045ba7; outline:none;}
::-webkit-input-placeholder { /* WebKit browsers color:#83221b;*/}
::-webkit-input-placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 color:#83221b; opacity:1;*/}
::-webkit-input-placeholder::-moz-placeholder { /* Mozilla Firefox 19+ color:#83221b; opacity:1;*/ }
::-webkit-input-placeholder:-ms-input-placeholder { /* Internet Explorer 10+  color:#83221b;*/}
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
img{ max-width:100%;}
.center { text-align:center;}
.inline { display:inline-block; margin-bottom:0; position:relative; top:3px;}
.btn{ background:#10110d; font-size:20px; color:#fff; padding:15px 18px; font-weight:400;transition: all 1s;border-radius:5px; border:2px solid #fff;}
.btn:hover{ background:#3d8af2;  }
ul li{ list-style-type:none;}





.header_section{ background:#3d8af2; border-bottom:5px solid #192c88; padding:5px 0;}
.logo a{ display:block; }

.banner_wrap{background:#000 url(../images/banner.jpg) no-repeat right; padding:87px 0 80px; height:400px;}
.banner_info h2{ color:#fff; margin:0 0 26px;}
.banner_info p {color:#fff;}
.banner_info a{ margin:30px 0 0; display:inline-block;}


.orange{ background:#ec6e0c;}
.blue{ background:#3d8af2;}
.green{background:#36cea1;}

.leftimg_container{ padding:25px 0;}
.middle-holder .row { position:relative;}
.middle-cont-hold { position:absolute; top:0; bottom:0; }
.leftimg_container .middle-cont-hold { right:0;}
.rightimg_container .middle-cont-hold { left:0;}
.mob_thumb{ text-align:center;}

.middle-cont-hold .cont_section { position: absolute; left: 15px; right: 15px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); padding:0; margin:0;}


.cont_section p{ color:#fff; font-weight:300; line-height:25px;}
.cont_section p span{ display:inline-block; font-weight:700;}
.cont_section h2{ color:#fff;}
.cont_section h2 span{color:#fff; font-weight:300; display:inline-block;}

.rightimg_container{padding:25px 0;}
.mob_thumb{ text-align:center;}
.rightimg_container .cont_section p{ color:#000; font-weight:300; line-height:25px;}
.rightimg_container .cont_section p span{ display:inline-block; font-weight:400;}
.rightimg_container .cont_section h2{color:#000;}


.button_section{ padding:11px 0; text-align:center;}
.button_section .footer_button a{ display: inline-block;}


.footer_wrap{ background:#323a46; padding:55px 0; color:#fff; text-align:center;}
.footer_wrap p{ padding:0 0 12px;font-size:16px; font-weight:300;}
.footer_wrap ul.footer_nav{ margin:0; padding:0;}
.footer_wrap ul.footer_nav li{ display:inline-block; vertical-align:top; background:url(../images/divider.png) no-repeat right; padding:0 12px;}
.footer_wrap ul.footer_nav li:last-child{ background:none;}
.footer_wrap ul.footer_nav li a{ display:block; color:#fff; font-size:16px; font-weight:300;}

.containt_area{ padding:28px 0 58px;}
.containt_area h1{ color:#000; font-weight:500; margin:0 0 18px;}
.containt_area p{ font-weight:300; line-height:25px;}
.containt_area p span{ text-transform:uppercase;}
.containt_area h3{ margin:23px 0 8px;}
.containt_area h5{ margin:23px 0 8px;}
.containt_area ul.listing{ margin:0; padding:0;}
.containt_area ul li{ display:block; margin:15px 0; font-weight:300;}


.faq_section .panel-heading { padding:0; border-bottom: 3px solid #000;}
.faq_section h4.panel-title { font-size:20px;}
.faq_section h4.panel-title a { display:block; padding:10px 15px; color:#000; }
.faq_section .panel-body a {color:#045ba7;}

.logo { float:left;}
.hdr_rt { float:right; padding: 12px 0 0;}
.hdr_rt a { color:#fff;}

@media only screen and ( max-width:767px ) {
.banner_wrap{ background:#000 url(../images/mob_banner.jpg) no-repeat bottom; background-size:100% auto; padding:30px 0 400px;}
.banner_info{ text-align: center;}
.banner_info h2{margin: 0 0 8px; font-size:26px;}
.banner_info a{margin: 13px 0 0; width:135px;}
.banner_info p{ font-size:18px;}

.cont_section { text-align:center;}
.cont_section p{ padding:0; font-size:18px;}
.cont_section h2{ font-size:26px;}
.mob_thumb { margin:0 0 24px; }
.footer_wrap{ padding:44px 0 66px;}
.footer_wrap ul.footer_nav li a{ font-size:14px;}
.footer_wrap p{ font-size:14px;}
.containt_area h3{ font-size:22px;}
.containt_area h5{ font-size:18px;}
.containt_area p{ font-size:16px;}
.containt_area h1{ font-size:30px;}
.button_section .footer_button a{ width:135px;}
.middle-cont-hold{ position:static;}
.middle-cont-hold .cont_section{ position:static; top:inherit; transform:none;}

.faq_section h4.panel-title { font-size: 18px; text-align: center;}
.faq_section h4.panel-title a i { display: block;}

}

@media only screen and ( max-width:479px ) {
.banner_wrap{ padding:30px 0 150px;}
.banner_info p { font-size:16px;}
.banner_info p br { display:none;}
}

@media only screen and ( max-width:359px ) {
.footer_wrap ul.footer_nav li a { font-size: 12px;}
}