/*=====================================

YOU CAN WRIGHT CUSTOME CSS

======================================*/

/* header-nav */
.header-nav {
  top: 0;
}

@media screen and (max-width:1024px) {
  .header-nav .nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }
}

/* site-header */

.site-header .container {
  display: flex;
  align-items: center;
  height: 100%;
}

/* header-contact */

.header-contact {
  margin: auto 0;

  display: flex;
  align-items: center;
}

.header-contact__tel-row {
  display: flex;
  align-items: center;
  margin-right: 35px;
}

.header-contact__tel-desktop {
  display: block;
  margin-left: 25px;

  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  color: #fff;
}

.header-contact__tel-mobile {
  display: none;
}

.header-contact__tel-row a:hover {
  text-decoration: underline;
}

.header-contact__social-row {
  display: flex;
  align-items: flex-start;
  margin-right: 40px;
}

.header-contact__social-row .mail-icon,
.header-contact__social-row .telegram-icon {
  width: 25px;
  height: 25px;
}

.header-contact__social-row .whatsapp-icon {
  width: 27px;
  height: 27px;
}

.header-contact__social-row .max-icon {
  width: 26px;
  height: 26px;
}

.header-contact__social-row a {
  display: block;
  margin: 0 0 0 15px;
}

.header-contact__social-row a:hover {
  opacity: 0.6;
}

@media only screen and (min-width: 992px) {
  header.active .header-contact {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .header-contact__tel-desktop {
    display: none;
  }

  .header-contact__phone-icon {
    display: none;
  }

  .header-contact__tel-mobile {
    display: block;
    margin-top: 2px;

    color: #00DC7D;
    font-size: 25px;
  }

  .header-contact__tel-mobile:hover {
    opacity: 0.6;
    margin-right: 5px;
  }
}

/* main-bar */

@media only screen and (max-width: 767px) {
  .main-bar {
      padding: 5px 0px;
  }
}

/* logo */
.logo-header-one a {
  display: block;
}

.header-fixed .logo-header {
  width: auto;
  height: auto;
  margin-right: auto;
}


.logo-header-inner img {
  width: 50px;
  height: auto;
}

/* mobile-side-drawer */

@media screen and (max-width:1200px) {
  #mobile-side-drawer {
    margin-left: 0;
  }
}

/* section-head */

.section-head--flex {
  display: flex;
  align-items: center;
}

.section-head--flex .wt-tilte-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  float: none;
  max-width: 50%;
}

.section-head--flex .title-right-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-head--flex .title-right-detail p {
  padding: 0;
}

.section-head--flex .title-right-detail p + p {
  margin-top: 15px;
}

.section-head--flex .title-right-detail p + button {
  margin-top: 15px;
}

@media only screen and (max-width: 991px) {
  .section-head--flex {
    display: block;
  }

  .section-head--flex .wt-tilte-main {
    margin-bottom: 10px;
  }
}

/* button */

.button {
  padding: 10px 20px;
  outline: none;
  border: none;
  display: block;
  width: fit-content;

  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

.project-button {
  margin: 0 auto 30px;
}

/* facade */

#facade .owl-prev,
#facade .owl-next {
  background-color: #262423;
}

/* reviews */

#sync2 .owl-stage {
  display: none;
}

/* contact */

#contact .icon-content a {
  display: flex;
  justify-content: center;
}

#contact .telegram-icon {
  width: 21px;
  height: 21px;
}

#contact .whatsapp-icon {
  width: 23px;
  height: 23px;
}

#contact .max-icon {
  width: 22px;
  height: 22px;
}

#contact .icon-content a img {
  margin-right: 3px;
}

#contact .social-link {
  margin-top: 3px;

  text-decoration: underline;
}

/* map */

.yandex-map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 460px;
}

@media screen and (max-width:991px) {
  .yandex-map {
    height: 300px;
  }
}

/* footer */
/*
.footer-logo-bar img {
  width: 80px;
} */

#call-popup3,
#call-popup2,
#call-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  display: none;
}

#call-popup3.open,
#call-popup2.open,
#call-popup.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  z-index: 999;
  display: block;
}

#call-popup3 form,
#call-popup2 form,
#call-popup form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 419px;
  max-width: 100%;
  color: #262423;
  font-size: 40px;
  font-weight: 300;
  text-align: left;
  outline: none;
  padding: 25px 30px;
  background-color: #F6F7F8;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#call-popup3 .close,
#call-popup2 .close,
#call-popup .close {
  position: fixed;
  top: 15px;
  right: 15px;
  opacity: 1;
  font-size: 27px;
  color: #fff;
  width:30px;
  height:30px;
}

#call-popup3 .close:after,
#call-popup3 .close:before,
#call-popup2 .close:after,
#call-popup2 .close:before,
#call-popup .close:after,
#call-popup .close:before {
  content:"";
  position:absolute;
  width:2px;  height:32px;
  background-color:#fff;
  right:20px; top:0px;
}

#call-popup3 .close:after,
#call-popup2 .close:after,
#call-popup .close:after {
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  transform: rotate(45deg);
}

#call-popup3 .close:before,
#call-popup2 .close:before,
#call-popup .close:before {
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari */
  transform: rotate(-45deg);
}

#call-popup3 .close:hover:after,
#call-popup3 .close:hover:before,
#call-popup2 .close:hover:after,
#call-popup2 .close:hover:before,
#call-popup .close:hover:after,
#call-popup .close:hover:before {
  cursor: pointer;
}

@media only screen and ( max-width:768px ){
  #call-popup3 form,
  #call-popup2 form,
  #call-popup form {
    font-size:26px;
  }
}

@media only screen and ( max-width:400px ){
  #call-popup3 form,
  #call-popup2 form,
  #call-popup form {
    font-size:16px;
  }
}

/* modal 2 */

#call2-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  display: none;
}

#call2-popup.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  z-index: 999;
  display: block;
}

#call2-popup form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 419px;
  max-width: 100%;
  color: #262423;
  font-size: 40px;
  font-weight: 300;
  text-align: left;
  outline: none;
  padding: 25px 30px;
  background-color: #F6F7F8;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#call2-popup .close {position: fixed;    top: 15px;    right: 15px;  opacity: 1; font-size: 27px;    color: #fff;  width:30px; height:30px;}
#call2-popup .close:after,#call2-popup .close:before{ content:""; position:absolute;  width:2px;  height:32px;  background-color:#fff;  right:20px; top:0px;}
#call2-popup .close:after{ -ms-transform: rotate(45deg); /* IE 9 */  -webkit-transform: rotate(45deg); /* Safari */  transform: rotate(45deg);}
#call2-popup .close:before{  -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari */ transform: rotate(-45deg);}
#call2-popup .close:hover:after ,#call2-popup .close:hover:before{  cursor: pointer;}

@media only screen and ( max-width:768px ){
#call2-popup form{font-size:26px;}
}

@media only screen and ( max-width:400px ){
#call2-popup form{font-size:16px;}
}

/* modal */

#free-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  display: none;
}

#free-popup .section-head {
  margin-bottom: 0;
}

#free-popup .section-head p{
  padding-top: 0;
}

#free-popup.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  -o-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  z-index: 999;
  display: block;
}

#free-popup form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 419px;
  max-width: 100%;
  color: #262423;
  font-size: 40px;
  font-weight: 300;
  text-align: left;
  outline: none;
  padding: 25px 30px;
  background-color: #F6F7F8;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#free-popup .close {position: fixed;    top: 15px;    right: 15px;  opacity: 1; font-size: 27px;    color: #fff;  width:30px; height:30px;}
#free-popup .close:after,#free-popup .close:before{ content:""; position:absolute;  width:2px;  height:32px;  background-color:#fff;  right:20px; top:0px;}
#free-popup .close:after{ -ms-transform: rotate(45deg); /* IE 9 */  -webkit-transform: rotate(45deg); /* Safari */  transform: rotate(45deg);}
#free-popup .close:before{  -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari */ transform: rotate(-45deg);}
#free-popup .close:hover:after ,#free-popup .close:hover:before{  cursor: pointer;}

@media only screen and ( max-width:768px ){
#free-popup form{font-size:26px;}
}

@media only screen and ( max-width:400px ){
#free-popup form{font-size:16px;}
}







.block-bg-hover:hover .icon-cell img {
  filter: invert(1) brightness(100);
}

.color-fill .logo_dark {
  display: none;
}

.logo_light {
  display: none;
}

.color-fill .logo_light {
  display: block;
}

.client-logo {
  width: 100%;
  display: block;
}

.header-contact__tel-desktop {
  color: #000;
}

.color-fill .header-contact__tel-desktop {
  color: #fff;
}

.under {
  text-decoration: underline !important;
}

.under:hover {
  text-decoration: none !important;
  color: #d5dd02 !important;
}

.work-carousel .wt-img-effect {
  height: 0;
  padding-bottom: 60%;
}

@media only screen and ( max-width:1200px ){
  .work-carousel .wt-img-effect .wt-info {
    left: 0;
    right: 0;
    bottom: 0;
    border: 0 !important;
  }

  .work-carousel .wt-img-effect .wt-info {
    width: 100%;
  }

  .wt-title  {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    text-transform: none;
    text-align: center;
  }
}

.message_form {
  font-size: 16px;
}

.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.header-contact__tel-mobile {
  display: none !important;
}

@media only screen and (max-width: 991px) {
    a.header-contact__tel-desktop:first-child {
        display: block !important;
        font-size: 16px !important;
    }
    .header-contact__tel-row {
        margin-right: 0 !important;
    }
    .header-contact__social-row {
      margin-right: 20px !important;
    }
}

.owl-btn-vertical-center .owl-nav .owl-prev, .owl-btn-vertical-center .owl-nav .owl-next {
    top: -14.5%;
}

@media only screen and (min-width: 1200px) {

  .work-carousel .owl-next {
      right: calc(50% - 550px) !important
  }

  .work-carousel .owl-prev {
      left: calc(50% + 430px) !important
  }
  
}

@media only screen  and (min-width: 991px) and (max-width: 1199px) {

  .work-carousel .owl-next {
      right: calc(50% - 470px) !important
  }

  .work-carousel .owl-prev {
      left: calc(50% + 340px) !important
  }
  
}

@media only screen  and (min-width: 768px) and (max-width: 990px) {
 .work-carousel .owl-next {
      right: calc(50% - 350px) !important
  }

  .work-carousel .owl-prev {
      left: calc(50% + 220px) !important
  } 
}

@media only screen  and (min-width: 400px) and (max-width: 767px) {
 .work-carousel .owl-next, .work-carousel .owl-prev {
      top: 51% !important;
  }
}

/* Egor changes */

.header-contact__tel-desktop {
}

.header-contact__tel-desktop  span{
  font-size: 14px;
}