/* Start:/local/templates/new/assets/styles.css?174350024812554*/
@charset "UTF-8";/*!

DO NOT EDIT THIS FILE BY HAND -- YOUR CHANGES WILL BE OVERWRITTEN
НЕ РЕДАКТИРУЙТЕ ЭТОТ ФАЙЛ РУКАМИ -- ВАШИ ИЗМЕНЕНИЯ БУДУТ ПЕРЕПИСАНЫ

*//*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */a,abbr[title]{text-decoration:underline}body,mark{color:#000}.image,sub,sup{line-height:0}pre,sub,sup{position:relative}button,hr,input{overflow:visible}audio,canvas,pre:before,progress,video{display:inline-block}.image img,img,legend{max-width:100%}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}figcaption,figure,main{display:block}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace}dfn{font-style:italic}mark{background-color:#ff0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{box-sizing:border-box;color:inherit;display:table;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-300.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-300.woff) format("woff")}@font-face{font-family:Raleway;font-style:normal;font-weight:400;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-regular.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-regular.woff) format("woff")}@font-face{font-family:Raleway;font-style:normal;font-weight:500;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-500.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-500.woff) format("woff")}@font-face{font-family:Raleway;font-style:normal;font-weight:600;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-600.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-600.woff) format("woff")}@font-face{font-family:Raleway;font-style:normal;font-weight:700;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-700.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-700.woff) format("woff")}@font-face{font-family:Raleway;font-style:italic;font-weight:300;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-300italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-300italic.woff) format("woff")}@font-face{font-family:Raleway;font-style:italic;font-weight:400;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-italic.woff) format("woff")}@font-face{font-family:Raleway;font-style:italic;font-weight:500;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-500italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-500italic.woff) format("woff")}@font-face{font-family:Raleway;font-style:italic;font-weight:600;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-600italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-600italic.woff) format("woff")}@font-face{font-family:Raleway;font-style:italic;font-weight:700;src:local("Raleway"),url(/local/templates/new/assets/../fonts/Raleway/raleway-700italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Raleway/raleway-700italic.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-300.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-300.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-weight:300;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-300italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-300italic.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-regular.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-regular.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-italic.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-weight:500;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-500italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-500italic.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-500.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-500.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-600.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-600.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-600italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-600italic.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-700.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-700.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-weight:700;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-700italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-700italic.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-800.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-800.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-weight:800;src:local("Montserrat"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-800italic.woff2) format("woff2"),url(/local/templates/new/assets/../fonts/Montserrat/montserrat-800italic.woff) format("woff")}pre{font:400 14/1.5 monospace!important;text-align:left!important;background:#eee}.fsi,em,i{font-style:italic}pre:before{content:'debug';position:absolute;top:15px;right:15px;color:#aaa}.clearfix:after,.shine:before{content:''}.clear,.clearfix:after,.more-text,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clearfix:after{clear:both}.clear{clear:both;width:100%}.fsz12{font-size:12px}.fsz14{font-size:14px}.fsz16{font-size:16px}.fsz18{font-size:18px}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.taj{text-align:justify}.h1,.h2,h1,h2{text-align:left}.ttu{text-transform:uppercase}.ttl{text-transform:lowercase}.text_white{color:#fff!important}.fw400{font-weight:400}.fw700,.h1,h1{font-weight:700}.fsn{font-style:normal}.nop{padding:0!important}.nom{margin:0!important}.mt0{margin-top:0!important}.mb0{margin-bottom:0!important}.pt0{padding-top:0!important}.pb0{padding-bottom:0!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.font-weight-medium{font-weight:500!important}.text-color-blue{color:#003A70}@media (min-width:992px){.bg_gray{background-color:#F2F2F2}}.bg_siding{background-image:url(/local/templates/new/img/main-page/reviews/siding-background.jpg)}*,:after,:before{box-sizing:border-box}:focus{outline:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}table,td,th{border:1px solid #000}blockquote,q{quotes:none}body{font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.2;background:#fff!important}.h1,.h2,.title_main,h1,h2{font-family:Montserrat;text-transform:uppercase}iframe{border:0}hr{box-sizing:content-box;height:0;margin:20px 0;border:0;border-top:1px solid #ddd}.h3,.h4,.h5,.h6,h3,h4,h5,h6{font-weight:400;line-height:1;margin:1em 0}.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}.h1-catalog{background-color:#F5F5F5}.h1,h1{margin:54px 0 29px;color:#333;font-size:18px;line-height:127%}a,a:hover{color:#337ab7}@media (min-width:320px){.h1,h1{font-size:18px;margin-top:10px;margin-bottom:15px}}@media (min-width:576px){.h1,h1{font-size:20px;margin-bottom:25px}}@media (min-width:768px){.h1,h1{font-size:25px}}@media (min-width:1200px){.h1,h1{font-size:30px;margin-top:20px;margin-bottom:30px}}ol,p,ul{margin:10px 0}@media (min-width:1440px){.h1,h1{font-size:33px}}.h2,h2{font-weight:600;font-size:20px;line-height:140%}.h3,.h4,.h5,.h6,h3,h4,h5,h6{font-size:30px}ol:first-child,p:first-child,ul:first-child{margin-top:0}ol:last-child,p:last-child,ul:last-child{margin-bottom:0}a:hover{text-decoration:none}b,b em,b i,strong,strong em,strong i{font-weight:700}em,i{font-weight:400}em b,em strong,i b,i strong{font-weight:700!important}.more-text,.title,.title_main{font-weight:700}ol,ul{list-style:disc;padding-left:20px}ol{list-style-type:decimal}table{border-collapse:collapse}td,th{padding:5px}.block-text,.swiper.block-text{position:relative;padding-bottom:20px}.hidden-text,.swiper.hidden-text{overflow:hidden;height:142px;padding-bottom:0}.hidden-text.swiper,.swiper.hidden-text.swiper{height:390px}.more-text{padding-top:5px;color:#003A70;position:absolute;z-index:1;bottom:0;left:0;cursor:pointer;width:100%;background:#fff;text-align:center;font-size:16px;text-transform:uppercase}@media (max-width:575px){.more-text{font-size:14px}}.more-text.active{background:0 0;padding-top:0;bottom:0}div[id^=wait_comp_]{display:none}@keyframes shine{100%{left:125%}}.shine{position:relative;overflow:hidden}.shine:before{display:none;position:absolute;top:0;left:-45%;z-index:2;width:25%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);transform:skewX(-25deg)}.shine:hover:before{display:block;animation:shine .5s}.cc-revoke{border:1px solid #fff;border-bottom:none;color:#fff;background:#003A70;bottom:30px;padding:8px 15px;border-radius:8px 8px 0 0;z-index:100!important;right:15px}@media (min-width:768px){.cc-revoke{bottom:0;right:30px}}.cc-window{bottom:120px;right:15px}@media (min-width:768px){.cc-window{bottom:20px;right:30px}}.cc-compliance{-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-square,.btn-square_to-top{background-color:#fff;border:2px solid #003A70;border-radius:4px;z-index:120;padding:8px;cursor:pointer}.btn-square_to-top{position:fixed;bottom:130px;right:22px;width:37px;height:37px;stroke:#003A70}@media (min-width:1200px){.btn-square_to-top{right:100px;bottom:80px}}.image{display:inline-block;overflow:hidden;border:none}.image img{min-height:100%}.image.fl{float:left;margin:0 30px 0 0}.image.fr{float:right;margin:0 0 0 30px}.title{font-size:18px;line-height:1.3}@media (min-width:992px){.title{font-size:33px;line-height:42px}}@media (min-width:768px){.title_main{font-weight:700;font-size:33px;line-height:127%}}.title_main{text-align:left;font-style:normal;color:#003A70;margin-bottom:25px;margin-top:25px;font-size:24px;line-height:100%}@media (min-width:768px){.title_main{font-size:33px;line-height:127%}}.overlay{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:109}.overlay_hide{display:none}.color-blue{color:#003A70!important}
/* End */


/* Start:/local/templates/new/assets/template_styles.css?1743500248333421*/
@charset "UTF-8";
/*!

DO NOT EDIT THIS FILE BY HAND -- YOUR CHANGES WILL BE OVERWRITTEN
НЕ РЕДАКТИРУЙТЕ ЭТОТ ФАЙЛ РУКАМИ -- ВАШИ ИЗМЕНЕНИЯ БУДУТ ПЕРЕПИСАНЫ

*/
#cboxWrapper, .cboxPhoto {
    max-width: none
}

.accordion-history__text h2, .btn_uppercase, .datepicker--day-name, .datepicker--time-current-ampm, .form-modal__title, .site-btn, .vacancies-form__title {
    text-transform: uppercase
}

.icon {
    display: inline-block;
    line-height: 0
}

.cboxIframe, .cboxPhoto, .datepicker--body.active {
    display: block
}

.icon.icon-arrow, .icon.icon-checkbox, .icon.icon-close {
    font-size: 24px;
    width: 1em;
    height: 1em
}

.icon.icon-next {
    font-size: 10px;
    width: 1em;
    height: 1.7em
}

.icon.icon-prev {
    font-size: 9px;
    width: 1em;
    height: 1.8888888888888888em
}

#cboxOverlay, #cboxWrapper, #colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .9;
    filter: alpha(opacity=90)
}

#cboxBottomLeft, #cboxMiddleLeft {
    clear: left
}

#cboxTitle {
    margin: 0;
    position: absolute;
    top: -22px;
    left: 0;
    color: #000
}

#cboxLoadingGraphic, #cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0
}

#cboxContent, #cboxLoadedContent, #colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.cc-revoke, .cc-window, .datepicker--cell, .fancybox-container *, .swiper-lazy-preloader {
    box-sizing: border-box
}

#colorbox {
    outline: 0
}

#cboxContent {
    position: relative;
    margin-top: 32px;
    overflow: visible;
    background: #000
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #000;
    padding: 1px
}

#cboxLoadingGraphic {
    background: url(/local/templates/new/assets/images/loading.gif) center center no-repeat
}

#cboxLoadingOverlay {
    background: #000
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(/local/templates/new/assets/images/controls.png) no-repeat
}

#cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active {
    outline: 0
}

#cboxPrevious {
    background-position: 0 0;
    right: 44px
}

#cboxPrevious:hover {
    background-position: 0 -25px
}

#cboxNext {
    background-position: -25px 0;
    right: 22px
}

#cboxNext:hover {
    background-position: -25px -25px
}

#cboxClose {
    background-position: -50px 0;
    right: 0
}

#cboxClose:hover {
    background-position: -50px -25px
}

.cboxSlideshow_off #cboxPrevious, .cboxSlideshow_on #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0;
    right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px
}

.jq-checkbox, .jq-radio {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-select-multiple li, .jq-selectbox li, .jq-selectbox__select-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    white-space: nowrap
}

.jq-checkbox input, .jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file {
    position: relative;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-select-multiple, .jq-selectbox {
    position: relative;
    display: inline-block
}

.jq-select-multiple select, .jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-select-multiple li, .jq-selectbox li {
    user-select: none
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select-text {
    overflow: hidden;
    user-select: none;
    text-overflow: ellipsis
}

.datepicker--nav-action, .fancybox-infobar, .fancybox-slide--image .fancybox-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.datepicker--cells {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4EB5E6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .8em
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    z-index: 100
}

.datepicker.-from-top- {
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    transform: translateY(8px)
}

.datepicker.-from-left- {
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    transform: translate(0);
    transition: opacity .3s ease, transform .3s ease, left 0s 0s
}

.datepicker-inline .datepicker {
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: #f0f0f0
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    user-select: none
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--buttons, .datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -ms-flexbox;
    display: flex
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.swiper-slide, .swiper-wrapper {
    height: 100%;
    position: relative;
    transition-property: transform
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    box-sizing: content-box
}

.swiper-button-lock, .swiper-pagination-lock, .swiper-scrollbar-lock {
    display: none
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.cc-btn, .cc-close, .cc-link, .cc-revoke, .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-scrollbar-cursor-drag, .swiper-slide-zoomed {
    cursor: move
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    border: 4px solid;
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.business-page__map-contacts-heading::after, .e-catalog__detail-image:after, .e-catalog__detail-image:before, .e-catalog__detail-props td:after, .e-catalog__detail-props td:nth-child(2n):after, .fancybox-slide:before, .fancybox-thumbs__list a:before, .feature__read-more::before, .header .top-line-humb__icon:after, .header .top-line-humb__icon:before, .tabs__custom-item--active::before, .tabs__item--active::before {
    content: ""
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.btn:hover, .cc-link, .fancybox-close-small, .header .top-line-humb:hover, .header-callback:hover, .header-search__toggle:hover, .main-description__order-text a:hover {
    opacity: .8
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-link {
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active, .cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus, .cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-outer, .fancybox-thumbs {
    -webkit-overflow-scrolling: touch
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    user-select: none;
    z-index: 99995
}

.fancybox-image, .fancybox-share__button, .fancybox-spaceball, .jq-selectbox li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2), .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small, .fancybox-thumbs {
    display: none
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    margin: 0;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.form__field--checkbox label, .tabs-list__item {
    margin-right: 15px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.form {
    padding: 20px;
    border: 1px solid #000
}

.form--popup {
    padding: 30px;
    border: 0
}

.form__header {
    margin-bottom: 20px;
    text-align: center
}

.form__footer {
    margin-top: 20px;
    text-align: center
}

.form__field {
    margin-bottom: 18px
}

.form__field label {
    display: block;
    font-size: 14px;
    margin-bottom: 13px;
    font-weight: 100
}

.form__field input.form__input, .form__field textarea.form__input {
    border: none;
    outline: snow
}

.form__field--checkbox {
    display: -ms-flexbox;
    display: flex
}

.form__btn {
    margin: 0 auto !important;
    display: block !important
}

.form__agree {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.form__agree a {
    color: #F7941D
}

.form__required, .form__result .red {
    color: red
}

.form__result {
    padding: 5px 0
}

.form__result .green {
    color: green
}

::-webkit-input-placeholder {
    color: #666
}

::-moz-placeholder {
    color: #666
}

:-moz-placeholder {
    color: #666
}

:-ms-input-placeholder {
    color: #666
}

::-webkit-inner-spin-button {
    display: none
}

::-webkit-calendar-picker-indicator {
    display: none
}

::-webkit-inner-cancel-button {
    display: none
}

::-webkit-clear-button {
    display: none
}

::-webkit-search-cancel-button {
    display: none
}

::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none
}

::--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none
}

::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.btn, [type=submit], [type=reset], button {
    font: inherit;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    transition: all ease-in-out .3s;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff
}

.btn, .header-cabinet span, .header-callback span, .header-city__current, .header-language span, .header-phone__text {
    font-family: Montserrat
}

.btn:hover, [type=submit]:hover, [type=reset]:hover, button:hover {
    text-decoration: none;
    color: gray
}

.btn:focus, [type=submit]:focus, [type=reset]:focus, button:focus {
    outline: 0
}

.btn.is-loading, [type=submit].is-loading, [type=reset].is-loading, button.is-loading {
    position: relative;
    cursor: default
}

.btn.is-loading::after, [type=submit].is-loading::after, [type=reset].is-loading::after, button.is-loading::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/local/templates/new/assets/images/loading.svg) 50%/50px auto no-repeat #fff
}

.btn {
    outline: 0;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 18px;
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #003A70;
    border-radius: 0;
    background: #003A70
}

@media (min-width: 768px) {
    .btn {
        font-size: 16px;
        line-height: 14px
    }
}

.btn--orange-bordered, .btn_orange-padding {
    padding: 15px 40px;
    font-size: 14px;
    font-weight: 500
}

.btn:hover {
    text-decoration: none;
    color: #fff
}

.btn:active {
    opacity: 1
}

.btn:active:focus {
    outline: 0;
    color: #fff
}

.btn--white {
    color: #003A70;
    border: 1px solid #fff;
    background: #fff
}

.btn--white-bordered {
    background: #fff;
    border: 1px solid #003A70;
    border-radius: 4px;
    color: #003A70
}

.btn--white-bordered:hover {
    border: 1px solid #F7941D;
    color: #F7941D
}

.btn--white-bordered.active {
    background: #006FD7;
    border: 1px solid #003A70;
    color: #fff
}

.btn--orange-bordered {
    line-height: 17px;
    text-align: center;
    background: #fff;
    border: 1px solid #F7941D;
    color: #333
}

.btn--orange-bordered:hover {
    border: 1px solid #003A70;
    color: #F7941D
}

.btn--grey {
    color: #fff;
    border: 1px solid #999;
    background: #999
}

.btn_orange {
    color: #fff;
    border-color: #F7941D;
    background-color: #F7941D
}

.btn_orange:hover {
    border-color: #F7941D;
    color: #F7941D;
    background-color: #fff
}

.btn_orange-padding {
    line-height: 17px
}

.btn_orange-margin-left {
    margin-top: 10px
}

@media (min-width: 768px) {
    .btn_orange-margin-left {
        margin-top: 0;
        margin-left: 15px
    }
}

.btn_rounded {
    border-radius: 4px
}

.btn_full {
    width: 100%
}

.back {
    transition: .2s;
    color: #F7941D;
    font-weight: 700
}

.back :hover {
    color: #003A70
}

label {
    display: block;
    margin: 0 0 5px
}

label.require:after {
    content: ' *';
    font-weight: 700;
    color: red
}

label.is-error {
    color: red
}

input, select, textarea {
    font: inherit;
    line-height: 1;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 10px 20px;
    transition: all ease-in-out .3s;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff
}

.accordion-history.active, .jq-selectbox__dropdown li.sel {
    font-weight: 700
}

input.is-error, select.is-error, textarea.is-error {
    border-color: red
}

input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
    border-color: gray
}

textarea {
    height: auto;
    resize: none
}

.jq-selectbox {
    display: block;
    width: 100%
}

.jq-selectbox.is-error {
    border-color: red
}

.jq-selectbox.focused, .jq-selectbox:hover {
    border-color: gray
}

.jq-selectbox__select {
    line-height: 1;
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jq-selectbox__select-text {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.jq-selectbox__trigger {
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.jq-selectbox__trigger-arrow .icon {
    transition: transform ease-in-out .3s;
    transform: rotate(90deg);
    fill: #000
}

.jq-selectbox.opened .jq-selectbox__trigger-arrow .icon {
    transform: rotate(-90deg)
}

.jq-selectbox__dropdown {
    min-width: 100%;
    border: 1px solid #000;
    background: #fff
}

.jq-selectbox.dropdown .jq-selectbox__dropdown {
    margin-top: -1px
}

.jq-selectbox.dropup .jq-selectbox__dropdown {
    margin-bottom: -1px
}

.jq-selectbox__dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.jq-selectbox__dropdown li {
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    white-space: normal !important
}

.jq-selectbox__dropdown li:hover {
    background: #eee
}

[type=radio], [type=checkbox] {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

[type=radio].is-error, [type=checkbox].is-error {
    box-shadow: 0 0 0 1px red
}

.jq-checkbox, .jq-radio {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    cursor: pointer;
    transition: all ease-in-out .3s;
    vertical-align: text-bottom;
    border: 1px solid #000;
    background: #fff;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #000;
    float: left
}

.jq-radio, .jq-radio__div {
    border-radius: 50%
}

.jq-checkbox.is-error, .jq-radio.is-error {
    border-color: red
}

.jq-checkbox:focus, .jq-checkbox:hover, .jq-radio:focus, .jq-radio:hover {
    border-color: gray
}

.jq-checkbox__div, .jq-radio__div {
    line-height: 0;
    transition: opacity ease-in-out .3s;
    opacity: 0;
    width: 24px;
    height: 24px
}

.checked .jq-checkbox__div, .checked .jq-radio__div {
    opacity: 1
}

.jq-radio__div {
    width: 12px;
    height: 12px;
    background: #000
}

.jq-file {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    cursor: pointer;
    transition: all ease-in-out .3s;
    color: #000;
    border: 1px solid #000;
    background: #fff;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.jq-file.is-error {
    border-color: red
}

.jq-file:focus, .jq-file:hover {
    border-color: gray
}

.jq-file__name {
    line-height: 1;
    padding: 10px 20px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.jq-file__browse {
    padding: 10px 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.slider-nav__next, .slider-nav__prev {
    height: 100%;
    padding: 8px 13px
}

.slider-nav__next svg, .slider-nav__prev svg {
    max-width: 7px;
    max-height: 15px;
    stroke: #003A70;
    transition: stroke .2s
}

.slider-nav__next:hover svg, .slider-nav__prev:hover svg {
    stroke: #F7941D
}

.slider-nav__next {
    padding: 8px 26px
}

.tabs-list {
    display: -ms-flexbox;
    display: flex
}

.tabs-list__item:last-child {
    margin-right: 0
}

@media (min-width: 1200px) {
    .tabs-list__link {
        padding: 8px 10px;
        border: 1px solid #003A70;
        display: inline-block;
        color: #003A70;
        border-radius: 4px
    }

    .tabs-list__link.active {
        color: #fff;
        background-color: #003A70
    }

    .tabs-list__link:hover {
        color: #F7941D;
        border-color: #F7941D
    }
}

.tabs-content {
    padding-top: 25px
}

.tabs-content__item {
    position: relative;
    display: none
}

.tabs-content__item.active {
    display: block
}

.dropdown-toggle {
    border: none;
    border-right: 1px solid #003A70;
    border-radius: 0;
    padding: 10px 9.5px
}

.dropdown-toggle svg {
    max-width: 15px;
    max-height: 7px;
    stroke: #003A70;
    transition: stroke .2s
}

.dropdown-toggle:hover svg {
    stroke: #F7941D
}

.dropdown-toggle_active {
    background-color: #003A70
}

.dropdown-toggle_active svg, .dropdown-toggle_active:hover svg {
    stroke: #fff
}

.dropdown-item {
    display: block;
    padding: 10px 50px
}

.dropdown-menu {
    padding: 10px 0;
    min-width: 520px
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
        padding-right: 8px;
        padding-left: 8px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

@media (min-width: 576px) {
    .row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
        padding-right: 8px;
        padding-left: 8px
    }

    .row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 1200px) {
    .dropdown-toggle {
        border: 1px solid #003A70;
        border-radius: 4px
    }

    .container {
        max-width: 1520px;
        padding-right: 8px;
        padding-left: 8px
    }

    .row {
        margin-right: -8px;
        margin-left: -8px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.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 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}

.col {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.col-auto {
    width: auto;
    max-width: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-1 {
    max-width: 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%
}

.col-2 {
    max-width: 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
}

.col-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.col-4 {
    max-width: 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
}

.col-5 {
    max-width: 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%
}

.col-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.col-7 {
    max-width: 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%
}

.col-8 {
    max-width: 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
}

.col-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.col-10 {
    max-width: 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
}

.col-11 {
    max-width: 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%
}

.col-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.offset-0 {
    margin-left: 0
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.offset-12 {
    margin-left: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

@media (min-width: 576px) {
    .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-right: 8px;
        padding-left: 8px
    }

    .col-sm {
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-sm-auto {
        width: auto;
        max-width: none;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-1 {
        max-width: 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }

    .col-sm-2 {
        max-width: 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

    .col-sm-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-sm-4 {
        max-width: 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

    .col-sm-5 {
        max-width: 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }

    .col-sm-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-sm-7 {
        max-width: 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }

    .col-sm-8 {
        max-width: 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }

    .col-sm-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-sm-10 {
        max-width: 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }

    .col-sm-11 {
        max-width: 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }

    .col-sm-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 768px) {
    .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-right: 8px;
        padding-left: 8px
    }

    .col-md {
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-md-auto {
        width: auto;
        max-width: none;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-1 {
        max-width: 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }

    .col-md-2 {
        max-width: 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

    .col-md-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-md-4 {
        max-width: 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

    .col-md-5 {
        max-width: 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }

    .col-md-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-md-7 {
        max-width: 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }

    .col-md-8 {
        max-width: 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }

    .col-md-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-md-10 {
        max-width: 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }

    .col-md-11 {
        max-width: 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }

    .col-md-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 992px) {
    .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-right: 8px;
        padding-left: 8px
    }

    .col-lg {
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-lg-auto {
        width: auto;
        max-width: none;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-1 {
        max-width: 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }

    .col-lg-2 {
        max-width: 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

    .col-lg-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-lg-4 {
        max-width: 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

    .col-lg-5 {
        max-width: 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }

    .col-lg-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-lg-7 {
        max-width: 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }

    .col-lg-8 {
        max-width: 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }

    .col-lg-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-lg-10 {
        max-width: 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }

    .col-lg-11 {
        max-width: 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }

    .col-lg-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width: 1200px) {
    .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-right: 8px;
        padding-left: 8px
    }

    .col-xl {
        max-width: 100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .col-xl-auto {
        width: auto;
        max-width: none;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-xl-1 {
        max-width: 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }

    .col-xl-2 {
        max-width: 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }

    .col-xl-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .col-xl-4 {
        max-width: 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }

    .col-xl-5 {
        max-width: 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }

    .col-xl-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .col-xl-7 {
        max-width: 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }

    .col-xl-8 {
        max-width: 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }

    .col-xl-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .col-xl-10 {
        max-width: 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }

    .col-xl-11 {
        max-width: 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }

    .col-xl-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (min-width: 576px) {
    .align-items-sm-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-sm-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-sm-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width: 768px) {
    .align-items-md-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-md-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-md-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width: 992px) {
    .align-items-lg-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-lg-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-lg-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width: 1200px) {
    .align-items-xl-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .align-items-xl-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .align-items-xl-center {
        -ms-flex-align: center;
        align-items: center
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width: 576px) {
    .justify-content-sm-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-sm-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-sm-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width: 768px) {
    .justify-content-md-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-md-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-md-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-content-md-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .justify-content-lg-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-lg-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-lg-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

#cboxOverlay {
    background: rgba(0, 0, 0, .6)
}

#colorbox #cboxLoadedContent, #colorbox #cboxLoadingGraphic, #colorbox #cboxLoadingOverlay {
    padding: 0;
    background: #fff
}

#colorbox #cboxContent {
    position: relative;
    margin: 30px;
    background: #fff
}

@media (min-width: 1200px) {
    .justify-content-xl-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .justify-content-xl-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .justify-content-xl-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    #colorbox #cboxContent {
        position: static
    }
}

#colorbox #cboxSlideshow {
    display: none;
    background: 0 0
}

#colorbox #cboxClose, #colorbox #cboxNext, #colorbox #cboxPrevious {
    line-height: 0;
    position: absolute;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: transform ease-in-out .3s;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#colorbox #cboxClose {
    background: 0 0
}

#colorbox #cboxClose::after, #colorbox #cboxClose::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 3px;
    margin-top: -1px;
    background: #9D9C9C;
    transform: rotate(45deg)
}

.accordion, .vacancies-form__input-file {
    position: relative
}

#colorbox #cboxClose::before {
    transform: rotate(-45deg)
}

#colorbox #cboxNext, #colorbox #cboxPrevious {
    top: 50%;
    margin-top: -12px
}

#colorbox #cboxNext .icon, #colorbox #cboxPrevious .icon {
    transition: transform ease-in-out .3s;
    fill: #000
}

#colorbox #cboxNext:hover .icon, #colorbox #cboxPrevious:hover .icon {
    transform: translateX(5px)
}

#colorbox #cboxPrevious, .footer-catalog-menu_open .footer-catalog-menu__title .down-icon {
    transform: rotate(180deg)
}

#colorbox #cboxPrevious {
    left: 0
}

#colorbox #cboxNext {
    right: 0
}

#colorbox.colorbox-form #cboxLoadedContent, #colorbox.colorbox-message #cboxLoadedContent {
    max-width: 400px;
    background: #fff
}

.datepicker, .datepicker-inline .datepicker {
    line-height: 1;
    border: 0;
    border-radius: 5px
}

.datepicker--cell.-current-, .datepicker--day-name, .datepicker-inline .datepicker--cell.-current-, .datepicker-inline .datepicker--day-name {
    color: #000
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus-, .datepicker-inline .datepicker--cell.-selected-, .datepicker-inline .datepicker--cell.-selected-.-current-, .datepicker-inline .datepicker--cell.-selected-.-focus- {
    color: #000;
    background: #fff
}

.slick-arrow {
    padding: 0;
    background-color: transparent
}

.jq-selectbox__select, .jq-selectbox__select:active {
    height: auto;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none
}

.accordion, .jq-selectbox__trigger {
    border: none
}

.jq-selectbox__select-text {
    padding: 15px;
    font-size: 14px;
    color: #9D9C9C
}

@media (max-width: 575px) {
    .jq-selectbox__select-text {
        padding: 15px 25px
    }
}

.jq-selectbox__trigger-arrow {
    top: 40%
}

.jq-selectbox li {
    min-height: 54px;
    padding: 18px 10px 15px;
    user-select: none;
    white-space: nowrap;
    color: #231F20;
    font-size: 14px
}

.jq-selectbox li:hover {
    background-color: #004a90
}

.accordion {
    font-size: 16px;
    line-height: 160%;
    color: #333;
    text-align: left;
    transition: .4s;
    width: 100%;
    list-style: none;
    padding: 20px 0
}

.accordion.active:after {
    display: none
}

.accordion:after, .accordion:before {
    right: 20px;
    width: 13px;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    background-color: #E2E2E2;
    top: 50%;
    transform: rotate(0);
    transform-origin: center center
}

.accordion:after {
    transform: rotate(90deg)
}

.accordion:hover {
    color: #F7941D
}

.accordion:hover:after, .accordion:hover:before {
    background-color: #F7941D
}

.accordion__text {
    font-size: 14px;
    padding: 25px;
    display: none;
    color: #000;
    overflow: hidden;
    background: #F3F3F3;
    border: 1px solid #E2E2E2;
    border-bottom: none
}

.accordion-history, .accordion-history__text {
    font-size: 16px;
    border-top: 1px solid #B9B9B9
}

.accordion-history {
    padding: 15px 0;
    line-height: 20px;
    color: #333
}

.accordion-history.active:before {
    font: bold normal normal 16px/1 FontAwesome;
    background: 0 0;
    content: '\f106';
    color: #003A70
}

.accordion-history:hover {
    color: #333;
    font-weight: 700
}

.accordion-history:hover:after, .accordion-history:hover:before {
    background: 0 0
}

.accordion-history:before {
    background: 0 0;
    top: auto;
    font: normal normal normal 16px/1 FontAwesome;
    right: 20px;
    width: 13px;
    content: '\f107';
    display: block;
    height: 1px
}

.accordion-history:after {
    background: 0 0
}

.accordion-history__text {
    display: none;
    color: #575656;
    overflow: hidden;
    padding: 20px 0
}

.accordion-history__text ul {
    margin-left: 10px
}

.accordion-history__text h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #003A70;
    margin: 10px 0
}

.form-modal {
    width: auto;
    margin-top: 40px
}

@media (min-width: 768px) {
    .form-modal {
        margin-top: 0;
        width: 535px
    }
}

.form-modal__title {
    padding: 20px 0;
    font-size: 20px;
    line-height: 127%;
    color: #003A70;
    text-align: center;
    font-weight: 700
}

@media (min-width: 1200px) {
    .form-modal__title {
        padding: 65px 0 20px;
        font-size: 33px
    }
}

.form-modal__caption {
    padding: 0 20px;
    font-size: 16px;
    line-height: 127%;
    color: #58595B
}

@media (min-width: 1200px) {
    .form-modal__caption {
        padding: 0 48px
    }
}

.form-modal form {
    padding: 20px
}

@media (min-width: 1200px) {
    .form-modal form {
        padding: 27px 48px 32px
    }
}

.form-modal__product {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #003A70
}

.form-modal__answer {
    padding-right: 45px !important;
    margin-top: 45px
}

.vacancies-form {
    padding: 75px 20px 50px
}

@media (min-width: 768px) {
    .vacancies-form {
        width: 708px;
        padding: 55px 75px 55px 35px
    }
}

@media (min-width: 1200px) {
    .vacancies-form {
        width: 905px;
        padding: 55px 153px 95px
    }
}

.vacancies-form__title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.vacancies-form__btn {
    padding: 10px 30Px;
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .vacancies-form__title {
        font-size: 20px;
        line-height: 127%
    }

    .vacancies-form__btn {
        padding: 15px 70px;
        margin-bottom: 0;
        width: auto
    }
}

.vacancies-form__filename {
    font-size: 12px;
    color: #B9B9B9;
    margin-left: 10px
}

.vacancies-form__group {
    margin-bottom: 18px
}

@media (min-width: 768px) {
    .vacancies-form__filename {
        margin-left: 15px;
        font-size: 16px;
        line-height: 127%
    }

    .vacancies-form__group {
        margin-bottom: 30px
    }
}

.vacancies-form__group label {
    padding: 20px 0 17px;
    margin-bottom: 0;
    margin-left: 10px
}

.vacancies-form form {
    padding: 0;
    margin-top: 20px
}

.vacancies-form form label {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

@media (min-width: 768px) {
    .vacancies-form__group label {
        margin-left: 20px
    }

    .vacancies-form form {
        margin-top: 45px
    }

    .vacancies-form form label {
        font-size: 16px;
        line-height: 127%
    }
}

.vacancies-form form input.callback__input, .vacancies-form form textarea {
    font-size: 12px;
    padding: 10px;
    background: #F3F3F3;
    border-radius: 4px;
    border-color: #F3F3F3;
    width: 100%
}

@media (min-width: 768px) {
    .vacancies-form form input.callback__input, .vacancies-form form textarea {
        font-size: 16px;
        padding-left: 20px
    }
}

.vacancies-form form input.callback__input:hover, .vacancies-form form textarea:hover {
    border-color: gray
}

.vacancies-form form textarea {
    height: 125px
}

.vacancies-form form input[type=file] {
    z-index: 10;
    opacity: 0;
    border: none;
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.vacancies-form form input[name=position] {
    height: 88px
}

.vacancies-form form .place_holder {
    z-index: 1;
    left: 10px;
    cursor: text;
    position: absolute;
    top: 25%;
    width: 100%;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    display: none
}

@media (min-width: 768px) {
    .vacancies-form form .place_holder {
        font-size: 16px;
        line-height: 127%;
        left: 20px
    }
}

.vacancies-form form .placeinput input:invalid + .place_holder {
    display: inline
}

.vacancies-form form .placeinput {
    position: relative
}

.vacancies-form form .placeinput_position input {
    padding-top: 25px;
    font-size: 12px;
    font-weight: 700;
    color: #333
}

.vacancies-form form .placeinput_position div {
    z-index: 1;
    left: 10px;
    cursor: text;
    position: absolute;
    top: 15%;
    width: 100%;
    color: #B9B9B9
}

@media (min-width: 768px) {
    .vacancies-form form .placeinput_position input {
        font-size: 16px
    }

    .vacancies-form form .placeinput_position div {
        left: 20px
    }
}

.vacancies-form form .place_holder span {
    color: #F7941D
}

.vacancies-form .callback__policy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #6B6B6B
}

.vacancies-form .callback__policy #callback-policy {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    border-color: #C1C1C1;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vacancies-form .callback__policy #callback-policy:focus {
    outline: 0
}

.vacancies-form .callback__policy #callback-policy:checked:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 13px;
    background: #F7941D;
    display: block;
    top: 9px;
    left: 6px;
    transform: rotate(-40deg)
}

.vacancies-form .callback__policy #callback-policy:checked:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 20px;
    background: #F7941D;
    display: block;
    top: 2px;
    right: 8px;
    transform: rotate(33deg)
}

.vacancies-form .callback__policy label {
    margin-bottom: 0
}

.vacancies-form .callback__policy span {
    font-size: 12px;
    color: #6B6B6B
}

#colorbox #cboxClose {
    width: 35px;
    height: 35px;
    right: 43%;
    top: 20px
}

@media (min-width: 768px) {
    .vacancies-form .callback__policy span {
        font-size: 16px;
        line-height: 127%
    }

    #colorbox #cboxClose {
        top: 50px;
        right: 35px
    }
}

.header-catalog-menu__item_active::before, .header-catalog-menu__left::before {
    right: 100%;
    height: 100%;
    width: 1000px;
    content: ''
}

#colorbox #cboxClose:after, #colorbox #cboxClose:before {
    width: 40px;
    height: 1px;
    background: #F7941D
}

@media print {
    .product-catalog__print, p {
        display: none
    }
}

.site-wrapper {
    background-color: #fff
}

.site-wrapper--grey {
    background-color: #f5f5f5
}

.site-wrapper--zamer {
    background-image: url(/images/zamer-bg.png);
    background-color: rgba(0, 74, 144, .7)
}

.site-btn {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    background-color: #D77500;
    border: none;
    outline: 0;
    padding: 13px 37px
}

.site-btn:hover {
    background-color: #e78200;
    color: #fff
}

.header-catalog-menu, .white-bg {
    background-color: #fff
}


.header-email {
    justify-content: flex-end;
}

.header-email svg {
    width: 16px;
    height: 16px;
    fill: #003A70;
    margin-right: 5px;
}

.footer-email {
    margin-bottom: 10px;
}

.position-sticky {
    position: sticky;
    top: 0;
    z-index: 100
}

.position-sticky_desktop {
    position: static
}

@media (min-width: 768px) {
    .position-sticky_desktop {
        position: sticky
    }
}

body, html {
    min-width: 320px
}

.header-catalog-menu {
    display: none
}

.header-catalog-menu.show {
    display: block
}

.header-catalog-menu__wrapper {
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0
}

.header-catalog-menu__buttons {
    padding: 0 10px 0 20px
}

@media (min-width: 1400px) {
    .header-catalog-menu__buttons {
        padding: 0 25px
    }
}

.header-catalog-menu__btn {
    padding: 12px 16px;
    border-radius: 4px;
    font-family: Raleway;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.header-catalog-menu__btn::before {
    content: url(/local/templates/new/img/header/catalog-menu/text-left.svg);
    margin-right: 10px
}

.header-catalog-menu__btn:active, .header-catalog-menu__btn:focus {
    color: #fff
}

.header-catalog-menu__left {
    background-color: #F2F2F2;
    position: relative;
    height: 100%;
    min-height: 700px;
    padding-top: 30px
}

.header-catalog-menu__left::before {
    position: absolute;
    top: 0;
    background-color: #F2F2F2
}

.header-catalog-menu__right {
    padding: 40px 0 10px 50px;
    overflow: auto
}

.header-catalog-menu__item {
    padding: 10px 0
}

.header-catalog-menu__item_active {
    position: relative;
    background-color: #fff;
    border-right: 5px solid #003A70
}

.header-catalog-menu__item_active::before {
    position: absolute;
    top: 0;
    background-color: #fff
}

.header-catalog-menu__link {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.header-catalog-menu-section {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 800px
}

.header-catalog-menu-section_active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-catalog-menu-section.ufcode-00000000051 .header-catalog-menu-subsection_parent {
    -ms-flex-order: 3;
    order: 3
}

.header-catalog-menu-section.ufcode-00000000051 .header-catalog-menu-subsection_parent:first-child {
    -ms-flex-order: 2;
    order: 2
}

.header-catalog-menu-section.ufcode-00000000051 .header-catalog-menu-subsection_parent:nth-child(2) {
    -ms-flex-order: 1;
    order: 1
}

.header-catalog-menu-subsection {
    width: 49%;
    font-family: Montserrat, Montserrat, Helvetica, sans-serif;
    padding-bottom: 20px
}

.header-catalog-menu-subsection_parent .header-catalog-menu-subsection, .sections__text {
    padding-bottom: 0
}

.header-catalog-menu-subsection_parent .header-catalog-menu-subsection a {
    font-weight: 400;
    text-transform: none;
    padding: 5px 0;
    display: block
}

.header-catalog-menu-subsection .header-catalog-menu-subsection {
    width: 100%
}

.header-catalog-menu-subsection a {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #333
}

.header-catalog-menu-subsection__title {
    padding-bottom: 10px;
    display: block
}

.header-search {
    position: relative;
    display: inline-block
}

@media (min-width: 768px) {
    .header-search {
        display: block;
        width: 100%
    }
}

.header-search_mobile {
    padding-left: 15px;
    width: 100%
}

.header-search__btn {
    width: 42px;
    height: 42px;
    border-radius: 3px;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 13px;
    border: 0;
    background: #003A70;
    fill: #fff
}

.header-search_mobile .header-search__btn {
    position: static;
    width: 40px;
    height: 40px;
    margin-right: 9px
}

.header-search__close {
    display: none;
    position: absolute;
    right: 56px;
    font-size: 32px;
    width: 42px;
    padding: 0;
    border: none;
    height: 42px;
    line-height: 1;
    top: 4px;
    background-color: transparent
}

.header-search_active .header-search__close {
    display: block
}

.header-search__toggle {
    line-height: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    transition: opacity .3s;
    fill: #fff
}

.header-search__form {
    position: absolute;
    top: -8px;
    right: -12px;
    display: none
}

@media (min-width: 768px) {
    .header-search__toggle {
        display: none
    }

    .header-search__form {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 110
    }
}

.header-search_mobile .header-search__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    top: 0;
    right: 0;
    z-index: 110
}

@media (min-width: 768px) {
    .header-search_mobile .header-search__form {
        display: none
    }

    .header-search__text {
        width: 100%
    }
}

.is-search-open .header-search__form {
    display: block
}

.header-search__text {
    padding: 8px 35px 8px 15px;
    background: #fff;
    border: 1px solid #9D9C9C;
    border-radius: 4px !important;
    height: 50px
}

.header-search__text:focus {
    outline: 0
}

.header-search_mobile .header-search__text {
    height: 40px
}

.header-search_mobile .header-search__text-wrapper {
    position: relative;
    width: 100%
}

.header-search__reset {
    position: absolute;
    top: calc(50% - 7px);
    right: 10px;
    display: none
}

.header-search_active .header-search__reset {
    display: block
}

.header {
    background-color: #fff;
    z-index: 111
}

.header-top {
    background-color: #003A70
}

.header-middle {
    padding: 18px 0 12px;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 110
}

.header-middle #storeLink {
    display: -ms-flexbox;
    display: flex;
    font-size: .8rem;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.header-middle #priceLink {
    display: none;
    color: #003A70;
    font-size: .8rem;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 1200px) {
    .header-middle #storeLink {
        min-width: 195px
    }

    .header-middle #priceLink {
        max-width: 120px
    }
}

.breadcrumbs, .contacts, .e-catalog, .header__container, .instructions, .main, .product-page__container {
    max-width: 1520px
}

.header-middle #priceLink svg {
    fill: #003A70
}

.header-middle_fixed #storeLink {
    display: none
}

.header-middle_fixed #priceLink {
    display: -ms-flexbox;
    display: flex
}

.header-bottom {
    padding-bottom: 8px
}

.header__container {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 768px) {
    .header__container {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .header__container {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .header__container {
        padding: 0
    }
}

.header__city-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-city {
    position: relative
}

.header-city svg {
    margin-right: 10px;
    vertical-align: bottom;
    fill: #fff;
    height: 17px;
    width: 14px
}

.header-city__current {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

.header-city__current:hover {
    text-decoration: none
}

.header-city__popup {
    position: absolute;
    z-index: 230;
    top: 100%;
    left: 0;
    display: none;
    width: 290px;
    margin-top: 15px;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 5px 8px 2px rgba(0, 0, 0, .06);
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 480px) {
    .header-city__popup {
        width: 350px;
        padding: 40px 50px
    }
}

.header-city__popup.is-show {
    display: -ms-flexbox;
    display: flex
}

.header-city__popup::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff
}

.header-city__question {
    font-size: 14px;
    width: 100%;
    margin-bottom: 25px;
    color: #333
}

.header-city__no, .header-city__yes {
    font-size: 12px;
    width: 110px;
    padding: 7px 0
}

.header-city__no {
    margin-left: 16px
}

.header-cabinet, .header-callback, .header-language {
    cursor: pointer;
    padding-left: 17px;
    padding-right: 17px
}

@media (min-width: 768px) {
    .header-cabinet, .header-callback, .header-language {
        padding: 8px 20px 15px
    }
}

@media (min-width: 1200px) {
    .header-cabinet, .header-callback, .header-language {
        padding: 0 25px
    }
}

.header-cabinet span, .header-callback span, .header-language span {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

.header-cabinet svg, .header-callback svg, .header-language svg {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    fill: #fff
}

.header-language {
    position: relative;
    padding-right: 10px
}

.header-language span {
    color: #E0E0E0
}

.header-language__button {
    text-transform: uppercase
}

.header-language__select {
    display: none;
    list-style: none;
    background-color: #dbe6eb;
    background-repeat: repeat;
    border-radius: 6px;
    height: auto;
    padding: 2px 4px;
    position: absolute;
    bottom: -25px;
    text-align: center;
    margin: 0;
    z-index: 111;
    left: -25%
}

.header-language__select li {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    padding: 5px
}

.header-language:hover span, .header-language__select li:hover {
    color: #F7941D
}

.header-language__select.current {
    display: -ms-flexbox;
    display: flex
}

.header-countries {
    cursor: pointer;
    position: relative;
    padding-right: 25px
}

@media (min-width: 768px) {
    .header-language__select {
        left: 5%;
        top: 25px;
        bottom: auto
    }

    .header-countries {
        padding: 8px 20px 15px 0
    }
}

@media (min-width: 1200px) {
    .header-countries {
        padding: 0
    }
}

.header-countries svg {
    width: 20px;
    height: 20px;
    fill: #003A70
}

@media (min-width: 768px) {
    .header-countries svg {
        fill: #E0E0E0
    }
}

.header-countries:hover svg {
    fill: #F7941D
}

.header-countries__select {
    display: none;
    column-count: 2;
    width: 70px;
    list-style: none;
    background-color: #dbe6eb;
    background-repeat: repeat;
    border-radius: 6px;
    height: auto;
    padding: 5px;
    position: absolute;
    top: 22px;
    text-align: center;
    margin: 0;
    z-index: 111;
    left: -25px
}

.header .top-line-menu__child, .header .top-line-menu__item.selected, .header .top-line-menu__item:active, .header .top-line-menu__item:focus, .header .top-line-menu__item:hover {
    background: #fff
}

.header-countries__select li {
    padding: 5px 0 0
}

.header-countries__select a {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

.header-countries__select a:hover {
    color: #F7941D
}

.header-countries__select.current {
    display: block
}

.header-cabinet {
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 14%;
    padding-right: 0
}

@media (min-width: 768px) {
    .header-countries__select {
        top: 30px
    }

    .header-cabinet {
        width: 22%
    }
}

@media (min-width: 992px) {
    .header-cabinet {
        width: 17%
    }
}

@media (min-width: 1200px) {
    .header-cabinet {
        width: 14%
    }
}

@media (min-width: 1540px) {
    .header-cabinet {
        width: 12%;
        padding-right: 8px
    }
}

.header__menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header .top-line-menu {
    display: none
}

@media (min-width: 1200px) {
    .header .top-line-menu {
        display: block
    }
}

.header .top-line-menu__items {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .header .top-line-menu__items {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width: 1200px) {
    .header .top-line-menu__items {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header .top-line-menu__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    cursor: pointer;
    padding: 5px 0
}

.header .top-line-menu__item svg {
    margin-left: 11px;
    width: 9px;
    height: 4px;
    fill: #E0E0E0
}

.header .top-line-menu__item:active .top-line-menu__link, .header .top-line-menu__item:focus .top-line-menu__link, .header .top-line-menu__item:hover .top-line-menu__link {
    color: #003A70
}

.header .top-line-menu__item:active svg, .header .top-line-menu__item:focus svg, .header .top-line-menu__item:hover svg {
    transform: rotate(-180deg);
    fill: #003A70
}

.header .top-line-menu__item:active .top-line-menu__child, .header .top-line-menu__item:focus .top-line-menu__child, .header .top-line-menu__item:hover .top-line-menu__child {
    display: block
}

.header .top-line-menu__item.selected .top-line-menu__link {
    color: #003A70
}

.header .top-line-menu__item.selected svg {
    fill: #003A70
}

.header .top-line-menu__child {
    display: none;
    min-width: 200px;
    position: absolute;
    left: 0;
    top: 43px;
    padding: 0;
    z-index: 111;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .25);
    border-radius: 2px
}

@media (min-width: 1400px) {
    .header-cabinet span, .header-callback span, .header-language span {
        font-size: 14px
    }

    .header .top-line-menu__child {
        padding: 30px 0;
        min-width: 305px
    }
}

.header .top-line-menu__child .top-line-menu__item {
    padding: 0
}

.header .top-line-menu__child .top-line-menu__item.selected a {
    background: #003A70;
    color: #fff;
    width: 100%
}

.header .top-line-menu__link {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 17px;
    line-height: 17px;
    transition: color .3s;
    text-decoration: none;
    color: #E0E0E0;
    font-weight: 500
}

@media (min-width: 1400px) {
    .header .top-line-menu__link {
        font-size: 14px;
        padding: 13px 23px
    }
}

.header .top-line-menu__link:active, .header .top-line-menu__link:focus, .header .top-line-menu__link:hover {
    background: #fff;
    color: #003A70
}

.header-callback {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: end
}

.header-callback__icon {
    display: block;
    width: 31px;
    height: 31px;
    margin-right: 12px;
    fill: #003A70
}

.header-callback__link, .header-callback__link-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    max-width: 210px;
    border: 1px solid #003A70;
    border-radius: 4px;
    height: 54px
}

@media (min-width: 768px) {
    .header-callback__link, .header-callback__link-mobile {
        height: 50px
    }
}

@media (min-width: 1200px) {
    .header-callback__link, .header-callback__link-mobile {
        height: 54px
    }
}

.header-callback__link-mobile_orange, .header-callback__link_orange {
    background-color: #F7941D;
    color: #fff;
    border-color: #F7941D
}

.header-callback__link-mobile_orange:active, .header-callback__link-mobile_orange:focus, .header-callback__link-mobile_orange:hover, .header-callback__link_orange:active, .header-callback__link_orange:focus, .header-callback__link_orange:hover {
    color: #003A70
}

.header-callback__link-mobile {
    background: #003A70
}

.header-callback__link-mobile .header-callback__icon {
    margin: 0;
    fill: #fff
}

.header-callback__text {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #003A70
}

.header .top-line-humb {
    line-height: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 15px;
    cursor: pointer;
    transition: opacity .3s;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.header .top-line-humb__icon {
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    transition: all .3s;
    background: #003A70
}

.header .is-menu-open .top-line-humb__icon {
    background: 0 0
}

.header .top-line-humb__icon:after, .header .top-line-humb__icon:before {
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    transition: all .3s;
    transform-origin: 50%;
    background: #003A70
}

.header .top-line-humb__icon:before {
    top: -6px
}

.header .is-menu-open .top-line-humb__icon:before {
    top: 0;
    transform: rotate(45deg)
}

.header .top-line-humb__icon:after {
    bottom: -6px
}

.header .is-menu-open .top-line-humb__icon:after {
    bottom: 0;
    transform: rotate(-45deg)
}

.header-phone {
    padding-right: 5px;
    text-align: right;
    width: 20%
}

@media (min-width: 768px) {
    .header-phone {
        padding-right: 0
    }

    .header-menu__items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .header-phone {
        width: 16%
    }
}

@media (min-width: 1400px) {
    .header-phone {
        width: 12%
    }
}

@media (min-width: 1540px) {
    .header-phone {
        width: 14%
    }
}

.header-phone__text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase
}

.feature__heading, .header-menu__link, .header-mobile-menu__link {
    font-family: Raleway
}

@media (min-width: 1400px) {
    .header-phone__text {
        font-size: 14px;
        line-height: 15px
    }
}

.header-phone-link {
    color: #003A70;
    font-size: 16px;
    white-space: nowrap
}

.header-menu {
    width: 100%
}

@media (min-width: 1200px) {
    .header-menu {
        width: 87%
    }
}

@media (min-width: 1400px) {
    .header-phone-link {
        font-size: 18px
    }

    .header-menu {
        width: 90%
    }
}

.header-menu__items {
    margin: 0;
    padding-right: 7px;
    list-style: none
}

.header-menu__item {
    display: block;
    padding: 0;
    text-align: center
}

.header-menu__link {
    font-size: 12px;
    line-height: 24px;
    transition: color .3s;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    color: #333
}

.header-menu__link:hover {
    color: #003A70
}

.header-search {
    width: auto
}

@media (min-width: 768px) {
    .header-search {
        width: 47%
    }
}

@media (min-width: 992px) {
    .header-search {
        width: 55%
    }
}

@media (min-width: 1200px) {
    .header-search {
        width: 57%
    }
}

@media (min-width: 1400px) {
    .header-menu__link {
        font-size: 14px
    }

    .header-search {
        width: 64%
    }
}

.header-mobile {
    display: none;
    padding: 0 15px
}

@media (max-width: 575px) {
    .header-menu__item {
        margin-bottom: 10px
    }

    .header-mobile {
        display: block
    }
}

@media (min-width: 576px) {
    .header-mobile {
        display: block;
        padding: 0 25px
    }
}

@media (min-width: 768px) {
    .header-mobile {
        padding-left: 10px;
        display: none
    }
}

.header-mobile__top {
    padding: 17px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

@media (max-width: 575px) {
    .header-mobile__burger {
        height: 20px;
        width: 27px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header-mobile__burger span {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #00396f
    }

    .header-mobile__bottom {
        background-color: #00396f;
        padding: 14px 30px 15px 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .header-mobile__catalog-btn {
        background-color: orange;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: center;
        align-items: center;
        width: 213px;
        height: 32px
    }

    .header-mobile-basket {
        position: relative
    }

    .header-mobile-basket__qty {
        border-radius: 100%;
        width: 19px;
        height: 19px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        line-height: 19px;
        background-color: orange;
        position: absolute;
        top: -10px;
        right: -10px
    }
}

.header-mobile__countries, .header-mobile__language {
    position: relative
}

.header-mobile-search {
    width: calc(100% - 25px)
}

.header-mobile-catalog-menu.search-active .header-mobile-search .header-search_mobile {
    padding: 0
}

.header-mobile__language span {
    color: #003A70;
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase
}

.header-mobile__countries svg {
    width: 20px;
    height: 20px;
    fill: #003A70
}

.header-mobile-menu__wrapper {
    padding: 20px 0
}

.header-mobile-menu__items {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    overflow-x: auto
}

@media (max-width: 575px) {
    .header-mobile-menu__item {
        margin-bottom: 15px;
        width: 100%
    }
}

@media (min-width: 576px) {
    .header-mobile-menu__items {
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        overflow-x: auto
    }

    .header-mobile-menu__item {
        margin-bottom: 15px;
        width: 100%
    }
}

.header-mobile-menu__link {
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px 0 0;
    white-space: nowrap
}

.footer-catalog-menu__title, .markers .marker {
    font-family: Montserrat;
    text-transform: uppercase
}

.header-mobile-menu-toggle {
    padding: 10px;
    background-color: #003A70;
    background-image: url(/local/templates/new/img/controls/burger.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    border: none;
    border-radius: 4px;
    width: 39px;
    height: 39px
}

.header-mobile-menu-toggle_active {
    background-image: url(/local/templates/new/img/controls/close_white.svg);
    background-size: 23px
}

.header-mobile-catalog-menu.search-active .header-mobile-menu-toggle {
    display: none
}

@media (max-width: 575px) {
    .mobile-header-menu__items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #00396f;
        border-top: 1px solid #fff;
        list-style: none;
        padding: 0
    }
}

@media (min-width: 768px) {
    .header-mobile-menu__link {
        color: #000
    }

    .header-mobile-menu-toggle {
        width: 50px;
        height: 50px
    }

    .mobile-header-menu__items {
        padding-left: 6px
    }
}

@media (max-width: 575px) {
    .mobile-header-menu__item {
        border-bottom: 1px solid #fff;
        padding: 10px 0;
        width: 100%;
        text-align: center
    }

    .mobile-header-menu__link {
        text-align: center;
        color: #fff
    }
}

@media (min-width: 576px) {
    .bx_vertical_menu_advanced {
        display: none
    }
}

.markers {
    position: fixed;
    top: 180px;
    right: -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 220px;
    z-index: 100
}

.markers .marker {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 8px;
    cursor: pointer
}

.markers .marker:after {
    content: '\276F';
    font-size: 12px;
    padding-right: 20px;
    padding-left: 12px
}

.markers .marker.active {
    font-weight: 700;
    font-size: 16px
}

.markers .marker.active:after {
    content: '';
    padding: 0
}

@media (max-width: 575px) {
    .markers .marker {
        display: none
    }
}

.markers .marker__orange {
    background: #F7941D;
    padding-right: 0;
    padding-left: 36px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    margin-bottom: 10px;
    border: 1px solid #F7941D
}

.markers .marker__orange.active {
    padding-right: 42px;
    padding-left: 42px
}

.markers .marker__orange:after {
    content: '\276F';
    font-size: 12px;
    padding-right: 20px;
    padding-left: 23px
}

.markers .marker__orange:hover {
    background: #fff;
    color: #F7941D;
    border: 1px solid #F7941D
}

.markers .marker__blue {
    background: #003A70;
    padding-right: 0;
    padding-left: 27px;
    border: 1px solid #003A70;
    font-weight: 600;
    font-size: 14px
}

.markers .marker__blue.active {
    padding-right: 28px
}

.markers .marker__blue:hover {
    background: #fff;
    color: #003A70;
    border: 1px solid #003A70
}

.top-section-callback span {
    width: 17px;
    height: 17px;
    display: inline-block
}

.top-section-callback svg {
    fill: #003A70
}

.top-section__cabinet {
    margin-right: 7px
}

.top-section__cabinet span {
    color: #003A70;
    display: inline-block
}

.top-section__cabinet svg {
    width: 20px;
    height: 20px;
    fill: #003A70
}

.top-section__callback span {
    width: 20px;
    height: 20px
}

.top-page {
    margin: 0 auto;
    width: 100%;
    padding: 0 10px
}

@media (min-width: 768px) {
    .top-page {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .top-page {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .top-page {
        padding: 0
    }
}

.navbar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #CCC;
    margin-bottom: 0;
    z-index: 150;
    padding: 10px 5px 2px
}

@media (min-width: 768px) {
    .navbar {
        display: none
    }
}

.navbar__list {
    display: -ms-flexbox;
    display: flex
}

.navbar__img {
    height: 21px;
    padding: 0 15px;
    fill: #003A70
}

.navbar__caption {
    font-weight: 500;
    font-size: 9px;
    line-height: 23px;
    text-align: center;
    color: #003A70
}

.footer-catalog-menu {
    padding-bottom: 15px;
    padding-left: 0;
    border-bottom: 1px solid #599BD9;
    padding-top: 15px
}

.footer-catalog-menu__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #E0E0E0;
    position: relative
}

.footer-catalog-menu__title a {
    color: #E0E0E0 !important
}

.footer-catalog-menu__title .down-icon {
    position: absolute;
    top: calc(50% - 6px);
    right: 12px;
    transition: transform .5s
}

.footer-catalog-menu__title .down-icon svg {
    stroke: #599BD9;
    width: 12px;
    height: 12px
}

@media (min-width: 1200px) {
    .footer-catalog-menu {
        padding-top: 0;
        padding-bottom: 20px;
        padding-left: 0;
        border: none;
        margin: 0
    }

    .footer-catalog-menu__title {
        margin-bottom: 20px
    }

    .footer-catalog-menu__title svg {
        display: none
    }
}

@media (min-width: 1400px) {
    .footer-catalog-menu__title {
        font-size: 14px
    }
}

.footer-catalog-menu__list {
    list-style: none;
    padding: 0;
    max-height: 0;
    overflow: hidden
}

.footer-catalog-menu_open .footer-catalog-menu__list, .footer-catalog-menu_open .footer-catalog-menu__list-mobile {
    max-height: none
}

.footer-catalog-menu__list li {
    padding: 7px 0
}

@media (min-width: 1200px) {
    .footer-catalog-menu__list {
        max-height: none
    }

    .footer-catalog-menu__list li:first-child {
        text-transform: uppercase;
        font-weight: 600
    }
}

.footer-catalog-menu__list li a, .footer-catalog-menu__list-mobile li a {
    font-style: normal;
    font-weight: 500;
    font-family: Montserrat
}

.footer-catalog-menu__list li:first-child a {
    color: #fff
}

@media (min-width: 1200px) {
    .footer-catalog-menu__list li:first-child a {
        color: #F7941D
    }
}

.footer-catalog-menu__list li:first-child a:hover {
    color: #fff
}

.footer-catalog-menu__list li a {
    font-size: 12px;
    line-height: 20px;
    color: #E0E0E0
}

@media (min-width: 1400px) {
    .footer-catalog-menu__list li a {
        font-size: 14px
    }
}

.footer-catalog-menu__list-mobile {
    list-style: none;
    padding: 0;
    margin-top: 20px
}

@media (min-width: 768px) {
    .footer-catalog-menu__list-mobile {
        margin-top: 35px
    }
}

.footer, .reviews-list-item__dealer {
    margin-top: 10px
}

.footer-catalog-menu__list-mobile li {
    padding: 5px 0
}

.footer-catalog-menu__list-mobile li a {
    font-size: 11px;
    line-height: 127%;
    color: #fff
}

.footer {
    background-color: #00396f;
    font-size: 14px;
    padding: 40px 0;
    color: #fff
}

@media (max-width: 575px) {
    .footer {
        padding: 40px 15px 70px
    }
}

@media (min-width: 768px) {
    .footer {
        padding: 30px 0
    }
}

.footer a {
    transition: color .3s;
    color: #fff
}

.footer a:hover {
    color: #ea942d
}

.footer__items {
    padding-top: 0
}

.footer__items .row__footer {
    -ms-flex-direction: unset;
    flex-direction: unset
}

.footer__items .col__footer {
    width: 100%
}

@media (min-width: 768px) {
    .footer__items .row__footer {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__items .col__footer {
        width: 32%
    }
}

@media (min-width: 1200px) {
    .footer__items {
        padding-top: 30px
    }

    .footer__items .row__footer {
        -ms-flex-direction: unset;
        flex-direction: unset
    }

    .footer__items .col__footer {
        width: auto
    }
}

.footer-callback__link {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

@media (min-width: 1400px) {
    .footer-callback__link {
        font-size: 14px
    }
}

.footer-callback__link span {
    color: #F7941D
}

.footer-callback__link:hover span {
    color: #fff
}

.footer-callback__phone, .footer-contacts span {
    font-weight: 500;
    color: #E0E0E0;
    line-height: 20px;
    font-style: normal
}

.footer-callback__phone {
    padding: 10px 0;
    font-size: 20px;
    text-transform: uppercase
}

@media (min-width: 1400px) {
    .footer-callback__phone {
        font-size: 22px
    }
}

.footer__menu {
    position: relative
}

.footer__copy {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center
}

@media (min-width: 420px) {
    .footer__copy {
        text-align: left
    }
}

.footer__sitemap {
    margin-top: 40px
}

@media (min-width: 768px) {
    .footer__copy__copy {
        border-bottom: none;
        text-align: left
    }

    .footer__sitemap__sitemap {
        margin-top: 70px
    }
}

.footer__director {
    margin-top: 40px;
    text-align: right
}

@media (min-width: 768px) {
    .footer__director__director {
        margin-top: 70px;
        text-align: left
    }
}

.footer-contacts span {
    font-size: 14px
}

@media (max-width: 575px) {
    .footer__contacts {
        padding: 0 30px
    }
}

.footer__contacts span {
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 1400px) {
    .footer__contacts span {
        font-size: 14px
    }
}

.footer__logo {
    border-bottom: 1px solid #fff
}

@media (min-width: 1200px) {
    .footer__logo {
        margin-bottom: 10px
    }
}

.footer-logo {
    padding-bottom: 20px
}

.footer-logo img {
    height: 19px
}

.footer-menu {
    padding-top: 7px
}

@media (min-width: 992px) {
    .footer-logo {
        padding-bottom: 30px
    }

    .footer-menu {
        padding-top: 0
    }
}

.footer-menu__mobile {
    width: 80%;
    margin-left: 20px
}

.footer-menu__mobile .header-menu__item:first-child {
    display: none
}

.footer-menu__link {
    font-size: 16px
}

.footer-contacts-mobile {
    margin-top: 20px
}

.footer-contacts-mobile__item {
    font-size: 13px;
    line-height: 127%;
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex
}

.footer-contacts-mobile__item .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 12px
}

.footer-contacts-mobile svg {
    fill: #fff;
    width: 13px;
    height: auto;
    max-height: 17px
}

.breadcrumbs {
    -ms-flex-order: 2;
    order: 2;
    margin: 15px auto 0;
    padding: 0 10px;
    width: 100%
}

@media (max-width: 575px) {
    .breadcrumbs {
        padding: 0 10px;
        margin: 8px 0
    }
}

@media (min-width: 768px) {
    .breadcrumbs {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .breadcrumbs {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .breadcrumbs {
        padding: 0
    }
}

.breadcrumbs__container {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 1200px) {
    .breadcrumbs__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.breadcrumbs__item {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-bottom: 5px
}

.breadcrumbs__item:first-letter {
    text-transform: uppercase
}

.breadcrumbs__link {
    font: 500 14px Montserrat, Montserrat, Arial, sans-serif;
    color: #000
}

.breadcrumbs__link::after {
    content: '-';
    padding: 0 5px;
    display: inline-block
}

.breadcrumbs__text {
    font: 500 14px Montserrat, Montserrat, Arial, sans-serif;
    font-stretch: condensed;
    color: #000
}

.benefits__caption, .callback label, .callback__label {
    font-family: Montserrat, Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif
}

.btn-square, .btn-square_to-top {
    background-color: #fff;
    border: 2px solid #003A70;
    border-radius: 4px;
    z-index: 120;
    padding: 8px;
    cursor: pointer
}

.btn-square_to-top {
    position: fixed;
    bottom: 80px;
    right: 22px;
    width: 37px;
    height: 37px;
    stroke: #003A70
}

@media (min-width: 1200px) {
    .btn-square_to-top {
        right: 100px
    }
}

.btn-square_to-calc {
    position: fixed;
    bottom: 140px;
    right: 22px;
    width: 40px;
    height: 58px;
    z-index: 120;
    background-color: #fff;
    border-radius: 9px;
    display: none
}

.btn-square_to-calc svg {
    fill: #003A70
}

@media (min-width: 992px) {
    .btn-square_to-calc {
        display: block
    }
}

@media (min-width: 1200px) {
    .btn-square_to-calc {
        animation: backgroundBlink 2s ease-in-out infinite;
        right: 100px
    }
}

@keyframes backgroundBlink {
    0%, 99% {
        background-color: #fff
    }
    50% {
        background-color: #F7941D
    }
}

.callback {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 500
}

.callback__container {
    position: absolute;
    top: 50%;
    min-height: 456px;
    margin-top: -228px;
    background: #fff
}

@media (min-width: 320px) {
    .callback__container {
        left: 0;
        width: 100%
    }

    .callback__close {
        top: -34px;
        right: 0
    }
}

@media (min-width: 768px) {
    .callback__container {
        left: 50%;
        width: 535px;
        margin-left: -267.5px
    }
}

.callback__title {
    padding: 25px 0 20px;
    border-bottom: 5px solid #ea942d;
    background: #003A70;
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.callback__caption {
    font-size: 16px;
    line-height: 127%;
    color: #58595B
}

.callback__close {
    display: block;
    position: absolute;
    width: 17px;
    height: 17px
}

@media (min-width: 768px) {
    .callback__close {
        right: -30px;
        top: -17px
    }
}

.callback__close::after, .callback__close::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background: #fff;
    transform: rotate(45deg)
}

.callback__close::after {
    transform: rotate(-45deg)
}

.callback label, .callback__label {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 127%;
    color: #58595B
}

.callback__input {
    display: block;
    margin-bottom: 17px;
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    background: #fff;
    border: 1px solid #58595B;
    border-radius: 2px
}

@media (min-width: 320px) {
    .callback__input {
        width: 100%
    }
}

@media (min-width: 768px) {
    .callback__input {
        width: calc(100% - 37px)
    }
}

@media (min-width: 992px) {
    .callback__input {
        width: 100%
    }
}

.callback__input.submit {
    display: inline-block;
    padding: 14px 23px;
    border-radius: 4px;
    background: #003A70;
    vertical-align: middle;
    font-weight: 800;
    color: #fff;
    text-align: center;
    outline: 0;
    width: auto
}

.callback__input.submit:hover {
    background: #F7941D;
    border-color: #F7941D
}

.callback__policy {
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 300;
    color: #555
}

.callback__policy a {
    color: #003A70;
    text-decoration: underline
}

.callback__policy a:hover {
    text-decoration: none
}

.callback__recaptcha {
    min-height: 70px
}

.checkout-form {
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.checkout-form__name {
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-transform: uppercase;
    color: #F7941D
}

.checkout-form__caption {
    padding: 15px 0 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #333
}

.checkout-form__input {
    width: 100%;
    display: block;
    margin-bottom: 17px;
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    border: 1px solid #F3F3F3;
    background: #F3F3F3;
    border-radius: 4px
}

.checkout-form__dealer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.checkout-form__dealer label {
    margin-left: 10px;
    margin-bottom: 0
}

.checkout-form__buttons__button {
    width: 100%;
    background: #F7941D;
    border: 1px solid #F7941D;
    border-radius: 4px;
    color: #fff
}

.checkout-form__buttons__button:hover {
    background: #fff;
    color: #F7941D;
    border: 1px solid #F7941D
}

.dealer-form__input, .partners-form__input {
    margin-bottom: 17px;
    border: 1px solid #F3F3F3
}

.dealer-form {
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.dealer-form__name {
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-transform: uppercase;
    color: #F7941D
}

.dealer-form__caption {
    padding: 15px 0 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #333
}

.dealer-form__input {
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    background: #F3F3F3;
    border-radius: 4px
}

.dealer-form__button {
    width: auto;
    background: #F7941D;
    border: 1px solid #F7941D;
    border-radius: 4px;
    color: #fff
}

.dealer-form__button:hover {
    background: #fff;
    color: #F7941D;
    border: 1px solid #F7941D
}

.dealers-map {
    min-height: 600px;
    position: relative;
    z-index: 80
}

@media (min-width: 576px) {
    .dealers-map {
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .dealers-map {
        width: auto;
        min-height: 430px
    }
}

.dealers-map__wrapper {
    position: relative
}

@media (min-width: 768px) {
    .dealers-map__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.dealers-map-contacts {
    background-color: #fff;
    padding: 0;
    max-width: 100%;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 0
}

@media (min-width: 576px) {
    .dealers-map-contacts__content {
        width: 70%
    }
}

@media (min-width: 768px) {
    .dealers-map-contacts {
        padding: 25px;
        max-width: 275px;
        margin-top: 20px;
        z-index: 100;
        position: relative
    }

    .dealers-map-contacts__content {
        width: 100%
    }
}

.dealers-map-contacts__wrapper {
    position: relative;
    -ms-flex-order: 1;
    order: 1;
    width: 0
}

.dealers-map-contacts__title {
    font-weight: 500;
    font-size: 16px;
    color: #333;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #F7941D
}

@media (min-width: 1200px) {
    .dealers-map-contacts__title {
        color: #333;
        font-size: 21px;
        line-height: 20px;
        padding-bottom: 25px
    }
}

.dealers-map-contacts__item {
    font-size: 13px;
    line-height: 1.4;
    padding: 10px 0
}

.dealers-map-contacts__item:nth-child(2) {
    padding-top: 0
}

@media (min-width: 768px) {
    .dealers-map-contacts__wrapper {
        position: absolute;
        width: 100%;
        top: 0
    }

    .dealers-map-contacts__item {
        width: 100%;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 1200px) {
    .dealers-map-contacts__item {
        padding: 20px 0
    }
}

.dealers-map-contacts__item .icon {
    fill: #003A70;
    padding-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dealers-map-contacts__item .icon_white {
    fill: #fff
}

.dealers-map-contacts__item a {
    color: #000
}

.dealers-map-contacts__footer {
    width: 30%;
    margin-left: 0;
    padding-top: 0;
    padding-left: 15px
}

@media (min-width: 768px) {
    .dealers-map-contacts__footer {
        padding-top: 30px;
        width: 100%
    }
}

.dealers-map-contacts__footer .btn {
    border-width: 2px;
    display: block;
    font-size: 16px;
    font-weight: 500
}

.dealers-map-contacts svg {
    width: 20px;
    height: 20px
}

.dealers-map-contacts__separator {
    border-color: #F7941D
}

.dealers-map-form {
    position: absolute;
    bottom: 0;
    z-index: 90;
    background-color: #F5F5F5;
    width: 100%;
    padding: 20px 15px
}

.dealers-map-form__title {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #003A70
}

@media (min-width: 1200px) {
    .dealers-map-form__title {
        width: 100%
    }
}

.dealers-map-form__caption {
    line-height: 20px;
    padding: 10px 0
}

.dealers-map-form__input {
    margin-bottom: 14px;
    border-radius: 4px;
    border-color: #003A70;
    height: 36px;
    padding: 5px 10px
}

.dealers-map-form__input:focus {
    border-color: #F7941D
}

.feedback-boss__text {
    margin: 15px 0;
    display: none
}

.feedback-boss__form {
    margin: 0 0 25px;
    text-align: center
}

.feedback-boss__form form {
    max-width: 700px;
    margin: 0 auto 35px;
    text-align: left
}

.feedback-boss__form input.form__input, .feedback-boss__form textarea.form__input {
    border: 1px solid #9D9C9C
}

.feedback-boss__form label {
    margin-bottom: 5px
}

.popup-message {
    padding: 30px
}

.section__text {
    margin: 50px 0
}

.search-result {
    width: 100%;
    font-family: Montserrat
}

.search-result__container {
    max-width: 936px;
    width: 100%;
    margin: 20px auto 0
}

@media (max-width: 575px) {
    .search-result__container {
        padding: 0 15px
    }
}

.search-result__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
    border-radius: 8px;
    padding: 20px 15px;
    margin: 0 0 30px
}

.search-result__left {
    -ms-flex: 0 0 292px;
    flex: 0 0 292px
}

@media (max-width: 575px) {
    .search-result__item {
        padding: 0;
        box-shadow: unset
    }

    .search-result__left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        margin: 0 0 5px
    }
}

.search-result__left img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 0
}

.search-result__right {
    -ms-flex: 0 0 calc(100% - 292px);
    flex: 0 0 calc(100% - 292px);
    padding: 0 0 0 15px
}

.search-result__text-top {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #58595B;
    margin: 0 0 10px
}

@media (max-width: 575px) {
    .search-result__right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0
    }

    .search-result__text-top {
        margin: 0 0 5px
    }
}

.search-result__heading {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #003A70;
    margin: 0 0 10px
}

@media (max-width: 575px) {
    .search-result__heading {
        font-size: 18px
    }

    .search-result__text {
        display: none
    }
}

.search-result__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 0 0 35px
}

.search-result__order {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sections {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-order: 3;
    order: 3
}

@media (min-width: 320px) {
    .sections {
        margin-top: 65px;
        padding: 0 15px
    }
}

@media (min-width: 480px) {
    .sections {
        margin-top: 30px;
        padding: 0 60px
    }
}

@media (min-width: 768px) {
    .sections {
        margin-top: 35px;
        padding: 0 17px
    }
}

@media (min-width: 992px) {
    .sections {
        padding: 0 15px
    }
}

@media (min-width: 1170px) {
    .sections {
        max-width: 1800px;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 29px
    }
}

.sections.block-more {
    position: relative;
    overflow: hidden
}

.sections.block-more .sections__item {
    width: 100%
}

@media (min-width: 768px) {
    .sections.block-more {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sections.block-more .sections__item {
        width: 23%
    }
}

@media (min-width: 1200px) {
    .sections.block-more .sections__item {
        width: 23%
    }
}

.sections.block-more .show_more {
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    color: #003A70;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #003A70;
    border-radius: 4px;
    width: 100%;
    padding: 13px 0;
    background: #fff
}

@media (min-width: 768px) {
    .sections.block-more .show_more {
        width: auto;
        padding: 15px 26px;
        left: 42%
    }
}

@media (min-width: 1200px) {
    .sections.block-more .show_more {
        width: auto;
        background: 0 0;
        text-transform: none;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        border: none;
        right: 0;
        left: auto;
        padding: 0
    }
}

.sections__more {
    margin: 28px auto;
    display: block;
    width: 174px
}

.sections__item {
    background-color: #fff
}

@media (min-width: 320px) {
    .sections__item {
        width: 100%;
        margin-bottom: 49px
    }

    .sections__description, .sections__text {
        padding: 0 15px
    }
}

@media (min-width: 768px) {
    .sections__item {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 33px
    }
}

@media (min-width: 992px) {
    .sections__item {
        width: 24%;
        margin-right: 1.1%;
        margin-bottom: 30px
    }

    .sections__item:nth-child(4n) {
        margin-right: 0
    }

    .sections__image {
        min-height: 170px
    }
}

.sections__item--bordered {
    border: 1px solid #E5E5E5
}

.sections__name {
    display: block;
    width: 100%;
    margin-bottom: 26px;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: 600
}

.sections__link {
    display: block;
    position: relative
}

.sections__link__link:hover span {
    background: rgba(1, 61, 127, .6)
}

.sections__link:hover span span {
    background: 0 0
}

.sections__image {
    width: 100%;
    border-radius: 8px;
    height: 221px;
    -o-object-fit: fill;
    object-fit: fill;
    background-position: center
}

.sections__image-wrapper {
    max-height: 100%;
    overflow: hidden
}

.sections__price {
    margin: 21px 0;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.sections__anons {
    text-align: center;
    font-size: 16px
}

.sections__text {
    margin-top: 28px;
    color: #555
}

.sections__description, .sections__text {
    line-height: 1.4em;
    font-weight: 300;
    font-size: 16px
}

@media (min-width: 1170px) {
    .sections__description, .sections__text {
        width: 1170px;
        margin: 0 auto;
        padding: 39px 0 65px
    }
}

.sections__description h2, .sections__text h2 {
    font: 400 30px Montserrat, Roboto, Arial, sans-serif;
    color: #003A70
}

.sections__description ul, .sections__text ul {
    list-style: circle;
    padding-left: 40px
}

.sections__description li, .sections__text li {
    line-height: 1.9em
}

.sections__description p, .sections__text p {
    margin: 18px 0
}

.sections__description b, .sections__text b {
    font-weight: 700
}

.sections__description a, .sections__description a:hover, .sections__text a, .sections__text a:hover {
    color: #003A70
}

.table__data, .table__heading {
    font-style: normal;
    font-size: 14px;
    color: #333
}

.sections__description .chosen-single, .sections__text .chosen-single {
    background: url(/bitrix/templates/utlab_main/img/blue-arrow.png) 90 center no-repeat
}

.social-icons {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.social-icons__item {
    display: block;
    position: relative;
    max-width: 32px;
    max-height: 32px;
    margin-right: 25px;
    transition: background-color .2s;
    line-height: 0
}

.social-icons__item svg {
    height: 18px;
    width: 18px;
    fill: #fff
}

.table, .table__body, .table__head {
    width: 100%
}

.table {
    margin: 0
}

.table__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    cursor: pointer
}

.table__heading {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    font-weight: 600;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    line-height: 24px
}

.table__body .table__row:hover {
    background: rgba(0, 58, 112, .15)
}

.table__data {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    height: auto;
    min-height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 575px) {
    .table__data {
        font-size: 14px
    }
}

.feature__heading {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: #003A70;
    margin: 75px 0 45px;
    text-transform: uppercase
}

.feature__read-more-text, .feature__text, .img-link p {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

@media (max-width: 575px) {
    .feature__heading {
        font-size: 18px;
        line-height: 127%;
        margin: 0 0 20px
    }
}

.feature__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    max-width: 910px
}

.benefits-block .benefits__swiper, .business-links__swiper, .business-media__slider, .cards__swiper, .certificates__swiper, .img-links__swiper, .product-page .catalog-section__container, .technical-advantage__swiper {
    max-width: 1210px
}

.feature__text-mob {
    height: 300px;
    overflow: hidden
}

.feature__read-more {
    position: relative;
    display: none;
    padding: 10px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 575px) {
    .feature__text {
        font-size: 14px;
        line-height: 22px
    }

    .feature__read-more {
        display: -ms-flexbox;
        display: flex
    }
}

.feature__read-more svg {
    display: block
}

.feature__read-more::before {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 35px;
    left: 0;
    background-image: linear-gradient(0deg, #fff, rgba(255, 255, 255, .7), rgba(255, 255, 255, .5), rgba(255, 255, 255, .2), rgba(255, 255, 255, 0))
}

.feature__read-more-text {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #003A70
}

.feature__read-more-icon {
    width: 16px;
    height: 6px;
    margin: 0 0 0 20px;
    transition: .5s
}

.feature__read-more-icon--active {
    transform: rotate(-180deg)
}

.img-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 60px
}

@media (max-width: 575px) {
    .img-links {
        margin: 0 0 30px
    }

    .img-links__swiper .swiper-button-next, .img-links__swiper .swiper-button-prev {
        display: none
    }
}

.img-links__swiper {
    width: 100%
}

@media (max-width: 425px) {
    .img-links__swiper {
        margin: 0
    }
}

.img-links__swiper .swiper-button-next, .img-links__swiper .swiper-button-prev {
    top: 33%;
    color: #000
}

.img-links__swiper .swiper-button-next::after, .img-links__swiper .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background: #fff;
    color: #003A70
}

@media (max-width: 575px) {
    .img-links__swiper .swiper-wrapper {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .img-links__swiper .swiper-wrapper .swiper-slide {
        margin-bottom: 10px
    }

    .img-links__swiper .swiper-wrapper .swiper-slide img {
        height: 80px
    }
}

.img-links__swiper .swiper-button-next {
    right: 10px
}

.img-links__swiper .swiper-button-prev {
    left: 10px
}

.img-links__swiper .swiper-button-disabled {
    display: none
}

.img-link__block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 425px) {
    .img-link__block {
        height: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        width: 30%;
        margin: 0
    }
}

.img-link a {
    display: block;
    text-decoration: none;
    color: #333
}

@media (max-width: 425px) {
    .img-link a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 425px) and (max-width: 576px) {
    .img-link a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.img-link img {
    display: block;
    border-radius: 8px;
    height: auto
}

.img-link p {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center
}

@media (max-width: 425px) {
    .img-link p {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        text-align: left;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        margin: 0;
        padding: 0 0 0 10px
    }
}

.main-description-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 60px
}

@media (max-width: 575px) {
    .main-description-current {
        margin: 0 0 30px
    }
}

.main-description-current__text, .main-description__text {
    margin: 0 0 40px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: #333;
    font-style: normal
}

.main-description-current__left {
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    padding: 0 20px 0 0
}

@media (max-width: 575px) {
    .main-description-current__left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0
    }
}

@media (min-width: 768px) {
    .main-description-current__left {
        -ms-flex: 0 0 calc(50% - 5px);
        flex: 0 0 calc(50% - 5px);
        padding: 0 5px 0 0
    }
}

@media (min-width: 1400px) {
    .main-description-current__left {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        padding: 0 20px 0 0
    }
}

.main-description-current__right {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media (max-width: 575px) {
    .main-description-current__right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (min-width: 768px) {
    .main-description-current__right {
        -ms-flex: 0 0 calc(50% - 5px);
        flex: 0 0 calc(50% - 5px);
        padding: 0 0 0 5px
    }
}

@media (min-width: 1400px) {
    .main-description-current__right {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0
    }
}

.main-description-current__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

@media (max-width: 575px) {
    .main-description-current__text {
        margin: 0 0 20px;
        font-size: 14px
    }

    .main-description-current__price {
        display: none
    }
}

.main-description-current__price {
    -ms-flex-align: center;
    align-items: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #333;
    margin: 0 0 45px
}

.main-description-current__price p {
    font-size: 12px
}

.main-description-current__price-value {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #333;
    display: contents
}

.main-description-current__order {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 575px) {
    .main-description-current__order {
        display: none
    }
}

.main-description-current__order .product-page__btn {
    margin: 0
}

.main-description-current__order .product-page__btn .btn {
    background: #003A70;
    padding: 20px 70px
}

.main-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 575px) {
    .main-description {
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 30px
    }
}

@media (min-width: 768px) {
    .main-description {
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 370px
    }
}

@media (min-width: 1200px) {
    .main-description {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 0 50px
    }
}

.main-description__left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 768px) {
    .main-description__left {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        width: calc(50% - 20px);
        padding: 0 20px 0 0
    }
}

.main-description__left .main-description__order {
    display: none
}

@media (min-width: 1200px) {
    .main-description__left .main-description__order {
        display: -ms-flexbox;
        display: flex
    }
}

.main-description__right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    -ms-flex-order: 1;
    order: 1;
    margin: 0
}

@media (min-width: 768px) {
    .main-description__right {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%
    }

    .main-description__bottom {
        display: block
    }
}

.main-description__bottom {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 35px
}

@media (min-width: 1200px) {
    .main-description__bottom {
        display: none
    }
}

.main-description__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%
}

.main-description__price, .main-description__price-value {
    font-weight: 600;
    font-family: Montserrat, Arial, Helvetica, sans-serif
}

@media (max-width: 575px) {
    .main-description__text {
        margin: 0 0 20px;
        font-size: 14px
    }
}

.main-description__price {
    margin: 0 0 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: #333
}

@media (max-width: 575px) {
    .main-description__price {
        display: none
    }
}

.main-description__price-value {
    font-style: normal;
    font-size: 40px;
    line-height: 49px;
    color: #F7941D;
    margin: 0 0 0 20px;
    text-transform: uppercase
}

.main-description__order {
    display: -ms-flexbox;
    display: flex
}

.main-description__order .product-page__btn {
    margin: 0
}

.main-description__order-text {
    margin: 0 0 0 15px;
    -ms-flex-align: center;
    align-items: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

@media (max-width: 575px) {
    .main-description__order {
        display: none
    }

    .main-description__order-text {
        display: inline-block
    }
}

@media (min-width: 576px) {
    .main-description__order-text {
        display: -ms-flexbox;
        display: flex
    }
}

.main-description__order-text a {
    color: #F7941D;
    font-weight: 600
}

.main-description__specialist-call {
    display: none
}

@media (max-width: 575px) {
    .main-description__specialist-call {
        display: block;
        text-align: center
    }

    .main-description__specialist-call .btn {
        font-family: Montserrat, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        background: #F7941D;
        border: 1px solid #F7941D;
        border-radius: 4px;
        width: 100%;
        padding: 18px;
        cursor: pointer
    }

    .main-description__specialist-call .btn:hover {
        opacity: .8
    }

    .main-description__swiper {
        width: inherit;
        height: auto
    }
}

.main-description__swiper {
    max-width: 596px;
    height: auto;
    border-radius: 8px;
    overflow: hidden
}

@media (min-width: 768px) {
    .main-description__swiper {
        max-width: 355px;
        height: auto
    }

    .main-description__swiper .swiper-pagination {
        display: block
    }
}

@media (min-width: 1200px) {
    .main-description__swiper {
        max-width: 500px;
        height: auto
    }

    .main-description__swiper .swiper-pagination {
        display: block
    }
}

@media (min-width: 1400px) and (max-width: 1536px) {
    .main-description__swiper {
        max-width: 500px;
        height: auto
    }
}

@media (min-width: 1537px) {
    .main-description__swiper {
        max-width: 596px;
        height: auto;
        border-radius: 8px;
        overflow: hidden
    }
}

.main-description__swiper .swiper-slide {
    padding: 0 0 35px
}

.main-description__swiper .swiper-pagination {
    position: relative
}

@media (max-width: 575px) {
    .main-description__swiper .swiper-pagination {
        display: block
    }
}

.main-description__swiper .swiper-pagination-bullet {
    display: none;
    width: 61px;
    height: 4px;
    background: #F7941D;
    border-radius: 4px
}

.main-description__swiper .swiper-pagination-bullet:first-child, .main-description__swiper .swiper-pagination-bullet:nth-child(2), .main-description__swiper .swiper-pagination-bullet:nth-child(3), .main-description__swiper .swiper-pagination-bullet:nth-child(4), .main-description__swiper .swiper-pagination-bullet:nth-child(5) {
    display: inline-block
}

@media (max-width: 575px) {
    .main-description__swiper .swiper-pagination-bullet {
        width: 30px;
        height: 3px
    }
}

@media (min-width: 768px) {
    .main-description__swiper .swiper-pagination-bullet {
        width: 30px;
        height: 3px
    }
}

@media (min-width: 1200px) {
    .main-description__swiper .swiper-pagination-bullet {
        width: 61px;
        height: 4px
    }
}

.main-description__swiper-button-next, .main-description__swiper-button-prev {
    display: none;
    top: 86%;
    border: 1px solid #003A70;
    border-radius: 4px;
    padding: 10px 14px;
    position: absolute;
    z-index: 100;
    height: 36px;
    width: 36px;
    stroke: #003A70
}

.main-description__swiper-button-next:hover, .main-description__swiper-button-prev:hover {
    stroke: #F7941D;
    border: 1px solid #F7941D
}

.main-description__swiper-button-next.swiper-button-disabled, .main-description__swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.main-description__swiper-button-next {
    right: 0
}

.main-description__swiper img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    border-radius: 8px
}

.measurement__slider {
    overflow: hidden;
    margin-bottom: 60px
}

@media (min-width: 992px) {
    .measurement__slider {
        margin-bottom: 0
    }
}

.measurement__slider .swiper-pagination {
    position: static
}

.measurement__slider .swiper-pagination-bullet {
    width: 62px;
    height: 2px;
    border-radius: 4px;
    background: #F7941D
}

.measurement__heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    color: #003A70;
    text-transform: uppercase;
    margin: 0 0 35px
}

@media (max-width: 575px) {
    .measurement__heading {
        font-size: 18px
    }
}

.measurement__description {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
}

@media (max-width: 575px) {
    .measurement__description {
        font-size: 14px
    }

    .measurement__group {
        margin: 0 0 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.measurement__btn .btn, .measurement__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal
}

.measurement__group {
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 576px) {
    .measurement__group {
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit
    }
}

@media (min-width: 992px) {
    .measurement__group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.measurement__item {
    margin: 0 0 60px;
    text-align: center
}

@media (max-width: 575px) {
    .measurement__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 0 30px
    }
}

@media (min-width: 576px) {
    .measurement__item {
        margin: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        display: block
    }
}

@media (min-width: 992px) {
    .measurement__item {
        margin: 0 0 60px;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%
    }
}

@media (max-width: 575px) {
    .measurement__item:last-child {
        margin: 0
    }
}

.measurement__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 75px
}

@media (max-width: 575px) {
    .measurement__btn {
        display: none
    }
}

.measurement__btn .btn {
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    background: #F7941D;
    border-radius: 4px;
    border: none;
    padding: 17px 20px
}

.measurement__img {
    width: 306px;
    height: 218px;
    margin: 0 0 25px
}

@media (min-width: 576px) {
    .measurement__img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: auto
    }
}

@media (max-width: 575px) {
    .measurement__img {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        height: auto;
        margin: 0
    }
}

@media (min-width: 1400px) {
    .measurement__img {
        width: 306px
    }
}

.measurement__img img {
    width: 100%
}

.measurement__text {
    font-weight: 400;
    line-height: 24px
}

@media (min-width: 576px) {
    .measurement__text {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: auto
    }
}

@media (max-width: 575px) {
    .measurement__text {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        font-size: 14px;
        padding: 0 0 0 10px
    }
}

@media (min-width: 768px) {
    .measurement__img img {
        height: 100%
    }

    .measurement__text {
        width: auto
    }
}

.order__heading {
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: #003A70;
    margin: 75px 0 30px;
    text-transform: uppercase
}

.order__btn .btn, .order__tel a, .order__text, .product-catalog__heading, .product-catalog__pagination-item, .product-catalog__price, .product-catalog__text, .product-menu__link, .product-page__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif
}

@media (max-width: 575px) {
    .order__heading {
        font-size: 18px;
        line-height: 22px;
        margin: 25px 0 10px
    }
}

.order__text {
    margin: 0 0 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

@media (max-width: 575px) {
    .order__text {
        font-size: 14px;
        line-height: 22px
    }
}

.order__tel {
    margin: 0 0 30px
}

.order__tel a {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 127%;
    text-decoration: none;
    color: #F7941D
}

@media (max-width: 575px) {
    .order__tel a {
        font-size: 24px
    }
}

.order__tel a:hover {
    opacity: .8
}

.order__btn {
    margin: 0 0 75px
}

.order__btn .btn {
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    border: 1px solid #003A70;
    color: #003A70;
    background-color: #fff;
    border-radius: 4px;
    padding: 18px 22px
}

@media (max-width: 575px) {
    .product-catalog.mob-none {
        display: none
    }
}

.product-catalog__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 55px
}

.product-catalog__item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 10px
}

@media (max-width: 575px) {
    .product-catalog__group {
        margin: 0
    }

    .product-catalog__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0
    }
}

.product-catalog__item-container {
    padding: 20px 20px 30px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    margin: 0 0 10px
}

@media (max-width: 575px) {
    .product-catalog__item-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        box-shadow: unset;
        padding: 0;
        margin: 0 0 20px
    }

    .product-catalog__img img {
        width: 100%;
        height: auto
    }
}

.product-catalog__price {
    margin: 10px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9D9C9C
}

.product-catalog__img {
    border-radius: 8px;
    overflow: hidden
}

.product-catalog__img img {
    width: 100%;
    max-height: 163px;
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

.product-catalog__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 575px) {
    .product-catalog__more {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 5px 0 0
    }
}

.product-catalog__more .btn {
    padding: 12px 20px;
    background: 0 0;
    border: 1px solid #F7941D;
    border-radius: 4px;
    color: #333
}

@media (max-width: 575px) {
    .product-catalog__more .btn {
        width: 100%;
        margin: 0 10px 0 0;
        padding: 15px 20px
    }

    .product-catalog__order {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0 0 5px
    }
}

.product-catalog__order .btn {
    padding: 12px 20px;
    background: #F7941D;
    border: 1px solid #F7941D;
    border-radius: 4px;
    color: #fff
}

.product-catalog__text {
    margin: 20px 0 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    min-height: 70px
}

.product-catalog__text--podbor {
    margin: 10px 0
}

.product-catalog__text--podbor a {
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    color: #333
}

.product-catalog__text a {
    color: #9D9C9C
}

@media (max-width: 575px) {
    .product-catalog__order .btn {
        width: 100%;
        padding: 15px 20px
    }

    .product-catalog__text {
        margin: 5px 0 10px
    }
}

.product-catalog__heading {
    position: relative;
    font-weight: 600;
    font-size: 36px;
    line-height: 127%;
    text-transform: uppercase;
    color: #003A70;
    text-align: left;
    margin: 0 0 50px
}

@media (max-width: 575px) {
    .product-catalog__heading {
        font-size: 18px;
        margin: 0 0 20px
    }
}

@media (min-width: 576px) {
    .product-catalog__heading {
        font-size: 25px
    }
}

.product-catalog__show-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 75px 0 60px
}

.product-catalog__show-more .btn {
    padding: 15px 95px;
    border-radius: 4px
}

@media (max-width: 575px) {
    .product-catalog__show-more {
        margin: 25px 0 35px
    }

    .product-catalog__show-more .btn {
        padding: 15px 93px
    }
}

.product-catalog__pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 75px
}

@media (max-width: 575px) {
    .product-catalog__pagination {
        display: none
    }
}

.product-catalog__pagination-group {
    display: -ms-flexbox;
    display: flex
}

.product-catalog__pagination-item {
    width: 37px;
    height: 37px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 15px;
    border: 1px solid #003A70;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333;
    cursor: pointer
}

.product-catalog__pagination-item--active, .product-catalog__pagination-item:hover {
    background-color: #003A70;
    color: #fff
}

.product-catalog__pagination-item:first-child {
    margin: 0
}

.product-catalog__pagination-dots {
    width: 37px;
    height: 37px;
    margin: 0 0 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 600
}

.product-catalog__print {
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -15px;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #9D9C9C
}

.product-menu__link {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    display: block
}

.product-menu__link.active {
    color: #003A70
}

.product-page__container {
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) and (max-width: 1536px) {
    .product-page__container {
        padding: 0 20px
    }
}

@media (min-width: 1537px) {
    .product-page__container {
        padding: 0
    }
}

.product-page__top {
    width: 100%;
    margin: 10px 0 38px
}

.product-page__heading {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    color: #333;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 575px) {
    .product-page__top {
        margin: 0
    }

    .product-page__heading {
        padding: 0 15px;
        font-size: 18px;
        line-height: 127%;
        margin: 10px 0
    }

    .product-page__left {
        display: none
    }
}

@media (min-width: 576px) {
    .product-page__heading {
        padding: 0 15px;
        font-size: 18px;
        line-height: 127%;
        margin: 10px 0
    }

    .product-page__left {
        display: none
    }
}

@media (min-width: 1200px) {
    .main-description__swiper-button-next, .main-description__swiper-button-prev {
        top: 92%
    }

    .product-page__heading {
        padding: 0;
        font-size: 20px;
        margin: 0
    }

    .product-page__left {
        display: -ms-flexbox;
        display: flex;
        width: 20%
    }
}

@media (max-width: 575px) {
    .product-page__right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0 15px
    }
}

@media (min-width: 576px) {
    .product-page__right {
        padding: 0 15px;
        width: inherit
    }
}

@media (min-width: 1200px) {
    .product-page__right {
        padding: 0 0 0 25px;
        width: 80%
    }
}

.product-page__text {
    margin: 0 0 75px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.product-page__btn .btn, .product-page__btn-mob .btn {
    color: #fff;
    background: #F7941D;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

@media (max-width: 575px) {
    .product-page__text {
        margin: 0 0 30px;
        font-size: 14px
    }
}

.product-page__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 75px
}

@media (max-width: 575px) {
    .product-page__btn {
        display: none
    }
}

.product-page__btn .btn {
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    border-radius: 4px;
    border: none;
    padding: 17px 20px
}

.product-page__btn-mob {
    display: none
}

@media (max-width: 575px) {
    .product-page__btn-mob {
        display: -ms-flexbox;
        display: flex
    }
}

.product-page__btn-mob .btn {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    border-radius: 4px;
    border: none;
    padding: 20px 30px
}

.product-page__product-name {
    width: 100%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 127%;
    text-transform: capitalize;
    color: #9D9C9C
}

@media (max-width: 575px) {
    .product-page__product-name {
        padding: 0 15px;
        margin: 0 0 10px
    }
}

@media (min-width: 1400px) {
    .product-page__product-name {
        padding: 0
    }
}

.product-page__click-buy {
    display: none
}

@media (max-width: 575px) {
    .product-page__click-buy {
        display: -ms-flexbox;
        display: flex;
        margin: 20px 0 0
    }

    .product-page__click-buy .btn {
        width: 100%;
        border-radius: 4px;
        font-weight: 600;
        ont-size: 14px
    }

    .product-page .catalog-section-podbor__form .jq-selectbox__select {
        width: 100%
    }
}

.question-answer__heading, .question-answer__item-heading {
    font-weight: 700;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

.product-page .swiper-button-disabled {
    display: none
}

.question-answer__heading {
    font-size: 24px;
    text-align: left;
    color: #003A70;
    margin: 30px 0 45px
}

@media (max-width: 575px) {
    .product-page .jq-selectbox__select-text {
        padding: 15px
    }

    .question-answer__heading {
        font-size: 18px;
        margin: 0 0 15px
    }
}

.question-answer__group {
    max-width: 910px;
    width: 100%
}

.question-answer__item {
    border: 1px solid #EDEDED;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 8px;
    margin: 0 0 25px
}

.question-answer__item-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #003A70;
    padding: 20px 40px;
    border-radius: 8px;
    cursor: pointer
}

.question-answer__item-heading {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    color: #fff
}

.question-answer__icon {
    width: 17px;
    height: 9px;
    transition: .5s
}

.question-answer__icon svg {
    display: -ms-flexbox;
    display: flex
}

.question-answer__item-bottom, .tabs-mob {
    display: none
}

@media (max-width: 575px) {
    .question-answer__item-top {
        padding: 15px 30px;
        position: relative
    }

    .question-answer__item-heading {
        font-size: 12px;
        line-height: 16px;
        text-align: left
    }

    .question-answer__icon {
        position: absolute;
        top: 0;
        right: 10px
    }
}

.question-answer__icon--active {
    transition: .5s;
    transform: rotate(-180deg)
}

.question-answer__item-text {
    padding: 20px 40px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

@media (max-width: 575px) {
    .question-answer__item-text {
        padding: 20px 30px;
        font-size: 14px;
        line-height: 22px
    }

    .tabs-mob {
        display: block;
        margin-bottom: 20px
    }
}

.tabs-mob__heading, .tabs-mob__sub-heading, .tabs__item {
    line-height: 135%;
    color: #4B4B4B;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    text-transform: uppercase
}

.tabs-mob__heading {
    padding: 16px 0;
    margin: 0 -15px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

.tabs-mob__item:first-child .tabs-mob__heading {
    border-top: 2px solid #CCC
}

.tabs-mob__item:last-child .tabs-mob__heading {
    border-bottom: 2px solid #CCC
}

.tabs__item, .tabs__table {
    border: 1px solid #DEDEDE
}

.tabs-mob__sub-heading {
    padding: 16px 0
}

.tabs-mob__content, .tabs-mob__img, .tabs-mob__sub-content {
    display: none
}

.tabs-mob__img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.tabs-mob__img--active {
    display: block
}

.tabs table {
    width: 100%
}

.tabs__table {
    background: #fff;
    border-radius: 10px;
    padding: 30px
}

@media (min-width: 992px) {
    .tabs__table {
        padding: 33px 74px
    }
}

.tabs__table-imgs {
    -ms-flex: 0 0 calc(100% - 615px);
    flex: 0 0 calc(100% - 615px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .tabs__table-imgs {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }
}

@media (min-width: 1400px) {
    .tabs__table {
        padding: 65px 154px
    }

    .tabs__table-imgs {
        -ms-flex: 0 0 calc(100% - 615px);
        flex: 0 0 calc(100% - 615px)
    }
}

.tabs__table-img {
    display: none;
    padding: 0 0 0 20px
}

.tabs__table-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.tabs__table-img--active {
    display: block
}

.tabs__table_size {
    border: 0
}

.tabs__tb-row--active {
    background: rgba(0, 58, 112, .15);
    border-radius: 4px
}

.tabs__tb-row--active.deactive, .tabs__tb-row--active.deactive:hover {
    background: 0 0
}

.tabs {
    margin: 0 0 70px
}

@media (max-width: 575px) {
    .tabs {
        display: none
    }
}

.tabs__content {
    font-size: 14px
}

.tabs__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width: 768px) {
    .tabs__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1400px) and (max-width: 1536px) {
    .tabs__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1537px) {
    .tabs__list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.tabs__item {
    position: relative;
    height: 61px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    max-width: 200px;
    width: 100%;
    margin: 0 10px 0 0
}

.tabs__item:last-child {
    margin: 0
}

.tabs__item:hover {
    color: #F7941D
}

.tabs__item--active {
    position: relative;
    color: #003A70;
    z-index: 2
}

.tabs__item--active::before {
    position: absolute;
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    background-color: #fff
}

.tabs__content-files {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 30px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs__content-files:hover {
    background: rgba(0, 58, 112, .15)
}

.tabs__content-item {
    display: none;
    position: relative
}

.tabs__content-item--active {
    display: block;
    border: 1px solid #DEDEDE
}

.tabs__list-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tabs__list-custom-active {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.tabs__list-custom-inactive {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs__list-custom-inactive .tabs__custom-item {
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    width: 31%
}

.tabs__custom-item {
    position: relative;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    height: 61px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .15);
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    width: 100%;
    margin: 0 10px 0 0
}

.tabs__custom-item--active {
    position: relative;
    color: #F7941D;
    height: 80px
}

.tabs__custom-item--active::before {
    position: absolute;
    width: 100%;
    height: 20px;
    top: 65px;
    left: 0;
    background-color: #fff
}

.benefits-block .benefits .swiper-pagination, .business-intro__business-swiper .swiper-pagination, .cards .swiper-pagination, .certificates .swiper-pagination, .technical-advantage__swiper .swiper-pagination {
    position: static
}

.technical-advantage {
    margin: 0 0 75px
}

@media (max-width: 575px) {
    .technical-advantage {
        margin: 0 0 30px
    }
}

.technical-advantage__heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: #003A70;
    margin: 30px 0 35px;
    text-transform: uppercase
}

.technical-advantage__swiper .swiper-pagination-bullet {
    width: 62px;
    height: 2px;
    border-radius: 4px;
    background: #F7941D
}

.technical-advantage__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.technical-advantage__item {
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%
}

@media (max-width: 575px) {
    .technical-advantage__heading {
        font-size: 18px
    }

    .technical-advantage__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.technical-advantage__img {
    width: 84px;
    height: 84px;
    margin: 0 auto 25px
}

.technical-advantage__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.photo-slider__img img, .reviews-photos__item img {
    -o-object-fit: cover;
    border-radius: 8px
}

.technical-advantage__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    word-break: break-word
}

.about-card {
    margin-bottom: 10px
}

.about-card__title {
    font-weight: 700;
    font-size: 50px;
    color: #F7941D
}

@media (max-width: 575px) {
    .about-card__title {
        font-size: 34px;
        line-height: 44px
    }

    .about-card__title span {
        font-size: 20px
    }
}

.about-card__caption {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

@media (max-width: 575px) {
    .about-card__caption {
        line-height: 15px;
        text-transform: lowercase
    }
}

.benefits {
    padding: 23px 0 5px
}

.benefits__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: auto;
    padding-bottom: 20px
}

.benefits__item {
    margin: 0 10px;
    min-height: 75px;
    min-width: 270px;
    width: calc(49% - 10px)
}

.benefits__item:first-child {
    margin-left: 0
}

.benefits__item:last-child {
    margin-right: 0
}

@media (min-width: 1200px) {
    .benefits__item {
        -ms-flex: initial;
        flex: initial
    }
}

.benefits__link {
    display: -ms-flexbox;
    display: flex;
    padding: 0 23px;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #000;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.benefits__link_orange {
    background-color: #F7941D;
    color: #fff
}

.benefits__link_orange:hover {
    color: #fff
}

.benefits__link_orange .benefits__icon svg {
    fill: #fff;
    stroke: #fff
}

.benefits__icon {
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
    height: 44px
}

.benefits__icon svg {
    fill: #F7941D;
    stroke: #F7941D
}

.benefits__caption {
    padding-left: 50px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333
}

.main-caption {
    font-size: 16px;
    line-height: 24px
}

.main-slider .swiper-pagination {
    bottom: 0
}

@media (max-width: 575px) {
    #mainSlider .container {
        padding-right: 0;
        padding-left: 0
    }

    .main-slider .swiper-pagination {
        display: none
    }
}

@media (min-width: 992px) {
    .main-slider {
        padding-bottom: 20px
    }

    .main-slider .swiper-slide img {
        border-radius: 2px;
        overflow: hidden
    }
}

.main-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 60px;
    height: 2px;
    border-radius: 4px;
    margin: 0 12px
}

.main-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .main-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #003A70
}

@media (min-width: 1200px) {
    .main-video-tabs {
        padding-right: 50px
    }
}

.main-video-tabs__wrapper {
    padding-top: 25px;
    position: relative
}

.main {
    margin: 0 auto 60px;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 768px) {
    .main {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .main {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .main {
        padding: 0
    }
}

.main_no-margin {
    margin-bottom: 0
}

.main__section {
    margin-top: 15px;
    margin-bottom: 35px
}

@media (min-width: 1200px) {
    .main__section {
        margin-top: 65px;
        margin-bottom: 85px
    }
}

.main__section-flags {
    margin-top: 20px;
    text-align: center
}

.main__section-flags span {
    display: block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #003A70
}

.photo-slider__title, .video-slider__heading {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    font-family: Montserrat, Arial, Helvetica, sans-serif, Montserrat, Helvetica, sans-serif;
    text-align: center
}

.main-title, .reviews-list-item__name {
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .main__section-flags {
        margin-top: 0
    }

    .main__section-flags img {
        width: 138px
    }

    .main__section-flags div {
        margin-bottom: 20px
    }
}

.main-title {
    text-align: center;
    color: #00396f;
    font-size: 20px
}

.main-container {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 15px
}

.photo {
    border: 1px solid #003A70;
    border-radius: 4px
}

@media (min-width: 1200px) {
    .photo {
        margin-top: 30px;
        border: none
    }
}

.photo-slider {
    padding-bottom: 15px
}

.photo-slider-wrapper {
    padding-top: 37px
}

.photo-slider__title {
    padding: 6px 12px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .025em;
    color: #003A70;
    background: #fff;
    border-radius: 4px;
    margin-left: 0;
    width: 100%
}

.photo-slider__img, .photo-slider__top {
    padding-bottom: 15px
}

@media (min-width: 992px) {
    .photo-slider__title {
        width: auto;
        border: none
    }
}

.photo-slider .btn {
    border: none;
    border-right: 1px solid #003A70;
    border-radius: 0
}

@media (min-width: 992px) {
    .photo-slider .btn {
        border: 1px solid #003A70;
        border-radius: 4px
    }
}

.photo-slider__items-pack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.photo-slider__img {
    height: 100%
}

#photo_mobile .photo-slider__img {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: calc(33% - 10px)
}

#photo_mobile .photo-slider__img_big {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: calc(50% - 10px)
}

#photo_mobile .photo-slider__img img {
    max-height: 120px
}

.photo-slider__img img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.photo-slider__scrollbar {
    height: 15px !important;
    border: 2px solid #003A70;
    background: #fff
}

.photo-slider__scrollbar .swiper-scrollbar-drag {
    background-color: #003A70
}

.photo-slider-tab {
    display: none
}

.photo-slider-tab_show {
    display: block
}

.photo-slider .gallery__item {
    outline: 0
}

.photo-top-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.photo-top-block .title_main {
    -ms-flex-order: 1;
    order: 1;
    margin: 0 10px 0 0
}

.photo-top-block .photo {
    -ms-flex-order: 2;
    order: 2
}

.reviews-wrapper {
    padding: 25px 0
}

.reviews-list {
    padding-top: 25px
}

.reviews-list .swiper-wrapper {
    -ms-flex-align: stretch;
    align-items: stretch
}

.reviews-list-item {
    background-color: #fff;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 30px
}

@media (min-width: 768px) {
    .reviews-list-item {
        padding: 30px 110px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .photo-top-block {
        display: block
    }

    .reviews-list-item {
        padding: 25px 30px 55px 50px
    }

    .reviews-list-item__name {
        font-size: 20px
    }
}

.reviews-list-item__name {
    line-height: 1;
    color: #003A70;
    padding-right: 14px
}

.reviews-list-item__date {
    font-size: 12px;
    line-height: 20px;
    color: #9D9C9C
}

.reviews-list-item__company {
    font-weight: 500;
    min-height: 22px;
    color: #003A70
}

.reviews-list-item__content {
    padding: 35px 0;
    min-height: auto;
    line-height: 22px
}

@media (max-width: 575px) {
    .reviews-list-item__content {
        max-height: 160px;
        overflow: hidden;
        position: relative;
        padding: 35px 0 36px;
        min-height: 210px
    }
}

.reviews-list-item__content::before {
    content: url(/local/templates/new/img/quotes.svg);
    position: absolute;
    left: 6%;
    top: 13%
}

@media (min-width: 768px) {
    .reviews-list-item__content::before {
        left: 8%;
        top: 21%
    }
}

@media (min-width: 1200px) {
    .reviews-list-item__company, .reviews-list-item__date {
        font-size: 18px
    }

    .reviews-list-item__content {
        min-height: 235px
    }

    .reviews-list-item__content::before {
        left: 20px
    }
}

.reviews-list-item__content_open {
    max-height: initial
}

.reviews-list-item__more {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    padding: 15px 0 5px;
    color: #003A70;
    font-weight: 600
}

.reviews-photos__item .play {
    position: absolute;
    top: 28%;
    width: 30%;
    left: 24%
}

.reviews__controls {
    position: relative;
    padding-bottom: 20px;
    display: none
}

.reviews__filter-toggler {
    margin-right: 80px
}

@media (min-width: 768px) {
    .reviews__controls {
        display: block
    }

    .reviews__filter-toggler {
        position: absolute;
        top: -70px;
        left: calc(100% - 305px)
    }
}

.reviews__filter-toggler_active {
    background: #006FD7;
    border: 1px solid #003A70;
    color: #fff
}

.reviews__photo-empty {
    height: 90px
}

.reviews-photos {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0
}

.reviews-photos__item {
    background-color: #C4C4C4;
    height: auto;
    width: 100%;
    margin: 4px 0;
    border-radius: 8px
}

@media (min-width: 1200px) {
    .reviews__filter-toggler {
        position: relative;
        top: auto;
        left: auto
    }

    .reviews-photos__item {
        height: 90px;
        width: 90px
    }
}

.reviews-photos__item img {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

@media (min-width: 768px) {
    .reviews-photos__item img {
        width: 100%
    }
}

.reviews-photos__item_more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8
}

.reviews-photos__item_more span {
    font-size: 16px;
    color: #003A70
}

.sections-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.sections-grid__business, .sections-grid__catalog {
    margin-top: 15px
}

@media (min-width: 992px) {
    .sections-grid__business, .sections-grid__catalog {
        margin-top: 0
    }
}

.sections-grid__business .sections-grid__section, .sections-grid__catalog .sections-grid__section {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding: 5px 10px
}

.sections-grid__section {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding: 5px 10px
}

@media (max-width: 575px) {
    .reviews-list-item__content::before {
        content: ''
    }

    .sections-grid__section {
        display: inline-block;
        width: calc(33.33333% - 10px)
    }
}

.sections-grid__item {
    width: 100%;
    height: 166px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    transition: all linear .4s
}

.sections-grid__item:hover:before {
    background: #00294F;
    opacity: .6
}

.sections-grid__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 58, 112, 0) 53.65%, rgba(0, 58, 112, 0) 57.29%, rgba(0, 0, 0, .6) 100%);
    background-blend-mode: multiply;
    z-index: 10
}

.sections-grid__caption {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    position: relative;
    z-index: 20;
    border-bottom: 2px solid transparent;
    max-width: 220px
}

.sections-grid_mobile {
    display: block;
    overflow-x: auto
}

.sections-grid_mobile .sections-grid__wrapper {
    width: 400px;
    margin-top: 20px
}

@media (min-width: 768px) {
    .sections-grid_mobile .sections-grid__wrapper {
        width: 540px
    }
}

.sections-grid_mobile .sections-grid__item {
    display: inline-block;
    width: 100%;
    padding: 4px;
    height: auto
}

.sections-grid_mobile .sections-grid__item img {
    border-radius: 4px;
    height: 82px;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 114px
}

.sections-grid_mobile .sections-grid__item:before {
    content: none
}

.sections-grid_mobile .sections-grid__caption {
    color: initial;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    min-height: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 992px) {
    #ind-products {
        margin-top: 35px
    }
}

.video {
    border: 1px solid #003A70;
    border-radius: 4px;
    width: 100%
}

@media (min-width: 768px) {
    .video {
        position: absolute;
        margin-top: 30px;
        top: 0;
        width: 61%;
        left: 20%
    }
}

@media (min-width: 1200px) {
    .video {
        margin-top: 0;
        border: none;
        position: relative;
        top: auto;
        left: auto;
        width: 100%
    }
}

.video-slider__heading {
    margin-top: 0;
    text-transform: initial;
    padding: 6px 12px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .025em;
    color: #003A70;
    background: 0 0;
    border-radius: 4px;
    margin-left: 0;
    width: 100%
}

@media (min-width: 992px) {
    .video-slider__heading {
        width: auto;
        border: none;
        margin-left: 30px
    }
}

.video-slider-next, .video-slider-prev {
    display: none;
    border: 1px solid #003A70;
    border-radius: 4px;
    padding: 10px 14px;
    position: absolute;
    top: calc(50% - 18px);
    z-index: 100;
    height: 36px;
    width: 36px;
    stroke: #003A70
}

@media (min-width: 1200px) {
    .video-slider-next, .video-slider-prev {
        display: block
    }
}

.video-slider-next:hover, .video-slider-prev:hover {
    stroke: #F7941D;
    border: 1px solid #F7941D
}

.video-slider-prev {
    left: -50px
}

.video-slider-next {
    right: -50px
}

.video-slider__preview {
    max-height: 300px;
    border-radius: 8px;
    overflow: hidden
}

.video-slider__title {
    margin-top: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #003A70
}

@media (max-width: 575px) {
    .video-slider .swiper-slide {
        width: 90%
    }
}

.main-video-tabs__item {
    display: none
}

.main-video-tabs__item.active {
    display: block
}

.contacts {
    margin: 0 auto 60px;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 768px) {
    .contacts {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .contacts {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .contacts {
        padding: 0
    }
}

.contacts-block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .contacts-block {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.contacts-block svg {
    margin-top: 10px;
    width: 22px;
    height: 28px;
    fill: #54803F;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts-block__info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.contacts-info {
    margin-bottom: 20px;
    margin-top: 10px
}

@media (min-width: 1400px) {
    .contacts-block__info {
        width: 40%
    }

    .contacts-info {
        margin-top: 16px;
        margin-bottom: 0
    }
}

.contacts-info span {
    width: 100%;
    display: block
}

.contacts-info__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin-bottom: 5px
}

.contacts-info__h2 {
    margin: 10px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #9E9E9E
}

.contacts-info__email a {
    line-height: 160%;
    color: #333
}

.contacts-map {
    width: 100%;
    height: 300px
}

@media (min-width: 1400px) {
    .contacts-map {
        width: 60%;
        height: 580px
    }
}

.e-catalog {
    margin: 0 auto 60px;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 768px) {
    .e-catalog {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .e-catalog {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .e-catalog {
        padding: 0
    }
}

.e-catalog__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .e-catalog__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.e-catalog__left-block {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 1200px) {
    .e-catalog__left-block {
        max-width: 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
}

.e-catalog__right-block {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 768px) {
    .e-catalog__right-block {
        display: block;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .e-catalog__right-block {
        max-width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-right: 0;
        margin-top: 0
    }
}

.e-catalog__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.e-catalog__items_list {
    display: block
}

.e-catalog__items_list .e-catalog__element {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
    padding: 0 8px;
    text-align: center
}

.e-catalog__items_list .e-catalog__element-name {
    margin-top: 0;
    margin-bottom: 20px;
    min-height: auto
}

.e-catalog__items_list .e-catalog__element-props {
    padding: 0
}

@media (min-width: 576px) {
    .e-catalog__items_list .e-catalog__element-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .e-catalog__items_list .e-catalog__element-props {
        padding: 0 20px
    }
}

@media (min-width: 1200px) {
    .e-catalog__items_list .e-catalog__element-props {
        padding: 0 120px
    }
}

.e-catalog__items_list .e-catalog__element-image {
    height: auto;
    width: 275px
}

.e-catalog__item {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 20px;
    padding: 5px 8px 0;
    text-align: center
}

@media (min-width: 1200px) {
    .e-catalog__item {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin-bottom: 15px
    }
}

.e-catalog__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    height: 295px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 2px;
    padding: 10px
}

.e-catalog__item img {
    height: 210px;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.e-catalog__element {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
    padding: 0 8px;
    text-align: center
}

.e-catalog__element-image img {
    height: 100%
}

@media (min-width: 1200px) {
    .e-catalog__element {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 15px
    }

    .e-catalog__element-image {
        height: 410px
    }
}

.e-catalog__element-link {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 2px;
    display: block;
    padding: 35px
}

.e-catalog__detail-row img, .partners-form, .tech-questions__form {
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.e-catalog__element-name {
    font-weight: 600;
    min-height: 45px;
    font-size: 16px;
    line-height: 140%;
    text-align: left;
    color: #333;
    margin: 30px 0
}

.e-catalog__element-props {
    border: none;
    width: 100%
}

.e-catalog__element-props div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 140%;
    color: #333
}

.e-catalog__element-props span {
    width: 50%;
    text-align: left;
    padding: 7px 0
}

.e-catalog__element-props span:nth-child(2n) {
    text-align: right
}

.e-catalog__item-text {
    font-size: 14px;
    color: #333
}

@media (min-width: 1200px) {
    .e-catalog__item-text {
        font-size: 16px;
        line-height: 140%
    }
}

.e-catalog__detail-heading {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 50px;
    color: #003A70;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.e-catalog__detail-heading span {
    margin-bottom: 10px
}

@media (min-width: 1200px) {
    .e-catalog__detail-heading {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 28px
    }

    .e-catalog__detail-heading span {
        margin-bottom: 0
    }
}

.e-catalog__detail-heading i {
    margin-right: 15px
}

.e-catalog__detail-props {
    border: none;
    width: 100%
}

.e-catalog__detail-props tr {
    position: relative;
    font-size: 14px;
    line-height: 140%;
    color: #333
}

.e-catalog__detail-props tr.article {
    font-weight: 600;
    font-size: 14px;
    color: #333
}

.e-catalog__detail-props td {
    border: none;
    text-align: left;
    padding: 7px 0
}

.e-catalog__detail-props td:after {
    z-index: 0;
    width: 100%;
    bottom: 13px;
    position: absolute;
    left: 0;
    border-bottom: 1px solid #E4E4E4
}

.e-catalog__detail-props td:nth-child(2n) {
    text-align: right
}

.e-catalog__detail-props td:nth-child(2n):after {
    z-index: 0;
    width: 100%;
    position: absolute;
    border-bottom: none
}

.e-catalog__detail-props td span {
    padding: 5px;
    position: relative;
    z-index: 1;
    background-color: #fff
}

.e-catalog__detail-row img {
    padding: 20px;
    background: #fff;
    border-radius: 2px
}

.e-catalog__detail-right-column {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 768px) {
    .e-catalog__detail-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .e-catalog__detail-right-column {
        margin-top: 0;
        margin-left: 15px
    }
}

.e-catalog__detail-left-column {
    position: relative
}

.e-catalog__detail-orange {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px
}

.e-catalog__detail-image {
    position: relative;
    display: block
}

.e-catalog__detail-image:before {
    position: absolute;
    background: url(/local/templates/new/img/rectangle.png);
    width: 44px;
    height: 44px
}

.e-catalog__detail-image:after {
    position: absolute;
    background: url(/local/templates/new/img/arrows.svg);
    width: 21px;
    height: 21px;
    top: 12px;
    right: 12px
}

.e-catalog__search, .news-left__link, .partners__item, .vacancies__content {
    position: relative
}

.appearance__swiper .swiper-button-next, .business-links__swiper .swiper-button-next, .business-media__slider .swiper-button-next, .e-catalog__search button, .industrial-slider__swiper .swiper-button-next, .novelties__swiper .swiper-button-next, .package__swiper .swiper-button-next {
    right: 10px
}

.e-catalog__detail-image img {
    width: 100%
}

.e-catalog__search {
    width: 110px
}

@media (min-width: 768px) {
    .e-catalog__search {
        width: 305px
    }
}

.e-catalog__search-input {
    background: #fff;
    border: 1px solid #B9B9B9;
    border-radius: 4px;
    font-size: 14px;
    height: 33px
}

.e-catalog__search-input:-ms-input-placeholder {
    color: #B9B9B9
}

.e-catalog__search-input::placeholder {
    color: #B9B9B9
}

.e-catalog__search button {
    position: absolute;
    top: 9px;
    border: none;
    padding: 0
}

.e-catalog__search button svg {
    width: 16px;
    height: 16px;
    fill: #DADADA
}

.e-catalog__sorting {
    margin-left: 5px;
    height: 33px
}

@media (min-width: 768px) {
    .e-catalog__sorting {
        margin-left: 15px
    }
}

.e-catalog__sorting select {
    cursor: pointer;
    height: 33px;
    border: 1px solid #B9B9B9;
    border-radius: 4px;
    padding: 5px 12px;
    font-size: 14px;
    color: #B9B9B9
}

.e-catalog__sorting select:focus {
    color: #F7941D
}

.e-catalog__sorting select option {
    padding: 20px
}

.e-catalog__sorting .jq-selectbox__select {
    height: 33px;
    border: 1px solid #B9B9B9;
    border-radius: 4px
}

.e-catalog__sorting .jq-selectbox__select-text {
    padding: 8px 12px
}

.e-catalog__sorting .jq-selectbox__trigger-arrow .icon {
    fill: #B9B9B9;
    font-size: 14px
}

.e-catalog__sorting .jq-selectbox__dropdown {
    border-radius: 4px;
    border: 1px solid #B9B9B9;
    border-top: none;
    background: #fff
}

.e-catalog__sorting .jq-selectbox li:hover {
    background-color: #F7941D;
    color: #fff
}

.e-catalog__views {
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px
}

.e-catalog__view {
    margin-right: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .e-catalog__views {
        margin-left: 15px
    }

    .e-catalog__view {
        margin-right: 8px
    }
}

.e-catalog__view.active a {
    background: #F7941D;
    border: 1px solid #F7941D
}

.e-catalog__view.active svg {
    fill: #fff
}

.e-catalog__view a {
    display: block;
    background: #fff;
    padding: 9px;
    border: 1px solid #B9B9B9;
    border-radius: 4px;
    width: 33px;
    height: 33px
}

.e-catalog__view a svg {
    display: -ms-flexbox;
    display: flex;
    fill: #B9B9B9
}

.e-catalog__view a:hover {
    background: #F7941D;
    border: 1px solid #F7941D
}

.e-catalog__sidebar__list li, .partners__item-list li {
    border-bottom: 1px solid #E2E2E2
}

.e-catalog__view a:hover svg {
    fill: #fff
}

.e-catalog__sidebar__list {
    list-style: none;
    margin: 0
}

.history, .news {
    margin-bottom: 60px
}

.e-catalog__sidebar__list li:first-child {
    border-top: 1px solid #E2E2E2
}

.e-catalog__sidebar__list li.active a {
    font-weight: 700
}

.e-catalog__sidebar__list li.active span {
    color: #F7941D;
    font-weight: 700
}

.e-catalog__sidebar__list li.active span:after {
    content: "\f106"
}

.e-catalog__sidebar__list li.active .instructions-sidebar__list_child {
    display: block;
    transition: all .11s ease-in
}

.e-catalog__sidebar__list li.active .instructions-sidebar__list_child li.active a {
    color: #333;
    font-weight: 600
}

.e-catalog__sidebar__list li.active .instructions-sidebar__list_child a {
    font-weight: 500
}

.e-catalog__sidebar__list li.active .instructions-sidebar__list_child a:hover {
    color: #F7941D
}

.e-catalog__sidebar__accordion, .e-catalog__sidebar__list a {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.e-catalog__sidebar__list a {
    display: block;
    padding: 20px 0;
    text-transform: uppercase
}

.e-catalog__sidebar__list_child {
    transition: all .11s ease-in;
    display: none;
    padding-left: 0
}

.e-catalog__sidebar__list_child li:last-child {
    border: none
}

.e-catalog__sidebar__list_child a {
    text-transform: none
}

.e-catalog__sidebar__accordion {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    text-transform: uppercase
}

.e-catalog__sidebar__accordion:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    font-weight: 900;
    color: #003A70
}

.e-catalog__sidebar__accordion:hover {
    color: #333;
    font-weight: 700
}

.history {
    padding: 0 10px
}

@media (min-width: 768px) {
    .history {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .history {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .history {
        padding: 0
    }
}

.history__content {
    display: none;
    width: 100%;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 1200px) {
    .history__content {
        display: -ms-flexbox;
        display: flex
    }

    .history__content-left {
        width: 67%
    }
}

@media (min-width: 1440px) {
    .history__content-left {
        width: 70%
    }
}

.history__content-right {
    padding-left: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .history__content-right {
        width: 33%
    }

    .history__mobile {
        display: none
    }
}

@media (min-width: 1440px) {
    .history__content-right {
        width: 30%
    }
}

.history__content-right ul {
    width: 100%;
    list-style: none;
    padding: 0
}

.history__content-right ul li {
    padding: 20px 0;
    border-top: 1px solid #000;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #333;
    text-transform: uppercase
}

.history__content-right ul li.active {
    color: #003A70;
    font-weight: 700
}

.history__content-right ul li:hover {
    color: #333;
    font-weight: 700
}

.history__content-right ul li:first-child {
    border-top: none
}

.history__content-right ul li:last-child {
    border-bottom: 1px solid #000
}

.history__mobile {
    width: 100%
}

.instructions {
    margin: 0 auto 60px;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 768px) {
    .instructions {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .instructions {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .instructions {
        padding: 0
    }
}

.instructions__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .instructions__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.instructions__left-block {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 1200px) {
    .instructions__left-block {
        max-width: 63%;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        min-height: 430px
    }
}

.instructions__right-block {
    display: block;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .instructions__right-block {
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .instructions__right-block {
        max-width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-right: 0;
        margin-top: 0
    }
}

.instructions__heading {
    font-weight: 600;
    font-size: 28px;
    line-height: 127%;
    text-transform: uppercase;
    color: #003A70;
    margin-top: 15px;
    margin-bottom: 50px
}

.instructions-items, .tech-questions-items {
    margin-top: 50px
}

.instructions-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #F8F8F8;
    padding: 15px 50px 15px 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.instructions-item:hover {
    color: #003A70;
    font-weight: 600
}

.instructions-item span {
    font-size: 14px;
    line-height: 24px;
    color: #535353;
    margin-right: 28px
}

.instructions-item__file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.instructions-sidebar__list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

@media (min-width: 1200px) {
    .instructions-sidebar__list {
        padding-left: 20px
    }
}

.instructions-sidebar__list li {
    border-bottom: 1px solid #000
}

.instructions-sidebar__list li.active {
    border-bottom: none
}

.instructions-sidebar__list li.active a {
    font-weight: 700
}

.instructions-sidebar__list li.active span {
    color: #003A70;
    font-weight: 700
}

.instructions-sidebar__list li.active span:after {
    content: "\f106"
}

.instructions-sidebar__list li.active .instructions-sidebar__list_child {
    border-top: 1px solid #000;
    padding-left: 50px;
    display: block;
    transition: all .11s ease-in
}

.instructions-sidebar__list li.active .instructions-sidebar__list_child li.active {
    border-bottom: 1px solid #000
}

.instructions-sidebar__list li.active .instructions-sidebar__list_child li.active:last-child {
    border-bottom: none
}

.instructions-sidebar__list li.active .instructions-sidebar__list_child li.active a {
    color: #003A70;
    font-weight: 600
}

.instructions-sidebar__list li.active .instructions-sidebar__list_child a {
    font-weight: 500
}

.instructions-sidebar__list li.active .instructions-sidebar__list_child a:hover {
    color: #F7941D
}

.instructions-sidebar__list a {
    display: block;
    padding: 20px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #333
}

.instructions-sidebar__list_child {
    transition: all .11s ease-in;
    display: none;
    padding-left: 0
}

.instructions-sidebar__list_child li:last-child {
    border: none
}

.instructions-sidebar__list_child a {
    text-transform: none
}

.instructions-sidebar__accordion, .news-right li a, .news-right li span, .partners-form__name, .partners-sidebar li a, .partners__name, .social__title {
    text-transform: uppercase
}

.instructions-sidebar__accordion {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.instructions-sidebar__accordion:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    font-weight: 900;
    color: #003A70
}

.instructions-sidebar__accordion:hover {
    color: #333;
    font-weight: 700
}

.news {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px
}

@media (min-width: 768px) {
    .news {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .news {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .news {
        padding: 0
    }
}

.news-left {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 1200px) {
    .news-left {
        max-width: 79%;
        -ms-flex: 0 0 79%;
        flex: 0 0 79%;
        min-height: 430px
    }
}

.news-left__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin-bottom: 10px
}

.news-left__top .active {
    font-weight: 700
}

.news-left__top li {
    padding: 5px
}

.news-left__top li a, .news-left__top li span {
    margin-right: 45px
}

.news-left__top a {
    font-size: 14px;
    color: #333
}

.news-left__top a:hover {
    font-weight: 700
}

.news-left__items {
    display: block
}

@media (min-width: 1200px) {
    .news-left__top {
        margin-bottom: 20px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .news-left__items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -8px
    }
}

.news-left__item {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center
}

@media (min-width: 1200px) {
    .news-left__item:first-child, .news-left__item:nth-child(2) {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 20px
    }

    .news-left__item:first-child img, .news-left__item:nth-child(2) img {
        height: 377px
    }

    .news-left__item {
        max-width: 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        margin-bottom: 15px;
        padding: 5px 8px 0
    }

    .news-left__item img {
        height: 247px
    }
}

.news-left__link {
    line-height: 0;
    display: block;
    box-shadow: 0 0 8px rgba(0, 58, 112, .5)
}

.news-left__link img {
    width: 100%
}

.news-left__heading {
    padding: 10px 3px 18px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    background: rgba(0, 58, 112, .5);
    width: 100%;
    min-height: 95px
}

.news-left__name {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

@media (min-width: 1200px) {
    .news-left__name {
        font-size: 18px
    }
}

.news-left__date {
    font-size: 11px;
    line-height: 14px;
    color: #fff
}

.news-right .more, .news-right li a, .news-right li span {
    line-height: 17px;
    font-size: 14px
}

.news-right {
    display: none
}

@media (min-width: 768px) {
    .news-right {
        display: block;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .news-right {
        max-width: 21%;
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        padding-right: 0;
        margin-top: 0
    }
}

.news-right ul {
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #000
}

.news-right li {
    padding: 10px 0;
    border-top: 1px solid #000
}

.news-right .more, .news-right__subscribe {
    padding: 20px 0;
    border-top: 1px solid #000
}

.news-right li:first-child {
    border-top: none
}

.news-right li.hide-link {
    display: none
}

.news-right li.showed-link {
    display: block
}

@media (min-width: 1200px) {
    .news-right li {
        padding: 20px 0
    }
}

.news-right li a {
    color: #333;
    font-weight: 500
}

.news-right li a:hover {
    color: #333;
    font-weight: 700
}

.news-right li span {
    font-weight: 700;
    color: #003A70
}

.news-right li span:hover {
    color: #333
}

.news-right__social {
    padding: 20px 0
}

.news-right .more {
    cursor: pointer;
    color: #333
}

.news-back i, .news-right .more i {
    padding-left: 10px
}

.news__show-more {
    margin: auto 0;
    text-align: center
}

.news__date-time {
    font-size: 14px
}

.news-detail__text {
    margin-top: 30px
}

.news-back {
    margin: 20px 0
}

.news-back a {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #333
}

.news-back a:hover {
    color: #F7941D
}

@media (min-width: 1200px) {
    .news-back {
        margin: 90px 0 60px
    }
}

.social__title {
    color: #F7941D;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px
}

.social__text {
    font-size: 14px;
    line-height: 17px;
    color: #929292
}

.social__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px
}

.social__links svg {
    height: 19px;
    fill: #4B4B4B
}

.subscribe__title {
    width: 90%;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    padding-bottom: 10px
}

.partners {
    padding: 0 10px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .partners {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .partners {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .partners {
        padding: 0
    }
}

.partners__items {
    width: 100%;
    margin: 0 -8px
}

@media (min-width: 576px) {
    .partners__items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }
}

.partners__item {
    width: 100%;
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 576px) {
    .partners__item {
        width: 50%
    }
}

.partners__image {
    background: #F8F8F8;
    padding: 15px
}

.partners__image img {
    height: auto
}

.partners__link {
    display: block;
    border-radius: 2px;
    text-align: center
}

.partners__name {
    text-align: left;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    right: 0;
    padding: 24px 0 7px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #333
}

.partners__description {
    font-size: 16px;
    line-height: 140%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    text-align: left
}

.partners-sidebar {
    padding: 0
}

@media (min-width: 768px) {
    .partners__image img {
        height: 220px
    }

    .partners-sidebar {
        padding-left: 20px
    }
}

.partners-sidebar li {
    list-style: none;
    border-top: 1px solid #000
}

.partners-sidebar li:first-child {
    border-top: none
}

.partners-sidebar li a {
    width: 100%;
    display: block;
    margin: 20px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.partners-sidebar li a.active {
    color: #003A70;
    font-weight: 700
}

.partners-sidebar li a:hover {
    color: #333;
    font-weight: 700
}

.partners__content img {
    width: 100%
}

.partners__content p {
    color: #333;
    line-height: 160%;
    margin: 20px 0
}

.partners__content h2 {
    color: #333
}

.partners__content li {
    line-height: 160%;
    color: #333
}

.partners__left-block {
    padding-right: 8px;
    padding-left: 8px;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 992px) {
    .partners__left-block {
        max-width: 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
}

.partners__right-block {
    margin-top: 20px;
    padding-right: 8px;
    padding-left: 8px;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.partners__item-list {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .partners__right-block {
        margin-top: 0;
        max-width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }

    .partners__item-list {
        margin-bottom: 60px
    }
}

.partners__item-list span {
    display: block;
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    color: #333
}

.partners__item-list h2 {
    color: #F7941D
}

.partners__item-list ul {
    padding: 0
}

.partners__item-list li {
    width: 100%;
    list-style: none
}

@media (min-width: 1200px) {
    .partners__item-list li {
        width: 72%
    }
}

.partners__item-list__caption {
    font-size: 16px;
    line-height: 160%;
    color: #333
}

.partners-form {
    padding: 15px 20px;
    background: #fff
}

.partners-form__name {
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    color: #F7941D
}

.partners-form__caption {
    padding: 15px 0 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #333
}

.partners-form__input {
    width: 100%;
    display: block;
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 300;
    outline: 0;
    background: #F3F3F3;
    border-radius: 4px
}

.realized__item-name, .tech-questions__heading span, .tech-questions__name {
    font-weight: 600;
    text-transform: uppercase
}

.partners-form__button {
    width: 100%;
    background: #F7941D;
    border: 1px solid #F7941D;
    border-radius: 4px;
    color: #fff
}

.partners-form__button:hover {
    background: #fff;
    color: #F7941D;
    border: 1px solid #F7941D
}

.privacy ol {
    list-style-type: none;
    counter-reset: item
}

.privacy li {
    line-height: 20px
}

.privacy li:before {
    counter-increment: item;
    content: counters(item, ".") ". "
}

.realized {
    padding: 0 10px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .realized {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .realized {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .realized {
        padding: 0
    }
}

.realized__left-block {
    padding-right: 8px;
    padding-left: 8px;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 992px) {
    .partners__item-list span {
        margin-top: 30px
    }

    .realized__left-block {
        max-width: 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
}

.realized__right-block {
    margin-top: 20px;
    padding-right: 8px;
    padding-left: 8px;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 992px) {
    .realized__right-block {
        margin-top: 0;
        max-width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

.realized__item {
    margin-bottom: 50px
}

.realized__item-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

@media (min-width: 1440px) {
    .realized__item-row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.realized__item-col:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px
}

@media (min-width: 1440px) {
    .realized__item-col:last-child {
        margin-top: 0;
        width: auto
    }
}

.realized__item-field {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 27px
}

.realized__item-field span {
    font-size: 14px;
    line-height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #333
}

.realized__item-image {
    margin-bottom: 15px
}

.realized__item-name {
    font-size: 24px;
    line-height: 29px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #003A70;
    margin-bottom: 5px
}

.realized__item-address {
    font-size: 16px;
    line-height: 22px;
    color: #3E3E3E
}

.realized__item-address svg {
    width: 12px;
    height: 16px;
    fill: #F7941D
}

.realized-detail, .tech-questions, .tech-questions__content, .tech-questions__description, .tech-questions__heading .e-catalog__search {
    width: 100%
}

.realized__item-description {
    font-size: 16px;
    line-height: 140%;
    color: #333
}

.realized-sidebar {
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #000
}

.realized-sidebar li {
    border-top: 1px solid #000;
    padding: 20px 0
}

.realized-sidebar li:first-child {
    border-top: none
}

.realized-sidebar__link {
    color: #333;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    text-transform: uppercase
}

.realized-sidebar__link.active {
    color: #003A70;
    font-weight: 700
}

.realized-sidebar__link:hover {
    color: #333;
    font-weight: 700
}

.realized-detail__image {
    margin-bottom: 10px
}

.realized-detail__image img {
    margin: auto
}

.realized-detail__address {
    font-size: 16px;
    line-height: 22px;
    color: #3E3E3E
}

.realized-detail__address svg {
    width: 12px;
    height: 16px;
    fill: #F7941D
}

.realized-detail__text {
    font-size: 16px;
    line-height: 140%;
    color: #333
}

.realized-detail__field {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.tech-questions {
    max-width: 1520px;
    margin: 0 auto 60px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .tech-questions {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .tech-questions {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .tech-questions {
        padding: 0
    }
}

.tech-questions__section {
    display: none
}

.tech-questions__section:first-child {
    display: block
}

.tech-questions__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .tech-questions__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.tech-questions__content .accordion {
    background: #F8F8F8;
    padding-left: 95px
}

.tech-questions__content .accordion:after, .tech-questions__content .accordion:before {
    left: 40px;
    height: 2px;
    background-color: #003262
}

.tech-questions__content ul {
    padding-left: 0
}

.tech-questions__content li {
    list-style-type: none;
    margin-bottom: 10px
}

.tech-questions__left-block {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 1200px) {
    .tech-questions__left-block {
        max-width: 63%;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        min-height: 430px
    }
}

.tech-questions__right-block {
    display: block;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 768px) {
    .tech-questions__right-block {
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .tech-questions__right-block {
        max-width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-right: 0;
        margin-top: 0
    }

    .tech-questions__heading {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 50px
    }
}

.tech-questions__heading {
    margin-top: 15px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tech-questions__heading span {
    font-size: 28px;
    line-height: 127%;
    color: #003A70
}

.tech-questions__name {
    color: #333;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    margin-bottom: 10px
}

.tech-questions__caption {
    color: #6B6B6B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 127%;
    margin-bottom: 10px
}

@media (min-width: 1200px) {
    .tech-questions__caption {
        margin-bottom: 0
    }

    .tech-questions__description {
        width: 49%
    }
}

.tech-questions__form {
    padding: 15px;
    background: #fff;
    margin-bottom: 50px
}

@media (min-width: 1200px) {
    .tech-questions__form {
        padding: 57px 15px 50px 47px
    }
}

.tech-questions__input, .tech-questions__textarea {
    display: block;
    margin-bottom: 17px;
    padding: 14px 10px;
    font-weight: 300;
    font-size: 14px;
    outline: 0
}

.tech-questions__textarea {
    width: 100%;
    border: 1px solid #DFDFDF;
    background: #FFF;
    border-radius: 4px;
    height: 94px
}

@media (min-width: 1200px) {
    .tech-questions__textarea {
        width: 50%
    }
}

.tech-questions__input {
    border: 1px solid #F3F3F3;
    background: #F3F3F3;
    border-radius: 4px;
    width: 100%
}

@media (min-width: 1200px) {
    .tech-questions__input {
        width: 32%
    }
}

.tech-questions__button {
    width: 100%;
    background: #F7941D;
    border: 1px solid #F7941D;
    border-radius: 4px;
    color: #fff;
    height: 40px
}

@media (min-width: 1200px) {
    .tech-questions__button {
        width: 32%
    }
}

.tech-questions__button:hover {
    background: #fff;
    color: #F7941D;
    border: 1px solid #F7941D
}

.tech-questions-sidebar__list li, .tech-questions-sidebar__list li.active .tech-questions-sidebar__list_child li.active {
    border-bottom: 1px solid #000
}

.tech-questions-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #F8F8F8;
    padding: 15px 50px 15px 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.tech-questions-item:hover {
    color: #003A70;
    font-weight: 600
}

.tech-questions-item span {
    font-size: 14px;
    line-height: 24px;
    color: #535353;
    margin-right: 28px
}

.tech-questions-item__file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tech-questions-sidebar__list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

@media (min-width: 1200px) {
    .tech-questions-sidebar__list {
        padding-left: 20px
    }
}

.tech-questions-sidebar__list li.active .tech-questions-sidebar__list_child {
    border-top: 1px solid #000;
    padding-left: 50px;
    display: block;
    transition: all .11s ease-in
}

.tech-questions-sidebar__list li.active .tech-questions-sidebar__list_child li.active:last-child {
    border-bottom: none
}

.tech-questions-sidebar__list li.active .tech-questions-sidebar__list_child li.active span {
    color: #003A70;
    font-weight: 600
}

.tech-questions-sidebar__list li.active .tech-questions-sidebar__list_child a {
    font-weight: 500
}

.tech-questions-sidebar__list li.active .tech-questions-sidebar__list_child a:hover {
    color: #F7941D
}

.tech-questions-sidebar__list li.active span {
    color: #003A70;
    font-weight: 700
}

.tech-questions-sidebar__list li span:hover {
    color: #333;
    font-weight: 700
}

.tech-questions-sidebar__list span {
    display: block;
    padding: 20px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #333;
    cursor: pointer
}

.tech-questions-sidebar__list_child {
    transition: all .11s ease-in;
    display: none;
    padding-left: 0
}

.tech-questions-sidebar__list_child li:last-child {
    border: none
}

.tech-questions-sidebar__list_child span {
    text-transform: none
}

.vacancies {
    padding: 0 10px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .vacancies {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1540px) {
    .vacancies {
        padding: 0 20px
    }
}

@media (min-width: 1540px) {
    .vacancies {
        padding: 0
    }
}

.vacancies__left {
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

@media (min-width: 992px) {
    .vacancies__content {
        display: -ms-flexbox;
        display: flex
    }

    .vacancies__left {
        width: 67%
    }
}

@media (min-width: 1440px) {
    .vacancies__left {
        width: 80%
    }
}

.vacancies__right {
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0;
    width: 100%
}

@media (min-width: 992px) {
    .vacancies__right {
        width: 33%;
        padding-left: 15px
    }
}

@media (min-width: 1440px) {
    .vacancies__right {
        width: 20%
    }
}

.vacancies__items {
    margin-top: 15px;
    position: inherit
}

.vacancies__item {
    position: relative;
    padding: 10px 10px 25px;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 2px;
    margin-bottom: 15px
}

.vacancies__column {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 768px) {
    .vacancies__item {
        padding: 42px 19px 42px 50px
    }

    .vacancies__column {
        margin-top: 0;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media (min-width: 1440px) {
    .vacancies__column {
        width: 38%
    }
}

.vacancies__column:first-child {
    width: 100%;
    margin-top: 0
}

@media (min-width: 576px) {
    .vacancies__column:first-child {
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media (min-width: 1440px) {
    .vacancies__column:first-child {
        width: 61%
    }
}

.vacancies__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .vacancies__top {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.vacancies__bottom {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .vacancies__bottom {
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media (min-width: 1440px) {
    .vacancies__bottom {
        -ms-flex-pack: end;
        justify-content: end
    }
}

.vacancies__buttons {
    width: 80%;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 576px) {
    .vacancies__buttons {
        width: 50%
    }
}

@media (min-width: 768px) {
    .vacancies__buttons {
        width: auto;
        margin-top: 30px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.vacancies__buttons .btn {
    width: 100%
}

.vacancies__name {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #F7941D
}

.vacancies__salary, .vacancies__text b {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 140%
}

.vacancies__salary {
    margin: 10px 0 20px
}

.vacancies__text b {
    display: inline-block;
    margin: 30px 0 20px
}

.vacancies__text_detail {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .vacancies__text_detail {
        margin-bottom: 38px
    }

    .vacancies__detail {
        margin-top: 7px;
        padding-right: 34px
    }
}

@media (min-width: 1200px) {
    .vacancies__detail {
        margin-top: 0
    }
}

.vacancies__detail-salary {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #F7941D;
    margin-bottom: 20px
}

.vacancies__detail-buttons {
    text-align: center
}

.vacancies__detail .vacancies__column:last-child {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%
}

@media (min-width: 768px) {
    .vacancies__detail-buttons {
        text-align: left
    }

    .vacancies__detail .vacancies__column:last-child {
        margin-top: 15px;
        width: 35%;
        margin-bottom: 0
    }
}

.vacancies__filter {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #B9B9B9
}

@media (min-width: 768px) {
    .vacancies__filter {
        margin-top: 10px
    }
}

@media (min-width: 992px) {
    .vacancies__items {
        position: relative
    }

    .vacancies__filter {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}

.vacancies__filter-heading {
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #333;
    margin: 0 0 10px;
    display: none
}

@media (min-width: 768px) {
    .vacancies__filter-heading {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .vacancies__filter-heading {
        margin: 0 0 20px
    }
}

.vacancies__filter-heading_mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #B9B9B9
}

.vacancies__filter-heading_mobile:after {
    content: "\f107";
    font: normal normal normal 16px/1 FontAwesome
}

.vacancies__filter-heading_mobile.current:after {
    content: "\f106"
}

@media (min-width: 768px) {
    .vacancies__filter-heading_mobile {
        display: none
    }
}

.vacancies__filter-block {
    display: block;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .vacancies__filter-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width: 992px) {
    .vacancies__filter-block {
        margin-bottom: 50px;
        display: block
    }
}

@media (min-width: 768px) {
    .vacancies__filter-checkbox {
        margin: 0;
        width: 33%
    }
}

@media (min-width: 992px) {
    .vacancies__filter-checkbox {
        width: 100%;
        margin-bottom: 14px
    }

    .vacancies__filter-checkbox:last-child {
        margin: 0
    }
}

.vacancies__filter-checkbox label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: self-end;
    align-items: self-end
}

.vacancies__filter-checkbox input {
    width: 20px;
    height: 20px;
    background: #E2E2E2;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-flex: none;
    flex: none;
    border: 2px solid #E2E2E2;
    margin-top: 0;
    margin-right: 10px;
    position: relative
}

.vacancies__filter-checkbox input:focus {
    outline: 0
}

.vacancies__filter-checkbox input:checked:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 7px;
    background: #003A70;
    display: block;
    top: 6px;
    left: 4px;
    transform: rotate(-40deg)
}

.appearance__swiper .swiper-button-prev, .business-links__swiper .swiper-button-prev, .business-media__slider .swiper-button-prev, .industrial-slider__swiper .swiper-button-prev, .novelties__swiper .swiper-button-prev {
    left: 10px
}

.vacancies__filter-checkbox input:checked:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 11px;
    background: #003A70;
    display: block;
    top: 2px;
    right: 5px;
    transform: rotate(33deg)
}

.vacancies__filter-checkbox span {
    margin-left: 20px;
    font-size: 14px;
    line-height: 130%;
    color: #333
}

.vacancies__filter-parameters-box {
    width: calc(100% - 210px)
}

.vacancies__filter-button-box {
    margin-top: 15px
}

.vacancies__filter-mobile {
    transition: .2s;
    display: none;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B9B9B9
}

@media (min-width: 768px) {
    .vacancies__filter-mobile {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        border: none;
        padding: 0;
        margin: 0
    }
}

@media (min-width: 992px) {
    .vacancies__filter-parameters-box {
        width: 100%
    }

    .vacancies__filter-button-box {
        margin-top: 0;
        width: 100%
    }

    .vacancies__filter-mobile {
        display: block
    }
}

.vacancies__filter form {
    display: block
}

@media (min-width: 768px) {
    .vacancies__filter form {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 992px) {
    .vacancies__filter form {
        display: block
    }
}

.vacancies__division, .vacancies__subdivision {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.vacancies__division span, .vacancies__subdivision span {
    margin-left: 15px;
    font-size: 14px;
    line-height: 140%;
    color: #333
}

.vacancies__subdivision {
    margin-top: 0
}

@media (min-width: 1440px) {
    .vacancies__subdivision {
        margin-top: 35px
    }
}

.vacancies__division svg {
    width: 35px;
    height: 35px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vacancies__count {
    position: absolute;
    top: -35px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.vacancies__back {
    transition: .2s;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #333;
    display: inline-block;
    margin-left: 0;
    margin-top: 10px
}

@media (min-width: 768px) {
    .vacancies__count {
        top: -40px
    }

    .vacancies__back {
        margin-left: 80px;
        margin-top: 0
    }
}

.vacancies__back:after {
    margin-left: 13px;
    font: normal normal normal 16px/1 FontAwesome;
    content: '\f105';
    width: 13px;
    display: inline;
    height: 1px
}

.appearance__heading, .appearance__swiper-text, .basic-equipment__text, .benefits-block .benefits__heading, .benefits-block .benefits__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

.vacancies__back:hover {
    color: #003A70
}

.appearance__heading {
    font-weight: 600;
    font-size: 24px;
    color: #003A70;
    margin: 75px 0 30px;
    text-transform: uppercase
}

.appearance .tabs__list {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.appearance .tabs__content-item {
    padding: 30px 20px
}

.appearance .tabs__content-item--active {
    border-radius: 0 8px 8px
}

.appearance__swiper {
    width: 100%
}

.appearance__swiper .swiper-button-next, .appearance__swiper .swiper-button-prev {
    top: 44%;
    color: #000
}

@media (max-width: 575px) {
    .appearance, .appearance__swiper .swiper-button-next, .appearance__swiper .swiper-button-prev {
        display: none
    }
}

.appearance__swiper .swiper-button-next::after, .appearance__swiper .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #F7941D;
    color: #fff
}

.appearance__swiper-img {
    width: 100%;
    height: auto;
    margin: 0 auto 40px
}

.appearance__swiper-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.appearance__swiper-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    text-align: center
}

@media (min-width: 1200px) {
    .appearance__swiper-text {
        font-size: 12px
    }
}

@media (min-width: 1400px) {
    .appearance__swiper-text {
        font-size: 14px
    }
}

.appearance__swiper-item {
    padding: 0 20px;
    border-right: 1px solid #D1D1D1
}

.appearance .swiper-slide:last-child .appearance__swiper-item {
    border-right: none
}

.appearance__pagination .swiper-button-next, .appearance__pagination .swiper-button-prev {
    top: 44%;
    color: #000
}

@media (max-width: 575px) {
    .appearance__swiper-item {
        border: none
    }

    .appearance__pagination .swiper-button-next, .appearance__pagination .swiper-button-prev {
        display: none
    }
}

.appearance__pagination .swiper-button-next::after, .appearance__pagination .swiper-button-prev::after {
    font-size: 14px;
    color: #003A70
}

.basic-equipment__heading {
    width: 100%;
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 127%;
    text-transform: uppercase;
    color: #003A70;
    margin: 0 0 35px
}

.basic-equipment__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 70px
}

@media (max-width: 575px) {
    .basic-equipment__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 -10px 20px
    }
}

@media (min-width: 768px) {
    .basic-equipment__heading {
        font-size: 24px
    }

    .basic-equipment__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 -10px 20px
    }
}

@media (min-width: 1400px) {
    .basic-equipment__group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px 70px
    }
}

.basic-equipment__item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 10px;
    margin: 0 0 30px
}

@media (max-width: 575px) {
    .basic-equipment__item {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%
    }
}

@media (min-width: 768px) {
    .basic-equipment__item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (min-width: 1400px) {
    .basic-equipment__item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 0 10px;
        margin: 0 0 30px
    }
}

.basic-equipment__img {
    margin: 0 0 15px
}

.basic-equipment__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.bold-font {
    font-weight: 600
}

.benefits-block .benefits {
    display: block;
    padding: 0
}

.benefits-block .benefits__heading {
    font-weight: 600;
    font-size: 24px;
    color: #003A70;
    margin: 75px 0 30px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .benefits-block .benefits {
        display: none
    }
}

.benefits-block .benefits__group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    grid-auto-flow: column;
    gap: 10px;
    padding-top: 25px
}

@media (max-width: 767px) {
    .benefits-block .benefits__group {
        display: none
    }
}

.benefits-block .benefits__item {
    width: 100%
}

@media (min-width: 568px) and (max-width: 767px) {
    .benefits-block .benefits__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (min-width: 768px) {
    .benefits-block .benefits__item {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        margin: 0 0 25px
    }
}

.benefits-block .benefits__item-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.benefits-block .benefits__item-icon {
    width: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 23px
}

.benefits-block .benefits__item-icon svg {
    width: 95px;
    height: 58px;
    fill: #FFD29C
}

.benefits-block .benefits__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: #003A70;
    margin: 0 0 10px
}

.benefits-block .benefits__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.business-clients__heading, .business-intro__heading {
    font-weight: 700;
    line-height: 127%;
    text-align: left;
    text-transform: uppercase;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

.benefits-block .benefits .swiper-pagination-bullet {
    width: 43px;
    height: 3px;
    border-radius: 4px;
    background: #F7941D
}

.benefits-block .benefits__mobile {
    display: none
}

@media (max-width: 767px) {
    .benefits-block .benefits__mobile {
        display: block
    }
}

.benefits-block .benefits-mobile {
    display: none
}

@media (max-width: 767px) {
    .benefits-block .benefits-mobile {
        display: block;
        margin-bottom: 40px
    }
}

.business-clients__heading {
    font-size: 28px;
    color: #003A70;
    margin: 0 0 40px
}

@media (max-width: 575px) {
    .business-clients__heading {
        font-size: 18px;
        margin: 0 0 15px
    }
}

@media (min-width: 576px) {
    .business-clients__heading {
        font-size: 18px;
        margin: 0 0 15px
    }

    .business-clients__swiper {
        max-width: 540px
    }
}

.business-clients__swiper {
    margin: 0 0 65px
}

@media (min-width: 768px) {
    .business-clients__swiper {
        max-width: 730px
    }
}

@media (min-width: 992px) {
    .business-clients__swiper {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .business-clients__heading {
        font-size: 28px
    }

    .business-clients__swiper {
        max-width: 1170px
    }
}

@media (min-width: 1400px) {
    .business-clients__swiper {
        max-width: 1050px;
        margin: 0 0 65px
    }
}

.business-clients__item {
    width: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.business-clients__item img {
    display: block;
    width: 100%;
    height: auto;
    filter: grayscale(1)
}

.business-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 60px
}

.business-intro__el {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media (max-width: 575px) {
    .business-intro {
        margin: 0 0 30px
    }

    .business-intro__el:first-child {
        padding: 0
    }
}

@media (min-width: 576px) {
    .business-intro__el:first-child {
        padding: 0 10px 0 0
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .business-intro__el:first-child {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        padding: 0 5px 0 0
    }
}

@media (min-width: 1200px) {
    .business-intro {
        margin: 0 0 60px
    }

    .business-intro__el:first-child {
        padding: 0 40px 0 0
    }
}

@media (max-width: 575px) {
    .business-intro__el {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .business-intro__el {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        padding: 0 0 0 5px
    }
}

.business-intro__heading {
    font-size: 28px;
    color: #003A70;
    margin: 0 0 20px
}

@media (max-width: 575px) {
    .business-intro__heading {
        margin: 0 0 15px;
        font-size: 18px
    }
}

@media (min-width: 576px) {
    .business-intro__heading {
        margin: 0 0 15px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .business-intro__heading {
        font-size: 28px;
        line-height: 130%
    }
}

@media (min-width: 1400px) {
    .business-intro__heading {
        font-size: 28px;
        margin: 0 0 20px
    }
}

.business-intro__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #333;
    margin: 0 0 40px
}

@media (max-width: 575px) {
    .business-intro__text {
        margin: 0 0 20px
    }
}

@media (min-width: 576px) {
    .business-intro__text {
        margin: 0 0 30px
    }
}

@media (min-width: 1200px) {
    .business-intro__el {
        width: 50%
    }

    .business-intro__text {
        margin: 0 0 40px
    }
}

.business-intro__imgs {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 575px) {
    .business-intro__imgs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 0 10px;
        margin: 0 0 10px
    }
}

@media (min-width: 576px) {
    .business-intro__imgs {
        max-width: 260px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 0 10px
    }
}

@media (min-width: 768px) {
    .business-intro__imgs {
        max-width: 350px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 0 10px;
        margin: 0 0 25px
    }
}

@media (min-width: 992px) {
    .business-intro__imgs {
        max-width: 450px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 0 0 10px;
        margin: 0 0 25px
    }
}

@media (min-width: 1200px) {
    .business-intro__imgs {
        max-width: 100%;
        margin: 0 0 50px
    }
}

.business-intro__img {
    margin: 0 15px 0 0
}

@media (max-width: 575px) {
    .business-intro__img {
        width: 113px;
        height: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 10px 0 0
    }
}

@media (min-width: 576px) {
    .business-intro__img {
        width: 113px;
        height: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 10px 0 0
    }

    .business-intro__business-swiper {
        max-width: 270px;
        margin: 0 0 20px
    }
}

@media (min-width: 1200px) {
    .business-intro__img {
        width: 140px;
        height: auto
    }
}

.business-intro__img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 575px) {
    .business-intro__business-swiper {
        margin: 0 0 20px
    }
}

@media (min-width: 768px) {
    .business-intro__business-swiper {
        max-width: 360px;
        margin: 0 0 20px
    }
}

@media (min-width: 992px) {
    .business-intro__business-swiper {
        max-width: 470px;
        margin: 0
    }
}

.business-intro__business-swiper .swiper-pagination-bullet {
    width: 62px;
    height: 4px;
    border-radius: 4px;
    background: #F7941D
}

@media (max-width: 575px) {
    .business-intro__business-swiper .swiper-pagination-bullet {
        height: 4px;
        width: 30px;
        border-radius: 4px
    }
}

@media (min-width: 576px) {
    .business-intro__business-swiper .swiper-pagination-bullet {
        width: 30px;
        height: 2px;
        border-radius: 1px
    }
}

@media (min-width: 1200px) {
    .business-intro__business-swiper {
        max-width: 605px
    }

    .business-intro__business-swiper .swiper-pagination-bullet {
        width: 62px;
        height: 4px;
        border-radius: 4px;
        background: #F7941D
    }
}

.business-intro__business-swiper-item {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 575px) {
    .business-intro__business-swiper-item {
        height: 228px
    }

    .business-intro__business-swiper-text {
        padding: 15px
    }
}

@media (min-width: 576px) {
    .business-intro__business-swiper-item {
        height: 210px
    }

    .business-intro__business-swiper-text {
        padding: 15px
    }
}

@media (min-width: 768px) {
    .business-intro__business-swiper-item {
        height: 310px
    }
}

@media (min-width: 992px) {
    .business-intro__business-swiper-item {
        height: 330px
    }
}

.business-intro__business-swiper-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative
}

@media (min-width: 1200px) {
    .business-intro__business-swiper-item {
        height: 470px
    }

    .business-intro__business-swiper-text {
        padding: 15px
    }
}

.business-intro__business-swiper-text::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .5;
    z-index: 0;
    background: #003A70
}

.business-page__map-contacts-mail a:hover, .business-page__map-tel-info a:hover, .industrial-slider .show-all-link a:hover {
    opacity: .8
}

.business-intro__business-swiper-text p {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0 20px 0 0;
    z-index: 2
}

@media (max-width: 575px) {
    .business-intro__business-swiper-text p {
        font-size: 12px
    }
}

.business-intro__business-swiper-text .triangle-right {
    width: 0;
    height: 0;
    z-index: 2;
    border-top: 10px solid transparent;
    border-left: 12px solid #F7941D;
    border-bottom: 10px solid transparent
}

.business-intro--even .business-intro__el:first-child {
    -ms-flex-order: 2;
    order: 2;
    padding: 0 0 0 40px
}

@media (max-width: 575px) {
    .business-intro--even .business-intro__el:first-child {
        -ms-flex-order: 1;
        order: 1;
        padding: 0
    }
}

@media (min-width: 576px) {
    .business-intro__business-swiper-text p {
        font-size: 14px
    }

    .business-intro--even .business-intro__el:first-child {
        -ms-flex-order: 2;
        order: 2;
        padding: 0 0 0 10px
    }
}

@media (min-width: 567px) and (max-width: 767px) {
    .business-intro--even .business-intro__el:first-child {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        padding: 0 0 0 5px
    }
}

@media (min-width: 1200px) {
    .business-intro__business-swiper-text p {
        font-size: 16px
    }

    .business-intro--even .business-intro__el:first-child {
        -ms-flex-order: 2;
        order: 2;
        padding: 0 0 0 20px
    }
}

.business-intro--even .business-intro__el:last-child {
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 576px) {
    .business-intro--even .business-intro__el:last-child {
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .business-intro--even .business-intro__el:last-child {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        padding: 0 5px 0 0
    }
}

.business-page__map {
    position: relative
}

@media (max-width: 575px) {
    .business-page__map-contacts {
        position: static;
        width: 100%;
        padding: 0 15px
    }
}

@media (min-width: 576px) {
    .business-page__map-contacts {
        position: static;
        width: 100%;
        padding: 0 15px
    }
}

@media (min-width: 768px) {
    .business-page__map-contacts {
        position: absolute;
        padding: 25px;
        background: #fff;
        width: 270px;
        top: 40px;
        left: 20px;
        z-index: 10
    }
}

@media (min-width: 1200px) {
    .business-page__map-contacts {
        position: absolute;
        padding: 25px;
        background: #fff;
        width: 300px;
        top: 40px;
        left: 50px;
        z-index: 10
    }
}

@media (min-width: 1400px) {
    .business-page__map-contacts {
        position: absolute;
        padding: 25px;
        background: #fff;
        width: 300px;
        top: 40px;
        left: 220px;
        z-index: 10
    }
}

.business-page__map-contacts-heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 20px;
    color: #000;
    text-align: left;
    text-transform: none;
    position: relative;
    padding: 0 0 25px;
    margin: 0 0 25px
}

@media (max-width: 575px) {
    .business-page__map-contacts-heading {
        padding: 0;
        font-size: 20px;
        text-transform: uppercase;
        color: #003A70
    }
}

.business-page__map-contacts-heading::after {
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background: #F7941D
}

@media (max-width: 575px) {
    .business-page__map-contacts-heading::after {
        width: 0%
    }
}

@media (min-width: 576px) {
    .business-page__map-contacts-heading {
        padding: 0;
        font-size: 18px;
        text-transform: uppercase;
        color: #003A70
    }

    .business-page__map-contacts-heading::after {
        width: 0%
    }
}

@media (min-width: 768px) {
    .business-page__map-contacts-heading {
        padding: 0 0 25px
    }

    .business-page__map-contacts-heading::after {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .business-page__map-contacts-heading {
        font-family: Montserrat, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 21px;
        line-height: 20px;
        color: #000;
        text-align: left;
        text-transform: none;
        padding: 0 0 25px
    }

    .business-page__map-contacts-heading::after {
        width: 100%
    }
}

.business-page__map-contacts-address, .business-page__map-contacts-mail, .business-page__map-contacts-tel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 0 25px
}

.business-page__map-mail-icon, .business-page__map-pin-icon, .business-page__map-tel-icon {
    margin: 0 10px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.business-page__map-contacts-address {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 127%;
    color: #000
}

.business-page__map-contacts-mail a, .business-page__map-tel-info p {
    font-size: 12px;
    line-height: 127%;
    color: #000;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

.business-page__map-contacts-address p {
    margin: 0
}

.business-page__map-pin-icon {
    width: 14px;
    height: 18px
}

.business-page__map-tel-icon {
    width: 14px;
    height: 14px
}

.business-page__map-mail-icon {
    width: 14px;
    height: 12px
}

.business-page__map-tel-info p {
    margin: 0;
    font-weight: 400
}

.business-page__map-tel-info a {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 127%;
    color: #000;
    text-decoration: none
}

.business-page__map-contacts-mail a {
    font-weight: 400;
    text-transform: lowercase;
    text-decoration: none
}

.business-page__map-contacts-btn .btn {
    width: 100%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #003A70;
    background: 0 0;
    border: 2px solid #003A70;
    border-radius: 4px;
    padding: 13px
}

@media (max-width: 575px) {
    .business-page__map-contacts-btn {
        display: none
    }
}

@media (min-width: 576px) {
    .business-page__map-contacts-btn {
        display: none
    }
}

@media (min-width: 1200px) {
    .business-page__map-contacts-btn {
        display: -ms-flexbox;
        display: flex
    }
}

.business-media {
    width: 100%
}

.business-media__heading {
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 127%;
    text-transform: uppercase;
    color: #003A70;
    text-align: left;
    margin: 0
}

@media (max-width: 575px) {
    .business-media__heading {
        font-size: 18px
    }
}

@media (min-width: 1400px) {
    .business-media__heading {
        font-size: 24px
    }
}

.business-media__slider {
    width: 100%;
    margin: 20px 0 80px
}

@media (min-width: 1400px) and (max-width: 1536px) {
    .business-media__slider {
        max-width: 1090px
    }
}

.business-media__slider .swiper-button-next, .business-media__slider .swiper-button-prev {
    top: 50%;
    color: #000
}

.business-media__slider .swiper-button-next::after, .business-media__slider .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background: #fff;
    color: #003A70
}

@media (max-width: 575px) {
    .business-media__slider {
        margin: 20px 0
    }

    .business-media__slider .swiper-button-next, .business-media__slider .swiper-button-prev {
        display: none
    }
}

.business-media__slider .swiper-button-disabled {
    display: none
}

.business-media__swiper-item {
    width: 100%;
    overflow: hidden;
    cursor: pointer
}

.business-media__swiper-item img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px
}

.business-media .show-all-link {
    text-align: right
}

@media (max-width: 575px) {
    .business-media .show-all-link {
        display: none
    }
}

@media (min-width: 768px) {
    .business-media .show-all-link {
        display: none
    }
}

@media (min-width: 1400px) {
    .business-media .show-all-link {
        display: block
    }
}

.business-media .show-all-link a {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #003A70
}

.business-page .main-slider img {
    border-radius: 8px
}

.business-page__container {
    max-width: 1520px;
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .business-page__container {
        padding: 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1536px) {
    .business-page__container {
        padding: 0 20px
    }
}

@media (min-width: 1537px) {
    .business-page__container {
        padding: 0
    }
}

.business-page__top {
    width: 100%;
    margin: 10px 0 38px
}

@media (max-width: 575px) {
    .business-page__top {
        margin: 0
    }
}

@media (min-width: 768px) {
    .business-page__top {
        margin: 0 0 20px
    }
}

@media (min-width: 834px) and (max-width: 1280px) {
    .business-page__top {
        margin: 10px 0
    }
}

.business-page__heading {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    color: #333;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 575px) {
    .business-page__heading {
        padding: 0 15px;
        margin: 10px 0 20px;
        font-size: 18px;
        line-height: 127%
    }
}

@media (min-width: 576px) {
    .business-page__heading {
        padding: 0 20px;
        font-size: 18px;
        line-height: 127%;
        margin: 10px 0
    }

    .business-page__left {
        display: none
    }
}

@media (min-width: 768px) {
    .business-page__heading {
        font-size: 33px;
        line-height: 127%;
        margin: 10px 0
    }
}

@media (min-width: 1200px) {
    .business-page__heading {
        padding: 0
    }
}

@media (min-width: 1400px) {
    .business-page__heading {
        padding: 0;
        font-size: 33px;
        margin: 0
    }
}

.business-page__product-name, .business-page__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 16px
}

.business-page__product-name {
    width: 100%;
    font-weight: 500;
    line-height: 127%;
    text-transform: capitalize;
    color: #9D9C9C
}

@media (max-width: 575px) {
    .business-page__product-name {
        padding: 0 15px;
        margin: 0 0 10px
    }

    .business-page__left {
        display: none
    }
}

@media (min-width: 768px) {
    .business-page__product-name {
        padding: 0 20px
    }
}

@media (min-width: 1200px) {
    .business-page__product-name {
        padding: 0
    }

    .business-page__left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        width: 19%
    }
}

@media (min-width: 1400px) {
    .business-page__product-name {
        padding: 0
    }

    .business-page__left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        width: 19%
    }
}

@media (max-width: 575px) {
    .business-page__right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0 15px
    }
}

@media (min-width: 576px) {
    .business-page__right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .business-page__right {
        padding: 0 20px
    }
}

@media (min-width: 1200px) {
    .business-page__right {
        padding: 0 20px;
        -ms-flex: 0 0 81%;
        flex: 0 0 81%;
        width: 81%
    }
}

@media (min-width: 1400px) {
    .business-page__right {
        -ms-flex: 0 0 81%;
        flex: 0 0 81%;
        width: 81%;
        padding: 0 0 0 25px
    }
}

.business-page__text {
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin: 0 0 75px
}

.business-page__btn .btn, .business-page__btn-mob .btn {
    color: #fff;
    padding: 20px 30px;
    font-weight: 600;
    line-height: 18px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    background: #F7941D
}

@media (max-width: 575px) {
    .business-page__text {
        font-size: 14px;
        margin: 0 0 30px
    }
}

@media (min-width: 768px) {
    .business-page__text {
        margin: 0 0 30px
    }
}

@media (min-width: 1400px) {
    .business-page__text {
        margin: 0 0 75px
    }
}

.business-page__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 75px
}

@media (max-width: 575px) {
    .business-page__btn {
        display: none
    }
}

.business-page__btn .btn {
    display: -ms-flexbox;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    border-radius: 4px;
    border: none
}

.business-page__btn-mob {
    display: none
}

@media (max-width: 575px) {
    .business-page__btn-mob {
        display: -ms-flexbox;
        display: flex
    }
}

.business-page__btn-mob .btn {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 4px;
    border: none
}

.business-links__swiper .swiper-button-disabled, .business-page .swiper-button-disabled {
    display: none
}

.business-links__swiper {
    width: 100%
}

@media (max-width: 425px) {
    .business-links__swiper {
        margin: 0
    }
}

.business-links__swiper .swiper-button-next, .business-links__swiper .swiper-button-prev {
    top: 33%;
    color: #000
}

.business-links__swiper .swiper-button-next::after, .business-links__swiper .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background: #fff;
    color: #003A70
}

@media (max-width: 575px) {
    .business-links__swiper .swiper-button-next, .business-links__swiper .swiper-button-prev {
        display: none
    }

    .business-links__swiper .swiper-wrapper {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .business-links__swiper .swiper-wrapper .swiper-slide {
        margin-bottom: 10px
    }

    .business-links__swiper .swiper-wrapper .swiper-slide img {
        height: 80px
    }

    .business-btn {
        display: none
    }
}

@media (min-width: 576px) {
    .business-btn {
        display: none
    }
}

@media (min-width: 768px) {
    .business-btn {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1200px) {
    .business-btn {
        display: -ms-flexbox;
        display: flex
    }
}

.business-btn .btn {
    border: 1px solid #F7941D;
    color: #333;
    padding: 12px 40px;
    background: 0 0;
    border-radius: 4px;
    text-transform: uppercase
}

@media (max-width: 575px) {
    .business-btn-mob {
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 30px
    }
}

@media (min-width: 576px) {
    .business-btn-mob {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) {
    .business-btn-mob {
        display: none
    }
}

@media (min-width: 1200px) {
    .business-btn-mob {
        display: none
    }
}

.business-btn-mob .btn {
    width: 100%
}

.cards {
    display: block;
    margin: 0 0 50px
}

@media (min-width: 992px) {
    .cards {
        margin-top: 70px
    }
}

@media (max-width: 767px) {
    .cards {
        display: none
    }
}

.cards__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}

@media (min-width: 568px) and (max-width: 767px) {
    .cards__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (min-width: 768px) {
    .cards__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 5px;
        margin: 0 0 10px
    }
}

@media (min-width: 992px) {
    .cards__item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 0 5px;
        margin: 0 0 10px
    }
}

.cards__item-container {
    padding: 25px 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 4px;
    min-height: 365px
}

@media (min-width: 568px) and (max-width: 767px) {
    .cards__item-container {
        min-height: 265px
    }
}

@media (min-width: 992px) {
    .cards__item-container {
        min-height: 385px
    }
}

@media (min-width: 1400px) and (max-width: 1536px) {
    .cards__item-container {
        min-height: 400px
    }

    .certificates__swiper {
        max-width: 1090px
    }
}

@media (min-width: 1537px) {
    .cards__item-container {
        min-height: 365px
    }
}

.cards__item-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px
}

.cards__title {
    min-height: 55px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #003A70;
    margin: 0 0 30px
}

.cards__text {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.certificates__heading, .documentation__heading {
    font-size: 24px;
    color: #003A70;
    font-family: Raleway;
    text-transform: uppercase;
    font-weight: 700
}

.cards .swiper-pagination-bullet {
    width: 56px;
    height: 4px;
    border-radius: 4px;
    background: #F7941D
}

.cards__mobile {
    display: none
}

@media (max-width: 767px) {
    .cards__mobile {
        display: block
    }
}

.cards-mobile {
    display: none
}

@media (max-width: 767px) {
    .cards-mobile {
        display: block
    }
}

.certificates {
    margin: 0 0 75px;
    width: 100%
}

@media (max-width: 575px) {
    .certificates {
        margin: 0 0 30px
    }
}

@media (min-width: 1400px) {
    .certificates {
        margin: 0 0 75px
    }
}

.certificates__heading {
    width: 100%;
    font-style: normal;
    line-height: 127%;
    text-align: left;
    margin: 0 0 20px
}

@media (min-width: 1400px) {
    .certificates__heading {
        margin: 0 0 35px
    }
}

.certificates__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.certificates__item {
    width: 100%;
    border-radius: 4px;
    overflow: hidden
}

.certificates__item img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.certificates .swiper-pagination-bullet {
    width: 5px;
    height: 4px;
    border-radius: 4px;
    background: #F7941D
}

@media (min-width: 1400px) {
    .certificates .swiper-pagination-bullet {
        width: 56px
    }
}

@media (max-width: 575px) {
    .documentation {
        display: none
    }
}

.documentation__heading {
    font-style: normal;
    text-align: center;
    margin: 75px 0 30px
}

.drawing__menu-item, .install__swiper-text, .main-description-current__application-area li, .main-description-current__application-area p {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

.documentation .tabs__list {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.drawing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

@media (max-width: 575px) {
    .drawing {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.drawing__menu {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px
}

@media (max-width: 575px) {
    .drawing__menu {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.drawing__file-box {
    font-size: 14px;
    -ms-flex: 0 0 calc(100% - 300px);
    flex: 0 0 calc(100% - 300px)
}

.drawing__menu-list {
    padding: 0;
    position: sticky;
    top: 0
}

.drawing__menu-item {
    list-style-type: none;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    cursor: pointer
}

.drawing__menu-item:hover {
    background: rgba(0, 58, 112, .15);
    font-weight: 500
}

@media (max-width: 575px) {
    .drawing__file-box {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .drawing__menu-item {
        text-align: center
    }

    .drawing__menu-item:hover {
        background: 0 0;
        color: #F7941D
    }
}

.drawing__menu-item--active {
    background: rgba(0, 58, 112, .15);
    font-weight: 500
}

@media (max-width: 575px) {
    .drawing__menu-item--active {
        background: 0 0;
        color: #F7941D
    }
}

.drawing__file-item, .drawing__file-types {
    display: -ms-flexbox;
    display: flex
}

.drawing__file-item {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    color: #000;
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.drawing__file-item:hover {
    background: rgba(0, 58, 112, .15)
}

.drawing__file-name {
    width: 80%;
    font-size: 14px
}

@media (max-width: 575px) {
    .drawing__file-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #CCC
    }

    .drawing__file-name {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 10px
    }

    .drawing__file-types {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .drawing__file-list--active {
        max-height: 300px;
        overflow: auto
    }
}

.drawing__file-type {
    padding: 4px 12px;
    background: #9D9C9C;
    border-radius: 4px;
    margin: 0 10px 0 0
}

.drawing__file-type a {
    color: #fff
}

.drawing__file-type--active {
    background: #F7941D
}

.drawing__file-list {
    display: none
}

.drawing__file-list--active {
    display: block
}

.industrial-slider .show-all-link {
    text-align: right;
    margin: 0 0 25px
}

@media (max-width: 575px) {
    .industrial-slider .show-all-link {
        display: none
    }
}

@media (min-width: 1400px) {
    .industrial-slider .show-all-link {
        display: block
    }
}

.industrial-slider .show-all-link a {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #333
}

.industrial-slider__swiper {
    max-width: 1210px;
    margin: 0 0 100px
}

@media (min-width: 375px) and (max-width: 425px) {
    .industrial-slider__swiper {
        margin: 0 0 20px
    }
}

@media (min-width: 1400px) and (max-width: 1536px) {
    .industrial-slider__swiper {
        max-width: 1090px
    }
}

.industrial-slider__swiper .swiper-button-next, .industrial-slider__swiper .swiper-button-prev {
    top: 33%;
    color: #000
}

.industrial-slider__swiper .swiper-button-next::after, .industrial-slider__swiper .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background: #fff;
    color: #F7941D
}

@media (max-width: 575px) {
    .industrial-slider__swiper {
        margin: 0 0 20px
    }

    .industrial-slider__swiper .swiper-wrapper {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .industrial-slider__swiper .swiper-wrapper .swiper-slide {
        margin-bottom: 10px
    }

    .industrial-slider__swiper .swiper-button-next, .industrial-slider__swiper .swiper-button-prev {
        display: none
    }
}

.industrial-slider__swiper .swiper-button-disabled {
    display: none
}

.industrial-slider__block {
    height: 210px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 425px) {
    .industrial-slider__block {
        height: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        width: 30%;
        margin: 0
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .industrial-slider__block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        margin: 0 0 20px
    }
}

.industrial-slider__item {
    width: 100%;
    padding: 10px
}

@media (max-width: 575px) {
    .industrial-slider__item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .industrial-slider__item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 834px) and (max-width: 1280px) {
    .industrial-slider__item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1400px) {
    .industrial-slider__block {
        width: 100%;
        margin: 0 0 20px
    }

    .industrial-slider__item {
        width: 100%
    }
}

.industrial-slider__item img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    height: 100%
}

.industrial-slider__item img:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.industrial-slider__item p {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #333
}

@media (max-width: 575px) {
    .industrial-slider__item img {
        height: 80px
    }

    .industrial-slider__item a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center
    }

    .industrial-slider__item p {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 120%;
        padding: 0 0 0 10px;
        text-align: left
    }

    .install {
        display: none
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .industrial-slider__item p {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        font-size: 16px;
        line-height: 120%;
        padding: 0;
        text-align: center
    }
}

@media (min-width: 1400px) {
    .industrial-slider__item p {
        width: 100%;
        font-size: 16px;
        line-height: 120%;
        padding: 0
    }
}

.industrial-slider__commercial-gates img {
    padding: 0
}

.install__heading {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #003A70;
    margin: 75px 0 30px;
    text-transform: uppercase
}

.install .tabs__list {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.install .tabs__content-item {
    padding: 20px 30px
}

.install .tabs__content-item--active {
    border-radius: 0 0 8px 8px
}

.install__swiper .swiper-button-next, .install__swiper .swiper-button-prev {
    top: 44%;
    color: #000
}

@media (max-width: 575px) {
    .install__swiper .swiper-button-next, .install__swiper .swiper-button-prev {
        display: none
    }
}

.install__swiper .swiper-button-next::after, .install__swiper .swiper-button-prev::after {
    font-size: 14px;
    color: #003A70
}

.install__swiper-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 575px) {
    .install__swiper-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.install__swiper-img {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    height: 180px;
    padding: 0
}

@media (max-width: 575px) {
    .install__swiper-img {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        height: auto;
        margin: 0 0 10px
    }
}

@media (min-width: 1400px) {
    .install__swiper-img {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding: 0;
        height: auto;
        margin: 0 0 10px
    }
}

.install__swiper-img img {
    display: block;
    width: 275px;
    height: 180px;
    -o-object-fit: contain;
    object-fit: contain
}

.install__swiper-text {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 130px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

@media (max-width: 575px) {
    .install__swiper-img img {
        width: 100%;
        height: auto
    }

    .install__swiper-text {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        padding: 0
    }
}

@media (min-width: 768px) {
    .install__swiper-text {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        padding: 0 50px
    }
}

@media (min-width: 1400px) {
    .install__swiper-text {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 130px
    }
}

.install__pagination .swiper-button-next, .install__pagination .swiper-button-prev {
    top: 44%;
    color: #000
}

@media (max-width: 575px) {
    .install__pagination .swiper-button-next, .install__pagination .swiper-button-prev {
        display: none
    }
}

.install__pagination .swiper-button-next::after, .install__pagination .swiper-button-prev::after {
    padding: 12px 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    color: #003A70
}

.main-description-current__application-area {
    margin: 0 0 35px
}

.main-description-current__application-area p {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

.main-description-current__application-area li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.main-description-current__business-order {
    display: -ms-flexbox;
    display: flex
}

.main-description-current__business-order .product-page__btn {
    display: block;
    margin: 0
}

.main-description-current__business-order .product-page__btn .order-btn {
    background: #003A70
}

@media (max-width: 575px) {
    .main-description-current__left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        -ms-flex-order: 2;
        order: 2
    }

    .main-description-current__right {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 5px
    }
}

.main-description-current .main-description__swiper-box {
    position: absolute;
    width: 61%;
    bottom: 18%;
    left: 40px;
    background: rgba(247, 148, 29, .5);
    background: linear-gradient(180deg, rgba(255, 255, 255, .8) 15%, rgba(247, 148, 29, .8));
    z-index: 2;
    padding: 10px;
    border-radius: 4px
}

.main-description-current .main-description__swiper-box p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

@media (max-width: 575px) {
    .main-description-current .main-description__swiper-box {
        position: relative;
        left: 0;
        width: 100%;
        margin-bottom: 20px
    }

    .main-description-current .main-description__swiper-box p {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px
    }
}

.main-description-current .main-description__swiper-box p:first-child {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #003A70;
    margin: 0 0 10px
}

@media (max-width: 575px) {
    .main-description-current .main-description__swiper-box p:first-child {
        font-size: 14px;
        line-height: 17px
    }

    .novelties {
        display: none
    }
}

.novelties__heading, .package__heading {
    font-size: 24px;
    text-transform: uppercase
}

.novelties {
    margin: 0 0 70px
}

.novelties__heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #003A70;
    margin: 75px 0 30px
}

.novelties__content {
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    padding: 20px 30px
}

.novelties__swiper {
    width: 100%
}

.novelties__swiper .swiper-slide {
    margin: 20px 0;
    padding: 0 15px;
    height: auto
}

.novelties__swiper .swiper-button-next, .novelties__swiper .swiper-button-prev {
    color: #000
}

@media (max-width: 575px) {
    .novelties__swiper .swiper-button-next, .novelties__swiper .swiper-button-prev {
        display: none
    }
}

.novelties__swiper .swiper-button-next::after, .novelties__swiper .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 8px;
    font-weight: 700;
    color: #fff
}

.novelties__swiper-text, .package__swiper-text {
    font-weight: 500;
    text-align: left;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal
}

.novelties__swiper-item:before {
    position: absolute;
    left: 100%;
    content: '';
    height: 100%;
    width: 1px;
    background: #DEDEDE
}

.novelties__swiper-img {
    width: 100%;
    height: auto;
    margin: 0 auto 40px
}

.novelties__swiper-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.novelties__swiper-text {
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.novelties__pagination {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.novelties__pagination .swiper-pagination {
    position: initial;
    color: #333;
    width: auto;
    padding: 0 10px
}

.novelties__pagination .swiper-button-next, .novelties__pagination .swiper-button-prev {
    position: initial;
    margin: 0
}

.novelties__pagination .swiper-button-next.swiper-button-disabled, .novelties__pagination .swiper-button-prev.swiper-button-disabled {
    display: -ms-flexbox;
    display: flex;
    opacity: 0
}

.novelties__pagination .swiper-button-next::after, .novelties__pagination .swiper-button-prev::after {
    font-size: 14px;
    color: #003A70;
    width: 4px;
    padding: 0
}

.package__heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #003A70;
    margin: 75px 0 30px
}

.package .tabs__list {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.package .tabs__content-item {
    padding: 10px 0 30px
}

.package .tabs__content-item--active {
    border-radius: 0 0 8px 8px
}

.package__swiper {
    width: 100%
}

.package__swiper .swiper-slide {
    margin: 20px 0;
    padding: 0 15px;
    height: auto;
    border-right: 1px solid #DEDEDE
}

.package__swiper .swiper-button-next, .package__swiper .swiper-button-prev {
    color: #000
}

@media (max-width: 575px) {
    .package, .package__swiper .swiper-button-next, .package__swiper .swiper-button-prev {
        display: none
    }
}

.package__swiper .swiper-button-next::after, .package__swiper .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 18px;
    border-radius: 8px;
    font-weight: 700;
    color: #fff
}

.package__swiper .swiper-button-prev {
    left: 10px
}

.package__swiper-img {
    width: 100%;
    height: auto;
    margin: 0 auto 40px
}

.package__swiper-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.package__swiper-text {
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.package__pagination {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.package__pagination .swiper-pagination {
    position: initial;
    color: #333;
    width: auto;
    padding: 0 10px
}

.package__pagination .swiper-button-next, .package__pagination .swiper-button-prev {
    position: initial;
    margin: 0
}

.package__pagination .swiper-button-next.swiper-button-disabled, .package__pagination .swiper-button-prev.swiper-button-disabled {
    display: -ms-flexbox;
    display: flex;
    opacity: 0
}

.package__pagination .swiper-button-next::after, .package__pagination .swiper-button-prev::after {
    font-size: 14px;
    color: #003A70;
    width: 4px;
    padding: 0
}

.product-menu {
    width: 100%;
    margin-bottom: 20px
}

.product-menu__item {
    background: #F2F2F2;
    margin: 0 0 20px;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.product-menu__item:last-child {
    margin: 0
}

.product-menu__item.arrow .product-menu__heading .fa-angle-down, .product-menu__item.arrow .product-menu__heading .fa-angle-up {
    top: 37%;
    position: absolute;
    right: 15px
}

.product-menu__heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    padding: 20px 24px;
    cursor: pointer;
    display: block;
    position: relative
}

.product-menu__heading.active, .product-menu__item--active .product-menu__heading, .product-menu__list-item.active a {
    color: #003A70
}

.product-menu__list {
    background: #fff;
    display: none;
    border-radius: 0 0 8px 8px;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.product-menu__list.active {
    display: block
}

.product-menu__list-item a {
    display: -ms-flexbox;
    display: flex;
    font-family: Montserrat, Arial, Helvetica, sans-serif, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    padding: 10px 24px;
    text-decoration: none;
    color: #333;
    transition: .5s
}

.product-menu__list-item a:hover {
    color: #003A70
}

.product-menu__list-item:first-child a {
    padding: 20px 24px 10px
}

.product-menu__list-item:last-child a {
    padding: 10px 24px 20px
}

.tabs__solution {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.tabs__solution-img {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

@media (max-width: 575px) {
    .tabs__solution-img {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 15px 0
    }
}

.tabs__solution-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
    margin-bottom: 10px
}

.tabs__solution-text {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    padding: 20px 0 0 40px
}

@media (max-width: 575px) {
    .tabs__solution-text {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin: 0 0 15px
    }
}

.tabs__solution-table {
    width: 100%;
    margin: 20px 0
}

.tabs__prepare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs__prepare-img {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

@media (max-width: 575px) {
    .tabs__prepare-img {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 15px 0
    }
}

.tabs__prepare-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px
}

.tabs__prepare-text {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    padding: 20px 0 0 40px
}

.tabs__prepare-text ol {
    column-count: 2
}

@media (max-width: 575px) {
    .tabs__prepare-text {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin: 0 0 15px
    }

    .tabs__prepare-text ol {
        column-count: 1
    }
}

.tabs__prepare-text li {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    color: #333;
    margin-bottom: 10px
}

.tabs__colors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 10px;
    width: auto
}

@media (max-width: 575px) {
    .tabs__colors {
        margin: 0
    }
}

.tabs__colors__swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tabs__color {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    margin: 0 0 20px;
    padding: 0 10px;
    cursor: pointer;
    width: 12.5%
}

@media (max-width: 575px) {
    .tabs__color {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin: 20px 0;
        padding: 0;
        width: 100%
    }
}

.tabs__color:nth-child(8n) {
    margin: 0 0 20px
}

@media (max-width: 575px) {
    .tabs__color:nth-child(8n) {
        margin: 20px 0 0
    }

    .tabs__color-img {
        padding: 0 10px
    }
}

.tabs__color:hover p {
    color: #003A70;
    font-weight: 500
}

.tabs__color-text, .tabs__construction-text li {
    font-weight: 300;
    font-size: 12px;
    font-family: Montserrat;
    font-style: normal
}

.tabs__color-img {
    margin: 0 0 15px
}

.tabs__color-img img {
    display: block;
    width: 100%;
    min-height: 63px;
    max-height: 89px;
    height: auto;
    border-radius: 6px
}

.tabs__color-img--active {
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-radius: 6px
}

.tabs__color-text {
    line-height: 130%;
    text-align: center
}

.tabs__construction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs__construction-img {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

@media (max-width: 575px) {
    .tabs__construction-img {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 15px 0
    }
}

.tabs__construction-img img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px
}

.tabs__construction-text {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    padding: 20px 0 0 40px
}

.tabs__construction-text ol {
    column-count: 2
}

@media (max-width: 575px) {
    .tabs__construction-text {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin: 0 0 15px
    }

    .tabs__construction-text ol {
        column-count: 1
    }
}

.tabs__construction-text li {
    line-height: 150%;
    color: #333;
    margin-bottom: 10px
}

.tabs__design {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 1200px) {
    .tabs__design {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.tabs__design-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media (min-width: 1200px) {
    .tabs__design-left {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%
    }
}

.tabs__design-right {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%
}

.tabs__design-top {
    width: 100%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4B4B4B
}

.tabs__design-swiper-item {
    width: 122px;
    height: 122px;
    padding: 10px;
    margin: 0 auto;
    cursor: pointer
}

.tabs__design-swiper-item--active, .tabs__design-swiper-item:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-radius: 4px
}

.tabs__design-swiper-item--active .tabs__design-swiper-text {
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    color: #4B4B4B
}

.tabs__design-swiper-img {
    margin: 0 0 12px
}

.tabs__design-swiper-img img {
    display: block;
    width: 70px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.tabs__design-swiper-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    word-break: break-word;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #4B4B4B
}

.tabs .design-tab-slider {
    max-width: 490px;
    padding: 25px 33px
}

.tabs .design-tab-slider .swiper-button-next, .tabs .design-tab-slider .swiper-button-prev {
    top: 37%;
    color: #000
}

.tabs .design-tab-slider .swiper-button-next::after, .tabs .design-tab-slider .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 16px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-radius: 8px;
    background: #fff
}

.tabs .design-tab-slider .swiper-button-next {
    right: 2px
}

.tabs .design-tab-slider .swiper-button-prev {
    left: 2px
}

.tabs__design-color-picker .tabs__colors {
    margin: 25px -10px 0
}

.tabs__design-color-picker .tabs__color {
    padding: 0 10px;
    width: 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%
}

@media (min-width: 1200px) {
    .tabs__design-color-picker .tabs__color {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        width: 20%
    }
}

.tabs__design-color-picker .tabs__color-img {
    margin: 0 0 15px
}

@media (max-width: 575px) {
    .tabs__design-color-picker .tabs__color-img {
        padding: 0 10px
    }
}

.tabs__design-color-picker .tabs__color-img img {
    display: block;
    width: 100%;
    min-height: 63px;
    max-height: 60px;
    height: auto;
    border-radius: 6px
}

.tabs__design-color-picker .tabs__color-img--active {
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-radius: 6px
}

.tabs__design-color-picker:nth-child(5n) {
    margin: 0 0 10px
}

.tabs__design-preview {
    display: none;
    padding: 0 0 0 30px
}

.tabs__design-preview span {
    background-blend-mode: multiply;
    background-size: 100% 100%, auto;
    background-repeat: no-repeat;
    width: 95%;
    height: 100%;
    position: absolute
}

.tabs__design-preview img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.tabs__design-preview--active {
    display: block;
    position: relative
}

.tabs__equipment {
    max-width: 1110px;
    width: 100%
}

.tabs__switcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 20px
}

.tabs__switcher-item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #4B4B4B;
    margin: 0 30px 0 0;
    cursor: pointer
}

.tabs__switcher-item:last-child {
    margin: 0
}

.tabs__switcher-item--active, .tabs__switcher-item:hover {
    text-decoration: underline;
    color: #003A70
}

.tabs__equipment-slider-heading, .tabs__equipment-slider-text {
    color: #333;
    font-size: 12px;
    font-family: Montserrat
}

.tabs__equipment-slider-img {
    margin: 0 0 20px;
    border-radius: 4px;
    overflow: hidden
}

.tabs__equipment-slider-img img {
    display: block;
    width: 100%;
    height: 233px;
    -o-object-fit: cover;
    object-fit: cover
}

.tabs__equipment-slider-heading {
    margin: 0 0 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 104.4%;
    text-align: left
}

.tabs__equipment-slider-text {
    font-style: normal;
    font-weight: 300;
    line-height: 18px
}

.tabs__equipment-slider {
    display: none
}

.tabs__equipment-slider .swiper-button-next, .tabs__equipment-slider .swiper-button-prev {
    top: 44%;
    color: #fff
}

.tabs__equipment-slider .swiper-button-next::after, .tabs__equipment-slider .swiper-button-prev::after {
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 8px;
    background: #F7941D
}

.tabs__equipment-slider--active {
    display: block;
    position: relative;
    padding: 0 70px
}

.tabs__mounting {
    width: 100%
}

.tabs__mounting-download {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px
}

@media (max-width: 575px) {
    .tabs__equipment-slider-img img {
        height: auto
    }

    .tabs__mounting-download {
        margin: 10px 0
    }
}

.tabs__mounting-download-block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs__mounting-file-type {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    padding: 4px 12px;
    color: #fff;
    background: #F7941D;
    border-radius: 4px;
    margin: 0 15px 0 0
}

.tabs__mounting-link a {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4B4B4B;
    text-decoration: none
}

.tabs__mounting-link a:hover {
    color: #003A70
}

@media (max-width: 575px) {
    .tabs__mounting-link a {
        font-size: 12px;
        line-height: 20px
    }

    .tech-description {
        display: none
    }
}

.tech-description__heading, .viewed__heading {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #003A70
}

.tech-description__heading {
    font-family: Raleway;
    margin: 75px 0 30px
}

@media (min-width: 768px) and (max-width: 1536px) {
    .tech-description .tabs__list {
        display: none
    }

    .tech-description .tabs__list-custom {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1537px) {
    .tech-description .tabs__list-custom {
        display: none
    }
}

.tech-description .tabs__content-item {
    padding: 20px 30px
}

.viewed {
    margin: 0 0 70px
}

.viewed__heading {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-style: normal;
    margin: 75px 0 30px
}

.viewed__swiper .swiper-button-next, .viewed__swiper .swiper-button-prev {
    top: 44%;
    color: #003A70
}

.viewed__swiper .img-link a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .viewed__content {
        padding: 20px 30px
    }

    .viewed__swiper .img-link a {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.viewed__swiper .img-link__block {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
}
/* End */


/* Start:/local/templates/new/components/bitrix/search.title/header_mobile/style.css?17435002484060*/
.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/new/components/bitrix/search.title/header_mobile/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	line-height: 1.4;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/local/templates/new/components/bitrix/menu/mobile/style.css?17435002489289*/
.bx_vertical_menu_advanced {
    background: #f1f4f7;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 0 1px 1px #dcdcdc;    
    border-left: none!important;
    width: 100%;
    position: absolute!important;
    z-index: 10;
    max-height: 590px;
    overflow: auto;
}

.bx_vertical_menu_advanced > ul {
    display: block;
    margin: 0!important; 
    padding: 0;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    list-style: none
}

.bx_vertical_menu_advanced .mobile-menu-header {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #9d9c9c
}

.bx_vertical_menu_advanced .mobile-menu-header  a,
.bx_vertical_menu_advanced .mobile-menu-header  span {
    position: relative;
    z-index: 105;
    display: block;
    color: #000;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
    font-size: 15px;
    line-height: 16px;
    width: 100%
}

.bx_vertical_menu_advanced .mobile-menu-header:first-child, .bx_vertical_menu_advanced .mobile-menu-header:first-child  a {
    border-radius: 0 4px 0 0
}

.bx_vertical_menu_advanced .mobile-menu-header:last-child, .bx_vertical_menu_advanced .mobile-menu-header:last-child  a {
    border-radius: 0 0 4px 0
}

.bx_vertical_menu_advanced ul:last-child .mobile-menu-header:last-child a {
    border-bottom: none
}

.bx_vertical_menu_advanced .mobile-menu-header a {
    -webkit-transition: border-color 0s ease;
    -moz-transition: border-color 0s ease;
    -o-transition: border-color 0s ease;
    -ms-transition: border-color 0s ease;
    transition: border-color 0s ease
}

.bx_vertical_menu_advanced .mobile-menu-header.hover {
    padding: 1px 0 0;
    border: none
}

.bx_vertical_menu_advanced .mobile-menu-header.hover  a {
    margin-left: -11px;
    padding: 10px 0 10px 12px;
    width: 100%;
    border: none;
    border-right: 2px;
    background: #fff;
    box-shadow: -1px 2px 3px 0 rgba(1, 1, 1, .22);
    font-weight: 700;
    line-height: 16px;
    box-sizing: content-box
}

.bx_vertical_menu_advanced .mobile-menu-header.dropdown.hover  a {
    z-index: 1500
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container {
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: 1300;
    display: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(1, 1, 1, .1);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(1, 1, 1, .29)
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    min-width: 130px;
    border-left: 1px solid #f2f2f2;
    background: #fff
}

.bx_shadow_fix {
    display: none
}

.bx_vertical_menu_advanced .dropdown.hover .bx_shadow_fix, .bx_vertical_menu_advanced .dropdown:hover .bx_shadow_fix {
    position: absolute;
    top: -1px;
    right: -2px;
    bottom: 0;
    z-index: 1500;
    display: block;
    width: 5px;
    background: #fff;
    opacity: 1
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b1 {
    min-width: 180px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b2 {
    min-width: 360px
}

.bx_vertical_menu_advanced .mobile-menu-header.mobile-menu-header_open .bx_children_container.b2, .bx_vertical_menu_advanced .mobile-menu-header.mobile-menu-header_open .bx_children_container.b3 {
    display: flex;
    flex-wrap: wrap;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b4 {
    min-width: 720px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block:first-child {
    border-left: none
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b1 .bx_children_block {
    width: 100%
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b2 .bx_children_block, .bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b3 .bx_children_block {
    width: 100%
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container.b4 .bx_children_block {
    width: 25%
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block.advanced {
    border-left: none;
    background: #f7fafb;
    box-shadow: inset 5px 0 7px -5px rgba(0, 0, 0, .12)
}

.bx_vertical_menu_advanced .mobile-menu-header ul {
    display: block;
    margin: 0;
    padding: 0 0 14px 0;
    list-style: none
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_advanced_panel {
    max-width: 33px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block li.parent > a {
    display: block;
    padding: 5px 10px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block li.parent ul {
    border-bottom: 1px solid #f2f2f2
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block li.parent:last-child ul {
    border-bottom: none
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block li.parent ul li {
    line-height: 24px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block li.parent ul a {
    display: block;
    padding: 5px 10px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_advanced_panel {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_block.advanced .bx_children_advanced_panel {
    display: block !important
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_advanced_panel img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 220px;
    border: 1px solid #e7e9ea
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_advanced_panel .bx_item_description {
    max-width: 100%;
    max-height: 220px;
    color: #000;
    text-align: left;
    white-space: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block > ul > li {
    display: block;
    background: #fff
}

.bx_vertical_menu_advanced .mobile-menu-header .bx_children_container .bx_children_block > ul > li > a {
    display: block;
    color: #20394c;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 23px
}

.bx_vertical_menu_advanced .mobile-menu-header ul li ul li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 3px
}

.bx_children_toggle {
    padding: 5px 20px 0 50px
}

.bx_children_toggle svg {
    width: 14px;
    height: 14px;
    stroke: #5b5b5b
}

.bx_children_block_go_back {
    padding: 10px 10px 5px
}

.bx_children_block_go_back svg {
    width: 16px;
    height: 20px;
    stroke: #9d9c9c
}

.bx_vertical_menu_title {
    font-size: 18px;
    text-transform: uppercase;
    color: #003a70;
    font-weight: 700;
    padding: 20px 15px 5px
}

 .mobile-menu .ui-mobile-menu-header {
	 font-size: 16px;
	 line-height: 1.2;
	 margin: 0;
	 padding: 10px 0;
	 outline: none;
	 cursor: pointer;
 }
 .mobile-menu .ui-mobile-menu-header.mobile-menu-header__parent::before {
    content: none;
 }
 .mobile-menu .mobile-menu-header__icon:after {
    cursor: pointer;
	 content: '';
	 float: right;
	 display: inline-block;
	 vertical-align: middle;
	 margin-right: 10px;
	 width: 16px;
	 position: relative;
	 top: 2px;
	 height: 16px;
	 background: url('/local/templates/new/components/bitrix/menu/mobile/images/down.png') 0 0 no-repeat;
 }
 .mobile-menu .active-parent .mobile-menu-header__icon:after {
	 background-image: url('/local/templates/new/components/bitrix/menu/mobile/images/up.png');
 } 
 .mobile-menu:after, .mobile-menu:before {
    content: none;
 }

 .mobile-menu-child {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
 }
 
 .mobile-menu-child .mobile-menu-header {
    border-color: #0000001a;
 }
 .mobile-menu-child .mobile-menu-header a {
    padding-left: 10px;
 }
 
 .mobile-menu-child .mobile-menu-child .mobile-menu-header a {
    padding-left: 15px;
 }
 .active-parent {
    color: #20394C;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
}

.header-mobile-catalog-menu {
    position: relative;
}
.mobile-menu {
    margin-bottom: 0;
}
@media (max-width: 569px) {
    .bx_vertical_menu_advanced {
        display: none
    }

    .header_inner_bottom_line {
        overflow: hidden;
        height: auto
    }
}
/* End */


/* Start:/local/templates/new/components/bitrix/menu/mobile/themes/blue/colors.css?1743500248659*/
/* 1st level */
.bx_vertical_menu_advanced.bx_blue{
	background:#fff;
}
/* // 1st level */

/* The Container */
/*// Container */

/* 2nd level*/
.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{color: #20394C}
.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{color: #366181}
/* // 2nd level*/

/* 3rd level */
.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a:hover{
	background: #F0F6F8;
	box-shadow: inset 0 1px 1px 0 #E3E9EB;
}
/* // 3rd level */

/* Panel */
/* // The Panel*/


/* End */


/* Start:/local/templates/new/components/bitrix/search.title/header/style.css?17435002484041*/
.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/new/components/bitrix/search.title/header/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/local/templates/new/components/bitrix/menu/catalog_vertical/style.css?17435002488464*/
.bx_vertical_menu_advanced {
    background: #f1f4f7;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 0 1px 1px #dcdcdc;
}

.bx_vertical_menu_advanced > ul {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    list-style: none;
}

/* 1 ������� */
.bx_vertical_menu_advanced .bx_hma_one_lvl {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #9D9C9C;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl > a {
    position: relative;
    z-index: 105;
    display: block;
    //padding: 0 0 0 42px;
    color: #000;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
    font-size: 15px;
    line-height: 16px;
    width: 100%;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl:first-child,
.bx_vertical_menu_advanced .bx_hma_one_lvl:first-child > a {
    border-radius: 0 4px 0 0
}

.bx_vertical_menu_advanced .bx_hma_one_lvl:last-child,
.bx_vertical_menu_advanced .bx_hma_one_lvl:last-child > a {
    border-radius: 0 0 4px 0
}

.bx_vertical_menu_advanced ul:last-child .bx_hma_one_lvl:last-child > a {
    border-bottom: none
}

.bx_vertical_menu_advanced .bx_hma_one_lvl > a {
    -webkit-transition: border-color 0s ease;
    -moz-transition: border-color 0s ease;
    -o-transition: border-color 0s ease;
    -ms-transition: border-color 0s ease;
    transition: border-color 0s ease;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.hover {
    padding: 1px 0 0;
    border: none;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.hover > a {
    margin-left: -11px;
    padding: 10px 0 10px 12px;
    width: 100%;
    border: none;
    border-right: 2px;
    background: #fff;
    box-shadow: -1px 2px 3px 0px rgba(1, 1, 1, .22);
    font-weight: bold;
    line-height: 16px;
    box-sizing: content-box;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.dropdown.hover {
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.dropdown.hover > a {
    z-index: 1500
}

.bx_vertical_menu_advanced .bx_hma_one_lvl > a:active,
.bx_vertical_menu_advanced .bx_hma_one_lvl.current > a {
}

/* // 1� ������� */
/* ���������*/
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container {
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: 1300;
    display: none;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(1, 1, 1, .1);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(1, 1, 1, .29);
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block {
   /*float: left;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*margin-bottom: -20000px;*/
    padding: 10px 12px;
    min-width: 130px;
    border-left: 1px solid #f2f2f2;
    background: #fff;
}

.bx_shadow_fix {
    display: none
}

.bx_vertical_menu_advanced .dropdown:hover .bx_shadow_fix,
.bx_vertical_menu_advanced .dropdown.hover .bx_shadow_fix {
    position: absolute;
    top: -1px;
    right: -2px;
    bottom: 0;
    z-index: 1500;
    display: block;
    width: 5px;
    background: #fff;
    opacity: 1;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b1 {
    min-width: 180px
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b2 {
    min-width: 360px;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.bx_hma_one_lvl_open .bx_children_container.b2,
.bx_vertical_menu_advanced .bx_hma_one_lvl.bx_hma_one_lvl_open .bx_children_container.b3 {
    display: flex;
    flex-wrap: wrap;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
}

/*.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3 {*/
/*    min-width: 540px*/
/*}*/

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b4 {
    min-width: 720px
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block:first-child {
    border-left: none
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b1 .bx_children_block {
    width: 100%
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b2 .bx_children_block,
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block {
    width: 100%
}

/*.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block {*/
/*    width: 33.3%*/
/*}*/

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b4 .bx_children_block {
    width: 25%
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block.advanced {
    border-left: none;
    background: #f7fafb;
    box-shadow: inset 5px 0 7px -5px rgba(0, 0, 0, .12);
}

/*// ���������*/
/* 2� �������*/
.bx_vertical_menu_advanced .bx_hma_one_lvl ul {
    display: block;
    margin: 0;
    padding: 0 0 14px 0;
    list-style: none;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel {
    max-width: 33px;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent > a {
    display: block;
    padding: 5px 10px;
}

/*.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{
	color: #366181;
}*/
/* //2� �������*/
/* 3� ������� */
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul {
    border-bottom: 1px solid #f2f2f2
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent:last-child ul {
    border-bottom: none
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li {
    line-height: 24px
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a {
    display: block;
    padding: 5px 10px;
}

/*.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a:hover{
	background:#f0f6f8;
	box-shadow:inset 0 1px 1px 0 #e3e9eb;
}*/
/* // 3� ������� */

/* ������ */
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_advanced_panel {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_block.advanced .bx_children_advanced_panel {
    display: block !important
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 220px;
    border: 1px solid #e7e9ea;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel .bx_item_description {
    max-width: 100%;
    max-height: 220px;
    color: #000;
    text-align: left;
    white-space: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

/* // ������*/
.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block > ul > li {
    display: block;
    background: #fff;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block > ul > li > a {
    display: block;
    color: #20394c;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 23px;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl ul li ul li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 3px;
}

.bx_children_toggle {
    padding: 5px 20px 0 50px;
}

.bx_children_toggle svg {
    width: 14px;
    height: 14px;
    stroke: #5b5b5b;
}

.bx_children_block_go_back {
    padding: 10px 10px 5px;
}

.bx_children_block_go_back svg {
    width: 16px;
    height: 20px;
    stroke: #9D9C9C;
}

.bx_vertical_menu_title {
    font-size: 18px;
    text-transform: uppercase;
    color: #003A70;
    font-weight: bold;
    padding: 20px 15px 5px;
}

@media (max-width: 569px) {
    .bx_vertical_menu_advanced {
        display: none
    }

    .header_inner_bottom_line {
        overflow: hidden;
        height: auto;
    }
}

/* End */


/* Start:/local/templates/new/components/bitrix/menu/catalog_vertical/themes/blue/colors.css?1743500248659*/
/* 1st level */
.bx_vertical_menu_advanced.bx_blue{
	background:#fff;
}
/* // 1st level */

/* The Container */
/*// Container */

/* 2nd level*/
.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{color: #20394C}
.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{color: #366181}
/* // 2nd level*/

/* 3rd level */
.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a:hover{
	background: #F0F6F8;
	box-shadow: inset 0 1px 1px 0 #E3E9EB;
}
/* // 3rd level */

/* Panel */
/* // The Panel*/


/* End */


/* Start:/local/templates/new/styles.css?174350024820616*/
.content .under-icon-text,
.main-advantages .under-icon-text {
	display: block;
	height: 40px;
	margin-bottom: 26px;
	text-align: center;
}

.content .icon-icon,
.main-advantages .icon-icon {
	margin-bottom: 13px;
	text-align: center;
}

.content .icon-icon img,
.main-advantages .icon-icon img {
	width: 30%;
}

/* Раздел гаражные ворота */

.spec-advant  {
margin-bottom: 30px !important;
}

.advant {

}

.advant-padding {
position: relative;
min-height: 300px;
padding: 0 10px;
background: #f9f9f9;
}

.advant h3 {
font-size: 16px;
min-height: 85px;
font-weight: bold;
padding: 15px 3px 5px 3px;
text-align: center;
}

.advant img {
margin-left: calc(50% - 90px);
border-radius: 50%;
}

.advant-descript {
position: absolute;
top: 70px;
width: 100%;
min-height: 230px;
margin-bottom: 60px !important;
background: #dcdbdb;
margin-left: -10px !important;
}

.this-desc {
width: 240px;
margin: 20px auto !important;
}

.advant-descript p{
font-size: 12px;
line-spacing: 1 !important;
padding: 0;
margin: 5px !important;
}

@media only screen and (max-width : 1024px) {
.advant {
padding: 10px;
}
}

/* Как сэкономить */
.img-econom {
padding: 10px;
}


.img-econom img {
width: 100%;
height: auto;
}

.econom-block {
height: 83px;
margin: 10px;
}

.block-round {
width: 60px;
height: 60px;
background: #003a78;
border-radius: 50%;
float: left;
}

.block-round img{
width: 60%;
margin-left: 13px;
margin-top: 13px;
}

.econom-text {
display: block;
margin-left: 70px;
margin-right: 20px;
padding-top: 22px;
font-size: 18px;
}


/* Общие стили для доп информации по воротам и пр. */

a {
text-decoration: none !important;
}

.real-block  {
min-height: 230px;
margin-bottom: 20px;
}

.picture {
margin-top: 20px;
}

.picture img {
width: 100%;
height: auto;
}

.pdf-button {
max-width: 300px;
padding: 15px 35px;
background: #013d7f;
color: #fff;
text-align: center;
margin: 40px auto;
cursor: pointer;
font-size: 18px;
}

.price-button {
max-width: 300px;
padding: 15px 35px;
background: orange;
color: #fff;
text-align: center;
margin: 80px auto;
cursor: pointer;
font-size: 18px;
}

.reset-one {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
margin: 10px;
cursor: pointer;
transition: all 0.5s linear;
z-index: 500;
}

.reset-one:hover {
transform: rotate(360deg);
}

.reset-one img {
width: 100%;
height: auto;
}

.real-block {
text-align: center;
}

.icon-icon img{
 width: 30%;
height: auto;
}

.wrapper {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
  font-weight: normal;
  line-height: 1.6;
  -webkit-font-smoothing: antialised; 
  overflow-x: hidden;
transition: all 0.5s linear;
}  

.first {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.first-img {
    background-image: url(/upload/medialibrary/e3a/sect-door.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.first-preim {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.first-preim-img {
    background-image: url(/upload/medialibrary/419/rsd.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.second {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.second-img {
    background-image: url(/upload/medialibrary/f36/rulon-door.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.third {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.third-img {
    background-image: url(/upload/medialibrary/ba7/sect-door-main.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.four{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.four-img {
    background-image: url(/upload/medialibrary/e3a/sect-door.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.five{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.five-img {
    background-image: url(/upload/medialibrary/e3a/sect-door.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.rsd01{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.rsd01-img {
    background-image: url(/upload/medialibrary/e3a/sect-door.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.rsd02{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.rsd02-img {
    background-image: url(/upload/medialibrary/ba7/sect-door-main.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.zamer{
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 30px;
    overflow: hidden;
}

.zamer-img {
    background: url(/upload/medialibrary/2d4/sect.jpg);
	background-position: center center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.zamer-rollet-img {
    background: url(/upload/medialibrary/47c/rollgates.jpg);
	background-position: center center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.zamer-otkat-img {
    background: url(/upload/medialibrary/827/otkat_.jpg);
	background-position: center center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.zamer-raspash-img {
    background: url(/upload/iblock/4ad/raspash_.jpg);
	background-position: center center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
filter: brightness(50%);
}

.isd01{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.isd01-img {
    background-image: url(/upload/medialibrary/203/sendvich.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    filter: brightness(50%);
}

.isd02{
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.isd02-img {
    background-image: url(/upload/iblock/8dd/ISD02.jpg);
    background-size: cover;
    background-position: center center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    filter: brightness(50%);
}

.list {
    margin: 50px auto;
    color: #fff !important;
    padding: 0;
    z-index: 6;
}

.list ul{
    padding: 20px;
}

.list ul li{
    list-style-type: none;
}

.rsd-image {
    margin: 20px auto;
    text-align: center;
    padding: 0;
    z-index: 6;
}

.rsd-image img {
    width: 300px;
    height: 249px;
    margin: 0 auto;
    text-align: center;
    z-index: 6;
}

.zamer-image {
margin: 50px auto 0 auto;
text-align: center;
padding: 0;
padding-left: 40px;
z-index: 6;
}

.zamer-image img {
width: 160px;
height: 102px;
margin: 0 auto;
text-align: center;
z-index: 6;
}

.list {
padding: 0 20px;
}
  
.main-title {
    text-align: center;
    color: #ea942d;
    font-size: 26px;
    margin-top: 50px;
    animation-delay: 0.2s;
/* box-shadow: rgba(1, 61, 127, 0.7) 0 0 0 10000px;
 background: rgba(1, 61, 127, 0.7); */
}

.question-one {
    text-align: center;
    color: #fff !important;
    margin-top: 40px;
    font-size: 26px;
    animation-delay: 0.4s;
}

.icon-snow {
    width: 80px;
    height: 80px;
    margin: 50px auto 0 auto;
    animation-delay: 0.5s;
}

.icon-snow img {
    width: 100%;
    height: auto;
}

.cross-preim {
float: right;
margin-right: 20px;
font-size: 30px;
cursor: pointer;
transition: all 0.3s linear;
}

.cross-preim:hover {
transform: rotate(180deg);
}

.list-preim {
display: block;
max-width: 400px;
margin: 30px auto;
color: #fff;
}

.list-preim li{
padding-right: 20px;
}

.buttons {
    width: 280px;
    height: 100%;
    margin: 50px auto 50px auto;
}

.button-preim  {
    display: block;
    max-width: 220px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    background: #ea942d;
    cursor: pointer;
    font-size: 20px;

}

.button {
    display: inline-block;
    width: 120px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    background: #ea942d;
    cursor: pointer;
    font-size: 20px;
}

.to-product {
    display: block;
    width: 220px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto 50px auto;
    background: #ea942d;
    cursor: pointer;
    font-size: 20px;
}

.yes-1, .yes-3, .yes-4, .yes-5 {
    animation-delay: 0.6s;
}

.no-1, .no-3, .no-4, .no-5 {
    margin-left: 34px;
    background: red;
    animation-delay: 0.6s;
}

/* Рулонные */

.vzlom {
    min-height: 150px;
    cursor: pointer;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin: 30px auto;
}

#piu {
    margin-bottom: 50px;
}

.low img {
    width: 20%;
    height: auto;
}

.middle img {
    width: 20%;
    height: auto;
}

.high img {
    width: 20%;
    height: auto;
    transform: rotate(180deg);
}

.penozap, .ekstrud, .rulon-gates {
    width: 100%;
    min-height: 150px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    display: none;
}

 .hide {
    display: none;
 } 
 
 .show {
    display: block;
 }
 

.youtube {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

@media only screen and (max-width : 400px) {
.youtube {
    background-size: contain;
}
}

.youtube .play {
    background: url('/upload/medialibrary/442/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
 
.youtube:hover .play {
    background-position: 0 0;
}

@media (max-width: 920px) {
	#dhaide .dha {
		width: auto;
	}
	#dhaide .dha h1{
		width: auto;
	}
	#dhaide .price__calc{
		width: auto;
	}
	#dhaide .dha .dha-result {
		display: block;
		float: right;
		width: 50%;
	}
	#dhaide .dha .dha-preview{
		width: 100%;
		height: auto;
		float: left;
	}
	#dhaide .dha-estimate{
		width: 50%;
	}
	#dhaide .dha .dha-preview img {
    width: 100%;
    height: auto;
	}
	#dhaide .dha-aide-item {
    	display: block;
	}
	#dhaide .dha div.dha-dsn {
    	display: block;
    	width: 100%;
	}
	#dhaide .dha .dha-footer {
    text-align: center;
}
}

	@media (max-width: 768px) {
	#dhaide .dha {
		margin: 0px -50px;
	}
	#dhaide .dha h1 {
    height: 55px;
	background-position: 0 0;
	padding-top: 25px;
	}
}

	@media (max-width: 590px) {
	#dhaide .dha .dha-result {
    	width: 100%;
	}
	#dhaide .dha .dha-preview {
   		width: 50%;
	}
	#dhaide .dha ol li .li-title{
		width: 100%;
}
}

	@media (max-width: 480px) {
	#dhaide .dha {
	    margin: 0px -10px;
	}
	#dhaide .dha .dha-preview {
	    width: 100%;
		border: none;
	}
	#dhaide .dha h1 {
    height: auto;
    background-image: none;
	backgraund-color: #003a79;
    padding: 0;
	text-align: center;
	}
	#dhaide .dha ol li .li-title{
	margin-left: 0;
	}
	#dhaide .dha .dha-estimate {
    max-width: none;
	}
}

#dha-contact-form .dha-modal-header {
	text-align: left;
    color: #616161;
    padding-left: 10px;
	border-radius: 5px 5px 0 0;
}

#dha-contact-form .dha-button{
	border: none;
}

#dha-contact-form .dha-modal-close:after{
	font-size: 30px;
    font-weight: 100;
}

#dha-contact-form .dha-modal-body{
	padding: 0 10px;
}

#dha-contact-form .dha-form-label{
	color: #777;
}

#dha-contact-form .dha-form-controls input[type=text], #dha-contact-form .dha-form-controls textarea{
	border-color: #9c9c9c;
    border-radius: 3px;
    text-align: left;
}

#dha-contact-form .dha-form-controls input[type=text]{
	height: 24px;
}

#dha-contact-form .dha-form-row{
	padding-top: 10px;
}

#dha-contact-form label.dha-checkbox-label{
	border-radius: 3px;
    border-color: #9c9c9c;
}

#dha-contact-form .dha-form-controls div:not("dha-checkbox"){
	color: #777;
}

#dha-contact-form .dha-form-label[for="dha-need_delivery"]{
	padding-top: 15px;
}

#dha-contact-form .dha-form-controls img{
	margin-right: 1%!important;
	width: 49%;
	border: 1px solid #9c9c9c;
    border-radius: 3px;
}

#dha-captcha_code{
	width: 50%!important;
    height: 37px!important;
    margin-bottom: 3px
}

#dha-contact-form .dha-button{
	border-radius: 3px;
}

#dha-contact-form .dha-modal-container{
    width: 600px;
	height: 650px;
}

#dha-contact-form #dha-pdha-lnk{
	color: #777;
}

#dha-contact-form .dha-modal-footer{
	text-align: center;
}

#dha-contact-form #dha-modal-ok{
	background: #f7941d;
	text-transform: uppercase;
	font-weight: bold;
    color: white;
	font-size: 130%;
	margin-bottom: 5px;
    border-radius: 5px;
}

#dha-contact-form .dha-file-list tbody{
	border: #9c9c9c 1px solid;
    border-radius: 3px;
	padding: 3px;
}

#dha-file-list .dha-file-button {
    width: 100px;
    text-align: right;
}

/*#dha-contact-form .dha-captcha .dha-button{
	width: 50%!important;
}*/

#dha-contact-form .dha-file-list thead{
	display: inherit;
}

@media (max-width: 700px) {
	#dha-contact-form .dha-modal-container{
    width: 90%;
}
}


/* Слайды и список замеров */

.vision {
opacity: 1;
}

.zamer-step-1 {
  animation-delay: 0.5s;
opacity: 0;
}


.zamer-step-2 {
    animation-delay: 1s;
opacity: 0;
}

.zamer-step-3 {
    animation-delay: 1.5s;
opacity: 0;
}

.zamer-step-4 {
    animation-delay: 2s;
opacity: 0;
}

.zamer-step-5 {
    animation-delay: 2.5s;
opacity: 0;
}

.zamer-step-6 {
    animation-delay: 3s;
opacity: 0;
}

/* Заглавная секция */

.first-sect {
    display: block;
    background: #9fc5e8;
    width: 100%;
    height: 620px;
    text-align: center;
    z-index: 1;
}

.main-photo {
    display: block;
    position: relative;
    top: 35px;
    width: 267px;
    height: 544px;
    margin: 0 auto;
    background: url(/catalog/img/main-pict-door.jpg);
    z-index: 2;
    opacity: 0.9;
}

.logo-above-door {
    position: relative;
    max-width: 640px;
    height: auto;
    margin: -350px auto 0 auto;
    text-align: center;
    z-index: 3;
    opacity: 1;
}

.logo-above-door img {
    width: 100%;
    height: 100%;
    padding: 0 10px 0 10px;
}

.main-title-door {
    position: relative;
    margin: 0 auto 10px !important;
    line-height: 1.42857143;
    font-size: 68px;
    color: #fff;
    z-index: 3;
}

.subs-door {
    color: #fff;
    position: relative;
    margin: -20px auto 10px !important;
    line-height: 1.42857143;
    font-size: 22px;
    z-index: 3;
}

@media all and (max-width: 740px){
    .main-title-door {
        margin-top: 20px;
        font-size: 48px;
    }
    
    .subs-door {
        margin-top: 0px;
        font-size: 16px;
    }
}

/* Бытовые двери */

.byt-doors h1 {
    margin: 50px auto;
}

.byt-doors-wrapper {
    border-bottom: 2px solid lightgrey;
    text-align: center;
}

.byt-doors-blocks {
    margin: 0 auto 50px auto;
}

.door-block {
    margin: 0 auto 40px;
    cursor: pointer;
}

.door-block img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin: 0 auto;
    
}

.door-block p {
    margin: 10px auto;
    font-size: 20px;
}

/* Спецаилизированные двери */

.doors-title,
.spec-doors h1 {
    margin: 50px auto;
}

.spec-doors-wrapper {
    border-bottom: 2px solid lightgrey;
    text-align: center;
}

.spec-doors-blocks {
    margin: 0 auto 50px auto;
}

/* Преимущества */

.advantages h1 {
    margin: 50px auto;
}

.advant-block {
    margin-bottom: 40px;
    min-height: 350px;
}

.advant-block img {
    width: 80px;
    height: auto;
}

.advant-block p {
    display: block;
    max-width: 400px;
    margin: 10px auto;
    font-weight: 700;
    font-size: 16px;
}

.advant-block span {
    display: block;
    max-width: 400px;
    margin: 10px auto;
    font-size: 16px;
}

/* Стили для видео */

.video-wrapper {
    border-bottom: 2px solid lightgrey;
}

.youtube {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    margin: 0 !important;
}

@media only screen and (max-width : 1200px) {
    .youtube {
        background-size: contain;
    }
}



.youtube .play {
    background: url('/local/templates/new/../img/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -33px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 33px;
    width: 45px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

.youtube:hover .play {
    background-position: 0 0;
}

.video-block {
    display: inline-block;
    padding: 10px;
    width: 100%;
    margin: -80px auto 0 auto;
    text-align: center;
}

.title, .link {
    font-size: 14px;
    text-align: center;
}

@media only screen and (max-width : 800px) {
    .video-block {
        display: inline-block;
        padding: 10px;
        width: 100%;
        margin: 30px auto;
    }
    
}

@media only screen and (max-width : 600px) {
    .video-block {
        margin: 0 auto;
    }
}

@media only screen and (max-width : 400px) {
    .video-block {
        display: inline-block;
        padding: 10px;
        width: 100%;
        margin: -200px auto 0 auto;
    }
}

/* Секция продукты */

.products-wrapper {
    border-bottom: 2px solid lightgrey;
}

.product-block p{
    display: block;
    max-width: 500px;
    margin: 10px auto;
    font-weight: 700;
    font-size: 20px;
    color: orange;
}

.product-block img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-block span {
    display: block;
    max-width: 460px;
    min-height: 155px;
    margin: 10px auto;
    font-size: 16px;
}

.button-to-erp {
    width: 300px;
    border: 2px solid lightgrey;
    color: grey;
    border-radius: 10px;
    margin: 20px auto;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 20px;
    
}

.doors-title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font: 400 23px "Roboto Condensed", Roboto, Arial, sans-serif;
    margin-top: 40px;
    color: #003e7e;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 320px) {
    .doors-title {
        margin-top: 20px;
        font-size: 23px;
    }
}

@media (min-width: 480px) {
    .doors-title {
        margin-top: 30px;
        font-size: 35px;
    }
}

@media (min-width: 768px) {
    .doors-title {
        width: 1170px;
        padding: 0;
        margin-top: 30px;
    }
}

.auto-door-table {
    border: 1px solid;
    width: 100%;
}

.auto-door-table tr:first-child {
    background: grey;
}

.auto-door-table td{
    border: 1px solid lightgrey;
    text-align: left;
    padding-left: 5px;
    height: 30px;
    vertical-align: middle;
}
.main-text__text ul{
    display: contents;
}
.main-text__text ul li{
    margin-left: 40px;
}


/* End */


/* Start:/local/templates/new/template_styles.css?1743500248199410*/
/*
 исходных данных для этого файла нет
 если нужно, можно править здесь, но лучше перенести в папку /.source
 */
@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css");
@font-face {
  font-family: 'HeliosCond';
  font-weight: 400;
  font-style: normal;
  src: url("/local/templates/new/fonts/HeliosCond-400.woff") format("woff"); }

@font-face {
  font-family: 'HeliosCond';
  font-weight: 700;
  font-style: normal;
  src: url("/local/templates/new/fonts/HeliosCond-700.woff") format("woff"); }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }



blockquote:before, blockquote:after,
q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

/*
 * bootstrap 4 grid
 */
.bs-4 .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 576px) {
  .bs-4 .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .bs-4 .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .bs-4 .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .bs-4 .container {
    max-width: 1140px; } }

.bs-4 .container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px; }

.bs-4 .row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.bs-4 .no-gutters {
  margin-right: 0;
  margin-left: 0; }

.bs-4 .no-gutters > .col,
.bs-4 .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.bs-4 .col-1,
.bs-4 .col-2,
.bs-4 .col-3,
.bs-4 .col-4,
.bs-4 .col-5,
.bs-4 .col-6,
.bs-4 .col-7,
.bs-4 .col-8,
.bs-4 .col-9,
.bs-4 .col-10,
.bs-4 .col-11,
.bs-4 .col-12,
.bs-4 .col,
.bs-4 .col-auto,
.bs-4 .col-sm-1,
.bs-4 .col-sm-2,
.bs-4 .col-sm-3,
.bs-4 .col-sm-4,
.bs-4 .col-sm-5,
.bs-4 .col-sm-6,
.bs-4 .col-sm-7,
.bs-4 .col-sm-8,
.bs-4 .col-sm-9,
.bs-4 .col-sm-10,
.bs-4 .col-sm-11,
.bs-4 .col-sm-12,
.bs-4 .col-sm,
.bs-4 .col-sm-auto,
.bs-4 .col-md-1,
.bs-4 .col-md-2,
.bs-4 .col-md-3,
.bs-4 .col-md-4,
.bs-4 .col-md-5,
.bs-4 .col-md-6,
.bs-4 .col-md-7,
.bs-4 .col-md-8,
.bs-4 .col-md-9,
.bs-4 .col-md-10,
.bs-4 .col-md-11,
.bs-4 .col-md-12,
.bs-4 .col-md,
.bs-4 .col-md-auto,
.bs-4 .col-lg-1,
.bs-4 .col-lg-2,
.bs-4 .col-lg-3,
.bs-4 .col-lg-4,
.bs-4 .col-lg-5,
.bs-4 .col-lg-6,
.bs-4 .col-lg-7,
.bs-4 .col-lg-8,
.bs-4 .col-lg-9,
.bs-4 .col-lg-10,
.bs-4 .col-lg-11,
.bs-4 .col-lg-12,
.bs-4 .col-lg,
.bs-4 .col-lg-auto,
.bs-4 .col-xl-1,
.bs-4 .col-xl-2,
.bs-4 .col-xl-3,
.bs-4 .col-xl-4,
.bs-4 .col-xl-5,
.bs-4 .col-xl-6,
.bs-4 .col-xl-7,
.bs-4 .col-xl-8,
.bs-4 .col-xl-9,
.bs-4 .col-xl-10,
.bs-4 .col-xl-11,
.bs-4 .col-xl-12,
.bs-4 .col-xl,
.bs-4 .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.bs-4 .col {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1; }

.bs-4 .col-auto {
  width: auto;
  max-width: none;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto; }

.bs-4 .col-1 {
  max-width: 8.333333%;
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 8.333333%; }

.bs-4 .col-2 {
  max-width: 16.666667%;
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 16.666667%; }

.bs-4 .col-3 {
  max-width: 25%;
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  flex: 0 0 25%; }

.bs-4 .col-4 {
  max-width: 33.333333%;
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 33.333333%; }

.bs-4 .col-5 {
  max-width: 41.666667%;
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 41.666667%; }

.bs-4 .col-6 {
  max-width: 50%;
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%; }

.bs-4 .col-7 {
  max-width: 58.333333%;
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 58.333333%; }

.bs-4 .col-8 {
  max-width: 66.666667%;
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 66.666667%; }

.bs-4 .col-9 {
  max-width: 75%;
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
  flex: 0 0 75%; }

.bs-4 .col-10 {
  max-width: 83.333333%;
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 83.333333%; }

.bs-4 .col-11 {
  max-width: 91.666667%;
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
  flex: 0 0 91.666667%; }

.bs-4 .col-12 {
  max-width: 100%;
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%; }

.bs-4 .order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1; }

.bs-4 .order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
  order: 13; }

.bs-4 .order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
  order: 0; }

.bs-4 .order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1; }

.bs-4 .order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  order: 2; }

.bs-4 .order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  order: 3; }

.bs-4 .order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
  order: 4; }

.bs-4 .order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
  order: 5; }

.bs-4 .order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
  order: 6; }

.bs-4 .order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
  order: 7; }

.bs-4 .order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
  order: 8; }

.bs-4 .order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
  order: 9; }

.bs-4 .order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
  order: 10; }

.bs-4 .order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
  order: 11; }

.bs-4 .order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
  order: 12; }

.bs-4 .offset-1 {
  margin-left: 8.333333%; }

.bs-4 .offset-2 {
  margin-left: 16.666667%; }

.bs-4 .offset-3 {
  margin-left: 25%; }

.bs-4 .offset-4 {
  margin-left: 33.333333%; }

.bs-4 .offset-5 {
  margin-left: 41.666667%; }

.bs-4 .offset-6 {
  margin-left: 50%; }

.bs-4 .offset-7 {
  margin-left: 58.333333%; }

.bs-4 .offset-8 {
  margin-left: 66.666667%; }

.bs-4 .offset-9 {
  margin-left: 75%; }

.bs-4 .offset-10 {
  margin-left: 83.333333%; }

.bs-4 .offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 576px) {
  .bs-4 .col-sm {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1; }
  .bs-4 .col-sm-auto {
    width: auto;
    max-width: none;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto; }
  .bs-4 .col-sm-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%; }
  .bs-4 .col-sm-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%; }
  .bs-4 .col-sm-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%; }
  .bs-4 .col-sm-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%; }
  .bs-4 .col-sm-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%; }
  .bs-4 .col-sm-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%; }
  .bs-4 .col-sm-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%; }
  .bs-4 .col-sm-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%; }
  .bs-4 .col-sm-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%; }
  .bs-4 .col-sm-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%; }
  .bs-4 .col-sm-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%; }
  .bs-4 .col-sm-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%; }
  .bs-4 .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .bs-4 .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13; }
  .bs-4 .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0; }
  .bs-4 .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; }
  .bs-4 .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2; }
  .bs-4 .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3; }
  .bs-4 .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4; }
  .bs-4 .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5; }
  .bs-4 .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6; }
  .bs-4 .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7; }
  .bs-4 .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8; }
  .bs-4 .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9; }
  .bs-4 .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10; }
  .bs-4 .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11; }
  .bs-4 .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12; }
  .bs-4 .offset-sm-0 {
    margin-left: 0; }
  .bs-4 .offset-sm-1 {
    margin-left: 8.333333%; }
  .bs-4 .offset-sm-2 {
    margin-left: 16.666667%; }
  .bs-4 .offset-sm-3 {
    margin-left: 25%; }
  .bs-4 .offset-sm-4 {
    margin-left: 33.333333%; }
  .bs-4 .offset-sm-5 {
    margin-left: 41.666667%; }
  .bs-4 .offset-sm-6 {
    margin-left: 50%; }
  .bs-4 .offset-sm-7 {
    margin-left: 58.333333%; }
  .bs-4 .offset-sm-8 {
    margin-left: 66.666667%; }
  .bs-4 .offset-sm-9 {
    margin-left: 75%; }
  .bs-4 .offset-sm-10 {
    margin-left: 83.333333%; }
  .bs-4 .offset-sm-11 {
    margin-left: 91.666667%; } }

@media (min-width: 768px) {
  .bs-4 .col-md {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1; }
  .bs-4 .col-md-auto {
    width: auto;
    max-width: none;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto; }
  .bs-4 .col-md-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%; }
  .bs-4 .col-md-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%; }
  .bs-4 .col-md-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%; }
  .bs-4 .col-md-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%; }
  .bs-4 .col-md-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%; }
  .bs-4 .col-md-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%; }
  .bs-4 .col-md-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%; }
  .bs-4 .col-md-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%; }
  .bs-4 .col-md-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%; }
  .bs-4 .col-md-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%; }
  .bs-4 .col-md-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%; }
  .bs-4 .col-md-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%; }
  .bs-4 .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .bs-4 .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13; }
  .bs-4 .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0; }
  .bs-4 .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; }
  .bs-4 .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2; }
  .bs-4 .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3; }
  .bs-4 .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4; }
  .bs-4 .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5; }
  .bs-4 .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6; }
  .bs-4 .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7; }
  .bs-4 .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8; }
  .bs-4 .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9; }
  .bs-4 .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10; }
  .bs-4 .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11; }
  .bs-4 .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12; }
  .bs-4 .offset-md-0 {
    margin-left: 0; }
  .bs-4 .offset-md-1 {
    margin-left: 8.333333%; }
  .bs-4 .offset-md-2 {
    margin-left: 16.666667%; }
  .bs-4 .offset-md-3 {
    margin-left: 25%; }
  .bs-4 .offset-md-4 {
    margin-left: 33.333333%; }
  .bs-4 .offset-md-5 {
    margin-left: 41.666667%; }
  .bs-4 .offset-md-6 {
    margin-left: 50%; }
  .bs-4 .offset-md-7 {
    margin-left: 58.333333%; }
  .bs-4 .offset-md-8 {
    margin-left: 66.666667%; }
  .bs-4 .offset-md-9 {
    margin-left: 75%; }
  .bs-4 .offset-md-10 {
    margin-left: 83.333333%; }
  .bs-4 .offset-md-11 {
    margin-left: 91.666667%; } }

@media (min-width: 992px) {
  .bs-4 .col-lg {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1; }
  .bs-4 .col-lg-auto {
    width: auto;
    max-width: none;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto; }
  .bs-4 .col-lg-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%; }
  .bs-4 .col-lg-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%; }
  .bs-4 .col-lg-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%; }
  .bs-4 .col-lg-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%; }
  .bs-4 .col-lg-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%; }
  .bs-4 .col-lg-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%; }
  .bs-4 .col-lg-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%; }
  .bs-4 .col-lg-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%; }
  .bs-4 .col-lg-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%; }
  .bs-4 .col-lg-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%; }
  .bs-4 .col-lg-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%; }
  .bs-4 .col-lg-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%; }
  .bs-4 .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .bs-4 .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13; }
  .bs-4 .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0; }
  .bs-4 .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; }
  .bs-4 .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2; }
  .bs-4 .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3; }
  .bs-4 .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4; }
  .bs-4 .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5; }
  .bs-4 .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6; }
  .bs-4 .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7; }
  .bs-4 .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8; }
  .bs-4 .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9; }
  .bs-4 .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10; }
  .bs-4 .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11; }
  .bs-4 .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12; }
  .bs-4 .offset-lg-0 {
    margin-left: 0; }
  .bs-4 .offset-lg-1 {
    margin-left: 8.333333%; }
  .bs-4 .offset-lg-2 {
    margin-left: 16.666667%; }
  .bs-4 .offset-lg-3 {
    margin-left: 25%; }
  .bs-4 .offset-lg-4 {
    margin-left: 33.333333%; }
  .bs-4 .offset-lg-5 {
    margin-left: 41.666667%; }
  .bs-4 .offset-lg-6 {
    margin-left: 50%; }
  .bs-4 .offset-lg-7 {
    margin-left: 58.333333%; }
  .bs-4 .offset-lg-8 {
    margin-left: 66.666667%; }
  .bs-4 .offset-lg-9 {
    margin-left: 75%; }
  .bs-4 .offset-lg-10 {
    margin-left: 83.333333%; }
  .bs-4 .offset-lg-11 {
    margin-left: 91.666667%; } }

@media (min-width: 1200px) {
  .bs-4 .col-xl {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1; }
  .bs-4 .col-xl-auto {
    width: auto;
    max-width: none;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto; }
  .bs-4 .col-xl-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%; }
  .bs-4 .col-xl-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%; }
  .bs-4 .col-xl-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%; }
  .bs-4 .col-xl-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%; }
  .bs-4 .col-xl-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%; }
  .bs-4 .col-xl-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%; }
  .bs-4 .col-xl-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%; }
  .bs-4 .col-xl-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%; }
  .bs-4 .col-xl-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%; }
  .bs-4 .col-xl-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%; }
  .bs-4 .col-xl-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%; }
  .bs-4 .col-xl-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%; }
  .bs-4 .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .bs-4 .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13; }
  .bs-4 .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0; }
  .bs-4 .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; }
  .bs-4 .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2; }
  .bs-4 .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3; }
  .bs-4 .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4; }
  .bs-4 .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5; }
  .bs-4 .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6; }
  .bs-4 .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7; }
  .bs-4 .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8; }
  .bs-4 .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9; }
  .bs-4 .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10; }
  .bs-4 .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11; }
  .bs-4 .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12; }
  .bs-4 .offset-xl-0 {
    margin-left: 0; }
  .bs-4 .offset-xl-1 {
    margin-left: 8.333333%; }
  .bs-4 .offset-xl-2 {
    margin-left: 16.666667%; }
  .bs-4 .offset-xl-3 {
    margin-left: 25%; }
  .bs-4 .offset-xl-4 {
    margin-left: 33.333333%; }
  .bs-4 .offset-xl-5 {
    margin-left: 41.666667%; }
  .bs-4 .offset-xl-6 {
    margin-left: 50%; }
  .bs-4 .offset-xl-7 {
    margin-left: 58.333333%; }
  .bs-4 .offset-xl-8 {
    margin-left: 66.666667%; }
  .bs-4 .offset-xl-9 {
    margin-left: 75%; }
  .bs-4 .offset-xl-10 {
    margin-left: 83.333333%; }
  .bs-4 .offset-xl-11 {
    margin-left: 91.666667%; } }

.bs-4 .d-none {
  display: none !important; }

.bs-4 .d-inline {
  display: inline !important; }

.bs-4 .d-inline-block {
  display: inline-block !important; }

.bs-4 .d-block {
  display: block !important; }

.bs-4 .d-table {
  display: table !important; }

.bs-4 .d-table-row {
  display: table-row !important; }

.bs-4 .d-table-cell {
  display: table-cell !important; }

.bs-4 .d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important; }

.bs-4 .d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .bs-4 .d-sm-none {
    display: none !important; }
  .bs-4 .d-sm-inline {
    display: inline !important; }
  .bs-4 .d-sm-inline-block {
    display: inline-block !important; }
  .bs-4 .d-sm-block {
    display: block !important; }
  .bs-4 .d-sm-table {
    display: table !important; }
  .bs-4 .d-sm-table-row {
    display: table-row !important; }
  .bs-4 .d-sm-table-cell {
    display: table-cell !important; }
  .bs-4 .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; }
  .bs-4 .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .bs-4 .d-md-none {
    display: none !important; }
  .bs-4 .d-md-inline {
    display: inline !important; }
  .bs-4 .d-md-inline-block {
    display: inline-block !important; }
  .bs-4 .d-md-block {
    display: block !important; }
  .bs-4 .d-md-table {
    display: table !important; }
  .bs-4 .d-md-table-row {
    display: table-row !important; }
  .bs-4 .d-md-table-cell {
    display: table-cell !important; }
  .bs-4 .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; }
  .bs-4 .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .bs-4 .d-lg-none {
    display: none !important; }
  .bs-4 .d-lg-inline {
    display: inline !important; }
  .bs-4 .d-lg-inline-block {
    display: inline-block !important; }
  .bs-4 .d-lg-block {
    display: block !important; }
  .bs-4 .d-lg-table {
    display: table !important; }
  .bs-4 .d-lg-table-row {
    display: table-row !important; }
  .bs-4 .d-lg-table-cell {
    display: table-cell !important; }
  .bs-4 .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; }
  .bs-4 .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .bs-4 .d-xl-none {
    display: none !important; }
  .bs-4 .d-xl-inline {
    display: inline !important; }
  .bs-4 .d-xl-inline-block {
    display: inline-block !important; }
  .bs-4 .d-xl-block {
    display: block !important; }
  .bs-4 .d-xl-table {
    display: table !important; }
  .bs-4 .d-xl-table-row {
    display: table-row !important; }
  .bs-4 .d-xl-table-cell {
    display: table-cell !important; }
  .bs-4 .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; }
  .bs-4 .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important; } }

@media print {
  .bs-4 .d-print-none {
    display: none !important; }
  .bs-4 .d-print-inline {
    display: inline !important; }
  .bs-4 .d-print-inline-block {
    display: inline-block !important; }
  .bs-4 .d-print-block {
    display: block !important; }
  .bs-4 .d-print-table {
    display: table !important; }
  .bs-4 .d-print-table-row {
    display: table-row !important; }
  .bs-4 .d-print-table-cell {
    display: table-cell !important; }
  .bs-4 .d-print-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important; }
  .bs-4 .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important; } }

.bs-4 .flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  flex-direction: row !important; }

.bs-4 .flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important; }

.bs-4 .flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  flex-direction: row-reverse !important; }

.bs-4 .flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  flex-direction: column-reverse !important; }

.bs-4 .flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.bs-4 .flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.bs-4 .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.bs-4 .flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  flex: 1 1 auto !important; }

.bs-4 .flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
  flex-grow: 0 !important; }

.bs-4 .flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
  flex-grow: 1 !important; }

.bs-4 .flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.bs-4 .flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.bs-4 .justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
  justify-content: flex-start !important; }

.bs-4 .justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
  justify-content: flex-end !important; }

.bs-4 .justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
  justify-content: center !important; }

.bs-4 .justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
  justify-content: space-between !important; }

.bs-4 .justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.bs-4 .align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
  align-items: flex-start !important; }

.bs-4 .align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
  align-items: flex-end !important; }

.bs-4 .align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  align-items: center !important; }

.bs-4 .align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
  align-items: baseline !important; }

.bs-4 .align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
  align-items: stretch !important; }

.bs-4 .align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.bs-4 .align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.bs-4 .align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.bs-4 .align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.bs-4 .align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.bs-4 .align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.bs-4 .align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.bs-4 .align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.bs-4 .align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.bs-4 .align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.bs-4 .align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.bs-4 .align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .bs-4 .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important; }
  .bs-4 .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important; }
  .bs-4 .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important; }
  .bs-4 .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important; }
  .bs-4 .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .bs-4 .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .bs-4 .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .bs-4 .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important; }
  .bs-4 .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important; }
  .bs-4 .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important; }
  .bs-4 .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .bs-4 .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .bs-4 .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important; }
  .bs-4 .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important; }
  .bs-4 .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important; }
  .bs-4 .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important; }
  .bs-4 .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .bs-4 .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important; }
  .bs-4 .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important; }
  .bs-4 .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important; }
  .bs-4 .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important; }
  .bs-4 .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important; }
  .bs-4 .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .bs-4 .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .bs-4 .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .bs-4 .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .bs-4 .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .bs-4 .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .bs-4 .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .bs-4 .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .bs-4 .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .bs-4 .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .bs-4 .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .bs-4 .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .bs-4 .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important; }
  .bs-4 .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important; }
  .bs-4 .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important; }
  .bs-4 .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important; }
  .bs-4 .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .bs-4 .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .bs-4 .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .bs-4 .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important; }
  .bs-4 .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important; }
  .bs-4 .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important; }
  .bs-4 .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .bs-4 .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .bs-4 .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important; }
  .bs-4 .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important; }
  .bs-4 .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important; }
  .bs-4 .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important; }
  .bs-4 .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .bs-4 .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important; }
  .bs-4 .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important; }
  .bs-4 .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important; }
  .bs-4 .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important; }
  .bs-4 .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important; }
  .bs-4 .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .bs-4 .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .bs-4 .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .bs-4 .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .bs-4 .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .bs-4 .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .bs-4 .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .bs-4 .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .bs-4 .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .bs-4 .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .bs-4 .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .bs-4 .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .bs-4 .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important; }
  .bs-4 .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important; }
  .bs-4 .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important; }
  .bs-4 .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important; }
  .bs-4 .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .bs-4 .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .bs-4 .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .bs-4 .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important; }
  .bs-4 .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important; }
  .bs-4 .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important; }
  .bs-4 .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .bs-4 .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .bs-4 .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important; }
  .bs-4 .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important; }
  .bs-4 .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important; }
  .bs-4 .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important; }
  .bs-4 .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .bs-4 .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important; }
  .bs-4 .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important; }
  .bs-4 .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important; }
  .bs-4 .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important; }
  .bs-4 .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important; }
  .bs-4 .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .bs-4 .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .bs-4 .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .bs-4 .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .bs-4 .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .bs-4 .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .bs-4 .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .bs-4 .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .bs-4 .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .bs-4 .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .bs-4 .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .bs-4 .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .bs-4 .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important; }
  .bs-4 .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important; }
  .bs-4 .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important; }
  .bs-4 .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important; }
  .bs-4 .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .bs-4 .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .bs-4 .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .bs-4 .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important; }
  .bs-4 .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important; }
  .bs-4 .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important; }
  .bs-4 .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .bs-4 .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .bs-4 .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important; }
  .bs-4 .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important; }
  .bs-4 .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important; }
  .bs-4 .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
    justify-content: space-between !important; }
  .bs-4 .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .bs-4 .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important; }
  .bs-4 .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important; }
  .bs-4 .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important; }
  .bs-4 .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important; }
  .bs-4 .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
    align-items: stretch !important; }
  .bs-4 .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .bs-4 .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .bs-4 .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .bs-4 .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .bs-4 .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .bs-4 .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .bs-4 .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .bs-4 .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .bs-4 .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .bs-4 .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .bs-4 .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .bs-4 .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

/* elements */
/* old */
.slick-arrow {
  font-size: 0;
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 21px;
  height: 50px;
  margin-top: -25px;
  cursor: pointer;
  border: 0;
  outline: none;
  background: url("/bitrix/templates/utlab_main/img/slick-arrows.png") no-repeat left top; }
  @media (min-width: 320px) {
    .slick-arrow {
      left: 15px; } }
  @media (min-width: 1200px) {
    .slick-arrow {
      left: 50%;
      margin-left: -606px; } }
  .slick-arrow.slick-next {
    left: auto;
    background-position: right top; }
    @media (min-width: 320px) {
      .slick-arrow.slick-next {
        right: 15px; } }
    @media (min-width: 1200px) {
      .slick-arrow.slick-next {
        right: 50%;
        margin-right: -606px;
        margin-left: 0; } }

/* new */
.slick-arrow.slick-arrow-new {
  line-height: 0;
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 31px;
  height: 31px;
  margin: 0;
  margin-top: -15px;
  cursor: pointer;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  outline: none;
  background: transparent;
  fill: #9b9b9b; }
  .slick-arrow.slick-arrow-new:hover {
    fill: #ea942d; }
  .slick-arrow.slick-arrow-new.slick-prev {
    left: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media (min-width: 1200px) {
      .slick-arrow.slick-arrow-new.slick-prev {
        left: -40px; } }
  .slick-arrow.slick-arrow-new.slick-next {
    right: 15px; }
    @media (min-width: 1200px) {
      .slick-arrow.slick-arrow-new.slick-next {
        right: -40px; } }

.slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 15px;
  border-radius: 55px;
  background: rgba(255, 255, 255, 0.35);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 320px) {
    .slick-dots {
      bottom: 3px;
      left: 20px; } }
  @media (min-width: 480px) {
    .slick-dots {
      bottom: 7px; } }
  @media (min-width: 768px) {
    .slick-dots {
      bottom: 26px; } }
  @media (min-width: 1200px) {
    .slick-dots {
      left: 50%;
      margin-left: -564px; } }
  .slick-dots button {
    font-size: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 9px;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    outline: none;
    background: #003a70; }
  .slick-dots .slick-active button {
    background: #ea942d; }

svg {
  max-width: 100%;
  max-height: 100%; }

.svg-yellow {
  fill: #ea942d; }

.header-line {
  font-size: 24px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  color: inherit;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  @media (min-width: 768px) {
    .header-line:after {
      content: '';
      margin-left: 20px;
      border-bottom: 1px solid #ea942d;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; } }
  .header-line__link {
    display: block;
    width: 100%;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    text-transform: none;
    color: inherit;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    @media (min-width: 768px) {
      .header-line__link {
        width: auto;
        margin-left: 20px; } }
    .header-line__link:hover {
      color: #ea942d; }

h2, h3 {
  margin-top: 40px;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: #ea942d;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font: 400 23px "Roboto Condensed", Roboto, Arial, sans-serif; }
  @media (min-width: 320px) {
    h2, h3 {
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media (min-width: 480px) {
    h2, h3 {
      font-size: 30px;
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (min-width: 1200px) {
    h2, h3 {
      margin-top: 30px;
      margin-bottom: 30px; } }

/* layout */
.top-line {
  height: 77px;
  background: #fff; }
  .top-line .container, .top-line .row {
    height: 50%; }
  .top-line__humb {
    line-height: 0; }

.top-line-logo {
  line-height: 0;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: none; }
  .top-line-logo:hover {
    opacity: 0.8; }
  .top-line-logo img {
    max-width: 100%; }

.top-line-phone {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: none;
  color: #003a70; }
  .top-line-phone_white {
    color: #fff;
  }
  @media (min-width: 768px) {
    .top-line-phone {
      font-size: 21px; } }
  @media (min-width: 1200px) {
    .top-line-phone {
      font-size: 22px; } }
  .top-line-phone:hover {
    opacity: 0.8; }

.header-promo {
  line-height: 1.5;
  width: 100%;
  margin-bottom: 2px;
  padding: 6px 0;
  text-align: center;
  background: url("/local/templates/new/img/banner-blocks.png") no-repeat;
  background-size: cover; }
  .header-promo__text {
    font-size: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff; }
    .header-promo__text img {
      display: inline-block;
      width: 130px;
      height: 20px; }
  .header-promo__link {
    font-size: 16px;
    display: inline-block;
    padding: 4px 60px;
    cursor: pointer;
    vertical-align: middle;
    color: #fff !important;
    border: none;
    border-radius: 15px;
    background-color: #ffa500; }
    .header-promo__link:hover {
      color: #fff !important; }

/* .central-banner {
	width: 100%;
	margin: 0 auto 2px;
	text-align: center;
	background: url('/local/templates/new/img/banner-blocks.png') no-repeat;
	background-size: cover;
}

.banner-title {
	font-size: 22px;
	position: relative;
	top: 5px; right: 0; bottom: 0; left: 0;
	display: inline-block;
	margin:auto;
	margin-bottom: 8px;
	text-align: center;
	color: #fff;
}

.logo_in_text {
	display: inline-block;
	width: 130px;
	height: 20px;

}

.logo_in_text img{
	width: 100%;
	height: auto;
	margin-top: -3px;
}

.yes-link {
	position: relative;
	top: 2px; right: 0; bottom: 3px; left: 5px;
	display: inline-block;
	margin:auto;
	margin-bottom: 5px;
	cursor: pointer;
}

.submit-2 {
	font-size: 16px;
	padding: 2px 60px;
	color: #fff;
	border: none;
	border-radius: 15px;
	background-color: #ffa500;
} */
.header {
  height: 64px;
  margin-bottom: 2px;
 }
  @media (min-width: 768px) {
    .header {
      height: auto; } }
  .header .container, .header .row {
    height: 100%; }

  .header__search {
    line-height: 0; }
  .header__humb {
    line-height: 0; }

.header-humb {
  line-height: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 15px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .header-humb:hover {
    opacity: 0.8; }
  .header-humb__icon {
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff; }
    .is-menu-open .header-humb__icon {
      background: transparent; }
    .header-humb__icon:before, .header-humb__icon:after {
      content: "";
      position: absolute;
      left: 0;
      width: 20px;
      height: 2px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      background: #fff; }
    .header-humb__icon:before {
      top: -6px; }
      .is-menu-open .header-humb__icon:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
    .header-humb__icon:after {
      bottom: -6px; }
      .is-menu-open .header-humb__icon:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.header-popup {
  position: absolute;
  z-index: 300;
  top: 116px;
  right: 0;
  left: 0;
  display: none;
  background: #fff; }
  @media (min-width: 768px) {
    .header-popup {
      top: 52px; } }
  @media (min-width: 1200px) {
    .header-popup {
      display: none !important; } }
  .header-popup__top-menu {
    padding: 30px 0;
    border-bottom: 1px solid #ccc; }
  .header-popup__header-menu {
    padding: 23px 0; }
  .header-popup__callback {
    padding: 23px 0;
    text-align: center;
    border-top: 1px solid #ccc; }

.footer-logo {
  line-height: 0;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: none; }
  .footer-logo:hover {
    opacity: 0.8; }
  .footer-logo img {
    max-width: 100%; }

.footer-menu__items {
  margin: 0;
  margin-bottom: -22px;
  padding: 0;
  list-style: none; }

.footer-menu__item {
  display: block;
  margin: 0;
  margin-bottom: 22px;
  padding: 0; }

.footer-menu__link {
  font-size: 14px;
  line-height: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-decoration: none;
  color: #fff; }
  .footer-menu__link:hover {
    color: #ea942d; }

.utlab {
  padding: 20px 0;
  background: #484848; }
  .utlab__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-decoration: none;
    color: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .utlab__link:hover {
      opacity: 0.8; }
  .utlab__text {
    font-size: 14px;
    line-height: 1;
    margin-right: 20px; }

/* popup cities */
#cboxOverlay.cities-popup-colorbox {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0.5); }

.cities-popup-colorbox #cboxTopLeft, .cities-popup-colorbox #cboxTopCenter, .cities-popup-colorbox #cboxTopRight,
.cities-popup-colorbox #cboxMiddleLeft, .cities-popup-colorbox #cboxMiddleRight,
.cities-popup-colorbox #cboxBottomLeft, .cities-popup-colorbox #cboxBottomCenter, .cities-popup-colorbox #cboxBottomRight {
  display: none;
  width: 0;
  height: 0; }

.cities-popup-colorbox #cboxContent {
  margin: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.06); }
  @media (min-width: 768px) {
    .cities-popup-colorbox #cboxContent {
      margin: 30px; } }

.cities-popup-colorbox #cboxLoadedContent {
  margin: 0; }

.cities-popup-colorbox #cboxClose {
  display: none; }

.cities-popup__search {
  padding: 30px 50px; }
  @media (min-width: 768px) {
    .cities-popup__search {
      padding: 50px 60px 30px; } }
  @media (min-width: 1200px) {
    .cities-popup__search {
      padding: 60px 190px 30px; } }

.cities-popup__items {
  padding: 30px 50px;
  padding-top: 0; }
  @media (min-width: 768px) {
    .cities-popup__items {
      padding: 50px 60px;
      padding-top: 0; } }
  @media (min-width: 992px) {
    .cities-popup__items {
      padding: 60px 190px;
      padding-top: 0; } }

.cities-popup-search {
  position: relative; }
  .cities-popup-search__input {
    width: 100%;
    padding: 7px 23px;
    border: 0;
    background: #eee;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media (min-width: 768px) {
      .cities-popup-search__input {
        padding-top: 15px;
        padding-bottom: 15px; } }
  .cities-popup-search__dropdown {
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    display: none;
    width: 290px;
    min-width: 100%;
    padding: 23px;
    border-top: 1px solid #fff;
    background: #eee; }
  .cities-popup-search__items {
    position: relative;
    overflow: hidden;
    max-height: 185px;
    margin: 0;
    padding: 0;
    list-style: none; }
  .cities-popup-search__item {
    font-size: 14px;
    font-weight: 400;
    margin: 15px 0 !important;
    padding: 0;
    color: #999; }
    .cities-popup-search__item::before {
      display: none; }
    .cities-popup-search__item:last-child {
      margin-bottom: 0; }
    .cities-popup-search__item a {
      text-decoration: none;
      color: inherit; }
      .cities-popup-search__item a:hover {
        text-decoration: underline;
        color: inherit; }
      .cities-popup-search__item a:visited {
        color: inherit; }
  .cities-popup-search__not-find {
    font-size: 14px;
    font-weight: 700;
    display: none;
    margin: 15px 0;
    color: #555; }

.cities-popup-items {
  /* список регионов */
  /* список городов */ }
  .cities-popup-items__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: -50px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    border-bottom: 1px solid #ea942d; }
    @media (min-width: 768px) {
      .cities-popup-items__text {
        margin-right: -60px;
        margin-left: -60px;
        padding-right: 60px;
        padding-left: 60px; } }
    @media (min-width: 1200px) {
      .cities-popup-items__text {
        margin-right: -190px;
        margin-left: -190px;
        padding-right: 190px;
        padding-left: 190px; } }
  .cities-popup-items__regions {
    position: relative;
    overflow: hidden; }
  .cities-popup-items__regions-items {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media (min-width: 768px) {
      .cities-popup-items__regions-items {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 100px;
        column-gap: 100px; } }
  .cities-popup-items__regions-item {
    font-size: 14px;
    font-weight: 400;
    margin: 15px 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #777; }
    .cities-popup-items__regions-item--letter {
      font-weight: 700;
      margin: 30px 0;
      text-transform: uppercase;
      color: #333; }
    .cities-popup-items__regions-item--big {
      font-weight: 700;
      color: #333; }
    .cities-popup-items__regions-item::before {
      display: none; }
    .cities-popup-items__regions-item:first-child {
      margin-top: 0; }
    .cities-popup-items__regions-item:last-child {
      margin-bottom: 0; }
    .cities-popup-items__regions-item:hover {
      color: #ea942d; }
  .cities-popup-items__cities {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff; }
    .cities-popup-items__cities.is-show {
      left: 0; }
  @media (min-width: 768px) {
    .cities-popup-items__cities-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .cities-popup-items__cities-back {
    font-size: 18px;
    cursor: pointer;
    color: #333; }
    .cities-popup-items__cities-back:hover {
      color: #ea942d; }
  .cities-popup-items__cities-name {
    font-size: 18px;
    margin-top: 20px;
    color: #ea942d; }
    @media (min-width: 768px) {
      .cities-popup-items__cities-name {
        margin-top: 0;
        margin-left: 20px; } }
  .cities-popup-items__cities-items {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none; }
    @media (min-width: 768px) {
      .cities-popup-items__cities-items {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 100px;
        column-gap: 100px; } }
  .cities-popup-items__cities-item {
    font-size: 14px;
    font-weight: 400;
    margin: 15px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .cities-popup-items__cities-item::before {
      display: none; }
    .cities-popup-items__cities-item:first-child {
      margin-top: 0; }
    .cities-popup-items__cities-item:last-child {
      margin-bottom: 0; }
  .cities-popup-items a {
    color: #777; }
    .cities-popup-items a:hover {
      color: #ea942d; }

/* main */
.main-slider-img__items {
  margin: 0;
  padding: 0; }

.main-slider-img__item {
  line-height: 0;
  position: relative;
  margin: 0;
  padding: 0; }
  .main-slider-img__item:focus {
    outline: 0; }

.main-slider-img__img {
  width: 100%;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%; }
  @media (min-width: 768px) {
    .main-slider-img__img {
      height: 340px; } }
  @media (min-width: 1200px) {
    .main-slider-img__img {
      height: 540px; } }

.main-slider-img__btn {
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  text-align: center; }

.main-slider-img .slick-arrow.slick-arrow-new.slick-prev {
  left: 15px; }
  @media (min-width: 1200px) {
    .main-slider-img .slick-arrow.slick-arrow-new.slick-prev {
      left: 15px; } }

.main-slider-img .slick-arrow.slick-arrow-new.slick-next {
  right: 15px; }
  @media (min-width: 1200px) {
    .main-slider-img .slick-arrow.slick-arrow-new.slick-next {
      right: 15px; } }

.main-slider-video {
  position: relative;
  background-position: 50%;
  background-size: cover; }
  .main-slider-video__video {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .main-slider-video__items {
    height: 240px;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .main-slider-video__items {
        height: 340px; } }
    @media (min-width: 1200px) {
      .main-slider-video__items {
        height: 540px; } }
  .main-slider-video__item {
    margin: 0;
    padding: 0; }
    .main-slider-video__item:focus {
      outline: 0; }
  .main-slider-video__content {
    padding-top: 100px; }
  .main-slider-video__heading {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff; }
  .main-slider-video__btn {
    font-size: 12px;
    margin-top: 45px; }
  .main-slider-video .slick-arrow.slick-arrow-new.slick-prev {
    left: 15px; }
    @media (min-width: 1200px) {
      .main-slider-video .slick-arrow.slick-arrow-new.slick-prev {
        left: 15px; } }
  .main-slider-video .slick-arrow.slick-arrow-new.slick-next {
    right: 15px; }
    @media (min-width: 1200px) {
      .main-slider-video .slick-arrow.slick-arrow-new.slick-next {
        right: 15px; } }

.main-calc {
    width: 100%;
  padding: 30px 0;
  background: #fff url("/local/templates/new/img/main-calc.jpg") 0 50% no-repeat/auto 100%;
  -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.14); }
  .main-calc__text {
    font-size: 15px;
    line-height: 1.4;
    display: block;
    padding: 17px 15px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #0054a2;
    -webkit-box-shadow: 0px 9px 42px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 9px 42px 1px rgba(0, 0, 0, 0.14); }
    @media (min-width: 768px) {
      .main-calc__text {
        font-size: 20px; } }
    @media (min-width: 1200px) {
      .main-calc__text {
        font-size: 24px; } }
    .main-calc__text:hover {
      opacity: 0.8; }

.main-popular {
  position: relative;
  overflow: hidden;
  padding: 40px 0 50px; }
  @media (min-width: 768px) {
    .main-popular {
      padding: 50px 0 70px; } }
  @media (min-width: 1200px) {
    .main-popular {
      padding: 60px 0 90px; } }
  .main-popular::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 250px;
    height: 298px;
    background: url(/local/templates/new/img/main-popular1.png); }
    @media (min-width: 768px) {
      .main-popular::before {
        display: block; } }
  .main-popular::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: none;
    width: 308px;
    height: 375px;
    background: url(/local/templates/new/img/main-popular2.png); }
    @media (min-width: 1200px) {
      .main-popular::after {
        display: block; } }
  .main-popular__header {
    margin-bottom: 20px;
    color: #003a70; }
    @media (min-width: 768px) {
      .main-popular__header {
        margin-bottom: 30px; } }
    @media (min-width: 1200px) {
      .main-popular__header {
        margin-bottom: 40px; } }
  .main-popular__items {
    position: relative;
    z-index: 2; }

.main-count {
  position: relative;
  overflow: hidden;
  padding: 40px 0 50px;
  /* form */ }
  @media (min-width: 768px) {
    .main-count {
      padding: 50px 0 70px; } }
  @media (min-width: 1200px) {
    .main-count {
      padding: 60px 0 90px; } }
  .main-count::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: none;
    width: 961px;
    height: 819px;
    background: url(/local/templates/new/img/main-count.png); }
    @media (min-width: 1200px) {
      .main-count::after {
        display: block; } }
  .main-count__header {
    margin-bottom: 20px;
    color: #003a70; }
    @media (min-width: 768px) {
      .main-count__header {
        margin-bottom: 30px; } }
    @media (min-width: 1200px) {
      .main-count__header {
        margin-bottom: 40px; } }
  .main-count__body {
    position: relative;
    z-index: 2; }
  .main-count__right {
    padding-top: 46px; }
  .main-count__type {
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-bottom: 30px; }
  .main-count__input, .main-count__textarea {
    font-family: HeliosCond, sans-serif;
    font-size: 14px;
    width: 100%;
    margin-bottom: 30px;
    padding: 15px 22px;
    border: 0;
    outline: none;
    -webkit-box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.05); }
  .main-count__textarea {
    height: 88px;
    resize: none; }
    @media (min-width: 992px) {
      .main-count__textarea {
        height: 177px; } }
    @media (min-width: 1200px) {
      .main-count__textarea {
        height: 244px; } }
  .main-count__select {
    font-family: HeliosCond, sans-serif;
    font-size: 14px;
    width: 100%;
    margin-bottom: 30px;
    padding: 15px 22px;
    border: 1px solid #ddd;
    outline: none;
    background: transparent; }
    .main-count__select option {
      width: 100%;
      text-transform: uppercase;
      outline: none; }
  .main-count .chosen-container {
    margin-bottom: 30px; }
  .main-count .chosen-single {
    left: 22px; }
  .main-count .chosen-search-input {
    padding: 15px 22px;
    border: 1px solid #ddd;
    background: transparent url("/local/templates/new/img/blue-arrow.png") no-repeat 95% center; }
  .main-count .chosen-results li {
    padding: 0 22px; }
  .main-count__background {
    margin-bottom: 30px; }
    .main-count__background img {
      width: 100%; }
  @media (min-width: 992px) {
    .main-count__size {
      margin-bottom: 30px; } }
  .main-count__size label {
    font-size: 14px;
    display: block;
    margin-bottom: 30px;
    color: #555; }
    @media (min-width: 992px) {
      .main-count__size label {
        margin-bottom: 0; } }
  .main-count__size input.size {
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media (min-width: 992px) {
      .main-count__size input.size {
        margin-bottom: 0; } }
  .main-count__services input {
    display: none; }
  .main-count__services label {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #555;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 992px) {
      .main-count__services label {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .main-count__services label::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 20px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff; }
  .main-count__services input:checked + label::after {
    background: #ea942d; }
  .main-count__recaptcha {
    overflow: hidden;
    margin-bottom: 30px; }
  .main-count__policy {
    font-size: 14px;
    margin-top: 15px;
    color: #333; }
    .main-count__policy a {
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
      text-decoration: none;
      color: #003a70; }
      .main-count__policy a:hover {
        text-decoration: none;
        color: #ea942d; }
  .main-count__success {
    font-size: 25px;
    margin-bottom: 26px;
    text-align: center;
    color: #ea942d; }
  .main-count__error {
    font-size: 25px;
    margin-bottom: 26px;
    text-align: center; }
  .main-count__wrapper {
    position: relative; }
    .main-count__wrapper::after {
      content: '';
      position: absolute;
      top: 1px;
      right: 1px;
      display: block;
      width: 33px;
      height: calc(100% - 2px);
      cursor: pointer;
      background: #fff url("/bitrix/templates/utlab_main/img/blue-arrow.png") no-repeat center; }

.count-captcha__title {
  margin-bottom: 7px; }

.count-captcha__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 13px 0; }

.count-captcha__input {
  padding: 9px;
  text-align: center;
  outline: none; }

  @media (min-width: 768px) {
    .main-text {
      padding: 50px 0 70px; } }
  @media (min-width: 1200px) {
    .main-text {
      padding: 60px 0 90px; } }
  .main-text__header {
    margin-bottom: 30px;
    color: #fff; }
    @media (min-width: 768px) {
      .main-text__header {
        margin-bottom: 40px; } }
    @media (min-width: 1200px) {
      .main-text__header {
        margin-bottom: 50px; } }
    .main-text__header h1 {
      text-align: left; }
  .main-text__text {
    font-size: 16px;
    line-height: 1.4;
    color: #fff; }
    @media (min-width: 768px) {
      .main-text__text {
        -webkit-column-count: 2;
        column-count: 2; } }
    .main-text__text h2 {
      font: inherit;
      text-transform: uppercase; }
    .main-text__text p {
      margin: 17px 0; }
      .main-text__text p:first-child {
        margin-top: 0; }
      .main-text__text p:last-child {
        margin-bottom: 0; }
    .main-text__text ul {
      overflow: hidden;
      padding-left: 40px;
      list-style: disc; }
    .main-text__text li {
      margin: 10px 0; }
    .main-text__text a {
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
      text-decoration: none;
      color: #ea942d; }
      .main-text__text a:hover {
        text-decoration: none;
        color: #fff; }

.main-news {
  padding: 40px 0 50px; }
  @media (min-width: 768px) {
    .main-news {
      padding: 50px 0 70px; } }
  @media (min-width: 1200px) {
    .main-news {
      padding: 60px 0 90px; } }
  .main-news__header {
    margin-bottom: 30px;
    color: #003a70; }
    @media (min-width: 768px) {
      .main-news__header {
        margin-bottom: 40px; } }
    @media (min-width: 1200px) {
      .main-news__header {
        margin-bottom: 50px; } }

.main-reviews {
  margin-top: -50px;
  padding: 40px 0 50px; }
  @media (min-width: 768px) {
    .main-reviews {
      margin-top: -70px;
      padding: 50px 0 70px; } }
  @media (min-width: 1200px) {
    .main-reviews {
      margin-top: -90px;
      padding: 60px 0 90px; } }
  .main-reviews__header {
    margin-bottom: 20px;
    color: #003a70; }
    @media (min-width: 768px) {
      .main-reviews__header {
        margin-bottom: 30px; } }
    @media (min-width: 1200px) {
      .main-reviews__header {
        margin-bottom: 40px; } }

.main-links {
  position: relative;
  z-index: 10;
  padding: 35px 0;
  background: #fff;
  -webkit-box-shadow: 3.009px 3.993px 32px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 3.009px 3.993px 32px 0px rgba(0, 0, 0, 0.05); }
  .main-links__sep {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background: #ea942d; }
  .main-links__items {
    margin-bottom: -20px; }
    @media (min-width: 768px) {
      .main-links__items {
        margin-bottom: 0; } }
  .main-links__item {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .main-links__item {
        margin-bottom: 0; } }
  .main-links__link {
    font-size: 18px;
    line-height: 1.1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    text-decoration: none;
    text-transform: uppercase;
    color: #003a70;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .main-links__link:hover {
      color: #ea942d; }
  .main-links__icon {
    width: 50px;
    height: 50px;
    margin-right: 30px;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
    fill: #003a70;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .main-links__link:hover .main-links__icon {
      fill: #ea942d; }
    .main-links__icon svg {
      width: 100%;
      height: 100%; }

.main-extmenu {
  position: relative;
  z-index: 5;
  background: #fff; }
  .main-extmenu__items {
    padding: 0;
    list-style: none; }
    .main-extmenu__items--lvl1 {
      padding: 10px 0; }
      @media (min-width: 768px) {
        .main-extmenu__items--lvl1 {
          padding: 0; } }
    .main-extmenu__items--lvl2 {
      display: none;
      padding: 5px 0 15px 35px; }
      @media (min-width: 768px) {
        .main-extmenu__items--lvl2 {
          position: absolute;
          z-index: 2;
          top: 100%;
          right: 15px;
          left: 15px;
          display: none !important;
          padding: 10px 20px;
          border-top: 2px solid #f1f1f2;
          background: #fff;
          -webkit-box-shadow: 3.009px 3.993px 32px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 3.009px 3.993px 32px 0px rgba(0, 0, 0, 0.05); } }
      @media (min-width: 1200px) {
        .main-extmenu__items--lvl2 {
          padding: 13px 50px; } }
      @media (min-width: 768px) {
        .main-extmenu__item:hover .main-extmenu__items--lvl2 {
          display: block !important; } }
  .main-extmenu__item {
    position: relative; }
    .main-extmenu__item--lvl2 {
      margin: 12px 0; }
  .main-extmenu__link {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    text-decoration: none;
    color: #333; }
    .main-extmenu__link:hover {
      color: #ea942d; }
    .main-extmenu__link--lvl1 {
      font-size: 18px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 10px 0;
      text-transform: uppercase;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media (min-width: 768px) {
        .main-extmenu__link--lvl1 {
          padding: 20px 0; } }
    .main-extmenu__link--lvl2 {
      font-size: 14px; }
  .main-extmenu__icon {
    width: 15px;
    height: 15px;
    margin-right: 20px;
    fill: #ea942d;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media (min-width: 1200px) {
      .main-extmenu__icon {
        margin-right: 40px; } }

.main-hits {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  position: relative;
  padding: 50px 0 100px;
  background: url("/bitrix/templates/utlab_main/img/hits-pattern.jpg") repeat-x left top;
  overflow: hidden; }
  .main-hits__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    text-transform: uppercase; }
  .main-hits__container {
    position: relative;
    margin-top: 40px; }
    @media (min-width: 320px) {
      .main-hits__container {
        padding: 0 40px; } }
    @media (min-width: 480px) {
      .main-hits__container {
        padding: 0 80px; } }
    @media (min-width: 768px) {
      .main-hits__container {
        padding: 0 58px; } }
    @media (min-width: 992px) {
      .main-hits__container {
        padding: 0 85px; } }
    @media (min-width: 1200px) {
      .main-hits__container {
        width: 1170px;
        margin: 40px auto 40px; } }
  .main-hits__item {
    display: block;
    position: relative;
    background: #fff;
    outline: none;
    cursor: pointer; }
    @media (min-width: 768px) {
      .main-hits__item {
        margin: 0 8px; } }
    @media (min-width: 992px) {
      .main-hits__item {
        margin: 0 20px; } }
    @media (min-width: 1200px) {
      .main-hits__item {
        margin: 0 15px; } }
    .main-hits__item:hover {
      -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05); }
  .main-hits__name {
    font: 400 20px "Roboto Condensed", Roboto, Arial, sans-serif;
    display: block;
    position: relative;
    height: 96px;
    padding: 26px 0;
    color: #003a70;
    text-align: center;
    overflow: hidden; }
    @media (min-width: 768px) {
      .main-hits__name {
        padding: 20px 0; } }
    @media (min-width: 992px) {
      .main-hits__name {
        padding: 13px 0; } }
    .main-hits__name span {
      display: block;
      position: absolute;
      top: 50%;
      left: 13px;
      right: 13px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .main-hits__image {
    width: 100%; }
  .main-hits__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 16px 13px 16px;
    background: rgba(0, 62, 126, 0.5); }
    @media (min-width: 768px) {
      .main-hits__footer {
        padding: 13px; } }
    @media (min-width: 992px) {
      .main-hits__footer {
        padding: 16px 13px 16px; } }
    .main-hits__footer.active {
      position: static;
      background: #003a70; }
  .main-hits__price {
    font-weight: 300;
    color: #fff; }
    @media (min-width: 320px) {
      .main-hits__price {
        font-size: 16px; } }
    @media (min-width: 480px) {
      .main-hits__price {
        font-size: 28px; } }
    @media (min-width: 768px) {
      .main-hits__price {
        font-size: 20px; } }
    @media (min-width: 768px) {
      .main-hits__price {
        font-size: 16px; } }
    @media (min-width: 320px) {
      .main-hits__price span {
        font-size: 20px; } }
    @media (min-width: 480px) {
      .main-hits__price span {
        font-size: 25px; } }
    @media (min-width: 768px) {
      .main-hits__price span {
        font-size: 30px; } }
  .main-hits__more {
    display: block;
    background: #ea942d;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 320px) {
      .main-hits__more {
        width: 118px;
        line-height: 30px;
        font-size: 12px; } }
    @media (min-width: 768px) {
      .main-hits__more {
        width: 135px;
        font-size: 14px; } }
    @media (min-width: 992px) {
      .main-hits__more {
        line-height: 35px; } }
    .main-hits__more:hover {
      color: #fff;
      text-decoration: none; }

.hits-properties {
  display: block;
  height: 0;
  background: #ea942d;
  font-weight: 300;
  font-size: 16px;
  color: #fff; }
  .hits-properties.active {
    height: auto; }
    @media (min-width: 320px) {
      .hits-properties.active {
        padding: 7px 11px 10px; } }
    @media (min-width: 992px) {
      .hits-properties.active {
        padding: 7px 11px 10px; } }
  .hits-properties__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .hits-properties__cell {
    height: 0;
    font-size: 0;
    font-weight: 400; }
    .hits-properties__cell:first-child {
      margin-right: 11px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      font-weight: 300; }

.active.hits-properties .cell {
  height: auto;
  padding: 3px 0; }
  @media (min-width: 320px) {
    .active.hits-properties .cell {
      font-size: 13px; } }
  @media (min-width: 992px) {
    .active.hits-properties .cell {
      font-size: 14px; } }

/* catalog */
.section-slider {
  position: relative;
  z-index: 0; }
  .section-slider__items {
    margin-right: -15px;
    margin-left: -15px; }
  .section-slider__item {
    padding: 15px; }
    .section-slider__item:focus {
      outline: 0; }
  .section-slider__link {
    display: block;
    padding: 40px 45px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    border: 1px solid #fff;
    background: #fff; }
    .section-slider__link:hover {
      border-color: #ea942d;
      -webkit-box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.1); }
  .section-slider__img {
    display: block;
    margin-bottom: 35px; }
    .section-slider__img img {
      max-width: 100%; }
  .section-slider__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #003a70; }
  .section-slider__btn {
    display: block;
    margin-top: 40px;
    text-align: center; }

.section {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-top: 39px;
  margin-bottom: 52px; }
  @media (min-width: 320px) {
    .section__container {
      margin: 13px 0;
      padding: 0 15px; } }
  @media (min-width: 480px) {
    .section__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 768px) {
    .section__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (min-width: 1200px) {
    .section__container {
      width: 1512px;
      padding: 0px;
      -ms-flex-pack: distribute;
      justify-content: space-around;
   /*   width: 1170px;*/
      margin: 0 auto; } }
  .section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    @media (min-width: 320px) {
      .section__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 768px) {
      .section__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .section__link {
    display: block;
    margin: 0;
    padding: 0; }
  .section__image {
    display: block; }
    @media (min-width: 320px) {
      .section__image {
        width: 100%;
        margin-bottom: 13px; } }
    @media (min-width: 768px) {
      .section__image {
        width: 42%;
        margin-bottom: 0; } }
    .section__image img {
      width: 100%; }
  .section__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%; }
    @media (min-width: 320px) {
      .section__right {
        width: 100%; } }
    @media (min-width: 768px) {
      .section__right {
        width: 50%; } }
  .section__calc {
    margin: auto;
    width: 250px;
    background: #003a70;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 768px) {
      .section__calc {
        width: 200px;
        line-height: 40px;
        font-size: 14px; } }
    @media (min-width: 992px) {
      .section__calc {
        width: 250px;
        line-height: 45px;
        font-size: 16px; } }
    .section__calc:hover {
      color: #ea942d; }
  .section__item {
    display: block;
    position: relative;
    background: #fff;
    outline: none;
    cursor: pointer; }
    @media (min-width: 768px) {
      .section__item {
        margin: 0 8px; } }
    @media (min-width: 992px) {
      .section__item {
        margin: 0 20px; } }
    @media (min-width: 1200px) {
      .section__item {
        margin: 0 15px; } }
    .section__item:hover {
      -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05); }
      .section__item:hover .section__footer {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s; }
    @media (min-width: 480px) {
      .section__item {
        width: 48%;
        margin-bottom: 13px; } }
    @media (min-width: 768px) {
      .section__item {
        width: 31%; } }
    @media (min-width: 992px) {
      .section__item {
        margin-right: 0px;
        width: 27%;
        margin-left: 0px;
      } }
    .section__item img {
      width: 100%; }
  .section__name {
    width: 83%;
    margin: 0 auto;
    font: 400 20px "Roboto Condensed", Roboto, Arial, sans-serif;
    display: block;
    position: relative;
    height: 96px;
    padding: 26px 0;
    color: #003a70;
    text-align: center;
    overflow: hidden; }
    @media (min-width: 768px) {
      .section__name {
        padding: 20px 0; } }
    @media (min-width: 992px) {
      .section__name {
        padding: 13px 0; } }
    .section__name span {
      display: block;
      position: absolute;
      top: 50%;
      left: 13px;
      right: 13px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    @media (min-width: 480px) {
      .section__name {
        height: 65px;
        padding: 13px 0;
        font-size: 16px; } }
    @media (min-width: 992px) {
      .section__name {
        height: 96px;
        padding: 26px 0;
        font-size: 20px; } }
    .section__name a:hover {
      text-decoration: none; }
  .section__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 96px;
    width: 100%;
    padding: 16px 13px 16px;
    background: rgba(0, 62, 126, 0.5);
    opacity: 1; }
    @media (min-width: 480px) {
      .section__footer {
        padding: 16px 7px; } }
    @media (min-width: 768px) {
      .section__footer {
        padding: 13px; } }
    @media (min-width: 992px) {
      .section__footer {
        padding: 16px 13px 16px; } }
  .section__price {
    font-weight: 300;
    color: #fff; }
    @media (min-width: 320px) {
      .section__price {
        font-size: 16px; } }
    @media (min-width: 480px) {
      .section__price {
        font-size: 12px; } }
    @media (min-width: 768px) {
      .section__price {
        font-size: 20px; } }
    @media (min-width: 768px) {
      .section__price {
        font-size: 20px; } }
    @media (min-width: 320px) {
      .section__price span {
        font-size: 20px; } }
    @media (min-width: 480px) {
      .section__price span {
        font-size: 25px; } }
    @media (min-width: 768px) {
      .section__price span {
        font-size: 30px; } }
  .section__more {
    display: block;
    background: #ea942d;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 320px) {
      .section__more {
        width: 118px;
        line-height: 30px;
        font-size: 12px; } }
    @media (min-width: 768px) {
      .section__more {
        width: 135px;
        font-size: 14px; } }
    @media (min-width: 992px) {
      .section__more {
        line-height: 35px; } }
    .section__more:hover {
      color: #fff;
      text-decoration: none; }
  .section__description {
    line-height: 1.6em;
    font-size: 16px;
    font-weight: 300;
    color: #555; }
    @media (min-width: 320px) {
      .section__description {
        padding: 10px; } }
    @media (min-width: 1200px) {
      .section__description {
        width: 1170px;
        margin: 0 auto;
        padding: 0;
        margin-top: 39px; } }
    .section__description ul {
      list-style: circle;
      padding-left: 40px; }
    .section__description li {
      line-height: 1.9em; }
    .section__description p {
      margin: 18px 0; }
    .section__description b {
      font-weight: 700; }
    .section__description a {
      color: #003a70; }
      .section__description a:hover {
        color: #003a70; }
  .section__navigation {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 13px 0 26px;
    padding: 0 15px; }
    @media (min-width: 1200px) {
      .section__navigation {
        width: 1170px;
        margin: 0 auto;
        padding: 0;
        margin: 13px auto 26px; } }
    @media (min-width: 320px) {
      .section__navigation a,
      .section__navigation span {
        padding: 0 5px !important; } }
    @media (min-width: 480px) {
      .section__navigation a,
      .section__navigation span {
        padding: 0 12px !important; } }
  .section__content {
    width: 100%;
    margin: 13px 0 52px; }
    @media (min-width: 1200px) {
      .section__content {
        width: 1170px;
        margin: 0 auto;
        padding: 0; } }
  .section__subtitle {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    margin-bottom: 13px;
    font-size: 25px; }
    @media (min-width: 320px) {
      .section__subtitle {
        font-size: 20px; } }
    @media (min-width: 480px) {
      .section__subtitle {
        font-size: 23px; } }
  .section__sizes {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #999; }
    .section__sizes tr {
      padding: 3px 7px;
      border-bottom: 1px solid #999; }
      .section__sizes tr:nth-child(2n+1) {
        background: #f6f6f6; }
      .section__sizes tr:last-child {
        border-bottom: 0; }
    .section__sizes th {
      font: 400 18px "Roboto Condensed", Roboto, Arial, sans-serif;
      padding: 3px 7px;
      border-right: 1px solid #999;
      background: #484848;
      color: #fff;
      text-align: center; }
      @media (min-width: 768px) {
        .section__sizes th {
          font-size: 16px; } }
      @media (min-width: 992px) {
        .section__sizes th {
          font-size: 18px; } }
      .section__sizes th:last-child {
        border-right: 0; }
    .section__sizes td {
      font: 300 16px Roboto, Arial, sans-serif;
      padding: 3px 13px;
      border-left: 1px solid #999;
      color: #555;
      text-align: center; }
      .section__sizes td:first-child {
        border-left: 0;
        text-align: left; }
      @media (min-width: 768px) {
        .section__sizes td {
          font-size: 14px; } }
      @media (min-width: 992px) {
        .section__sizes td {
          font-size: 16px; } }
  .section b {
    font-weight: 700; }
  @media (min-width: 480px) {
    .section__items {
      padding: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; } }
  @media (min-width: 768px) {
    .section__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (min-width: 1200px) {
    .section__items {
      -ms-flex-pack: distribute;
      justify-content: space-around; } }
  .section__star {
    display: none; }

.section-design {
  background: #555;
  padding: 40px 0 60px; }
  .section-design__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    color: #fff; }
  .section-design__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 52px; }
    @media (min-width: 320px) {
      .section-design__container {
        padding: 0 15px; } }
    @media (min-width: 480px) {
      .section-design__container {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0 24px; } }
    @media (min-width: 768px) {
      .section-design__container {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    @media (min-width: 992px) {
      .section-design__container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    @media (min-width: 1200px) {
      .section-design__container {
        width: 1170px;
        margin: 0 auto;
        padding: 0;
        margin-top: 52px; } }
  .section-design__item {
    margin-bottom: 58px;
    font-weight: 300;
    color: #fff;
    text-align: center; }
    @media (min-width: 320px) {
      .section-design__item {
        width: 48%;
        font-size: 13px; } }
    @media (min-width: 480px) {
      .section-design__item {
        width: 27%; } }
    @media (min-width: 768px) {
      .section-design__item {
        width: 21%; } }
    @media (min-width: 992px) {
      .section-design__item {
        width: 14%;
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .section-design__item {
        font-size: 16px; } }
  .section-design__image {
    margin-bottom: 16px;
    width: 100%; }
    @media (min-width: 992px) {
      .section-design__image {
        width: 70%; } }

@media (min-width: 320px) {
  .ral {
    padding: 54px 0 66px; } }

@media (min-width: 992px) {
  .ral {
    padding: 49px 0 72px; } }

@media (min-width: 320px) {
  .ral__container {
    padding: 0 15px; } }

@media (min-width: 480px) {
  .ral__container {
    padding: 0 54px; } }

@media (min-width: 768px) {
  .ral__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px; } }

@media (min-width: 1200px) {
  .ral__container {
    width: 1170px;
    margin: 0 auto;
    padding: 0; } }

@media (min-width: 768px) {
  .ral__left {
    width: 40%; } }

@media (min-width: 992px) {
  .ral__left {
    width: 40%; } }

@media (min-width: 768px) {
  .ral__right {
    width: 52%; } }

@media (min-width: 992px) {
  .ral__right {
    width: 52%; } }

.ral__title {
  font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
  color: #003a70;
  text-align: center;
  margin-bottom: 40px; }

.ral .surface {
  margin-bottom: 64px; }
  .ral .surface__item {
    position: relative;
    margin-bottom: 19px; }
  .ral .surface__image {
    width: 100%;
    border: 1px solid #f6f6f6; }
  .ral .surface__name {
    position: absolute;
    left: 0;
    bottom: 29px;
    width: 100%;
    font-size: 16px;
    text-align: center; }

.ral .color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .ral .color__item {
    position: relative;
    margin-bottom: 15px; }
    @media (min-width: 320px) {
      .ral .color__item {
        width: 100%; } }
    @media (min-width: 480px) {
      .ral .color__item {
        width: 42%; } }
    @media (min-width: 992px) {
      .ral .color__item {
        width: 32%; } }
  .ral .color__image {
    width: 100%; }
  .ral .color__name {
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-size: 14px;
    text-align: center; }

.instruction {
  padding: 42px 0 65px;
  background: #f6f6f6; }
  @media (min-width: 320px) {
    .instruction__container {
      margin-top: 48px;
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .instruction__container {
      width: 1170px;
      margin: 0 auto;
      padding: 0;
      margin-top: 48px; } }
  .instruction__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  .instruction__download {
    display: block;
    width: 100%;
    height: 70px;
    margin-bottom: 26px;
    padding-left: 100px;
    background: url("/bitrix/templates/utlab_main/img/pdf.jpg") no-repeat left center;
    vertical-align: middle;
    color: #003a70; }
    @media (min-width: 320px) {
      .instruction__download {
        text-align: center; } }
    @media (min-width: 768px) {
      .instruction__download {
        text-align: left; } }

.section-set {
  position: relative;
  margin-top: 40px; }
  @media (min-width: 320px) {
    .section-set {
      padding: 0 40px; } }
  @media (min-width: 480px) {
    .section-set {
      padding: 0 80px; } }
  @media (min-width: 768px) {
    .section-set {
      padding: 0 58px; } }
  @media (min-width: 992px) {
    .section-set {
      padding: 0 85px; } }
  @media (min-width: 1200px) {
    .section-set {
      width: 1170px;
      margin: 40px auto 40px; } }
  @media (min-width: 320px) {
    .section-set {
      padding-bottom: 48px; } }
  @media (min-width: 1200px) {
    .section-set__container {
      padding: 0 36px; } }
  .section-set__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 16px 13px 16px;
    background: rgba(0, 62, 126, 0.5); }
    @media (min-width: 768px) {
      .section-set__footer {
        padding: 13px; } }
    @media (min-width: 992px) {
      .section-set__footer {
        padding: 16px 13px 16px; } }
  .section-set__item {
    display: block;
    position: relative;
    background: #fff;
    outline: none;
    cursor: pointer; }
    @media (min-width: 768px) {
      .section-set__item {
        margin: 0 8px; } }
    @media (min-width: 992px) {
      .section-set__item {
        margin: 0 20px; } }
    @media (min-width: 1200px) {
      .section-set__item {
        margin: 0 15px; } }
    .section-set__item:hover {
      -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05); }
    .section-set__item:hover {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .section-set__name {
    font: 400 20px "Roboto Condensed", Roboto, Arial, sans-serif;
    display: block;
    position: relative;
    height: 96px;
    padding: 26px 0;
    color: #003a70;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ddd;
    border-bottom: 0; }
    @media (min-width: 768px) {
      .section-set__name {
        padding: 20px 0; } }
    @media (min-width: 992px) {
      .section-set__name {
        padding: 13px 0; } }
    .section-set__name span {
      display: block;
      position: absolute;
      top: 50%;
      left: 13px;
      right: 13px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .section-set__link {
    outline: none; }
  .section-set__image {
    width: 100%; }
  .section-set__price {
    font-weight: 300;
    color: #fff; }
    @media (min-width: 320px) {
      .section-set__price {
        font-size: 16px; } }
    @media (min-width: 480px) {
      .section-set__price {
        font-size: 28px; } }
    @media (min-width: 768px) {
      .section-set__price {
        font-size: 20px; } }
    @media (min-width: 768px) {
      .section-set__price {
        font-size: 16px; } }
    @media (min-width: 320px) {
      .section-set__price span {
        font-size: 20px; } }
    @media (min-width: 480px) {
      .section-set__price span {
        font-size: 25px; } }
    @media (min-width: 768px) {
      .section-set__price span {
        font-size: 30px; } }
  .section-set__more {
    display: block;
    background: #ea942d;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 320px) {
      .section-set__more {
        width: 118px;
        line-height: 30px;
        font-size: 12px; } }
    @media (min-width: 768px) {
      .section-set__more {
        width: 135px;
        font-size: 14px; } }
    @media (min-width: 992px) {
      .section-set__more {
        line-height: 35px; } }
    .section-set__more:hover {
      color: #fff;
      text-decoration: none; }
  @media (min-width: 320px) {
    .section-set .slick-arrow {
      left: -30px; }
      .section-set .slick-arrow.slick-next {
        left: auto;
        right: -30px; } }
  @media (min-width: 480px) {
    .section-set .slick-arrow {
      left: -60px; }
      .section-set .slick-arrow.slick-next {
        left: auto;
        right: -60px; } }
  @media (min-width: 768px) {
    .section-set .slick-arrow {
      left: -30px; }
      .section-set .slick-arrow.slick-next {
        left: auto;
        right: -30px; } }
  @media (min-width: 1200px) {
    .section-set .slick-arrow {
      left: 0;
      margin-left: 0; }
      .section-set .slick-arrow.slick-next {
        right: 0;
        margin-right: 0; } }

.section-construction {
  padding: 35px 0 64px; }
  .section-construction__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  .section-construction__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px; }
    @media (min-width: 320px) {
      .section-construction__container {
        padding: 0 15px; } }
    @media (min-width: 1200px) {
      .section-construction__container {
        width: 1170px;
        margin: 0 auto;
        padding: 0;
        margin-top: 45px; } }
  @media (min-width: 320px) {
    .section-construction__image {
      width: 100%;
      margin-bottom: 20px; } }
  @media (min-width: 992px) {
    .section-construction__image {
      width: 50%; } }
  .section-construction__image img {
    width: 100%; }
  @media (min-width: 992px) {
    .section-construction__description {
      width: 48%; } }
  @media (min-width: 768px) {
    .section-construction__description ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .section-construction__description ol {
      display: block; } }
  .section-construction__description li {
    margin: 10px 0;
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 16px;
    font-weight: 300;
    color: #555; }
    @media (min-width: 768px) {
      .section-construction__description li {
        width: 48%; } }
    @media (min-width: 992px) {
      .section-construction__description li {
        width: auto; } }

.section-basic {
  background: #003a70; }
  @media (min-width: 320px) {
    .section-basic {
      padding: 40px 0 35px; } }
  @media (min-width: 1200px) {
    .section-basic {
      padding: 57px 0 35px; } }
  .section-basic__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    color: #fff; }
  .section-basic__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px; }
    @media (min-width: 320px) {
      .section-basic__container {
        padding: 0 15px; } }
    @media (min-width: 480px) {
      .section-basic__container {
        padding: 0 80px; } }
    @media (min-width: 768px) {
      .section-basic__container {
        padding: 0 55px; } }
    @media (min-width: 992px) {
      .section-basic__container {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0 15px; } }
    @media (min-width: 1200px) {
      .section-basic__container {
        width: 1170px;
        margin: 0 auto;
        padding: 0;
        margin-top: 50px; } }
  @media (min-width: 320px) {
    .section-basic__item {
      width: 100%;
      margin-bottom: 35px; } }
  @media (min-width: 768px) {
    .section-basic__item {
      width: 48%; } }
  @media (min-width: 992px) {
    .section-basic__item {
      width: 31.5%; } }
  .section-basic__image {
    overflow: hidden; }
    @media (min-width: 320px) {
      .section-basic__image {
        margin-bottom: 15px; } }
    .section-basic__image img {
      width: 100%; }
    @media (min-width: 320px) {
      .section-basic__image {
        width: 100%;
        height: auto; } }
    @media (min-width: 480px) {
      .section-basic__image {
        width: 100%;
        height: auto; } }
    .section-basic__image img {
      width: 100%; }
  .section-basic__text {
    color: #fff; }
    @media (min-width: 320px) {
      .section-basic__text {
        font-size: 13px;
        text-align: center; } }
    @media (min-width: 992px) {
      .section-basic__text {
        font-size: 16px; } }

@media (min-width: 320px) {
  .section-additional {
    padding: 40px 0 35px; } }

@media (min-width: 1200px) {
  .section-additional {
    padding: 57px 0 35px; } }

.section-additional__title {
  font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
  color: #003a70;
  text-align: center; }

.section-additional__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px; }
  @media (min-width: 320px) {
    .section-additional__container {
      padding: 0 15px; } }
  @media (min-width: 480px) {
    .section-additional__container {
      padding: 0 80px; } }
  @media (min-width: 768px) {
    .section-additional__container {
      padding: 0 55px; } }
  @media (min-width: 992px) {
    .section-additional__container {
      -ms-flex-pack: distribute;
      justify-content: space-around;
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .section-additional__container {
      width: 1170px;
      margin: 0 auto;
      padding: 0;
      margin-top: 50px; } }

@media (min-width: 320px) {
  .section-additional__item {
    width: 100%;
    margin-bottom: 35px; } }

@media (min-width: 768px) {
  .section-additional__item {
    width: 48%; } }

@media (min-width: 992px) {
  .section-additional__item {
    width: 31.5%; } }

@media (min-width: 320px) {
  .section-additional__image {
    margin-bottom: 15px; } }

.section-additional__image img {
  width: 100%; }

.section-additional__text {
  color: #555; }
  @media (min-width: 320px) {
    .section-additional__text {
      font-size: 13px;
      text-align: center; } }
  @media (min-width: 992px) {
    .section-additional__text {
      font-size: 16px; } }

.section-additional__more {
  display: block;
  width: 230px;
  margin: 0 auto;
  background: #003a70;
  color: #fff;
  line-height: 48px;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center; }
  .section-additional__more:focus, .section-additional__more:hover {
    color: #fff;
    text-decoration: none; }

.section-advantages {
  background: #f6f6f6; }
  @media (min-width: 768px) {
    .section-advantages {
      padding: 50px 0 20px; } }
  .section-advantages__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
    @media (min-width: 320px) {
      .section-advantages__title {
        font-size: 24px;
        font-weight: 400;
        -webkit-transform: scaleX(0.85);
        transform: scaleX(0.85); } }
    @media (min-width: 480px) {
      .section-advantages__title {
        font-size: 35px; } }
  .section-advantages__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (min-width: 320px) {
      .section-advantages__container {
        margin-top: 20px;
        padding: 0 15px; } }
    @media (min-width: 480px) {
      .section-advantages__container {
        padding: 0 64px; } }
    @media (min-width: 768px) {
      .section-advantages__container {
        margin-top: 50px; } }
    @media (min-width: 1200px) {
      .section-advantages__container {
        width: 1170px;
        margin: 0 auto;
        padding: 0;
        margin-top: 50px; } }
  @media (min-width: 320px) {
    .section-advantages__item {
      margin-bottom: 35px; } }
  @media (min-width: 480px) {
    .section-advantages__item {
      width: 48%;
      margin-bottom: 33px; } }
  @media (min-width: 768px) {
    .section-advantages__item {
      width: 23%; } }
  .section-advantages__image {
    margin: 0 auto 26px;
    border-radius: 50%; }
    @media (min-width: 320px), (min-width: 1200px) {
      .section-advantages__image {
        width: 196px;
        height: 196px;
        background: url("/bitrix/templates/utlab_main/img/section-advantages.png") no-repeat; }
        .section-advantages__image.second {
          background-position-x: -304px; }
        .section-advantages__image.third {
          background-position-x: -613px; }
        .section-advantages__image.fourth {
          background-position-x: -908px; } }
    @media (min-width: 480px) {
      .section-advantages__image {
        width: 127px;
        height: 127px;
        margin: 0 auto 20px;
        background: url("/bitrix/templates/utlab_main/img/section-advantages-480.png") no-repeat left top; }
        .section-advantages__image.second {
          background-position-x: -190px; }
        .section-advantages__image.third {
          background-position: -8px -237px; }
        .section-advantages__image.fourth {
          background-position: -190px -237px; } }
    @media (min-width: 992px) {
      .section-advantages__image {
        width: 162px;
        height: 162px;
        background: url("/bitrix/templates/utlab_main/img/section-advantages-992.png") no-repeat left top; }
        .section-advantages__image.second {
          background-position-x: -253px; }
        .section-advantages__image.third {
          background-position: -508px top; }
        .section-advantages__image.fourth {
          background-position: -752px top; } }
  .section-advantages__text {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 300;
    text-align: center; }

.tabs-section {
  position: relative;
  height: 810px;
  margin-top: 39px; }
  @media (min-width: 320px) {
    .tabs-section {
      margin-bottom: 270px; } }
  @media (min-width: 480px) {
    .tabs-section {
      margin-bottom: 130px; } }
  @media (min-width: 768px) {
    .tabs-section {
      width: 100%;
      margin-bottom: 90px; } }
  @media (min-width: 1200px) {
    .tabs-section {
      width: 100%;
      margin-bottom: 0; } }
  .tabs-section__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-top: 3px solid #ea942d; }
    @media (min-width: 320px) {
      .tabs-section__links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: none; } }
    @media (min-width: 768px) {
      .tabs-section__links {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    @media (min-width: 1200px) {
      .tabs-section__links {
        background: #003a70; } }
  .tabs-section__link {
    font: 400 18px "Roboto Condensed", Roboto, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    outline: none; }
    @media (min-width: 320px) {
      .tabs-section__link {
        padding: 13px;
        color: #003a70; } }
    @media (min-width: 1200px) {
      .tabs-section__link {
        padding: 13px 10px;
        color: #fff; } }
    .tabs-section__link:focus, .tabs-section__link:hover {
      color: #ea942d;
      text-decoration: none;
      outline: none; }
    .tabs-section__link:hover, .tabs-section__link.active {
      position: relative;
      color: #ea942d; }
      @media (min-width: 992px) {
        .tabs-section__link:hover::before, .tabs-section__link.active::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 50%;
          width: 0;
          height: 0;
          margin-left: -4px; } }
  @media (min-width: 992px) and (min-width: 320px) {
    .tabs-section__link:hover::before, .tabs-section__link.active::before {
      border: 0; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .tabs-section__link:hover::before, .tabs-section__link.active::before {
      border: 5px solid transparent;
      border-top: 5px solid #ea942d; } }
  .tabs-section__value {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 26px 0;
    background: #fff;
    display: none; }
    .tabs-section__value:nth-child(2) {
      display: block; }
  .tabs-section__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (min-width: 320px) {
      .tabs-section__description {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media (min-width: 992px) {
      .tabs-section__description {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    .tabs-section__description.design, .tabs-section__description.complectation {
      display: block; }

.section-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .section-colors__item {
    position: relative;
    margin-right: 1%;
    cursor: default; }
    @media (min-width: 320px) {
      .section-colors__item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 13px; }
        .section-colors__item:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 480px) {
      .section-colors__item {
        width: 32%;
        margin-right: 1%; }
        .section-colors__item:nth-child(2n) {
          margin-right: 1%; }
        .section-colors__item:nth-child(3n) {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .section-colors__item {
        width: 24%; }
        .section-colors__item:nth-child(3n) {
          margin-right: 1%; }
        .section-colors__item:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 992px) {
      .section-colors__item {
        width: 24.2%; }
        .section-colors__item:nth-child(4n) {
          margin-right: 0; } }
    .section-colors__item img {
      width: 100%; }
      @media (min-width: 320px) {
        .section-colors__item img {
          width: 100%;
          height: auto; } }
  .section-colors__name {
    font: 300 14px Roboto, Arial, sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    padding: 13px 5px;
    background: rgba(0, 62, 126, 0.9);
    color: #fff;
    text-align: center; }
    @media (min-width: 320px) {
      .section-colors__name {
        padding: 7px 5px;
        font-size: 13px; } }
    @media (min-width: 480px) {
      .section-colors__name {
        font-size: 14px; } }
    @media (min-width: 992px) {
      .section-colors__name {
        padding: 13px 5px; } }

.section-surface {
  padding: 15px;
  background: #555;
  border-top: 2px solid #fff; }
  @media (min-width: 320px) {
    .section-surface {
      width: 100%; } }
  .section-surface__title {
    font: 500 24px "Roboto Condensed", Roboto, Arial, sans-serif;
    margin-bottom: 13px;
    color: #fff;
    text-transform: uppercase; }
  @media (min-width: 480px) {
    .section-surface__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 992px) {
    .section-surface__container {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .section-surface__item {
    position: relative; }
    @media (min-width: 320px) {
      .section-surface__item {
        width: 100%;
        margin-bottom: 15px; } }
    @media (min-width: 480px) {
      .section-surface__item {
        width: 48%;
        margin-right: 4%; }
        .section-surface__item:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 992px) {
      .section-surface__item {
        width: 24%;
        margin-right: 1%; }
        .section-surface__item:nth-child(4n) {
          margin-right: 0; } }
    .section-surface__item img {
      width: 100%; }
  .section-surface__name {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }

.section-design {
  background: #555;
  width: 100%; }
  @media (min-width: 320px) {
    .section-design {
      padding: 15px; } }
  @media (min-width: 480px) {
    .section-design {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .section-design {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .section-design__item {
    margin-bottom: 26px; }
    @media (min-width: 320px) {
      .section-design__item {
        width: calc(100% - 30px);
        margin: 13px auto; } }
    @media (min-width: 480px) {
      .section-design__item {
        width: 48%; } }
    @media (min-width: 768px) {
      .section-design__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .section-design__item {
        width: 24%; } }
    @media (min-width: 1200px) {
      .section-design__item {
        width: 18%; } }
    .section-design__item img {
      width: 100%; }
  .section-design__name {
    margin-top: 7px;
    font-weight: 300;
    color: #fff;
    text-align: center; }

.section-base {
  padding-top: 26px; }
  @media (min-width: 768px) {
    .section-base {
      background: #003a70; } }
  .section-base__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    color: #fff; }
  @media (min-width: 320px) {
    .section-base__container {
      margin: 0 -15px;
      padding: 39px 13px; } }
  @media (min-width: 480px) {
    .section-base__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0; } }
  @media (min-width: 992px) {
    .section-base__container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 1200px) {
    .section-base__container {
      margin: 0; } }
  .section-base__item {
    cursor: pointer; }
    @media (min-width: 480px) {
      .section-base__item {
        width: 48%;
        margin-bottom: 33px; } }
    @media (min-width: 768px) {
      .section-base__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .section-base__item {
        width: 24%;
        margin-right: 1.2%; }
        .section-base__item:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 1200px) {
      .section-base__item {
        width: 18%;
        margin-right: 2.5%; }
        .section-base__item:nth-child(4n) {
          margin-right: 2.5%; }
        .section-base__item:nth-child(5n) {
          margin-right: 0; } }
    .section-base__item img {
      width: 100%; }
    .section-base__item.active .section-base__name {
      height: auto; }
      .section-base__item.active .section-base__name::after {
        display: none; }
  .section-base__name {
    position: relative;
    height: 130px;
    overflow: hidden;
    padding: 13px 0;
    background: #003a70;
    font-weight: 300;
    color: #fff;
    text-align: center; }
    .section-base__name::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 19px;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 62, 126, 0.7)), to(#003a70));
      background: linear-gradient(to bottom, rgba(0, 62, 126, 0.7), #003a70 100%); }

.section-add {
  padding-top: 26px;
  background: #ededed; }
  .section-add__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  @media (min-width: 320px) {
    .section-add__container {
      margin: 0 -15px;
      padding: 39px 13px; } }
  @media (min-width: 480px) {
    .section-add__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .section-add__container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 1200px) {
    .section-add__container {
      margin: 0; } }
  .section-add__item {
    margin-bottom: 33px;
    cursor: pointer; }
    @media (min-width: 480px) {
      .section-add__item {
        width: 48%; } }
    @media (min-width: 768px) {
      .section-add__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .section-add__item {
        width: 24%;
        margin-right: 1.2%; }
        .section-add__item:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 1200px) {
      .section-add__item {
        width: 18%;
        margin-right: 2.5%; }
        .section-add__item:nth-child(4n) {
          margin-right: 2.5%; }
        .section-add__item:nth-child(5n) {
          margin-right: 0; } }
    .section-add__item img {
      width: 100%; }
    .section-add__item.active .section-add__name {
      height: auto; }
      .section-add__item.active .section-add__name::after {
        display: none; }
  .section-add__name {
    position: relative;
    height: 133px;
    overflow: hidden;
    margin-top: 13px;
    font-weight: 300;
    color: #555;
    text-align: center;
    text-overflow: ellipsis; }
    .section-add__name::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 19px;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 237, 237, 0.7)), to(#ededed));
      background: linear-gradient(to bottom, rgba(237, 237, 237, 0.7), #ededed 100%); }

.section-tech {
  width: 100%; }
  .section-tech__title {
    padding: 13px 0;
    font-size: 21px;
    font-weight: 500; }
  .section-tech table {
    width: 100%;
    margin-bottom: 26px;
    border-collapse: collapse; }
  .section-tech th {
    font: 500 18px "Roboto Condensed", Roboto, Arial, sans-serif;
    border-right: 1px solid #f6f6f6;
    background: #003a70;
    color: #fff;
    text-align: center;
    vertical-align: middle; }
    .section-tech th:last-child {
      border-right: 0; }
    @media (min-width: 320px) {
      .section-tech th {
        padding: 7px 3px;
        font-size: 12px;
        font-weight: 400; } }
    @media (min-width: 480px) {
      .section-tech th {
        padding: 7px;
        font-size: 14px; } }
    @media (min-width: 768px) {
      .section-tech th {
        padding: 13px 26px;
        font-size: 18px; } }
  .section-tech td {
    font: 500 16px "Roboto Condensed", Roboto, Arial, sans-serif;
    border-bottom: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    background: #ea942d;
    vertical-align: middle;
    font-weight: 300;
    color: #fff;
    text-align: center; }
    .section-tech td:first-child {
      text-align: left; }
    .section-tech td:last-child {
      border-right: 0; }
    @media (min-width: 320px) {
      .section-tech td {
        padding: 7px 3px;
        font-size: 12px; } }
    @media (min-width: 480px) {
      .section-tech td {
        padding: 7px;
        font-size: 13px; } }
    @media (min-width: 768px) {
      .section-tech td {
        padding: 13px 26px;
        font-size: 16px; } }

.section-construction {
  width: 100%; }
  .section-construction__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  .section-construction__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 26px; }
    @media (min-width: 320px) {
      .section-construction__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 992px) {
      .section-construction__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  @media (min-width: 320px) {
    .section-construction__image {
      width: 100%;
      margin-bottom: 13px; } }
  @media (min-width: 768px) {
    .section-construction__image {
      display: block;
      width: 635px;
      margin: 0 auto 26px; } }
  @media (min-width: 992px) {
    .section-construction__image {
      width: 48%; } }
  .section-construction__image img {
    width: 100%; }
  @media (min-width: 320px) {
    .section-construction__description {
      width: 100%; } }
  @media (min-width: 992px) {
    .section-construction__description {
      width: 48%; } }
  .section-construction__description li {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300; }
    @media (min-width: 320px) {
      .section-construction__description li {
        font-size: 14px; } }
    @media (min-width: 480px) {
      .section-construction__description li {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .section-construction__description li {
        font-size: 17px; } }

.section-preparation {
  width: 100%; }
  .section-preparation__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  .section-preparation__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 26px; }
    @media (min-width: 320px) {
      .section-preparation__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 992px) {
      .section-preparation__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  @media (min-width: 320px) {
    .section-preparation__image {
      width: 100%;
      margin-bottom: 13px; } }
  @media (min-width: 768px) {
    .section-preparation__image {
      display: block;
      width: 635px;
      margin: 0 auto 26px; } }
  @media (min-width: 992px) {
    .section-preparation__image {
      width: 48%; } }
  .section-preparation__image img {
    width: 100%; }
  @media (min-width: 320px) {
    .section-preparation__description {
      width: 100%; } }
  @media (min-width: 992px) {
    .section-preparation__description {
      width: 48%; } }
  .section-preparation__description li {
    list-style: circle;
    margin-bottom: 10px;
    margin-left: 26px;
    line-height: 1.4em;
    font-size: 18px;
    font-weight: 300; }
    @media (min-width: 320px) {
      .section-preparation__description li {
        font-size: 14px; } }
    @media (min-width: 480px) {
      .section-preparation__description li {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .section-preparation__description li {
        font-size: 17px; } }

.section-mounting {
  width: 100%; }
  .section-mounting__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 39px;
    padding: 26px 26px 39px;
    border-left: 7px solid #003a70;
    background: rgba(234, 148, 45, 0.65); }
    .section-mounting__item:nth-child(2n) {
      border-color: #ea942d;
      background: rgba(0, 62, 126, 0.9);
      color: #fff; }
      @media (min-width: 320px) {
        .section-mounting__item:nth-child(2n) {
          border-left: 0;
          border-right: 7px solid #ea942d; } }
      @media (min-width: 768px) {
        .section-mounting__item:nth-child(2n) {
          border-right: 0;
          border-left: 7px solid #ea942d; } }
    @media (min-width: 320px) {
      .section-mounting__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 26px;
        padding: 26px 13px; } }
    @media (min-width: 768px) {
      .section-mounting__item {
        padding: 26px; } }
    @media (min-width: 768px) {
      .section-mounting__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .section-mounting__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 300; }
  .section-mounting__image {
    width: 280px;
    margin-right: 39px; }
    @media (min-width: 320px) {
      .section-mounting__image {
        width: 95%;
        margin-right: 0;
        margin-bottom: 26px; } }
    @media (min-width: 768px) {
      .section-mounting__image {
        width: 280px;
        margin-right: 26px;
        margin-bottom: 0; } }
  .section-mounting__docs {
    margin-bottom: 39px;
    padding: 0 26px; }
  .section-mounting__link {
    display: block;
    margin-bottom: 13px;
    font-size: 21px;
    padding: 22px; }
    .section-mounting__link.pdf {
      padding-left: 105px;
      background: url("/bitrix/templates/utlab_main/img/pdf.jpg") no-repeat left center; }
    .section-mounting__link.doc {
      padding-left: 105px;
      background: url("/bitrix/templates/utlab_main/img/doc-icon.png") no-repeat left center; }

/* other */
.reviews-slider__items {
  margin-right: -15px;
  margin-left: -15px; }

.reviews-slider__item {
  padding: 15px; }
  .reviews-slider__item:focus {
    outline: 0; }

.reviews-slider__link {
  line-height: 0;
  position: relative;
  display: block;
  text-decoration: none; }

.reviews-slider__cover {
  line-height: 0; }
  .reviews-slider__cover img {
    max-width: 100%; }

.reviews-slider__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  margin-left: -28px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  fill: #ea942d; }
  .reviews-slider__link:hover .reviews-slider__play {
    opacity: 0.8; }
  .reviews-slider__play svg {
    width: 100%;
    height: 100%; }

.support__item {
  margin-bottom: 30px; }

.support-item__link {
  line-height: 0;
  position: relative;
  display: block;
  text-decoration: none; }

.support-item__img {
  max-width: 100%; }

.support-item__name {
  font-size: 22px;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  color: #000; }
  @media (min-width: 768px) {
    .support-item__name {
      font-size: 26px; } }

.support-icons {
  margin-bottom: -30px; }
  .support-icons__item {
    margin-bottom: 30px; }
  .support-icons__icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    cursor: default;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-align: center;
    border: none;
    border-radius: 50%;
    background: #c7c7c7; }
    .support-icons__icon .fa {
      font-size: 60px;
      margin-top: 20px;
      color: #002f56; }
  .support-icons__line {
    width: 2px;
    height: 40px;
    margin: 0 auto;
    opacity: 0.6;
    background: #c7c7c7; }
  .support-icons__point {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    opacity: 0.6;
    border-radius: 5px;
    background: #c7c7c7; }
  .support-icons__text {
    margin-top: 5px;
    text-align: center; }
    @media (min-width: 768px) {
      .support-icons__text {
        text-align: left; } }

.proem-items__item {
  margin-bottom: 30px; }

.proem-items__img {
  margin-bottom: 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .proem-items__img {
      margin-bottom: 0;
      text-align: left;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }
  @media (min-width: 768px) {
    .proem-items__item:nth-of-type(odd) .proem-items__img {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }
  .proem-items__img img {
    max-width: 100%; }

@media (min-width: 768px) {
  .proem-items__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media (min-width: 768px) {
  .proem-items__item:nth-of-type(odd) .proem-items__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; } }

.proem-items__name {
  font-size: 24px;
  margin: 0 0 20px 0;
  text-align: center;
  color: #ea942d; }

.proem-items__text ul {
  overflow: hidden;
  padding-left: 20px;
  list-style-type: disc; }

.proem-items__text li {
  margin: 5px 0; }

.proem-items__download {
  margin-top: 20px;
  text-align: center; }
  .proem-items__download a {
    text-decoration: none;
    color: #4dc0f9; }
    .proem-items__download a:hover {
      color: #0056b3; }
  .proem-items__download .icons-pdf {
    font-size: 40px;
    display: block;
    margin-bottom: 5px; }

.zamer-items {
  margin-bottom: 30px; }
  .zamer-items__heading {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center; }
  .zamer-items__item {
    text-align: center; }
  .zamer-items__img {
    line-height: 0;
    display: block;
    margin-bottom: 15px; }
    .zamer-items__img img {
      max-width: 100%; }
  .zamer-items__link {
    text-decoration: none;
    color: #4dc0f9; }
    .zamer-items__link:hover {
      color: #0056b3; }
    .zamer-items__link .fa {
      font-size: 16px; }

/* old */
@media (min-width: 320px) {
  .video-gallery {
    margin-top: 65px;
    padding: 0 15px; } }

@media (min-width: 480px) {
  .video-gallery {
    padding: 0 60px; } }

@media (min-width: 768px) {
  .video-gallery {
    margin-top: 35px;
    padding: 0 17px; } }

@media (min-width: 992px) {
  .video-gallery {
    padding: 0 15px; } }

@media (min-width: 1200px) {
  .video-gallery {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
    margin-top: 35px;
    margin-bottom: 52px; } }

.video-gallery__title {
  font: 500 33px "Roboto Condensed", Roboto, Arial, sans-serif;
  margin-top: 39px;
  margin-bottom: 13px;
  color: #003a70; }

.video-gallery__item {
  position: relative;
  margin: 0 8px; }

.video-gallery__link {
  display: block;
  position: relative; }
  .video-gallery__link:hover span {
    background: #003a70; }

.video-gallery__image {
  width: 100%; }

.video-gallery__name {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  width: 100%;
  padding: 20px 0 16px;
  background: rgba(0, 62, 126, 0.9);
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }

.video-gallery__name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  z-index: 10; }

.video-gallery__text {
  margin-top: 15px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: 300;
  color: #555; }

.video-gallery__youtube {
  position: relative;
  display: block;
  width: 100%;
  outline: none; }

.video-gallery__pager {
  width: 1170px;
  padding: 0;
  margin: 13px auto 39px;
}

.trade-mission {
  margin: 26px 0; }
  .trade-mission__title, .trade-mission__value {
    margin: 8px 0;
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 300;
    color: #555; }
  .trade-mission__title {
    font-weight: 500; }

@media (min-width: 320px) {
  .dealer__container {
    padding: 0 5px;
    margin-bottom: 39px; } }

@media (min-width: 1200px) {
  .dealer__container {
    width: 1170px;
    margin: 39px auto 52px; } }

.dealer__map {
  width: 100%;
  height: 250px;
  margin-bottom: 26px; }

.dealer__title {
  padding: 7px 26px;
  background: #edeeed; }

.dealer__value {
  padding: 7px 26px; }

.dealer-certificates {
  margin-top: 13px; }
  .dealer-certificates__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 13px; }
    @media (min-width: 320px) {
      .dealer-certificates__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 768px) {
      .dealer-certificates__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .dealer-certificates__item:nth-child(2n) {
      background: #edeeed; }
      @media (min-width: 768px) {
        .dealer-certificates__item:nth-child(2n) {
          background: none; } }
  .dealer-certificates__id, .dealer-certificates__name, .dealer-certificates__expiration {
    width: 33%;
    padding: 3px 0; }
    @media (min-width: 320px) {
      .dealer-certificates__id, .dealer-certificates__name, .dealer-certificates__expiration {
        width: 100%;
        font-size: 15px; } }
    @media (min-width: 768px) {
      .dealer-certificates__id, .dealer-certificates__name, .dealer-certificates__expiration {
        width: 33%; } }

.contacts-request {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 500; }
  .contacts-request__container {
    position: absolute;
    top: 50%;
    min-height: 456px;
    margin-top: -228px;
    background: #fff; }
    @media (min-width: 320px) {
      .contacts-request__container {
        left: 0;
        width: 100%; } }
    @media (min-width: 768px) {
      .contacts-request__container {
        left: 50%;
        width: 535px;
        margin-left: -267.5px; } }
  .contacts-request__title {
    padding: 25px 0 20px;
    border-bottom: 5px solid #ea942d;
    background: #003a70;
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    text-align: center; }
  .contacts-request__close {
    display: block;
    position: absolute;
    width: 17px;
    height: 17px; }
    @media (min-width: 320px) {
      .contacts-request__close {
        top: -34px;
        right: 0; } }
    @media (min-width: 768px) {
      .contacts-request__close {
        right: -30px;
        top: -17px; } }
    .contacts-request__close::before, .contacts-request__close::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 2px;
      margin-top: -1px;
      background: #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .contacts-request__close::after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .contacts-request__form {
    padding: 27px 48px 32px; }
  .contacts-request__input {
    display: block;
    margin-bottom: 17px;
    padding: 17px 20px 20px;
    border: 0;
    background: #f6f6f6;
    font-size: 16px;
    font-weight: 300;
    outline: none; }
    @media (min-width: 320px) {
      .contacts-request__input {
        width: 100%; } }
    @media (min-width: 768px) {
      .contacts-request__input {
        width: calc(100% - 37px); } }
    @media (min-width: 992px) {
      .contacts-request__input {
        width: 100%; } }
    .contacts-request__input.submit {
      margin: 0 auto;
      padding: 0;
      border-radius: 0;
      background: #ea942d;
      line-height: 35px;
      vertical-align: middle;
      font-size: 17px;
      font-weight: 500;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      -webkit-appearance: none;
      outline: none; }
      @media (min-width: 320px) {
        .contacts-request__input.submit {
          width: 100%; } }
      @media (min-width: 768px) {
        .contacts-request__input.submit {
          width: 230px; } }
  .contacts-request__policy {
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 300;
    color: #555; }
    .contacts-request__policy a {
      color: #003a70;
      text-decoration: underline; }
      .contacts-request__policy a:hover {
        text-decoration: none; }
  .contacts-request__name {
    margin: 0 0 25px;
    font-size: 25px;
    color: #003a70; }

.gallery__row {
  padding: 45px 0 75px; }
  .gallery__row:nth-child(2n) {
    background: #f6f6f6; }

.gallery__name {
  margin-bottom: 27px;
  font-size: 30px;
  color: #003a70; }
  @media (min-width: 320px) {
    .gallery__name {
      margin: 0 15px 27px; } }
  @media (min-width: 1200px) {
    .gallery__name {
      margin: 0 0 27px; } }

@media (min-width: 1200px) {
  .gallery__wrapper {
    width: 1170px;
    margin: 0 auto;
    padding: 0; } }

.detail {
  margin: 39px 0 65px; }
  @media (min-width: 320px) {
    .detail {
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .detail__container {
      width: 1170px;
      margin: 0 auto;
      padding: 0; } }
  @media (min-width: 768px) {
    .detail__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (min-width: 768px) {
    .detail__images {
      width: 48%; } }
  .detail__image img {
    width: 100%; }
  .detail__description {
    line-height: 1.4em;
    font-weight: 300;
    font-size: 16px;
    /*
		ul:not('.chosen-results') {
			background: red;
			list-style: circle;
			padding-left: 39px;
		}
		*/ }
    .detail__description h2 {
      font: 400 30px "Roboto Condensed", Roboto, Arial, sans-serif;
      color: #003a70; }
    .detail__description ul {
      list-style: circle;
      padding-left: 40px; }
    .detail__description li {
      list-style: circle;
      line-height: 1.9em; }
    .detail__description p {
      margin: 18px 0; }
    .detail__description a {
      color: #003a70; }
      .detail__description a:hover {
        color: #003a70; }

@media (min-width: 320px) {
  .detail-right {
    width: 100%; } }

@media (min-width: 768px) {
  .detail-right {
    width: 48%; } }

.detail-right__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 320px) {
    .detail-right__item {
      padding: 26px 0;
      border-top: 0; } }
  @media (min-width: 768px) {
    .detail-right__item {
      padding: 26px 0;
      border-top: 2px solid #ea942d;
      border-bottom: 0; } }
  @media (min-width: 992px) {
    .detail-right__item {
      padding: 52px 0; } }

.detail-right__series, .detail-right__height, .detail-right__width {
  font: 500 26px "Roboto Condensed", Roboto, Arial, sans-serif;
  color: #003a70; }
  @media (min-width: 320px) {
    .detail-right__series, .detail-right__height, .detail-right__width {
      text-align: center; } }
  .detail-right__series span, .detail-right__height span, .detail-right__width span {
    font-size: 20px;
    color: #000; }
    @media (min-width: 320px) {
      .detail-right__series span, .detail-right__height span, .detail-right__width span {
        padding-bottom: 26px; } }

.detail-right__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  @media (min-width: 320px) {
    .detail-right__price {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      padding-bottom: 0;
      border-bottom: 0; } }
  @media (min-width: 480px) {
    .detail-right__price {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (min-width: 768px) {
    .detail-right__price {
      padding-bottom: 39px;
      border-bottom: 2px solid #ea942d; } }
  @media (min-width: 992px) {
    .detail-right__price {
      padding-bottom: 52px; } }
  .detail-right__price span {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    display: inline-block;
    color: #000; }
    @media (min-width: 320px) {
      .detail-right__price span {
        width: 48%;
        font-size: 26px; } }
    @media (min-width: 480px) {
      .detail-right__price span {
        width: auto; } }

.detail-right__price-value {
  font: 500 39px "Roboto Condensed", Roboto, Arial, sans-serif;
  color: #003a70; }
  @media (min-width: 320px) {
    .detail-right__price-value {
      width: 48%;
      font-size: 31px; } }
  @media (min-width: 480px) {
    .detail-right__price-value {
      width: auto; } }

.detail-right__price-star {
  color: #000; }

.detail-right__buy {

  font: 500 17px Roboto, Arial, sans-serif;
  display: block;
  width: 200px;
  border: 2px solid #003a70;
  background: #003a70;
  line-height: 45px;
  vertical-align: middle;
  letter-spacing: .1em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all ease-out 0.1s;
  transition: all ease-out 0.1s; }
  .detail-right__buy:hover {
    background: #fff;
    font-weight: 700;
    color: #003a70;
    text-decoration: none; }
  @media (min-width: 320px) {
    .detail-right__buy {
      margin-top: 26px; } }
  @media (min-width: 768px) {
    .detail-right__buy {
      margin-top: 0; } }

.tabs-detail {
  position: relative;
  min-height: 520px;
  margin-top: 39px; }
  @media (min-width: 320px) {
    .tabs-detail {
      margin-bottom: 270px; } }
  @media (min-width: 480px) {
    .tabs-detail {
      margin-bottom: 130px; } }
  @media (min-width: 768px) {
    .tabs-detail {
      margin-bottom: 90px; } }
  .tabs-detail__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 3px solid #ea942d; }
    @media (min-width: 320px) {
      .tabs-detail__links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: none; } }
    @media (min-width: 1200px) {
      .tabs-detail__links {
        background: #003a70; } }
  .tabs-detail__link {
    font: 400 18px "Roboto Condensed", Roboto, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    outline: none; }
    @media (min-width: 320px) {
      .tabs-detail__link {
        padding: 13px;
        color: #003a70; } }
    @media (min-width: 1200px) {
      .tabs-detail__link {
        padding: 13px 21px;
        color: #fff; } }
    .tabs-detail__link:focus, .tabs-detail__link:hover {
      color: #ea942d;
      text-decoration: none;
      outline: none; }
    .tabs-detail__link:hover, .tabs-detail__link.active {
      position: relative;
      color: #ea942d; }
      @media (min-width: 992px) {
        .tabs-detail__link:hover::before, .tabs-detail__link.active::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 50%;
          width: 0;
          height: 0;
          margin-left: -4px; } }
  @media (min-width: 992px) and (min-width: 320px) {
    .tabs-detail__link:hover::before, .tabs-detail__link.active::before {
      border: 0; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .tabs-detail__link:hover::before, .tabs-detail__link.active::before {
      border: 5px solid transparent;
      border-top: 5px solid #ea942d; } }
  .tabs-detail__value {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 26px 0;
    background: #fff;
    display: none; }
    .tabs-detail__value:nth-child(2) {
      display: block; }
  .tabs-detail__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (min-width: 320px) {
      .tabs-detail__description {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media (min-width: 992px) {
      .tabs-detail__description {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    .tabs-detail__description.design, .tabs-detail__description.complectation {
      display: block; }

.detail-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  @media (min-width: 320px) {
    .detail-colors {
      width: 100%; } }
  .detail-colors__item {
    position: relative;
    margin-right: 1%;
    margin-bottom: 13px;
    cursor: default; }
    @media (min-width: 320px) {
      .detail-colors__item {
        width: 48%;
        margin-right: 4%; }
        .detail-colors__item:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 480px) {
      .detail-colors__item {
        width: 32%;
        margin-right: 1%; }
        .detail-colors__item:nth-child(2n) {
          margin-right: 1%; }
        .detail-colors__item:nth-child(3n) {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .detail-colors__item {
        width: 24%; }
        .detail-colors__item:nth-child(3n) {
          margin-right: 1%; }
        .detail-colors__item:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 992px) {
      .detail-colors__item {
        width: 24%; }
        .detail-colors__item:nth-child(4n) {
          margin-right: 1%; } }
    .detail-colors__item img {
      height: 100%; }
      @media (min-width: 320px) {
        .detail-colors__item img {
          width: 100%;
          height: auto; } }
  .detail-colors__name {
    font: 300 14px Roboto, Arial, sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    padding: 13px 5px;
    background: rgba(0, 62, 126, 0.9);
    color: #fff;
    text-align: center; }
    @media (min-width: 320px) {
      .detail-colors__name {
        padding: 7px 5px;
        font-size: 13px; } }
    @media (min-width: 480px) {
      .detail-colors__name {
        font-size: 14px; } }
    @media (min-width: 768px) {
      .detail-colors__name {
        padding: 13px 5px; } }

.detail-surface {
  padding: 15px;
  background: #555;
  border-top: 2px solid #fff; }
  @media (min-width: 320px) {
    .detail-surface {
      width: 100%; } }
  @media (min-width: 992px) {
    .detail-surface {
      width: auto; } }
  .detail-surface__title {
    font: 500 24px "Roboto Condensed", Roboto, Arial, sans-serif;
    margin-bottom: 13px;
    color: #fff;
    text-transform: uppercase; }
  @media (min-width: 480px) {
    .detail-surface__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 992px) {
    .detail-surface__container {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .detail-surface__item {
    position: relative; }
    @media (min-width: 320px) {
      .detail-surface__item {
        width: 100%;
        margin-bottom: 15px; } }
    @media (min-width: 480px) {
      .detail-surface__item {
        width: 48%;
        margin-right: 4%; }
        .detail-surface__item:nth-child(2n) {
          margin-right: 0; } }
    @media (min-width: 992px) {
      .detail-surface__item {
        margin-right: 0; } }
    .detail-surface__item img {
      width: 100%; }
  .detail-surface__name {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }
    @media (min-width: 992px) {
      .detail-surface__name {
        font-size: 20px;
        font-weight: 500; } }

.detail-design {
  background: #555;
  width: 100%; }
  @media (min-width: 320px) {
    .detail-design {
      padding: 15px; } }
  @media (min-width: 480px) {
    .detail-design {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .detail-design {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .detail-design__item {
    margin-bottom: 26px; }
    @media (min-width: 320px) {
      .detail-design__item {
        width: calc(100% - 30px);
        margin: 13px auto; } }
    @media (min-width: 480px) {
      .detail-design__item {
        width: 48%; } }
    @media (min-width: 768px) {
      .detail-design__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .detail-design__item {
        width: 24%; } }
    @media (min-width: 1200px) {
      .detail-design__item {
        width: 18%; } }
    .detail-design__item img {
      width: 100%; }
  .detail-design__name {
    margin-top: 7px;
    font-weight: 300;
    color: #fff;
    text-align: center; }

.detail-base {
  padding-top: 26px; }
  @media (min-width: 768px) {
    .detail-base {
      background: #003a70; } }
  .detail-base__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center;
    color: #fff; }
  @media (min-width: 320px) {
    .detail-base__container {
      margin: 0 -15px;
      padding: 39px 13px; } }
  @media (min-width: 480px) {
    .detail-base__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .detail-base__container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 1200px) {
    .detail-base__container {
      margin: 0; } }
  .detail-base__item {
    cursor: pointer; }
    @media (min-width: 320px) {
      .detail-base__item {
        margin-bottom: 0; } }
    @media (min-width: 480px) {
      .detail-base__item {
        width: 48%;
        margin-bottom: 33px; } }
    @media (min-width: 768px) {
      .detail-base__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .detail-base__item {
        width: 24%;
        margin-right: 1.2%; }
        .detail-base__item:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 1200px) {
      .detail-base__item {
        width: 18%;
        margin-right: 2.5%; }
        .detail-base__item:nth-child(4n) {
          margin-right: 2.5%; }
        .detail-base__item:nth-child(5n) {
          margin-right: 0; } }
    .detail-base__item img {
      display: block;
      width: 100%; }
    .detail-base__item.active .detail-base__name {
      height: auto; }
      .detail-base__item.active .detail-base__name::after {
        display: none; }
  .detail-base__name {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden;
    padding: 13px 0;
    background: #003a70;
    font-weight: 300;
    color: #fff;
    text-align: center; }
    .detail-base__name::after {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 19px;
      width: 100%;
      line-height: 19px;
      vertical-align: middle;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 62, 126, 0.7)), to(#003a70));
      background: linear-gradient(to bottom, rgba(0, 62, 126, 0.7), #003a70 100%); }

.detail-add {
  padding-top: 26px;
  background: #ededed; }
  .detail-add__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  @media (min-width: 320px) {
    .detail-add__container {
      margin: 0 -15px;
      padding: 39px 13px; } }
  @media (min-width: 480px) {
    .detail-add__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media (min-width: 992px) {
    .detail-add__container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media (min-width: 1200px) {
    .detail-add__container {
      margin: 0; } }
  .detail-add__item {
    margin-bottom: 33px;
    cursor: pointer; }
    @media (min-width: 480px) {
      .detail-add__item {
        width: 48%; } }
    @media (min-width: 768px) {
      .detail-add__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .detail-add__item {
        width: 24%;
        margin-right: 1.2%; }
        .detail-add__item:nth-child(4n) {
          margin-right: 0; } }
    @media (min-width: 1200px) {
      .detail-add__item {
        width: 18%;
        margin-right: 2.5%; }
        .detail-add__item:nth-child(4n) {
          margin-right: 2.5%; }
        .detail-add__item:nth-child(5n) {
          margin-right: 0; } }
    .detail-add__item img {
      width: 100%; }
    .detail-add__item.active .detail-add__name {
      height: auto; }
      .detail-add__item.active .detail-add__name::after {
        display: none; }
  .detail-add__name {
    position: relative;
    height: 133px;
    overflow: hidden;
    margin-top: 13px;
    font-weight: 300;
    color: #555;
    text-align: center;
    text-overflow: ellipsis; }
    .detail-add__name::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 19px;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 237, 237, 0.7)), to(#ededed));
      background: linear-gradient(to bottom, rgba(237, 237, 237, 0.7), #ededed 100%); }

.detail-tech {
  width: 100%; }
  .detail-tech table {
    width: 100%;
    border-collapse: collapse; }
  .detail-tech th {
    font: 500 18px "Roboto Condensed", Roboto, Arial, sans-serif;
    border-right: 1px solid #f6f6f6;
    background: #003a70;
    color: #fff;
    text-align: center;
    vertical-align: middle; }
    .detail-tech th:last-child {
      border-right: 0; }
    @media (min-width: 320px) {
      .detail-tech th {
        padding: 7px 3px;
        font-size: 12px;
        font-weight: 400; } }
    @media (min-width: 480px) {
      .detail-tech th {
        padding: 7px;
        font-size: 14px; } }
    @media (min-width: 768px) {
      .detail-tech th {
        padding: 13px 26px;
        font-size: 18px; } }
  .detail-tech td {
    font: 500 16px "Roboto Condensed", Roboto, Arial, sans-serif;
    border-bottom: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    background: #ea942d;
    vertical-align: middle;
    font-weight: 300;
    color: #fff;
    text-align: center; }
    .detail-tech td:first-child {
      text-align: left; }
    .detail-tech td:last-child {
      border-right: 0; }
    @media (min-width: 320px) {
      .detail-tech td {
        padding: 7px 3px;
        font-size: 12px; } }
    @media (min-width: 480px) {
      .detail-tech td {
        padding: 7px;
        font-size: 13px; } }
    @media (min-width: 768px) {
      .detail-tech td {
        padding: 13px 26px;
        font-size: 16px; } }

.detail-construction {
  width: 100%; }
  .detail-construction__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  .detail-construction__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 26px; }
    @media (min-width: 320px) {
      .detail-construction__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 992px) {
      .detail-construction__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  @media (min-width: 320px) {
    .detail-construction__image {
      width: 100%;
      margin-bottom: 13px; } }
  @media (min-width: 768px) {
    .detail-construction__image {
      display: block;
      width: 635px;
      margin: 0 auto 26px; } }
  @media (min-width: 992px) {
    .detail-construction__image {
      width: 48%; } }
  .detail-construction__image img {
    width: 100%; }
  @media (min-width: 320px) {
    .detail-construction__description {
      width: 100%; } }
  @media (min-width: 992px) {
    .detail-construction__description {
      width: 48%; } }
  .detail-construction__description li {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300; }
    @media (min-width: 320px) {
      .detail-construction__description li {
        font-size: 14px; } }
    @media (min-width: 480px) {
      .detail-construction__description li {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .detail-construction__description li {
        font-size: 17px; } }

.detail-preparation {
  width: 100%; }
  .detail-preparation__title {
    font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-align: center; }
  .detail-preparation__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 26px; }
    @media (min-width: 320px) {
      .detail-preparation__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 992px) {
      .detail-preparation__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  @media (min-width: 320px) {
    .detail-preparation__image {
      width: 100%;
      margin-bottom: 13px; } }
  @media (min-width: 768px) {
    .detail-preparation__image {
      display: block;
      width: 635px;
      margin: 0 auto 26px; } }
  @media (min-width: 992px) {
    .detail-preparation__image {
      width: 48%; } }
  .detail-preparation__image img {
    width: 100%; }
  @media (min-width: 320px) {
    .detail-preparation__description {
      width: 100%; } }
  @media (min-width: 992px) {
    .detail-preparation__description {
      width: 48%; } }
  .detail-preparation__description li {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300; }
    @media (min-width: 320px) {
      .detail-preparation__description li {
        font-size: 14px; } }
    @media (min-width: 480px) {
      .detail-preparation__description li {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .detail-preparation__description li {
        font-size: 17px; } }

.detail-mounting {
  width: 100%; }
  .detail-mounting__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 39px;
    padding: 26px 26px 39px;
    border-left: 7px solid #003a70;
    background: rgba(234, 148, 45, 0.65); }
    .detail-mounting__item:nth-child(2n) {
      border-color: #ea942d;
      background: rgba(0, 62, 126, 0.9);
      color: #fff; }
      @media (min-width: 320px) {
        .detail-mounting__item:nth-child(2n) {
          border-left: 0;
          border-right: 7px solid #ea942d; } }
      @media (min-width: 768px) {
        .detail-mounting__item:nth-child(2n) {
          border-right: 0;
          border-left: 7px solid #ea942d; } }
    @media (min-width: 320px) {
      .detail-mounting__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 26px;
        padding: 26px 13px; } }
    @media (min-width: 768px) {
      .detail-mounting__item {
        padding: 26px; } }
    @media (min-width: 768px) {
      .detail-mounting__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .detail-mounting__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 300; }
  .detail-mounting__image {
    width: 280px;
    margin-right: 39px; }
    @media (min-width: 320px) {
      .detail-mounting__image {
        width: 95%;
        margin-right: 0;
        margin-bottom: 26px; } }
    @media (min-width: 768px) {
      .detail-mounting__image {
        width: 280px;
        margin-right: 26px;
        margin-bottom: 0; } }
  .detail-mounting__docs {
    margin-bottom: 39px;
    padding: 0 26px; }
  .detail-mounting__link {
    display: block;
    font-size: 21px;
    line-height: 70px; }
    .detail-mounting__link.pdf {
      padding-left: 105px;
      background: url("/bitrix/templates/utlab_main/img/pdf.jpg") no-repeat left center; }
    .detail-mounting__link.doc {
      padding-left: 105px;
      background: url("/bitrix/templates/utlab_main/img/doc-icon.png") no-repeat left center; }

.detail-form {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10; }
  .detail-form__container {
    position: absolute;
    min-height: 456px;
    background: #fff; }
    @media (min-width: 320px) {
      .detail-form__container {
        left: 0;
        width: 100%; } }
    @media (min-width: 768px) {
      .detail-form__container {
        left: 50%;
        width: 535px;
        margin-left: -267.5px; } }
  .detail-form__title {
    padding: 25px 0 20px;
    border-bottom: 5px solid #ea942d;
    background: #003a70;
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    text-align: center; }
  .detail-form__close {
    display: block;
    position: absolute;
    width: 17px;
    height: 17px; }
    @media (min-width: 320px) {
      .detail-form__close {
        top: -34px;
        right: 0; } }
    @media (min-width: 768px) {
      .detail-form__close {
        right: -30px;
        top: -17px; } }
    .detail-form__close::before, .detail-form__close::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      height: 2px;
      margin-top: -1px;
      background: #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .detail-form__close::after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .detail-form form {
    padding: 27px 48px 32px; }
  .detail-form__input {
    display: block;
    margin-bottom: 17px;
    padding: 17px 20px 20px;
    border: 0;
    background: #f6f6f6;
    font-size: 16px;
    font-weight: 300;
    outline: none; }
    @media (min-width: 320px) {
      .detail-form__input {
        width: 100%; } }
    @media (min-width: 768px) {
      .detail-form__input {
        width: calc(100% - 37px); } }
    @media (min-width: 992px) {
      .detail-form__input {
        width: 100% !important; } }
    .detail-form__input.submit {
      margin: 0 auto;
      padding: 0;
      border-radius: 0;
      background: #ea942d;
      line-height: 35px;
      vertical-align: middle;
      font-size: 17px;
      font-weight: 500;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      -webkit-appearance: none;
      outline: none; }
      @media (min-width: 320px) {
        .detail-form__input.submit {
          width: 100%; } }
      @media (min-width: 768px) {
        .detail-form__input.submit {
          width: 230px; } }
  .detail-form__product {
    font: 400 25px "Roboto Condensed", Roboto, Arial, sans-serif;
    padding: 13px 13px 0;
    color: #003a70;
    text-align: center; }
  .detail-form__hidden {
    display: none; }
  .detail-form__policy {
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 300;
    color: #555; }
    .detail-form__policy a {
      color: #003a70;
      text-decoration: underline; }
      .detail-form__policy a:hover {
        text-decoration: none; }
  .detail-form__captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    .detail-form__captcha img {
      margin-right: 13px; }
    .detail-form__captcha input {
      width: 70%;
      margin: 13px 0;
      padding: 8px;
      outline: none;
      text-align: center; }
  .detail-form__text {
    margin-bottom: 7px; }

.content {
  margin-bottom: 95px; }
  @media (min-width: 320px) {
    .content {
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .content {
      width: 1170px;
      margin: 0 auto;
      padding: 0;
      margin-bottom: 95px; } }
  .content h2,
  .content h3 {
    font: 400 20px "Roboto Condensed", Roboto, Arial, sans-serif;
    color: #003a70;
    text-transform: uppercase; }
    @media (min-width: 320px) {
      .content h2,
      .content h3 {
        margin: 13px 0 13px;
        font-size: 20px; } }
    @media (min-width: 480px) {
      .content h2,
      .content h3 {
        font-size: 30px;
        margin: 39px 0 26px; } }
  .content h3 {
    font: 400 25px "Roboto Condensed", Roboto, Arial, sans-serif; }
  .content p {
    margin: 13px 0;
    font-size: 16px;
    font-weight: 300;
    color: #555; }
  .content a {
    color: #003a70; }
  .content img {
    display: block; }
    @media (min-width: 320px) {
      .content img {
        width: 100%;
        margin: 13px auto; } }
    @media (min-width: 992px) {
      .content img {
        width: 75%;
        margin: 39px auto; } }
  .content ul {
    padding: 13px 13px 13px 0;
    list-style-type: circle;
    list-style-position: inside; }
    .content ul li {
      margin-bottom: 13px;
      font-size: 16px;
      font-weight: 300;
      color: #555; }
  .content ol {
    padding: 13px 13px 13px 0; }
    .content ol li {
      margin-bottom: 13px;
      font-size: 16px;
      font-weight: 300;
      color: #555; }
      .content ol li:last-child {
        margin-bottom: 0; }
    .content ol ol {
      padding-left: 13px; }
  .content .radio {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  .content.error-404 a {
    font-weight: 500;
    border-bottom: 1px solid #003a70; }
    .content.error-404 a:hover {
      border-bottom: 0; }
  .content.sitemap ul {
    margin-left: 20px; }
  .content.service {
    margin: 26px auto 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #b9b9bb; }
  .content .search-page b {
    font-weight: 500;
    color: #003a70;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #ea942d;
    text-decoration-color: #ea942d; }
  .content .search-page h4 b {
    background: none;
    color: #003a70;
    text-decoration: none; }
  .content table {
    border-collapse: collapse; }
  .content td {
    border: 1px solid #000; }

.docs-page__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 320px) {
    .docs-page__container {
      margin-top: 65px;
      padding: 0 15px; } }
  @media (min-width: 480px) {
    .docs-page__container {
      padding: 0 60px; } }
  @media (min-width: 768px) {
    .docs-page__container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-top: 35px;
      padding: 0 17px; } }
  @media (min-width: 992px) {
    .docs-page__container {
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .docs-page__container {
      width: 1170px;
      margin: 0 auto;
      padding: 0;
      margin-top: 35px; } }

.docs-page__item {
  position: relative;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05); }
  @media (min-width: 320px) {
    .docs-page__item {
      width: 100%;
      margin-bottom: 49px; } }
  @media (min-width: 768px) {
    .docs-page__item {
      width: 48%;
      margin-right: 2%;
      margin-bottom: 33px; } }
  @media (min-width: 992px) {
    .docs-page__item {
      width: 32%;
      margin-right: 1.33%;
      margin-bottom: 54px; } }

.docs-page__link {
  display: block;
  position: relative; }
  .docs-page__link:hover span {
    background: #003a70; }

.docs-page__image {
  width: 100%; }

.docs-page__name {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  width: 100%;
  padding: 20px 0 16px;
  background: rgba(0, 62, 126, 0.9);
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }

.docs-page__name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  z-index: 10; }

.docs-page__text {
  margin-top: 15px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: 300;
  color: #555; }

.docs-page__youtube {
  position: relative;
  display: block;
  width: 100%;
  outline: none; }

.docs-page__pager {
  font-weight: 300; }
  @media (min-width: 320px) {
    .docs-page__pager {
      margin: 0 26px;
      padding: 0 15px; } }
  @media (min-width: 1200px) {
    .docs-page__pager {
      width: 1170px;
      margin: -26px auto 78px;
      padding: 0; } }
  .docs-page__pager a {
    font-weight: 300;
    color: #003a70; }
  .docs-page__pager .modern-page-current {
    font-weight: 300;
    color: #555; }

.docs-page table {
  width: 100%; }
  @media (min-width: 320px) {
    .docs-page table {
      margin-bottom: 26px; } }
  @media (min-width: 320px) {
    .docs-page table tr:first-child img {
      width: 100%;
      height: auto; } }
  @media (min-width: 992px) {
    .docs-page table tr:first-child img {
      width: auto; } }
  @media (min-width: 320px) {
    .docs-page table tr:last-child a {
      font-size: 13px; } }
  @media (min-width: 992px) {
    .docs-page table tr:last-child a {
      font-size: 16px; } }
  .docs-page table a {
    color: #003a70; }

.docs-page .pdf-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .docs-page .pdf-list__item {
    margin-bottom: 26px;
    text-align: center; }
    @media (min-width: 320px) {
      .docs-page .pdf-list__item {
        width: 100%; } }
    @media (min-width: 480px) {
      .docs-page .pdf-list__item {
        width: 48%; } }
    @media (min-width: 768px) {
      .docs-page .pdf-list__item {
        width: 32%; } }
    @media (min-width: 992px) {
      .docs-page .pdf-list__item {
        width: 24%; } }
  .docs-page .pdf-list__img img {
    width: 100%;
    height: auto; }

.chosen-search {
  width: 100%; }

.chosen-search-input {
  display: block;
  width: 100%;
  padding: 15px 30px 15px 45px;
  background: #fff url("/bitrix/templates/utlab_main/img/blue-arrow.png") no-repeat 95% center;
  border: 0;
  outline: none;
  cursor: pointer; }

.chosen-container {
  position: relative;
  margin-bottom: 17px; }

.chosen-single {
  display: block;
  position: absolute;
  top: 15px;
  left: 30px;
  width: calc(100% - 75px);
  color: #555;
  z-index: 10;
  white-space: nowrap;
  overflow: hidden; }
  .chosen-single:hover {
    color: #555;
    text-decoration: none; }

.chosen-drop {
  position: relative; }

.chosen-results {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 10; }
  .chosen-results li {
    width: 100%;
    margin-bottom: 13px;
    padding: 0 13px;
    cursor: pointer; }
    .chosen-results li:first-child {
      padding-top: 13px; }
    .chosen-results li.result-selected {
      color: #003a70; }

.chosen-container-active .chosen-results {
  display: block; }

.price {
  margin-bottom: 78px; }
  .price__banner {
    position: relative;
    overflow: hidden; }
    @media (min-width: 480px) {
      .price__banner {
      /*  top: -141px; */
      top: 0px;
      } 
    }
    .price__banner img {
      width: 100%; }
  @media (min-width: 320px) {
    .price__wrapper {
      width: 100%;
      padding: 0; } }
  @media (min-width: 480px) {
    .price__wrapper {
      padding: 15px;
      margin-top: -111px; } }
  @media (min-width: 1200px) {
    .price__wrapper {
      width: 1170px;
      margin: -113px auto 0;
      padding: 0; } }
  .price__calc {
    font: 400 14px Roboto, Arial, sans-serif; }
    @media (min-width: 320px) {
      .price__calc {
        width: 100%; } }
    @media (min-width: 992px) {
      .price__calc {
        width: 900px;
        margin: 0 auto 52px; } }
    .price__calc .dha h1 {
      width: 880px; }
    .price__calc ol {
      margin-top: 13px; }
    .price__calc .dha-dsn .dha-aide-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .price__calc .dha .label {
      font: 500 14px Roboto, Arial, sans-serif;
      padding-left: 0;
      line-height: 20px;
      vertical-align: middle;
      color: #555;
      text-align: left; }
  .price .radio label, .price .checkbox label,
  .price .dha .dha-dsn.design .radio {
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important; }
  .price .dha .dha-dsn.design .radio {
    width: 70px; }
  .price__note {
    width: 100%;
    font-size: 13px;
    color: #999; }
    @media (min-width: 320px) {
      .price__note {
        text-align: left; } }
    @media (min-width: 992px) {
      .price__note {
        text-align: right; } }

@media (min-width: 320px) {
  .order-form {
    padding: 0 15px; } }

@media (min-width: 1200px) {
  .order-form {
    width: 1170px;
    margin: 0 auto 65px; } }

.order-form__title {
  font: 400 35px "Roboto Condensed", Roboto, Arial, sans-serif;
  color: #003a70;
  text-align: center;
  margin: 13px 0;
  font-size: 25px; }

.order-form .contacts-form__input {
  width: 100%; }

.order-form .contacts-form__input.submit {
  width: 250px;
  line-height: 52px; }

.feedback select,
.feedback textarea,
.feedback input:not([type="checkbox"]) {
  display: block;
  width: 100%;
  margin-bottom: 13px;
  padding: 13px; }

.feedback__checkbox {
  margin-bottom: 13px;
  font-size: 18px; }
  .feedback__checkbox br {
    display: none; }

.feedback input[type="submit"] {
  display: block;
  width: 250px;
  margin: 13px auto;
  border: 0;
  background: #ea942d;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase; }

.feedback input[name="captcha_word"] {
  width: 305px;
  margin-top: 13px; }

.feedback img {
  width: 180px;
  margin: 13px 39px; }

body {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f1f1f1;
  font-display: swap; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

  .header-basket__quantity{
    display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 11px!important;
        font-weight: 701!important;
        font-style: normal;
        line-height: 1;
        position: absolute;
        top: -8px;
        right: -5px;
        width: 17px!important;
        height: 17px!important;
        text-align: center;
        border-radius: 50%;
        background: #f7941d;
    }
    .header-basket__quantity b{
      color: #fff;
    }

    .detail-right__order{
      margin-bottom: 12px;
      font: 500 17px Roboto, Arial, sans-serif;
      display: block;
      width: 200px;
      border: 2px solid #ea942d;
      background: #ea942d;
      line-height: 45px;
      vertical-align: middle;
      letter-spacing: .1em;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      -webkit-transition: all ease-out 0.1s;
      transition: all ease-out 0.1s;
    }
    @media (min-width: 320px) {
      .detail-right__order {
        margin-top: 26px; } }
    @media (min-width: 768px) {
      .detail-right__order {
        margin-top: 0; } }
        .detail-right__order:hover {
          background: #fff;
          font-weight: 700;
          color: #003a70;
          text-decoration: none; }

  .dell-tovar{
    bottom: -2px;
    display: inline-block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    position: relative;
    margin-left: 50px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(2%202)%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23FFF%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212.75%22%20stroke%3D%22%23222D38%22%20stroke-width%3D%221.5%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23222D38%22%20opacity%3D%221%22%20transform%3D%22translate(6%206)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%221.611%22%20height%3D%2213.9%22%20x%3D%225.435%22%20y%3D%22-.941%22%20rx%3D%22.806%22%20transform%3D%22rotate(45%206.24%206.01)%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%221.611%22%20height%3D%2213.9%22%20x%3D%225.435%22%20y%3D%22-.941%22%20rx%3D%22.806%22%20transform%3D%22scale(-1%201)%20rotate(45%200%20-9.058)%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .dell-tovar:hover{
    /*-moz-transform:rotate(90deg);
    transform:rotate(90deg);*/
    animation: rotating-function 2.25s linear infinite;
  }

  @keyframes rotating-function {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  @media (max-width: 768px) {
    .dell-tovar{
    float: right;
    margin: 0;
    display: block;
    }

.bx-sidebar-block #bx_incl_area_5_1_2 .bx-filter-parameters-box{
  float: left;
  display: inline-block;
  width: 100%;
}
#smartFilterDropDown8570{
  overflow: scroll;
  height: 358px;
  width: 100%;
}
#smartFilterDropDown8569{
  overflow: scroll;
  height: 358px;
  width: 100%;
}
#smartFilterDropDown8570 .popup-window{
  width: 100%;
}
#smartFilterDropDown8569 .popup-window{
  width: 100%;
}
  }
  
  
  @media (min-width: 769px) {
    .container-fluid form .row{
      display: inline-block;
    }
    .container-fluid form[name='_form'] .row:nth-last-child(3){
      padding-left: 26px;
      display: inline-block;
      width: 70%;
    }
    .container-fluid form[name='_form'] .row:nth-last-child(2){
      width: 30%;
      display: inline-block;
    }
    .container-fluid form .row .bx-filter-parameters-box{
      width: 48.333333%;
    }
    .bx-sidebar-block .bx-filter-section{
      margin: 0 auto;
        width: 1170px;
    }
    .bx-sidebar-block .bx-filter-parameters-box{
      float: left;
    }
    .bx-sidebar-block .bx-filter-button-box .bx-filter-block{
      float: right;
    }
    .bx-sidebar-block .bx-filter-button-box .bx-filter-block .bx-filter-popup-result{
      margin-top: 5px;
      margin-left: -359px;
    }
    #smartFilterDropDown8570 .popup-window{
      width: 356px;
    }
    #smartFilterDropDown8569 .popup-window{
      width: 356px;
    }
    #smartFilterDropDown8570{
      overflow: scroll;
      height: 358px;
    }
    #smartFilterDropDown8569{
      overflow: scroll;
      height: 358px;
    }

    .tabs-detail__description{
      padding-left: 40px;
    }
  }

  .downl_PDF{
    float: right;
    font-size: 17px;
    height: 66px;
    text-align: center;
    display: inline-block;
    margin-left: 31px;
    width: 159px;
    padding: 0px 6px;
    border: 2px solid #baaaaaf5;
  }
  .tovar-col{
    margin-right: 5%;
    display: inline-block;
  }

  /*bask*/
  .basket-quantity__body {
    position: relative;
    z-index: 1;
}
.basket-quantity__input {
  width: 76px;
  height: 46px;
  padding-right: 22px;
  padding-left: 0;
  text-align: center;
  border: 1px solid #eee;
  background: #fff;
}
.basket-quantity__plus {
  top: 0;
  transform: rotate(180deg);
}
.basket-quantity__minus {
  bottom: 0;
}
.basket-quantity__minus, .basket-quantity__plus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  width: 22px;
  height: 22px;
  cursor: pointer;
  transition: fill .2s;
  fill: #515356;
}
.basket-quantity__minus svg, .basket-quantity__plus svg {
  width: 7px;
  height: 5px;
}


.tovar-lists .name{
  margin-right: 13%;
  max-width: 395px;
}
.tovar-lists .price{
  top: 5px;
  position: relative;
  margin-right: 4%;
  font-size: 18px;
}
.tovar-lists .price div{
  font-size: 12px;
}
.tovar-lists .quantity .basket-quantity__label{
  padding-right: 10px;
  display: inline;
}
.tovar-lists .quantity .basket-quantity__body{
  display: inline-block;
}
.tovar-lists .dell-tovar{
    margin-right: 0%;
    text-align: right;
    float: right;
}
.content p.specfont1{
  font-size: 22px;
    color: #003a70;
}
.order_sumprise p{
  font-size: 22px;
  color: #003a70;
  float: right;
}
  /**/


  .reviews_add {
    display: none;
    position: fixed;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 500; }
    .reviews_add__container {
      position: absolute;
      top: 33%;
      min-height: 456px;
      margin-top: -228px;
      background: #fff; }
      @media (min-width: 320px) {
        .reviews_add__container {
          left: 0;
          width: 100%; } }
      @media (min-width: 768px) {
        .reviews_add__container {
          left: 50%;
          width: 535px;
          margin-left: -267.5px; } }
    .reviews_add__title {
      padding: 25px 0 20px;
      border-bottom: 5px solid #ea942d;
      background: #003a70;
      font-size: 25px;
      font-weight: 300;
      color: #fff;
      text-transform: uppercase;
      text-align: center; }
    .reviews_add__close {
      display: block;
      position: absolute;
      width: 17px;
      height: 17px; }
      @media (min-width: 320px) {
        .reviews_add__close {
          top: -34px;
          right: 0; } }
      @media (min-width: 768px) {
        .reviews_add__close {
          right: -30px;
          top: -17px; } }
      .reviews_add__close::before, .reviews_add__close::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 2px;
        margin-top: -1px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .reviews_add__close::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .reviews_add form {
      padding: 27px 48px 32px; }
      .reviews_send_block .reviews_send_button{
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        border-radius: 0;
        background: #ea942d;
        line-height: 35px;
        vertical-align: middle;
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        -webkit-appearance: none;
        outline: none;
        width: 230px;
        border: none;
      }
      .reviews_send_block{
        text-align: center;
        margin-top: 30px;
      }
      .reviews{
        width: 1170px;
        margin-bottom: 44px;
        padding: 37px 39px;
        background: #f0f0f0;
        margin: auto;
      }
      @media (max-width: 1170px) {
        .reviews{
          width: 100%;
        }
      }
      .resmsg{
  padding: 26px;
    }

    i.question{
      font-style: italic;
  font-weight: bold;
    }

noindex {
  display: contents;
}
/* End */
/* /local/templates/new/assets/styles.css?174350024812554 */
/* /local/templates/new/assets/template_styles.css?1743500248333421 */
/* /local/templates/new/components/bitrix/search.title/header_mobile/style.css?17435002484060 */
/* /local/templates/new/components/bitrix/menu/mobile/style.css?17435002489289 */
/* /local/templates/new/components/bitrix/menu/mobile/themes/blue/colors.css?1743500248659 */
/* /local/templates/new/components/bitrix/search.title/header/style.css?17435002484041 */
/* /local/templates/new/components/bitrix/menu/catalog_vertical/style.css?17435002488464 */
/* /local/templates/new/components/bitrix/menu/catalog_vertical/themes/blue/colors.css?1743500248659 */
/* /local/templates/new/styles.css?174350024820616 */
/* /local/templates/new/template_styles.css?1743500248199410 */