/* grid */
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}
@media (min-width: 1440px) {
    .home-first-block .container {
        max-width: 1400px;
    }
    .main-top-panel .container {
        max-width: 1400px;
    }
    .new-developmet .container {
        max-width: 1400px;
    }
    .new-goods .container {
        max-width: 1400px;
    }
    .new-sects .container {
        max-width: 1400px;
    }
}
@media (min-width: 1440px) {
    header .container {
        max-width: 1400px;
    }
    footer .container {
        max-width: 1400px;
    }
}

/* modals */
.modal-content {border-radius: 0;}
.modal-header {background-color: #383838; color: #fff; border-radius: 0; display: flex; align-items: center;}
.modal-header .close {margin: 0; padding: 0; font-size: 1.25rem;}

/* forms */
.form-check {display: flex; align-items: center; padding-left: 0;}
.form-check-input {position: static; margin: 0; margin-right: .5rem;}

/* buttons */
.btn-yellow {background-color: #ffc12c;}
.btn-yellow-opacity {background-color: rgba(255, 193, 44, 0.8); border-radius: 0; font-weight: 600; text-transform: uppercase; font-size: .75rem; padding: .375rem 3.75rem;}
.btn-yellow-opacity:hover {background-color: #ffc12c;}
.btn-outline-dark {border-radius: 0; font-weight: 600; text-transform: uppercase; font-size: .75rem; padding: .375rem 3.75rem;}

.btn-red {background-color: #ed2d2f; color: #fff !important; font-weight: 400 !important; animation: pulse 2s infinite;}

/* main */
html {height: 100%;}
body {display: flex; flex-direction: column; height: 100%;}

.content {flex: 1 0 auto;}

header {padding-top: 1rem; margin-bottom: 5rem;}
header .nav-link {font-weight: 400; font-size: .9rem;}
header .nav-item + .nav-item {margin-left: 1rem;}
header .navbar-light .navbar-nav .nav-link {padding: 0;}

.home-thematic-video {position: absolute; right: 0; left: 0; bottom: 0; top: 0; width: 100%; z-index: -100;}
.home-first-block {display: flex; flex-wrap: wrap; height: 100vh; background-color: rgba(0, 0, 0, 0.77); color: #fff; overflow: hidden; position: relative;}
.home-first-block .container {display: flex; flex-direction: column;}

.home-first-header {padding-top: 1rem; margin-bottom: 5rem;}
.home-first-header .nav-link {color: #fff; font-weight: 100; font-size: .9rem;}
.home-first-header .nav-item + .nav-item {margin-left: 1rem;}
.home-first-header .navbar-light .navbar-nav .nav-link {color: #fff; padding: 0;}

.home-first-middle {flex: 1 0 auto;}
.home-first-middle h1 {text-transform: uppercase; font-weight: 700; margin-bottom: 1.75rem;}
.home-first-middle .descript {font-weight: 100; font-size: 1.25rem;}

.home-first-phone {display: flex; flex-direction: column; align-items: flex-end;}
.home-first-phone .phone {font-size: 1.5rem; font-weight: 700;}
.home-first-phone .phone > a {color: #fff; text-decoration: none;}
.home-first-phone .phone > a + a {margin-left: 1rem;}
.home-first-phone > a {font-weight: 100; color: #ffc12c; margin-top: 0.5rem;}

.home-first-footer {flex: 0 0 auto; padding-bottom: 2rem; font-size: .65rem; text-transform: uppercase;}
.home-first-footer a {color: #fff; text-decoration: none;}
.home-first-footer .fas {margin-left: .35rem;}

.home-development {margin-top: 4rem;}
.main-development-list {margin-bottom: 3rem;}
.main-development {padding: 6rem 0; padding-bottom: 3rem;}
.main-development-descript {font-size: 1.45rem; font-weight: 300; margin-bottom: 1rem;}
.main-development-item {display: flex; flex-direction: column;}
.main-development-item img {max-width: 100%;}

.main-development-info {padding: 3rem 0;}
.main-development-info .title {font-size: 2rem;}
.main-development-info .descript {font-weight: 300; width: 65%;}
.main-development-info .btn {border-radius: 0; font-weight: 500; text-align: left; padding-right: 6rem;}

/* .home-development-list [class^="col"]:nth-child(odd) .descript {align-self: flex-end;} */
.main-development-list .row:nth-child(even) [class^="col"]:first-child {order: 2;}

.home-goods {padding: 6rem 0;}

.home-goods-good + .home-goods-good {margin-top: 10rem;}

.home-goods-panel {position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%;}
.home-goods-title {text-transform: uppercase; font-weight: 700; margin-bottom: 1.75rem; font-size: 2.75rem;}
.home-goods-weight {margin-bottom: 4rem; font-weight: 800; font-size: 2rem;}
.home-goods-announce {font-size: 1.25rem; font-weight: 300; line-height: 1.5rem; margin-bottom: 4rem; margin-top: 2rem;}
.home-goods-image {margin-left: -10rem;}
.home-goods-image img {max-width: 100%;}

.home-goods-composition {flex: 1 0 auto; font-weight: 500; font-size: .9rem; line-height: 1.25rem;}
.home-goods-composition .item > span {margin-left: .25rem; font-weight: 200; font-size: 1.25rem;}

.home-goods-price {font-size: 3rem; font-weight: 700; margin-bottom: 1rem; flex: 0 0 auto;}
.home-goods-price:after {content: '...'; display: block; font-size: 1rem;}

.home-goods-btns {display: flex; flex-direction: column; flex: 0 0 20%;}
.home-goods-btns a + a {margin-top: .5rem;}
.home-goods-btns .btn {border-radius: 0; font-weight: 500; text-align: left;}

.home-goods-equipments {padding-top: 6rem;}
.home-goods-equipments img {max-width: 100%;}

.home-equipments-title {font-weight: 700; text-transform: uppercase; font-size: .8rem;}
.home-equipments-descript {font-weight: 100; font-size: .95rem; line-height: .95rem; margin-bottom: 1rem;}

.home-equipments-list .row {margin-right: -5px; margin-left: -5px;}
.home-equipments-list [class^="col-"] {padding-right: 5px; padding-left: 5px;}

.home-manual {padding: 6rem 0;}
.home-manual .btn {border-radius: 0; font-weight: 500; text-align: left; padding-right: 6rem;}
.home-manual-image img {max-width: 100%;}
.home-manual-title {text-transform: uppercase; font-weight: 700; font-size: 2rem; padding-right: 1rem;}
.home-manual-text {font-size: .9rem; font-weight: 400; line-height: 1.25rem; border: 5px solid #000; padding: 2rem;}
.home-manual-text ol {padding-left: 1rem; margin-bottom: 0;}
.home-manual-text ol > li + li {margin-top: 1rem;}

.main-top-panel {flex: 1 0 auto; margin-bottom: 6rem;}
.main-top-panel h1 {text-transform: uppercase; font-weight: 700; margin-bottom: 1.75rem;}
.main-top-panel .descript {font-weight: 100; font-size: 1.25rem;}
.main-top-panel .descript a {text-decoration: none; color: #000; border-bottom: 1px solid #000;}
.main-top-panel .descript a:hover {border-bottom: none;}

.main-top-panel .phone > a {color: #000; text-decoration: none;}

.main-contacts .map {height: 30rem; margin-bottom: 6rem;}
.main-contacts-time {margin-bottom: 2rem; font-size: 1.5rem; font-weight: 300;}

.new-developmet {padding: 6rem 0; background-repeat: no-repeat; background-position: bottom; background-size: cover;}
.new-developmet h2 {text-transform: uppercase; font-weight: bold; font-size: 2.5rem;}
.new-development-link {color: #efae14; text-decoration: underline; font-size: 1.25rem;}
.new-development-count {display: flex;flex-flow: row nowrap;}
.new-development-count > div:first-child {font-size: 7rem; font-weight: 800; line-height: 6rem; margin-bottom: 2rem; margin-right: 1rem;}
.new-development-count > div:last-child {text-transform: uppercase; flex: 0 0 30%; font-size: .75rem;}

.new-development-descript {margin-top: 2rem;}

.new-products {position: relative; margin-bottom: 6rem;}
.new-products:before {content: ''; display: block; max-width: 66.666667%; width: 66.666667%; background-color: #000; position: absolute; top: -3px; left: 0; height: 50px; z-index: -1;}
.new-products h2 {text-transform: uppercase; font-weight: 700; margin-bottom: 5rem; font-size: 2.25rem; color: #fff;}
.new-products-item {position: relative;}
.products-item-title {text-transform: uppercase; font-size: 1.75rem; width: 40%; position: absolute; top: 2rem;}
.products-item-descript {padding-left: 2rem; padding-right: 6rem; font-size: 1.25rem; line-height: 1.5rem;}
.products-item-image {margin-bottom: 2rem;}
.products-item-image img {max-width: 100%;}
.products-item-price {font-size: 2rem; font-weight: 300; margin-bottom: 1rem; padding-left: 2rem;}
.products-item-price:after {content: '...'; display: block; font-size: 1rem;}
.products-item-btns {padding-left: 2rem;}

.new-products-margin {margin-top: 15rem;}

.new-subproduct {margin-bottom: 6rem;}
.new-subproduct h2 {text-transform: uppercase; font-size: 2.5rem; margin-bottom: 2rem;}

.new-development-promo {margin-top: 5rem;}

.new-promo-label {font-size: 1.5rem; position: relative; margin-bottom: 3rem; width: 40%; margin-left: 50%;}
.new-promo-label:after {content: ''; display: block; width: 3rem; height: 10rem; border-top: 1px solid #efae14; border-right: 1px solid #efae14; position: absolute; right: 2.5rem; top: 3.55rem;}
.new-promo-label:before {content: ''; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #efae14; position: absolute; right: 2.35rem; bottom: -9.25rem;}

.new-promo-brand {font-weight: 700;}

.new-promo-bucket {margin-bottom: -6rem;}
.new-promo-bucket img {max-width: 100%;}

.new-promo-stones {margin-top: -10rem;}
.new-promo-stones img {max-width: 100%;}

.new-stones-label {font-size: 1.5rem; position: relative; margin-top: 10rem; margin-left: 30%; width: 70%;}
.new-stones-label:after {content: ''; display: block; width: 3rem; height: 12rem; border-bottom: 1px solid #efae14; border-left: 1px solid #efae14; position: absolute; left: -3.5rem; bottom: 3.25rem;}
.new-stones-label:before {content: ''; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #efae14; position: absolute; bottom: 15rem; left: -3.65rem;}

.new-developmet-free {padding: 5rem 0;}
.new-free-descript {font-size: 1.5rem;}

.new-goods-good {background-repeat: no-repeat; background-size: cover; background-position: bottom -10rem center;}
.new-good-title {font-size: 2.75rem; font-weight: 900; margin-bottom: 2rem; text-transform: uppercase;}
.new-good-announce {margin-bottom: 1rem;}

.new-good-inner {padding: 3rem; background-color: #fff; background-size: cover; background-repeat: no-repeat; display: flex; flex-flow: row nowrap; margin-bottom: 6rem;}
.new-good-panel {flex: 3; position: relative; z-index: 1; display: flex; flex-direction: column;}
.new-good-image {flex: 6; margin-left: -5rem;}
.new-good-image img {max-width: 100%;}

.new-goods-weight {font-weight: 700; margin-bottom: 4rem;}
.new-goods-price {font-size: 3rem; font-weight: 700; margin-bottom: 1rem; flex: 0 0 auto;}
.new-good-four {padding: 0 3rem; margin-top: 6rem; display: flex; flex-direction: column; height: calc(100% - 12rem);}

.new-equipments-equipment {margin-bottom: 6rem; position: relative;}
.new-equipments-equipment:before {content: ''; display: block; width: 3rem; height: 13rem; border-bottom: 1px solid #efae14; border-right: 1px solid #efae14; position: absolute; right: -3rem; bottom: 2rem;}
.new-equipments-equipment:after {content: ''; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #efae14; position: absolute; right: -3.1rem; bottom: 14.95rem;}
.new-equipments-title {font-weight: 500; font-size: 1.25rem; margin-bottom: 1rem;}
.new-equipments-descript {font-size: 1.25rem; margin-bottom: 5rem;}
.new-equipments-image img {max-width: 100%;}

.sidebar-sects {position: -webkit-sticky; position: sticky; top: 1rem; margin-bottom: 2rem;}
.sidebar-sects ul {background-color: #f1f1f1; margin-bottom: 2rem;}
.sidebar-sects ul > li + li {border-top: 2px solid #fff;}
.sidebar-sects ul > li > a {color: #000; font-weight: 300;}
.sidebar-sects ul > li > a:hover {color: #fff;}

.sidebar-contacts-item {margin-bottom: 0.5rem; margin-left: 1rem;}
.sidebar-contacts-item > a {color: #000; font-weight: 700;}

.new-goods-related {position: relative; margin-bottom: 6rem;}
.new-goods-related h2 {font-size: 5rem; text-transform: uppercase; font-weight: 500;}
.new-goods-related + .new-goods-related {padding-top: 6rem;}

.new-bg-hidden {background-image: none !important;}

.new-sect-announce {text-align: right;}

.new-related-carousel {width: 100%;}
.new-related-carousel .carousel-indicators {bottom: -4rem;}
.new-related-carousel .carousel-indicators li {background-color: #000;}
.new-related-carousel .carousel-item {padding: 2rem 0;}

.new-related-carousel .carousel-control-prev {left: -4rem;}
.new-related-carousel .carousel-control-next {right: -4rem;}
.new-related-carousel .carousel-control-next-icon, 
.new-related-carousel .carousel-control-prev-icon {background-color: #ccc; background-size: 50%; padding: 1rem;}

.new-roofer-good {font-size: 2rem; font-weight: 600; margin-top: 2rem;}
.new-roofer-panel {display: flex; align-items: center;}
.new-roofer-panel > .btn {margin-left: .5rem;}

.new-manual {border: 5px solid #000; padding: 2rem; font-size: 1.25rem; font-weight: 600;}
.new-manual a {color: #000; text-decoration: none;}

.new-mastics-related {margin-bottom: 6rem;}

.new-related-title {font-size: 2.75rem; font-weight: 600; margin-bottom: 2rem; text-transform: uppercase; text-align: center;}
.new-related-goods {display: flex; flex-flow: row wrap;}
.new-related-item {flex: 0 0 33.333333%; max-width: 33.333333%; padding: 1rem 2rem; padding-top: 2rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}

.new-related-hit {
    position: absolute;
    background-color: #ee2d30;
    color: #fff;
    top: 1rem;
    right: 2rem;
    display: flex;
    align-items: center;
    text-align: center;
    width: 4rem;
    height: 4rem;
    border-radius: 5rem;
    font-size: .875rem;
    line-height: .875rem;
}

.new-related-gost {text-transform: unset; font-weight: 300; font-size: 1.15rem; margin-right: -1rem;}
.new-roofer-gost {text-transform: unset; font-weight: 300; font-size: 1.15rem; margin-bottom: 1rem;}

.new-related-price {font-size: 2rem; font-weight: 700;}
.new-related-price span {font-size: 1rem; margin-left: .25rem;}

.new-roofer-price {font-size: 2rem; font-weight: 700;}
.new-roofer-price span {font-size: 1rem; margin-left: .25rem;}

.new-related-image {margin-left: -2rem; margin-right: -2rem; margin-bottom: -2rem; text-align: center;}
.new-related-image img {max-width: 100%;}

.new-roofer-image {text-align: center;}
.new-roofer-image img {max-width: 100%;}

.new-related-name {font-size: 1rem; line-height: 1.5rem; font-weight: 700; margin-bottom: .75rem;}
.new-related-name a {color: #000; text-decoration: none;}

.new-roofer-name {font-size: 2.35rem; line-height: 2.5rem; font-weight: 700; margin-bottom: .5rem;}
.new-roofer-name a {color: #000; text-decoration: none;}

.new-related-announce {font-weight: 300;}

.new-related-weigth {font-size: 1rem; font-weight: 700;}
.new-related-weigth a {color: #000; text-decoration: underline;}
.new-related-weigth a + a {margin-left: .5rem;}
.new-related-weigth a.active {font-size: 1.75rem; text-decoration: none;}

.new-good-text {margin-bottom: 6rem; margin-top: 6rem;}
.new-good-text h4 {font-size: 1.25rem; font-weight: 600;}

.new-good-order {margin-bottom: 6rem;}
.new-good-order-phone {font-size: 3rem; font-weight: 600; color: #000;}
.new-good-order-phone:hover {text-decoration: none; color: #cb1f20;}

.new-good-related {margin-bottom: 3rem;}

.subproduct-list-row {display: flex; flex-flow: row nowrap;}
.subproduct-list-row:last-child .subproduct-list-item {border-left-color: #ffc108 !important;}
.subproduct-list-row > div {padding: .5rem; border: 1px solid #6d6e71;}
.subproduct-list-item {flex: 6; border-left: 2rem solid #000 !important; padding-left: 1rem !important;}
.subproduct-list-item div:nth-child(1) {font-size: 1.25rem; margin-bottom: .5rem;}
.subproduct-list-item div:nth-child(2) {}
.subproduct-list-item div:nth-child(3) {}

.subproduct-list-param {flex: 2; margin-left: -1px; margin-right: -1px; background-color: #000; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.subproduct-list-param .far {font-size: 2rem; margin-bottom: .5rem;}
.subproduct-list-descript {flex: 3;}

.new-subproduct-time {margin-top: 2rem; font-size: 1.25rem; padding-left: 3rem;}
.new-subproduct-time .far {margin-right: .25rem;}

.home-catalog-sect {display: flex; flex-flow: row nowrap;}
.home-catalog-sect:nth-child(even) {background-color: #f7f7f7;}
.home-catalog-sect h2 {font-size: 5rem; text-transform: uppercase; font-weight: 500;}

.home-cs-announce {margin-bottom: 4rem;}

.home-cs-left {text-align: center; color: #fff; font-weight: 500; flex: 0 0 40px; max-width: 40px; display: inline-flex; align-items: center; justify-content: center;}
.home-csl-transform {transform: rotate(-90deg ); position: relative; white-space: nowrap; position: -webkit-sticky; position: sticky; top: 5rem;}

.home-cs-right {padding: 3rem 0; flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px);}

.main-contacts-requisites {margin-top: 2rem; margin-bottom: 5rem;}

.modal-body .btn-panel {display: flex; align-items: center;}
.modal-body .btn-round {border-radius: 30px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.modal-body .btn-panel input {margin: 0 .5rem}
.modal-body .btn-panel .btn-danger {background-color: #c5c5c5; border-color: #c5c5c5;}
.modal-body .btn-panel .btn-primary {background-color: #ffc12b; border-color: #ffc12b;}
.modal-body-price {font-size: 1.75rem; font-weight: 700;}

.modal-body-top {margin-bottom: 2rem;}

.new-goods-certificates {display: flex; align-items: center; margin-bottom: 6rem;}

.new-goods-certificate {flex: 0 0 25%; max-width: 25%;}
.new-goods-certificate img {max-width: 100%;}

.new-certificate-box {margin-bottom: 5rem;}
.new-certificate {background: #f1f1f1; border: 1px solid #d7d7d7; padding: 0.25rem 0.25rem; margin-bottom: .25rem;}
.new-certificate a {color: #000; font-weight: 300;}
.new-certificate .fas {margin-right: 0.5rem; font-size: 1.5rem;}
.new-certificate .fa-file-pdf {color: #d14141;}
.new-certificate .fa-file-alt {color: #417cd1;}

footer {flex: 0 0 auto; background-color: #f1f1f1;}
.footer-inner {padding: 3rem 7rem;}

.footer-menu {margin-bottom: 2rem;}
.footer-menu .title-link {text-decoration: none; color: #000; font-weight: 700; text-transform: uppercase; font-size: .8rem;}
.footer-menu ul {list-style: none; padding-left: 0;}
.footer-menu ul > li {line-height: 1rem;}
.footer-menu ul > li > a {color: #000; font-weight: 100; font-size: .95rem;}
.footer-menu ul > li > a:hover {color: #757575; transition-property: color; transition-duration: 1s;}

.footer-logo {margin-bottom: 6rem;}

.footer-copyright {font-size: .95rem;}
.footer-copyright-links a {color: #000; font-size: .9rem;}
.footer-copyright-links a + a {margin-left: 1rem;}
.footer-copyright-links a:first-child {text-decoration: underline;}

.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    visibility: visible !important;
}

@-webkit-keyframes slideUp {
  0% {
      opacity: 0;
      -webkit-transform: translateY(25%);
      transform: translateY(25%)
  }
  50% {
      opacity: 1
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes slideUp {
  0% {
      opacity: 0;
      -webkit-transform: translateY(25%);
      transform: translateY(25%)
  }
  50% {
      opacity: 1
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 .5rem rgba(234, 85, 85, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0.8);
    box-shadow: 0 0 0 0 rgba(234, 85, 85, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 .5rem rgba(234, 85, 85, 0);
      box-shadow: 0 0 0 .5rem rgba(234, 85, 85, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0);
      box-shadow: 0 0 0 0 rgba(234, 85, 85, 0);
  }
}