/*=.=.=.=.=---STYLE FOR---=.=.=.=.=*/

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


@font-face {
    font-family: 'BankGothicMedium';
    src: url('../fonts/bankgothicmedium.eot');
    src: url('../fonts/bankgothicmedium.eot') format('embedded-opentype'),
         url('../fonts/bankgothicmedium.woff2') format('woff2'),
         url('../fonts/bankgothicmedium.woff') format('woff'),
         url('../fonts/bankgothicmedium.ttf') format('truetype'),
         url('../fonts/bankgothicmedium.svg#BankGothicMedium') format('svg');
}


/* Global properties */
*{ padding:0px; margin:0px; outline:none; border:none; list-style:none; text-decoration:none; }
.noBdr{ border:none !important; }
.clr{ line-height:0px; font-size:0px; clear:both; }

body{ font:normal 14px/18px Arial, Helvetica, sans-serif; color:#000; background: #5184b1;}
.wraper{width: 100%; float: left;}
.container{max-width: 960px; margin: 0 auto;}
.header{width: 100%; float: left; background: #fff; min-height: 130px;}
.lft_logo{width: auto; float: left; margin: 36px 0 0 0;}
.head_txt{max-width: 625px; float: left; margin: 36px 0 0 15px;}
.head_txt h2{font: italic 52px/66px 'Open Sans', sans-serif; color: #414042; font-weight: 600;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.head_txt h2 {
 font-size: 45px;
}

/* Safari only override */
::i-block-chrome,.head_txt h2  {
font-size: 45px;
}}
.head_txt h2 span{font: italic 30px/66px 'Open Sans', sans-serif; color: #414042; display: inline-block;}
.rit_logo{width: auto; float: right; margin: 8px 22px 0 0;}
.menu_prt{width: 100%; float: left; background: /*url(../images/menuBar.png) no-repeat 0 0*/#313640; padding: 10px 0;}
.main_manu{width: 100%; float: left;}
.main_manu ul{padding: 0; margin: 0 0 0 10px; float: left; width: 99%;}
.main_manu ul li{float: left; /*margin: 0 0 0 15px;*/}
.main_manu ul li a{display: block; font: 600 14px/28px 'Open Sans', sans-serif; color: #fff; padding: 0 18px 0 18px;}
.main_manu ul li a:hover{background: #fe8b18; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}




.mnu_search{width: 150px; float: right; margin: 0 10px 0 0; border: 1px solid #F7941D; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
position: relative; z-index: 999;}
.mnu_search input[type="text"]{width: 118px; height: 28px; float: left; padding: 0 5px; 
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}

.mnu_search input[type="submit"]{width: 30px; height: 28px; background: url(../images/search.png) no-repeat center center #eeeeee; cursor: pointer; border-left: 1px solid #dbdbdb;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
display: block;
}

.body_box{width: 100%; float: left; margin: 0; background: url(../images/bodyPic.jpg) repeat-x 0 0; padding: 0 0 20px 0;}
.inr_body{width: 100%; float: left; padding: 0 22px 0 30px;}
.body_top{width: 100%; float: left;}
.body_top img{float: left; margin: 24px 48px 0 0;}
.body_top p{font: normal 47px/40px 'BankGothicMedium'; color: #000; padding: 27px 0 0 0;}
.body_mid{width: 100%; float: left; margin: 28px 0 0 0;}
.lft_box{max-width: 471px; float: left; background: #fff; padding: 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: 1px 2px 5px 2px #FF861C;
box-shadow: 1px 0px 12px 4px #2470b2;}
.hed_box{width: 100%; float: left; padding: 0 18px;}
.hed_box h3{font: 700 42px/50px 'Open Sans', sans-serif; color: #f6871f;}
.box_body{width: 100%; float: left; background: url(../images/yloBg.jpg) repeat-x 0 0 #f4782f; padding: 10px 20px 2px 20px; 
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}

.mid_para{width: 100%; float: left; background: url(../images/line.jpg) no-repeat center bottom; padding-bottom: 18px;}
.mid_para p{padding: 10px 0 0 20px; background: url(../images/dot.png) no-repeat left 15px; font: 600 16px/20px 'Open Sans', sans-serif; color: #fff;}
.mid_para:last-child{background: none;}
.gap{margin: 18px 0 0 0;}

.rit_prt{max-width: 419px; float: right;}
.rit_top{width: 100%; float: left; padding: 0 0 0 15px; position: relative;}
.rit_mid{width: auto; position: absolute; right: -30px; bottom: -45px;}
.dit_box{width: 100%; float: left; background: #fff; -webkit-box-shadow: 1px 2px 5px 2px #FF861C; box-shadow: 1px 0px 12px 4px #2470b2; margin: 25px 0 0 0;}
.dit_box_top{width: 100%; float: left;}
.dit_box_top img{width: 100%; float: left;}
.dit_bot{width: 100%; float: left; padding: 10px 15px;}
.dit_bot p{text-align: center; font: 600 16px/20px 'Open Sans', sans-serif; color: #000; padding: 10px 0 0 0;}
.dit_bot img{margin: 8px 0 0 0}

/*=============pop_up==============*/

.black_overlay{
            display: none;
            position: fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 30%;
            left: 35%;
            width: 30%;
            height: 30%;
            padding: 16px;
            border: 5px solid #F7941D;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
.cross_pic{float: right; margin: 0 10px 0 0;}
.pop_up_form{width: 100%; float: left; margin: 0 0 0 0;}
.pop_up_form_inr{width: 100%; float: left; margin: 15px 0 0 0;}
.pop_up_form_inr label{float: left; color: #000; font: 600 15px/30px "Open Sans",sans-serif; width: 25%;}
.pop_up_form_inr input[type="text"]{width: 70%; height: 30px; float: left; padding: 0 5px; background: #fff; border: 1px solid #999;}
.pop_up_form_inr input[type="submit"]{width: 75px; height: 30px; float: left; text-align: center; font: 600 15px/28px "Open Sans",sans-serif; color: #fff; margin: 0 0 0 25%;
cursor: pointer; background: #F47320; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


@media (max-width:980px){
.lft_box,.rit_prt{
	width:95%;
	margin:0 auto;
	float:none
}
.header{
	width:95%;
	float:none;
	margin:0 auto;
}
.rit_mid {
  width: auto;
  position: relative;
  right: 0;
  bottom: 0;
}
.head_txt,.lft_logo,.rit_logo{
margin:20px auto;
float:none;
text-align:center;
}
.menu_prt,.main_manu,.main_manu ul,.main_manu ul li,
.box_body,.mid_para,.hed_box
{float:none}
.main_manu ul li{display:inline-block;}
img{max-width:100%;}
.body_top img{margin:24px 0;}
.body_top{text-align:center;}
.inr_body{padding:0 10px;}
}




