html {
  scroll-behavior: smooth;
}

/*@font-face {font-family: "DIN Pro";
src: url("../fonts/15a478cc0eb1d84f4077a2a9d28df0b2.eot");
src: url("../fonts/15a478cc0eb1d84f4077a2a9d28df0b2.eot?#iefix") format("embedded-opentype"),
url("../fonts/15a478cc0eb1d84f4077a2a9d28df0b2.woff2") format("woff2"),
url("../fonts/15a478cc0eb1d84f4077a2a9d28df0b2.woff") format("woff"),
url("../fonts/15a478cc0eb1d84f4077a2a9d28df0b2.ttf") format("truetype"),
url("../fonts/15a478cc0eb1d84f4077a2a9d28df0b2.svg#DIN Pro") format("svg");
font-weight: 400;
}

@font-face {font-family: "DIN Pro";
src: url("../fonts/03f16d9e32dbe7da6c831a87bd666b3e.eot");
src: url("../fonts/03f16d9e32dbe7da6c831a87bd666b3e.eot?#iefix") format("embedded-opentype"),
url("../fonts/03f16d9e32dbe7da6c831a87bd666b3e.woff2") format("woff2"),
url("../fonts/03f16d9e32dbe7da6c831a87bd666b3e.woff") format("woff"),
url("../fonts/03f16d9e32dbe7da6c831a87bd666b3e.ttf") format("truetype"),
url("../fonts/03f16d9e32dbe7da6c831a87bd666b3e.svg#DIN Pro Bold") format("svg");
font-weight: 700;
}*/

body {font-family: 'PT Sans', sans-serif; background: #ccc}

.site, #navbarTop_container {position: relative}
.site, #navbarTop {max-width: 2540px}

.hr-logo {position: absolute; left: 0; top: -1.3%; width: 30%;}
.quoute {background: url('/i2/quote1.png') no-repeat top left; background-size: 7% auto}
.quoute-inner {padding: 2.5% 5%; background: url('/i2/quote2.png') no-repeat bottom right; background-size: 7% auto}
@media (min-width:1200px) {
.hr-logo {top: -3.5%;}
}
@media (min-width:1600px) {
.hr-logo {top: -4.5%;}
}
@media (min-width:2200px) {
.hr-logo {top: -5.5%;}
}

@media (min-width:992px) {
.col-lg-5-special {flex: 0 0 44.66667%; max-width: 44.66667%;}
.col-lg-7-special {flex: 0 0 55.33333%; max-width: 55.33333%;}
.content-wrapper {width: 87%}
.img-circ {width: 95%}
.quoute {max-width: calc(960px + 20%); margin: 0 auto; }
.quoute-inner {padding: 5% 10%;}
}
@media (min-width:1200px) {
.content-wrapper {width: 77%}
.img-circ {width: 85%}
.quoute {max-width: calc(1200px + 20%);}
}

/*@media (min-width:992px) {
#navbarTop_container, #navbarTop {max-width: 960px; margin: 0 auto;}
}
@media (min-width:1200px) {
#navbarTop_container, #navbarTop {max-width: 1200px; margin: 0 auto;}
}*/
@media (min-width:992px) {
.container-top {padding-left: 8%; padding-right: 8%; padding-top: 2%}
.fixed-now .container-top {padding-top: 0px}
.fixed-now .container-top.align-items-start, .fixed-now .container-top.align-items-start .list-socials {align-items: center!important}

}

.navbar-contacts .text-white {justify-content: center}
.navbar-contacts .text-white {display: flex;align-content: center;align-items: center;}
.navbar-contacts img {width: 20px;}
.theme-card {background: none; border: none}
@media (max-width:991px) {
.navbar-contacts .text-white .txt-responsive {width:auto}
.theme-card img {max-width: 180px; width: 100%}
}
@media (min-width:992px) {
.navbar-contacts {margin-left: 3%; margin-right: 2%}
#navbarTop .nav-link {white-space: nowrap}
.top-menu-wrapper {border-top: #dcdfde solid 3px; padding-top: 15px; align-items: center;}
.fixed-now .top-menu-wrapper {border-top: none; padding-top: 0px;}
#mainNav .navbar-nav .nav-item:first-child {/*border: #dcdfde solid 2px;*/}
#mainNav .navbar-nav .nav-item:first-child .nav-link {padding-left: 0px;}
.fixed-now .navbar-nav.justify-content-between {justify-content: space-around!important}
.fixed-now #navbarTop .nav-link {font-size: 1rem!important}
.fixed-now .navbar-contacts {visibility: visible!important}
.cp-cards {position: absolute; left: 0; top: 0; padding: 20% 55% 0% 8%}
}
@media (min-width:1200px) {
.cp-cards {padding: 18% 56% 0% 8%}
.cp-cards .mb-xxl-5 {margin-bottom: 2rem!important}
}
@media (min-width:1600px) {
.cp-cards {padding: 17% 57% 0% 8%}
.cp-cards .mb-xxl-5 {margin-bottom: 3rem!important}
}
@media (min-width:1899px) {
#navbarTop .nav-link {/*padding-left: 1rem; padding-right: 1rem*/}
}
@media (min-width:992px) and (max-width:1199px) {
.navbar-contacts .txt-responsive {font-size: 80%}
.cp-headline-pic {max-width: 180px!important;}
}
@media (min-width:1200px) and (max-width:1299px) {
.navbar-contacts .txt-responsive {font-size: 90%; white-space: nowrap}
}
@media (min-width:992px) and (max-width:1299px) {
.list-socials.ml-lg-5 {margin-left: 1rem!important}
}
@media (min-width:1300px) and (max-width:1399px) {
.navbar-contacts .txt-responsive {font-size: 100%;}
}
@media (min-width:1300px) {
.fixed-now .navbar-contacts .txt-responsive {font-size: 100%;}
}
@media (min-width:1400px) {
.navbar-contacts {margin-left: 3%; margin-right: 2%}
}
@media (min-width:1500px) {
.navbar-contacts {margin-left: 7%; margin-right: 3%}
}
@media (min-width:1600px) {
.navbar-contacts {margin-left: 12%; margin-right: 3%}
}
@media (min-width:1700px) {
.navbar-contacts {margin-left: 17%; margin-right: 3%}
}
@media (min-width:2300px) {
.top-menu-wrapper {border-top: #dcdfde solid 4px;}
.fixed-now .top-menu-wrapper {border-top: none;}
}

.owl-carousel .owl-stage-outer {overflow:visible}
.owl-theme .owl-nav {margin: 0; position: absolute; top: 50%; top: calc(50% - 36px); left: 0; right: 0; height: 0; color: #fff}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {font-size: 36px; padding: 10px !important; /*margin: 0 !important;*/ line-height: 36px; background: none!important; opacity: .5}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {opacity: 1}
.owl-carousel .owl-nav button.owl-prev {float: left}
.owl-carousel .owl-nav button.owl-next {float: right}
@media (min-width:1360px) {
.owl-theme .owl-nav {top: calc(50% - 72px);}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {font-size: 72px; line-height: 72px;}
}

.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg); position: absolute; right: 6px; top: .8em;}
.dropdown-submenu .dropdown-menu {top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem;}

.wow {visibility: hidden;}
.mobile-delay-off {}
@media (max-width:991px) {
.mobile-wow-off {visibility: visible!important; animation: none!important;}
}

.form-control {background-color: #5b8caa; border: 2px solid #5b8caa;}

.custom-num {font-size: 5rem; color: #5a8caa; font-weight: bold; line-height: 4rem; display: block; text-align: center; width: 100%;}
@media (min-width:992px) {
.custom-num {font-size: 7rem; line-height: 6rem;}
}

a.text-white:hover {opacity: 0.8}

#navbarTop_container {text-shadow: 0 2px 3px rgba(0,0,0,.6);}

.custom-heading {position: relative; padding-left: 20px; width: 100%}
.custom-heading::before {content: ''; display: block; height: 14px; width: 100%; position: absolute; top: auto; left: 0; bottom: -19px; background-image: url("../i2/heading-b.png?1"); background-repeat: no-repeat; background-position: left bottom; background-size: auto 100%}
.custom-heading.text-right::before {background-image: url("../i2/heading-bf.png?1"); background-position: right bottom;}
.custom-heading.text-right {padding-left: 0px; padding-right: 20px}
.bg-primary .custom-heading.text-right::before {background-image: url("../i2/heading-w.png?1"); background-position: right bottom;}
@media (max-width:991px) {
.custom-heading {padding-left: 10px;}
.custom-heading::before {height: 8px; bottom: -13px;}
.custom-heading.text-right {padding-right: 10px}
}
@media (min-width:992px) {
.custom-width {width: 55%}
}
h2 .custom-border {border-bottom: solid 3px #fff}


.txt-responsive {width: 100%}

@media (min-width:992px) {
/*:is(*) .txt-responsive {font-size: 110%;}*/
* .txt-responsive {font-size: 115%;} .btn .txt-responsive {font-size: 110%;}
.cp-headline-pic {max-width: 40%; position: absolute; bottom: 125%; right: 17%;}
}
@media (min-width:1200px) {
/*:is(*) .txt-responsive {font-size: 115%;}*/
* .txt-responsive {font-size: 130%;} .btn .txt-responsive {font-size: 115%;}
}

/*:is(h1, h2, h3, h4, h5, h6) {display: flex}
:is(h1, h2, h3, h4, h5, h6) .txt-responsive {font-size: 100%;} h6 .txt-responsive {font-size: 100%;}*/
h1, h2, h3, h4, h5, h6 {display: flex}
h1 .txt-responsive, h2 .txt-responsive, h3 .txt-responsive, h4 .txt-responsive, h5 .txt-responsive, h6 .txt-responsive {font-size: 100%;}

@media (max-width:1199px) {
/*:is(h1, h2, h3, h4, h5, h6) .txt-responsive {font-size: 90%;}*/
h1 .txt-responsive, h2 .txt-responsive, h3 .txt-responsive, h4 .txt-responsive, h5 .txt-responsive, h6 .txt-responsive {font-size: 90%;}
}
@media (max-width:991px) {
/*:is(h1, h2, h3, h4, h5, h6) .txt-responsive {font-size: 80%;}*/
h1 .txt-responsive, h2 .txt-responsive, h3 .txt-responsive, h4 .txt-responsive, h5 .txt-responsive, h6 .txt-responsive {font-size: 80%;}
}
@media (max-width:719px) {
/*:is(h1, h2, h3, h4, h5, h6) .txt-responsive {font-size: 70%;}*/
h1 .txt-responsive, h2 .txt-responsive, h3 .txt-responsive, h4 .txt-responsive, h5 .txt-responsive, h6 .txt-responsive {font-size: 70%;}
.cp-headline .btn-lg {display: flex} .btn-lg .txt-responsive {font-size: 85%;}
.btn-lg, .btn-group-lg > .btn {padding: .5rem 2rem}
}
@media (max-width:479px) {
.cp-headline h1 .txt-responsive {font-size: 55%;}
.cp-headline h2 .txt-responsive {font-size: 45%;}
.btn-lg .txt-responsive {font-size: 75%;}
}
@media (min-width:1600px) {
/*:is(h1, h2, h3, h4, h5, h6) .txt-responsive {font-size: 80%;}*/
h1 .txt-responsive, h2 .txt-responsive, h3 .txt-responsive, h4 .txt-responsive, h5 .txt-responsive, h6 .txt-responsive {font-size: 120%;}
}


/*:is(h1, h2, h3, h4, h5, h6) .txt-size_xl {font-size: 500%;}
:is(h1, h2, h3, h4, h5, h6) .txt-size_lg {font-size: 165%;}*/
h6 .txt-size_md {font-size: 115%;}
h6 .txt-size_xl {font-size: 500%;}
h3 .txt-size_xl, h6 .txt-size_lg {font-size: 155%;}
h5 .txt-size_lg {font-size: 195%;}
p .txt-size_xl {font-size: 180%;}
@media (min-width:1200px) {
/*:is(h1, h2, h3, h4, h5, h6) .txt-size_xl {font-size: 600%;}
:is(h1, h2, h3, h4, h5, h6) .txt-size_lg {font-size: 200%;}*/
h6 .txt-size_xl {font-size: 600%;}
h3 .txt-size_xl, h6 .txt-size_lg {font-size: 195%;}
p .txt-size_xl {font-size: 230%;}
}
@media (min-width:992px) and (max-width:1199px) {
h6 .txt-size_md {font-size: 100%;}
}


.cp-about_us-subheader {min-height: 77px}
@media (max-width:1199px) {
.cp-about_us-subheader {min-height: 52px}
}
@media (max-width:991px) {
.cp-about_us-subheader {min-height: 46px}
}
@media (max-width:719px) {
.cp-about_us-subheader {min-height: 40px}
}
@media (max-width:405px) {
.cp-about_us-subheader {min-height: 0}
}


/*.triple-header {margin: 0}*/

.custom-list {padding: 0; list-style-type: none}
.custom-list li::before {content: '\00BB\00a0'}

@media (min-width:720px) {
.cp-headline-pic {max-width: 250px}
}

#navbarTop {z-index: 20}
.list-socials img {max-height: 30px; display: block}
.list-socials-lg img, .hicons img {max-height: 40px}
#navbarTop .list-socials li:first-child {margin-right: 0.8rem !important;}
.list-socials a:hover img {opacity: 0.75}
@media (max-width:1199px) {
.list-socials img {max-height: 22px;}
.list-socials-lg img, .hicons img {max-height: 35px}
}
@media (max-width:991px) {
.list-socials img {max-height: 18px;}
.list-socials-lg img, .hicons img {max-height: 25px}
.list-socials {width: 100%; justify-content: center;}
#navbarTop {padding: 0}
#navbarTop #mainNav .nav-link {text-align: center}
.container-top {justify-content: center!important}
.cp-headline-pic {width: 165px; margin: 15px auto;}
}

.navbar-toggler {position: absolute; top: .75rem; right: .5rem; z-index: 40}


.cp-headline {padding: 330px 15px 30px 15px;}
@media (min-width:768px) {
.cp-headline {/*padding: 24% 15px 38% 15px;*/}
}
@media (min-width:992px) {
.cp-headline {padding: 37% 0 7% 45%;}
.cp-headline > .row {margin: 0}
.cp-headline h4 {width: 90%!important}
}
@media (min-width:1200px) {
.cp-headline {padding: 37% 0 7% 45%;}
}
@media (min-width:1600px) {
.cp-headline {/*padding-bottom: 23%*/}
}

.cp-headline-inf {z-index: 10}
.cp-headline-bg {position: absolute; z-index: 5; width: 73%; right: -40%; bottom: -40%;}
@media (max-width:1199px) {
.cp-headline-bg {right: -41%; bottom: -32%;}
}
@media (max-width:991px) {
.cp-headline-bg {right: -25%; bottom: -25%; max-width: 400px}
}

.lrc-align .order-1, .lrc-align .order-2 {justify-content: center}
@media (min-width:992px) {
.lr-align .order-1, .lrc-align .order-1 {justify-content: flex-start}
.lr-align .order-2, .lrc-align .order-2 {justify-content: flex-end}

.cp-franchise_lists {min-width: 444px}
}

@media (min-width:1200px) {
.cp-franchise_lists {min-width: 501px}
}


.equipment-carousel-container {padding-top: 11rem; overflow: hidden}
.equipment-carousel-container .img-fluid {margin-top: -11rem}
#equipment {margin-top: -12rem}
@media (max-width:1199px) {
.equipment-carousel-container {padding-top: 8rem;}
.equipment-carousel-container .img-fluid {margin-top: -8rem}
#equipment {margin-top: -9rem}
}
@media (max-width:991px) {
.equipment-carousel-container {padding-top: 6rem;}
.equipment-carousel-container .img-fluid {margin-top: -6rem}
#equipment {margin-top: -7rem}
.equipment-carousel-container .img-fluid {max-width: 70%; margin-bottom: 2rem}
.col-equipment {display: flex; flex-direction: column; align-items: center}
.equipment-carousel-container .owl-theme .owl-nav {top: 12%;}
}


.franchise-pics {margin-bottom: -18rem; margin-top: 4rem}
.beyond-franchise-pics {margin-top: 10rem}
@media (max-width:1199px) {
.franchise-pics {margin-bottom: -11rem; margin-top: 4rem}
.beyond-franchise-pics {margin-top: 7rem}
}
@media (max-width:991px) {
.franchise-pics {margin-bottom: -6rem; margin-top: 3rem}
.beyond-franchise-pics {margin-top: 3rem}
.foot-logo img {max-width: 180px}
.contacts-plate.justify-content-start {justify-content: center!important}
.product {text-align: center}
}

.footer-logo {display: none; position: absolute; left: 0; bottom: 65%; width: 30%}
#navbarTop_container {background-image: url('../i2/top3q.jpg'); background-size: cover; background-position: center bottom}
#navbarTop .navbar-brand {left: 0; top: 0; width: 15%}
#navbarTop > .container {/*position: relative*/}
#navbarTop .navbar-brand {/*width: 27.5%*/}
#navbarTop .navbar-brand img {/*width: 100%;*/ max-width: 100%}
@media (min-width:992px) {
#navbarTop .navbar-brand {/*position: absolute;*/}
#navbarTop_container {/*height: calc(4rem + 46.6833px);*/}
#mainNav {/*margin-left: 30%*/}
.footer-logo {display: block}
.footer > .container > .row {/*margin-left: 20%*/}
}
@media (min-width:992px) {
#navbarTop_container.fixed-now .navbar-brand {width: 75px}
}
@media (min-width:1200px) {
#navbarTop_container {/*height: calc(5rem + 58.35px);*/}
#navbarTop .navbar-brand {width: 15%}
#mainNav {/*margin-left: 40%*/}
#navbarTop_container.fixed-now .navbar-brand {width: 5%}
#navbarTop_container.fixed-now #mainNav {/*margin-left: 330px*/}
.footer-logo {bottom: 35%;}
}
@media (min-width:1400px) {
#navbarTop_container.fixed-now #mainNav {/*margin-left: 230px*/}
}
@media (min-width:1600px) {
#navbarTop_container.fixed-now #mainNav {/*margin-left: 150px*/}
}
@media (min-width:1800px) {
#navbarTop_container.fixed-now #mainNav {/*margin-left: 50px*/}
}
@media (min-width:1900px) {
#navbarTop_container.fixed-now #mainNav {/*margin-left: 0px*/}
}
#navbarTop_container.fixed-now nav {
  width: 100%;
  /*line-height: 0;*/
  position: fixed!important;
  z-index: 100;
  top: 0%;
  right: 0%;
  left: 0%;
  background-color: #13465e;
  background-image: url('../i2/top2s.jpg');
  background-size: cover;
  background-position: center -100px;
padding-top: 10px;
padding-bottom: 10px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  box-shadow: 0 0.35rem 1rem rgba(0,0,0,0.5) !important;
}
#navbarTop_container.fixed-now .navbar-brand, #navbarTop_container.fixed-now #mainNav, #navbarTop_container.fixed-now .list-socials {visibility: visible!important}

@media (max-width:991px) {
#navbarTop_container {background-image: url('../i2/top3s.jpg');}
#mainNav {position: absolute; z-index: 30; left: 0px; right: 0px; top: 0px; background: #13465e}
#mainNav .navbar-nav {min-height: 125px; justify-content: center!important}
}


.bg-lam-1 .bg-info {background-repeat: no-repeat; /*background-size: auto 100%*/; background-position: right center; background-image: url(../i/bg-lam-info.jpg);}
.bg-lam-2 {background-repeat: no-repeat; /*background-size: 100% auto;*/ background-position: center bottom; background-image: url(../i2/bg-lam.jpg?11); background-size: 100% auto; background-color: #f4f4f4}
@media (min-width:992px) {
.bg-lam-1 {background-repeat: no-repeat; /*background-size: 100% auto;*/ background-position: center bottom; background-image: url(../i/bg-lam-1.jpg);}
.obscure-wrappers .w-90 {width: 90%}
.obscure-wrappers .w-95 {width: 95%}
}

.bg-image {background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative}
.bg-left_50 {background-size: 50% auto; background-position: left center}
@media (min-width:992px) and (max-width:1199px) {
.bg-left_50 {background-size: auto;}
}
.bg-dark.bg-image::before {content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.75)}
.bg-franchise {background-image: url(../i/bg-franchise.jpg);}
.bg-contacts {background-image: url(../i/bg-contacts.jpg);}
#zayavka .bg-image {background-image: url(../i/bg-zayavka.jpg); background-color: #d4ccc9}



.table-custom > tbody > tr > td:first-child {padding-left: 0}
.table-custom > tbody > tr > th {padding-right: 0; border-left: #a5a1a2 solid 1px; position: relative}
.table-custom > tbody > tr > th::before {content: ''; position: absolute; bottom: 0; left: 0; width: 65%; height: 1px; background-color: #a5a1a2}


#calculator input::placeholder {color: #fff!important}

#navbarTop .navbar-brand img, .footer-logo {
  image-rendering: auto;

  /* Safari seems to support, but seems deprecated and does the same thing as the others. */
  image-rendering: -webkit-optimize-contrast;
}
#navbarTop .nav-link {text-transform: uppercase; font-weight: bold;}
@media (min-width:360px) {

}
@media (min-width:768px) {

}
@media (min-width:992px) {
.standart-now #navbarTop {padding-top: 0; padding-bottom: 0}
}
@media (min-width:1200px) {
.standart-now #navbarTop {/*padding-top: 1.5rem*/}
#navbarTop .nav-link { font-size: 1.1rem}
}
@media (min-width:1400px) {
#navbarTop .nav-link { font-size: 1.2rem}
}
@media (min-width:1600px) {
#navbarTop .nav-link { font-size: 1.3rem}
}
@media (min-width:1800px) {
#navbarTop .nav-link { font-size: 1.5rem}
}

@media (max-width:1199px) {
/*#navbarTop .navbar-brand img {max-width: 200px}*/
}

@media (max-width:991px) {
#navbarTop.navbar-expand > .container {flex-wrap: wrap}
#navbarTop .navbar-brand/*, #mainNav*/ {width: 180px; /*width: calc(100% - 50px);*/ display: flex; justify-content: flex-start; padding-top: 15px}
#navbarTop .nav-link {font-weight: bold}
.navbar-contacts {width: 100%}

.list-socials {transition: all .3s }
#mainNav.show + .list-socials {padding-top: 1rem}
#navbarTop .navbar-brand img {/*max-width: 378px*/}
}
@media (max-width:479px) {
#navbarTop .navbar-brand img {max-width: 100%}
#navbarTop .navbar-brand {/*margin-left: -2.5%*/}
}

@media (min-width:992px) and (max-width:1199px) {

}