@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);
/*___BODY___*/
:root {
  --cassiopeia-color-primary: #E31087;
  --cassiopeia-color-hover: #151011;
  --cassiopeia-color-link: #372527;
  /* --cassiopeia-font-family: Comfortaa; */
}
body {
   h4, h5, h6, p, label, select {
    font-family: 'Comfortaa';
}
}
/*___HEADER___*/
.forhome .container-header {
    background-color: transparent;
    background-image: unset;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    transition: all .8s;
}
.container-header .mod-menu {
    font-family: 'Comfortaa';
}

/*___SCROLLEER___*/
.container-header.scrolled {
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
    transition: all .8s;
}
/*___MAIN_MENU___*/
.container-header .container-nav { 
    padding-bottom: 0;
    justify-content: space-between;
}
.container-header .grid-child {
  max-width: 1920px;  
  padding: .2em .5em;
}
.container-header nav {
    margin-top: 0;
}
/*___LOGO___*/
.mod-custom {
    p{
      margin-bottom: 0;
    }   
}
table {
    color: #FFF;
    font-size: 24px;
    font-family: 'Comfortaa';
}

/*___Toggler___*/
@media (max-width: 912px) {
  .forhome .container-header,
  .container-header {
      position: fixed!important;
      top: auto;
      bottom: 0;
      width: 100%;
      padding: 0;
      background-color: var(--cassiopeia-color-primary);
      background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
  } 
  .navbar-toggler {
    position: fixed;
    /* bottom: 20px; */
    top: 20px;
    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;
    right: 10px;
  }
     table {
     margin-right: 60px;
  }
     .navbar-collapse {
      position: fixed;
      bottom: 70px;
      left: 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 100%;
      background-color: var(--cassiopeia-color-primary);
      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;
  }
}
/*___MESSAGE_OUTPUT___*/
#system-message-container joomla-alert[type=success], #system-message-container joomla-alert[type=message] {
    display: none;
  }
#system-message-container:has(joomla-alert) {
    margin-top: 0;
}

/*___FORM_ORDER___*/
.site-grid {
    background: #F0F4FA;
}
.zagolovok {
  font-family: 'Montserrat Alternates';
  margin-top: 0; 
  padding: 9px;
}
.calculator {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 7px;
  padding: 10px;
  /* background: #E7E9EE; */
  /* background: radial-gradient(ellipse at center, rgba(252, 255, 244, 1) 0%, rgba(223, 229, 215, 1) 70%, rgba(179, 190, 173, 1) 100%); */

  /* h4, h5, h6, label, select {
    font-family: 'Comfortaa';
} */
  label {
    margin: 7px 0 1px 20px;
    color: #000;
 }
  .column_one {
    width: 48%;
  }
  .column_two {
    width: 48%;
    h5 {
      margin-top: 3rem;
    }
  }
}
.total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 20px;
  h5 {
    padding: 0 10px;
  }
  }
.calculator {
    /* & .column_two { */
        h5.text-invisible {
            margin-top: 3rem;
            display: none;
        }
    /* } */
}
.total-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  /* margin-top: 20px; */
.btn-warning, .btn-primary {
  margin-top: 20px;
 } 
} 

@media (max-width: 1080px) {
  .calculator { 
    .form-control, label, h4, {
      font-size: 16px;
  }
    h5 {
      font-size: 20px;
    }
 }
}
@media (max-width: 780px) {
  .calculator {
  .column_one, .column_two {
    width: 48%;
  }
  .total {
    width: 100%;
  }
     select {
      font-size: 18px;
    }
}
}
@media (max-width: 540px) {
  .calculator {
    margin-bottom: 1rem;
  .column_one, .column_two, .total {
    width: 100%;
  }
    select {
      font-size: 16px;
    }
}
}
.orders {
  font-family: 'Comfortaa';
  font-size: .85rem;
  .accordion-header, accordion-item {
    font-family: 'Montserrat Alternates';
    }
    a {
      text-decoration: none;
    }
}
/*___SIDE-BAR___*/
.card-header:first-child {
    text-align: center;
    background: none;
    font-family: 'Montserrat Alternates';
}
.container-sidebar-right .sidebar-right:last-child {
    background: #e7e9ee;
    border: none;
}
/*___BUTTON_UP___*/
.back-to-top-link {
    bottom: 7rem;
}
/*___FOOTER___*/
.footer {
    background-image: linear-gradient(-135deg, #6e1044 0%, #371024 100%);
    margin-top: 0;
  .grid-child {
    padding: 1rem .5em;
  }
  .messengers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 460px;
    padding: 5px 2px;   
    img:hover {
      border-radius: 12px;
      box-shadow: 5px 5px 5px #555;
      opacity: .8;
  }
 }
}

@media (max-width: 912px) {
  .card-body, .sppb-row-container  {
    margin-bottom: 3rem;
}
 
  .footer {
     display: none;     
}
  .btn-discount {
     margin-bottom: 3rem;
  }
  #column-wrap-id-eda2e918-33e7-4ebb-ba63-2ba3c8fbd326 {
    margin-bottom: 5rem;
}
}

/*______MAP______*/

input.ymaps-2-1-79-route-panel-input__input {
    height: 43px;
    font-family: 'Montserrat Alternates';
    font-size: 15px;
    line-height: 28px;
    
}
.ymaps-2-1-79-route-panel-input__icon {
    top: -3px;
  img, svg {
    vertical-align: top;
}
}
/* .mapin {
    width: 100%;
    height: 130px;
} */

/* .calc {
    background-image: linear-gradient(250deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    border-radius: 5px;
  
h4, h5, label, p {
      color: #fff;
}
.form-control {
    background-color: #e8ecf2;
}
.total {
    margin-top: 15px;
h4, h5, span {
    font-family: 'Comfortaa';
}
}
.btn-primary {
    margin-top: 10px;
    margin-bottom: 10px;
}
label {
    margin: 7px 0 1px 10px;
 }
} */