img:not([src]) {
        visibility: hidden;
      }

      /* Fixes Firefox anomaly during image load */
      @-moz-document url-prefix() {
        img:-moz-loading { visibility: hidden; }
	  }
.agree{
	float: left;
    display: block;
    margin-top: 44px;
    color: #fff;
	font: 14px/21px 'clear_r';
}
.contacts .agree{
	margin-left:15px;
}
.orange_form .agree{
	color:#000;
	margin-top:0;
}
.agree a,
.agree a:visited{
	color:#ffcc00;
	text-decoration:underline;
}
.orange_form .agree a,
.orange_form .agree a:visited{
	color:#000;
}
.agree a:hover{
	text-decoration:none;
}
.agree input[type=checkbox]{
	width: 15px;
    height: 15px;
    display: inline-block;
    float: left;
    margin: 4px 5px 0 0;
}
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }

body { margin: 0;  line-height: 1.231; width: 100%; font-family: Tahoma,Arial,sans-serif; font-size: 100.01%; height: auto !important; margin: 0; min-height: 100%; padding: 0; position: relative;  background: #2f2f2f url(../img/dark_wall.png) repeat; }

body, button, input, select, textarea { font-family: Tahoma,Arial,sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color:#B9B1A9 }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr.sep{height: 2px; border: none; background: url(../img/sep6.png) repeat-x left bottom;
  margin-top: 51px; margin-bottom: 36px;}
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="text"], input[type="submit"], textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

input.txt::-webkit-input-placeholder { color: #a3a3a3; }
input.txt:-moz-placeholder { color: #a3a3a3; opacity:  1; }
input.txt::-moz-placeholder { color: #a3a3a3; opacity:  1; }
input.txt:-ms-input-placeholder { color: #a3a3a3; }

textarea::-webkit-input-placeholder { color: #a3a3a3; }
textarea:-moz-placeholder { color: #a3a3a3; opacity:  1; }
textarea::-moz-placeholder { color: #a3a3a3; opacity:  1; }
textarea:-ms-input-placeholder { color: #a3a3a3; }

input.error::-webkit-input-placeholder { color: #010101 !important; }
input.error:-moz-placeholder { color: #010101 !important; }
input.error::-moz-placeholder { color: #010101 !important;  }
input.error:-ms-input-placeholder { color: #010101 !important; }

textarea.error::-webkit-input-placeholder { color: #010101 !important; }
textarea.error:-moz-placeholder { color: #010101 !important; }
textarea.error::-moz-placeholder { color: #010101 !important;  }
textarea.error:-ms-input-placeholder { color: #010101 !important; }


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } 
input:focus::-moz-placeholder { color:transparent; } 
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } 
textarea:focus::-moz-placeholder { color:transparent; } 
textarea:focus:-ms-input-placeholder { color:transparent; }

input.error:focus::-webkit-input-placeholder { color:transparent !important; }
input.error:focus:-moz-placeholder { color:transparent !important; } 
input.error:focus::-moz-placeholder { color:transparent !important; } 
input.error:focus:-ms-input-placeholder { color:transparent !important; }

textarea.error:focus::-webkit-input-placeholder { color:transparent !important; }
textarea.error:focus:-moz-placeholder { color:transparent !important; } 
textarea.error:focus::-moz-placeholder { color:transparent !important; } 
textarea.error:focus:-ms-input-placeholder { color:transparent !important; }

input.txt:focus, textarea:focus { -webkit-box-shadow: 0 0 5px rgba(255,239,190,1); -moz-box-shadow: 0 0 5px rgba(255,239,190,1); box-shadow: 0 0 5px rgba(255,239,190,1); border: solid 1px #909090; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Siluet Studio
   ========================================================================== */
.mob_menu {
  display: none;
  position: relative;
  z-index: 10;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -ms-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

/* =============================================================================
   Header
   ========================================================================== */
header { width: 100%; left: 0; top: 0; position: fixed; background: #2f2f2f url(../img/dark_wall.png); z-index: 4;}
.main header{
background: none;
}
.header_wr{ max-width: 1170px; margin: 0 auto; padding: 24px 0 0 ; position: relative;  background: #2f2f2f url(../img/dark_wall.png);
}

/* --- НОВЫЙ ЛОГОТИП И МОБИЛЬНЫЕ КОНТАКТЫ --- */

/* Базовые настройки для ПК */
.logo-text-block { 
    float: left; 
    width: 280px; 
    margin-top: 10px; 
    position: relative; 
    z-index: 5; 
    margin-left: 80px; /* Сдвиг вправо на компьютере */
}
.logo-line-1 { color: #ffcc00; font-size: 16px; font-weight: bold; line-height: 1.2; display: block; text-transform: uppercase; font-family: sans-serif; }
.logo-line-2 { color: #ffffff; font-size: 13px; font-weight: normal; display: block; font-family: sans-serif; }

/* Прячем мобильный блок на компьютерах */
.mobile-only-contacts { display: none !important; }

/* МОБИЛЬНАЯ ВЕРСИЯ (до 1023px) */
@media screen and (max-width: 1023px) {
    /* Прячем старый слоган */
    .desktop-only-slogan { display: none !important; }

    /* Показываем номер 425-31-40 */
    .mobile-only-contacts {
        display: block !important;
        position: absolute;
        right: 65px; 
        top: 12px;
        text-align: right;
        z-index: 10;
    }

    .m-phone { 
        color: #ffcc00 !important; 
        font-weight: bold; 
        text-decoration: none; 
        font-size: 14px; 
        display: block; 
        font-family: sans-serif; 
    }
    
    .m-24 { 
        color: #ffffff; 
        font-size: 11px; 
        display: block; 
        text-transform: uppercase; 
        font-family: sans-serif; 
        margin-top: -2px; 
    }

    /* На мобильных возвращаем логотип влево и уменьшаем */
    .logo-text-block { 
        width: 180px !important; 
        margin-top: 5px !important; 
        margin-left: 10px !important; 
    }
    .logo-line-1 { font-size: 14px !important; }
    .logo-line-2 { font-size: 11px !important; }
}


.logo a { display: block; width: 250px; height: 40px; }
.slogan { font: 25px 'clear_r'; color: #fff;  text-align: center; margin-bottom: 3px; }
.t_phone { background: url(../img/t_phone.png) no-repeat 0 8px; background-size: 25px 25px; font: 24px 'clear_b'; padding: 0 0 5px 37px; color: #fff; position: absolute; right: 0; top: 24px; }
.t_phone a {color: #fff;}
.t_phone a:hover{
  color: #fff;
}
/* menu */
header .menu { background: rgba(72,72,74,.9); margin: 18px 0 0; height: 40px; }
header .menu ul { float: left; }
header .menu li { border-right: 1px solid #2f2f2f; float: left; margin: 0 0 0 1px; position: relative; }
header .menu li:first-child { margin: 0; }
header .menu li a {  font: 15px 'clear_b'; color: #bcbdc0; display: block; padding: 10px 16px 10px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
header .menu li a:hover { background: #545557; }
header .menu li a.current { background: #ebbd05; color: #000 }
header .menu .sub { position: absolute; left: 0; top: 34px; width: 218px; height: 0; overflow: hidden; transition: .3s}
header .menu .sub .sub{ position: absolute; left: 100%; top: -7px; width: 218px; height: 0; overflow: hidden; transition: .3s}
header .menu .sub.open{ height: 300px;overflow: initial;}
header .menu .sub ul { float: none; padding: 2px 0 0; }
header .menu .sub li { background: #6c6c6d url(../img/sep4.png) repeat-x; border: 0; float: none; margin: 0; }
header .menu .sub li:first-child { background: #6c6c6d none; }
header .menu .sub .sub li{border-left: 1px dashed #a3a3a3;}
header .menu .sub a { font: 13px 'clear_r'; color: #fff; padding: 10px 10px 11px 15px; }
header .menu .sub a:hover { background: none; color: #010101; }
header .menu .t_links { float: right; padding: 5px 5px 0 0; }
header .menu .t_links a { background: #ffcc00; color: #2f2f2f; font: 14px/30px 'clear_r'; display: block; padding: 0 16px 0 40px; height: 30px; position: relative; float: right; margin: 0 0 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
header .menu .t_links a:hover { background: #b4b3b3 } 
header .menu .t_links i.t1 { background: url(../img/icon_info.png) no-repeat; background-size: 9px 17px; width: 9px; height: 17px; position: absolute; left: 18px; top: 6px; display: block; } 
header .menu .t_links i.t2 { background: url(../img/icon_pen.png) no-repeat; background-size: 25px 15px; width: 25px; height: 15px; position: absolute; left: 10px; top: 8px; display: block; } 


/* =============================================================================
   Content
   ========================================================================== */
.content { height: auto !important; min-height: 100%; position: relative; width: 100%; z-index: 3; overflow: hidden;}
.main .content .container { padding: 0 0 330px; }
.content .container { padding: 0 0 280px; }
.container_wrap { background: #fff url(../img/sep6.png) repeat-x; margin-top: 150px;}
.ajax-paging .container_wrap{
  margin-top: 120px;
}
.ajax-paging .container_wrap:not(:nth-child(2)){
  margin-top: 60px;
}
.ajax-paging .container_wrap .breadcrumbs{
  display: none;
}
.main .container_wrap { background: none; max-width: 1170px; margin: 0 auto; margin-top: 119px;}
.content_block { max-width: 1170px; margin: 0 auto; }

/* main top slider */
.top_slider { }
.top_slider img { width: 100%; }
.top_slider .txt { position: absolute; bottom: 40px; left: 0; width: 55%; font-size: 0; }
.top_slider p { background: #58595b; display: inline-block; font: 30px 'Boblic'; color: #fff; margin: 3px 0 0; padding: 7px 13px 4px 9px }
.top_slider p span { color: #141414; }
.top_slider p.p2 { font: 25px 'Boblic'; }

/* main servise */
.main_serv { background: #515254; margin: 30px 0 0; }
.tabs {  }
.tab_links { float: left; padding: 14px 0 0 20px }
.tab_links p { font: 26px 'Boblic'; color: #fff; margin: 0 0 12px 6px; }
.tab_links div { margin: 0 0 6px; }
.tab_links a { background: #666768; display: inline-block; font: 16px/39px 'Boblic'; height: 34px; padding: 0 19px 0 8px; color: #949596; position: relative; }
.tab_links a i { border-style: solid; border-width: 17.5px 0 17.5px 12px; border-color: transparent transparent transparent #666768; display: block; position: absolute; right: -12px; top: 0; }
.tab_links a:hover { background: #ffcc00; color: #2f2f2f; }
.tab_links a:hover i { border-color: transparent transparent transparent #ffcc00; }
.tab_links a.active { font-size: 18px; padding-right: 30px;  background: #ffcc00; color: #2f2f2f; cursor: default; }
.tab_links a.active i { border-color: transparent transparent transparent #ffcc00; }
.tab { float: right; display:none; width: 870px; }
.tab.active { display:block; }

/* servise slider */
.sl-slide {float: left;height: 100%;min-height: 1px;width:auto;}
.serv_sl { background: url(../img/sl_sep.png) repeat-y right top; width: 800px; margin: 0 36px 0 0; float: right; }
.serv_sl .slick-list { background: url(../img/sl_sep.png) repeat-y left top; }
.serv_sl .slick-slide { background: url(../img/sl_sep.png) repeat-y left top; padding: 20px 0 21px; }
.serv_sl a { width: 160px; display: block; text-align: center; }
.serv_sl a .img { background: #2f2f2f; border: 5px solid #666768; display: inline-block; width: 90px; height: 90px; position: relative; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.serv_sl a .txt { font: 16px 'Boblic'; color: #fff; display: block; padding: 8px 0 0;     height: 25px;}
.serv_sl .slick-prev { background: url(../img/ctrl.png) no-repeat 0 0; width: 25px; height: 47px; margin-top: -27px; }
.serv_sl .slick-next { background: url(../img/ctrl.png) no-repeat -26px 0; width: 25px; height: 47px; margin-top: -27px; }
.serv_sl .slick-prev:hover { background-position: 0 -47px; }
.serv_sl .slick-next:hover { background-position: -26px -47px; }

/* main text */
.m_text { background: #8c8e93; margin: 30px 0 0; padding: 24px 0 28px 15px; }
.m_text p.hd { float: left; font: 26px 'Boblic'; width: 183px; color: #fff; }
.m_text p.hd span { color: #1f1e1e;  }
.m_text .wysiwyg { padding: 3px 20px 0 0; margin-left: 180px;  }
.m_text .wysiwyg p { color: #1e1e1e; font: 14px/25px 'clear_r'; margin: 0; }

/* heading */
.heading { background: url(../img/sep6.png) repeat-x left bottom; padding: 24px 0 18px;}
.head_wrap { max-width: 1170px; margin: 0 auto; }
.heading span, .heading .span { font: 50px 'Boblic'; color: #353535; display: inline-block; position: relative; padding: 0 0 0 68px; }
.heading span i, .heading .span i { background-color: #464646 !important; width: 50px; height: 50px; position: absolute; left: 0; top: 3px; display: block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.heading h1 { display: inline; font: 50px 'Boblic'; color: #353535; margin: 0; padding: 0; }
.heading i.icon_info { background: url(../img/icon_info2.png) no-repeat center; background-size: 15px 28px; }
.heading i.icon_cup { background: url(../img/icon_cup.png) no-repeat center; background-size: 28px 26px; }
.heading i.icon_house { background: url(../img/icon_house.png) no-repeat center; background-size: 31px 26px; }
.heading i.icon_doc1 { background: url(../img/icon_doc1.png) no-repeat center; background-size: 20px 26px; }
.heading i.icon_point { background: url(../img/icon_point.png) no-repeat center; background-size: 22px 30px; }
.heading i.icon_comments { background: url(../img/icon_comments.png) no-repeat center; background-size: 28px 22px; }
.heading i.icon_person { background: url(../img/icon_person.png) no-repeat center; background-size: 25px 35px; }
.heading span.no_icon { padding: 0 0 0 8px; }
.heading a.btn_back { background: #ffcc00; padding: 0 15px; margin: 13px 0 0; height: 30px; font: 16px/30px 'clear_b'; color: #2f2f2f; display: block; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.heading a.btn_back:hover, .heading a.btn_town:hover { background: #b4b3b3; color: #000; }
.heading span.gray { padding: 0; color: #7b7b7e; }
.heading a.btn_town, .cases_list a.btn_town{ background: #dedee2; padding: 0 15px; margin: 0 5px 0 0; /* height: 30px; */ font: 16px/30px 'clear_b'; color: #2f2f2f; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.cases_list a.btn_town{ font-size: 14px; padding: 0 19px; text-decoration: none; background: #58595b; color: #ffffff;}
.heading a.btn_town.current, .cases_list a.btn_town.current{ background: #ffcc00; color: #2f2f2f; cursor: default; }

.heading .buttons_wrap, .cases_list .buttons_wrap{ display: inline-block; font-size: 0; margin: 0 0 0 42px; position: relative; top: -9px;  }
.cases_list .buttons_wrap{margin-left: 20px; top:-3px;}
/* columns */
.l_col { float: left; width: 770px; margin: 46px 60px 0 70px; }
.r_col { float: left; width: 270px; margin: 46px 0 0; }

/* positions list */
ul.list { margin: 20px 0 43px; padding: 0; }
ul.list li { border-top: 1px solid #dadada; padding: 30px 0 0; margin: 29px 0 0;  }
ul.list li:first-child { border: 0; padding: 0; margin: 0; }
ul.list .img { width: 200px; float: left; }
ul.list .txt { margin: -5px 0 0 230px; }
ul.list p.hd { font: 24px/31px 'clear_b'; color: #464647; margin: 0 0 6px; }
ul.list p.hd a { font: 24px/31px 'clear_b'; color: #464647; }
ul.list p { font-size: 14px; line-height: 24px; }
.tg { font-size: 0; padding: 5px 0 9px; }
.tg a { background: #e6e6e6; padding: 0 9px; font: 13px/24px 'clear_b'; height: 24px; margin: 0 5px 5px 0; color: #2f2f2f; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tg a:hover { background: #b4b3b3; color: #000; }
ul.list a.details { font: 16px 'clear_i'; color: #464647; text-decoration: underline; }
ul.list a.details:hover { text-decoration: none; }

/* tags */
.tag_list { background: #f0f0f0; padding: 16px 20px 47px; font-size: 0; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.corner { background: #fff; text-align: left; display: inline-block; width: 28px; height: 28px; position: absolute; right: 0; top: 0; overflow: hidden; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
.corner span { position: relative; display: inline-block; width: 28px; height: 28px }
.corner i { position: absolute;width: 0; height: 0; border-style: solid; border-width: 29px 0 0 29px; border-color: transparent transparent transparent #c1c0c0;}
.tag_list p.hd { background: url(../img/sep4.png) repeat-x left bottom; font: 26px 'clear_b'; color: #5e5e5e; margin: 0 0 20px; padding: 0 0 22px; }
.tag_list a { background: #ffcc00; padding: 0 6px; font: 13px/26px 'clear_r'; height: 26px; margin: 0 5px 5px 0; color: #2f2f2f; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.tag_list a.current { background: #d7d7d7; }
.tag_list a:hover { background: #b4b3b3; color: #000; }
.tag_list .sep { background: url(../img/sep4.png) repeat-x left bottom; height: 1px; margin: 11px 0 0; }
.tag_list p.hd2 { text-align: center; font: 26px 'clear_b'; color: #5e5e5e; margin: 0 0 -9px; }
.tag_list .doc { background: url(../img/sep4.png) repeat-x; text-align: center; padding: 26px 0 0; margin: 30px 0 0; }
.tag_list i.icon_doc { background: url(../img/icon_doc.png) no-repeat; background-size: 60px 80px; width: 60px; height: 80px; display: block; margin: 0 auto; }
.tag_list i.icon_pdf { background: url(../img/icon_pdf.png) no-repeat; background-size: 60px 80px; width: 60px; height: 80px; display: block; margin: 0 auto; }
.tag_list .doc p.p1 { font: 17px 'clear_b'; color: #000; margin: 10px 0 7px }
.tag_list .doc p { font-size: 12px; }
.tag_list .doc a { margin: 11px 0 0; }
.tag_list .doc_wrap { margin: 0 0 -12px; }

/* documents */
.doc_list { padding: 0 0 92px; }
.doc_list li { background: url(../img/sep6.png) repeat-x; margin: 40px 0 0; padding: 41px 0 0 }
.doc_list li:first-child { background: none; padding: 0; }
.doc_list .wrap { max-width: 1170px; margin: 0 auto; }
.doc_list .wrap_links { margin: 0 -15px; }
.doc_list a { display: block; text-align: center; position: relative; width: 170px; float: left; margin: 0 15px; font-size: 0; color: #000; }
.doc_list a .corner { z-index: 1; }
.doc_list a span.img { background: #f0f0f0; position: relative; padding: 15px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.doc_list a:hover span.img { background: #dddddd }
.doc_list a span.txt { font-size: 12px; color: #000; display: inline-block; margin: 17px 0 11px; }
.doc_list a span.img i { background: url(../img/zoom.png) no-repeat; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; display: block; opacity: 0; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
.doc_list a:hover span.img i { opacity: 1; }

/* contacts */
.contacts { padding: 30px 0 53px }
.contacts .l_c { float: left; width: 200px; padding: 0 0 0 70px; }
.contacts .l_c p.hd { font: 21px 'clear_b'; color: #464647; margin: 0 0 16px; }
.contacts .l_c p.ph { font-size: 17px; font-weight: bold; color: #464647; margin: 0 0 27px }
.contacts .l_c .img { margin: 0 0 20px; }
.contacts .l_c p { font-size: 14px; color: #464647; margin: 0 0 22px; }
.contacts .l_c p a { font-size: 100%; color: #464647; }
.contacts .map { margin: 0 0 8px 300px; position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contacts .inf { padding: 0 0 20px; width: 260px; position: relative; font-size: 0; }
.contacts .inf i { position: absolute; left: 23px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #464647 transparent transparent transparent; } 
.contacts .inf_wrap { background: #464647; padding: 17px 17px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contacts .close, .cases_list .close{ background: url(../img/close.png) no-repeat; width: 20px; height: 20px; position: absolute; right: 3px; top: 13px; cursor: pointer; }
.contacts .map .img { border: 3px solid #858585;width: 180px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contacts .txt { float: left; width: 185px; padding: 12px 0 0 0; }
.contacts .txt p { font-size: 12px; color: #fff; padding: 0 0 16px 32px; }
.contacts .txt p a { font-size: 100%; color: #fff; }
.contacts .txt p.p1 { background: url(../img/icon_point1.png) no-repeat; }
.contacts .txt p.p2 { background: url(../img/icon_phone.png) no-repeat; }
.contacts .txt p.p3 { background: url(../img/icon_mail.png) no-repeat 2px 3px; }
.contacts p.hd2 { font: 21px/22px 'clear_b'; position: relative; padding: 4px 0 0 68px; float: left; width: 232px; }
.contacts p.hd2 span { font: 13px 'clear_i'; color: #464647; }
.contacts p.hd2 span.success { display: block; color: #ffcc00; font: 18px/18px 'clear_b'; padding: 35px 5px 0 0; }
.contacts p.hd2 i { background: #464646 url(../img/icon_pen2.png) no-repeat center; background-size: 25px 15px; width: 40px; height: 40px; position: absolute; left: 0; top: -2px; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.contacts .sep { background: url(../img/sep6.png) repeat-x; height: 1px; margin: 22px 0 28px; }
.contacts .form, .calculator_block .form { background: #464647; padding: 21px 30px 32px; margin: 2px 0 0 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.calculator_block .form {
  position: relative;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.contacts.contacts--wide .form{
  margin-left: 70px;
}
.contacts.contacts--wide .form_wrap .inp{
  width: 33.333%;
}
.contacts.contacts--wide .form_wrap .g-recaptcha{
  margin-top: 22px;
  margin-left: 15px;
  float: left;
}
.contacts.contacts--wide{
  padding-bottom: 23px;
}
.contacts .inp { float: left; width: 390px; margin: 0 0 11px 30px; }
.contacts .inp.first { margin: 0; }
.contacts .form p { font: 14px 'clear_r'; color: #fff; margin: 0 0 3px 2px }
.contacts .form p span { font: 14px 'clear_b'; color: #ffcc00; }
.contacts .form input.txt { background: #fff; border: 1px solid #fff; width: 100%; font: 14px 'clear_i'; padding: 4px 10px 5px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
.contacts .form textarea { background: #fff; border: 1px solid #fff; width: 100%; font: 14px 'clear_i'; padding: 5px 10px; height: 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
.contacts .form input.btn_send { background: #ffcc00; border: 0; padding: 4px 11px 4px; margin: 17px 0 0; font: 13px 'clear_b'; color: #2f2f2f; vertical-align: top; display: block; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contacts .form input.btn_send:hover { background: #b4b3b3; color: #000;  }
.contacts .form input.txt.error, .contacts .form textarea.error, .serv_one .form textarea.error { background: #ffcc00; border-color: #ffcc00; }
.sep {
    background: url(../img/sep6.png) repeat-x;
    height: 1px;
    margin: 22px 0 28px;
}

.contacts .form input.btn_send{
  margin-top: 44px;
}

/* view info */
.view_info {margin-top: 25px;  }
.view_info .hd { font: 28px 'clear_b'; color: #464647; margin: -8px 0 20px; }
.view_info .img { padding: 0 0 28px; }
.view_info img { max-width: 100%; }
.view_info .tg { margin: -4px 0 23px; }

/* service list */
.s_list {  }
.s_list { margin: 0 -15px; padding: 33px 0 66px; }
.s_list li { background: url(../img/sep6.png) repeat-x; padding: 43px 0 0; margin: 45px 0 0}
.s_list li:first-child { background: none; padding: 0; margin: 0; }
.s_list a { display: block; width: 33.33333332%; padding: 0 15px; float: left; text-align: center; font: 14px 'clear_r'; color: #707276; box-sizing: border-box; }
.s_list a span { display: block; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
.s_list a .img_wrap { height: 110px; position: relative; }
.s_list a .img_wrap span { position: absolute; left: 0; top: 0; right: 0;}
.s_list a .img_wrap img { max-width: 100%; }
.s_list a .img1 {  }
.s_list a .img2 { opacity: 0; }
.s_list span.txt { font: 25px 'Boblic'; color: #000; padding: 16px 0 6px; max-width: 270px; margin: 0 auto; }
.s_list span.txt2 { max-width: 270px; margin: 0 auto; line-height: 20px; }
.s_list a:hover { color: #707276; }
.s_list a:hover .txt { color: #000; }
.s_list a:hover .img1 { opacity: 0 }
.s_list a:hover .img2 { opacity: 1; }
.sep2 { background: url(../img/sep6.png) repeat-x left bottom; height: 1px; }
.serv_txt { background: #c5c6c9; }
.s_wrap { max-width: 1170px; margin: 0 auto; padding: 0 0 76px; }
.serv_txt p.hd { float: left; font: 35px 'Boblic'; color: #353537; width: 350px; padding: 48px 0 0 9px; }
.serv_txt .wysiwyg {  padding: 54px 0 0 40px; margin: 0 0 0 350px; }
.serv_txt .wysiwyg p { color: #313131; font: 13px/20px 'clear_r'; margin: 0; }

/* service one */
.serv_one { padding: 30px 0 34px; }
.serv_one .img { margin: 10px auto; max-width: 470px; }
.serv_one .img img {
  max-width: 100%;
}
.serv_one .c_list { float: left; width: 100%; margin-left: 30px; }
.serv_one p.hd { font: 24px 'Boblic'; color: #000; padding: 0; margin: -3px 0 20px }
.serv_one .c_list ol { margin: 0 0 0 28px; padding: 3px 0 0; }
.serv_one .c_list ol li { font: 18px/22px 'clear_r'; color: #838383; list-style-position: outside; margin: 0 0 8px; }
.serv_one .c_list a { font: 18px 'clear_r'; color: #838383; }
.serv_one p.hd2 { font: 21px/22px 'clear_b'; position: relative; padding: 4px 0 0 68px; float: left; width: 232px; }
.serv_one p.hd2 span { font: 13px 'clear_i'; color: #464647; }
.serv_one p.hd2 span.success { display: block; color: #ffcc00; font: 18px/18px 'clear_b'; padding: 35px 5px 0 0; }
.serv_one p.hd2 i { background: #464646 url(../img/icon_pen2.png) no-repeat center; background-size: 25px 15px; width: 40px; height: 40px; position: absolute; left: 0; top: -2px; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.serv_one p.hd3 { font: 35px/50px 'Boblic'; position: relative; padding: 0 0 0 68px; float: left; width: 301px; }
.serv_one p.hd3 i { background-color: #464646 !important; width: 40px; height: 40px; position: absolute; left: 0; top: 3px; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.serv_one p.hd3 i.icon_cup2 { background: url(../img/icon_cup2.png) no-repeat 8px; }
.serv_one p.hd3 i.icon_rev { background: url(../img/icon_rev.png) no-repeat center; }
.serv_one .sep { background: url(../img/sep6.png) repeat-x; height: 1px; margin: 22px 0 28px; }
.serv_one .form { background: #464647; padding: 21px 30px 32px; margin: 2px 0 0 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.serv_one .inp { float: left; width: 390px; margin: 0 0 11px 30px; }
.serv_one .inp.first { margin: 0; }
.serv_one .form p, .calculator_block .form p { font: 14px 'clear_r'; color: #fff; padding: 0; margin: 0 0 3px 2px }
.serv_one .form p span, .calculator_block .form p span { font: 14px 'clear_b'; color: #ffcc00; position: relative !important;}
.serv_one .form input.txt, .calculator_block .form input[type="text"]{ background: #fff; border: 1px solid #fff; width: 100%; font: 14px 'clear_i'; padding: 4px 10px 5px; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
.serv_one .form textarea { background: #fff; border: 1px solid #fff; width: 100%; font: 14px 'clear_i'; padding: 5px 10px; height: 70px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; }
.serv_one .form input.btn_send { background: #ffcc00; border: 0; padding: 4px 11px 4px; margin: 17px 0 0; font: 13px 'clear_b'; color: #2f2f2f; vertical-align: top; display: block; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.serv_one .form input.btn_send:hover { background: #b4b3b3; color: #000;  }
.serv_one .form input.txt.error, .serv_one .form textarea.error { background: #ffcc00; border-color: #ffcc00; }
form.orange_form {
    background: #FFCC00;
    width: 100%;
    padding: 34px 30px 25px;
    border-radius: 7px;
    position: relative;
    box-sizing: border-box;
    color: #242424;
    font: 14px 'clear_r'; 
    margin-bottom: 40px;
    height: auto;
    line-height: 20px;

}
form.orange_form:before{
  display: block;
  content: "";
  position: absolute;
  right: 15px;
    top: 11px;
    width: 52px;
    height: 50px;
  background: url(../img/check.png) no-repeat center;
}
.gr_txt{
  border-radius: 7px;
  font-size: 21px;
  line-height: 30px;
  background: #f0f0f0;
  margin-bottom: 30px;
  padding: 30px;
  color: #000;
}
.gr_txt b{
  font-weight: 600;
  text-transform: uppercase;
}
form.orange_form legend {
  font: 25px 'Boblic';
    padding-bottom: 22px;
    text-transform: uppercase;
    background-position: bottom;
    width: 100%;
    border-bottom: 1px dashed #ffe066;
    padding-right: 50px;
    box-sizing: border-box;
}
form.orange_form fieldset{
  padding: 15px 0 25px;
  border-bottom: 1px dashed #ffe066;
  margin-bottom: 22px;
}

form.orange_form label {
    width: 49%;
    display: inline-block;
}
form.orange_form label span{
  font: 14px 'clear_b';
}
form.orange_form label .required{
    font: 14px 'clear_r';
    position: absolute;
    color: #B50000;
    font-weight: 400;
}

form.orange_form label input {
    display: block;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    margin-top: 4px;
    padding-left: 10px;
}
form.orange_form label input.error{
  border: 1px solid #B50000;
}
form.orange_form label:first-of-type{
  margin-right: 10px;
}
form.orange_form .success{
  font-size: 15px;
    font-weight: 600;
    display: block;
    color: #550303;
    margin-bottom: 10px;
}

form.orange_form i {
    background: url(../img/lock.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    width: 23px;
    margin-right: 12px;
}
form.orange_form button{
  float: right;
   font: 16px 'Boblic';
   width: 117px;
   height: 30px;
   color: #f4f4f4;
   line-height: 30px;
  padding-left: 14px;
  padding-right: 10px;
  background: #242424;
  display: inline-block;
  margin-top: -5px;
  border: none;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: left;
  border-radius: 4px
}
form.orange_form button:after{
   display: inline-block;
  content: "";
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    float: right;
  background: url(../img/plane.png) no-repeat center;
}

.contacts .form_wrap {
  margin: 0 -15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contacts .form_wrap .inp, .form_wrap .inp, .serv_one .inp {
  width: 50%;
  margin: 0 0 11px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contacts .form .form_wrap .inp p, .form .form_wrap .inp p {
  margin: 0 0 3px 2px;
}
.contacts .form .form_wrap p, .form .form_wrap p {
  margin: 0 15px 2px;
}
.contacts .form .form_wrap textarea, .form .form_wrap textarea {
  margin: 0 15px;
  width: calc(100% - 30px);
}

.wins { background: #f0f0f0; margin: 32px 0 0; }

.wins .w_wrap { max-width:1170px; margin: 0 auto; padding: 35px 0 41px; }
.w_list { background: url(../img/w_sep.png) repeat-y; margin: 14px 0 0 370px; }
.w_list .col { float: left; width: 50%; padding: 0 0 0 30px; box-sizing: border-box; }
.w_one { position: relative; padding: 0 15px 12px 45px; }
.w_one span { font-size: 15px; color: #000; position: absolute; left: 0; top: 0; }
.w_one a { font-size: 15px; color: #464647 }
.w_one a:hover { text-decoration: underline; color: #464647 }
.r_left { float: left; width: 339px; margin: 35px 30px 0 0; }
.r_left p.hd3 { float: none; width: auto; margin: 0 0 25px; }
.rev_name { padding: 0 0 0 68px; }
.rev_name p { margin: 0 0 19px; }
.rev_name a { font: 18px 'Boblic'; color: #737373; }
.rev_name a.current { color: #000; cursor: default; }
.rev_name a:hover { color: #000; }
.r_left .pag { font-size: 0; margin: 0 0 0 70px; padding: 22px 0 0; }
.r_left .pag div { background: #58595b; width: 21px; height: 21px; margin: 0 2px 0 0; cursor: pointer; font: 10px/21px 'clear_r'; text-align: center; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.r_left .pag div a { color: #fff; }
.r_left .pag div.current { background: #ffcc00; cursor: default; }
.r_left .pag div.current a { color: #000; }
.r_left .pag div:hover { background: #b4b3b3; }
.cnt { background: url(../img/w_sep.png) repeat-y -400px 0; margin: 47px 0 0 370px; padding: 0px 0 33px 31px;}
.cnt p.name { font: 34px 'Boblic'; color: #737373; margin: -5px 0 20px; }
.cnt p { font: 15px 'clear_r'; color: #000; }
.cnt .view { margin: 12px 0 18px; }
.cnt .view a { font: 15px 'clear_r'; color: #545454;  text-decoration: underline;} 
.cnt .view a:hover { text-decoration: none; }
.content_block:after{
  display: block; 
  content: '';
  clear: both;
}

/* cases list */
.cases_list { padding: 30px 0 34px; }
.cases_list .img {width: 100%; }
.cases_list .img img { max-width: 100% }
.cases_list .c_list {}
.cases_list p.hd { font: 28px 'Boblic'; margin-bottom: 40px; color: #000; padding: 25px 0; background: url(../img/sep6.png) repeat-x left bottom}
.cases_list p { position: relative; font-size: 15px; padding:0 0px 23px 49px; margin: 0 0 6px; color: #787879; }
.cases_list p span:not(.content_block):not(.buttons_wrap) { position: absolute; left: 0; top: 0px; }
.cases_list p span.content_block{display: block;}
.cases_list p a { color: #2f2f2f; font: 18px 'Boblic'; text-decoration: underline;}
.cases_list p a:hover:not(.btn_town) { text-decoration: none; color: #787879; }
.cases_list p a.btn_town:hover{background: #747577;}
.cases_list .pagination{background: nine !important;}
/* case one */
.case_one { width: 2000px; margin-left: -470px; margin-bottom: 30px; padding: 50px; background: #f4f4f4; position: relative; left: 0; right: 0;}
.case_one .wysiwyg{font: 15px 'clear_r'; color: #000; margin: 25px 0 44px;}
.case_one .wysiwyg p{padding-bottom: 10px; font-size: 15px; color: #2f2f2f;  line-height: 30px;}
.case_one a.fancybox {width: 200px;display: inline-block; box-sizing: border-box; border: 2px solid #a1a1a1; margin-right: 30px; margin-top: 20px;}
.case_one a.fancybox img {width: 100%;}
.case_one .close {background: url(../img/close_case.png) no-repeat; width: 50px; height: 44px; top: -53px; right: -5px;}
.case_one .content_block{position: relative; padding-left: 54px; box-sizing: border-box;}
.case_one .hd { font: 35px 'Boblic'; color: #464647; margin: 0 0 21px; }
.case_one .brief { padding: 0 0 1px; }*/
.case_one .brief p { font: 17px/25px 'clear_i'; margin: 0 0 40px; }
.case_one p.hd2 { font: 22px 'Boblic'; text-align: left; padding: 0px; color: #000;}
/*.case_one p.hd2 i { background: #464646 url(../img/icon_pen2.png) no-repeat center; background-size: 25px 15px; width: 40px; height: 40px; position: absolute; left: 0; top: -2px; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
*/
/* pagination */
.pagination { background: url(../img/sep6.png) repeat-x; padding: 35px 0 36px  }
.pagination table { max-width: 1170px; margin: 0 auto; }
.pagination td { padding: 0; }
.pagination .col1 { width: 50px; text-align: left; padding-left: 70px }
.pagination .col3 { width: 50px; text-align: left; }
.pagination .col2 { text-align: center; }
.pagination .col2 span { background: #58595b; width: 21px; height: 21px; margin: 0 1px; display: inline-block; vertical-align: top; color: #fff; font: 10px/21px 'clear_r'; color: #2f2f2f; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pagination .col2 span a { display: block; width:100%; height: 100%; font: 10px/21px 'clear_r'; color: #fff; }
.pagination .col2 span:hover { background: #b4b3b3; }
.pagination .col2 span:hover a { color: #000; }
.pagination .col2 span.current, .pagination .col2 span.current:hover { background: #ffcc00; }
.pagination .col2 span.btn_back { background: #ffcc00; width: auto; padding: 0 12px; }
.pagination .col2 span.btn_back a { color: #2f2f2f; font-size: 13px; }
.pagination .col2 span.btn_back:hover { background: #b4b3b3; } 
.pagination a.btn_first { background: url(../img/btn_first.png) no-repeat; width: 21px; height: 21px; display: block; float: left; margin-right: 2px }
.pagination a.btn_prev { background: url(../img/btn_prev.png) no-repeat; width: 21px; height: 21px; display: block; float: left; }
.pagination a.btn_next { background: url(../img/btn_next.png) no-repeat; width: 21px; height: 21px; display: block; float: right; }
.pagination a.btn_last { background: url(../img/btn_last.png) no-repeat; width: 21px; height: 21px; display: block; float: right; margin-left: 2px }
.pagination td.col1 a:hover, .pagination td.col3 a:hover { background-position: 0 -21px; }

/* wysiwyg */
.text_page { margin: 32px 0 0 70px; padding: 0 0 32px; }
.wysiwyg { padding: 0 0 1px; }
.wysiwyg p { font-size: 14px; line-height: 24px; margin: 0 0 24px;}
.wysiwyg a { font-size: 100%; color: #ff8200;text-decoration: underline; }
body.main .wysiwyg a{color:#000;}
.wysiwyg a:hover{text-decoration:none;}
.wysiwyg ul { margin: 0 0 0 10px; padding: 0; }
.wysiwyg ul li { background: url(../img/marker.png) no-repeat 0 7px; padding: 0 0 0 20px; font-size: 14px; color: #000; margin: 0 0 13px; }
.wysiwyg ul li p { margin: 0; font-size: 100%; }
.wysiwyg ul ul { margin: 11px 0 0 2px }
.wysiwyg ol { margin: 0 0 0 22px; list-style-position: outside; }
.wysiwyg ol li { font-size: 14px; margin: 0 0 13px; padding: 0 0 0 9px; }
.wysiwyg ul p, .wysiwyg ol p { margin: 0; font-size: 100%; }
.wysiwyg h1 { font: 35px 'Boblic'; color: #464647; margin: 0 0 17px; }
.wysiwyg h2 { font: 24px 'Boblic'; color: #000000; margin: 0 0 15px; }
.wysiwyg h3 { font: 17px 'clear_b'; color: #464647; margin: 0 0 14px; }
.wysiwyg h4 { font: 21px/25px 'clear_b'; color: #464647; margin: 0 0 18px; }
.wysiwyg h5 {font-size:14px; margin:0 0 20px 0; font-weight:normal; padding:0;}
.wysiwyg h6 {font-size:12px; margin:0 0 20px 0; font-weight:bold; }
.wysiwyg table { width: 100%; }
.wysiwyg tr:first-child td { background: #dadada; font-weight: bold; }
.wysiwyg td { background: #eee; border-top: 1px solid #fff; padding: 8px 17px 9px; color: #000; font-size: 13px; line-height: 18px; }
.wysiwyg td p { margin: 0; font-size: 100%; }
.wysiwyg img { border: 15px solid #f0f0f0; max-width: 100%; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* =============================================================================
   Footer
   ========================================================================== */
footer { background: #242424; position: absolute; bottom: 0; left: 0; right: 0; height: 280px; z-index: 4; -webkit-box-shadow: inset 3px 4px 10px rgba(0,0,0,.27); -moz-box-shadow: inset 3px 4px 10px rgba(0,0,0,.27); box-shadow: inset 3px 4px 10px rgba(0,0,0,.27); }
.footer_wrap { max-width: 1170px; margin: 0 auto; padding: 29px 0 0; }
footer hr { background: #3a3a3a; border: 0; height: 1px; }
.f_top {  }
/* copyright */
.copyright { background: url(../img/logo.png) no-repeat; background-size: 175px 28px; float: left; width: 200px; padding: 41px 0 0; font: 14px 'clear_b'; color: #ffcc00;  }

/* footer links */
.f_links { float: right; min-height: 154px }
.fbl{ float: left; width: 170px; margin: 0 0 0 30px; }
.fbl p.hd { font: 14px 'clear_b'; color: #ffcc00; margin: -3px 0 8px 0; }
.fbl div { padding: 0 0 1px }
.fbl a { font: 12px 'clear_r'; color: #bcbdc0; }
.fbl a:hover { color: #fff; }
.fbl p { font: 12px 'clear_r'; color: #bcbdc0; }
.fbl p.ph { font-size: 14px; margin: 0; }

.f_soc { float: left; padding: 15px 0 0 0;}
.f_soc a{
    font: 13px 'clear_r';
    color: #bcbdc0;
    display: block;
    line-height: 30px;
        margin-bottom: 6px;
    vertical-align: middle;
}
    
.social-likes,.social-likes__widget{display:inline-block;padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}
.social-likes{opacity:0}
.social-likes_visible{opacity:1;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in}
.social-likes>*{display:inline-block;visibility:hidden}
.social-likes_vertical>*{display:block}
.social-likes_visible>*{visibility:inherit}
.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}
.social-likes__widget:before,.social-likes__widget:after{display:none!important}
.social-likes_vertical .social-likes__widget{display:block;float:left;clear:left}
.social-likes__button,.social-likes__icon,.social-likes__counter{text-decoration:none;text-rendering:optimizeLegibility}
.social-likes__button,.social-likes__counter{display:inline-block;margin:0;outline:0}
.social-likes__button{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.social-likes__button:before{content:"";display:inline-block}
.social-likes__icon{position:absolute}
.social-likes__counter{display:none;position:relative}
.social-likes_ready .social-likes__counter,.social-likes__counter_single{display:inline-block}
.social-likes_ready .social-likes__counter_empty{display:none}
.social-likes_vertical .social-likes__widget{display:block}
.social-likes_notext .social-likes__button{padding-left:0}
.social-likes_single-w{position:relative;display:inline-block}
.social-likes_single{position:absolute;text-align:left;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:visibility 0 .11s,opacity .1s ease-in;transition:visibility 0s .11s,opacity .1s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.social-likes_single.social-likes_opened{visibility:visible;opacity:1;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}
.social-likes__button_single{position:relative}
.social-likes{min-height:36px;margin:-.5em;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.social-likes,.social-likes_single-w{line-height:1.5}
.social-likes,.social-likes__widget_single{font-size:14px}
.social-likes__widget{margin:0 3px 0 0;line-height:1.5;border:0;text-align:left;cursor:pointer}
.social-likes__button,.social-likes__counter{box-sizing:border-box;font-family:"Helvetica Neue",Arial,sans-serif;vertical-align:baseline;color:#fff}
.social-likes__button{padding:4px 15px;}
.social-likes__icon{top:0;left:.21em;font-family:"social-likes";font-weight:400;font-style:normal;speak:none;text-transform:none;font-size:1.15em;vertical-align:baseline}
.social-likes__counter{padding-right:.5em;font-weight:400;font-size:.85em}
.social-likes_vertical .social-likes__widget{min-width:13em}
.social-likes_vertical .social-likes__counter{position:absolute;top:0;right:0;margin-top:.3em}
.social-likes_light .social-likes__widget{min-width:0;background:0 0}
.social-likes_light .social-likes__button,.social-likes_single-light+.social-likes__button{min-width:0;padding-left:1.35em;font-weight:400;text-decoration:underline;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
.social-likes_light .social-likes__icon{margin-top:-.1em;margin-left:-.25em}
.social-likes_light .social-likes__counter,.social-likes_single-light+.social-likes__button+.social-likes__counter{position:static;margin-top:0;color:#999}
.social-likes_notext .social-likes__button{width:1.85em}
.social-likes_notext .social-likes__icon{margin-left:.1em}
.social-likes_notext.social-likes_light,.social-likes_notext.social-likes_light .social-likes__widget,.social-likes_notext.social-likes_light .social-likes__icon{margin:0;left:0}
.social-likes_notext.social-likes_light .social-likes__button{width:1.4em;padding-left:0}
.social-likes_single{margin-top:-1.2em;padding:.5em;background:#fff;border:1px solid #ddd}
.social-likes__widget_single{height:1.7em;margin:0;padding:.1em 0;line-height:1.5;background:#007aff}
.social-likes_single-light+.social-likes__widget_single{color:#007aff}
.social-likes__icon_single{left:.4em;font-size:1.1em}
.social-likes__widget_facebook{background:#58595b;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.social-likes_light .social-likes__button_facebook{color:#3d5b95}
.social-likes__icon_facebook{ background: url(../img/fb.png) no-repeat; display: inline-block; width: 8px; height: 15px; margin: 7px 0 0 9px }
.social-likes_notext .social-likes__icon_facebook{margin-left:.15em}
.social-likes__widget_twitter{background:#58595b;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.social-likes_light .social-likes__button_twitter{color:#24aadd}
.social-likes__icon_twitter{background: url(../img/tw.png) no-repeat; display: inline-block; width: 15px; height: 13px;margin: 8px 0 0 5px}
.social-likes_light .social-likes__icon_twitter{left:.1em}
.social-likes__widget_plusone{background:#58595b;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.social-likes_light .social-likes__button_plusone{color:#d23e30}
.social-likes_notext .social-likes__icon_plusone{margin-left:0}
.social-likes__icon_plusone{background: url(../img/yt.png) no-repeat; display: inline-block; width: 16px; height: 11px;margin:9px 0 0 4px;}
.social-likes_light .social-likes__icon_plusone{margin-top:0}
.social-likes__widget_mailru{background:#58595b;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.social-likes_light .social-likes__button_mailru{color:#00468c}
.social-likes__icon_mailru{left:.25em}
.social-likes_light .social-likes__icon_mailru{left:.1em}
.social-likes_notext .social-likes__icon_mailru{margin-left:.075em}
.social-likes__widget_vkontakte{background:#58595b;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.social-likes_light .social-likes__button_vkontakte{color:#58595b}
.social-likes__icon_vkontakte{ background: url(../img/vk.png) no-repeat; display: inline-block; width: 18px; height: 10px; margin: 10px 0 0 2px;}
.social-likes__widget_odnoklassniki{background:#f59310}
.social-likes_light .social-likes__button_odnoklassniki{color:#f59310}
.social-likes__icon_odnoklassniki{left:.4em}
.social-likes_light .social-likes__icon_odnoklassniki{left:.25em}
.social-likes_notext.social-likes_light .social-likes__button_odnoklassniki{width:1em}
.social-likes__widget_pinterest{background:#cb132d}
.social-likes_light .social-likes__button_pinterest{color:#cb132d}
.social-likes_light .social-likes__icon_pinterest{left:.1em}
.f_soc a:after { vertical-align: middle; content:''; float: right; display: inline-block; width: 30px; height: 30px; margin-left: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.f_soc a.yt:after {background: #58595b url(../img/yt.png) no-repeat center; }
.f_soc a.fb:after {background: #58595b url(../img/fb.png) no-repeat center;}
.f_soc a.vk:after {background: #58595b url(../img/vk.png) no-repeat center;}
.f_soc a.tw:after{ background: #58595b url(../img/tw.png) no-repeat center;}
/* siluet */
.siluet { float: right; padding: 0 35px 0 0; position: relative; top: -5px; }
.siluet p { font-size: 10px; margin: 0 0 7px; color:#b9b1a9; background: url(../img/siluet.png) no-repeat; background-size: 16px 17px; padding: 4px 0 0 28px; line-height: 120%; }
.siluet p a { color:#bcbdc0; text-decoration: none; font-size: 100%; }
.siluet p a:visited { color:#bcbdc0; }

/* =============================================================================
   Other
   ========================================================================== */

.reviews__title{
  margin: 17px 0 7px;
  color: #464647;
  font-size: 21px;
  font-family: 'clear_b';
  padding-left: 70px;
  position: relative;
}
.reviews__title:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/icon_write.png) center no-repeat, #464647;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.reviews__subtitle{
  margin: 0;
  color: #464647;
  font-size: 13px;
  font-family: 'clear_bi';
  padding-left: 70px;
}
.review{
  position: relative;
  margin-top: 45px;
  padding-left: 70px;
  margin-bottom: 45px;
}
.review:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/icon_comment.png) center no-repeat, #464647;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.review__name{
  font-family: 'Boblic';
  font-size: 34px;
  color: #737373;
  line-height: 1.2em;
}
.review__date{
  font-family: 'Boblic';
  font-size: 15px;
  color: #737373;
  line-height: 1.25em;
  margin-bottom: 15px;
}
.review__text{
  font-family: 'clear_r';
}
/* chrome fix */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{

}

.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.full { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.strike, del { text-decoration: line-through; }


h1 {font-size:30px; margin:10px 0 10px 4px; font-weight:normal; }
h2 {font-size:26px; margin:10px 0 10px 4px; font-weight:normal; }
h3 {font-size:18px; margin:10px 0 10px 4px; font-weight:bold; }
h4 {font-size:15px; margin:10px 0 10px 4px; font-weight:normal; }
h5 {font-size:12px; margin:10px 0 15px 4px; font-weight:normal; padding:0;}
h6 {font-size:12px; margin:10px 0 10px 4px; font-weight:bold; }

a { text-decoration: none; color:#b9b1a9;}
a:hover { text-decoration:none; color:#ff8200 }
a:active { color: #b9b1a9 }
p { font-size:75%; margin:0; line-height:125%;}

li p { margin:0;}

.xx-small {font-size:45% !important;}
.x-small {font-size:65% !important;}
.small {font-size:70% !important;}
.medium {font-size:80% !important;}
.large {font-size:90% !important;}
.x-large {font-size:120% !important;}
.xx-large {font-size:140% !important;}

ul,ol { margin:0 0 10px 4px; padding:0; list-style-position:inside;  zoom: 1 }

ul li, ol li { color:#4c4c4c; zoom: 1}

table td  table td { font-size:12px;}

img.left, img.float-left { float: left; margin: 5px 31px 20px 0; }
img.right, img.float-right { float: right; margin: 5px 0 20px 31px; }

:focus { outline:none;}
textarea { resize:none;}

ul { list-style:none; margin:0; padding:0;}
ul li ul { margin:5px 0 5px 0;}


::selection {
background: #93b8ea; /* Safari */
}
::-moz-selection {
background: #93b8ea; /* Firefox */
}
.col{
      padding-right: 14px;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.calculator_block{
      padding-bottom: 66px;
    background: url(../img/sep6.png) repeat-x left bottom;
    margin-bottom: -35px;
}
.calculator_block *{
  box-sizing: border-box;
}

.calculator_block .hh{
  margin-bottom: 15px;
  color: #585858;
  font: 21px 'Boblic';
  position: relative;
  padding: 0;
  }
  .calculator_block .hh .btn_town{
    float: right;
    margin-top: -2px;
    background: #eaeaea;
    padding: 0 10px;
    margin: -1px 5px 0px 0px;
    height: 30px;
    font: 13px/30px 'clear_b';
    color: #2f2f2f;
   text-decoration: underline;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
.calculator_block .hh .btn_town:hover{
  text-decoration: none;
}
  .calculator_block .form p{
    margin-bottom: 4px;
  }
   .calculator_block .form p span{
      margin-left: 5px;
    }
  .calculator_block .form-row:first-of-type{
        margin-bottom: 19px;
  }
  .calculator_block .explan{
    margin-top: 43px;
    margin-left: 116px;
  }
  .calculator_block .explan a{
    font: 17px 'clear_b';
    text-decoration: underline;
    color: #787879;
  }
  .calculator_block .explan a.open:after{
    background: url(../img/close_qw.png);
    display: inline-block;
    width: 27px;
    height: 27px;
    content: "";
    vertical-align: middle;
       margin-left: 11px;
    margin-top: -5px;
  }
  .explan_qw{
    font: 12px/20px 'clear_r';
    margin-top: 13px;
  }
  
  i.qw{
    display: inline-block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(../img/icon_qw.png) 0 0 no-repeat;
    vertical-align: text-bottom;
    margin-left: 8px;
    margin-bottom: 1px;
  }
  .about_qw{
    right: 10px;
    top: 10px;
    position: absolute;
    background: #eaeaea;
    width: 408px;
    box-sizing: border-box;
    padding: 20px;
    font-size: 11px;
    line-height: 20px;
    font-family: 'clear_r';
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.28);
  }
  .about_qw:before{
    content: "";
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    border: 6px solid transparent;
    border-right: 11px solid #eaeaea;
    left: -17px;
    top: 15px;
  }
  .calculator_block .output{
    background: #ffcc00;
    height: 28px;
    line-height: 28px;
    width: 100%;
    font: 14px 'clear_i';
    padding: 5px 10px;
    vertical-align: top;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .ya-share2{
    margin-left: 15px;
    display: inline-block;
    vertical-align: 5px;
  }
  .ya-share2 ul{
    list-style-type: none;
    margin: 0 !important;
  }
  .wysiwyg  .ya-share2 ul li{
    background: none;
    padding-left: 0;

  }
  .wysiwyg .ph{
font: 18px 'clear_b';
    color: #000;
    display: inline-block;
    padding: 0;
  }
  iframe {
    max-width: 100%;
  }
  .embed-responsive {
      position: relative;
      display: block;
      height: 0;
      padding: 0;
      overflow: hidden;
  }
  .embed-responsive.embed-responsive-16by9 {
      padding-bottom: 56.25%;
  }
  .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#vk_widget, #vk_groups {
    width: 100%;
}
      
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1170px) {
  /* header */
  .logo {
    left: 20px;
  }
  .t_phone {
    right: 20px;
  }
  header .menu li a {
    padding: 9px 10px 10px;
    font-size: 15px;
  }

  /* footer */
  .footer_wrap {
    padding: 29px 20px 0;
  }
  .head_wrap {
    margin: 0 30px; 
  }
  .content_block {
    margin: 0 30px;
  }
  .case_one {
    max-width: 2000px;
    margin: 0 -30px 30px;
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
  }
  .doc_list .wrap {
    margin: 0 20px;
  }
  .doc_list a {
    margin: 0;
    padding: 0 15px;
    width: 16.66666667%;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  }
  .doc_list a img {
    max-width: 100%;
  }
  .w_list {
    background: none;
    position: relative;
  }
  .w_list:before, .w_list:after {
    border-left: 1px dashed #000;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .w_list:before {
    left: 0;
  }
  .w_list:after {
    left: 50%;
  }
  .serv_one p.hd3 {
    margin-left: 20px;
    width: 280px;
  }
  .cnt {
    margin-left: 340px;
  }
}
@media only screen and (max-width: 1095px) {
  header .menu li a{
    padding: 9px 9px 10px;
    font-size: 14px;
  }
  header .menu .t_links a{
    font-size: 13px;
  }
}
@media only screen and (max-width: 1040px) {
  .calculator_block .col {
    width: 40%
  }
  .calculator_block .col:first-child {
    width: 60%
  }
}
@media only screen and (max-width: 1075px) {
  .tab {
    float: none;
    margin-left: 250px;
    margin-right: 0;
    width: auto;
  }
  .serv_sl {
    width: auto;
    float: none;
  }
  .serv_sl a {
    width: auto;
  }
}
@media only screen and (max-width: 1050px) {
  .fbl {
    margin-left: 15px;
    width: 160px;
  }
}
@media only screen and (max-width: 1035px) {
  header  .menu .t_links a {
    font-size: 12px;
    padding: 0 8px 0 36px;
  } 
}
@media only screen and (max-width: 975px) {
  header  .menu, .t_phone {
    display: none;
  }
  .mob_menu .t_phone, .mob_menu .menu {
    display: block;
  }
  header {
    height: 89px;
    
  }
  .main header{
     background: #2f2f2f url(../img/dark_wall.png);
  }
  .container_wrap, .main .container_wrap{
        margin-top: 100px;
  }
  .logo {
    left: 30px;
    top: 25px;
  }
  .slogan {
    position: absolute;
    
    top: 24px;
    left: 310px;
  }
  .mob_menu .t_phone {
    background: none;
    position: relative;
    right: auto;
    top: 0;
    font: 16px 'clear_b';
    color: #2f2f2f;
    padding: 30px 0 0;
  }
  .mob_menu .t_phone:after {
    background: #2f2f2f url(../img/t_phone.png) no-repeat center;
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
  }

  /* btn mob menu */
  .mob_menu {
    display: block;
  }
  .mob_menu--wrap {
    background: #ffcc00;
    position: fixed;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .mob_menu--wrapper {
    width: 220px;
    padding: 0 0 0 20px;
  }
  /* mob menu phone */
  .mob_menu--phone {
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
  }
  /* mob menu links */
  .mob_menu--content {
    border-top: 1px solid #fff0b3;
    position: absolute;
    top: 80px;
    right: 0;
    left: 20px;
    bottom: 100px;
    width: 220px;
    overflow: auto;
  }
  .mob_menu--content ul {
    margin: 0;
    padding: 0;
    position: relative;
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .mob_menu--content li {
    border-top: 1px solid #ffe270;
    margin: 0;
    padding: 0;
  }
  .mob_menu--content li:first-child {
    border: 0;
  }
  .mob_menu--content li a {
    display: block;
    padding: 10px 0;
    font: 14px 'clear_r';
    color: #2f2f2f;
    text-decoration: none;
    position: relative;
  }
  .mob_menu--content li a.sublink i {
    background: url(../img/arr@2x.png) no-repeat center center;
    background-size: 6px 10px;
    content: '';
    display: block;
    height: 39px;
    width: 39px;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid rgba(255,255,255,0.2);
  }
  .mob_menu--content li a.back {
    padding-left: 16px;
  }
  .mob_menu--content li a.back:after {
    background: url(../img/arr@2x.png) no-repeat;
    background-size: 6px 10px;
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 15px;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    
  }
  .mob_menu--content .sub {
    position: absolute;
    display: none;
    left: 100%;
    top: 0;
    width: 220px;
  }
  .mob_menu--content .sub .sub > ul > li:first-child{
	 display:none; 
  }
  .mob_menu--content .sub.vis {
    display: block;
  }

  /* mob menu footer */
  .mob_menu--links {
    position: absolute;
    left: 20px;
    bottom: 25px;
  }

  .mob_menu--links .t_links a {
    background: #2f2f2f;
    color: #fff;
    font: 11px/30px 'clear_r';
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 0 40px;
    height: 30px;
    position: relative;
    margin: 5px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .mob_menu--links .t_links i.t2 {
    background: url(../img/icon_pen--orange.png) no-repeat;
    background-size: 25px 15px;
    width: 25px;
    height: 15px;
    position: absolute;
    left: 12px;
    top: 8px;
    display: block;
  }
  .mob_menu--links .t_links i.t1 {
    background: url(../img/icon_info--orange.png) no-repeat;
    background-size: 9px 17px;
    width: 9px;
    height: 17px;
    position: absolute;
    left: 18px;
    top: 6px;
    display: block;
  }
  .menu_open {
    overflow: hidden;
    height: 100% !important;
  }
  .menu_open .lt-label-menu {
    display: none !important;
  }
  .menu_open .mob_menu--wrap {
    width: 240px;
  }
  .menu_open .hamburger {
       -moz-transform: translate(-260px, 0);
         -o-transform: translate(-260px, 0);
        -ms-transform: translate(-260px, 0);
    -webkit-transform: translate(-260px, 0);
            transform: translate(-260px, 0);
  }
  .menu_open .hamburger:before {
    background: #ffcc00;
  }
  .menu_open .hamburger-inner, .menu_open .hamburger-inner::before, .menu_open .hamburger-inner::after {
    background: #303030;
  }
  .menu_open .mob_menu {
    background: rgba(0,0,0,.7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }

  .hamburger {
    padding: 12px 11px 10px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 21px;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: #ffcc00;
    border: 0;
    margin: 0;
    overflow: visible;
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 50px;
  }
  .hamburger:before {
    background-color: transparent;
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -20px;
    z-index: 0;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: .3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .hamburger-box {
    width: 20px;
    height: 15px;
    display: inline-block;
    position: relative; }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
      width: 20px;
      height: 3px;
      background-color: #232323;
      border-radius: 4px;
      position: absolute;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      transition-duration: 0.15s;
      transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after {
      content: "";
      display: block; }
    .hamburger-inner::before {
      top: -6px; }
    .hamburger-inner::after {
      bottom: -6px; }
  .hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0.15s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--collapse .hamburger-inner::after {
      top: -12px;
      transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
    .hamburger--collapse .hamburger-inner::before {
      transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
/*
  .hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
            transform: translate3d(0, -6px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--collapse.is-active .hamburger-inner::after {
      top: 0;
      opacity: 0;
      transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
    .hamburger--collapse.is-active .hamburger-inner::before {
      top: 0;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
      transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
  */
  .heading span, .heading h1 {
    font-size: 40px;
  }
  .case_one .content_block {
    padding: 0;
    margin: 0;
  }
  .serv_one p.hd3 {
    float: none;
    width: auto;
  }
  .w_list {
    margin: 14px 0 0;
  }
  .w_list:before {
    display: none;
  }
}
.wr{
  max-width: 1170px;
    margin: 0 auto;
}
.breadcrumbs {
    position: relative;
    margin: 17px 0 0px;
    padding: 8px 0 13px;
    background:  #f4f4f4 url(../img/sep6.png) repeat-x left top;
}
.breadcrumbs li {
    display: inline;
    font-size: 11px;
    color: #000;
}
.breadcrumbs a {
    font-size: 11px;
    color: #919191;
}
.breadcrumbs .sep{
  color: #919191;
  display: inline-block;
  padding-right: 8px;
    padding-left: 2px;
  background: none;
}
@media only screen and (max-width: 1200px) {
  .wr{
    padding: 0 30px;
  } 
}
@media only screen and (max-width: 1024px) {
  .heading .buttons_wrap{
    display: block;
    top: 0;
    margin: 30px 0 20px;
  }
  .heading a.btn_town, .cases_list a.btn_town{
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 950px) {
  .main .content .container, .content .container {
    padding-bottom: 0;
  }
  footer {
    position: relative;
    height: auto;
        z-index: 1;
  }
  .footer_wrap {
    padding: 0;
  }
  .copyright {
    background-position: 30px 29px;
    float: none;
    width: auto;
    padding: 70px 30px 0;
  }
  .f_soc {
    border-top: 1px solid #3a3a3a;
    float: none;
    margin: 20px -30px 0;
    padding: 24px 30px;
  }
  .f_soc a {
    line-height: normal;
    position: relative;
  }
  .f_soc a.vk:after {
    background-color: transparent;
    float: none;
    width: 18px;
    height: 10px; 
  }
  .f_soc a.yt:after {
    background-color: transparent;
    float: none;
    width: 16px;
    height: 11px;
  }
  .f_links {
    float: none;
  }
  .fbl {
    border-top: 1px solid #3a3a3a;
    float: none;
    width: auto;
    margin: 20px 0px 0;
    padding: 24px 30px 0;
  }
  .fbl p.hd {
    cursor: pointer;
    position: relative;
  }
  .fbl p.hd:after {
    background: url(../img/arr_b@2x.png) no-repeat;
    background-size: 10px 6px;
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 9px;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -ms-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
  }
  .fbl p.hd.open:after {
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .fbl_hide {
    display: none;
  }
  .siluet {
    float: none;
    top: auto;
    margin-left: 30px;
  }
  .text_page {
    margin-left: 0;
  }
  .pagination {
    margin: 0 20px;
  }
  .pagination table {
    width: 100%;
  }
  .pagination .col1 {
    padding-left: 0;
  }
  .doc_list li {
    background: none;
    margin: 0;
    padding: 0 ;
  }
  .doc_list a {
    width: 33.33333333%;
    margin: 40px 0 0;
  }
  .doc_list a:nth-child(3n)+a {
    clear: both;
  }
  .calculator_block .col {
    width: 30%
  }
  .calculator_block .col:first-child {
    width: 70%
  }
  .calculator_block .explan {
    margin-left: 50px;
  }
  .serv_one .c_list {
    margin: 0;
  }
}
@media only screen and (max-width: 810px) {
  .contacts p.hd2, .serv_one p.hd2 {
    float: none;
    width: auto;
    margin-bottom: 25px;
  }
  .contacts p.hd2 br, .serv_one p.hd2 br {
    display: none;
  }
  .contacts p.hd2 span, .serv_one p.hd2 span {
    margin-left: 5px;
  }
  .contacts .form, .calculator_block .form, .form, .serv_one .form {
    margin-left: 0;
  }
  .r_left {
    width: 100%;
    float: none;
    margin: 35px 0 0;
  }
  .cnt {
    background: none;
    border-top: 1px dashed #000;
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
  }
  .top_slider .txt {
    width: 50%;
  }
  .top_slider p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 750px) {
  .contacts .l_c {
    float: none;
    width: auto;
    padding: 0;
  }
  .contacts .l_c:after {
    content: '';
    display: block;
    clear: both;
  }
  .contacts .l_c .img {
    float: left;
    margin: 0 30px 0 0;
  }
  .contacts .l_c p {
    margin-left: 230px
  }
  .contacts .map {
    margin: 15px 0 10px;
  }
  .s_wrap {
    padding:  0 0 30px;
  }
  .serv_txt p.hd { 
    float: none;
    width: auto;
    font-size: 30px;
    padding: 30px 20px 0; 
  }
  .serv_txt .wysiwyg {
    margin: 0 20px;
    padding: 0;
  }
  .w_list:after {
    display: none;
  }
  .w_list {
    margin: 10px 20px 0 90px;
  }
  .w_list .col {
    width: 100%;
    padding: 0;  
  }
  .calculator_block .explan {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 700px) {
  header {
    height: 90px;
  }
  .calculator_block .hh .btn_town {
    float: none;
    top: 0;
    margin: 6px 0 0 0;
    display: block;
    text-align: center;
}
  .slogan {
    position: absolute;
    font-size: 10px;
    text-transform: uppercase;
    top: 70px;
    left: 30px;
  }
  .logo{
    background-size: 180px 30px;
  }
}
@media only screen and (max-width: 660px) {
  .top_slider {

  }
  .top_slider img {
    width: 100%;
  }
  .top_slider .txt {
    background: #ffcc00;
    position: static;
    width: auto;
    padding: 15px 30px;
  }
  .top_slider p {
    background: none;
    display: block;
    color: #141414;
    font-size: 23px;
    padding: 0;
  }
  .top_slider p span {
    color: #141414;
    font-size: 23px; 
  }
  .main_serv {
    background: none;
  }
  .tabs {
    margin-bottom: -30px;
  }
  .tab_links {
    float: none;
    padding: 15px 45px;
  }
  .tab_links p {
    text-align: center;
  }
  .tab_links a {
    display: block;
    text-align: center;
    padding-right: 15px !important;
  }
  .tab_links a i {
    display: none;
  }
  .tab {
    margin-left: 0;
  }
  .serv_sl {
    background: none;
    margin-right: 0;
  }
  .serv_sl:after {
    content: '';
    clear: both;
    display: block;
  }
  .serv_sl div {
    width: 33.333332%;
    float: left;
    margin-bottom: 30px;
  }
  .m_text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .m_text p.hd {
    float: none;
    width: auto;
  }
  .m_text .wysiwyg {
    padding-left: 0px;
    margin-left: 0;
  }
  .heading {
    text-align: center;
  }
  .heading span, .heading h1 {
    font-size: 25px !important;
    padding: 0 !important;
  }
  .heading i.icon_info{
    display: none;
  }
  .heading span i {
    position: static;
    margin: 0 auto 10px;
  }
  .heading .buttons_wrap, .cases_list .buttons_wrap {
    display: block;
    top: 0;
    margin: 10px 0 0;
  }
  .heading a.btn_town, .cases_list a.btn_town {
    margin: 10px 5px 0 0;
  }
  .heading a.btn_back {
    float: none;
  }
  .view_info .hd {
    text-align: center;
  }
  ul.list .img { 
      width: auto;
      float: none;
      margin: 0 auto; 
      text-align: center;
  }
  ul.list .txt {
    margin: 15px 0 0;
    text-align: center;
  }
  form.orange_form:after {
    content: '';
    display: block;
    clear: both;
  }
  form.orange_form legend {
    width: auto;
    display: block;
    padding-right: 50px;
  }
  form.orange_form label {
    width: 100%;
    margin-bottom: 10px;
  }
  form.orange_form label span {
    display: inline;
  }
  form.orange_form fieldset {
    padding-bottom: 15px;
  }
  form.orange_form span {
    display: block;
  }
  form.orange_form button {
    float: none;
    margin: 15px 0 0;
  }
  form.orange_form label .required {
    position: static;
  }
  .contacts .form_wrap .inp, .serv_one .inp,
  .contacts.contacts--wide .form_wrap .inp {
    width: 100%;
  }
  .contacts .form input.btn_send, .form input.btn_send, .serv_one .form input.btn_send {
    width: 70px;
    float: none;
    margin: 17px auto 0;
    display: block;
  }
  .contacts p.hd2, .serv_one p.hd2 {
    padding-left: 48px;
  }
  .contacts p.hd2 span, .serv_one p.hd2 span {
    display: block;
  }
  .contacts .l_c p {
    margin-left: 0;
  }
  .contacts .l_c .img {
    float: none;
    text-align: center;
    margin: 0 0 30px;
  }
  .case_one .wysiwyg p {
    padding-left: 0;
  }
  .doc_list a {
    width: 50%;
  }
  .doc_list a:nth-child(3n)+a {
    clear: none;
  }
  .doc_list a:nth-child(2n)+a {
    clear: both;
  }
  
  .s_list li {
    background: none;
    margin: 0;
    padding: 0; 
  }
  .s_list a {
    width: 100%;
    margin: 40px 0 0;
  }
  .rev_name {
    padding: 0;
  }
  .r_left .pag {
    margin: 0;
  }
  .w_list {
    margin-left: 20px;
  }
  .serv_one p.hd3 {
    margin-left: 0;
    font-size: 30px;
    line-height: 120%;
    padding: 8px 0 0 48px;
  }
  .serv_one p.hd2 {

  }
  .r_left p.hd3 {
    margin-left: 0;
  }
  .serv_one .wins p.hd3 {
    margin-left: 20px;
  }
  .calculator_block .hh .btn_town {
    float: none;
    top: 0;
    margin: 6px 0 0 0;
    display: block;
    text-align: center;
  }

  .calculator_block .col {
    width: 100%
  }
  .calculator_block .col:first-child {
    width: 100%
  }
  .calculator_block .explan {
    margin-left: 30px;
  }

  .calculator_block .col {
    width: 100%;
  }
  .calculator_block .explan {
    margin-left: 0;
    margin-top: 20px;
  }
  .reviews__title{
    background-position: center top;
    padding-top: 50px;
    padding-left: 0;
    text-align: center;
  }
  .reviews__subtitle{
    background-position: center top;
    padding-left: 0;
    text-align: center;
  }
  .reviews__title:before{
    left: 50%;
    margin-left: -20px;
  }
  .contacts.contacts--wide{
    margin: 0 -30px;
    padding-left: 0;
  }
  .contacts.contacts--wide .form{
    margin-left: 0;
    border-radius: 0;
  }
  .g-recaptcha{
    transform:scale(0.805);
    -webkit-transform:scale(0.805);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
  .review{
    padding-left: 0;
  }
  .review__name{
    font-size: 20px;
    padding-top: 50px;
  }
  .review__date{
    margin-top: 5px;
    font-size: 13px;
  }
  .review__text{
    font-size: 15px;
  }
}
@media only screen and (max-width: 530px){
  form.orange_form i{
    display: block;
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 450px) {
  .serv_sl div {
    width: 50%;
  }
  .logo {
    background-size: 180px 30px;
    width: 180px;
    height: 30px;
  }
  .top_slider .txt {
    padding: 10px 20px;
  }
  
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.accordion{
	color: #000;
    font-size: 13px;
    line-height: 18px;
	clear:both;
}
.accordion > div > div{
	display:none;
	background: #eee;
    border-top: 1px solid #fff;
    padding: 8px 17px 9px;}
	
.accordion > div > span{
	background: #dadada;
    font-weight: bold;
	border-top: 1px solid #fff;
	padding: 8px 17px 9px;
	padding-right:35px;
    display:block;
	position:relative;
	cursor:pointer;
}
.accordion > div > span:after{
	content:"";
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	transform:rotate(45deg);
	right:12px;
	top:11px;
	transition:.2s;
}
.accordion > div.active > span:after{
	transform:rotate(-135deg);
	top:15px;
}