@charset "utf-8";
/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
ul,ol li{ list-style-type:none;}
a{ color:#000;}
header{ position:relative; margin:-1px 0 0;}
#logo{ position:absolute; left:50%; top:100%;  transform: translate(-50%, 0); height:146px; z-index:9999;}
#banner{ margin:0 auto; text-align:center; position:relative;}
#banner a.letsgo{ background:#0664b9; font:700 18px/58px 'Roboto', sans-serif; color:#fff; padding:0 30px; border:solid 2px #fff; position:absolute; bottom:14px; left:22%;}

.top_blue{ background:#005aab; padding:20px 0;}
#content h1{ font:700 36px/38px  'Roboto', sans-serif; color:#000; padding:15px 0 0;}
#content h1 span{ border-bottom:solid 1px #fff;}
#content h2{ font:700 35px/37px 'Roboto', sans-serif; color:#005aab; padding:0 0 0 30px; background:url(images/heading_left.jpg) no-repeat 0 50%;}
#content h2 small{ font:300 14px/16px 'Roboto', sans-serif; color:#000;}
#content p{ font:400 14px/20px 'Roboto', sans-serif; color:#000; padding:15px 0 0;}
#content .top_blue h1{ color:#fff;}
#content .top_blue h3{ font:700 18px/20px 'Roboto', sans-serif; color:#fff; padding:15px 0 0;word-wrap:break-word;}
#content .top_blue p{ font:400 13px/17px 'Roboto', sans-serif; color:#fff; padding:15px 0 0; word-wrap:break-word;}
.thumb{ width:25%; float:left; padding:0 1%; border-left:solid 1px #fff; min-height:210px; margin:30px 0 0;}
.thumb:nth-child(5n+1){ clear:left; padding-left:0; border:none;}
.newdesign{ width:33.33%;}
.blue_dip{ background:#00315e; padding:19px 0;}
.blue_dip h6{ font:400 16px/20px 'Roboto', sans-serif; color:#fff; float:left;}
ul.list{}
ul.list li{ font:700 14px/18px 'Roboto', sans-serif; color:#fff; background:url(images/icon1.png) no-repeat 0 50%; padding:0 0 0 20px; float:left; margin:0 0 0 15px;}
footer{ background:url(images/footer_bg.jpg) no-repeat 50% 0; background-size:cover; padding:25px 0 0;}
.gap_top{ padding:30px 0 0;}
.gap_top-bottom{ padding:30px 0;}
footer h2{ font:700 28px/30px 'Roboto', sans-serif; color:#fff;/* padding:20px 0 0;*/}
footer h2 span{ border-bottom:solid 2px rgba(255, 255, 255, 0.5);}
footer h3{ font:400 19px/21px  'Roboto', sans-serif; color:#fff; padding:15px 0 0;}
footer h3 span{border-bottom:solid 2px rgba(255, 255, 255, 0.5);}
footer a{ color:#fff;}
a.send{ background:url(images/icon2.png) no-repeat 5px 50%, url(images/btn_bg.jpg) repeat-x 0 0; padding:0 25px 0 40px; border-radius:25px; font:700 16px/37px 'Roboto', sans-serif; color:#000; display:inline-block; margin:25px 0 0; border:solid 1px #999; border-bottom:none;}
#content .blue h1{ color:#fff;}
#ftr_btm{ background:#171717; padding:17px 0; text-align:center; font:400 14px/17px 'Roboto', sans-serif; color:#fff;}
.fifty {background: #005aab none repeat scroll 0 0;float: left;padding: 15px 0 35px;width: 50%; min-height:300px;}
.fifty_wrapper {float: right;padding: 0 10px 0 0;width: 600px;}
.fifty + .fifty {background: #096ec8 none repeat scroll 0 0;}
.fifty + .fifty .fifty_wrapper {float: left;padding: 0 0 0 20px;}
ul.list_item {padding: 25px 0 0;}
ul.list_item li{ background:url(images/icon1.png) no-repeat 0 0; font:700 14px/18px 'Roboto', sans-serif; color:#fff; padding:0 0 15px 25px}
blink {
    -webkit-animation: 1s linear infinite condemned_blink_effect; // for android
    animation: 1s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@media only screen and (max-width: 1198px) {
.blue_dip h6{ font-size:14px;}
ul.list li{ font-size:12px; margin:0 0 0 6px; padding:0 0 0 18px;}
#banner a.letsgo{ left:12%;}
.fifty_wrapper{ width:500px;}
.fifty{ min-height:330px;}
}
@media only screen and (max-width: 990px) {
a.send{ font-size:12px;}
.gap_top{ padding:10px 0 0;}
.gap_top-bottom{ padding:10px 0;}
footer h2{ font-size:22px;}
footer h3{ font-size:15px;}
#banner a.letsgo{ left:3%;}
#content .top_blue h3{ font-size:15px;}

.fifty{ width:100%; float:none; min-height:inherit;}
.fifty_wrapper{ float:left; width:96%; padding:0 0 0 10px;}
}
@media only screen and (max-width: 740px) {
#content h1{ font-size:22px; line-height:27px;}
#banner a.letsgo{ bottom:8px; padding:0 6px; font-size:10px; line-height:26px;}
.thumb{ width:100%; padding:15px 0; border-left:none; border-bottom:solid 1px #fff; min-height:inherit; margin:0;}
.blue_dip h6{ float:none; text-align:center;}
ul.list li{ font-size:13px;}
#content h2{ font-size:30px; line-height:32px;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {

}