a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border: 0;margin: 0;padding: 0;font-size: 100%;}
html,body{height: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
b,strong{font-weight: bold;}
img{color: transparent;font-size: 0;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;-ms-interpolation-mode: bicubic;}
ol,ul{list-style: none;}
li {display: list-item;}
table{border-collapse: collapse;border-spacing: 0;}
th,td,caption{font-weight: normal;vertical-align: top;text-align: left;}
q {quotes: none;}
q:before,q:after{content: '';content: none;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
.clr,.clear {display: block; clear: both;overflow: hidden;line-height: 0 !important;height: 0 !important;font-size: 0;margin: 0;padding: 0;}
.clearfix:before,.clearfix:after {content: ""; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
/*TEXT*/
body {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
}
p {line-height: 22px;}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}
/*Headings*/
h1 {font-size: 38px;line-height: 38px;letter-spacing: -1px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
/*Spacing*/
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure {margin-bottom: 10px;}
a {color: #86AE34;outline: none;}
input, button {outline: none !important;}
/*hr-shadow*/
.hr-shadow {position: relative;overflow: hidden;height: 25px;}
.hr-shadow:after {position: absolute;content: '';z-index: 12;height: 20px;top: -20px;left: 50%;width: 100%;margin-left: -50%;-webkit-border-radius: 200px / 10px;-moz-border-radius: 200px / 10px;border-radius: 200px / 10px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.28);}
* {outline: none;}

/* Fonts
---------------------------------------------*/
  /*Font Awesome*/
  /*@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }*/

  .ug-gallery-wrapper.ug-lightbox {display: none;}

/*------------------ ------------------*/
/*                PLANB                */
/*------------------ ------------------*/

.dj-offcanvas-pusher-in {padding-top: 80px;}
.main {max-width: 1020px;box-sizing: border-box;margin: 0 auto;padding: 0 10px;position: relative;}

/*SIDEBAR*/
.left-sidebar, .right-sidebar, .content {box-sizing:border-box;}
  /*left sidebar*/
  .with-l-sidebar .left-sidebar {width: 200px;padding-right: 10px;float: left;}
  .with-l-sidebar .content {width: 800px;padding-left: 10px;float: left;}
  /*right sidebar*/
  .with-r-sidebar .content {width: 800px;padding-right: 10px;float: left;}
  .with-r-sidebar .right-sidebar {width: 200px;padding-left: 10px;float: left;}
  /*both sidebars*/
  .with-both-sidebars .left-sidebar {width: 200px;padding-right: 10px;float: left;}
  .with-both-sidebars .content {width: 600px;padding-left: 10px;padding-right: 10px;float: left;}
  .with-both-sidebars .right-sidebar {width: 200px;padding-left: 10px;float: left;}

/*----- MODAL*/
  .fon_modal {display: none;position: fixed;top: 0;left: 0;z-index: 10001;width: 100%;height: 100%;background: rgba(0, 0, 0, .8); }
  .modalwrapper {display: none;position: fixed;z-index: 1000;top: 0;right: 0;width: 100%;height: 100%;overflow-y: scroll;}
  .modal {background: #fff;border-radius: 5px;padding: 20px;top: -500px;width: 350px;bottom: auto;left: 50%;transform: translateX(-50%);z-index: 10002;box-sizing: border-box;transition: top 1s cubic-bezier(0.38, 1.13, 0.74, 1.2);display: none;position: absolute;}
  .modal.poehali {top: 50px}
  .modal .close_modal {background: #86AE34;line-height: 35px;font-size: 20px;color: #fff;width: 35px;height: 35px;border-radius: 5px;right: 25px;top: 25px;position: absolute;z-index: 999999;text-align: center;cursor: pointer;}
  .modal h3 {color: #000;font-size: 30px;}
  .modal .comment {color: #000;text-align: center;}

  /*rsform thanks message*/
  .rsfp_thankyou_popup_outer
  .rsfp_thankyou_popup_inner {background:#fff;color: #000;border-radius: 5px;}
  .rsfp_thankyou_popup_inner h3 {font-size: 30px;color: #000;}
  .rsfp_thankyou_popup_inner
  .rsfp_thankou_popup_close_btn  {color: #ffffff;right: 25px;top: 25px;width: 35px;height: 35px;border-radius: 5px;line-height: 35px;z-index: 999999;background: #86AE34;text-align: center;cursor: pointer;position: absolute;}


/*----------------------------ФОРМА----------------------------*/
  .formField {overflow: visible !important;}
  
  /*text & textarea*/
  input[type="text"], select {background: #fff;border: 1px solid #d4d4d4;border-radius: 5px;font-size: 20px;line-height: 45px;margin-bottom: 10px;padding: 0 20px;width: 100%;outline: none;box-shadow: none;transition: 0.5s;box-sizing: border-box;text-align: center;}
  textarea {background: linear-gradient(to bottom, #FEFEFE, #F4F4F4);border: 1px solid #d4d4d4;border-radius: 5px;padding: 0 20px;font-size: 20px;line-height: 25px;outline: none;box-shadow: none;width: 100%;box-sizing: border-box;transition: 0.5s;font-family: inherit;text-align: center;}
  input[type="text"]:focus,textarea:focus {border-color: #86AE34;}
  textarea.rsform-error,input[type="text"].rsform-error {border-color: rgb(162, 17, 17);}
  /*radio*/
  input[type="radio"] {display: none;}
  input[type="radio"] + label {position: relative;padding-left: 40px;cursor: pointer;margin-right: 10px;}
  input[type="radio"] + label:before {border: 1px solid #ccc;width: 25px;height: 25px;border-radius: 5px;background: linear-gradient(to bottom, #FEFEFE, #F4F4F4);position: absolute;display: block;content: "";left: 4px;top: -5px;cursor: pointer;}
  input[type="radio"]:checked + label:after {top: -12px;left: 9px;width: 28px;height: 45px;/* border: 3px solid #3CADE3; */border-radius: 0 5px;border-top: 0;border-right: 0;position: absolute;display: block;content: "";/* transform: rotate(-49deg); */background: url(/stories/yes.svg) 0 0 no-repeat;background-size: 100%;}  
  /*submit*/
  button[type="submit"],
  .bigbutton {background: #86AE34;border-bottom: 5px solid #5a712b;margin: 20px auto;padding: 0 70px;font-size: 20px;font-weight: 700;color: #fff;line-height: 45px;text-decoration: none;border-right: 0;border-left: 0;border-top: 0;border-radius: 5px;outline: none;cursor: pointer;display: block;text-align: center;}
  button[type="submit"]:active,
  .bigbutton:active {transform: translateY(5px);border-color: transparent;}



/*HEADER*/
  #homepage  #header {background-size: cover;background-repeat: no-repeat;background-position: bottom center;background-image: url(/stories/banner.jpg);width: 100%;position: relative;}
  #homepage #header,
  #homepage #header .main {height: 100vh;min-height: 550px;}

  #top-wrapper {position: fixed;top: 0;left: 0;width: 100%;background: #fff;height: 80px;z-index: 20;-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);}
  #top-wrapper .container {width: 1020px;box-sizing: border-box;padding: 0 10px;margin: 0 auto;position: relative;}
  /*logo*/
  #header .logo {left: 20px;top: 17px;width: 60px;position: absolute;padding-bottom: 5px;text-align: center;transition:1s fill ease-in-out}
  #header .logo svg {fill: #729231;width: 50px;height: 50px;transition:1s fill ease-in-out;}
  /*phone*/
  #header .tel {right: 20px;top: 7px;font-size: 17px;font-weight: 700;position: absolute;transition: 1s;}
  #header .tel a {color: #729231;text-decoration: none;transition: 1s;}
  #header .tel span {font-size: 13px;font-weight: 400;border-bottom: 1px dotted;margin-left: 40px;transform: translateY(-6px);display: inline-block;cursor: pointer;}
  #homepage #top-wrapper.no-fix .tel a {color: #fff;}
/*BANNER*/
  .nabannere {top: 50%;transform: translateY(-50%);position: absolute;}
  .nabannere h1 {font-weight: 800;color: #fff;font-size: 50px;line-height: 54px;}
  .nabannere h2 {font-weight: 700;font-size: 30px;color: #fff;margin-top: 10px;}
  .nabannere .banner-button {background: #86AE34;border-bottom: 3px solid #c39e1d;margin-top: 30px;color: #000;line-height: 40px;border-radius: 40px;padding: 0 30px;text-decoration: none;display: inline-block;transition: .3s;}
  .nabannere .banner-button:hover {background: #c39e1d;}
  @keyframes scroll {0% {transform: translateY(-15px);opacity: 0;}10% {opacity: 1;}90% {transform: translateY(0px);}90% {opacity: 1;}99% {opacity: 0;transform: translateY(0px);}100% {transform: translateY(-15px);}}
  #hpbanner .scroll-down {bottom: 10px;left: 50%;text-align: center;font-size: .7em;color: #fff;font-weight: 300;transform: translateX(-50%);position: absolute;}
  #hpbanner .scroll-down img {animation: scroll 2s linear infinite;}
    /*promo*/
    .nabannere .promo {margin-top: 40px;}
    .nabannere .promo .lb {width: 20%;background: #86AE34;font-size: 50px;line-height: 170px;font-weight: 700;color: #fff;text-align: center;box-sizing: border-box;float: left;position: relative;}
    .nabannere .promo .rb {height: 170px;width: 80%;background: rgba(0, 0, 0, 0.3215686274509804);float: left;box-sizing: border-box;}
    .nabannere .precent {position: absolute;left: 120px;top: -10px;font-size: 200px;color: rgba(255, 255, 255, 0.14);}
    .nabannere .rb .zag {color: #fff;text-align: center;font-size: 20px;font-weight: 700;padding-top: 30px;}
    .promo-form {margin-top: 30px;}
    .promo-form > div {width: 33%;padding: 0 10px;float: left;box-sizing: border-box;}
    .promo-form button[type="submit"] {padding: 0;width: 100%;margin: 0;}

  

/*-----MAIN MENU*/
#mainmenu {height: 50px;left: 90px;top: 17px;position: absolute;}
#mainmenu li {list-style-type: none; margin: 0; padding: 0;position: relative;}
#mainmenu a {font-weight: 300;text-decoration: none; color: #fff;display: block;cursor: pointer;transition:0.3s;}
#mainmenu ul.dj-megamenu {float: left;width: 100%;box-sizing: border-box; margin: 0 !important;padding: 0 !important;}
  /*---1st level*/
  #mainmenu ul.dj-megamenu > li {float: left;box-sizing: border-box;}
  #mainmenu ul.dj-megamenu > li > a {color: #000;padding: 0 15px;font-size: 17px;letter-spacing: -1px;line-height: 50px;text-align: center;transition:.5s;}
    /*underline effect*/
    #mainmenu ul.dj-megamenu li > a span {position: relative;}
    #mainmenu ul.dj-megamenu li > a span:after {position: absolute;content: "";display: block;bottom: -2px;width: 0;left: 0;height: 1px;background: #000;transition: .3s;} 
    #mainmenu ul.dj-megamenu li.active > a span:after,
    #mainmenu ul.dj-megamenu li > a:hover span:after {width: 100%;}
    /*parent stype (arrow)*/
    #mainmenu ul.dj-megamenu > li > a {position: relative;}
    #mainmenu ul.dj-megamenu > li.parent > a:after {width: 7px;height: 7px;border-right: 1px solid #000;border-top: 1px solid #000;right: 2px;top: 48%;display: block;content: "";position: absolute;transform: translateY(-50%) rotate(135deg);transition:1s;}
    #homepage .no-fix #mainmenu ul.dj-megamenu > li.parent > a:after {border-color: #fff;}
 /*---2nd level*/
  #mainmenu .dj-subwrap ul.dj-submenu {margin: 0;padding: 0;}
  #mainmenu .dj-subwrap {position: absolute;top: 100%;left: -5px;z-index: 999999;}
  #mainmenu .dj-subwrap-in {background: #ffffff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);padding: 20px 40px;width: auto !important;}
  #mainmenu .dj-subwrap-in a {padding: 8px 10px 8px 0;border-bottom: 1px solid #f1f1f1;font-size: 15px;color: #5f5f5f;transition: 0.3s;}
  #mainmenu .dj-subwrap-in ul li:last-child a {border-bottom: 0;}

#mainmenu ul.dj-megamenu .dj-up.first .open-left {
  right: auto !important; left: -5px !important;
}

  /*-----хлебные крошки 2*/
  ul.breadcrumb > li:first-child {display: none !important;}
  .breadcrumb {margin: 15px 0;padding: 0;border-radius: 0;border: 1px solid #e9e9e9;background: #fff;font-size: 14px;line-height: 18px;}
  .breadcrumb .divider {display: none !important;}
  .breadcrumb > li {padding: 0 15px;position: relative;white-space: nowrap;list-style-type: none;display: inline-block;margin-left: 0;}
  .breadcrumb a {display: inline-block;color: #000;}
  .breadcrumb span {line-height: 35px;}
  .breadcrumb > li:after {content: '';position: absolute;top: 5px;right: 0;width: 27px;height: 24px;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


/*-----COMMON STYLES*/
table.style {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-collapse: separate;border-left: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 100%;margin-bottom: 20px;}
table.style tbody>tr:nth-child(odd)>td, 
table.style tbody>tr:nth-child(odd)>th { background-color: #fbfbfb;}
table.style td,
table.style th {padding: 8px;line-height: 20px;text-align: left;vertical-align: top;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
  /*ul li customization*/
  .page ul > li, .blog-full .text ul > li, .cat-full .text ul > li {list-style-type: none;padding-left: 20px;position: relative;margin-top: 5px;margin-bottom: 5px;}
  .page ul > li:before, .cat-full .text ul > li:before, .blog-full .text ul > li:before {position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;color: #86AE34;left: 0px;}
  /*ol li customization*/
  .page ol > li, .blog-full .text ol > li {list-style-type: none;padding-left: 20px;position: relative;margin-top: 5px;margin-bottom: 5px;}
  .blog-full .text ol, .page ol{counter-reset: myCounter;}
  .page ol > li:before, .blog-full .text ol > li:before {counter-increment: myCounter;content: counter(myCounter);position: absolute;left: -14px;top: -5px;color: white;background: #86AE34;display: inline-block;text-align: center;margin: 5px 10px;width: 20px;height: 20px;line-height: 20px;border-radius: 20px;font-size: .9em;}
  /*blockquote customization*/
  blockquote {padding: 30px 30px 30px 90px;background: #f3f3f3;background: url(/stories/quotes.svg) 20px 20px no-repeat, #f3f3f3;background-size: 50px;}

  /*flex-blocks*/
  .flex-blocks {display: Flex;Flex-wrap: wrap;justify-content: center;}
  .flex-blocks .block33 {width: 33%;margin-right: 0.5%;margin-bottom: 0.5%;box-sizing:border-box;}
  .flex-blocks .block33:nth-child(3n) {margin-right: 0;}

  .flex-blocks .block50 {width: 49%;margin-right: 1%;margin-bottom: 1%;box-sizing:border-box;}
  .flex-blocks .block50:nth-child(2n) {margin-right: 0;}

  .flex-blocks .block25 {width: 24%;margin-right: 1%;margin-bottom: 1%;box-sizing:border-box;}
  .flex-blocks .block25:nth-child(4n) {margin-right: 0;}
  


/*----- HOMEPAGE */
  #homepage .dj-offcanvas-pusher-in {padding-top: 0;}

  
  #homepage #top-wrapper.no-fix {background: transparent;box-shadow: none;}
  #homepage #top-wrapper.no-fix {position: inherit;}
  #homepage #top-wrapper.no-fix .container {width: auto;}
  #homepage #top-wrapper.no-fix .logo svg {fill: #fff;}
  #homepage #top-wrapper.no-fix #mainmenu ul.dj-megamenu > li > a {color: #fff;}
  #homepage #top-wrapper.no-fix #mainmenu ul.dj-megamenu li > a span:after {background: #fff;}
  #homepage #top-wrapper.no-fix .tel {color: #fff;}

  /*block titles */
  .block-title {font-size: 30px;text-transform: uppercase;text-align: center;position: relative;bottom: 25px;}
  .block-title:before {width: 70px;height: 3px;border-top: 1px solid #729231;border-bottom: 1px solid #729231;left: 50%;bottom: -20px;position: absolute;content: "";display: block;transform: translateX(-50%);}
  .moduletable-padding {padding: 50px 0;}

  /*СДЕЛАЕМ ВАШУ ЖИЗНЬ ПРОЩЕ*/
  #block4 h4 {text-align: center;}
  .simple-life {margin: 40px 0;}
  .simple-life > div {padding: 10px;}  
  .simple-life .zag {font-weight: 700;text-transform: uppercase;position: relative;padding-left: 70px;height: 50px;}
  .simple-life img {width: 40px;margin-right: 20px;display: inline-block;position: absolute;left: 0;top: 0;}
  

  /*QUIZ*/
  #block5 {border-top: 1px solid #ccc;padding-top: 20px;margin-top: 70px;}
  #homepage #block5 {margin-top: 0;}

  .quiz-podzag {font-size: 19px;text-transform: uppercase;font-weight: 700;margin-bottom: 40px;text-align: center;}
  #quiz > .shag {display: none;}
  #quiz > .shag.active {display: block;}
    /*dots*/
    #quiz .quiz-dots {background: #EEEEEE;float: left;width: 100%;box-sizing:border-box;}
    #quiz .quiz-dots > div {line-height: 45px;text-align: center;text-transform: uppercase;width: 16.6666666%;float: left;box-sizing:border-box;cursor: pointer;}
    #quiz .quiz-dots > div.active {background: #729231;color: #fff;}
    /*zags*/
    #quiz .shag > .zag {font-size: 19px;margin: 30px 0;text-align: center;color: #729231;font-weight: 700;}

  /*borders*/
  .border-clickable {border: 10px solid transparent;cursor: pointer;}
  .border-clickable:hover,
  .border-clickable.selected {border-color: #729231;}

  /*ШАГ 1*/
  .border-clickable {position: relative;}
  .border-clickable .zag {width: 100%;left: 0;bottom: 0;position: absolute;margin: 0;background: rgba(0, 0, 0, 0.58);color: #fff;box-sizing: border-box;padding: 0 10px;line-height: 40px;}
  /*ШАГ 2*/

  /*ШАГ 5*/
  #shag5 .border-clickable {background: #eee;text-align: center;}
  #shag5 .border-clickable .line1 {font-size: 40px;font-weight: 700;padding-top: 60px;padding-bottom: 20px;color: #656565;}
  #shag5 .border-clickable .line2 {font-weight: 700;font-size: 20px;color: #656565;padding-bottom: 50px;margin-bottom: 0;}
  #shag5 .border-clickable:hover .line1 {color: #729231;}
  #shag5 .border-clickable:hover .line2 {color: #729231;}
  
  /*ШАГ 6*/
  #shag6 .shag-content {max-width: 500px;margin: 40px auto 0;background: #eee;padding: 30px;box-sizing:border-box;}
  #shag6 .shag-content .zag {text-align: center;color: #729231;font-weight: 700;margin: 20px 0;font-size: 18px;line-height: 18px;}

  
  /*Узнайте, почему сотрудничество с нами превзойдет ваши ожидания*/
  #block6 {background: #f1f1f1;}
  #block6 h3 {margin-bottom: 40px;max-width: 700px;margin: 0 auto 50px;}
  .bens .block33 {margin-bottom: 3% !important;padding: 10px;}
  .bens img {margin-bottom: 20px;width: 60px;display: inline-block;}
  .bens .zag {font-weight: 700;text-transform: uppercase;}

  /*Мы в цифрах*/
  #block6-1 {background: #729231; color: #fff;}
  #block6-1 .block-title:before {border-color: #fff;}
  .counter {text-align: center;}
  .counter .num {font-size: 50px;font-weight: 700;}
  
  /*Как все происходит*/
  #block7 h3 {margin-bottom: 40px;}
  .shema .block50 {padding-left: 30px;padding-left: 60px;padding-right: 50px;margin-bottom: 0;}
  .shema .pusher {border-left: 5px solid #729231;padding-left: 60px;}
  .shema .punkt {position: relative;margin-bottom: 35px;}
  .shema .punkt4 {margin-bottom: 0;}
  .shema p.text {margin-bottom: 0;}
  .shema .zag {text-transform: uppercase;font-weight: 700;}
  .shema .num {left: -88px;width: 50px;height: 50px;color: #fff;background: #729231;line-height: 50px;font-weight: 700;border-radius: 100%;box-sizing: border-box;text-align: center;position: absolute;}

  
  /*Только самое лучше и надежное оборудование*/
  #block8 .moduletable-padding {padding-top: 10px;}
  .brands .brand {padding: 10px;margin-top: 30px;}
  .brands .img {line-height: 100px;text-align: center;}
  .brands .img img {max-height: 100px;max-width: 80%;}
  .brands .line {background: #ccc;height: 3px;}
  .brands .text {text-align: center;}


  /*Портфолио*/
  #block9 {padding: 60px 0;position: relative;background: #F1F1F1;}
  #block9:before {background: url(/stories/gray-top.jpg) 50% 0 no-repeat;background-size: cover;width: 100%;height: 100px;position: absolute;left: 0;top: 0;display: block;content: "";}
  #block9:after {background: url(/stories/gray-bottom.jpg) 50% 0 no-repeat;background-size: cover;width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;display: block;content: "";}
  .portf-title {font-size: 19px;text-transform: uppercase;font-weight: 700;margin-bottom: 40px;text-align: center;}

  .portf-item .unite-gallery {margin: 0 35px !important;}
  .portf-item .ug-tile-navigation-wrapper {position: initial !important;}
  .portf-item .ug-button-tile-left,
  .portf-item .ug-button-tile-right {border-color: #9a9a9a;width: 10px;height: 10px;top: 50%;background: transparent !important;border-style: solid;position: absolute;transition: .5s;}
  .portf-item .ug-button-tile-left {left: -15px;border-right-width: 3px;border-top-width: 3px;transform: translateY(-50%) rotate(-135deg);}
  .portf-item .ug-button-tile-right {right: -15px;border-left-width: 3px;border-top-width: 3px;transform: translateY(-50%) rotate(135deg);}
  .portf-item .ug-button-tile-left:active {margin-left: -3px;}
  .portf-item .ug-button-tile-right:active {margin-right: -3px;}
  
  .portf-item {border-bottom: 1px solid #ccc;padding: 20px 0;float: left;width: 100%;box-sizing: border-box;}
  .portf-item .lb { width: 50%;padding-right: 10px;float: left;box-sizing:border-box;}
  .portf-item .rb { width: 50%;padding-left: 40px;float: left;box-sizing:border-box;}
  .portf-item .zag {font-weight: 400;margin-bottom: 20px;padding-top: 10px;font-size: 20px;color: #729231;text-transform: uppercase;}

  .portfolio {position: relative;}
  .portfolio .owl-prev {left: 10px;top: 50%;width: 20px;height: 20px;border-left: 5px solid #fff;border-bottom: 5px solid #fff;transform: rotate(45deg) translateY(-50%);display: block !important;font-size: 0;transition: .2s;position: absolute;}
  .portfolio .owl-next {right: 10px;top: 50%;margin-top: -15px;width: 20px;height: 20px;border-left: 5px solid #fff;border-bottom: 5px solid #fff;transform: rotate(-135deg) translateY(-50%);display: block !important;font-size: 0;transition: .2s;position: absolute;}
  .portfolio .owl-next:hover,.homepage-slider .owl-prev:hover {border-color: #729231;}
    



  .portfolio .owl-dots {text-align: center;margin: 10px 0;font-size: 0;height: 20px;}
  .portfolio .owl-dot {box-sizing: border-box;width: 10px;height: 10px;background: #ccc;margin: 0 5px;display: inline-block;transition: .5s;border-radius: 100%;vertical-align: middle;}
  .portfolio .owl-dot.active {background: #729231;width: 15px;height: 15px;}

  .allportf {width: 300px !important;padding: 0 !important;}

  /*Отзывы*/
  /*#unitegallery_6_1.unite-gallery {margin: 0 35px !important;}
  #unitegallery_6_1 .ug-tile-navigation-wrapper {position: initial !important;}
  #unitegallery_6_1 .ug-button-tile-left,
  #unitegallery_6_1 .ug-button-tile-right {border-color: #729231;width: 20px;height: 20px;top: 50%;background: transparent;border-style: solid;position: absolute;transition: .5s;}
  #unitegallery_6_1 .ug-button-tile-left {left: -25px;border-right-width: 3px;border-top-width: 3px;transform: translateY(-50%) rotate(-135deg);}
  #unitegallery_6_1 .ug-button-tile-right {right: -25px;border-left-width: 3px;border-top-width: 3px;transform: translateY(-50%) rotate(135deg);}
  #unitegallery_6_1 .ug-button-tile-left:active {margin-left: -3px;}
  #unitegallery_6_1 .ug-button-tile-right:active {margin-right: -3px;}
  .ug-gallery-wrapper img {max-height: none;}
	
	.ug-textpanel-title {font-weight: 700 !important;font-style: italic;}
	.ug-textpanel-description {text-align: justify;}*/

  .otz-carousel {padding: 0 30px;box-sizing:border-box;}
  .otz-carousel .owl-prev {position: absolute;left: 0;top: 50%;width: 20px;height: 20px;border-left: 2px solid #969696;border-bottom: 2px solid #969696;transform: rotate(45deg) translateY(-50%);display: block !important;font-size: 0;transition:.2s;}
  .otz-carousel .owl-next {position: absolute;right: 0;top: 50%;margin-top: -15px;width: 20px;height: 20px;border-left: 2px solid #969696;border-bottom: 2px solid #969696;transform: rotate(-135deg) translateY(-50%);display: block !important;font-size: 0;transition:.2s;}
  .otz-carousel .owl-prev:hover,
  .otz-carousel .owl-next:hover {border-color: #729231;}

  .otz-carousel .owl-nav.disabled {display: block !important;}
    
    /*Все портфолио*/
    .portfolio  h1.title {margin-bottom: 40px;}
    .all-portf-item {margin-bottom: 25px;padding: 80px 30px 30px;border: 1px solid #e9e9e9;box-sizing: border-box;position: relative;}
    .all-portf-item .num {left: 0;top: 0;background: #729231;color: #fff;width: 60px;line-height: 60px;font-size: 20px;font-weight: 700;position: absolute;text-align: center;}
    .all-portf-title {top: 31px;width: calc(100% - 110px);border-bottom: 1px solid #729231;padding-left: 50px;color: #729231;font-weight: 700;position: absolute;}
    .all-portf-item .gallery {margin-top: 20px;Display: Flex;Flex-wrap: wrap}
    .all-portf-item .gallery > div {flex-basis: 20%; padding: 5px;text-align: center;box-sizing:border-box}


  /*FAQ*/
  .vopros-otvet .vopros {font-weight: 700;background: #e4e4e4;padding: 10px 10px 10px 50px;border-radius: 5px;cursor: pointer;position: relative;}
  .vopros-otvet .vopros:before {top: 50%;left: 10px;background: #729231;color: #fff;font-weight: 700;width: 23px;line-height: 23px;text-align: center;border-radius: 80px;position: absolute;display: block;transform: translateY(-50%);content: "?";}
  .vopros-otvet .vopros:hover,
  .vopros-otvet .vopros.active {background: #729231; color: #fff;}
  .vopros-otvet .otvet {border: 1px solid #e4e4e4;background: #fff;box-shadow: 2px 2px 10px #e8e8e8;padding: 20px;margin-bottom: 20px;margin-top: 20px;display: none;}}

  



/*-----JBZOO -- */

.jbzoo .subcategory, 
.jbzoo .items .jbzoo-item, 
.jbzoo .item-full .jbzoo-item, 
.jbzoo .commentslist .comment,
.jbzoo .frontpage,
.jbzoo .category {margin: 0 !important;padding: 0 !important;}
.jbzoo a:hover > img {opacity: 1 !important;}

/*-----BLOG*/
  /*--pagination*/
  .pagination {float: left;width: 100%;margin-bottom: 20px;font-size: 0; text-align: center;}
  .pagination span,
  .pagination a {display: inline-block !important;float: none !important;box-sizing: border-box;width: 45px;height: 35px;margin: 15px 5px 0 5px;padding: 0 !important;font-size: 14px;color: #fff !important;text-align: center;line-height: 35px !important;text-decoration: none;border: none !important;border-radius: 5px !important;background: #b5b5b5;}
  .pagination span,
  .pagination a:hover {background: #86AE34  !important;}

  /*--teaser*/
  .blog-teaser h2.title {margin-bottom: 10px;font-weight: 400;font-size: 20px;}
  .blog-teaser .lb {float: left;width: 200px;box-sizing: border-box;min-height: 1px;}
  .blog-teaser .rb {float: left;padding-left: 20px;box-sizing: border-box;width: 800px;}
  .blog-teaser .date {margin-bottom: 10px;font-size: 12px;color: #a4a4a4;text-transform: uppercase;}
  .blog-teaser a {color: #000;}
  .blog-teaser {padding: 20px 0 40px;border-bottom: 1px solid #eee;}

  /*--Full*/
  .blog-full .image {float: left;margin: 0 0 20px 0;position: relative;}
  .blog-full  h1.title {margin-top: 15px;}
  .blog-full .image h1.title {font-size: 40px;color: #fff;text-align: center;text-transform: uppercase;text-shadow: 0 1px 4px rgba(0,0,0,.5);transform: translateY(-50%) translateX(-50%);left: 50%;top: 50%; position: absolute;width: 90%;}


 

/*-----Pages*/
	.page img.fll, .page img.flr {max-width: 400px;}
	.page img.fll.w300, .page img.flr.w300 {max-width: 200px;}
	.page img.flr {float: right;margin-left: 15px;}
	.page img.fll {float: left;margin-right: 15px;}

  /*banners*/
  .avtopoliv-gazona #page-banner {background: url(/stories/banner_1.jpg) 50% 50% no-repeat;}
  .avtopoliv-sada #page-banner {background: url(/stories/banner_2.jpg) 50% 50% no-repeat;}
  .avtopoliv-ogoroda #page-banner {background: url(/stories/banner_3.jpg) 50% 50% no-repeat;}
  .avtopoliv-teplic #page-banner {background: url(/stories/banner_4.jpg) 50% 50% no-repeat;}
  

  #page-banner .main {position: relative;height: 400px;}
  #page-banner {background-size: cover !important;height: 400px;}
  #page-banner h1 {color: #fff;font-size: 50px;line-height: 60px;max-width: 50%;left: 20px;top: 50%;transform: translateY(-50%);position: absolute;}

  #page-banner .banner-form {position: absolute;right: 20px;max-width: 40%;top: 50%;transform: translateY(-50%);background: rgba(0, 0, 0, 0.39);padding: 10px;}
  #page-banner .banner-percent {color: #86ae34;font-size: 200px;font-weight: 700;left: -60px;top: 50px;opacity: .5;z-index: -1;position: absolute;}
  #page-banner .banner-promo {background: #86ae34;color: #fff;font-size: 20px;text-transform: uppercase;font-weight: 700;text-align: center;margin: -10px -10px 20px;padding: 10px;}
  #page-banner .promo-form > div {width: 100%;}

	/*отзывы*/
	.otzs .otz {margin-bottom: 25px;padding: 30px;border: 1px solid #e9e9e9;box-sizing: border-box;position: relative;}
    .otzs .otz a[data-fancybox*="otz"] {display: block;float: left; margin-right: 20px;margin-bottom: 20px;}
    .otzs .otz .zag {color: #729231;font-weight: 700;font-size: 16px;}

  /*contacts*/
  .contacts {text-align: center;margin-top: 100px;}
  .contacts .img {width: 100px;display: inline-block;background: #f1f1f1;box-sizing: border-box;padding: 25px;border-radius: 100%;}
  .contacts p {margin-top: 20px;font-weight: 400;font-size: 1.5em;}
  .contacts p a {color: #000;text-decoration: none;}
  .contacts .text-left {text-align: left;}
/*------------------ FOOTER ------------------*/
  /*Карта*/
  #block16 {margin-top: 50px;}
  #footer {text-align: center;}
  #footer a[href*="tel"] {color: #fff;text-decoration: none;}
  #footer h4 {font-weight: 300;}
  #footer h3 {font-weight: 400;}
  #footer .open_modal {display: inline-block;border: 1px solid #fff;padding: 0 20px;line-height: 50px;font-size: 20px;margin: 10px 0 50px;text-transform: uppercase;transition: .5s;cursor: pointer;}
  #footer .open_modal:hover {background: #fff;color: #515256;}

  #footer .main {position: relative;}
  #footer {color: #fff;background: #515256;padding: 20px 0;margin-top: 50px;}
  .planblogo, .lmlogo {transition: 0.5s;display: inline;}


#scrollup {right: 10px; bottom: 10px; background: #86AE34;opacity: 0.8; padding: 10px; border-radius: 4px; display: none; cursor: pointer;position: fixed; z-index: 1;}

/*Alert Error*/
/*.alert.alert-error {background: #d62e48;border-radius: 10px;position: relative;padding: 20px;color: #fff;font-size: .9em;margin: 20px 0;}*/
/*.alert.alert-error .close{position: absolute;right: 0;top: 0;display: block;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.14);text-align: center;line-height: 40px;font-size: 30px !important;border-radius: 0 10px 0;color: #fff;cursor: pointer;}*/



@media all and (max-width: 1200px) {
 .main,#top-wrapper .container {width: 990px;}

  /*mainmenu*/
  #mainmenu ul.dj-megamenu > li > a {padding: 0px 12px;}
  #mainmenu ul.dj-megamenu > li.parent > a:after {right: 0;}

  /*blog*/
  .blog-teaser .rb {width: 770px;}
} 

@media all and (max-width: 992px) {
  .main,#top-wrapper .container {width: 760px;}

  /*sidebar*/
 .with-l-sidebar .content {width: 540px;}

  /*header*/
  	.dj-offcanvas-pusher-in {padding-top: 60px;}
  	#top-wrapper {height: 60px;}
  	#header .logo {width: 50px;left: 10px;top: 8px;z-index: 3;border: 0;}
  	#header .no-fix .logo {left: 0;}
  	#top-wrapper .logo svg {width: 40px;height: 40px;}
  	#header .tel {left: 0;top: 1px;font-size: 15px;text-align: center;width: 100%;z-index: 2;}
    #header .tel span {margin-left: 0;}
  	/*mainmenu*/
  #dj-megamenu90mobileWrap {position: absolute !important; right: 10px !important; top: 5px !important;z-index: 3 !important;}
  .no-fix #dj-megamenu90mobileWrap {right: 0 !important;}
  #dj-megamenu90mobileWrap .dj-mobile-open-btn {background: transparent !important;}
  #dj-megamenu90mobileWrap a.dj-mobile-open-btn,
  #dj-megamenu90mobileWrap a.dj-mobile-open-btn:hover {color: #729231 !important;}
  
  /*homepage*/
  #homepage .no-fix #dj-megamenu90mobileWrap a.dj-mobile-open-btn,
  #homepage .no-fix #dj-megamenu90mobileWrap a.dj-mobile-open-btn:hover {color: #fff !important;}

  /*Наша миссия*/
	.mission {padding: 70px 0 0 70px;}

  /*blog*/
  .blog-teaser .rb {width: 540px;}
  .blog-full .image h1.blog-title {font-size: 30px;}

  /*banner*/
  .nabannere h1  {font-size: 35px;line-height: 35px;}
  .nabannere h2  {font-size: 25px;line-height: 25px;}
    /*promo*/
    .nabannere .promo .lb {font-size: 40px;}
    .nabannere .precent {left: 60px;}
  
  /*banners*/
  #page-banner h1 {font-size: 35px;line-height: 40px;}

  .all-portf-item .gallery > div {flex-basis: 25%;}

}

@media all and (max-width: 768px) {
  .flex-blocks > .block33 {width: 49%;margin-right: 1%;}
  .flex-blocks > .block33:nth-child(2n) {margin-right: 0;}

  .flex-blocks > .block25 {width: 49%;margin-right: 1%;}
  .flex-blocks > .block25:nth-child(2n) {margin-right: 0;}

  .main,#top-wrapper .container {width: auto;}
  /*sidebar*/
  .with-l-sidebar .content {width: 100%;}
  .with-l-sidebar .left-sidebar {width: 100%;padding-right: 0;}
  .moduletable_filter {margin-bottom: 50px;}
  .jbfilter-element {Display: Flex;Flex-wrap: wrap;justify-content: center;align-items: center;}
  .jbfilter-element label {flex-basis: 120px;margin: 5px;text-align: center;}

	

  /*banner*/
  #homepage #header, #homepage #header .main {min-height: 670px;}
  .nabannere {text-align: center;left: 0;padding: 0 10px;box-sizing: border-box;}
    /*promo*/
    .promo-form > div {float: none;width: 100%;}
    .nabannere .promo .lb {width: 30%;line-height: 270px;font-size: 35px;}
    .nabannere .promo .rb {width: 70%;height: 270px;}
    .nabannere .precent {left: 120px;}
  
  /*banners*/
  #page-banner .main, #page-banner {height: 500px;}
  #page-banner h1 {top: 20px;left: 0;transform: none;text-align: center;font-size: 35px;line-height: 40px;width: 100%;max-width: 100%;box-sizing:border-box;}
  #page-banner .banner-form {top: 150px;left: 50%;transform: translatex(-50%);max-width: 70%;}
  #page-banner .banner-percent {display: none;}

  /*kroshki*/
  #kroshki,.breadcrumb {background: #F4F8F9;}
  .breadcrumb {padding-bottom: 10px;padding-top: 10px;margin-top: 0;border: 0;line-height: 10px;}
  .breadcrumb > li {display: inline;padding: 0;white-space: inherit;}
  .breadcrumb a {display: inline;}
  .breadcrumb span {line-height: 18px;}
  .breadcrumb > li:after {color: #ccc;position: inherit;content: "/";border: 0;transform: none;top: 0;}
  .breadcrumb > li:last-child:after {display: none;}

	/*homepage*/
		/*Наша миссия*/
		.mission {padding: 60px 0 0 0;}
		.mission .zag {font-size: 25px;top: 20px;}


	/*portfolio*/
  .portf-item .lb {width: 100%;padding-left: 0;padding-right: 0;}
  .portf-item .rb {width: 100%;padding-left: 0;padding-right: 0;}
  .portf-item .zag {text-align: center;}

  .all-portf-item .gallery > div {flex-basis: 33%;}


  /*blog*/
  .blog-teaser .rb {width: 100%;}
  .blog-teaser .lb {width: 100%;text-align: center;}
  .blog-teaser h2.title {text-align: center;}
  .blog-full .image h1.title {font-size: 30px;width: 90%;}

  /*modal*/
  .modal {left: 0;top: 0 !important;right: 0;width: 100%;min-height: 100%;transition: top .3s linear; border-radius: 0;transform: none;}
  .modal.poehali {margin-top: 0 !important;}
  .modal .zakr {right: 15px;top: 15px;border-radius: 5px;line-height: 50px;width: 50px;height: 50px;font-weight: 700;font-size: 30px;}
  .modal h3 {text-align: left !important;}

  /*pages*/
  .page img.fll, .page img.flr {max-width: 100%;float: none;margin-left: 0;margin-right: 0;display: block;}

  h1 {font-size: 35px;text-align: center;}
}

@media all and (max-width: 576px) {
  .flex-blocks > .block33 {width: 100%;margin-right: 0;}
  .flex-blocks > .block50 {width: 100%;margin-right: 0;}

  /*header*/

  /*banner*/
  #homepage #header, #homepage #header .main {min-height: 700px;}
	.nabannere h1 {font-size: 30px;line-height: 35px;}
	.nabannere h2 {font-size: 20px;line-height: 25px;}
  #hpbanner .scroll-down {display: none;}
    /*promo*/
    .promo-form > div {float: none;width: 100%;}
    .nabannere .promo .lb {width: 100%;line-height: 40px;font-size: 35px;}
    .nabannere .promo .rb {width: 100%;height: auto;padding-bottom: 15px;}
    .nabannere .precent {display: none;}
  
  /*banners*/
  #page-banner .banner-form {max-width: 90%;width: 80%;}

  /*homepage*/ 
  .block-title {font-size: 25px;}
  .shema .punkt4 {margin-bottom: 0;padding-bottom: 35px;}

  .bens {text-align: center;}

  /*quiz*/
  #quiz .quiz-dots > div {font-size: 12px;}
/*  #quiz .flex-blocks > .block33 {width: 49.5%;margin-right: 1%;}
  #quiz .flex-blocks > .block33:nth-of-type(2n) {margin-right: 0;}
  #quiz .flex-blocks > .block50 {width: 49.5%;margin-right: 1%;}
  #quiz .flex-blocks > .block50:nth-of-type(2n) {margin-right: 0;}*/

  /*blog*/
  .blog-full .image h1.title {font-size: 20px !important;line-height: 24px;}
  .nums .num-block {flex-Basis: 100%;}
  .chel img {max-width: 200px;display: inline-block !important;}

  h1 {font-size: 30px;}
  .all-portf-item .gallery > div {flex-basis: 50%;}
  .otzs .otz a[data-fancybox="otz"] {width: 100%;margin-right: 0;text-align: center;}
  .otzs .otz .zag {text-align: center;}
  .otzs .otz .text {text-align: justify;}

}
#site_rating{line-height: 2em;}
.rating{background-image:url("../images/star-inactive.svg");background-position:0 0;font-size:0;width:65px;}
.rating{background-image:url("../images/star-inactive.svg");background-position:0 0;font-size:0;width:65px;}
.rating, .rating::before{background-size:13px 13px;display:inline-block;height:13px;}
.rating::before{background-image:url("../images/star-active.svg");content:"";width:0;}
.rating_{font-size:13px;}
.rating_, .rating_::before{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;height:auto;width:auto;}
.rating_::before{color:#999;content:".";}
.rating_5::before{width:7px;}
.rating_10::before{width:13px;}
.rating_15::before{width:20px;}
.rating_20::before{width:26px;}
.rating_25::before{width:33px;}
.rating_30::before{width:40px;}
.rating_35::before{width:46px;}
.rating_40::before{width:53px;}
.rating_45::before{width:59px;}
.rating_50::before{width:65px;}
.rating_middle{background-image:url("../images/star-inactive.svg"),
url("../images/star-inactive.svg"),
url("../images/star-inactive.svg"),
url("../images/star-inactive.svg"),
url("../images/star-inactive.svg");width:96px;}
.rating_middle, .rating_middle::before{background-position:0 0px, 20px 0px, 40px 0px, 60px 0px, 80px 0;background-repeat:no-repeat;background-size:16px 16px;height:16px;}
.rating_middle::before{background-image:url("../images/star-active.svg"),
url("../images/star-active.svg"),
url("../images/star-active.svg"),
url("../images/star-active.svg"),
url("../images/star-active.svg");}
.rating_middle.rating_{font-size:16px;}
.rating_middle.rating_5::before{width:8px;}
.rating_middle.rating_10::before{width:16px;}
.rating_middle.rating_15::before{width:28px;}
.rating_middle.rating_20::before{width:36px;}
.rating_middle.rating_25::before{width:48px;}
.rating_middle.rating_30::before{width:56px;}
.rating_middle.rating_35::before{width:68px;}
.rating_middle.rating_40::before{width:76px;}
.rating_middle.rating_45::before{width:88px;}
.rating_middle.rating_50::before{width:96px;}
.rating_big{width:100px;}
.rating_big, .rating_big::before{background-size:20px 20px;height:20px;}
.rating_big.rating_{font-size:20px;}
.rating_big.rating_5::before{width:10px;}
.rating_big.rating_10::before{width:20px;}
.rating_big.rating_15::before{width:30px;}
.rating_big.rating_20::before{width:40px;}
.rating_big.rating_25::before{width:50px;}
.rating_big.rating_30::before{width:60px;}
.rating_big.rating_35::before, .rating_big.rating_40::before{width:80px;}
.rating_big.rating_45::before{width:90px;}
.rating_big.rating_50::before{width:100px;}

/*Fix nav menu CSS*/
#mainmenu .dj-subwrap {
  width: auto !important;
}
#mainmenu .dj-subwrap-in {
  padding: 5px 20px;
}
#mainmenu .dj-subwrap .subtitle {
  display: none;
}

.dj-subcol + .dj-subcol {
  position: relative;
  margin-top: -1px;
  border-top: 1px solid #f1f1f1;
}