@font-face {
    font-family: 'noto_sans';
    src: url('../fonts/notosans-regular-webfont.eot');
    src: url('../fonts/notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notosans-regular-webfont.woff') format('woff'),
    url('../fonts/notosans-regular-webfont.ttf') format('truetype'),
    url('../fonts/notosans-regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'noto_sans';
    src: url('../fonts/notosans-italic-webfont.eot');
    src: url('../fonts/notosans-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notosans-italic-webfont.woff') format('woff'),
    url('../fonts/notosans-italic-webfont.ttf') format('truetype'),
    url('../fonts/notosans-italic-webfont.svg#noto_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'noto_sans';
    src: url('../fonts/notosans-bold-webfont.eot');
    src: url('../fonts/notosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notosans-bold-webfont.woff') format('woff'),
    url('../fonts/notosans-bold-webfont.ttf') format('truetype'),
    url('../fonts/notosans-bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'noto_sans';
    src: url('../fonts/notosans-bolditalic-webfont.eot');
    src: url('../fonts/notosans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/notosans-bolditalic-webfont.woff') format('woff'),
    url('../fonts/notosans-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/notosans-bolditalic-webfont.svg#noto_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}
html, body { height: 100%;}
body { font: 13px/16px 'noto_sans'; color: #5f5f5f; background: #ffffff; min-width: 960px;}
img { border: none;}
a { cursor: pointer; color: #2392b6; text-decoration: underline; outline: none;}
a:hover { text-decoration: none;}
p { margin-bottom: 16px;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-family: 'noto_sans', sans-serif; font-weight: bold; line-height: normal; color: #3d3c3c;}
h1 { font-size: 28px;}
h2 { font-size: 24px;}
h3 { font-size: 20px;}
h4 { font-size: 16px;}
h5 { font-size: 13px; line-height: 15px;}
h6 { font-size: 12px;}
input[type='submit'], input[type='button'] { cursor: pointer;}
ol, ul {  margin-bottom: 28px;}
li {  margin-bottom: 8px; padding-left: 7px; background: url("../images/marker1.png") 0 6px no-repeat; list-style: none;}


.head_container:after, .head_contacts:after, .sect_container:after, .bsect_container:after, .b_contacts:after, .footer_cont:after, .content_container:after, .cat_item_cont:after, .feedback_form_cont:after, .comment_item_cont:after, .news_list li:after, .product_detail:after, .pfoduct_img_list:after, .projects_detail:after, .buttons:after { content: ''; display: table; clear: both;}


.main { display: table; width: 100%; height: 100%; min-width: 960px;}

.head_tr, .cont_tr, .foot_tr { display: table-row;}

.head_tc, .cont_tc, .foot_tc { display: table-cell;}
.head_tc, .foot_tc { height: 1px;}
.cont_tc { height: 100%;}

.header { background: #eeeeee;}
.head_container { width: 740px; margin: 0 auto; padding: 38px 0 32px 240px; position: relative;}

.logo { position: absolute; top: 20px; left: 10px;}
.logo a { display: block; width: 216px; height: 60px; background: url("../images/logo.png") no-repeat;}

.nav { float: right;}
.nav ul { margin: 0;}
.nav li { margin: 0; float: left; line-height: 24px; background: none; padding: 0;}
.nav a { display: block; height: 26px; padding: 0 8px; border: 2px solid transparent; color: #535353; position: relative; text-decoration: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.nav a:hover { border-color: #c8c4bf;}
.nav li.active a { color: #ffffff; background: #f27935;}
.nav li.active a:hover { border-color: #f27935;}

.head_contacts_wr { background: #202d2f; padding: 13px 0;}
.head_contacts { width: 960px; margin: 0 auto;}
.mail, .tel, .adr { padding-left: 33px; line-height: 24px;}
.mail, .tel { float: left; font-size: 16px; padding-right: 10px; position: relative;}
.adr { float: right; background: url("../images/location.png") no-repeat; font-size: 14px; color: #c0c0c0;}
.mail { width: 200px; background: url("../images/mail.png") no-repeat; margin-right: 61px;}
.mail a { color: #13b0cb;}
.mail:after, .tel:after { content: ''; display: block; width: 1px; height: 13px; background: url("../images/sprite.png") -124px 0 no-repeat; position: absolute; top: 5px; right: 0;}
.tel { background: url("../images/tel.png") no-repeat; color: #dcdcdc; width: 338px;}
.tel span { margin-right: 20px;}

.slider_wr { width: 100%; position: relative;}
.slider { width: 100%; overflow: hidden; height: 310px;}
.slider ul { margin: 0;}
.slider li { width: 100%; height: 310px; margin: 0; list-style: none; background-position: 50% 50%; background-repeat: repeat-x; float: left; padding: 0; background-size: cover;}
.prev, .next { width: 60px; height: 60px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 125px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; z-index: 5;}
.prev { background-position: 0 0; left: 50%; margin-left: -461px;}
.next { background-position: -62px 0; right: 50%; margin-right: -461px;}

.content { background: #ffffff; position: relative;}
.t_up { text-transform: uppercase;}

.section_wr { height: 370px; background: url("../images/yellow_bg.png") repeat-x; position: relative;}
.section_wr:before { content: ''; display: block; width: 50%; padding-left: 148px; height: 370px; background: url("../images/blue_bg.png") repeat-x; position: absolute; top: 0; right: 0; z-index: 10;}
.section { height: 370px; /*background: url("../images/sect_bg.jpg") 50% 0 no-repeat;*/ position: relative; z-index: 20;}
    .section:before, .section:after { display: block; position: absolute; content: ''; top: 0; height: 370px;}
    .section:before { width: 50%; left: 50%; background: url(../images/for_change.png) no-repeat; margin-left: -148px; padding-left: 148px;}
    .section:after { width: 265px; background: url(../images/usl.png) no-repeat; height: 370px; right: 50%; margin-right: -115px;}
.sect_container { width: 960px; margin: 0 auto; padding-top: 17px; position: relative; z-index: 20;}
.sect_col01 { width: 430px; float: left; color: #8c6842;}
.sect_col02 { width: 510px; float: right; color: #ededed;}
.sect_col01 h2 { color: #7f440a; margin-bottom: 24px;}
.sect_col02 h2 { color: #ffffff; margin-bottom: 67px; padding-left: 212px;}
.sect_col01 p { line-height: 15px; margin-bottom: 17px;}
.mdl { width: 414px;}
.nether { width: 340px;}
.services_list { margin: 0;}
.services_list li { background: none; padding: 0;}
.services_list .services_1 { margin-bottom: 46px; padding-left: 139px;}
.services_list .services_2 { margin-bottom: 51px; padding-left: 73px;}
.serveces_tx, .services_list li:before { display: inline-block; vertical-align: middle;}
.services_list li:before { content: ''; width: 30px; height: 30px; background: url("../images/sprite.png") 0 -62px no-repeat; margin-right: 17px;}
.serveces_tx { width: 458px; line-height: 15px;}
.services_1 .serveces_tx { width: 306px;}
.services_2 .serveces_tx { width: 374px;}

.projects_wr { height: 420px; background: url("../images/projects_bg.jpg") 50% 0 repeat-x;}
.projects { width: 960px; margin: 0 auto; padding-top: 41px; text-align: center;}
.projects h2 { margin-bottom: 22px;}
.projects_container { margin-bottom: 15px;}

.projects_cat { margin-bottom: 30px;}
.projects_cat ul { margin: 0; font-size: 0;}
.projects_cat li { margin: 0 5px; display: inline-block; font-size: 12px; font-weight: bold; line-height: 29px; text-transform: uppercase; background: none; padding: 0;}
.projects_cat a { display: block; height: 28px; padding: 0 14px; color: #a2a2a2; position: relative; text-decoration: none; border: 1px solid #d2d2d2; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.projects_cat a:hover { color: #2392b6; border-color: #2392b6;}
.projects_cat li.active a { background: #f27935; border-color: #f27935; color: #ffffff;}
.projects_cat li.active a:hover { border-color: #f27935; color: #ffffff;}

.projects_list { margin-bottom: 15px;}
.projects_list ul { margin: 0; font-size: 0; display: none;}
.projects_list li { margin: 0 10px 20px; display: inline-block; vertical-align: top; background: none; padding: 0;}
.projects_list li a { display: block; width: 170px; height: 170px; background-position: 50% 50%; background-size: cover; position: relative; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.05);}
.all_projects { text-align: center;}
.all_projects a { font-size: 12px; font-weight: bold; text-transform: uppercase;}

.bsection_wr { height: 210px; background: #073f51; position: relative;}
.bsection_wr:before { content: ''; display: block; width: 50%; height: 210px; background: #ffc280; position: absolute; top: 0; left: 50%; z-index: 10;}
.bsection { width: 960px; height: 210px; margin: 0 auto; background: url("../images/sect_b_bg.png") no-repeat; position: relative; z-index: 20;}
.bsect_container { padding-top: 21px;}
.bsect_col1, .bsect_col2 { width: 450px;}
.bsect_col1 { float: left;}
.bsect_col2 { float: right;}
.bsect_col1 h2 { margin-bottom: 27px; padding-left: 6px; color: #ffffff; text-align: center;}
.bsect_col2 h2 { margin-bottom: 9px; color: #986636; padding-left: 112px;}

.clients_sl_wr, .comments_sl_wr { position: relative;}
.clients_sl, .comments_sl { margin: 0 auto; overflow: hidden; position: relative;}
.clients_sl { width: 390px !important;}
.comments_sl { width: 410px;}
.clients_sl ul, .comments_sl ul { width: 500%; margin: 0;}
.clients_sl li { width: 80px; height: 80px; margin: 0 15px 0 0; padding: 0; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; border: 3px solid #396574; list-style: none; float: left; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; position: relative;}
.comments_sl li { width: 394px; margin: 0; padding-left: 16px; float: left; background: none;}

.clients_prev, .clients_next, .comments_prev, .comments_next { display: block; width: 10px; height: 29px; position: absolute; background: url("../images/sprite.png") no-repeat;}
.clients_prev { top: 29px; left: 0; background-position: -32px -62px;}
.clients_next { top: 29px; right: 0; background-position: -44px -62px;}
.clients_prev:hover { background-position: -56px -62px;}
.clients_next:hover { background-position: -68px -62px;}
.comments_prev { top: 47px; left: 0; background-position: -32px -62px;}
.comments_next { top: 47px; right: 0; background-position: -44px -62px;}
.comments_prev:hover { background-position: -80px -62px;}
.comments_next:hover { background-position: -92px -62px;}

.auth_img { width: 80px; height: 80px; float: left; border: 2px solid #d9a56d; background-position: 50% 50%; background-size: cover; position: relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.comment_col { width: 298px; float: right;}
.auth_name { margin-bottom: 2px; font-size: 16px; font-weight: bold; color: #b16515; line-height: 18px;}
.auth_post { margin-bottom: 6px; font-size: 12px; font-style: italic; line-height: 14px; color: #be8344;}
.commment_content { color: #8c6842; line-height: 15px;}

.b_contacts_wr { height: 100px; background: #2b3739 url("../images/contacts_bg.png") repeat-x; position: relative;}
.b_contacts_wr:before { height: 100px; width: 100%; top: 0; right: 0; background:  url("../images/contacts_b_bg.jpg") 100% 0 no-repeat; position: absolute; content: '';}
.b_contacts { width: 960px; margin: 0 auto; padding-top: 7px; position: relative;}
.b_contacts h2 { margin-bottom: 14px; color: #ffffff; text-align: center;}
.b_contacts .mail { background: url("../images/b_mail.png") no-repeat;}
.b_contacts .mail a { color: #ffffff;}
.b_contacts .tel { background: url("../images/b_tel.png") no-repeat; color: #ffffff;}
.b_contacts .adr { background: url("../images/b_location.png") no-repeat; color: #ffffff;}

.footer { padding: 31px 0; background: #202020;}
.footer_cont { width: 960px; margin: 0 auto;}
.cop { width: 190px; float: left; color: #b5b5b5; font-size: 11px;}
.foot_tel { width: 152px; padding-top: 1px; float: right; color: #e9e9e9; font-size: 16px; text-align: right;}
.foot_nav { overflow: hidden;}
.foot_nav ul { margin: 0;}
.foot_nav li { margin: 0 9px; float: left; font-size: 11px; background: none; padding: 0;}
.foot_nav a { text-decoration: none; color: #ffffff;}

.slider_sm_wr { width: 100%; position: relative;}
.slider_sm { width: 100%; overflow: hidden;}
.slider_sm ul { margin: 0;}
.slider_sm li { height: 150px;  background-position: 50% 50%; background-repeat: repeat-x; width: 100%; list-style: none; margin: 0; padding: 0;}

.content_container { width: 970px; margin: 0 auto; padding: 14px 10px 0 0;}
.sidebar { width: 240px; padding-top: 6px; float: left;}
.contentbar { width: 700px; float: right;}

.sidenav { margin-bottom: 54px;}
.sidenav ul { margin: 0;}
.sidenav li { margin: 0; border-top: 1px solid #dddddd; padding: 0; background: none;}
.sidenav li:first-child { border: none;}
.sidenav a { display: block; color: #444444; padding: 8px 5px 11px 18px; position: relative; text-decoration: none;}
.sidenav .active a { background: #f27935; color: #ffffff; font-weight: bold;}
.sidenav a span { display: block; width: 8px; height: 100%; position: absolute; top: 0; left: 0;}
.sidenav .active a span { display: none;}
.sidenav a span img { width: 8px; height: 100%;}

.catalog h2 { margin-bottom: 9px;}
.catalog_tx { margin-bottom: 37px; line-height: 15px;}
.catalog_tx p { margin-bottom: 17px;}
.catalog_list { margin-bottom: 81px;}
.catalog_list ul { margin: 0;}
.catalog_list li { margin-bottom: 30px; padding: 0; background: none;}
.cat_item_name { margin-bottom: 11px; font-weight: bold; font-size: 16px;}
.cat_item_f { width: 141px; float: left;}
.cat_item_f a { display: block; height: 141px; position: relative; background: url("../images/n_photo.png") 50% 50% no-repeat; background-size: cover; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; -webkit-box-shadow: 5px 5px 0 #f2f2f2; -moz-box-shadow: 5px 5px 0 #f2f2f2; box-shadow: 5px 5px 0 #f2f2f2;}
.cat_item_info { width: 540px; float: right;}
.cat_item_info table { width: 100%; border-collapse: collapse;}
.cat_item_info tr:nth-child(odd) { background: #f6f6f6;}
.cat_item_info tr.odd { background: #f6f6f6;}
.cat_item_info td { padding: 10px 4px 10px 16px; font-weight: bold; color: #3d3c3c;}
.cat_item_info td:first-child { width: 377px; font-weight: normal;}

.more_button { margin-bottom: 79px; text-align: center;}
.more { display: inline-block; padding: 0 27px 0 40px; border: 1px solid #2392b6; line-height: 32px; position: relative; text-decoration: none; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.more span { margin-left: 5px;}
.more:before { content: ''; display:block; width: 16px; height: 16px; vertical-align: middle; background: url("../images/sprite.png") -127px 0 no-repeat; position: absolute; top: 8px; left: 19px;}

.contacts_container h2 { margin-bottom: 31px;}
.contacts_info { margin-bottom: 20px;}
.contacts_info_line { margin-bottom: 23px; font-size: 16px;}
.contacts_info_title { margin-right: 8px; font-size: 14px; font-weight: bold; color: #343434;}
.contacts_tel { display: inline-block; vertical-align: top; padding-left: 3px;}
.contacts_tel span { display: block; margin-bottom: 8px;}

.maps { width: 690px; margin: -3px 0 86px; position: relative; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; -webkit-box-shadow: 10px 10px 0 #f2f2f2; -moz-box-shadow: 10px 10px 0 #f2f2f2; box-shadow: 10px 10px 0 #f2f2f2; overflow: hidden;}
.maps img { vertical-align: top;}

.feedback_form_wr { margin-bottom: 108px;}
.feedback_form_wr h3 { margin-bottom: 14px; font-size: 18px; color: #5f5f5f;}
.feedback_form { width: 100%; overflow: hidden;}
.feedback_form_cont { width: 110%; overflow: hidden;}
.feedback_form_cont input, .feedback_form_ta textarea, .order_form_list input, .order_form_list textarea { background: none; border: 1px solid #dcdcdc; font: 14px 'noto_sans'; position: relative; -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px; outline: none;}
.feedback_form_cont input.error, .feedback_form_ta textarea.error, .order_form_list input.error, .order_form_list textarea.error { border-color: red;}
.feedback_form_cont input { width: 292px; height: 38px; margin: 0 40px 14px 0; padding: 0 18px; float: left; line-height: 38px;}
.feedback_form_ta { margin-bottom: 20px;}
.feedback_form_ta textarea { width: 100%; height: 220px; box-sizing: border-box; line-height: 16px; padding: 11px 18px; overflow: auto; resize: none; vertical-align: top;}
.feedback_form_button { margin-bottom: 20px; text-align: right;}
.label { color: #b7b7b7;}
.send, .not_send { display: inline-block; width: 170px; padding: 2px 0 4px;  background: #f27935; border: none; font: bold 16px/44px 'noto_sans'; color: #ffffff; position: relative; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
@-moz-document url-prefix("") { .send { padding: 0 0 4px;} }

.feedback_container { margin-bottom: 123px;}
.feedback_container h2 { margin-bottom: 30px;}

.comments { margin-bottom: 49px;}
.comments_item { margin-bottom: 43px;}
.h301 { margin-bottom: 16px; font-size: 16px; color: #2392b6;}
.comment_item_photo { width: 80px; height: 80px; margin-top: 5px; float: left; position: relative; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
.comment_item_info { width: 606px; float: right;}
.comment_item_info h4 { margin-bottom: 3px; color: #525252;}
.comment_item_info h4 span { display: inline-block; padding: 0 20px; position: relative;}
.comment_item_info h4 span:before, .comment_item_info h4 span:after { content: ''; display: block; width: 12px; height: 8px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 6px;}
.comment_item_info h4 span:before { left: 0; background-position: -127px -18px;}
.comment_item_info h4 span:after { right: 0; background-position: -127px -28px;}
.comment_item_tx { padding-left: 20px; line-height: 15px;}
.comment_item_tx p { margin-bottom: 20px}
.comment_item_author { font-size: 14px; font-style: italic; color: #9a9a9a; line-height: 16px;}
.comment_item_author b { display: block;}

.comments_button { text-align: center;}
.comments_button a { display: inline-block; width: 107px; height: 32px; margin: 0 10px; border: 1px solid #c6c6c6; color: #868686; line-height: 32px; position: relative; text-align: center; text-decoration: none; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.comments_button a:hover { border-color: #2392b6; color: #2392b6;}

.news_container { margin-bottom: 152px;}
.news_container h2 { margin-bottom: 32px;}

.news_list ul { margin: 0;}
.news_list li { margin-bottom: 30px; padding: 0; background: none;}
.news_item_img { width: 90px; margin: 2px 20px 0 0; float: left;}
.news_item_img a { display: block; width: 90px; height: 90px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.news_item_cont { overflow: hidden;}
.news_item_date { margin-bottom: 3px; font-size: 12px; color: #bebebe; line-height: 14px;}
.news_item_cont .news_item_date { margin: 0;}
.news_item_cont h4 { margin-bottom: 6px;}
.news_item_cont p { margin-bottom: 10px;}

.product_detail h2 { margin-bottom: 31px;}
.product_detail { margin-bottom: 50px;}

.product_col1 { width: 300px; float: left;}
.product_col2 { width: 360px; float: right;}

.product_view { margin-bottom: 26px; padding-top: 3px;}
.product_img { margin-bottom: 10px;}
.product_img a { display: none; width: 300px; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.pfoduct_img_list { width: 100%; overflow: hidden;}
.pfoduct_img_list ul { width: 110%; margin: 0;}
.pfoduct_img_list li { width: 60px; float: left; margin: 0 20px 10px 0; opacity: 0.6; filter: alpha(opacity=60); padding: 0; background: none;}
.pfoduct_img_list li.active { opacity: 1; filter: alpha(opacity=100);}
.pfoduct_img_list li a { display: block; width: 60px; height: 60px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}

.specifications { margin-bottom: 30px;}
.h401 { height: 41px; margin: 0; padding-left: 44px; color: #ffffff; background: #394e5b url("../images/char_icon.png") 10px 8px no-repeat; line-height: 40px;}
.specifications_table table { width: 100%; border-collapse: collapse;}
.specifications_table td { padding-top: 7px; border-bottom: 1px solid #e5e5e5; font-weight: bold; color: #909090; text-align: right; vertical-align: bottom;}
.specifications_table td:first-child { width: 204px; padding-right: 10px; font-weight: normal; color: #5f5f5f; text-align: left;}
.specifications_table td span { padding: 0 0 0 10px; background: #ffffff; position: relative; top: 4px;}
.specifications_table td:first-child span { padding: 0 10px 0 0;}

.order_btn { display: inline-block; height: 50px; padding: 0 43px; background: #f27935; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 50px; position: relative; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}

.list_01 li { background: none; padding: 0;}
.list_01 li:before { content: ''; display: inline-block; width: 4px; height: 3px; margin-right: 3px; background: url("../images/marker1.png") no-repeat; vertical-align: middle; position: relative; top: -2px;}

.projects_detail { margin-bottom: 122px;}
.projects_detail h2 { margin-bottom: 31px;}

.pfojects_view { width: 280px; float: left; margin: 0 40px 10px 0; padding-top: 3px;}
.pfojects_img { margin-bottom: 10px;}
.pfojects_img a { display: none; width: 280px; height: 280px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.pfojects_img_list { width: 100%; overflow: hidden;}
.pfojects_img_list ul { width: 110%;}
.pfojects_img_list li { width: 55px; margin: 0 20px 10px 0; padding: 0; float: left; background: none; opacity: 0.6;filter: alpha(opacity=60);}
.pfojects_img_list li a { display: block; width: 55px; height: 55px;  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.pfojects_img_list li.active { opacity: 1; filter: alpha(opacity=100);}

.projects_container { margin-bottom: 125px;}
.projects_container h2 { margin-bottom: 12px;}
.projects_l { width: 100%; overflow: hidden;}
.projects_l ul { width: 110%; font-size: 0;}
.projects_l li { display: inline-block; width: 211px; vertical-align: top; margin: 0 29px 40px 0; padding: 0; background: none;}
.project_img { margin-bottom: 10px;}
.project_img a { display: block; width: 211px; height: 211px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; -webkit-box-shadow: 8px 8px 0 #f2f2f2; -moz-box-shadow: 8px 8px 0 #f2f2f2; box-shadow: 8px 8px 0 #f2f2f2;}
.project_name { padding: 0 10px; font-size: 14px; font-weight: bold; line-height: 17px; text-align: center; position: relative;}

.news_detail { margin-bottom: 65px;}
.news_detail h2 { margin-bottom: 20px;}
.news_detail_img { width: 230px; margin: 0 20px 6px 0; padding-top: 2px; float: left;}
.news_detail img { float: left;}

.r_mark { margin: 0 0 15px 12px;}
.r_mark li { padding-left: 15px; background: url("../images/marker2.png") 0 5px no-repeat;}
.h501 { color: #5f5f5f;}


/*popup*/
.popup { z-index: 100; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto;}
    .popup_bg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: .85; filter: alpha(opacity=85);}
    .popup_window { position: absolute; left: 50%; top: 10px; width: 500px; background: #fff; margin: 0 0 0 -250px; padding: 19px 40px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    .h201 { text-align: center; color: #2e91b2; font-size: 24px; text-transform: uppercase; margin-bottom: 17px;}

    .order_list { position: relative; background: #eff3f4; margin: 0 -40px 40px; padding: 18px 40px 14px;}
    .order_list dl { padding: 14px 0 16px; border-top: solid 1px #d1dce2; font-size: 14px; margin: 0;}
    .order_list dl:first-child { border: none;}
    .order_list dt {  font-weight: bold; padding: 0 0 7px; margin: 0;}
    .order_list dd {  padding: 0; margin: 0;}
    .order_list dd span { font-size: 18px;}


    .order_form {}
    .order_form_list, .order_form_list li { padding: 0; margin: 0; list-style: none; background: none;}
    .order_form_list li { margin-bottom: 10px;}
    .order_form_list input { height: 48px; width: 400px; padding: 0 9px; line-height: 48px;}
    .order_form_list textarea { height: 150px; width: 400px; padding: 14px 9px; resize: none; overflow: auto;}
    
    
    .buttons { padding: 30px 30px 10px;}
        .buttons .send { float: left; height: 50px;}
        .buttons .not_send { float: right; width: 139px; background: #f9f9f9; color: #c1c1c1; font-weight: normal; border: solid 2px #d3d3d3; height: 50px; cursor: pointer;}

/*popup*/