Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Открытое меню

soh

Автор: ,
в Opencart 2.x: Загальні питання

 Share

Recommended Posts

soh Contributor

soh

Опубліковано:
  • Автор
Опубліковано: (змінено)

Skunk, это stylesheet.css



@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mUdRVCMHGKUBOACHGTH1g-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHTrO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');} html{height:100%;margin:0;padding:0;} body{height:100%;background:#fff;color:#333;font-family:'Roboto', sans-serif;line-height:normal;margin:0px;padding:0px;outline:none;overflow-x:hidden !important} body, td, th, input, textarea, select, a{font-family:'Roboto', sans-serif;font-size:14px;outline:none} *{box-sizing:border-box;} h1{color:#eb4f1a;font-size:2.0em;font-weight:500;margin:0 0 20px} h2{color:#777;margin-top:0px;margin-bottom:25px;font-size:1.4em;font-weight:500;line-height:1.2em} p{margin:0 0 10px} a, a:visited, a b{color:#EB4F1A;text-decoration:underline;cursor:pointer} a:hover{text-decoration:none} a, img{border:none;} b{font-weight:500} form{padding:0;margin:0;display:inline} input[type='text'], input[type='password'], input[type='email'], input[type='tel'], textarea{width:100%;background:#F8F8F8;border:1px solid #ccc;border-radius:3px;box-shadow:inset 1px 1px 1px #e5e5e5;padding:4px 3px 5px 10px;margin-left:0px;margin-right:0px} select{background:#F8F8F8;border:1px solid #ccc;height:26px;padding:0 2px;border-radius:3px} label{cursor:pointer} #wrap{height:auto;min-height:100%;padding:0 0 92px} .form-horizontal .form-group {margin-right:-10px;margin-left:-10px;} .row{margin:0 -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 10px;} .row.margin-top{margin:100px -10px 0;} #header .row.margin-top{margin:0 -10px 0;} .row .container{overflow:hidden;} .image img{max-width:100%;height:auto;max-height:450px;} #header{position:relative;z-index:9999;margin:0 0 20px;background:#f8f8f8;border-bottom:solid 1px #ddd;box-shadow:0 1px 10px #e6e6e6;min-height:90px;} #header .container > .row:first-child {background:#f8f8f8;min-height:89px;} #header #welcome{display:none} #header #logo{max-height:76px;margin:14px 0px 0 0} #header #logo h1{font-size:0;padding:0;margin:0} #header #logo img{width:220px;max-height:100%;} #header #search{position:relative;max-width:1140px;z-index:-22;top:-60px;transition:all ease-in-out .2s;} #header #search.show{top:0;z-index:1;} #header #search .button-search{max-width:100px;padding:0;margin:0;font-size:14px;background:#ddd;background:linear-gradient(to bottom, #e5e5e5 1%,#d5d5d5 100%);border:solid 1px #ccc;border-radius:0 4px 4px 0;line-height:36px;text-align:center;text-shadow:0 1px 0 #f3f3f3;cursor:pointer;white-space:nowrap;padding:0 10px;color:#777;} #header #search .button-search:hover{background:#ddd;} #header #search .button-search i{vertical-align:top;line-height:25px;font-size:0.85em;color:#888} #header #search .button-search i + span{margin:0 0 0 5px;} #header #search input[type='text']{background:#fff;padding-left:10px;height:38px;border-left:none;border-right:none;border-radius:0;} #header #search .selected_category{padding:0;margin:0;background:linear-gradient(to bottom, #e5e5e5 1%,#d5d5d5 100%);border-radius:4px 0 0 4px;border:solid 1px #ccc;} #header #search .selected_category > span{white-space:nowrap;font-size:14px;color:#777;height:30px;min-width:80px;padding:0 10px;line-height:28px;text-align:center;text-shadow:0 1px 0 #f3f3f3;cursor:pointer} #header #search .selected_category > span span{white-space:nowrap;font-size:14px;} #header #search .selected_category span > i{margin:0 0 0 8px;transition:all ease-in-out .2s} #header #search .selected_category:hover i{transform:rotate(90deg)} #header #search .selected_category ul{position:absolute;opacity:0;visibility:hidden;margin:5px 0 0;background:#eee;z-index:1000;padding:2px 7px;border-radius:0 0 4px 4px;box-shadow:0 1px 1px #999;transition:all ease-in-out .2s;transform:translateX(0) translateY(20%);-o-transform:translateX(0) translateY(20%);-moz-transform:translateX(0) translateY(20%);-webkit-transform:translateX(0) translateY(20%)} #header #search .selected_category:hover ul{opacity:1;visibility:visible;transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0)} #header #search .selected_category li{font-size:14px;border-bottom:solid 1px #ddd;cursor:pointer;} #header #search .selected_category li + li{border-top:solid 1px #fefefe} #header #search .selected_category li:last-child{border-bottom:0} #header #search .selected_category li{text-decoration:none;font-weight:400;padding:7px 4px 8px;color:#333;color:#777;display:block;white-space:nowrap;min-width:120px;text-shadow:0 1px 0 #fff} #header #search .selected_category li:hover{color:#333} #header #links{margin:12px 0 12px;} #header #links > div {display:inline-block;float:left;} #header #links > div + div {margin-left:15px;} #header #links > div > ul{list-style:none;margin:0;padding:0;} #header #links > div > ul li{display:inline-block;} #header #links > div > ul li + li{margin:0 0 0 10px;padding:0 0 0 10px;border-left:dotted 1px #ddd;} #header #links > div > ul li a{text-decoration:none;font-size:0.9em;font-weight:400;color:#777;text-shadow:0 1px 0 #fff} #header #links ul li a:hover{color:#333} #header #links ul li i{color:#eb4f1a;cursor:pointer;} #header #links ul li i:hover{color:#333;} #header #links .btn-group {margin:-2px 0 0;} #header #links .btn {margin:0;padding:0 10px;color:#eb4f1a;background:rgba(0, 0, 0, .02);border:solid 1px #ddd;border-radius:3px;} #header #links .btn i {padding-right:4px;} #header #links .btn span{font-size:0.9em;} #header #links .dropdown-menu {padding:0;} #header #links .dropdown-menu li{display:block;margin:0;padding:0;} #header #links .dropdown-menu li a{padding:4px 10px;} #header #links #language img{cursor:pointer} #header #links #language img + img{margin:0 0 0 8px} #header #links #currency a{text-decoration:underline;} #header #links #currency a + a{text-decoration:underline;margin:0 0 0 10px} #header #links #currency a.active{text-decoration:none !important;font-weight:700;color:#eb4f1a} #header #links .open_callback a{color:#eb4f1a;font-weight:500;border-bottom:dotted 1px #eb4f1a} #header hr {margin:0 0 10px;border-bottom:solid 1px rgba(255, 255, 255, 1);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .07);} #header #menu{margin:0;height:auto;} #header #menu ul{list-style:none;margin:0;padding:0} #header #menu > ul > li{float:left;padding:0 0 8px} #header #menu > ul > li + li{margin:0 0 0 20px} #header #menu > ul > li.hidden{display:none;} #header #menu > ul > li > a{font-size:1.2em;color:#eb4f1a;font-weight:500;text-decoration:none;padding:0;text-shadow: 0 1px 0 rgba(255, 255, 255, 1)} #header #menu > ul > li > a:hover, #header #menu > ul > li > a.active{color:#333} #header #menu > ul > li > i{width:12px;vertical-align:middle;margin:-3px 0 0 2px;font-size:0.8em;color:#777;font-weight:500;text-decoration:none;padding:0;transition:all ease-in-out .2s;} #header #menu > ul > li:hover i{transform:rotate(180deg);} #header #menu > ul > li.more{margin:-2px 0 0 20px} #header #menu > ul > li.more.show{display:block;} #header #menu > ul > li .open_child_menu{display:none;} #header #menu > ul > li > a.show_more{display:block;overflow:hidden;color:#fff;font-size:0.9em;line-height:1.0em;margin:5px 0 0;padding:1px 8px 1px 9px;background:linear-gradient(to bottom, #ea8462 0%,#eb4f1a 100%);border-radius:4px;text-shadow:-1px -1px 0 rgba(0, 0, 0, .5)} #header #menu > ul > li > a.show_more i{transition:all ease-in-out .2s} #header #menu > ul > li:hover > a.show_more i{transform:rotate(90deg)} #header #menu > ul > li > div{opacity:0;visibility:hidden;margin:8px 0 0;background:#eee;position:absolute;z-index:1000;padding:2px 7px;border-radius:4px;box-shadow:0 1px 1px #999;transition:all ease-in-out .2s;transform:translateX(0) translateY(20%);-o-transform:translateX(0) translateY(20%);-moz-transform:translateX(0) translateY(20%);-webkit-transform:translateX(0) translateY(20%)} #header #menu > ul > li > div:before{border:solid;border-color:#eee transparent;border-width:0px 6px 6px 6px;top:-6px;content:"";left:16px;margin-left:-6px;position:absolute;z-index:999} #header #menu > ul > li:hover > div{opacity:1;visibility:visible;display:table;transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0)} #header #menu > ul > li.more{} #header #menu > ul > li.more > div{} #header #menu > ul > li.more:hover > div:before{left:auto;right:28px;} #header #menu > ul > li > div > ul{display:table-cell} #header #menu > ul > li ul + ul{padding-left:20px} #header #menu > ul > li ul > li{border-bottom:solid 1px #ddd} #header #menu > ul > li ul > li + li{border-top:solid 1px #fefefe} #header #menu > ul > li ul > li:last-child{border-bottom:0} #header #menu > ul > li ul > li > a{text-decoration:none;font-weight:500;padding:7px 4px 8px;color:#333;color:#eb4f1a;display:block;white-space:nowrap;min-width:120px;text-shadow:0 1px 0 #fff} #header #menu > ul > li ul > li > a:hover{color:#333} #header #menu > ul > li ul{} #header #menu > ul > li ul > li i{display:none;} #header #menu > ul > li ul > li ul > li:first-child{margin:-4px 0 0;padding:0;} #header #menu > ul > li ul > li ul > li{margin:0;padding:0;border:none;} #header #menu > ul > li ul > li ul > li:last-child{margin:0 0 5px} #header #menu > ul > li ul > li ul > li a{font-size:0.85em;font-weight:400;padding:2px 0 3px 5px;} #header #menu > ul > li ul > li ul > li a:before{content:'-';margin:0 5px 0 0;} #header #menu .open_menu{position:relative;display:none;min-height:37px;line-height:24px;border-radius:4px;font-size:1.2em;cursor:pointer;color:#fff;text-transform:uppercase;font-weight:500;background:#EB6E44;text-shadow:-1px -1px 0 rgba(0, 0, 0, .5);border:solid 1px #eb4f1a;padding:6px 0px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .4);} #header #menu .open_menu:hover{background:#eb4f1a} #header #menu .open_menu i{position:absolute;top:10px;right:10px;float:right;} #header #phone{line-height:1.2em;font-size:1.2em;font-weight:500;color:#555;padding-top:10px;text-align:right;} #header #phone > div:nth-child(1){cursor:pointer;font-size:1.1em;color:#888} #header #phone > div i{vertical-align:middle;margin:-4px 0 0 5px;font-size:0.7em;color:#eb4f1a;transition:all ease-in-out .2s} #header #phone:hover > div > i{transform:rotate(180deg)} #header #phone .dropdown{opacity:0;visibility:hidden;right:0;margin:10px 0 0;min-width:180px;background:#eee;position:absolute;z-index:1000;padding:4px 7px 4px;text-align:left;border-radius:4px;box-shadow:0 1px 1px #999;transition:all ease-in-out .2s;transform:translateX(0) translateY(20%);-o-transform:translateX(0) translateY(20%);-moz-transform:translateX(0) translateY(20%);-webkit-transform:translateX(0) translateY(20%)} #header #phone .dropdown:before{border:solid;border-color:#eee transparent;border-width:0px 6px 6px 6px;top:-6px;content:"";right:50%;margin-left:-6px;position:absolute;z-index:999} #header #phone:hover .dropdown{opacity:1;visibility:visible;display:block;transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0)} #header #phone .dropdown div{margin:4px 0 2px;border-top:solid 1px #ddd;border-bottom:solid 1px #fefefe} #header #phone .dropdown span{display:block;font-weight:400;line-height:2.0em;font-size:0.75em;color:#777;text-shadow:0 1px 0 #fefefe;} #header #phone .dropdown i{vertical-align:top;font-size:1.3em;min-width:20px;text-align:center;margin:4px 5px 0 0;} #header #phone .dropdown i.fa-share{margin-top:7px;font-size:1.0em;} #header #phone .dropdown i.fa-mobile{margin-top:2px;font-size:1.7em;} #header #phone .dropdown i.fa-phone{margin-top:5px;font-size:1.3em;} #header #phone .dropdown i.fa-fax{font-size:1.2em;} #header #phone .dropdown i.fa-envelope-o{font-size:1.2em;} #header #phone .dropdown .open_callback b{color:#eb4f1a;border-bottom:dotted 1px #eb4f1a;cursor:pointer;} .breadcrumb{position:relative;margin:0 0 20px;color:#888;padding:0;background:none;} .breadcrumb a{color:#eb4f1a;text-decoration:none} .success, .warning, .attention, .information{padding:10px 10px 10px 33px;margin-bottom:15px;color:#555;border-radius:5px} .success{background:#EAF7D9 url('../image/success.png') 10px center no-repeat;border:1px solid #BBDF8D} .warning{background:#FFD1D1 url('../image/warning.png') 10px center no-repeat;border:1px solid #F8ACAC} .attention{background:#FFF5CC url('../image/attention.png') 10px center no-repeat;border:1px solid #F2DD8C} .success .close, .warning .close, .attention .close, .information .close{float:right;padding:0 4px 0 0;cursor:pointer} .required{color:#FF0000;font-weight:400} .error{display:block;color:#FF0000} .help{color:#999;font-size:10px;font-weight:normal;display:block} table.form{width:100%;border-collapse:collapse;margin-bottom:20px} table.form tr td:first-child{width:150px} table.form td{padding:4px} input.large-field, select.large-field{width:300px} table.list{border-collapse:collapse;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:20px} table.list td{border-right:1px solid #ddd;border-bottom:1px solid #ddd} table.list thead td{background-color:#EFEFEF;padding:0px 5px} table.list thead td a, .list thead td{text-decoration:none;font-weight:500} table.list tbody td{padding:0px 5px} table.list .left{text-align:left;padding:7px} table.list .right{text-align:right;padding:7px} table.list .center{text-align:center;padding:7px} table.radio{width:100%;border-collapse:collapse} table.radio td{padding:5px} table.radio td label{display:block} table.radio tr td:first-child{width:1px} table.radio tr td:first-child input{margin-top:1px} table.radio tr.highlight:hover td{background:#F1FFDD;cursor:pointer} 1a.button, 1input.button{cursor:pointer;color:#fff;font-weight:500;background:linear-gradient(to bottom, #ea8462 0%,#eb4f1a 100%);padding:4px 15px 5px;border-radius:3px;text-shadow:-1px -1px 0 rgba(0, 0, 0, .5)} input.button, a.button, .btn-primary, .btn-info{display:inline-block;height:28px;line-height:24px;padding:0 12px;background:transparent;border:solid 2px #eb4f1a;color:#eb4f1a;font-weight:500;text-decoration:none;border-radius:2px;cursor:pointer;transition:all ease-in-out .1s;} a.button:hover, input.button:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-info:hover{background:#eb4f1a;border:solid 2px #eb4f1a;color:#fff;text-shadow:1px 1px 0 rgba(0, 0, 0, .5)} a.button:active, input.button:active{margin:2px 0 -2px} input.disabled, input.disabled:hover, input.disabled:active{opacity:.9;background:transparent !important;color:#eb4f1a !important;text-shadow:none !important;margin:0;cursor:default;} .btn-default, .btn-default:hover, .btn-default:active, .btn-danger{padding:0;border:0;background:transparent;color:#eb4f1a} .buttons{overflow:auto;margin:0 0 20px;padding:5px 0;} .buttons .left{float:left;text-align:left} .buttons .right{float:right;text-align:right} .buttons .center{text-align:center;margin-left:auto;margin-right:auto} .box{margin:0 0 20px;transition:all ease-in-out .2s;} .box-heading, .box .box-heading, #column-left h3, #column-right h3{font-size:1.1em;font-weight:700;text-transform:uppercase;color:#eb4f1a;margin:-3px 0 8px;padding:0 0 7px;border-bottom:solid 2px #ddd;text-align:left} .box .box-content{background:#fff} .box .product {margin-bottom:0;} .box_carousel{overflow:hidden} .box_carousel .box-content{margin:12px -10px 0} .box-product{} .box-product .owl-wrapper-outer{width:100%;} .box-product .owl-buttons{position:absolute;top:-38px;right:10px} .box-product .owl-buttons div{display:inline-block;color:#eb4f1a;font-size:1.0em} .box-product .owl-buttons div + div{margin:0 0 0 12px} .box-product .owl-buttons div:hover{color:#333} .box-product .owl-item > div{position:relative;overflow:hidden;padding:0 10px 0} .box ul.category_sidebar{position:relative;background:#fff;z-index:999;} .box ul.category_sidebar.show{box-shadow:0 10px 10px -5px rgba(0, 0, 0, .4);border-radius:0 0 4px 4px;} ul.box-category, ul.box-category ul{list-style:none;margin:0;padding:0} ul.box-category > li:first-child{margin:-8px 0 0;} ul.box-category > li{position:relative;} ul.box-category > li > a{display:block;line-height:34px;padding:0px;text-decoration:none;color:#555;font-weight:500;border-bottom:1px solid #ddd;transition:all ease-in-out .2s;} ul.box-category > li > a:hover{background:rgba(0, 0, 0, .03)} ul.box-category > li > .fa-chevron-down{position:absolute;right:7px;top:8px;padding:3px;font-weight:400;font-size:0.7em;line-height:1.0em;color:#eb4f1a;cursor:pointer;transition:all ease-in-out .2s;} ul.box-category > li .fa-chevron-right{vertical-align:middle;font-size:0.7em;margin:-1px 7px 0px;line-height:1.0em;color:#aaa;transition:all ease-in-out .2s;} ul.box-category > li > a:hover, ul.box-category > li > a:hover i, ul.box-category > li a.active{color:#eb4f1a} #column-left ul.box-category > li:hover .fa-chevron-down{transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg)} #column-right ul.box-category > li:hover .fa-chevron-down{transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)} ul.category_sidebar li.hidden{visibility:hidden;height:0;opacity:0;} ul.category_sidebar li.show{display:block !important;visibility:visible;opacity:1;height:35px;} ul.category_sidebar li.five{display:block;height:20px;text-align:center;background:#eee;box-shadow:inset 0 1px 2px #e1e1e1;padding:2px 0 0px;cursor:pointer;border-radius:0 0 4px 4px;} ul.category_sidebar li.five:hover{background:rgba(0, 0, 0, .1)} ul.category_sidebar li.five i{color:#eb4f1a;transition:all ease-in-out .4s;transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)} ul.category_sidebar li.five i.show{transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)} #column-left ul.box-category > li ul{position:absolute;z-index:9999;left:100%;top:0px;opacity:0;visibility:hidden;background:#eee;padding:0 7px;border-radius:4px;box-shadow:0 1px 1px #999;transition:all ease-in-out .2s;transform:translateX(20%);-o-transform:translateX(20%);-moz-transform:translateX(20%);-webkit-transform:translateX(20%)} #column-right ul.box-category > li ul{position:absolute;z-index:9999;right:100%;top:0px;opacity:0;visibility:hidden;background:#eee;padding:0 7px;border-radius:4px;box-shadow:0 1px 1px #999;transition:all ease-in-out .2s;transform:translateX(-20%);-o-transform:translateX(-20%);-moz-transform:translateX(-20%);-webkit-transform:translateX(-20%)} #column-left ul.box-category > li > ul:before{border:solid;border-color:transparent #eee;border-width:8px 8px 8px 0px;top:8px;left:-8px;content:"";position:absolute;z-index:999} #column-right ul.box-category > li > ul:before{border:solid;border-color:transparent #eee;border-width:8px 0px 8px 8px;top:8px;content:"";position:absolute;right:-7px;z-index:999} ul.box-category > li a.active + ul{display:block} #column-left ul.box-category > li:hover ul, #column-right ul.box-category > li:hover ul{opacity:1;visibility:visible;display:table;transform:translateX(0%);-o-transform:translateX(0%);-moz-transform:translateX(0%);-webkit-transform:translateX(0%)} ul.box-category > li ul > li{border-bottom:solid 1px #ddd;height:35px;} ul.box-category > li ul > li + li{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1)} ul.box-category > li ul > li > a{text-decoration:none;font-weight:500;font-size:0.9em;line-height:0.9em;padding:11px 4px 0px;color:#eb4f1a;display:block;white-space:nowrap;min-width:120px;text-shadow:0 1px 0 #fff} ul.box-category > li ul > li:hover > a{color:#333;} ul.box-filter, ul.box-filter ul{list-style:none;margin:0;padding:0} ul.box-filter, ul.box-filter > li{font-weight:400} ul.box-filter, ul.box-filter > li + li{margin:0px 0 0} ul.box-filter span{font-size:1.1em;font-weight:500;border-bottom:0px solid #eee;display:block;padding-bottom:8px} ul.box-filter > li ul{padding-bottom:10px} ul.box-filter ul li input[type='checkbox'] + label + label{font-weight:400;border-bottom:dotted 1px #999} ul.box-filter input[type='checkbox']{display:none} ul.box-filter input[type='checkbox'] + label{display:inline-block;vertical-align:top;margin:2px 3px 8px 0;width:13px;height:13px;background:#f5f5f5;border:solid 1px #bbb;border-radius:3px} ul.box-filter input[type='checkbox'] + label:hover, ul.box-filter ul li:hover input[type='checkbox'] + label{border:solid 1px #eb4f1a} ul.box-filter input[type='checkbox']:checked + label{background:#eb4f1a;border:solid 1px #eb4f1a} #content .content{margin-bottom:20px} #content .content .left{float:left;width:49%} #content .content .right{float:right;width:49%} .category_heading{height:100px;text-align:center;border-radius:10px;background-position:center 50% !important;background-size:cover !important;margin:0 0 20px;border:solid 1px #ddd;} .category_heading h1{display:inline-block;background:rgba(0, 0, 0, .6);padding:4px 20px 5px;margin:30px 0 0;font-size:1.8em;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:#fff;border-radius:6px} .category-info{display:none;overflow:auto;color:#777;} .cat_desc{float:left} .pag + .cat_desc{padding:10px 0 0;border-top:solid 2px #ddd;} .cat_desc .category-info{display:block;font-size:0.9em;margin:0 0 20px;} .category-info .image{float:left;padding:5px;margin-right:15px;border:1px solid #E7E7E7} .category-list{overflow:hidden;text-align:center} .category-list ul{padding:0px} .category-list ul li{display:inline-block;float:left;vertical-align:top;text-align:center;list-style:none;line-height:16px;width:20%;min-width:70px;padding:0px 5px 5px;margin-bottom:15px} .category-list ul li a{font-weight:500} .category-list ul li span{display:block} .category-list ul li img{max-width:100%;margin:0 0 4px} .manufacturer-list{border:1px solid #DBDEE1;padding:5px;overflow:auto;margin-bottom:20px} .manufacturer-heading{background:#F8F8F8;font-size:15px;font-weight:700;padding:5px 8px;margin-bottom:6px} .manufacturer-content{padding:8px} .manufacturer-list ul{float:left;width:25%;margin:0;padding:0;list-style:none;margin-bottom:10px} .product-filter{background:#f5f5f5;padding:5px;overflow:auto;margin-bottom:20px;border-radius:3px;border:solid 1px rgba(0, 0, 0, .08);} .product-filter .display{margin-right:15px;float:left;padding-top:4px;color:#333;display:none} .product-filter .display a{font-weight:700} .product-filter .sort{float:left;margin:0 30px 0 0;} .product-filter .sort i{float:left;vertical-align:top;width:28px;height:26px;line-height:25px;text-align:center;background:#eee;border:solid 1px #ccc;border-right:none;border-radius:3px 0 0 3px;} .product-filter .sort select{max-width:130px;border-radius:0 3px 3px 0;} .product-filter .limit{float:right} .product-filter .limit i{float:left;vertical-align:top;width:28px;height:26px;line-height:23px;text-align:center;background:#eee;border:solid 1px #ccc;border-right:none;border-radius:3px 0 0 3px;} .product-filter .limit select{max-width:130px;border-radius:0 3px 3px 0;} .product-compare{float:left;padding:4px 0 0 0;} .product-compare a{text-decoration:none;font-size:0.9em;} .product-wrap{overflow:hidden;} .product{position:relative;text-align:left;margin:0 0 20px;} .product .image, .product .desc{border:solid 1px rgba(0, 0, 0, .1)} .product .sticker{position:absolute;top:10px;z-index:1;opacity:.8;background:#eb4f1a;color:#fff;font-weight:500;padding:5px 12px;border-radius:0 15px 15px 0;box-shadow:0px 3px 5px -2px rgba(0, 0, 0, .3);text-shadow:1px 1px 0 rgba(0, 0, 0, .5)} .product .sticker + .sticker{top:47px;} .product .sticker + .sticker + .sticker{top:84px;} .product .image{text-align:center;position:relative;border-bottom:none !important;border-radius:4px 4px 0 0;transition:all ease-in-out .1s} .product .image img{display:block;margin:0 auto;max-width:100%;height:auto;transition:all ease-in-out .2s;} .product:hover .image a img{opacity:.8} .product .open_quick_view{position:absolute;z-index:2;left:50%;top:50%;margin:-22px 0 0 -18px;width:34px;height:33px;line-height:32px;color:#EB4F1A;font-size:1.3em;border-radius:100%;background:rgba(255, 255, 255, .7);cursor:pointer;opacity:0;transition:all ease-in-out .2s;} .product .open_quick_view:hover{background:rgba(255, 255, 255, 0.9);} .product:hover .open_quick_view{opacity:1;} .product .desc{padding:8px 10px 0;background:#F6F6F6;box-shadow:inset 0 7px 8px -4px #e5e5e5;border-top:none !important;border-radius:0 0 4px 4px;transition:all ease-in-out .1s;} .product .name{margin:0 0 8px;text-shadow:0 1px 0 #fff;} .product .name a{font-size:1.1em;font-weight:500;text-decoration:none;} .product .description{overflow:hidden;max-height:47px;font-size:0.9em;margin:0 0 10px;color:#555} .product .description:after{content:'...'} .product .option {} .product .option label {font-weight:400;padding:0;min-height:auto;font-size:0.9em;} .product .option label:first-child {display:block;margin-bottom:5px;font-weight:500;} .product .option .radio, .product .option .checkbox {display:inline-block;margin:0 10px 5px 0;} .product .option .radio:last-child, .product .option .checkbox:last-child {display:inline-block;margin:0 10px 12px 0;} .product .option input[type='radio']{display:none} .product .option input[type='radio'] + label + label{line-height:16px;border-bottom:dotted 1px #999} .product .option input[type='radio'] + label{display:inline-block;vertical-align:top;margin:2px 3px 0 0;padding:0;width:14px;height:14px;min-height:14px;background:#f5f5f5;border:solid 1px #aaa;border-radius:100%} .product .option input[type='radio'] + label:hover, .product .option input[type='checkbox'] + label{border:solid 1px #eb4f1a} .product .option input[type='radio']:checked + label{background:#eb4f1a;border:solid 1px #eb4f1a;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .7)} .product .option input[type='checkbox']{display:none} .product .option input[type='checkbox'] + label + label{line-height:16px;font-size:0.9em;border-bottom:dotted 1px #999} .product .option input[type='checkbox'] + label{display:inline-block;vertical-align:top;margin:2px 3px 0 0;padding:0;width:14px;height:14px;min-height:14px;background:#f5f5f5;border:solid 1px #aaa;border-radius:3px} .product .option input[type='checkbox'] + label:hover{border:solid 1px #eb4f1a} .product .option input[type='checkbox']:checked + label{background:#eb4f1a;border:solid 1px #eb4f1a;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .7)} .product .error {position:absolute;display:block !important;min-height:30px;background:#F6F6F6;} .product .price{margin:2px 0 16px;line-height:1.0em;font-weight:500;font-size:1.3em;display:inline-block} .product .price-old{color:#F00;text-decoration:line-through} .product .weight{margin:2px 0 0;font-weight:500;line-height:1.5em;font-size:1.0em;display:inline-block;float:right;color:#888} .product input[type='tel']{display:block;float:left;width:35px;height:28px;line-height:28px;padding:0;border-radius:3px 0 0 3px;text-align:center;border:solid 2px #eb4f1a;border-right:none;margin:0 -2px 0 0;box-shadow:inset 0 0 5px #aaa;} .product .cart{position:relative;margin:0 0 12px;opacity:.7;transition:all ease-in-out .1s;} .product:hover .cart{opacity:1;} .product .rating{position:absolute;bottom:0;width:100%;text-align:center;padding:4px 0 6px;background:rgba(255, 255, 255, .6);opacity:1;transition:all ease-in-out .3s} .product:hover .rating{opacity:1} .product .rating i{color:#eb4f1a;} .product .rating sup{line-height:1.0;color:#eb4f1a;font-weight:500;text-decoration:underline;cursor:pointer;} .product .wishlist, .product .compare{position:absolute;opacity:.8} .product .wishlist:hover 1, .product .compare:hover{opacity:1;color:#eb4f1a !important} .product .wishlist a, .product-grid .compare a{font-size:0.9em;} .product .wishlist{right:55px;bottom:18px;} .product .compare{right:25px;bottom:18px} .product input[type='tel'] + .button{background:rgba(235, 79, 26, 1);color:#fff;text-shadow:0 1px 0 rgba(0, 0, 0, 1);max-height:28px} .product-info{overflow:hidden;margin:0 0 30px;position:relative} .product-info .sticker{position:absolute;top:15px;left:0px;z-index:1;opacity:.8;color:#fff;font-weight:500;padding:5px 12px;border-radius:0 15px 15px 0;box-shadow:0px 3px 5px -2px rgba(0, 0, 0, .3);text-shadow:1px 1px 0 rgba(0, 0, 0, .5)} .product-info .sticker + .sticker{top:52px;} .product-info .sticker + .sticker + .sticker{top:89px;} .product-info .sticker.st_bestseller{background:#eb4f1a;} .product-info .sticker.st_new{background:#eb4f1a;} .product-info .sticker.st_special{background:#eb4f1a;} .product-info .left{position:relative;float:left;width:38%;padding:0 10px 0 0;box-shadow:10px 2px 20px -10px #ccc;} .product-info .right{position:relative;float:left;width:62%;padding:0 0 0 10px} .product-info .right h1{margin:-5px 0 0;padding:0 0 8px;border-bottom:solid 1px #ddd;} .product-info .right > div:nth-child(2){width:57%;height:100%;min-height:232px;float:left;padding:0 15px 0 5px;box-shadow:10px 2px 20px -10px #ccc} .product-info .right > div:nth-child(3){width:43%;float:left;padding:0 0 0 20px;} .product-info .image{text-align:center;border:solid 1px #eee;} .product-info .image img{display:block;margin:0 auto;} .product-info .image-additional{background:rgba(255, 255, 255, .6);border-top:solid 1px #fff;margin:0 10px 0 10px;padding:7px 0;clear:both;text-align:center} .product-info .image-additional img{background:#fff;border-radius:4px;width:50px;height:auto;border:1px solid transparent;padding:0 3px;vertical-align:middle;cursor:pointer} .product-info .image-additional img:hover{border:1px solid #ccc} .product-info .image-additional a + a{margin-left:8px} .product-info .description{margin:10px 0 5px;line-height:1.4em;} .product-info .description a{border-bottom:dotted 1px;} .product-info .description > div{margin:4px 0 0;} .product-info .description > div + div{margin:10px 0;} .product-info .description div > span:first-child{font-weight:700;color:#eb4f1a} .product-info .description a{text-decoration:none} .product-info .price_cart{overflow:hidden;margin:7px 0 20px 0;} .product-info .price_cart .stock{margin:5px 0 8px;color:#888;} .product-info .price{font-size:1.9em;font-weight:500;color:#555;margin:10px 0 11px} .product-info .price span{white-space:nowrap} .product-info .cart{float:left;border:solid 0px;padding:4px 0 2px 0} .product-info .cart > div:nth-child(1){overflow:auto} .product-info .cart input[type='text']{text-align:center} .product-info .cart .button{float:left;height:33px;padding:0 20px 0;font-size:1.0em;line-height:1.0em;font-weight:500;background:#EB4F1A;color:#fff} .product-info .cart .minimum{padding-top:5px;font-size:0.9em;color:#999} .cart .quantity{float:left;margin:0 10px 0 0} .cart .quantity span{float:right;overflow:auto;vertical-align:middle;text-align:center} .cart .quantity i{display:block;width:25px;padding:4px 0 1px;background:#ddd;color:#777;font-size:0.7em;border-radius:0 3px 0 0;border:solid 1px #ccc;border-bottom:0;text-shadow:0 1px 0 #fff;box-shadow:inset 0 1px 0 #eee;cursor:pointer} .product-info .cart .quantity i{padding:4px 0 2px;} .cart .quantity i:hover{background:#d5d5d5} .cart .quantity i:active{background:#d2d2d2;box-shadow:inset 0 1px 1px #bbb} .cart .quantity i + i{border-radius:0 0 3px 0;border:solid 1px #ccc} .cart input[type='text']{position:relative;display:inline-block;vertical-align:middle;width:44px;height:33px;padding:0;text-align:center;border-radius:3px 0 0 3px;border-right:0} .product-info .cart input[type='text']{width:40px;padding:7px 0 7px;text-align:center;border-radius:3px 0 0 3px;border-right:0} .product-info .price-old{color:#F00;text-decoration:line-through;font-weight:400;} .product-info .reward, .product-info .discount, .product-info .minimum{margin:4px 0 0;font-size:0.4em;color:#888;} .product-info .discount{margin:13px 0 0px;} .product-info .reward{margin:10px 0 15px;} .product-info .minimum{margin:8px 0 0;} .product-info .price-tax{display:block;margin:5px 0 0;font-size:0.5em;} .product-info .options{right:0;padding:0px 5px 0px 0;margin:0 0 20px;color:#444;} .product-info .options .required{font-weight:400;color:#444;} .product-info .options .form-group{margin:0;} .product-info .options .error{display:block !important;margin:0 0 5px;padding:6px 0 6px 10px;background:#eee;font-size:0.9em;font-weight:500;border-radius:4px;} .product-info .options label{margin:0;font-weight:400;} .product-info .options .option input[type='text'], .product-info .options .option select{margin:0 0 8px;height:28px;} .product-info .options .option + .option{margin:6px 0 0;} .product-info .options .option_radio{display:inline-block;margin:0 15px 8px 0;} .product-info .options input[type='checkbox'] + label + label{border-bottom:dotted 1px #999} .product-info .options input[type='checkbox']{display:none} .product-info .options input[type='checkbox'] + label{display:inline-block;vertical-align:top;margin:2px 3px 0px 0;width:14px;height:14px;background:#f5f5f5;border:solid 1px #aaa;border-radius:3px} .product-info .options input[type='checkbox'] + label:hover, ul.box-filter ul li:hover input[type='checkbox'] + label{border:solid 1px #eb4f1a} .product-info .options input[type='checkbox']:checked + label{background:#eb4f1a;border:solid 1px #eb4f1a;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4)} .product-info .options input[type='radio'] + label + label{border-bottom:dotted 1px #999} .product-info .options input[type='radio']{display:none} .product-info .options input[type='radio'] + label{display:inline-block;vertical-align:top;margin:2px 3px 0 0;width:14px;height:14px;background:#f5f5f5;border:solid 1px #aaa;border-radius:10px} .product-info .options input[type='radio'] + label:hover, ul.box-filter ul li:hover input[type='checkbox'] + label{border:solid 1px #eb4f1a} .product-info .options input[type='radio']:checked + label{background:#eb4f1a;border:solid 1px #eb4f1a;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .7)} .product-info .options b{display:block;font-weight:700;color:#eb4f1a;padding:0 0 5px;} .product-info .option-image > div{display:inline-block;vertical-align:top;min-width:33%;margin:0 15px 4px 0;white-space:nowrap;} .product-info .option-image input[type='radio'] + label{width:auto;height:auto;border-radius:0;font-size:0.9em;border:none;background:transparent;font-size:1.0em;} .product-info .option-image input[type='radio'] + label:hover{border:none;background:transparent} .product-info .option-image input[type='radio']:checked + label{border:none;background:transparent;box-shadow:none;} .product-info .option-image label{display:block;width:100%;height:100%;} .product-info .option-image img{position:relative;display:block;float:left;margin:0 8px 0 0;width:40px;padding:3px;border:1px solid #ccc;border-radius:3px;cursor:pointer} .product-info .options input[type='radio']:checked + label > img{border:solid 2px #eb4f1a;} .product-info .option-image span:nth-child(2){border-bottom:dotted 1px #999;} .product-info .option-image span:nth-child(4){line-height:2.0em;font-size:0.9em;font-weight:400;} .product-info .option-image input[type='checkbox'] + label{width:auto;height:auto;border-radius:0;font-size:0.9em;border:none;background:transparent;font-size:1.0em;} .product-info .option-image input[type='checkbox'] + label:hover{border:none;background:transparent} .product-info .option-image input[type='checkbox']:checked + label{border:none;background:transparent;box-shadow:none;} .product-info .option-image input[type='checkbox']:checked + label > img{border:solid 2px #eb4f1a;} .product-info .review{border-top:1px solid #e5e5e5} .product-info .review i{color:#eb4f1a;font-size:1.2em;vertical-align:middle;opacity:.8} .product-info .review i + i{margin:0 0 0 2px} .product-info .review > div{padding:17px 0 8px;} .product-info .review div.rating{float:left;margin:0 15px 0 0;} .product-info .review > div > a{text-decoration:none;white-space:nowrap;border-bottom:dotted 1px;} .product-info .review .share{padding:10px 0;} .product-info .review .share a{text-decoration:none} .product-info .product_banners{overflow:auto;display:table;width:100%;margin:5px 0 0;min-height:49px;padding:5px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5} .product-info .product_banners > div{display:table-cell;vertical-align:middle;width:33.3%;margin:5px 0;font-size:0.9em;font-weight:500;color:#888;text-shadow:0 1px 0 #fff;} .product-info .product_banners > div + div{border-left:solid 1px #d6d6d6;box-shadow:inset 1px 0 0 #fefefe;} .product-info .product_banners i{display:table-cell;vertical-align:middle;width:42px;text-align:center;font-size:2.4em;color:#888;color:#eb4f1a;opacity:.8} .product-info .product_banners span{display:table-cell;vertical-align:middle;} .htabs{height:34px;} .htabs a{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#eee;padding:10px 14px 9px 18px;float:left;font-weight:500;text-align:center;text-decoration:none;font-size:1.0em;line-height:1.0em;color:#eb4f1a;text-shadow:0 1px 0 #fff;margin-right:8px;display:none;border-radius:5px 5px 0 0;position:relative;box-shadow:inset 0 1px 1px #fff;} .htabs a:after{box-shadow:inset 0 1px 1px #fff;background:#eee;content:'';position:absolute;z-index:1;top:-1px;right:-.5em;bottom:0;width:1em;-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;} .htabs a.selected{padding-bottom:10px;background:#FFFFFF;color:#333;z-index:999;} .htabs a.selected:after{color:#4b81b7;z-index:10;background:#fff;} .tab-content{margin:0 0 25px;padding:10px;border:solid 1px #ddd;border-radius:0 10px 10px 10px;} #description_content *{font-family:'Roboto', sans-serif !important;font-size:1.0em;color:#333;} #review_content #review-title{overflow:auto;text-align:right;} #review_content #review-title a{font-size:1.0em;font-weight:500;float:right;} #review_content #review-title i{display:inline-block;vertical-align:top;margin:4px 0 0 8px} #review_content .left_right{display:none;margin:20px 0 0px} #review_content .left_right > div{overflow:auto;padding:0 0 20px} #review_content b{display:block;margin:0 6px 0 0} #review_content .links b{display:inline} #review_content .left, #review_content .right{float:left;width:50%} #review_content .left textarea{height:94px} #review_content .right > div{margin:0 0 0 20px} #review_content .right > div div{display:inline-block;margin:0 20px 20px 0} #review_content .right .radio{position:relative;top:6px;margin:-4px 0 0} #review_content .right input[type='text']{width:250px} #review_content .right .radio input{position:relative;display:inline-block;margin-left:7px;width:17px;height:20px;z-index:99;cursor:pointer;opacity:0} #review_content .right .radio input + input{margin:0 0 0 7px} #review_content .right .radio .stars{position:absolute;top:0px;left:0;width:150px;border:solid 0px} #review_content .right .radio .stars i{display:inline-block;vertical-align:top;font-size:1.8em;color:#eb4f1a;opacity:.8} #review_content .right .radio .stars i + i{margin:0 0 0 2px} #review_content .right #captcha{height:28px;margin:0 0 -10px 20px} #review_content #button-review{} .review-list{overflow:auto;background:#eee;padding:10px 15px;border-radius:6px;margin-bottom:20px} .review-list .author{float:left;margin-bottom:10px;font-size:0.9em} .review-list .author b{display:inline !important} .review-list .rating{float:right;margin-bottom:10px} .review-list .rating i{color:#eb4f1a;opacity:.8} .review-list .rating i + i{margin:0 0 0 2px} .review-list .text{clear:both} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;-webkit-transform:translate3d(0px, 0px, 0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;1width:100%;1height:100%;} .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;text-align:center;} .owl-carousel .owl-item .product, .owl-carousel .owl-item .news{max-width:470px;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer} .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)} .attribute{border-collapse:collapse;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:20px} .attribute thead td, .attribute thead tr td:first-child{font-weight:700;background:#F7F7F7;text-align:left} .attribute tr td:first-child{font-weight:700;text-align:right;width:20%} .attribute td{padding:7px;text-align:center;vertical-align:top;border-right:1px solid #ddd;border-bottom:1px solid #ddd} .content_search{margin:0 0 20px;border-bottom:solid 2px #ddd;} .content_search p > *{display:inline-block;vertical-align:middle} .content_search p > input[type='checkbox']{margin:0 0 0 15px;} .compare-info{border-collapse:collapse;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:20px} .compare-info thead td, .compare-info thead tr td:first-child{font-weight:700;background:#F7F7F7;text-align:left} .compare-info tr td:first-child{font-weight:700;text-align:right} .compare-info td{padding:7px;width:20%;color:#4D4D4D;text-align:center;vertical-align:top;border-right:1px solid #ddd;border-bottom:1px solid #ddd} .compare-info .name a{font-weight:700} .compare-info .price-old{color:#F00;text-decoration:line-through} .compare-info .price-new{font-weight:700} .wishlist-info table{width:100%;border-collapse:collapse;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-bottom:20px} .wishlist-info td{padding:7px} .wishlist-info thead td{color:#4D4D4D;font-weight:700;background-color:#F7F7F7;border-bottom:1px solid #ddd} .wishlist-info thead .image{text-align:center} .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock{text-align:left} .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action{text-align:right} .wishlist-info tbody td{vertical-align:top;border-bottom:1px solid #ddd} .wishlist-info tbody .image img{border:1px solid #ddd} .wishlist-info tbody .image{text-align:center} .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock{text-align:left} .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action{text-align:right} .wishlist-info tbody .price s{color:#F00} .wishlist-info tbody .action img{cursor:pointer} .login-content{margin-bottom:20px;overflow:auto} .login-content .left{float:left;width:48%} .login-content .right{float:right;width:48%} .login-content .left .content, .login-content .right .content{min-height:190px} .order-list{margin:0 0 20px} .order-list .order-id{width:49%;float:left;margin-bottom:2px} .order-list .order-status{width:49%;float:right;text-align:right;margin-bottom:2px} .order-list .order-content{padding:10px 0px;display:inline-block;width:100%;margin-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee} .order-list .order-content div{float:left;width:33.3%} .order-list .order-info{text-align:right} .order-detail{background:#EFEFEF;font-weight:700} .return-list{margin-bottom:10px} .return-list .return-id{width:49%;float:left;margin-bottom:2px} .return-list .return-status{width:49%;float:right;text-align:right;margin-bottom:2px} .return-list .return-content{padding:10px 0px;display:inline-block;width:100%;margin-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee} .return-list .return-content div{float:left;width:33.3%} .return-list .return-info{text-align:right} .return-product{overflow:auto;margin-bottom:20px} .return-name{float:left;width:31%;margin-right:15px} .return-model{float:left;width:31%;margin-right:15px} .return-quantity{float:left;width:31%} .return-detail{overflow:auto;margin-bottom:20px} .return-reason{float:left;width:31%;margin-right:15px} .return-opened{float:left;width:31%;margin-right:15px} .return-opened textarea{width:98%;vertical-align:top} .return-captcha{float:left} .download-list{margin-bottom:10px} .download-list .download-id{width:49%;float:left;margin-bottom:2px} .download-list .download-status{width:49%;float:right;text-align:right;margin-bottom:2px} .download-list .download-content{padding:10px 0px;display:inline-block;width:100%;margin-bottom:20px;border-top:1px solid #eee;border-bottom:1px solid #eee} .download-list .download-content div{float:left;width:33.3%} .download-list .download-info{text-align:right} .cart-info table{width:100%;margin-bottom:15px;border-collapse:collapse;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd} .cart-info td{padding:7px} .cart-info thead td{color:#4D4D4D;font-weight:700;background-color:#F7F7F7;border-bottom:1px solid #ddd} .cart-info thead .image{text-align:center} .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity{text-align:left} .cart-info thead .price, .cart-info thead .total{text-align:right} .cart-info tbody td{vertical-align:top;border-bottom:1px solid #ddd} .cart-info tbody .image img{border:1px solid #ddd} .cart-info tbody .image{text-align:center} .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity{text-align:left} .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img{position:relative;top:4px;cursor:pointer} .cart-info tbody .price, .cart-info tbody .total{text-align:right} .cart-info tbody span.stock{color:#F00;font-weight:700} .cart-module > div{display:none} .cart-total{border-top:1px solid #ddd;overflow:auto;padding-top:8px;margin-bottom:15px} .cart-total table{float:right} .cart-total td{padding:3px;text-align:right} .checkout-heading{background:#F8F8F8;border:1px solid #DBDEE1;padding:8px;font-weight:700;font-size:13px;color:#555;margin-bottom:15px} .checkout-heading a{float:right;margin-top:1px;font-weight:normal;text-decoration:none} .checkout-content{padding:0px 0px 15px 0px;display:none;overflow:auto} .checkout-content .left{float:left;width:48%} .checkout-content .right{float:right;width:48%} .checkout-content .buttons{clear:both} .checkout-product table{width:100%;border-collapse:collapse;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-bottom:20px} .checkout-product td{padding:7px} .checkout-product thead td{color:#4D4D4D;font-weight:700;background-color:#F7F7F7;border-bottom:1px solid #ddd} .checkout-product thead .name, .checkout-product thead .model{text-align:left} .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total{text-align:right} .checkout-product tbody td{vertical-align:top;border-bottom:1px solid #ddd} .checkout-product tbody .name, .checkout-product tbody .model{text-align:left} .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total{text-align:right} .checkout-product tfoot td{text-align:right;border-bottom:1px solid #ddd} .contact-info{clear:both;margin:20px 0 0} .contact-info .box-heading{color:#555} .contact-info .left:nth-child(2){font-size:1.2em;font-weight:500;margin:0 0 18px} .contact-info b{font-weight:500} .contact-info > div:first-child{overflow:hidden;margin:0 0 40px} .contact-info .left{float:left;width:50%;padding:0 20px 0 0} .contact-info .right{float:left;width:50%;margin:0px 0 0} .contact-info .right b{display:block;margin:0 0 4px} .contact-info .right > div:nth-child(2), .contact-info .right > div:nth-child(3){float:left;width:34%;padding:0 10px 0 0;} .contact-info .right > div:nth-child(3){width:66%;padding:0 0 0 10px;} .contact-info .right > div:nth-child(4){clear:both;margin:150px 0 0} .contact-info .right > div:nth-child(4) .captcha{vertical-align:middle;margin:-1px 0 0 18px;height:28px} .contact-info .right > div:nth-child(4) .button{float:right} .contact-info .right input[type='text']{max-width:100%;} .contact-info .right textarea{width:100%;max-width:100%;height:94px} .contact-info .maps > *{width:100% !important;height:300px !important} .sitemap-info{overflow:auto;margin-bottom:40px} .sitemap-info .left{float:left;width:48%} .sitemap-info .right{float:left;width:48%} .pag{display:block;clear:both;list-style:none;margin:0 auto;padding:0px;text-align:center} .pag .text-right{display:none;} .pagination{display:block;clear:both;list-style:none;margin:0 auto;padding:0;text-align:center} .pagination li{display:inline-block} .pagination .links{} .pagination li a{display:inline-block;line-height:normal;border:1px solid #ccc;padding:4px 10px;text-decoration:none;color:#444;border-radius:4px;margin:0 4px 0 0} .pagination li a:hover{border:solid 1px #bbb;background:#eee} .pagination li.active{display:inline-block;border:1px solid transparent;padding:4px 10px;font-weight:400;text-decoration:none;color:#fff;background:#eb4f1a;background:linear-gradient(to bottom, #ea8462 0%,#eb4f1a 100%);border-radius:4px;margin:0 4px 0 0} .pagination li.active span, .pagination li.active:hover span{margin:0;padding:0;line-height:normal;background-color:transparent;border:none;} .pagination .results{float:right;padding-top:3px;display:none} #footer{clear:both;overflow:hidden;position:relative;max-height:90px;margin-top:-90px;padding:10px 0 8px;background:linear-gradient(to bottom, #ea8462 0%,#eb4f1a 100%);color:#fff;border-top:solid 1px #eb4f1a;text-shadow:-1px -1px 0 #eb4f1a} #footer a{color:#fff} #footer .menu_phone{overflow:auto;padding:0 0 13px;border-bottom:solid 1px #eb4f1a} #footer .menu{float:left} #footer .menu a{float:left;text-decoration:none;font-size:1.2em;font-weight:400;color:#eee} #footer .menu a:hover, #footer .menu a.active{color:#d5d5d5} #footer .menu a + a{margin:0 0 0 25px} #footer .menu a:nth-child(n+7){display:none} #footer .phone{float:right;font-size:1.4em;font-weight:500;margin:-2px 0} #footer .phone i{display:inline-block;vertical-align:middle;padding:0px 8px 0 0} #footer .copyright{overflow:hidden;border-top:solid 1px rgba(255, 255, 255, .15);color:#fff;font-weight:400;padding:5px 0 0;font-size:0.9em} #footer .copyright div:nth-child(1){float:left} #footer .copyright .social{float:left;margin:5px 0 0 40px;} #footer .copyright .social i{font-size:1.6em;text-shadow:-1px -1px 0 #eb4f1a;cursor:pointer} #footer .copyright .social a + a{margin:0 0 0 20px} #footer .copyright .social i:hover{color:#d5d5d5} #footer .copyright .payment{float:right;margin:4px 50px 0 0;text-align:left;font-size:1.6em;text-shadow:-1px -1px 0 #eb4f1a} #footer .copyright .payment i{cursor:pointer} #footer .copyright .payment i + i{margin:0 0 0 30px} #footer .copyright .payment i:hover{color:#d5d5d5} #footer .copyright .address{float:right;text-align:left;margin:1px 0 0;letter-spacing:0.04em} #footer .column a:hover{text-decoration:underline} #powered{margin-top:5px;text-align:right;clear:both} .banner .banner_img{margin:12px 0 0;} .banner .owl-item{text-align:center;position:relative;top:0;} .banner img{width:100%;height:100%;max-height:100%;border-radius:4px;} .slideshow{position:relative;z-index:99;border-radius:10px;overflow:hidden;margin:0 0 20px;padding:0;} .slideshow .title{position:absolute;left:0;bottom:35px;background:rgba(0, 0, 0, .6);color:#fff;font-size:1.4em;font-weight:400;z-index:8;padding:3px 10px 6px 10px;border-radius:0 20px 20px 0} .slideshow .owl-item{position:relative;} .slideshow .owl-buttons > div{position:absolute;top:50%;margin:-15px 0 0;text-decoration:none;font-size:1.3em;line-height:1.3em;color:#fff;background:rgba(0, 0, 0, 0.4) !important;border-radius:100%;opacity:0.2;transition:all ease-in-out .2s} .slideshow .owl-buttons > div:hover{opacity:1.0;} .slideshow .owl-buttons .owl-prev{left:20px;padding:5px 10px 3px 8px;} .slideshow .owl-buttons .owl-next{right:20px;padding:5px 6px 3px 11px;} .slideshow .owl-pagination{position:absolute;width:100%;bottom:12px;text-align:center;} .slideshow .owl-pagination > div{display:inline-block;width:10px;height:10px;border-radius:100%;background:#fff;border:solid 1px #eb4f1a;opacity:.7} .slideshow .owl-pagination > div + div{margin:0 0 0 12px;} .slideshow .owl-pagination > div.active{background:#eb4f1a;} .home_banners{margin-bottom:20px;} .home_banners > div > div {padding:15px;background:#EAEAE5;border-radius:6px} .home_banners i{display:inline-block;float:left;margin:0 10px 0 0;color:#eb4f1a;font-size:3.1em;text-shadow:0px 1px 0 #f8f8f8} .home_banners strong{display:block;color:#eb4f1a;font-size:1.1em;margin:0 0 5px;text-shadow:0px 1px 0 #f8f8f8;text-transform:uppercase} .home_text .h1_heading{font-size:1.1em;line-height:1.1em;font-weight:700;text-transform:uppercase;color:#eb4f1a;margin:-2px 0 8px;padding:0 0 8px;border-bottom:solid 2px #ddd;text-align:left} .home_text{position:relative;margin:0 0 20px 0;padding:24px 0 0;line-height:1.45em;border-top:solid 3px #eb4f1a;color:#666} .cart_show{margin:0 0 0 -470px;background:#fff;transition:all ease-in-out .3s} #cart{position:fixed;top:50%;right:0px;z-index:9999;margin:-25px 0 0 0;transition:all ease-in-out .3s;color:#eb4f1a;color:#fff;font-size:1.8em;cursor:pointer;background:#EB6E44;border:solid 1px #eb4f1a;padding:6px 6px 8px 10px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .4);text-shadow:-1px -1px 0 rgba(0, 0, 0, .5);border-radius:48% 0 0 48%} #cart #cart-total{position:absolute;bottom:3px;right:2px;font-size:0.48em;padding:0 4px;background:rgba(0, 0, 0, .6);border-radius:100%;} #cart i{padding:0 0 0 0px} #cart:hover{background:#eb4f1a} #cart.show{right:360px} #cart_content{position:fixed;z-index:9999;height:100%;width:360px;top:0;right:-370px;overflow:auto;padding:13px 15px;background:#eee;box-shadow:inset 10px 2px 10px -10px #bbb;transition:all ease-in-out .3s} #cart_content .box-heading{margin:0 0 8px} #cart_content .empty{font-size:1.4em;color:#777;text-shadow:0 1px 0 #fff} #cart_content.show{right:0;z-index:9999} #cart_content .mini-cart-info table{width:100%} #cart_content td{vertical-align:middle} #cart_content .image{padding:0 5px 0 0;} #cart_content img{display:block;padding:3px;background:#fff;border-radius:3px} #cart_content .name a{font-size:0.9em} #cart_content .quantity{padding:0 10px} #cart_content .total{min-width:70px} #cart_content .remove i{cursor:pointer} #cart_content input[type='text']{width:30px;padding:4px 0 3px;text-align:center} #cart_content .quantity{} #cart_content .mini-cart-total{overflow:auto;margin:5px 0 10px;padding:6px 0 0;border-top:solid 1px #d5d5d5;box-shadow:inset 0 1px 0 #fff} #cart_content .mini-cart-total table{float:right;width:auto} #cart_content .continue{float:left;margin:3px 0 0;color:#888;font-size:0.9em;border-bottom:dotted 1px;cursor:pointer;} #cart_content .continue:hover{color:#555} #cart_content .checkout{text-align:center} #cart_content .quick_order{display:none;margin:30px 0;text-align:center} #cart_content .quick_order.show{display:block;} #cart_content .quick_order div + div{margin:10px 0 0} #cart_content .quick_order div:nth-child(6){margin:6px 0 0;} #cart_content .quick_order input[type='text'], #cart_content .quick_order input[type='tel'], #cart_content .quick_order input[type='email'], #cart_content .quick_order textarea{width:100%;max-width:100%;text-align:left;padding:5px 0 6px 3px} #cart_content .quick_order .quick_order_warning{margin:10px 0 15px;color:#f00;font-size:0.9em;font-weight:500} #cart_content .quick_order_success{color:#008000;font-size:1.1em;font-weight:500} ul.box-category > li > a > img{vertical-align:middle;} .news_box{overflow:hidden;} #content .news_box{} .news_box .news_wrapper{margin:12px -10px 20px;} #content .news_wrapper{margin:12px -9px 25px;} .news_box .news_wrapper .owl-item .news{overflow:hidden;padding:0 10px;text-align:left;} .news_box .news_wrapper .owl-item .image{border:solid 1px #ddd;padding:3px;opacity:.85;transition:all ease-in-out .2s} .news_box .news_wrapper .image{margin:0 0 10px;text-align:center} .news_box .news_wrapper .image > a{display:block;overflow:auto;} .news_box .news_wrapper .owl-item img{display:block;margin:0 auto;/* width:100%; */max-width:100%;max-height:150px;} .news_box .news_wrapper .owl-item:hover .image{opacity:1} .news_box .news_wrapper .name{margin:0 0 10px;} .news_box .news_wrapper .name a{line-height:1.0em;font-size:1.0em;font-weight:500;text-decoration:none} .news_box .news_wrapper .description{font-size:0.9em;line-height:1.3;margin:0 0 15px;color:#444} .news_box .news_wrapper .posted{text-align:right;font-size:0.8em;line-height:1.0;} .news_box .news_wrapper .posted a{float:left;font-size:1.1em;line-height:0.8;} .news_box .news_wrapper .owl-buttons{position:absolute;top:-38px;right:10px} .news_box .news_wrapper .owl-buttons div{display:inline-block;color:#eb4f1a;font-size:1.0em} .news_box .news_wrapper .owl-buttons div + div{margin:0 0 0 12px} .news_box .news_wrapper .owl-buttons div:hover{color:#333} .news_list{} .news_list > div + div{margin:30px 0 0;} .news_list .posted{float:right;color:#888;font-size:0.7em;line-height:2.5em;} .news_list .image_description{overflow:auto;} .news_list .image{float:left;margin:4px 15px 0 0;} .news_list .image img{border-radius:4px;max-height:90px;} .news_list .description{overflow:auto;margin:0 0 10px;line-height:1.4em} .news_list .more{font-weight:500;} .news_page .news{overflow:auto;} .news_page .news .image{float:right;margin:0 0 0 15px;} .news_page .news .image img{border-radius:8px;transition:all ease-in-out .2s;} .news_page .news .image img:hover{opacity:.8} .news_page .news .description{line-height:1.5em;margin:-4px 0 10px} .news_page .show_all_news{border-top:solid 2px #ddd;margin:12px 0 0;padding:10px 0 0;text-align:right;font-weight:500;} .news_page .share42init{float:left;} #gallery{overflow:hidden;} #gallery .gallery_wrapper{margin:0 -10px;} #gallery .gallery{margin:12px 0 25px;position:relative;text-align:center} #gallery .gallery .owl-item > div{overflow:hidden;padding:0 10px;} #gallery .gallery .owl-item .image{border:solid 1px #ddd;padding:3px;transition:all ease-in-out .2s} #gallery .gallery .owl-item .image > a{display:block;overflow:auto;margin:0 0 -4px;} #gallery .gallery .owl-item img{max-width:100%;} #gallery .gallery .owl-item:hover .image{opacity:.8} #gallery .gallery .owl-item .name{position:absolute;bottom:20px;color:#fff;line-height:1.1em;font-size:1.1em;padding:5px 10px 6px 10px;background:rgba(0, 0, 0, .6);border-radius:0 15px 15px 0;} #gallery .gallery .owl-item .name a{color:#fff;line-height:1.0em;font-size:1.0em;} #gallery .gallery .owl-buttons{position:absolute;top:-38px;right:10px} #gallery .gallery .owl-buttons div{display:inline-block;color:#eb4f1a;font-size:1.0em} #gallery .gallery .owl-buttons div + div{margin:0 0 0 12px} #gallery .gallery .owl-buttons div:hover{color:#333} .lightbox{position:fixed;width:100%;height:100%;top:0;left:0;background:black;background:rgba(0, 0, 0, 0.7);-webkit-filter:none !important;z-index:9999;} .lightbox img{display:block;position:absolute;border:3px solid #fff;box-shadow:0 0 20px #000;border-radius:4px;} .lightbox__loading{width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%;} .lightbox__caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998;background:#000;background:rgba(0, 0, 0, 0.7);} .lightbox__caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#eee;font-size:1.3em;line-height:1.5em;} .lightbox__button{position:absolute;z-index:9999;background:no-repeat center center;width:32px;height:32px;opacity:0.4;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;} .lightbox__button:hover{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);} .lightbox__close{font-size:2em;color:#fff;right:20px;top:20px;} .lightbox__nav{top:50%;font-size:3em;color:#fff;margin-top:-16px;} .lightbox__nav--next{right:20px;} .lightbox__nav--prev{left:20px;} .lightbox__nav i{color:#fff} #callback{background:#f5f5f5;padding:12px 18px 18px;border-radius:6px;transform:translateX(0) translateY(-20%);-o-transform:translateX(0) translateY(-20%);-moz-transform:translateX(0) translateY(-20%);-webkit-transform:translateX(0) translateY(-20%);box-shadow:0 0 15px rgba(0, 0, 0, .5);transition:all ease-in-out .3s;} .popup_visible #callback{overflow:hidden;transform:translateX(0) translateY(0%);-o-transform:translateX(0) translateY(0%);-moz-transform:translateX(0) translateY(0%);-webkit-transform:translateX(0) translateY(0%);transition:all ease-in-out .3s;} #callback .close{position:absolute;top:0px;right:3px;padding:6px;color:#eb4f1a;cursor:pointer;} #callback .close:hover{color:#333;} #callback .head{color:#eb4f1a;font-size:1.3em;margin:0 0 12px} #callback .callback > div + div{margin:10px 0 0;overflow:hidden;} #callback .callback > div:nth-child(6){text-align:center;margin:10px 0 0;} #callback .callback .mail, #callback .callback .comment{display:none;} #callback .callback .mail.show, #callback .callback .comment.show{display:block;} #callback .callback .callback_warning{max-width:200px;margin:0 auto 15px;font-size:0.9em;color:#f00;} #callback .callback .callback_success{max-width:200px;margin:0 auto 0;color:#008000;} #callback .callback input[type='text'], #callback .callback input[type='tel'], #callback .callback input[type='email'], #callback .callback textarea{min-width:220px;} #callback .callback input[type='text']:disabled, #callback .callback textarea:disabled{opacity:.3;} #callback .callback textarea{min-height:80px;} #callback .callback input[type='radio'] + label + label{font-size:0.9em;color:#888;border-bottom:dotted 1px #999} #callback .callback input[type='radio']{display:none} #callback .callback input[type='radio'] + label{display:inline-block;vertical-align:top;margin:3px 5px 8px 0;width:12px;height:12px;background:#f5f5f5;border:solid 1px #aaa;border-radius:10px} #callback .callback input[type='radio'] + label:hover, ul.box-filter ul li:hover input[type='checkbox'] + label{border:solid 1px #eb4f1a} #callback .callback input[type='radio']:checked + label{background:#eb4f1a;border:solid 1px #eb4f1a;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .7)} .carousel{list-style:none;position:relative;padding:5px 10px;margin:0 0 20px;border:solid 1px #e2e2e2;border-radius:10px;} .carousel .owl-item{text-align:center;opacity:1;transition:all ease-in-out .2s} .carousel .owl-item:hover{opacity:.8;} .carousel .owl-item img{display:block;margin:0 auto;} .carousel .owl-buttons{} .carousel .owl-buttons > div{font-size:1.5em;line-height:1.5em;color:#eb4f1a;opacity:.7} .carousel .owl-buttons > div:hover{color:#333;opacity:1;} .carousel .owl-buttons .owl-prev{position:absolute;left:10px;top:50%;margin:-15px 0 0} .carousel .owl-buttons .owl-next{position:absolute;right:10px;top:50%;margin:-15px 0 0} .scroll_up{position:fixed;right:3%;bottom:7%;background:rgba(0, 0, 0, .2);font-size:1.2em !important;padding:10px 11px 12px;border-radius:100%;color:#fff;transition:all ease-in-out .2s;cursor:pointer;visibility:hidden;opacity:0;} .scroll_up.show{visibility:visible;opacity:1;} .scroll_up:hover{background:rgba(0, 0, 0, .3);} #filterpro_box .clear_filter{color:#eb4f1a !important;font-size:.7em !important;font-weight:500 !important;margin:3px 0 0;} #filterpro_box .price_limit{border:1px solid #ccc !important;font-weight:500 !important;width:20% !important;text-align:center;} #filterpro_box .option_name, #filterpro_box .attribute_group_name{font-size:1.0em !important;font-weight:500 !important;color:#333 !important;padding:0 !important;} #filterpro_box .option_name:after, #filterpro_box .attribute_group_name:after{ display:block !important; font:normal normal normal 14px/1 FontAwesome; content:"\f078" !important; color:#eb4f1a; font-size:0.8em; top:0px !important; border-color:transparent !important; border:solid 10px; height:auto !important; } #filterpro_box .option_name.hided:after, #filterpro_box .attribute_group_name.hided:after{ display:block !important; font:normal normal normal 14px/1 FontAwesome; content:"\f078" !important; color:#eb4f1a; font-size:0.8em; top:-2px !important; right:-2px; border-color:transparent !important; border:solid 10px; height:auto !important; transform:rotate(180deg); } #filterpro_box .price_slider input{width:30% !important;} #filterpro_box .price_slider{padding:5px 0 !important;} #filterpro_box .collapsible{margin:6px 0 2px !important;} #filterpro_box .ui-widget-header{background:#eb4f1a !important;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .9);border:none !important;opacity:.4} #filterpro_box .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{border-color:#eb4f1a !important;border-radius:3px;height:7px;} #filterpro_box .ui-slider{margin:10px 8px 0!important;} #filterpro_box .ui-slider .ui-slider-handle{background:#eb4f1a !important;border:solid 1px #eb4f1a !important;border-radius:100%;height:16px;top:-6px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);} #filterpro_box .option_box{border-bottom:solid 1px #ccc !important;} @media (min-width:1050px){#header.scroll{position:fixed;z-index:9999;margin:0 auto;top:0;left:0;right:0;height:90px;transition:all ease-in-out .3s} #header #links ul li.open_callback{display:none;} } @media (min-width:1000px){#header #links ul li.open_callback{display:none;} } @media (max-width:1100px){ #menu i.fa-chevron-down{display:none} } @media (max-width:1050px){ #menu i.fa-chevron-down{display:none} } @media (max-width:1200px){ #header #search {max-width:940px;} } @media (max-width:992px){ #header{text-align:center;padding-bottom:15px;} #header #logo{padding:0 0 10px;border-bottom:solid 1px #eee;} #header #phone{padding:10px;border-bottom:solid 1px #eee;text-align:center;font-size:1.7em;} #header #phone i{display:none} #header #phone .dropdown{display:none !important;} #header #phone > span{display:inline-block;vertical-align:top;margin:3px 0 0 18px;font-size:0.7em} #header #search {max-width:740px;top:0;z-index:1;} #header #menu {margin-bottom:15px;} #header #menu .open_menu{display:block;text-align:center;} #header #menu > ul{height:0;visibility:hidden;overflow:hidden;} #header #menu > ul.show{position:absolute;z-index:99999;left:10px;right:10px;height:auto;visibility:visible;} #header #menu > ul{background:#EAEAE5;padding:0 10px;border-radius:0 0 6px 6px;} #header #menu > ul > li{display:block;float:none;padding:8px 0 10px 0px;text-align:left;position:relative} #header #menu > ul > li > i{display:none;} #header #menu > ul > li.more{display:none !important} #header #menu > ul > li:nth-child(n+5){display:block} #header #menu > ul > li:nth-child(n+6){display:block} #header #menu > ul > li.search, #header #menu > ul > li.user, #header.scroll #menu > ul > li.search, #header.scroll #menu > ul > li.user{display:none} #header #menu > ul > li + li{margin:0 0 0 0px;border-top:solid 1px #d5d5d5;box-shadow:inset 0 1px 0 #f5f5f5} #menu > ul > li .more{display:inline-block;position:absolute;top:9px;right:5px;line-height:1.0em;padding:4px 6px 2px;background:#f5f5f5;border-radius:3px;box-shadow:0 1px 0 #ddd} #header #menu a{ font-size: 1.1em !important; color: #eb4f1a; font-weight: 500; text-decoration: none; text-shadow:0 1px 0 #fff } #header #menu .more{display:none} #header #menu > ul > li .open_child_menu{position:absolute;top:6px;right:0px;display:inline-block;padding:5px 6px 4px;border:solid 1px #d5d5d5;border-radius:3px;background:#fff;} #header #menu > ul > li .open_child_menu i{display:none;font-weight:400;color:#777;} #header #menu > ul > li .open_child_menu i.show{display:block;transform:rotate(0deg)} #header #menu > ul > li div{display:none !important;} #header #menu > ul > li div.show{display:block !important;position:relative;width:100%;height:auto;transform:translateX(0) translateY(0%);-o-transform:translateX(0) translateY(0%);-moz-transform:translateX(0) translateY(0%);-webkit-transform:translateX(0) translateY(0%);opacity:1;visibility:visible;margin:10px 0 0;padding:0;background:transparent;box-shadow:0 0 0;border-radius:0;} #header #menu > ul > li div.show ul{display:block;width:100%;border-top:solid 1px #d5d5d5 !important;box-shadow:inset 0 1px 0 #f5f5f5;margin:0;padding:0;} #header #menu > ul > li div.show ul li:last-child{margin:0 0 -10px;} #header #menu > ul > li div ul li a{font-weight:500;} #header #menu > ul > li div ul li ul {display:none !important;background:rgba(0, 0, 0, .02);margin:0;padding:10px 0 !important;} #header #menu > ul > li div ul li ul.show {display:block !important;} #header #menu ul.column a {line-height:28px} #header #menu > ul > li div ul li a:before{display:none;} #header #menu > ul > li div ul li a .fa-level-up {float:left;margin:5px 10px 0 0;transform:rotate(90deg)} } @media (min-width:992px){ #header .search_block {position:absolute !important;z-index:-2;top:0;} #header .search_block .show {top:89px !important;} } @media (min-width:769px){ #cart{margin:0 !important;} } @media (max-width:776px){ #header{text-align:center;padding-bottom:15px;} #header #logo{padding:0 0 10px;border-bottom:solid 1px #eee;} #header #logo img{max-width:220px} #header #links{margin:10px 0 15px;text-align:center;} #header #links > div {float:none;} #header #links ul li{line-height:2.2em;} #header #links ul li + li{margin:0 10px 0 0;padding:0;border:none;} #header #search {top:0;} .home_banners > div + div {margin:10px 0 0} #content .product-info > div{float:none;width:auto;padding:0;} #content .product-info .right{} #content .product-info .right h1{margin:15px 0 0;padding:0 0 10px} #content .product-info .right > div{width:50%;min-height:auto;margin:0 0 10px;} #content .product-info .right .options .option_radio{display:inline-block} #content .product-info .right .product_banners{width:100%;min-height:40px;} #content .product-info .image{box-shadow:0 0 0} #content .product-info .image img{max-width:100%;height:auto} #content .product-info .price_cart{} #content .product-info .price_cart > div{display:inline-block;float:none;vertical-align:top} #content .product-info .price_cart .price{margin:0 0 10px;} #content .product-info .review{border:none;margin:0} #content .product-info .review > div{float:none;padding:0 0 20px} .slideshow .slide{max-height:220px !important; height:auto !important} #review_content .left, #review_content .right{float:none;width:100%;margin:0 0 10px} #review_content .right > div{margin:0} #review_content .right input[type='text']{width:auto} #footer{padding:12px 0 10px} #footer .container{width:96%} #footer .container{padding:0 10px} #footer .phone{float:none;text-align:center} #footer .menu, #footer .social, #footer .payment{display:none} .quick_view .close{top:10px !important;right:17px !important} .contact-info .left, .contact-info .right{float:none;width:100%} #cart{position:relative;margin:0 0 15px;padding:4px 0px 4px 20px;text-align:center;border-radius:5px !important;transition:all ease-in-out .0s;} #cart.show{right:0} #cart span{display:inline-block;vertical-align:top;margin:3px 8px 0 0;font-size:0.7em} #cart #cart-total{position:relative;bottom:-16px;left:-10px} #cart_content{position:relative;overflow:hidden;right:0;padding:0;width:100%;height:0;background:#EAEAE5;border-left:none;box-shadow:0 0 0;transition:all ease-in-out .0s} #cart_content.show{height:100%;padding:0 10px} #cart_content .box-heading{display:none} #cart_content.show{padding:10px;border-bottom:solid 1px #ccc;text-align:left;border-radius:0 0 4px 4px} } @media (max-width:640px){#header #search .container .button-search i{font-size:1.0em;padding:0 10px;} #header #search .container .button-search span{display:none;} #content .product-info .right > div{width:100%;min-height:auto;padding:0;margin:0;} #content .product-info .right .product_description{border-top:solid 1px #ddd;padding:4px 0 0} #content .product-info .right .product_description .price_cart{margin:0;} #content .product-info .right .product_description .stock{display:block;margin:5px 0 15px} #content .product-info .right .product_description .price, #content .product-info .right .product_description .cart{display:inline-block;vertical-align:middle;padding:0;margin:0 0 15px 0;} #content .product-info .right .product_description .price{margin:0 20px 15px 0;} #column-left + #content .product-grid > div, #column-right + #content .product-grid > div, #content .product-grid > div{width:50%;} } @media (max-width:500px){.lightbox__button i{color:#eb4f1a;text-shadow:0 0 15px #fff;} #footer{max-height:100%;} #footer .container{padding:0;} #footer .copyright > div{width:50%;padding:0 10px 0 0;} #footer .copyright > div + div{padding:0 0 0 10px;} } @media (max-width:450px){#column-left + #content .product-grid > div, #column-right + #content .product-grid > div, #content .product-grid > div{width:100%;} } .blur{-webkit-filter:blur(1px);-moz-filter:blur(1px);filter:blur(1px);}

Снимок экрана 2017-04-29 в 15.43.57.png

Змінено користувачем Skunk
[spoiler]
Надіслати
Поділитися на інших сайтах

Tom Grand Master

Tom

Опубліковано:
Опубліковано:

Помощь на локалке не возможна.Переносите на "живой"  хостинг,потом уже будет о чём поговорить.

Надіслати
Поділитися на інших сайтах
1
1

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду