/**
 * Theme Name: Comffort
 * Template: comffort
 */
@import url('../style.css');
@import url('https://fonts.googleapis.com/css?family=Play:400,700');

html, body, .container {
    width: 100%;
    font-family: "Play", sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

.container {
    display: flex;
    flex-direction: column;
}

ul li {
    list-style: none;
}

ul li:before {
    content: "-";
    color: #ec9923;
    font-size: 20px;
    margin-right: 5px;
}

.inner {
    position: relative;
}

.nofooter {
   z-index: 1;
}

.nofooter-vh {
    height: 100vh;
}

.breadcrumbs {
    position: absolute;
    top: 50px;
    left: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 300px;
    color:#fff;
}

.black {
    color:#462c0b;
}



.breadcrumbs > div {
    padding: 0 10px;
}



/*  LEFT-SITEBAR  */

.left-sitebar {
    position: fixed;
    width: 21%;
    background-color: #ad6b27;
    height: 100vh;
    color: #462c0b;
    z-index: 2;  
}

.logo {
    width: 150px;
    height: 125px;
    position: relative;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    margin: auto;
}

.logo a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: transparent;
    position: absolute;
}

.navigation-items {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -opera-display:flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -opera-flex-direction: column;
    list-style: none;
    padding-left: 40px;
}

ul.navigation-items li:before {
    content: "";
}

.navigation-items li {
    padding-bottom: 5px;
}

.navigation-items li:hover {
    border-bottom: 2px solid #ec9923;
}

.navigation-item,.menu-item {
    font-size: 14pt;
    padding: 1px 15px;
    position: relative;
    margin: auto;
    list-style: none;
    text-align: center;

}

.navigation-items > li > .sub-menu {
    display: none;
    transition-duration: 2s;

}

.navigation-items > li:hover > .sub-menu {
    display: block;
    transition-duration: 2s;
    top: -199px;
    height: 100vh;
    left: 100%;
}

.navigation-items > li > ul {

    margin: auto;
}

.sub-menu {
        background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    width: 202px;
    z-index: 10;
    left: 221px;
    color: #fff;
    text-align: justify;
    position: absolute;
    height: 50vh;
    padding: 0;
    top: 0;
}

.sub-menu li {
    top: 22.5%;
}

.sub-menu > li:hover {
    border-bottom: 2px solid #ad6b27;
} 





/*.navigation-item:after {
    content: "";
    border-bottom: 1px solid #000;
    position: absolute;
    top: 22px;
    width: 240px;
}

.menu-item:after {
    content: "";
    border-bottom: 1px solid #000;
    position: absolute;
    top: 22px;
    width: 240px;
}

*/

.contact-block {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -opera-display:flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -opera-flex-direction: column;
        align-items: center;
}

.contact-block-item {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -opera-display:flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -opera-flex-direction: row;
    margin-bottom: 20px;
    align-items: center;
}


.sitebar-icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-right: 15px;
}

.sitebar-map-icon {
    background-image: url(images/left-sidebar-icon1.png);
}

.sitebar-phone-icon {
    background-image: url(images/left-sidebar-icon2.png);
}

.sitebar-mail-icon {
    background-image: url(images/left-sidebar-icon3.png);
}

.sitebar-text {
    font-size: 10pt;
        width: 150px;
}

.button-left-sitebar {
    color:#fff;
    width: 200px;
    margin: auto;
    padding: 7px;
    background: linear-gradient(to top, #482d0b, #e7941f);
    text-transform: uppercase;
    text-align: center;
    border-radius: 7px;
    display: flex;
    justify-content: center;
}


/*  /LEFT-SITEBAR  */

/*  FIGURE Шестиугольник */


.hexagon {
  position: relative;
  width: 150px; 
  height: 86.60px;
  background-color: ;
  margin: 60px 0 0;
  border-left: solid 5px #fff;
  border-right: solid 5px #fff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 106.07px;
  height: 106.07px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 18px;
}

.hexagon:before {
  top: -57.0330px;
  border-top: solid 7.0711px #fff;
  border-right: solid 7.0711px #fff;
}

.hexagon:after {
  bottom: -57.0330px;
  border-bottom: solid 7.0711px #fff;
  border-left: solid 7.0711px #fff;
}



/*  /FIGURE  */


/*  MAIN  */
 
.inner {
    width: 80%;
    float: right;
    z-index: -1;
}


.main {
    position: relative;
}


.main-background {
    background-image: url(images/background-main.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100vh;
    background-size: cover;
}

.main-logo {
    height: 359px;
    width: 350px;
    margin: auto;
    position: absolute;
    top: 16vh;
    left: 26vw;
}
.main-img {background-image: url(images/derevo.png);width: 100%;height: 190px;background-repeat: no-repeat;background-size: 80%;background-position: center;}

.comfort {
    background-image: url(images/comfort.png);
    width: 100%;
    background-repeat: no-repeat;
    height: 73px;
    background-position: center;
    background-size: 80%;
}

.slogan {
    background-image: url(images/slogan.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 40px;
    background-position: center;
    background-size: 80%;
}

.title {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    text-align: right;
    padding: 15px 30px 0 0;
}

.main-icon-items {
    display: flex;
flex-direction: row;
justify-content: space-around;
height: 250px;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
bottom: 0;
}



.main-icon-item {
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

.main-icon-item span {
    position: relative;
    top: 140px;
    color: #fff;
    font-size: 18px;
}

.main-icon-item span a:hover {
    text-decoration: underline;
}

.main-icon-items a:nth-child(1) .main-icon-item {
    background-image: url(images/main-icon1.png);
}


.main-icon-items a:nth-child(2) .main-icon-item {
    background-image: url(images/main-icon2.png);
}

.main-icon-items a:nth-child(3) .main-icon-item {
    background-image: url(images/main-icon3.png);
}

.main-icon-items a:nth-child(4) .main-icon-item {
    background-image: url(images/main-icon4.png);
}


/*  /MAIN  */


/* SERVICE */
.background-service {
    background-color: #fffaf1;
}
.service-title {
    text-transform: uppercase;
    color: #462c0b;
    font-size: 24pt;
    text-align: center;
    padding: 30px;
}  

.service-icon-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.service-icon-item {
    width: 300px;
    display: flex;
    margin-bottom: 50px;
    height: 110px;
}



.service-icon-item-title:hover .service-line-title {
   border-bottom: 3px solid #ec971f; 
}

.service-line-title {
    width: 62px;
    height: 6px;
    border-bottom: 3px solid transparent;
}

.service-icon-item-circle {
    border: 3px solid #ec971f;
    border-radius: 50%;
    padding: 15px;
}

.service-icon-item-img {
     width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
}

.service-icon-item-text {
    margin-left: 20px;
}


.service-icon-item:nth-child(1) .service-icon-item-img {
    background-image: url(images/service-icon1.png); 
}

.service-icon-item:nth-child(2) .service-icon-item-img {
    background-image: url(images/service-icon2.png); 
}

.service-icon-item:nth-child(3) .service-icon-item-img {
    background-image: url(images/service-icon3.png); 
}

.service-icon-item:nth-child(4) .service-icon-item-img {
    background-image: url(images/service-icon4.png); 
}

.service-icon-item:nth-child(5) .service-icon-item-img {
    background-image: url(images/service-icon5.png); 
}

.service-icon-item:nth-child(6) .service-icon-item-img {
    background-image: url(images/service-icon6.png); 
}








/* /SERVICE */

/* ADVANTAGE */

.background-advantage {
    background-image: url(images/background-advantage.png);
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

.advantage-title {
    text-transform: uppercase;
    color: #fff;
    font-size: 24pt;
    text-align: center;
    padding: 25px;
}

.advantage-icon-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 30px auto;
    width: 94%;
}
.advantage-icon-item span {
    position: relative;
    top: 140px;
    color: #fff;
    font-size: 16px;
}

.advantage-icon-items > .hexagon {
    border-color: #fff; 
}
.advantage-icon-items > .hexagon:before {
    border-color: #fff;
}

.advantage-icon-items > .hexagon:after {
    border-color: #fff;
}


.advantage-icon-item {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
}

.advantage-icon-item:nth-child(1) {
    background-image: url(images/advantage-icon1.png);
}

.advantage-icon-item:nth-child(2) {
    background-image: url(images/advantage-icon2.png);
}

.advantage-icon-item:nth-child(3) {
    background-image: url(images/advantage-icon3.png);
}

.advantage-icon-item:nth-child(4) {
    background-image: url(images/advantage-icon4.png);
}

.advantage-icon-item:nth-child(5) {
    background-image: url(images/advantage-icon5.png);
}

.advantage-icon-item:nth-child(6) {
    background-image: url(images/advantage-icon6.png);
}




/* /ADVANTAGE */


/*  SERTIFICAT  */
.certificate {
    height: 500px;
}

.certificate-background {
    background-color: #fffaf1;
}

.certificate-title {
    text-transform: uppercase;
color: #462c0b;
font-size: 24pt;
text-align: center;
padding: 20px 0 0;
height: 50px;
line-height: 30px;
}

.certificate-slider {
    width: 90%;
padding-left: 37px;
padding-top: 25px;
margin: auto;
background-color: #fff;
height: 350px;
}




/* /SERTIFICAT */

/* CLIENTS */

.client-back {
    background-color: #fff;
    width: 80%;
    margin: 30px auto;
}





/* NEWS */

.news {
    height: 500px;  
}

.background-news {
    background-image: url(images/news-background1.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.news-title-box {
    height: 50px;
    width: 90%;
    margin: auto;
    background-color:  rgba(255 , 255, 255, 0.5);
    position: relative;
    top: 50px;
    
}

.news-title {
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    color: #fff;
    font-size: 24px; 
}

.news-cart-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.news-cart-item {width: 220px;height: 300px;margin: 100px auto 0;position: relative;}

.news-cart-item > div.back
{
 background-attachment: fixed;
 filter: blur(7px);
 background-size: 100vw;
 background-image: linear-gradient(hsla(316, 22%, 37%, 0.46), rgba(228 , 146, 31, 0.5)), url(images/news-background.png);
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 0;
}




/* /NEWS */


/* ABOUT */

.about {
    background-color:#fffaf1;
}

.about-box {
    width: 90%;
    margin: auto;
}

.about-title {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #462c0b;
}

.about-content {
    width: 100%;
    border-top: 3px solid #e4921f;
}

/* /ABOUT */

/* FOOTER */

.footer {
    width: 100%;
    background-color: #ad6b27;
    height: 17vh;
    z-index: 10;
    display: flex;
    
}



.contact-row-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around; 
    height: 100px;
    align-items: center;
    border-bottom: 3px solid #e4921f;
}


.footer-left {
    width: 20%;
    z-index: 10;
}

.footer-left .logo {
    width: 90px;
    height: 71px;
}

.footer-right {
    width: 80%;
}

.contact-footer-item {
    display: flex;
    width: 300px;
    align-items: center;
}

.contact-footer-item > .sitebar-text {
    color: #fff;
    font-size: 12px;
    margin-left: 15px;
}

.footer-icon {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

.footer-map-icon {
    background-image: url(images/footer-contact-icon1.png);
}

.footer-phone-icon {
    background-image: url(images/footer-contact-icon2.png);
}

.footer-mail-icon {
    background-image: url(images/footer-contact-icon3.png);
}

/* FOOTER */



/* str COMPANY */
.company {
    
    
}


.info-company-background {
    background-image: url(images/company-background.png);
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

.company-text-block {
    position: relative;
}

.company-text-block {
    background-color: #fff;
    width: 80%;
}

.company-text-images {
    width: 20vw;
    height: 40vh;
    background-image: url(images/company-images-main.png);
}

.info-company-whitebox1 {
    background-color: #fff;
    width: 70%;
    float: right;
    height: 100%;
    position: relative;
}

.info-company-title {
     text-transform: uppercase;
color: #fff;
font-size: 24pt;
text-align: center;
padding: 30px;
height: 80px;
line-height: 80px;
}

.info-company-whitebox2 {
    background-color: #fff;
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
}

.whitebox-content2 {
    width: 90%;
    margin: auto;
    color:#462c0b;
      line-height: 24px;
    font-size: 15px;
}

.info-company-img {
    background-image: url(images/company-img-main.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 400px;
height: 300px;
position: absolute;
transform: rotate(90deg);
top: 35%;
left: 40px;
z-index:10;
}


/* str COMPANY */




/* Contact  */
.map-box-title {
     text-transform: uppercase;
    color: #462c0b;
    font-size: 24pt;
    text-align: center;
    padding: 30px;
}

.map-box-items {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.map-box-item {
    display: flex;
    flex-direction: column;

}

.map-box-item .sitebar-text {
    color: #462c0b;
}


/*  /contact */



/* Form block */

.callback-block {
    background-image: url(images/callback-block.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}




.form-title {
    text-transform: uppercase;
    color: #fff;
    font-size: 24pt;
    text-align: center;
    padding: 30px;
}

.item-form {
   height: 68%;
width: 80%;
/* margin: auto; */
border: 2px solid #fff;
padding: 30px;
position: absolute;
left: 8%;
top: 10%;

}

.item-form > form {
    display: flex;
flex-direction: column;
align-items: center;
}

.item-form > form input {
    border: none;
    width: 300px;
    background-color: transparent;
    color: #fff;
    border-bottom: 2px solid #fff
}



/* /Form block   */


/*clients*/


.clients-title {
    text-align: center;
    font-size: 24px;
    color: #ec971f;
    text-transform: uppercase;
}

.clients-item {
    width: 90%;
    border-bottom: 2px solid #ec971f;
    margin: 0 auto 30px;
}

.clients-infoblock {
    display: flex;
    flex-wrap: nowrap;
}

.logo-client {
    width: 30%;
    margin:auto;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

}

.text-clients {
    margin-left: 30px;
    width: 70%;
}


/* /clients*/

 
.title-otzyv {
    text-transform: uppercase;
color: #462c0b;
font-size: 24pt;
text-align: center;
padding: 30px;
height: 80px;
line-height: 80px;
}

.otzyv-box {
    background-color:#fffaf1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.reviews-item {
    display: flex;
    flex-direction: row;
    width: 40%;
    margin: 30px auto;

}

.reviews-item-left {
   
    display: flex;
    flex-direction: column;
}

.reviews-logo-company {
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    width: 200px;
    border-bottom: 1px solid #ec971f;
}

.reviews-item-left a img {
    width: 200px;
    height: 270px;
    box-shadow: 5px 5px 6px #ccc;
    margin: 40px 20px 20px 0;
}

.reviews-item-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.reviews-item-text:before {
 content: "";
background-image: url(images/kovychki.png);
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
background-size: contain 
 }

 .reviews-item-text {
    padding-top: 15px;
 }


.slick-list {
    max-height: 500px;
}

.certificate .slick-slide img {
    height: 300px;
width: 200px;
}

.client-back-title {
text-transform: uppercase;
color: #462c0b;
font-size: 24pt;
text-align: center;
padding: 0 0 50px;
height: 30px;

line-height: 30px;
}

.clients-image {
    height: 150px !important;
    width: 200px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sitemap-map-text {
    width: 250px;
}

.map-box-adress {
    margin-bottom: 15px;
}
 
.portfolio-items-container {
  width: 88%;
float: right;
margin-right: 30px;
margin-bottom:50px;
display: flex;
align-items: center;
display:flex; flex-direction: column;
border: 2px solid #ec9923;
padding: 30px;
}

.margin-b-50 {
    text-align: center;
text-transform: uppercase;
}
.portfolio-items-container a {
display: flex;
flex-direction: row;
margin-bottom: 50px;
align-items: center; 
}

.portfolio-items-container a:nth-child(odd) {
    flex-direction: row-reverse;
}

.portfolio-item__details {
height: 150px;
margin-top:50px;}

.portfolio-items-container a:nth-child(even) .portfolio-item__details {
    border-left:2px solid #ec9923;
    padding-left:30px;
    
}

.portfolio-items-container a:nth-child(odd) .portfolio-item__details {
    border-right:2px solid #ec9923;
    padding-right:30px;
}

.portfolio-items-container a:nth-child(even) img {
    margin-right:50px;
}

.portfolio-items-container a:nth-child(odd) img {
    margin-left:50px;
}


.portfolio-items-container a img {
        width: 70%;
    height: 400px;
}

.portfolio-item-info {
    display:flex;
    font-size: 12px;}



.portfolio-item-icon{
    height: 30px;
    width:40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: top left;
}

.portfolio-item-info:nth-child(2) {
    color:#ec9923;
    margin: 6px 0;
    font-family: "Play";
    font-size: 16px;
}

.portfolio-item-info:nth-child(3) .portfolio-item-icon {
    background-image:url(images/places.png);
}

.portfolio-item-info:nth-child(4) .portfolio-item-icon  {
    background-image:url(images/planer.png);    
}

.portfolio-item-info:nth-child(5) .portfolio-item-icon  {
    background-image:url(images/cub.png);
}

.portfolio-item-title {
text-transform:uppercase;
font-size:20px;}

.carousel slide {
position:relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


.item  {
    width: 40%;
    height: 300px;
    margin-bottom: 50px; 
}

.item img {
    width: 90%;
    margin: auto;
    height: 100%;
}

 
 #ninja_forms_field_14 {
 width:400px;
 height:30px;
 background-color:#ec9923;
 border-radius:5px;
 padding:10px;
 line-height:10px;
 border-bottom:0;} 

 .carousel {
    width: 50vw;
    height: 500px!important;
     } 

 .slick-prev,
.slick-next
{
    width: 70px !important;
    height: 70px !important;
   
}

 .slick-prev {
    left: 5% !important;
     z-index: 10;
 }

.slick-next {
    right: 5% !important;
     z-index: 10;
}

.slick-prev:before, .slick-next:before {
    font-size: 40px !important;

}



.calendar {
    background-image:url(images/places.png);
}

.map-marker {
    background-image:url(images/planer.png); 
}

.cube {
    background-image:url(images/cub.png);
}

.info-panel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 35px;
    border-top: 2px solid #ec9923;
    padding-top: 40px;
    width: 90%;
}

.info-panel-icon {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: top center; 
}

.info-panel span {
    display: flex;
    flex-direction: row;
    width:20%;
}

.info-panel span:first-child {
    width: 60%;
}

.flex-container {
    display: flex;
    flex-direction: row;
}

.other-project-items {
    height: 175px;
    width: 90%;
    margin: 0 auto;
}

.project-title {
    color:#ec9923;
    border-bottom: 2px solid #ec9923;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 30px;
    width: 90%;
}
 
.other-project-items {
    margin-bottom: 20px;
}

.other-project-items a {
    background-repeat: no-repeat;
    height: 175px;
    display: block;
    background-size: cover;
    position: relative;
}

.other-text {
    display: none;
}

.other-project-items a:hover {
    filter: grayscale(100%) sepia(100%);
}
.other-project-items a:hover .other-text {
    color: #fff;
    text-align: center;
    padding: 15px;
    outline: 2px solid #fff;
    font-weight: bold;
    outline-offset: -30px;
    font-size: 20px;
    text-transform: uppercase;
    height: 80%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.margin-b-50 {
    color: #462c0b;
}

.container-other-project {
    margin-top: 80px;
}

.project-content {
    width: 80%;
}

.whitebox-title {
    font-size: 30px;
    text-transform: uppercase;
    position: relative;
    padding: 30px 0;
    width: 70%;
    margin: auto;
    color:#462c0b;
    margin-top: 70px
}

.whitebox-title:after {
    content: "";
width: 300px;
height: 2px;
position: absolute;
left: 0;
bottom:15px;
background-color: #e4921f;
}

.whitebox-subtitle {
    color:#e4921f;
    font-size: 22px;
    text-transform: uppercase;
    width: 70%;
    margin: auto;    
}

.whitebox-content {
    width: 90%;
    margin:auto;
    line-height: 24px;
    margin-left: 90px;
    font-size: 15px;
    color:#462c0b;
}

.whitebox-content span {
    margin-left: 30px;
}

.ramka1 {
    position: absolute;
    width: 110%;
    height: 4px;
    background-color: #e4921f;
    top: 65px;
    left: -100px;
}

.ramka1:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 300px;
    background-color: #e4921f;
}


.ramka2 {
    position: absolute;
width: 4px;
height: 77%;
background-color: #e4921f;
right: 14px;
top: 205px;
}

.ramka2:before {
    content: " ";
    position: absolute;
    height: 4px;
    width: 100vw;;
    transform: rotate(180deg);
    background-color: #e4921f;
    bottom: -3px;
    right: 0px;
}

.news-cart-item-text {
    color: #000;
    width: 90%;
    margin: auto;
    position: absolute;
    z-index: 99;
}

.flex_nowrap_spacebetween{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
}
.flex_wrap_spacebetween{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: swrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
}
.flex_nowrap_center{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center; /* Safari */
    justify-content: center;
}
.flex_wrap_center{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center; /* Safari */
    justify-content: center;
}
.service-icon-item:hover .service-icon-item-circle {
    -webkit-box-shadow: 0px 0px 14px 0px rgb(72, 80, 87);
    -moz-box-shadow:0px 0px 14px 0px rgb(72, 80, 87);
    box-shadow: 0px 0px 14px 0px rgb(72, 80, 87);
    transition: 0.3s all;
}
.service-icon-item:hover .service-icon-item-title {
    color: #ec971f;
}
.slick-slide div {

    -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.slick-slide div:hover {
  -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
}
.slick-slide a {
    display: block;
    width: 200px;
    height: 300px;
}
.slick-slide a:hover {
    -webkit-box-shadow: 6px 5px 16px 5px rgba(173, 107, 39, 0.44)
    -moz-box-shadow: 6px 5px 16px 5px rgba(173, 107, 39, 0.44)
    box-shadow: 6px 5px 16px 5px rgba(173, 107, 39, 0.44)
}
.button-left-sitebar:hover {
    -webkit-box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.75);
    transition: 0.7s ease-in-out;
    background: linear-gradient(to top, #6d430f, #ec9a26);
}

.advantage-icon-item {
  -webkit-perspective: 1200;
  perspective: 1200;
  -moz-transform: perspective(1200px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d; 
  transform-style: preserve-3d;
}
.advantage-icon-item:hover {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.advantage-icon-item:hover {
  -webkit-animation: turn 2s;
  animation: turn 2s;
}

@-webkit-keyframes turn {
  to {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes turn {
  to {
    transform: rotateY(360deg);
  }
}

.sitebar-text.sitebar-phone-text {
    font-size: 16px;
    font-weight: bold;
}
.contactForm .nf-form-content nf-fields-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.contactForm  .nf-field {
    color: #fff;
}
.contactForm .nf-field-element textarea {
    height: 25px;
    background: no-repeat;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff;
}
.contactForm  nf-field {
    margin: 10px 15px 0;
    width: 30%;
}
.contactForm input {
    height: 25px !important;
}
.contactForm nf-field:last-child {
    width: 100%;
}
.contactForm nf-field:last-child div {
    float: right;
}
.contactForm nf-field:last-child input{
    height: auto !important;
}
.contactForm .nf-before-form-content {
    margin: 0 0 20px;
}
.contactForm .nf-form-title{display: none;}
.sticky {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}
.menuBtn{
    display: none;
    position: fixed;
    left: 15px;
    top: 15px;
    width: 40px;
    height: 30px;
        z-index: 9;
}
.openMenu {
    position: relative;
    background: #4c2800;
    width: 100%;
    height: 2px;
        transition: 0.3s all;
}
.openMenu:after {
    content: "";
    background: #4c2800;
    width: 100%;
    height: 2px;
    bottom: -17px;
    display: block;
    position: absolute;
    left: 0;
}
.openMenu:before {
    content: "";
    background: #4c2800;
    width: 100%;
    height: 2px;
    bottom: -8px;
    display: block;
    position: absolute;
    left: 0;
}
.menuBtn.active .openMenu {
    background: no-repeat;
}
.menuBtn.active .openMenu:after {
    transition: 0.3s all;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
        bottom: -10px;
}
.menuBtn.active .openMenu:before {
    transition: 0.3s all;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
        bottom: -10px;
}
.menuBtn.active {
   left: 10px;
}
.downBlock {
    background: #ad6b27;
    width: 100%;
    height: 315px;
    position: relative;
}
.main-icon-item:hover:before {
    -webkit-box-shadow: 7px -8px 11px 4px rgba(232, 228, 228, 0.34);
    -moz-box-shadow: 7px -8px 11px 4px rgba(232, 228, 228, 0.34);
    box-shadow: 7px -8px 11px 4px rgba(232, 228, 228, 0.34);
    transition: 0.3s all;
}
.main-icon-item:hover:after {
    -webkit-box-shadow: -8px 7px 11px 4px rgba(232, 228, 228, 0.34);
    -moz-box-shadow: -8px 7px 11px 4px rgba(232, 228, 228, 0.34);
    box-shadow: -8px 7px 11px 4px rgba(232, 228, 228, 0.34);
    transition: 0.3s all;
}
.service-icon-items {
    padding: 0 35px;
}
.client-back .slick-slide a{height: auto;}
.menu-item-has-children {
    position: relative;
}
.mobContacts{
    display: none;
}
.slick-prev:before, .slick-next:before {
    color:#ec971f !important;
}
.client-back .slick-next {
    right: -45px !important;
}
.client-back .slick-prev {
    left: -65px !important;
}