* {margin:0;padding:0;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} *:before, *:after {box-sizing: border-box;} html {height: 100%;border-top: 4px solid #EE4A48; background: #FFFFFF;} body {font: 1em Verdana, Verdana, Geneva, sans-serif; color: #000000; height: 100%;} input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: inherit; text-decoration: none; } a:hover, a:focus { color: #EE4A48; } a:focus { outline: thin dotted; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: top; } button, input, textarea, select {cursor: pointer;} #sb-site { min-width: 250px; } #sb-site {min-height: 100%;position: relative;z-index: 1; width: 100%;} footer, nav, header, section, aside, article, hgroup, main {display: block;} .container, #attention {width: 80.7%;margin-left: auto;margin-right: auto;} .row {width: 92.3%;margin-left: auto;margin-right: auto;} #wrapper {min-height: 100% !important;background: #FFFFFF} header {padding-top: 1em;} header, #search-block .container:after, #search-block, .catalog-nav:after, .catalog-nav, #footer-nav .container {text-align: justify;} #logo-block {display: block;width: 230px;height: 72px;background: url(../images/logo.svg) top left no-repeat;background-size:150px;padding-top:30px;color: #314674;text-transform: lowercase;font-size: 0.9em} .col-hd-1, .col-hd-2 {padding-top: 10px;} .main-nav li, .phone-gr, header .container:after, .main-nav li a, #search-block .container:after, #calculate, .call-feedback, .slide-details-price, .docs, .catalog-nav:after, .catalog-nav li, .footer-row, #footer-nav .container:after, .art-list li, .pagination li {display: inline-block;vertical-align: top;} #search-block .container:after, .catalog-nav:after, #footer-nav .container:after { content: ""; height: 0; overflow: hidden; vertical-align: top; visibility: hidden; width: 100%; } .nav-flex { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center; margin-bottom: 1em; } .justifyfull, .justifyleft, .justifyright {word-break: break-word;} .header-title, .main-nav li {font-weight: bold;} .main-nav li {margin-right: 20px;} .main-nav li a {-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .main-nav li a:hover { border-bottom: 1px solid #EE4A48; } .main-nav li:last-child {margin-right: 0;} .main-nav li.active a {color: #EE4A48;border-bottom: 1px solid #EE4A48;} #rules-btn {display: inline-block;padding:6px 10px;margin-left: 20px;font-weight: 800; font-size: 1.1rem;border: 1px solid #213869;border-radius: 3px;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #rules-btn:hover {border: 1px solid #EE4A48;} .phone-number {font-size: 0.9em;} #search-block {background: #F9F9F9;padding: 1.5em 0 0 0;} #mse2_form {position: relative;} #search {padding: 0.1em 0.25em;width: 353px;height: 36px;border: 1px solid #213869;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px} #search-block .btn {background: url(../images/search.png) center center no-repeat;width: 45px;height: 36px;border: none;position: absolute;right: 0;top: 0} #calculate {font-weight: bold;font-size: 0.9em;text-transform: uppercase;padding-left: 34px;background: url(../images/calc-bg.png) left center no-repeat;} #calculate:hover {background: url(../images/calc-bg_h.png) left center no-repeat;} .call-feedback, #place-order {cursor: pointer;background: #EE4A48;color: #FFFFFF;padding: 0.6em 0.5em;font-weight: bold;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;-o-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.7); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.7);} .feedback-btn {margin-right: 20px;} #place-order {border: none;margin-top: 1em;} .catalog-list-index {max-width: 1090px;margin-left: auto;margin-right: auto} .ec-antispam {display: none;} .call-feedback:hover, #place-order:hover {background: #cc3333;box-shadow: none} .call-feedback:active, #place-order:active { -webkit-box-shadow: inset -3px -3px 5px -2px rgba(0,0,0,0.3); -moz-box-shadow: inset -3px -3px 5px -3px rgba(0,0,0,0.3); box-shadow: inset -3px -3px 5px -2px rgba(0,0,0,0.3); } .slide-details {position: absolute;top: 32%;left: 9.5%} .slide-details-title {font-size: 2.5em;font-weight: bold;color: #FFFFFF;text-transform: uppercase;margin-bottom: 0.5em} .slide-details-title span, .slide-details-price a, .docs a {display: block;} .slide-details-price, .docs {border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;font-weight: bold; color: #FFFFFF;padding: 0 1em;text-align: center;width: 200px;} .slide-details-price {background: #EE4A48;} .docs {background: #11191B;} .slide-details-price a {background: url(../images/ellips.png) left center no-repeat;padding: 0.7em 1.5em 0.7em 2.3em;} .slide-details-price a:hover, .docs a:hover, .slide-details-title a:hover {color: #FFFFFF;} .slide-details-price:hover {background: #cc3333;} .docs:hover {background: #020202;} .docs a {background: url(../images/gost-bg.png) left center no-repeat;padding: 0.7em 1.5em 0.7em 1.9em;} #help-block {background: #11191B;color: #FFFFFF;padding: 1.5em 0;font-weight: bold} #quick-order a, #help-block a {padding-left: 35px;padding-top: 0.2em;padding-bottom: 0.2em;} #quick-order a {background: url(../images/quick-order.png) left center no-repeat;} #quick-order a:hover {background: url(../images/quick-order_h.png) left center no-repeat;} #quick-help a {background: url(../images/help.png) left center no-repeat;} #quick-help a:hover {background: url(../images/help_h.png) left center no-repeat;} #quick-help {float: right;} #cat-list-block {padding: 1.5em 0;margin-bottom: 1.7em;} .col-hd-3 {width: 158px;} .title-block, .pagetitle {text-transform: uppercase;font-weight: bold;text-align: center;padding-bottom: 1em;} .title-block a, .pagetitle span, .title-block span {display: inline-block;padding-bottom: 0.25em;border-bottom: 2px solid #EF5250;} .catalog-nav li {font-size: 0.9em;width: 25%;padding: 1em 0;margin-left: 1em;text-align: left} .catalog-nav li a {border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;box-shadow: 0 0 5px #BFBFBF;-webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; -o-box-shadow: 0 0 5px #000000; -ms-box-shadow: 0 0 5px #000000;display: block;background: #FFFFFF;color: #292929;text-transform: uppercase;font-weight: bold} #cat-item-1 a {padding: 0.7em 0.7em 0.7em 6em;background: #FFFFFF url(../images/icon-1.png) 7% center no-repeat;} #cat-item-2 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-2.png) 7% center no-repeat;} #cat-item-3 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-3.png) 7% center no-repeat;} #cat-item-4 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-7.png) 7% center no-repeat;} #cat-item-5 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-4.png) 7% center no-repeat;} #cat-item-6 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-6.png) 7% center no-repeat;} #cat-item-7 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-5.png) 7% center no-repeat;} #cat-item-8 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-9.png) 7% center no-repeat;} #cat-item-9 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-8.png) 7% center no-repeat;} #cat-item-10 a {padding: 0.7em 0.7em 0.7em 6em;background: #FFFFFF url(../images/icon-10.png) 7% center no-repeat;} #cat-item-11 a {padding: 1.3em 0.7em 1.3em 6em;background: #FFFFFF url(../images/icon-11.png) 7% center no-repeat;} #cat-item-12 a {padding: 0.7em 0.7em 0.7em 6em;background: #FFFFFF url(../images/icon-12.png) 7% center no-repeat;} #cat-item-1 a:hover {background: #0288D1 url(../images/icon-1h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-2 a:hover {background: #0288D1 url(../images/icon-2h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-3 a:hover {background: #0288D1 url(../images/icon-3h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-4 a:hover {background: #0288D1 url(../images/icon-7h3.png) 7% center no-repeat;color: #FFFFFF} #cat-item-5 a:hover {background: #0288D1 url(../images/icon-4h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-6 a:hover {background: #0288D1 url(../images/icon-6h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-7 a:hover {background: #0288D1 url(../images/icon-5h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-8 a:hover {background: #0288D1 url(../images/icon-9h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-9 a:hover {background: #0288D1 url(../images/icon-8h2.png) 7% center no-repeat;color: #FFFFFF} #cat-item-10 a:hover {background: #0288D1 url(../images/icon-10h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-11 a:hover {background: #0288D1 url(../images/icon-11h.png) 7% center no-repeat;color: #FFFFFF} #cat-item-12 a:hover {background: #0288D1 url(../images/icon-12h.png) 7% center no-repeat;color: #FFFFFF} .product-img {display: block;margin: 0 auto 0.5em auto;max-width: 100%;} #slider1 span {display: block;text-align: center;} #slider1 .slider-rm-ul div {width: 150px !important;margin-right: 30px;} .thumbnail-details {width: 70%;background: #0288D1;color: #FFFFFF;padding: 0.25em 1em;margin: 1em auto 0 auto;} .thumbnail-details:hover {background: #016296} .slider-rm-bar {display: none !important;} #carusel-block {padding-bottom: 3.5em;} #company-block {background: #F9F9F9;padding: 3em 0 3em 0;font-size: 0.8em;} #company-block .row {padding-right: 50%;background: url(../images/img-about.jpg) right center no-repeat;background-size: 40% 100%;-webkit-background-size: 50% 100%;-moz-background-size: 50% 100%;-o-background-size: 50% 100%;-ms-background-size: 50% 100%;} .line-1 {font-size: 1.4em;font-weight: bold;padding-bottom:0.75em;} .co-bl-1 {background: #E8E8E8;margin-bottom: 0.5em;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;} #col-sp-1, #col-sp-2, #col-sp-3, #col-sp-4 {font-weight: bold;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;display: inline-block;padding: 0.25em;background: #F23005; color: #FFFFFF} #col-sp-1 {width: 100%} #col-sp-2 {width: 97%} #col-sp-3 {width: 60%} #col-sp-4 {width: 40%} .fl-r {float: right;} #adv-block {padding-top: 3em;} .adv-list {padding: 1.5em 0; list-style-type: none; display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center} .adv-list li {width: 17%;text-align: left;color: #FFFFFF; font-size: 0.8em;padding: 10px 10px 10px 70px;height: 68px;} #adv-item-1 {background: #0288D1 url(../images/opt-1.png) 7% center no-repeat;padding-top: 17px} #adv-item-2 {background: #0288D1 url(../images/opt-2.png) 7% center no-repeat;} #adv-item-3 {background: #0288D1 url(../images/opt-3.png) 7% center no-repeat;padding-top: 17px} #adv-item-4 {background: #0288D1 url(../images/opt-4.png) 7% center no-repeat;padding-top: 17px} #adv-item-5 {background-color: #0288D1; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCMDFBNkMyQUQ4MzExRTY4NTQyQjZENjhBODc5Njk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCMDFBNkMzQUQ4MzExRTY4NTQyQjZENjhBODc5Njk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0IwMUE2QzBBRDgzMTFFNjg1NDJCNkQ2OEE4Nzk2OTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0IwMUE2QzFBRDgzMTFFNjg1NDJCNkQ2OEE4Nzk2OTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4CtmgEAAABuUlEQVR42szVzSuEQRwH8Ge1drEUTsQJCaUkodiblnJwUBy4ceWilKubmz9AOayL9u7mNXLYXFaIgyivF0u21r4+vrO+W/PM7jN2JfnVp5nn2Wd+zzTze2YN0zQNiQ82zK+IQhxiecT5u4gdJUeGemMN0mbx0a4mdhrWKAEH+3OwBXVGboShEzalcZZwGvaxC9eULx40Y3Pf9FuhS+z+Zqz7p4lPANtrnMET+29wyv6z9GwlLOvWOPsikcgPNTAFl7zuBi/7dzAGHeCCQUsmpUz8LJ8D6V4I5tn3wpX02zqf96r1rM44wVbM6hjSLKslGIUWaIIgRKG30DXOvugcpukWAjAJq/AIszAB+3aJ7eo4zgQpSEIEXvlhpLhxYh8+Ck2cZNsFe9z9ZpiBPi5DI79IsRQ9tjX1V5uXYtvKdRSb1wA+uIdhqOc5Ei5mxguckRzieExoTrYXqIYROZcjc3ZaQ5xm/Sz4WohBFYRYBW0wBO9wCEesHO2MZUHOKMJ2hfcHeB2GMrvxurOinK2HrUupfY90dv+PY1Mt/lK2FWxj/JAKqgrZONcy+wd6A9twwfuLmrHGpwADAOKTVWOodY4UAAAAAElFTkSuQmCC"); background-position: 7% center; background-repeat: no-repeat;} #news-block aside {float: left;width: 29.9%;background: #F7F7F7;padding: 0 0 1em 1em;} .tabs-content {margin-left: 34%;background: #F7F7F7;padding: 0 0 1em 1em;} .title-tabs {background: #FFFFFF;} .title-tabs span {font-size: 0.9em; display: inline-block;padding: 1em 1em 1.5em 0} .title-tabs-2 {background: #F7F7F7;} .title-tabs-1 {padding: 1em 0.25em 1.5em 1.5em !important;color: #A2A2A2;} .news-anons, .tabs-desc {padding-right: 1em;font-size: 0.75em;margin-top: 2.2em;} .date-publish {color: #EF7054;padding-bottom: 1.5em;} .tabs-desc {position: relative;padding-bottom: 40px;} #details-tabs a {height: 24px;color: #BFBFBF;position: absolute;bottom: -1.2em;right: 0;padding: 7px 40px 2px 10px;background: url(../images/arrow-tabs.png) right center no-repeat; } .tabs-desc p {padding-bottom: 1.5em;} footer {padding-top: 2em;font-size:0.8em;color: #FFFFFF;clear: both;margin-top: 2em;border-top: 3px solid #EE4A48;background: url(../images/footer-bg.jpg) center center no-repeat;background-size: 100% 100%;-moz-background-size: 100% 100%;-ms-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%; } #footer-nav {line-height: 1.9em;padding-bottom: 2em;border-bottom: 1px solid #343434;margin-bottom: 2em;} #footer-nav-main, #footer-nav-cat {list-style: none;} .footer-title {font-weight: bold;color: #AEAEAE;} #attention {color: #EE4A48;padding: 1em 1em 1em 6em;background: url(../images/attention.png) left center no-repeat;} #copyright {color: #6D6D6D;background: #000000;padding: 1.5em 0;} #label-extr {float: right;} .breadcrumbs li {display: inline-block;vertial-align: bottom;padding: 0 0.5em} .breadcrumbs {text-align: center;font-size: 0.8em;margin: 1em 0} #content-inner {padding: 1em 0 2em 0} #content-inner a {color: #EE4A48} #content-inner a:hover {text-decoration: underline;} #content-inner p, #content-inner ol, #content-inner ul {padding-bottom: 0.5em;} #product-block {max-width: 800px;;margin: auto;font-size: 0.9em} #product-block table, #product-block table td, #content-inner table, #content-inner table td {border: 1px solid #C0C0C0;vertical-align: middle;} #product-block table td, #content-inner table td {padding: 10px;} .news-image {max-width: 100%} #gallery-product {float: left;width: 350px;text-align: center} .gal-row {display: inline-block;vertical-align: top;margin: 1em 1em 0 0;border: 1px solid #EF5250} #product-desc {float: right;width: 430px;margin-top: 150px;} .sisea-results-list { margin: 1em 0; } .sisea-results-list h3 { font-weight: bold; } .extract { font-size: 0.8em; } .sisea-result { padding-bottom: 1em; } .sisea-paging { margin-top: 1em; font-size: 0.8em } .standart-docs a {color: #000000 !important; background: url(../images/pdf-b.png) left center no-repeat;padding-left: 65px;display: block;padding-top: 30px;padding-bottom: 25px} .standart-docs a:hover {color: #0288D1 !important} .standart-docs {display:inline-block;vertical-align: middle;width: 45%;margin: 0.5em 1em 1em 0} .art-list li { font-size: 0.8em; text-align: left; width: calc(33% - 40px); } .art-list li { margin: 0 15px 30px 15px; } #win, #win1, #win2 { display:none; } #win, #win1, #win2 { background: url("../images/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); } #win, #win1, #win2 { height: 100%; position: fixed; width: 100%; } #parent_popup { background-color: rgba(0, 0, 0, 0.8); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 99999; } #popup_th { background: none repeat scroll 0 0 #fff; border: 2px solid #EE4A48; box-shadow: 0 0 20px #000; margin: 10% auto; padding: 20px; position: relative; width: 40%; color: #000000; } #cboxOverlay { background: rgba(0, 0, 0, 0) url("../images/overlay.png") repeat scroll 0 0; } #cboxOverlay { height: 100%; position: fixed; width: 100%; left: 0; overflow: hidden; top: 0; z-index: 9999; } #colorbox, #cboxWrapper { left: 0; overflow: hidden; position: absolute; top: 0; z-index: 9999; } #call_form, #count-form {text-align: center;padding: 0.5em 0;font-size: 0.8em; } #call_form label, #count-form label {cursor: pointer} .name-f, .send, .tel, .phone {height: 32px;margin-top: 30px;line-height: 32px;} .name-f, .tel, .mobile, .phone, textarea {border: 1px solid #00525A;padding: 0.25em} .send, #send_c {border: 1px solid #EE4A48;text-transform: uppercase;line-height: 32px;background: #EE4A48;color: #FFFFFF;width: 100%;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;-o--webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.7); box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.7);} .send:hover, #send_c:hover {background: #cc3333;box-shadow: none;} .send:active, #send_c:active { -webkit-box-shadow: inset -3px -3px 5px -2px rgba(0,0,0,0.3); -moz-box-shadow: inset -3px -3px 5px -3px rgba(0,0,0,0.3); box-shadow: inset -3px -3px 5px -2px rgba(0,0,0,0.3); } .name-f, textarea {width: 100%} .phone {width: 100%;height: 32px;line-height: 32px;} textarea {resize: none;height: 100px;margin-top: 30px;} label[for="contact_attachment"] {float: left;font-size: 0.8rem;padding-top:15px;} input[type="file"] {float: right;width: 250px;font-size: 0.8rem;padding-top:10px;} .captcha {width: 49%;height: 60px} #text {height: 80px;resize: none;} .pagination {padding: 1em 0;text-align: center} .pagination li a, .pagination li span {display: block;color: #FFFFFF !important;padding: 0.25em 0.5em;background: #0288D1;margin-right: 0.5em;} .pagination li.active a {background: #016296} .sb-toggle-left { top: -9999px; } .sb-slidebar { background: #ee4a48; display: none; height: 100%; overflow-y: auto; position: fixed; top: 0; z-index: 0; } #slider1 {border: 2px solid #0288D1;padding: 30px 0} .slider-rm-ul {font-size: 0.8em;} .art-list li img {max-width: 100%} #mobNav { padding-top: 0; position: relative; } #mobNav li { color: #000; } .logo_mobile { display:none; } #mobNav li a { background: url(../images/line_1.png) top repeat-x; display: block; padding: 0.5em 1em; } #mobNav li a:hover {color: #000000} #mobNav li { cursor: pointer; } #mobNav li ul { padding: 0.25em 0; } #mobNav li.last { border-bottom: medium none; } #mobNav li ul li { border-bottom: medium none; } #mobNav li { list-style: outside none none; } #mobNav li > a { display: block; position: relative; border-bottom: 1px solid #a1a1a1; } #mobNav > li:hover > a, #mobNav > li:target > a, #mobNav > li > a.active { color: #000000; } #mobNav li > .acc { display: none; } #mobNav li:target > .acc { display: block; } #mobNav li ul li a { border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 0.8em; margin: 0; padding: 0.5em 1em; padding-left: 35px; } #mobNav li ul li.current a { font-weight: bold;color: #000000; } #mobNav a:focus {outline:none !important;} #mobNav > li > a.active, #mobNav li.active > a {background: #c9c9c9;} html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; } .fa-style { display:none; } .sb-slidebar.sb-active { display: block; } .sb-style-overlay { z-index: 9999; } .sb-momentum-scrolling { } .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { transition: transform 400ms ease 0s; } .sb-hide { display: none; } .navicon-line { background-color: #fff; border-radius: 1px; height: 3px; margin-bottom: 7px; width: 59px; } .calculator_booking {width: 710px;margin: auto} .checkout_form{ display: none; } .calculator_form{ display: none; } .calculator_div .calc{ display: none; } .calculator_booking .images_block .image{ float: left; margin: 30px 47px 10px 47px; border: 1px solid #fff; cursor: pointer; } .calculator_booking .images_block .image p{ text-align: center; margin-top: 14px; } .calculator_booking .images_block .six p{ margin-top: 38px; } .calculator_booking .images_block .image img{ width: 130px; } .calculator_booking .images_block .image .one{ margin: 10px 0px 9px 0px; } .calculator_booking .images_block .image .seven{ margin: 23px 0px 0px 0px; } .calculator_booking .images_block .image .two{ margin: 11px 0px 8px 0px; } .calculator_booking .images_block .six{ width: 300px; } .calculator_booking .images_block .six{ width: 572px; margin: 10px 3px 10px 68px; } .calculator_booking .images_block .six img{ width: 572px; margin: 0px 0px -43px 0px; } .images_block .active{ border: 1px solid #1B8BDB !important; box-shadow: 0 0 10px rgba(0,0,0,0.5); } .calculator_div .block{ width: 370px; } .calculator_div .block .left{ float: left; width: 150px; } .calculator_div .block .right{ float: right; } #s-error-save-order{ color: red; } .calculator_form{ width: 369px; } .calculator_form .left{ float: left; } .calculator_form .right{ float: right; } .calc-select-form-div{ width: 369px; } .calc-select-form-div .left{ float: left; } .calc-select-form-div .right{ float: right; } .calc_order_main{ font-size: 16px; margin: 0px 0px 0px 150px; } .calc_order_main h3{ font-size: 24px !important; line-height: 43px; } .calc_order_main select{ font-size: 15px; width: 213px; } .calc_order_main input{ font-size: 14px; width: 208px; } .calc_order_main .checkout_form .button{ width: 212px; } .clear{ clear: both; } .fa-phone-custome {border:none;position:fixed;bottom:50px;right:30px;width:60px;height:60px;} .quick-alo-ph-circle{display:none;position:absolute;width:160px;height:160px;top:50px;left:50px;border:2px solid #00a1ff;background-color:transparent;border-radius:100%;opacity:.1;} .quick-alo-ph-circle-fill{display:none;position:absolute;width:100px;height:100px;top:80px;left:80px;background-color:rgba(0,161,255,.5);border-radius:100%;border:2px solid transparent;opacity:.1;} .quick-alo-ph-img-circle{z-index:2;width:60px;height:60px;top:100px;left:100px;background:#0288d1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABrklEQVRYR82XjTEEQRCFX0dABlwEiAARkAEyIAJEoERACETARUAIJwIyeOqptfbm5qeP3lpTdVVXVzPd3/R0v+4zTLxsYv/4XwAkrwDsV6JyZmaLyKj1ESB5AOCpYfzazAQZttYFuDWz8zDvwE8OkNwF8NIwvjCz2SgAMkqSDuOzyDxYqgKSrwB2GhBKxHsHqGtLCiDDJ42Tj2Z27LLu2JQCnAK4a5x7M7Nth23XlhRgE8B74+SemempQtaKEpKsPUPo++sGOYCSIIU7zwJ05ficSLLkV6H/CIn7wEi2GRVkOVwFixEoREE/hz9DsR2TVKkp2zeSsI9bBUNnJNV4bhIA5cFhVCk2B5JCWVYhSEopjwAob6qa4QGQOKkqcj1iJSdIpmoqWEHIhr7Ph1BNgC4haxAPAC7UITPOc1UrCOXR12TlAnBAyKhAdHvPUg4pIn6AAYQc1ebG8QC+LXfD66XHU2HP7yKQlKhGODWu1gCTY/g7wCAaendNyltrRCQOIAERjCc/ejV1V4H3dp2ES4jU1vVJpXxpogoHSEE7oOEIp9G+/3c1OkArcpMDfAIqL6EhVS6JOAAAAABJRU5ErkJggg==) no-repeat center center;border-radius:100%;border:2px solid transparent;opacity:.99;} .quick-alo-ph-img-circle:hover{animation:quick-alo-circle-img-anim 1s infinite ease-in-out;transform-origin:50% 50%} .phonetext {border-radius:15px;z-index:1;position:absolute;width:200px;top:100px;left:-80px;background:#00a1ff;color:#fff;padding:10px 20px;margin-top:13px;text-align:center;visibility:hidden;opacity:0;transition: visibility 0s, opacity 1.5s linear;} .phone:hover .phonetext{display:block;visibility:visible;opacity:1;} @keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1;}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5;}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.6;}} @keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}} @keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)} 10%{transform:rotate(-25deg) scale(1) skew(1deg)} 20%{transform:rotate(25deg) scale(1) skew(1deg)} 30%{transform:rotate(-25deg) scale(1) skew(1deg)} 40%{transform:rotate(25deg) scale(1) skew(1deg)} 50%{transform:rotate(0) scale(1) skew(1deg)} 100%{transform:rotate(0) scale(1) skew(1deg)}} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}100%{opacity:1;transform:none}} .checkout_form {margin-top: 2em} #map {width: 100%} .product-category:hover {box-shadow:0 0 15px rgba(0,0,0,0.6)} .product-category a:hover {text-decoration: none !important ;} .product-category { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;display:inline-block;vertical-align: top;width: 250px;margin:0 0.5em 1em 0.5em} .product-category .thumbnail-text {color: #000000;font-size: 0.9em;padding: 0.25em;margin-bottom: 1em;text-align: left;display: block} .pay-cards-img {margin: 20px auto; max-width: 500px;width: 100%} .popup_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9; display: none; } .contact_form, .order_form { display: none; position: fixed; top: 50%; left: 50%; width: 500px; margin-left: -250px; z-index: 10; background: #FFFFFF; padding: 30px; box-sizing: border-box; border-radius: 4px; border: 2px solid #EE4A48; box-shadow: 0 0 20px #000; } .contact_form { height: 280px; margin-top: -140px; } .order_form { height: auto; margin-top: -253px; font-size: 0.8rem; } .contact_form input, .contact_form textarea {border: 1px solid #00525A;} .contact_form ::-webkit-input-placeholder, .order_form ::-webkit-input-placeholder {color:#CCCCCC;} .contact_form ::-moz-placeholder, .order_form ::-moz-input-placeholder {color:#CCCCCC;} .contact_form :-moz-placeholder , .order_form ::-moz-input-placeholder {color:#CCCCCC;} .contact_form :-ms-input-placeholder, .order_form :-ms-input-placeholder {color:#CCCCCC;} .close_top { position: absolute; top: 6px; right: 6px; font-size: 22px; line-height: 9px; height: 13px; cursor: pointer; color: black; font-family: cursive; } .blur-wrap.blur { -webkit-filter: blur(10px); -moz-filter: blur(10px); filter:blur(10px); } .error_name, .error_phone, .error_text, .error_email {position: absolute;} #header-fixed {opacity: 0;position: fixed;top: -500px;;left:0;width: 100%;padding: 10px 0;background: #F9F9F9;border-top: 4px solid #EE4A48; -webkit-transition: top 1.5s ease-in-out; transition: top 1.5s ease-in-out; } #header-fixed.fixed {opacity: 1;top:0;} .header-fixed-flex, .header-fixed-flex .main-nav { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center } .vl-logo, .mt-logo, .fx-logo { font-size: 0.9rem; margin-bottom: 7px; } .vl-logo a, .mt-logo a, .fx-logo a {position: relative} .vl-logo a:before, .mt-logo a:before, .fx-logo a:before {position: absolute;content:"";top: 50%; left: -25px; margin-top: -8px;width: 16px;height: 16px;} .vl-logo a:before {background: url(../images/velcom.png) center center no-repeat;} .mt-logo a:before {background: url(../images/mtc.png) center center no-repeat;} .fx-logo a:before {background: url(../images/fax.png) center center no-repeat;} .text-content table {width:100% !important;} @media only screen and (max-width: 1308px) { .adv-list li {padding-left: 60px;padding-right: 7px} } @media only screen and (max-width: 1340px) { .catalog-list-index .product-category {width: 22%} } @media only screen and (max-width: 1281px) { .container, #attention { width: 90%; } } @media only screen and (max-width: 1265px) { .catalog-nav li {font-size: 0.8em;} } @media only screen and (max-width: 1253px) { .adv-list li {width: 19%} } @media only screen and (max-width: 1161px) { .container, #attention { width: 95%; } } @media only screen and (max-width: 1150px) { #company-block .row { background: rgba(0, 0, 0, 0) url("../images/img-about.jpg") no-repeat scroll right center / 50% 100%;} } @media only screen and (max-width: 1110px) { #header-fixed .feedback-btn {margin-right: 10px} .main-nav li {margin-right: 10px;} } @media only screen and (max-width: 1090px) { .adv-list li { font-size: 0.7rem; } } @media only screen and (max-width: 1091px) { .slide-details-title {font-size: 1.5em;} .slide-details-price, .docs {font-size: 0.8em;} .slide-details-price a, .docs a {background: none;} } @media only screen and (max-width: 1088px) { #header-btn-container {display: block; text-align: center;margin-top: 20px;} #mse2_search_container {float: right} } @media only screen and (max-width: 1056px) { .main-nav {font-size: 0.8rem;} #popup_th, #popup, #popup1, #popup2 {width: 50%} } @media only screen and (max-width: 1028px) { .text-content img {width:100% !important;height:auto !important;} .col-hd-2 { clear: both; display: block; text-align: center; padding-top: 1em; } .tablewrap {width:100%;overflow-y:auto;} header .container {position: relative;} } @media only screen and (max-width: 1006px) { #header-fixed .feedback-btn {margin-right: 0} } @media only screen and (max-width: 997px) { #product-block table td, #content-inner table td {padding:5px;} .adv-list {display: block} .adv-list li {display: block;width: 350px;margin: 0 auto 30px auto;font-size: 0.8rem; padding-left: 0;} #adv-item-5, #adv-item-4, #adv-item-3, #adv-item-2, #adv-item-1 { background-position: 20% center; } #header-fixed.fixed {display:none;} #gallery-product {margin-bottom: 1em;float: none;width: 100%;text-align: center} .gal-row {display: inline-block;vertical-align: top;margin: 1em 1em 0 0;border: 1px solid #EF5250} #product-desc {float: none;width: 100%;margin-top: 20px;} #mainImage {max-width: 100% !important} .catalog-list-index .product-category {width: 30%} } @media only screen and (max-width: 976px) { .catalog-nav li {width: 45%} } @media only screen and (max-width: 953px) { .adv-list li { width: 40%; margin-bottom: 1em; padding-left: 100px; } #company-block .row { background: none;padding-right: 0;} #news-block aside { float: none;width: 100%;margin-bottom: 2em} .tabs-content { margin-left: 0; } } @media only screen and (max-width: 891px) { #mse2_search_container {display: block;clear: both;margin: 0 auto;width: 40%;} #search {width: 100%;} #search-block .container {position: relative;} } @media only screen and (max-width: 819px) { .footer-row {width: 40%;margin-bottom: 2em;text-align: left;} } @media only screen and (max-width: 746px) { .catalog-list-index .product-category {width: 45%} } @media only screen and (max-width: 770px) { .calculator_booking .images_block { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} #s_image_6 {width:100%;padding:10px;} .calculator_booking .images_block .image {width: calc(30% - 20px);margin: 0 10px 20px 10px;padding: 10px;} .calculator_booking .images_block .clear {display:none;} .calculator_booking .images_block img, .calculator_booking .images_block .six img,.calculator_booking .images_block .image img {width:100%;} .calc_order_main {width:100%;margin: 20px 0;} .calculator_booking {width:100%;} } @media only screen and (max-width: 669px) { .adv-list li { width: 47%; margin-bottom: 1em; padding-left: 100px; } footer {background-size: cover;-o-background-size: cover;-ms-background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;} } @media only screen and (max-width: 644px) { .art-list li {width:calc(50% - 40px);} .phone-gr {display: block; margin: 0 auto 20px auto;text-align: center;} #calculate, #logo-block {text-align: left} #mse2_search_container {float: none;width: 360px;} #rules-btn {margin-left: 70px} .standart-docs {width:100%;margin-bottom:0;} .standart-docs a {padding-bottom:0;} } @media only screen and (max-width: 567px) { .adv-list li { width: 70%;margin: 0 auto 1em auto;padding: 1em;text-align: center; } .adv-list {text-align: center;} .catalog-nav {text-align: center;} .catalog-nav li {width: 80%;} #popup_th, #popup, #popup1, #popup2 {width: 70%} } @media only screen and (max-width: 526px) { #label-extr { float: none; } #copyright {text-align: center;} } @media only screen and (max-width: 520px) { #quick-help {float: none;margin-bottom: 2em} #help-block {text-align: center;} #attention {font-size: 0.8em;} .contact_form, .order_form {width: 100%;top: 20px;left:0;right:0;margin:auto;margin-top:0;margin-left:0;} } @media only screen and (max-width: 482px) { .phone-gr {display: block;margin: 1em auto 0 auto;text-align: center;width: 200px;} #logo-block {text-align: left !important} .call-feedback, .col-hd-3 {position: static;} .col-hd-2 {display: none;} #search-block {margin-top: 0em;} .slide-details-title {font-size: 1.2em;} #popup_th, #popup, #popup1, #popup2 {width: 90%} } @media only screen and (max-width: 466px) { .catalog-list-index .product-category {width: calc(50% - 20px);margin: 0 0 10px 10px;} .catalog-list-index .product-category > .bold.center {font-size:14px;font-weight:normal;} .calc-select-form-div .left,.calc-select-form-div .right,.calculator_form .left, .calculator_form .right {float:none;width:100%;} .calc-select-form-div, .calculator_div .block {width:100%;margin-bottom:10px;} .calculator_form {width:100%;} .calculator_div .block .left {width:100%;margin-bottom:10px;} .calculator_booking .images_block .image {width:calc(50% - 20px);} } @media only screen and (max-width: 415px) { .art-list li {width:100%;margin-right:0;margin-left: 0;} .adv-list li { width: 100%; } } @media only screen and (max-width: 833px) { #cat-list-block {padding:0;} } @media only screen and (min-width: 971px) {#offcanvas-1 {display:none;}} @media only screen and (max-width: 970px) { .catalog-button {background: #EF5250;width:100%;display:block;padding-bottom:0;position: absolute;top: -20px;left: 0;} .catalog-button a {border:none;display:block;padding: 10px;color:#fff;} .catalog-button + #content-inner {padding-top:48px;} #search-block {position: fixed;left: 0;right: 0;top: 43px; background:#fff;height: auto;z-index:99; padding: 0 20px;border-bottom: 2px solid #c9c9c9;border-top: 2px solid #c9c9c9;} .tm-offcanvas-close { display: block; z-index: 99; height: 48px; width: 48px; position: absolute; top: 0; right: 0; cursor: pointer; } .tm-offcanvas-close:before { position: absolute; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; margin: auto; content: ""; background: #fff; width: 20px; height: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .tm-offcanvas-close:after { position: absolute; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; margin: auto; content: ""; background: #fff; width: 20px; height: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .offcanvas-menu-title:not(:first-child) { border-top: 1px solid #fff; z-index: 999; } .product-category {width:30%;} .offcanvas-menu-title { font-size: 20px; border-bottom: 1px solid #fff; padding: 11px 20px 10px; margin-bottom: 0; color: #fff; background: #EE8685; } /* ======================================================================== Component: Off-canvas ========================================================================== */ /* * This is the offcanvas overlay and bar container * 1. Hide by default * 2. Set fixed position * 3. Deactivate browser touch actions in IE11 * 4. Mask the background page */ .uk-offcanvas { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; /* 3 */ -ms-touch-action: none; touch-action: none; /* 4 */ background: rgba(0, 0, 0, 0.1); } .uk-offcanvas.uk-active { display: block; } /* Sub-object `uk-offcanvas-page` ========================================================================== */ /* * Prepares the whole HTML page to slide-out * 1. Fix the main page and disallow scrolling * 2. Side-out transition * 3. Needed for the transition to work instead of just letting it pop to the side */ .uk-offcanvas-page { /* 1 */ position: fixed; /* 2 */ -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; -moz-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; /* 3 */ margin-left: 0; } /* Sub-object `uk-offcanvas-bar` ========================================================================== */ /* * This is the offcanvas bar * 1. Set fixed position * 2. Size and style * 3. Allow scrolling * 4. Side-out transition * 5. Deactivate scroll chaining in IE11 */ .uk-offcanvas-bar { /* 1 */ position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; /* 2 */ width: -moz-calc(100% - 50px); width: calc(100% - 50px); max-width: 500px; background: #fff; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; /* 5 */ -ms-scroll-chaining: none; } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } /* Modifier `uk-offcanvas-bar-flip` ========================================================================== */ .uk-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /* Offcanvase modes ========================================================================== */ .uk-offcanvas-bar[mode='none'] { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } .uk-offcanvas-bar[mode='reveal'] { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); clip: rect(0, 0, 100vh, 0); -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out; -webkit-transition: clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: clip 0.3s ease-in-out, -o-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out; transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; } .uk-offcanvas-bar-flip[mode='reveal'] { clip: none; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .uk-offcanvas-bar-flip[mode='reveal'] > * { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; } .uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?6vaj0j"); src: url("../fonts/icomoon.eot?6vaj0j#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?6vaj0j") format("truetype"), url("../fonts/icomoon.woff?6vaj0j") format("woff"), url("../fonts/icomoon.svg?6vaj0j#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-angle-up:before { content: "\e904"; } .icon-insta:before { content: "\e901"; } .icon-phone-i:before { content: "\e902"; } .icon-vk-i:before { content: "\e903"; } .icon-search:before { content: "\e900"; } /* ======================================================================== Component: Animation ========================================================================== */ [class*='uk-animation-'] { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } /* Hide animated element if scrollspy is used */ .uk-animation-slide-top { -webkit-animation-name: uk-fade-top; -moz-animation-name: uk-fade-top; animation-name: uk-fade-top; } @-webkit-keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes uk-fade-top { 0% { opacity: 0; -moz-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; } .logo_mobile img {width: 100%;} .logo_mobile { display:block; width: 150px; position: absolute; top: 8px; left: 55px; } .col-hd-1 {display:none;} .all-fa-style { float:right; display:flex; top: 0; right: 0; position:absolute; } header { background:white; position: fixed; top:0; left:0; width: 100%; height: 40px; z-index:11;border-top: 4px solid #EE4A48; height: 44px;box-shadow: 0 0 20px rgba(0,0,0,0.3); } section.main {margin-top: 60px;} .fa-style { border:none; display:block; top:0; margin:0; float:right;padding-right:40px; font-size: 20px; padding: 0 20px; } .fa-style .fa-times, .fa-style.active .fa-search, .fa-style.active .fa-phone {display:none;} .fa-style.active .fa-times {display:block;font-size: 25px;line-height: 28px;} .fa-style.phone.active .fa-times {line-height:35px;} .fa-style.search { width:50px;margin-right:15px; padding-top: 5px; } .fa-style.phone { padding-top: 2px; padding-right: 0; } header > .container { top:20px; padding-top: 40px; } header > .container.active { width:100%; padding: 0 20px; border-top: 2px solid rgba(0,0,0,0.2); border-bottom: 2px solid rgba(0,0,0,0.2); position:absolute;top:40px; } #search-block {padding-top:20px;} .phone-number br {display:none;} .col-hd-2 {display:none;} .col-hd-3 {width: 100%;margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 100px;} .vl-logo, .mt-logo, .fx-logo {display: inline-block; width: 30%;padding-top: 10px;margin-right:17px;} header > .container, #search-block { background:white; display:none; } .container, #attention { width: 85%; } nav { display: none; } .sb-toggle-left { cursor: pointer; height: 100%; } .sb-toggle-left { left: 15px; position: absolute; top: 10px; z-index: 100; } .navbar-line { height: 3px; background: #464646; width: 100%; margin-bottom: 5px; } .sb-toggle-left { height: 20px; width: 25px; } .sb-left { left: 0; } .sb-slidebar { width: 50%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } } @media only screen and (max-width: 732px) { .vl-logo, .mt-logo, .fx-logo { width: 45%;} } @media only screen and (max-width: 720px) { .product-category {width:calc(30% - 20px);} .container, #attention {width:100%;} .container {padding: 0 20px !important;} #attention {background: url(../images/attention.png) 20px center no-repeat;} #footer-nav-main, #footer-nav-cat {display:none;} #footer-nav {padding-bottom:0;} .col-hd-3 {padding-left:0;} .footer-row:nth-child(4) {margin-bottom:0;} .text-content img {padding-bottom: 20px;} } @media only screen and (max-width: 550px) { .product-category {width:calc(50% - 20px);} .vl-logo, .mt-logo, .fx-logo { width: 100%;} } @media only screen and (max-width: 416px) { .footer-row:nth-child(3) {width: 100%} .footer-row:nth-child(4) {width: 100%} #copyright {font-size: 0.8em;} #attention {display: none;} #footer-nav { margin-bottom: 0; } } @media only screen and (max-width: 488px) { #mse2_search_container {float: none;width: 100%;} #calculate {float: left;margin-bottom: 20px;} #rules-btn {float: right;margin-bottom: 20px;} #rules-btn {margin-left: 20px} .order-btn {float: right} .feedback-btn {float: left} .phone-gr {width: 100%} .nav-flex {display: block} #logo-block {display: block;margin: auto} } @media only screen and (max-width: 478px) { .sb-slidebar { width: 75%; } #search-block {padding-top:0;} } @media only screen and (max-width: 420px) { #calculate {float: none;margin-bottom: 20px;width: 195px} #rules-btn {float: none;margin-bottom: 20px;width: 100%;margin-left: 0} .order-btn {float: none;width: 100%;} .feedback-btn {float: none;width: 100%;margin-bottom: 20px;} } @media only screen and (max-width: 385px) { .slider {display: none} #col-sp-3 {width: 70%} #col-sp-4 {width: 50%} } @media only screen and (max-width: 375px) { .catalog-nav li {width: 100%} #mainImage {width: 200px;height: 200px;} .product-category {width:43%;} } @media only screen and (max-width: 297px) { #col-sp-3 {width: 80%} #col-sp-4 {width: 60%} .title-tabs {font-size: 0.8em;} } @media only screen and (min-width: 1680px) { #wrapper, footer .container { margin: 0 auto; max-width: 2000px; } }