/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("page.css?v=106");
/********************************************************************/
.item_contact{ padding:100px 0;}
.contact_ul{ text-align:center; padding-top:50px}
.contact_ul li{ display:inline-block; padding-left:85px; position:relative; min-height:77px; text-align:left; vertical-align:top}
.contact_ul li:before{ background:url(../images/cion_tel.png) no-repeat; height:77px; width:76px; content:""; display:block; margin:0 auto;}
.contact_ul li:before{ position:absolute; left:0; top:0}
.contact_ul li.tel{ padding-left:106px; padding-right:70px; border-right:1px solid #eee}
.contact_ul li.email{padding-left:115px; margin:0 70px;padding-right:70px; border-right:1px solid #eee}
.contact_ul li.add{padding-left:98px; width:404px;}
.contact_ul li.email:before{ width:85px; background-position:-91px center;}
.contact_ul li.add:before{ width:68px; background-position:right center}
.contact_ul li b{ color:#3c3c3c; font-size:24px; display:block; margin-bottom:5px}
.contact_ul li p{ font-size:20px; color:#858585; font-weight:bold}
/**/
#contact_address{ margin-top:4%}
#contact_address li{ float:left; width:48%; margin-right:4%; margin-top:4%; border:1px solid #eee; padding:30px; line-height:1.8; font-size:16px;}
#contact_address li p{ display:block; position:relative; padding-left:55px; color:#9b9b9b}
#contact_address li p label{ position:absolute; left:0; top:0}
#contact_address li:nth-child(2n){ margin-right:0}
/**/
#sitemap_iframe iframe{ width:100%; height:500px;}
#contact_form { }
#contact_form li { float:left; width:31%; margin-right:3.5%; margin-bottom:25px; position:relative }
#contact_form li input[type='text'] { border:0; border-bottom:1px solid #ddd; padding:5px 0px; padding-bottom:15px; width:100%; display:block; }
#contact_form li.ct_3 { margin-right:0 }
#contact_form li.textarea { width:100% }
#contact_form li.textarea textarea { border:0; border-bottom:1px solid #ddd; width:100%; min-height:60px; }
#contact_form li.send { text-align:center; width:100% }
#contact_form li.send input { display:inline-block; padding:15px 60px; background:#3a67ff; color:#fff; border:0; cursor:pointer;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.item_feedback{ padding:100px 0}
@media(max-width:1674px){
.item_contact,.item_feedback{ padding:100px 85px}
}

@media(max-width:1360px){
.item_contact,.item_feedback{ padding:80px 50px}
.contact_ul li.tel{ padding-right:50px}
.contact_ul li.email{ padding-right:50px; margin:0 50px}
}
@media(max-width:1300px){
.contact_ul li{ width:40%; padding:0; border:0}
.contact_ul li.tel{ padding-right:0;border:0}
.contact_ul li.email{ margin:0; padding-right:0;border:0}
.contact_ul li.add{ width:80%; margin-top:35px}
#sitemap_iframe iframe{height:38.46153846153846vw}
}
@media(max-width:800px){
.contact_ul li{ width:40%;}
.contact_ul li.tel{ width:50%}
.contact_ul li.add{ width:90%; margin-top:35px}	
}
@media(max-width:700px){
.contact_ul li{ width:100%; padding-left:0; text-align:center}
.contact_ul li.email{ padding-left:0}
.contact_ul li.tel{ width:100%;margin-bottom:15px;padding-left:0}
.contact_ul li.add{ width:100%; margin-top:15px;padding-left:0}	
.contact_ul li:before{ display:block; position:static; margin-bottom:8px}
#contact_address li{ width:100%; margin-right:0}
}
@media(max-width:600px){
.item_contact,.item_feedback{ padding:50px 25px}
#contact_address li{ padding:15px}
#sitemap_iframe iframe{height:250px}
#contact_form li{ width:100%}
}