﻿@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family:'MyriadPro-Regular'; font-size:14px; color:#8c8989; background:#fff;}
body, ul, ol, p, form, input, textarea, select, pre, center, nav, header, footer, iframe, table, a, img, li, canvas, section, aside, article, *, after, before, em, i, u, strong, b{margin:0; padding:0; box-sizing:border-box; max-width:100%; border:0; border-spacing:0; border-collapse:collapse; outline:none; font-family:'MyriadPro-Regular'; vertical-align:baseline; list-style:none; text-decoration:none; word-wrap: break-word;}

u{text-decoration:underline;}
i, em{font-style:italic;}
b, strong{font-weight:normal; font-family:'MyriadPro-Bold';}

h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0; padding:0;}

.clear{clear:both;}
a{color:#0685fc;}
a:hover{color:#ff9204;}



/*-- Regular --*/
@font-face {
	font-family: 'MyriadPro-Regular';src: url('../../css/front/fonts/MyriadPro-Regular.eot');src: local('☺'), url('../../css/front/fonts/MyriadPro-Regular.woff') format('woff'), url('../../css/front/fonts/MyriadPro-Regular.ttf') format('truetype'), url('../../css/front/fonts/MyriadPro-Regular.svg') format('svg');font-weight: normal;font-style: normal;
}

/*-- Bold --*/
@font-face {
	font-family: 'MyriadPro-Bold';src: url('../../css/front/fonts/MyriadPro-Bold.eot');src: local('☺'), url('../../css/front/fonts/MyriadPro-Bold.woff') format('woff'), url('../../css/front/fonts/MyriadPro-Bold.ttf') format('truetype'), url('../../css/front/fonts/MyriadPro-Bold.svg') format('svg');font-weight: normal;font-style: normal;
}

/*-- Semibold --*/
@font-face {
	font-family: 'MyriadPro-Semibold';src: url('../../css/front/fonts/MyriadPro-Semibold.eot');src: local('☺'), url('../../css/front/fonts/MyriadPro-Semibold.woff') format('woff'), url('../../css/front/fonts/MyriadPro-Semibold.ttf') format('truetype'), url('../../css/front/fonts/MyriadPro-Semibold.svg') format('svg');font-weight: normal;font-style: normal;
}

/*-- Italic --*/
@font-face {
	font-family: 'Conv_MyriadPro-It';src: url('../../css/front/fonts/MyriadPro-It.eot');src: local('☺'), url('../../css/front/fonts/MyriadPro-It.woff') format('woff'), url('../../css/front/fonts/MyriadPro-It.ttf') format('truetype'), url('../../css/front/fonts/MyriadPro-It.svg') format('svg');font-weight: normal;font-style: normal;
}

/*-- Open Sans Semibold --*/
@font-face {font-family:"Open Sans Semibold";src:url("../../css/front/fonts/OpenSans-Semibold.eot?") format("eot"),url("../../css/front/fonts/OpenSans-Semibold.woff") format("woff"),url("../../css/front/fonts/OpenSans-Semibold.ttf") format("truetype"),url("../../css/front/fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");font-weight:normal;font-style:normal;}

/*-- Open Sans bold --*/
@font-face {font-family:"Open Sans Bold";src:url("../../css/front/fonts/OpenSans-Bold.eot?") format("eot"),url("../../css/front/fonts/OpenSans-Bold.woff") format("woff"),url("../../css/front/fonts/OpenSans-Bold.ttf") format("truetype"),url("../../css/front/fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");font-weight:normal;font-style:normal;}





.aside_top{float:left; width:100%; background:url(../../img/front/bg_top.png) top center no-repeat; background-size:cover; padding:0 0 110px 0;}
header{float:left; width:100%; background:url(../../img/front/header_bg.png) 0 0 repeat;/* min-height:65px;*/ position:fixed; z-index:999;}
.wrapper{width:1000px; margin:0px auto; position:relative;}
.wrapper:after, .wrapper:before{content:" "; clear:both;}
.header_left{float:left; transition:ease .30s;-webkit-transition-duration: .30s;}
.logo{float:left; position:absolute; z-index:999; transition:ease .30s;-webkit-transition-duration: .30s;}
.logo a{display:block; border-radius:0 0 100% 100%;}
.heder_right{float:right;}
.menu{float:left; margin-top:22px; padding-right:10px; display:block;}
.menu ul li{float:left; display:inline;}
.menu ul li a{float:left; display:block; color:#fff; font-size:17px; text-transform:uppercase; padding:0 17px; font-family:'MyriadPro-Semibold'; transition:all 0.3s ease-in-out 0s;}
.menu ul li a:hover, .menu ul li a.active{color:#ff9204;}
.get_quote{float:right; margin-top:9px;}
.get_quote a{float:left; display:block; background:#0685fc; color:#fff;font-size:18px; text-transform:uppercase; padding:0 17px; font-family:'MyriadPro-Semibold'; height:46px; line-height:46px; border-radius:5px; transition:all 0.3s ease-in-out 0s;}
.get_quote a:hover{background:#ff9204;}
.banner_box_data{float:left; width:100%; margin:95px 0 0 0; padding-top: 66px;}
.title_banner{color:#fff; font-size:54px; font-family:'MyriadPro-Semibold'; letter-spacing:-1px; }
.data_center{float:left; width:100%; text-align:center;}
.banner_box_two_data{display:inline-block; color:#fff; font-family: 'Open Sans Semibold', sans-serif; font-size:27px; margin:0 15px;letter-spacing:-1px; text-shadow:0 2px 10px #000; margin-top:-4px;}
.banner_box_two_data sub{font-size:15px; position: relative;top: -14px;}
.img_arrow{float:right; width:88px; height:110px; background:url(../../img/front/indicate_arrow.png) 0 0 no-repeat; display: inline-block;margin: -78px 81px 0px -180px;}
.quick_form{ width:414px; margin:auto; background:url(../../img/front/header_bg.png) 0 0 repeat; border-radius:6px; padding:15px; margin-top:20px;}
.quick_h1{float:left; width:100%; text-align:center; color:#fff; font-size:30px;  font-family:'MyriadPro-Semibold'; }
.quick_bot_lin{float:left; width:100%; text-align:center; color:#ff9204; font-size:12px;}
.input_action{float:left; width:100%; background:#fff; height:65px; line-height:15px; padding-top:5px; font-size:14px; font-family:'MyriadPro-Semibold'; color:#444; border-radius:5px; box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.3); margin:13px 0 0 0; padding-left:20px; padding-right:20px;}
.get_button{float:left; width:100%; background:#0685fc; color:#fff; font-size:27px; font-family:'MyriadPro-Semibold'; height:79px; line-height:79px; border-radius:6px; margin-top:13px; cursor:pointer; transition:all 0.3s ease-in-out 0s;

-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;}
.get_button:hover{background:#ff9204;}
.priv_link{float:left; width:100%; margin:11px 0 0 0; text-align:center;}
.priv_link a{display:inline-block; color:#ff9204; font-size:14px;}
.priv_link a:hover{color:#0685fc;}
footer{float:left; width:100%; background:#efefef; padding:27px 0;/* border-bottom:solid 7px #999999;*/}
.footer_top{float:left; width:100%; text-align:center; color:#8c8989; font-size:13px; font-family:'Open Sans Semibold';}
.footer_top a{color:#8c8989;font-family:'Open Sans Semibold';}
.footer_top a:hover{color:#0685fc;}
.footer_bot{float:left; width:100%; text-align:center; color:#8c8989; font-size:13px; margin-top:2px; font-weight:100; font-family:'Open Sans'; }
.footer_bot a{color:#8c8989; font-family:'Open Sans'; }
.footer_bot a:hover{color:#0685fc;}
.menu_device{float:left; display:inline-block; background:url(../../img/front/menu_icon.png) center no-repeat; width:47px; height:33px; cursor:pointer;    margin-top: 17px; margin-right:30px; display:none;}

.contact_pg_aside{float:left; width:100%; background:url(../../img/front/contact_pg_bg.png) top center no-repeat; background-size:cover; min-height:290px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.5); margin-bottom:35px;}

.aside_medium{float:left; width:100%; padding:25px 0;}
.page_title_nnm{float:left;}

.page_title_nnm{float:left; width:100%; color:#fff; font-size:45px; font-family:'MyriadPro-Semibold'; margin-top: 230px;}
.contact_pag_left_sec{float:left; width:48%;}
.title_nam_offic{float:left; width:100%; color:#0685fc; font-size:25px; border-bottom:solid 1px #0685fc; margin-bottom:22px;}


.title_nam_offic:after {
    background: #0685fc;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0;
    position: absolute;
    width: 100%;
}
.title_nam_offic {
    float: left;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.title_nam_offic h1:after {
    background-color:#0685fc;
    bottom: -5px;
    content: "";
    display: block;
    height: 5px;
    margin: 5px 0 3px;
    position: absolute; left:0;
    width: 50%;
    z-index: 2;
}
.title_nam_offic > h1 {
    font-family: "MyriadPro-Semibold";
    font-size: 22px;
    font-weight: normal; color:#0685fc;
     padding-bottom:10px; float:left; text-transform:uppercase;
}















.colt_ful_row{float:left; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #d9d9d9;}

.icon_bbocc{float:left; width:15%; text-align:center; padding:0 10px 0 0;}
.colr_data_right{float:right; width:83%; color:#8c8989; font-size:18px; padding-top:5px;}
.contact_pag_right_sec{float:right;}
.map_cont_box{float:left; width:100%; border:solid 1px #999;}
.contact_pag_right_sec{float:right;}
.send_datta{float:left; width:100%; color:#ffa800; font-size:15px; margin-top:-20px; margin-bottom:20px;}
.input_data_iinnput{float:left; width:100%;}
.place_cntact_input{float:left; width:100%; border:solid 1px #c1c1c1; background:#fff; border-radius:5px; height:60px; line-height:60px; padding:0 15px; font-size:14px; color:#666;}
.three_cols_cont{float:left; width:25%; padding:0 15px;}
.row{margin-left:-15px; margin-right:-15px; max-width: 103% !important;}

.place_cntact_txtarea{float:left; width:100%; border:solid 1px #c1c1c1; background:#fff; border-radius:5px; height:120px;padding:15px; margin-top:15px; font-size:14px; color:#666;}
.submt_bbt_in{ display:inline-block; background:#0685fc; color:#fff; padding:10px 30px; border-radius:5px; cursor:pointer;  border:0px; margin-top:15px; font-size:30px; height:60px;}
.submt_bbt_in:hover{background:#ffa800; color:#fff;}
.map_box_in_ts{float:left; width:100%; border:solid 1px #ccc; height:300px; position:relative; margin-bottom:20px;}
.map_box_in_ts iframe, .map_box_in_ts embed{width:100%; height:100%; float:left;}
.title_nam_offic_1{margin-top:20px;}














ul.login_form{ display:inline-block; width:100%;}
ul.login_form li{ display:inline-block; width:100%;}
.txt_aeys {
    float: left;
    padding: 0 15px;
    width: 100%;
}
.three_cols_cont.cua {
    width: 50%; padding-top:20px;
}
.secur_code {
    float: right;
    width: 47%;
}
.cptbx {
     border: 1px solid #c1c1c1;
    border-radius: 5px;
    float: left;
    height: 60px;
    padding: 7px;
    text-align: center;
    width: 50%;
}
.cptbx > a {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    float: right;
    height: 45px;
    position: relative;
    width: 47px;
}
.cptbx > a img{ position:absolute; left:0; right:0; top:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.submiu_buts {
    float: right;
    padding: 0 15px;
    width: 40%; text-align:right; margin: 5px 0 0 0px;
}

.subods_d{ display:inline-block; background:#ffa800; color:#fff; padding:10px 30px; border-radius:5px; cursor:pointer; border:0px; margin-top:15px; font-size:30px; height:60px; margin-left:10px;}
.subods_d:hover{background:#c68405; color:#fff;}
.static_page_blk{  background: rgb(255, 255, 255); border-radius: 6px;
    display: inline-block;
    margin-top: 170px;
    min-height: 400px;
    opacity: 0.9;
    padding: 20px;
    width: 100%;}
.static_page_title:after {
    background: #0685fc;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0;
    position: absolute;
    width: 100%;
}
.static_page_title {
    float: left;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.static_page_title h1:after {
    background-color:#0685fc;
    bottom: -5px;
    content: "";
    display: block;
    height: 5px;
    margin: 5px 0 3px;
    position: absolute; left:30%;
    width: 40%;
    z-index: 2;
}
.static_page_title > h1 {
    font-family: "MyriadPro-Semibold";
    font-size: 22px;
    font-weight: normal; color:#0685fc;
     padding-bottom:10px; float:left; width:100%; text-align:center; text-transform:uppercase;
}
.static_page_content{ display:inline-block; width:100%; line-height:18px; color:#666;}
.footer_linl {
    display: inline-block;
    text-align: center;
    width: 100%; padding-bottom:10px;
}
.footer_linl ul {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.footer_linl ul li {
    display: inline-block;
    text-align: center; border-left:2px #ccc solid;
}
.footer_linl ul li:first-child{ border-left:none;}
.footer_linl ul li a {
    color: #8c8989;
    font-family: "Open Sans Semibold"; display:block; font-size:13px; padding: 0 10px;
}
.footer_linl ul li.active a, .footer_linl ul li a:hover {
    color: #0685fc;
}
 /* error msgs */
.txt_aeys label.error::before,
.three_cols_cont label.error::before { border-bottom: 10px solid #c82b2d; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; left: 10px; margin: -15px 0 0; position: absolute;}
.txt_aeys label.error,
.three_cols_cont label.error{ background:#fff; border-radius: 5px; color: #303030; display: inline-block; font-family: arial; font-size: 13px; font-weight: normal; margin: 6px 0 0; padding: 5px 2% !important; position: relative; text-align: left; width: 100% !important; border:1px solid #f23d3d;} 

ul.login_form li label.error{ display:none !important;}
ul.login_form li .error{  border:1px #f00 solid !important; box-shadow:0 0 5px 0 #f00; }




.head_top{ float:left; width:100%; height:80px;  transition:ease .30s; -webkit-transition-duration: .30s ; }
.head_top.active {
   
    height: 50px;  box-shadow: 0 3px 8px 0 #000; /*background: rgb( 51, 51, 51);opacity:0.8;*/  background:url(../../img/front/ba_bg.png) repeat left top;
}

.head_top.active .header_top{ padding:5px 0 6px}

	
.head_top.active .logo{ width:17%; transition:ease .30s;-webkit-transition-duration: .30s;}

.head_top.active .top_bx{ padding-top:13px;}
.head_top.active .get_quote {
    float: right;
    margin-top: 6px;
}
.head_top.active .get_quote a {
  
    height: 38px;
    line-height: 38px;
   
    transition: all 0.3s ease-in-out 0s;
}
.head_top.active .menu {
    margin-top: 17px;
}
.head_top.active .menu ul li a{ font-size:14px;}
.head_top.active .menu_device{ margin-top:10px;}

.not_fnd {
    display: inline-block;
    padding: 80px 0;
    text-align: center;
    width: 100%;
}

.top_button {
    bottom: 0;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 12px;
}

.site_banner h1 {
    border-bottom: 1px solid #505050;
    color: #505050;
    font-size: 18px;
}


.static_page_title > h1 span.color{ color:#f00;  font-family: "MyriadPro-Semibold"; font-size:22px;}