@charset "UTF-8";
/* ----- COLORS ----- */
/* --- NON ACTUAL --- */
/* --- NON ACTUAL --- */
/* responsive */
/* ----- FONTS ----- */
 /*.futur-1 {
     font-family: 'Futur', sans-serif;
     font-weight: 100;
}
 .futur-3 {
     font-family: 'Futur', sans-serif;
     font-weight: 300;
}
 .futur-4 {
     font-family: 'Futur', sans-serif;
     font-weight: 400;
}
 .futur-7 {
     font-family: 'Futur', sans-serif;
     font-weight: 700;
}
 .futur-9 {
     font-family: 'Futur', sans-serif;
     font-weight: 900;
}*/
/*
 @font-face {
     font-family: 'Futur';
     src: url("../fonts/FuturaPT-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Light.woff") format("woff"), url("../fonts/FuturaPT-Light.ttf") format("truetype");
     font-weight: 100;
     font-style: normal;
    font-display: swap;
}
 @font-face {
     font-family: 'Futur';
     src: url("../fonts/FuturaPT-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Book.woff") format("woff"), url("../fonts/FuturaPT-Book.ttf") format("truetype");
     font-weight: 300;
     font-style: normal;
    font-display: swap;
}
 @font-face {
     font-family: 'Futur';
     src: url("../fonts/FuturaPT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Medium.woff") format("woff"), url("../fonts/FuturaPT-Medium.ttf") format("truetype");
     font-weight: 400;
     font-style: normal;
    font-display: swap;
}
 @font-face {
     font-family: 'Futur';
     src: url("../fonts/FuturaPT-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Demi.woff") format("woff"), url("../fonts/FuturaPT-Demi.ttf") format("truetype");
     font-weight: 700;
     font-style: normal;
    font-display: swap;
}
 @font-face {
     font-family: 'Futur';
     src: url("../fonts/FuturaPT-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Heavy.woff") format("woff"), url("../fonts/FuturaPT-Heavy.ttf") format("truetype");
     font-weight: 900;
     font-style: normal;
    font-display: swap;
}
*/


@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100;200;300;400;500;700;900&display=swap');

 @-webkit-keyframes spinner {
     from {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
}
 @keyframes spinner {
     from {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
}
/* ----- BASIS ----- */
 *::-webkit-input-placeholder {
     color: #666;
     opacity: 1;
}
 *:-moz-placeholder {
     color: #666;
     opacity: 1;
}
 *::-moz-placeholder {
     color: #666;
     opacity: 1;
}
 *:-ms-input-placeholder {
     color: #666;
     opacity: 1;
}
 ::-webkit-scrollbar {
     height: 5px;
}
 ::-webkit-scrollbar-thumb {
     background: red;
     -webkit-border-radius: 20px;
     border-radius: 20px;
}
 .container {
     max-width: 1280px;
}
 .t100 {
     font-weight: 100;
}
 .t300 {
     font-weight: 300;
}
 .t400 {
     font-weight: 400;
}
 .t700 {
     font-weight: 700;
}
 .t900 {
     font-weight: 900;
}
 .tcenter {
     text-align: center;
}
 .tleft {
     text-align: left;
}
 .tright {
     text-align: right;
}
 .bg {
     position: absolute;
     overflow: hidden;
     z-index: -2;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-position: center;
}
 .panel {
     display: none;
}
 .menu-manage {
     display: none;
}
 body {
     background-color: #fff;
     font-family: "Futur", Arial, sans-serif;
     font-family: 'Geologica', sans-serif;
}
 body.noscroll {
     overflow: hidden;
     position: fixed;
     height: 100%;
     width: 100%;
}
 body.inner header {
     position: relative;
     top: 35px;
}
 .hidden {
     display: none !important;
}
 .inliner {
     display: block;
     font-size: 0;
}
 .inliner > * {
     display: inline-block;
     float: none;
}
 .inliner.vam > * {
     vertical-align: middle;
}
 .pull-right {
     float: right;
}
 .posst {
     position: static;
}
 a {
     color: #0086ff;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 a:hover {
     color: #2b2a28;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     text-decoration: none;
}
 .icon {
     display: inline-block;
}
 .wrapper {
     position: relative;
}
 .form-control {
     -webkit-border-radius: 0;
     border-radius: 0;
}
 img {
     max-width: 100%;
}
 .owl-carousel .owl-item img {
     width: auto;
}
 .mv-30 {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .mt-10 {
     margin-top: 10px;
}
 .mt-30 {
     margin-top: 30px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mb-10 {
     margin-bottom: 10px;
}
 .nopadding {
    /*padding: 0;
    */
}
 .posr {
     position: relative;
}
 button, button:active, button:focus, button:hover, .btn, .btn:active, .btn:focus, .btn:hover {
     outline: none !important;
}
 .badge-success {
     background: #0E8420;
     font-weight: 500;
}
 .visible-xs {
     display: none;
}
 .sticky, .sticky.head-tr {
     left: 0;
     margin: auto;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 998;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     background: rgba(0, 0, 0, 0.4);
}
 .btn-link {
     color: #e31e25;
}
 .btn-link:hover {
     color: #2b2a28;
}
 .card-header {
     background: #F7F7F7;
}
.mobile-catalog-but {
     display: none;
}
.mobile-catalog-but .row .col-6:first-child {
    padding-right:5px;
}
.mobile-catalog-but .row .col-6:nth-child(2) {
    padding-left:5px;
}
.mobile-catalog-but a {
     position: relative;
     display: block;
     text-align:center;
     font-size: 14px;
     font-weight:300;
     line-height: 34px;
     border-radius:3px;
     color: #000;
     background: #eaeaea;
}
.mobile-catalog-but .row .col-6:first-child a {
    background:royalblue;
    color:#fff;
}
.mobile-catalog-but .row .col-6:first-child a:before {
    display: inline-block;
    top: 2px;
    margin-right: 4px;
    position: relative;
    content: ' ';
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/c-menu.svg);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
 }

/* ----- HEADER ----- */
 .drop-phone {
     position: absolute;
     background-color: #fff;
     z-index: 1005;
     width: 208px;
     right: -8px;
     top: -2px;
     text-align: center;
     -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
     /*opacity: 0; remove*/
     display:none;
}
 .drop-phone span {
     width: 100%;
     height: 36px;
     display: block;
     border-top: 1px solid #f2f2f2;
     color: #594949;
     line-height: 35px;
     text-align: left;
     padding-left: 11px;
}
 .overlays {
     display: none;
     position: fixed;
     width: 100%;
     height: 100vh;
     background: rgba(0, 0, 0, 0.45);
     left: 0;
     top: 0;
     z-index: 10000;
}
 .overlays.active {
     display: block;
}
 .cart-popup_bottom {
     position: fixed;
     background-color: #fff;
     width: 320px;
     right: -322px;
     height: 100vh;
     z-index: 10001;
     padding: 77px 20px 232px;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
.cart-popup_bottom .cart-header {
    position: absolute;
    background: #fff;
    border-bottom: 1px solid #efefef;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
}
.cart-popup_bottom .scroll-container {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 100%; }
 .cart-popup_bottom.active {
     right: 0;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .cart-popup_bottom h4 {
     letter-spacing: 1.2px;
     text-align: center;
     text-transform: uppercase;
	 margin-left: 10px;
	 margin-bottom: 0;
     font-weight:900;
}
 .cart-popup_bottom p {
     text-align: center;
}
 .cart-popup_bottom .close-cart {
     background-color: #f4f4f4;
     cursor: pointer;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     width: 58px;
     height:58px;
     line-height:46px;
     text-align: center;
     font-size: 48px;
}
 .cart-popup_bottom .close-cart:hover {
     background-color: #ffd400;
     color: #f4f4f4;
}
 .cart-popup_bottom .close-cart:hover i.fal {
     color: #f4f4f4;
}
 .overlay {
     position: fixed;
     width: 100vw;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7);
     z-index: 2;
     display: none;
}
 .shape {
     border-right: 2px solid #bdbdbd;
}
 .msfavorites {
     color: #2b2a28;
}
 .msfavorites.voted i {
     color: #ff0039;
}
 .comparison {
     position: relative;
}
 .comparison .comparison-link {
     color: #2b2a28;
     display: block;
     border-bottom: none;
}
 .comparison .comparison-link:hover {
     border-bottom: none;
}
 header {
     position: relative;
}
 header .fixed-promo {
     background: -webkit-gradient(linear, left top, right top, from(#4155f9), to(#52ecec));
     background: -webkit-linear-gradient(left, #4155f9, #52ecec);
     background: -o-linear-gradient(left, #4155f9, #52ecec);
     background: linear-gradient(to right, #4155f9, #52ecec);
     line-height: 30px;
     color: #fff;
     font-weight: 300;
     font-size: 14px;
}
 header .fixed-promo p {
     margin-bottom: 0;
}
 header .fixed-promo .promo-badge_sale {
     padding: 1px 4px;
     background: #ff0039;
     color: #fff;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     font-weight: 700;
}
 header .fixed-promo .promo-badge_code, .promo-badge_code {
     padding: 1px 4px;
     background: #ff3030;
     color: #fff;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     font-weight: 900;
}
 header .top-menu {
     padding: 15px 0;
}
 header .top-menu .toright {
     text-align: right;
}
 header .top-menu .toright div + div {
     margin-left: 10px;
}
 header .top-menu .compare {
     position: relative;
     display: inline-block;
     padding: 0 5px;
}
 header .top-menu .compare i {
     color: #2b2a28;
     font-size: 20px;
}
 /*header .top-menu .compare i span {
     position: absolute;
     right: -3px;
     bottom: -4px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background-color: #ff0039;
     width: 17px;
     height: 17px;
     font-size: 10px;
     color: #fff;
     line-height: 17px;
     display: block;
     text-align: center;
     font-family: "Futur", Arial, sans-serif;
     font-family: 'Jost', sans-serif;
}*/
header .top-menu .compare span.head-fa-chart span {
     position: absolute;
     right: -3px;
     bottom: -7px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background-color: #ff0039;
     width: 17px;
     height: 17px;
     font-size: 10px;
     color: #fff;
     line-height: 17px;
     display: block;
     text-align: center;
     font-family: "Futur", Arial, sans-serif;
     font-family: 'Geologica', sans-serif;
}
 header .top-menu .favorite {
     position: relative;
     display: inline-block;
     padding: 0 5px;
}
 header .top-menu .favorite i {
     color: #2b2a28;
     font-size: 20px;
}
 /*header .top-menu .favorite i span {
     position: absolute;
     right: -3px;
     bottom: -4px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background-color: #ff0039;
     width: 17px;
     height: 17px;
     font-size: 10px;
     color: #fff;
     line-height: 17px;
     display: block;
     text-align: center;
     font-family: "Futur", Arial, sans-serif;
}*/
 header .top-menu .favorite span.head-fa-heart span {
     position: absolute;
     right: -3px;
     bottom: -7px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background-color: #ff0039;
     width: 17px;
     height: 17px;
     font-size: 10px;
     color: #fff;
     line-height: 17px;
     display: block;
     text-align: center;
     font-family: "Futur", Arial, sans-serif;
     font-family: 'Geologica', sans-serif;
}
 header .top-menu .cart {
     cursor: pointer;
     display: inline-block;
}
 header .top-menu .cart .cart-img {
     position: relative;
     width: 22px;
     float: left;
}
 header .top-menu .cart .cart-img img {
     height: 25px;
}
 header .top-menu .cart .cart-img span {
     position: absolute;
     left: 15px;
     bottom: -4px;
     -webkit-border-radius: 50px;
     border-radius: 50px;
     background-color: #ff0039;
     font-size: 10px;
     padding: 2px 3px;
     color: #fff;
     display: inline;
     text-align: center;
     font-family: 'Geologica', sans-serif;
}
/* animation of cart teaser
 @media only screen and (min-width: 900px) {
.cart-teaser:before,.cart-teaser:after{
    content:"";
    position:absolute;
    display:inline-block;
    border-radius:50%;
    background:#f98590;
}
.cart-teaser:before{
    top:-33px;
    left:-33px;
    right:-33px;
    bottom:-33px;
    opacity:.1;
    -webkit-animation:1s brk-pulse-paused .2s ease-in infinite;
    animation:1s brk-pulse-paused .2s ease-in infinite;
    -webkit-transform:scale(1);
    transform:scale(1);
    will-change: transform;
}
.cart-teaser:after{
    top:-16px;
    left:-16px;
    right:-16px;
    bottom:-16px;
    opacity:.2;
    -webkit-animation:brk-pulse-paused 1.s ease-in infinite;
    animation:brk-pulse-paused 1s ease-in infinite;
    will-change: transform;
}
}
@keyframes brk-pulse-paused{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    30%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3);
    }
    60%{
        -webkit-transform:scale(0.9);
        transform:scale(0.9);
        opacity:0;
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
*/
 header .top-menu .cart .cart-name {
     font-size: 13px;
     color: #7f868d;
     text-transform: uppercase;
     line-height: 1.2;
     margin-left: 10px;
     position: relative;
     top: 3px;
}
 header .top-menu .search {
     height: 35px;
     line-height: 35px;
     cursor: pointer;
     float: right;
     margin: 0 -15px;
     position: relative;
     z-index: 1;
}
 header .top-menu .search:hover > span {
     font-size: 14px;
     color: black;
     text-transform: uppercase;
     line-height: 1.2;
     border-bottom: 1px solid transparent;
}
 header .top-menu .search span {
     font-size: 14px;
     color: black;
     text-transform: uppercase;
     line-height: 1.2;
     border-bottom: 1px solid #dbdbd6;
     display: inline-block;
     width: 63px;
}
 header .top-menu .search img {
     height: 22px;
     vertical-align: text-bottom;
}
 header .top-menu .search .search-form {
     background-color: #fff;
     -webkit-box-shadow: 0px 0px 24.5px 0.5px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 24.5px 0.5px rgba(0, 0, 0, 0.2);
     height: 73px;
     position: absolute;
     top: -20px;
     right: -34px;
     line-height: 41px;
     padding: 10px 0;
     width: 0;
     overflow: hidden;
}
 header .top-menu .search .search-form.active {
     width: 640px;
}
 header .top-menu .search .search-form form > div {
     display: inline-block;
}
 header .top-menu .search .search-form label {
     font-size: 13px;
     color: #464646;
     text-transform: uppercase;
     line-height: 1.2;
     padding: 0 15px;
}
 header .top-menu .search .search-form input {
     font-size: 16px;
     color: black;
     line-height: 1.2;
     border: navajowhite;
     border-bottom: 1px solid #ececec;
     padding-bottom: 5px;
     width: 431px;
     margin-left: 18px;
     font-weight: 300;
}
 header .top-menu .search .search-form button {
     outline: 0;
     border: 0;
     background: none;
     margin-left: 5px;
     cursor: pointer;
}
 header .top-menu .close-search {
     width: 20px;
     display: inline-block;
     position: relative;
     z-index: 999;
}
 header .top-menu .close-search i {
     font-size: 28px;
     margin-top: 9px;
     position: relative;
     top: 4px;
     left: 8px;
}
div.close-search:before {
         content: '';
         width: 22px;
         height: 22px;
         position: absolute;
         top: -18px;
         background: url(https://ledsystems.ua/assets/files/images/ico/close-red.svg);
         background-size: contain;
         z-index: 1010;
     }
 header .top-menu .user {
     display: inline-block;
}
 header .top-menu .user a {
     text-align: center;
     color: #000;
     position: relative;
}
 header .top-menu .lang {
     display: inline-block;
     height: 30px;
     width: 50px;
     line-height: 27px;
     border: 1px solid #fff;
     text-align: center;
     font-size: 16px;
     margin-top: 5px;
     font-weight: 700;
     color: #000;
     position: relative;
     cursor: pointer;
}
header .top-menu .lang:after {
    content: '';
    display: inline-block;
    background-image: url(../i/ico/arrr96.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
    width: 8px;
    height: 8px;
    transform: rotate(90deg);
    transition: all .2s ease;
}
header .top-menu .lang:hover:after {
    transform: rotate(270deg);
}
 header .top-menu .lang:hover > .lang-drop, header .top-menu .lang.active > .lang-drop {
     opacity: 1;
     display:block;
     top: 29px;
}
 header .top-menu .lang .drop-phone.lang-drop {
     right: 0;
     width: 48px;
}
 header .top-menu .lang img {
     width: 10px;
}
 header .top-menu .lang select {
     height: 30px;
     -webkit-appearance: button;
     -webkit-border-radius: 2px;
     -webkit-padding-end: 20px;
     -webkit-padding-start: 2px;
     -webkit-user-select: none;
     background-image: url(../img/arrow.png);
     background-position: 90% center;
     background-repeat: no-repeat;
     border: 1px solid #dbdbd6;
     margin: 0;
     overflow: hidden;
     padding-top: 2px;
     padding-bottom: 2px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     background-color: transparent;
     width: 50px;
     font-size: 17px;
     color: #212237;
     text-transform: uppercase;
     line-height: 1.2;
     -webkit-background-size: 10px 10px;
     background-size: 10px;
     padding-left: 5px;
}
 header .top-menu .fixed-menu {
     display: none;
}
 header .top-menu .top-menus {
     padding: 0;
     margin: 0;
     list-style-type: none;
}
 header .top-menu .top-menus li {
     display: inline-block;
     margin-left: 16px;
     margin-top: 5px;
     font-weight: 400;
}
 header .top-menu .top-menus li a {
     font-size: 13px;
     color: #5a5a5e;
     text-transform: uppercase;
     line-height: 1.2;
}
 .dropdown-sale {
     border-top: 3px solid #ff0c4d;
	 display: none;
    position: absolute;
    right: 15px;
    left: 15px;
    padding: 15px 0px;
    z-index: 98;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.27) 0px 6px 7px 0px;
}
 .dropdown {
     background-color: #fff;
     border-top: 3px solid #ff0c4d;
     -webkit-box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.27);
     box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.27);
     -webkit-box-shadow: 0px 17px 231px 65px rgba(0, 0, 0, 0.68);
     box-shadow: 0px 17px 231px 65px rgba(0, 0, 0, 0.68);
     position: absolute;
     left: 15px;
	 right: 15px;
     z-index: 99;
     padding: 15px 0 0;
     display: none;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
}
 .dropdown .menu-title li {
     -webkit-border-radius: 4px;
     border-radius: 4px;
     height: 40px;
     line-height: 40px;
     list-style: none;
     padding-left: 20px;
     position: relative;
     background-image: url(../i/ico/arrr96.svg);
     background-repeat: no-repeat;
     background-position: 95% 15px;
     -webkit-background-size: 8px 8px;
     background-size: 8px;
}
 .dropdown .menu-title li a {
     font-size: 15px;
     font-weight: 400;
     color: #000;
}
 .dropdown .menu-title li:hover, .dropdown .menu-title li.active {
     background-color: #f3f3f3;
     background-image: url(../i/ico/arrr96.svg);
}
 .dropdown .all-goods {
     border: 1px solid #f3f3f3;
     background: #fff;
     width: 200px;
     height: 40px;
     font-size: 21px;
     font-weight: 900;
     color: #ff0c4d;
     text-transform: uppercase;
     display: block;
     line-height: 40px;
     padding-left: 15px;
     margin-bottom: 35px;
     background-image: url(../i/ico/arrow-l-red.svg);
     background-repeat: no-repeat;
     background-position: 94% center;
     -webkit-background-size: 24px 24px;
     background-size: 24px;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .dropdown .all-goods:hover {
     color: #fff;
     background: #ff0c4d;
     border: 1px solid #ff0c4d;
     background-image: url(../i/ico/arrow-l-white.svg);
     background-repeat: no-repeat;
     background-position: 94% center;
     -webkit-background-size: 24px 24px;
     background-size: 24px;
}
 .dropdown .right-columns p {
     font-size: 22px;
     color: black;
     margin-bottom: 25px;
}
 .dropdown .tag {
     -webkit-columns: 2;
     columns: 2;
     list-style: none;
     padding: 0;
     margin: 0;
}
 .dropdown .tag li a {
     font-size: 16px;
     color: #65727f;
     line-height: 21px;
     border-style: solid;
     border-width: 1px;
     border-color: #d5d5d5;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     background-color: #f3f3f3;
     opacity: 0.659;
     height: 25px;
     display: block;
     margin-bottom: 14px;
     text-align: center;
}
 .dropdown .tag li a:hover {
     opacity: 1;
}
 .dropdown .drop-menu {
     top: 0;
     display: none;
     background-color: #fff;
     margin-bottom: 30px;
}
 .dropdown .tabs {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -webkit-flex: 1 1 auto;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
}
 .dropdown .puzzled {
     position: absolute;
     bottom: 10%;
}
 .dropdown .puzzled img {
     width: 40px;
     margin-right: 10px;
}
 .dropdown .puzzled a {
     font-size: 15px;
     font-weight: 700;
     margin-right: 15px;
     text-decoration: underline;
     color: #324e54;
}
.puzzled div { margin-left: 48px;}
.puzzled div:before {
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/thinking.svg);
}
.puzzled div:before {
    width: 40px;
    height: 40px;
    content: " ";
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: -3px;
}
 .dropdown a.puzzled-more {
     background: #f4f4f4;
     padding: 3px 15px;
     -webkit-border-radius: 50px;
     border-radius: 50px;
     font-weight: 300;
     text-decoration: none;
}
 .dropdown .drop-menu h2 {
     font-weight: 900;
     font-size: 28px;
     text-transform: uppercase;
     color: #000;
}
 .dropdown .drop-menu h2 sup {
     top: -12px;
     color: #ffffff;
     font-size: 15px;
     font-weight: 700;
     text-transform: initial;
     background: #ff0c4d;
     border-radius: 5px;
     padding: 2px 8px;
}
 .dropdown .drop-menu p {
     font-size: 18px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 700;
     color: #7e7e7e;
     margin-bottom: 15px;
}
 .dropdown .list {
     -webkit-columns: 2;
     columns: 2;
     padding: 0;
     margin: 0;
}
 .dropdown .list li {
     -webkit-border-radius: 4px;
     border-radius: 4px;
     width: 100%;
     height: auto;
     line-height: 1.2;
     list-style: none;
     padding-left: 0px;
     margin-bottom: 15px;
     background: none;
}
 .dropdown .list li a {
     font-size: 16px;
     letter-spacing: 0.5px;
     color: #434c56;
     border-bottom: 1px solid #dedede;
     font-weight: 700;
}
 .dropdown .list li a:hover {
     background: #ff0c4d;
     color: #fff;
     border-bottom: 1px solid #ff0c4d;
     text-decoration: none;
}
 .dropdown .list li:hover {
     background-color: transparent;
     background: none;
}
 .dropdown .list li:hover > .drop-menu {
     display: block;
}
 .dropdown .drop-bottom {
     background-color: #fafafa;
     padding: 20px;
     border-top: 1px solid #ececec;
}
 .dropdown .drop-bottom ul li {
     list-style: none;
     display: inline-block;
     margin-left: 0px;
     margin-right: 40px;
}
 .dropdown .drop-bottom ul li a {
     font-size: 16px;
     color: #707070;
     text-transform: uppercase;
     line-height: 1.2;
}
 .dropdown .drop-bottom ul li img {
     width: 25px;
     margin-right: 15px;
}
 .dropdown .mm-list {
     font-weight: 700;
     font-size: 22px;
     padding: 0;
     margin: 0;
}
 .dropdown .mm-list li img {
     width: 35px;
     margin-right: 10px;
}
 .dropdown .active-menu {
     display: block;
}
 .dropdown .active-menu img {
     margin-left: 10px;
     width: 22px;
     vertical-align: text-bottom;
}
 .menu {
     padding: 10px 0;
     background-color: #f3f3f3;
}
.menu>.container{
    position: relative;
}
 .menu .menu-block {
     position: fixed;
     top: 0;
     left: -200px;
     width: 200px;
     text-align: center;
     background-color: #fff;
     height: 100vh;
     z-index: 99;
     border: 1px solid;
}
 .menu .btn-menu {
     background-color: #ff0c4d;
     width: 100%;
     height: 46px;
     font-size: 17px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 46px;
     z-index: 500;
     cursor: pointer;
     text-align: center;
     position: relative;
     border-radius:4px;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .menu .btn-menu:before {
    content: '';
    display: inline-block;
    position: relative;
    top:6px;
    background-image: url(../i/ico/c-menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    transition: all .2s ease;
 }
 .menu .btn-menu:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 10px;
    background-image: url(../i/ico/arrow-w.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 14px 14px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    transform: rotate(0deg);
    transition: all .2s ease;
 }
 .menu .btn-menu:hover:after{
     transform: rotate(180deg);
 }
.btn-menu-show {
     background-color: #ff0c4d;
     width: 200px;
     height: 40px;
     font-size: 16px;
     color: #fff;
     font-weight: 900;
     text-transform: uppercase;
     line-height: 40px;
     text-align: center;
     position: relative;
     border-radius:4px;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .menu .btn-menu img, .btn-menu-show img {
    margin-right: 5px;
    width: 20px;
    margin-top: -4px;
}
 .menu .btn-menu:hover {
     background-color: #ff0859;
}
 .menu .btn-menu:hover > .dropdown {
     display: block;
}
 .menu .phone {
     height: 45px;
     line-height: 35px;
     text-align: right;
     position: relative;
     width: 204px;
     float: right;
     cursor: pointer;
}
 .menu .phone .phone-static-block {
     z-index: 2;
     position: relative;
}
.menu .phone .phone-static-block a {
    font-size:19px;
}
 .menu .phone .z-phone1 {
     z-index: 1;
     padding-top: 80px;
     display:none;
}
 .menu .phone .phone-work1 {
     position: absolute;
     top: 42px;
     left: 44px;
     font-size: 12px;
     color: #6f6f6f;
     font-weight: 700;
}
 .menu .phone:hover > .drop-phone {
     border-radius:7px;
     /* opacity: 1; remove */
     display:block;
}
 .menu .phone a span {
     color: #000;
}
 .menu .phone span {
     font-weight: 900;
}
 .menu .phone a span.ph-arr:after {
    content: '';
    display: inline-block;
    background-image: url(../i/ico/arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    width: 16px;
    height: 16px;
    transform: rotate(0deg);
    transition: all .2s ease;
 }
 .menu .phone:hover a span.ph-arr:after {
    transform: rotate(180deg);
}
.menu .phone a.phone-callback {
    position:absolute;
    top: 17px;
    left: 48px;
}
.menu .phone a.phone-callback span {
    font-size:14px;
    font-weight:400;
    color:#5d5d5d;
    border-bottom:1px dotted #b9b9b9;
}
.menu .phone a.phone-callback span:hover {
    background:#ff0859;
    color:#fff;
    border-radius:3px;
    border-bottom:none;
}
 div.phone:hover a.phone-callback span {
    background:#ff0859;
    color:#fff;
    border-radius:3px;
    border-bottom:none;
 }
 div.phone-static-block img.lphn {
    top:1px;
}
 .menu .phone img {
     margin-right: 5px;
     width: 25px;
     position: relative;
     top: -3px;
}
 .menu .phone span img {
     width: 16px;
     margin-left: 3px;
}
 .menu .phone select {
     font-size: 18px;
     color: #212237;
     line-height: 1.2;
}
 .menu .phone select {
     -webkit-appearance: button;
     -webkit-border-radius: 2px;
     -webkit-padding-end: 20px;
     -webkit-padding-start: 2px;
     -webkit-user-select: none;
     background-image: url(../img/arrow.png);
     background-position: center right;
     background-repeat: no-repeat;
     border: 1px solid transparent;
     margin: 0;
     overflow: hidden;
     padding-top: 2px;
     padding-bottom: 2px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     background-color: transparent;
     -webkit-background-size: 10px 10px;
     background-size: 10px;
}
 .menu .menu-bottom {
     margin-top: 12px;
     padding-left: 0px;
}
 .menu .menu-bottom li {
     display: inline-block;
     margin-right: 20px;
}
 .menu .menu-bottom li a {
     font-weight: 600;
     font-size: 14px;
     color: #454545;
     text-transform: uppercase;
     line-height: 1.2;
}
 .call {
     background-color: #00d664;
     width: 100%;
     height: 45px;
     display: block;
     font-size: 14px;
     font-weight: 900;
     color: #fff;
     border-radius:4px;
     cursor: pointer;
     text-transform: uppercase;
     line-height: 45px;
     text-align: center;
     border: none;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .call:hover {
     background-color: #03ea74;
}
 .call img {
     margin-right: 10px;
     width: 22px;
}
 .dropdown-toggle::after {
     content: '\f107';
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     margin: 0;
     border: none;
     width: auto;
     height: auto;
     vertical-align: middle;
     margin-left: 5px;
}
 .dropdown-menu {
     padding: 10px 10px;
}
 .dropdown-menu ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .dropdown-menu li {
     display: block;
}
 .give_action {
     margin-top:50px;
     background-color: #f5f5f5;
     padding-top: 40px;
     padding-bottom: 40px;
}
 .give_action .subject {
     font-size: 18px;
     font-weight: 900;
     line-height: 25px;
     letter-spacing: 1.5px;
     color: #353535;
     text-transform: uppercase;
     display: block;
     margin-bottom: 10px;
}
 .give_action .descr {
     color: #777777;
     font-size: 16px;
     line-height: 25px;
     display: block;
}
 .give_action input[type="email"] {
     width: 100%;
     height: 55px;
     padding-left: 29px;
     background-color: #fff;
     color: #353535;
     line-height: 40px;
     font-size: 17px;
     font-weight: 700;
     border: 1px solid #fff;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .give_action input[type="email"]:focus {
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(3, 93, 206, 0.25);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(3, 93, 206, 0.25);
}
 .promo-badge_sale {
     padding: 1px 4px;
     background: #ff0039;
     color: #fff;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     font-weight: 700;
}
 .genie-smart {
     position: absolute;
     top: -55px;
     left: 320px;
}
 .genie-smart .genie-img {
     width: 50px;
     -webkit-animation: genieaction 1000ms infinite alternate;
     animation: genieaction 1000ms infinite alternate;
}
 @-webkit-keyframes genieaction {
     0% {
         -webkit-transform: translateY(5px);
         transform: translateY(5px);
    }
     100% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
}
 @keyframes genieaction {
     0% {
         -webkit-transform: translateY(5px);
         transform: translateY(5px);
    }
     100% {
         -webkit-transform: translateY(-5px);
         transform: translateY(-5px);
    }
}
 .btn-ga {
     position: absolute;
     top: 0;
     right: 15px;
     border: 1px solid #fff;
     background: none;
     cursor: pointer;
     display: inline-block;
     line-height: 36px;
     height: 55px;
     padding: 0 20px;
     text-align: center;
     border-left: 1px solid #f3f3f3;
}
 .btn-ga:hover {
     background: #f4f4f4;
}
 .pr-text_bg {
     background: #f9f9f9;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#f6fcfd40));
     background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f6fcfd40 100%);
     background-image: -o-linear-gradient(bottom, #ffffff 0%, #f6fcfd40 100%);
     background-image: linear-gradient(0deg, #ffffff 0%, #f6fcfd40 100%);
}
 .pr-text_bg h3 {
     font-size: 20px;
     font-weight: 900;
     color: #000;
     letter-spacing: 1.5px;
     text-transform: uppercase;
}
 .pr-text_bg sub {
     font-weight: 700;
     color: #949494;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}
 .multibutton {
     background-color: #00bcf9;
     color: #626262;
     height: 45px;
     display: inline-block;
     padding: 0 25px;
     font-size: 18px;
     font-weight: 900;
     text-transform: uppercase;
     line-height: 45px;
     text-align: center;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .freeorder {
     background-color: #005bf9;
     color: #fff;
}
 .freeorder:hover {
     background-color: #0094f9;
     color: #fff;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(14, 161, 247, 0.48);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(14, 161, 247, 0.48);
}
 .motto-s1 {
     margin-bottom: 10px;
     background: #f4f4f487;
}
 .motto-s2 {
     margin-bottom: 10px;
     background: #f4f4f487;
}
 .motto-s3 {
     margin-bottom: 10px;
     background: #f4f4f487;
}
 .breadcrumbs {
     margin: 0 0 10px;
     font-size: 13px;
     color: #868686;
     line-height: 1.6;
     font-weight:300;
     overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 5px;
}
 .breadcrumbs::-webkit-scrollbar-track
{
	border-radius: 20px;
	background-color: #f8f8f8;
}
.breadcrumbs::-webkit-scrollbar
{
	width: 3px;
	height:2px;
	background-color: #F5F5F5;
}

.breadcrumbs::-webkit-scrollbar-thumb
{
	border-radius: 20px;
	background-color: #dadada;
}
 .breadcrumbs a {
     color: #292d33;
     border-bottom-color: rgba(134, 134, 134, 0.5);
     border-bottom: 1px solid #e9eaea;
     font-weight:300;
     font-size:14px;
}
 .breadcrumbs .breadcrumbs-arrow {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
     margin: 0 5px;
     font-size: 8px;
}
 .breadcrumbs .breadcrumbs-i {
     display: inline-block;
}
 .breadcrumbs .breadcrumbs-i.__hidden {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
 .head-box {
     position: relative;
}
 .head-box .title_ico {
     font-size: 15px;
     margin-left: 45px;
     margin-bottom: 15px;
     margin-top: 25px;
     text-transform: uppercase;
     position: relative;
     padding-left: 20px;
}
 .head-box .title_ico img {
     width: 30px;
     position: absolute;
     left: 7px;
     top: 60%;
     -webkit-transform: translateX(-100%) translateY(-50%);
     -ms-transform: translateX(-100%) translateY(-50%);
     transform: translateX(-100%) translateY(-50%);
}
 .head-box .qc_links {
     margin-left: 35px;
     margin-bottom: 5px;
     margin-top: 5px;
     padding-left: 15px;
}
 .head-box .qc_links img {
     width: 30px;
     left: 7px;
     top: 60%;
}
 .head-box .content_p {
     margin-left: 50px;
     font-size: 14px;
     line-height: 19px;
     color: #555965;
     margin-bottom: 20px;
     font-weight: 300;
}
 .head-box .content_p a {
     margin-right: 15px;
     font-size: 14px;
     color: #616161;
     margin-bottom: 20px;
     border-bottom: 1px solid #d2d2d2;
}
 .sorting_box {
     background: #f9f9f9;
     padding: 20px;
     margin-bottom: 20px;
     margin-left: 0;
}
 .sorting_box .sorting_box_inner {
     position: relative;
     display: inline-block;
}
 .sorting_box .sorting_box_inner a {
     font-weight: 400;
     color: #5f5f5f;
     border-bottom: 1px dotted #aaa;
     padding: 2px 5px 1px 4px;
     margin-right: 5px;
}
 .sorting_box .sorting_box_inner a:hover {
     background: #dedede;
     color: #525252;
     border: none;
     padding: 2px 5px 5px 4px;
}
 .sorting_box .sorting_box_inner a.sorting_active {
     background: #0172f8;
     color: #fff;
     border: none;
     padding: 2px 5px 5px 4px;
}
 .sorting_box .sorting_box_inner a.s_sales {
     font-weight: 400;
     color: #f32b4f;
     border-bottom: 1px dotted #f32b4f;
     margin-right: 10px;
     padding: 2px 5px 1px 4px;
}
 .sorting_box .sorting_box_inner a.s_sales:hover {
     background: #f32b4f;
     color: #fff;
     border: none;
     padding: 2px 5px 5px 4px;
}
 .sorting_box .sort_title {
     margin-left:20px;
}
 .sorting_box .sort_title:before {
     width: 16px;
     content: " ";
     background-image: url(https://ledsystems.ua/assets/files/images/ico/sorting.svg);
     background-repeat: no-repeat;
     position: absolute;
     left: 0px;
     top: 4px;
     height:25px;
}
.change_view-box {
    display: inline-block;
    position: absolute;
    right: 35px;
}
/* svg arrows for <i> */
.catalog_view {
    width: 18px;
    height: 18px;
    display: inline-table;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 18px 18px;
    background-size: 18px;
    padding:2px;
}
.cv_line {
    background-image: url(../i/ico/cv_list.svg);
}
.cv_tile {
    background-image: url(../i/ico/cv_tile.svg);
}
.change_view-box a {
    display: inline-block;
    padding: 2px;
    width: 26px;
    height: 26px;
    border:2px solid transparent;
    border-radius:3px;
    opacity: 0.6;
    cursor: pointer;
}
.change_view-box a.active {
    border:2px solid red;
    opacity: 1;
}
/* svg arrows for <i> end */

 .sort-params {
     display: inline-block;
}
 .sort-params a:nth-child(4) {
    color:#f11712;
    border-bottom-color: #f9c4cf;
}
 .bottom_nav {
     padding-bottom: 20px;
}
 .ajax_load_btn {
     text-align: center;
     margin: 1px 0px 15px;
     background:#fff;
     border: 1px solid #eaebec;
     cursor: pointer;
}
 .ajax_load_btn:hover {
     border-color: #babbbc;
     background: #fafafa;
}
 .ajax_load_btn .more_text_ajax {
     font-size: 13px;
     line-height: 20px;
     display: inline-block;
     position: relative;
     padding: 10px 0px 10px 34px;
     color: #3e3e3e;
     text-transform: uppercase;
}
 .ajax_load_btn .more_text_ajax:after {
     content: "";
     display: block;
     position: absolute;
     width: 19px;
     height: 19px;
     left: 8px;
     top: 11px;
     background: url("../i/ico/reuse.svg") no-repeat;
     -webkit-transition: background 0.7s ease-in-out;
     -o-transition: background 0.7s ease-in-out;
     transition: background 0.7s ease-in-out;
}
 .ajax_load_btn .more_text_ajax.loading:after {
     -webkit-animation: spinner 0.5s linear infinite !important;
     animation: spinner 0.5s linear infinite !important;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
 .ajax_load_btn .more_text_ajax:hover:after, .ajax_load_btn .ajax_load_btn:hover .more_text_ajax:after {
     -webkit-animation: spinner .5s ease 1;
     animation: spinner .5s ease 1;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
 .pr-text h3 {
     font-size: 20px;
     font-weight: 900;
     color: #000;
     letter-spacing: 1.5px;
     text-transform: uppercase;
}
 .pr-text sub {
     font-weight: 700;
     color: #949494;
     font-size: 12px;
     display: block;
     margin-bottom: 30px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}
 .pr-text_bg {
     background: #f9f9f9;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#f6fcfd40));
     background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f6fcfd40 100%);
     background-image: -o-linear-gradient(bottom, #ffffff 0%, #f6fcfd40 100%);
     background-image: linear-gradient(0deg, #ffffff 0%, #f6fcfd40 100%);
}
 .freeorder {
     background-color: #005bf9;
     color: #fff !important;
}
 .freeorder:hover {
     background-color: #0094f9;
     color: #fff;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(14, 161, 247, 0.48);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(14, 161, 247, 0.48);
}
 .news-box {
     padding-top: 25px;
     padding-bottom: 30px;
}
 .news-box h3 {
     font-weight: 900;
     font-size: 22px;
}
 .news-box h3 a {
     font-weight: 400;
     font-size: 18px;
}
 .blog-post {
     margin-bottom: 10px;
     font-weight: 300;
}
 .blog-post .blog-post__link {
     height: 100%;
     display: block;
     background-color: rgba(40, 47, 55, 0.06);
}
 .blog-post .blog-post__link:hover {
     text-decoration: none;
}
 .blog-post .blog-post__picture {
     position: relative;
     overflow: hidden;
     border-radius: 5px;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.15);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.15);
}
 .blog-post .blog-post__picture:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(40, 47, 55, 0.15);
     opacity: 0;
     -webkit-transition: opacity .35s ease;
     -o-transition: opacity .35s ease;
     transition: opacity .35s ease;
}
 .blog-post .blog-post__picture .blog-post__image {
     position: relative;
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%;
}
 .blog-post .blog-post__picture:hover img {
     -webkit-transform: scale(1.15, 1.15);
     -ms-transform: scale(1.15, 1.15);
     transform: scale(1.15, 1.15);
}
 .blog-post .blog-post__content {
     padding: 10px 15px;
     background-color: #fff;
}
 .blog-post .blog-post__title {
     display: inline;
     margin-bottom: 6px;
     margin-top: 8px;
     font-weight: 900;
     line-height: 1.2;
     color: #000;
     border-bottom: 1px solid #e4e4e4;
}
 .blog-post .blog-post__title:hover {
     text-decoration: none;
}
 .blog-post .blog-post__description {
     margin-bottom: 8px;
     color: rgba(40, 47, 55, 0.75);
     font-size: 15px;
}
 .blog-post:hover .blog-post__picture:after {
     opacity: 1;
}
 .blog-post .blog-news_date_box {
     position: absolute;
     bottom: 7px;
     left: 7px;
     background: #ffffffc2;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     color: #000;
     z-index: 1000;
     font-size: 14px;
     font-weight: 700;
     padding: 0 5px;
}
 .blog-post:hover .blog-news_date_box {
     background: #fff;
     color: #000;
}
 .blog-post:hover .blog-post__image {
     -webkit-transition: -webkit-transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: -webkit-transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .blog-post .blog-badge_box {
     position: absolute;
     top: 7px;
     right: 7px;
     background: #211df5;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     z-index: 1000;
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase;
     padding: 0 5px;
}
 .blog--slider .blog-post {
     height: 100%;
}
 .blog--slider .owl-stage {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -webkit-align-items: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
 .blog--slider .blog-post {
     margin-bottom: 0;
}
 .blog-post .code-red {
     background: #f50551;
}
 .news-link-wrap {
     width: 100%;
     text-align: center;
}
 .more-news-2 {
     background-color: #fff;
     color: #626262;
     padding: 0 40px;
}
 .more-news-2:hover {
     background-color: #626262;
     color: #fff;
}
 .white {
     color: #fff;
}
 .def-section.clients-list {
     position: relative;
     background: -webkit-gradient(linear, right top, left top, from(#00bbf9), to(#3522ac));
     background: -webkit-linear-gradient(right, #00bbf9, #3522ac);
     background: -o-linear-gradient(right, #00bbf9, #3522ac);
     background: linear-gradient(-90deg, #00bbf9, #3522ac);
     background-color: #070569;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23152585' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%231c42a2' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%231f60c0' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%231b7edf' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%230a9dff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%2322a9ff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%232eb6ff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%2336c2ff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%233bcfff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%233fdcff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
     -webkit-background-size: cover;
     background-size: cover;
     overflow: hidden;
     padding-top: 250px;
     z-index: 1;
}
 .clientbtn {
     background: #fff;
     color: #1b69e2;
}
 .clientbtn:hover {
     background: #1b69e2;
     color: #fff;
}
 .directions-box {
     overflow: visible;
     padding-top: 10px;
     background: #fafafa;
     margin-bottom: -199px;
}
 .nomargin {
     margin: 0 !important;
}
 .dir-box {
     position: relative;
     width: 24%;
     margin: 0 5px 0 5px;
     float: left;
}
 .dir-box:before {
     content: "";
     display: block;
     margin-top: 100%;
}
 .dir-content {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: black;
     padding: 20px;
     text-align: left;
     vertical-align: center;
}
 .dir-content a {
     font-weight: 700;
     font-size: 25px;
     color: #494545;
     text-transform: uppercase;
}
 .dir-content p {
     font-size: 15px;
     line-height: 1.3;
     padding-top: 10px;
}
 .dir-boxes {
     position: relative;
     background: #fff;
     margin-bottom: -1px;
     border: 1px solid #f1f1f1;
     padding-top: 32px;
     padding-left: 140px;
     z-index: 9;
     margin: 0 -15px 0 -15px;
}
 .dir-boxes:hover {
     -webkit-transform: scale(1.01);
     -ms-transform: scale(1.01);
     transform: scale(1.01);
     border: 1px solid #fff;
     z-index: 1000;
     -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
     z-index: 10 !important;
}
 .dir-boxes_digit {
     position: absolute;
     font-size: 100px;
     color: #c1c1c1;
     font-weight: 900;
     top: 0px;
     left: 17px;
}
 .title-h1, h1 {
     font-size: 28px;
     line-height: 1.2;
     font-weight: 900;
     color: #484848;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .title-h1 img, h1 img {
     margin: -8px 2px 0 0;
     width: 45px;
}
.title-h1-before {position:relative;}
.title-h1-before:before {
    width: 45px;
    height: 45px;
    content: " ";
    background-repeat: no-repeat;
    position: absolute;
    top: -6px;
    margin-left: -55px;
}
 @media (max-width: 700px) {
.title-h1-before:before {
    display: inline-block;
    top: 3px;
    margin-right: 0px;
    position: relative;
    content: ' ';
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    margin-left: 0;
}

 }
.title-h1-pop-cat:before {background-image: url(https://ledsystems.ua/assets/files/images/ico/popular.svg);}
.title-h1-best-offer:before {background-image: url(https://ledsystems.ua/assets/files/images/ico/fireburn100.svg);}
.title-h1-directions:before {background-image: url(https://ledsystems.ua/assets/files/images/ico/lighthouse.svg);}

 .h-title-pos {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .h-title-pos1 {
     margin-bottom: 30px;
     margin-top: 30px;
}
 .quick-links_box {
     border: 1px solid #f3f3f3;
     padding: 10px;
     margin-bottom: 20px;
}
.filter_goods-total {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 900;
    padding: 5px 20px;
    border-radius: 3px;
    border: 2px solid #ffa890;
}
 .categories .categories__list {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -webkit-align-items: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.08);
     box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.08);
}
 .col-20, .col-xs-20 {
     -webkit-box-flex: 0;
     -webkit-flex: 0 0 25%;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
}
 .category-item {
     position: relative;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     padding: 10px;
     background-color: #fff;
     border: 1px solid #f9f9f9;
     -webkit-transition: border .25s ease, -webkit-box-shadow .25s ease;
     transition: border .25s ease, -webkit-box-shadow .25s ease;
     -o-transition: box-shadow .25s ease, border .25s ease;
     transition: box-shadow .25s ease, border .25s ease;
     transition: box-shadow .25s ease, border .25s ease, -webkit-box-shadow .25s ease;
     min-height: 135px;
}
 .category-item:hover {
     border: 1px solid transparent;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
     z-index: 1;
}
 .category-item .category-item__image {
     display: block;
     margin-top: 0;
     margin-bottom: 0;
     text-align: center;
}
 .category-item .category-item__image img {
     width: auto;
     height: auto;
     max-width: 45%;
     max-height: 45%;
     margin: auto;
}
 .category-item .category-item__content {
     margin-top: auto;
     text-align: center;
}
 .category-item .category-item__title {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 900;
     color: #353535;
     border-bottom: 1px solid #dcdcdc;
     display: inline;
}
 .category-item a {
     color: #000;
}
 .action {
     width: 100%;
     margin-bottom: 30px;
     text-align: center;
     padding: 50px 25px;
     border: 5px solid #f8523b;
     background: url(../i/bg/confetti.png);
     -webkit-background-size: cover;
     background-size: cover;
     background-position: right;
}
 .action p {
     font-size: 18px;
     color: #797979;
     line-height: 1.5;
     text-align: center;
     margin-bottom: 35px;
}
 .action a {
     font-size: 14px;
     font-weight: 700;
     color: #fff;
     text-decoration: underline;
     text-transform: uppercase;
     line-height: 1.2;
     text-align: center;
     display: inline;
     width: 100%;
     letter-spacing: 1px;
}
 .action_links {
     font-size: 13px;
     display: block;
     padding: 6px 10px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     background: #f7f7f7;
     margin-bottom: 10px;
     position: relative;
}
 .action_links:hover, .action_links:hover a {
     background: #f8523b;
     color: #fff;
}
 .action_links img {
     vertical-align: top;
     display: inline-block;
     margin-right: 10px;
     width: 30px;
     position: absolute;
     left: 10px;
     top: 6px;
}
 .action_links span {
     vertical-align: middle;
     display: inline-block;
     text-align: left;
     padding-left: 40px;
     max-width: 185px;
}
 .action_links a {
     display: inline;
     color: #525252;
     text-decoration: none;
     border-bottom: 1px solid #e5e5e5;
}
 .catalog {
     background: #fafafa;
}
 .allprod {
     position: relative;
     min-height: 455px;
     margin-bottom: 30px;
}
 .allprod:hover > .product {
     border: 1px solid #fff;
     z-index: 9999;
}
 .allprod:hover .name-product {
     color: #f8523b;
}
 .allprod .product {
     background-color: #fff;
     border: 1px solid #fff;
     min-height: 100%;
     width: 100%;
     position: absolute;
}
 .allprod .product:hover {
     -webkit-box-shadow: 0 3px 12px 0 rgba(3, 87, 122, 0.3);
     box-shadow: 0 3px 12px 0 rgba(3, 87, 122, 0.3);
}
 .allprod .product:hover > .information {
     display: block;
     opacity: 1;
}
 .allprod .product .product-img {
     padding: 3px 3px 10px;
     position: relative;
     text-align: center;
     border: 1px solid #f5f5f5;
}
 .allprod .product .product-img img {
     max-height: 200px;
}
 .allprod .product .product-img .today-action {
     position: absolute;
     width: 100%;
     bottom: 0;
     left: 0;
     margin: 0;
}
 .allprod .product .product-img .today-action h3 {
     font-size: 16px;
     text-align: left;
}
 .allprod .product .product-img .today-action .actions .desc {
     font-size: 12px;
     margin-right: 0;
     display: block;
}
 .allprod .product .product-img .today-action .msd_remains {
     display: inline-block;
}
 .allprod .product .product-img .today-action .msd_remains span {
     font-size: 16px;
}
 .allprod .product .product-img .today-action .msd_remains .minutes:before, .allprod .product .product-img .today-action .msd_remains .seconds:before {
     top: -5px;
}
 .allprod .product .badges {
     position: absolute;
     left: 5px;
     top: 5px;
     z-index: 5;
}
 .allprod .product .badges .product-badge {
     display: block;
}
 .allprod .product .badges .product-badge + .product-badge {
     margin-top: 5px;
}
 .allprod .product .badges .product-badge_new {
     background: url(../i/ico/s_new-1.svg) 0 0 no-repeat;
     width: 84px;
     height: 20px;
     display: block;
}
 .allprod .product .badges .product-badge_sale {
     background: url(../i/ico/s_sale.svg) 0 0 no-repeat;
     width: 76px;
     height: 20px;
     display: block;
}
 .allprod .product .badges .product-badge_hit {
     display: block;
     background: url(../i/ico/s_hit.svg) 0 0 no-repeat;
     width: 53px;
     height: 20px;
}
 .allprod .product .badges .product-badge_discount {
     display: block;
}
 .allprod .product .like {
     width: 30px;
     float: right;
}
 .allprod .product .top-like {
     position: absolute;
     top: 8px;
     width: 93%;
}
 .allprod .info-product {
     padding: 5px 10px 15px;
}
 .allprod .info-product li {
     display: inline-block;
     margin-right: 2px;
     margin-bottom: 12px;
}
 .allprod .info-product li img {
     width: 15px;
     height: 15px;
}
 .allprod .price_row .col-6:first-child {
     padding-right: 0px;
}
 .allprod .price {
     font-size: 28px;
     color: #000;
     line-height: 1.2;
     display: inline-block;
}
 .allprod .price .price-curr {
    display: inline-block;
    vertical-align: top;
    line-height: 21px;
    font-size: 9px;
    letter-spacing: 0.5px;
    color: #292d33;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    height: 20px;
}
 .allprod .price .price-curr:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 2.5px;
    background-color: #000000;
 }
.allprod .price .price-old-s {
    color: #e20724;
    font-size: 13px;
    text-decoration: line-through;
}
 .allprod .price_opt {
     margin: 0 auto;
     padding: 3px;
     max-width: 300px;
     list-style: none;
     -webkit-column-count: 2;
     -webkit-column-gap: 10px;
     -webkit-column-rule: 1px solid #e2e2e2;
     -moz-column-count: 2;
     -moz-column-gap: 50px;
     -moz-column-rule: 1px solid #e2e2e2;
     column-count: 2;
     column-gap: 10px;
     column-rule: 1px solid #e2e2e2;
     font-size: 12px;
     border: 1px solid #f4f4f4;
}
 .allprod .price_opt li {
     display: table;
     width: 100%;
     border-bottom: 1px solid #f4f4f4;
     margin-bottom: 2px;
}
 .allprod .price_opt li:nth-child(2n) {
     border-bottom: none;
}
 .allprod .price_opt li b, .allprod .price_opt li span {
     display: table-cell;
     vertical-align: top;
     padding: 2px 5px;
}
 .allprod .price_opt li span {
     width: 1px;
     white-space: nowrap;
     padding-top: 0px;
     font-weight: 700;
}
 .allprod dl.price_inline {
     display: grid;
     grid-template-columns: auto 1fr;
     grid-column-gap: 5px;
     grid-row-gap: 6px;
     margin: 7px 0px 3px 0px;
     line-height: 1.2;
     font-size: 13px;
}
 .allprod dl.price_inline dt {
     position: relative;
     grid-column: 1;
     overflow: hidden;
     min-width: 96px;
}
 .allprod dl.price_inline dt::after {
     position: absolute;
     top: 0.6em;
     width: 100%;
     margin-left: 0.75em;
     border-bottom: 1px dotted #ccc;
     content: '';
}
 .allprod dl.price_inline dd {
     grid-column: 2;
     margin-left: 0;
}
 .allprod .product_specs {
     padding-bottom: 5px;
     font-size: 13px;
     display: table;
}
 .allprod .product_specs img {
     vertical-align: middle;
     display: table-cell;
     margin-right: 7px;
     width: 14px;
}
 .allprod .product_specs span {
     vertical-align: middle;
     display: table-cell;
     color: #797979;
}
 .allprod .name-product {
     font-size: 14px;
     color: #212121;
     border-bottom: 1px solid #e5e5e5;
     line-height: 1.2;
     display: inline;
     margin-bottom: 12px;
     text-transform:uppercase;
}
 .allprod .name-product_article {
     margin-bottom: 4px;
     color: #acacac;
     font-size: 13px;
}
 .allprod .add {
     width: 18px;
}
 .allprod .adn {
     margin: 20px 0;
}
 .allprod .information {
     padding: 0px 10px 15px;
     z-index: 999;
     width: 100%;
     display: none;
     opacity: 0;
}
 .allprod .information .btn_one_click {
     display: block;
     color: #000;
     margin-top: 13px;
     margin-bottom: 10px;
     text-transform: lowercase;
     font-weight: 700;
}
 .allprod .information .btn_one_click img {
     width: 16px;
}
 .allprod .information .btn_one_click span {
     border-bottom: 1px solid #dedede;
     color: #000;
     font-weight: 700;
     margin-left: 25px;
}
 .allprod .information p {
     font-size: 14px;
     color: #535353;
     line-height: 1.2;
     text-align: center;
     margin-bottom: 10px;
}
 .allprod .information span {
     font-size: 14px;
     color: #585858;
     font-weight: 300;
     line-height: 1.3;
     text-align: left;
}
 .allprod .product_fav {
     padding-top: 5px;
}
 .allprod .product_fav img {
     width: 20px;
}
 .allprod .product_fav a {
     color: #ffd3d3;
}
 .allprod .product_fav span {
     font-weight:400;
}
 .allprod .product_fav a:hover span {
     color: #e31e25;
}
 .allprod .product_compare {
     padding-top: 5px;
     text-align: right;
}
 .too000000 {
     background-color: #eaffeb;
     height: 22px;
     -webkit-border-radius: 21px;
     border-radius: 21px;
     font-size: 14px;
     color: #00b147;
     line-height: 21px;
     display: inline-block;
     position: relative;
     margin-bottom: 10px;
     margin-top: 6px;
}
 .modal {
     z-index: 100009 !important;
}
 .promocode {
     max-width: 300px;
     line-height: 1.3;
     margin: 30px auto;
     text-align: center;
     padding: 15px 15px;
     background: rgba(39, 53, 74, 0.1);
}
 .too {
     height: 22px;
     -webkit-border-radius: 21px;
     border-radius: 21px;
     font-size: 13px;
     color: #00b147;
     line-height: 21px;
     display: inherit;
     position: relative;
     margin-top: -1px;
     text-align: center;
}
 .too.too_offer {
     color: #0172f8;
}
 .too.too_nothing {
     color: #f10303;
}
 .too img {
     top: -1px;
     position: relative;
     height: 17px;
}
 .profit {
     padding-top: 2px;
     text-align: right;
}
 .profit span {
     background-color: #f81d65;
     font-size: 11px;
     color: #fff;
     line-height: 0;
     padding: 3px 5px;
     height: 13px;
}
 .buy {
     font-size: 16px;
     font-weight: 900;
     text-transform:uppercase;
     color: #fff;
     background-color: #0172f8;
     width: 100%;
     height: 35px;
     display: block;
     text-align: center;
     margin-top: -5px;
     border: 1px solid transparent;
     cursor: pointer;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .buy:hover {
     color: #0172f8;
     border: 1px solid #0172f8;
     background: transparent;
}
 .test-product {
     background-color: #0172f8;
     margin-bottom: 30px;
     width: 100%;
     text-align: center;
     padding: 35px 15px 20px;
     min-height: 435px;
     background: url(../i/bg/bg-samples.svg) no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: top;
}
 .test-product h3 {
     font-size: 33px;
     font-weight: 900;
     color: #fff;
     line-height: 1.2;
     text-align: center;
     margin-bottom: 25px;
}
 .test-product img {
     width: 70px;
}
 .test-product p {
     font-size: 17px;
     color: #f4faff;
     line-height: 1.2;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 20px;
}
 .test-product a {
     background-color: #f81d65;
     width: 170px;
     height: 45px;
     font-size: 22px;
     font-weight: 700;
     color: #fff;
     text-transform: uppercase;
     line-height: 41px;
     text-align: center;
     display: inline-block;
     border: 2px solid transparent;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .test-product a:hover {
     background-color: #fff;
     color: #f81d65;
     border: 2px solid #fff;
}
 footer {
     background: #fff;
}
 footer .footer__topbar {
     padding-top: 52px;
     padding-bottom: 45px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 footer .footer__subtitle {
     margin-top: 0;
     margin-bottom: 15px;
     font-size: 18px;
     font-weight: 900;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #353535;
}
 footer .footer__item {
     width: 20%;
}
 footer ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 footer ul li {
     display: block;
     margin-bottom: 8px;
}
 footer ul li:last-child {
     margin-bottom: 0;
}
 footer ul li a {
     font-size: 17px;
     color: #3c3c3c;
     border-bottom: 1px solid #eaeaea;
     -webkit-transition: all 0.25s ease-in-out;
     -o-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
}
 footer ul li a:hover {
     color: #000;
     background: #eaeaea;
}
 footer .footer__tel {
     font-size: 24px;
     font-weight: 900;
     line-height: 100%;
     letter-spacing: 1px;
     color: #353535;
     display: block;
     margin-bottom: 10px;
     -webkit-transition: all 0.25s ease-in-out;
     -o-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
}
 footer .footer__tel:hover {
     color: #f8523b;
}
 footer .footer__cllbck {
     width: 98%;
     margin-bottom: 15px;
     position:relative;
}
 footer .footer__cllbck span { padding-left: 25px;}
.footer__cllbck span:before {
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/callback.svg);
}
.footer__cllbck span:before {
    width: 22px;
    height: 22px;
    content: " ";
    background-repeat: no-repeat;
    position: absolute;
    left: 40px;
    top: 12px;
}

 footer .footer__time {
     font-size: 14px;
     display: block;
     color: #6e777b;
     margin-bottom: 12px;
}
 footer .footer__mail {
     display: inline-block;
     font-size: 19px;
     font-weight: 700;
     color: #353535;
     -webkit-transition: all 0.25s ease-in-out;
     -o-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
 footer .footer__mail:hover {
     color: #f8523b;
}
 footer .footer__socials {
     margin-top: 15px;
}
 footer .footer__soc img {
     margin-right: 6px;
     width: 45px;
}
 footer .footer__bottombar {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding-top: 25px;
     padding-bottom: 25px;
     color: #353535;
     border-top: 1px solid #E4EAED;
}
 footer .footer__copy, footer .footer__dev {
     color: #3c3c3c;
     font-weight: 400;
     font-size: 14px;
}
 footer .footer__dev {
     position: relative;
     display: block;
}
 footer .footer__dev:hover svg {
     color: #ff4725;
}
 footer .footer__dev svg {
     margin-left: 5px;
}
 .breadcrumbs {
     padding: 15px 0;
     margin-top: 0;
     position: relative;
}
 .breadcrumbs .breadcrumb {
     -webkit-border-radius: 0;
     border-radius: 0;
     padding: 5px 15px;
     margin-bottom: 5px;
     background: #F7F7F7;
}
 .breadcrumbs .breadcrumb li a, .breadcrumbs .breadcrumb li {
     font-size: 14px;
}
 .def-section {
     padding: 15px 0px;
    /*overflow: hidden;
    */
}
 .def-section-2 {
     padding:0px;
}
 .def-section.grey {
     background: #f9f9f9;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#f6fcfd40));
     background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f6fcfd40 100%);
     background-image: -o-linear-gradient(bottom, #ffffff 0%, #f6fcfd40 100%);
     background-image: linear-gradient(0deg, #ffffff 0%, #f6fcfd40 100%);
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}
 .def-section .title-block {
     text-align: center;
}
 .def-section .title-block h2 {
     text-transform: uppercase;
     font-weight: 900;
}
 .def-section .title-block .desc {
     font-weight: 700;
     color: #949494;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}
/* ---------- PRODUCTS ------------ */
 .avaibles {
     display: block;
}
 .avaibles.instock {
     color: #0E8420;
     font-size: 14px;
}
 .avaibles.instock::before {
     content: '';
     width: 7px;
     height: 7px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
     background: #0E8420;
     margin-bottom: 1px;
     margin-right: 5px;
}
 .avaibles.outstock {
     color: #ff0039;
     font-size: 14px;
}
 .avaibles.outstock::before {
     content: '';
     width: 7px;
     height: 7px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
     background: #ff0039;
     margin-bottom: 1px;
     margin-right: 5px;
}
 .blocks {
     margin: 20px 0;
     border: 1px solid #f1f1f1;
     border-radius: 4px;
     padding-top: 20px;
     width:90%;
}
 .blocks h4 {
     font-weight: 900;
     text-transform: uppercase;
     font-size: 20px;
     padding-left:20px;
}
 .blocks .slider-block {
     position: relative;
     padding: 0 0;
}
 .blocks .slider-block .item {
     padding: 0 10px;
}
 .blocks .slider-block .image {
     position: relative;
}
 .blocks .slider-block .image .badges {
     position: absolute;
     left: 5px;
     top: 5px;
     z-index: 5;
}
 .blocks .slider-block .image .badges .product-badge {
     display: block;
}
 .blocks .slider-block .image .badges .product-badge + .product-badge {
     margin-top: 5px;
}
 .blocks .slider-block .image .badges .product-badge_new {
     background: url(../i/ico/s_new-1.svg) 0 0 no-repeat;
     width: 84px;
     height: 20px;
     display: block;
}
 .blocks .slider-block .image .badges .product-badge_sale {
     background: url(../i/ico/s_sale.svg) 0 0 no-repeat;
     width: 76px;
     height: 20px;
     display: block;
}
 .blocks .slider-block .image .badges .product-badge_hit {
     display: block;
     background: url(../i/ico/s_hit.svg) 0 0 no-repeat;
     width: 53px;
     height: 20px;
}
 .blocks .slider-block .image .badges .product-badge_discount {
     display: block;
}
 .blocks .slider-block .image img {
     max-width: 200px;
     width: 100%;
}
 .blocks .slider-block .description {
     position: relative;
}
 .blocks .slider-block .description a {
     font-size: 14px;
     color: #212121;
     border-bottom: 1px solid #e5e5e5;
     line-height: 1.2;
     display: inline;
     margin-bottom: 12px;
}
 .blocks .slider-block .description a:hover {
     color: #f8523b;
}
 .blocks .slider-block .description .price_row {
     margin: 10px 0;
}
 .blocks .slider-block .description .price_row .price {
     font-size: 20px;
     color: #000;
     line-height: 1.2;
     display: inline-block;
}
.analogs {
  display: block;
  margin: 15px 0;
  padding: 10px 10px;
  border: 1px solid #f8523b;
  -webkit-border-radius: 5px;
          border-radius: 5px; }
  .analogs h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0; }
  .analogs .analog-item {
    padding: 10px 0; }
    .analogs .analog-item .image {
      margin-right: -10px; }
    .analogs .analog-item .text {
      margin-left: -10px; }
      .analogs .analog-item .text a.title {
        font-size: 12px;
        color: #2b2a28;
        line-height: 10px; }
      .analogs .analog-item .text .price {
        font-weight: 900;
        display: block;
        font-size: 16px; }
 .products {
     position: relative;
}
 .products .paging {
     display: block !important;
     padding: 10px 0;
}
 .products .paging .pagination {
     -ms-flex-pack: center !important;
     -webkit-box-pack: center !important;
     -webkit-justify-content: center !important;
     justify-content: center !important;
}
 .products .item {
     background: #ffffff;
     border: 1px solid transparent;
     -webkit-box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
     box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
     margin-bottom: 30px;
     position: relative;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item:hover {
     border: 1px solid #0086ff;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text {
     padding: 15px 15px 120px;
}
 .products .item .text .prices-block {
     position: absolute;
     bottom: 15px;
     left: 15px;
     right: 15px;
}
 .products .item .text .category {
     font-size: 14px;
     color: #838383;
     display: block;
}
 .products .item .text a.title {
     font-size: 16px;
     color: #000;
     font-weight: bold;
     display: block;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text a.title:hover {
     color: #0086ff;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text form {
     text-align: center;
     padding: 15px 0 10px;
}
 .products .item .text form .btn {
     font-size: 14px;
     color: #ffffff;
     font-weight: bold;
     display: block;
     width: 100%;
     margin-bottom: 5px;
}
 .products .item .text form .one-click {
     color: #e31e25;
     display: block;
     font-size: 14px;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text form .one-click:hover {
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text form .one-click:hover span {
     border-bottom: 1px dashed #0086ff;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text form .one-click span {
     border-bottom: 1px dashed #e31e25;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .products .item .text .prices {
     position: relative;
     text-align: center;
}
 .products .item .text .prices .old_price {
     font-size: 14px;
     text-decoration: line-through;
     color: #838383;
     display: inline-block;
}
 .products .item .text .prices .price {
     color: #e31e25;
     font-size: 20px;
     font-weight: bold;
     display: inline-block;
}
 .products .item .text .characters {
     position: relative;
     padding: 10px 0;
}
 .products .item .text .characters .char-item {
     position: relative;
     font-size: 14px;
     text-align: justify;
     margin-bottom: -16px;
}
 .products .item .text .characters .char-item::before {
     content: '';
     display: block;
     width: 100%;
     height: 0;
}
 .products .item .text .characters .char-item::after {
     width: 100%;
     height: 0;
     visibility: hidden;
     overflow: hidden;
     content: '';
     display: inline-block;
}
 .products .item .text .characters .char-item .label {
     color: #464b52;
     display: inline-block;
}
 .products .item .text .characters .char-item .value {
     color: #0086ff;
     display: inline-block;
}
 .products .item .text .features {
     position: relative;
     padding: 10px 0;
     border-bottom: 1px solid #e8e8e8;
     font-size: 0;
}
 .products .item .text .features .feature-item {
     width: 30%;
     display: inline-block;
}
 .products .item .text .features .feature-item:first-child {
     width: 40%;
}
 .products .item .text .features .feature-item:nth-child(2) {
     text-align: center;
}
 .products .item .text .features .feature-item i, .products .item .text .features .feature-item .iconms {
     font-size: 20px;
     color: #0086ff;
     display: inline-block;
     margin-right: 5px;
     vertical-align: middle;
}
 .products .item .text .features .feature-item .iconms {
     font-weight: bold;
     font-size: 16px;
}
 .products .item .text .features .feature-item span {
     color: #464b52;
     display: inline-block;
     font-size: 12px;
     vertical-align: middle;
}
 .products .item .image {
     position: relative;
     text-align: center;
}
 .products .item .image a {
     display: block;
     max-height: 155px;
     line-height: 155px;
}
 .products .item .image a img {
     max-height: 155px;
}
 .products .item .image .bigger {
     padding-bottom: 15px;
}
 .products .item .image .bigger .vendor {
     bottom: 0;
}
 .products .item .image .labels {
     position: absolute;
     text-align: left;
     top: 10px;
     left: 10px;
     z-index: 10;
}
 .products .item .image .labels > div + div {
     margin-top: 5px;
}
 .products .item .image .labels .labels-hits {
     color: #ffffff;
     background: #e31e25;
     font-size: 10px;
     text-transform: uppercase;
     padding: 3px 5px;
     display: inline-block;
}
 .products .item .image .labels .labels-action {
     color: #ffffff;
     background: #0E8420;
     font-size: 10px;
     text-transform: uppercase;
     padding: 3px 5px;
     display: inline-block;
}
 .products .item .image .labels .labels-new {
     color: #ffffff;
     background: #0086ff;
     font-size: 10px;
     text-transform: uppercase;
     padding: 3px 5px;
     display: inline-block;
}
 .bigger {
     position: relative;
}
 .bigger .vendor {
     max-height: 20px;
     position: absolute;
     bottom: 15px;
     left: 15px;
     z-index: 10;
}
 .bigger .badges {
     position: absolute;
     left: 5px;
     top: 5px;
     z-index: 5;
}
 .bigger .badges .product-badge {
     display: block;
}
 .bigger .badges .product-badge + .product-badge {
     margin-top: 5px;
}
 .bigger .badges .product-badge_new {
     background: url(../i/ico/s_new-1.svg) 0 0 no-repeat;
     width: 84px;
     height: 20px;
     display: block;
}
 .bigger .badges .product-badge_sale {
     background: url(../i/ico/s_sale.svg) 0 0 no-repeat;
     width: 76px;
     height: 20px;
     display: block;
}
 .bigger .badges .product-badge_hit {
     display: block;
     background: url(../i/ico/s_hit.svg) 0 0 no-repeat;
     width: 53px;
     height: 20px;
}
 .bigger .badges .product-badge_discount {
     display: block;
}
/* ---------- PRODUCTS ------------ */
/* ----------- PRODUCT ------------ */
 .one-click, .compare {
     color: #e31e25;
     display: block;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .one-click:hover, .compare:hover {
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     color: #e31e25;
}
 .one-click:hover span, .compare:hover span {
     border-bottom: 1px dashed transparent;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .one-click span, .compare span {
     border-bottom: 1px dashed #e31e25;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .bigger {
     position: relative;
}
 .bigger .vendor {
     max-height: 20px;
     position: absolute;
     bottom: 15px;
     left: 15px;
     z-index: 10;
}
 .product-details {
     position: relative;
     margin-bottom:20px;
}
 .product-details h1 {
     text-align: left;
     background: transparent;
     color: #444;
}
 .product-details h1::after {
     display: none;
}
 .product-details .product-gallery {
     position: relative;
}
 .product-details .product-gallery .big-gallery {
     position: relative;
     border-top: 1px solid #f7f7f7;
     border-left: 1px solid #f7f7f7;
     border-right: 1px solid #f7f7f7;
}
 .product-details .product-gallery .big-gallery .item {
     max-height: 330px;
     text-align: center;
     line-height: 310px;
     padding: 10px 10px;
}
 .product-details .product-gallery .big-gallery .item img {
     display: inline-block;
     max-height: 310px;
     width: auto;
}
 .product-details .product-gallery .big-gallery .owl-prev, .product-details .product-gallery .big-gallery .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     color: #d1d1d1;
     font-size: 20px;
}
 .product-details .product-gallery .big-gallery .owl-prev:hover, .product-details .product-gallery .big-gallery .owl-next:hover {
     color: #0086ff;
}
 .product-details .product-gallery .big-gallery .owl-prev {
     left: 5px;
}
 .product-details .product-gallery .big-gallery .owl-next {
     right: 5px;
}
 .product-details .product-gallery .small-gallery {
     position: relative;
     border-top: 1px solid #f7f7f7;
}
 .product-details .product-gallery .small-gallery .owl-stage-outer {
     margin-right: -1px;
}
 .product-details .product-gallery .small-gallery .owl-item.current .itemer {
     border: 1px solid #e31e25;
}
 .product-details .product-gallery .small-gallery .itemer {
     max-height: 105px;
     text-align: center;
     line-height: 85px;
     padding: 10px 10px;
     border: 1px solid #f7f7f7;
}
 .product-details .product-gallery .small-gallery .itemer img {
     display: inline-block;
     max-height: 85px;
     width: auto;
}
 .product-details .product-gallery .small-gallery .owl-prev, .product-details .product-gallery .small-gallery .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     color: #d1d1d1;
     font-size: 20px;
}
 .product-details .product-gallery .small-gallery .owl-prev:hover, .product-details .product-gallery .small-gallery .owl-next:hover {
     color: #0086ff;
}
 .product-details .product-gallery .small-gallery .owl-prev {
     left: 5px;
}
 .product-details .product-gallery .small-gallery .owl-next {
     right: 5px;
}
 .product-details .product-description {
     position: relative;
     padding: 15px 15px 15px 0;
}
 .product-details .product-description .addition-options {
     position: relative;
}
 .product-details .product-description .addition-options > div + div {
     margin-top: 15px;
}
 .product-details .product-description .addition-options .sub-title {
     font-weight: bold;
     display: block;
     margin: 0 0 10px;
}
 .product-details .product-description .addition-options .product-color {
     position: relative;
}
 .product-details .product-description .addition-options .product-color .border-pick {
     border: 1px solid #2b2a28;
}
 .product-details .product-description .addition-options .product-color .colors {
     position: relative;
     overflow: hidden;
}
 .product-details .product-description .addition-options .product-color .colors .item {
     position: relative;
     display: inline-block;
}
 .product-details .product-description .addition-options .product-color .colors .item div {
     position: relative;
}
 .product-details .product-description .addition-options .product-color .colors .item div img {
     border: none;
     border: 1px solid #2b2a28;
}
 .product-details .product-description .addition-options .product-color .colors .item input {
     position: absolute;
     visibility: hidden;
}
 .product-details .product-description .addition-options .product-color .colors .item input:checked + div::before {
     font-family: "Font Awesome 5 Pro";
     content: "\f00c";
     font-weight: 900;
     position: absolute;
     line-height: 27px;
     left: 0;
     right: 0;
     display: inline-block;
     width: 25px;
     text-align: center;
     color: #fff;
}
 .product-details .product-description .addition-options .product-size {
     width: 100%;
     display: inline-block;
     margin-bottom: 25px;
}
 .product-details .product-description .addition-options .product-size span {
     padding: 6px 12px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     float: left;
     background: #EFEFEF;
     text-align: center;
     margin-right: 10px;
     margin-bottom: 7px;
     font-size: 14px;
     font-weight: 700;
     cursor: pointer;
}
 .product-details .product-description .addition-options .product-size span.active {
     background: #333 !important;
     color: #fff;
}
 .product-details .product-description .features {
     position: relative;
     padding: 0 0 10px;
     font-size: 0;
}
 .product-details .product-description .features .feature-item {
     width: 30%;
     display: inline-block;
}
 .product-details .product-description .features .feature-item:nth-child(1) {
     width: 40%;
}
 .product-details .product-description .features .feature-item:nth-child(2) {
     text-align: center;
}
 .product-details .product-description .features .feature-item:nth-child(3) {
     text-align: right;
}
 .product-details .product-description .features .feature-item i, .product-details .product-description .features .feature-item .iconms {
     font-size: 30px;
     color: #0086ff;
     display: inline-block;
     margin-right: 5px;
     vertical-align: middle;
}
 .product-details .product-description .features .feature-item .iconms {
     font-weight: bold;
     font-size: 20px;
}
 .product-details .product-description .features .feature-item span {
     color: #464b52;
     display: inline-block;
     font-size: 16px;
     vertical-align: middle;
}
 .product-details .product-description .characters {
     position: relative;
     margin: 10px 0;
}
 .product-details .product-description .characters .item {
     position: relative;
     padding: 3px 0;
}
 .product-details .product-description .characters .item::after {
     content: '';
     height: 1px;
     border-bottom: 1px dotted #0086ff;
     display: block;
     bottom: 8px;
     position: absolute;
     left: 0;
     width: 100%;
     z-index: -1;
}
 .product-details .product-description .characters .item .label {
     font-size: 14px;
     color: #2b2a28;
     width: 60%;
}
 .product-details .product-description .characters .item .label span {
     display: inline-block;
     background: #ffffff;
     padding-right: 5px;
}
 .product-details .product-description .characters .item .value {
     font-size: 14px;
     color: #0086ff;
     font-weight: bold;
     width: 40%;
     text-align: right;
}
 .product-details .product-description .characters .item .value span {
     display: inline-block;
     background: #ffffff;
     padding-left: 5px;
}
 .product-details .product-description .characters .item .value span small {
     font-weight: bold;
}
 .product-details .product-description .offer-features {
     position: relative;
}
 .product-details .product-description .offer-features .item {
     position: relative;
}
 .product-details .product-description .offer-features .item span {
     color: #2b2a28;
     font-size: 14px;
}
 .product-details .product-description .guarantee {
     padding: 10px 0;
}
 .product-details .product-description .guarantee span {
     width: 50%;
     font-size: 14px;
}
 .product-details .product-description .guarantee span:nth-child(2) {
     text-align: right;
}
 .product-details .description {
     padding: 10px 0;
}
 .product-details .description p {
     font-size: 14px;
}
 .product-details .product-form {
     position: relative;
     margin: 20px 0;
}
 .product-details .product-form .buttons {
     padding: 15px 0;
}
 .product-details .product-form .compare {
     text-align: right;
}
 .product-details .product-form .one-click {
     text-align: right;
}
 .product-details .product-form .price {
     text-align: right;
     font-weight: bold;
     font-size: 24px;
     color: #e31e25;
}
 .product-details .product-form .price i {
     font-size: 18px;
}
 .product-details .product-form input {
     margin: 0 2px;
     max-width: 50px;
     min-height: 48px;
     font-size: 18px;
     border: 0;
     text-align: center;
}
 .product-details .product-form .btn--count {
     width: 35px;
     height: 35px;
     font-size: 18px;
     text-align: center;
     font-weight: bold;
     border: 1px solid #f3f3f3;
     line-height: 18px;
     background: #FFF;
     color: #2b2a28;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .product-details .product-form .btn--count:focus {
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .product-details .product-form .btn--count:hover {
     color: #ffffff;
     background: #e31e25;
     border: 1px solid #e31e25;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .card-soup {
     position: relative;
}
 .card-soup .nav-item + .nav-item {
     margin-top: 10px;
}
 .card-title {
     margin-bottom: 0;
}
 .card-title .nav-link {
     padding: 0;
}
 .card {
     position: relative;
}
 .card .fade:not(.show) {
     opacity: 1;
}
 .product-tabs {
     position: relative;
     padding: 30px 0;
}
 .product-tabs .nav-tabs {
     background: #f3f3f3;
     -webkit-border-radius: 40px;
     border-radius: 40px;
     border: none;
     padding: 0;
}
 .product-tabs .nav-tabs .nav-item.show .nav-link, .product-tabs .nav-tabs .nav-link.active {
     color: #fff;
     background-color: #0086ff;
     -webkit-border-radius: 40px;
     border-radius: 40px;
}
 .product-tabs .nav-tabs .nav-link {
     border: none;
     color: #2b2a28;
     font-size: 14px;
     font-weight: normal;
}
 .product-features {
     position: relative;
}
 .product-features .features-category {
     position: relative;
     padding-left: 100px;
     margin-bottom: 30px;
}
 .product-features .features-category img, .product-features .features-category i {
     position: absolute;
     top: 0;
     left: 0;
     max-width: 78px;
     height: auto;
     font-size: 30px;
     color: #203b57;
}
 .product-features .features-category h4 {
     text-transform: uppercase;
     color: #203b57;
     line-height: 30px;
     margin: 0 0 10px 0;
}
 .product-features .features-category p {
     margin: 0 0 10px 0;
     color: #767676;
}
 .product-features .features-category .items {
     overflow: hidden;
}
 #schemes {
     position: relative;
}
 #schemes h5 {
     text-align: center;
}
 #schemes figure {
     border: 1px solid #d7d7d7;
     margin-bottom: 20px;
}
 .related_slider {
     position: relative;
}
 .related_slider .item {
     -webkit-box-shadow: none;
     box-shadow: none;
     border: 1px solid #f5f5f5;
}
 .related_slider .item img {
     display: inline-block !important;
}
 .related_slider .owl-prev, .related_slider .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     background: #0086ff;
     color: #fff;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .related_slider .owl-prev {
     left: -15px;
}
 .related_slider .owl-next {
     right: -15px;
}
/* ----------- PRODUCT ------------ */
/* ----------- RUBRICS ------------ */
 .rubric-list {
     position: relative;
     padding: 15px 0;
}
 .rubric-list .item {
     position: relative;
     margin-bottom: 30px;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .rubric-list .item:hover {
     -webkit-box-shadow: 0 0 20px 5px #f1f1f1;
     box-shadow: 0 0 20px 5px #f1f1f1;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .rubric-list .item:hover a::before {
     background: rgba(0, 0, 0, 0.1);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .rubric-list .item a {
     display: block;
     text-transform: uppercase;
     position: relative;
}
 .rubric-list .item a::before {
     content: '';
     width: 100%;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.4);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .rubric-list .item a span {
     display: block;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: bold;
     position: absolute;
     bottom: 15px;
     left: 15px;
     max-width: 70%;
     color: #ffffff;
}
/* ----------- RUBRICS ------------ */
/* ----------- COMPARE ------------ */
 .compare-table-header {
     position: relative;
}
 .compare-table-header.fixed {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background: #fff;
     z-index: 99;
}
 .compare-table-header .compare-slider {
     position: relative;
}
 .compare-table-header .compare-slider .owl-stage-outer {
     padding: 30px 5px 45px;
}
 .compare-table-header .compare-slider .owl-prev, .compare-table-header .compare-slider .owl-next {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     background: #0086ff;
     color: #fff;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .compare-table-header .compare-slider .owl-prev {
     left: -15px;
}
 .compare-table-header .compare-slider .owl-next {
     right: -15px;
}
 .compare-table-header .product_wrap {
     display: inline-block;
     width: 100%;
     position: relative;
}
 .compare-table-header .product_wrap .allprod .price_opt li {
     font-size: 10px;
}
 .compare-table-header .product_wrap img {
     display: inline-block;
}
 .compare-table-header .product_wrap a.close {
     position: absolute;
     top: 5px;
     right: 5px;
     width: 30px;
     height: 30px;
     display: inline-block;
     border: 1px solid #ff0039;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     z-index: 10000;
}
 .compare-table-header .product_wrap a.close:hover {
     opacity: 1;
}
 .compare-table-header .product_wrap a.close::before, .compare-table-header .product_wrap a.close::after {
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -1px;
     margin-top: -8px;
     content: ' ';
     height: 15px;
     width: 2px;
     display: inline-block;
     background-color: #ff0039;
}
 .compare-table-header .product_wrap a.close::before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .compare-table-header .product_wrap a.close::after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .compare-tables {
     position: relative;
}
 .compare-tables .compare-table {
     position: relative;
}
 .compare-tables .compare-table .title {
     width: 100%;
     padding: 15px 0;
     cursor: pointer;
     border-bottom: 1px solid #d8d8d8;
}
 .compare-tables .compare-table .title span {
     font-size: 18px;
     line-height: 26px;
     color: #2b2a28;
     position: relative;
}
 .compare-tables .compare-table .title span i {
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .compare-tables .compare-table.collapsed {
     position: relative;
}
 .compare-tables .compare-table.collapsed .title span i {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .compare-tables .compare-table.collapsed .table-row {
     display: none;
}
 .compare-tables .compare-table .table-row {
     border-bottom: 1px solid #d8d8d8;
     display: block;
     position: relative;
     padding: 5px 0;
     font-size: 0;
}
 .compare-tables .compare-table .table-row.different {
     background-color: #daf3fe;
}
 .compare-tables .compare-table .table-row .table-title {
     width: 100%;
     font-size: 16px;
     line-height: 26px;
     padding: 5px 10px 5px 10px;
     color: grey;
}
 .compare-tables .compare-table .table-row .table-value {
     display: inline-block;
     font-size: 16px;
     line-height: 26px;
     padding: 5px 10px 5px 20px;
     vertical-align: middle;
     width: 20%;
}
/* ----------- COMPARE ------------ */
/* ----------- WIDGETS ------------ */
 .widget {
     position: relative;
     border: 1px solid #dddddd;
}
 .widget + .widget {
     margin-top: 30px;
}
 .widget .title {
     background: #f3f3f3;
     color: #000;
     font-size: 16px;
     letter-spacing:1px;
     font-weight: 900;
     display: block;
     padding: 15px 0px 15px 45px;
     font-family: "Futur", Arial, sans-serif;
     font-family: 'Geologica', sans-serif;
}
 .widget > .widget-content {
     position: relative;
     padding: 0px 0px;
}
 .widget.catalog {
     border: none;
     -webkit-box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
     box-shadow: 0 0 27px 4px rgba(0, 0, 0, 0.16);
}
 .widget.catalog .widget-title {
     background: #0086ff;
     text-transform: uppercase;
     color: #ffffff;
     font-size: 18px;
     font-weight: bold;
     padding: 10px 15px;
}
 .widget .filter__subtitle:before {
     content: " ";
     background-image: url(https://ledsystems.ua/assets/files/images/ico/filter-b.svg);
     background-repeat: no-repeat;
     position: absolute;
     left: 15px;
     top: 16px;
     width: 21px;
     height:21px;
}


 .widget.catalog > .widget-content {
     padding: 0;
}
 .widget.catalog > .widget-content ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .widget.catalog > .widget-content ul li {
     display: block;
}
 .widget.catalog > .widget-content > ul {
     position: relative;
}
 .widget.catalog > .widget-content > ul > li {
     display: block;
}
 .widget.catalog > .widget-content > ul > li + li a {
     border-top: 1px solid #ffffff;
}
 .widget.catalog > .widget-content > ul > li > ul {
     display: none;
}
 .widget.catalog > .widget-content > ul > li > ul > li {
     display: block;
}
 .widget.catalog > .widget-content > ul > li > ul > li > a {
     display: block;
     color: #3b3e41;
     font-size: 14px;
     text-transform: uppercase;
     padding: 3px 35px 3px 25px;
}
 .widget.catalog > .widget-content > ul > li > ul > li > a:hover {
     color: #0086ff;
}
 .widget.catalog > .widget-content > ul > li > ul > li > a.active {
     color: #0086ff;
}
 .widget.catalog > .widget-content > ul > li > ul > li > a.active ~ ul {
     display: block;
}
 .widget.catalog > .widget-content > ul > li > ul > li > ul {
     display: none;
}
 .widget.catalog > .widget-content > ul > li > ul > li > ul > li {
     display: block;
}
 .widget.catalog > .widget-content > ul > li > ul > li > ul > li > a {
     display: block;
     padding: 3px 35px 3px 35px;
     font-size: 14px;
     color: #838685;
}
 .widget.catalog > .widget-content > ul > li > ul > li > ul > li > a:hover {
     color: #0086ff;
}
 .widget.catalog > .widget-content > ul > li > a {
     display: block;
     background: #f7f7f7;
     color: #2b2e31;
     font-size: 14px;
     padding: 8px 35px 8px 15px;
     position: relative;
}
 .widget.catalog > .widget-content > ul > li > a:hover {
     background: #f0fcf4;
}
 .widget.catalog > .widget-content > ul > li > a:hover > i {
     color: #0E8420;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .widget.catalog > .widget-content > ul > li > a.active {
     background: #f0fcf4;
}
 .widget.catalog > .widget-content > ul > li > a.active > i {
     color: #0E8420;
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .widget.catalog > .widget-content > ul > li > a.active ~ ul {
     display: block;
}
 .widget.catalog > .widget-content > ul > li > a > i {
     color: #cacaca;
     position: absolute;
     top: 50%;
     right: 15px;
     margin-top: -7px;
     display: inline-block;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .widget.news {
     position: relative;
     border: none;
}
 .widget.news h3 {
     font-size: 30px;
     margin: 0;
}
 .widget.news .news-list {
     position: relative;
     padding: 15px 0;
}
 .widget.news .news-list .news_item {
     position: relative;
     background: #fff;
     padding-bottom: 15px;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
}
 .widget.news .news-list .news_item span.date {
     display: block;
     color: #0086ff;
     font-size: 14px;
}
 .widget.news .news-list .news_item p {
     color: #757575;
     font-size: 14px;
}
 .widget.news .news-list .news_item a.news_title {
     color: #000000;
     font-size: 14px;
     font-weight: bold;
     margin: 10px 0;
     text-transform: uppercase;
     display: block;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
}
 .widget.news .news-list .news_item a.news_title:hover {
     text-decoration: none;
     color: #0086ff;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
}
 .widget.filters {
     position: relative;
     border: 1px solid #fff;
     margin: 0 0 30px;
}
 .widget.filters .filters-items {
     padding: 15px 15px;
}
 .widget.filters .widget-filter {
     position: relative;
}
 .widget.filters .widget-filter.active {
     position: relative;
     padding-bottom: 15px;
     border-bottom: 1px solid #f5f5f5;
}
 .widget.filters .widget-filter.active:hover {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
 .widget.filters .widget-filter.active .filters-title::after {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .widget.filters .widget-filter.active .widget-content {
     display: block;
}
 .widget.filters .widget-filter .filters-title {
     font-weight:700;
     color:#272727;
     position: relative;
     cursor: pointer;
     margin: 0;
     font-size: 15px;
     padding: 10px 15px;
}
 .widget.filters .widget-filter .filters-title::after {
     content: '';
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     color: #a2a2a2;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     position: absolute;
     right: 15px;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     background-image: url(../i/ico/arrr96.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
    width: 8px;
    height: 8px;
    transform: rotate(0deg);
}
 .widget.filters .widget-filter + .widget-filter {
    /*margin-top: 15px;
     border-top: 1px solid #f5f5f5;
    */
     padding-bottom: 15px;
     border-bottom: 1px solid #f5f5f5;
}
 .widget.filters .widget-filter + .widget-filter:hover {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
 .widget.filters .widget-filter .widget-content {
     position: relative;
     display: none;
     padding: 0px 15px 0px 15px;
}
 .widget.filters .widget-filter .widget-content label {
     display: inline-block;
     max-width: 100%;
     font-weight: 300;
     font-size: 15px;
}
 .widget.filters .widget-filter .widget-content label input {
     display: block;
     max-width: 100%;
}
/* ----------- WIDGETS ------------ */
/* ------------- AUTH ------------- */
 .help-block {
     display: block;
     margin-top: 5px;
     margin-bottom: 10px;
     color: #737373;
}
 .help-block > small {
     display: block;
     margin-bottom: 10px;
     padding: 5px;
     border: 1px dashed #ccc;
     font-size: 12px;
}
 #office-auth-form {
     position: relative;
     padding: 30px 15px;
}
 #office-auth-form .red {
     color: darkred;
}
 #office-auth-form h4 {
     text-align: center;
     margin-bottom: 20px;
}
 .office-auth-login-wrapper, .office-auth-register-wrapper {
     min-height: 20px;
     padding: 20px;
     margin-bottom: 20px;
}
 .office-auth-register-wrapper {
     background-color: #f5f5f5;
     border: 1px solid #e3e3e3;
     -webkit-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* ------------- AUTH ------------- */
/* ---------- CHECKOUT ------------ */
 #msOrder {
     position: relative;
     margin: 30px 0;
}
 #msOrder .required-star {
     color: darkred;
}
 .order_num {
     font-size: 32px;
     font-weight: 900;
     display: inline-block;
     padding: 5px 15px;
     background: #fbfbfb;
     color: #000;
     border: 1px solid #f1f1f1;
     border-radius:4px;
}
 .msgetorder {
     margin: 30px 0;
     padding-bottom: 50px;
}
 .msgetorder a {
     font-weight: 700;
     color: #080808;
     border-bottom: 1px solid #b9b9b9;
}
 .msgetorder td {
     vertical-align:middle;
}
/* ---------- CHECKOUT ------------ */
 .custom-checkbox .custom-control-label::before {
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #a7a7a7;
     background: #fff;
}
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
     color: #0172f8;
     border-color: #0172f8;
}
 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
     background-color: #0172f8;
     border-color: #0172f8;
}
 .custom-control-input:checked ~ .custom-control-label::before {
     color: #fff;
     background-color: #0172f8;
     border-color: #0172f8;
}
 .custom-control-input:active ~ .custom-control-label::before {
     color: #fff;
     background-color: #52c178;
}
 .contacts {
     position: relative;
}
 .contacts .contacts-form {
     max-width: 800px;
     padding: 30px 0;
     margin: 0 auto;
}
 .contacts .contacts-list {
     padding: 60px 0;
     border-top: 1px solid #F7F7F7;
}
 .contacts .contacts-list .item {
     position: relative;
}
 .contacts .contacts-list .item .icon {
     font-size: 40px;
     color: #2b2a28;
     width: 100px;
     height: 100px;
     line-height: 100px;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     border: 1px solid #2b2a28;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .contacts .contacts-list .item .icon:hover {
     color: #ffffff;
     background: #2b2a28;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .contacts .contacts-list .item .text {
     font-size: 20px;
     padding: 15px 0;
}
 .contacts .contacts-list .item .text p, .contacts .contacts-list .item .text a {
     color: #2b2a28;
}
 .services {
     background: #F7F7F7;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}
 .services-list-alt {
     padding: 30px 0 0;
}
 .services-list-alt .service-box {
     position: relative;
     text-align: center;
     margin-bottom: 50px;
}
 .services-list-alt .service-box:hover {
     position: relative;
}
 .services-list-alt .service-box:hover .service-icon {
     background: #2b2a28;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .services-list-alt .service-box:hover h4 {
     color: #2b2a28;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .services-list-alt .service-box .service-icon {
     display: inline-block;
     height: 80px;
     width: 80px;
     background: #e31e25;
     line-height: 80px;
     font-size: 30px;
     color: #ffffff;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 20px;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .services-list-alt .service-box h4 {
     color: #2b2a28;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .services-list-alt .service-box p {
     color: #2b2a28;
}
 .services-list {
     padding: 30px 0;
}
 .services-list .service-box {
     padding: 40px 20px;
     -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     -webkit-border-radius: 10px;
     border-radius: 10px;
     background: #ffffff;
     margin-bottom: 30px;
     border-bottom: 2px solid #e31e25;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}
 .services-list .service-box:hover {
     -webkit-box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, 0.15);
     box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, 0.15);
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
}
 .services-list .service-box:hover .line {
     width: 100px;
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
}
 .services-list .service-box .service-icon {
     padding: 0;
     margin: 0;
     font-size: 40px;
     text-align: center;
     color: #e31e25;
}
 .services-list .service-box .line {
     background: #e31e25;
     width: 40px;
     height: 1px;
     -webkit-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
}
 .services-list .service-box p {
     margin-top: 15px;
     text-align: center;
     color: #2b2a28;
}
 .services-list .service-box h4 {
     color: #2b2a28;
     text-align: center;
     font-size: 20px;
     font-weight: 400;
     margin-top: 20px;
}
 .services-list .service-box h4 a {
     color: #0086ff;
}
 .quote-bar {
     width: 100%;
     float: none;
     padding: 70px 0;
     text-align: center;
     background: transparent;
}
 .quote-bar h4 {
     font-size: 50px;
     color: #fff;
     margin-top: 0;
}
 .quote-bar p {
     padding: 0 10%;
     color: #fff;
     line-height: 26px;
     margin-bottom: 50px;
}
 .grey {
     position: relative;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     background: #F7F7F7;
}
 .portfolio-items {
     margin: 30px 0;
     position: relative;
}
 .portfolio-items .row {
     margin: 0;
}
 .portfolio-items .filter-item {
     padding: 0;
}
 .portfolio-items .item {
     position: relative;
     margin: 0;
     display: block;
}
 .portfolio-items .item img {
     width: 100%;
}
 .portfolio-items .item .overlay {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     content: '';
     padding: 90px 50px 95px;
     background: rgba(30, 33, 37, 0.85);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: scale(0, 0);
     -ms-transform: scale(0, 0);
     transform: scale(0, 0);
}
 .portfolio-items .item .overlay h5 {
     font-size: 22px;
     font-weight: 400;
     line-height: 32px;
     color: #ffffff;
     padding-bottom: 15px;
}
 .portfolio-items .item .overlay h5 a {
     color: #ffffff;
}
 .portfolio-items .item .overlay p {
     font-size: 14px;
     font-weight: 400;
     line-height: 26px;
     color: #ffffff;
     padding-bottom: 10px;
}
 .portfolio-items .item .overlay i:before {
     font-size: 20px;
     color: #ffffff;
}
 .portfolio-items .item:hover .overlay {
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: scale(1, 1);
     -ms-transform: scale(1, 1);
     transform: scale(1, 1);
}
 .specials {
     background: #f1f1f1;
}
 .process_area {
     padding-top: 60px;
}
 .gradient_section {
     background-image: -webkit-linear-gradient(45deg, #f1f1f1 0%, #0086ff 100%);
     background-image: -o-linear-gradient(45deg, #f1f1f1 0%, #0086ff 100%);
     background-image: linear-gradient(45deg, #f1f1f1 0%, #0086ff 100%);
}
 .text-content {
     position: relative;
     padding: 30px 0;
}
 .text-content h1 {
     font-size: 22px;
     line-height: 25px;
     color: #666;
     font-weight: bold;
     text-transform: uppercase;
     background: url(../img/title-underline.png) no-repeat center bottom;
     padding-bottom: 15px;
     text-align: center;
     margin-bottom: 30px;
}
 .gallery {
     position: relative;
}
 .gallery img {
     max-width: 100%;
}
 .gallery .big-gallery {
     position: relative;
}
 .gallery .big-gallery .slick-slide {
     border: 1px solid transparent;
}
 .gallery .big-gallery .slick-slide:focus, .gallery .big-gallery .slick-slide a:focus {
     outline: none;
}
 .gallery .big-gallery a {
     height: 400px;
     display: block;
     text-align: center;
     vertical-align: middle;
     line-height: 400px;
     width: 100%;
     position: relative;
}
 .gallery .big-gallery a:hover {
     position: relative;
}
 .gallery .big-gallery a:hover::before, .gallery .big-gallery a:hover::after {
     opacity: 1;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
}
 .gallery .big-gallery a::before {
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     padding-top: 16px;
     background: rgba(181, 34, 34, 0.7);
     outline: 1px solid #FFF;
     outline-offset: -10px;
     text-align: center !important;
     content: '';
     display: block;
     position: absolute;
     z-index: 1;
     opacity: 0;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
}
 .gallery .big-gallery a::after {
     content: '\f00e';
     font-family: FontAwesome;
     color: #fff;
     font-size: 25px;
     position: absolute;
     display: inline-block;
     top: 50%;
     left: 50%;
     margin: -10px 0 0 -10px;
     z-index: 2;
     line-height: 1;
     opacity: 0;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
}
 .gallery .big-gallery a img {
     vertical-align: middle;
     max-height: 400px;
     display: inline;
}
 .gallery .nav-gallery {
     position: relative;
     padding: 15px 0;
}
 .gallery .nav-gallery .slick-slide {
     border: 1px solid transparent;
}
 .gallery .nav-gallery .slick-slide:focus {
     outline: none;
}
 .gallery .nav-gallery .slick-slide:hover {
     cursor: pointer;
}
 .gallery .nav-gallery .slick-slide.slick-current {
     border: 1px solid #e31e25;
}
 .gallery .nav-gallery span {
     display: block;
     height: 60px;
     text-align: center;
     vertical-align: middle;
     width: 100%;
     line-height: 60px;
}
 .gallery .nav-gallery span img {
     vertical-align: middle;
     max-height: 50px;
     display: inline-block;
}
 a#scrollUp {
     background: #0086ff;
     bottom: 30px;
     color: #ffffff;
     font-size: 30px;
     font-weight: 600;
     height: 40px;
     width: 40px;
     line-height: 35px;
     text-align: center;
     position: fixed;
     right: 20px;
     text-align: center;
     text-transform: uppercase;
     z-index: 999;
     display: none;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
}
 a#scrollUp:hover {
     background: #ff0039;
}
 .feedback {
     position: relative;
}
 .feedback .form {
     padding: 30px 0;
     text-align: center;
}
 p.desc {
     color: #979797;
     font-size: 12px;
     padding: 10px 0;
     margin-bottom: 0;
}
 .contact-info {
     position: relative;
}
 .contact-info .media-list {
     margin-bottom: 30px;
}
 .contact-info .media-list .media {
     position: relative;
     margin-bottom: 15px;
}
 .contact-info .media-list .media .fa {
     padding: 0;
     width: 40px;
     height: 40px;
     font-size: 16px;
     line-height: 40px;
     -webkit-border-radius: 20px;
     border-radius: 20px;
     margin-right: 15px;
     text-align: center;
     background-color: #d3d3d3;
     color: #ffffff;
     min-width: 18px;
     text-align: center;
}
 .contact-info .media-list .media .media-body {
     line-height: 22px;
}
 .map {
     width: 100%;
     height: 450px;
     margin-top: 30px;
}
 .blog-widget {
     padding: 2rem 1.5rem;
     -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
     box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
     margin-bottom: 2rem;
     background: #fff;
}
 .blog-widget h4 {
     text-transform: uppercase;
     margin-bottom: 15px;
     font-weight: bold;
}
 .search-widget {
     position: relative;
}
 .search-widget form input[type="text"] {
     border: 1px solid #dee2e6;
     background-color: #fff;
     padding: .5rem 1rem;
     width: 85%;
}
 .search-widget form button {
     width: 15%;
     background-color: #e31e25;
     border: none;
     cursor: pointer;
}
 .search-widget form button i {
     color: #fff;
     font-size: 18px;
}
 .categories-widget {
     margin-bottom: 2rem;
}
 .categories-widget ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .categories-widget ul li {
     padding: .5rem 0;
}
 .categories-widget ul li:not(:last-child) {
     border-bottom: 1px solid #e9ecef;
}
 .categories-widget ul li i {
     color: #e31e25;
     margin-right: .5rem;
}
 .categories-widget ul li a {
     color: #2b2a28;
     margin-top: 3px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .categories-widget ul li a:hover {
     color: #e31e25;
     text-decoration: none;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .categories-widget ul li a:hover span {
     color: #e31e25;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .latest-posts-widget {
     margin-bottom: 2rem;
}
 .latest-posts-widget .head-widget div {
     width: 50%;
     cursor: pointer;
}
 .latest-posts-widget .head-widget:first-child {
     border-bottom: 3px solid #e31e25;
}
 .latest-posts-widget .head-widget:last-child {
     border-bottom: 3px solid transparent;
}
 .latest-posts-widget .body {
     border: 1px solid #dee2e6;
     -webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
     box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
     background: #fff;
}
 .latest-posts-widget .body .post-mini {
     padding: 1rem 1.5rem;
}
 .latest-posts-widget .body .post-mini img {
     width: 75px;
     height: 75px;
}
 .latest-posts-widget .body .post-mini a {
     margin-bottom: .25rem;
}
 .latest-posts-widget .body .post-mini a h6 {
     color: #000;
}
 .latest-posts-widget .body .post-mini a:hover {
     color: #e31e25;
     text-decoration: none;
}
 .latest-posts-widget .body .post-mini a:hover h6 {
     color: #e31e25;
}
 .latest-posts-widget .body .post-mini span {
     color: rgba(0, 0, 0, 0.7);
     font-size: 14px;
}
 .latest-posts-widget .body .post-mini:not(:last-child) {
     border-bottom: 1px solid #e9ecef;
}
 .latest-posts-widget .body .popular {
     display: none;
}
 .widget-tags .btn-card {
     border: 1px solid #e31e25;
     margin-bottom: .5rem;
     margin-right: .5rem;
     padding: .4rem 1.25rem;
}
 .font-weight-bold {
     font-weight: bold;
}
 .posts {
     position: relative;
     padding-top: 30px;
}
 .posts .post {
     overflow: hidden;
     padding: 10px 10px;
     margin-bottom: 30px;
     border: 1px solid #cdcfd0;
}
 .posts .post * {
     position: relative;
     z-index: 3;
}
 .posts .post img {
     float: left;
     max-width: 75px;
     margin-right: 12px;
     padding: 6px 0;
}
 .posts .post span {
     font-size: 16px;
     line-height: 18px;
     color: #345ca0;
}
 .posts .post p {
     padding-top: 12px;
     overflow: hidden;
}
 .posts .post a, .posts .post p {
     text-decoration: none;
     font-size: 14px;
     line-height: 18px;
     color: #000;
}
 .blog-post {
     position: relative;
}
 .blog-post .post-thumb {
     max-width: 770px;
     margin: 0 auto;
     color: #333333;
     text-align: center;
}
 .blog-post .post-content {
     max-width: 770px;
     margin: 0 auto;
     color: #333333;
     text-align: justify;
}
 .blog-post .post-content .meta {
     background: #f5f5f5;
     padding: 10px 15px;
     margin: 15px 0;
}
 .blog-post .post-content .meta span {
     color: #0086ff;
}
 .blog-post .post-content .main-img {
     margin-bottom: 30px;
}
 .project {
     position: relative;
}
 .project .project_title {
     border-bottom: 1px solid #f3f3f3;
     padding-bottom: 15px;
     margin-bottom: 72px;
}
 .project .project_title h5 {
     padding-bottom: 10px;
     font-size: 20px;
     line-height: 30px;
     color: #2b2a28;
}
 .project .project_title h2 {
     font-weight: 600;
     text-transform: uppercase;
     color: #2b2a28;
}
 .project .project_title h2:before {
     display: none;
}
 .project .details_content {
     position: relative;
}
 .project .details_content h4 {
     font-size: 22px;
     line-height: 32px;
     padding-bottom: 45px;
}
 .project .brief_summary {
     border-bottom: 1px solid #f4f4f4;
     padding: 20px 0;
}
 .project .brief_summary:first-child {
     padding-top: 0;
}
 .project .brief_summary span {
     display: block;
     text-transform: uppercase;
     color: #2b2a28;
     font-weight: 600;
}
 .project .brief_summary p {
     margin-bottom: 0;
     color: #666;
}
 .project_showcase {
     position: relative;
     margin: 30px 0 0;
}
 .project_showcase .single_project {
     width: 50%;
}
 .project_next_prev {
     border-top: 1px solid #f2f2f2;
     padding: 50px 0 0;
}
 .project_next_prev .single_direction a {
     display: inline-block;
     color: #2b2a28;
}
 .project_next_prev .single_direction i {
     color: #666;
     font-size: 30px;
     position: absolute;
     top: 10px;
}
 .project_next_prev .single_direction.prev {
     padding-left: 40px;
}
 .project_next_prev .single_direction.prev i {
     left: 0;
}
 .project_next_prev .single_direction.next {
     padding-right: 40px;
}
 .project_next_prev .single_direction.next i {
     right: 0;
}
 .project_next_prev .single_direction a:hover i, .project_next_prev .single_direction a:hover span, .project_next_prev .single_direction a:hover h5 {
     color: #e31e25;
}
 .gallery-list {
     position: relative;
}
 .gallery-list .item {
     position: relative;
     margin-bottom: 30px;
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .gallery-list .item:hover {
     -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .gallery-list .item .desc {
     padding: 15px 10px;
     background: #ececec;
     text-align: center;
}
 .gallery-list .item .desc h4 {
     color: #2b2a28;
     text-transform: uppercase;
}
 .gallery-list .item .desc p {
     font-size: 16px;
     margin-bottom: 0;
     color: #2b2a28;
}
 .def-section.catalog.inner {
     display: none;
}
 .table-middle td, .table-middle th {
     vertical-align: middle;
}
 .table-dark {
     background: #fff;
}
 .table-dark thead th {
     vertical-align: middle;
     border-bottom: 4px solid #fff;
     background-color: #475965;
     color: #2b2a28;
     position: relative;
}
 .table-dark td, .table-dark th {
     border-top: 4px solid #fff;
     border-bottom: 4px solid #fff;
     border-left: 4px solid #fff;
     border-right: 4px solid #fff;
}
 .table-dark td {
     background-color: #ebeff1;
     font-size: 14px;
     padding: 8px 15px;
     color: #2b2a28;
}
 .table-cparams {
     width: 90%;
}
 .table-cparams tr:hover {
     background:#f4f4f4;
}
 .table-cparams td {
     font-weight:300;
     border-left:1px solid #fff;
     border-right:1px solid #fff;
}
 .table-cparams td:nth-child(even) {
     font-weight:700;
     text-align:left;
}
 .modal-backdrop {
     background: rgba(0, 0, 0, 0.8);
}
 .modal-content {
     -webkit-border-radius: 0 !important;
     border-radius: 0 !important;
}
 .msMiniCart .empty {
     display: block !important;
}
 .msMiniCart .not_empty {
     display: none !important;
}
 .msMiniCart.full .empty {
     display: none !important;
}
 .msMiniCart.full .not_empty {
     display: block !important;
}
 a.btn_one_click {
     border-bottom: none !important;
     text-decoration: none;
}
 .msoneclick_modal .forder-popup__goods {
     padding: 0 15px;
}
 .msoneclick_modal .msoc_product_line {
     padding: 10px 0;
     font-size: 0;
}
 .msoneclick_modal .msoc_product_line > * {
     display: inline-block;
     vertical-align: middle;
}
 .msoneclick_modal .msoc_product_line_count {
     width: auto;
     top: 0;
}
 .msoneclick_modal .modal-footer {
     display: block;
}
 .msoneclick_modal .modal-footer .description {
     font-size: 12px;
     margin: 10px 0;
}
 .msoc_product_line_image {
     position: static !important;
}
 .msoc_product_line_pagetitle {
     margin-left: 0 !important;
     float: none !important;
}
 .msoc_product_line_pagetitle h4 {
     font-size: 14px;
}
 .btn-more {
     width: auto !important;
     display: block;
     margin: auto;
}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
     border: 1px solid #0E8420;
     background: #0E8420;
     font-weight: normal;
     color: #fff;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
     border: 1px solid #e31e25;
     background: #e31e25;
     font-weight: normal;
     color: #fff;
}
 .table-cart {
     width: 100%;
     margin: 30px 0;
}
 .table-cart th {
     padding: 0 1rem;
     font-size: 16px;
}
 .table-cart td {
     padding: 5px 15px;
     font-size: 16px;
     vertical-align: middle !important;
}
 .table-cart td.cart-image {
     width: 150px;
     height: auto;
}
 .table-cart input[type="number"] {
     max-width: 80px;
     padding: 5px;
}
 .table-cart .cart-image, .table-cart th.total {
     padding-left: 0;
     font-size: 16px;
}
 .btn--cart {
     padding: 10px;
     background: none;
}
 .content {
     position: relative;
}
 .content .img-fluid {
     margin-bottom: 30px;
}
 .content .data {
     font-size: 14px;
     color: #828683;
}
 .content h1 {
     margin-bottom: 15px;
}
 .checkbox.delivery {
     position: relative;
     padding: 15px 15px;
     border: 1px solid #2b2a28;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     width: 100%;
     display: inline-block;
}
 .checkbox.delivery input {
     position: absolute;
     top: 50%;
     left: 10px;
     margin-top: -10px;
}
 .checkbox.delivery .description {
     padding-left: 30px;
}
 .checkbox.delivery .description span.name {
     font-weight: bold;
}
 .checkbox.delivery .description p {
     margin-bottom: 0;
     font-size: 12px;
}
 .slick-list, .slick-slider, .slick-track {
     position: relative;
     display: block;
}
 .slick-loading.slick-slide, .slick-loading.slick-track {
     visibility: hidden;
}
 .slick-slider {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     overflow: hidden;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: 0;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: -webkit-grab;
     cursor: grab;
}
 .slick-slider .slick-list, .slick-slider .slick-track {
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     top: 0;
     left: 0;
     margin-left: auto;
     margin-right: auto;
}
 .slick-track:after, .slick-track:before {
     display: table;
     content: '';
}
 .slick-track:after {
     clear: both;
}
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
}
 [dir=rtl].slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized.slick-slide {
     display: block;
}
 .slick-vertical.slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}
 .slider__container {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
}
 .slidersl {
     position: relative;
     height: 399px;
}
 .slidersl .slick-dots {
     display: block;
     max-width: 1170px;
     width: 100%;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 20px;
     text-align: right;
     padding: 0 50px;
     margin: auto;
     list-style: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .slidersl .slick-dots li {
     display: inline-block;
     margin: 0 2px;
}
 .slidersl .slick-dots li button {
     visibility: hidden;
     font-size: 0;
     padding: 0;
     margin: 0 6px;
     border: 0;
}
 .slidersl .slick-dots li button:before {
     content: "";
     visibility: visible;
     display: inline-block;
     width: 11px;
     height: 11px;
     opacity: .3;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #000;
     cursor: pointer;
}
 .slidersl .slick-dots li button:hover:before, .slidersl .slick-dots li.slick-active button:before {
     background: #707070;
     opacity: 1;
}
 .slidersl .slick-list, .slidersl .slick-track, .slider__inner {
     height: 100%;
}
 .slider__container {
     position: relative;
     max-width: 1170px;
     height: 100%;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 0 55px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .slider__slide {
     height: 100%;
     outline: 0;
}
 .slider__slide:hover {
     cursor: url(../i/ico/swipe-round.png), -webkit-grab;
     cursor: url(../i/ico/swipe-round.png), grab;
}
 .slider__controls {
     position: absolute;
     top: 50%;
     height: 0;
     left: 0;
     right: 0;
     width: 100%;
     max-width: 1200px;
     margin: auto;
}
 .slider__controls_cat {
     top: 205px;
}
 .slider__slide.btn {
     padding: 11px 42px;
}
 .slider__btn {
     position: absolute;
     top: -30px;
     width: 37px;
     height: 37px;
     padding: 0;
     border: 0;
     background: 0 0;
     cursor: pointer;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: .3;
}
 .slider__btn_cat {
     top: -30px;
     opacity: .2;
}
 .slider__btn:focus, .slider__btn:hover {
     opacity: 1;
     outline: transparent;
}
 .slider__btn_prev {
     background: url(../i/arr-sl-l.svg) center no-repeat;
     -webkit-background-size: contain;
     background-size: contain;
}
 .slider__btn_prev_cat {
     background: url(../i/arr-sl-l.svg) center no-repeat;
     -webkit-background-size: contain;
     background-size: contain;
}
 .slider__btn_next {
     background: url(../i/arr-sl-r.svg) center no-repeat;
     -webkit-background-size: contain;
     background-size: contain;
     right: 0;
}
 .slider__btn_next_cat {
     background: url(../i/arr-sl-r.svg) center no-repeat;
     -webkit-background-size: contain;
     background-size: contain;
     right: 0;
}
 .slider__slide-item {
     margin-left: -150px;
     opacity: 0;
}
 .slick-active .slider__slide-item:nth-child(1) {
     -webkit-transition-delay: .2s;
     -o-transition-delay: .2s;
     transition-delay: .2s;
}
 .slick-active .slider__slide-item:nth-child(2) {
     -webkit-transition-delay: .4s;
     -o-transition-delay: .4s;
     transition-delay: .4s;
}
 .slick-active .slider__slide-item:nth-child(3) {
     -webkit-transition-delay: .6s;
     -o-transition-delay: .6s;
     transition-delay: .6s;
}
 .slick-active .slider__slide-item:nth-child(4) {
     -webkit-transition-delay: .8s;
     -o-transition-delay: .8s;
     transition-delay: .8s;
}
 .slick-active .slider__slide-item:nth-child(5) {
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
}
 .slick-active .slider__slide-item:nth-child(6) {
     -webkit-transition-delay: 1.2s;
     -o-transition-delay: 1.2s;
     transition-delay: 1.2s;
}
 .slick-active .slider__slide-item:nth-child(7) {
     -webkit-transition-delay: 1.4s;
     -o-transition-delay: 1.4s;
     transition-delay: 1.4s;
}
 .slick-active .slider__slide-item:nth-child(8) {
     -webkit-transition-delay: 1.6s;
     -o-transition-delay: 1.6s;
     transition-delay: 1.6s;
}
 .slick-active .slider__slide-item {
     margin-left: 0;
     opacity: 1;
     -webkit-transition: margin 0.7s, opacity 0.7s;
     -o-transition: margin 0.7s, opacity 0.7s;
     transition: margin 0.7s, opacity 0.7s;
}
 .slider__label {
     position: absolute;
     top: 0;
     right: 15px;
     font-weight: 900;
     font-size: 25px;
     padding: 10px 25px;
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
}
 .slick-active.slider__label {
     -webkit-animation: western 1s;
     animation: western 1s;
}
 .slider__title {
     font-size: 60px;
     text-indent: -4px;
}
 .slider__text_size_20 {
     font-size: 20px;
}
 .slider__text_size_30 {
     font-size: 30px;
}
 .slider__text_size_40 {
     font-size: 40px;
}
 .slider__text_size_50 {
     font-size: 50px;
}
 .slider__text_upper {
     text-transform: uppercase;
}
 .slider__text_color_white {
     color: #fff;
}
 .slider__text_color_black {
     color: #222;
}
 .slider__text_color_red {
     color: #e34c58;
}
 .slider__text_color_pink {
     color: #fd0c60;
}
 .slider__text_color_green {
     color: #97d43f;
}
 .slider__text_color_blue {
     color: #99dbfa;
}
 .btn_theme_default {
     color: #fff;
     border: 2px solid #fff;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     text-transform: uppercase;
}
 .btn_theme_default:focus, .btn_theme_default:hover {
     color: #666;
     background: #fff;
}
 .btn_theme_default_inverse {
     background: #fff;
     color: #222;
     border-color: #222;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     text-transform: uppercase;
}
 .btn_theme_default_inverse:focus, .btn_theme_default_inverse:hover {
     color: #fff;
     background: #222;
}
 .benefits-block {
     margin-top: -23px;
     padding-top: 20px;
     padding-bottom: 20px;
     background: #f9f9f9;
}
 .benefits-block .benefits-items {
     text-align: center;
}
 .benefits-block .benefits-items > .benefits-item {
     position: relative;
     margin: 15px 0;
}
 .benefits-block .benefits-items > .benefits-item .icon {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 40px;
     height: 40px;
     -webkit-background-size: cover;
     background-size: cover;
}
 .benefits-block .benefits-items > .benefits-item a, .benefits-block .benefits-items > .benefits-item span {
     font-weight: 400;
     color: #000;
     display: block;
}
 .benefits-block .benefits-items > .benefits-item .wrap {
     position: relative;
     margin: 0 auto;
     text-align: left;
}
 .benefits-block .benefits-items > .benefits-item .wrap:before {
     content: "";
     display: block;
     position: relative;
     left: 0;
     top: 0;
     width: 40px;
     height: 40px;
     -webkit-background-size: cover;
     background-size: cover;
}
 .benefits-block .benefits-items > .benefits-item .text {
     font-size: 13px;
     line-height: 18px;
     position: absolute;
     left: 55px;
     top: 42%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .benefits-block .benefits-items > .benefits-item .text p {
     margin-bottom: 0;
}
 .benefits-block .benefits-items > .benefits-item .text span {
     display: inline;
}
 .benefits-block .icon-benefits-1 .wrap:before {
     background: url("../i/ben/a_sale.svg") 0 0 no-repeat;
}
 .benefits-block .icon-benefits-2 .wrap:before {
     background: url("../i/ben/a_help.svg") 0 0 no-repeat;
}
 .benefits-block .icon-benefits-3 .wrap:before {
     background: url("../i/ben/a_truck.svg") 0 0 no-repeat;
}
 .benefits-block .icon-benefits-4 .wrap:before {
     background: url("../i/ben/a_change.svg") 0 0 no-repeat;
}
 .benefits-block .icon-benefits-5 .wrap:before {
     background: url("../i/ben/a_service.svg") 0 0 no-repeat;
}
 .benefits-block .icon-benefits-6 .wrap:before {
     background: url("../i/ben/a_air.svg") 0 0 no-repeat;
}
 #scrolltop {
     display: none;
}
 #rocketmeluncur {
     position: fixed;
     bottom: 70px;
     z-index: 7;
     display: none;
     visibility: hidden;
     width: 26px;
     height: 48px;
     right: 25px;
     background: url(../i/rocket-to-top.png) no-repeat 50% 0;
     -webkit-background-size: cover;
     background-size: cover;
     opacity: 0;
     -webkit-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
     transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
     -o-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
     transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
     transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
 #rocketmeluncur i {
     display: block;
     margin-top: 48px;
     height: 34px;
     background: url(../i/flame.png) no-repeat 50% -48px;
     -webkit-background-size: cover;
     background-size: cover;
     opacity: .5;
     -webkit-transition: -webkit-transform .2s;
     transition: -webkit-transform .2s;
     -o-transition: transform .2s;
     transition: transform .2s;
     transition: transform .2s, -webkit-transform .2s;
     -webkit-transform-origin: 50% 0;
     -ms-transform-origin: 50% 0;
     transform-origin: 50% 0;
     margin-top: 38px;
}
 #rocketmeluncur:hover {
     background-position: 50% -62px;
}
 #rocketmeluncur:hover i {
     background-position: 50% -20px;
     -webkit-animation: flaming .7s infinite;
     animation: flaming .7s infinite;
}
 #rocketmeluncur.showrocket {
     visibility: visible;
     opacity: 1;
}
 #rocketmeluncur.launchrocket {
     background-position: 50% -62px;
     opacity: 0;
     -webkit-transform: translateY(-800px);
     -ms-transform: translateY(-800px);
     transform: translateY(-800px);
     pointer-events: none;
}
 #rocketmeluncur.launchrocket i {
     background-position: 50% 100%;
     -webkit-transform: scale(2.6, 3.4);
     -ms-transform: scale(2.6, 3.4);
     transform: scale(2.6, 3.4);
     margin-top: 7px;
}
 .news-head h3 {
     font-weight: 900;
     font-size: 22px;
}
 .today-action {
     background: #f81d65;
     background: -webkit-linear-gradient(to right, #56ab2f, #a8e063);
     background: linear-gradient(to right, #56ab2f, #a8e063);
     padding: 5px 10px;
     margin-left: -20px;
     margin-right: -20px;
     color: #fff;
}
 .today-action h3 {
     font-weight: bold;
     text-transform: uppercase;
     margin: 0;
     padding: 0;
     font-size: 22px;
}
 .today-action .actions {
     text-align: right;
}
 .today-action .actions .desc {
     font-size: 14px;
     margin-right: 10px;
}
 .msd_remains {
     display: inline-block;
}
 .msd_remains span {
     position: relative;
     margin: 0;
     background: none;
     line-height: 28px;
     width: 28px;
     height: auto;
     text-align: right;
     padding: 0;
     margin-right: 5px;
     font-size: 22px;
     font-weight: bold;
}
 .msd_remains .minutes:before, .msd_remains .seconds:before {
     content: ":";
     display: block;
     position: absolute;
     top: 0;
     left: -5px;
     font-size: 14px;
     font-weight: 500;
     color: white;
     text-shadow: none;
     line-height: 28px;
}
 .msd_remains .days:after {
     content: " дн. ";
}
 #mse2_mfilter .btn_more {
     width: 100% !important;
}
 .ec-stars {
     position: absolute;
     bottom: 0;
     left: 8px;
     background: url(../img/ec-stars.svg) 0 -16px repeat-x;
     width: 98px;
     height: 16px;
     margin: 10px 0;
}
.item-card .ec-stars {
     position: relative;
     bottom: auto;
     left: auto;
}
 .ec-stars span {
     background: url(../img/ec-stars.svg) 0 0 repeat-x;
     display: block;
     height: 16px;
     width: 0px;
}
 .ec-stars span.rating-0 {
     width: 0;
}
 .ec-stars span.rating-1 {
     width: 16px;
}
 .ec-stars span.rating-2 {
     width: 36px;
}
 .ec-stars span.rating-3 {
     width: 56px;
}
 .ec-stars span.rating-4 {
     width: 76px;
}
 .ec-stars span.rating-5 {
     width: 96px;
}
 .item-card {
     position: relative;
}
 .item-card h1 {
     font-size: 22px;
     line-height: 1.2;
     font-weight: 900;
     color: #484848;
     text-transform: uppercase;
     letter-spacing: 0.2px;
}
 .item-card .item_article {
     background: #f1f1f1;
     color: #202020;
     display: inline-block;
     padding: 2px 10px;
     font-size: 14px;
     border-radius:4px;
     margin-right: 10px;
}
 .item-card .item_article span {
     font-weight: 700;
}
 .item-card .characters {
     position: relative;
     margin: 10px 0;
     width: 70%;
}
 .item-card .characters .mparams {
     position: relative;
     padding: 5px 0;
}
 .item-card .characters .mparams::after {
     content: '';
     height: 1px;
     border-bottom: 1px dotted #000;
     display: block;
     bottom: 8px;
     position: absolute;
     left: 0;
     width: 100%;
     z-index: -1;
}
 .item-card .characters .mparams .mp_label {
     font-size: 15px;
     color: #4e4d4d;
     width: 40%;
}
 .item-card .characters .mparams .mp_label span {
     display: inline-block;
     background: #ffffff;
     padding-right: 5px;
     padding-left: 27px;
}
 .item-card .characters .mparams .mp_label span img {
     width: 22px;
     vertical-align: text-top;
     padding-right: 2px;
}
.mp_label__before span:before {
    width: 22px;
    height: 22px;
    content: " ";
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 6px;
}
.before__wheel span:before {
    background-image: url(https://ledsystems.ua/assets/files/images/ico/color-wheel.svg);
}
.before__size span:before {
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/size.svg);
}
.before__drops span:before {
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/drops.svg);
}
.before__power span:before {
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/power.svg);
}
.w-check_price {
    position:relative;
}
.w-check_price span {margin-left:27px;}
.w-check_price span:before {
    top: 3px;
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/conversation_1.svg);
}

 .item-card .characters .mparams .mp_value {
     font-size: 15px;
     color: #000;
     width: 60%;
     text-align: right;
}
 .item-card .characters .mparams .mp_value span {
     display: inline-block;
     background: #ffffff;
     padding-left: 5px;
}
 a.mparams_link {
     color: #0172f8;
     border-bottom: 1px dotted #0172f8;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .cb-warning {
     font-size: 13px;
     color: #464141;
}
 .cb-warning span {
     font-size: 13px;
     color: #e84c3d;
}
 .cb-pricing-box {
     background: #faf9f9;
     width: 90%;
     padding: 15px 20px;
}
 .cb-pricing-box .order-box-2nd {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
}
 .cb-pricing-box .order-box-2nd > * + * {
     margin-left: 15px;
}
 .prices {
     position: relative;
     text-align: left;
}
 .prices .price {
     color: #000;
     font-size: 46px;
     font-weight: 900;
     display: inline-block;
     margin-right: 20px;
}
 .prices .old_price {
     font-size: 22px;
     text-decoration: line-through;
     color: #838383;
     display: inline-block;
}
 .cb-pricing-box {
     position: relative;
}
 .cb-pricing-box button.buy {
     font-size: 16px;
     width: 130px;
     height: 48px;
     display: inline-block;
     text-align: center;
     line-height: 47px;
     margin-top: 0px;
     text-transform: uppercase;
     margin-left: 5px;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.38);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.38);
}
 .cb-pricing-box .oneclick-buy {
     height: 48px;
     font-size: 16px;
     border: 1px solid #fff;
     display: inline-block;
     text-align: center;
     line-height: 47px;
     margin-left: 5px;
     background: #fff;
     padding: 0px 20px;
     color: #000;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .cb-pricing-box .oneclick-buy span {
     border-bottom: 0px solid #dedede;
     color: #000;
     font-weight:700;
     margin-left: 5px;
     text-transform: lowercase;
}
 .cb-pricing-box .oneclick-buy:hover {
     background: #fff;
     border: 1px solid #c1c1c1;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(102, 193, 228, 0.31);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(102, 193, 228, 0.31);
}
 .cb-pricing-box a.w-price_link {
     color: #000;
}
 .cb-pricing-box a.w-price_link span {
     border-bottom: 1px solid #c1c1c1;
}
 .cb-pricing-box a.w-price_link img {
     width: 22px;
     margin-right: 5px;
}
 .cb-pricing-box .profit {
     padding-top: 2px;
     text-align: left;
}
 .cb-pricing-box .profit span {
     font-size: 13px;
     padding: 2px 6px;
}
 .cb-pricing-box .too {
     font-size: 16px;
     text-align: left;
}
 .cb-pricing-box .too img {
     height: 20px;
}
 .cb-qnt {
     border: 2px solid #ababab;
     display: inline-block;
     background: #fff;
}
 .cb-qnt input {
     margin: 0 2px;
     max-width: 70px;
     min-height: 30px;
     font-size: 21px;
     font-weight: 900;
     border: 0;
     text-align: center;
     border-left: 2px solid #e2e2e2;
     border-right: 2px solid #e2e2e2;
}
 .btn--count {
     width: 40px;
     height: 44px;
     font-size: 18px;
     text-align: center;
     line-height: 18px;
     border: 0;
     background: #fff;
     color: #171717;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
 .order-box-2nd a:last-child {
     margin-right: 0px;
}
 .ma-price-wrap {
     position: relative;
     width: 90%;
     margin: 15px 0 0 0;
     border: 1px solid #e6e7eb;
     background-color: #fff;
}
 .ma-price-wrap ul {
     list-style: none;
     display: -ms-flexbox;
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
     -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
}
 .ma-price-wrap ul li {
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     line-height: 20px;
     overflow: hidden;
     -ms-flex-preferred-size: 0;
     -webkit-flex-basis: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
     flex-grow: 1;
     max-width: 100%;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     cursor: pointer;
     border-right: 1px solid #e6e7eb;
}
 .ma-price-wrap ul li:last-child {
     border-right: none;
}
 .ma-price-wrap ul .current-ladder-price {
     background-color: #ffefef;
}
 .ma-price-wrap ul .current-ladder-price .ma-spec-price {
     color: #ff7519;
}
 .ma-price-wrap ul .current-ladder-price .shaper {
     border: 4px solid red;
}
 .ma-price-wrap ul .ma-quantity-range {
     font-size: 14px;
     color: #666;
     line-height: 20px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .ma-price-wrap ul .ma-spec-price {
     font-size: 18px;
     color: #333;
     line-height: 26px;
     font-weight: bold;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .ma-price-wrap .ma-price-ranger {
     position: absolute;
     width: 100%;
     height: 4px;
     background: -webkit-gradient(linear, left top, right top, from(#f73131), to(#329b0f));
     background: -webkit-linear-gradient(left, #f73131 0%, #329b0f 100%);
     background: -o-linear-gradient(left, #f73131 0%, #329b0f 100%);
     background: linear-gradient(to right, #f73131 0%, #329b0f 100%);
     bottom: 0;
}
 .shaper {
     border: 4px solid #fff;
     padding: 6px 0 6px 11px;
}
 .free-sample-info {
     color: #1686cc;
     font-size: 14px;
     font-weight: 700;
     position:relative;
}
 .free-sample-info span {
     color: #2bbf51;
     font-size: 15px;
}
 .free-sample-info a {
     vertical-align: middle;
     cursor: pointer;
}
.free-sample-info a {
    padding-left: 5px;
    border: 1px solid #1786cc;
    padding: 5px 15px 5px 33px;
    border-radius: 3px;
}
.free-sample-info a:before {
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/sample-box_1.svg);
}
.free-sample-info a:before {
    width: 24px;
    height: 24px;
    content: " ";
    background-repeat: no-repeat;
    position: absolute;
    left: 5px;
    top: 2px;
}
 .ship-info {
     color: #767676;
     font-size: 14px;
}
 .warranty-info {
     color: #353535;
     font-size: 15px;
}
 .description-tab {
     padding:0;
 }
 .tabmain {
     padding: 0 40px 40px 10px;
     background: #fff;
}
 .tabmain .tab_unit {
     display: none;
     padding: 20px 0 0;
     border-top: 1px solid #abc;
}
 .tabmain input.radio_tab {
     display: none;
}
 .tabmain input.radio_tab:checked + label.radio_label {
     color: #000;
     border: 1px solid #abc;
     border-top: 2px solid #0172f8;
     border-bottom: 1px solid #fff;
}
 .tabmain label.radio_label {
     font-weight: 900;
     text-transform: uppercase;
     font-size: 20px;
     display: inline-block;
     margin: 0 0 -1px;
     padding: 15px 25px;
     letter-spacing: 1px;
     text-align: center;
     color: #789;
     border: 1px solid transparent;
}
 .tabmain label.radio_label:hover {
     color: #789;
     cursor: pointer;
}
 .tabmain #tab1:checked ~ #content1, .tabmain #tab2:checked ~ #content2, .tabmain #tab3:checked ~ #content3, .tabmain #tab4:checked ~ #content4 {
     display: block;
}
 .tb-full-params {
     width: 80%;
}
 .tb-full-params tr {
     border-bottom: 1px solid #f0efef;
}
 .tb-full-params td {
     padding: 8px 0;
}
 .tb-full-params .fp-label {
     width: 60%;
}
 .tb-full-params .fp-value {
     width: 40%;
     font-weight: 900;
     color: #000;
     font-size: 15px;
}
 .tag-listing a {
     display: inline-block;
     margin-right: 5px;
     margin-bottom: 10px;
     background: #f4f4f4;
     color: #4f4f53;
     padding: 2px 10px;
     border: 1px solid #eaeaea;
     border-radius: 3px;
     font-size: 14px;
}
 .tag-listing a:hover {
     background: #0c4ad4;
     color: #ffffff;
     border: 1px solid #0c4ad4;
}
 .fade {
     -webkit-transition: opacity 2s linear;
     -o-transition: opacity 2s linear;
     transition: opacity 2s linear;
}
 .gd-ship-box {
     position:relative;
     width: 100%;
     text-align: left;
     border: 1px solid #efefef;
     -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
     box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 .gd-ship-box::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: auto;
     height: 100%;
     opacity: .03;
     z-index: -1;
     background: url(../i/bg/topography.svg);
     -webkit-background-size: cover;
     background-size: cover;
     background-position: right;
}
 .gd-ship-box_inner {
    padding: 20px 15px;
    font-weight: 300;
}
 .gd-ship-box hr {
     margin-top: 10px;
     margin-bottom: 15px;
}
 .gd-ship-box p {
     font-size: 14px;
     color: #444444;
     margin-bottom: 7px;
}
 .gd-ship-box p span {
     font-weight: 700;
     color: #000;
}
 .box_title {
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 0.4px;
}
.customer-review-promo {
    font-size: 16px;
    font-weight: 900;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px;
}
.customer-review-promo img {
    width:100px;
}
.customer-review-promo a {
    font-weight: 300;
    color: #6f6f6f;
    border-bottom: 1px solid #333;
    margin-left: 10px;
}
 .title-h1-2nd {
     font-size: 30px;
     line-height: 1.2;
     font-weight: 700;
     color: #484848;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     margin-bottom: 20px;
}
 ul.left_menu {
     margin: 0px 0px 26px;
     padding: 0;
     -webkit-border-radius: 1px;
     border-radius: 1px;
     overflow: hidden;
     background: #fff;
     border-radius:4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(151,151,151,.3);
    box-shadow: 0 2px 6px 0 rgba(151,151,151,.3);
}
 ul.left_menu li {
     display: block;
     font-size: 14px;
     padding-left: 0px;
     -webkit-transition: background-color 0.07s ease-out 0s;
     -o-transition: background-color 0.07s ease-out 0s;
     transition: background-color 0.07s ease-out 0s;
     background: #fff;
     border-bottom: 1px solid #f7f7f7;
    background-image: url(../i/ico/arrr96.svg);
    background-repeat: no-repeat;
    background-position: 95% 18px;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
}
 ul.left_menu li:hover {
     background: #f7f7f7;
    background-image: url(../i/ico/arrr96.svg);
    background-repeat: no-repeat;
    background-position: 95% 18px;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
}
ul.left_menu .current a:after {
    content:'';
    position:absolute;
    background-image: url(../i/ico/arrr96w.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    height:10px;
    width:10px;
    right: 27px;
    margin-top: 6px;
}
 ul.left_menu li:first-child {
     margin-top: 0;
}
 ul.left_menu li:last-child {
     border-bottom: 0px;
}
 ul.left_menu li a {
     font-size: 14px;
     padding: 11px 19px 12px;
     text-decoration: none;
}
 ul.left_menu li:not(.exit) a {
     color: #383838;
     display: block;
}
 ul.left_menu li.exit a {
     display: block;
     text-align: left;
     position: relative;
}
 ul.left_menu li.exit a:before {
     display: inline-block !important;
     width: 5px;
     height: 8px;
     background: url("../images/arrows.png") -3px -292px no-repeat !important;
     content: "";
     margin: 0px 8px 0px 0px;
     position: static;
}
 ul.left_menu li:not(.exit).current a, ul.left_menu li:not(.exit).current a:hover {
     color: #fff;
     background: #005bf9;
}
 ul.left_menu li.exit {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: medium none !important;
}
 ul.left_menu li.exit.current a {
     background: transparent;
     border: 0;
}
.promo-act_block ul.left_menu {
    display: inline-block;
    margin-top:15px;
    margin-bottom:0px;
}
.promo-act_block ul.left_menu li {
    display: inline-block;
    min-width: 200px;
    border-right: 1px solid #f1f1f1;
    border-bottom:0;
}
.promo-act_block ul.left_menu li:last-child {
    border-right:0;
}
 .promo-act_block ul.left_menu li:not(.exit).current a, .promo-act_block ul.left_menu li:not(.exit).current a:hover {
     color: #fff;
     background: #ff6153;
}
 @media (max-width: 800px) {
     .promo-act_block ul.left_menu {
         display: block;
     }
     .promo-act_block ul.left_menu li {
         display: block;
         border-bottom: 1px solid #f1f1f1;
     }
 }
 .head-box {
     position: relative;
}
 .head-box .title_ico {
     font-size: 15px;
     margin-left: 45px;
     margin-bottom: 15px;
     margin-top: 25px;
     text-transform: uppercase;
     position: relative;
     padding-left: 20px;
}
 .head-box .title_ico img {
     width: 30px;
     position: absolute;
     left: 7px;
     top: 60%;
     -webkit-transform: translateX(-100%) translateY(-50%);
     -ms-transform: translateX(-100%) translateY(-50%);
     transform: translateX(-100%) translateY(-50%);
}
 .head-box .qc_links {
     margin-left: 35px;
     margin-bottom: 5px;
     margin-top: 5px;
     padding-left: 15px;
}
 .head-box .qc_links img {
     width: 30px;
     left: 7px;
     top: 60%;
}
 .head-box .content_p {
     margin-left: 50px;
     font-size: 14px;
     line-height: 19px;
     color: #555965;
     margin-bottom: 20px;
     font-weight: 300;
}
 .head-box .content_p a {
     margin-right: 15px;
     font-size: 14px;
     color: #616161;
     margin-bottom: 20px;
     border-bottom: 1px solid #d2d2d2;
}
 .cart-popup_bottom .line {
     border-color: #212237;
     margin-bottom: 15px;
     margin-top: 15px;
}
 .cart-popup_bottom .remove {
     font-size: 13px;
     color: rgba(33, 34, 55, 0.8);
     background: transparent;
     border: none;
}
 .cart-popup_bottom .remove:hover {
     color: #212237;
}
 .cart-popup_bottom .cart-widget-item {
     margin-bottom:10px;
}
 .cart-popup_bottom .name {
     line-height: 20px;
}
 .cart-popup_bottom .name a {
     font-weight: 300;
     font-size: 14px;
     line-height: 0;
     color: #000;
}
 .cart-popup_bottom .q {
     color: #fff;
     font-size: 14px;
     background: #b3b3b3;
     padding: 2px 4px;
     font-weight: 700;
     border-radius: 1px;
}
 .cart-popup_bottom .price-total, .cart-widget .price {
     color: #212237;
     font-size: 16px;
}
.cart-popup_bottom .actions {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    background: #fff;
    z-index: 2; }
 .cart-popup_bottom .cart-widget-buttons {
     padding: 0 0 30px;
}
 .cart-popup_bottom .cart-widget-edit {
     display: block;
     text-align: center;
     margin-bottom: 12px;
     padding: 15px 0;
     border: 2px solid #2b678a;
     color: #2b678a;
     text-transform: uppercase;
     background: transparent;
     font-weight:900;
     border-radius:7px;
}
 .cart-popup_bottom .cart-widget-edit:hover {
     border: 2px solid #2b678a;
     background:#2b678a;
     color: #fff;
}
 .cart-popup_bottom .cart-widget-order {
     display: block;
     padding: 17px 0;
     color: #fff;
     text-transform: uppercase;
     text-align: center;
     background: #e73827;
     font-weight:900;
     border-radius:7px;
}
 .cart-popup_bottom .cart-widget-order:hover {
     background: -webkit-linear-gradient(to right, #f85032, #e73827);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #f85032, #e73827);
     background: #c31432;
     transition: all 100ms ease 200ms;
}
 .title-block {
     padding: 0;
     position: relative;
}
 .title-block .bouncher {
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 9;
}
 .title-block .bouncher .bouncing-icon {
     border: 2px solid #fff;
     height: 28px;
     display: inline-block;
     width: 23px;
     -webkit-border-radius: 11px;
     border-radius: 11px;
     color: #B9B4B4;
     -webkit-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
     transition: all 1s ease 0s;
     margin-top: 8px;
}
 .title-block .bouncher .bouncing-icon:hover {
     color: #e31e25;
}
 .title-block .main-slider {
     position: relative;
}
 .title-block .main-slider .item {
     position: relative;
     min-height: 80vh;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     background-position: center center !important;
}
 .title-block .main-slider .item::before {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 99;
}
 .title-block .caption {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .title-block .caption .first-screen-form {
     max-width: 600px;
     margin: 30px auto;
}
 .title-block .caption .first-screen-form button {
     margin-top: 15px;
}
 .title-block .caption .first-screen-form input {
     background: transparent;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 2px solid #fff;
     display: block;
     width: 100%;
     padding: 5px 10px;
     color: #fff;
}
 .title-block .caption .first-screen-form input::-webkit-input-placeholder {
     color: #fff;
}
 .title-block .caption .first-screen-form input:-ms-input-placeholder {
     color: #fff;
}
 .title-block .caption .first-screen-form input::-ms-input-placeholder {
     color: #fff;
}
 .title-block .caption .first-screen-form input::placeholder {
     color: #fff;
}
 .title-block .caption .first-screen-form input:focus {
     outline: none;
}
 .title-block .caption h1 {
     font-size: 36px;
     color: #fff;
     font-weight: bold;
     z-index: 9;
     text-align: center;
     text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
     position: relative;
     z-index: 2;
}
 .video-gallery {
     position: relative;
     padding: 30px 0;
}
 .video-gallery .item {
     margin-bottom: 30px;
}
 .video-gallery .item a {
     display: block;
     position: relative;
}
 .video-gallery .item a::after {
     content: '';
     width: 100%;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.2);
     z-index: 1;
}
 .video-gallery .item a::before {
     content: "\f0a1";
     font-family: 'IcoFont';
     display: block;
     text-align: center;
     line-height: 70px;
     font-size: 30px;
     padding-left: 5px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     height: 70px;
     width: 70px;
     background: #2b2a28;
     color: #fff;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -40px;
     margin-top: -35px;
     z-index: 2;
}
 .photo-gallery {
     position: relative;
     padding: 30px 0;
}
 .photo-gallery .item {
     margin-bottom: 30px;
}
 .photo-gallery .item a {
     display: block;
     position: relative;
}
 .interiers {
     margin-top: 40px;
}
 .interiers .item {
     position: relative;
     text-align: center;
}
 .interiers .item .icon {
     margin-bottom: 15px;
}
 .interiers .item .icon .img {
     width: 150px;
     height: 150px;
     border: 2px solid #e31e25;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     -webkit-background-size: cover !important;
     background-size: cover !important;
     background-position: center center;
     display: inline-block;
}
 .interiers .item .text {
     position: relative;
}
 .interiers .item .text .title {
     font-size: 14px;
     font-weight: bold;
     text-transform: uppercase;
}
 .form-block {
     position: relative;
     background: #2b2a28;
     padding: 30px 0;
}
 .form-block button {
     white-space: normal;
}
 .form-block input {
     background: transparent;
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: 2px solid #fff;
     display: block;
     width: 100%;
     padding: 5px 10px;
     color: #fff;
}
 .form-block input::-webkit-input-placeholder {
     color: #fff;
}
 .form-block input:-ms-input-placeholder {
     color: #fff;
}
 .form-block input::-ms-input-placeholder {
     color: #fff;
}
 .form-block input::placeholder {
     color: #fff;
}
 .form-block input:focus {
     outline: none;
}
 .cols {
     margin: 30px 0;
}
 .cols .item {
     position: relative;
     margin-bottom: 30px;
}
 .cols .item .image {
     text-align: center;
}
 .cols .item .text {
     margin-top: 15px;
     font-size: 14px;
}
 .cols .item .text h3 {
     font-weight: bold;
     font-size: 20px;
     text-align: center;
}
 .reviews {
     position: relative;
}
 .reviews .items {
     margin-top: 30px;
}
 .reviews .items .item {
     position: relative;
}
 .reviews .items .item .image {
     text-align: center;
}
 .reviews .items .item .image img {
     max-width: 200px;
     display: inline-block;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 .reviews .items .item .text {
     margin-top: 30px;
}
 .reviews .items .item .text .name {
     font-weight: bold;
     font-size: 18px;
     text-align: center;
     display: block;
     margin-bottom: 10px;
}
 .reviews .items .item .text p {
     font-size: 14px;
     margin: 0 auto;
     max-width: 300px;
}
 .accordeon {
     position: relative;
     margin-top: 30px;
}
 .accordeon .card {
     position: relative;
}
 .accordeon .card + .card {
     margin-top: 15px;
}
 .accordeon .card .card-header {
     padding: 10px 15px;
}
 .accordeon .card .card-header button {
     display: block;
     font-weight: bold;
     text-transform: uppercase;
     color: #2b2a28;
     white-space: normal;
}
 .accordeon .card .card-header button:hover, .accordeon .card .card-header button:active, .accordeon .card .card-header button:focus {
     text-decoration: none;
     color: #e31e25;
}
 .simple-half-block {
     margin-top: 30px;
}
 .pricer {
     display: block;
     padding: 15px 15px;
     font-size: 16px;
     text-align: center;
     border: 2px solid #00d664;
     color: #fff;
     background: rgba(0, 214, 100, 0.7);
}
 .pricer.pricer-9 {
     border: 2px solid #f7b204;
     color: #fff;
     background: rgba(247, 178, 4, 0.7);
}
 .pricer.pricer-10 {
     border: 2px solid #f5a208;
     color: #fff;
     background: rgba(245, 162, 8, 0.7);
}
 .pricer.pricer-30 {
     border: 2px solid #ff0039;
     color: #fff;
     background: rgba(255, 0, 57, 0.7);
}
 @media (max-width: 1200px) {
     body {
         position: relative;
    }
     .dropdown .drop-menu h2 {
         font-size: 22px;
    }
     .dropdown .drop-menu h2 sup {
         font-size: 16px;
    }
     header .top-menu .search {
         margin-right: 0;
    }
     header .top-menu .cart .cart-name {
         display: none;
    }
     header .top-menu .top-menus li {
         margin-left: 0;
    }
     header .top-menu .top-menus li * + li {
         margin-left: 5px;
    }
     .footer__copy {
         text-align: center;
    }
     .footer__topbar {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         padding-bottom: 33px;
    }
     .footer__topbar .footer__item {
         width: 25%;
         padding-left: 15px;
         padding-right: 15px;
         text-align: center;
         border-right: 1px solid rgba(53, 53, 53, 0.06);
    }
     .footer__topbar .footer__item.footer__item--contacts {
         width: 100%;
         text-align: center;
         margin-top: 50px;
         padding-top: 20px;
         border-top: 2px solid #f5f5f5;
    }
     .interiers .item .icon .img {
         width: 130px;
         height: 130px;
    }
     .compare-tables .compare-table .table-row .table-value {
         width: 25%;
    }
}
 @media (max-width: 991px) {
     header .top-menu .search .search-form {
         right: -120px;
    }
     header .top-menu div.search-form.active > form {
         padding-top:15px;
    }
     .benefits-block .benefits-items > .benefits-item .icon {
         left: 50%;
         margin-left: -20px;
    }
     .mobile-catalog-but {
         display: block;
    }
     .news-scroll {
         margin-top: 30px;
    }
     .panel {
         display: block;
    }
     .drop-menu {
         width: 100vw;
         position: fixed;
         top: 0;
         left: -100vw;
         z-index: 9;
         height: 100vh;
         display: block;
         overflow: auto;
         padding-left: 0;
         padding-right: 0;
    }
     .actives {
         left: 0vw !important;
    }
     .drop-menu_list {
         margin-right: 0;
         padding-right: 0;
    }
    .drop-menu .row {
        margin-right: 0;
    }
     .menu-manage {
         display: block;
    }
     .menu-manage div {
         width: 100%;
         height: 50px;
         border-bottom: 1px solid;
         line-height: 50px;
         padding-left: 10px;
         border-bottom: 1px solid whitesmoke;
    }
     .menu-manage .btn-close {
         width: 20px;
         position: absolute;
         top: 3px;
         right: 15px;
         border-bottom: none;
    }
     .menu-manage .btn-close i {
         font-size: 30px;
    }
     .menu-manage span.btn-close:before{
         content: '';
         width: 22px;
         height: 22px;
         position: absolute;
         top: 10px;
         background: url(https://ledsystems.ua/assets/files/images/ico/close-red.svg);
         background-size: contain;
         z-index: 1010;
     }
     .name-menu span {
         font-size: 14px;
         text-transform: uppercase;
         letter-spacing: 2px;
         font-weight: 700;
         color: #000;
         margin-bottom: 15px;
         border-bottom:1px solid #bcbcbc;
    }
     .fixed-menu {
         position: fixed;
         top: 0;
         height: 100vh;
         width: 100vw;
         background-color: #fff;
         z-index: 2;
         overflow: auto;
         left: -282px;
         display: block;
    }
     .menu-top {
         list-style-type: none;
         padding: 0;
         margin: 0;
    }
     .menu-top li {
         height: 50px;
         width: 100%;
         border-bottom: 1px solid whitesmoke;
         line-height: 50px;
         list-style: none;
         font-size: 14px;
         padding-left: 10px;
         margin: 0;
    }
     .menu-top li a {
         font-size: 14px;
         color: #000;
         line-height: 1.2;
         display: block;
         width: 100%;
         height: 50px;
         line-height: 50px;
         font-weight: 700;
         text-transform: uppercase;
    }
    .menu-top li.menu_top__cat {
        background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/arrr96.svg);
        background-repeat: no-repeat;
        background-position: 95% 21px;
        -webkit-background-size: 8px 8px;
        background-size: 8px;
    }
     .middle-menu {
         list-style-type: none;
         padding: 0;
         margin: 0;
    }
     .middle-menu li {
         height: 50px;
         width: 100%;
         border-bottom: 1px solid whitesmoke;
         line-height: 50px;
         list-style: none;
         margin: 0;
         font-size: 14px;
         padding-left: 10px;
         background-color: #fbfbfb;
    }
     .middle-menu li a {
         font-size: 14px;
         color: #000;
         line-height: 1.2;
    }
     .middle-menu li a i {
         width: 20px;
    }
     .contact {
         padding: 15px 10px 10px;
    }
     .contact p {
         font-size: 16px;
         color: #535353;
         line-height: 1;
         margin-bottom: 15px;
    }
     .contact ul {
         list-style: none;
         padding: 0;
         margin: 0;
    }
     .contact ul li {
         margin: 0 0 10px;
    }
     .contact ul li a {
         font-size: 14px;
         color: #535353;
         line-height: 1.2;
    }
     .contact ul li a i {
         width: 20px;
    }
     .dropdown {
         position: fixed;
         display: block !important;
         left: -100vw;
         right: auto;
    }
     div#catalog {
         position: fixed;
         left: -100vw;
         background-color: #fff;
         top: 0;
         width: 100vw;
         height: 100vh;
         overflow: auto;
    }
     .dropdown .list {
         -webkit-columns: 1 !important;
         columns: 1 !important;
    }
     .dropdown .list li {
         -webkit-border-radius: 4px;
         border-radius: 4px;
         width: 100%;
         padding: 12px 10px 12px 10px;
         list-style: none;
         background: none;
         border-bottom: 1px solid whitesmoke;
         background-repeat: no-repeat;
         margin-bottom: 0;
    }
     .dropdown .list li a {
         border-bottom: none;
         font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.5px;
    }
     .top-menu {
         border-bottom: 0px solid #eeeeee;
    }
     .tabs {
         margin: 0;
    }
     .sub-info-tags, .puzzled {
         display: none;
    }
     .pd-mob-fix {
         padding: 0;
    }
     .search {
         margin-right: 0px;
    }
     header .top-menu .search .search-form.active {
         width: 340px !important;
         text-align: right;
         height: 71px;
         padding: 0px
    }
     header .top-menu .search .search-form button {
         margin-left: 10px;
    }
     header .top-menu .close-search {
         margin-left: 5px;
         margin-right: 15px;
    }
     .category-item .category-item__title {
         font-size: 12px;
    }
     .search-form input {
         width: 210px !important;
    }
     header .top-menu .search .search-form input {
         height:30px;
    }
     .shape {
         border: none !important;
         display: none !important;
    }
     .menu {
         padding: 0px 0;
    }
	.menu .container{
        position: relative;
    }
     a.panels.back {
         background: none;
         width: 100%;
         height: 50px;
         line-height: 62px;
         display: block;
         color: #535353;
         padding: 0;
    }
     a.panels.back i {
         font-size: 30px;
    }
     .name-menu {
         background-color: #fbfbfb;
         color: #1569bc;
    }
     .drop-menu {
         display: block;
         margin: 0 !important;
    }
     .menu-title {
         width: 300px;
         padding: 0;
    }
     .menu-title li {
         -webkit-border-radius: 4px;
         border-radius: 4px;
         width: 100%;
         line-height: 50px;
         list-style: none;
         padding-left: 10px;
         background: none;
         border-bottom: 1px solid whitesmoke;
         background-repeat: no-repeat;
         margin-bottom: 0;
    }
     .menu-title li:hover {
         background-color: #f3f3f3;
         background-image: none;
    }
     .menu-title li:hover, .menu-title li.active {
         background-image: none;
    }
     .menu-title li a.panel {
         font-size: 14px;
         font-weight:300;
         letter-spacing:0.5px;
         width: 100%;
         display: block;
         text-decoration: none;
         line-height: 1.2;
         padding: 12px 10px 12px 0;
    }
     .benefits-block .benefits-items > .benefits-item {
         vertical-align: top;
         margin-bottom: 15px;
    }
     .benefits-block .benefits-items > .benefits-item .wrap {
         width: 90%;
         height: auto;
         text-align: center;
    }
     .benefits-block .benefits-items > .benefits-item .wrap:before {
         position: static;
         margin: auto;
         margin-bottom: 5px;
    }
     .benefits-block .benefits-items > .benefits-item .wrap .text {
         position: static;
         -webkit-transform: inherit;
         -ms-transform: inherit;
         transform: inherit;
    }
     .slidersl .slick-dots, .slider__container {
         padding: 0 20px;
    }
     .slider__label {
         right: 20px;
    }
     .table-responsives {
         width: 100%;
    }
     .table-responsives table {
         display: block;
    }
     .table-responsives table tr {
         display: block;
         border-top: none;
         width: 100%;
         overflow: hidden;
         position: relative;
    }
     .table-responsives table tr + tr {
         border-top: 1px solid #ececec;
    }
     .table-responsives table tr.header {
         display: none;
    }
     .table-responsives table tr.footer {
         font-size: 0;
         border: none;
    }
     .table-responsives table tr.footer th {
         display: inline-block;
         font-size: 16px;
         padding: 5px 15px;
         text-align: center;
         border: none;
    }
     .table-responsives table td {
         display: block;
         border-top: none !important;
         width: 70%;
         float: left;
         padding: 0 10px 5px;
    }
     .table-responsives table td .form-group {
         margin-bottom: 0;
    }
     .table-responsives table td:last-child {
         overflow: hidden;
    }
     .table-responsives table td:last-child .btn {
         overflow: hidden;
         position: absolute;
         top: 0;
         right: 0;
    }
     .table-responsives table td.cart-image {
         width: 30%;
         float: left;
         min-height: 200px;
    }
     .table-responsives table td.count {
         position: relative;
    }
     .table-responsives table td.count input {
         max-width: 40px;
         display: inline-block;
    }
     .interiers .item {
         margin-bottom: 30px;
    }
     footer .footer__topbar {
         padding-top: 0px;
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         padding-bottom: 10px;
    }
     .footer__item:nth-last-child(2), .footer__item:last-child {
         border-right: 0;
    }
     .footer__item--contacts {
         width: 100%;
         text-align: center;
         margin-top: 50px;
         padding-top: 20px;
         border-top: 2px solid #f5f5f5;
    }
     .footer__subtitle {
         margin-bottom: 25px;
    }
     .footer__tel {
         font-size: 24px;
    }
     .footer__socials {
         margin-top: 15px;
         text-align: center;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .footer__bottombar {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .item-card h1 {
         margin-top: 30px;
    }
     .item-card .characters, .tb-full-params, .cb-pricing-box, .ma-price-wrap {
         width: 100%;
    }
     .tabmain {
         padding: 30px 0;
    }
     .tabmain label {
         padding: 10px 15px;
         font-size: 16px;
    }
     .compare-tables .compare-table .table-row .table-value {
         width: 33.3333333%;
    }
     header .top-menu .favorite, header .top-menu .compare {
         display: none;
    }
     header .top-menu .toright div + div {
         margin-left: 10px;
    }
    header .top-menu .lang {
        border:0px;
        font-weight:700;
    }
}
 @media (max-width: 768px) {
     .hidden-xs {
         display: none;
    }
     .compare-tables .compare-table .title {
         padding-left: 10px;
         padding-right: 10px;
    }
     .order-box {
         text-align: center;
    }
     .cb-pricing-box a.w-price_link {
         display: block;
    }
     .cb-pricing-box a.buy {
         display: block;
         width: 100%;
         margin: 5px 0;
    }
     .cb-pricing-box .oneclick-buy {
         display: block;
         width: 100%;
         margin: 5px 0;
    }
     .head-box .about__title {
         font-size: 30px;
    }
     .head-box .title_ico {
         margin-left: 23px;
    }
     .head-box .qc_links {
         margin-left: 28px;
    }
     .benefits-block .benefits-items > .benefits-item {
         width: 50%;
    }
     .benefits-block .benefits-items > .benefits-item .wrap {
         width: 100%;
    }
     .slider-container {
         width: 100%;
    }
     .compare-tables {
         margin: 0 -15px;
    }
     .compare-tables .compare-table .title {
         padding-left: 10px;
         padding-right: 10px;
    }
     .action {
         height: auto;
         padding: 25px 25px;
         margin-bottom: 20px;
    }
     .action img {
         width: 30px;
    }
     .action_links span {
         vertical-align: middle;
    }
     .action a {
         margin-bottom: 40px;
    }
     .allprod .information {
         padding: 0px 10px 7px;
         z-index: 999;
         width: 100%;
         display: block;
         opacity: 1;
    }
     .information_specs {
         display: none;
    }
     .allprod {
         min-height: 455px;
    }
     .dir-boxes_digit {
         position: absolute;
         font-size: 70px;
         color: #c1c1c1;
         font-weight: 400;
         top: 12px;
         left: 12px;
         z-index: 20;
    }
     .dir-content a {
         font-weight: 900;
         font-size: 19px;
         color: #494545;
         text-transform: uppercase;
    }
     .dir-boxes {
         padding-top: 35px;
         padding-left: 100px;
         padding-right: 10px;
         z-index: 2;
    }
     #clients-list {
         padding-top: 270px;
    }
     .directions-box {
         overflow: visible;
         padding-top: 10px;
         background: #fafafa;
         margin-bottom: -238px;
    }
     .dir-boxes p {
         display: none;
    }
     .title-h1 {
         font-size: 15px;
         line-height: 1.2;
         font-weight: 900;
         color: #3a3a3a;
         letter-spacing: 1.5px;
    }
     .h-title-pos {
         margin-bottom: 20px;
         margin-top: 0px;
    }
     .h-title-pos1 {
         margin-bottom: 30px;
         margin-top: 30px;
    }
     .title-h1 img {
         margin: -8px 2px 0 0;
         width: 28px;
    }
     .multibutton {
         width: 100%;
         padding: 0 10px;
         font-size: 14px;
    }
     .footer__topbar {
         padding-top: 0;
    }
     .footer__topbar .footer__item {
         width: 100%;
         border: 0 !important;
         padding-left: 0;
         padding-right: 0;
    }
    .footer__topbar .footer__item.footer__item--contacts {
            margin-top:0px;
    }
     .footer__item--contacts {
         margin-top: 0;
         border: 0;
    }
     .footer__item ul {
         width: -webkit-calc(100% + 45px);
         width: calc(100% + 45px);
         margin-left: -30px;
         display: none;
         padding: 20px 10px 25px 30px;
         border-bottom: 2px solid #f5f5f5;
         -webkit-transition: auto;
         -o-transition: auto;
         transition: auto;
    }
     .footer__item li {
         text-align: left;
    }
     .footer__subtitle {
         width: -webkit-calc(100% + 45px);
         width: calc(100% + 45px);
         text-align: left;
         margin: 0;
         margin-left: -30px;
         padding: 22px 30px;
         border-bottom: 2px solid #f5f5f5;
         position: relative;
    }
     .footer__subtitle:after {
         content: '';
         position: absolute;
         top: 50%;
         right: 30px;
         width: 40px;
         height: 40px;
         -webkit-border-radius: 50%;
         border-radius: 50%;
         border: 2px solid #f5f5f5;
         background-repeat: no-repeat;
         background-position: 50% 50%;
         background-image: url(../i/ico/arrow-left.svg);
         -webkit-background-size: 25% 25%;
         background-size: 25%;
         -webkit-transform: translateY(-50%) rotate(180deg);
         -ms-transform: translateY(-50%) rotate(180deg);
         transform: translateY(-50%) rotate(180deg);
         -webkit-transition: all .2s ease;
         -o-transition: all .2s ease;
         transition: all .2s ease;
    }
    .footer__item .is-active:after {
        transform: translateY(-50%) rotate(270deg);
    }
     .footer__cllbck {
         width: 100%;
    }
     .scrollmenu {
         overflow: auto;
         white-space: nowrap;
    }
     .scrollmenu .motto-s1, .scrollmenu .motto-s2, .scrollmenu .motto-s3 {
         display: inline;
         color: white;
         text-align: center;
         padding: 14px;
         text-decoration: none;
    }
     .news-scroll > .row > .col-clients img {
         width: 90%;
    }
     .news-scroll::-webkit-scrollbar {
         height: 10px;
    }
     div.news-scroll::-webkit-scrollbar {
         height: 10px;
    }
     div.news-scroll::-webkit-scrollbar-thumb {
         background: red;
    }
     .box-examples {
         margin-bottom: 30px;
    }
     .cols .item {
         margin-bottom: 30px;
    }
}
 @media (max-width: 600px) {
     .slidersl {
         height: 250px;
         margin-top:15px;
     }
     .compare-tables .compare-table .table-row .table-value {
         width: 50%;
    }
     .slider {
         height: 210px;
         margin-bottom: 40px;
    }
     .slider__container {
         padding: 0 25px;
    }
     .slider__slide {
         -webkit-background-size: cover !important;
         background-size: cover !important;
    }
     .slidersl .slick-dots {
         bottom: -30px;
         text-align: center;
         position: absolute;
         bottom: 15px;
    }
     .slidersl .slick-dots li button {
         margin: 0 5px;
    }
     .slidersl .slick-dots li button:before {
         width: 9px;
         height: 9px;
    }
     .slidersl .slick-dots li button:hover:before, .slidersl .slick-dots li.slick-active button:before {
         background: #222;
    }
     .slider__label {
         font-size: 12px;
         right: 25px;
    }
     .slider__slide-item_logo {
         max-width: 150px;
    }
     .slider__slide .btn {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         font-size: 0;
         border: 0;
         margin: 0;
         background: 0 0;
    }
     .slider__title {
         font-size: 40px;
    }
     .slider__text_size_50 {
         font-size: 28px;
    }
     .slider__text_size_30 {
         font-size: 19px;
    }
     .slider__text_size_40 {
         font-size: 24px;
    }
     .slider__text_size_20 {
         font-size: 16px;
    }
    .breadcrumbs {
        padding: 15px 0 5px 0;
        margin-bottom:15px;
    }
     .text-list li, .text-icon-list:not(.text-icon-list-sep) li {
         display: list-item;
         margin-left: 0px;
         margin-right: 2px;
    }
     .footer_titles ul.text-list li a {
         font-size: 14px;
    }
     .footer__calback_btn {
         padding-left: 8px;
         padding-right: 8px;
    }
     .footer__calback_btn, .footer__calback_btn i, .footer__calback_btn span {
         font-size: 12px;
    }
     .w-600-center {
         text-align: center;
    }
     .w-600-subsc {
         text-align: center;
         margin-bottom: 20px !important;
    }
     .w-600-subsc h3 {
         font-size: 21px;
         text-align: center;
    }
     .w-600-form .form-group {
         width: 100%;
    }
     .w-600-form button {
         margin: 0 auto;
    }
}
.m-logo div {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    background: #f4f1f4;
    color: #222;
    width: fit-content;
    padding: 0px 5px;
    letter-spacing: 0.4px;
}
 .ui-slider .ui-slider-handle {
     width: 20px;
     height: 20px;
}
 .widget.filters .widget-filter .widget-content label input {
     border: 1px solid #c1c1c1;
     border-radius: 2px;
     height: 32px;
     padding-left: 35px;
     font-weight:700;
}
/*mfilter slider mods*/
 #mse2_filters .mse2_number_inputs label {
     display: inline-flex!important;
     padding-left: 8px;
}
 .widget.filters .widget-filter .widget-content label input {
     height: 32px;
     padding-left: 35px;
     font-weight: 700;
     margin-left: -22px;
     z-index: -1;
     margin-top: -3px;
}
/*mfilter slider mods end */
/* mobile scrolling start */
 @media only screen and (max-width: 767px) {
     .news-scroll>.row {
         overflow-x: auto;
         white-space: nowrap;
         flex-wrap: nowrap;
         padding-left: 15px;
    }
    /* .news-scroll>.row>.col-xs-4 {
         width: 80%;
         white-space: normal;
         display: inline-flex;
         float: none;
    }
    */
     .news-scroll>.row>.col-clients {
         padding-left: 0px;
         padding-right:0px;
         margin-right: -10px;
         white-space: normal;
         display: inline-flex;
         float: none;
    }
     .news-scroll>.row>.col-clients img {
         width:90%;
    }
     .news-scroll::-webkit-scrollbar {
         height: 10px;
    }
     div.news-scroll::-webkit-scrollbar {
        /*/
        / Width of vertical scroll bar // Height of horizontal scroll bar*/
         height: 10px;
    }
     div.news-scroll::-webkit-scrollbar-thumb {
         background: red;
    }
}
 ::-webkit-scrollbar {
    /*/
    / Width of vertical scroll bar // Height of horizontal scroll bar*/
     height: 10px;
}
::-webkit-scrollbar-thumb {
     background: red;
     border-radius: 20px;
}
/* mobile scrolling end */
 @media only screen and (min-width: 992px) {
     img.m_menu_img {
         margin-top:-6px;
         margin-left:-8px;
    }
}
/* text and content styling start */
 div.content_text {
     font-size: 15px;
     font-weight: 300;
     color: #3a3a3a;
     border-bottom: 1px solid #f4f4f4;
     padding-bottom: 15px;
     margin-bottom: 20px;
     text-align:left;
}
 div.content_text h2{
     font-size: 20px;
     font-weight: 700;
     color: #000;
     letter-spacing: 1.2px;
     text-transform: uppercase;
}
 div.content_text h3 {
     font-size: 18px;
     font-weight: 900;
     color: #000;
     letter-spacing: 1.2px;
     text-transform: uppercase;
}
 div.content_text a {
    color: #525252;
    border-bottom: 1px solid #cecccc;
 }
 div.content_text a:hover {
    color:#fff;
    background:#0086ff;
    border-bottom-color:#0086ff;
 }

 div.content_text img {
     max-width:100%;
     height:100%;
 }

div.content_text strong {
    font-weight: 700;
}

 div.content_text ul, div.content_text ol {
     margin-bottom: 20px;
     list-style: none;
     padding-inline-start: 20px;
}
 div.content_text ul > li, div.content_text ol > li {
     margin-bottom: 10px;
     position: relative;
     line-height: 1.3;
}
 div.content_text ul > li {
     padding-left: 23px;
}
 div.content_text ul > li:before {
     content: "";
     display: block;
     position: absolute;
     top: 6px;
     left: 0;
     background-image: url(../i/ico/long-check.svg);
     background-repeat: no-repeat;
     width: 14px;
     height: 14px;
}
 div.content_text ul ul, div.content_text ol ul, div.content_text ol ol, div.content_text ul ol {
     padding-top: 10px;
     padding-left: 10px;
}
 div.content_text ul ul li, div.content_text ol ul li {
     padding-left: 15px;
     position: relative;
     margin-bottom: 10px;
}
 div.content_text ul ul li:after, div.content_text ol ul li:after {
     content: "";
     display: block;
     position: absolute;
     width: 4px;
     height: 4px;
     top: 9px;
     left: 0;
     border: 1px solid #999999;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}
 div.content_text ul ol li,div.content_text ol ol li {
     list-style: decimal;
     padding-left: 3px;
     margin-left: 12px;
     margin-bottom: 10px;
}
 div.content_text ol {
     counter-reset: item;
}
 div.content_text ol li {
     display: block;
}
 div.content_text ol li:before {
     content: counters(item, ".") ". ";
     counter-increment: item;
     padding: 0 5px 0 10px;
     color: #999999;
}
 div.content_text ul ul ol li:after, div.content_text ol ul ol li:after {
     display: none;
}
div.kb-item a, .kb-article-link {
    font-size: 16px;
    font-weight: 700;
    color:#000;
}
.kb-item {
    border: 1px solid #f2f2f2;
    padding: 30px;
}
.kb-item:hover {
    box-shadow: 0 0 27px rgba(0,0,0,.1);
}
.kb-item:hover a {
    color:#fff;
    background:#0086ff;
    border-bottom-color:#0086ff;
}
.kb-item .kb-text {
    margin-top:7px;
}
.text_intro_center {
    text-align:center;
}
.text_intro_center .content_text {
    margin-left: auto;
    margin-right: auto;
    width:80%;
}
/* text and content styling end */
 .mse2-css-tags .widget-content {
     overflow: scroll;
     max-height: 200px;
     margin-right: 15px;
     border-bottom: 1px solid #f9f9f9;
}
 .mse2-css-cct .custom-control, .mse2-css-led_type .custom-control, .mse2-css-led_qty .custom-control, .mse2-css-voltage .custom-control, .mse2-css-ip_rating .custom-control {
     display: inline-block;
     width: 50%;
}
/* display of category Slider arrows none */
 .slider__controls {
     display:none;
}
/* display of category Slider arrows none end */
/* filter mobile collapse start */
 .filter__bar {
     text-align: left;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -webkit-flex-direction: row;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .filter__subtitle {
     padding: 15px 10px;
     margin-top: 0;
     margin-bottom: 10px;
     font-size: 18px;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #353535;
}
 .filter__items-all {
     padding: 5px 10px;
}
 @media only screen and (max-width: 1440px) {
     .filter__subtitle {
         font-size: 17px;
         margin-bottom: 34px;
    }
}
 @media only screen and (max-width: 992px) {
     .filter__bar {
         -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-bottom: 15px;
    }
     .filter__items {
         padding-left: 15px;
         padding-right: 15px;
         text-align: center;
         width: 100%;
         border-right: 1px solid rgba(53, 53, 53, 0.06);
    }
     .filter__subtitle {
         margin-bottom: 25px;
    }
}
 @media only screen and (max-width: 767px) {
     .widget.filters {
         margin:0px;
    }
     .filter__bar {
         padding: 0px;
         margin-bottom: 20px;
         box-shadow: 0.4rem 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.38);
         border-radius: 5px;
    }
     .filter__items {
         width: 100%;
         border: 0 !important;
         padding-left: 0;
         padding-right: 0;
    }
     .filter__items-all {
         display: none;
         padding: 20px 10px 25px 30px;
         text-align: left;
    }
      .filter__subtitle {
         text-align: left;
         margin: 0;
         margin-left: 0px;
         padding: 10px 10px;
         border-bottom: none;
         position: relative;
    }
    .widget .title {
        background:#fff;
        border-radius:5px;
        padding: 10px 0px 10px 45px;
    }
    .widget .filter__subtitle:before {
        top:11px;
    }
      .filter__subtitle:after {
         content: '';
         position: absolute;
         top: 50%;
         right: 10px;
         width: 30px;
         height: 30px;
         -webkit-border-radius: 50%;
         border-radius: 50%;
         border: 2px solid #adadad;
         background-repeat: no-repeat;
         background-position: 50% 50%;
         background-image: url(../i/ico/arrow-left.svg);
         -webkit-background-size: 25% 25%;
         background-size: 25%;
         -webkit-transform: translateY(-50%) rotate(180deg);
         -ms-transform: translateY(-50%) rotate(180deg);
         transform: translateY(-50%) rotate(180deg);
         -webkit-transition: all .2s ease;
         -o-transition: all .2s ease;
         transition: all .2s ease;
    }
    .filter__items .is-active:after {
        transform: translateY(-50%) rotate(270deg);
    }
    .sorting_box {
        padding: 15px;
        text-align: center;
        position: relative;
    }
    .sorting_box .sort_title {
        display: none;
    }
    .change_view-box {
        right: 0px;
        top: -41px;
    }
}
/* filter mobile collapse start */

.product_specs, .one-click, .comparisson {
    position:relative;
}
.product_specs span {
    padding-left:20px;
}
.product_specs span:before {
     width: 14px;
     content: " ";
     background-repeat: no-repeat;
     position: absolute;
     left: 0;
     top: 2px;
     height:14px;
}
.prspec_bg1 span:before {
    background-image: url(https://ledsystems.ua/assets/files/images/ico/color-wheel.svg);
}
.prspec_bg2 span:before {
    background-image: url(https://ledsystems.ua/assets/files/images/ico/power.svg);
}
.prspec_bg3 span:before {
    background-image: url(https://ledsystems.ua/assets/files/images/ico/drops.svg);
}
.cart-n-buy {
    text-align:center;
}
.one-click span:before {
     /*width: 18px;
     content: " ";
     background-image: url(https://ledsystems.ua/assets/files/images/ico/oneclick.svg);
     background-repeat: no-repeat;
     position: absolute;
     left: 0px;
     top: 2px;
     height:18px;*/
    display: inline-block;
    top: 2px;
    left: -20px;
    margin-right: -14px;
    position: relative;
    content: ' ';
    background-image: url(https://ledsystems.ua/assets/files/images/ico/oneclick.svg);
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
}
.one-click-big span {
    padding-left:15px;
}
.one-click-big span:before {
     left: -20px;
     top: 1px;
}
.comparison {
    display: inline-block;
}
.comparison-link {
    padding-left:25px;
}
.comparisson a:before, a.comparison-add:before, a.comparison-remove:before  {
     width: 18px;
     content: " ";
     background-image: url(https://ledsystems.ua/assets/files/images/ico/fa-comp.svg);
     background-repeat: no-repeat;
     position: absolute;
     left: 0px;
     top: 2px;
     height:18px;
}
/* mobile sticky menu start */
 @media only screen and (min-width: 701px) {
     .downMenu {
         display:none;
     }
}
 @media only screen and (max-width: 700px) {
.downMenu .menu-sticky,.form--singIn .form__row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.downMenu{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:50;
    background-color:#fff;
    box-shadow:0 -2px 10px rgba(0,0,0,.2)
}
.downMenu .menu-sticky{
    padding:0;
    margin-bottom:0px;
    width: 100%;
}
.downMenu .menu__item{
    text-align:center;
    width: 20%;
}
.downMenu .menu__item span{
    display:block;
    font-weight:300;
    font-size:13px;
    color:#000;
    margin-top:2px;
}
.downMenu .menu__link{
    display:block;
    padding:5px 5px 2px;
    position:relative
}
ul.menu-sticky {
    list-style:none;
}
.downMenu .menu__link[data-badge]:before,.downMenu .menu__link[data-online]:before{
    content:attr(data-badge);
    position:absolute;
    top:.9375rem;
    right:1.8125rem;
    background-color:#ee193d;
    color:#fff;
    padding:.1875rem .5625rem .0625rem;
    display:inline;
    font-size:1rem;
    border-radius:100px;
    line-height:1
}
.downMenu .menu__link[data-online]:before{
    content:attr(data-online);
    top:1.0625rem;
    right:1.625rem;
    background-color:#47ba48;
    color:#47ba48;
    padding:.1875rem .4375rem;
    font-size:.875rem
}
#changeLocation .modal-container,#changeLocation .modal-inner,.downMenu svg{
    overflow:visible
}
    .downMenu .icon-home{
        width: 18px;
        height: 18px;
    }
    .downMenu .icon-catalog{
        width: 18px;
        height: 18px;
    }
    .downMenu .icon-profile{
        width: 19px;
        height: 19px;
    }
    .downMenu .icon-call{
        width: 18px;
        height: 18px;
    }
    .downMenu .icon-basket{
        width: 18px;
        height: 18px;
    }

 }
/* mobile sticky menu end */

/* clients list + clients styles starts */
.clients-list-item {
    margin-bottom: 3.6rem;
    background-color: #f7f7f7;
}
.clients-list-item .img-wrapper a {
    display: block;
    height: 100%;
    min-height:300px;
    background-position: 50% 50%;
    background-size: cover;
}
.clients-list-item .txt {
    padding: 53px 30px 42px;
}
.clients-list-item .address {
    letter-spacing: .03rem;
    color: #9498a1;
    font-size: 1.05rem;
}
.clients-list-item a.entry-title h2 {
    color:#222;
    font-size:19px;
    font-weight:900;
    text-transform:uppercase;
    margin-top: .7rem;
    margin-bottom: 1rem;
    font-size: 1.7rem;
    line-height: 2rem;
}
.clients-txt a p {
    color:#333;
    font-size:14px;
    font-weight:300;
}
.clients-order-title {
    font-weight:900;
    font-size:22px;
}
/* clients list + clients styles end */
/* mobile pagination fix start */
@media only screen and (max-width: 700px) {
    ul.pagination li:first-child, ul.pagination li:last-child {display:none;}
}
/* mobile pagination fix end */
.seo__readmore {
   max-height:15.4rem;
   overflow:hidden
}
.seo__readmore-link {
   display:inline-block;
   vertical-align:top;
   position:relative;
   margin:.7rem 0 0;
   font-size:1.3rem;
   font-weight:500
}
.head-fa-user {
    display:inline-block;
    width:20px;
    height:20px;
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/fa-user.svg);
    background-repeat: no-repeat;
}
.head-fa-heart {
    display:inline-block;
    width:20px;
    height:20px;
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/fa-heart.svg);
    background-repeat: no-repeat;
}
.head-fa-chart {
    display:inline-block;
    width:20px;
    height:20px;
    background-image: url(https://ledsystems.ua/assets/templates/ledsystems/i/ico/fa-chart.svg);
    background-repeat: no-repeat;
    border-bottom:none!important;
}
/* cart order + order styles start */
.back_catalog {
    padding: 10px 20px;
    color: #8c8c8c;
    font-size: 17px;
    background: #f7f7f7;
    border-radius: 50px;
}
.main-cart {
    box-shadow: 0 2px 6px 0 rgba(151,151,151,.3);
    border-radius: 5px;
    padding: 10px 25px;
}
.main-cart .cart-header {
    background:#f4f4f4;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.main-cart .cart-header th {
    border:0px;
    font-size: 14px;
    color: #bfbfbf;
    font-weight: 300;
    vertical-align: middle;
    height: 30px;
}
.main-cart .count {
    text-align:center;
}
.main-cart .table-cart td.cart-image {
    width:100px;
}
.main-cart .cart-image img {
    width:80px;
    border:1px solid #f3f3f3;
    border-radius:3px;
    padding:2px;
}
.main-cart .cart-description a {
    color: #000;
    font-weight: 800;
    font-size: 15px;
    border-bottom: 1px solid #9e9e9e;
}
.main-cart .cart-description span {
    font-size: 14px;
    font-weight: 300;
    color: #555;
}
.main-cart .footer {
    height:40px;
}
.main-cart .footer th {
    vertical-align:bottom;
    text-align:center;
    font-weight:700;
    font-size:18px;
}
.main-cart .footer th.total_cost {
    font-weight:900;
}
.main-cart .footer th.total {
    text-align:right;
}
.main-cart .cart-amount {
    text-align:center;
    font-weight:900;
}
.main-cart .count input[type="number"] {
    max-width:70px;
    font-weight:700;
    text-align:center;
}
.main-cart .btn--cart {
	color: #f97474;
}
.cart-order-block {
    text-align:center;
    box-shadow: 0 2px 6px 0 rgba(151,151,151,.3);
    border-radius: 5px;
    padding: 10px;
}
.cart-order-block .order-price {
    font-weight:900;
    font-size:38px;
    text-align:center;
}
.cart-order-block .order-text {
    font-weight:300;
    font-size:16px;
    color:#c1c1c1;
}
.btn-make-order {
    border-radius: 4px;
    font-size: 30px;
    font-weight: 900;
    padding: 15px 50px;
    margin-top: 10px;
    width:100%;
    border: 0;
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    background: linear-gradient(to right, #FF4B2B, #FF416C);
    -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
.cart-promo-block {
    padding-top:30px;
}
.cart-goto-checkout {
    text-align:center;
}
.checkout-order h4 {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
}
.checkout-order label {
    font-weight: 300;
    color: #585858;
}
.checkout-order .order-amount {
    font-size:30px;
    font-weight:900;
    margin-bottom: 15px;
}
.checkout-order .btn-success {
    border-radius: 4px;
    font-size: 30px;
    font-weight: 900;
    padding: 10px 50px;
    border: 0;
    background: #FF416C;
    background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
    background: linear-gradient(to right, #FF4B2B, #FF416C);
    -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.18);
}
 @media (max-width: 400px) {
     .checkout-order .btn-success, .btn-make-order {
         padding: 10px;
         width:100%;
     }
     .mspc_form {
         margin-top:15px;
     }
     .main-cart .cart-header {
         display:none;
     }
 }
    /* promocode_block*/
.mspc_form {
    padding: 10px 35px;
    border: 2px dashed #c3c3c3;
    border-radius: 7px;
    margin-bottom: 20px;
}
.mspc_form h5 {
    font-weight: 900;
    font-size: 17px;
    margin-bottom: 14px;
}
.mspc_form button {
    border-radius: 0px;
    background: #e4e0e8;
    border-color: #e4e0e8;
}
.mspc_form .form-control {
    border: 1px solid #e4e0e8;
    font-weight: 900;
}
/* cart order + order styles end */

/* news sidebar start */
.newsline {
    border: 2px solid #dedede;
    padding: 10px;
}
.newsline-title {
    font-size: 18px;
    font-weight: 900;
    border-bottom: 3px solid #f99f6d;
    display: inline-block;
    margin-bottom: 15px;
}
.newsline-pub {
    font-size: 12px;
    display: inline-block;
    background: #c5c5c5;
    color: #fff;
    padding: 1px 3px;
    border-radius: 2px;
}
.newsline-link {
    display:block;
}
ul.newsline-menu {
     margin: 0px 0px 20px;
     padding-inline-start: 0px;
     list-style: none;
}
 ul.newsline-menu li {
     border-bottom: 1px solid #f7f7f7;
}
 ul.newsline-menu li:hover {
    background: #f7f7f7;
}
ul.newsline-menu li a {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.3px;
    display: block;
    padding: 10px 5px;
    color: #3c79b7;
    text-decoration: underline;
}
 ul.newsline-menu li:not(.exit).current a, ul.newsline-menu li:not(.exit).current a:hover {
    color: #2f2f2f;
    background: #f7f7f7;
    text-decoration: none;
    border-radius:3px;
}
/* news sidebar end */

.gotguestion-block {
    border: 1px solid #e7e7ef;
    padding: 30px 25px;
}
.gotguestion-block h5 {
    font-weight:900;
    font-size: 24px;
    display: inline-block;
    border-bottom: 3px solid #acca56;
}
.gotguestion-block p {
    font-size: 13px;
    color: #9c9da7;
    margin-bottom:0px;
}
.gotguestion-block  a.gq-phone {
    font-weight:900;
    color:#000;
    display:inline-block;
    font-size:20px;
}
.gotguestion-block span {
    display: block;
    font-size: 16px;
    font-weight:700;
}
.gotguestion-block .gq-callback {
    margin-top: 15px;
    display: block;
    text-align: center;
    background: #f14b4b;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}
/* catalog view start*/
.category-wrap {
    position: relative;

    margin: 0 12px 24px;
}
.category-wrap .category {
    width: 100%;
    height: 100%;
    padding: 20px 20px 26px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    transition: box-shadow .2s ease;
    box-sizing: border-box;
}
.category-wrap .category .static {
    display: flex;
}
.category-wrap .category .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    flex-shrink: 0;
}
.category-wrap .category .text .name {
    color: #282828;
    font-weight: 900;
    font-size: 20px;
}
.category-wrap .category .text .sub {
    margin-top: 8px;
}
.category-wrap .category .text .sub .item {
    display: inline;
    max-width: 100%;
    margin-right: 10px;
    font-size: 14px;
    color: #424242;
    font-weight: 700;
    border-bottom: 1px solid #f4f4f4;
}
.category-wrap .category .desc {
    width: 100%;
    margin-top: 2.9%;
    padding: 4.25% 0 1.25%;
    font-size: 0.875em;
    color: #828282;
    font-weight:300;
    line-height: 1.4em;
    border-top: 1px solid #e7e7e7;
}
 @media (max-width: 600px) {
     .category-wrap .category .static a.img {
         display:none;
     }

 }
/* catalog view end */

/* svg arrows for <i> */
.arr {
    width: 8px;
    height: 8px;
    display: inline-block;
    background-image: url(../i/ico/arrr96.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px 8px;
    background-size: 8px;
}
.arr_big-left {
    width: 16px;
    height: 16px;
    background-size: 16px;
    transform: rotate(180deg);
}
.arr_big-cart {
    display: inline-block;
    background-size: 18px;
    width: 18px;
    height: 18px;
}
/* svg arrows for <i> end */

/* new categories look mobile + desk */
.h-categ__cont{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -25px;
}
.h-categ__cont_box{
    margin:0 -10px;
}
.h-categ__item{
    display:-ms-flexbox;
    display:flex;
    -ms-flex:none;
    flex:none;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:25px;
    transition:all .3s ease-out;
    width:calc(25% - 50px);
}
.h-categ__item_box{
    background:#fff;
    border:1px solid #ececec;
    padding:20px;
    margin:10px;
    width:calc(25% - 20px);
}
.h-categ__item_box_3{
    width:calc(33.33% - 20px)
}
.h-categ__item_box:hover{
    box-shadow:0 5px 30px rgba(0,0,0,.2);
}
.h-categ__link{
    -ms-flex-align:center;
    text-decoration:none;
    width:100%;
}
.h-categ__img,.h-categ__link{
    display:-ms-flexbox;
    display:flex;
    align-items:center;
}
.h-categ__img{
    -ms-flex:none;
    flex:none;
    -ms-flex-align:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:90px;
    height:70px;
}
.h-categ img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:70px;
}
.h-categ__info{
    -ms-flex:1;
    flex:1;
    padding-left:20px;
}
.h-categ__name{
    color:#000;
    display:inline;
    border-bottom: 1px solid #eaeaea;
    font-size:18px;
    font-size:1.125rem;
    font-weight:600;
    line-height:1.1;
    transition:color .2s ease-out;
}
.h-categ__link:hover .h-categ__name{
    color:var(--cheme-color)
}
.h-categ__count{
    color:#8e8e8e;
    display:block;
    font-weight:500;
    margin-top:2px;
}
.h-categ .h-hidden-show>.h-hidden{
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width:1180px){
    .h-categ__item_box_3{
        width:calc(50% - 20px)
    }
}
@media screen and (max-width:1080px){
    .h-categ__item{
        width:calc(33.33% - 50px)
    }
    .h-categ__item_box{
        width:calc(33.33% - 20px)
    }
    .h-categ__item_box_3{
        width:calc(50% - 20px)
    }
}
@media screen and (max-width:980px){
    .h-categ__cont{
        margin:0 -10px
    }
    .h-categ__item{
        margin:20px 10px;
        width:calc(33.33% - 20px);
    }
    .h-categ__item_box{
        margin:10px;
    }
}
@media screen and (max-width:767px){
    .h-categ__cont_box{
        margin:0 -5px;
    }
    .h-categ__item{
        width:calc(50% - 20px);
    }
    .h-categ__item_box{
        margin:5px;
        width:calc(50% - 10px);
    }
}
@media screen and (max-width:580px){
    .h-categ__cont{
        margin:0;
    }
    .h-categ__item{
        margin:20px 0;
        width:calc(100% - 20px);
    }
    .h-categ__item_box{
        border:none;
        border-bottom:1px solid #f1f1f1;
        margin:0;
        padding:5px 0;
        width:100%;
        background-image: url(../i/ico/arrr96.svg);
        background-repeat: no-repeat;
        background-position: 95% 32px;
        -webkit-background-size: 8px 8px;
        background-size: 8px;
    }
    .h-categ__item_box:hover{
        box-shadow:none;
    }
    .h-categ__img{
        width:90px;
        height:60px;
    }
    .h-categ__img img{
        max-height:60px;
    }
    .h-categ__name{
        font-size:15px;
        font-size:.9375rem;
        height:auto;
        margin-top:0;
    }
    .h-categ__count{
        margin-top:-2px;
    }
}
/* * for subcategroies * */
.sub_cat  .h-categ__cont_box {
    margin: -4px -10px 10px -10px;
}
.sub_cat .h-categ__name{
    font-size:14px;
}
.sub_cat .h-categ__count {
    font-size:13px;
}
.sub_cat .h-categ__item_box {
    padding: 8px;
    margin: 5px 10px;
}
/* new categories look mobile + desk end */

/* product WIDE-VIEW start */
.product_wide______1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.item-list-c {
        margin-bottom: 1rem;
        border-radius: 4px;
        border: 1px solid #f0f0f0;
}
@media (min-width:1281px){
    .item-list-c__side {
        -webkit-box-flex:0;
        -ms-flex:0 0 15rem;
        flex:0 0 15rem;
        padding: 1rem;
        border-left:1px solid #f0f0f0;
    }
    .item-list-c__pic-col{
        -webkit-box-flex:0;
        -ms-flex:0 0 13.5rem;
        flex:0 0 13.5rem
    }
}
@media (min-width: 768px) {
	.item-list-c__inner, .item-list-c__main-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.item-list-c__main{
        padding:1rem;
	}
	.item-list-c__body-col{
	    -webkit-box-flex:1;
	    -ms-flex:1;
	    flex:1
	}
	.item-list-c__pic-col{
        margin-right:0.9rem;
	}
}
@media (min-width:768px) and (max-width:1280px){
    .item-list-c__side{
        -webkit-box-flex:0;
        -ms-flex:0 0 10.8rem;
        flex:0 0 10.8rem;
        padding: 0.3rem;
        border-left:1px solid #f0f0f0;
    }
	.item-list-c__pic-col{
        -webkit-box-flex:0;
        -ms-flex:0 0 8rem;
        flex:0 0 8rem;
	}
}
.item-list-c__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
.item-list-c__body-col .information_specs .product_specs {
    font-size: 13px;
    color: #797979;
    font-weight:300;
}
.item-list-c__body-col .information_specs .product_specs {}
.item-list-c__side {
    border-left: 1px solid #f0f0f0;
}
.item-list-c__action-btns {
    text-align: center;
}
.price-wrapper {
    height: 4.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.price{
    color: #000;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
}
.price_old {
    color: #777;
    font-size: 14px;
}
.item-c__image-wrapper,.item-list-c__main,.item-list-c__pic-col {
    position:relative;
}
.item-list-c__image-wrapper img{
    max-width:200px;
    max-height:100%;
}
.item-list-c__title{
    display:inline;
    color:#000;
    font-size:16px;
    font-weight:900;
    border-bottom: 1px solid #e5e5e5;
}
.item-list-c__title:hover{
    color:#306bc9
}
.item-list-c__act-btn{
    margin-bottom:7px;
    display: inline-block;
}
.item-list-c__act-btn:first-child{
    margin-right:10px;
}
.item-list-c__side>:not(:last-child){
    margin-bottom:15px;
    text-align: center;
}
.buy-btns .buy {
	border-radius: 4px;
	box-shadow: none;
	margin-top: 0;
	margin-bottom: 7px;
}
.list-act-btn{
    padding:3px 5px;
    border-radius:2px;
    border:1px solid #fff;
    color:#777;
    font-size: 13px;
}
.list-act-btn .icon{
    margin-right:10px;
}
.list-act-btn:hover{
    border-color:#306bc9;
}
.item-list-c__act-btn a.compare {
    font-size: 13px;
    color: #777;
    padding: 2px 5px;
    border-radius: 2px;
    border:1px solid transparent;
}
.item-list-c__act-btn a.compare:before {
    display:none;
}
.item-list-c__act-btn a.compare:hover {
    border:1px solid #306bc9;
    color:#000;

}
    /* style that exist in MAIN.CSS build*/
.price_opt {
    margin: 0 auto;
    padding: 3px;
    list-style: none;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -webkit-column-rule: 1px solid #e2e2e2;
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -moz-column-rule: 1px solid #e2e2e2;
    column-count: 2;
    column-gap: 10px;
    column-rule: 1px solid #e2e2e2;
    font-size: 13px;
    border: 1px solid #f4f4f4;
}
.price_opt_wide {
    max-width: 100%;
    column-count: 4;
}
.price_opt li span {
    display: table-cell;
    white-space: nowrap;
    padding-top: 0px;
    font-weight:700;
}
.profit {
    padding-top: 2px;
    text-align: center;
    margin-top: 5px;
}
.profit span {
    background-color: #ffe500;
    color: #000;
    border-radius: 3px;
}
.profit .price-old-s {
    color: #777;
    font-size: 13px;
    font-weight: 100;
    margin-left: 5px;
    background-color: #fff;
    text-decoration: line-through;
}
.item_article {
    background: #f1f1f1;
    color: #202020;
    display: inline-block;
    padding: 2px 7px;
    font-size: 13px;
    border-radius: 4px;
    margin-top: 5px;
    margin-right: 20px;
}
.item_on-stock {
    display: inline-block;
    font-size: 14px;
    color: #02bc2c;
    font-weight: 400;
}

@media (max-width:768px) {
	.item-list-c {
		padding: 10px;
		margin: 2px 3px 10px 3px;
	}
	.item-list-c__pic-col { /*image center*/
		text-align: center;
	}
	.item-list-c__image-wrapper img {
		max-width: 60%;
	}
	.item-list-c__side>:not(:last-child) {
		text-align: left;
		margin-bottom: 7px;
	}
	.item-list-c__side .price, .item-list-c__side .buy-btns form {
	    display:inline-block;
	}
	.item-list-c__title {
        color: #000;
        font-size: 13px;
        font-weight: 900;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 12px;
	}
	.price {
		font-size: 22px;
	}
	.price_opt_wide {
		margin-top:10px;
		font-size: 11px;
	}
	.buy-btns .buy {
		display: inline-block;
		width: 120px;
		margin-right: 15px;
		margin-bottom: 0;
	}
	.buy-btns .oneclick-wide {
		display: inline-block;
	}
	.buy-btns a.btn_one_click {
	    margin-left: 15px;
	}
	.item-list-c__main {
		margin-bottom: 7px;
	}
	.item-list-c__act-btn, .profit .ekonom {
		display: none;
	}
	.profit {
		display: inline;
		margin-left: 10px;
		margin-top: 0;
		text-align: left;
	}
}
/* product WIDE-VIEW end */
@media (max-width: 400px) {
     .mobile-head .m-logo {
         padding:0;
     }
     ul.ma-ladder-price li:first-child {
         display:none;
     }
     .m-hide {
         display: none!important;
     }
     .allprod {
         height: 560px;
         margin-bottom: 0px;
    }
     .product-img {
         height: 210px;
    }
     .product-img > .img-responsive {
         display: block;
         width: 100%;
         height: 210px;
    }
     .blocks {
         width:100%;
     }
    .blocks h4 {
         font-size: 18px;
         padding-left:0px;
         text-align:center;
    }
    .gd-ship-box {
        box-shadow:none;
    }
     .table-cparams {width:100%;}
     .shape {
         display: none !important;
    }
     .search-form .active {
         width: 290px;
    }
     .slider__label {
         font-size: 12px;
         right: 15px;
    }
     .product-details .container {
         padding:0;
    }
     .tabmain {
         padding: 3px 0;
    }
     .tabmain label.radio_label {
         font-size: 18px;
         padding: 10px 10px;
    }
     .head-box .content_p {
        margin-left: 15px;
        margin-top: 15px;
        font-size: 14px;
        line-height: 19px;
        color: #555965;
        margin-bottom: 20px;
        font-weight: 300;
    }
     .head-box .content_p a {
        margin-right: 10px;
        display: inline-block;
        font-size: 13px;
        font-weight: 400;
        padding: 4px 10px;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        color: #616161;
        margin-bottom: 7px;
    }
    .m-logo div {
        display: none;
    }
}