/*
Theme Name:  teploblok76.ru - 2025
Theme URI:  
Description: The original teploblok76.ru-2025 theme.
Version: 2023
Author: alisa
*/

/* CSS Document */

  @font-face {
font-family:  gilroy-bold;
src: url(fonts/GILROY-BOLD.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-reg;
src: url(fonts/GILROY-REGULAR.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-semibold;
src: url(fonts/GILROY-SEMIBOLD.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-medium;
src: url(fonts/GILROY-MEDIUM.TTF) format("opentype");
}

 @font-face {
font-family:  gilroy-black;
src: url(fonts/GILROY-BLACK.TTF) format("opentype");
}


  /*Убрать обводку браузера*/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
/*Конец Убрать обводку браузера*/
:focus {
    outline-style: none;
   /* outline-width: 0px !important;  */
    outline-color: none !important;
}
body {
font-family:  gilroy-medium;
font-size: 20px;
background: #fff;
}

h1, h2 {
font-family:  gilroy-bold;
font-size: 60px;
text-align: left;
margin: 30px 0px;  
color: #945c37;
text-transform: uppercase;
text-align: center;
}

    h1.smallh1   {
    font-size: 30px;
    color: #000;
    text-transform: none;
    }
    
    h3  {
    font-size: 30px;
    color: #000;
    text-transform: none;
    margin: 30px 0px 10px 0px;
    font-family:  gilroy-bold;
    text-align: center;
    }
 

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

.lg100.w-100 {
max-width: 2000px;
    height: auto;
    margin: 0 auto;
}
}


.paddingnone {
padding-left: 0px;
padding-right: 0px;
}

.row {
margin-left: 0px;
margin-right: 0px;
}

 .textcenter {
  text-align: center;
 }

 strong {
 font-weight: normal;
 font-family:  gilroy-bold;
 }

 /*-------------header-----*/
 
 header {
    
    z-index: 10;
    width: 100%;
    padding: 15px 0px 25px 0px;
    
 }
 
  
 
 .allpage header {
    position: relative;
    -webkit-box-shadow: 0px 10px 24px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 24px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 24px 2px rgba(0, 0, 0, 0.1);
  }
 
 header .row {
 align-items: center;
 }
 
 .logo {
 background: url(img/logo.png)   left no-repeat;
    height: 47px;
   display: block;
   width: 100%;
   background-size: contain;
    
 }
 
 .logo:hover {
  color: #000;
 }
 
 .nav-link {
  color: #000;
   font-family:  gilroy-bold;
   font-size: 18px;
 }
  .nav-link:hover, .nav-link:focus {
  color: #945c37;
  }
  
 
  
  .nav-link.active   {
  color: #945c37;
  }
  
  
  
  
  
  
  header .textright {
  text-align :right;
  }
  
  .phoneh, .phoneh:hover {
    font-family:  gilroy-bold;
   font-size: 24px;
   color: #945c37;
   text-decoration: none;
  }
  
  .carousel-caption  {
    font-family:  gilroy-bold;
   font-size: 72px;
   text-transform: uppercase;
   bottom: 30%;
   text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
   color: #fff;
}

.caruscont .more {
    background: #945c37;
    color: #fff;
}

.more {
 border: 1px solid #945c37;
 color: #000;
 text-decoration: none;
 padding: 7px 22px;
     display: inline-block;
   font-size:  18px;
   border-radius: 22px;
   margin: 30px auto;
   background: #fff;
}

.caruscont .more {
    background: #945c37;
    color: #fff;
}

.more:hover {
color: #000;
}

.caruscont .more:hover {
color: #fff;
}

.slidetext {
 display: block;
 color: #2b2a29;
   font-size:  56px;
  
   text-transform: uppercase;
    font-family:  gilroy-black;
    line-height: 1.2;
    text-shadow: 3px 4px 13px #FFFFFF;
}

.valigncenter {
   align-items: center;
 margin-top:  80px;
}

.slide2 .col-md-5.slideimg {
    margin-top: 160px;
}

.carousel {
    position: relative;
  
}

    .carousel-indicators {
    
    align-content: stretch;
    }
    
.carousel-indicators [data-bs-target]   {
   flex-basis: 50%;
   background: #fff;
   height: 6px;
   border: none;
   opacity: 1;
    }
    
 .carousel-indicators button.active   {
    background: #945c37;
    }
    
    .carousel-item {
     height: 597px;
    }
    
    .indblock  .carousel-indicators {
     padding-right: 15%;
     padding-left: 15%;
    }
 
/*-------------header-end-----*/

 .bigmenu  {
      margin: 60px 0px;
 }

      .bigmenu a {
       display: block;
       background:  #e7e6de;
           color: #945c37;
           font-family: gilroy-bold;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 7px solid #e7e6de;
    text-align: center;
    margin: 15px 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-decoration: none;
      }
      
       .bigmenu img {
       display: block;
       width: 80%;
       margin: 15px auto;
       
       }
       
       .bigmenu a:hover {
         border-bottom: 7px solid #945c37;
       }
       
       .line {
      display: inline-block;
    width: 2px;
    height: 20px;
    background: #945c37;
    margin: 0px 10px;
      
       }
/*-----------------front-page-------------*/


.we {
  background: url(img/about.png)   top  no-repeat;
  padding: 70px 0px 40px 0px;
  margin-top: 150px;
  margin-bottom: 50px;
}
.we .row {
margin-top: -150px;
}


.allpage .we {
  margin-bottom:  0px;
  padding-bottom: 10px;
}


.blockwetopleft   {
  background: url(img/about-1.png) top left no-repeat;
  margin-bottom: 150px;
  padding: 20px 30px 85px 30px;

}
.blockwetopright  {
  background: url(img/about-2.png) top right   no-repeat;
  margin-bottom: 150px;
       padding: 20px 30px 85px 300px;

}
.blockwebottomleft {
  background: url(img/about-3.png) top left   no-repeat;
padding: 40px 30px 65px 30px;
}
.blockwebottomright {
  background: url(img/about-4.png) top  right   no-repeat;
 padding: 40px 30px 65px 300px;
}

.cifrabraun span {
color: #945c37;
font-family:  gilroy-bold;
padding-right: 15px;
} 

.grayback {
  background: url(img/grayblock.jpg) bottom  center  no-repeat, #e7e6de;
  padding-top: 30px;
    padding-bottom: 70px;
}

.grayback2   {
  background:  #e7e6de;
  padding-top: 50px;
    padding-bottom: 60px;
    margin-bottom: -30px;
}

 
  .whiteback {
  background: url(img/whiteback.jpg) bottom center  no-repeat, #fff;
  padding-top: 30px;
    padding-bottom:  70px;
}

.allpage  .whiteback {
 
  padding-top:  0px;
 
}


  .whitebackmap {
  background: url(img/mapsback.png) bottom center  no-repeat;
 /* padding-top: 30px;*/
    padding-bottom:  70px;
    position: relative;
    z-index: 10;
}

.contfront {
 text-align: center;
 
}

.telcont {
    font-size: 36px;
    color: #945c37;
    font-family:  gilroy-bold;
    text-decoration: none;
    display: block;
}

.telcont:hover {
   color: #945c37;
}

.mailcont, .mailcont:hover {
 color: #000;
    font-family:  gilroy-bold;
    text-decoration: none;
    display: block;
    margin: 15px 0px;
}

   .marginminusmap {
    margin-top: -125px !important;
    position: relative;
    z-index: 1;
   }

    .page-id-71  .marginminusmap {
      margin-bottom: -30px;
      }
      
      .marginbottom30 {
       margin-bottom: 100px;
      }
      
      .mrtop40 {
      margin-top: 40px;
      }

.carousel-slider .owl-item img {
    display: block;
    width: auto  !important;
}
.carousel-slider-outer.carousel-slider-outer-image-carousel.carousel-slider-outer-40 {
    overflow: hidden  !important;
}

.frontstrong strong {
color: #0a397f;
}

.sin {
 color: #0a397f;
}

 .gallery-item img {
 width: 95%;
 height: auto;
 border: none !important;
 }        
 
 
    .active .srblock {
       background: #fff;
       border-radius: 15px;
       border: 1px solid  #945c37;
    }
    
    .actblock {
       background: #fff;
       border-radius: 15px;
       border: 1px solid  #945c37;
    }
    
    .srblock {
    text-align: center;
    font-family:  gilroy-bold;
    padding: 30px;
    }
    
   .srblock img {
  /*   width: 100%;
     height: auto;    */
     pointer-events: none;
     }   
          .textsrv {
           margin: 30px 0px;
           min-height: 150px;
          }
          
          .textsrv img {
          margin-bottom: 30px;
          }
 
 
 #pills-tab li  {
    width: 33%;
        flex: 0 0 auto;

 }
 
 .pricblock {
  font-size: 60px;
  color:  #945c37;
 }
 
.active  .pricblock {
 
  color:  #ff0000;
 }
 
 
 .galleryhouse img {
  margin-bottom: 30px;
 }
 
 ul#pills-tab {
    flex-wrap: nowrap;
}

#pills-tab button  {
    background: none;
    border: none;
}

.tab-pane {
 border-top: 1px solid #945c37;
 margin-top: 60px; 
}

.colorred {
 color: red;
  font-family:  gilroy-bold;
}

.sravrashet {
margin-top: 30px;
margin-bottom:  30px;
}

.sravrashet span {
 border-bottom: 1px solid #945c37;
 display: block;
 padding: 10px;
 font-size: 20px;
}
/*-----------------front-page-end------------*/

   .blockprice {
    border-bottom: 1px solid #945c37;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom:  0px;
        align-items: center;
    
   }

   .blockprice  span {
   font-size: 24px;
    font-family:  gilroy-bold;
    color:  #945c37;
   }
 
       .blockprice  small {
       font-size: 18px;
       }
       
       .house img {
             width: 100%;
             height: auto;
             margin-bottom: 15px;
             
       }
       
       .house div {
       text-align: center;
        font-size: 24px;
    font-family:  gilroy-bold;
    margin-bottom: 30px;
       }
       
       .house a {
       color: #000;
       text-decoration: none;
       }
       
       .morebrown, .morebrown:hover {
             background: #734835;
             border-radius: 20px;
             color: #fff;
             width: 100%;
             display: block;
             text-align: center;
             text-decoration: none;
             font-size: 18px;
             padding: 7px 0px;
             
       }
/*------------footer--------------*/
footer {
background: #000;
color: #fff;
padding-top: 30px;
padding-bottom: 15px;

}

.allpage footer {
margin-top: 30px;
} 

footer a {
color: #fff;
}

.logof, .logof:hover {
  background: url(img/logo-f.png) top left no-repeat;
    height: 47px;
   display: block;
   width: 100%;
   background-size: contain;
  
}


.copy {
font-size: 16px; 
margin-top: 15px;
padding-top: 15px;
}

.copy a:hover {
   color: #fff;
}

.fmenu {
 
}

.fmenu .active  {
  color: #945c37;
  }

.fmenu a {
display: block;
text-decoration: none;
font-size: 16px;
margin-bottom: 10px;
}
.fmenu a:hover {
color: #945c37;
text-decoration: none;
}

 

.telf {
color: #945c37;
 font-family:  gilroy-bold;
   font-size: 24px;
   text-decoration: none; 
   display: block;
}

.telf:hover {
color: #945c37;
} 

.mailf {
display: block;
}

.mailf:hover {
color: #fff;
} 

.textright {
 text-align: right;
}
.adressf {
 font-size: 18px;
 margin: 20px 0px;
 display: block;
}

 .marsrf {
 font-size: 12px;
 padding: 7px 10px;
 color: #fff;
 border: 1px solid #945c37;
 text-decoration: none;
 display: inline-block;
 margin-bottom: 20px; 
 font-family:  gilroy-bold;
 border-radius: 15px;
 }
 
 .marsrf:hover {
  color: #fff;
  -webkit-box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6);
-moz-box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6);
box-shadow: 0px -5px 5px -5px rgba(34, 60, 80, 0.6);
 }
 
 .mailf {
 font-size: 18px;
 }
 
  .mailf a:hover {
  color: #fff;
  }
/*------------footer-end--------------*/

 
/*--------------------адаптивность-----------------------------*/


button.navbar-toggler {
    color: #000;       /*-Меню бургер, цвет, шрифт и центрирование-*/
    font-size: 40px;
   /* margin: 0 auto; */
       z-index: 1000;
}

 
   .navbar-toggler[aria-expanded="true"] .fa-bars {
display: none;
}

.navbar-toggler[aria-expanded="false"]  .fa-times {
display: none;
}

.navbar-toggler .fa-bars {
display: block;
}



@media only screen and (max-width: 768px) {

div#navbar1 {
    z-index: 100;
        height: 100vh;
        background: #e7e6de;
            margin-top: -60px;
            padding-top: 60px;
             margin-right: -10px;
    margin-left: -10px;
}

.blockprice img {
 width:100%;
 height: auto;
}
.mobinone {
display: none;
}

.carousel-item {
 background-size: cover !important;
}

.slideimg {
   position: absolute;
  z-index: 1;  
  overflow: hidden;
}

 .slide1  .slideimg  img {
    margin-left: 150px;
    width: 70% !important;
    margin-top: 120px;
}
   .slide2  .slideimg  img {
    margin-left: 150px;
    width: 100% !important;
    margin-top: 70px;
}

 

.sltext {
 position: relative;
 z-index: 2;
}


 .slide1 .slidetext {
 margin-top: 50px;
 }
 
  .slide2 .slidetext {
 margin-top: 30px;
 }
  
.slidetext {
    font-size: 24px;
    margin-top: 20px;
}


.carousel-item {
    height: 192px;
}

.valigncenter {
margin-top: 0px;
}

header .content.container {
  padding: 0px;
}

header {
    z-index: 10;
    width: 100%;
    padding:  5px 0px  5px 0px;
}

h1.smallh1, h3 {
    font-size: 20px;
}

.col-md-4 img {
 margin-bottom: 30px;
}

.blockwetopleft   {
  background: #e7e6de;
  margin-bottom: 15px;
  padding: 15px;

}
.blockwetopright  {
  background: #e7e6de;
  margin-bottom: 15px;
      padding: 15px;

}
.blockwebottomleft {
  background: #e7e6de;
padding: 15px;
  margin-bottom: 15px
}
.blockwebottomright {
 background: #e7e6de;
padding: 15px;
  margin-bottom: 15px
}

.we {
    background: url(img/about.png) top no-repeat;
    padding: 250px 0px 0px 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-size: contain;
}

.we .row {
    margin-top: 0px;
}

.srblock img {
 width: 100%;
 height: auto;
 margin-bottom: 0px;
}

.textsrv {
    margin: 15px 0px;
    min-height: auto;
}

.pricblock {
    font-size: 30px;
    color: #945c37;
}

.more {
margin: 30px 0px;
}

.srblock {
    text-align: center;
    font-family: gilroy-bold;
    padding:   0px 10px;
}

 

.navbar {
    justify-content: flex-end;
    margin-right: -15px;
    margin-left: -15px;
         
    }
    
    ul.navbar-nav.mr-auto.paddingnone {
    position: absolute;
    background: #e7e6de;
    padding: 10px;
    width: 100%;
  text-align: center;
    height: 100vh;
        margin-left: 15px;
}

.mobimenu {
 margin-top: -50px;
}

.logo {
 z-index: 1000;
  width: 80%;
  position: relative;
}

  .nav-link {
    padding: 0.4rem 1rem;
    }


header  .textright {
  text-align: center;
      z-index: 1000;
    position: absolute;
    display: none;
    opacity: 0;
    margin-top: -90px;
}

header  .textright.openmenu {
display: block;
opacity: 1;
}


 

header {
position: relative;
} 
	
 .container {
    max-width: 100%;
}

 

h1, h2 {
margin: 20px 0px;
font-size: 27px;
}

h1 br {
display: none;
}

.about img {
width: 100%;
}

 
    .whitemap {
    margin-top: 10px;
    width: 100%;
    box-shadow: none;
    padding: 15px;
}

 
 
footer .textright {
    text-align: center;
}

#ssttbutton {
    font-size: 22px !important;
    right: 0 !important;
    bottom: 0 !important;
}

.childblock {
 display: none;
}

 

.fmenu {
 padding-top: 30px;
}

ul#pills-tab {
    flex-wrap: wrap;
}

#pills-tab li {
    width: 100%;
    flex: 0 0 auto;
}

#pills-tab .srblock {
display: flex;
align-items: center;
}

#pills-tab .srblock img {
    width: 30%;
    height: 100%;
    }
    
#pills-tab .textsrv    {
    font-size: 14px;
        min-width: 50%;
    }
    
   #pills-tab .textsrv img {
       display: none;
    }
    
  #pills-tab   .pricblock {
    font-size: 18px; 
       min-width: 23%;;
    }
    
      #pills-tab   .textsrv  br {
        display: none;
    }
 
}

@media only screen and (min-width: 768px) and (max-width: 993px) {

  .container {
    max-width: 100%;
}

}

/*-----------------------------странный размер от 991 до 1190px-------------------------------*/



@media only screen and (min-width: 993px) and (max-width: 1399px) {

   .container {
    max-width: 100%;
}

.phoneh {
    font-size: 22px;
}
 
 .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
}

.blockwebottomright, .blockwetopright {
 
    padding: 40px 30px 65px 330px;
 
}
    
}

 
/*------------адаптивность-end--------------------*/
 
 
 
 .wpcf7-spinner {
  display: none !important;
 }

/*------------категория проектов--------------------*/
.proekt img {
object-fit: cover;
width: 100%;
height: 100%;
}

.proekt {
/*height: 300px;*/
color: #945c37;
font-family: gilroy-bold;
text-decoration: none;
display: block;
}
a:hover.proekt {
color: #000;
}

.proekty a {
color: #000;
text-decoration: none;

}

.wpcf7-textarea, .wpcf7-text {
width: 100%;
padding: 5px;
}
/* Значки ТГ и WA */
a.tg,a.wa {
font-size: 150%;
}
.contf a.tg:hover,.contf a.wa:hover {
color:#fff;
}
.contfront a.tg,.contfront a.wa,.textright a.tg,.textright a.wa {
color:#945c37;
}
.contfront a.tg:hover,.contfront a.wa:hover,header a.tg:hover,header a.wa:hover {
color:#000;
}
/* Значки ТГ и WA End */