@import 'https://fonts.googleapis.com/css?family=PT+Mono';
@font-face {
    font-family: 'dinpro';
    src: url('font/dinpro.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
        display: block;
}
body {font: 16px/18px Arial, sans-serif; font-family: dinpro;}
a {text-decoration: none;}

/* Header----------------------------------------------------------------*/
.header {height:86px; position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 10;}
.header .wrap {border: 3px solid #171cad; margin: 20px; height: 62px; background: #fff; position: relative;}
b {font-weight: bold;}
.slogan {position: absolute; top: 0; left: 0; display:block; width:225px; height:62px; background:url(/theme/img/logo.png) no-repeat -1px -1px;}
.slogan > span {overflow: hidden; display: block;}
.slogan span span {font-size: 18px; display: block; float: left; width: 30px; height: 30px; text-align: center; line-height: 30px; border-right: 2px solid #171cad; border-bottom: 2px solid #171cad;}
a {color: #171cac;}
.nav_head {float: right;}
.nav_head ul {overflow: hidden;}
.nav_head ul li {float: left; }
.nav_head a {text-decoration: none; padding:22px 0; display: block; font-size: 16px; width: 120px; text-align: center; font-family: 'PT Mono', monospace;}
.nav_head li:last-child a {padding: 13px 0;}
.nav_head li.active a {color: #fff; background: #171cad; font-weight: bold; }


/* Middle---------------------------------------------*/
.content {border: 3px solid #171cad; border-top: 0; margin: 87px 20px 20px;}
.cont_cont img {width: 100%; display: block;}
.cont_cont .index_page img {width:auto;}
.cont_cont .blog_box img {width:100%;}
.cont_cont .banka_index img {width: auto; float: right;}
.banka_index {position: relative; overflow: hidden;}
.tex_banka {height: 100%; width: 50%; position: absolute; top: 0; left: 0; background: rgba(23, 28, 173, .7); font-family: 'PT Mono', monospace;}
.tex_banka .title {margin-bottom: 40px;}

.tex_banka .item {width: 80%; margin:160px auto 0; font-size: 20px; line-height: 20px; color: #fff;}
.tex_banka .bord {border: 3px solid #fff;}
.tex_banka .title {margin-top: 35px;}
.tex_banka .it1 {font-size:64px; line-height:64px; margin-top: 35px; font-weight: bold; padding: 0 25px;}
.tex_banka sup {position: relative; top: -36px; font-size:32px;}
.smoll_br {width: 20%; border-bottom: 3px solid #fff; margin: 30px 25px;}
.tex_banka p {padding: 0 25px; font-size: 16px;}
.tex_banka .zakaz_kons a {font-weight: bold;}
.tex_banka a {color: #fff; text-align: center; display: block; height:38px; line-height: 38px; text-decoration: none; font-size: 18px; padding:6px;}
.tex_banka .zakaz_kons {border-bottom: 3px solid #fff; border-top: 3px solid #fff; margin-top: 40px;}
.tex_banka .zakaz_kons a:hover, .tex_banka a:hover {border: 6px solid; padding:0;}

.cont_cont2 {margin: 20px;}
.cont_cont2 .title2 {font-weight: bold; font-size: 64px; color: #171CAD; line-height: 64px; padding:115px 0 70px 70px; font-family: 'PT Mono', monospace;}

.schema_work {text-align: center; margin-bottom: 30px;}
.schema_work li {width:19.5%; display: inline-block; vertical-align: top; margin-bottom: 30px; position: relative; font-size: 16px; color: #171cad; min-width: 160px;}
.schema_work li:after {position: absolute; background: url(img/arrow.png) no-repeat; display: block; content: ""; right: -4px; height: 15px; width: 9px; top: 30px;}
.schema_work li:last-child:after {display: none;}
.schema_work li > div {height:100px;}
.schema_work img {display: block; margin: 0 auto;}
.schema_work span {color: #171cad;}

.content h1 {padding: 105px 0 50px 90px; font-size: 64px; color: #171CAD; line-height: 64px; font-family: 'PT Mono', monospace; font-weight: bold;}
.content h1.for_scroll {padding-top:0;}
#demand_stop {height:105px;}

.serv_box {overflow: hidden; padding: 3px 0; margin-bottom:100px;}
.serv_box a {text-decoration: none; display: block; padding: 185px 90px 0; min-height: 210px;}
.serv_box .li {width: 50%; float: left; opacity: 0;}
.serv_box span {display: block; transition: .8s;}
.serv_box span.it1 {text-transform: uppercase; font-weight: bold; margin-bottom: 19px; font-family: 'PT Mono', monospace; opacity: 1;}
.serv_box a span {opacity: 0;}
.serv_box a:hover span {opacity: 1;}

.wrap_serv_item {clear:both; position: relative; height:404px;}
.serv_box .li {transition: .4s; position: absolute;}
.serv_box .li1, .serv_box .li3, .serv_box .li5 {margin-left:-40%; left:0;}
.serv_box .li2, .serv_box .li4, .serv_box .li6 {margin-right:-40%; right:0;}

.serv_box.default1 .li {opacity: 1;}

.serv_box.default1 .wrap_serv_item1 .li,
.serv_box.default2 .wrap_serv_item2 .li,
.serv_box.default3 .wrap_serv_item3 .li
{margin:0;}


.serv_box .li .br_ser {border:3px solid #171cad; margin-left: -3px; margin-top: -3px;}
.serv_box .li2 .br_ser, .serv_box .li4 .br_ser, .serv_box .li6 .br_ser {margin-right: -3px;}
.serv_box .li5 .br_ser, .serv_box .li6 .br_ser {margin-bottom: -3px;}
.serv_box .li a {border: 3px solid #fff;}
.serv_box .li:hover a {border: 3px solid #171cad;}
.serv_box .li1 a {background: url(img/ser_ico1.png) no-repeat 90px 90px;}
.serv_box .li2 a {background: url(img/ser_ico2.png) no-repeat 90px 90px;}
.serv_box .li3 a {background: url(img/ser_ico3.png) no-repeat 90px 90px;}
.serv_box .li4 a {background: url(img/ser_ico4.png) no-repeat 90px 90px;}
.serv_box .li5 a {background: url(img/ser_ico5.png) no-repeat 90px 90px;}
.serv_box .li6 a {background: url(img/ser_ico6.png) no-repeat 90px 90px;}

.serv_box table td {padding:0 30px;}
.cont_cont .serv_box table img {margin-bottom:40px; width:auto;}
.serv_box table h2 {font-size:48px; line-height: 48px; margin-bottom:40px; color:#140db0; font-weight:bold; font-family:'PT Mono';}
.serv_box table p {color:#140db0;}

.wrap_con {overflow: hidden;}

.w30 {width: 30%; float: left;}
.w70 {width: 70%; float: right;}
.project_box a, .all_project a {display: block; height: 60px; line-height: 60px; font-size: 16px; border-top: 3px solid #171cad; color: #171cad; text-transform: uppercase; padding-left: 20%;}
.project_box a {margin-top: -3px;}
.all_project a {border-bottom: 3px solid #171cad;}
.project_box .li:last-child a {border-bottom:3px solid #171cad;}
.project_box a:hover, .all_project:hover a {background: #171cad; color: #fff;}

.all_project {margin-top: 118px;}
.bord_wrap {border-right:3px solid #171cad; margin-right: -3px;}
.wrap_bord_slide {border-left:3px solid #171cad;}

.flexslider {margin-bottom: 10px;}
.flex-control-nav {position: relative; bottom: auto;}
.custom-navigation {display: table; width: 100%; table-layout: fixed;}
.custom-navigation > * {display: table-cell;}
.custom-navigation > a {width: 50px;}
.custom-navigation .flex-next {text-align: right;}

.content .sb_left h1 {padding: 105px 0 50px; text-align: center;}
.blog_box .li {overflow: hidden; border: 3px solid #171cad; width: 90%; margin: 0 auto 20px;}
.blog_box .img {float: left; border-right: 3px solid #171cad; width:25%}
.blog_item {width: 70%; float: left; margin-left: -3px; border-left: 3px solid #171cad;}
.blog_item h4, .blog_item div a {padding:0 5% 0 2.5%; color: #171CAD;}
.blog_item h4 {font-weight: bold; margin: 35px 0 20px;}
.blog_item div {margin-bottom: 35px;}
.blog_item div a {display:block;  background: url(img/arrow_blog.png) no-repeat 99% 50%;}
.blog_item div a:hover {background: url(img/arrow_blog.png) no-repeat 100% 50%;}

.all_blog {border: 3px solid #171cad; height: 50px; line-height: 50px; text-transform: uppercase; width: 90%; margin:20px auto 50px; text-align: center;}

.otzyv_box {position: relative;}
.otzyv_box .flexslider_ot {margin-bottom: 100px; color: #171CAD; width: 85%; margin: 0 auto; border: 3px solid #171cad;}
.otzyv_box .top {/*height:215px;*/ padding: 110px 0 0; width: 75%; margin: 0 auto;height: 300px; }
.otzyv_box .bottom {overflow: hidden; border-top: 3px solid #171cad; text-align: right;}
.otzyv_box .bottom .img {float: right; margin-left: 30px;}
.otzyv_box .bottom img {border-left: 3px solid #171cad;}
.otzyv_box .name {font-weight: bold; margin: 70px 0 20px;}
.custom-navigation {width: 78%; margin:0 auto; position: relative; top: -350px;}
.custom-navigation > a {display: block; float: left; width: 25px; height: 45px; background: url(img/sl_left.png) no-repeat 50% 50%;}
.custom-navigation .flex-next {float: right; background-image: url(img/sl_right.png);}

.box_contact {width: 85%; margin:55px auto 30px; overflow: hidden; font-family: 'PT Mono', monospace;}
.w50 {width: 50%;}
.flr{float: right;}
.fll{float: left;}
.box_contact .w50 {float: left;}
.box_contact .tel {margin:75px 0 20px; }
.box_contact a {text-decoration: underline;}
.box_contact .tel a, ox_contact a:hover {text-decoration: none;}
.soc_box {margin-top:190px;}
.soc_box a {text-decoration:underline; display: block; margin-bottom: 20px;}
.soc_box a:hover {text-decoration: none;}
.copy {margin:0 0 20px; color: #171cad;}

.index_page .made {margin-top:50px;}
.made {text-align: right; color:#171cad;}

textarea, input {border: none; background: #fff; padding: 0; margin: 0; resize: none; outline: none;}

.form_contact {border: 3px solid #171cad; padding-top: 25px; margin-bottom: 50px;}

.input_box {width: 90%; margin: 0 auto;}
.input_box input, .input_box textarea {display: block; width: 98%; padding-left: 2%; font-size: 20px; line-height: 24px; margin-bottom: 30px; color:#a7a7d8; padding-bottom: 10px; border-bottom: 1px solid #171cad; font-family: 'dinpro';}
.input_box textarea {height: 100px;}
.input_box input {height: 30px; }
.form_contact .btn {font-family: 'PT Mono', monospace; font-weight: bold;}
.cms_form_submit, .btn {display: block; width: 100%; cursor: pointer; height: 50px; line-height:45px; text-align: center; color: #171cad; font-size: 18px; margin-top: 30px; border-top: 3px solid #171cad; padding:3px;}
.cms_form_submit:hover, .btn:hover {padding:0; border:4px solid; border-top:6px solid;}

#call label {display:none;}
#call label.error {display:block; font-size:12px; color:#ff0000; width: 90%; margin: 0 auto; display: block;}
#call input, #call textarea {padding-bottom: 10px; border-bottom: 1px solid #171cad; font-family: 'dinpro'; width: 90%; margin: 0 auto; display: block; padding-left: 2%; font-size: 20px; line-height: 24px; color:#a7a7d8;}
#call .cms_form_field {margin-bottom: 30px;}
#call .input_box textarea {height: 100px;}
#call .cms_form_submit {font-family: 'PT Mono', monospace; font-weight: bold; width:100%; cursor: pointer; height: 50px; line-height:40px; text-align: center; color: #171cad; font-size: 18px; margin-top: 30px; padding:3px 6px 6px; border-top: 3px solid #171cad; border-bottom:none; text-transform: uppercase;}
#call .cms_form_submit:hover {padding:0; border-color:#171cad; border-top: 6px solid #171cad; border-bottom: 6px solid #171cad;}
#cms_call_result_block {font-size:14px; color:#ff0000; text-align: center;}

::-webkit-input-placeholder {color:#a7a7d8;}
::-moz-placeholder          {color:#a7a7d8;}/* Firefox 19+ */
:-moz-placeholder           {color:#a7a7d8;}/* Firefox 18- */
:-ms-input-placeholder      {color:#a7a7d8;}

.ful_text {position: fixed; display: none; width:100%; height: 100%; top: 0; left: 0; z-index: 100; }
.ful_text .bg {width: 30%; float: left; height: 100%; background: rgba(23, 28, 173, .7); cursor: pointer;}
.ful_text .bg:hover {background: url(img/close.png) no-repeat 50% 60% rgba(23, 28, 173, .7);}
.ful_text .text {width: 70%; background: #fff; float: right; height: 100%; color: #140db0;}
.ful_text .text h2, .ful_text .text p {max-width:500px;}
.ful_text .text h2 {margin: 100px 100px 30px; font-weight: bold; font-size: 40px; line-height: 48px; font-family: 'PT Mono', monospace;}
.ful_text .text p {margin: 0 100px 20px;}
.ful_text.active {display: block;}

.zayav_box {width: 100%; background: #171cad; color: #fff; padding:80px 0;}
.zayav_box .title {font-size: 48px; line-height: 48px; text-align: center; font-weight: bold; margin-bottom: 55px;}
.zayav_box .komment {max-width: 550px; margin: 0 auto; width: 98%; text-align: center;}
input {padding: 0; border: 0; outline: none;}
.zayav_box {text-align: center; font-family: 'PT Mono', monospace;}
.zayav_box .bord_fff {color: #8b8ed6; display: inline-block; border-bottom: 3px solid #fff; padding:0 55px 10px;}
.zayav_box .bord_fff input {max-width:400px; width:100%; background: none; color: #8b8ed6; text-align: center; font-size:32px;}
.zayav_box .btn {border: 3px solid #fff; display: inline-block; width: 270px; height: 50px; line-height:38px; background: #171cad; color: #fff; margin-left: 20px; text-transform: uppercase; position: relative; top: 2px; padding:0;}
.zayav_box .btn:hover {border: 6px solid;}

.cont_text {width: 85%; margin: 55px auto 30px; overflow: hidden;}
.cont_text p {margin-bottom:40px; color:#140db0;}
.ml100 {margin-left:100px;}
.title_h2 {font-family: 'PT Mono', monospace; color:#140db0; font-size:48px; line-height:50px; margin-top:120px;}
.my_kl {margin-top:70px; text-align: center;}
.my_kl div {display: inline-block; vertical-align: top; text-align: center; width:18%; border:1px solid #f3f3fb; margin-bottom:3px; padding:3px; min-width: 140px;}
.cont_cont .my_kl div img {height:40px; width:auto; padding:20px 0; margin: 0 auto; filter: grayscale(100%);}
.my_kl div:hover {border:4px solid #171cad; padding:0;}
.my_kl div:hover img {filter: inherit;}
.blog_box {padding-top:30px;}
.br_t_b {border-top: 3px solid #171cad; border-bottom: 3px solid #171cad;}

.cont_cont .img_box_item {}
.cont_cont .img_box_item img {/*max-width:300px; margin:0 auto; margin:0 20px 20px 0;*/max-width: 100%;width: auto;margin: 20px auto; float:none;}
.blog_ul{margin-bottom:40px; color:#140db0;list-style: disc; margin-left: 20px;}
.blog_ul li{padding: 5px 0;}
.cont_cont .img_width_auto{width: auto;margin: 0 auto; max-width: 100%;}
.cont_cont .custom_text_blog_box {margin-left: 8%; font-weight: bold;}
.share_box {display: flex;align-items: center;flex-wrap: wrap; justify-content: flex-start;font-family: 'PT Mono', monospace;color: #171cad;padding-top: 40px;}
.share_box div {padding: 33px 0;border: 3px solid #171cad;}
.share_box .share-ic1, .share_box .share-ic2, .share_box .share-ic3{text-align: center;font-weight: bold;text-transform: uppercase;cursor: pointer;flex:0 0 17%;border-left: 0px solid;}
.share-ic{flex:auto;}
.share-ic p{margin-left: 30px;margin-bottom: 0px;}
.share_box .share-ic1:hover, .share_box .share-ic2:hover, .share_box .share-ic3:hover{-webkit-box-shadow: inset 0px 0px 0px 3px rgba(23,28,173,1);-moz-box-shadow: inset 0px 0px 0px 3px rgba(23,28,173,1);box-shadow: inset 0px 0px 0px 3px rgba(23,28,173,1);}
.none {display:none;}
#bg_body, #info_send {position: fixed;}
#bg_body {width:100%; height:100%; z-index:100; background: #000; opacity: 0.5; top:0;}
#info_send {top:50%; left:50%; width:300px; min-height:90px; margin-left:-150px; margin-top:-65px; z-index:101; background: #fff; padding: 20px; border: 3px solid #171cad; color:#171cad;}
#info_send .close {display: inline-block; float: right; padding: 3px 5px; cursor: pointer; text-transform: uppercase; border:2px solid #171cad; position: relative; margin-top:30px;}
#info_send .text {font-size:26px; line-height: 28px;}
#info_send .close:active {top:1px; left:1px;}

.project_header {width: 85%; margin: 70px auto;}
.content .project_header h1{padding: 0px 0 35px 0px;}
.new_project_box {display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-start;}
.project_box_item {border: 1px solid #171cad;padding: 10px 40px; margin: 7px;}
.project_box_item:hover{-webkit-box-shadow: inset 0px 0px 0px 3px rgba(23,28,173,1);-moz-box-shadow: inset 0px 0px 0px 3px rgba(23,28,173,1);box-shadow: inset 0px 0px 0px 3px rgba(23,28,173,1);}
.project_box_item.active{background: #171cad; color: white;}
.project_box_item.active a{color: white;}
.project_slide_item{position: relative; width:33.3%;}
.project_slide {display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0 17px;}
.project_slide_item:hover .bg_darker{display: flex;}
.bg_darker {background: rgba(0,0,0,0.38);position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: none; flex-direction: column; justify-content: center;}
.bg_darker h2 {font-family: 'PT Mono', monospace; font-weight: bold; color: white; text-align: center; font-size: 24px; line-height: 27px; padding: 12px;}
.bg_darker p {font-size: 18px; color: white; text-align: center; font-family: 'dinpro';}

.b-popup{ width:100%;min-height:100%; background-color: rgba(20,13,176,0.9); overflow:hidden; position:fixed; top:0px;z-index: 10; left: 0;right: 0;bottom: 0;    display: flex;justify-content: space-between;}
.cursor_close{cursor: url(/theme/img/cursor_close.png),url(/theme/img/cursor_close.cur),pointer;flex:0 0 30%;}
.b-popup-content{flex:0 0 55%; padding:5% 7.5%; background: #ffffff;color: #140db0; overflow-y: auto;}
.b-popup-content-text{ padding-bottom: 20px;}
.b-popup-content-text p{width:65%; margin-right: 18%; line-height: 25px; font-size: 16px;}
.b-popup-content-text ul, .b-popup-content-text h2{width: 65%;}
.b-popup-content-text ul li p{width: 100%;}
.link-btn-top{padding: 13px 33px; border:1px solid #171cad; color:#171cad;}
.b-popup-content h2{padding:35px 0;font-size: 48px; color: #140db0; line-height: 53px; font-family: 'PT Mono', monospace; font-weight: bold;}
.b-popup-content img{padding: 10px 0;}
#recaptcha {padding-left: 2%;padding-bottom: 30px;width: 90%; margin: 0 auto;}

@media only screen and (max-width:1024px) {
    .b-popup-content-text p{margin-right: 0px;}
    .otzyv_box .top{height: 450px;}
}
@media only screen and (max-width:1000px) {
       .nav_head a {width:90px;}
       .serv_box table h2 {font-size:28px; line-height:34px;}
       .cursor_close{content:'';background:  url(/theme/img/cursor_close.png) center center no-repeat; background-size: auto;}
}
@media only screen and (max-width:820px) {
       .header {height:153px;}
       .header .wrap {height: 128px;}
       .slogan {position: relative; margin: 0 auto; width: 222px; height: 62px; background: url(/theme/img/logo.png) no-repeat -2px -1px; border: 3px solid #171cac;  margin: 0 auto; top:-3px;}
       .nav_head {float:none;}
       .nav_head ul {display: flex; justify-content: center;}
       .nav_head ul li {float:none; flex:12.5%;}
       .nav_head a {width:auto;}
       .content {margin-top:153px;}
       .project_box a, .all_project a {height:auto;}
       .serv_box a {padding:185px 30px 0;}
       .tex_banka .it1 {font-size: 30px; line-height:36px;}
       .project_box a, .all_project a {font-size:14px; padding-left:5%;}
       .b-popup-content-text p, .b-popup-content-text ul, .b-popup-content-text h2{width: 100%;}       
       .otzyv_box .top{padding: 60px 0 0;}
       .otzyv_box .top.big-text{font-size: 14px;}

}
@media only screen and (max-width:768px){
  .project_slide_item{width: 50%;}  
  .share-ic{flex: 1 99%;}
  .share_box .share-ic1, .share_box .share-ic2, .share_box .share-ic3{flex: 1 auto;}
  .share_box .share-ic1{border-left: 3px solid #171cad;}
  .blog_box .img{width: 100%;border-right: none;float: none;}
  .blog_box .blog_item{width: 100%;border-left: 0px;}

}
@media only screen and (max-width:620px) {
       .tex_banka {width: 80%;}
       .serv_box table td {padding: 0 10px;}
       .otzyv_box .top.big-text {font-size: 12px;}
       .otzyv_box .top{height: 500px;}
       .custom-navigation{top: -450px;}
}
@media only screen and (max-width:570px) {
       .header {height: 226px;}
       .header .wrap {height: 202px;}
       .nav_head ul {text-align:center; display: block;}
       .nav_head ul li {width:90px; display: inline-block;}
       .content {margin-top:228px;}
       .serv_box a {padding:185px 10px 0;}
       .content h1 {padding: 105px 0 10px 10px;}
       .box_contact .w50 {float:none; width:100%;}
       .soc_box {margin-top:40px;}
       .zayav_box .title {font-size:30px; line-height:36px;}
       .zayav_box .bord_fff {padding:0 0 10px;}
       .zayav_box .bord_fff input {font-size:20px;}
       .zayav_box .btn {width:230px;}
       .serv_box table td {display: block; margin-bottom:20px;}
       .b-popup-content h2{font-size: 28px; line-height: 32px;}
       .cursor_close{flex:0 0 20%;}
       .b-popup-content{flex:0 0 60%; padding: 10% 7.5% 2% 7.5%;}
       .otzyv_box .top{height: 550px;}

}
@media only screen and (max-width:500px) {
       .serv_box span.it1 {min-height: 60px;}
       .wrap_serv_item {height:523px;}
       .serv_box a {min-height:331px;}
       .tex_banka {width:100%;}
       .tex_banka a {height:auto;}
       .smoll_br {margin: 10px 25px;}
       .tex_banka .item {margin-top:100px;}
       .cont_cont2 .title2, .content h1 {paddin-right:20px; font-size:30px; line-height:34px;}
       .schema_work li {width:100%;}
       .serv_box .li a {background-position:50% 50px;}
       .sb_left.w30, .slide.w70 {width:100%; float:none;}
       .wrap_bord_slide {border-left:none;}
       .input_box input, .input_box textarea {font-size: 14px;}
       .otzyv_box .flexslider_ot {width:96%;}
       .otzyv_box .top {padding-top:30px; height:505px;}
       .custom-navigation {width:95%;}
       .otzyv_box .top {width:80%;}
       .project_box_item{ flex: 1 auto;}
       .project_slide_item {width: 100%;}
}
@media only screen and (max-width:425px){
    .otzyv_box .top.big-text{line-height: 14px;}
}
@media only screen and (max-width:360px) {
       .serv_box span {font-size:14px;} 
       .share_box .share-ic1, .share_box .share-ic2, .share_box .share-ic3{flex: 1 99%;border-top: 0px solid #171cad;border-left: 3px solid #171cad;}   
       .share_box div{padding: 15px 0;}              
}
@media only screen and (max-width:340px) {
       .header {height:316px;}
       .header .wrap {height: 292px;}
       .nav_head ul li {width: 91px;}
       .content {margin-top:318px;}
       .otzyv_box .top {width:76%;}
       .otzyv_box .top {height:550px;}
}
@media only screen and (max-width:320px){
    .otzyv_box .top {height:650px;}
    .custom-navigation { top: -550px;}
}