@font-face {
   font-family: Mirandolina;
   src:url("../fonts/MirandolinaCalligrOne.eot?") format("eot"),
   url("../fonts/MirandolinaCalligrOne.woff") format("woff"),
   url("../fonts/MirandolinaCalligrOne.ttf") format("truetype"),
   url("../fonts/MirandolinaCalligrOne.svg#MirandolinaCalligrOne") format("svg");
   font-weight:normal;
   font-style:normal;
}


* {
   margin:0;
   padding:0
}
ol, ul {list-style: none;}
:focus {   outline: 0;}
::-webkit-input-placeholder{text-indent: 0px;   transition: text-indent 0.3s ease;font-family: inherit; color: #acacac; font: 300 14px/30px 'Roboto', sans-serif;}
::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-family: inherit; color: #acacac; font: 300 14px/30px 'Roboto', sans-serif;}/* Firefox 19+ */
:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;font-family: inherit; color: #acacac; font: 300 14px/30px 'Roboto', sans-serif;}/* Firefox 18- */
:-ms-input-placeholder{ text-indent: 0px;   transition: text-indent 0.3s ease;font-family: inherit; color: #acacac; font: 300 14px/30px 'Roboto', sans-serif;}
:focus::-webkit-input-placeholder{ text-indent: -500px; transition: text-indent 0.3s ease;}
:focus::-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder{ text-indent: -500px;   transition: text-indent 0.3s ease;}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
label, input:not([[type="checkbox"]]),
input:not([[type="radio"]]) , button{
   -webkit-appearance:none;
   font-family: inherit;
}
label, input[type="submit"], button{cursor:pointer;}
img{border: none;}
html{
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body{
   font: 300 16px/23px 'Roboto', sans-serif;
   color: #383838;
   padding: 0 !important;
}
p{margin-bottom: 23px;}
a{color: #69a41d;}
a:hover, a:focus{
   text-decoration: none;
   color: #69a41d;
}
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], textarea{
   width: 100%;
   border-radius: 0;
   padding: 4px 14px 6px;
   color: #acacac;
   font: 300 14px/30px 'Roboto', sans-serif;
   border: 1px solid #eaeaea;
}
textarea{
   resize: none;
   height: 138px;
}
h1{
   font-size: 36px;
   font-weight: 500;
   line-height: 35px;
   margin: 44px 0 21px;
}
.title-big, h2{
   text-transform: uppercase;
   font-size: 32px;
   line-height: 35px;
   font-weight: 900;
   padding-bottom: 2px;
   border-bottom: 5px solid #b1b1b1;
   position: relative;
   margin: 18px 0 20px;
}
.title-big span, h2 span{
   display: inline-block;
   position: relative;
}
.title-big span:before, h2 span:before{
   content: "";
   position: absolute;
   height: 5px;
   left: 0;
   bottom: -7px;
   background: #6ca528;
   right: -9px;
}


h2{
   border-width: 3px;
   font-size: 27px;
   line-height: 30px;
   font-weight: 500;
   margin: 15px 0 30px;
   padding-bottom: 5px;
}
h2 span:before{
   height: 3px;
   bottom: -8px;
}
.title-border{
   border-top: 1px solid #e4e4e4;
   text-align: center;
   margin: 30px 0 40px;
   font-size: 18px;
}
.title-border span{
   position: relative;
   padding: 0 18px;
   background: #fff;
   display: inline-block;
   font-size: 35px;
   text-transform: uppercase;
   line-height: 35px;
   top: -20px;
}
.title-border p{margin-top: -13px;}
.title-border-hidden{
   border: none;
   margin: 0 0 57px;
}
.title-light{font-weight: 100;margin-bottom: 24px;}
h3{
   font-size: 20px;
   font-weight: 300;
   color: #181818;
   line-height: 20px;
   margin: 0 0 7px;
}
.text-middle{
   font-size: 18px;
   color: #383838;
   font-weight: 500;
   margin-bottom: 21px;
}
.text-grey{color: #5e5b59;}
.text-dark-grey{color: #53504e;}
.title{
   font-size: 23px;
   font-weight: 500;
   margin: 0px 0 19px;
}
.title-margin-small{margin: 8px 0 13px;}
.title-line{
   border-top: 1px solid #e4e4e4;
   margin: 38px 0 33px;
}
.title-line span{
   position: relative;
   display: inline-block;
   padding-right: 25px;
   background: #fff;
   top: -13px;
}
.title-line-padding span{
   margin-left: 29px;
   padding: 0 8px;
}
.title-line-margin-small{margin: 14px 0 5px;}
.title-line-margin-middle{margin: 35px 0 10px;}
.title-line-big{
   font-size: 36px;
   line-height: 35px;
   margin: 62px 0 37px;
}
.title-line-big span{
    top: -18px;
    padding-right: 4px;
}
.title-line-small{
   font-size: 18px;
   margin: 16px 0 6px;
}
.title-line-small span{
   margin-left: 33px;
   padding: 0 5px;
   top: -11px;
}
.title-small{
   font-size: 19px;
   font-weight: 500;
   margin-bottom: 11px;
}
.text-title{
   font-size: 22px;
   margin: 39px 0 22px;
}
.text-green{color: #6ba427;}
.embed-responsive-item{border: none;}
.float-right{
   float: right;
   margin: 0 0 15px 15px;
}
.rf_error, .rf_error .jq-selectbox__select{border-color: #ef0000 !important;}
.btn.disabled{
  cursor: pointer;
  pointer-events:auto;
  opacity: 1;
}

/* btn */
.btn{
   background: #fff;
   font-size: 15px;
   border-color: #75ac2a;
   color: #75ac2a;
   font-weight: 300;
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
   padding: 6px 10px;
}
.btn:hover, .btn:hover:focus{
   color: #fff;
   background: #6ca524;
}
.btn:focus{
   outline:none;
   color: #75ac2a;
}
.btn-callback{
   font-size: 23px;
   padding: 1px 24px 4px;
}
.btn-callback:hover{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dc759+0,69a41d+100 */
   background: #9dc759; /* Old browsers */
   background: -moz-linear-gradient(top, #9dc759 0%, #69a41d 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #9dc759 0%,#69a41d 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #9dc759 0%,#69a41d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc759', endColorstr='#69a41d',GradientType=0 ); /* IE6-9 */
}
.btn-modal{
   font-size: 20px;
   color: #fff;
   margin-top: 7px;
   border: 2px solid #69a41d;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dc759+0,6ea62b+100 */
   background: #9dc759; /* Old browsers */
   background: -moz-linear-gradient(top, #9dc759 0%, #6ea62b 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #9dc759 0%,#6ea62b 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #9dc759 0%,#6ea62b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc759', endColorstr='#6ea62b',GradientType=0 );
   padding: 2px 33px 4px; /* IE6-9 */
}
.btn-modal:hover{
   color: #fff;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ea62b+0,9dc759+100 */
   background: #6ea62b; /* Old browsers */
   background: -moz-linear-gradient(top, #6ea62b 0%, #9dc759 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #6ea62b 0%,#9dc759 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #6ea62b 0%,#9dc759 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea62b', endColorstr='#9dc759',GradientType=0 ); /* IE6-9 */
}
.btn-white{
   border: 1px solid #fff;
   color: #fff;
   border-radius: 0;
   background: rgba(255,255,255,0.36);
   font-size: 18px;
   padding: 10px 15px 9px;
}
.btn-white:hover{
   background: #fff;
   color: #1a171b;
}
.btn-middle{
   padding-left: 70px;
   padding-right: 70px;
}
.btn-big{
   font-size: 18px;
   padding: 10px 30px 11px;
}
.btn-green{
   color: #fff;
   background: #6ca528;
}
.btn-green:hover{
   background: #5a8a21;
}

/* header */
header{padding: 33px 0 24px;}
.logo{
   float: left;
}
.logo a{
   color: #373737;
   font-size: 19px;
   text-decoration: none;
   position: relative;
   display: block;
}
.logo span{
   position: absolute;
   top: 15px;
   right: 0;
}
.slogan{
   padding-top: 14px;
   margin: 0 0 0 5.1%;
   font-size: 28px;
   line-height: 33px;
   float: left;
   margin-left: 5.1%;
   width: calc(100% - 600px);
}
.phone{
   float: right;
   text-align: right;
   padding-top: 5px;
}
.phone a[href^="tel"], .phone a[href^="tel"]:hover,
.phone a[href^="tel"]:focus{
   text-decoration: none;
   font-size: 31.4px;
   color: #242424;
   letter-spacing: 1px;
}
.phone p{margin-bottom: 8px;}

/* navigation */
nav{margin-bottom: 8px;}
.nav>li+li{border-left: 1px solid #fff;}
.nav>li>a{
   font-size: 19px;
   white-space: nowrap;
   border-top: 1px solid #e7e7e7;
   border-bottom: 5px solid #6ca524;
   color: #383838;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbcbcb+0,fcfcfc+100 */
   background: #cbcbcb; /* Old browsers */
   background: -moz-linear-gradient(top,  #cbcbcb 0%, #fcfcfc 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #cbcbcb 0%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #cbcbcb 0%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#fcfcfc',GradientType=0 );
   margin: 0; /* IE6-9 */
}
.nav>li>a:hover, .nav>li>a:focus, .nav>li.active>a,
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
   border-top-color: #f2f2f2;
   color: #383838;
   border-bottom-color: #9dc759;
   text-decoration: none;
   text-decoration: none;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,fefefe+100 */
   background: #f2f2f2; /* Old browsers */
   background: -moz-linear-gradient(top,  #f2f2f2 0%, #fefefe 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #f2f2f2 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
   background: #9dc759;
}
.nav>li:first-child a{border-top-left-radius: 4px;}
.nav>li:last-child a{border-top-right-radius: 4px;}
.navbar-toggle{border-color: #86bd32;}
.navbar-toggle .icon-bar{background: #86bd32;}
.dropdown:hover>.dropdown-menu{
   display: block;
   margin: 0;
}

/* carousel */
.carousel-nav{
   position: relative;
   margin: 8px 0 13px;
   bottom: auto;
   left: auto;
   width: 100%;
   font-family: Mirandolina;
}
.carousel-nav.carousel-indicators li,
.carousel-nav.carousel-indicators li.active{
   display: table-cell;
   height: auto;
   margin: 0;
   color: #1a171b;
   text-align: center;
   text-indent: 0;
   width: 1%;
   line-height: 30px;
   padding: 10px 5px;
   border-radius: 0;
   padding: 0;
   font-size: 30px;
   background: #d9dadb;
   padding: 10px 5px;
}
.carousel-nav.carousel-indicators li:hover,
.carousel-nav.carousel-indicators li.active{
   color: #fff;
}
.carousel-nav.carousel-indicators li.active#btn-massiv,
.carousel-nav.carousel-indicators li#btn-massiv:hover{
   background: url(../images/btn-massiv.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
}
.carousel-nav.carousel-indicators li.active#btn-baget,
.carousel-nav.carousel-indicators li#btn-baget:hover{
   background: url(../images/btn-baget.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
}
.carousel-nav.carousel-indicators li.active#btn-bravissimo,
.carousel-nav.carousel-indicators li#btn-bravissimo:hover{
   color: #765319;
   background: #e9dfd0;
}
.carousel-nav.carousel-indicators li.active#btn-cargovye,
.carousel-nav.carousel-indicators li#btn-cargovye:hover{
   background: url(../images/btn-cargovye.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
}
.carousel-nav.carousel-indicators li.active#btn-shpon,
.carousel-nav.carousel-indicators li#btn-shpon:hover{
   background: url(../images/btn-shpon.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
}
.carousel-nav.carousel-indicators li+li{border-left: 3px solid #fff;}
.carousel-caption{
   left: auto;
   right: auto;
   bottom: auto;
   top: 20%;
   width: 360px;
   text-shadow: none;
   font-size: 23px;
   padding: 35px 15px 6px;
}
.title-carousel{
   font: 400 65px/65px Mirandolina;
   margin: 30px 0 19px;
}
.carousel-slogan{
   font: 400 22px/24px Mirandolina;
   margin-bottom: 26px;
}
.block-massiv{
   background: url(../images/bg-massiv.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   left: 2.5%;
}
.block-baget{
   background: url(../images/bg-baget.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   left: 17.5%;
}
.block-bravissimo{
   background: rgba(255,255,255,0.7);
   background-image: url(../images/bg-bravissimo.png);
   background-position: 100% 0;
   background-repeat: no-repeat;
   color: #76530e;
   left: 35.5%;
}
.block-bravissimo .title-carousel{
   font-size: 50px;
   line-height: 50px;
   margin: 55px 0 22px;
}
.block-bravissimo .carousel-slogan{margin-bottom: 17px;}
.block-bravissimo .btn{
   color: #765319;
   border-color: #a68f6b;
   background: rgba(220,205,181,0.7);
}
.block-bravissimo .btn:hover{
   color: #fff;
   background: #76530e;
}
.block-cargovye{
   background: url(../images/bg-cargovye.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   right: 17.5%;
}
.block-cargovye .title-carousel{
   font-size: 51px;
   line-height: 50px;
   margin: 43px 0 22px;
}
.block-cargovye .btn{
   background: rgba(99,79,54,0.5);
}
.block-cargovye .btn:hover{
   background: #634f36;
   color: #fff;
}
.block-shpon{
   background: url(../images/bg-shpon.png) 50% 0 no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   right: 3%;
}

/* block */
.block{
   display: block;
   border: 1px solid #f5f5f5;
   border-radius: 8px;
   color: #000;
   font-size: 13px;
   min-height: 167px;
   line-height: 16px;
   position: relative;
   overflow: hidden;
   margin-bottom: 15px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
   background: #ffffff; /* Old browsers */
   background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.block:before{
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: url(../images/block-hover.png) 50% 50% no-repeat;
   -webkit-background-size: cover;
   background-size: cover;
   display: none;
   z-index: 2;
}
.block:hover:before{
   display: block;
}
.block:hover{
   color: #000;
   text-decoration: none;
}
.block img{
   margin-left: -100px;
   float: right;
}
.block-text{
   padding: 45px 10px 10px 19px;
   width: 52%;
   display: block;
   float: left;
   position: relative;
   z-index: 3;
}
.title-block{
   font-size: 16px;
   text-transform: uppercase;
   padding-bottom: 8px;
   display: block;
   border-bottom: 1px solid #e3e3e3;
   margin-bottom: 8px;
}

/* item-block */
.item-list{
   font-size: 0;
   margin-top: 72px;
   padding: 0 6.5%;
}
.item-list>li{
   display: inline-block;
   vertical-align: top;
   width: 20%;
   margin-bottom: 47px;
}
.items{margin-top: -44px;}
.items>.slick-list>.slick-track>.slick-slide{padding: 50px 0 30px;}
.slick-arrow{
   width: 15px;
   height: 29px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   background: url(../images/sprites.png) 0 -150px no-repeat;
   left: -50px;
   border: none;
   font-size: 0;
}
.slick-prev:hover{background-position: -50px -150px;}
.slick-next{
   left: auto;
   right: -50px;
   background-position: -100px -150px;
}
.slick-next:hover{background-position: -150px -150px;}
.item-block{
   position: relative;
   width: 160px;
   height: 380px;
   overflow: hidden;
   margin: auto;
}
.item-block:hover{
   overflow: visible;
   z-index: 5;
}
.item-block-inside{
   border: 1px solid transparent;
   padding: 20px;
   position: absolute;
   top: -50px;
   left: -50px;
   right: -53px;
   bottom: -24px;
   background: #fff;
   padding: 57px 50px 0;
}
.item-block:hover .item-block-inside{
   border-color: #e6e6e6;
   padding-top: 30px;
}
.item-block-inside  .slider-nav .slick-list{height: 100% !important;}
.icon-list{
   position: absolute;
   top: 23px;
   right: 14px;
   z-index: 10;
}
.icon-list li{
   display: block;
   position: relative;
   margin-bottom: 3px;
}
.hover-info{
   position: absolute;
   display: none;
   top: -4px;
   margin: auto;
   left: 100%;
   margin-left: 16px;
   font-size: 13px;
   min-height: 38px;
   line-height: 14px;
   padding: 3px 11px;
   border-radius: 5px;
   border: 1px solid transparent;
   text-align: center;
   font-weight: 100;
   background: #fff;
   z-index: 2;
}
.hover-info:before, .hover-info:after{
   content: "";
   display: block;
   position: absolute;
   right: 100%;
   margin-right: -1px;
   border-color: transparent;
   border-style: solid;
   top: 0;
   bottom: 0;
   margin: auto;
   width: 0;
   height: 0;
}
.hover-info:before{
   border-width: 7px 8px;
}
.hover-info:after{
   border-right-color: #fff;
   border-width: 5px 7px;
}
.icon-list li:hover .hover-info{display: block;}
.hover-info-green{
   color: #6ba424;
   border-color: #6ba424;
}
.hover-info-green:before{border-right-color: #6ba424;}
.hover-info-brown{
   color: #ac996f;
   border-color: #ac996f;
}
.hover-info-brown:before{border-right-color: #ac996f;}
.hover-info-grey{
   color: #878786;
   border-color: #878786;
}
.hover-info-grey:before{border-right-color: #878786;}
.marker{
   display: inline-block;
   font-size: 13px;
   font-weight: 400;
   padding: 0 10px;
   color: #fff;
   position: absolute;
   top: 20px;
   left: 0;
   background: #9dc759;
   -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.31);
   -moz-box-shadow:    2px 2px 6px 0px rgba(0, 0, 0, 0.31);
   box-shadow:         2px 2px 6px 0px rgba(0, 0, 0, 0.31);
   line-height: 17px;
   z-index: 3;
}
.name{
   text-align: center;
   margin: 22px 0 12px;
   line-height: 20px;
}
.item-block:hover .name{margin-top: 6px;}
.name a{
   font-size: 18px;
   color: #434343;
}
.name a:hover{
   text-decoration: none;
   color: #6ca524;
}
.wrap-slider{
   width: 160px;
   margin: auto;
   height: 320px;
   position: relative;
   z-index: 1;
}
.slider-nav {
   width: 32px;
   float: left;
   text-align: center;
   height: 275px;
   position: absolute;
   left: 20px;
   top: 32px;
   overflow: hidden;
}
.slider-nav .slick-arrow{
   content: "";
   display: block;
   background: url(/images/sprites.png) no-repeat;
   width: 7px;
   height: 5px;
   margin: 0 auto 9px;
   left: 0;
   right: 0;
   position: relative;
   top: 0;
   bottom: auto;
}
.slider-nav .slick-arrow.prev{background-position: -200px -150px;}
.slider-nav .slick-arrow.next{
   bottom: 7px;
   top: auto;
   background-position: -200px -170px;
}
.slider-nav .slick-list {padding: 0 !important;}
.slider-nav .slick-list img {
   max-width: 30px;
   max-height: 65px;
   -o-object-fit: cover;
   object-fit: cover;
}
.slick-vertical .slick-slide{
   margin-bottom: 12px;
   cursor: pointer;
}
.slider-for{
   text-align: center;
   height: 100%;
   width: 100%;
   z-index: 2;
}
.slider-for .slick-list{height: 100%;}
.slider-for .slick-list img{margin: auto;}
.slider-for a:hover img{opacity: 0.9;}

/* tabs */
.wrap-tabs{
   border: 1px solid #d9dadb;
   padding: 0 40px;
   margin: 57px 0 69px;
   position: relative;
}
.tabs-nav{
   margin-bottom: -15px;
   text-align: center;
   margin: 63px 0 -17px;
   font-size: 0;
}
.tabs-nav li{
   display: inline-block;
   vertical-align: top;
   padding: 0 16px;
   background: #fff;
}
.tabs-nav li a{
   font-size: 18px;
   color: #181818;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: 100;
}
.tabs-nav li a:hover, .tabs-nav li.active a{color: #69a41d;}



/* news */
.news-slider .slick-arrow{top: -17px;}
.news-block{
   color: #181818;
   font-size: 15px;
   line-height: 20px;
   margin-bottom: 20px;
   padding: 0 15px;
}
.news-block h3 a{color: #181818;}
.news-block h3 a:hover{color: #69a41d;}
.news-block a:hover img{opacity: 0.8;}
.post-date{font-size: 13px; color: #969696; margin-bottom: 7px;}
.wrap-img{display: block;  margin-bottom: 8px;}
.news-block p{margin-bottom: 26px;}
.news-id-block h3 {color: #181818;    font-size: 21px; line-height: 27px;  font-weight: 400;}
.news-id-block ul, .text ol, .text li, .text p, .text img {margin: 0 0 1em;}
.news-id-block ul:last-child, .text ol:last-child, .text li:last-child, .text p:last-child, .text img:last-child {margin-bottom: 0;}

.news-id-block strong {font-weight: 500;}
.news-id-block ul {	list-style-type: none; counter-reset: num; margin: 0 0 0 60px; padding: 15px 0 5px 0; font-size: 16px; position: relative;}
.news-id-block ul li {position: relative; margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 1.4; }
.news-id-block ul li:before {content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0;
	left: -55px; width: 28px; height: 28px; background: #fff; color: #000; text-align: center; line-height: 28px; font-size: 18px;
	border-radius: 50%; border: 1px solid #4A701D;
}
.news-id-block ul:before {content: ''; position: absolute; top: 15px; bottom: 15px;	left: -15px; width: 1px; border-left: 2px solid #4A701D; }

	
.news-id-block a {
    color: #d42e12;
}
.news-id-block a:hover {
    color: #c30000;
}
.news-id-block table {
    border-collapse: collapse;
    width: 100%;
}
.news-id-block tr:nth-child(2n+1) {
    background-color: #f2f2f2;
}
.news-id-block td {
    padding: 20px 14px; vertical-align: top; font-size: 14px;}



/* breadclumb */
.breadcrumb{
   padding: 0;
   margin: 4px 0 15px;
   background: none;
}
.breadcrumb li{
   font-size: 13px;
   color: #6ba427;
   line-height: 16px;
}
.breadcrumb a{color: #1a171b;}
.breadcrumb li+li:before{
   content: "";
   display: inline-block;
   width: 11px;
   height: 6px;
   background: url(../images/sprites.png) -250px -250px no-repeat;
   padding: 0;
    margin: -1px 8px 0 5px;
}
.breadcrumb li+li:last-child:before{background-position: -250px -275px;}

/* sub-menu */
.sub-menu{margin-bottom: 19px;}
.sub-menu+.text-middle{padding-top: 8px;}
.sub-menu-list{font-size: 0;}
.sub-menu-list li{
   display: inline-block;
   vertical-align: top;
}
.sub-menu-list li+li{margin-left: -2px;}
.sub-menu-list a{
   display: block;
   border: 2px solid #d9d9d9;
   border-bottom-color: #6ca528;
   background: #fff;
   border-radius: 4px 4px 0 0;
   color: #383838;
   font-weight: 500;
   font-size: 16px;
   padding: 10px 17px 12px;
}
.sub-menu-list a:hover, .sub-menu-list .active a{
   position: relative;
   z-index: 2;
   border-color: #6ca528;
   border-bottom: none;
}
.sub-menu-toggle{background: #86bd32;}
.sub-menu-toggle .icon-bar {background: #fff;}


/* content */
.content {padding-bottom: 50px;}


.bootem_text h2{

   text-transform: none;
   font-size: 23px;
   line-height: 27px;
   padding-bottom: 2px;
   border-bottom: none;
   position: relative;
   font-weight: 500;
   margin: 0px 0 15px;
}


.content-logo{float: right;}
.content-slogan{
   padding-left: 5%;
   font-size: 28px;
   font-weight: 500;
   padding: 13px 0 0 9.5%;
}
.image-list{
   text-align: center;
   margin: 46px 0 30px;;
}
.image-list li{
   display: inline-block;
   vertical-align: top;
   margin: 0 1%;
   max-width: 47%;
}
.image-list a{
   display: block;
   background: #fff;
   border: 1px solid #acacac;
   border-radius: 3px;
   padding: 5px;
}
.image-list a:hover{
   -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.78);
   -moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.78);
   box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.78);
}
.square-list{
   padding-left: 21px;
   margin-bottom: 15px;
}
.square-list li{
   position: relative;
   padding-left: 18px;
   margin-bottom: 7px;
}
.square-list li:before{
   content: "";
   display: block;
   width: 7px;
   height: 7px;
   background: #6ca528;
   position: absolute;
   top: 9px;
   left: 0;
}
p+.square-list{margin-top: -15px;}
.square-list-margin{margin-top: -10px;}
.square-list-margin li{margin-bottom: 0;}
.block-link-list{
   font-size: 0;
   padding-bottom: 16px;
}
.block-link-list li{
   display: inline-block;
   vertical-align: top;
   width: 20%;
}
.block-link-list li .block-link img{margin-bottom: 26px;}
.block-link-list-big{margin-bottom: 18px;}
.block-link-list-big a{
   font-size: 18px;
   position: relative;
}
.block-link-list-big a .marker{
   top: 46px;
   left: 27px;
}
.block-link-list-big li .block-link img{margin-bottom: 7px;}
.block-link{
   display: block;
   padding: 20px;
   color: #53504e;
   border: 1px solid transparent;
   text-align: center;
   margin: 3px 0 5px;
   font-size: 16px;
}
.block-link:hover{
   border-color: #bfbfbf;
   color: #53504e;
}
.block-link img{margin-bottom: 10px;}
.wrap-capital{margin-bottom: 0;}
.number-list{
   counter-reset: number-list;
   margin: 26px 0;
}
.number-list li{margin-bottom: 25px;}
.number-list li:before{
   counter-increment: number-list;
   content: counter(number-list) ". ";
}
.float-image{
   margin: -5px 3% 15px;
   float: right;
}
.image-block{
   display: inline-block;
   border-radius: 4px;
   overflow: hidden;
   margin: 11px 0;
}
.text-block{padding: 35px 0;}
.text-block ul{padding: 7px 0 2px;}
.text-block li{margin-bottom: 12px;}
.text-block {padding: 14px 0;}
.wrap-sertificate{margin: 92px 0;}


/* gallery-list */
.gallery-list{margin: 7px 0 11px;}
.gallery-list-margin{margin-top: 42px;}
.gallery-list li{
   float: left;
   width: 33%;
   margin-bottom: 15px;
}
.gallery-list li+li{margin-left: 0.5%;}

/* box */
.box{margin-bottom: 15px;}
.box .sprites{
   float: left;
   margin: 18px 22px 15px;
}
.box-text{padding-left: 174px;}

/* item page */
.item-block-page{margin-bottom: 50px;}
.item-block-page{
   position: relative;
   border: 1px solid #ecebeb;
   padding: 25px 30px 7px;
}
.item-block-page .icon-list{right: 8px;}
.slider-for-page{
   width: 212px;
   margin: 0 auto 13px;
}
.slider-for-page img{
   max-width: 212px;
   height: auto;
   margin: auto;
}
.slider-nav-page .slick-slide{
   cursor: pointer;
   text-align: center;
}
.slide-img{
   display: inline-block;
   padding: 4px;
   border-radius: 4px;
   border: 1px solid transparent;
}
.slick-current .slide-img{border-color: #e1e1e1;}
.slider-nav-page .slick-slide img{
   max-width: 30px;
   max-height: 65px;
   -o-object-fit: cover;
   object-fit: cover;
}
.slider-nav-page .slick-arrow{
   width: 5px;
   height: 9px;
}
.slider-nav-page .slick-prev{
   background-position: -250px -150px;
   left: -10px;
}
.slider-nav-page .slick-prev:hover{background-position: -250px -170px;}
.slider-nav-page .slick-next{
   background-position: -280px -150px;
   right: -10px;
}
.slider-nav-page .slick-next:hover{background-position: -280px -170px;}

/* info */
.info-left{
   font-size: 18px;
   float: left;
   width: calc(100% - 250px );
   text-align: justify;
}
.info-block{
   padding: 17px 15px 5px;
   border: 1px solid #c6c7c8;
   font-size: 11px;
   line-height: 12px;
   color: #000;
   float: right;
   width: 234px;
   margin: 23px 0 0;
}
.info-block p{margin-bottom: 7px;}
.info-block a{color: #000;}
.info-block a:hover{color: #6ca528;}
.info-block b{font-weight: 500;}
.info-block-title{
   border-top: 1px solid #eae9ea;
   margin: 0 10px 13px;
   text-align: center;
}
.info-block-title span{
   display: inline-block;
   position: relative;
   background: #fff;
   padding: 0 10px;
   top: -6px;
}
.info-block-phone{
   text-transform: uppercase;
   border-bottom: 1px solid #eae9ea;
   margin-bottom: 9px;
   text-align: center;
}
.info-block-phone p{margin-bottom: 6px;}
.info-block-phone a{font-size: 21px;letter-spacing: 1px;}
.info-block .sprites{margin-left: 34px;;}


/* characteristics-table */
.characteristics-table{
   color: #000;
   width: 100%;

}
.characteristics-table td{
   padding: 0 0 5px;
   vertical-align: top;
}
.characteristics-table td:first-child{
   padding-right: 10px;
   font-weight: 500;
}
.characteristics-table td:last-child{text-align: right;}

/* example-list */
.example-list{
   margin-bottom: 26px;
   padding-top: 8px;
   margin: 0 0 26px -5px;
}
.example-list>div{
   display: inline-block;
   vertical-align: top;
   margin: 0 14px 15px 0;
   text-align: center;
   line-height: 18px;
   max-width: 215px;
}
.example-list>div a{
   display: inline-block;
   padding: 5px 4px;
   border: 1px solid transparent;
   border-radius: 2px;
   margin-bottom: 2px;
}
.example-list>div a:hover,
.example-list>div.active a{border-color: #dbdcdd;}
.example-list>div:last-child{margin-right: 0 !important;}
.example-list-circle{padding-top: 0;}
.example-list-circle>div{margin-right: 6px;}
.example-list-circle>div a{
   width: 120px;
   height: 120px;
   padding: 4px;
   margin-bottom: 0;
   border-radius: 50%;
}
.example-list-circle img{
   width: 110px;
   height: 110px;
   border-radius: 50%;
}
.example-list-small{
   padding-top: 0;
   margin: 0 0 23px 2px;
}
.example-list-small>div{
   max-width: 107px;
   margin-right: 20px;
}
.example-list-small>div a{
   padding: 2px;
   border-radius: 4px;
   max-width: 107px;
   margin: auto;
}
.example-list-small+.example-list-small{margin-top: -25px;}
.example-list-small-margin{padding: 6px 0 22px;}
.example-list-small-margin li{min-height: 107px;}
.example-list-small-margin li a{
   margin-bottom: 6px;
}

/* partners-tabs */
.partners-tabs-nav{margin: 15px 0 28px;}
.partners-tabs-nav li{
   display: inline-block;
   vertical-align: top;
   margin-right: 5.5%;
   font-size: 23px;
}
.partners-tabs-nav a{
   color: #000;
   display: block;
   padding-bottom: 5px;
   border-bottom: 2px solid transparent;
}
.partners-tabs-nav a:hover, .partners-tabs-nav .active a{
   border-bottom-color: #76ab36;
   text-decoration: none;
}
.partners-tabs-nav .active a{font-weight: 500;}

/* form */
.form{
   padding: 22px 29px 7px;
   background: #e9e9e9;
   border: 1px solid #d9d9d9;
   margin: 32px auto;
   border-radius: 3px;
}
.title-form{
   text-align: center;
   font-size: 21px;
   text-transform: uppercase;
   font-weight: 500;
   margin: 0 0 21px;
}
.form input[type="text"], .form input[type="email"],
.form input[type="password"], .form input[type="tel"],
.form textarea{
   border-radius: 4px;
   border: 1px solid #d0d0d0;
   min-height: 42px;
}
.form p{margin-bottom: 16px;}
.float-form{
   float: right;
   width: 326px;
   max-width: 100%;
}
.jq-selectbox{background: none;margin-bottom: 1px;}
.jq-selectbox__select{
   border-radius: 4px;
   padding: 3px 14px 4px;
    border: 1px solid #d0d0d0;
    background: #fff;
}
.jq-selectbox__select-text{
    color: #acacac;
    font: 300 14px/30px 'Roboto', sans-serif;
}
.jq-selectbox__trigger:before{
   content: "";
   position: absolute;
   top: 3px;
   bottom: 3px;
   width: 1px;
   left: 2px;
   background: #d0d0d0;
}
.jq-selectbox__trigger-arrow{
   background: url(../images/sprites.png) -250px -200px no-repeat;
   width: 14px;
   height: 8px;
   border: none;
}
.jq-selectbox li{
   font: 300 14px/30px 'Roboto', sans-serif;
}

/* product */
.product{}
.product p{margin-bottom: 17px;}
.product-image-list{
   padding: 7px 0;
   text-align: center;
}
.product-image-list li{
   display: inline-block;
   vertical-align: top;
   max-width: 49%;
   padding: 0 15px;
}
.product-image-list{
   text-align: center;
}
.product-price {
   text-align:center;
    font: 400 36px 'Roboto', sans-serif;
}
.product-price span
{
   font: 500 16px 'Roboto', sans-serif;
}

.check-list li{
   position: relative;
    margin-bottom: 15px;
    padding-left: 28px;
    line-height: 23px;
}
.check-list li:before{
   content: "";
   display: block;
   width: 21px;
   height: 15px;
   background: url(../images/sprites.png) -150px -200px no-repeat;
   position: absolute;
    top: 7px;
    left: 2px;
}
.wrap-collapse-link{
   margin-top: 71px;
   text-align: right;
}
.collapse-link{
   border-bottom: 1px dashed #9ec471;
}
.table-striped.table>tbody>tr>td{
   padding: 7px 12px;
   border: none;
}
.table>tbody>tr>td{}
.table-striped>tbody>tr:nth-child(odd){background: #e9e9e9;}
.table-striped.table>tbody>tr>td:first-child{
   position: relative;
}
.table-striped.table>tbody>tr>td:first-child:after{
   content: "";
   display: block;
   position: absolute;
   background: #fff;
   right: 0;
   top: 0;
   bottom: 5px;
   width: 1px;
}

/* series */
.series-wrap{margin-bottom: 37px;}
.series-wrap .block-link-list-big{margin-bottom: 0;}
h2+.series-list{
   margin-top: -8px;
}
.series-list li{width: 16.5%;}

/* article */
.article{
   padding: 45px 0 23px;
   border-bottom: 1px solid #f5f5f5;
}
.article a:hover img{opacity: 0.8;}
.acticle-image{
   width: 26%;
   float: left;
}
.acticle-text{
   width: 74%;
   float: left;
   padding-left: 4%;
   padding: 6px 0 0 4%;
}
.article .i-time{margin-right: 8px;}
.article .post-date{margin-bottom: 17px;}
.article h3{margin-bottom: 12px;}
.article a:hover{text-decoration: underline;}

/* pagenav */
.pagination{
   text-align: center;
   margin: 63px 0;
   display: block;
}
.pagination>li{
   display: inline-block;
   vertical-align: top;
   margin: 0 5px;
}
.pagination>li>a, .pagination>li>span{
   font-size: 20px;
   color: #acacac;
   border: none;
   margin: 0;
   float: none;
}
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus{
   color: #6ca528;
   background: none;
   text-decoration: underline;
}
.pagination>li:first-child>a:hover, .pagination>li:first-child>span:hover,
.pagination>li:first-child>a:focus, .pagination>li:first-child>span:focus,
.pagination>li:last-child>a:hover, .pagination>li:last-child>span:hover,
.pagination>li:last-child>a:focus, .pagination>li:last-child>span:focus{
   text-decoration: none;
}
.pagination>.active>a, .pagination>.active>span,
.pagination>.active>a:hover, .pagination>.active>span:hover,
.pagination>.active>a:focus, .pagination>.active>span:focus{
   font-weight: 500;
   background: none;
   color: #6ca528;
   text-decoration: underline;
}
.pagination>li:first-child{margin-right: 4%;}
.pagination>li:last-child{margin-left: 4%;}

/* contacts */
.map{}
.contacts-list{
   margin: 104px 0;
   padding-left: 14.5%;
}
.contacts-list li{
   position: relative;
   padding-left: 50px;
   margin-bottom: 19px;
}
.contacts-list .sprites{
   position: absolute;
   left: 0;
}
.map{height: 340px;margin: 56px 0;}
.map iframe{
   width: 100%;
   height: 100%;
   border: none;
}

/* feedback */
.feedback{padding: 6px 0;}
.feedback p{margin-bottom: 16px;}
.feedback .btn{padding: 8px 10px 9px;}
.feedback input[type="text"], .feedback input[type="email"],
.feedback input[type="password"], .feedback input[type="tel"],
.feedback textarea{
   font-size: 16px;
   border: 1px solid #bfbfbf;
   padding: 3px 14px 5px;
   min-height: 40px;
}
.feedback ::-webkit-input-placeholder{font-size: 16px;}
.feedback ::-moz-placeholder{font-size: 16px;}
.feedback :-moz-placeholder{font-size: 16px;}
.feedback :-ms-input-placeholder{font-size: 16px;}
.wrap-map{position: relative;}
.wrap-map .sprites{
   position: absolute;
   top: 9px;
   left: 14px;
}
.wrap-map input[type="text"]{padding-left: 39px;}

/* advantages */
.advantages-block{
   border-bottom: 1px solid #eaeaea;
   padding-bottom: 44px;
   margin-bottom: 33px;
}
.advantages-image{
   float: left;
   width: 43%;
}
.advantages-text{
   width: 57%;
   float: left;
   padding: 71px 2.7% 0 3.7%;
}
.advantages-text .title{
   margin: 0 0 15px;
   text-transform: uppercase;
}

/* modal */
.modal-content{
   padding: 23px 23px 12px;
   background: #d7d7d7;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 2px;
}
.modal-content p{margin-bottom: 15px;}
.modal-title{
   margin-bottom: 17px;
   text-align: center;
   font-size: 21px;
   text-transform: uppercase;
   font-weight: 500;
}
.close{
   position: absolute;
   top: -12px;
   right: -10px;
   opacity: 1;
}
.close:hover{opacity: 0.8;}
.modal-content input[type='text']{min-height: 44px;}


/* modal Confidentiality */
.modal-content-conf{
   padding: 23px 23px 12px;
   background: #FFFFFF;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 2px;
}

.modal-content-conf p{margin-bottom: 15px;}
.modal-title-conf{
   margin-bottom: 17px;
   text-align: center;
   font-size: 21px;
   text-transform: uppercase;
   font-weight: 500;
}
.close{
   position: absolute;
   top: -12px;
   right: -10px;
   opacity: 1;
}
.close:hover{opacity: 0.8;}
.modal-content-conf input{min-height: 44px;}


/* footer */
footer{
   background: #f8f7f7;
   padding: 27px 0 12px;
   color: #1a1a19;
   line-height: 20px;
}
.social-list{
   float: right;
}
.social-list li{
   display: inline-block;
   vertical-align: top;
}
.social-list li+li{margin-left: 4px;}
.social-list a{
   display: block;
   width: 42px;
   height: 42px;
   background: #fff;
   border: 1px solid #e0e1e1;
   border-radius: 50%;
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.social-list a:hover{border-color: #6ca524;}

/* sprites */
.sprites{
   display: inline-block;
   vertical-align: middle;
   background: url(../images/sprites.png) 0 0 no-repeat;
}
.years-1{

   width: 130px;
   height: 98px;
   background: url(../images/years-1.png) 0 0 no-repeat;
}

.years-2{

   width: 130px;
   height: 98px;
   background: url(../images/years-2.png) 0 0 no-repeat;
}

.years-3{

   width: 130px;
   height: 98px;
   background: url(../images/years-3.png) 0 0 no-repeat;
}

.years-4{

   width: 130px;
   height: 98px;
   background: url(../images/years-4.png) 0 0 no-repeat;
}

.i-icon-1{
   background-position: 0 0;
   width: 32px;
   height: 33px;
}
.i-icon-2{
   background-position: -50px 0;
   width: 32px;
   height: 32px;
}
.i-icon-3{
   background-position: -100px 0;
   width: 32px;
   height: 32px;
}
.i-icon-4{
   background-position: -150px 0;
   width: 32px;
   height: 32px;
}
.i-icon-5{
   background-position: -250px 0;
   width: 32px;
   height: 32px;
}
.i-icon-6{
   background-position: -200px 0;
   width: 32px;
   height: 32px;
}
.i-google{
   background-position: -50px -50px;
   width: 40px;
   height: 40px;
}
.i-ins{
   background-position: -100px -50px;
   width: 40px;
   height: 40px;
}
.i-pdf{
   background-position: -200px -50px;
   width: 21px;
   height: 22px;
   margin-right: 7px;
   float: left;
}
.i-phone{
   background-position: -100px -100px;
   width: 28px;
   height: 28px;
}
.i-price{
   background-position: -150px -50px;
   width: 21px;
   height: 22px;
   margin-right: 7px;
}
.i-time-big{
   background-position: -50px -100px;
   width: 28px;
   height: 28px;
   top: 13px;
}
.i-email{
   background-position: 0 -100px;
   width: 28px;
   height: 23px;
   top: 6px;
}
.i-vk{
   background-position: 0 -50px;
   width: 40px;
   height: 40px;
}
.i-map{
   background-position: -150px -100px;
   width: 28px;
   height: 30px;
   top: 8px;
}
.i-basket{
   background-position: -250px -50px;
   width: 29px;
   height: 29px;
   margin-right: 5px;
   margin: -7px 15px -4px 0;
}
.i-close{
   background-position: -200px -100px;
   width: 23px;
   height: 23px;
}
.i-map-form{
   background-position: -250px -100px;
   width: 14px;
   height: 20px;
}
.i-time{
   background-position: -200px -200px;
   width: 13px;
   height: 12px;
   margin: -1px 5px 0 0;
}
.i-prev-nav{
   background-position: -150px -250px;
   width: 43px;
   height: 10px;
   margin-right: 10px;
   margin: -5px 14px 0 0;
}
a:hover .i-prev-nav{background-position: -150px -275px;}
.i-next-nav{
   background-position: -200px -250px;
   width: 43px;
   height: 10px;
   margin: -5px 0 0 14px;
}
a:hover .i-next-nav{background-position: -200px -275px;}
a:hover .i-vk{background-position: -300px -100px;}
a:hover .i-google{background-position: -300px -50px;}
a:hover .i-ins{background-position: -300px 0;}


/* responsive */
@media (min-width: 768px) {
   .navbar-collapse{padding: 0;}
   .modal-dialog{max-width: 467px;}
   #confid .modal-dialog{
      width: 90%;
      max-width: 90%;
   }
   .news-slider{margin: 0 40px;}
   /*html, body{height: 100%;}
   #wrap{
      height: 100%;
      height: auto;
      margin-bottom: -102px;
   }
   #wrap:after{
      content: "";
      display: block;
      height: 102px;
   }*/
   .item-block-page{
      float: left;
      width: 310px;
      margin-right: 30px;
   }
   .info{
      width: calc(100% - 340px);
      float: left;
   }
}
@media (min-width: 992px) {
   .partners-tabs{
      float: left;
      width: calc( 100% - 350px );
   }
   .table-striped.table>tbody>tr>td:first-child{
      width: 37%;
   }
   .series-list .block-link:hover{
      margin: -13px -9% 5px;
       padding-top: 35px;
      padding: 36px 16% 20px;
   }





}
@media (min-width: 1200px) {
   .nav>li>a{padding: 18px 10px 12px;}
   .wrap-capital{padding: 0 5%;}
   .block-link-list{
      padding-left: 2%;
      padding-right: 2%;
   }
   .series-wrap .block-link-list{
      padding-left: 5%;
      padding-right: 5%;
   }
   .partners-tabs{width: calc( 100% - 410px );}
   .wrap-collapse-link{padding-right: 10%;}
   .series-list{padding: 0 5%;}
   .acticle-text{padding-right: 4%;}
   .wrap-sertificate{padding: 0 2%;}

}
@media (min-width: 1300px) {
   .container{width: 1230px;}
}




@media (max-width: 1300px) {
   .slogan{
      font-size: 28px;
      margin-left: 4%;
   }
}
@media (max-width: 1200px) {
   .slogan{padding-top: 14px;}
   .carousel-caption{top: 10%;}
   .item-list li{width: 25%;}
   .partners-tabs-nav li{margin-right: 20px;}
   .advantages-text{padding-top: 50px;}
}
@media (max-width: 992px) {
   .slogan{
      width: 100%;
      margin: 0;
      text-align: center;
      padding-top: 5px;
   }
   .carousel-nav.carousel-indicators li,
   .carousel-nav.carousel-indicators li.active{
      font-size: 25px;
   }
   .carousel-inner>.item{height: 400px;}
   .carousel-inner>.item img{
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
   }
   .slick-prev{left: -10px;}
   .slick-next{right: -10px;}
   .item-list li{width: 33%;}
   .sub-menu-list a:hover, .sub-menu-list .active a{
      background: #6ca528;
      color: #fff;
      border-bottom: 2px solid #6ca528;
   }
   .block-link-list li{width: 33.3%;}
   .float-form{float: none;}
   .acticle-image{width: 40%;}
   .acticle-text{width: 60%;}
   .pagination>li:first-child, .pagination>li:last-child{
      display: block;
      margin: 12px 0;
   }
   .advantages-text{padding-top: 5px;}




}
@media (max-width: 768px) {
   #navbar{clear: both;}
   .nav-justified>li>a{text-align: left;}
   .carousel-nav.carousel-indicators li,
   .carousel-nav.carousel-indicators li.active{
      font-size: 19px;
   }
   .wrap-tabs{padding: 0 20px;}
   .wrap-tabs .embed-responsive{margin-bottom: 20px;}
   footer{text-align: center;}
   .social-list{
      float: none;
      text-align: center;
   }
   .social-list li+li, .social-list li{margin: 0 2px;}
   #sub-menu{clear: both;}
   .sub-menu-list li{display: block;}
   .sub-menu-list li+li{margin: 0;}
   .content-logo{float: none;}
   .content-slogan{padding-left: 0;}
   .item-list li{width: 50%;}
   .slider-nav-page{
      max-width: 250px;
      margin: auto;
   }
   .sub-menu-list{border-bottom: 1px solid #d9d9d9;}
   .sub-menu-list a{
      border-radius: 0;
      border-bottom: none;
   }
   .nav>li>a{
      border-bottom-width: 1px;
      background: #e8e8e9;
   }
   .partners-tabs-nav li {
       margin-right: 6px;
   }
   .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th,
   .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td,
   .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td{
      white-space: normal;
   }
   .acticle-image, .acticle-text{
      width: 100%;
      float: none;
      padding-left: 0;
   }
   .acticle-image{margin-bottom: 15px;}
   .advantages-text, .advantages-image{
      float: none !important;
      width: 100%;
   }
   .advantages-image{margin-bottom: 20px;}
   .advantages-block .text-right{text-align: left;}
   .navbar-collapse.in{overflow: visible;}
   .contacts-list{padding-left: 0;}
   .float-right{
      float: none;
      margin: 0 0 20px 0;
   }



}
@media (max-width:570px){
   .logo, .phone{
      float: none;
      text-align: center;
   }
   .phone{padding-top: 15px;}
   .carousel-nav.carousel-indicators li,
   .carousel-nav.carousel-indicators li.active{
      display: block;
      width: 100%;
   }
   .carousel-nav.carousel-indicators li + li{border-left: none;}
   .carousel-caption{
      left: 0;
      right: 0;
      width: 100%;
   }
   .block-bravissimo .title-carousel{font-size: 40px;}
   .block-text{
      padding-right: 19px;
   }
   .title-border span{
      font-size: 24px;
      line-height: 27px;
   }
   .gallery-list li+li{margin-left: 0;}
   .gallery-list li{width: 100%;}
   .box .sprites{
      float: none;
      margin: 0 auto 20px;
      display: block;
   }
   .box-text{padding: 0;}
   .box-text .title-small{text-align: center;}
   .item-list li{width: 100%;}
   .image-list li{
      max-width: 100%;
      margin: 0 auto 15px;
   }
   .info-left{
      width: 100%;
      float: none;
   }
   .info-block{
      float: none;
      margin: 23px auto;
   }
   .example-list>div{
      width: 48%;
      margin: 0 0 15px;
   }
   .example-list-circle>div a, .example-list>div a img{
      margin: auto;
   }
   .example-list-small>div{max-width: 32%;}
   .block-link{margin-bottom: 30px;}
   .mobile-row>div{width: 100%;}
   .block-link-list li{width: 50%;}
   .block-link-list .block-link{padding: 10px;}
   .partners-tabs-nav li{margin: 0 10px 15px 0;}
   .form {padding: 22px 15px 7px;}
   .pagination>li{margin-bottom: 10px;}
   .map{height: 300px;}
   .block img{width: 50%;}

}





@media (min-width: 992px) and (max-width: 1200px) {
   .i-basket{margin-right: 0;}
   .block img{margin-left: 0;}
   .sub-menu-list a{
      padding: 8px 7px;
      font-size: 14px;
   }
}
@media (min-width: 768px) and (max-width: 992px) {
   .nav>li>a{
      font-size: 16px;
      padding: 10px;
   }
   .i-basket{margin-right: 0;}
   .block img{margin-left: 0;}
   .block-text{
      width: 100%;
      padding-right: 19px;
   }
   .info-left{
      width: 100%;
      float: none;
   }
   .info-block{
      float: none;
      margin: 23px auto;
   }
}
