html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {Ьargin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
input, textarea, select, a, button {outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: 'Montserrat', sans-serif; font-size: 1rem;}
strong {font-weight: bolder;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a:hover {text-decoration: none;}
p {font-size:0.875rem; line-height: 1.3125rem; margin-bottom:1.5625rem;}
b, strong, .bb {font-weight: 600;}
h1 {font-size: 1.5rem; font-weight: 700; color:#000; margin-bottom: 1.8rem;}
h1.nameProduct {font-size: 1.5rem; font-weight: 700; color:#000; margin-bottom: 1rem;}
h2 {font-size: 1.2rem; font-weight: 700; color:#000; margin-bottom: 1.4rem;}
h3 {font-size:0.9375rem; font-weight: 700; color:#000; margin-bottom: 1rem;}
#contentPage ul:not(.breadcrumb){margin:0 0 1.5rem 1.5rem;}
#contentPage ul:not(.breadcrumb) li {color: #333; font-size: 0.875rem; line-height: 1.3125rem; list-style: bullet;}
#contentPage ol {margin:0 0 1.5rem 1.5rem;}
#contentPage ol li {color: #000; font-size: 0.875rem; line-height: 1.3125rem; list-style-type:decimal;}
#contentPage a.phone {color: #333; text-decoration: none; font-weight:700;}
.h1_center{font-size:1.5rem; color:#333333; font-weight: 700; margin-bottom: 2.5rem; text-transform: uppercase; text-align: center;}
table.table_prod {width:100%; border-collapse: collapse; padding:0; margin: 1.5rem 0; border:none;}
table.table_prod th {padding: 1rem; text-align: center; color:#000; background:#f5f5f5; text-transform: uppercase; font-size:1rem; font-weight: 600;}
table.table_prod td:nth-child(odd) {padding: 1rem; text-align: left; color:#000; border-bottom: 1px #d7d7d7 solid;}
table.table_prod td:nth-child(even) {padding: 1rem; text-align: center; color:#000; border-bottom: 1px #d7d7d7 solid;}
table.table_prod a {color:#f3b514; text-decoration: underline;}
table.table_prod a:hover {color:#f3b514; text-decoration: none;}
#contentPage table:not(.table_prod){border-top: 1px #000 solid; border-left: 1px #000 solid; border-collapse: collapse; margin-bottom: 2rem;}
#contentPage table:not(.table_prod) th {border-right: 1px #000 solid; border-bottom: 1px #000 solid; padding: 0.75rem; text-align: center; font-size: 1rem; font-weight: 800;}
#contentPage table:not(.table_prod) td {border-right: 1px #000 solid; border-bottom: 1px #000 solid; padding: 0.75rem; text-align: left; font-size: 0.875rem; line-height: 1.6rem;}
.yellow{color:#f5b817 !important;}
/*HEADER*/
#headerBlack {background:#000; color:#fff;width: 100%; padding-top:1.1875rem; padding-bottom:1.1875rem;}
ul#topMenuMain {font-size: 0.8125rem; color:#fff; line-height: 1.5rem; }
ul#topMenuMain li {padding:0 0.75rem;}
ul#topMenuMain li a {text-decoration: none; cursor:pointer; color:#fff;}
ul#topMenuMain li a:hover {text-decoration: underline; cursor:pointer;}
ul:not(.breadcrumb) li,ol:not(.breadcrumb) li{font-size: 0.875rem; line-height: 1.3125rem; margin: 0 0 10px 20px;}
#headerSecondLine {background:url('../images/header_fon.jpg') no-repeat center center; background-size: cover; padding-top: 3.4375rem; padding-bottom: 4.0625rem;}
#headerSecondLine #slogan {line-height: 1.1875rem; font-size:0.8125rem; color:#fff;}
/* #headerSecondLine .phone {line-height: 1.375rem; font-size:1.375rem; color:#fff; padding-top:0.75rem; font-weight: 700; margin-bottom:1rem; display: block; text-decoration: none;} */
#headerSecondLine .d-flex.align-items-baseline { justify-content: end;}
#headerSecondLine .phone {line-height: 1.5rem; font-size:1.375rem; color:#fff; padding-top:0; font-weight: 700; margin-bottom:0.5rem; display: block; text-decoration: none;}
#headerSecondLine a.icn-whatsap { color: #fff; text-decoration: none; font-weight: bolder; margin: 0 0 0 5px; font-size: 1.3rem; background: url('../images/icn-whatsapp.png') no-repeat center center; background-size: cover; width: 20px; height: 20px;}
.header-mobile a.icn-whatsap,.modal_menu a.icn-whatsap{ color: #fff; text-decoration: none; font-weight: bolder; margin: 0 5px; font-size: 1.3rem; background: url('../images/icn-whatsapp.png') no-repeat center center; background-size: cover; width: 20px; height: 20px;}
#headerSecondLine .describe_jobtime {font-size:0.75rem; color:#fff; font-weight: 500; display: block; text-align:right;}
#headerSecondLine #callback {background:#f3b514; border-radius: 10px; display: block; padding: 1rem 0; margin-top:0.75rem; font-size:0.8125rem; color:#fff; font-weight: 700; display: block; text-align:center; cursor: pointer; transition: 0.3s;}
#headerSecondLine #callback:hover {background:#000;}
#headerTreeLine {background:url('../images/header_fon_2.jpg') no-repeat center center; background-size: cover; padding-top:1.5rem; padding-bottom:4.375rem;}
.topItem:nth-child(1):before{position: absolute; left:15px; top:0; color:#fff; font-size:4.5rem; font-weight: 700; opacity:0.1; content:"01";}
.topItem:nth-child(2):before{position: absolute; left:15px; top:0; color:#fff; font-size:4.5rem; font-weight: 700; opacity:0.1; content:"02";}
.topItem:nth-child(3):before{position: absolute; left:15px; top:0; color:#fff; font-size:4.5rem; font-weight: 700; opacity:0.1; content:"03";}
.topItem .title {color:#ffe39a; font-size:1.375rem; font-weight: 700; text-transform: uppercase; margin-bottom:1rem; margin-top:2.75rem;}
.topItem .text {color:#d1d1d1; font-size:0.875rem; font-weight: 500; line-height:1.3125rem;}
ul#catalogMenu{background:#f8d52a; padding-top:1.0625rem; padding-bottom:1.0625rem;padding-left:8.33%; padding-right:8.33%;margin-bottom:2.5rem;}
ul#catalogMenu li {margin-bottom: 0px;}
ul#catalogMenu li a {display: block; font-size:1.125rem; color:#000; text-decoration: none; text-transform: uppercase; cursor: pointer; font-weight:700; display: block;}
ul#catalogMenu li a:hover, ul#catalogMenu li.selected a { text-decoration: underline;}
/*FOOTER*/
footer {background:#272727; padding-top:1.875rem; padding-bottom:1.5625rem;}
footer .copy {font-size: 0.8125rem; line-height: 1.125rem; color:#fff;}
footer .copy_cross{font-size: 0.65rem; color:#fff;}
footer .copy_cross a {font-size: 0.65rem; color:#fff; text-decoration: underline;}
footer .copy_cross a:hover {font-size: 0.65rem; color:#f5b817; text-decoration: none;}
footer ul.footer-nav {margin:0; list-style:none; width:50%;}
footer ul.footer-nav li {line-height: 1.6875rem; font-size:0.8125rem;}
footer ul.footer-nav li a {text-decoration:none; cursor: pointer; text-transform: uppercase; color:#fff;}
footer ul.footer-nav li a:hover {text-decoration:underline; color:#f5b817;}
/* footer a.phone {font-size:1rem; font-weight: 700; color:#fff; white-space:nowrap;}*/
footer a.phone {font-size:1rem; line-height: 1.5rem; font-weight: 700; color:#fff; white-space:nowrap;}
footer .email {font-size:0.875rem; font-weight: 500; color:#fff;}
footer .email a {text-decoration:none;}
footer a.icn-whatsap { color: #fff; text-decoration: none; font-weight: bolder; margin: 0 0 0 5px; font-size: 1.1rem; background: url('../images/icn-whatsapp.png') no-repeat center center; background-size: cover; width: 20px; height: 20px; display: block;}
footer .m10 > div { justify-content: end;}
/*блоки оплаты и доставки*/
.dpBlock {background: #f5f5f5; border-radius: 3px; padding: 20px; margin: 30px 0 25px 0; width: 100%; text-align: center;}
.dpBlock .titleH {background: #f8d52a; display: inline-block; margin: 0 auto 30px; color:#000; font-weight: 600; font-size: 1.275rem; text-transform: uppercase; padding: 8px 15px;}
.dpBlock .titleH2 {color:#000; font-weight: bolder; font-size: 0.875rem; text-transform: uppercase; margin: 15px auto 10px;}
.dpBlock .titleH2 span {background: #f8d52a; display: inline-block; margin: 0 auto 5px; color:#000; font-weight: 600; font-size: 0.875rem; text-transform: uppercase; padding: 5px 10px;}
.dpBlock .col { color:#000; font-weight: 500; font-size: 0.8rem; line-height: 1.25rem;}
.dpBlock .paysystem { margin-top: 25px;}
.dpBlock .paysystem .col-6:nth-child(1),.dpBlock .paysystem .col-6:nth-child(2) { margin-bottom: 20px;}
.dpBlock .paysystem .col-6 img {display: inline-block; padding: 5px 9px; background: #f8d52a; margin-right: 14px;}
.dpBlock .paysystem .col-6 .titleH4 {text-align: start;}
.titleDop {font-weight: bolder; margin: 20px auto; text-align: center;}
.dop_pths {margin: 0 0 15px 0; width: 100%; height: auto;}
.dop_pths img, .imgDetail {width: 100%; height: auto; margin: 0 0 5px 0; display: block;}
.dop_pths .alt_pths {text-align: right; font-size: 0.75rem; display: block;}
/*yellowBlock*/
#yellowBlock {background: #fbd552;/* margin-bottom:2.5rem;*/}
#yellowBlock .container {background: url('../images/manform.jpg') no-repeat 56% top #fbd552; background-size: auto 100%;}
.white_form_title{font-size:1.375rem; font-weight:700; color:#fff; margin-bottom:1rem;}
.white_form_title a[href^="tel"] {font-size:1.375rem; font-weight:700; color:#fff; margin-bottom:1rem; text-decoration: none;}
.black_form_title{font-size:1.4375rem; font-weight:700; color:#000; margin-bottom:1rem; text-transform: uppercase;}
form#callbackForm {padding-top:2.8125rem; padding-bottom:2.8125rem;}
form#callbackForm input[type="text"],form#callbackForm input[type="tel"] {background:#fff; border:none; border-radius:10px; padding: 0.75rem 1rem; color:#7c7c7c; width:calc(100% - 15px); margin-bottom:1.25rem;}
form#callbackForm input[type="submit"]{background:#000; border-radius: 10px; display: block; padding: 1rem 0; margin-top:0.75rem; font-size:0.8125rem; color:#fff; font-weight: 700; display: block; text-align:center; cursor: pointer; transition: 0.3s; border:none; width:100%; max-width:165px;}
form#callbackForm input[type="submit"]:focus,form#callbackForm input[type="submit"]:focus {background:#3f3f3f; outline:none;}
#quot {position: relative; width:100%; background: #fff; border-radius:10px; padding:1.875rem; margin-top:2.8125rem;}
#quot .text {position: relative; color:#626262;font-size: 0.8125rem; line-height:1.3125rem;}
#quot:before {position: absolute; top:-13px; left:1.875rem; display: block; background:url('../images/quot.png') no-repeat 0 0; content: " "; width:27px; height:30px;}
#quot:after {position: absolute; bottom:-13px; right:1.875rem; display: block; background:url('../images/quot.png') no-repeat -27px 0; content: " "; width:27px; height:30px;}
/*deliveryBox*/
#deliveryBox {background:#f7f7f7; width:100%; padding-top:3.125rem; padding-bottom:3.125rem; }
#deliveryBox ul {list-style: none; margin:0; }
#deliveryBox ul li {list-style: none; font-size: 0.875rem; line-height:1.3125rem; color:#333; margin-bottom:7px;}
/*CATALOG*/
.productItem {width:100%; height:100%; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);}
.productItem img {max-width:100%;}
.productItem div.img {max-width:100%; min-height: 260px;}
.productItem a.img { width:100%; height:200px; display: block;}
.productItem .info {padding:1.625rem; text-align: center;}
.productItem .info .nameProduct {font-size:0.9375rem; color:#333; font-weight:700; margin-bottom:0.9375rem;}
.productItem .info .nameProduct a {font-size:0.9375rem; color:#333; font-weight:700; margin-bottom:0.9375rem;}
.productItem .info .priceProduct {font-size:1.0625rem; color:#333; font-weight:500; margin-bottom:0.9375rem;}
.productItem .info .btnProduct {background:#f3b514; border-radius: 10px; display: block; padding: 1rem 0; margin-top:0.75rem; margin-left:auto; margin-right: auto; font-size:0.8125rem; color:#fff; font-weight: 700; display: block; text-align:center; cursor: pointer; text-decoration:none; max-width:160px;}
/*ELEMENT*/
#imgElement {width:100%; height:100%; max-height: 280px;}
#priceBlockElement {background:#f5f5f5; padding:1.25rem 0.9375rem; margin-bottom:1.875rem;}
#priceBlockElement #priceKub {width:calc(50% - 15px); background:#fff; padding:1.5625rem; margin:0 auto 1.25rem auto; font-size:0.8125rem; color:#000; line-height:1.3125rem; text-align:center;}
#priceBlockElement #priceTonn {width:calc(50% - 15px); background:#f8d52a; padding:1.5625rem; margin:0 auto 1.25rem auto; font-size:0.8125rem; color:#000; line-height:1.3125rem;}
#priceBlockElement #priceKub span, #priceBlockElement #priceTonn span {font-size:1.625rem !important; font-weight: 800 !important; display: block !important; margin-top:1.125rem;}
#priceBlockElement #priceKub b, #priceBlockElement #priceTonn b {font-weight: 800 !important;}
#orderBtn {border:1px #f3b514 solid; background:#e30413; max-width:200px; cursor: pointer; text-decoration: none; color:#fff; font-size: 0.8125rem; font-weight: 800; padding-top:1.0625rem; padding-bottom: 1.0625rem; display: block; margin: 0 auto; text-align: center;}
#elementDesc {width:100%;}
#elementDesc p {font-size:0.875rem; color:#333333; line-height: 1.3125rem; margin-bottom:1.875rem;}
#elementDesc ul{margin:0 0 1.5rem 1.5rem;}
#elementDesc ul li {color: #000; font-size: 0.8125rem; line-height: 1.3125rem; list-style: bullet;}
div.sfera{display: block; float: left; width:100px; margin:0 10px 15px; text-align:center; padding-top:92px; background-position: center top; color:#333; font-size: 0.75rem; line-height:1.125rem; }
div.sfera#sfera-icn1 {background-image: url('../images/icn_sfera_1.jpg'); background-repeat: no-repeat;}
div.sfera#sfera-icn2 {background-image: url('../images/icn_sfera_2.jpg'); background-repeat: no-repeat;}
div.sfera#sfera-icn3 {background-image: url('../images/icn_sfera_3.jpg'); background-repeat: no-repeat;}
div.sfera#sfera-icn4 {background-image: url('../images/icn_sfera_4.jpg'); background-repeat: no-repeat;}
div.sfera#sfera-icn5 {background-image: url('../images/icn_sfera_5.png'); background-repeat: no-repeat;}
div.sfera#sfera-icn6 {background-image: url('../images/icn_sfera_6.png'); background-repeat: no-repeat;}
div.sfera#sfera-icn7 {background-image: url('../images/icn_sfera_7.png'); background-repeat: no-repeat;}
.slick-prev.slick-arrow {background: url(../images/slider-arrow.png) no-repeat 0 0 !important; height: 46px !important;width: 26px !important; position: absolute; border: none; top:50%; margin-top:-23px; left: 1rem; z-index:2;}
.slick-next.slick-arrow {background: url(../images/slider-arrow.png) no-repeat -26px 0 !important; height: 46px !important;width: 26px !important; top:50%; position: absolute;border: none; margin-top:-23px; right: 1rem; z-index:2;}
.slick-prev.slick-arrow:focus, .slick-prev.slick-arrow:hover,.slick-next.slick-arrow:focus, .slick-next.slick-arrow:hover {outline:none;}
.boxYellow {background: url('../images/qyel.jpg') no-repeat 0 0; margin-bottom:1.5625rem; padding-top:0.875rem; padding-left:1.1875rem; font-size:1.25rem; font-weight:700; text-transform: uppercase; margin-bottom:1.25rem; color:#333;}
.boxYellow span {font-size:0.875rem; line-height: 1.25rem; color:#626262; display: block; text-transform:none !important; font-weight:500; margin-top:1.375rem;}
#moreText {position: relative; margin-bottom: 30px;}
#moreText .info {overflow: hidden; height: 250px; transition: 0.3s all ease-out; padding-bottom: 30px; position: relative;}
#moreTextMP .info {overflow: hidden; height: 130px; transition: 0.3s all ease-out; padding-bottom: 0px; position: relative;}
#moreText .info:after {
content: " ";
display: block;
background: linear-gradient(180deg, #fff 23%, #Fff 100.27%);
filter: blur(10px);
transform: matrix(1, 0, 0, -2, 0, 0);
height: 24px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
#moreText .info.showit {overflow: visible; height: auto; padding-bottom: 50px;}
#moreTextMP .info.showit{overflow: visible; height: auto; padding-bottom: 20px;}
#moreText .info.showit:after,#moreTextMP .info.showit:after{background: none;}
#showText {display: inline-block; border-bottom: 1px #000 dashed; margin: 15px 0 0 0; cursor: pointer;}
#moreTextMP #showText {display: inline-block; border-bottom: 1px #000 dashed; margin: 0; cursor: pointer;}
#showText:hover {display: inline-block; border-bottom: 1px #fbd552 dashed; margin: 15px 0 0 0; cursor: pointer;}
/*page_pagination*/
.page_pagination{ padding: 0; margin: 10px 0;}
.page_pagination ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page_pagination ul li a {
width: 24px;
height: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color:#333333;
font-size: 11px;
background:#fff;
border: 1px solid #dedede;
border-radius: 50%;
margin-right: 5px;
text-decoration: none;
}
.page_pagination ul li a:hover{background:#dedede;}
.page_pagination ul li.page-item a.nextPage {color:#0069b4;border:none;font-size: 11px; background: #fff; width:11px; font-size: 1rem;}
.page_pagination ul li.page-item.active a {color:#fff;
font-size: 11px;
background:#0069b4;
border: 1px solid #0069b4;
border-radius: 50%;}
#mapFooter {position: relative; width:100%; min-height:500px; padding-top:3.125rem; padding-bottom:3.125rem;}
#contactsMapFooter {padding:2.8125rem 2.5rem; background:#fff; position: absolute; max-width: 380px; width: calc(100% - 20px);}
#map1{width:100%; height: 500px; position: absolute; top:0; left:0;}
#icn_adress {background:url('../images/icn_split.png') no-repeat 0 3px; padding-left:30px; color:#333333; line-height: 1.3125rem; font-size: 0.9375rem; margin-bottom:1.125rem;}
/*#icn_phone {background:url('../images/icn_split.png') no-repeat 0 -57px; padding-left:30px; color:#626262; line-height: 1.3125rem; font-size: 0.8125rem; margin-bottom:1.125rem;} */
#icn_phone:before { background: url(../images/icn_split.png) no-repeat 0 -57px; width: 17px; height: 20px; display: block; content: " "; float: left; margin-right: 15px;}
#icn_phone a.phone {color:#333; text-decoration: none; font-weight:700; margin-bottom:1rem; font-size: 0.9375rem;}
#contactsMapFooter #icn_phone {display: flex; }
#contactsMapFooter #icn_phone div { line-height: 1.4rem; margin-bottom: 1rem;}
#contactsMapFooter #icn_phone a.phone {display: block; color:#333; text-decoration: none; font-weight:700; margin-bottom: 0rem; font-size: 0.9375rem;}
#contactsMapFooter #icn_phone small {font-size: 15px;}
#contactsMapFooter a.icn-whatsap {margin-left: 10px; color:#333; background: url('../images/icn-whatsapp.png') no-repeat center center; background-size: cover; width: 20px; height: 20px; display: block;}
#icn_email {background:url('../images/icn_split.png') no-repeat 0 -125px; padding-left:30px; color:#333333; line-height: 1.3125rem; font-size: 0.9375rem; margin-bottom:1.125rem;}
#icn_email a {text-decoration: none; color:#333333; font-size: 0.9375rem;}
#contactsMapFooter #callbackMap{border:1px #f5b817 solid; background:#fff; border-radius: 10px; display: block; width:100%; line-height:44px; color:#f5b817; font-size:0.875rem; text-decoration: none; transition: 0.3s; text-align: center; cursor: pointer; font-weight: 700;}
#contactsMapFooter #callbackMap:hover{background: #f5b817; color:#fff;}
/*SIZE*/
.s12 {font-size: 0.75rem;}
.s13 {font-size: 0.8125rem;}
.s14 {font-size: 0.875rem;}
.s15 {font-size: 0.9375rem;}
.s18 {font-size: 1.125rem;}
.s20 {font-size: 1.25rem;}
.s24 {font-size: 1.5rem;}
.toUpper {text-transform: uppercase;}
.black {color:#000;}
.white {color:#fff;}
/*PADDING_TOP*/
.mt16 {margin-top: 1rem;}
.mt25 {margin-top: 1.5625rem;}
/*MARGIN*/
.m10 {margin-bottom: 0.625rem;}
.m15 {margin-bottom: 0.9375rem;}
.m20 {margin-bottom: 1.25rem;}
.m25 {margin-bottom: 1.5625rem;}
.m30 {margin-bottom: 1.875rem;}
.m35 {margin-bottom: 2.1875rem;}
.m40 {margin-bottom: 2.5rem;}
.m80 {margin-bottom: 5rem;}
/*наши преимущества*/
.benefits-item{text-align: center;}
.benefits-item .title {text-align: center; font-size: 0.9375rem; color:#000; font-weight: 800; margin-bottom:1.3125rem;}
.benefits-item p {text-align: center; font-size: 0.8125rem; color:#383838; font-weight: 500; margin-bottom:0; line-height: 1.125rem;}
.benefits-item#ben1{background: url('../images/ben-1.png') no-repeat center top; padding-top:100px;}
.benefits-item#ben2{background: url('../images/ben-2.png') no-repeat center top; padding-top:100px;}
.benefits-item#ben3{background: url('../images/ben-3.png') no-repeat center top; padding-top:100px;}
.benefits-item#ben4{background: url('../images/ben-4.png') no-repeat center top; padding-top:100px;}
/*BREADCRUMBS*/
.breadcrumb {padding:0; background:none; margin-bottom:1.875rem;}
.breadcrumb li, .breadcrumb li a:hover {color:#333333; font-size:0.6875rem;}
.breadcrumb li a {color:#7c7c7c; font-size:0.6875rem; background:url('../images/arr_right.png') no-repeat 100% 5px; padding-right:0.55rem; margin-right:0.25rem;}
a.close-sidebar, a.navbar-open-menu {cursor:pointer;}
.header-mobile,.headerClose {background:#000; padding: 0.5rem 0; width: 100%; position: absolute; top:0; left:0; color:#fff; font-size: 1.2rem;}
.header-mobile .phone, .headerClose .phone {color:#fff; font-size: 1.2rem; white-space: nowrap;}
.modal_menu {
background: #000 !important;
width: 100%;
height: 0px;
padding: 0;
flex-flow: column;
z-index: 1050;
left: 0;
bottom: 0;
top: 0;
position: absolute;
transition: .6s height;
-webkit-transition: .6s height;
-o-transition: .6s height;
overflow: auto;
}
.modal_menu.active { top: 0; height: 100%; padding:0.5rem 0; }
.modal_menu .nav {padding: 0;}
.sidebar-phone {font-size: 18px; font-weight: bolder; color:#7ba848; line-height: 26px; text-decoration:none; padding: 0; margin:0;}
.hr_sidebar {height:1px; margin-top: 20px; background: #f3f3f3; width:100%;}
.modal_menu .navbar-nav {width:100%; background:#000;}
.modal_menu .navbar-nav .nav-item {border-bottom: 1px #524f4f solid; width:100%;}
.modal_menu .navbar-nav .nav-item a {padding: 1rem; display: block; color:#fff; font-size: 1rem; text-decoration: none; font-weight: 500; text-transform: uppercase;}
.modal_menu .navbar-nav .nav-item:last-child {border: none;}
/*Modal window*/
.modal-dialog {max-width:384px !important; margin: 1.75rem auto;}
.modal-header {display: block; padding: 1rem 1rem 0 1rem; border: none;}
.modal-header #titleModalWindow {font-size: 1rem; font-weight: bolder; color:#333; text-align: center; width:100%; margin-bottom: 10px;}
.modal-header p, .titleForm {font-size: 0.85rem; line-height: 1.3rem; font-weight: 400; color:#333; text-align: center; width:100%; margin-top:15px; margin-bottom: 10px;}
.modal-header .close {position: absolute; top:0.25rem; right: 0.35rem;}
.modal.show .modal-dialog {max-width: 290px;}
.modal-body {padding: 0 1rem;}
.modal-body input[type="text"],.modal-body input[type="tel"] {border-radius:10px; border:1px #dadada solid; padding: 0.75rem 1rem; font-size: 1rem; color:#333;}
.modal-footer button {
background: #f5b817;
padding: 0.75rem 1rem;
border-radius: 10px;
width: 100%;
color: #fff;
font-size: 0.875rem;
border: none;
outline: none;
margin:0 auto 20px;
transition: 0.3s;
}
form#feedbackForm button {
background: #f5b817;
padding: 0.75rem 1rem;
border-radius: 10px;
width: 100%;
max-width:280px;
color: #fff;
font-size: 0.875rem;
border: none;
outline: none;
margin:0 auto 20px;
transition: 0.3s;
}
.modal-footer button.greenBtn:focus, .modal-footer button:hover, form#feedbackForm button:hover, form#feedbackForm button:focus {background:#272727; color:#fff;}
.modal-footer>:not(:first-child) {margin-left:0;}
.modal-footer {display: block; padding-top:0; padding-bottom:1rem; border: none;}
.modal-footer .red, form#feedbackForm .red {color:#e30613;}
.modal-footer .grey, form#feedbackForm .grey {color:#a7a7a7;}
.modal-footer .small, form#feedbackForm .small {color:#a7a7a7; font-size: 10px;}
.modal-footer .small a, form#feedbackForm .small a{color:#a7a7a7; font-size: 10px; text-decoration: underline;}
.modal-footer .s11, form#feedbackForm .s11 {font-size: 11px;}
@media (min-width: 1024px) {
#headerSecondLine #callback {display: block;}
#headerSecondLine #callback.mobile {display: none;}
.rightLogo#slogan {display:block;}
.downLogo#slogan {display:none;}
}
@media (min-width: 768.1px) {
}
}
@media (max-width: 768px) {
.d-sm-none {display:none !important;}
.d-sm-block {display: block !important;}
.rightLogo#slogan {display:none;}
.downLogo#slogan {display:block;}
}
@media (max-width: 667px) {
.col-xs-6 {width:50%;}
.col-xs-3 {width:25%;}
.rightLogo#slogan {display:none;}
.downLogo#slogan {display:block;}
#headerSecondLine #callback {display: none;}
#headerSecondLine #callback.mobile {display: block;}
.col-xs-9 {width:75%;}
.col-xs-3 {width:25%;}
}
@media (max-width: 575.98px) {
.d-xs-none {display: none !important;}
.d-xs-block {display: block !important;}
.rightLogo#slogan {display:none;}
.downLogo#slogan {display:none;}
#headerSecondLine {padding-bottom:1.2rem;}
#headerSecondLine #callback {display: none;}
#headerSecondLine #callback.mobile {display: block;}
#yellowBlock .container {background:none;}
ul.footer-nav {width:100%;}
.breadcrumb {margin-top:1rem;}
#priceBlockElement #priceTonn {width: calc(100% - 10px);}
#priceBlockElement #priceKub {width: calc(100% - 10px);}
footer ul.footer-nav li {font-size: 0.75rem;}
.row {margin-left:-5px; margin-right:-5px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-left:5px; padding-right:5px;}
#headerTreeLine {margin-bottom: 2rem;}
}
.footer-btn {
position: fixed;
align-items: center;
text-align: center;
justify-content: center;
bottom: 0;
width: 100%;
z-index: 10000;
display: inline-flex;
height: 76px;
padding: 5px 0;
background-color: #f5b817;
border-top: 1px #f5b817 solid;
margin: 0;
}
.footer-btn a {color:#000; text-decoration: none; font-size: 1.2rem; text-transform: uppercase; font-weight: 600;}
.footer-btn a .fa.fa-phone {font-size: 1.2rem !important; margin-right: 8px; font-weight: 600;}
.contactPage {display: flex;}
.contactPage>div {margin-bottom: 1rem;}
.contactPage a.phone {line-height: 1.5rem; margin-bottom:0 !important;}
.contactPage a.icn-whatsap {color:#333; margin-left: 5px; line-height: 1.5rem; margin-bottom:0 !important; background: url('../images/icn-whatsapp.png') no-repeat center center; background-size: cover; width: 20px; height: 20px; display: block;}
@media (max-width: 1024px){
#headerSecondLine .phone {
font-size: 1.175rem;
}
}
@media (max-width: 992px){
footer .copy_cross {margin: 1rem 0;}
footer a.icn-whatsap {display: inline-block;}
/* footer a.phone {display: block;} */
#priceBlockElement #priceTonn {
width: calc(100% - 15px);
background: #f8d52a;
padding: 1.5625rem;
margin: 0 auto 1.25rem auto;
font-size: 0.8125rem;
color: #000;
line-height: 1.3125rem;
}
#priceBlockElement #priceKub {
width: calc(100% - 15px);
background: #fff;
padding: 1.5625rem;
margin: 0 auto 1.25rem auto;
font-size: 0.8125rem;
color: #000;
line-height: 1.3125rem;
}
#contactsMapFooter #icn_phone a.phone {display: inline-block;}
}
@media (max-width: 667px){
.container {max-width: 600px;}
footer .email {margin-bottom: 1rem;}
#contactsMapFooter #icn_phone a.phone {display: inline-block;}
}
@media (max-width: 576px){
footer {padding-bottom: 4rem;}
}
.hidden-list {width: 100%; max-height: 560px; height: 560px; overflow: hidden; transform: height(auto); transition: 0.5s ease-out all;}
.hidden-list.visible {max-height: 1000px; height: auto; overflow: visible; transform: height(560px); transition: 0.5s ease-out all;}
button.btn-mrc {border: none; outline: none; color: #f3b514; font-size: 1rem; border-bottom: 1px #f3b514 dashed; background: none; padding: 10px 0 0 0; display: block;}
/*video*/
.itemVideo {
position: relative;
display: flex;
height: 212px;
overflow: hidden;
margin-bottom: 30px;
}
.itemVideo:before {
position: absolute;
background: rgba(0, 0, 0, 0.4);
content: " ";
width: 100%;
height: 100%;
display: block;
}
.itemVideo a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.itemVideo .title {
font-size: 18px;
position: absolute;
left: 30px;
bottom: 30px;
top: auto;
width: auto;
height: 102px;
color: #fff;
line-height: 120%;
font-family: "Navigo";
font-weight: 600;
z-index: 1;
display: grid;
grid-template-columns: max-content max-content;
gap: 0 20px;
text-align: center;
align-items: center;
justify-content: center;
}
.itemVideo .title span.icn-play {
width: 72px;
height: 72px;
margin: 0 auto 0.625rem;
position: relative;
background: rgba(251, 213, 82, 0.4);
border-radius: 100%;
display: flex;
align-items: center;
text-align: center;
transition: 0.2s ease-out background;
}
.itemVideo .title span span {
width: 54px;
height: 54px;
position: absolute;
top: 10px;
left: 10px;
background: rgba(251, 213, 82, 1);
border-radius: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
transition: 0.2s ease-out background;
}
.itemVideo .title span.icn-play svg {
width: 20px;
height: 20px;
}
.itemVideo .title div {
text-align: center;
}
.itemVideo:hover .title span.icn-play {background: rgba(39,39,39,0.4);}
.itemVideo:hover .title span span {background: rgba(39,39,39,1);}
.fancybox__content {
width: 400px;
height: 400px;
}
.VideoPlayerEmbed, .VideoPlayerEmbed__button {
display: none !important;
}
/*video*/