/* ===== Local fonts (WOFF2) ===== */

@font-face{
  font-family:"Cormorant";
  src:url("/wp-content/themes/thermador/fonts/cormorant-400.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Cormorant";
  src:url("/wp-content/themes/thermador/fonts/cormorant-500.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Cormorant";
  src:url("/wp-content/themes/thermador/fonts/cormorant-600.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Cormorant";
  src:url("/wp-content/themes/thermador/fonts/cormorant-700.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Nunito Sans";
  src:url("/wp-content/themes/thermador/fonts/nunito-sans-300.woff2") format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:optional; /* для не-критичных весов */
}

@font-face{
  font-family:"Nunito Sans";
  src:url("/wp-content/themes/thermador/fonts/nunito-sans-400.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Nunito Sans";
  src:url("/wp-content/themes/thermador/fonts/nunito-sans-500.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:optional;
}

@font-face{
  font-family:"Nunito Sans";
  src:url("/wp-content/themes/thermador/fonts/nunito-sans-700.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* @font-face{
  font-family:"Nunito Sans";
  src:url("/wp-content/themes/thermador/fonts/nunito-sans-800.woff2") format("woff2");
  font-weight:800;
  font-style:normal;
  font-display:swap;
} */

/* ===== Base ===== */
body{
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-style:normal;
  font-optical-sizing:auto;
  overflow-wrap: anywhere; 
  word-break: break-word;
  margin-top:87px;
}

html{
  scroll-behavior:smooth;
  margin-top:0 !important;
}
.scroll-hide{ overflow:hidden; }

.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 15px;
  position:relative;
  z-index:1;
}

/* ===== Typo ===== */
ol,ul{
  margin:0;
  padding:0;
  list-style:none;
}

a{
  text-decoration:none;
  color:#b12525;
  letter-spacing:1px;
  font-weight: 600;
}

ul li{
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1px;
}

ul li a{
  color:#b12525;
  font-weight:700;
}

h1,h2,h3{
  margin:0;
  color:#000;
  font-family: "Cormorant", serif !important;
  font-weight: 600;
}

h1{ 
  font-size:39px; 
	padding-bottom: 25px;
}

h2{ 
  font-size: 36px;
  line-height: 45px;
  margin-bottom: 20px;
}

h3{ 
  font-size: 23px;
  line-height: 35px;
}

h1, h2, h3 { font-synthesis-weight: none; }

h4{
  font:700 13px "Nunito Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  line-height:25px;
  color:#000;
  margin:0;
}


p{
  font:400 15px/28px "Nunito Sans",sans-serif;
  color:#000;
  margin:0;
  letter-spacing:.8px;
}

p:not(:last-child){ 
    margin-bottom:18px; 
}

p:only-child{ 
    margin-bottom:0; 
}

.features,
.reviews,
.questions,
.service-area,
.blog,
.footer {
  content-visibility:auto;
  contain-intrinsic-size: 800px 1000px; /* резервная высота для расчёта потока */
}


.title-block-with-icon,
.title-block{
  text-align:center;
  margin-bottom:17px;
}

.title-block-with-icon img{ 
    margin-bottom:12px; 
}

.title-block h2{ 
  margin-bottom:12px; 
}

p.eyebrow{
  margin-bottom:4px; 
  font:700 13px "Nunito Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  line-height:25px;
}


/* ===== Buttons ===== */

a.btn-schedule-contact,
a.btn-schedule-promo,
a.btn-learn-more,
a.btn-call,
a.btn-schedule,
a.btn-discover-book{
  background:#000;
  color:#fff;
  font:700 13px/1 "Nunito Sans",sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  letter-spacing:1px;
  text-transform:uppercase;
	width: 250px;
	max-width: 100%;

}
,
a.btn-schedule-promo,
a.btn-learn-more,
a.btn-call,
a.btn-schedule{
  width:250px;
  max-width:100%;
}

a.btn-schedule-contact{
  width:270px;
  max-width:100%;
}

.btn-schedule-contact{
	margin: 0 auto;
}

.schedule-and-contact p{
	margin-bottom: 0;
}

.btn-learn-more{ 
    margin:0 auto; 
}

.btn-discover-book{ 
    margin:0 auto; 
}

.btn-schedule{
  color:#000;
  border:1px solid #000;
  background:transparent;
}

.btn-discover-book,
.btn-schedule-promo,
.block-slogan .btn-schedule{
  color:#fff;
  border:1px solid #fff;
  background:transparent;
}

.block-btns{
  display:flex;
  gap:15px;
  justify-content:center;
  margin-top:75px;
}

.btns-stick{
  width:100%;
  background:#ebebeb;
  padding:17px 0;
  position:fixed;
  bottom:-76px;
  transition:bottom .5s ease-in-out;
  z-index:777;
  display:none;
}

.btn-call.show{ 
  opacity:1; 
}

.line-block{
  display:block;
  max-width:840px;
  height:1px;
  background:linear-gradient(to right,transparent 0%,#c4c4c4 48%,#c4c4c4 52%,transparent 100%);
  margin:0 auto;
}

/* ===== Header / Nav ===== */
.nav-icon{
  display:none;
  margin:0;
  width:30px;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div{
  background:#000;
  border-radius:3px;
  content:"";
  display:block;
  height:2px;
  margin:8px 0;
  transition:all .3s ease-in-out;
}

.nav-icon.closed:before{
  transform:translateY(4px) translateX(-6px) rotate(130deg);
  width:18px;
}

.nav-icon.closed:after{
  transform:translateY(-4px) translateX(-6px) rotate(-130deg);
  width:18px;
}

.nav-menu{ 
    display:flex; 
    justify-content:end; 
}

.nav-menu ul{
  display:flex;
  align-items:center;
  gap:25px;
  margin-right:35px;
}
.nav-menu li a{
  font-size:12px;
  font-weight:700;
  color:#000;
  padding:0;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.navigation{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
}

.header-nav-container{
  width:100%;
  top:-150px;
  transition:top 1s;
  z-index:10000;
}

.header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  background:#FFF;
  border-top:10px solid #000;
}

/* ===== Social icons ===== */
.block-social-icons{ display:flex; gap:5px; }
.block-social-icons svg,
a.header-social__link{
  width:35px;
  height:35px;
}

.block-footer-social-icons{
  display:flex;
  gap:7px;
  justify-content:center;
  margin-bottom: 16px;
}

.footer-social svg,
a.footer-social{
  width:36px;
  height:36px;
}

.post-thumb{width:100%;height:350px;object-fit:cover;display:block;}
@media (max-width:768px){.post-thumb{height:220px;}}

/* ===== Hero ===== */
.hero{
  position:relative;
  padding: 265px 0 130px;
  overflow:hidden;
  color:#fff;
  outline:1px solid rgba(255,255,255,1);
  outline-offset:-20px;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.7) 0%, rgba(0,0,0,.4) 100%);
  z-index:0;
  pointer-events:none;
}

.hero-video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:-1;
}

.hero-video video{
  width:100%;
  height:100%;
  object-fit:cover;
}

.general-container-hero{
  display:flex;
  justify-content:center;
}

.block-slogan{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:75%;
}

.btn-block{
  display:flex;
  gap:15px;
  justify-content:center;
  margin-top:40px;
}

.block-slogan h1{
  color:#fff;
  font-size:54px;
  font-weight:500;
  line-height:70px;
  letter-spacing:1px;
  margin-bottom:22px;
  padding:0;
  text-shadow:0 3px 14px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.4);
}

.block-slogan p span{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  font-weight:400;
}

/* ===== Shared image rules ===== */
.pic-reviews img,
.pic-reviews picture,
.contact-pic picture,
.contact-pic img,
/* .content picture,
.content img, */
.pic-blog picture,
.pic-blog img{
  width:100%;
  display:block;
  object-fit:cover;
}

.content img{
	height:350px;
	margin-bottom: 25px;
}

/* ===== Sections ===== */
.discover-and-schedule{
  padding:45px 0;
  background:#000;
}
.description-shedule{ 
    text-align:center; 
}

.description-shedule p,
.description-shedule h3{
  color: #fff;
}

.description-shedule p{
	margin-bottom:10px;
}

.description-shedule h3{ 
    margin-bottom:27px; 
}

.services{ 
    padding:80px 0 85px; 
}

.pic-services img{ 
    width:169px; 
}

.general-services-container{
  margin-top:60px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:65px 20px;
  max-width:100%;
}

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

/* .item-advantages h4 span, */
.item-services h4 span{ 
    display:block; 
}

p.services-trust{
	text-align:center;
	margin-top:25px;
	font-size: 14px;
}

.item-services h4{
  margin-top:20px;
  text-align:center;
}

.about{ 
    padding:85px 0 90px; 
}

.general-about-container{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:80px;
  align-items:center;
}

.pic-about img{
  width:544px;
  max-width:100%;
  object-fit:cover;
  display:block;
}

.description-about{ 
    margin-bottom:65px; 
}


.line span{ 
    display:block; 
    border:.5px solid #f1f1f1; 
}

.line{ 
    margin:28px 0 34px; 
}

.item-advantages{
  display:flex;
  gap:15px;
  align-items:flex-start;
}


.parts{
  padding:55px 0;
  background:url('../image/parts-pic.webp') no-repeat center top / cover;
}

.description-parts{
  box-sizing:border-box;
  background:rgba(0,0,0,.85);
  text-align:center;
  max-width:80%;
  margin:0 auto;
  padding:60px;
  outline:1px solid rgba(255,255,255,.43);
  outline-offset:-12px;
}

.description-parts p,
.description-parts h2{ 
    color:#fff; 
}

.description-parts p{ 
    font-weight:300; 
}

.features{ 
    padding:95px 0 110px; 
}

.general-features-container{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  max-width:100%;
}

.item-features{
  background:#f3f3f3;
  padding:50px 55px;
  position:relative;
  outline:1px solid rgba(0,0,0,.43);
  outline-offset:-12px;
}

.title-features h4 span{ 
    display:block; 
}

.title-features{
  display:flex;
  gap:20px;
  margin-bottom:15px;
}

.title-features img{ 
    width:45px; height:45px; 
}

.emergency,
.customer-satisfaction{
  display:grid;
  max-width:100%;
  background:#F9F9F9;
  grid-template-columns:repeat(2,1fr);
}

.customer-satisfaction{ 
    background:#F4F0E7; 
}

.emergency{ 
    background:#DFE7F1; 
}

.pic-customer-satisfaction{
  background:url('../image/customer-satisfaction-pic.webp') no-repeat center top / cover;
}

.description-emergency,
.block-description-customer-satisfaction{
  text-align:center;
  padding:130px 0;
  max-width:70%;
}

.block-description-emergency,
.description-customer-satisfaction{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 15px;
}

.reviews{ 
    padding:100px 0 80px; 
}

.pic-emergency{
  background:url('../image/emergency-pic.webp') no-repeat center top / cover;
}

.pic-reviews{
  margin-top:45px;
  position:relative;
}

.pic-reviews img,
.pic-reviews picture{ 
    height:490px; 
}

.reviews p{ 
    text-align:center; 
}

.item-review{
  background:#f3f3f3;
  padding:45px 50px;
  position:relative;
  outline:1px solid rgba(0,0,0,.43);
  outline-offset:-12px;
}

.raiting{ 
    margin-bottom:7px; 
}

.raiting h3{ 
    margin-bottom: 4px; 
}

.item-review p,
.item-review span{ 
    text-align:left; 
}

.item-review span{
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
}
.general-reviews-container{
  display:grid;
  gap:20px;
  grid-template-columns:repeat(3,1fr);
  max-width:100%;
  position:relative;
  top:-160px;
  margin-bottom:-240px;
}

/* ===== FAQ ===== */

.questions{ 
    padding:100px 0 80px; 
}

.general-questions-container{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:80px;
  max-width:100%;
}

.into-questions img{
  max-width:100%;
  height:200px;
  display:block;
  object-fit:cover;
  margin-bottom:30px;
}

.title-FAQ{ 
    margin-bottom:20px; 
}

.faq-cont{
  display:grid;
  grid-gap:70px;
  grid-template-columns:1fr 1fr;
}

.faq-content{ 
    margin:0 auto; 
}

.faq-question{
  padding:20px 0;
  max-width:100%;
  border-bottom:1px solid #000000;
  position:relative;
}

.faq-question:last-child{ 
    border-bottom:none; 
    padding-bottom:0; 
}

.faq-question:first-child{ 
    padding-top:18px; 
}

.panel{ 
    display:none; 
}

.panel-title{
  display:block;
  position:relative;
  margin:0;
  padding-left:37px;
  cursor:pointer;
  word-wrap:break-word;
  white-space:normal;
  max-width:100%;
}

.panel-title label{ 
    display:block; 
    cursor:pointer; 
}

.plus{
  position:absolute;
  left:12px;
  top: 16px;
  color:#000;
  font-weight:700;
  font-size:26px;
  line-height:100%;
  user-select:none;
  pointer-events:none;
  transition:transform .2s ease;
  z-index:5;
}

.panel-content{
  font:400 12px/28px "Nunito Sans",sans-serif;
  color:#000;
  margin:0 40px;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .4s ease, opacity .4s ease, padding .4s ease;
}

.panel:checked ~ .plus{ transform:rotate(45deg); }
.panel:checked ~ .panel-content{
  max-height:500px;
  opacity:1;
  padding:15px 0;
}

a.btn-learn-more{ 
    margin-top:50px; 
}

.into-questions a{
  font-size:16px;
  text-transform:uppercase;
  font-weight:800;
  color:#b12525;
}

/* ===== Service area ===== */

.back-link{
	font-weight:700;
	font-size:14px;
}

.service-area{
  padding:100px 0;
  background:#eff2f5;
}

.pic-service-area{
  display:flex;
  justify-content:center;
}

.pic-service-area img{
  width: 100%;
  max-width: 543px;
  height: auto;
}

.intro-areas{
	padding:30px 0 45px 0;
	text-align:center;
}

.general-services-area-container{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:80px;
  max-width:100%;
  align-items:center;
}

.location-list li{
  display:flex;
  align-items:center;
  gap:10px;
}

ul.location-list{
  list-style-position:inside;
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  margin-top:28px;
  column-gap:40px;
  line-height: 32px;
}

.description-block-service-area h3{ 
    margin-bottom:15px; 
}


/* ===== Promo ===== */
.promo{
  text-align:center;
  padding: 70px 20px 0 20px;
  background:#000;
  outline:1px solid rgba(255,255,255,.45);
  outline-offset:-10px;
}

a.btn-schedule-promo{ 
    margin:0 auto; 
}

.promo p,
.promo h2{ 
    color:#fff; 
}

.promo p{ 
    margin-bottom: 0; 
}

.description-promo iframe{
	margin-top: -12px;
}

.promo h2{ 
    margin-bottom:7px; 
}


/* ===== Blog ===== */
.blog{ padding:90px 0; }


.page-services-container,
.services-page-container,
.page-areas-container,
.general-blog-container{
  margin-top:40px;
  display:grid;
  gap:30px 20px;
  grid-template-columns:repeat(3,1fr);
  max-width:100%;
}

.general-services-container{
	gap:50px 20px;
}


.page-inner{
    gap: 20px;
}


.pic-blog picture,
.pic-blog img{ 
    height:210px; 
}

.title-page{
	text-align: center;
}

.page-inner{
	padding: 40px 0 90px 0;
    text-align: center;
	background-color: #f7f7f7;
}

.item-page-inner,
.item-blog{
  text-align:center;
  padding:10px;
  background:#fff;
  box-shadow:0 13px 48px 0 rgba(0,0,0,.09);
  transition: box-shadow .25s ease, transform .25s ease;
}

.item-areas h4,
.item-blog h4{
	font-weight:700;
	font-size:15px;
}

.page-inner iframe{
	height: 430px;
}


.item-areas:hover,
.item-blog:hover,
.item-areas:focus-within,
.item-blog:focus-within{
  box-shadow:0 18px 60px rgba(0,0,0,.15);
  transform: translateY(-2px);
}

.item-areas:hover h4,
.item-blog:hover h4,
.item-areas:hover h4 a,
.item-blog:hover h4 a,
.item-areas:focus-within h4,
.item-blog:focus-within h4,
.item-areas:focus-within h4 a,
.item-blog:focus-within h4 a{
  color:#b12525;
}

.title-post-block{ 
    margin:25px 15px; 
}

.title-post-block h4{ 
    margin-bottom:3px; 
}

p.block-date{
	margin-bottom: 7px;
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #787878;
}


.block-date .icon-clock {
	width: 17px;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
    margin-bottom: 2px;
    margin-right: 6px;
}


/* ===== Footer ===== */
.footer{
  background:#000;
  padding:40px 0;
  text-align:center;
}
.footer p{
  font-size:13px;
  font-weight:400;
  color:#8f8f8f;
  margin-bottom:3px;
}

.block-nav-footer{ 
    margin-bottom:18px; 
}

.block-nav-footer ul{
  display:flex;
  gap:21px;
  justify-content:center;
}
.block-nav-footer ul li a{
  color:#f5f5f5;
  font-weight:200;
}

p.location-main{
	padding-top: 3px;
	font-size: 12px;
	margin-bottom: 2px;
}

p.location-main span{
	text-transform: uppercase;
	font-weight: 700;
}


p.support-line,
p.location-hubs{
	line-height: 20px;
}

p.support-line{
	margin-top: 4px;
}



/*=======Blog-Page=========*/

.thermadore-services,
.areas-page-block,
.blog-page{
	background-color: #f7f7f7;
	padding: 35px 0 90px 0;
}

.thermadore-services,
.areas-page-block{
	text-align:center;
}

.thermadore-services h1{
	margin-bottom:20px;
}

.thermadore-services h1,
.areas-page-block h1{
	padding-bottom:0;
}

.areas-page-block .line-block {
	margin: 45px auto;
}

/*----------------------Content-page-pagination----------------*/
.pagination{
	display: flex;
	justify-content: center;
}

ul.page-numbers{
  display: flex;
  justify-content: center;
  gap: 6px;
  list-style: none;
  padding-top: 45px;
}

ul.page-numbers a.page-numbers,
ul.page-numbers span.page-numbers{
    color: #000;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 14px;
}

ul.page-numbers .current{
  background: #000;
  color: #fff !important;
}

ul.page-numbers .dots{
  padding: 0 4px;
}

ul.page-numbers .prev,
ul.page-numbers .next{
  min-width: auto;
}
/*========== Breadcrumbs ===========*/
.breadcrumb-general{
	padding:12px 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	background:#fff;
}
.breadcrumb-general .breadcrumbs{
	font-size:12px;
	line-height:22px;
	text-transform:uppercase;
}
.breadcrumb-general .breadcrumbs a{
	text-decoration:none;
	font-weight:600
}
.breadcrumb-general .breadcrumbs a:hover{
	opacity:.75;
}
.breadcrumb-general .breadcrumbs .sep{
	display:none!important;
}


.breadcrumb-general .breadcrumbs span span:not(:first-child)::before{
  content:"⟶";
	color:#272727;
	margin:0 10px;
	font-size:14px;
	font-weight:700;
	line-height:1;
}

/* последний элемент */
.breadcrumb-general .breadcrumbs .breadcrumb_last{
	color:#444;
	font-weight:600
}

.breadcrumb-general .breadcrumbs > span > span:first-child > a::before{
  content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'><path d='M8 .5l6.5 6v9.5h-4v-5h-5v5h-4V6.5L8 .5z'/></svg>");
  display:inline-block;
  margin-right:8px;
  vertical-align:middle;
}

.breadcrumb-general .breadcrumbs a.breadcrumb_last::before{
  content: none;
}

/* ===== Contact page ===== */


.general-info-container{
  display:grid;
  gap:50px;
  grid-template-columns:repeat(2,1fr);
  align-items:center;
  max-width:100%;
}

.tittle-contact-info-block h4{ 
    margin-bottom:0; 
}

.block-contact-information{
	display: grid;
	gap:30px;
	grid-template-columns:repeat(3,1fr);
	max-width: 100%;
}

.contact-pic{ 
	background:#f1f1f1; 
	padding-top:30px;
}
.contact-information{
  padding:30px 0;
  background:#f1f1f1;
}


.schedule-and-contact,
.information{
  padding:40px;
  background:#fff;
  outline:1px solid #d1d1d173;
  outline-offset:-10px;
}

.schedule-and-contact{
	text-align: center;
	margin-top:30px;
}

.information ul{ 
    line-height:28px; 
}

.information ul li span{ 
    font-weight:700; 
}

.tittle-contact-info-block{
  display:flex;
  gap:17px;
  align-items:center;
  margin-bottom:8px;
}

.tittle-contact-info-block img{
  width:30px;
  height:30px;
}

input,
textarea{
  font:500 12px "Nunito Sans",sans-serif;
  text-transform:uppercase;
  border:1px solid #cacad8;
  outline:none;
  padding:15px 20px;
}

input{ 
    margin-bottom:10px; 
}

textarea{ 
    margin-bottom:30px; 
}

.contact-form-block{
  display:flex;
  flex-direction:column;
  padding:40px;
  box-shadow:0 13px 48px 0 rgba(0,0,0,.07);
  background:#fff;
}

.btn-send-container{
  display:flex;
  justify-content:center;
}

/* ===== Content page ===== */
.content{
  background:#F9F9F9;
  padding: 30px 0 90px 0;
}

.blog-page h1{
	padding:0;
	text-align: center;
}
.content h1{
  margin-bottom:25px;
  padding:0;
  color:#000;
}

.content h2{ 
    margin:27px 0 15px;
}

.content ul li a{
  color:#b12525;
  font-weight:600;
  letter-spacing:1px;
}

.content ol,
.content ul{ 
    margin:25px 0; 
}

.content ul li{
  display:block;
  padding:11px 22px;
  line-height:25px;
}

.content h3{
	margin:15px 0 7px 0;
	font-size: 25px;
}

.content ul li:nth-of-type(odd){ 
    background:#f1f1f1; 
}

table{
  width:100%;
  border-collapse:collapse;
  margin:35px 0 25px 0;
}

thead, tr th{
	font-size: 16px;
	font-family: "Cormorant", serif;
}

tr:nth-of-type(odd){ 
    background:#ededed; 
}

th{
  background:#000;
  color:#fff;
  font-weight:600;
  padding:20px 15px;
  text-transform:uppercase;
  letter-spacing:.7px;
}

td, th {
    padding: 20px 25px;
    border: 1px solid #dfdfdf;
    text-align: left;
    font-size: 15px;
    line-height: 27px;
}

.wp-block-table{
	margin:0;
}

td{ color:#000; }

.wp-block-table td, .wp-block-table th{
	border: none;
    padding: 18px 23px;
}

/* ===== Responsive table ===== */

@media (max-width:767px),
       (min-width:768px) and (max-width:1024px){
  table{ 
    width:100%; 
  }
		

  table,tbody,thead,th,td,tr{ 
    display:block; 
  }
	.has-fixed-layout thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
.wp-block-table thead {
    border-bottom: 5px solid #000;
}
  .content table td:nth-child(1) {
    padding-bottom: 4px;
  }
td, th {
    border: none;
	padding: 20px 30px;
}
.content table td:nth-child(2){ 
	padding-top:4px; 
}
	  

  tr{ 
    border:1px solid #e9ecf3; 
  }

  td{
    border:none;
    position:relative;
  }
  td:before{
    position:absolute;
    top:20px;
    left:15px;
    width:45%;
    padding-right:10px;
    white-space:nowrap;
    content:attr(data-column);
    color:#2A2A2A;
    font-weight:bold;
  }
}

.content ol li span{ 
    font-weight:700; 
}


.content ol li{
  color:#000000;
  line-height:28px;
  font-weight:300;
  letter-spacing:.7px;
}

.content .wp-block-separator {
    margin: 36px 0;
    border: 0;
    height: 2px;
    background: repeating-linear-gradient(90deg, #e7e7e7 0 4px, transparent 4px 8px) !important;
    opacity: 1 !important;
}

.content ol{
  background:#fff;
  padding:35px 30px;
  box-shadow:0 0 34px 0 rgba(0,0,0,.07);
}

ol li:not(:last-child){ 
    margin-bottom:14px; 
}


/* ===== Media ≤1024 ===== */
@media (max-width:1024px){
  /* Nav */
  .nav-icon{ display:block; }
  .logo{
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    z-index:1000;
    width:100%;
  }
  .nav-menu{
    width:100%;
    height:100%;
    position:fixed;
    background:#000;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    top:-100%;
    left:0;
    opacity:0;
    gap:45px;
    transition:all .4s ease-in-out;
  }
  .nav-menu.active{
    top:0;
    z-index:999;
    opacity:1;
    background:#FFF;
  }
  .nav-menu ul{
    flex-direction:column;
    align-items:center;
    gap:25px;
    margin:0;
    padding:0;
  }
  .nav-menu li a{
    font-size:15px;
    font-weight:600;
    color:#000;
  }

  .general-about-container{ 
    grid-template-columns:1fr; gap:30px; 
  }

  .description-about{ 
    text-align:center; margin-bottom:0; 
  }

  .list-advantages{ 
    gap:30px; 
  }

  .item-advantages{
    flex-direction:column;
    gap:15px;
    align-items:center;
  }

  .description-parts{
    max-width:100%;
    margin:0 auto;
    padding:40px;
    outline-offset:-10px;
  }
  .about{ padding:45px 0 65px; }
  .features{ padding:60px 0 70px; }

  .general-reviews-container,
  .general-features-container{
    margin-top:30px;
    grid-template-columns:1fr;
    gap:20px;
  }

  .title-features{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:15px;
    margin-bottom:8px;
  }
	.page-areas-container{
		grid-template-columns:1fr;
	}

  .item-review,
  .item-features{
    text-align:center;
    padding:35px 30px;
    outline-offset:-10px;
  }

  .emergency,
  .customer-satisfaction{ 
    grid-template-columns:1fr; 
  }

  .description-emergency,
  .block-description-customer-satisfaction{
    padding:50px 0 60px;
    max-width:100%;
  }

  .pic-emergency,
  .pic-customer-satisfaction{ 
    height:300px; 
  }

   .description-customer-satisfaction{
            order: 1;
   }

  .raiting h3,
  .raiting{ 
    margin-bottom:5px; 
  }

  .reviews p{ 
    margin-bottom:10px; text-align:center; 
  }

  .pic-reviews img,
  .pic-reviews picture{ 
    height:350px; 
  }

  .general-questions-container{ 
    grid-template-columns:1fr; gap:40px; 
  }

  .questions{ 
    padding:70px 0; 
  }

  .general-services-area-container{ 
    grid-template-columns:1fr; gap:35px; 
  }

  .blog,
  .service-area{ 
    padding:70px 0 60px; 
  }

	.block-contact-information{
		grid-template-columns:1fr; 
		gap: 20px;
	}

  .page-services-container,
  .general-areas-container,
  .general-blog-container{ 
    margin-top:30px; 
    grid-template-columns:1fr; 
	gap: 20px;
  }
	
	.thermadore-services{
		grid-template-columns:1fr; 
		gap: 20px;
	}
	
	.content img {
		height: 300px;
		margin-bottom: 25px;
	}
	
	.thermadore-areas-services {
    	padding: 30px 0 60px 0;

	}

  .pic-blog{ 
    margin-bottom:20px; 
  }

  .pic-about{ 
    display:flex; 
    justify-content:center; 
  }

  .services{ 
    padding:60px 0 45px; 
  }

  .reviews{ 
    padding:65px 0 80px; 
  }

  .line-hero{ 
    margin:30px 0 40px; 
  }

  .block-slogan h1{ 
    font-size:48px; 
    line-height:63px; 
    margin-bottom:25px; 
  }

  .contact-pic h1{ 
    font-size:32px; 
  }

  .general-info-container{ 
    gap:20px; 
    grid-template-columns:1fr; 
  }
  .contact-information{ 
    padding:30px 0; 
  }
  
  .tittle-contact-info-block{
    flex-direction:column;
    gap:7px;
    margin-bottom:4px;
  }

  .information{ 
    text-align:center; 
    padding:25px; 
  }
  .contact-form-block{ 
    padding:25px; 
  }
	.schedule-and-contact{
		margin-top: 20px;
	}

  .contact-pic picture,
  .contact-pic img{ 
    height:250px; 
}
}

/* ===== Media ≤768 ===== */
@media (max-width:768px){
  .general-services-container{
    margin-top:40px;
    grid-template-columns:repeat(2,1fr);
    gap:45px 30px;
  }

  .title-block-with-icon img{ 
    margin-bottom:7px; 
    width:45px; 
  }

  h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 15px;
  }
	
	.content ul li {
		display: block;
		padding: 10px 16px;
		line-height: 25px;
	}

  ul.location-list{
    -moz-column-count:1;
    -webkit-column-count:1;
    column-count:1;
    margin-top:20px;
  }

  .pic-services img {
    width: 130px;
    height: 130px;
  }

  .btn-block{ 
    margin-top: 35px;
    flex-direction:column; 
    gap:15px; 
    justify-content:center; 
  }

  .hero{ 
    padding:80px 0 60px; 
    outline-offset:-10px; 
  }

  .block-slogan h1 {
    font-size: 43px;
    line-height: 53px;
    margin-bottom: 23px;
    font-weight: 600;
  }

  .line-hero{ 
    margin:20px 0 35px; 
  }

  .block-slogan{ 
    max-width:90%; 
   }

  a.btn-discover-book{ 
    max-width:600px; line-height:25px; 
  }

  .block-slogan p{ 
    font-size:12px; 
    line-height:27px; 
  }

  .blog{ 
    padding:55px 0 60px; 
  }

  .btns-stick{ 
    display:flex; 
    justify-content:center; 
  }

  .footer{ 
    margin-bottom:80px; 
   }

  .block-nav-footer ul{ 
    flex-direction:column; 
    gap:22px; 
  }

  .block-nav-footer{ 
    margin-bottom:28px; 
  }

  .title-block h4{ 
    margin-bottom:3px; 
  }

  .pic-blog picture,
  .pic-blog img{ 
    height:200px; 
  }

  h3{ 
    font-size:21px; 
    line-height:30px; 
  }

    .pic-about img {
        width: 397px;
        height: 450px;
    }

    a.btn-learn-more {
        margin-top: 35px;
    }
	
	.schedule-and-contact{
		padding: 35px 15px 15px;
	}
	

}