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

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;
}

/* header-contact */

.header-contact {
  margin: auto 0;

  display: flex;
  align-items: center;
}

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

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

  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: 12px;
}

.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 a {
  display: block;
  margin: 0 0 0 12px;
}

.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__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: 120px;
  height: auto;
}


@media screen and (max-width:768px) {
  .logo-header-inner img {
    width: 100px;
  }
}

@media screen and (max-width:576px) {
  .logo-header-inner img {
    width: 65px;
  }
}

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

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

@media only screen and ( max-width:400px ){
#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;
}
.surname {
  max-height: 0;
  overflow: hidden;
}