.spcheck{ position: absolute; overflow: hidden !important; border: unset !important; padding: 0 !important; margin: 0 !important; outline: none; height: 0 !important; width: 0 !important; } .page-404{ padding: 30px 0; } @font-face{font-family:'Montserrat';font-weight:100;font-style:thin;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-Thin.woff2') format('woff2'), url('../fonts/Montserrat-Thin.woff') format('woff')} @font-face{font-family:'Montserrat';font-weight:200;font-style:extraLight;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('../fonts/rubik-regular.woff') format('woff')} @font-face{font-family:'Montserrat';font-weight:300;font-style:light;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff')} @font-face{font-family:'Montserrat';font-weight:400;font-style:normal;;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff')} @font-face{font-family:'Montserrat';font-weight:500;font-style:medium;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff')} @font-face{font-family:'Montserrat';font-weight:700;font-style:semiBold;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff')} @font-face{font-family:'Montserrat';font-weight:800;font-style:bold;font-display:swap;src:local('Montserrat'), url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff')} html {height:100%;overflow-x:hidden;font-size:14px} body{font-family:'Montserrat', Tahoma, sans-serif;font-weight:400;font-size:14px;height:100%;display:flex;flex-direction:column;line-height: 1.5;color:#333} button, select{outline:none !important;-moz-user-select:none !important;-webkit-user-select:none !important} .btn:active, .btn:hover, .btn:focus{outline:none !important;-moz-user-select:none !important;-webkit-user-select:none !important} .add_to_cart.disabled {opacity:1;cursor:default} .tooltip {font-family:'Montserrat', Tahoma, sans-serif;line-height:14px} h1{font-size:2.0em;margin:0 0 20px} h2{font-size:2.0em;margin:10px 0} h3{font-size:1.6em;margin:10px 0} h4{font-size:1.4em;margin:1px 0 10px} h5{font-size:1.2em;font-weight:400;margin:15px 0 10px} h6{font-size:10.2px} ol, ul {padding-inline-start: 0;list-style-position: inside} .heading {overflow:hidden;margin: 30px 0} a{cursor:pointer;text-decoration:none;border-radius: 0;} a:focus, a:hover, a:visited{text-decoration:none !important} legend{font-size:18px;padding:7px 0px} label{text-align:left !important;font-size:1.0em;font-weight:400} label.input input[type="radio"], label.input input[type="checkbox"] {display:none} label input[type="radio"] + span, label input[type="checkbox"] + span{position:relative;display:inline-block;vertical-align:middle;margin:-2px 5px 0 0;background:#eee;width:14px;min-height:14px;height:14px;border:solid 1px rgba(0, 0, 0, .1)} label.input input[type="radio"] + span {border-radius:100%} label.input input[type="checkbox"] + span {border-radius:2px} select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control{font-size:1.0em;border: 1px solid #ddd;box-shadow: none;} #search input[type="text"].form-control {border: 0;} .form-control[readonly] {opacity:.5} .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover{font-size:1.0em;padding:6px 8px} .input-group .input-group-addon{font-size:1.0em;line-height:1.0em;background:#f9f9f9;border:1px solid rgba(0, 0, 0, .05);border-right:none} .input-group .input-group-addon i{} .input-group .input-group-addon i + span{padding:0 0 0 6px} .input-group-btn .btn{height:34px;font-size:12px} .form-control {border:0} .form-control:focus{border:solid 1px #bbb;box-shadow:none} .img-responsive{margin:0 auto} hr{margin:10px 0} .fa-exchange-alt {transform: rotate(90deg)} label.input {padding:0} .text-danger{float:none;clear:both;font-weight:400;color:#D9534F;border-radius:3px} .close {position:relative;z-index:9;cursor:pointer} .nav-tabs{margin-bottom:15px} .nav-tabs li a{margin-right:4px;padding:9px 10px 10px 18px;background:#f9f9f9;border:solid 1px #ddd;color:#222} .nav-tabs li a i {margin:0 10px 0 0} .nav-tabs li a:after{background:#f9f9f9;content:'';position:absolute;z-index:2;top:-1px;right:-10px;bottom:-1px;width:20px;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-ms-transform:skew(20deg);-o-transform:skew(20deg);transform:skew(20deg);-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;border-radius:0 5px 0 0;border-right:1px solid #ccc;border-top:1px solid #ddd;border-bottom:solid 1px #ddd} .nav-tabs li:hover a {border:solid 1px #ddd} .nav-tabs li:hover a:after {background:#eee} .nav-tabs li.active{z-index:2} .nav-tabs li.active a:after{background:#fff;border-bottom:none} .content_table { width: 100%; margin-bottom:30px; } tr:nth-child(odd) { background-color: #eee; } .content_table td { padding: 10px; } div.required .control-label:before{content:'* ';color:#F00;font-weight:bold} .dropdown-menu li > a i{min-width:15px;font-size:1.2em;vertical-align:middle;text-align:center} .dropdown-menu li > a i.fa-mobile{font-size:1.4em} .dropdown-menu li > a i.fa-phone, .dropdown-menu li > a i.fa-fax, .dropdown-menu li > a i.fa-envelope{font-size:1.0em} .dropdown-menu li > a i + span{padding:0 0 0 5px} .container {position:relative} .modal-open {overflow:visible;padding-right:0 !important} .modal {text-align:center} .modal-header {padding:10px 15px;background:#f9f9f9;border-radius:6px 6px 0 0} .modal-header .close {position:relative;margin:0;z-index:99} .modal-dialog {display:inline-block;text-align:left;vertical-align:middle} .modal-title {color: #222} #modal-cart .modal-dialog {width:360px;max-width:100%} #modal-cart .modal-header {border:none} #modal-cart .modal-body {margin:-20px 0 0} #modal-cart .col-xs-3 img{border-radius:4px} #modal-cart .col-xs-9 {margin:-15px 0 0;padding:0 25px 0 5px !important} #modal-cart .row + .row {margin:10px -10px 0} #modal-cart .col-xs-6 a {font-size:.95em;border-bottom:dotted 1px} .cart-wrapper {position:fixed;top:45px;right:20px;width:300px;max-width:100%} .cart-wrapper #modal-cart {position:relative;display:block;margin:0 0 20px;animation:slide .5s ease} .cart-wrapper #modal-cart .modal-header {background:none} .cart-wrapper #modal-cart .modal-header .close{opacity:0} .cart-wrapper #modal-cart .modal-body .row + .row {display:none} .cart-wrapper #modal-cart .modal-dialog {margin:0} @keyframes slide {from {top:-100px} to {top:0}} #column-left .custom_menu{margin:0 0 21px} #top{position:relative} #top .container{display: flex;flex-wrap: wrap;justify-content: space-between} .top_nav {color:#333;padding: 8px;font-weight: bold} a:hover .top_nav {color:#14a} .top_red {color: #f00} #top .dropdown-menu a{padding:3px 15px} #top .btn-group > .btn {font-size: .85em;border: 0;padding: 5px 0} #top .btn-group > .btn .fa + span, #top .btn-group > .btn img + span, #top .btn-group > .btn span + span{margin:0 4px 0 4px} #top .btn-group > .btn .fa + .fa {margin:0 0 0 4px} #top .pull-right{margin:0 0 0 10px} #top .pull-left{margin:0 10px 6px 0} #top .btn-link, #top-links li, #top-links a{text-decoration:none} #top .btn-link:hover, #top-links a:hover{color:#444} #top-links .dropdown-menu a{text-shadow:none} #top-links{margin-bottom:6px} #top-links ul{list-style:none;margin:0 0 0 4px;padding:0} #top-links ul li{float:left;line-height:30px} #top-links ul li + li{margin:0 0 0 20px} #top-links ul li a{font-weight:400} #top #currency .btn-group > .btn span:first-child {font-weight:700} header {flex:0 0 auto} header #logo{max-width: 360px} header .search_form{margin:12px 0 5px;border:1px solid rgba(0, 0, 0, .05);} header .search_form .btn{position:relative;border:0} header .search_form .btn:hover:after {position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:rgba(0, 0, 0, .03)} header #search_phrase {margin:0 0 5px;font-size:0.8em;color:#888} header #search_phrase a{border-bottom:dotted 1px;cursor:pointer;color: #888} header .search_form .cat_id {font-size:14px} header .search_form .cat_id button{float:left;font-size:1.0em;font-weight:400;margin-right:-2px;padding-left:10px;padding-right:10px;border-radius:0} header .search_form .cat_id button span {display:inline-block;vertical-align:middle;overflow:hidden;max-width:90px;margin:-2px 0 0;line-height:15px;text-overflow:ellipsis} header .search_form .cat_id button i {vertical-align:middle;padding:0 0 0 5px;font-size:0.7em} header .search_form .cat_id.open button i {padding:0 5px 0 0} header .visible-sm .search_form{margin:0} header .visible-sm .search_form .input-lg{height:40px;line-height:20px} header .visible-sm .search_form .btn-lg{height:40px !important} header .search_form .input-lg{height:34px;line-height:20px;padding:0 10px;box-shadow: none;} header .search_form .btn-lg{font-size:15px;height:34px;line-height:10px;padding:0 18px} header .search_form .dropdown-menu {font-size:14px;z-index:99999} header .search_form .dropdown-menu a {padding:2px 10px} header .phone{margin:0;text-align: center} #phone .dropdown-menu{left:10px} #phone .dropdown-menu li{padding:4px 15px} #phone .dropdown-menu li a {display:inline;padding:0;cursor:default} #phone .dropdown-menu a:hover {background:transparent} #phone .dropdown-menu li a i{min-width:16px} #phone .dropdown-menu li.text{padding:4px 15px;line-height:1.4em} #phone .dropdown-menu .open_callback{font-weight:400;margin:0 0 3px;border-bottom:dotted 1px rgba(0, 0, 0, .3);cursor:pointer} .head_phone {font-size:1.5em;font-weight:800} .head_txt {font-weight: bold;color: #14a} #phone .phone a.callback{border-bottom:dotted 1px;cursor:pointer} #phone .phone .fa-phone{vertical-align:center;font-size:0.9em;color: #14a;} #phone .phone .fa-chevron-down{vertical-align:middle;font-size:0.6em;margin:0 0 3px;color: #14a} header .open .fa-chevron-down{transform:rotate(-180deg)} #cart.fly {position:fixed;top:50%;right:-100%;z-index:999;margin:-32px 0 20px;transition:all ease-in-out .5s} #cart.fly2 {right:24px;transition:all ease-in-out .5s} #cart.open > .btn {border-radius:100% 100% 0 0} #cart.open .dropdown-menu {margin:-1px 0 0} #cart.open .dropdown-menu {border-radius:4px 0 4px 4px;z-index:99999} #cart.open .dropdown-menu li{overflow-y:auto;max-height:200px} #cart .input-group {min-width:70px;padding:5px 0} #cart .form-control{display:inline-block;float:left;vertical-align:middle;min-width:34px;padding-left:0;padding-right:0;width:34px;text-align:center;height:30px} #cart .form-control + span{display:inline-block;float:left;vertical-align:top;margin:0 0 0 -1px;overflow:hidden;text-align:center} #cart .form-control + span .btn{display:block;min-width:20px;width:8px;height:15px;line-height:15px;margin:0;padding:0;font-size:0.6em !important} #cart .form-control + span .btn:first-child {border-radius:0 3px 0 0} #cart .form-control + span .btn:last-child {border-top:none;border-radius:0 0 3px 0} #cart.show.fly2 > .btn {animation:shadow 2s infinite ease-in-out} @-webkit-keyframes shadow {from{box-shadow:0 0 0}50%{box-shadow:0 0 30px #D9534F}to{box-shadow:0 0 0}} @-moz-keyframes shadow {from {box-shadow:0 0 0}50%{box-shadow:0 0 30px #D9534F}to{box-shadow:0 0 0}} #cart{margin:0 0 20px} #cart > .btn{width:60px;height:60px;background:#f9f9f9;border-radius: 100%} #cart > .btn:hover:after{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background:rgba(0, 0, 0, .03);border-radius:100%} #cart > .btn i{font-size:2.0em} #cart > .btn span {position: absolute;right: 0;bottom: 0;width: 18px;height: 18px;border-radius: 100%;text-shadow: none;display: flex;align-items: center;justify-content: center;} #cart.open > .btn{box-shadow:none;text-shadow:none} #cart.open2 > .btn {border-radius:100% 100% 0 0} #cart .dropdown-menu{width:450px;background:#f9f9f9;z-index:1001} .open2.dropdown-menu{display:block;min-width:450px;margin-top:-1px} #cart .dropdown-menu{padding:5px 10px 2px} #cart.open .dropdown-menu li:first-child tr + tr {border-top:solid 1px rgba(0, 0, 0, .07)} #cart .dropdown-menu li:last-child {padding-top:8px;border-top:1px solid rgba(0, 0, 0, .05)} #cart .dropdown-menu table{margin-bottom:0;border:none} #cart .dropdown-menu table td {vertical-align:middle;padding:5px 5px;background:#f9f9f9;border:none} #cart .dropdown-menu table td.total {white-space:nowrap} #cart .dropdown-menu table td.text-right {padding:0} #cart .dropdown-menu table td.text-right + td.text-right {width:1%;padding-left:5px;white-space:nowrap;font-weight:400;border:none} #cart .dropdown-menu table tr > td:first-child {padding-left:0} #cart .dropdown-menu table td button {padding:0;border:none;background:none;border-radius:100%} #cart .dropdown-menu table td .fa-times {font-size:1.0em} #cart .dropdown-menu table td strong {font-weight:400} #cart .dropdown-menu .table-bordered {font-size:0.85em} #cart .dropdown-menu li .cart .image {min-width:55px;width:1%} #cart .dropdown-menu li .cart .name {width:100%;font-size:.9em} #cart .dropdown-menu li p{margin:10px 0;font-weight:400} #cart .dropdown-menu li p a strong {font-weight:400} #cart .dropdown-menu li p a + a {margin:0 0 0 5px} #menu_wrap {display:none !important} /* menu */ .head_menu {background: #eee} ul.menu_links {margin-bottom: 0} .menu_links > li a {color: #fff} #menu{position:relative;z-index:99;min-height:40px;margin:0;border:none;border-radius:0 !important} #menu.open{border-radius:4px 4px 0 0 !important} #menu .btn-navbar{position:absolute;right:0;padding:0} #menu .nav > li{display:block;float:none;min-height:40px} #menu .nav > li.has-children.open {border-right:solid 1px transparent} #menu .nav > li > a{min-height:40px;padding:10px} #menu .nav > li > a:hover{background: #f9f9f9} #menu .nav > li > a > span{display:inline-block;vertical-align:middle;width:20px;text-align:center;margin:0 4px 0 0} #menu .nav > li > a > span img{margin:-3px 0 0;width:16px;height:16px} #menu .nav > li > a > span i{transform:none !important} #menu .nav > li.open > a i{transform:rotate(-180deg)} #menu .nav li ul li a {display:block;min-height:40px;padding:12px 0 10px;line-height:normal;font-weight:400;text-transform: uppercase;color: #333;white-space:normal} #menu .nav li ul li a i.fa-angle-right {font-size:.95em !important} #menu .nav li ul li ul li a {min-height:auto;padding:0;line-height:1.2em;font-weight:400} #menu .nav li ul li ul li + li {margin:5px 0 0} #menu .nav > li.open > .dropdown-menu {display:block;visibility:visible;opacity:1;left:100%} #menu .nav > li .dropdown-menu .dropdown-menu {position:static;display:block;width:100%;margin:-6px 0 0 !important;padding:0 0 10px;background:none;border:none;box-shadow:none} #menu .nav span.visible-xs{position:absolute !important;right:5px;top:0;display:block;height:40px;line-height:41px !important;padding:0 10px} #menu .nav li .visible-xs i {line-height:40px} #menu .nav .visible-xs .fa-minus{display:none} #menu .nav .open > .visible-xs .fa-plus{display:none} #menu .nav .open > .visible-xs .fa-minus{display:block} #menu .navbar-collapse{position:absolute;z-index:9999;background-color: #eee;left:0;right:0} #menu .nav > li.has-children ul li a i{text-align:left;opacity:.6} #menu .nav > li ul li a .fa-angle-double-right{font-size:.7em} #menu .nav > li .dropdown-menu ul li a > * {padding:0} #menu #category{position:relative;display:block;margin:0;float:left;padding-left:15px;font-weight:400;line-height:40px} #menu.menu2 .nav > li > a{padding:15px 10px;text-transform: uppercase} #menu.menu2 .nav > li:hover, #menu.menu2 .nav > li.open{background:rgba(0, 0, 0, 0.06) !important} #menu .additional {width:50px;max-width:50px} #menu .additional button {height:40px;line-height:40px;width:100%;font-size:1.2em} #menu .additional ul {padding:0 10px} #menu .additional a span {display:inline-block !important;min-width:20px;margin:0 4px 0 0} #menu .additional a > i {display:none} #menu .additional li a {line-height:40px !important;padding:0 !important} #menu .additional li a:hover {background:none} #menu .additional li + li {border-top:dotted 1px rgba(0, 0, 0, .1)} #menu .additional {width:50px;max-width:50px} #menu .disabled{text-decoration:none !important;cursor:default} .menu_links{display:flex;width:100%;overflow:hidden;padding:0;height:40px;border-radius:0} .menu_links > li{display:block;flex-basis:auto;flex-grow:1;text-align:center;white-space:nowrap} .menu_links > li + li {border-left:solid 1px rgba(0, 0, 0, .08)} .menu_links > li a{display:block;height:40px;line-height:36px;padding:0 10px;font-size:.95em;font-weight:400} .menu_links > li a:hover {background:rgba(0, 0, 0, 0.05) !important} .menu_links a i{margin:0 5px 0 0;min-width:16px;text-align:left} .menu_links .additional{width:50px;max-width:50px} .menu_links .additional button{height:40px;line-height:40px;width:100%;font-size:1.2em} .menu_links .additional ul {right:10px;padding:0 15px} .menu_links .additional li + li {border-top:dotted 1px rgba(0, 0, 0, .1)} .menu_links .additional li a {line-height:40px !important;padding:0 !important;background:none !important} /* menu */ #main_content {flex:1 0 auto} .breadcrumb{margin: 10px 0;padding:0;background-color:transparent} .breadcrumb a {color: #222} .breadcrumb a:hover {color: #14a} .breadcrumb.col-md-offset-4, .breadcrumb.col-lg-offset-3{padding:0 0 0 6px} .breadcrumb i{font-size:15px} .breadcrumb > li + li:before{content:'/';padding:0 5px} /*Table*/ .t_compare { width: 100%; } .t_compare td, th { padding: 15px; } tr.t_head { background-color: #ffd000; font-weight: bold; } .stars svg { max-width: 10px; color: #ffd000; } span.stars { color: #ffd000; font-size: 2rem; line-height: 0; vertical-align: middle; } .category-info button { border: none; border-radius: 3px; padding: 5px 12px; background-color: #eee; transition:.1s; } .category-info button:hover {background-color: #ffd000} .category-info button a {color: #333} /*owl*/ .owl-carousel{position:relative;display:none;margin:0 0 20px;background:transparent !important;direction:ltr !important} .owl-carousel .owl-wrapper{display:none} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;border:none !important;box-shadow:none !important} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left;-webkit-transform:translate3d(0, 0, 0) !important} .carousel .owl-controls{position:absolute;width:100%;top:50%} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer} .owl-controls .owl-buttons div{position:absolute} .carousel .owl-buttons div i{line-height:28px;font-size:2.0em !important;margin:0 !important} .owl-controls .owl-buttons .owl-prev{left:10px;top:50%} .owl-controls .owl-buttons .owl-next{right:10px;top:50%} .carousel-caption{color:#FFFFFF;} .carousel-control .icon-prev:before{content:'\f053';font-family:FontAwesome} .carousel-control .icon-next:before{content:'\f054';font-family:FontAwesome} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)} .owl-carousel .owl-buttons div{opacity:0;color:rgba(0,0,0,0.8);transition:all .3s ease} .owl-carousel:hover .owl-buttons div{opacity:0.7} .owl-carousel .owl-buttons .owl-prev{left:10px} .owl-carousel .owl-buttons .owl-next{right:10px} .owl-pagination{text-align:center;top:20px;position:relative} .owl-controls .owl-page{display:inline-block;margin:0 6px} .owl-controls .owl-page span{display:block;border-radius:20px} .carousel{border:solid 1px #ddd;border-radius:4px} .owl-origin {-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .list-group a{border:1px solid #ddd;color:#666;padding:9px 15px 10px 15px;min-height:40px;background:#f9f9f9;margin-bottom:-1px !important;transition:all ease-in-out .2s} #ocfilter-hidden-options .list-group i {color: #fff;vertical-align: middle;transform: rotate(0deg)} .list-group a:hover i, .list-group a.active i{} .list-group a.active, .list-group a.active:hover, .list-group a:hover{color:#222;color:#D9534F;background:#eee;border:1px solid #ddd} /*-----Content-Top-----*/ .main_banner.banner-2 {background: url(/image/catalog/banners/banner.jpg) no-repeat;background: url(/image/catalog/banners/banner.webp) no-repeat} .main_banner.banner-1 {background: url(/image/catalog/banners/banner.jpg) no-repeat;background: url(/image/catalog/banners/banner.webp) no-repeat} .container.banner_inner {padding: 80px 0;} .container.banner_inner h2.mod_title {text-align: center;} .mod_title {text-transform: uppercase;text-align: center;color: #333;font-weight: 400;margin-bottom: 30px} .titlebanner_white {color: #fff} h1.title_white {color: #fff} .bannerText { font-size: 22px; color: #fff; display: flex; flex-wrap: wrap; text-align: left; padding: 30px 0; } .banner_TxtItem { width: 50%; } .banner_TxtItem_right { background: rgb(0 0 0 / 0.5); padding: 45px; border-radius: 12px; } .banner_txt { padding: 15px 100px 0; display: flex; align-items: center; } .banner_txt svg { fill: #fff; max-width: 50px; height: 50px; margin-right: 15px; } .form_txt { text-align: right; } .bold_txt { font-size: 30px; font-weight: bold; } .bold_txt_yellow { color: #ffd000; } .hideMe { display: none !important; } .banner_content { font-size: 15px; } .banner_Notice { font-size: 11px; text-align: right; } .banner_Notice a { color: #ffd000; } .inputWrapper { padding: 5px 0; } .bannerConsulting .form-control { background: rgb(255 255 255 / 0.3); } .bannerConsulting .form-control::placeholder { color: #fff; opacity: .7 } .bannerConsulting input[type="text"].form-control:focus { border: solid 1px #bbb; box-shadow: none; } .bannerConsulting textarea:focus { border: solid 1px #bbb; box-shadow: none; } .bannerConsulting input { color: #fff; opacity: .8 } .bannerConsulting textarea { color: #fff; opacity: .8 } .modal-footer { text-align: right; margin: 10px 0; } .modal-footer .btn-primary { background-color: #ffd000; color: #222; font-weight: bold; } .modal-footer .btn-primary:hover { background-color: #14a; color: #fff; } .standart_flex { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; } .standart_item { width: 25%; position: relative; align-items: center; justify-content: center; overflow: hidden; } .standart_item a { display: flex; align-items: center; justify-content: center; } .item_img img { max-width: 100%; padding: 5px; transition: .5s } .item_txt { position: absolute; color: #fff; padding: 30px; background: rgb(0 0 0 / 0.5); font-size: 20px; transition: .5s; border-radius: 5px; } .item_price { font-weight: bold; color: #ffd000; font-size: 18px; } .item_hid { position: absolute; transform: translateY(300px); color: #fff; padding: 15px 30px; background: rgb(0 0 0 / 0.5); font-size: 18px; transition: .5s; border-radius: 5px } .standart_item a:hover .item_hid{ transform: translateY(0px); } .standart_item a:hover .item_txt{ transform: translateY(-300px); opacity: 0; } .standart_item a:hover .item_img img{ transition: .5s } .master_title { color: #333; margin: 15px 0; font-size: 20px; font-weight: bold; } .master_txt { color: #333; } /*Dop*/ .standart_item5 { width: 20%; } .txt_txt { font-weight: bold; margin-bottom: 15px; } .modal-dialog .standart_item5 { width: 33.33%; } /* --- FAQ --- */ .faqItems { margin-top: 30px; } .faqItem { background: #14a; margin-bottom: 7px; border-radius: 3px; border: 2px solid #14a; } .faqItem a { display: block; padding: 10px 15px 10px 45px; font-size: 18px; color: #fff; text-decoration: none !important; position: relative; } .faqItem a:before { content: ""; display: block; position: absolute; width: 16px; height: 2px; background: #fff; left: 15px; top: calc(50% - 1px); transition: all 0.2s ease-out; transform: rotate(45deg); } .faqItem a:after { content: ""; display: block; position: absolute; width: 2px; height: 16px; background: #fff; left: 22px; top: calc(50% - 8px); transition: all 0.2s ease-out; transform: rotate(45deg); } .faqItem a.collapsed:before { content: ""; display: block; position: absolute; width: 16px; height: 2px; background: #fff; left: 15px; top: calc(50% - 1px); transform: rotate(0); } .faqItem a.collapsed:after { content: ""; display: block; position: absolute; width: 2px; height: 16px; background: #fff; left: 22px; top: calc(50% - 8px); transform: rotate(0); } .faqText { background: #fff; border-radius: 3px; padding: 7px 15px; } .catdesc_bottom {margin-bottom: 60px} .about {background: #f4f7fb} .about_company { background-color: rgb(255 255 255 / 0.9); padding: 60px; border-radius: 12px; box-shadow: 4px 4px 16px rgb(152 152 152 / 11%); } .video_item { display: block; width: 32%; margin: 5px } .video_item iframe { padding: 5px; background: #ffd000; border-radius: 5px; max-width: 100%; } .top_color { width: 100%; background: #e31f25; padding-top: 11%; position: relative; background-clip: content-box; overflow: hidden; } .foto_item img { max-width: 100%; border-radius: 50%; /*border: 5px solid #ffd000;*/ border: 3px solid #ccc; box-shadow: 2px 2px 16px rgb(0 0 0 / 10%); } .foto_item { padding: 15px; } .slideshow .title{position:absolute;z-index:999;left:0;bottom:20px;width:auto;z-index:99;height:30px;padding:0 5px 0 12px;line-height:28px;font-size:1.1em;opacity:.7} .slideshow .title:after{position:absolute;content:'';width:20px;height:0;right:-20px;top:0;border-width:15px 10px;border-style:solid} .slideshow .owl-buttons div{z-index:1;line-height:18px;margin:-15px 0 0} .slideshow .owl-buttons div i{font-size:2.0em !important;margin:0 !important} .slideshow .owl-pagination{position:absolute;z-index:1;right:12px;bottom:8px;top:auto;text-align:center} .slideshow .owl-controls .owl-page span {width:14px;height:8px;opacity:.5} .slideshow .owl-controls .owl-page.active span {opacity:1} .home_banners{margin-bottom:10px !important} .home_banners .home_banner{display:table;width:100%;min-height:75px;margin:0 0 10px;padding:10px;border:1px solid rgba(0, 0, 0, .05);border-radius:4px} .home_banners .home_banner:hover{border:solid 1px rgba(0, 0 ,0, .2)} .home_banners .home_banner i{font-size:4.0em;opacity:.7} .home_banners .home_banner i.fa-percent{font-size:3.5em;margin:4px 0 0} .home_banners .home_banner:hover i {opacity:1} .home_banners .home_banner .icon {display:table-cell;width:50px;padding:0 15px 0 5px;text-align:center} .home_banners .home_banner .text {display:table-cell;vertical-align:top;line-height:1.0em} .home_banners .home_banner .text strong{display:block;margin:8px 0 10px;font-size:1.1em} .home_banners .home_banner.has_link {cursor:pointer} .home_banners .home_banner.has_link span {border-bottom:dotted 1px} /*-----Mod1-----*/ #filter_default h5 {margin:10px 10px 10px 12px} #filter_default label {cursor:pointer;padding-left:15px} #filter_default input[type='checkbox']{display:none} #filter_default input[type='checkbox'] + label{display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;padding:0;min-height:auto;background:#e5e5e5;width:14px;height:14px;border:solid 1px #ccc;border-radius:2px} #filter_default input[type='checkbox'] + label:hover{background:#d5d5d5;border:solid 1px #ccc} #filter_default input[type='checkbox']:checked + label{color:#D9534F;color:#fff;background:#d5d5d5;background:#D9534F;border:solid 1px #aaa;border:solid 1px #D9534F} .product_sticker{position:absolute;top:10px;left:-5px;z-index:9;height:23px;padding:0 0 0 10px;line-height:22px;color:#222;font-size:15px} .product_sticker:before {position: absolute;z-index: 2000;left: 0;top: 100%;content: '';border: 2px solid transparent;border-right-color: #999;border-top-color: #999} .product_sticker + .product_sticker{top:40px} .product_sticker + .product_sticker + .product_sticker{top:56px} .product_sticker + .product_sticker + .product_sticker + .product_sticker{top:84px} .product_sticker + .product_sticker + .product_sticker + .product_sticker + .product_sticker{top:112px} .product_sticker:after{position:absolute;content:'';width:18px;height:0;right:-12px;top:0;border-width:11px 10px 12px 0;border-style:solid;transform: skew(-25deg);z-index: -1} .product_status{position:absolute;top:50%;left:50%;margin:-15px 0 0 -70px;width:140px;max-width:100%;height:30px;line-height:27px;text-align:center;font-weight:400;color:#D9534F;border:solid 1px #ddd;background:rgba(255, 255, 255, .8);border-radius:3px;transition:all ease-in-out .2s;transform:rotateX(0deg) scale(1)} .product-list .product-thumb a{margin:15px 0 10px;height:auto !important} .product-list .product_status {margin-left:-70px} .product-thumb:hover .product_status{transform:rotateX(0deg) scale(0);display:none} .product-grid .product-thumb .image{float:none} .option {position:relative;margin:0 0 5px} .option select {width:auto;height:23px;margin:0 0 10px;padding:0 5px;line-height:18px;font-size:.85em;border-radius:3px} .option input[type='radio'], .option input[type='checkbox']{display:none} .option label {font-weight:400;cursor:pointer;margin:0px} .option div label:first-child {margin:0 0 5px} .option label input[type="radio"] + span, .option label input[type="checkbox"] + span{display:block;white-space:nowrap;margin:0 2px 5px 0;padding:0 5px;font-size:0.85em;width:auto;height:21px;line-height:18px;border-radius:3px} .option label span span {margin:0 0 0 3px} .option input[type='radio']:checked + span, .option input[type='checkbox']:checked + span{box-shadow:none !important} .option input[type='radio'] + span.img {min-height:22px;background:none;box-shadow:none;padding:0px !important;transition:all ease-in-out .2s} .option input[type='radio']:checked + span.img {background:none;box-shadow:none;border-color:transparent} .option input[type='radio'] + span.img img {width:100px;border-radius:6px;border:none;padding:3px} .product-thumb .option input[type='radio'] + span.img img {width:20px} .option input + span:before {position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;content:'';border:solid 2px transparent;border-radius:3px;background:none;transition:all ease-in-out .2s} .option input:checked + span:before {top:-2px;bottom:-2px;left:-2px;right:-2px;border:solid 2px} .product-thumb .option input:checked + span:before {top:-1px;bottom:-1px;left:-1px;right:-1px} .option label:hover input + span, .option input:checked + span{background:rgba(0, 0, 0, .07) !important} .product-thumb, .news{margin-bottom:10px;background:#fff;border:1px solid rgba(0, 0, 0, .2);position: relative} .news:hover {border:solid 1px rgba(0, 0, 0, .4)} .product-thumb:hover { border: solid 1px rgba(0, 0, 0, .4); background: #fcf886; } .product-thumb.hover{position:absolute;z-index:99} .product-thumb h4{margin-bottom:7px;font-weight:400;font-size:1.15em} .product-thumb .caption > a {text-transform: uppercase;font-weight: 300;display: inline-block;margin-bottom: 5px;font-size: 18px;color: #111;overflow: hidden;border-bottom: 1px dashed #ccc} .product-thumb .caption > a:hover{color:#f00} .product-list .product-thumb h4{margin:15px 0 10px} .product-thumb .caption{margin:0 10px 15px} .product-thumb .cart{margin:0 0 10px 10px;display: flex;flex-wrap: wrap} .product-thumb .image{position:relative;text-align:center;margin-bottom:10px} .product-thumb .image a {display:block;position:relative} .product-thumb .image img{cursor:pointer} .product-thumb .additional{display:none} .product-thumb button + button{margin:0 0 0 6px} .product-thumb .attribute {display:block;margin:0 0 10px;font-size: .9em} .attr_value {font-weight: 500} .product-thumb .attribute_alt {display:none} .product-thumb .attribute .attr_name {color:#888} .product-thumb .attribute .attr_value:after {content:'';padding:0 3px 0 5px;color:#ccc;font-size:.9em;display: block} .product-thumb .attribute .attr_value:last-child:after {content:''} .product-thumb .option span.img + span {display:none} .product-thumb .option .text-danger {position:absolute;top:-6px;background:#eee;border:solid 1px #ccc;padding:2px 9px 3px} .product-thumb .option .text-danger:after{content:''} .product-thumb .quick_order{transition:all ease-in-out .2s} .product-thumb .wishlist{transition:all ease-in-out .3s} .product-thumb .compare{transition:all ease-in-out .4s} .product-thumb:hover .quick_order, .product-thumb:hover .wishlist,.product-thumb:hover .compare{bottom:0px;transform:scale(1.0)} .product-thumb sup {position:relative} .product-thumb sup a {text-decoration:underline} .product-thumb sup a:after {position:absolute;top:-4px;right:-7px;bottom:-5px;left:-7px;content:'';cursor:pointer} .product-thumb .reviews-caption {margin:0 10px 10px} .product-thumb .reviews-author {font-size: 13px;margin-bottom:10px;font-weight:400} .product-thumb .reviews-date {font-size:.9em;text-align:right;color:#aaa} .product-thumb .all {text-decoration:underline;font-size:.9em} .product-thumb .all:hover {text-decoration:none} .product-thumb .price{font-size:1.5em;color: #ff0000} .fa.fa-shopping-cart { font-weight: normal; font-size: 16px; } .product-thumb .price-new{color: #f00;white-space:nowrap} .product-thumb .price-old{color:#999;font-weight: normal;font-size: 15px;text-decoration:line-through} .product-thumb .price span{margin:0 10px 0 0} .product-thumb .price span + span{margin:0} .product-thumb .price-tax{color:#999;font-size:12px;display:block} .product-thumb .rating{margin:0 0 10px} .rating .fa-stack{font-size:7px} .rating i{font-size:14px} .all a {background: #ffd000;padding: 10px 20px;display: inline-block;border-radius: 3px;color: #222;transition: all ease-in-out .2s;text-decoration: none} .all a:hover {color: #fff;background: #14a;text-decoration: none} .product-price .product-thumb {width:100%;margin:0 0 -1px;padding:5px 0 5px 10px;border-radius:0} .product-price .product-thumb:before {border-radius:0px} .product-price:last-child {margin:0 0 20px} .product-price:first-child .product-thumb {border-radius:4px 4px 0 0} .product-price:last-child .product-thumb {border-radius:0 0 4px 4px} .product-price .product-thumb > * {display:table-cell;vertical-align:middle;padding:0;margin:0} .product-price .product-thumb > div:nth-child(2) {width:100%} .product-price .product_sticker {display:none} .product-price .image{width:6%;max-width:60px;padding:2px 10px 2px 0} .product-price .image .product_status{display:none} .product-price .caption{display:table;width:100%;min-height:36px;padding:0;margin:0} .product-price .caption > * {display:table-cell !important;float:none;vertical-align:middle;border-right:solid 1px #ddd} .product-price .caption a {width:60%;font-size:1.0em;padding:0 0 0 10px;border-left:solid 1px #ddd} .product-price a .product_status {position:relative;top:0;left:15px;display:inline;height:auto;line-height:1.6em;font-size:0.8em;padding:0;margin:0;border:none;color:#888} .product-price a .product_status:before {content:'('} .product-price a .product_status:after {content:')'} .product-price a .product_sticker {position:relative;display:none;float:right;top:auto;height:auto;;line-height:1.5em;margin:0 0 0 10px;padding:0px 8px 2px;font-size:0.8em;font-weight:400;border-radius:3px} .product-price a .product_sticker:after{content:'';border:none} .product-price .caption .description {display:none !important} .product-price .caption .rating {display:none !important;width:10%;min-width:80px;margin:0;padding:0;text-align:center} .product-price .caption .price {width:10%;min-width:90px;text-align:center;font-size:1.0em !important} .product-price .caption .price span {display:block;margin:0 !important} .product-price .cart{float:none;text-align:center;min-width:90px} .product-price .cart button span{display:none} .product-price .cart button i{display:inline-block !important} .product-price .cart button {min-width:30px;height:26px;padding:0;transform:scale(1.0)} .product-price .cart .wishlist, .product-price .cart .compare {display:none} .product-price .product-thumb > button {display:none} .product-price .attribute {display:none !important} .product-price .option{padding:0 6px} #column-left .product-layout, #column-right .product-layout{width:100%} .input-group .form-control[name^=quantity]{min-width:50px} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]{background-image:none;background-color:#df5c39} #list-view, #grid-view, #compact-view{height:34px;line-height:32px;font-size:.85em} .product_carousel{margin:0 !important} .tab-content .product_carousel {position:relative;top:-28px;margin-bottom:-30px !important;padding-top:30px} .products .owl-item, .news_wrapper .owl-item{padding:0 5px;float:left} .products .owl-buttons, .news_wrapper .owl-buttons{position:absolute;top:-28px;right:0px;overflow:auto;width:90px;height:20px} .products .owl-buttons div, .news_wrapper .owl-buttons div{opacity:1 !important;color:#9E1A3F !important;border:1px solid rgba(0, 0, 0, .05);background:#ffd000;line-height:1.0em;text-align:center;border-radius:4px} .products .owl-buttons div:hover, .news_wrapper .owl-buttons div:hover{background:#e5e5e5} .products .owl-buttons div i, .news_wrapper .owl-buttons div i{color:#222;font-size:0.8em !important;} .products .owl-buttons .owl-prev, .news_wrapper .owl-buttons .owl-prev{top:0 !important;left:auto !important;right:45px !important;padding:1px 10px 2px 9px} .products .owl-buttons .owl-next, .news_wrapper .owl-buttons .owl-next{top:0 !important;right:10px !important;padding:1px 8px 2px 10px} .uni-banner-in-category {float:left;width:calc(100% - 20px);margin:0 10px 20px;overflow:hidden;text-align:center;padding:20px 20px;background:linear-gradient(-315deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.04) 100%);background-repeat:no-repeat;border:solid 1px rgba(0, 0, 0, .06);border-radius:4px} .product-price + .uni-banner-in-category {margin:-1px 10px;border-radius:0} .uni-banner-in-category .image {margin:-20px;background-size:cover !important;background-position:center 0 !important;background-repeat:no-repeat !important;cursor:pointer} .uni-banner-in-category .description {display:inline-block;vertical-align:middle} .uni-banner-in-category .description {padding:0 25px 0 0;line-height:normal;font-size:1.65em;font-weight:400} .uni-banner-in-category .description p {margin:0} .uni-banner-in-category .btn {font-weight:400} .pagination_wrap {margin-bottom:15px !important} .pagination_wrap .col-sm-6.text-left {width:auto;float:none} .pagination_wrap .col-sm-6.text-left + .col-sm-6.text-right {width:auto;float:none} .pagination{margin:0} .pagination li a, .pagination li span{font-weight:400;height:30px;line-height:26px;margin:0 !important;padding:0 12px !important;border:1px solid rgba(0, 0, 0, .05) !important} .pagination li + li a, .pagination li + li span{border-left:none !important} .pagination>.active>span {background: #14a} .pagination li a:hover {background: #ffd000;color: #fff} .pagination>.active>span:hover {background: #14a} #product{margin-bottom:5px} #product .thumbnails{position:relative;clear:both;list-style:none;padding:0 30px 0 0;margin:0 0 10px} #product .thumbnails > li:first-child {margin:0 0 20px;position:relative} #product .thumbnails > img{width:100%} #product a.thumbnail{border:none} #product .thumbnails .additional {margin:0 -10px 0 -10px} #product .thumbnails .additional.none {display:none} #product .thumbnails .owl-item {padding:0 10px} #product #additional-img .thumbnail{margin:0;padding:0} #product #additional-img.row .thumbnail{margin:0 0 10px} #product #additional-img img{border:1px solid #ddd} #product #additional-img a {position:relative} #product #additional-img a:before {position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;content:'';border:solid 2px transparent;border-radius:3px;background:none;transition:all ease-in-out .2s} #product #additional-img a.selected:before {top:0px;bottom:0px;left:5px;right:-5px;border:solid 1px} #product #additional-img .owl-prev {margin:-14px 0 0 -10px;opacity:.6} #product #additional-img .owl-next {margin:-14px -10px 0 0;opacity:.6} #product .col-sm-6 .product_sticker {font-size:1.0em;height:28px;line-height:27px} #product .col-sm-6 .product_sticker:after {border-width:14px 10px 14px 0} #product .col-sm-6 .product_sticker {top:10px;left:10px} #product .col-sm-6 .product_sticker + .product_sticker{top:45px} #product .col-sm-6 .product_sticker + .product_sticker + .product_sticker{top:86px} #product .col-sm-6 .product_sticker + .product_sticker + .product_sticker + .product_sticker{top:124px} #product .col-sm-6 .product_sticker + .product_sticker + .product_sticker + .product_sticker + .product_sticker{top:162px} #product .col-sm-6 .product_sticker + .product_sticker + .product_sticker + .product_sticker + .product_sticker + .product_sticker{top:198px} #product .image-additional {margin-bottom:10px} #product a{text-decoration:none;color: #14a} #product a.show_attr {color: #f00} #product a.show_attr:hover {color: #14a} #product .price{margin:15px 0 0} #product .price li > span{display:inline-block;vertical-align:middle;margin:2px 0 8px;font-size:1.8em;color: #f00;font-weight:900} #product .price .old_price{text-decoration:line-through;font-weight: 400;margin-right:10px;color:#999} #product #input-quantity{display:inline-block;vertical-align:middle;width:38px;margin:0 0px 0 5px;padding:0;text-align:center;font-size:1.0em;border-radius:3px 0 0 3px} #product #input-quantity + div {display:none} #product #input-quantity + span, #product #input-quantity + div + span{display:inline-block;vertical-align:middle;margin:0px 0 0 -4px;overflow:hidden} #product .quantity span .btn{display:block;min-width:25px;width:8px;height:17px;line-height:17px;margin:0 10px 0 0;padding:0;font-size:0.6em !important;color:#fff} #product .quantity span .btn:first-child {border-radius:0 3px 0 0} #product .quantity span .btn:last-child {border-top:none;border-radius:0 0 3px 0} #product .cart .btn-group{margin:0 0 0 10px} #product .discount{margin:0 0 -5px} #product .discount span{display:inline-block;margin:0 5px 5px 0;padding:0 5px;font-size:0.85em !important;font-weight:400;border-radius:3px;background:rgba(0, 0, 0, .07)} #product .col-xs-12 h5 {margin-top:5px} #product .form-group{margin:0} #product .form-group.popup_options{margin:0 0 10px} #product .form-group.popup_options a{text-decoration:none} #product .input-group-btn{vertical-align:top} #product .form-group > label{display:inline;font-size:1.0em;margin:0 0 5px;font-weight:400} #product .form-group > label + div {margin:5px 0 0} #product .options_select select{width:100%;height:27px;padding:0 0 2px 5px;font-size:.85em} #product .options_select {padding:0 5px 0 10px} #product .options_select + .options_select {padding:0 10px 0 5px} #product .alert-info{background:none;border:none;margin:0;padding:4px 0 0;font-size:0.8em;line-height:10px;font-weight:400;color:#D9534F} #product .radio{display:flex;float:left;margin:0 10px 10px 0} #product .radio label{margin:0;padding:0; display: flex;} .prodVideoLink { display: block; line-height: 1; background: #fd0900; padding: 4px !important; border-radius: 4px; margin-left: 4px !important; color: #fff; cursor: pointer; } .prodVideoLink svg { width: 16px; height: 16px; } #product .option label > span{height:auto;margin:0;padding:3px 10px} #product .rating .fa-comments-o {margin:0 0 0 5px;padding:0 5px 0 8px;border-left:solid 1px #ddd;color: #14a} #product .product_button {width:100%;margin:0 0 10px;display: flex} #product .product_button .btn{padding: 10px 20px;color: #222;background: #ffd000;display: inline-block} #product .product_button .btn:hover {background:#14a;color:#fff} #product .product_button .btn:nth-last-child(2):first-child, #product .product_button .btn:nth-last-child(2):first-child ~ .btn {width:50%} #product .product_button .btn:nth-last-child(3):first-child, #product .product_button .btn:nth-last-child(3):first-child ~ .btn {width:33%;margin-right: 5px} .attribute {display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px dashed #ccc} #product .attribute > span{position:relative} #product .attribute > span:first-child span{padding:0 5px 0 0} #product .attribute > span:last-child span{position:relative;padding:0 0 0 5px} .benefits { margin: 30px 0; } .benefit_description { display: none; position: absolute; top: 83px; z-index: 2; border: 1px solid #ccc; padding: 10px 5px; left: -62px; border-radius: 4px; background: #f9f9f9; width: 200px; font-size: 13px; text-align: center; } .benefit li:hover .benefit_description { display: block; } ul.benefit { list-style-type: none; min-height: 80px; display: flex; flex-wrap: wrap; } .benefit_block { position: relative; } .product_banners > div > div{display:flex;width:100%;max-width:100%;margin:0 0 10px;padding:8px 10px 10px;border:1px solid rgba(0, 0, 0, .05);align-items: center;border-radius:4px} .product_banners > div > div:hover{border:solid 1px rgba(0, 0 ,0, .2)} .product_banners > div > div i{min-width: 50px;padding-right: 10px;color: #ffd000;font-size: 30px} .product_banners > div > div:hover i{opacity:1} .product_banners > div > div strong{display:block;margin:2px 0 0} .product_banners > div > div.has_link {cursor:pointer} .manufacturer_block a {text-decoration:underline} .tab-content{/* margin:0 0 20px;*/} .buttons{overflow:auto;margin:0 0 20px} .btn{padding:0 10px 2px;font-weight:400;border-radius:3px;transition:all ease-in-out .2s} .btn i + span {margin:0 0 0 5px} .btn .fa.visible-xs + span {margin:0} .btn-xs{height:26px !important;font-size:0.75em} .btn-sm{font-size:10.2px} .btn + .btn-lg{margin:0 0 0 10px} .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover{font-size:1.0em} .btn-group > .btn-xs{font-size:9px} .btn-group > .btn-sm{font-size:10.2px} .btn-group > .btn-lg{font-size:15px} .btn-default {background: #14a;color: #fff;border: 0} .btn-default:hover {background: #fd0;color: #fff} .btn-primary{border:1px solid rgba(0, 0, 0, .05)} .btn-primary i + span{padding:0 0 0 5px} .btn-warning{color:#ffffff;background-color:#faa732;background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;border-color:#f89406 #f89406 #ad6704} .btn-danger{color:#ffffff;background-color:#da4f49;background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420} .btn-success{color:#ffffff;background-color:#5bb75b;background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038} .btn-info{color:#ffffff;background-color:#df5c39;background-image:linear-gradient(to bottom, #e06342, #dc512c);background-repeat:repeat-x;border-color:#dc512c #dc512c #a2371a} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]{background-image:none;background-color:#df5c39} .btn-link, .btn-link:active, .btn-link[disabled]{background-color:rgba(0, 0, 0, 0);background-image:none;box-shadow:none} .btn-inverse{color:#ffffff;background-color:#363636;background-image:linear-gradient(to bottom, #444444, #222222);background-repeat:repeat-x;border-color:#222222 #222222 #000000} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]{background-color:#222222;background-image:linear-gradient(to bottom, #222222, #111111)} .btn.disabled2 {display:none !important} .btn.add_to_cart {font-size: .9em !important;padding: 8px 15px;background-color: #14a;color: #fff} .btn.add_to_cart:hover {background-color: #f00} .add_to_cart.disabled,.add_to_cart.disabled:hover,.product-thumb:hover .add_to_cart.disabled {color:#444!important;background:#e5e5e5!important} .btn.quick_order {color: #222;background: #ffd000;padding: 7px 15px} .btn.quick_order a {color: #222} .btn.quick_order:hover a {color: #fff} .btn.quick_order:hover {color: #fff;background: #14a} .btn-primary {color: #222;background-color: #ffd000;padding: 5px 15px;border: 0} .btn-primary:hover {background-color: #14a} #product button a {font-size: 15px;color: #222} #product button:hover a {color: #fff} #tab-description img {max-width:100%} #tab-specification .row > div:nth-child(odd) {clear:left;margin:0 0 10px} #form-review {display:none} .review_star{position:relative;display:inline-block;min-width:130px;margin:0 0 0 5px} .review_star input{position:relative;display:inline-block;vertical-align:middle;width:22px;height:20px;margin:0;z-index:99;cursor:pointer;opacity:0} .review_star input + input{margin:0 0 0 1px} .review_star .stars{position:absolute;top:-1px;left:0} .review_star .stars i{display:inline-block;vertical-align:top;font-size:1.5em;color:#D9534F;opacity:.8} .review_star .stars i + i{margin:0 0 0 2px} #review .review_list {margin:0 0 20px;border-bottom:solid 0px rgba(0, 0, 0, .12)} #review .review_list .name_date{overflow:auto;margin:0 0 10px;padding:5px 16px;background:linear-gradient(to right, #f9f9f9 0%,transparent 100%);border:solid 1px rgba(0, 0, 0, .1);border-radius:3px} #review .review_list .name_date .name {float:left;min-width:100px;font-weight:700} #review .review_list .name_date .name i {margin:0 10px 0 0;color:#D9534F} #review .review_list .name_date .rating {float:left} #review .review_list .name_date .date-added {float:right;color:#888} #review .review_list .plus, #review .review_list .minus, #review .review_list .comment {margin:0 0 12px;padding:0 17px} #review .review_list .plus div {color:#080} #review .review_list .minus div {color:#f00} #review .review_list .comment div {color:#222} #review .review_list .plus div, #review .review_list .minus div, #review .review_list .comment div {margin:0 0 2px -14px;font-weight:700} #review .review_list .plus i, .review_list .minus i, .review_list .comment i {width:14px;font-size:.8em} #review .review_list .admin_reply {margin:0 0 0 15px;padding:5px 10px;border-left:solid 2px #D9534F;font-weight:400;background:rgba(0, 0, 0, .025)} #review .review_list .admin_reply > div {margin:0 0 3px;padding:0 0 3px;color:#666;font-size:.85em;border-bottom:solid 1px rgba(0, 0, 0, .1)} #review .review_list .admin_reply > div i {margin:0 6px 0 0;transform:rotate(180deg);font-size:.85em} #review .review_pagination {margin:0 0 20px;padding:20px 0 0;border-top:1px solid rgba(0, 0, 0, .05)} #review .pagination{float:left;margin:0 0 10px} .attribute div > span{position:relative;display:table-cell} .attribute div > span:first-child{white-space:nowrap} .attribute div > span:last-child{width:100%;text-align:right;font-weight:400} .attribute div > span:first-child{position:relative;padding-left: 10px;z-index:2} .attribute div > span:last-child{position:relative;z-index:2;padding-right: 10px;} .attribute div {width: 100%;border-bottom: 1px solid #eee;padding: 5px 0} .attribute div:hover {background-color: #f0f0f0} .show_attr{display:inline-block;font-weight:400;margin:0 0 2px;padding:8px 0 0;line-height:1.0;border-bottom:dotted 1px;text-decoration:none !important} #tab-specification .attribute {border-bottom: none} .news_wrapper{margin:0 -10px -20px !important} .news{line-height:1.3em} .news .image{padding:10px 10px 12px;border-radius:4px} .news .image img{border-radius:3px} .news .name{margin:0 0 10px;padding:0 10px;font-weight:700} .news .description{margin:0 0 10px;padding:0 10px} .news .posted{margin:0 0 10px;padding:0 10px;font-size:.9em;text-align:right;color:#aaa} .news .posted a{float:left;text-decoration:underline} .news_page > div {overflow:auto;padding:10px;border:solid 1px #ddd;border-radius:4px} .news_page .show_all_news {margin:20px -10px 20px;padding:0;border:none} .news_page .image {float:left;margin:0 15px 0 0} .news_page .image img {border-radius:3px} .news_page .description {line-height:1.5em} .news_list .image img {border-radius:3px} .news_list .posted {text-align:right;background:#fff} .news_list a {text-decoration:underline} .cat_desc .category-info {display:block;overflow:auto;margin:0 0 20px} .category-info .image {float:left;margin:0 10px 0 0} .category-info hr {clear:both;margin:10px 0} .category_list a {display:block;font-size:0.85em;font-weight:400;padding:5px 10px;color:#14a} .category_list a:hover {color: #f00} .category_list img {margin-bottom:5px} .category_list p {margin:0;font-weight: 500} footer{position:relative;flex:0 0 auto;padding:20px 0 10px} footer hr{border-top:1px solid rgba(0, 0, 0, .15);border-bottom:solid 1px rgba(255, 255, 255 , .1);margin:10px 0} footer ul{margin:0;padding:0} footer ul, footer .text {line-height:24px} footer li a:hover{text-decoration:underline !important} footer li i.fa{vertical-align:middle;margin-right:5px} footer h5{margin:0px 0 10px;font-size:1.2em} footer h5.heading span:after{border-top:solid 1px rgba(0, 0, 0, .15);border-bottom:solid 1px rgba(255, 255, 255, .1)} footer h5 i {position:relative;top:1px;margin:0 8px 0 0} footer .h5.heading{margin:30px 0;font-size:1.2em} footer .h5.heading span:after{border-top:solid 1px rgba(0, 0, 0, .15);border-bottom:solid 1px rgba(255, 255, 255, .1)} footer .h5.heading i {position:relative;top:1px;margin:0 8px 0 0} footer .payments{text-align:right} footer .payments img{width:40px} footer .payments img:hover{filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none} footer .payments img + img{margin:0 0 0 10px} footer .ya_maps{margin:15px 0 0} footer ymaps{font-weight:400 !important;} i.fab.fa-viber {font-size: 24px} i.fa.fa-whatsapp {font-size: 24px} /*Preimuschestva*/ .weMadeFlex { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .weMadeItem { display: block; width: 19%; padding: 20px; text-align: center; background: #fff; margin-bottom: 16px; margin: 5px; position: relative; height: 220px; perspective: 1500px; } .front_Card, .back_Card { position: absolute; width: 100%; height: 220px; top: 0; left: 0; display: flex; justify-content: center; align-items: center; transition: .6s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; padding: 30px; text-align: center; border: 1px solid rgba(0, 0, 0, .05); background-color: #f4f7fb; display: flex; flex-wrap: wrap; } .front_Card { } .back_Card { transform: rotateY(180deg); font-size: 12px; } .back_Card a { display: block; width: 100%; } .weMadeItem:hover .front_Card { transform: rotateY(180deg); cursor: pointer; } .weMadeItem:hover .back_Card { transform: rotateY(360deg); cursor: pointer; } .weMade_Img { width: 80px; height: 80px; background-color: #14a; border-radius: 50%; } .weMade_Img img { padding: 15px; max-width: 72px; height: 100%; width: 100%; text-align: center; } .weMade_Img svg {color: #fff;padding: 20px} .weMade_Title { margin: 14px 0 0 0; font-weight: normal; width: 100%; } .attrIcon img { width: 2em; } .attrTooltip { color: #14a; } .quest_split { border-radius: 50%; color: #14a; font-weight: 800; } /*-------Images------*/ .text_gallery { display: flex; flex-wrap: wrap; } .text_gallery a { width: 25%; padding: 5px; } .gallery_six a { width: 16%; } .gallery_six img { max-width: 100%; padding: 6px; background: linear-gradient(230deg, #ffd000 11%, #dcdcdc 68%); } /*-----Preimuschestva-----*/ /*Order*/ .flex_Mod {display: flex} .flexmod_El img {max-width: 80px} .flexmod_El { margin-bottom: 7px; display: flex; align-items: center; min-height: 50px; } .splitter_El { content: ""; width: 5px; height: 100%; background: linear-gradient(#555, #ffd000); display: flex; margin: 0 30px; border: none; } .number_El { display: flex; padding: 40px; background-color: #14a; color: #fff; border-radius: 50%; width: 30px; height: 30px; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; } .title_El { font-size: 18px; margin-left: 15px; font-weight: 800; color: #14a; } .desc_El { display: block; font-weight: 400; color: #222; font-size: 15px; } span.catVideoLink img { max-width: 50px; position: relative; } .catVideoLink { display: flex; justify-content: center; align-items: center; position: absolute; color: #fff; bottom: 15px; cursor: pointer; left: 15px; transition: border 0.3s ease-out; z-index: 9; } .catVideo { display: block; position: relative; left: 0; bottom: 0; } span.catVideo img { max-width: 100%; height: 275px; padding: 6px; background: #ccc; border-radius: 7px; } .productVideoWrapper { padding: 20px 0; } .product_sticker.special { background: #ffd000; } .product_sticker.special:after{ border-color: #ffd000; } /*Calc*/ #calcForm { display: flex; justify-content: center; flex-wrap: wrap; } .calcParams { width: 62%; background: #fff; border: 1px solid #ddd; } .calcResults { width: 38%; position: relative; background: #14a; margin: -1px; border-radius: 0 4px 4px 0; } .calcResults:before { content: ""; position: absolute; border: 16px solid transparent; border-right: 16px solid #14a; top: 50%; margin-top: -22px; left: -32px; } .cpHeading { border-bottom: 1px solid #ddd; font-size: 16px; font-weight: bold; padding: 7px 15px; margin-bottom: 15px; } .calcInput {padding: 3px 15px} .calcInput label {cursor: pointer} .rangeWrap { display: flex; justify-content: center; align-items: center; padding: 30px 15px; } .rangeWrap output { width: 100px; background: #14a; color: #fff; text-align: center; font-size: 24px; line-height: 1; padding: 10px; border-radius: 5px; position: relative; margin-right: 30px; font-weight: bold; } .rangeWrap output:after { content: ""; display: block; position: absolute; border: 7px solid transparent; border-left: 7px solid #14a; top: 15px; right: -14px; } .crPrices { display: none; padding: 30px; color: #fff; } .crFrom { display: none; padding: 10px 40px; color: #fff; } .crFish { position: absolute; height: 100%; width: 100%; color: #fff; text-align: center; font-size: 18px; padding-top: 30px; } .fishDiscount { font-size: 50px; font-weight: bold; color: #333; background: #fc0; width: 100px; height: 100px; padding: 12px; border-radius: 50%; margin: 25px auto; position: relative; } .fishText { padding: 30px; position: relative; } .fishDiscount:after { content: "%"; display: block; position: absolute; width: 44px; height: 44px; background: #fc0; border-radius: 50%; border: 3px solid #14a; top: -14px; right: -20px; font-size: 25px; } .crPriceWrap { background: #023373; margin-bottom: 10px; border-radius: 3px; } .cpPriceTip { font-size: 14px; padding: 7px 15px; } .crPriceWrap span { display: inline-block; font-size: 28px; padding: 0px 5px 5px 15px; position: relative; } #basePrice:before { content: ""; width: 0; height: 2px; background: #f00; position: absolute; top: 21px; left: 10px; transition: all 0.3s ease-out; } #basePrice:after { content: ""; width: 0; height: 2px; background: #f00; position: absolute; top: 21px; left: 10px; transition: all 0.3s ease-out; } .lineThrough { color: #5b789e; } .lineThrough:before { width: 90% !important; transform: rotate(10deg); } .lineThrough:after { width: 90% !important; transform: rotate(-10deg); } .actionButton a { color: #fff; background-color: #f00; padding: 10px 20px; border-radius: 3px; display: inline-block; } .zov-button { border: none; color: #fff; background-color: #f00; padding: 10px 20px; border-radius: 3px; display: inline-block; } .hideOrder { border: none; color: #fff; background-color: #999; padding: 10px 20px; border-radius: 3px; margin-left:5px; display: inline-block; } .inputWrap { margin: 10px 0; } .light_link { color: #fff; } .light_link:hover { color: #ffd000; } /*RangeSlider*/ .rangeslider, .rangeslider__fill { display: block; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .rangeslider { background: #e6e6e6; position: relative; } .rangeslider--horizontal { height: 10px; width: 100%; } .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } .rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .rangeslider__fill { background: #ffd000; position: absolute; } .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } .rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 32px; height: 32px; position: absolute; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:#14a; border-radius: 50%; } .rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); } .rangeslider--horizontal .rangeslider__handle { top: -11px; touch-action: pan-y; -ms-touch-action: pan-y; } .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } /*---Order---*/ img.doc_img {margin-right: 10px} #add_to_cart_success{width:380px;max-width:100%;padding:15px;background:#f9f9f9} #add_to_cart_success .close{position:absolute;z-index:999;top:8px;right:10px} #add_to_cart_success .close:after{position:absolute;content:'';top:-4px;bottom:-6px;left:-8px;right:-8px} #add_to_cart_success .row + .row {margin-top:10px} #add_to_cart_success img {float:left;padding:3px;background:#fff;border:solid 1px #ddd;border-radius:3px} #add_to_cart_success .col-xs-6.text-left a {line-height:1.9em;border-bottom:dotted 1px} .fly_callback{position:fixed;z-index:999;right:34px;bottom:45px;text-align:center;cursor:pointer;width:40px;height:40px;border-radius:100%;transition:all ease-in-out .3s} .fly_callback i{line-height:40px;font-size:20px;transform:rotate(120deg);transition:all ease-in-out .3s;animation:pulsate 1s infinite ease-in-out} .fly_callback.show{bottom:88px} .fly_callback:before {position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;content:'';border-radius:100%;animation:pulsate_after 4s infinite linear} .fly_callback:after {position:absolute;top:-16px;bottom:-16px;left:-16px;right:-16px;content:'';border-radius:100%;animation:pulsate_after 5s infinite linear} @-keyframes pulsate {50% {transform:rotate(150deg)}} @-webkit-keyframes pulsate {50% {transform:rotate(150deg)}} @-moz-keyframes pulsate {50% {transform:rotate(150deg)}} @-keyframes pulsate_after {100% {}} @-webkit-keyframes pulsate_after {100% {transform:rotate(360deg)}} @-moz-keyframes pulsate_after {100% {transform:rotate(-180deg)}} .container > .alert{position:fixed;z-index:9999;right:10px;top:10px;min-height:60px;padding:0} .container > .alert.alert-danger, .container > .alert.alert-success {min-height:auto;width:300px;padding:8px 10px} .container > .alert .alert {position:relative;margin:0 0 10px;padding:8px 10px;width:310px;font-size:.9em} .container > .alert .alert {animation:slide .3s ease-in-out} .container > .alert .close {position:absolute;right:6px;top:2px} .alert a{text-decoration:underline} @keyframes slide {from {top:-100px} to {top:0}} .scroll_up{position:fixed;z-index:999;left:34px;bottom:60px;transform:scale(0);background:rgba(0, 0, 0, .3);font-size:20px !important;line-height:36px !important;color:#fff;width:40px;height:40px;text-align:center;border-radius:100%;cursor:pointer;transition:all ease-in-out .3s} .scroll_up.show{transform:scale(1)} .scroll_up:hover{background:rgba(0, 0, 0, .5)} .information-contact .contacts {} .information-contact .contacts i{vertical-align:middle;min-width:15px;text-align:center;margin:0 5px 0 0;font-size:1.2em;line-height:1.4em} .information-contact .contacts i.fa-mobile{font-size:1.5em} .bootstrap-datetimepicker-widget{z-index:9999999999 !important} .row{margin:0 -5px} .form-horizontal .form-group {margin:10px -10px} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding:0 5px} /* fade */ .owl-fade-out {z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease} .owl-fade-in {-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease} /* backSlide */ .owl-backSlide-out {-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in {-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} /* goDown */ .owl-goDown-out {-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both} .owl-goDown-in {-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both} /* scaleUp */ .owl-fadeUp-in {-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both} .owl-fadeUp-out {-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both} /* Keyframes */ /*empty*/ @-webkit-keyframes empty {0% {opacity:1}} @-moz-keyframes empty {0% {opacity:1}} @keyframes empty {0% {opacity:1}} @-webkit-keyframes fadeIn {0%{opacity:0}100% {opacity:1}} @-moz-keyframes fadeIn {0%{opacity:0}100% {opacity:1}} @keyframes fadeIn {0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } @-moz-keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } @keyframes fadeOut { 0% { opacity:1} 100% { opacity:0} } @-webkit-keyframes backSlideOut { 25% { opacity:.5;-webkit-transform:translateZ(-500px)} 75% { opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} 100% { opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)} } @-moz-keyframes backSlideOut { 25% { opacity:.5;-moz-transform:translateZ(-500px)} 75% { opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} 100% { opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)} } @keyframes backSlideOut { 25% { opacity:.5;transform:translateZ(-500px)} 75% { opacity:.5;transform:translateZ(-500px) translateX(-200%)} 100% { opacity:.5;transform:translateZ(-500px) translateX(-200%)} } @-webkit-keyframes backSlideIn { 0%, 25% { opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)} 75% { opacity:.5;-webkit-transform:translateZ(-500px)} 100% { opacity:1;-webkit-transform:translateZ(0) translateX(0)} } @-moz-keyframes backSlideIn { 0%, 25% { opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)} 75% { opacity:.5;-moz-transform:translateZ(-500px)} 100% { opacity:1;-moz-transform:translateZ(0) translateX(0)} } @keyframes backSlideIn { 0%, 25% { opacity:.5;transform:translateZ(-500px) translateX(200%)} 75% { opacity:.5;transform:translateZ(-500px)} 100% { opacity:1;transform:translateZ(0) translateX(0)} } @-webkit-keyframes scaleToFade {to { opacity:0;-webkit-transform:scale(.8)}} @-moz-keyframes scaleToFade {to { opacity:0;-moz-transform:scale(.8)}} @keyframes scaleToFade {to { opacity:0;transform:scale(.8)}} @-webkit-keyframes goDown {from { -webkit-transform:translateY(-100%)}} @-moz-keyframes goDown {from { -moz-transform:translateY(-100%)}} @keyframes goDown {from { transform:translateY(-100%)}} @-webkit-keyframes scaleUpFrom {from { opacity:0;-webkit-transform:scale(1.5)}} @-moz-keyframes scaleUpFrom {from { opacity:0;-moz-transform:scale(1.5)}} @keyframes scaleUpFrom {from { opacity:0;transform:scale(1.5)}} @-webkit-keyframes scaleUpTo {to{ opacity:0;-webkit-transform:scale(1.5)}} @-moz-keyframes scaleUpTo {to{ opacity:0;-moz-transform:scale(1.5)}} @keyframes scaleUpTo {to{opacity:0;transform:scale(1.5)}} /* live search */ .logo_flex {display: flex;align-items: center;flex-wrap: wrap} .logo_item {width: 33%} .call_order_item {display: flex;justify-content: flex-end} .call_order_item a { padding: 10px 20px; background: #ffd000; color: #222; margin: 5px 0; min-width: 200px; text-align: center; cursor: pointer; transition: .2s; border-radius: 4px } .call_order_item a:hover {background: #14a;color: #fff} #phone {display: flex;justify-content: center;} header #div_search #live-search {margin:-4px 0 0} header #live-search {display:none;z-index:999;position:relative} header #live-search ul {margin:0;padding:0} header #live-search ul {position:absolute;width:100%;list-style:none;padding:0 0px;background:#fff;border-radius:3px;border:1px solid rgba(0, 0, 0, .05)} header #live-search ul li {padding:5px 5px} header #live-search ul li:hover {background:rgba(0, 0, 0, .05)} header #live-search ul li div{display:table-cell;vertical-align:middle;padding:0 5px;cursor:pointer} header #live-search ul li + li{border-top:1px solid rgba(0, 0, 0, .05)} header #live-search ul li div.product-image{width:1%;text-align:center} header #live-search ul li div.product-image img {border-radius:3px} header #live-search ul li div.product-name{width:100%;font-weight:400;line-height:16px} header #live-search ul li div.product-name p{margin:4px 0 0;color:#888;font-size:.85em;font-weight:400} header #live-search ul li div.product-name p .rating{display:block;margin:3px 0 0} header #live-search ul li div.product-name p .rating i{font-size:.9em;margin:0 2px 0 0} header #live-search ul li div.product-price{width:1%;white-space:nowrap;text-align:right;font-weight:400} header #live-search ul li div.product-price span{display:block} header #live-search ul li div.product-price span.special {text-decoration:line-through;color:#888;font-weight:400} header #live-search ul li > a {display:inline-block;vertical-align:middle;margin:-1px 0 0;font-size:.9em} header #live-search li > i {animation:spin 1s infinite linear} @-keyframes spin {100% {transform:rotate(360deg)}} @-webkit-keyframes spin {100% {transform:rotate(360deg)}} @-moz-keyframes spin {100% {transform:rotate(360deg)}} /* callback */ #callback .close{position:absolute;z-index:999;top:8px;right:10px} #callback form div + div {margin:10px 0 0} #callback .mail, #callback .comment {display:none} .modal.fade {-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;overflow-y:auto} .modal.fade .modal-dialog {-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-moz-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0} .modal.fade.in .modal-dialog{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1} .corner_0, .corner_1, .corner_2, .corner_3 {height: 50px;width: 50px;position: absolute;z-index:9} .corner_0 {right: 5px;top: 5px} .corner_1 {right: 5px;top: 60px} .corner_2 {right: 5px;top: 115px} .corner_3 {right: 5px;top: 170px} .corner_0 img, .corner_1 img, .corner_2 img, .corner_3 img {max-width:100%} #uni-notification.fixed {position:fixed;z-index:999;width:100%;bottom:10px} #uni-notification.fixed.remove{opacity:0;transition:all ease-in-out .15s} #uni-notification .wrapper {padding:15px;border-radius:6px} #uni-notification.fixed .wrapper {border:solid 1px rgba(0, 0, 0, .1)} #uni-notification .modal-body{padding:0;border-radius:6px} #uni-notification .text a{text-decoration:underline} #uni-notification .buttons {margin:10px 0 0;padding:10px 0 0 ;text-align:right;border-top:dotted 1px rgba(0, 0, 0, .2)} #uni-notification .buttons .btn + .btn {margin:0 0 0 10px} .container {width: 1500px} #content {padding: 0 10px} .panel-default {border: 1px solid rgba(0, 0, 0, .05);border-radius: 0;box-shadow: none} .head_logo {padding: 20px 0} /*-----Social-----*/ .socials i:before { background-color: #fff; border-radius: 50px; width: 40px; height: 40px; padding: 22px; align-items: center; justify-content: center; display: flex; } .fa-instagram:before { color: #aa3495; } .fa-odnoklassniki:before { color: #f66500; } .fa-vk:before { color: #2f76a9; } .fa-facebook:before { content: "\f09a"; color: #3A5795; } .fa-youtube:before { color: #E62117; } .socials .fa-odnoklassniki:hover:before { background-color: #f66500; color:#fff; transition: .2s; } .socials .fa-vk:hover:before { background-color: #2f76a9; color:#fff; transition: .2s; } .socials .fa-facebook:hover:before { background-color: #3A5795; color:#fff; transition: .2s; } .socials .fa-youtube:hover:before { background-color: #E62117; color:#fff; transition: .2s; } .socials .fa-instagram:hover:before { background-color: #cd225d; background-image: repeating-linear-gradient(to bottom,rgb(106, 20, 123) 0%,rgb(226, 0, 121) 43.3%,rgb(243, 105, 21) 100%); color:#fff; transition: .2s; } footer .socials{} footer .socials a + a{margin:0 0 0 20px} footer .socials a i{font-size:1.7em} footer .socials .fa-odnoklassniki{color:#EF8117} footer .socials .fa-vk{color:#597BA0} footer .socials .fa-facebook{color:#3A5795} footer .socials .fa-twitter{color:#59ADEA} footer .socials .fa-google-plus{color:#DB4437} footer .socials .fa-instagram{color:#ffaf37} footer .socials .fa-youtube{color:#E62117} footer .socials .fa-odnoklassniki i:before{background-color:#EF8117} footer .socials .fa-vk{color:#597BA0} footer .socials .fa-facebook{color:#3A5795} footer .socials .fa-twitter{color:#59ADEA} footer .socials .fa-google-plus{color:#DB4437} footer .socials .fa-instagram{color:#ffaf37} footer .socials .fa-youtube{color:#E62117} /*Banners50*/ .flex_50 { justify-content: space-between; } .Item50 { width: 49.5%; position: relative; } .Item50 img { border: 2px solid #f0f0f0; max-width: 100%; border-radius: 12px; } button.banner50_button { position: absolute; bottom: 30px; left: 30px; background-color: #14a; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; transition: all ease-in-out .2s; font-size: 18px; } button.buttonrose { background-color: #ffd000; } button.banner50_button:hover { background-color: #ffd000; color: #14a; } #product label.control-label { color: #f00; font-weight: 800; font-size: 18px; } .actions50_title { position: absolute; top: 30px; left: 30px; font-size: 32px; font-weight: 800; } .rose_txt { color: #fff; text-shadow: 0 0 8px #000; } /*Responcive*/ @media (min-width:767px){ .modal-sm { width: 600px; } #quick_order .row_input > div:nth-child(odd){padding:0 5px 0 10px} #quick_order .row_input > div:nth-child(even){padding:0 10px 0 5px} #quick_order .row_input > div:last-child{padding:0 10px} .product-list .product-thumb {overflow:auto} .product-list .product-thumb .image{float:left;margin:10px 15px 10px 10px} .product-list .product-thumb .description {font-size:1.0em} .product-list .product-thumb .description, .product-list .product-thumb .attribute, .product-list .product-thumb .option {height:auto !important} .product-list .product-thumb .price {font-size:1.4em;font-weight:400} .modal:before {display:inline-block;vertical-align:middle;content: " ";height:100%} } @media (min-width:992px){ #menu .btn-navbar{position:absolute;display:block;top:8px;right:11px;margin:0;padding:0;box-shadow:none;cursor:default} #menu .navbar-collapse{display:none !important;padding:0;z-index:99;top:40px;border:none} #menu:hover .navbar-collapse{display:block !important} #menu .nav{z-index:9999;width:100%;margin:0;top:40px;border-radius:0 0 4px 4px} #menu .nav > li.has-children.open {border-right:solid 1px transparent} #menu .nav > li > a > i{position:absolute;top:14px;right:14px;display:inline-block;font-size:.9em;transition:all ease-in-out .15s} #menu .nav > li.open > a > i{transform:rotate(-90deg)} #menu .nav > li > .dropdown-menu{ position:absolute;z-index:-1;top:-1px;left:100%;display:none;visibility:hidden;opacity:0; padding:0 10px 0 20px;border-radius:0;border:solid 1px #e2e2e2;box-shadow: none } #menu .nav > li > .dropdown-menu.column-1{width:190px} #menu .nav > li > .dropdown-menu.column-2{width:370px} #menu .nav > li > .dropdown-menu.column-3{width:550px} #menu .nav > li > .dropdown-menu.column-4{width:327.2%} #menu .nav > li ul.col-sm-3:nth-child(n+5):before, #menu .nav > li ul.col-sm-12:nth-child(n+2):before{display:block;content:'';border-top:dotted 1px rgba(0, 0, 0, .1)} #menu .nav > li ul.col-sm-3:nth-child(4n+1){clear:left} #menu .nav > li ul.col-sm-4:nth-child(n+4):before{display:block;content:'';border-top:dotted 1px rgba(0, 0, 0, .1)} #menu .nav > li ul.col-sm-4:nth-child(3n+1){clear:left} #menu .nav > li ul.col-sm-12:nth-child(n+2):before{display:block;content:'';border-top:dotted 1px rgba(0, 0, 0, .1)} #menu .nav > li ul li ul li{line-height:1.7em} #menu .nav > li ul li ul li a:hover span{text-decoration:underline} #menu.menu2 .navbar-header{display:none} #menu.menu2 .navbar-collapse{top:0;display:block !important;position:relative} #menu.menu2 .nav{display:flex;background:transparent !important;border:none;float:none} #menu.menu2 .nav > li{flex-basis:auto;flex-grow:1;text-align:center;white-space:nowrap;position:static;border:none} #menu.menu2 .nav > li.open{border-right:none} #menu.menu2 .nav > li + li{border:none;border-left:1px solid rgba(0, 0, 0, .05)} #menu.menu2 .nav > li > a i{position:relative;top:0;right:auto;margin:0 0 0 5px} #menu.menu2 .nav > li.open > a i{transform:rotate(-180deg)} #menu.menu2 .nav > li > .dropdown-menu{left:auto !important;top:115%;padding:0 15px;border-top:none;border-radius:0;background: #f9f9f9} #menu.menu2 .nav > li.open > .dropdown-menu {top:100%} #menu.menu2 .nav > li + li .dropdown-menu{margin:0 0 0 -1px} #menu.menu2 .nav > li > .dropdown-menu.column-1{width:25%} #menu.menu2 .nav > li > .dropdown-menu.column-2{width:50%} #menu.menu2 .nav > li > .dropdown-menu.column-3{width:75%} #menu.menu2 .nav > li > .dropdown-menu.column-4{width:100%} #menu_wrap.show {top:0px} #menu_wrap {display:block !important;z-index:999;position:fixed;left:0;right:0;top:-100%;border-bottom:1px solid rgba(0, 0, 0, .05);background:#f9f9f9;transition:all ease-in-out .4s} #menu_wrap #menu{min-height:40px;margin:0;box-shadow:none;border-radius:0} #menu_wrap #menu .navbar-header{float:none;position:relative;z-index:99999;height:40px;border:solid 1px rgba(0, 0, 0, .1);border-top:none;border-bottom:none} #menu_wrap #menu.menu2 .navbar-header{border:none} #menu_wrap #menu #category, #menu_wrap #menu .btn-navbar{text-shadow:none} #menu_wrap #menu .navbar-collapse{display:none !important} #menu_wrap #menu:hover .navbar-collapse{display:block !important} #menu_wrap #menu .nav > li {display:block !important} #menu_wrap #menu .nav > li.additional {display:none !important} #menu_wrap #menu.menu3 .nav > li.has-children:hover:before{background:transparent !important} #menu_wrap #menu .nav > li > .dropdown-menu{margin-left:0 !important} #menu_wrap .product_wrap {overflow:hidden;border-right:solid 1px rgba(0, 0, 0, .1)} #menu_wrap .product_wrap > div {display:table;width:100%} #menu_wrap .product_wrap .product_name{position:relative;display:table-cell;width:100%;margin:0;padding:0;font-size:1.3em;font-weight:400;overflow:hidden} #menu_wrap .product_wrap .product_name span{display:block;position:absolute;top:0;line-height:37px;white-space:nowrap} #menu_wrap .product_wrap > div > span {display:table-cell;position:relative;height:40px;line-height:38px;padding:0 8px 0 12px;white-space:nowrap;font-size:1.4em;font-weight:400;border-left:solid 1px rgba(0, 0, 0, .1);border-right:solid 1px rgba(0, 0, 0, .1)} #menu_wrap .product_wrap > div > .product_name + span:before {position:absolute;z-index:99;content:'';top:0;left:-100%;width:100%;height:44px;margin:0;padding:0;border-right:solid 1px rgba(0, 0, 0, .05);background:linear-gradient(to right, transparent 0%, rgba(255, 255, 255, .7) 50%, #fff 100%)} #menu_wrap .product_wrap > div > span + span {border-left:none} #menu_wrap .product_wrap > div > span.old_price {text-decoration:line-through;color:#999} #menu_wrap .product_wrap button {display: table-cell;margin: -4px 0 0 6px;color: #fff;background: #14a} #menu_wrap #search {margin:0;border:none} #menu_wrap #search .input-lg {height:40px;border:1px solid rgba(0, 0, 0, .05);border-top:none;border-bottom:none} #menu_wrap #search .btn {height:40px !important;border:1px solid rgba(0, 0, 0, .05);border-top:none;border-bottom:none;border-radius:0;box-shadow:none} #menu_wrap #search .btn:hover:after {position:absolute;content:'';top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .05)} #menu_wrap #search .open .fa-chevron-down{transform:rotate(-180deg)} #menu_wrap #search .dropdown-menu {margin:1px 0 0;border-top:none;border-radius:0 0 4px 4px} #menu_wrap #live-search {top:0px} #menu_wrap #phone {margin:-1px -20px 0 0;height:33px;text-align:left} #menu_wrap #phone .phone {float:none !important;padding:0px 0 2px;text-align:center;border-right:solid 0px rgba(0, 0, 0, .1)} #menu_wrap #phone .phone > div {font-size:1.3em !important;font-weight:400;color:#D9534F} #menu_wrap .phone > div i {display:none} #menu_wrap .phone > div span {border-bottom:dotted 1px #aaa;cursor:pointer} #menu_wrap .phone > div:last-child {display:none} #menu_wrap #phone .dropdown-menu {top:40px;left:auto;right:-30px;min-width:250px;margin:1px -1px 0 0;border-top:none;border-radius:0 0 4px 4px} #menu_wrap #phone .dropdown-menu p {margin:0} #menu_wrap .account_wrap {margin:0 -20px 0 20px} #menu_wrap #account {position:relative;float:none;width:100%;height:40px;border-left:1px solid rgba(0, 0, 0, .05);text-align:center;transition:all ease-in-out .2s} #menu_wrap #account button {position:absolute;width:100%;height:100%;left:0;border:none !important} #menu_wrap #account button:hover:after {position:absolute;content:'';top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .05)} #menu_wrap #account button span {display:none} #menu_wrap #account button i {line-height:24px;font-size:1.6em} #menu_wrap #account button i.fa-caret-down {display:none} #menu_wrap #account .dropdown-menu {float:right;margin:1px -1px 0 0;border-top:none;border-radius:0 0 4px 4px} #menu_wrap #cart {position:absolute;left:10px;right:8px;height:40px;margin:0 !important} #menu_wrap #cart > button{height:40px;width:100%;border:none;border-radius:0;box-shadow:none;transition:all ease-in-out .2s} #menu_wrap #cart button:hover:after {position:absolute;content:'';top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, .05);border-radius:0} #menu_wrap #cart > button i{font-size:1.6em} #menu_wrap #cart > .btn span {min-width:16px;height:17px;line-height:16px;padding:0 3px;bottom:0;text-shadow:none} #menu_wrap #cart .dropdown-menu {margin:1px 0 0;border-top:none;border-radius:0 0 4px 4px} .product-thumb .main{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transition:all ease-in-out .4s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden} .product-thumb .image:hover .main{transform:rotateY(-180deg)} .product-thumb .additional{display:block;position:absolute;top:0;left:0;right:0;cursor:pointer;transform:rotateY(-180deg);transition:all ease-in-out .4s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden} .product-thumb .image:hover .additional{transform:rotateY(0deg)} .product-price .product-thumb .option {min-width:120px} } @media (max-width:1599px){ .container {width: 100%; padding: 0 20px} .container.head_logo {padding: 20px} .container.banner_inner {padding: 30px 15px} } @media (max-width:1180px){ #menu_wrap #phone .phone > div {font-size:1.2em !important} .weMadeItem {width: 31%} #menu.menu2 .nav > li > a {text-transform: none;} } @media (max-width:1064px){ .product-price .caption h4 .product_status {display:block;left:0;width:100%;line-height:1.0em;margin:5px 0 0 !important;padding:6px 0 0 !important;font-size:0.8em;transform:scale(1)} .product-price .caption h4 .product_sticker {display:block;left:0;top:0;margin:5px 0 0;padding:0;font-size:0.8em} .product-price .caption h4 :nth-child(2) {margin:6px 0 0;padding:3px 0 0;border-top:solid 1px #ddd !important} .product-price .caption h4 .product_sticker + .product_sticker {top:0;margin:0} } @media (max-width:992px){ #top .container {font-size: 11px} header #logo img{float:none;margin:0} .navbar-toggle{display:block} .weMadeItem {width: 48%} #menu .nav{width:100%;margin:0;border-radius:0 0 4px 4px} #menu .btn-navbar {display:block} #menu .navbar-collapse{display:none !important;padding:0;position:absolute;top:40px;border:none;box-shadow:none} #menu .navbar-collapse.collapsing, #menu .navbar-collapse.in{display:block !important} #menu .nav li .fa-angle-down {display:none} #menu .nav > li.has-children.open {border-right:solid 1px rgba(0, 0, 0, .1)} #menu .nav > li ul li{border-top:solid 1px rgba(0, 0, 0, .1)} #menu .nav > li ul li a {padding:11px 0 10px 17px} #menu .nav > li ul li ul li a {padding:11px 0 10px 0px} #menu .nav li{position:relative;overflow:hidden;min-height:40px} #menu .btn-navbar:after{position:absolute;z-index:20;top:-5px;bottom:-5px;left:-500px;right:-10px;content:''} #menu .nav li ul li ul li + li {margin:0} #menu .nav li .dropdown-menu{position:relative;left:0 !important;display:block;width:100%;overflow:hidden;max-height:0;padding:0;border:none;border-radius:0;transition:all ease-in-out .3s} #menu .nav li .dropdown-menu ul li a > * {line-height:normal} #menu .nav li .dropdown-menu .dropdown-menu {width:100%;padding:0;margin:0 !important} #menu .nav li.open > .dropdown-menu, #menu .nav .dropdown-menu li.open > .dropdown-menu {max-height:4500px} #menu .nav li .dropdown-menu .dropdown-menu li {padding:0 0 0 17px} #menu .nav li .dropdown-menu ul {width:100% !important} .menu_links{display:block;height:auto;margin:0 0 15px;background:transparent !important;border:0} .menu_links li{float:left;line-height:1.8em;border:none !important;margin:0 15px 0 0;text-decoration:underline} .menu_links li a{height:auto;padding:0;line-height:1.8em;font-weight:400;background:none !important} .home_banners div div i{font-size:4.0em} .home_banners > div > div strong{margin:0 0 5px;font-size:0.9em} .products, .news_wrapper{margin:0 -9px 0 -10px !important} .custom_menu div:nth-child(3){display:none} .custom_menu div:nth-child(4){display:none} .custom_menu div:nth-child(5){display:none} .product-thumb button{transform:scale(1.0) !important} #product .rating{margin-top:4px} footer .socials{margin:-3px 0 3px} footer .payments{margin:10px 0 0;text-align:left} .product-price .caption h4 .product_sticker {display:block;float:none;background:none;color:#D9534F;font-weight:700;left:0;top:0} .product-price .option + .rating {display:none !important} .top_nav {text-transform: none;font-weight: normal} .flexmod_Item:nth-child(1),.flexmod_Item:nth-child(2) {display: none} } @media (max-width:767px){ .actions50_title { top: 15px; left: 15px; font-size: 17px; } .t_compare {display: flex;overflow-y: auto} .gallery_six a {width: 33%} .main_banner {background: rgb(59 109 208)} header #logo img{float:none;margin:0 auto} header #logo {text-align:center} header .phone{float:left !important;text-align:left !important} header #cart {margin:0} header #search{margin:12px 0 15px} .logo_item {width: 50%} #cart > .btn{width:54px;height:54px} #top .container { justify-content: center; font-size: 12px; } .flex_50 { flex-wrap: wrap; } .Item50 { width: 100%; } .Item50:first-child { padding-bottom: 10px; } button.banner50_button {display: none} .container {padding: 0 15px} .form-group.quantity .hidden-xs {display: inline-block!important} header #logo {max-width: 100%} .logo_item { margin-bottom: 15px; } .top_nav { padding: 5px; text-transform: none; font-weight: normal; } .call_order_item { display: flex; justify-content: center; } .head_menu { background: #14a; color: #fff; } .standart_item { width: 100%; } .about_company { background-color: transparent; padding: 0; margin: 0; box-shadow: none; } .weMadeItem { margin: 5px 0; } .item_img img { padding: 5px 0; } .video_item { width: 100%; margin: 5px 0; } .faqItem a {font-size: 12px} h2, h3 {font-size: 1.5em} .container.banner_inner {padding: 30px 15px} .menu_links a{line-height:1.8em} .home_banners > div > div strong{display:block;margin:0 0 10px;font-size:1.1em} .product-price .option {min-width:95px;padding:0 5px} .product-price .option label {font-size:0.8em} .product-price .option + .rating {display:none !important} #column-left{position:fixed;z-index:999999;display:block !important;top:0;left:-100%;width:100%;max-width:100%;height:100%;margin:0;padding:0;background:#f9f9f9;transition:all ease-in-out .3s} #column-left > *{display:none} /*filter-pro*/ #column-left #filterpro_box {overflow-y:auto;display:block;padding:10px 12px 0 10px} #column-left #filterpro_box h3 span, #column-left #filterpro_box .clear_filter{background:#f9f9f9} #filterpro_box_open{position:fixed;z-index:9999;display:block;top:50%;left:-20px;content:'';padding:6px 10px;background:#eee;border:solid 1px #ddd;border-radius:0 0 8px 8px;transform:rotate(-90deg);transition:all ease-in-out .3s} #column-left.show {left:0} #filterpro_box_open.show {left:100%} /*megafilter */ #column-left #megafilter-box {overflow-y:auto;display:block;padding:10px 12px 0 10px} #column-left #megafilter-box h3 span, #column-left #megafilter_box .clear_filter{background:#f9f9f9} #megafilter_box_open{position:fixed;z-index:999;display:block;top:50%;left:-20px;content:'';padding:6px 10px;background:#eee;border:solid 1px #ddd;border-radius:0 0 8px 8px;transform:rotate(-90deg);transition:all ease-in-out .3s} #column-left.show {left:0} #megafilter_box_open.show {left:100%} #product .options_select:nth-child(odd) {padding:0 10px 0 10px} #product .options_select:nth-child(even) {padding:0 10px 0 10px} #product .rating a span.visible-xs {display:inline-block !important} .sort, .limit {padding:0;width:50%} .sort {padding:0 5px 0 0} .limit {padding:0 0 0 5px} .nav-tabs {padding:0 0 8px} .nav-tabs li a{margin:0 10px 10px 0;padding:6px 12px;border:solid 1px #ddd !important;border-radius:4px} .nav-tabs li a i {margin:0 10px 0 0} .nav-tabs li a:after{display:none} } @media (max-width:540px){ .calcParams {width: 100%} .calcResults {width: 100%} .calcResults:before {display:none} .benefit_block {width: 100%;text-align: center;margin-bottom: 10px} .benefit_description {left: 0;width: 100%;position: relative;top: 5px;display: block} .banner_TxtItem {width: 100%} .bannerText {padding: 0} .banner_TxtItem_right {padding: 30px} .bannerText {font-size: 18px} .btn.quick_order {font-size: 14px;margin: 5px 0} .logo_item {width: 100%} .flexmod_El {display: block;text-align: center} .number_El {margin: 15px auto} .weMadeItem {width: 100%} footer .socials a + a {margin: 0 0 0 3px} #product .thumbnails {padding: 0;margin: 0} .product-price .caption h4 {width:60%;padding:0;border:none;border-right:solid 1px #ddd} .product-price .caption h4 .product_status{display:block !important;float:none;left:0;top:0;padding:0;font-size:0.7em} .product-price .image{display:none} .product-price .caption .rating{display:none !important} .product-price .caption .price {min-width:50px} .product-price .option {display:none !important} footer .payments img, footer .payments img + img{margin:0 10px 10px 0} .scroll_up {display:none} .slideshow .title{bottom:15px;height:20px;line-height:20px;font-size:0.7em} .slideshow .title:after {border-width:10px} .slideshow .owl-pagination {width:100%;bottom:0;right:auto} .slideshow .owl-controls .owl-page span {height:5px} #cart .dropdown-menu {min-width:385px;max-width:100% !important} } @media (max-width:400px){ h1.heading{line-height:1.2em} h1.heading:before{display:none} .product_banners > div {width:100%} .product_banners > div > div i {width:46px;max-width:50px !important} #cart .dropdown-menu {min-width:330px;max-width:100% !important} } @media (max-width:380px){ #cart .dropdown-menu {min-width:0;max-width:345px !important} } @media (max-width:361px){ .btn.quick_order {font-size: 12px} h2, h3 {font-size: 1.2em} .title_El {font-size: 15px} h1.heading{font-size:1.6em} header .phone div:first-child{font-size:1.2em} header .phone > div:first-child span{font-weight:400} #product .cart .control-label{display:none} .product-price .caption h4 .product_status, .product-price .caption h4 .product_sticker {display:none !important} #cart .dropdown-menu {min-width:0;max-width:330px !important} #cart .quantity {display:none} #cart .dropdown-menu table tr > td:first-child {display:none} #add_to_cart_success{max-width:290px} #add_to_cart_success .col-xs-6 a {font-size:0.8em} #add_to_cart_success .col-xs-6 .btn {padding:4px 8px;font-size:0.8em} } @media (max-width:321px){ #cart.open .dropdown-menu {min-width:0;max-width:290px !important} } @media (min-width:992px) and (max-width:1200px){ #menu .navbar-collapse {padding:0} #menu .nav > li a {/* padding-left:7px;*//* padding-right:7px;*/} #custom_menu .nav > li .dropdown-menu > .dropdown-inner ul li{min-width:192px} .menu_links a{padding:0 10px} #menu_wrap #phone .phone > div {font-size:1.2em} .custom_menu div a{line-height:43px} .custom_menu div:nth-child(4){display:none} .custom_menu div:nth-child(5){display:none} footer .payments img, footer .payments img + img {margin:0 5px 0 0} } /*-------------------------------------------ELEMENTS---------------------------------------------*/ .tooltip-inner { color:#fff; background:#666; } .tooltip-arrow { border-top-color:#666!important; } .option label input[type=radio] + span:before,.option label input[type=checkbox] + span:before { border:solid 2px transparent; } .option label input[type=radio]:checked + span:before,.option label input[type=checkbox]:checked + span:before,#product .image-additional a.selected:before { border:solid 2px #f00; } .product-thumb .option input:checked + span:before { border:solid 1px #f00!important; } header #search .btn { color:#666; background:#f9f9f9; } header #cart .btn i {color:#14a!important;} #menu .nav > li ul li a:hover { color:#f00; } .slideshow .title:after { border-color:#f00 transparent #f00 #f00; } .slideshow .owl-page span { background:#888; } .home_banners > div > div { background:#f9f9f9; color:#555; } .product_banners > div > div { color:#555; background:#f9f9f9; } footer {background: linear-gradient(45deg, #14a, #002a7d);border-top: 1px solid} footer h5 { color:#fff; } footer,footer a,footer a:hover,footer a:visited { color:#fff; } .fly_callback:before,.fly_callback:after { border:solid 1px; border-color:#f00 transparent; } #uni-notification .wrapper { color:#555; background-color:#f9f9f9; } #subscribe .subscribe-info { color:#eee; } #subscribe .subscribe-input input { color:#666; background:#fff; } #subscribe .subscribe-button .btn { color:#222; background:#eee; } h1,h2,h3,h4,h5,h3.heading { color:#14a; } h1.heading {margin-top: 0} a {color:#14a} .rating i,.rating sup a { color:#ffd000; } a:hover,a:focus,a:active { } #top li > a,#top i,#top .btn-group > .btn span,#top li > a:hover,#top i:hover,#top .btn-group > .btn:hover span,#top .btn-group.open > .btn span,#menu_wrap #menu #category,#menu_wrap #menu .btn-navbar,#menu_wrap #search .btn,#menu_wrap #phone .phone > div,#menu_wrap #account button i,#menu_wrap #cart > button i,.home_banners > div i { color: #fff; } .caption > a,.product-thumb .caption > a:hover,.product_banners > div i {} #phone .open_callback,#phone .open_callback span,#phone .fa-chevron-down,#product #additional-img .owl-prev,#product #additional-img .owl-next { color:#222; } #list-view,#grid-view,#compact-view { color:#fff; } label input[type=radio]:checked + span,label input[type=checkbox]:checked + span,.noUi-horizontal .noUi-handle,.slideshow .owl-page.active span { color: #222; background-color: #ffd000 !important; } .option label input[type=radio]:checked + span,.option label input[type=checkbox]:checked + span,#menu .btn-navbar,#subscribe .subscribe-info div { color:#fff; } #top,.menu_links,#menu_wrap #menu,#menu_wrap #menu .navbar-header,#menu_wrap #search .btn,#menu_wrap #account { background:#ececec; } #menu .nav {} #top .btn-group ul li a,#menu .nav > li > a,#menu .nav > li > .visible-xs i,.menu_links a,.menu_links .btn i,.menu_links .dropdown-menu>li>a,#subscribe .subscribe-button .btn > * {color:#333} header #search input[type=text],#search input::-webkit-input-placeholder,#search input::-moz-placeholder,#search input:-ms-input-placeholder,#search input:-input-placeholder,#menu .nav > li ul li ul li a:hover { color:#888; } header #search .search,header .phone > div:first-child,header .phone + .dropdown-menu li a > i,header .phone + .dropdown-menu li a > span,#menu .nav > li ul li ul li a,#menu .nav > li ul li ul li i,#subscribe .subscribe-input input::-webkit-input-placeholder,#subscribe .subscribe-input input::-moz-placeholder,#subscribe .subscribe-input input:-ms-input-placeholder,#subscribe .subscribe-input input:-input-placeholder { color:#666; } #cart > .btn span,.slideshow .title { color:#fff; background:#f00; } .fly_callback,.fly_callback2 { color:#fff; background:#f00; } .product-thumb .btn.wishlist { color: #14a; background: transparent; position: absolute; top: 50px; right: 7px; opacity: .7; max-height: 28px; font-size: 20px; } .product-thumb .btn.compare { color: #14a; background: transparent; position: absolute; top: 80px; right: 7px; opacity: .7; max-height: 28px; font-size: 20px; } .btn.wishlist:hover,.btn.compare:hover,.btn.question:hover {color:#f00} .product_sticker.reward,.product_sticker.bestseller,.product_sticker.new,.product_sticker.upc,.product_sticker.ean,.product_sticker.jan,.product_sticker.isbn,.product_sticker.mpn {background:#14a;} .product_sticker.bestseller {background: #f00;color: #fff;} .product_sticker.reward:after,.product_sticker.new:after,.product_sticker.upc:after,.product_sticker.ean:after,.product_sticker.jan:after,.product_sticker.isbn:after,.product_sticker.mpn:after {border-color:#14a;} .product_sticker.bestseller:after {border-color: #f00} .thumbnail a>img, .thumbnail>img { margin-left: 5px; } .product_banners {display: flex;flex-wrap: wrap} .telegram-button { position: fixed; right: 10px; bottom: 140px; transform: translate(-50%, -50%); background: #0088cc; border-radius: 50%; width: 45px; height: 45px; color: #fff; text-align: center; line-height: 36px; font-size: 35px; z-index: 9999; } .telegram-button a { color: #fff; } .telegram-button:after{ animation-delay: .5s; } @keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } .telegram-button i.fa.fa-telegram { font-size: 22px; background: none; } .whatsapp-button { position: fixed; right: 10px; bottom: 200px; transform: translate(-50%, -50%); background: #08cd4d; border-radius: 50%; width: 45px; height: 45px; color: #fff; text-align: center; line-height: 36px; font-size: 35px; z-index: 9999; } .whatsapp-button a { color: #fff; } .whatsapp-button:after{ animation-delay: .5s; } .whatsapp-button i.fa.fa-whatsapp { font-size: 22px; background: none; } .banner_TxtItem.banner_TxtItem_right { display: none !important; } .information-contact form.form-horizontal { display: none !important; } p.video-new { display: block; position: relative; float: right; bottom: 290px; z-index: 15; color: white !important; background: #3468d8; width: 90px; padding: 2px; font-size: 30px; font-weight: bold; filter: drop-shadow(2px 4px 6px yellow); font-family: monospace; } .modal-header p.video-new { display: none; } .main_banner.banner-1 img{ width: 100%; height: 100%; } .main_banner.banner-1{ position: relative; justify-content: center; display: flex; } .main_banner{ } .main_banner.banner-1 .banner-info{ position: absolute; width: 100%; height: 100%; max-width: 1500px; display: flex; flex-direction: column; justify-content: center; gap: 20rem; font-size: tahoma; z-index: 2; } .banner-info-osen-text{ width: 100%; max-width: 320px; font-size: 35px; text-transform: uppercase; font-weight: bold; color: #be2e21; } .banner-info-osen-btn a{ color: #fff; font-size: 24px; line-height: 0px; padding: 25px 0px; border-radius: 8px; background: #f1cd35; display: block; max-width: 280px; text-align: center; font-weight: bold; } .front-slider{ margin: 0px; } .front-slider.owl-carousel .item { width: 100%; } .slick-slide{ height: auto; } .main_banner.banner-1 img{ min-height: 685px; } .banner-1-wrap{ position: relative; display: flex; justify-content: center; width: 100%; height: 100%; height: 725px; overflow: hidden; } /* .front-slider-nav .prev, .front-slider-nav .next { display: none; }*/ .front-slider-wrap{ position: relative; } .front-slider-nav{ position: absolute; display: flex; top: calc(50% - 30px); width: 100%; } .front-slider-nav .prev, .front-slider-nav .next { opacity: 1 !important; color: #9E1A3F !important; border: 1px solid rgba(0, 0, 0, .05); background: #ffd000; line-height: 1.0em; text-align: center; border-radius: 4px; width: 30px; } .front-slider-nav .next{ margin-left: auto; margin-right: 15px; cursor: pointer; } .front-slider-nav .prev{ margin-left: 15px; cursor: pointer; } @media(max-width: 1800px){ .main_banner.banner-1 img{ width: 100%; max-height: 100%; object-fit: cover; object-position: left; } .main_banner.banner-1 .banner-info{ max-width: 100%; padding-left: 70px; } .container.banner_inner { padding: 60px 0; } } @media(max-width: 699px){ .main_banner.banner-1 .banner-info{ max-width: 100%; padding-left: 15px; padding-right: 15px; } .banner-info-osen-text{ font-size: 30px; } .banner-info-osen-btn a{ font-size: 20px; } .main_banner.banner-1 img{ min-height: 620px; } } @media(max-width: 500px){ .banner-1-wrap, .banner-info { height: 580px; overflow: hidden; } .main_banner.banner-1 .banner-info{ gap: 14rem; } .banner-info-osen-btn a{ max-width: 300px; } .common-home{ overflow-x: hidden; } } .pod-kat { padding: 0 0 0 25%; text-align: justify; } @media screen and (max-width: 524px) { .pod-kat { padding: 0; } } @media screen and (min-width: 525px) and (max-width: 758px) { .pod-kat { padding: 0; } } .city-field{ display:none; } .products-block .product-price .caption .price { width: 20%; min-width: 180px; } .products-block .product-price .cart button span { display: block !important; width: 140px; } .products-block .product-price .quick_order { margin-left:0; } .products-block .product-price .quick_order:first-child{ margin-bottom:4px; } .products-block .product-price .catVideoLink { bottom: 33px; left: -3px; } .products-block .product-price .corner_0 img, .products-block .product-price .corner_1 img{ max-width: 20px; } .products-block span.catVideoLink img { max-width: 24px; } .slider_for_category .slick-dots{ bottom:1px; } .slider_for_category .slick-dots li button:before { font-size: 14px; } .slider_for_category .slick-dots li button:before { font-family: 'slick'; font-size: 11px; opacity: 0.75; color: #fff; } .slider_for_category .slick-dots li { margin: 0 4px; } .slider_for_category .slick-dots .slick-active button:before { color:#ffd000 } .slider_for_category .slick-prev { left: 8px; z-index: 1; } .slider_for_category .slick-next { right: 8px; } .slider_for_category .slick-dots li button{ text-shadow: #2a2820 0px 0 3px; } .products-block a.dop_single_photo{ display:none; } .product-list a.dop_single_photo,.product-price a.dop_single_photo{ display:block; } .product-list .slider_for_category,.product-price .slider_for_category{ display:none; } .cookie-message { position: fixed; z-index: 1000; bottom: 20px; left: 120px; right: 120px; max-width: 350px; padding: 0; font-family: Arial, sans-serif; animation: fadeIn 0.5s ease-in-out; display: none; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .cookie-message-inner { display: grid; justify-items: start; grid-gap: 15px; font-size: 14px; padding: 20px; line-height: 1.5; background-color: #fff; border-radius: 10px; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.15); } .cookie-message-text { color: #5a5a5a; } .cookie-message-link { color: #01356f; text-decoration: underline; } .cookie-message-inner .button { background: #e1e1e1; color: #878787; border: none; padding: 8px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; transition: all 0.3s ease; } .cookie-message-inner .button:hover { background-color: #01356f; color: #fff; } @media (max-width: 480px) { .cookie-message { max-width: 100%; left: 110px; right: 110px; bottom: 10px; } } .row { margin-left: -5px !important; margin-right: -5px !important; } .row > [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; } .products-block.row, .product-layouts.row, #content .row.products-block { display: flex; flex-wrap: wrap; } .products-block.row > [class*="col-"], .product-layouts.row > [class*="col-"] { float: none !important; display: flex; } .product-thumb { width: 100%; display: flex; flex-direction: column; height: 100%; } .catVideoLink { top: 200px; }