/* @import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); */
/* @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Unbounded:wght@200..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap');
/*___BODY___*/
:root {
  --cassiopeia-color-primary: #FFA686;
  --cassiopeia-color-hover: #D7644C;
  --cassiopeia-color-link: #372527;
  /* --cassiopeia-font-family: Comfortaa; */
}
body {
   h5, h6, p, label, select {
    font-family: 'Comfortaa';
}
  h1, h2, h3, h4 {
    font-family: 'Unbounded';
    font-weight: 700;
  }
}
.container-header {
    background-image: linear-gradient(180deg, var(--cassiopeia-color-hover) 80%, var(--cassiopeia-color-primary) 97%);
}
/*___ГЛАВНОЕ_МЕНЮ___*/
.container-header .mod-menu {
    font-family: 'Unbounded';
    align-items: center;
    /* justify-content: space-evenly; */
}
/*___MAIN_MENU___*/
.container-header .container-nav { 
    padding-bottom: 0;
    justify-content: center;
    /* justify-content: space-between; */
}
.container-header .grid-child {
   /* padding: 0; */
  max-width: 1920px;  
  padding: .2em .2em;
  justify-content: space-evenly;
}
.container-header nav {
    margin-top: 0;
}

/****КОЛЛАПС_МЕНЮ****/
@media (max-width: 912px) {
  .container-header {
      position: fixed!important;
      top: auto;
      bottom: 0;
      width: 100%;
      padding: 0;
      height: 97px;
      background-color: var(--cassiopeia-color-hover);
      border-top: 2px solid #9999;
  } 
  /****КОЛЛАПС_КНОПКА_Toggler****/
  .navbar-toggler {
    position: fixed;
    /* bottom: 20px; */
    bottom: 70px;
    z-index: 9999;
    display: block;
    width: 70px;
    height: 70px;
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
    border: 4px solid white !important;
    border-radius: 40px;
    /* left: 10px; */
    right: 10px;
  }
  /****КОЛЛАПС_МЕНЮ_ВСПЛЫВАЮЩЕЕ****/
     .navbar-collapse {
      position: fixed;
      bottom: 97px;
      /* right: 0; */
      left: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 69%;
      background-color: var(--cassiopeia-color-hover);
      background-image: linear-gradient(-135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
      height: auto;
      overflow: auto;
  }
  .navbar-collapse.collapsing {
    height: auto;
    transition: left 0.3s ease;
    left: -100%;
  }
  .navbar-collapse.show {
    left: 0;
    transition: left 0.3s ease-in;
  }
  .footer {
    border-top: 2px solid #9999;
  }
  /* .footer .grid-child {
    margin-bottom: 50px;
 } */
}

/****ПОДНИМАЕМ ВЕСЬ MAIN****/
/* .container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: 0;
} */

.sticky-top-with-margin {
  position: sticky;
  top: 120px; /* Отступ от верхней части экрана */
}
/****ЛОГОТИП****/
.logos {
  p {
    margin-bottom: 0;
  }
}
.ogos {
  display: grid;
  align-items: center;
  color: #fff;
  h3 {
    margin-bottom: -20px;
  }
  h4 {
    text-align: center;
    margin-bottom: 0;
  }
}
/*****КОНТЕЙНЕР_БАНЕР*****/
.container-banner {
    margin: 0.5rem 0 0 0;   
}
.mod-custom {
    display: flex;
    align-items: center;
  .mapper {
    flex-wrap: wrap;
    margin-top: 0;
    justify-content: space-evenly;
    width: 100%;
  }
}

/*****БЛОК_МЫ ПРЕДЛАГАЕМ*****/
#mod-custom112.mod-custom {
  background-color: #f7f7f7;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
.introduction {
  display: flex; 
  justify-content: space-evenly; 
  flex-wrap: wrap; 
  width: 100%; 
  margin: 0 auto;
  padding: 20px 0;
  /* p {
  font-family: 'Noto Sans Display';
  } */
}
.mod-custom custom {
  margin: 0 auto;
  }

/*****КАЛЬКУЛЯТОР*****/
#mod-custom123.mod-custom {
  background-color: #f7f7f7;
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  margin-bottom: 70px;
}
.prelim-calc {
  width: 100%;
  padding: 20px 0;
  /* background-color: #f7f7f7;
  border-top-left-radius: 200px;
  border-bottom-right-radius: 200px; */
.calc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-evenly;
  border-radius: 7px;
  padding: 10px;
  /* border: 1px solid; */
  margin: 0 auto;
  
  .column_one {
    /* display: block;
    justify-content: space-between; */
    /* width: 48%; */
    margin-top: 1em;
    width: 500px;
    padding: 10px;
    /* background-color: #00EB78; */
     background-image: linear-gradient(83deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-primary) 91%);
    border-radius: 7px;
    /* border: 1px solid; */
     label {
    margin: 7px 0 1px 20px;
    color: #000;
   }
    
    .square {
      justify-content: space-between;
      display: flex;
      column-gap: 0.3em;
      /* flex-wrap: wrap; */
    label {
      margin: 7px 0 1px 0;
      /* align-items: center; */
      color: #000;
      }
      .form-control {
         max-width: 230px;
      }
    }
  }
  .column_two {
    width: 500px;
    padding: 20px 10px;
    /* background-color: #3AFB91; */
     background-image: linear-gradient(83deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
    border-radius: 7px;
    /* border: 1px solid; */
    margin-top: 1em;
    /* justify-content: space-between; */
    /* width: 48%; */
    .total{
     display: flex;
     justify-content: space-between; 
   }
  }
 }
}
/*****ЦЕНТРИРОВАНИЕ_О НАС*****/
.sppb-column, .sppb-column-addons {
  align-items: center;
}
/****АДРЕС-КАРТА****/
.mapadress {
   background-color: #f7f7f7;
   border-top-left-radius: 100px;
   border-bottom-right-radius: 80px;
   padding: 30px 0;
   margin-top: 3rem;
   .mapper {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 50px;
    margin-top: 40px;
    .address {
       /* margin-top: 20px; */
       padding-right: 20px;
    }
    .map {
       /* margin-top: 20px; */
       width: 720px;
       height: 400px;
    }
  }
}
/*****КНОПКА_НАВЕРХ*****/
.back-to-top-link.visible {
    opacity: 1;
    /* right: 0; */
    bottom: 140px;
}
/******ФОРМА_О_СВЯЗИ******/
.card-header {
    color: #6B7181;
    /* background-color: var(--card-cap-bg); */
    font-size: 1.2rem;
}
.btn-success {
     background-color: #06C2FF;
   }
.btn-success:hover {
     background-color: #FFA686;
   }
/******ФОРМА_О_ЗВОНКА******/
.container-sidebar-right .sidebar-right:first-child {
  background: #F7F7F7;
}
.card-body {
  margin: auto;
  /* font-family: 'Unbounded'; */
}
/****ФУТЕР****/
.footer {
   background-image: linear-gradient(180deg, var(--cassiopeia-color-primary) 15%, var(--cassiopeia-color-hover) 31%); 
}
.footer .grid-child {
  padding: 0.5rem;
}
.mod-footer .footer-line {
  h5, h6 {
    font-family: 'Unbounded';
  }
}
.footer-column2 {
    display: grid; 
    align-items: center; 
    text-align: center; 
    border-left: 2px solid #06C2FF; 
    border-right: 2px solid #06C2FF;
  }

/********MEDIA********/
@media (max-width: 1075px) {
  .footer-column2 {
    border-right: 0;
  }
}
@media (max-width: 708px) {
  .footer-column2 {
    border-right: 2px solid #06C2FF;
  }
}
@media (max-width: 912px) {
   #mod-custom112.mod-custom {
     border-top-left-radius: 70px;
     border-bottom-right-radius: 70px;
     padding-left: 7px;
     /* footer-column */
 }
  #mod-custom123.mod-custom {
     border-top-left-radius: 70px;
     border-bottom-right-radius: 30px;
     /* margin-bottom: 70px; */
 }
  .mapadress {
     border-top-left-radius: 70px;
     border-bottom-right-radius: 30px;
     padding: 10px 7px;
 }
  .mapper {
     row-gap: 10px;
  }
  .footer .grid-child {
    padding-bottom: 4rem;
  }
  /* .logos {
  p {
    margin-bottom: 0.2em;
  }
} */
}
@media (max-width: 430px) {
  .mapper .phones {
    margin-bottom: 20px;  
  }
}
@media (max-width: 375px) {
   .mapadress {
     strong {
      font-size: .85rem;
     }
     small {
      font-size: .75rem;  
     }
  }
  
}
@media (max-width: 350px) {
   .mapadress {
     strong {
      font-size: .75rem;
     }
     small {
      font-size: .65rem;  
     }
  }
  .mapper {
    h4 {
    font-size: 1.2rem;
    }  
  }
}