html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

body, html { height: 100%; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

@font-face { font-family: SFUIDisplay-Regular; src: url("fonts/SFUIDisplay-Regular.eot"); src: url("fonts/SFUIDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/SFUIDisplay-Regular.woff") format("woff"), url("fonts/SFUIDisplay-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: SFUIDisplay-Medium; src: url("fonts/SFUIDisplay-Medium.eot"); src: url("fonts/SFUIDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/SFUIDisplay-Medium.woff") format("woff"), url("fonts/SFUIDisplay-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: SFUIDisplay-Bold; src: url("fonts/SFUIDisplay-Bold.eot"); src: url("fonts/SFUIDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/SFUIDisplay-Bold.woff") format("woff"), url("fonts/SFUIDisplay-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: SFUIDisplay-Heavy; src: url("fonts/SFUIDisplay-Heavy.eot"); src: url("fonts/SFUIDisplay-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/SFUIDisplay-Heavy.woff") format("woff"), url("fonts/SFUIDisplay-Heavy.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: SFUIDisplay-Semibold; src: url("fonts/SFUIDisplay-Semibold.eot"); src: url("fonts/SFUIDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/SFUIDisplay-Semibold.woff") format("woff"), url("fonts/SFUIDisplay-Semibold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

a, a:before, a:after, a:hover, a:focus { text-decoration: none; color: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

body { font-family: "SFUIDisplay-Regular", Arial, sans-serif; font-size: 12px; line-height: 1.2; color: #000; }

.page404 h1 {padding-bottom: 12px;border-bottom: 1px solid #e6e6e6;margin-bottom: 16px;}
.page404 p {font-size:16px;}
.page404 p a {color:#0f4c81;text-decoration:underline;}
.page404 p a:hover {color: #767676;}
.page404 img {margin:55px 0;width:90%;margin-left:5%;}

.btn { font-size: 16px; border-radius: 5px; padding: 13px 20px; }
.btn-bold { font-size: 18px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding: 12px 20px; }

.btn-primary { background: #0f4c81; border: 0; outline: none; box-shadow: none; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus { background: #003c71; color: #fff; box-shadow: none; outline: none; box-shadow: none; }

.btn-secondary { background: #ffdd22; border: 0; outline: none; color: #000; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus { background: #efcd12; color: #000; box-shadow: none; outline: none; }
.btn-border { border: 1px solid #0f4c81; padding: 12px 20px; }

.btn-light { background: #fff; color: #0f4c81; border: 1px solid #0f4c81; padding: 12px 20px; }
.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled):active:focus { background: #0f4c81; border-color: #0f4c81; color: #fff; box-shadow: none; outline: none; }
.btn-compl:hover, .btn-compl:focus, .btn-compl:active, .btn-compl.active, .btn-compl:not(:disabled):not(.disabled):active, .btn-compl:not(:disabled):not(.disabled):active:focus { background: #ff0000; border-color: #ff0000; color: #fff; box-shadow: none; outline: none; }

.form-group { margin-bottom: 20px; position: relative; }
.form-group label { font-size: 16px; margin-bottom: 10px; font-weight: normal; font-family: "SFUIDisplay-Regular", Arial, sans-serif; }
.form-group-popup { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; padding: 0 20px; border-radius: 0 0 5px 5px; border: 1px solid #cfd8dc; border-top: 0; margin-top: -1px; font-size: 16px; z-index: 10; }
.form-group-popup li { cursor: pointer; padding: 12px 0; border-top: 1px solid #cfd8dc; color: #454545; }
.form-control { height: 50px; padding: 0 20px; font-size: 16px; font-family: "SFUIDisplay-Regular", Arial, sans-serif; color: #000; border: 1px solid #cfd8dc; border-radius: 5px; line-height: 1.2; }
.form-control:-moz-placeholder, .form-control::-moz-placeholder { color: #767676; opacity: 1; }
.form-control::-webkit-input-placeholder { color: #767676; }
textarea.form-control { height: 150px; resize: none; padding-top: 14px; padding-bottom: 14px; font-size: 16px; font-family: "SFUIDisplay-Regular", Arial, sans-serif; }

.form-control:focus { color: #000; border-color: #cfd8dc; box-shadow: none; }

.slick-arrow { display: block; position: absolute; top: 50%; margin-top: -15px; z-index: 10; width: 20px; height: 30px; font-size: 0; opacity: 0.6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; border: 0; box-shadow: none; outline: none !important; }
.slick-arrow:hover { opacity: 1; }
.slick-prev { background: url(../img/icons/prev.png) 50% 50% no-repeat; background-size: contain; left: -70px; }
.slick-next { background: url(../img/icons/next.png) 50% 50% no-repeat; background-size: contain; right: -70px; }

.ui-selectmenu-button.ui-button { width: 100%; padding: 15px 40px 15px 20px; margin: 0; font-size: 16px; font-family: "SFUIDisplay-Regular", Arial, sans-serif; border: 1px solid #cfd8dc; background: #fff; position: relative; border-radius: 5px; }
.ui-selectmenu-button.ui-button .ui-selectmenu-text { margin: 0; padding: 0; }
.ui-selectmenu-button.ui-button .ui-selectmenu-icon { border-top: 5px solid #505050; border-right: 5px solid transparent; border-left: 5px solid transparent; background: none; float: none; position: absolute; top: 50%; margin: -1px 0 0; right: 15px; display: block; width: 10px; height: 5px; -webkit-transition: transform 0.15s; -moz-transition: transform 0.15s; -o-transition: transform 0.15s; -ms-transition: transform 0.15s; transition: transform 0.15s; }
.ui-selectmenu-button:active { color: #333; }
.ui-selectmenu-button-open.ui-button .ui-selectmenu-icon { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.ui-selectmenu-menu { font-family: "SFUIDisplay-Regular", Arial, sans-serif; }
.ui-selectmenu-menu .ui-menu-item-wrapper { font-size: 14px; padding: 7px 20px; border: 0; margin: 0; }
.ui-selectmenu-menu .ui-state-active { margin: 0; border: 0; background: #0f4c81; color: #fff; }
.ui-selectmenu-open { max-height: 276px; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }
.ui-menu.ui-widget-content { border: 0; }
.ui-state-disabled { display: none; }

.uislider-values { overflow: hidden; position: relative; }
.uislider-values .value { width: 50%; }
.uislider-values .value:first-child { position: relative; }
.uislider-values .value:first-child:after { content: ""; position: absolute; left: 100%; width: 4px; height: 1px; margin-left: -2px; top: 50%; background: #505050; }
.uislider-values .value input { max-width: 110px; width: 100%; border: 1px solid #b3b3b3; border-radius: 2px; height: 30px; font-size: 14px; text-align: center !important; padding: 0 10px; color: #757575; }
.uislider-values .value:first-child { float: left; padding-right: 20px; }
.uislider-values .value:last-child { float: right; padding-left: 20px; text-align: right; }
.uislider-container { margin: 25px 7px 0; border: 0!important; border-radius: 0; background: #dfdfdf; height: 7px; position: relative; }
.uislider-container:before { content: ""; position: absolute; bottom: 0; height: 100%; background: #dfdfdf; left: -7px; right: -7px; border-radius: 5px 0 0 5px; }
.uislider-container .ui-widget-header { cursor: pointer; border: 0; background-image: -ms-linear-gradient(top, #1981D8 0%, #05172a 100%); background-image: -moz-linear-gradient(top, #1981D8 0%, #05172a 100%); background-image: -o-linear-gradient(top, #1981D8 0%, #05172a 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1981D8), color-stop(100, #05172a)); background-image: -webkit-linear-gradient(top, #1981D8 0%, #05172a 100%); background-image: linear-gradient(to bottom, #1981D8 0%, #05172a 100%); }
.uislider-container .ui-slider-handle { cursor: pointer; height: 14px; width: 14px; border-radius: 50%; border: 1px solid #989898; background: #fff; top: -3px; margin-left: -6px; }
.uislider-container .ui-slider-handle:before { content: ""; display: block; position: absolute; height: 6px; width: 6px; top: 50%; margin-top: -3px; left: 50%; margin-left: -3px; border-radius: 50%; background: #0f4a7e; }

.mobmenu-toggle { display: none; }
.mobmenu-toggle p { display: none; }
.mobmenu-toggle .lines { position: relative; height: 16px; width: 18px; margin: 0 auto; }
.mobmenu-toggle .lines:hover { color: #0f4c81; }
.mobmenu-toggle span { position: absolute; top: 50%; margin-top: -1px; display: block; height: 2px; width: 100%; background: #0f4c81; -webkit-transition: background 0s 0.3s; -moz-transition: background 0s 0.3s; -o-transition: background 0s 0.3s; -ms-transition: background 0s 0.3s; transition: background 0s 0.3s; }
.mobmenu-toggle span:before, .mobmenu-toggle span:after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: #0f4c81; -webkit-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.mobmenu-toggle span:before { top: -6px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }
.mobmenu-toggle span:after { bottom: -6px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

.mobmenu-toggle.active span { background: none; }
.mobmenu-toggle.active span:before { top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobmenu-toggle.active span:after { bottom: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobmenu-toggle.active span:before, .mobmenu-toggle.active span:after { -webkit-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

.openmenu, .openfilter { overflow: hidden; }

.mobmenu { display: none; position: fixed; top: 0; right: 0; font-size: 0; height: 100%; width: calc(100% - 50px); max-width: 320px; z-index: 10; overflow: hidden; text-align: center; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -o-transition: -o-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; padding: 80px 0; background: rgba(0, 0, 0, 0.85); color: #fff; }
.mobmenu .container { height: 100%; width: 100%; max-width: 100%; overflow: auto; }
.mobmenu .mobmenu-navigation { text-align: center; font-size: 14px; }
.mobmenu .mobmenu-navigation li + li { margin-top: 15px; }
.mobmenu .mobmenu-button { position: absolute; left: 0; right: 0; bottom: 35px; }
.mobmenu .mobmenu-button .btn-primary { background: none !important; color: #ffdd22; padding: 0; border-bottom: 1px dashed #ffdd22; font-size: 14px; }
.mobmenu .mobmenu-button .btn-primary:hover, .mobmenu .mobmenu-button .btn-primary:focus, .mobmenu .mobmenu-button .btn-primary:active, .mobmenu .mobmenu-button .btn-primary.active, .mobmenu .mobmenu-button .btn-primary:not(:disabled):not(.disabled):active, .mobmenu .mobmenu-button .btn-primary:not(:disabled):not(.disabled):active:focus { color: #ffdd22; border-color: transparent; }

.mobmenu.open { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.title { font-family: "SFUIDisplay-Bold", Arial, sans-serif; font-size: 22px; text-align: center; margin-bottom: 45px; position: relative; }
.title-lg { margin-bottom: 30px; font-size: 28px; }
.title span { color: #0f4c81; text-decoration: underline; }

.title-ext { overflow: hidden; margin-bottom: 2px !important; padding-bottom: 45px; }
.title-ext .title-info { text-align: right; position: relative; }
.title-ext .title-info:after { content: ""; position: absolute; left: 100%; margin-left: 12px; width: 999px; height: 1px; background: #000; bottom: 10px; }
.title-ext:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #000; }
.title-ext:after { content: ""; position: absolute; right: 0; height: 56px; bottom: 0; width: 3px; border-left: 1px solid #000; background: #fff; z-index: 1; }

.out { width: 100%; min-width: 320px; margin: 0 auto; padding-top: 62px; }

.header { position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 20; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.header .container { display: flex; justify-content: space-between; align-items: center; }
.header .header-logo { width: 175px; font-size: 0; position: relative; align-self: flex-start; }
.header .header-logo a { display: block; position: relative; width: 100%; }
.header .header-logo img { width: 100%; position: absolute; left: 0; top: 0; }
.header .header-navigation { font-size: 17px; padding: 14px 10px 13px; }
.header .header-navigation ul { display: flex; justify-content: space-between; align-items: center; }
.header .header-navigation li { margin: 0 20px; }
.header .header-navigation a:hover { color: #0f4c81; }
.header .header-controls { text-align: center; padding: 0px 0 0px; }
.header .header-controls ul { display: flex; justify-content: space-between; align-items: center; }
.header .header-controls li + li { margin-left: 30px; }
.header .header-controls .btn { font-size: 14px; padding: 21px 18px 20px; border-radius:0;}
.header .header-controls p { margin-top: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; font-size: 13px; }
.header .header-controls a { display: block; font-size: 0; }
.header .header-controls a:hover p { color: #0f4c81; }
.header .header-controls img { width: 100%; max-width: 24px; }

.search { background: url(../img/search-bg.jpg) center center no-repeat; background-size: cover; padding: 60px 0; }
.search .search-form { background: #fff; padding: 35px 30px 45px; border: 1px solid #ccc; max-width: 940px; margin: 0 auto; }
.search form, .search-list form { margin-bottom: -20px; }
.search form .row { margin: 0 -10px; }
.search form .row > div { padding: 0 10px; }
.search .title { margin-bottom: 30px; }
.search .btn, .search-list .btn { width: 100%; }

.menu, .services, .products, .banner, .companies, .articles, .reviews, .footer, .iconblock { margin-top: 70px; overflow: hidden; }

.menu .title { text-align: left; }
.menu .offers td { width: 25%; min-width: 300px; position: relative; border: 1px solid #fff; }
.menu .offers td:before { content: ""; display: block; padding-top: 44%; }
.menu .offer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.menu .offers td.size-1x1:before { padding-top: 44% }
.menu .offers td.size-2x1:before { padding-top: 22% }
.menu .offers td.size-3x1:before { padding-top: 14.66666666% }
.menu .offers td.size-4x1:before { padding-top: 11% }

.menu .offers td.size-1x2:before { padding-top: 44% }
.menu .offers td.size-2x2:before { padding-top: 22% }
.menu .offers td.size-3x2:before { padding-top: 14.66666666% }
.menu .offers td.size-4x2:before { padding-top: 22% }

.menu .offers td.size-1x3:before { padding-top: 44% }
.menu .offers td.size-2x3:before { padding-top: 22% }
.menu .offers td.size-3x3:before { padding-top: 14.66666666% }
.menu .offers td.size-4x3:before { padding-top: 33.1% }

.menu .offers td.size-1x4:before { padding-top: 44% }
.menu .offers td.size-2x4:before { padding-top: 22% }
.menu .offers td.size-3x4:before { padding-top: 14.66666666% }
.menu .offers td.size-4x4:before { padding-top: 44% }

.offers { overflow: hidden; overflow-x: auto; margin: -1px; }
.offers > ul { overflow: hidden; }
.offers > ul > li { padding: 1px; float: left; overflow: hidden; }

.offer { width: 100%; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; padding: 20px 20px 20px 0; position: relative; }
.offer .offer-info { font-family: "SFUIDisplay-Medium", Arial, sans-serif; font-size: 12px; color: #fff; display: flex; align-items: center; }
.offer .offer-info ul { overflow: hidden; padding: 5px 0 4px; border: 1px solid #ffdd22; border-radius: 0 6px 6px 0; margin-right: 15px; background: rgba(0, 0, 0, 0.25);border-left:none;}
.offer .offer-info li { padding: 16px 8px 0; position: relative; float: left; text-align: center; }
.offer .offer-info li:before { content: ""; position: absolute; left: 50%; margin-left: -7px; top: 0; width: 14px; height: 14px; background-size: contain !important; }
.offer .offer-info li + li { border-left: 1px solid rgba(255, 255, 255, 0.6); }
.offer .offer-info .icon-stock:before { background: url(../img/icons/stock.svg) center center no-repeat; }
.offer .offer-info .icon-views:before { background: url(../img/icons/views.svg) center center no-repeat; }
.offer .offer-info .icon-comments:before { background: url(../img/icons/comments.svg) center center no-repeat; }
.offer .offer-info .icon-company:before { background: url(../img/icons/company.svg) center center no-repeat; }
.offer .offer-info .icon-article:before { background: url(../img/icons/article.svg) center center no-repeat; }
.offer .offer-info .icon-service:before { background: url(../img/icons/service.svg) center center no-repeat; }
.offer .offer-info .icon-video { display: block; width: 24px; height: 22px; background: url(../img/icons/video.svg) center center no-repeat; background-size: contain; }
.offer .offer-name { font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; }
.offer .offer-name a { border-bottom: 2px solid transparent; }

.offer:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.offer:hover .offer-name a { border-color: rgba(255, 255, 255, 0.5); border-color: transparent;}
.offer:hover .offer-name a:hover { border-color: transparent; }
.offer:hover:before { opacity: 1; }

.categories { padding-top: 70px; background-image: -ms-linear-gradient(top, #F3F3F3 0%, #FFFFFF 15%); background-image: -moz-linear-gradient(top, #F3F3F3 0%, #FFFFFF 15%); background-image: -o-linear-gradient(top, #F3F3F3 0%, #FFFFFF 15%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F3F3F3), color-stop(15, #FFFFFF)); background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #FFFFFF 15%); background-image: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 15%); }

.categories-list { width: 50%; }
.categories-list > ul { position: relative; }
.categories-list > ul > li + li:before { content: ""; position: absolute; left: 15px; right: 15px; height: 1px; background: #e6e6e6; }
.categories-list .category .category-toggle { font-size: 14px; padding: 10px 15px; display: block; border: 1px solid transparent; border-right: 0; position: relative; z-index: 1; }
.categories-list .category .category-menu { font-size: 14px; color: #0f4c81; background: #fafafa; padding: 20px; border-left: 1px solid #000; position: absolute; left: 100%; margin-left: -1px; width: 100%; top: 0; min-height: 100%; display: none; }
.categories-list .category .category-menu li + li { margin-top: 15px; }
.categories-list .category .category-menu a { border-bottom: 1px solid #0f4c81; }
.categories-list .category .category-menu a:hover { border-color: transparent; }
.categories-list .category + .category:before { content: ""; position: absolute; left: 15px; right: 15px; height: 1px; background: #e6e6e6; }
.categories-list .category.open .category-toggle { border-color: #000; background: #fafafa; color: #0f4c81; }
.categories-list .category.open .category-menu { display: block; }

.banner { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; padding: 60px 0; color: #fff; text-align: center; }
.banner .banner-content { padding: 0 30px 35px; overflow: hidden; position: relative; z-index: 1; max-width: 920px; margin: 0 auto; }
.banner .banner-content:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; top: 12px; border: 3px solid #fff; border-top: 0; }
.banner .title { margin-bottom: 30px; display: inline-block; position: relative; }
.banner .title:before, .banner .title:after { content: ""; position: absolute; top: 12px; height: 3px; width: 999px; background: #fff; }
.banner .title:before { right: 100%; margin-right: 20px; }
.banner .title:after { left: 100%; margin-left: 20px; }
.banner .info { font-size: 20px; }
.banner .btn { margin-top: 30px; }

.services .offers > ul { min-width: 1200px; }
.services .offers > ul > li { width: 20%; min-width: 240px; position: relative; }
.services .offers > ul > li:before { content: ""; display: block; padding-top: 55%; }
.services .offer { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; }
.services .wrapper { overflow: hidden; }

.services-list { overflow-x: auto; margin: 30px 0 0; }
.services-list > ul {  overflow: hidden; }
.services-list > ul > li { padding: 5px; display: inline-block; overflow: hidden; width: 19%; height: 380px; }
@media(max-width: 1200px)
{
    .services-list > ul > li { width: 24%;  }
}
@media(max-width: 990px)
{
    .services-list > ul > li { width: 32%;  }
}
@media(max-width: 770px)
{
    .services-list > ul > li { width: 49%;  }
}
@media(max-width: 530px)
{
    .services-list > ul > li { width: 99%;  }
}

.service { border: 1px solid transparent; padding: 5px 5px 0; }
.service .service-image { font-size: 0; position: relative; overflow: hidden; }
.service .service-image a { display: block; }
.service .service-image img {
    width: 100%;
    height: 200px;
    margin: 0px auto;
    display: block;
    object-fit: cover;
}
.service .service-image .discount { position: absolute; left: 15px; top: 15px; font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding: 5px 10px; background: #ffdd22; border-radius: 6px; display: inline-block; }
.service .service-info { padding: 10px; }
.service .service-info .name { margin-top: 10px; font-size: 14px; height: 58px; }
@media(max-width: 530px)
{
    .service .service-info .name { height: 38px; }
}

.service .service-info .name a:hover { color: #0f4c81; }
.service .prices { font-size: 16px; margin: 10px -10px 0; }
.service .prices-discount, .service .prices-normal { display: flex; justify-content: space-between; padding: 6px 10px; }
.service .prices-discount { border: 1px solid #ffdd22; border-radius: 5px; }
.service .prices-discount span { color: #0f4c81; }
.service .prices p { color: #808080; padding-right: 10px; }
.service .prices span { font-family: "SFUIDisplay-Bold", Arial, sans-serif; text-align: right; padding-left: 10px; }
.service .service-footer { padding: 10px; border-top: 1px solid #e6e6e6; font-size: 10px; color: #666666; }
.service .service-footer ul { display: flex; justify-content: space-between; }
.service .service-footer ul li { padding: 0 3px; }
.service .service-footer ul li:first-child { padding-left: 0; }
.service .service-footer ul li:last-child { padding-right: 0; }
.service .end { text-transform: uppercase; text-align: center; font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-top: 20px; color: #3e3e3e; }

.service:hover { border: 1px solid #e6e6e6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }

.services-bg { background: #f2f2f2; padding: 30px 0 20px; margin: 0 0 30px; }
.services-bg .service { padding: 9px 9px 4px; overflow: hidden; }
.services-bg .title { font-size: 28px; margin-bottom: 0; }
.services-bg .services-list { margin-top: 20px; }
.services-bg .service:hover { background: #fff; }
.services-bg .services-list > ul { min-width: 0; padding: 0 10px; }
.services-bg .services-list > ul > li { min-width: 0; width: 25%; }

.meta span { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; }
.meta span:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; background-size: contain!important; }
.meta .icon-count:before { background: url('../img/icons/count-service.svg') center center no-repeat; width: 15px; height: 15px; }
.meta .icon-views:before { background: url('../img/icons/views-service.svg') center center no-repeat; width: 15px; height: 15px; }
.meta .icon-comments:before { background: url('../img/icons/comments-service.svg') center center no-repeat; width: 15px; height: 15px; }
.meta .icon-time:before { background: url('../img/icons/time-service.svg') center center no-repeat; width: 15px; height: 15px; }

.rating { font-size: 14px; overflow: hidden; }
.rating .rating-stars { overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 8px; }
.rating .rating-stars p { float: left; width: 16px; height: 16px; background: url(../img/icons/star.svg) left center no-repeat; background-size: cover; margin-right: 1px; position: relative; }
.rating .rating-stars i { position: absolute; left: 0; top: 0; height: 16px; background: url(../img/icons/star-active.svg) left center no-repeat; background-size: cover; }
.rating .rating-value { display: inline-block; vertical-align: middle; position: relative; top: 1px; }

.loadmore { text-align: center; margin-top: 30px; }

.companies .wrapper { overflow: hidden; }

.companies-list { overflow: hidden; overflow-x: auto; }
.companies-list > ul { overflow: hidden; }
.companies-list > ul > li { float: left; width: 33.33333%; padding: 5px; }

.company { overflow: hidden; border: 1px solid transparent; padding: 10px; border-bottom:1px solid #E6E6E6; height: 220px;}
.company .company-image { width: 90px; float: left; text-align: center; margin-right: 20px; }

.company-image .meta {margin:10px 0;}
.company-image .meta li {display:inline-block; margin: 0px 3px;}
.company-image .meta .icon-comments
{
    padding-left: 17px;
}
.company-image .meta .icon-views
{
    padding-left: 17px;
}

.company .company-image .logo { font-size: 0; }
.company .company-image .logo a { display: block; padding: 15px; border: 1px solid #e6e6e6; }
.company .company-image .logo img {
    width: 100%;
    height: 50px;
    margin: 0px auto;
    display: block;
    object-fit: cover;

 }
.company .company-image .rating { margin-top: 10px; }
.company .company-image .rating .rating-stars { margin: 0 auto; }
.company .company-image .rating .rating-value { display: block; margin-top: 5px; }
.company .company-info { overflow: hidden; font-size: 14px; }
.company .company-info .name { font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.company .company-info .name a:hover { color: #0f4c81; }
.company .company-info .meta { margin-top: 10px; }
.company .company-info .meta li { display: inline-block; vertical-align: middle; margin-right: 10px; }
.company .company-info .contacts { font-size: 14px; margin-top: 20px; }
.company .company-info .contacts li + li { margin-top: 6px; }
.company .company-info .contacts li { padding-left: 24px; position: relative; }
.company .company-info .contacts li:before { content: ""; position: absolute; left: 0; top: 0; }
.company .company-info .contacts .address:before { background: url('../img/icons/address.svg') center center no-repeat; width: 16px; height: 16px; }
.company .company-info .contacts .phone:before { background: url('../img/icons/phone.svg') center center no-repeat; width: 16px; height: 16px; }
.company .company-info .contacts .work:before { background: url('../img/icons/work.svg') center center no-repeat; width: 16px; height: 16px; }
.company .company-info .contacts a:hover { color: #0f4c81; }
.company .company-info .description { margin-top: 20px; }

.company:hover { border: 1px solid #e6e6e6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }

.articles-carousel { position: relative; }
.articles-carousel .slick-list { padding: 5px; }
.articles-carousel .article { padding: 5px; border: 1px solid transparent; }
.articles-carousel .article:hover { border: 1px solid #e6e6e6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }

.article .article-image { font-size: 0; }
.article .article-image a { display: block; overflow: hidden; }
.article .article-image a img { width: 100%; }
.article .article-name { font-size: 14px; margin-top: 20px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.article .article-name a:hover { color: #0f4c81; }
.article .article-text { font-size: 14px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #e6e6e6; line-height: 1.3; }

.articles .wrapper { overflow: hidden; margin: -10px; }
.articles .articles-list { overflow-x: auto; }
.articles .articles-list > ul { min-width: 1175px; overflow: hidden; }
.articles .articles-list > ul > li { padding: 5px; float: left; width: 20%; min-width: 235px; }
.articles .articles-list > ul > li .article { padding: 5px; border: 1px solid transparent; }
.articles .articles-list > ul > li .article:hover { border: 1px solid #e6e6e6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.articles .articles-list .wrapper { overflow-x: auto; }
.articles .articles-list .article .article-name { font-size: 18px; }
.articles .articles-list .article .article-text { font-size: 16px; }

.reviews { overflow: inherit; }

.reviews-content > ul { font-size: 0; letter-spacing: -10px; }
.reviews-content > ul > li { display: inline-block; vertical-align: top; letter-spacing: normal; width: 33.33333%; position: relative; }
.reviews-content > ul > li:hover .review { border: 1px solid #e6e6e6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); left: 0; top: 0; right: 0; }
.reviews-content > ul > li:hover .review-text { height: 100%; overflow: auto; }

.review { border: 1px solid transparent; position: relative; padding: 5px; }
.review .review-author { overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 15px; }
.review .review-author .image { font-size: 0; width: 100px; float: left; margin-right: 20px; margin-bottom: 10px; }
.review .review-author .image img { width: 100%; }
.review .review-author .rd { overflow: hidden; }
.review .review-author .name { font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 5px; }
.review .review-author .name a:hover { color: #0f4c81; }
.review .review-author .rating { float: left; }
.review .review-author .rating .rating-value { display: none; }
.review .review-author .date { text-align: right; font-size: 14px; padding-top: 3px; float: right; padding-left: 5px; }
.review .review-author .all { font-size: 14px; margin-top: 12px; margin-bottom: 6px; }
.review .review-author .all a { color: #0f4c81; text-decoration: underline; }
.review .review-author .all a:hover { text-decoration: none; }
.review .review-text { font-size: 14px; position: relative; height: 48px; overflow: hidden; }

.footer .footer-top {x-display:none;padding: 30px 0;background: #212A3F; border-top:2px solid #082139; border-bottom: 1px solid #000; color: #fafafa; }
.footer .footer-top .heading { font-weight:600; text-transform: uppercase;padding-bottom:3px;margin-bottom:7px;border-bottom:1px solid #313E5D;}
.footer .footer-top ul { padding-top: 3px; }
.footer .footer-top ul li { margin-top: 10px;color:#A2AAB2;}
.footer .footer-top ul li a:hover { color: #FFDD22; }
.footer .footer-top ul li i {font-size:18px;}

.footer .footer-bottom {font-size: 14px;background: #131824;x-border-top: 1px solid #d3d3d3;x-margin-top:55px;color:#89929B;}
.footer .footer-bottom a:hover { color: #0a5dab; }
.footer .footer-bottom .actions { float: left; padding: 28px 0; }
.footer .footer-bottom .actions a { color: #1a6dbb; }
.footer .footer-bottom .actions a:hover { color: #0a5dab; }
.footer .footer-bottom .navigation { float: left; padding: 28px 35px 28px 0; position: relative; margin-right: 35px; margin-left: 35px; }
.footer .footer-bottom .navigation li { float: left; margin-left: 25px; }
.footer .footer-bottom .navigation:after { content: ""; position: absolute; right: 0; top: 9px; bottom: 9px; width: 1px; background: #d3d3d3; }
.footer .footer-bottom .copy { padding: 18px 0; x-float: left; x-margin-right: 70px; }
.footer .footer-bottom .social { float: left; padding: 24px 0; }
.footer .footer-bottom .social a { display: block; float: left; margin-right: 5px;}
.footer .footer-bottom .social .social-yt { background: url('../img/icons-s62bb84e8ac.png') 0 -787px no-repeat; width: 30px; height: 30px; }
.footer .footer-bottom .social .social-vk { background: url('../img/icons-s62bb84e8ac.png') 0 -747px no-repeat; width: 30px; height: 30px; }
.footer .footer-bottom .social .social-ok { background: url('../img/icons-s62bb84e8ac.png') 0 -323px no-repeat; width: 30px; height: 30px; }
.footer .footer-bottom .social .social-fb { background: url('../img/icons-s62bb84e8ac.png') 0 -197px no-repeat; width: 30px; height: 30px; }
.footer .footer-bottom .telephones { padding: 18px 0; font-size: 18px; color: #949494; float: right; }

.tooltip { font-size: 12px; }

.blockfixed > div { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.blockfixed .sticky { position: fixed; z-index: 1; }
.blockfixed .stop { position: relative; z-index: 1; }

.breadcrumb { margin: 40px 0 45px; padding: 0; background: none; font-size: 14px; }
.breadcrumb a { color: #767676; border-bottom: 1px solid #c3c3c3; }
.breadcrumb a:hover { border-color: transparent; }

.sidebar .mCustomScrollBox { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.sidebar .banners { font-size: 0; }
.sidebar * + .banners { margin-top: 40px; }
.sidebar .banners li { border: 1px solid #cfd8dc; }
.sidebar .banners li a { display: block; }
.sidebar .banners li:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); }
.sidebar .banners li + li { margin-top: 20px; }
.sidebar .banners img { width: 100%; }

.widget { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.widget .widget-image { font-size: 0; text-align: center; }
.widget .widget-image .wrapp { padding: 15px; }
.widget .widget-image img { max-width: 100%; }
.widget .widget-buttons { padding-left: 10px; display: none; width: 50%; float: left; }
.widget .widget-buttons .btn { width: 100%; }
.widget .widget-buttons .btn + .btn { margin-top: 10px; }
.widget .widget-content { border: 1px solid #e6e6e6; background: #fff; padding: 20px; clear: both; }
.widget .links { font-size: 17px; color: #0f4c81; }
.widget .links li + li { margin-top: 16px; }
.widget .links a:hover { color: #000; }
.widget .buttons { margin-top: 24px; }
.widget .buttons .btn { width: 100%; }
.widget .buttons .btn + .btn { margin-top: 10px; }
.widget .heading { font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 15px; }
.widget .contacts { font-size: 16px; display: none; }
.widget .contacts ul { padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px solid #e6e6e6; }
.widget .contacts li + li { margin-top: 5px; }
.widget .contacts a:hover { color: #0f4c81; }

.information-contacts .section { padding-left: 36px; position: relative; font-size: 14px; margin-bottom: 20px; }
.information-contacts .section .section-heading { font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; }
.information-contacts .section .section-content { line-height: 1.4; }
.information-contacts .section:last-child { margin-bottom: 0; }
.information-contacts .section:before { content: ""; position: absolute; left: 0; top: -5px; width: 24px; height: 24px; background-size: contain !important; }
.information-contacts .section + .section { margin-top: 15px; }
.information-contacts .section.phone a:hover { color: #0f4c81; }
.information-contacts .section.phone li + li { margin-top: 6px; }
.information-contacts .section.address a { border-bottom: 1px dashed #0f4c81; color: #0f4c81; }
.information-contacts .section.address a:hover { border-bottom: transparent; }
.information-contacts .phone:before { background: url(../img/icons/phone-card.svg) center center no-repeat; }
.information-contacts .time:before { background: url(../img/icons/time-card.svg) center center no-repeat; }
.information-contacts .address:before { background: url(../img/icons/address-card.svg) center center no-repeat; }
.information-contacts .regions:before { background: url(../img/icons/regions-card.svg) center center no-repeat; }
.information-contacts .view-all { margin-top: 12px; color: #0f4c81; display: inline-block; }
.information-contacts .view-all:hover { color: #000; }
.information-contacts.d-xl-none > .row > div { margin-bottom: 20px; }
.information-contacts.d-xl-none > .row > div:last-child { margin-bottom: 0; }

.page-title, h1, h2, .name h3 { font-size: 22px; font-weight: normal; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.name a:hover { color: #0f4c81; }
.page-title { display: inline-block; margin-right: 25px; }
.page-title span { color: #0f4c81; }
.page-subtitle { display: inline-block; font-size: 16px; color: #0f4c81; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }

.company-card > div + div { padding-top: 30px; }
.company-card h2, .stock-card h2, .catalog-services h2, .catalog-companies h2, .subcategories h2, .reviews-list h2 { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.company-card .information-contacts { margin-top: 20px; margin-bottom: -20px; }
.company-card .information-body { padding-bottom: 15px; margin: 20px 0 0; border-bottom: 1px solid #e6e6e6; }
.company-card .information-footer { margin-top: 25px; }
.company-card .information .name, .stock-card .information .name { margin-bottom: 14px; }
.company-card .information .rating, .stock-card .information .rating { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px; position: relative; top: -1px; color: #666; }
.company-card .information .link-reviews { font-size: 16px; color: #666; display: inline-block; vertical-align: middle; }
.company-card .information .link-reviews:hover { color: #0f4c81; }
.company-card .information .views { font-size: 16px; text-align: right; }
.company-card .information .views p { position: relative; padding-left: 25px; display: inline-block; }
.company-card .information .views p span { color: #0f812d; }
.company-card .information .views p:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -7px; background: url(../img/icons/views-service.svg) center center no-repeat; width: 18px; height: 14px; }
.company-card .information .legal, .stock-card .information .legal { font-size: 14px; color: #767676; }
.company-card .information .activity { margin-top: 15px; font-size: 14px; }
.company-card .information .numbers { font-size: 14px; color: #767676; text-align: right; }
.company-card .information .numbers > div { display: inline-block; vertical-align: top; text-align: center; margin-right: 74px; }
.company-card .information .numbers > div:last-child { margin: 0; }
.company-card .information .numbers span { color: #ff0000; font-size: 30px; }
.company-card .information .numbers a { color: #0f4c81; border-bottom: 1px dotted #0f4c81; }
.company-card .information .numbers a:hover { border-color: transparent; }
.company-card .information .information-header .numbers { text-align: left; }
.company-card .information .section { padding-left: 36px; position: relative; font-size: 14px; margin-bottom: 20px; }
.company-card .information .section .section-heading { font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; }
.company-card .information .section .section-content { line-height: 1.4; }
.company-card .information .section:before { content: ""; position: absolute; left: 0; top: -5px; width: 24px; height: 24px; background-size: contain !important; }
.company-card .information .section + .section { margin-top: 15px; }
.company-card .information .section.phone a:hover { color: #0f4c81; }
.company-card .information .section.phone li + li { margin-top: 6px; }
.company-card .information .section.address a { border-bottom: 1px dashed #0f4c81; color: #0f4c81; }
.company-card .information .section.address a:hover { border-bottom: transparent; }
.company-card .information .phone:before { background: url(../img/icons/phone-card.svg) center center no-repeat; }
.company-card .information .time:before { background: url(../img/icons/time-card.svg) center center no-repeat; }
.company-card .information .address:before { background: url(../img/icons/address-card.svg) center center no-repeat; }
.company-card .information .regions:before { background: url(../img/icons/regions-card.svg) center center no-repeat; }
.company-card .information .view-all { margin-top: 12px; color: #0f4c81; display: inline-block; }
.company-card .information .view-all:hover { color: #000; }
.company-card .information .checks { background: #e6e6e6; border-radius: 2px; color: #0f812c; font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.company-card .information .checks ul { padding: 10px; display: flex; justify-content: space-around; }
.company-card .information .checks li { padding: 10px; }
.company-card .information .checks p { padding-left: 36px; position: relative; }
.company-card .information .checks p:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 19px; background: url(../img/icons/check.svg) center center no-repeat; background-size: contain; }
.company-card .about { font-size: 14px; }
.company-card .about .about-info { line-height: 1.3; }
.company-card .about .about-info p + p { margin-top: 10px; }
.company-card .about .about-image { font-size: 0; position: relative; }
.company-card .about .about-image a { display: block; }
.company-card .about .about-image img { width: 100%; }
.company-card .about .about-image:before { content: ""; position: absolute; left: -15px; top: 0; bottom: 0; width: 1px; background: #e6e6e6; }
.company-card .about .about-pluses { margin-top: 20px; }
.company-card .documents { overflow: hidden; }
.company-card .documents .wrapper { overflow: hidden; margin: 0 -15px; }
.company-card .documents .documents-list { overflow-x: auto; font-size: 0; }
.company-card .documents .documents-list > ul { min-width: 630px; overflow: hidden; }
.company-card .documents .documents-list > ul > li {

    width: 25%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    padding: 10px;
}
.company-card .documents .documents-list a { display: block; position: relative; }
.company-card .documents .documents-list a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; }
.company-card .documents .documents-list a:hover:before { opacity: 1; }
.company-card .documents .documents-list img {
    width: 100%;
    height: 250px;
    margin: 0px auto;
    display: block;
    object-fit: cover;

}
.company-card .prices .section-heading { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; }
.company-card .prices .section-table { font-size: 14px; }
.company-card .prices .section-table tr:nth-child(even) { background: #f8f8f8; }
.company-card .prices .section-table td { padding: 6px; }
.company-card .prices .section-table td:first-child { padding-left: 0; }
.company-card .prices .section-table td:last-child { text-align: right; padding-right: 0; min-width: 80px; }
.company-card .prices .section-table td h3 {
    font-size: 16px;
    font-family: "SFUIDisplay-Bold", Arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
}
.company-card .prices .section + .section { margin-top: 20px; }
.company-card .services, .catalog-services .services, .search-services .services { margin: 0 -10px; overflow: hidden; }
.company-card .services .wrapper { margin: -5px 0; }
.company-card .services .services-list { margin: 0; overflow: hidden; }
.company-card .services .services-list > ul, .search-services .services .services-list > ul { min-width: 0; }
.company-card .services .services-list > ul > li { width: 25%; padding: 5px; overflow: unset; min-width: 0; }
.company-card .services .services-list .service { padding: 5px; }
.company-card .gallery .photo .photo-heading { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 15px; }
.company-card .gallery .photo .photo-elements { font-size: 0; }
.company-card .gallery .photo .photo-elements ul { display: flex; flex-wrap: wrap; margin: -10px; }
.company-card .gallery .photo .photo-elements li { width: 33.33333%; padding: 10px; }
.company-card .gallery .photo .photo-elements a { display: block; position: relative; }
.company-card .gallery .photo .photo-elements a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; }
.company-card .gallery .photo .photo-elements a:hover:before { opacity: 1; }
.company-card .gallery .photo .photo-elements img { width: 100%; }
.company-card .gallery .photo + .photo { margin-top: 35px; }
.company-card .reviews, .stock-card .reviews, .reviews-list .reviews { margin: 0; }
.company-card .reviews .reviews-info, .stock-card .reviews .reviews-info, .reviews-list .reviews .reviews-info { margin-top: 35px; font-size: 14px; line-height: 1.3; }
.company-card .review, .stock-card .review, .reviews-list .review { overflow: hidden; font-size: 14px; border: 0; padding: 0; position: static; clear: both; }
.company-card .review .review-image, .stock-card .review .review-image, .reviews-list .review .review-image { width: 100px; font-size: 0; float: left; margin-right: -100px; }
.company-card .review .review-image img, .stock-card .review .review-image img, .reviews-list .review .review-image img { width: 100%; }
.company-card .review .review-author, .company-card .review .review-ext, .company-card .review .review-text,
.search-services .services .services-list > ul { display: flex; flex-wrap: wrap; }
.search-services .services .services-list > ul > li { min-width: 0; width: 20%; float: none; }
.search-services .services .services-list > ul > li.banner { width: 40%; font-size: 0; margin: 0; }
.search-services .services .services-list > ul > li.banner a { padding: 5px; display: block; }
.search-services .services .services-list > ul > li.banner img { width: 100%; }
.search-services .services .services-list .banner-md:nth-of-type(4n) { order: 1; }
.stock-card .review .review-author, .stock-card .review .review-ext, .stock-card .review .review-text,
.reviews-list .review .review-author, .reviews-list .review .review-ext, .reviews-list .review .review-text { width: 100%; float: left; padding: 0 0 0 120px; height: auto; }
.company-card .review .review-author, .stock-card .review .review-author, .reviews-list .review .review-author { overflow: hidden; margin-bottom: 12px; border: 0; }
.company-card .review .review-author .name, .stock-card .review .review-author .name, .reviews-list .review .review-author .name { float: left; width: 60%; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding-right: 15px; }
.company-card .review .review-author .date, .stock-card .review .review-author .date, .reviews-list .review .review-author .date { float: left; width: 40%; text-align: right; padding: 0 0 0 15px; }
.company-card .review .review-ext, .stock-card .review .review-ext, .reviews-list .review .review-ext { overflow: hidden; margin-bottom: 15px; }
.company-card .review .review-ext .rating, .stock-card .review .review-ext .rating, .reviews-list .review .review-ext .rating { float: left; width: 20%; padding-right: 15px; }
.company-card .review .review-ext .frompage, .stock-card .review .review-ext .frompage, .reviews-list .review .review-ext .frompage { float: left; width: 80%; text-align: right; padding-left: 15px; display: block; }
.company-card .review .frompage, .stock-card .review .frompage, .reviews-list .review .frompage { color: #767676; display: none; }
.company-card .review .frompage a, .stock-card .review .frompage a, .reviews-list .review .frompage a { color: #1a6dbb; }
.company-card .review .frompage a:hover, .stock-card .review .frompage a:hover, .reviews-list .review .frompage a:hover { color: #0a5dab; }
.company-card .review .review-text, .stock-card .review .review-text, .reviews-list .review .review-text { padding-top: 20px; line-height: 1.3; position: relative; }
.company-card .review .review-text:before, .stock-card .review .review-text:before, .reviews-list .review .review-text:before { content: ""; position: absolute; left: 120px; right: 0; top: 0; background: #e6e6e6; height: 1px; }
.company-card .review + .review, .stock-card .review + .review, .reviews-list .review + .review { margin-top: 30px; }
.company-card + .company-card { margin-top: 40px; }

.about .plus { background: #f2f4f8; padding: 20px; border-radius: 2px; font-size: 14px; }
.about .plus .plus-heading { font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 15px; }
.about .plus .plus-description { line-height: 1.3; }
.about .plus .plus-description p + p { margin-top: 8px; }
.about .plus .plus-description b, .about .plus .plus-description strong { font-weight: normal; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.about .plus .plus-icon { text-align: center; font-size: 0; }
.about .plus .plus-icon img { max-width: 100%;}
.about .plus .plus-icon.plus1 img {width:50px;}
.about .plus .plus-icon.plus2 img {width:60px;}
.about .plus + .plus { margin-top: 10px; }

.checkboxes input[type="checkbox"] { display: none; }
.checkboxes input[type="checkbox"] + label { font-family: "SFUIDisplay-Regular", Arial, sans-serif; color: #767676; font-weight: normal; padding-left: 24px; position: relative; cursor: pointer; font-size: 14px; }
.checkboxes input[type="checkbox"] + label:before { content: ""; border: 1px solid #ccc; border-radius: 3px; width: 14px; height: 14px; position: absolute; left: 0; top: 1px; }
.checkboxes input[type="checkbox"]:checked + label:after { content: ""; width: 18px; height: 12px; position: absolute; top: -1px; left: 1px; background: url(../img/icons/checkbox-check.svg) center center no-repeat; background-size: contain; }
.checkboxes li > ul { padding-left: 30px; margin-top: 5px; }

input[type="radio"] { display: none; }
input[type="radio"] + label { font-family: "SFUIDisplay-Regular", Arial, sans-serif; font-weight: normal; padding-left: 22px; position: relative; cursor: pointer; color: #767676; font-size: 14px; }
input[type="radio"] + label:before { content: ""; border: 1px solid #DADADA; background: #fff; width: 15px; height: 15px; border-radius: 50%; position: absolute; left: 0; top: 0; }
input[type="radio"]:checked + label:after { content: ""; width: 8px; height: 8px; background: #0f4c81; position: absolute; border-radius: 50%; top: 3px; left: 4px; }

.schedule-days ul { display: flex; justify-content: space-between; }
.schedule-days input[type="checkbox"] { display: none; }
.schedule-days input[type="checkbox"] + label { text-align: center; font-family: "SFUIDisplay-Regular", Arial, sans-serif; color: #767676; font-weight: normal; position: relative; cursor: pointer; font-size: 16px; width: 48px; height: 48px; line-height: 48px; border-radius: 5px; background: #fff; margin: 0; border: 1px solid #cfd8dc; }
.schedule-days input[type="checkbox"]:checked + label { background: #0f4c81; color: #fff; }

.schedule-time { margin-top: 10px; overflow: hidden; }
.schedule-time .time { display: block; float: left; }
.schedule-time .time label { cursor: pointer; font-size: 12px; color: #767676; text-align: center; width: 48px; height: 48px; background: #fff; border-radius: 5px; line-height: 1; border: 1px solid #cfd8dc; padding: 10px 5px 5px; }
.schedule-time .time input[type="checkbox"] { display: none; }
.schedule-time .time input[type="checkbox"]:checked + label { background: #0f4c81; color: #fff; }
.schedule-time .time span { font-size: 16px; display: block; }
.schedule-time .hours { float: right; width: 70.5%; }
.schedule-time .hours input { text-align: center; height: 48px; }
.schedule-time .hours-open, .schedule-time .hours-close { width: 50%; text-align: center; position: relative; float: left; }
.schedule-time .hours-open { padding-right: 36px; }
.schedule-time .hours-close { padding-left: 36px; }
.schedule-time .hours-open:after { content: ""; position: absolute; left: 100%; width: 8px; height: 2px; margin-left: -4px; top: 50%; margin-top: -1px; background: #505050; }

.br { border-right: 1px solid #e6e6e6; }

.radiogroup { padding-bottom: 4px; }

.radiogroup.inline { margin: 0 -15px; }
.radiogroup.inline .radio { display: inline-block; vertical-align: top; padding: 0 15px; }

.radiogroup:not(.inline) .radio + .radio { margin-top: 12px; }

.rating-input { display: inline-block; padding-top: 10px; }
.rating-input label { float: right; cursor: pointer; display: block; width: 20px; height: 15px; background: url(../img/icons/star.svg) center center no-repeat; background-size: contain !important; position: relative; }
.rating-input input[type="radio"] + label:before, .rating-input input[type="radio"] + label:after { display: none; }
.rating-input input { display: none; }
.rating-input label:hover, .rating-input label:hover ~ label, .rating-input input[type="radio"]:checked ~ label { background: url(../img/icons/star-active.svg) center center no-repeat; }

.dropdown .dropdown-toggle:after { margin-left: 10px; vertical-align: middle; -webkit-transition: transform 0.15s; -moz-transition: transform 0.15s; -o-transition: transform 0.15s; -ms-transition: transform 0.15s; transition: transform 0.15s; }
.dropdown .dropdown-menu { min-width: 140px; padding: 20px; margin: 25px 0 0; font-size: 14px; color: #767676; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; border: 1px solid #e6e6e6; }
.dropdown .dropdown-menu li + li { margin-top: 10px; }

.dropdown.show .dropdown-toggle:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.sort, .sort-nojs { font-size: 14px; color: #767676; text-align: right; margin-top: 7px; position: relative; }
.sort a:hover, .sort-nojs a:hover { color: #000; }
.sort .dropdown-toggle:after, .sort-nojs .dropdown-toggle:after { border-top: 5px solid; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; }
.sort .dropdown-menu, .sort-nojs .dropdown-menu { left: auto !important; right: 0; min-width: 210px; }
.sort .dropdown-menu li + li, .sort-nojs .dropdown-menu li + li { margin-top: 10px; }

.search-list { padding: 20px 0; margin-top: 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

.company-list { margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; }
.company-list h2 { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; }
.company-list .loadmore { text-align: left; margin-top: 10px; }
.company-list .loadmore .link { font-size: 16px; color: #0f4c81; border-bottom: 1px solid #0f4c81; }
.company-list .loadmore .link:hover { border-color: transparent; }
.company-list .information-header { padding-bottom: 18px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; }
.company-list * + .name { margin-top: 15px; }
.company-list .name { margin-bottom: 14px; font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.company-list .name a:hover { color: #0f4c81; }
.company-list .rating { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px; position: relative; top: -1px; color: #666; }
.company-list .link-reviews { font-size: 16px; color: #666; display: inline-block; vertical-align: middle; }
.company-list .link-reviews:hover { color: #0f4c81; }
.company-list .legal { font-size: 14px; color: #767676; }
.company-list .activity { margin-top: 15px; font-size: 14px; }
.company-list .logo { font-size: 0; text-align: center; }
.company-list .logo img { max-width: 100%; }
.company-list .numbers { font-size: 14px; color: #767676; display: flex; align-items: center; justify-content: space-between; margin: 0 -5px; text-align: center; margin-bottom: 18px; }
.company-list .numbers > div { padding: 0 5px; }
.company-list .numbers span { color: #ff0000; font-size: 30px; }
.company-list .numbers a { color: #0f4c81; border-bottom: 1px dotted #0f4c81; position: relative; top: -2px; }
.company-list .numbers a:hover { border-color: transparent; }
.company-list .openmodal-message { width: 100%; padding-left: 10px; padding-right: 10px; }
.company-list .qualific { padding-left: 40px; position: relative; min-height: 33px; line-height: 1.4; }
.company-list .qualific:before { content: ""; position: absolute; left: 0; top: -5px; background: url(../img/icons/qualific.svg) center center no-repeat; background-size: contain; width: 27px; height: 33px; }
.company-list h3 { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; }
.company-list p { font-size: 14px; }
.company-list .discount, .conditions-discount { padding: 25px 20px 15px; font-size: 16px; position: relative; border: 1px solid #ffdd22; border-radius: 5px; margin-top: 35px; }
.company-list .discount span, .conditions-discount span { font-family: "SFUIDisplay-Bold", Arial, sans-serif; background: #ffdd22; border-radius: 5px 0 0 5px; padding: 8px 20px 7px 10px; display: block; position: absolute; left: 20px; top: -17px; }
.company-list .discount span:after, .conditions-discount span:after { content: ""; position: absolute; left: 100%; width: 24px; top: 0; bottom: 0; border-left: 17px solid #ffdd22; border-top: 17px solid transparent; border-right: 0; border-bottom: 17px solid transparent; }
.company-list .discount span:before, .conditions-discount span:before { content: ""; position: absolute; right: 0px; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.company-list div + .gallery, .company-list div + .about, .company-list div + .prices, .company-list div + .reviews { padding-top: 20px; }
.company-list .gallery { font-size: 0; position: relative; }
.company-list .gallery .loadmore { position: absolute; right: 12px; bottom: 12px; }
.company-list .gallery .loadmore a { background: #ffdd22; font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; display: block; padding: 8px 12px; border-radius: 5px; }
.company-list .gallery .loadmore a:hover { background: #efcd12; }
.company-list .gallery ul { font-size: 0; letter-spacing: -10px; margin: -3px; padding-top: 3px; }
.company-list .gallery li { width: 25%; display: inline-block; vertical-align: middle; letter-spacing: normal; padding: 3px; }
.company-list .gallery li a { display: block; position: relative; overflow: hidden; }
.company-list .gallery li a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; }
.company-list .gallery li a:hover:before { opacity: 1; }
.company-list .gallery li img { width: 100%; height: 150px; margin: 0px auto; display: block; object-fit: cover; }
.company-list .about { font-size: 14px; line-height: 1.4; }
.company-list .about p + p { margin-top: 12px; }
.company-list .prices h2 { border-top: 1px solid #e6e6e6; padding-top: 16px; }
.company-list .prices .section-heading { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; }
.company-list .prices .section-table { font-size: 14px; }
.company-list .prices .section-table tr:nth-child(even) { background: #f8f8f8; }
.company-list .prices .section-table td { padding: 6px; }
.company-list .prices .section-table td:first-child { padding-left: 0; }
.company-list .prices .section-table td:last-child { text-align: right; padding-right: 0; min-width: 100px; }
.company-list .prices .section + .section { margin-top: 20px; }
.company-list .reviews { margin: 0; }
.company-list .reviews ul { line-height: 1.4; font-size: 14px; }
.company-list .reviews li + li { margin-top: 15px; }
.company-list .checks { font-size: 14px; font-family: "SFUIDisplay-Semibold", Arial, sans-serif; margin-bottom: 25px; }
.company-list .checks li + li { margin-top: 12px; }
.company-list .checks p { padding-left: 32px; position: relative; }
.company-list .checks p:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 19px; background: url(../img/icons/check.svg) center center no-repeat; background-size: contain; }

.company-list:last-child { padding-bottom: 0; border-bottom: 0; }

.paginator { margin-top: 40px; position: relative; }
.paginator .paginator-controls { border: 1px solid #e6e6e6; border-radius: 5px; display: flex; align-items: center; text-align: center; font-size: 14px; }
.paginator .paginator-controls a { padding: 13px 10px; display: inline-block; vertical-align: middle; }
.paginator .paginator-controls a:hover { color: #0f4c81; }
.paginator .paginator-controls .next { flex: 1 0; }
.paginator .paginator-controls .page { width: 65px; border-left: 1px solid #e6e6e6; }
.paginator .paginator-controls .page:after { display: inline-block; content: ""; margin-left: 10px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; }
.paginator .pagination { font-size: 14px; text-align: center; padding: 8px 18px; border: 1px solid #e6e6e6; border-radius: 5px; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; display: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.paginator .pagination ul { white-space: nowrap; }
.paginator .pagination li { display: inline-block; vertical-align: middle; }
.paginator .pagination .active a, .paginator .pagination .active span { background: #ffdd22; }
.paginator .pagination .active a:hover { color: #000; }
.paginator .pagination a, .paginator .pagination span { display: block; padding: 5px 3px; min-width: 28px; text-align: center; border-radius: 4px; }
.paginator .pagination a:hover { color: #0f4c81; }
.paginator .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 25px; }
.paginator .mCSB_horizontal.mCSB_inside > .mCS_no_scrollbar_x { margin-bottom: 0; }
.paginator .mCSB_scrollTools_horizontal { opacity: 1; border: 1px solid #d3d3d3; border-radius: 10px; height: 14px; }
.paginator .mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 25px; }
.paginator .mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 10px; margin: 2px 0; background: #fff; }
.paginator .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { opacity: 1; height: 10px; margin: 1px auto; background: #ffdd22; border-radius: 4px; }
.paginator .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:after { content: ""; position: absolute; left: 50%; margin-left: -2px; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-left: 1px solid #817011; border-right: 1px solid #817011; }
.paginator .mCSB_scrollTools_horizontal .mCSB_buttonLeft { opacity: 1; background: url(../img/icons/prev-pagination.png) center center no-repeat; }
.paginator .mCSB_scrollTools_horizontal .mCSB_buttonRight { opacity: 1; background: url(../img/icons/next-pagination.png) center center no-repeat; }

.filter-toggle { color: #0f4c81; font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; position: relative; padding-left: 30px; }
.filter-toggle:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 21px; background: url(../img/icons/filter.svg) center center no-repeat; background-size: contain; }

.filter { position: relative; }
.filter .filter-close { display: none; position: absolute; right: 20px; top: 20px; width: 21px; height: 21px; background: url(../img/icons/close.svg) center center no-repeat; background-size: contain; }
.filter .filter-close:hover { background: url(../img/icons/close-hover.svg) center center no-repeat; }
.filter .wrapper { padding: 18px 20px 20px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border: 1px solid #e5e5e5; background: #fff; }
.filter .filter-heading { font-size: 22px; color: #0f4c81; font-family: "SFUIDisplay-Bold", Arial, sans-serif; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.filter .section .section-name { font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 12px; }
.filter .section + .section { margin-top: 25px; }
.filter .checkboxes li + li { margin-top: 8px; }
.filter .checkboxes img { vertical-align: middle; display: inline-block; position: relative; top: -3px; margin:0 2px 0 3px}
.filter .checkboxes b { font-family: "SFUIDisplay-Bold", Arial, sans-serif; font-weight: normal; }
.filter .dropdown { margin-top: 20px; }
.filter .dropdown .dropdown-toggle { width: 100%; display: block; border: 1px solid #cccccc; border-radius: 4px; padding: 8px 12px 8px 24px; font-size: 14px; }
.filter .dropdown .dropdown-toggle:after { border-left: 5px solid; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; float: right; position: relative; top: 4px; }
.filter .dropdown .dropdown-menu { left: 100% !important; right: auto !important; top: 0; margin: 0 0 0 10px; }
.filter .list { font-size: 14px; }
.filter .droplist + .droplist { margin-top: 10px; }
.filter .droplist-toggle { line-height: 1.4; padding: 0 25px 0 0; position: relative; display: block; }
.filter .droplist-toggle:after { content: ""; position: absolute; right: 0; top: 9px; width: 10px; height: 5px; border-top: 5px solid; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; -webkit-transition: transform 0.15s; -moz-transition: transform 0.15s; -o-transition: transform 0.15s; -ms-transition: transform 0.15s; transition: transform 0.15s; }
.filter .droplist-menu { display: none; }
.filter .droplist-menu ul { padding: 10px 0 0; }
.filter .droplist.open .droplist-toggle:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.filter-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; }
.filter-backdrop.fade { opacity: 0; }
.filter-backdrop.show { opacity: 0.6; }

.filter-results { display: flex; justify-content: space-betveen; align-items: center; background: #f2f2f2; margin-top: 10px; }
.filter-results .info { padding: 5px 15px; text-align: center; flex: 1 0; font-size: 14px; }
.filter-results .reset { width: 62px; height: 50px; border-left: 1px solid #d9d9d9; }
.filter-results .reset a { display: block; height: 100%; background: url(../img/icons/reset.png) center center no-repeat; }
.filter-results .reset a:hover { background-color: #ffdd22; }
.filter-reset { margin-top: 10px; }
.filter-reset .btn { width: 100%; }

.modal .modal-dialog { max-width: 500px; margin: 15px auto; padding: 0 15px; min-height: calc(100% - (15px * 2)); }
.modal .modal-dialog-centered:before { height: calc(100vh - (15px * 2)); }
.modal .modal-content { border: 0; border-radius: 0; }
.modal .modal-header { padding: 25px 20px; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; text-align: center; font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; font-weight: normal; display: block; }
.modal .modal-header .close { position: absolute; right: 15px; top: 15px; width: 21px; height: 21px; background: url(../img/icons/close.svg) center center no-repeat; background-size: contain; padding: 0; margin: 0; border: 0; float: none; font-size: 0; text-shadow: none; outline: none; opacity: 1; }
.modal .modal-header .close:not(:disabled):not(.disabled):hover, .modal .modal-header .close:not(:disabled):not(.disabled):focus { background: url(../img/icons/close-hover.svg) center center no-repeat; opacity: 1; }
.modal-promo-get .modal-header { padding: 20px; background: #ffdd22; margin-bottom: 20px; font-size: 25px; }
.modal-promo-get .modal-header .close { top: 28px; background: url(../img/icons/close-b.svg) center center no-repeat; background-size: contain; }
.modal-promo-get .modal-header .close:hover { background: url(../img/icons/close-b-hover.svg) center center no-repeat; background-size: contain; }
.modal .modal-body { padding: 0 20px 30px; }
.modal .form-group { margin-bottom: 15px; }
.modal .form-group .info { font-size: 16px; margin-top: 5px; }
.modal .form-action { text-align: center; padding-top: 15px; }
.modal .btn { width: 100%; max-width: 220px; }
.modal .heading { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; padding-top: 5px; }
.modal .modal-title { padding: 0 20px; }
.modal .checkbox { padding: 18px 15px; border-radius: 5px; border: 1px solid #ffdd22; text-align: left; }
.modal .checkbox input[type="checkbox"] { display: none; }
.modal .checkbox input[type="checkbox"] + label { margin: 0; font-family: "SFUIDisplay-Bold", Arial, sans-serif; color: #0f4c81; font-weight: normal; padding-left: 30px; position: relative; cursor: pointer; font-size: 17px; }
.modal .checkbox input[type="checkbox"] + label:before { content: ""; border: 1px solid #ccc; border-radius: 3px; width: 20px; height: 20px; position: absolute; left: 0; top: -1px; }
.modal .checkbox input[type="checkbox"]:checked + label:after { content: ""; width: 20px; height: 13px; position: absolute; top: 2px; left: 1px; background: url(../img/icons/checkbox-check.svg) center center no-repeat; background-size: contain; }
.modal-info .modal-body { text-align: center; }
.modal-info .modal-body p { font-size: 18px; }
.modal-info .modal-body .btn { margin-top: 30px; }

.stock-card .images { font-size: 0; position: relative; font-family: "SFUIDisplay-Bold", Arial, sans-serif; font-weight: normal; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; height: 510px; }
.stock-card .images .discount { font-size: 30px; background: #ffdd22; border-radius: 5px; padding: 7px 10px; position: absolute; left: 30px; top: 30px; }
.stock-card .images .title { font-size: 20px; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 24px 30px; position: absolute; right: 0; bottom: 40px; margin: 0; }
.stock-card .services { margin-top: 50px; }
.stock-card .services .title { margin-bottom: 30px; font-size: 28px; }
.stock-card .services .services-list { margin: 0; }
.stock-card .information-mob { display: none; }
.stock-card .information-mob > div { display: none; }
.stock-card .information-mob .duration { margin: 0; }
.stock-card .information-mob .duration .duration-section { display: block; padding: 0; }
.stock-card .information-mob .duration .duration-section + .duration-section { margin-top: 10px; }
.stock-card .information-mob .information-list .buttons { display: none; }
.stock-card .information-mob .information-socials .buttons { margin: 0; }
.stock-card .information > div + div { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e6e6e6; }
.stock-card .information .buttons { text-align: center; margin-top: 30px; }
.stock-card .information .buttons .btn { width: 100%; max-width: 340px; }
.stock-card .information-header .element { text-align: center; }
.stock-card .information-header .element-icon { height: 25px; font-size: 0; }
.stock-card .information-header .element-icon img { height: 100%; }
.stock-card .information-header .element-text { margin-top: 10px; font-size: 16px; color: #808080; line-height: 1.3; }
.stock-card .information-header .rating { height: 25px; padding-top: 4px; margin: 0; }
.stock-card .information-header .rating .rating-stars { margin: 0; }
.stock-card .information-header .rating .rating-value { display: none; }
.stock-card .information-list { overflow: hidden; }
.stock-card .information-list table { font-size: 16px; border-collapse: separate; }
.stock-card .information-list td { padding: 8px 0; vertical-align: top; }
.stock-card .information-list td p { display: inline-block; background: #fff; padding: 0 8px; }
.stock-card .information-list td:first-child { color: #808080; }
.stock-card .information-list td:first-child p { position: relative; z-index: 1; }
.stock-card .information-list td:last-child { font-family: "SFUIDisplay-Bold", Arial, sans-serif; text-align: right; white-space: nowrap; }
.stock-card .information-list td:last-child p { position: relative; }
.stock-card .information-list td:last-child p:after { content: ""; position: absolute; bottom: 4px; right: 100%; width: 1000px; border-bottom: 1px dashed #e6e6e6; }
.stock-card .information-list .attention td { border-top: 1px solid #ffdd22; border-bottom: 1px solid #ffdd22; }
.stock-card .information-list .attention td:first-child { border-left: 1px solid #ffdd22; border-radius: 5px 0 0 5px; }
.stock-card .information-list .attention td:last-child { border-right: 1px solid #ffdd22; border-radius: 0 5px 5px 0; }
.stock-card .information-list .completed { background: #0f4c81; }
.stock-card .information-list .completed td { padding: 8px; color: #fff; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.stock-card .information-list .completed td:first-child { border-radius: 5px 0 0 5px; }
.stock-card .information-list .completed td:last-child { border-radius: 0 5px 5px 0; }
.stock-card .information-socials .heading { font-size: 16px; margin-bottom: 15px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.stock-card .information-body .rating { margin-bottom: 14px; }
.stock-card .information-contacts .row > div { margin-bottom: 15px; }
.stock-card .information-contacts .row > div:last-child { margin-bottom: 15px; }
.stock-card .checks { background: #e6e6e6; border-radius: 2px; color: #0f812c; font-size: 14px; font-family: "SFUIDisplay-Semibold", Arial, sans-serif; }
.stock-card .checks ul { padding: 5px; display: flex; justify-content: space-around; }
.stock-card .checks li { padding: 3px; }
.stock-card .checks p { padding-left: 22px; position: relative; }
.stock-card .checks p:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; background: url(../img/icons/check.svg) center center no-repeat; background-size: contain; }
.stock-card div + .about { margin-top: 20px; }
.stock-card .mCustomScrollBox { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.stock-card * + .information-min, .stock-card * + .blockfixed { margin-top: 50px; }
.stock-card .information-min { padding: 20px; border: 1px solid #e5e5e5; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); overflow: hidden; }
.stock-card .information-min .name { margin-bottom: 0; }
.stock-card .information-min .name h2 { margin: 0; padding: 0; border: 0; }
.stock-card .information-min .information-list { padding-top: 0; border: 0; margin: 5px 0 0; }
.stock-card .information-min .information-list .attention { border: 0; background: #0f4c81; }
.stock-card .information-min .information-list .attention td { color: #fff; }
.stock-card .information-min .information-list .attention td p { background: #0f4c81; }
.stock-card .information-min .information-list .attention td { border: 0; }
.stock-card .information-min .information-list .attention td:first-child { border-radius: 5px 0 0 5px; }
.stock-card .information-min .information-list .attention td:last-child { border-radius: 0 5px 5px 0; }
.stock-card .information-min .navpanel { display: block; padding: 15px 0; }
.stock-card .information-min .navpanel ul { font-size: 16px; flex: none; padding: 0; margin: 0 -5px; }
.stock-card .information-min .navpanel ul li { padding: 0 5px; }
.stock-card .information-min .navpanel + div { padding-top: 0; border-top: 0; }
.stock-card .information-min .buttons { margin-top: 20px; }
.stock-card .information-min .buttons .openmodal-promo { font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.stock-card .information-min .buttons .btn + .btn { margin-top: 10px; }
.stock-card .reviews { margin-top: 30px; }
.stock-card .review .review-ext .rating { width: 100%; }

.stock-card .socseti a img:hover {opacity:0.7;}
.stock-card .socseti a + a {margin-left:8px;}

.socseti .fb:hover path { fill: #3b5998!important; }
.socseti .vk:hover path { fill: #4680C2!important; }
.socseti .tw:hover path { fill: #00acee!important; }
.socseti .te:hover path { fill: #0088cc!important; }
.socseti .ok:hover path { fill: #ed812b!important; }
.socseti .vi:hover path { fill: #7360f2!important; }

.duration { font-size: 0; margin: 20px -10px 0; }
.duration .duration-section { width: 100%; max-width: 240px; display: inline-block; vertical-align: top; font-size: 16px; padding: 0 10px; }
.duration .duration-section span { color: #808080; }
.duration .duration-section p { color: #0f4c81; margin-top: 6px; }

.duration.completed { padding: 15px 0 10px; color: #0f4c81; font-size: 16px; }

.navpanel { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; margin-top: 25px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.navpanel ul { display: flex; align-items: center; justify-content: space-between; font-size: 17px; margin: 0 0 0 -10px; padding: 0 50px 0 0; flex: 1 0; }
.navpanel ul li { padding: 2px 10px; }
.navpanel ul a { color: #0f4c81; }
.navpanel ul a:hover { color: #000; }
.navpanel .btn { min-width: 290px; }

.conditions { margin-top: 30px; font-size: 14px; }
.conditions .conditions-info li + li { margin-top: 10px; }
.conditions .conditions-info b { font-weight: normal; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.conditions .conditions-info a { color: #0f4c81; }
.conditions .conditions-discount { padding: 20px; }
.conditions .conditions-discount p { text-align: center; font-size: 22px; color: #0f4c81; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.conditions .conditions-description { margin-top: 20px; }
.conditions .conditions-ext { background: #f2f4f8; margin-top: 20px; padding: 20px; font-style: italic; }
.conditions .conditions-ext li + li { margin-top: 5px; }

.textblock { font-size: 14px; }
.textblock p + p, .textblock p + ul, .textblock p + ol, .textblock p + img, .textblock p + blockquote, .textblock p + q,
.textblock ul + ul, .textblock ul + p, .textblock ul + ol, .textblock ul + img, .textblock ul + blockquote, .textblock ul + q,
.textblock ol + ol, .textblock ol + p, .textblock ol + ul, .textblock ol + img, .textblock ol + blockquote, .textblock ol + q,
.textblock img + img, .textblock img + p, .textblock img + ul, .textblock img + ol, .textblock img + blockquote, .textblock img + q,
.textblock blockquote + blockquote, .textblock blockquote + p, .textblock blockquote + ul, .textblock blockquote + ol, .textblock blockquote + img,
.textblock blockquote + q,  .textblock q + p, .textblock q + ul, .textblock q + ol, .textblock q + img,
.textblock * + .columns, .textblock .columns + * { margin-top: 15px; }
.textblock li + li { margin-top: 10px; }
.textblock h2 { font-size: 22px; margin-bottom: 15px; }
.textblock * + h2, .textblock .columns * + h2, .textblock .columns + h2 { padding-top: 0; margin-top: 25px; }
.textblock hr + h2 { margin-top: 0; }
.textblock h3 { font-size: 16px; font-weight: normal; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 15px; }
.textblock ul li { padding-left: 15px; position: relative; }
.textblock ul li:before { content: ""; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; border-radius: 50%; background: #0f4c81; }
.textblock ul, .textblock ol, .textblock p { line-height: 1.3; }
.textblock b { font-weight: normal; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.textblock blockquote { padding: 20px; background: #f2f4f8; }
.textblock p.attention { font-size: 22px; color: #0f4c81; padding: 18px 30px; text-align: center; border: 1px solid #ffdd22; border-radius: 8px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-top: 35px; position: relative; }
.textblock p.attention:before { content: "!"; position: absolute; left: 20px; top: -15px; background: #ffdd22; width: 46px; height: 32px; line-height: 32px; text-align: center; border-radius: 5px; font-family: "SFUIDisplay-Heavy", Arial, sans-serif; }
.textblock q { display: block; padding: 20px 50px; background: #f2f4f8; margin-top: 15px;}
.textblock q { padding-left: 240px; padding-right: 240px; line-height: 1.6; position: relative; }
.textblock q:after { display: none; }
.textblock q:before { content: ""; position: absolute; left: 190px; top: 25px; width: 28px; height: 25px; background: url(../img/icons/q.png) center center no-repeat; background-size: contain; }
.article-content * + h3 { margin-top: 20px; }
.article-content h2 + h3 { margin-top: 0; }
.article-content .textblock ul { padding-left: 20px; }
.article-content figure.table { overflow: auto; }

.videogallery { margin-top: 30px; }
.videogallery .wrapper { margin: -10px; overflow: hidden; }
.videogallery .videogallery-list { overflow-x: auto; }
.videogallery ul { font-size: 0; letter-spacing: -10px; }
.videogallery ul li { padding: 10px; letter-spacing: normal; width: 50%; display: inline-block; vertical-align: top; }
.videogallery ul li:before {display: none; }
.videogallery ul li iframe { width: 100%; }
.videogallery ul img { width: 100%; }
.videogallery ul a { position: relative; display: block; }
.videogallery ul a:before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; width: 54px; height: 54px; background: url(../img/icons/play.png) center center no-repeat; background-size: contain; opacity: 0.7; }
.videogallery ul a:hover:before { opacity: 1; }

.photogallery { margin-top: 30px; }
.photogallery .wrapper { margin: -10px; overflow: hidden; }
.photogallery .photogallery-list { overflow-x: auto; }
.photogallery ul { font-size: 0; letter-spacing: -10px; }
.photogallery ul li { padding: 10px; letter-spacing: normal; width: 33.33333%; display: inline-block; vertical-align: top; }
.photogallery ul img { width: 100%; height: 200px; margin: 0px auto; display: block; object-fit: cover;}
.photogallery ul a { position: relative; display: block; }
.photogallery ul a:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); opacity: 0; }
.photogallery ul a:hover:before { opacity: 1; }

.catalog-services { margin-top: 10px; }
.catalog-services .services-list { margin-top: 0; }
.catalog-services .services + .services { margin-top: 40px; }
.catalog-services .services-list > ul { min-width: 0; }
.catalog-services .services-list > ul > li { width: 25%; min-width: 0; }
.finished { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(images/grayscale.svg); filter: gray; filter: grayscale(100%); }
.catalog-companies { margin-top: 40px; }
.catalog-companies .company-card { position: relative; }
.catalog-companies .company-card:hover:before { content: ""; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border-radius: 5px; border: 1px solid #e5e5e5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.catalog-textblock { margin-top: 50px; font-size: 14px;}
.catalog-textblock .heading { font-size: 28px; margin-bottom: 20px; font-family: "sfuidisplay-bold", Arial, sans-serif; }
.catalog-textblock p { font-size: 14px; line-height: 1.4; padding: 5px 0 5px 0;}
.catalog-textblock h2, .catalog-textblock h4, .catalog-textblock h4, .catalog-textblock h5, .catalog-textblock h6 { margin: 10px 0 10px 0; }
.catalog-textblock ul { list-style-type: disc; margin-left: 15px; line-height: 1.4; font-size: 14px;}
.catalog-textblock ol { list-style-type: decimal; margin-left: 15px; line-height: 1.4; font-size: 14px;}

.recommend { margin-top: 40px; font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.recommend .recommend-heading { font-size: 22px; margin-right: 25px; display: inline-block; margin-bottom: 4px; }
.recommend a { color: #0f4c81; display: inline-block;  margin: 5px 25px 5px 0; }
.recommend a:hover { color: #000; }

.subcategories { margin-top: 40px; }
.subcategories h2 { font-size: 28px; }
.subcategories .wrapper { overflow: hidden; margin: 0 -10px; }
.subcategories .subcategories-list { overflow-x: auto; }
.subcategories .subcategories-list ul { min-width: 1060px; overflow: hidden; }
.subcategories .subcategories-list li { width: 50%; padding: 10px; overflow: unset; min-width: 265px; float: left; }
.subcategory { display: flex; align-items: center; padding: 20px; background: #e6e6e6; }
.subcategory .subcategory-image { width: 55%; font-size: 0; }
.subcategory .subcategory-image img { width: 100%; }
.subcategory .subcategory-descr { width: 45%; padding-left: 20px; }
.subcategory .subcategory-descr p { font-size: 18px; }
.subcategory .btn { width: 100%; margin-top: 15px; }

.allservices-list { font-size: 20px; background: #f2f4f8; padding: 20px; }
.allservices-list li { display: flex; justify-content: space-between; align-items: baseline; }
.allservices-list li span { padding-left: 20px; color: #666; font-size: 16px; min-width: 90px; text-align: right; }
.allservices-list li a { color: #0087c6; }
.allservices-list li a:hover { color: #0f4c81; }
.allservices-list li + li { margin-top: 25px; }
.allservices-list .active a { color: #000; }
.allservices-list .active a:hover { color: #000; }
.allservices-content { color: #0f4c81; }
.allservices-content h1 { font-size: 28px; color: #000; margin-bottom: 20px; }
.allservices-content h2 { margin-top: 25px; }
.allservices-content ul { font-size: 18px; display: flex; flex-wrap: wrap; margin: -6px -10px; }
.allservices-content ul li { padding: 6px 10px; width: 33.33333333%;     display: flex; justify-content: space-between; align-items: baseline;}
.allservices-content ul li span { color: #666; text-align: right; }
.allservices-content a:hover { color: #000; }
.allservices-content .section + .section { margin-top: 30px; }
.allservices-content .heading, .allservices-content .section .section-name { display: inline-block; font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 20px; }

.mob .allservices-list { background: none; padding: 0; margin-top: 25px; }
.mob .allservices-list .active a { text-transform: uppercase; color: #0087c6; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.mob .filter-results { margin-top: 20px; }

.iconblock .title { font-size: 28px; margin-bottom: 25px; text-align: center; }
.iconblock .descr { font-size: 16px; color: #010101; text-align: center; max-width: 740px; margin: 0 auto; }
.iconblock .sections { font-size: 0; letter-spacing: -10px; margin: 45px -10px -10px; text-align: center; }
.iconblock .section { letter-spacing: normal; width: 33.33333333%; padding: 10px; display: inline-block; vertical-align: top; }
.iconblock .section-image { height: 70px; display: flex; align-items: center; justify-content: center; }
.iconblock .section-image img { max-height: 70px; max-width: 100%; }
.iconblock .section-title { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-top: 35px; }
.iconblock .section-info { font-size: 14px; margin-top: 12px; }

.newcompany { margin-top: 60px; padding-top: 60px; border-top: 1px solid #e6e6e6; }
.newcompany .title { font-size: 28px; }
.newcompany-form form { max-width: 440px; margin: 0 auto; }
.newcompany-form form > .form-group:last-child { margin-bottom: 0; }
.newcompany-form textarea { height: 300px; }
.newcompany-form .addresses { background: #f2f2f2; padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.newcompany-form .addresses > .form-group:last-child, .newcompany-form .addresses .form-group .list li:last-child label { margin-bottom: 0; }
.newcompany-form label { margin-right: 25px; }
.newcompany-form .addresses .form-group > label { margin-right:0px; width:140px;}
.newcompany-form .addresses .form-group.cities > label {width:100%;}
.newcompany-form .heading { font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 15px; }
.newcompany-form .btn { width: 100%; }
.selectfile { position: relative; z-index: 10; cursor: pointer; }
.selectfile input[type="file"] { width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; cursor: pointer; }
.selectfile-image label { min-height: 160px; cursor: pointer; padding: 15px 15px 100px; margin: 0; border: 1px solid #cfd8dc; background: #fff; border-radius: 5px; width: 100%; color: #767676; font-weight: normal; font-family: "SFUIDisplay-Regular", Arial, sans-serif; position: relative; }
.selectfile-image label:after { content: ""; position: absolute; width: 40px; height: 40px; left: 50%; bottom: 35px; margin-left: -20px; background: url(../img/icons/add-file.svg) center center no-repeat; background-size: contain; opacity: .5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.selectfile-image:hover label:after { opacity: 1; }

.selectfile-bg label { height: 160px; cursor: pointer; padding: 15px; margin: 0; border: 1px solid #cfd8dc; background: #fff; border-radius: 5px; width: 100%; color: #767676; font-weight: normal; font-family: "SFUIDisplay-Regular", Arial, sans-serif; position: relative; }
.selectfile-bg label:after { content: ""; position: absolute; width: 40px; height: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px; background: url(../img/icons/add-file.svg) center center no-repeat; background-size: contain; opacity: .5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.selectfile-bg label:hover:after { opacity: 1; }

.selectfile .load { font-size: 0; position: absolute; z-index: 11; left: 0; top: 0; right: 0; bottom: 0; padding: 15px; background: #fff; display: flex; align-items: center; justify-content: center; background-color: #fff!important; background-size: cover!important; background-position: center center!important; }
.selectfile .load img { max-width: 100%; max-height: 100%; }

.newcompany-form .add-more, .newcompany-form .reset, .newcompany-form .remove-more { white-space: nowrap; font-size: 16px; color: #0f4c81; padding-left: 30px; position: relative; margin-bottom: 10px; display: inline-block; }
.newcompany-form .add-more:before, .newcompany-form .reset:before, .newcompany-form .remove-more:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../img/icons/add-more.svg) center center no-repeat; background-size: contain; }
.newcompany-form .reset:before, .newcompany-form .remove-more:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(450deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.newcompany-form .reset { display: none; }
.newcompany-form .selectfile-bg .reset { position: absolute; left: 10px; top: 10px; z-index: 15; }
.newcompany-form .category { margin-top: 50px; }
.newcompany-form .images-controls ul { margin: -10px; display: flex; flex-wrap: wrap; }
.newcompany-form .images-controls .image { padding: 12px; background: #f2f2f2; border-radius: 5px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.newcompany-form .images-controls textarea { height: 90px; }
.newcompany-form .images li { width: 50%; padding: 10px; }
.newcompany-form .image-description { margin-top: 15px; }
.newcompany-form .droplist-menu { padding-left: 30px; }
.newcompany-form .droplist-menu ul { padding-top: 5px; }
.newcompany-form .droplist-toggle { line-height: 1.4; padding: 0 25px 0 0; position: relative; display: block; }
.newcompany-form .droplist-toggle:after { content: ""; position: absolute; right: 0; top: 9px; width: 10px; height: 5px; border-top: 5px solid; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; -webkit-transition: transform 0.15s; -moz-transition: transform 0.15s; -o-transition: transform 0.15s; -ms-transition: transform 0.15s; transition: transform 0.15s; }
.newcompany-form .droplist.open .droplist-toggle:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.newcompany-form .droplist-menu { display: none; }
.newcompany-form .droplist-menu ul { padding: 10px 0 0; }

.newcompany > .row > .col-lg-6:last-child { border-left: 1px solid #e6e6e6; }
.newcompany-form-example form { position: relative; }
.newcompany-form-example form:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: .5; z-index: 12; }

.form-control:disabled, .form-control[readonly] { background: #fff; }
.schedule .form-control:disabled, .schedule .form-control[readonly] { opacity: .6; }

.more { padding: 20px; border: 1px solid #adadad; margin-top: 35px; display: flex; align-items: center; border-radius: 5px; position: relative; overflow: hidden; }
.more .more-image { width: 275px; font-size: 0; }
.more .more-image img { width: 100%; }
.more .more-descr { padding-left: 20px; flex: 1 0; }
.more .more-descr h2 { padding-bottom: 0; border: 0; }
.more .btn { width: 100%; max-width: 240px; }
.more p { font-size: 14px; line-height: 1.3; }
.more p + p { margin-top: 15px; }
.more h2 { margin: 25px 0 16px; }
.more-bg { min-height: 270px; }
.more-bg .more-image { width: 300px; }
.more-bg .bg { position: absolute; left: 0; top: 0; bottom: 0; width: 300px; background-position: center center!important; background-repeat: no-repeat!important; background-size: cover!important; }

.article-top { background-size: cover!important; background-repeat: no-repeat!important; background-position: center center!important; height: 720px; width: 100%; display: table; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding: 50px 20px; margin-bottom: 30px; }
.article-top .content { display: table-cell; vertical-align: middle; text-align: center; color: #fff; }
.article-top .content .container { background: rgba(0,0,0,.6); padding: 40px 30px 35px; }
.article-top .logo { font-size: 0; margin-bottom: 40px; }
.article-top .logo img { width: 100%; max-width: 400px; }
.article-top .name { font-size: 50px; font-weight: normal; text-transform: uppercase; margin-bottom: 12px; }
.article-top .purpose { font-size: 50px; }
.article-top .views { width: 250px; border-top: 2px solid #fff; padding-top: 25px; margin: 38px auto 0; }
.article-top .views span { position: relative; padding-left: 38px; display: inline-block; font-size: 22px; }
.article-top .views span:before { content: ""; position: absolute; width: 25px; height: 16px; display: block; left: 0; top: 50%; margin-top: -8px; background: url(../img/icons/views-article.svg) center center no-repeat; background-size: contain; }

.article-links ol { counter-reset: olCounter; }
.article-links li { list-style: none; position: relative; }
.article-links li + li { margin-top: 1px; }
.article-links li:before { content: ""; position: absolute; left: 10px; top: 50%; margin-top: -14px; counter-increment: olCounter; content:counter(olCounter); color: #0f4c81; background: #fff; font-size: 17px; font-family: "SFUIDisplay-Medium", Arial, sans-serif; border: 2px solid #0f4c81; display: inline-block; text-align: center; line-height: 26px; width: 30px; height: 30px; border-radius: 50%; z-index: -1; }
.article-links a { display: block; padding-left: 40px;  font-size: 17px; padding: 10px 15px 10px 50px; border: 1px solid transparent; }
.article-links .active, .article-links a:hover { border-color: #0f4c81; }

.article-nav { padding-top: 10px; margin-bottom: 120px; padding-right: 40px; position: relative; }
.article-nav ol { counter-reset: olCounter; }
.article-nav ol > li { list-style: none; position: relative; padding-left: 75px; }
.article-nav ol > li + li { margin-top: 55px; }
.article-nav ol > li:before { width: 50px; text-align: center; content: ""; position: absolute; left: 0; top: -14px; counter-increment: olCounter; content:counter(olCounter); color: #0f4c81; background: #fff; font-size: 17px; font-family: "SFUIDisplay-Medium", Arial, sans-serif; display: inline-block; text-align: center; font-size: 40px; z-index: -1; }
.article-nav ol > li > a { font-size: 17px; border-bottom: 1px solid #a5a5a5; }
.article-nav ol > .active a, .article-nav ol > li > a:hover { border-color: transparent; }
.article-nav ol > li ul { padding-left: 45px!important; margin-top: 25px; margin-bottom: -15px; }
.article-nav ol > li li { padding-left: 0; font-size: 17px; color: #0f4c81; }
.article-nav ol > li li a { border-bottom: 1px solid #b2bece; }
.article-nav ol > li li a:hover { border-color: transparent; }
.article-nav ol > li ul li + li { margin-top: 10px; }
.article-nav ol > li ul li:before { display: none; }
.article-nav .to-nav { display: block; width: 220px; text-align: center; position: fixed; right: -168px; top: 380px; background: #0f4c81; color: #fff; font-size: 18px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding: 14px 15px 11px; border-radius: 10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; -o-transform-origin: left top 0; transform-origin: left top 0; z-index: 1; }
.article-nav .to-nav i { width: 33px; height: 27px; display: inline-block; vertical-align: middle; background: url(../img/icons/to-nav.png) center center no-repeat; background-size: contain; margin-right: 15px; position: relative; top: -2px; }

.article-content { font-size: 0; }
.article-content h2 { padding-bottom: 12px; border-bottom: 1px solid #e6e6e6; overflow: hidden; margin-bottom: 16px; }
.article-content .mainblock { padding-top: 100px; margin: -100px 0 30px; display: flex; }
.article-content .mainblock-banner { width: 45%; padding-left: 140px; margin: -100px 0 0; text-align: right; }
.article-content .mainblock-banner img { max-width: 100%; }
.article-content .mainblock-info { width: 55%; }

.article-content .mainblock.mainblock-noad { padding-top: 0; margin-top: 0; display: block; }
.article-content .mainblock.mainblock-noad .mainblock-info { width: 100%; }

.article-content .mainblock-info .descr { font-size: 14px; line-height: 1.3; }
.article-content .mainblock-info .thumb { margin-top: 15px; font-size: 0; }
.article-content .mainblock-info .thumb img { width: 100%; }
.article-content .mainblock-info .text { font-size: 14px; color: #666; margin-top: 15px; font-style: italic; }
.article-content .columns { overflow: hidden; margin-left: -15px; margin-right: -15px; }
.article-content .columns > div { padding: 0 15px; float: left; }
.article-content .columns h2 { padding-top: 10px; }
.article-content .videogallery { margin-top: 30px; margin-bottom: 30px; }
.article-content .videogallery .videogallery-list { overflow: hidden; }
.article-content .videogallery ul { min-width: 0; }
.article-content .videogallery ul li { padding: 0; width: 100%; display: block; overflow: hidden; }
.article-content .videogallery li + li { margin-top: 20px; }
.article-content .videogallery .link { width: 44%; float: left; }
.article-content .videogallery .descr { width: 56%; float: left; padding-left: 20px; }
.article-content .videogallery .descr span, .videogallery .descr a { font-size: 16px; color: #0f4c81; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.article-content .videogallery .descr p { font-size: 14px; margin-top: 10px; line-height: 1.3; }

.article-author { padding: 20px; border: 1px solid #e6e6e6; border-radius: 5px; margin-top: 40px; }
.article-author .author { display: flex; align-items: center; }
.article-author .author-photo { width: 122px; }
.article-author .author-photo img { width: 100%; }
.article-author .author-about { padding-left: 20px; flex: 1 0; }
.article-author .heading { font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 10px; }
.article-author .name { font-size: 20px; margin-bottom: 20px; }
.article-author .links li + li { margin-top: 12px; }
.article-author .links a { font-size: 14px; color: #0f4c81; border-bottom: 1px solid #0f4c81; }
.article-author .links a:hover { border-color: transparent; }
.article-author .tags { border-top: 1px solid #e6e6e6; margin-top: 20px; padding-top: 16px; font-size: 18px; margin-bottom: -2px; overflow: hidden; }
.article-author .tags span { font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-right: 20px; display: inline-block; }
.article-author .tags a { color: #41a908; display: inline-block; margin-right: 20px; margin-bottom: 2px; }
.article-author .tags a:hover { color: #319908; }

.article-actions { margin-top: 40px; }
.article-actions .new-rating, .article-actions .curr-rating { background: #f2f4f8; padding: 28px 20px; border-radius: 5px; }
.article-actions .info { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.article-actions .new-rating .rating-input, .article-actions .curr-rating .rating { display: inline-block; vertical-align: middle; padding: 0; margin: 0; }
.article-actions .curr-rating .rating .rating-stars p { margin-right: 7px; }
.article-actions .new-rating .rating-input { margin-left: -4px; }
.article-actions .share { text-align: right; padding-top: 28px; }
.article-actions .socseti { display: inline-block; vertical-align: middle; margin-left: -8px; }
.article-actions .socseti a { margin-left: 8px; }

.container .article-content .textblock .block-of-text img { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; }
.container > .article-content img + p > i, .container > .article-content .thumb + .text { display: block; max-width: 930px; margin-left: auto; margin-right: auto; }
.container > .article-content .textblock .block-of-text { clear: both; overflow: hidden; margin-top: 10px; margin-bottom: 10px; }

.container  .article-content .textblock .block-of-text table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
  }

  .container  .article-content .textblock .block-of-text table[align="center"] {
        margin: 0 auto;
    }
  /* Zebra striping */

  .container  .article-content .textblock .block-of-text  th {
    font-weight: bold;
  }
  .container  .article-content .textblock .block-of-text td, th {
    padding: 6px;
    border: 1px solid #eee;
    text-align: left;
  }
/*.container > .article-content .textblock p { display: block; clear: both;}*/
.container > .article-content .videogallery-list { max-width: 930px; margin-left: auto; margin-right: auto; clear: both; }
.container > .article-content .videogallery-list li img
{
    width: 100%;
    height: 240px;
    margin: 0px auto;
    display: block;
    object-fit: cover;
}
@media screen and (max-width: 990px)
{
    .container > .article-content .videogallery-list li img
    {
        height: 200px;
    }

    .container > .article-content img { max-width: 100%;
        margin: 0px auto;
        display: block;
        object-fit: cover;}
}

.articles-tips .tags { margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; font-size: 17px; }
.articles-tips .tags-title { color: #0f4c81; font-family: "SFUIDisplay-Bold", Arial, sans-serif; white-space: nowrap; }
.articles-tips .tags-list { display: flex; align-items: center; padding-right: 15px; }
.articles-tips .tags-list ul { display: flex; align-items: center; justify-content: space-between; padding: 0 15px; }
.articles-tips .tags-list li { padding: 1px 15px; white-space: nowrap; }
.articles-tips .tags-list a:hover { color: #0f4c81; }
.articles-tips .all { padding-left: 10px; width: 240px; white-space: nowrap; }
.articles-tips .all a { background: #ffdd22; color: #000; padding: 10px 20px; border-radius: 4px; display: block; text-align: center; font-size: 16px; }
.articles-tips .all a:hover { background: #efcd12; }
.tips-top { background-size: cover!important; background-repeat: no-repeat!important; background-position: center center!important; height: 490px; width: 100%; display: table; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding: 70px 30px; margin-bottom: 40px; border-bottom: 2px solid #ffdd22; }
.tips-top .banner { display: table-cell; vertical-align: middle; color: #fff; text-align: left; padding: 0; }
.tips-top .content { background: rgba(0,0,0,.6); padding: 35px 30px; max-width: 590px; }
.tips-top h1 { font-size: 50px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-top: 30px; }
.tips-top .content-footer { margin-top: 30px; padding-top: 35px; border-top: 2px solid #fff; display: flex; align-items: center; justify-content: space-between; }
.tips-top .meta { margin: -5px -15px; overflow: hidden; padding-right: 15px; }
.tips-top .meta li { display: inline-block; vertical-align: middle; padding: 5px 15px; }
.tips-top .meta li span { position: relative; padding-left: 30px; font-size: 15px; font-family: "SFUIDisplay-Medium", Arial, sans-serif; }
.tips-top .meta li span:before { content: ""; position: absolute; left: 0; top: 50%; background-size: contain !important; }
.tips-top .meta .icon-views:before { width: 20px; height: 18px; margin-top: -10px; background: url(../img/icons/views.svg) center center no-repeat; }
.tips-top .meta .icon-comments:before { width: 16px; height: 14px; margin-top: -8px; background: url(../img/icons/comments.svg) center center no-repeat; }
.tips-top .author { padding-left: 15px; }
.tips-top .author .author-image { width: 40px; font-size: 0; display: inline-block; vertical-align: middle; }
.tips-top .author .author-image img { width: 100%; }
.tips-top .author .author-name { font-size: 15px; display: inline-block; vertical-align: middle; padding-left: 20px; font-family: "SFUIDisplay-Regular", Arial, sans-serif; }
.tips-top .author .author-name span { font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.tips-top a:hover { color: #FFDD22; }
.choice { display: inline-block; border: 1px solid #ffdd22; border-radius: 3px; padding: 7px 15px; display: inline-block; }
.choice i, .choice span { display: inline-block; vertical-align: middle; }
.choice i { width: 30px; height: 32px; background: url(../img/icons/choice.png) center center no-repeat; background-size: contain; }
.choice span { color: #ffdd22; font-size: 18px; padding-left: 10px; font-family: "SFUIDisplay-Regular", Arial, sans-serif; }
.subjects { background: #f2f2f2; padding: 30px; border: 1px solid #e6e6e6; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
.subjects h3 { font-family: "SFUIDisplay-Bold", Arial, sans-serif; font-size: 22px; margin-bottom: 20px; }
.subjects ul { color: #0f4c81; font-size: 17px; margin: 0 -10px -15px; display: flex; flex-wrap: wrap; flex-direction: column; max-height: 350px; }
.subjects li { margin-bottom: 15px; width: 33.33333333%; padding: 0 10px; }
.subjects a, .subjects span { position: relative; }
.subjects a:hover { color: #000; }
.subjects li.active a:before, .subjects li.active span:before { content: ""; position: absolute; left: -15px; top: -7px; right: -15px; bottom: -7px; border: 1px solid #0f4c81; }
.subjects li.active a:hover { color: #0f4c81; cursor: default; }
.articles-tips .sidebar { padding: 25px 20px 30px; background: #f2f2f2; }
.articles-tips .sidebar.offset { margin-right: 20px; position: relative; top: 20px; }
.articles-tips .sidebar .heading { font-size: 22px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-bottom: 20px; }
.articles-tips .sidebar .articles-list > ul > li + li { margin-top: 40px; }
.articles-tips .sidebar .all { margin: 35px auto 0; padding: 0; }
.articles-tips .sidebar .all a { background: #ffdd22; color: #000; padding: 10px 20px; border-radius: 4px; display: block; text-align: center; font-size: 16px; white-space: nowrap; }
.articles-tips .sidebar .all a:hover { background: #efcd12; }
.articles-tips .sidebar .all a > * { display: inline-block; vertical-align: middle; }
.articles-tips .sidebar .all a i { width: 23px; height: 20px; background: url(../img/icons/all.png) center center no-repeat; background-size: contain; margin-left: 10px; }
.articles-tips .article .article-name { font-size: 18px; }
.articles-tips .article .article-footer { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: space-between; }
.articles-tips .article .list { padding-right: 10px; color: #41a908; font-size: 12px; }
.articles-tips .article .list a:hover { color: #117908; }
.articles-tips .article .author { padding-left: 10px; }
.articles-tips .article .author a { display: flex; align-items: center; }
.articles-tips .article .author a:hover { color: #0f4c81; }
.articles-tips .article .author .author-image { width: 30px; font-size: 0; }
.articles-tips .article .author .author-image img { width: 100%; }
.articles-tips .article .author-name { font-size: 12px; padding-left: 10px; font-family: "SFUIDisplay-Regular", Arial, sans-serif; }
.articles-tips .article .author-name span { font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.articles-content .title { text-align: left; margin-bottom: 20px; }
.articles-content.articles { margin: 20px 0 0; overflow: inherit; }
.articles-content .articles-list > ul { min-width: 0!important; font-size: 0; letter-spacing: -10px; }
.articles-content .articles-list > ul > li { width: 25%; min-width: 0; letter-spacing: normal; float: none; display: inline-block; vertical-align: top; }
.articles-content .articles-list > ul > li.li-xl-3 { width: 75%; }
.articles-content .more { margin: 5px 0 0; }
.articles-filter { margin-top: 40px; }
.articles-filter ul { font-size: 0; letter-spacing: -10px; text-align: center; margin: -10px; }
.articles-filter li { display: inline-block; vertical-align: middle; letter-spacing: normal; font-size: 18px; padding: 10px; }
.articles-filter li.active a { background: #ffdd22; color: #000; cursor: default; }
.articles-filter a { padding: 10px 30px; border-radius: 4px; background: #0f4c81; color: #fff; min-width: 240px; text-align: center; display: block; white-space: nowrap; }
.articles-filter a:hover { background: #0f3c71; }
.articles-filter a > * { display: inline-block; vertical-align: middle; }
.articles-filter a i { margin-right: 12px; }
.articles-filter a .icon-video { width: 24px; height: 24px; background: url(../img/icons/fvideo.png) center center no-repeat; background-size: contain; }
.articles-filter a .icon-photo { width: 30px; height: 25px; background: url(../img/icons/fphoto.png) center center no-repeat; background-size: contain; }
.articles-filter a .icon-article { width: 24px; height: 24px; background: url(../img/icons/farticle.png) center center no-repeat; background-size: contain; }
.articles-filter li.active a .icon-video { background: url(../img/icons/fvideo-h.png) center center no-repeat; background-size: contain; }
.articles-filter li.active a .icon-photo { background: url(../img/icons/fphoto-h.png) center center no-repeat; background-size: contain; }
.articles-filter li.active a .icon-article { background: url(../img/icons/farticle-h.png) center center no-repeat; background-size: contain; }

.contacts .contacts-text { font-size: 17px; line-height: 1.3; margin-bottom: 35px; }
.contacts .contacts-text a { color: #0f4c81; }
.contacts .contacts-text a:hover { color: #0f3c71; }
.contacts .contacts-info { border-bottom: 2px solid #ffdd22; padding: 80px 35px; position: relative; }
.contacts .contacts-info .details { max-width: 590px; background: rgba(0,0,0,.6); color: #fff; padding: 45px 30px; font-size: 15px; position: relative; z-index: 1; }
.contacts .contacts-info .details b { font-weight: normal; font-family: "SFUIDisplay-Bold", Arial, sans-serif; padding-right: 20px; }
.contacts .contacts-info .details > ul > li { display: flex; flex-wrap: wrap; align-items: center; }
.contacts .contacts-info .details > ul > li + li { margin-top: 28px; }
.contacts .contacts-info .social { display: inline-block; }
.contacts .contacts-info .social li { display: inline-block; vertical-align: middle; margin-right: 6px; }
.contacts .contacts-info .social i { font-size: 22px; }
.contacts .contacts-info .social a:hover { color: #FFDD22; }
.contacts .contacts-info .phones ul { width: 100%; margin-top: 12px; }
.contacts .contacts-info .phones li + li { margin-top: 4px; }
.contacts .contacts-info .phones a:hover { color: #FFDD22; }
.contacts .contacts-info .mails ul { display: inline-block; }
.contacts .contacts-info .mails a { color: #FFDD22; border-bottom: 1px solid #FFDD22; }
.contacts .contacts-info .mails a:hover { border-color: transparent; }
.contacts .contacts-info .map { position: absolute; left: 0; top: 0; right: 0; bottom: 0;  }
.contacts .contacts-feedback { max-width: 930px; margin: 35px auto 0; background: #f2f2f2; padding: 35px; }
.contacts .contacts-feedback h3 { margin-bottom: 25px; font-size: 28px; text-align: center; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.contacts .contacts-feedback form { max-width: 450px; margin: 0 auto; }
.contacts .contacts-feedback form b { font-size: 16px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; }
.contacts .contacts-feedback .form-action { padding-top: 15px; text-align: center; }
.contacts .contacts-feedback .btn { min-width: 220px; }
.contacts .contacts-feedback .form-control { border: 1px solid #dfe8ec; }

@media screen and (max-width: 1700px) {
  .articles-carousel, .reviews-carousel { margin: 0; padding: 0 50px; }
  .slick-prev { left: 0; }
  .slick-next { right: 0; }

  .article-top { height: 650px; padding: 45px 20px; }
  .article-top .logo { margin-bottom: 35px; }
  .article-top .logo img { max-width: 360px; }
}
@media screen and (max-width: 1499px) {
  .header .header-logo { width: 165px; }
  .header .header-navigation { font-size: 15px; }
  .header .header-navigation li { margin: 0 16px; }
  .header .header-controls li + li { margin-left: 24px; }
  .categories-list .category .category-menu li + li { margin-top: 12px; }
  .footer .footer-bottom .navigation { padding: 28px 18px 28px 0; position: relative; margin-right: 15px; margin-left: 0; }
  .footer .footer-bottom .navigation li { margin-left: 18px; }
  .footer .footer-bottom .copy { margin-right: 18px; }
  .company-card .information .checks p { padding-left: 32px; }
  .company-card .services .services-list > ul > li { width: 33.33333333%; }
  .navpanel ul { font-size: 16px; padding: 0 30px 0 0; }
  .navpanel .btn { min-width: 220px; }
  .conditions .conditions-discount p { font-size: 20px; }
  .stock-card .images { height: 450px; }
  .stock-card .information-list table { font-size: 14px; }
  .stock-card .information-pc .information-contacts .row { display: block; }
  .stock-card .information-pc .information-contacts .row > div { width: 100%; max-width: 100%; flex: 0; }
  .stock-card .information-pc .checks ul { flex-wrap: wrap; padding: 15px; }
  .stock-card .information-pc .checks li { width: 100%; padding: 5px; }
  .stock-card .information-min .name h2 { font-size: 20px; }
  .stock-card .information-min .navpanel ul { display: block; text-align: center; }
  .stock-card .information-min .navpanel li + li { margin-top: 5px; }
  .catalog-services .services-list > ul > li { width: 33.33333333%; }
  .search-services .services .services-list > ul > li { width: 25%; }
  .search-services .services .services-list > ul > li.banner { width: 50%; }
  .allservices-list { font-size: 16px; padding: 20px; }
  .allservices-list li span { font-size: 14px; min-width: 80px; }
  .allservices-list li + li { margin-top: 15px; }
  .allservices-content h1 { font-size: 24px; }
  .allservices-content .heading { font-size: 20px; }
  .allservices-content .section .section-name { font-size: 20px; }
  .allservices-content .heading, .allservices-content .section .section-name { margin-bottom: 15px; }
  .allservices-content ul { font-size: 16px; }
  .allservices-content .section + .section { margin-top: 25px; }
  .newcompany .title { font-size: 22px; }
  .textblock p.attention br { display: none; }
  .article-top { height: 580px; padding: 40px 20px; }
  .article-top .logo { margin-bottom: 30px; }
  .article-top .logo img { max-width: 320px; }
  .article-links a { font-size: 16px; }
  .article-content .mainblock { padding-top: 75px; margin: -75px 0 30px; }
  .article-content .mainblock-banner { width: 42%; padding-left: 60px; margin: -75px 0 0; }
  .article-content .mainblock-info { width: 58%; }
  .more .more-descr h2 { margin-top: 20px; }
  .articles .articles-list > ul { min-width: 1150px; }
  .articles .articles-list > ul > li { min-width: 230px; }
  .articles .articles-list .article .article-name { font-size: 16px; }
  .articles .articles-list .article .article-text { font-size: 14px; }
  .textblock q { padding-left: 110px; padding-right: 110px; }
  .textblock q:before { left: 65px; }
  .articles-tips .tags { flex-wrap: wrap; }
  .articles-tips .tags-title { width: 100%; padding-bottom: 5px; }
  .articles-tips .tags-list { padding: 0; width: 100%; }
  .articles-tips .tags-list ul { padding: 0; }
  .articles-tips .tags-list li { padding: 1px 25px 1px 0; }
  .articles-tips .all { padding-left: 10px; width: 220px; margin-left: auto; }
  .tips-top { height: 450px; padding: 60px 30px; }
  .tips-top .content { max-width: 550px; }
  .tips-top h1 { font-size: 46px; }
  .tips-top .content-footer { padding-top: 30px; }
  .subjects h3 { font-size: 20px; }
  .subjects ul { color: #0f4c81; font-size: 16px; max-height: 350px; }
  .subjects li { width: auto; }
  .articles-tips .sidebar.offset { margin-right: 10px; top: 10px; }
  .articles-tips .sidebar .heading { font-size: 20px; }
  .articles-tips .sidebar .all { width: 100%; }
  .articles-tips .sidebar .all a { font-size: 15px; width: 100%; }
  .articles-tips .sidebar .all a i { width: 20px; height: 18px; margin-left: 10px; }
  .articles-tips .sidebar .article .article-footer { display: block; }
  .articles-tips .sidebar .article .author { padding: 0; margin: 10px 0 0; }
  .articles-tips .article .article-name { font-size: 16px; }
  .articles-content .articles-list > ul > li { width: 33.33333333%; }
  .articles-content .articles-list > ul > li.li-xl-3 { width: 100%; }
  .articles-content .articles-list .more-bg { min-height: 270px; }
  .articles-filter li { font-size: 16px; }
  .articles-filter a {min-width: 200px; }
  .subjects li { margin-bottom: 12px; }
  .subjects li.active a:before, .subjects li.active span:before { top: -6px; bottom: -6px; }
  .contacts .contacts-info .details { max-width: 500px; }
}
@media screen and (max-width: 1199px) {
  .mobmenu-toggle, .mobmenu { display: block; }
  .title { font-size: 20px; }
  .title-lg { font-size: 26px; }
  .page-title, h1, h2, .name h3 { font-size: 20px; }
  .page-title { margin-right: 0; display: block; }
  .page-subtitle { margin-top: 10px; display: block; }
  .header .header-logo { width: 130px; }
  .header .header-navigation { display: none; }
  .header .header-controls { padding: 0; }
  .header .header-controls li + li { margin-left: 20px; }
  .banner .info { font-size: 16px; }
  .banner .btn { max-width: 320px; }
  .services .offers > ul { min-width: 1500px; }
  .services .offers > ul > li { min-width: 300px; }
  .services .offers > ul > li:before { padding-top: 44%; }
  .loadmore { margin-top: 25px; }
  .companies-list > ul { min-width: 1420px; }
  .companies-list > ul > li { min-width: 470px; }
  .footer .footer-top { padding: 30px 0 5px; }
  .footer .footer-top ul { margin-bottom: 25px; }
  .footer .footer-bottom { font-size: 13px; }
  .footer .footer-bottom .actions { padding: 20px 0; }
  .footer .footer-bottom .navigation { padding: 20px 12px 20px 0; margin-right: 9px; margin-left: 10px; }
  .footer .footer-bottom .navigation li { margin-left: 8px; }
  .footer .footer-bottom .copy { padding: 20px 0; margin-right: 20px; }
  .footer .footer-bottom .social { padding: 12px 0; }
  .footer .footer-bottom .social a { margin-right: 4px; }
  .footer .footer-bottom .telephones { padding: 12px 0; font-size: 14px; }
  .breadcrumb { margin: 30px 0 35px; }
  .widget .contacts ul { margin-bottom: 20px; }
  .widget .links li + li { margin-top: 10px; }
  .search-services .services .services-list > ul > li { width: 33.33333333%; }
  .search-services .services .services-list > ul > li.banner { width: 100%; }
  .company-card .information .numbers span { font-size: 26px; }
  .company-card .documents .wrapper { margin: 0 -10px; }
  .company-card .documents .documents-list > ul > li { padding: 0 10px; }
  .company-card .services .services-list > ul > li { width: 50%; }
  .company-card .review .review-image, .stock-card .review .review-image, .reviews-list .review .review-image { width: 90px; margin-right: -90px; }
  .company-card .review .review-author, .company-card .review .review-ext, .company-card .review .review-text,
  .stock-card .review .review-author, .stock-card .review .review-text, .stock-card .review .review-ext,
  .reviews-list .review .review-author, .reviews-list .review .review-text, .reviews-list .review .review-ext { padding: 0 0 0 110px; }
  .company-card .review .review-ext .rating, .stock-card .review .review-ext .rating, .reviews-list .review .review-ext .rating { width: 38%; padding-right: 10px; }
  .company-card .review .review-ext .frompage, .stock-card .review .review-ext .frompage, .reviews-list .review .review-ext .frompage { width: 62%; padding-left: 10px; }
  .company-card .review .review-text, .stock-card .review .review-text, .reviews-list .review .review-text { padding-top: 20px; }
  .company-card .review .review-text:before, .stock-card .review .review-text:before, .reviews-list .review .review-text:before { left: 110px; }
  .company-card .review + .review, .stock-card .review + .review, .reviews-list .review + .review { margin-top: 25px; }
  .br { border: 0; }
  .company-list .openmodal-message { margin: 0 0 18px; }
  .company-list .numbers { margin: 5px -10px 0; justify-content: left; text-align: left; }
  .company-list .numbers > div { padding: 0 10px; }
  .company-list .name { margin-top: 24px; }
  .company-list .gallery { padding-top: 15px; }
  .company-list .checks { background: #e6e6e6; border-radius: 2px; color: #0f812c; font-size: 14px; font-family: "SFUIDisplay-Bold", Arial, sans-serif; margin-top: 25px; }
  .company-list .checks ul { padding: 5px; display: flex; justify-content: space-around; }
  .company-list .checks li { padding: 5px; }
  .company-list .checks li + li { margin-top: 0; }
  .company-list .checks p { padding-left: 32px; position: relative; }
  .company-list .checks p:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 19px; background: url(../img/icons/check.svg) center center no-repeat; background-size: contain; }
  .paginator .pagination { padding: 8px 15px; }
  .paginator .pagination a, .paginator .pagination span { min-width: 26px; }
  .stock-card .images { height: 400px; }
  .stock-card .images .title { font-size: 18px; padding: 20px 25px; }
  .stock-card .information-pc .information-header, .stock-card .information-pc .information-list, .stock-card .information-pc .information-socials, .stock-card .information-pc .information-footer { display: none; }
  .stock-card .information-pc .information-body { margin-top: 0; padding: 0; border-top: 0; }
  .stock-card .information-mob { display: block; margin-top: 30px; }
  .stock-card .information-mob .information-header { display: block; }
  .stock-card .information-mob .information-header .col-lg-3 { flex: 0 0 23.33333%; max-width: 23.33333%; }
  .stock-card .information-mob .information-header .col-lg-3-30 { flex: 0 0 30%; max-width: 30%; border-left: 1px solid #e6e6e6; }
  .stock-card .information-mob .information-header .duration { display: block; }
  .stock-card .information-mob .information-list { display: block; }
  .stock-card .information-mob .information-list table { font-size: 16px; }
  .stock-card .information-mob .information-socials { display: block; }
  .stock-card .information-mob .information-footer { display: block; }
  .stock-card .information-min .name h2 { font-size: 18px; }
  .stock-card .information-min .information-list { display: none; }
  .stock-card .information-min .navpanel li { width: 100%; }
  .duration { display: none; }
  .duration .duration-section { max-width: 200px; }
  .duration.completed { padding: 0; }
  .navpanel { padding: 15px 0; }
  .navpanel ul { flex-wrap: wrap; }
  .navpanel ul li { width: 50%; }
  .navpanel .btn { min-width: 200px; }
  .conditions .conditions-discount p { font-size: 18px; }
  .services-bg .services-list > ul > li { width: 50%; }
  .catalog-services .services-list > ul > li { width: 50%; }
  .iconblock .title { font-size: 26px; margin-bottom: 20px; }
  .iconblock .sections { margin: 35px -10px -10px; }
  .newcompany { margin-top: 50px; padding-top: 50px; }
  .newcompany .title { font-size: 20px; }
  .newcompany-form form { max-width: 600px; }
  .schedule-time .hours { float: right; width: 69.5%; }
  .schedule-time .hours-open { padding-right: 62px; }
  .schedule-time .hours-close { padding-left: 62px; }
  .newcompany-form .images li { width: 33.33333333%; }
  .more { align-items: flex-start; }
  .article-top { height: 520px; }
  .article-top .logo img { max-width: 260px; }
  .article-links a { font-size: 15px; }
  .article-content .mainblock { padding-top: 0; margin: 0 0 30px; }
  .article-content .mainblock-banner { padding-left: 30px; margin: 0; }
  .article-author .author { margin-bottom: 15px; }
  .article-author .tags span { margin-right: 10px; }
  .article-author .tags a { margin-right: 10px; }
  .article-actions .new-rating, .article-actions .curr-rating, .article-actions .share { text-align: center; }
  .textblock q { padding-left: 65px; padding-right: 20px; line-height: 1.4; }
  .textblock q:before { left: 20px; }
  .articles .articles-list > ul { min-width: 1185px; }
  .articles .articles-list > ul > li { width: 20%; min-width: 237px; }
  .articles-tips .tags-list ul { flex-wrap: wrap; justify-content: flex-start; }
  .articles-tips .all { width: 200px; }
  .tips-top { height: 360px; padding: 50px 30px; }
  .tips-top .content { max-width: 500px; }
  .tips-top h1 { font-size: 42px; }
  .subjects h3 { font-size: 18px; }
  .subjects ul { max-height: 450px; }
  .articles-tips .sidebar .heading { font-size: 18px; }
  .articles-tips .sidebar .article .article-footer { display: flex; }
  .articles-tips .sidebar .article .author { padding: 0 0 0 10px; margin: 0; }
  .articles-content .articles-list > ul > li { width: 50%; min-width: 0; }
  .articles-content .articles-list > ul > li.li-xl-3 { width: 100%; }
  .articles-content .articles-list .more-bg { min-height: 0; }
  .articles-filter a { min-width: 180px; }
  .allservices-content ul li { width: 50%; }
  .contacts .contacts-info .details { max-width: 440px; }
  .contacts .contacts-feedback h3 { font-size: 26px; }
}
@media screen and (max-width: 991px) {
  .slick-arrow { margin-top: -15px; width: 15px; height: 30px; }
  .title { font-size: 18px; margin-bottom: 40px; }
  .title-lg { font-size: 24px; margin-bottom: 25px; }
  .title-ext { padding-bottom: 40px; }
  .title-ext .title-info { text-align: center; display: inline-block; margin-top: 15px; }
  .title-ext .title-info:after { top: auto; bottom: 8px; }
  .title-ext:after { top: auto; height: 49px; }
  .menu, .services, .products, .banner, .companies, .articles, .reviews, .footer, .iconblock { margin-top: 60px; }
  .menu .title { text-align: center; }
  .categories { padding-top: 60px; }
  .categories .row > div + div { margin-top: 30px; }
  .banner { padding: 50px 0; }
  .banner .banner-content:before { top: 10px; }
  .banner .title:before, .banner .title:after { top: 10px; }
  .companies-list > ul { min-width: 300%; }
  .companies-list > ul > li { min-width: 33.33333%; }
  .articles-carousel { margin: 0; padding: 0 25px; }
  .search-services .services .services-list > ul > li { width: 50%; }

  .articles .articles-list > ul { min-width: 250%; }
  .articles .articles-list > ul > li { width: 20%; min-width: 235px; }

  .reviews-content > ul > li { min-width: 0; width: 100%; }
  .reviews-content > ul > li:hover .review { /* position: static; */ }
  .footer .footer-top { padding: 30px 0 5px; }
  .footer .footer-top .heading { font-size: 12px; }
  .footer .footer-top ul { margin-bottom: 25px; }
  .footer .footer-top ul li { margin-top: 5px; }
  .footer .footer-bottom { font-size: 13px; padding: 20px 0; text-align: center; }
  .footer .footer-bottom .actions { padding: 0 0 5px; float: none; }
  .footer .footer-bottom .navigation { float: none; letter-spacing: -6px; padding: 0; margin: 10px 0; }
  .footer .footer-bottom .navigation li { display: inline-block; margin: 0 5px; letter-spacing: normal; float: none; }
  .footer .footer-bottom .copy { padding: 0; margin: 0; float: none; }
  .footer .footer-bottom .social { padding: 5px 0; float: none; margin: 0; }
  .footer .footer-bottom .social a { display: inline-block; float: none; margin: 0 2px; }
  .footer .footer-bottom .telephones { padding: 0; font-size: 14px; float: none; }
  .footer .footer-bottom .telephones a { margin: 0 6px; }
  .footer .footer-bottom .telephones br { display: none; }
  .breadcrumb { margin: 20px 0 30px; }
  .sticky, .stop { position: static !important; }
  .widget { overflow: hidden; }
  .widget .widget-image { padding: 0 10px 0 0; float: left; width: 50%; }
  .widget .widget-buttons { display: block; }
  .widget .widget-content { border: 0; box-shadow: none; padding: 20px 0 0; }
  .widget .links ul { display: flex; justify-content: space-between; margin: 0 -5px; }
  .widget .links li { padding: 0 5px; }
  .widget .links li + li { margin-top: 0; }
  .widget .buttons { display: none; }
  .widget .contacts { display: none !important; }
  .blockfixed { height: auto !important; }
  .company-card { margin-top: 35px; }
  .company-card .information .checks ul { padding: 5px; }
  .company-card .information .numbers > div { margin-right: 45px; }
  .company-card .information .numbers > div:last-child { margin: 0; }
  .company-card .documents .wrapper { margin: 0 -15px; }
  .company-card .documents .documents-list > ul { min-width: 1050px; }
  .company-card .documents .documents-list > ul > li { min-width: 175px; padding: 0 15px; }
  .company-card .services .services-list .service { padding: 5px; }
  .company-card .gallery .photo { overflow: hidden; }
  .company-card .gallery .photo .photo-elements { margin: -10px; overflow-x: auto; }
  .company-card .gallery .photo .photo-elements ul { margin: 0; min-width: 945px; }
  .company-card .gallery .photo .photo-elements li { min-width: 315px; }

  .page-title { margin-bottom: 20px; }
  .page-title + .page-subtitle { margin-top: -10px; margin-bottom: 20px; }

  .sort { margin-top: 0; }
  .filter { position: fixed; top: 0; bottom: 0; width: 340px; left: -340px; overflow: auto; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; z-index: 1041; }
  .filter .filter-close { display: block; }
  .filter .dropdown .dropdown-menu { left: auto !important; right: 0 !important; top: 100% !important; margin: 10px 0 0 0; }
  .filter.open { opacity: 1; left: 0; }
  .filter .filter-results { margin-left: 15px; margin-bottom: 10px; }
  .filter .filter-reset { padding-left: 15px; padding-bottom: 10px; }

  .company-list .gallery .wrapper { overflow: hidden; overflow-x: auto; }
  .company-list .gallery ul { overflow: hidden; min-width: 820px; }
  .company-list .gallery li { min-width: 205px; }

  .stock-card .images { height: 350px; }
  .stock-card .information-mob .information-contacts, .stock-card .information-mob .information-body { display: block; }
  .stock-card .information-mob .information-footer { margin-top: 0; padding-top: 0; border: 0; }

  .iconblock .title { font-size: 24px; }

  .article-top { height: 470px; }
  .article-links a { font-size: 17px; }
  .article-content { margin-top: 30px; }

  .article-actions .new-rating, .article-actions .curr-rating { padding: 20px; }
  .article-actions .info { font-size: 18px; }

  .article-nav { margin-bottom: 80px; }
  .article-nav ol > li { padding-left: 60px; }
  .article-nav ol > li + li { margin-top: 40px; }
  .article-nav ol > li ul { margin-top: 15px; margin-bottom: -10px; padding-left: 35px!important; }
  .article-nav ol > li:before { top: -11px; font-size: 34px; }
  .article-nav .to-nav { width: 200px; right: -150px; top: 380px; font-size: 16px;  }
  .article-nav .to-nav i { width: 30px; height: 24px; top: -1px; }

  .articles-tips .tags-list li { padding: 1px 15px 1px 0; }
  .tips-top { padding: 40px 30px; margin: 0 -15px; width: auto; }
  .tips-top .content { max-width: 100%; }
  .tips-top h1 { font-size: 38px; }
  .subjects h3 { font-size: 18px; }
  .subjects ul { max-height: 450px; }
  .articles-tips .order-sidebar { order: -1; }
  .articles-tips .sidebar.offset { margin: -30px 0 40px!important; top: 0; }
  .articles-tips .sidebar .wrapper { margin: -10px }
  .articles-tips .sidebar .articles-list { overflow-x: auto; }
  .articles-tips .sidebar .articles-list > ul { min-width: 200%; font-size: 0; letter-spacing: -10px; white-space: nowrap; }
  .articles-tips .sidebar .articles-list > ul > li { width: 25%; min-width: 0; padding: 10px; display: inline-block; vertical-align: top; letter-spacing: normal; white-space: normal; }
  .articles-tips .sidebar .articles-list > ul > li + li { margin: 0; }
  .articles-tips .sidebar .article + .article { margin: 0; }
  .articles-tips .sidebar .all a { max-width: 280px; margin: 0 auto; }
  .articles-content .articles-list > ul > li { width: 50%; min-width: 0; }
  .articles-content .articles-list > ul > li.li-xl-3 { width: 100%; }
  .articles-filter a {min-width: 180px; }
  .contacts .contacts-info { padding: 350px 15px 15px; }
  .contacts .contacts-info .details { max-width: 100%; padding: 35px 20px; }
  .contacts .contacts-feedback h3 { font-size: 20px; }
}
@media screen and (max-width: 767px) {
  .title-lg { font-size: 22px; margin-bottom: 20px; }
  .btn { padding: 13px 15px; }
  .btn-bold { padding: 12px 15px; }
  .btn-border { padding: 12px 15px; }
  .ui-selectmenu-button.ui-button { padding-left: 15px; }
  .ui-selectmenu-menu .ui-menu-item-wrapper { padding: 7px 15px; }
  .out { padding-top: 0; }
  .menu, .services, .products, .banner, .companies, .articles, .reviews, .footer, .iconblock { margin-top: 50px; }
  .header { position: relative; }
  .header .header-controls p { display: none; }
  .search { padding: 50px 0; }
  .search .search-form { padding: 30px 25px 35px; }
  .search .title { margin-bottom: 25px; }
  .categories { padding-top: 50px; }
  .banner .banner-content { padding-bottom: 25px; }
  .banner .title { margin-bottom: 20px; }
  .banner .title:before { margin-right: 10px; }
  .banner .title:after { margin-left: 10px; }
  .banner .btn { margin-top: 20px; }
  .banner .banner-content:before { top: 9px; }
  .banner .title:before, .banner .title:after { top: 9px; }
  .companies-list > ul { min-width: 300%; }
  .companies-list > ul > li { min-width: 33.33333%; }
  .btn-light { padding: 12px 15px; }
  .widget .links { font-size: 15px; }
  .company-card .information .numbers > div { margin-right: 30px; }
  .company-card .information .numbers > div:last-child { margin: 0; }
  .company-card .information .checks { font-size: 12px; }
  .company-card .documents .documents-list > ul { min-width: 900px; }
  .company-card .documents .documents-list > ul > li { min-width: 150px; }
  .company-card .services .services-list .service { padding: 5px; }
  .company-card .gallery .photo { overflow: hidden; }
  .company-card .gallery .photo .photo-elements { margin: -10px; overflow-x: auto; }
  .company-card .gallery .photo .photo-elements ul { margin: 0; min-width: 150%; }
  .company-card .gallery .photo .photo-elements li { min-width: 0; }
  .company-list .gallery .wrapper { overflow: hidden; overflow-x: auto; }
  .company-list .gallery ul { overflow: hidden; min-width: 696px; }
  .company-list .gallery li { min-width: 174px; }
  .stock-card .images { height: 300px; }
  .stock-card .images .title { font-size: 16px; padding: 16px 20px; }
  .stock-card .information-mob .information-header { margin-bottom: -20px; }
  .stock-card .information-mob .information-header .col-lg-3 { flex: 0 0 50%; max-width: 50%; margin-bottom: 20px; }
  .stock-card .information-mob .information-header .col-lg-3-30 { flex: 0 0 50%; max-width: 50%; }
  .navpanel .btn { min-width: 0; }
  .subcategories .subcategories-list ul { min-width: 1070px; }

  .newcompany { margin-top: 40px; padding-top: 40px; }
  .newcompany-form form { max-width: 520px; }
  .schedule-time .hours { float: right; width: 70%; }
  .schedule-time .hours-open { padding-right: 46px; }
  .schedule-time .hours-close { padding-left: 46px; }
  .newcompany-form .images li { width: 50%; }

  .more .more-image { width: 50%; }
  .more-bg { min-height: 0; }
  .more-bg .bg { width: 50%; }

  .article-top .name { font-size: 45px; }
  .article-top .purpose { font-size: 45px; }
  .article-content .mainblock { padding-top: 0; margin: 0 0 30px; }
  .article-content .mainblock-banner { display: none; }
  .article-content .mainblock-info { width: 100%; }
  .article-content .columns { margin-left: 0; margin-right: 0; }
  .article-content .columns > div { padding: 0; float: none; width: 100%!important; }
  .article-content .columns > div + div { margin-top: 15px; }
  .article-content .videogallery .link { width: 50%; padding-right: 10px; }
  .article-content .videogallery .descr { width: 50%; padding-left: 10px; }

  .tips-top { height: 250px; padding: 30px 15px; }
  .articles-tips .sidebar.offset { margin: 30px 0 40px!important; }
  .tips-top h1 { font-size: 34px; }
  .subjects ul { margin: 0 0 -15px; display: block; max-height: none; }
  .subjects li { width: 100%; padding: 0; }
  .articles-filter a { min-width: 150px; }
  .articles-content .articles-list .more-bg { min-height: 265px; }
}
@media screen and (max-width: 575px) {
  .slick-arrow { margin-top: -15px; width: 15px; height: 30px; }
  .title { margin-bottom: 25px; }
  .title-lg { font-size: 20px; }
  .title-ext { padding-bottom: 25px; }
  .title-ext .title-info { margin-top: 5px; }
  .title-ext .title-info:after { bottom: 8px; }
  .title-ext:after { height: 34px; }
  .out { padding-top: 0; }
  .menu, .services, .products, .banner, .companies, .articles, .reviews, .footer, .iconblock { margin-top: 40px; }
  .header .header-logo { width: 130px; }
  .header .header-controls { padding: 14px 0; }
  .search { padding: 40px 0; }
  .search .search-form { padding: 30px 25px 35px; }
  .search .title { margin-bottom: 25px; }
  .offers > ul { min-width: 1200px; }
  .offers > ul > li { min-width: 300px; }
  .categories { padding-top: 40px; }
  .categories-list { width: 100%; overflow-x: auto; }
  .banner .banner-content { padding: 0; }
  .banner .banner-content:before { display: none; }
  .banner .title:before, .banner .title:after { display: none; }
  .articles-carousel { margin: 0; padding: 0 25px; }
  .reviews-content > ul > li { display: block; width: 100%; }
  .reviews-content > ul > li + li { margin-top: 30px; }
  .review .review-author .image { width: 80px; margin-right: 10px; }
  .review .all { clear: both; }
  .widget .links { font-size: 14px; }
  .company-card { margin-top: 25px; }
  .company-card .information .views { text-align: left; margin-top: 8px; }
  .company-card .information .d-lg-none .numbers { text-align: center; margin-top: 10px; }
  .company-card .information .numbers span { font-size: 24px; }
  .company-card .information .numbers > div { margin-right: 10px; }
  .company-card .information .numbers > div:last-child { margin: 0; }
  .company-card .information .checks { font-size: 14px; }
  .company-card .information .checks ul { padding: 10px; display: flex; flex-wrap: wrap; align-items: center; }
  .company-card .information .checks li { width: 50%; }

  .filter { width: 300px; left: -300px; }

  .company-list { margin-top: 25px; }
  .company-list .logo { margin-bottom: 34px; }
  .company-list .checks { font-size: 14px; }
  .company-list .checks ul { padding: 10px; display: flex; flex-wrap: wrap; align-items: center; }
  .company-list .checks li { width: 50%; }
  .company-list .gallery ul { overflow: hidden; min-width: 824px; }
  .company-list .gallery li { min-width: 206px; }

  .modal .modal-header .close { position: absolute; right: 8px; top: 8px; width: 20px; height: 20px; }
  .modal .form-action .btn { max-width: 100%; }
  .modal .form-action .col-sm-6 + .col-sm-6 { margin-top: 10px; }
  .modal-promo-get .modal-header { font-size: 22px; }
  .modal .checkbox input[type="checkbox"] + label { font-size: 15px; }
  .modal .checkbox input[type="checkbox"] + label:before { top: -2px; }

  .stock-card .images { height: 280px; }
  .stock-card .images .title { bottom: 0; left: 0; right: 0; font-size: 18px; padding: 15px; }
  .stock-card .information-list td:last-child { white-space: normal; }
  .stock-card .information-list td:last-child p:after { display: none; }
  .stock-card .information-mob .information-socials .buttons { margin-bottom: 20px; }
  .stock-card .checks ul { display: flex; flex-wrap: wrap; }
  .stock-card .checks li { width: 50%; padding: 6px; }
  .stock-card .checks p { padding-left: 28px; }
  .navpanel { display: block; text-align: center; border-top: 0; padding-top: 0; }
  .navpanel ul { padding: 0; text-align: left; }
  .navpanel .btn { width: 100%; max-width: 290px; margin-top: 20px; }
  .conditions .conditions-discount { padding: 20px 15px; }

  .textblock h2 { font-size: 20px; }
  .catalog-textblock .heading { font-size: 24px; }

  .subcategories .wrapper { margin: 0; }
  .subcategories .subcategories-list { overflow: hidden; }
  .subcategories .subcategories-list ul { min-width: 0; }
  .subcategories .subcategories-list li { width: 100%; padding: 0; min-width: 0; float: none; }
  .subcategories .subcategories-list li + li { margin-top: 20px; }

  .iconblock .title { font-size: 22px; }
  .iconblock .sections { margin: 35px 0 0; }
  .iconblock .section { width: 100%; padding: 0; }
  .iconblock .section-title { margin-top: 15px; }
  .iconblock .section-info { margin-top: 10px; }
  .iconblock .section + .section { margin-top: 30px; }

  .newcompany-form form { max-width: 450px; }
  .schedule-time .hours { float: right; width: 70.5%; }
  .schedule-time .hours-open { padding-right: 36px; }
  .schedule-time .hours-close { padding-left: 36px; }

  .textblock p.attention { font-size: 17px; padding: 18px 20px; }

  .article-top { height: 470px; }
  .article-top .logo img { max-width: 220px; }
  .article-top .name { font-size: 40px; }
  .article-top .purpose { font-size: 35px; }

  .textblock q { padding-left: 50px; }
  .textblock q:before { top: 22px; width: 20px; height: 18px; }

  .article-nav { margin-bottom: 50px; padding-right: 0; }
  .article-nav ol > li + li { margin-top: 30px; padding-left: 50px; }
  .article-nav ol > li:before { width: 40px; top: -8px; font-size: 30px; }
  .article-nav ol > li ul { margin-top: 15px; margin-bottom: -5px; }
  .article-nav .to-nav { display: none; }

  .tips-top h1 { font-size: 30px; }
  .articles-tips .tags-list ul { margin: -1px -5px; }
  .articles-tips .tags-list li { padding: 1px 5px; }
  .articles-tips .tags-list { display: block; }
  .articles-tips .all { margin: 10px 0 0; padding: 0; }

  .articles-filter a { min-width: 150px; }
  .articles-content .articles-list .more-bg { min-height: 265px; }

  .search-services .services .services-list > ul > li { width: 100%; }
}
@media screen and (max-width: 480px) {
  .services-list > ul { min-width: 500%; }
  .services-bg { margin: 0 -15px 30px; }
  .services-bg .services-list { margin-top: 10px; }
  .services-bg .services-list > ul { padding: 0 5px; }
  .services-bg .services-list > ul > li { width: 100%; }
  .services-bg .title { font-size: 22px; }
  .breadcrumb-item + .breadcrumb-item { padding-left: 0.2rem; }
  .breadcrumb-item + .breadcrumb-item::before { padding-right: 0.2rem; }
  .widget-company { margin: 0 -15px; }
  .widget .widget-image { padding: 0; float: none; width: auto; }
  .widget .widget-buttons { display: none; width: 100%; float: none; }
  .widget .widget-content { border-bottom: 1px solid #e6e6e6; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); padding: 15px; }
  .widget .links { font-size: 17px; }
  .widget .links ul { display: block; }
  .widget .links li + li { margin-top: 16px; }
  .widget .buttons { display: block; }
  .company-card .information .views { text-align: left; margin-top: 8px; }
  .company-card .information .numbers { text-align: center; margin-top: 15px; }
  .company-card .information .numbers > div { margin: 0 10px; }
  .company-card .information .numbers > div:last-child { margin: 0 10px; }
  .company-card .information .checks ul { padding: 0; }
  .company-card .about .about-pluses { margin: 15px -15px 0; }
  .company-card .gallery .photo .photo-elements ul { min-width: 300%; }
  .company-card .review .review-image, .stock-card .review .review-image, .reviews-list .review .review-image { width: 100px; margin-right: -100px; }
  .company-card .review .review-author, .company-card .review .review-ext, .company-card .review .review-text,
  .stock-card .review .review-author, .stock-card .review .review-ext, .stock-card .review .review-text,
  .reviews-list .review .review-author, .reviews-list .review .review-ext, .reviews-list .review .review-text { padding: 0 0 0 110px; }
  .company-card .review .review-author, .stock-card .review .review-author, .reviews-list .review .review-author { margin-bottom: 14px; }
  .company-card .review .review-author .name, .stock-card .review .review-author .name, .reviews-list .review .review-author .name { float: none; width: 100%; padding-right: 0; }
  .company-card .review .review-author .date, .stock-card .review .review-author .date, .reviews-list .review .review-author .date { float: none; width: 100%; text-align: left; padding-left: 0; margin-top: 14px; }
  .company-card .review .review-ext .rating, .stock-card .review .review-ext .rating, .reviews-list .review .review-ext .rating { float: none; width: 100%; padding-right: 0; }
  .company-card .review .review-ext .frompage, .stock-card .review .review-ext .frompage, .reviews-list .review .review-ext .frompage { display: none; float: none; width: 100%; text-align: left; padding-left: 0; margin-top: 10px; }
  .company-card .review .frompage, .stock-card .review .frompage, .reviews-list .review .frompage { display: block; clear: both; padding: 18px 0; }
  .company-card .review .review-text, .stock-card .review .review-text, .reviews-list .review .review-text { padding: 20px 0 0 0; float: none; }
  .company-card .review .review-text:before, .stock-card .review .review-text:before, .reviews-list .review .review-text:before { left: 0; }
  .company-card .services .services-list > ul > li { width: 100%; }
  .company-list .checks ul { padding: 0; }
  .company-list .checks li { padding: 10px; }
  .videogallery ul { min-width: 200%; }
  .videogallery ul li { width: 50%; }
  .photogallery ul { min-width: 1000%; }
  .photogallery ul li { width: 10%; }
  .stock-card .review .review-image { margin-bottom: 20px; }
  .stock-card .review .review-text { clear: both; }
  .stock-card .services .title { font-size: 22px; margin-bottom: 15px; }
  .catalog-services .services-list > ul > li { width: 100%; }
  .subcategories h2 { font-size: 24px; }
  .subcategory { display: flex; flex-direction: column; }
  .subcategory .subcategory-image { width: 100%; }
  .subcategory .subcategory-descr { width: 100%; padding-left: 0; margin-top: 20px; text-align: center; }

  .newcompany-form form { max-width: 345px; }
  .newcompany-form .addresses { padding: 15px; }
  .newcompany-form .images li { width: 100%; display: block; }

  .schedule-days input[type="checkbox"] + label { font-size: 14px; width: 40px; height: 40px; line-height: 40px; }
  .schedule-time .time label { font-size: 10px; width: 40px; height: 40px; padding: 8px 2px 2px; }
  .schedule-time .time span { font-size: 14px; }
  .schedule-time .hours { width: 70.5%; }
  .schedule-time .hours input { height: 40px; }
  .schedule-time .form-control { padding: 0 10px; font-size: 14px; }
  .schedule-time .hours-open { padding-right: 26px; }
  .schedule-time .hours-close { padding-left: 26px; }
  .newcompany-form textarea { height: 250px; }

  .modal .btn { width: 100%; }

  .more { margin-top: 20px; display: block; }
  .more .more-image { width: 100%; }
  .more .more-descr { padding: 0; margin-top: 25px; }
  .more .btn { width: 100%; max-width: 310px; }
  .more-bg .more-image { width: 100%; height: 250px; position: relative; }
  .more-bg .bg { width: auto; left: -20px; top: -20px; right: -20px; }

  .article-top { padding: 30px 15px; height: 350px; }
  .article-top .content .container { padding: 30px 15px 25px; }
  .article-top .logo { margin-bottom: 20px; }
  .article-top .logo img { max-width: 200px; }
  .article-top .name { font-size: 35px; }
  .article-top .purpose { font-size: 24px; }
  .article-top .views { padding-top: 20px; margin: 25px auto 0; max-width: 200px; }

  .article-content .videogallery .link { width: 100%; padding-right: 0; float: none; }
  .article-content .videogallery .descr { width: 100%; padding-left: 0; float: none; margin-top: 15px; }

  .article-author { padding: 10px; }
  .article-author .author-photo { width: 100px; }
  .article-author .author-about { padding-left: 10px; }
  .article-author .heading { font-size: 18px; }
  .article-author .name { font-size: 18px; margin-bottom: 10px; }
  .article-author .tags { font-size: 17px; }

  .article-actions { margin-top: 20px; }
  .article-actions .new-rating, .article-actions .curr-rating { padding: 15px; text-align: left; }
  .article-actions .new-rating .info, .article-actions .curr-rating .info { display: block; margin-bottom: 10px; }
  .article-actions .info { font-size: 17px; margin-right: 10px; }
  .article-actions .share { text-align: left; padding: 20px 15px; }
  .article-actions .socseti { display: block; margin-top: 10px; }
  .article-actions .socseti a:first-child { margin: 0; }

  .articles .articles-list > ul { min-width: 500%; }
  .articles .articles-list > ul > li { width: 20%; min-width: 0; }

  .tips-top .content { padding: 25px 15px; }
  .tips-top .content-body { text-align: center; }
  .tips-top h1 { text-align: left; font-size: 26px; }
  .tips-top .content-footer { padding-top: 15px; }
  .tips-top .meta { margin: 0; }
  .tips-top .meta li { display: block; padding: 0; }
  .tips-top .author .author-name { padding-left: 10px; }
  .tips-top .author a { display: flex; align-items: center; }
  .articles-tips .sidebar .articles-list > ul { min-width: 400%; white-space: normal; }
  .articles-tips .sidebar .articles-list > ul > li { width: 25%; }
  .articles-tips .order-sidebar { padding: 0; }
  .articles-tips .article .article-footer { margin-top: 10px; padding-top: 10px; }
  .articles-tips .article .article-name { margin-top: 10px; }
  .articles-content .articles-list > ul { min-width: 0; }
  .articles-content .articles-list > ul > li { width: 100%; min-width: 0; }
  .articles-content .articles-list > ul > li.li-xl-3 { width: 100%; }
  .articles-filter ul { margin: 0; }
  .articles-filter li { display: block; padding: 0; }
  .articles-filter li + li { margin-top: 20px; }
  .articles-content.articles { margin: 30px 0 0; }
  .subjects { margin: 0 -15px; }
  .contacts .contacts-info .details { padding: 30px 15px; }
  .contacts .contacts-info .details b { padding-right: 10px; }
  .contacts .contacts-info .details > ul > li + li { margin-top: 20px; }
  .contacts .contacts-info .address b { float: left; }
  .contacts .contacts-info .address span { display: block; overflow: hidden; }
  .contacts .contacts-feedback { padding: 20px 15px; }
  .contacts .contacts-feedback .form-action { padding-top: 10px; }
  .contacts .contacts-feedback .form-group { margin-bottom: 10px; }
}
@media screen and (max-width: 374px) {
  .newcompany-form form { max-width: 330px; }
  .newcompany-form .addresses { padding: 10px; }

  .schedule-days input[type="checkbox"] + label { font-size: 12px; width: 38px; height: 38px; line-height: 38px; }
  .schedule-time .time label { width: 38px; height: 38px; padding: 7px 2px 2px; }
  .schedule-time .time span { font-size: 12px; }
  .schedule-time .hours { width: 70.5%; }
  .schedule-time .hours input { height: 38px; }
}
@media screen and (max-width: 359px) {
  .newcompany-form form { max-width: 290px; }
  .schedule-days input[type="checkbox"] + label { width: 32px; height: 32px; line-height: 32px; }
  .schedule-time .time label { width: 32px; height: 32px; font-size: 8px; padding: 6px 2px 2px; }
  .schedule-time .time span { font-size: 10px; }
  .schedule-time .hours { width: 70.5%; }
  .schedule-time .hours input { height: 32px; }
  .schedule-time .form-control { font-size: 12px; }
  .schedule-time .hours-open { padding-right: 24px; }
  .schedule-time .hours-close { padding-left: 24px; }
}

@media screen and (min-width: 1230px) { .openmenu { overflow: auto; } }
@media screen and (min-width: 992px) {
  .openfilter { overflow: inherit; }
  .filter-backdrop { display: none; }
}


.insidePage {   margin: 20px 0 20px 0; font-size: 14px;    }
.insidePage p { font-size: 14px; line-height: 1.4; padding: 5px 0 5px 0;}
.insidePage h1 { margin: 10px 0 20px 0; }
.insidePage h2, .insidePage h4, .insidePage h4, .insidePage h5, .insidePage h6 { margin: 10px 0 10px 0; }
.insidePage ul { list-style-type: disc; margin-left: 15px; line-height: 1.4; font-size: 14px;}
.insidePage ol { list-style-type: decimal; margin-left: 15px; line-height: 1.4; font-size: 14px;}
