/* CSS Document */

/* default */
img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;color:inherit;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* Clearfix */
.clrfix:before,
.clrfix:after {
    content: " ";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    *zoom: 1;
}

/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; ; margin:0 auto; padding:0; text-align: center; color:#000;font-family: "Raleway";position: relative;min-width: 1200px}
.row {max-width: 1200px;margin: 0 auto}
/*header*/
nav a#pull { display: none;}
.fr {float:right;}
.fl {float:left;}
.btn {display: inline-block;width: 172px;background:#EB2128;color:#fff;font-family: "Exo 2";font-weight: 700;font-size: 14px;letter-spacing: 4px;padding: 13px 0;border-radius: 25px}

#header{color:#fff;position: absolute;left:0;top:0;width: 100%;z-index: 30;font-family: "Lato"}
.hd-top {background: rgba(0,0,0,0.90);}
.hd-top .row {position: relative;}
#header .logo {position: absolute;left:0;top:12px;}
.hd-bot {background: linear-gradient(rgba(0,102,153,0.9),rgba(0,73,139,0.9));padding: 65px 0 12px}
.hd-right {font-size: 0}
.hd-top p {border-left:1px solid #333333;margin: 0 auto;font-weight: 700;font-size: 18px;display: inline-block;vertical-align: middle;}
.hd-top p:last-of-type {border-right:1px solid #333;}
.hd-top p img, .hd-top p span {display: inline-block;vertical-align: middle;}
.hd-top p a{display: block;padding: 11px 20px;transition: background 0.2s ease}
.hd-top p a:hover { background: rgb(0,73,139)}
.hd-top .tel a {padding: 7px 20px}
.hd-top .tel img {margin: 0 10px 0 0}
#header nav >  ul { display:block; text-align:right; padding:0;margin:0;}
#header nav >  ul>  li{ display:inline-block;vertical-align: middle;text-align: center;position: relative;}
#header nav >  ul>  li a{ font-weight: 700;font-size: 18px;display: block;padding: 11px 20px;border-radius: 20px;transition: background 0.2s ease, border-radius 0.2s ease}
#header nav >  ul>  li:hover > a, #header nav ul li a.active-menu{ background: #EB2128;}
#header nav >  ul>  li a img {display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
#header ul.submenu {position: absolute;left:0;top:100%;background: #111;text-align: left;display: none;min-width: 100%;border-radius: 0 0 20px 20px;overflow: hidden;border-top:5px solid #fff;z-index: 70}
#header ul.submenu a {border-radius: 0;white-space: nowrap;display: block;}
#header ul.submenu a:hover { background: #EB2128}
#header .rad {border-radius: 20px 20px 0 0}
/*header*/
#banner{color:#fff;position: relative;}
#banner h2 {font-family: "Exo 2";font-weight: 600;font-size: 44px;line-height: 120%;margin: 0 auto 20px;max-width: 925px}
#banner p {font-weight: 300;font-size: 21px;line-height: 30px;max-width: 800px;margin: 0 auto 20px}
.bn-slider ul {margin: 0;padding: 0;}
.bn-slider img,.bn-img {max-width: 100%}
.bn-txt {background: url(../images/bn-txt.png)repeat-x left bottom;padding: 110px 0 75px;position: absolute;left:0;bottom:0;width: 100%}

#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active {background:#B30100 }
#banner .bx-wrapper .bx-pager.bx-default-pager a {background: #fff}
#banner .bx-wrapper .bx-pager, #banner .bx-wrapper .bx-controls-auto {z-index: 50;bottom: 20px}



/* content */
#content{text-align: left;padding: 45px 0 60px;background: url(../images/content.jpg)repeat-x left top;border-top:5px solid #fff;color:#000;}
.cn-img {max-width: 425px}
.cn-txt {max-width: 715px;}
#content h1 , #content h2{font-weight: 700;font-size: 30px;color:#006699;background: url(../images/red.jpg)no-repeat left bottom; padding: 0 0 20px;margin: 0 auto 20px}
#content p {font-size: 18px;line-height: 24px;margin: 0 auto 20px}


.content-bottom .row{border-top:1px solid #E6E6E6;padding: 65px 0}
.content-bottom img {display: inline-block;vertical-align: top;margin: 0 30px}

#footer {background: #E6E6E6;text-align: left;color:#37464C;}
.ft-top{background: linear-gradient(rgba(0,102,153,0.9),rgba(0,73,139,0.9));padding: 5px 0;color:#fff;font-family: "Lato"}
#footer nav >  ul { display:block; text-align:center; padding:0;margin:0;}
#footer nav >  ul>  li{ display:inline-block;vertical-align: middle;text-align: center;position: relative;}
#footer nav >  ul>  li a{ font-weight: 700;font-size: 18px;display: block;padding: 11px 20px;border-radius: 20px;transition: background 0.2s ease, border-radius 0.2s ease}
#footer nav >  ul>  li:hover > a, #footer nav ul li a.active-menu{ background: #EB2128;}
#footer nav >  ul>  li a img {display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
#footer ul.submenu {position: absolute;left:0;top:100%;background: #111;text-align: left;display: none;min-width: 100%;border-radius: 0 0 20px 20px;overflow: hidden;border-top:5px solid #fff;z-index: 70}
#footer ul.submenu a {border-radius: 0;white-space: nowrap;display: block;}
#footer ul.submenu a:hover { background: #EB2128}
#footer .rad {border-radius: 20px 20px 0 0}

#footer h4 {font-weight: 600;font-size: 15px;color:#006699;background: url(../images/red.jpg)no-repeat left bottom;padding: 0 0 20px;margin: 0 auto 20px}
#footer p {font-size: 14px;line-height: 24px;margin: 0 auto 20px;}
#footer p  a {font-weight: 700;color:#006699;}
.ft-mid {padding: 25px 0 10px}
.ft-bot {border-top:1px solid #fff;color:#006699;padding: 18px 0;position: relative;}

#footer .ft-bot p {margin: 0 auto}
#footer .hz span {display: inline-block;vertical-align: middle;padding: 0 60px 0 0}
#footer p strong {color:#006699;}
#footer .hz {background: url(../images/red.jpg)no-repeat left bottom;padding: 0 0 10px}
.ft-links {font-size: 0;position: absolute;right:0;top:0;}
.ft-links a {display: inline-block;vertical-align: middle;padding: 0 30px;border-left:1px solid #fff;transition: background 0.2s ease}
.ft-links a:hover {background: #fff}
.ft-links a:last-of-type {border-right:1px solid #fff;}
.ft-links a {height: 60px}
.ft-links a:before {content: "";height: 100%;display: inline-block;vertical-align: middle;}
.ft-links a img {display: inline-block;vertical-align: middle;}
/* contact */
.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #196099 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'Raleway';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}


.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:#F6F1E6; border: 1px #196099 solid; color:#000;}
.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%;}
.contactForm input[type=text] { display:block; width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:0; font-family:Georgia, "Raleway", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Raleway", Times, serif;}
.contactForm textarea { display:block; width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}

.contactForm p.captcha {text-align: center;}
.contactForm #siimage.captcha-img {border: 1px solid #000;display: inline-block;vertical-align: middle;width:120px}
.contactForm #captcha-refresh {width:30px;}
.contactForm #captcha-input {display: inline-block;vertical-align: middle;width:160px;margin:0 0 0 20px}


/*inner pages*/
/*#inner #header {position: static;}*/
#inner #content {min-height: 380px}