@import "fonts.css";
@import "template.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "gallery.css";
@import "reviews.css";

html {margin: 0!important;}
body {font-family: "ProximaNova Regular";}
/*-----------------------------------*/

.loaderArea {
  perspective: 1000px;

perspective-origin: center -3em;
  overflow: hidden;
  font-size: 14px;
  background: linear-gradient(90deg, #d1b5a7 10%, #7e605d 90%);
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 100000;
  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.logotip{
  margin-top: 45px;
}

.side,
.containerPreloader {
    width: 10em;
    height: 8em;
}

.back {
  transform: translateZ(-5em);
  background: url(../images/back.png) no-repeat;
  background-size: 100% 100%;
  }

.containerPreloader {
    transform-style: preserve-3d;
    animation: rotate 10s infinite linear;
    transform: rotateY(0deg);
}

.side {
  position: absolute;
  width: 10em;
  height: 6em;
  
/*  opacity: .7;*/
  }

.front {
  transform: translateZ(5em);
  background: url(../images/front.png) no-repeat;
  background-size: 100% 100%;
  }

.left {
  transform: translateX(-5em) rotateY(-90deg);
  background: url(../images/left.png) no-repeat;
  background-size: 100% 100%;
  }

.right {
  transform: translateX(5em) rotateY(90deg);
  background: url(../images/right.png) no-repeat;
  background-size: 100% 100%;
  }

.top {
  transform: translateY(-5em) rotateX(90deg);
  background: url(../images/top.png) no-repeat;
  background-size: 100% 100%;
  height: 10em;
  }

@keyframes rotate {
  100% {
    transform: rotateY(-360deg);
  }
}





.loader {
  height: 100px;
  width: 100px;
 margin: 0 auto;
 margin-top: 20%;
  background: url(../images/logo-mini.png) no-repeat;

  -webkit-animation:loaderAnim 3s infinite linear;animation:loaderAnim 3s infinite linear;

}
 
 
translateY(-50%);left:-50px;-webkit-animation:pulse .9554140127s infinite alternate;animation:pulse .9554140127s infinite alternate}
@-webkit-keyframes loaderAnim {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loaderAnim {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes pulse {
0%{-webkit-transform:translateY(-50%) scale(0.25);transform:translateY(-50%) scale(0.25);border-color:#fff}
100%{-webkit-transform:translateY(-50%) scale(1.9);transform:translateY(-50%) scale(1.9)}
}
@keyframes pulse {
0%{-webkit-transform:translateY(-50%) scale(0.25);transform:translateY(-50%) scale(0.25);border-color:#fff}
100%{-webkit-transform:translateY(-50%) scale(1.9);transform:translateY(-50%) scale(1.9)}
}



.row-svk {display: flex; flex-direction: row;}
.col-svk {display: flex; flex-direction: column;}

/*----------h1------------*/
h1{font-family: "ProximaNova Bold";font-size: 30px;text-shadow: 1px 1px 3px #32000096;text-align: center;text-transform: uppercase;}
.h1-white{ color: #fff; }
.h1-black{color: #1e0000;}

/*-------------button--------------------*/

.btn-green { color: white; border-radius: 25px; }


a.btn-green:link, a.btn-green:visited {
  position: relative;
  display: block;
  margin: 30px auto 0;
  padding: 0px 0px;
  background: #3caa32;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
a.btn-green:link:after, a.btn-green:visited:after {
  content: "";
  position: absolute;
  background: none repeat scroll 0 0 #2ae619;
  height: 0%;
  left: 50%;
  top: 70%;
 
  z-index: -1;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
a.btn-green:link:hover, a.btn-green:visited:hover {
  color: #fff;
  text-shadow: none;
}
a.btn-green:link:hover:after, a.btn-green:visited:hover:after {
  height: 420%;
}


a.btn-green:after {
  width: 0%;
  border-radius: 50%;
  opacity: .5;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
a.btn-green:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}


/*----------background------------*/
.maps {height:545px;}
.component {background: url('../images/component-back.jpg') repeat center ; padding-bottom: 50px; }
.slider {background: url('../images/back/slider-back.jpg') no-repeat center -1%; background-size: cover;  height: 896px;margin-top: 22px  }
.proizvodstvo {background: url('../images/back/proizvodstvo-back2.png') no-repeat center center; background-size: cover; height: 622px; margin-top: -40px; padding-top: 5px; position: relative; z-index: 2; }
.kompanii {background: url('../images/back/kompanii-back.jpg') no-repeat center center; background-size: cover; height: 448px; margin-top: -45px; padding-top: 35px;  }
.prices {background: url('../images/back/sobstvennoe-back.png') no-repeat center center; background-size: cover; height: 591px; margin-top: -40px; padding-top: 55px; position: relative; z-index: 2; }
.sotrudnichestvo {background: url('../images/back/sotrudnichestvo-back.jpg') no-repeat center center; background-size: cover; height: 849px; margin-top: -55px; padding-top: 25px; }
.zakaz {background: url('../images/back/zakaz-back.png') no-repeat center center; background-size: cover; height: 1250px; margin-top: -40px; padding-top: 45px; position: relative; z-index:;}
.shema {background: url('../images/back/shema-back.png') no-repeat center center; background-size: cover; height: 821px; margin-top: -40px; padding-top: 25px; position: relative; z-index: 2; }
.reviews {background: url('../images/back/otziv-back.jpg') no-repeat center center; background-size: cover; height: 791px; margin-top: -70px; padding-top: 25px; margin-bottom: -285px;}
.sobstvennoe {background: url('../images/back/sobstvennoe-back.png') no-repeat center center; background-size: cover; height: 591px; margin-top: -50px; padding-top: 55px; position: relative; z-index: 2; }
footer {background: url('../images/back/footer-back.png') no-repeat center center ; background-size: cover; height: 208px;  margin-top: -50px; padding-top: 25px; position: relative; z-index: 2;  }
/*--------------------------------------*/
main {margin-top: -22px;}
.navigation {position:absolute;}

.border {border-top: 2px dashed black; border-bottom: 2px dashed black; border-left: 2px dashed black; }

/*------------proizvodstvo-------------*/

.proizvodstvo .btn-green {width: 45px; font-size: 30px; height: 45px; padding-left: 5px!important; margin-top: 15px!important;} 
 
.proizvodstvo a.btn-green:link, .proizvodstvo a.btn-green:visited {/* color: transparent; */ }
.proizvodstvo .btn-green:hover {background: #2ae619; }

.proizvodstvo{ color: white;}
.proizvodstvo ul {margin-left: -35px; margin-top: 0px}
.proizvodstvo .row {margin-top: 40px}
.proizvodstvo h3{ width: 210px; font-size: 22px; position: absolute; top: 30px; line-height: 1; left: -10px; font-family: "ProximaNova Bold"; text-shadow: 1px 1px 5px black;}
.proizvodstvo .banner4 h3 {top: 10px;}
.proizvodstvo .banner {position: relative; padding-top: 120px}
.proizvodstvo .banner .image-banners-1 { transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner1.png) no-repeat;}
.proizvodstvo .banner .image-banners-2 {transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner2.png) no-repeat;}
.proizvodstvo .banner .image-banners-3 {transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner3.png) no-repeat;}
.proizvodstvo .banner .image-banners-4 { transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner4.png) no-repeat;}
.proizvodstvo .banner .image-banners-5 {transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner5.png) no-repeat;}
.proizvodstvo .banner .image-banners-6 {transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner6.png) no-repeat;}
.proizvodstvo .banner .image-banners-7 {transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner7.png) no-repeat;}
.proizvodstvo .banner .image-banners-8 {transition: 0.5s; position: absolute; top: 0; width: 100%; background: url(../images/banners/banner8.png) no-repeat;}
.proizvodstvo .banner1:hover .image-banners-1 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner1-hov.png) no-repeat;}
.proizvodstvo .banner2:hover .image-banners-2 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner2-hov.png) no-repeat;}
.proizvodstvo .banner3:hover .image-banners-3 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner3-hov.png) no-repeat;}
.proizvodstvo .banner4:hover .image-banners-4 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner4-hov.png) no-repeat;}
.proizvodstvo .banner5:hover .image-banners-5 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner5-hov.png) no-repeat;}
.proizvodstvo .banner6:hover .image-banners-6 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner6-hov.png) no-repeat;}
.proizvodstvo .banner7:hover .image-banners-7 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner7-hov.png) no-repeat;}
.proizvodstvo .banner8:hover .image-banners-8 {position: absolute; top: 0; width: 100%; background: url(../images/banners/banner8-hov.png) no-repeat;}

.proizvodstvo li {font-size: 17px; list-style-image: url('../images/list-style-1.png')}
.proizvodstvo .banner .btn-green {position: absolute;right: -5px;top: 50px;}

.banner1, .banner2, .banner5, .banner6 {
    left: -10px;
}
.banner3, .banner4, .banner7, .banner8 {
    right: -10px;
}


/*--------------sotrudnichestvo------------------------*/
.sotrudnichestvo {text-align: center;}
.sotrudnichestvo img {display: inline-block; margin-top: 10px;}
.sotrudnichestvo p {font-size: 17px; font-family: "ProximaNova Bold"; }
.open-bottom p {text-align: right;}
.open-bottom {display: flex; justify-content: space-around; align-items: center;}
.open-bottom a {color: black; font-family: "ProximaNova Regular"; font-size: 20px;}
.open-bottom a:hover {text-decoration: none;}
.dashed {font-size: 30px!important; padding: 5px 25px; border: 1px dashed black; border-radius: 25px;}

/*-------------map-------------*/
.maps {position: relative; margin-top: -50px}
.maps h1 {position: absolute; z-index: 3; left:0; right: 0; top: 15px;}

/*---------slider------------*/

.slider .center {padding-top: 181px; position: relative; z-index: 100;  }
.slider .slick-slide {height: 400px; width: 400px!important;/* margin: 0 15px; */filter: contrast(40%) brightness(1.2) sepia(30%); padding: 0 10px;  }
.slider .slick-current {height: 640px;width: 640px!important; margin-top: -115px; filter: none;  transition: 0.5s;}
.slider .slick-track {align-items: center; margin-left: 0px;  transition: 1s; margin-top: 105px}
.slider .slick-prev {position: absolute; z-index: 109; top: 450px; left: 0px; height: 65px; width: 65px; color: transparent; background: url(../images/slick-prev.png) no-repeat; border: none }
.slider .slick-next {position: absolute; z-index: 109; top: 450px; right: -5px; height: 65px; width: 65px; color: transparent; background: url(../images/slick-next.png) no-repeat; border: none}
.slider .slick-prev:hover {background: url(../images/slick-prev-active.png) no-repeat;}
.slider .slick-next:hover {background: url(../images/slick-next-active.png) no-repeat;}
.slider-content {position: relative;z-index: 101;Color: white;margin: 0 auto;font-size: 60px;top: -410px;text-align: center;text-shadow: 1px 1px 5px black;}
.slider-content .row-svk {align-items: center; justify-content: center; margin-bottom: -100px}
.slider-content .green { font-size: 130px; color: #3caa32 }
.slider-content p {font-size: 100px; font-family: "ProximaNova Bold"}
.slider-content span {font-size: 32px; font-family: "ProximaNova Bold"; text-transform: uppercase; text-align: left;}

.slider-content button {padding: 0 20px; text-transform: uppercase; border: none; border-radius: 35px; color: white; background: #3caa32; z-index: 16; box-shadow: 1px 1px 5px black; height: 45px; font-size: 19px; }
.slider-content button:hover {background: #2ae619; }

/*---------sobstvennoe ------------*/
.sobstvennoe h1 {margin-bottom: 55px;}
.sobstvennoe img {margin-left: 25px; box-shadow: 1px 5px 5px black;}
.sobstvennoe .slick-slide {min-height: 250px;}
.sobstvennoe .slick-track {padding-bottom: 15px}
.sobstvennoe .slick-prev {position: absolute; z-index: 5; top: 105px; left: 10%; height: 65px; width: 65px; color: transparent; background: url(../images/slick-prev.png) no-repeat; border: none }
.sobstvennoe .slick-next {position: absolute; z-index: 5; top: 105px; right: 10%; height: 65px; width: 65px; color: transparent; background: url(../images/slick-next.png) no-repeat; border: none}
.sobstvennoe .slick-prev:hover {background: url(../images/slick-prev-active.png) no-repeat;}
.sobstvennoe .slick-next:hover {background: url(../images/slick-next-active.png) no-repeat;}


/*----------------shema----------------------*/

.shema h1 {margin-top: 95px;}
.shema .bl1 {width: 200px; height: 200px; background: rgb(0, 0, 0, 0.3); margin: 0 30px; margin-top: 45px; color: white; padding-top: 15px;}
.shema .row-svk {justify-content: center;}
.shema .container {position: relative; text-align: center;}
.shema img {position: absolute; z-index: 3; left: 110px; top: 200px;}
.shema .w-line {width: 35px; height: 3px; background: white; border-radius:10px; margin: 0 auto;}
.shema h2 {font-size: 60px; margin: 0;}

/*----------------otziv-----------------------*/
.reviews {padding-top: 150px;}
.reviews .slick-slider {width: 1140px; position: relative;}
.reviews .slick-list {width: 1200px; margin: 0 auto;}
.reviews .reviews__block {background: url(../images/otziv-podlog.png) no-repeat; height: 500px;}
.reviews .reviews__info {position: relative;}
.reviews__img {position: absolute; top: 10px; left: 18px; }
.reviews__name {position: absolute; right: -180px; color: black; font-family: "ProximaNova Bold"; top: 100px;}
.reviews__date {position: absolute; right: -160px; top: 140px;}
.reviews__text {margin-top: 180px; width: 330px; margin-left: 25px;}
.reviews .slick-prev {position: absolute; z-index: 15; top: 40px; right: 30%; height: 65px; width: 65px; color: transparent; background: url(../images/slick-prev.png) no-repeat; border: none }
.reviews .slick-next {position: absolute; z-index: 15; top: 40px; right: 25%; height: 65px; width: 65px; color: transparent; background: url(../images/slick-next.png) no-repeat; border: none}
.reviews .slick-prev:hover {background: url(../images/slick-prev-active.png) no-repeat;}
.reviews .slick-next:hover {background: url(../images/slick-next-active.png) no-repeat;}
main > .container {position: relative; z-index: 10; margin-top: -70px;  }
.otziv > button {position: absolute!important; left: 80px; top: 65px; width: 200px; background: none; border-radius: 25px; border: 2px solid #3caa32; padding: 15px; text-transform: uppercase; z-index: 15; }
.otziv button:hover {background: #2ae619; border-color:#2ae619; }
.otziv h1{position: relative; top: 50px;}

/*-----kompanii-------*/
.kompanii .container {position: relative;}
.kompanii .mini-logo {position: absolute; z-index: 15; left: 555px; top:-95px;}
.kompanii .specialist {position: absolute; z-index: 15; top: -70px; right: 0}
.cons-flex{align-items: center; justify-content: center; }
.cons-flex .check {width: 280px;}
.cons-flex .check a {color: #000; text-decoration: underline;}
.cons-flex .popular-btn {margin: 0;}
.cons-in { 
	background: none; 
	border: none; 
	color: #fff; 
	border-bottom: 1px solid grey; 
	margin: 0 10px; }

.kompanii input {font-size: 25px; margin-bottom: 15px; color: black;}

::-webkit-input-placeholder {color:#000; opacity:1; text-align: center;}/* webkit */

.kompanii label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    text-align: left;
    margin-left: 20px;
}

.kompanii label:before {

    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: -10px;
    top: 0px;
    background-color:none;
    border: 1px solid black;
    
}


.kompanii input[type=checkbox] {
   display: none;
}


.kompanii input[type=checkbox]:checked + label:before {

    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 25px;
    color: #000;
    text-align: center;
    line-height: 15px;
}
.kompanii input:focus{
    outline: none;
    }


.kompanii input:-webkit-autofill,
.kompanii input:-webkit-autofill:hover, 
.kompanii input:-webkit-autofill:focus
.kompanii input:-webkit-autofill, 
.kompanii textarea:-webkit-autofill,
.kompanii textarea:-webkit-autofill:hover
.kompanii textarea:-webkit-autofill:focus,
.kompanii select:-webkit-autofill,
.kompanii select:-webkit-autofill:hover,
.kompanii select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
  
}
.kompanii .border {padding: 15px; padding-bottom: 45px}
.kompanii .border p {width: 350px; font-family: "ProximaNova Bold"; font-size: 16px; position: relative; z-index: 16; margin-top: -5px;}
.border {width: 400px;}
.kompanii button {position: absolute; bottom: -20px; padding: 10px 20px; text-transform: uppercase; border: none; border-radius: 35px; color: white; background: #3caa32; font-size: 19px; z-index: 16; box-shadow: 1px 1px 5px black; }
.kompanii button:hover {background: #2ae619; }


/*------prices-slider------*/
.prices h1 { margin-bottom: 45px;}
.pr-block{position: relative; color: white;}
.pr-block li {position: absolute; top: 15px;}
.pr-block .pr-podlog {position: absolute; bottom: 0; background: rgb(0, 0, 0, 0.8); width: 360px; justify-content: space-around; align-items: center;}
.pr-podlog p {font-size: 20px;}
.pr-podlog button {padding: 0 20px; text-transform: uppercase; border: none; border-radius: 35px; color: white; background: #3caa32; z-index: 16; box-shadow: 1px 1px 5px black; height: 35px; }
.pr-podlog button:hover {background: #2ae619; }
.prices-slider {position: relative;}
.prices-slider .slick-prev {color: transparent; position: absolute; z-index: 16; border: none; background: url(../images/pr-sl-prev.png) no-repeat; width: 220px; height: 90px; top: 90px; left:0; }
.prices-slider .slick-next {color: transparent; position: absolute; z-index: 16; border: none; background: url(../images/pr-sl-next.png) no-repeat; width: 220px; height: 90px; top: 90px; right: 0;}

.prices-btn {width: 100%; margin-top: 15px; padding: 8px 20px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; background: none;  border: 5px inset #492f2b7a; box-shadow: -2px 2px 20px black;
text-align: left; color: white; text-transform: uppercase; font-family: "ProximaNova Bold"; font-size: 18px;}
.prices-btn:hover {color: #3caa32;}
.prices .active {color: #3caa32;}
.prices-btn:last-child{margin-bottom: 55px;}

.prices .container {position: relative; width: 1280px}
.prices table {color: white; margin-left: 40px; font-size: 16px;}
.prices table button {padding: 0 20px; text-transform: uppercase; border: none; border-radius: 35px; color: white; background: #3caa32; z-index: 16; box-shadow: 1px 1px 5px black; height: 35px;}
.prices table button:hover {background: #2ae619; }
.prices table tbody tr td {padding: 7px 10px; text-align: left; border-bottom: 1px solid white; padding-left: 25px } 
.prices table tbody tr td:nth-child(1) {width: 340px;}
.prices table tbody tr td:nth-child(2) {width: 120px}
.prices table tbody tr td:nth-child(3) {width: 230px;}
.prices table tbody tr td:nth-child(4) {width: 150px;}
.prices table tbody tr th { text-align: left; padding-left: 25px; padding-bottom: 6px;}
.prices .split {position: absolute; top: 110px; left: 100px; }
#t1 {display: block;}
#t2 {display: none;}
#t3 {display: none;}
#t4 {display: none;}

/*-----------zakaz-----------------*/
.zakaz .col-md-6{padding: 0; }  
.zakaz-fon {overflow-y: auto; background: #f0e1d7;padding-top: 35px;padding-left: 65px;padding-right: 20px;height: 1000px;}
.zakaz fieldset {border: none;}
.zakaz .h1 {border: 2px solid #3caa32; text-align: center; margin: 5px; padding: 5px;}
.zakaz .h1 span {font-weight: bold;}
.zakaz .hh {border-bottom: 1px solid black; font-weight: bold; margin-bottom: 5px; margin-top: 7px}
.zakaz .hh span {text-transform: uppercase; color: #3caa32; }
.zakaz input[type=radio] { display: none; }
.zakaz b {font-weight: normal; text-align: center; font-size: 15px; padding-left: 10px;}
.selects div {margin-right: 50px; margin-bottom: 20px;}
.selects p {margin: 5px;}
select {background: none; padding: 5px; border: 2px solid #3caa32;}
.zakaz input[type=text] {padding: 5px; margin-left: 5px; background: none; border: none; border-bottom: 1px solid black; margin-bottom: 5px; border-left: 1px solid black; border-right: 1px solid black; height: 15PX; }

.radio {
    display: block;
    margin: 5px 5px 0 -1px;
    padding: 5px 10px;
    border: 2px solid #3caa32;
    cursor: pointer;
    font-size: 15px;
}
.zakaz input:checked + .radio {
    background: #3caa32;
   color: white;
}

.group-buttons {
    display: block;
    margin: 5px 5px 0 -1px;
    padding: 5px 10px;
    font-size: 15px;
    border-bottom: 2px solid #3caa32;
}

.checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    text-align: left;
    margin-left: 0px;
    margin-top: 5px;
}

.checkbox:before {

    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    bottom: 2px;
    background-color:none;
    border: 2px solid #3caa32;
    
}


input[type=checkbox] {
   display: none;
}


input:checked + .checkbox:before {

    content: "";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 11px;
    color: #3caa32;
    background: #3caa32;
    text-align: center;
    line-height: 15px;
}
 input:focus{
    outline: none;
    }

  .hh1 {color: white; margin-top: 30px; margin-bottom: 30px; font-family:"ProximaNova Regular;" font-size: 20px; padding-left: 25px;}

.brown-style .row-svk {flex-wrap: wrap;}
.brown-style .radio, .brown-style .h1 {border-color:#86574e;}
.brown-style {padding-right: 65px; padding-left: 20px }


.zakaz .brown-style input:checked + .radio {
    background: #86574e;
  
}

.brown-style{overflow-y: auto;}

.brown-style::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;


}

.brown-style::-webkit-scrollbar-track {
background-color: black;
border-radius: 10px;
width: 10px;

}

.brown-style::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 10px;
background-color:#3caa32;
width: 20px;
}

.brown-style::-webkit-scrollbar-thumb:hover{
background-color:#2ae619;
}

.brown-style::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

.brown-style::-webkit-scrollbar{
width: 10px;

}

.zakaz-fon::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;


}

.zakaz-fon::-webkit-scrollbar-track {
background-color: black;
border-radius: 10px;
width: 10px;

}

.zakaz-fon::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 10px;
background-color:#3caa32;
width: 20px;
}

.zakaz-fon::-webkit-scrollbar-thumb:hover{
background-color:#2ae619;
}

.zakaz-fon::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

.zakaz-fon::-webkit-scrollbar{
width: 10px;}

.zakaz .container {position: relative;}
.zakaz .container > img {position: absolute;z-index:5;left: 566px;}
.zakaz .container > #doski {position: absolute; z-index: 5; bottom: -52px; left: 1100px;}

.zakaz .popular-flex { margin-top: 15px;  height: 120px;  padding-top: 25px; }
.popular-flex textarea {background: none; border-color: #e4c0a1; border-top: none;}
.zakaz .cons-in {border-bottom-color: #e4c0a1;  }
.zakaz .check {color: #e4c0a1 }
.zakaz .check a {color: #e4c0a1}

.zakaz .check label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    text-align: left;
    margin-left: 0px;
    margin-top: 25px;
}

.zakaz .check label:before {

    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 25px;
    top: -20px;
    background-color:none;
    border: 1px solid #e4c0a1;
    
}


.zakaz .popular-flex input[type=checkbox]:checked + label:before {

    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #e4c0a1;
    text-align: center;
    line-height: 15px;
}

.zakaz ::-webkit-input-placeholder {color:#fff; opacity:1;}/* webkit */

.zakaz .popular-flex button {padding: 0 20px; text-transform: uppercase; border: none; border-radius: 35px; color: white; background: #3caa32; z-index: 16; box-shadow: 1px 1px 5px black; height: 60px; width: 200px }
.zakaz .popular-flex button:hover {background: #2ae619; }

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.zakaz textarea {color: white; padding: 5px;}

.zakaz .cons-flex {background: url(../images/back/shema-back.png) center 50% no-repeat; box-shadow: 1px 1px 5px black; height: 180px!important; position: relative; z-index: 3; margin-top: 0px!important; margin-left: -15px!important; padding: 45px!important;;}


.add {color:#3caa32; border: 2px solid #3caa32; background: none; font-size: 30px; border-radius: 25px; height: 50px; width: 50px; margin-right: 15px; }
 .brown-style .row-svk {margin-top: 10px;}
  .zakaz-fon>.row-svk p {text-transform: uppercase; font-family: "ProximaNova Bold"}
 .brown-style .row-svk p {text-transform: uppercase; font-family: "ProximaNova Bold"}
 .brown-style .add {color: #86574e; border-color: #86574e; }
/*---------------header----------------*/
body {overflow-x: hidden;}
header{position:absolute;width: 100%;z-index: 999;}
.navigation {z-index: 9999;}
header .h1-black {font-size: 16px; text-shadow: none; margin-top: 5px}
header .col-md-2 img {margin-left: -27px; margin-top: 0px; position: relative; z-index: 98!important;}
header .col-md-5 .row-svk {align-items: center;}
header a {color: white; margin-left: 10px; margin-right: 25px; font-size: 15px}
header a:hover {text-decoration: none; color: #2ae619; }
header p {color: white;}
.head-text {font-family: "ProximaNova Bold"; text-transform: uppercase; margin: 15px; font-size: 15px; color: black;}
.polosa {margin-left: 50px; margin-top: -5px}
header .col-md-5 {position: relative;}
.head-quest {position: absolute; top: 90px; right: 25px;}
.head-call {position: absolute; top: 90px; left: 25px;}


.navigation {position: relative;}
.navigation ul {display: flex; position: absolute; left: -21px; top: -185px; }
.navigation ul li {list-style: none}
.navigation a{ text-transform: uppercase; margin-left: 2px;}
.navigation ul li:first-child{display: none; }

.head-quest:hover img {background: url(../images/head-question-hov.png);}
.head-call:hover img {background: url(../images/head-callback-hov.png);}


/*---------------footer----------------*/

footer{ position:absolute; width: 100%; z-index: 99; padding-top: 25px }
.foot-nav {z-index: 9999;}
footer .h1-black {font-size: 17px; text-shadow: none; margin-top: 5px; color: white;}
footer .col-md-2 img {margin-left: 15px; margin-top: 30px;}
footer .col-md-5 .row-svk {align-items: center;}
footer a {color: white; margin-left: 10px; margin-right: 25px; font-size: 15px}
footer a:hover {text-decoration: none; color: #2ae619; }
footer p {color: white; margin-bottom: 0}
footer .head-text {font-family: "ProximaNova Bold"; text-transform: uppercase; margin: 15px; font-size: 15px; color: white;}
.polosa {margin-left: 50px; margin-top: -5px}
.polosa p,.polosa a.phone {margin-bottom: 15px; margin-left: 15px}
.polosa a.phone{
  color: #fff;
  display: block;
  margin-right: none;
  margin-top: 16px;
  
  font-size: 16px;
}
footer .col-md-5 {position: relative;}
.foot-left {position: absolute;bottom: -120px;right: 0;display: flex;justify-content: space-between;}
.foot-left p:last-child {font-size: 13px; margin-left: 100px}
footer .head-quest {position: absolute; bottom: -110px; right: 0; }
footer .head-call {position: absolute; bottom: -110px; left: 25px;}


.foot-nav {position: relative; }
.foot-nav ul {display: flex; position: absolute; left: -21px; top: -120px; }
.foot-nav ul li {list-style: none}
.foot-nav a{ text-transform: uppercase; margin-left: 2px;}
.foot-nav ul li:first-child{display: none; }

.head-quest:hover img {background: url(../images/head-question-hov.png);}
.head-call:hover img {background: url(../images/head-callback-hov.png);}

/*---------------component-------------------*/
.component {padding-top: 270px;}
.component .col-xs-9 {padding-left: 50px}
.component h1 {text-align: left; border-bottom: 5px solid #573b36}
.component .row-svk {justify-content: space-around; margin-bottom: 25px}
.component .tov p {text-align: center; font-family: "ProximaNova Bold"; font-size: 19px;}
.component .tov img {box-shadow: 1px 1px 10px black;}
.component .nadpis p {font-family: "ProximaNova Regular"; font-size: 17px; margin: 0 5px;}
.component .nadpis {display: flex; align-items: center; justify-content: center; margin-top: 10px;}
.component .nadpis .line { width: 134px; height: 2px; background: #573b36 }
.component .cost {margin-top: 0px}
.component .tov {position: relative;}
.component .buttons {position: absolute; bottom: 110px; left: 30px; }
.component .buttons .black-btn { background: black; border-radius: 25px; padding: 10px 25px; color: #3caa32; text-transform: uppercase; box-shadow: 1px 1px 5px black;}
.component .buttons .green-btn { background: #3caa32; border-radius: 25px; padding: 10px 30px; color: white; text-transform: uppercase; margin-left: 15px; box-shadow: 1px 1px 5px black;}
.component .buttons .black-btn:hover { text-decoration: none; background: #2ae619; color: black;}
.component .buttons .green-btn:hover { text-decoration: none; background: #2ae619; }
.component a {color: black;}
.component a:hover {text-decoration: none;}
/*------------left panel---------------*/
.left-panel h2 {text-align: center; font-family: "ProximaNova Bold"; font-size: 23px; text-transform: uppercase; margin-bottom: 5px;}
.left-panel p {font-family: "ProximaNova Bold"; font-size: 17px; padding: 0; margin: 0;}
.left-panel ul {margin: 0;}
.left-panel li {font-size: 15px; list-style-image: url('../images/list-style.png') }
.left-panel {margin-bottom: 20px; margin-top: -35px; }
.left-panel .shadow {position: relative; margin-top: 30px;}
.left-panel .shadow img {position: absolute; top: -10px}

 /*-------bread--------*/
.breadcrumbbread  {display: flex; padding-left: 330px; padding-top: 0px;}
.breadcrumbbread li {list-style: none;}
.breadcrumbbread a {color: black;}
.breadcrumbbread .divider{margin-right: 5px}

/*-----------------------------------*/

.black-podlog {width: 100%; height: 45px; position: absolute; background: #492623d6; top: 40px;}


.df-collection__one {
    border-top: 3px solid transparent;
}
.df-collection__one:first-child {
    border-top: 0;
}

.dfCollectionProducts .df-collection__one {
    border-color: rgb(60, 170, 50);
}

.dfCollectionServices .df-collection__one {
    border-color: rgb(134, 87, 78);
    margin-top: 20px;
}