*{
border:none;
margin:0;
padding:0;
}
html {
overflow-y: scroll;
margin: 0;
padding: 0;
width: 100%;
}
h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin:0 !important;
}
div, div:focus, a:hover, a:active, a:focus, input:focus {
outline: 0 !important;
}
a{
text-decoration:none !important;
}
@font-face {
font-family: 'Byekan';
src: url('../font/Byekan.eot?#'); /* IE9 Compat Modes */
src:url('../font/Byekan.woff') format('woff'), /* Pretty Modern Browsers */
url('../font/Byekan.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
font-family: 'web_Yekan';
src: url('../font/web_Yekan.eot?#'); /* IE9 Compat Modes */
src:url('../font/web_Yekan.woff') format('woff'), /* Pretty Modern Browsers */
url('../font/web_Yekan.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
font-family: 'web_icon';
src: url('../font/fontawesome-webfont.eot?#');
src:url('../font/fontawesome-webfont.woff') format('woff'),
url('../font/fontawesome-webfont.woff2') format('woff2'),
url('../font/fontawesome-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}
div#takhfif {
background: #ef6d79;
border-radius: 100%;
color: #FFF !important;
text-align: center;
width: 40px;
height: 40px;
line-height: 17px;
position: absolute;
top: 38px;
right: 23px;
padding-top: 5px;
}
.num-off {
font-size: 15px;
}
.text-off {
display: block;
}
div#takhfif p {
font-size: 12px;
}
body{
direction:rtl !important;
font-family: 'web_Yekan'!important;
font-weight: normal;
text-align:justify;
font-size:13px ;
margin-top:0;
background-color:#eeeff1;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
}
a{
list-style: none;
text-decoration: none;
}
p{
padding: 0;
margin: 0;
}
li{
list-style-type:none;
}
.header{
background-color:#fff !important;
padding: 0 !important;
}
.logo img{
float:left;
}
.member-favo li{
display:inline-block;
line-height: 40px;
}
.member{
background:url(../image/login.png) no-repeat right center;
padding-right:20px;
}
.favo{
background:url(../image/favo.png) no-repeat right center;
padding-right:25px;
margin-right:20px;
}
/*منو*/
#main-menu {
width: 100%;
}
#main-menu > .w1190 > ul {
position: relative;
}
#main-menu ul li {
float: right;
height: 31px;
line-height:13px;
}
#main-menu ul.level1 > li > a, #main-menu ul.level2 > li > a {
font-size: 13px;
margin-left: 13px;
padding: 8px 20px;
color: #4d4d4d;
position: relative;
transition: background,box-shadow .3s ease-in;
}
#main-menu ul li a i {
position: absolute;
left: 6px;
top: 15px;
font-size: 14px;
transition: .2s;
}
#main-menu ul li:hover a {
background: white;
transition: background,box-shadow .3s ease-in;
transition-delay: 350ms;
color: #ff5252;
box-shadow: 0 0 3px #cccfd1;
}
#main-menu ul li:hover a i {
transform: rotate(180deg);
transition: .4s;
color: #000;
transition-delay: 100ms;
}
#main-menu ul ul {
display: none;
}
#main-menu ul ul.level2 > li {
height: 45px;
line-height: 42px;
}
#main-menu ul li:hover ul li a {
box-shadow: none;
color: #4d4d4d;
}
#main-menu ul li ul.level2 > li:hover {
border-bottom: 3px solid #ee3e3e;
text-align: center;
z-index:3;
}
#main-menu ul li ul.level2 > li:hover > a {
color: #ff5252;
}
#main-menu ul li ul.level2 > li:hover > a:after {
position: absolute;
bottom:-3px;
right: 50%;
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 5px solid #EE3E3E;
}
.fa-angle-up {
display: none;
}
.level2 {
position: absolute;
width: 1190px;
height: 45px;
background: #fff;
border-bottom: 2px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
top: 29px;
right: 0;
z-index: 9999;
}
/* level 3*/
.level3 {
display: none;
width: 1190px;
padding-bottom: 20px;
margin-top:1px;
z-index: 2;
position: absolute;
-webkit-transition: all .8s ease-out;
-moz-transition: all .8s ease-out;
-o-transition: all .8s ease-out;
-ms-transition: all .8s ease-out;
transition: all .8s ease-out;
right: 0;
}
.column {
width: 25%;
float: right;
min-height: 360px;
border-left: 1px solid #e2e2e2;
box-sizing: border-box !important;
padding-bottom: 20px;
-webkit-transition: all .6s ease-in-out;
display: none;
}
.column:first-child {
}
.column:nth-child(odd) {
background: #fcfcfc;
}
.column:nth-child(even) {
background: #fafafa;
}
.column ul li {
float: none !important;
}
ul.level2 li:hover .level3,ul.level2 li:hover .level3 .column {
display: block !important;
}
ul >li:hover .level2 {
display: block !important;
}
ul.level2 li .level3 .column li {
float: none !important;
text-align: right !important;
background: none !important;
color: #7e7e7e;
height: 25px !important;
margin: 3px 0;
}
ul.level2 li .level3 .column li a {
background: none !important;
color: #7e7e7e;
font-size: 13px;
margin-left: 13px;
padding: 0px 25px;
color: #4d4d4d;
position: relative;
transition: background .4s ease-in;
}
ul.level2 li .level3 .column li a:hover {
color: #ee3e3e !important;
}
.level3.mobile ul.column:last-child {
background:url('../image/mobile.png') no-repeat #fafafa 0 0;
}
li.titr a {
color: #5dc1f3 !important;
}
.mag-logo {
float: left;
margin-top: 6px;
}
/**/
/*===============slider=============*/
.slide{
margin-top:7px;
}
#slideshow .nav a
{
display: block;
}
#slideshow .nav
{
margin-top:-43px;
width: 100% !important;
}
.nav-justified > li > a
{
border-radius: 0px;
color:#fff;
}
#slideshow .nav > li > a:focus,#slideshow .nav > li > a:hover {
background-color: #fff !important;
color: #000;
border-radius:0 !important;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .thumbnail a > img, .thumbnail > img {
margin: 0 auto;
}
.nav-justified {
width: 1223px !important;
margin: 0 auto;
}
.nav-justified > li {
background: rgba(0,0,0,0.6) !important;
}
@media screen and (max-width:767px){
.search_result_left,.search_result_right {
width: 100% !important;
float: right !important;
}
#accordion .input-group-btn {
width: 100% !important;
float: right;
margin-top: 8px !important;
text-align: center;
}
#input-coupon ,#input-voucher{
font-size: 11px;
}
#cart-xs .dropdown-menu {
width: 300px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
overflow-y: auto;
}
.mob-result td {
border: none !important;
background-color: #f8f8f8;
}
.bt li {
margin-bottom: 5px;
width: 60px;
}
.row.title-product {
margin-top: 10px !important;
}
.flip-clock-wrapper {
transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
}
.related-pro .swiper-container.slider.swiper-container-horizontal.swiper-container-rtl, .history-pro .swiper-container, .related-pro .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
width: 75%;
}
.h1, h1 {
font-size: 14px !important;
}
.filter_pannel ul li input[type="checkbox"]:checked ~ .options {
padding: 10px;
}
.btn.btn-inverse.btn-block.btn-lg.dropdown-toggle {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
position: relative;
}
.banner-cat ul li{
text-align: center;
}
.old_price {
height: 32px;
line-height: 37px;
display: inline-block;
vertical-align: top;
background: gray;
position: relative;
padding: 0 0;
font-size: 16px !important;
color: #e5e5e5;
box-sizing: border-box;
min-width: 61px;
text-align: center;
transition: 150ms linear;
}
.price-final {
font-size: 12px !important;
text-align: right;
}
#tabCaroudel h3 {
font-size: 12px;
padding-top: 0;
text-align: center;
min-height: 43px;
line-height: 19px;
}
#cart .dropdown-menu .glyphicon-shopping-cart::before {
color: #1b930e;
}
.total-mobail {
position: absolute;
top: 2px;
right: 0px;
background: #cb2027;
color: #fff;
width: 18px;
height: 18px;
padding: 0;
text-align: center;
line-height: 18px;
font-size: 11px;
border-radius: 100%;
}
.alert {
width: 90%;
margin: 10px auto;
}
#cart .btn.btn-inverse.btn-block.btn-lg.dropdown-toggle i{
overflow: hidden;
vertical-align: middle;
margin-top: 10px;
}
.fa-shopping-cart::before {
font-size: 22px;
}
.item-left h3 {
font-size: 15px !important;
}
.advert-box {
padding: 7px !important;
}
.hvr-shrink {
overflow: hidden;
margin-bottom: 15px !important;
}
.a.row.filter-box {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 9999999;
}
.a.row.filter-box .panel-title button{
width: 100% !important;
background-image: none !important;
background-color: #d61d28 !important;
height: 100% !important;
border-color: #d61d28 !important;
border-radius: 5px 5px 0 0 !important;
-moz-border-radius: 5px 5px 0 0 !important;
-ms-border-radius: 5px 5px 0 0 !important;
-o-border-color: #d61d28 !important;
-webkit-border-color: #d61d28 !important;
}
#filter_price_slider {
width: 80% !important;
margin: 8px auto;
}
.filter_pannel ul {
display: block !important;
}
.filter-dropdown {
display: contents;
}
.noUi-target {
width: 100% !important;
}
.sort-mob .btn-group {
float: right;
width: 100%;
}
.sort-mob button {
width: 100% !important;
position: static !important;
}
.sort-mob .open > .dropdown-menu {
width: 100% !important;
}
.filter-box {
position: relative;
align-items: center;
display: flex;
}
#accordion .panel-heading {
background-image: none !important;
background-color: transparent !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding: 0 !important;
}
.noUi-target {
width: 100%;
margin-bottom: 20px;
}
.del-filter {
display: block !important;
}
.filter-dropdown .dropdown-menu > li > a {
line-height: 30px;
vertical-align: middle;
}
.filter-dropdown input[type="checkbox"], .filter-dropdown input[type="radio"] {
vertical-align: middle;
}
.col-left h4,.sotial h4{
padding-bottom: 3%;
}
.footer-item li {
line-height: 30px;
}
.footer-items li {
line-height: 30px;
}
.xs-head{
align-items: center;
display: flex;
padding: 3px 0;
}
#tab-specification table tr td:nth-child(1) {
width:116px;
}
.input-group.custom-search-form input {
border: none !important;
font-size: 10px;
}
.glyphicon-search::before {
color: #333;
font-size: 14px;
}
.btn-search{
background: -moz-linear-gradient(top,#fff,#f0f0f0);
background: -webkit-gradient(linear,top,from(#fff),to(#f0f0f0));
background: -webkit-linear-gradient(top,#fff,#f0f0f0);
background: -o-linear-gradient(top,#fff,#f0f0f0);
width:30px;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border-right: 1px solid #bfbfbf;
}
.input-group.custom-search-form {
border: 1px solid #bfbfbf;
border-radius: 4px;
font-size: 12px;
}
.btn-search{
height: 28px;
}
.input-group.custom-search-form input {
height: 28px;
}
.glyphicon-menu-hamburger::before {
color: #d61d28;
}
.row.level1 span,.level1-related span {
font-size: 13px !important;
}
.tab-pro .nav-tabs > li a {
text-align: right;
}
.no-special {
font-size: 18px;
}
#button-cart {
font-size: 12px;
}
.filter-dropdown .dropdown-menu {
width: 100% !important;
height: 200px;
overflow: auto;
border: 1px solid #929191;
}
.col-md-6.filter-dropdown .button-group {
float: right !important;
margin-bottom: 12px !important;
}
.filter-dropdown .button-group {
width: 100%;
}
.logo-box img {
max-width: 42%;
}
.toolbar .glyphicon {
font-size: 22px;
vertical-align: middle;
}
#dropdownMenu1 {
vertical-align: middle;
}
.sotial table {
margin: 0 auto;
}
.help-time {
text-align: center;
}
.tamas {
text-align: center;
margin-top: 5px;
}
.col {
margin-bottom: 5px;
}
.footer h4{
padding-bottom: 5%;
margin-bottom: 1% !important;
}
.btn-favo {
text-align: right;
}
.desc-pro-2-box,.tab-pro {
padding: 0 !important;
}
.header-datteil-product {
padding: 0 !important;
}
.breadcrumb > li {
text-shadow: 0 1px 0 #FFF;
padding: 0 14px;
position: relative;
white-space: nowrap;
}
span.rtl {
text-align: center;
width: 100%;
}
#cart .dropdown-menu.pull-right {
right: auto !important;
left: -56px !important;
}
.level .col-sm-1.col-xs-4 {
padding: 2px !important;
}
.level li a {
padding: 0 !important;
}
.level .thumbnail {
margin-bottom: 0px !important;
}
#imaginary_container {
margin-bottom: 5px;
padding: 0 !important;
}
.onoffswitch4 {
position: relative; width: 55px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
float: right;
}
.tab-pro .nav.nav-tabs li {
width: 100% !important;
}
.dropdown-menu li:hover {
background-color: #eee;
}
.dropdown.dropdown-submenu ul li a {
padding-right: 31px;
background-color: #f3f3f3;
}
.dropdown.open ul li a {
padding-right: 24px;
}
.wonderfull .item {
padding: 2px;
}
.item-right {
padding: 0 !important;
}
.box-pro {
width: 49% !important;
padding: 0 !important;
float: right;
}
.fixed-top{
position: fixed;
width: 100%;
top: 0;
right: 0;
background-color: #fff !important;
z-index: 9999;
box-shadow: 0px 0px 4px #a5a5a5;
-moz-box-shadow: 0px 0px 4px #a5a5a5;
-ms-box-shadow: 0px 0px 4px #a5a5a5;
-webkit-box-shadow: 0px 0px 4px #a5a5a5;
-o-box-shadow: 0px 0px 4px #a5a5a5;
}
.btn-tab {
border-top: 1px solid #e9e8e8;
position:relative;
text-align: center;
}
.newsletter td {
width: 100% !important;
display: block;
text-align: center;
margin-bottom: 5px;
}
#products-price-status .products-price-finalprice span.price {
font-size:16px!important;
color: #4caf50;
padding: 0 15px 0 4px;
vertical-align: -3px;
}
#products-price-status .products-price-finalprice span:first-child {
color: #4d4d4d;
font-size: 13px;
}
.desc-pro-2 ul {
width: 95%;
}
.container {
padding: 0 !important;
}
.toolbar .dropdown-menu > li > a {
font-size: 12px;
}
.toolbar > li:hover{
cursor: pointer;
}
/*==============menu-start=============*/
#sidebar-wrapper {
margin-right: -250px;
right: 0;
width: 250px;
background:#FFF;
position: fixed;
height: 100%;
overflow-y: auto;
z-index: 1000;
transition: all 0.5s ease-in 0s;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-ms-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
}
.sidebar-nav {
position: absolute;
top: 0;
width:250px;
margin: 0;
padding: 0;
list-style: none;
z-index: 99;
}
.sidebar-nav > li {
position: relative;
line-height: 20px;
float: right;
width: 100%;
}
.sidebar-nav > li:first-child a {
color: #333;
}
.sidebar-nav > li a {
display: block;
color: #333;
text-decoration: none;
padding: 10px 15px 10px 30px;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
color: #000;
text-decoration: none;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 20px;
line-height: 44px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color: #fff;
box-shadow: none;
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
.sidebar-nav {
position: absolute;
top: 0;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-nav li {
text-indent: 14px;
border-bottom: 1px solid #ede7e7;
}
.sidebar-nav .caret {
float: left;
}
.sidebar-nav li a {
color: #333;
display: block;
text-decoration: none;
text-align: right;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
color: #e22738 !important;
}
.sidebar-brand img {
float: left;
}
.sidebar-nav li a:hover {
color: #000;
background: rgba(255,255,255,0.2);
text-decoration: none;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
height: 55px;
line-height: 55px;
font-size: 18px;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
#menu-toggle {
position: relative;
z-index: 1;
vertical-align: middle;
}
#sidebar-wrapper.active {
right: 250px;
width: 250px;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
top: 0;
}
.toggle {
margin: 5px 5px 0 0;
box-shadow: none;
}
#cart > .btn {
padding: 5px 0 !important;
background-image: none !important;
background-color: transparent !important;
box-shadow: none !important;
}
.toolbar {
margin-bottom: 0 !important;
display: table;
margin: 0 auto;
}
.toolbar > li {
min-width: 40px;
text-align: center;
}
#menu-toggle {
background-image: none !important;
padding: 0 !important;
background-color: transparent;
border-color: transparent;
border-radius: 2px !important;
}
/*==============menu-end=============*/
.toolbar > li {
display: inline-block;
}
.btn_remove_compare {
position: absolute;
top: -8px;
left: -1px;
width: 16px;
height: 16px;
background-position: -1053px -47px !important;
cursor: pointer;
border-radius: 100%;
background: #ebeced url(../image/slices.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
text-indent: -9999px !important;
z-index: 999;
}
.compareproduct .col-xs-3 {
width: 23% !important;
}
.papend img {
width: 100% !important;
}
.papend {
padding: 0 !important;
}
.btn-filter label {
display: block !important;
}
.btn-filter > label:nth-child(1) {
display: block !important;
width: 100%;
text-align: center;
}
.responsive-tabs-container[class*="accordion-"] .accordion-link {
background-color: #000 !important;
border: 1px solid #ddd;
color: #fff !important;
}
.box a {
color: #000;
font-size: 12px;
}
.row.p-level3 {
margin: 0 !important;
}
#slideshow .nav {
display: none;
}
#grey {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #c5c5c5;
opacity: 0.9;
z-index: 99;
}
#search_inputs_container {
width: 100%;
background: rgba(0, 0, 0, 0.38);
text-align: center;
padding: 4px;
color: #fff;
cursor: pointer;
margin: 0 auto;
position: relative;
display: none;
top: -30px;
}
#btn_search {
width: 26px;
z-index: 9999999 !important;
top: 19px;
bottom: 0;
background-image: url(../image/searchimg.png);
height: 30px;
position: absolute;
margin: auto;
left: 5px;
font-size: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 33px 26px;
background-attachment: scroll;
}
.close_search_button {
width: 28px;
z-index: 9999999 !important;
top: 19px;
bottom: 0;
background-image: url(../image/close.png);
height: 29px;
position: absolute;
margin: auto;
left: 31px;
font-size: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 27px 26px;
background-attachment: scroll;
border: 0 !important;
}
#txt_search {
width: 100%;
height: 30px;
padding-right: 10px;
z-index: 999999;
position: absolute;
right: 0;
font-size: 11px;
color: #000;
}
.search {
margin-bottom: 5px;
}
.logo , .xs-shop,.xs-member-favo{
text-align: center;
}
.logo img {
margin: 0 auto !important;
float: none !important;
}
.nav-pills>li[data-slide-to="0"].active a { background-color: #16a085; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #e67e22; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #2980b9; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #8e44ad; }
}
.menu .nav > li > a:focus,.menu .nav > li > a:hover {
background-color:transparent !important ;
}
#tabCaroudel .carousel-inner{
max-width: 1223px;
margin: 0 auto;
position:relative;
}
#slideshow img {
width: 100% !important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #000 !important;
background-color: #fff !important;
border-radius:0 !important;
}
#section2 .thumbnail{
position:relative;
border-color:#000 !important;
border-radius:5px;
word-break:break-all;
text-align: center;
min-height: 50px;
padding-top: 21px;
font-size: 13px;
}
#section2 .thumbnail img{
position:absolute;
top:-20px;
margin: auto;
left: 0;
right: 0;
z-index:999;
}
.carousel-caption {
color: #000 !important;
text-shadow: 0 1px 2px rgba(248, 238, 238, 0.6) !important;
}
.slide{
padding:0 !important;
}
.section2{
margin:0 !important;
}
/*tabber*/
#tabCaroudel .carousel-caption {
left:0;
right:0;
bottom:0;
text-align:left;
padding:10px;
background:rgba(0,0,0,0.6);
text-shadow:none;
}
#tabCaroudel .list-group-item {
border-radius:0px;
cursor:pointer;
background-color:#f5f5f5;
border:none !important;
text-align: left;
position:relative;
height: auto !important;
}
#tabCaroudel .list-group-item h4{
line-height: 16.6px;
color: #4d4d4d;
text-align: center;
font-size: 13px;
}
.list-group-item:hover{
background-color:#ebecf0 !important;
}
#tabCaroudel .list-group .active {
background-color:#eee;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
background:#ff5252 !important;
background-image:none !important;
}
.list-group-item.active h4, .list-group-item.active h4, .list-group-item.active h4 {
color:#fff !important;
text-shadow:none !important;
}
.list-group-item.active::after{
border-bottom: 17px solid transparent;
border-left: 18px solid #ff5252;
border-top: 20px solid transparent;
content: "";
position: absolute;
right: -18px;
top: 0;
opacity: 1;
z-index:999;
}
@media (min-width: 992px) {
#imaginary_container {
width: 48%;
float: right;
padding: 0 !important;
}
#tabCaroudel {padding-right:33.3333%;}
#tabCaroudel .carousel-controls {display:none;}
}
/*tabber*/
a {
color: #333;
}
#tabCaroudel .carousel-inner,.list-group{
padding:0 !important;
}
.list-group{
background-color: #f5f5f5;
border-right: 1px solid #e5e5e5;
min-height: 370px;
}
/*tabslider*/
.panel.with-nav-tabs .panel-heading{
padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
color: #777;
background-color: #ddd;
border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
color: #555;
background-color: #fff;
border-color: #ddd;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
background-color: #f5f5f5;
border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #555;
}
/*tab*/
/* carousel */
.media-carousel
{
margin-bottom: 0;
padding: 0 40px 30px 40px;
margin-top: 30px;
}
/* Previous button */
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
background: #333333;
}
/* End carousel */
#section6 h2{
text-align:center;
color:#565656;
}
#section7 h2{
text-align:center;
color:#565656;
}
#section8 h2{
text-align:center;
color:#565656;
}
#section12 h4{
text-align:center;
color:#565656;
}
#section5,#section6,#section7,#section8,#section12{
background-color:#fff;
}
#section5 .line{
border: 1px solid #d3171b ;
}
#section6 .line{
border: 1px solid #565656 ;
}
#section7 .line,#section12 .line{
border: 1px solid #565656 ;
}
#section8 .line{
border: 1px solid #565656 ;
}
.help{
background-color:#4c5b5c;
color:#fff;
padding:15px 0;
}
.footer h4{
background: url(../image/bg-h.png) no-repeat scroll;
background-position: right bottom;
}
.footer-item a {color:#fff;}
.col-left h4,.sotial h4{
background: url(../image/bg-f2.png) no-repeat scroll;
background-position: right bottom;
}
.footer{
background-color:#fff;
padding:30px 0 20px 0;
}
.tamas li{
display:inline-block;
}
.tel{
background:url(../image/phone.jpg) right center no-repeat;
padding-right:20px;
}
.sms{
background:url(../image/tel.jpg) right center no-repeat;
padding-right:15px;
margin-right:10px;
}
.email{
background:url(../image/email.jpg) right center no-repeat;
padding-right:20px;
margin-right:10px;
}
#section9{
background-color:#3c3c3c;
color:#fff;
padding:20px 0;
}
.help-info{
text-align:left;
}
#section10{
background-color:#f39623;
padding:20px 0;
}
.newsletter table{
margin: 0 auto;
}
.newsletter .btn-primary{
background-color:#16df32 !important;
background-image:none !important;
border-color:#16df32 !important;
padding: 4px 40px !important;
margin-right: 10px;
}
#user_email {
padding: 4px 9px 4px 0;
width: 244px;
}
.caption{
color:#fff;
padding-left:10px;
}
.desc{
float:left;
text-align:center;
color: #4E4E4E;
width: 69%;
}
.box1 img{
float:right;
}
.box1 .thumbnail {
overflow: hidden;
padding: 20px;
border-radius: 0;
border-left: 1px solid #696868;
border-right: none;
border-top: none;
border-bottom: none;
}
.no-border{
border:none !important;
}
.section-1{
background: #f7f8fa;
border-top: 1px solid #eff0f2;
border-bottom: 1px solid #e3e4e5;
box-shadow: 0 1px 2px rgba(0,0,0,.12);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.12);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.12);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.12);
-o-box-shadow: 0 1px 2px rgba(0,0,0,.12);
height: 40px;
}
.navbar {
margin-bottom:0 !important;
}
.navbar-nav > li > a {
padding-top: 10px !important;
padding-bottom: 10px !important;
line-height: 20px !important;
}
.arr{
background: url("../image/slices.png") no-repeat scroll -36px -543px;
background-color: transparent;
background-image: url("../image/slices.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: -36px;
background-position-y: -543px;
background-size: auto auto;
display: inline-block;
height: 6px;
margin-right: 11px;
width: 9px;
}
.navigation a {
-webkit-transition: color 150ms ease 0s;
-ms-transition: color 150ms ease 0s;
-moz-transition: color 150ms ease 0s;
-o-transition: color 150ms ease 0s;
transition: color 150ms ease 0s;
}
.logo-2 img{
margin:0 auto;
}
.header .container{
padding:0 !important;
}
.shopping-bag {
margin: 0 !important;
display: inline-block;
line-height: 0;
min-height: 38px;
position: relative;
cursor: pointer;
border-radius: 5px;
}
.shopping-bag .shop-btn {
line-height: 0;
text-decoration: none;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.shopping-bag .shop-btn i.shop-btn-icon.shop-btn-icon-cart {
background-position: -196px -413px;
}
.shopping-bag .shop-btn.green, .shopping-bag .shop-btn.green i.shop-btn-icon {
background-color: #55c511;
}
.shopping-bag .shop-btn i.shop-btn-icon {
display: block;
float: right;
overflow: hidden;
height: 38px;
line-height: 38px;
width: 54px;
}
.shopping-bag .shop-btn i.shop-btn-icon {
background: url("../image/slices.png") no-repeat;
}
.shopping-bag .shop-btn.green .shop-btn-label {
background-color: #33d925;
}
.shopping-bag .shop-btn-label {
margin-right: 54px;
padding-right:20px;
}
.shopping-bag .shop-btn .shop-btn-icon, .shopping-bag .shop-btn .shop-btn-label {
color: #fff;
}
.shopping-bag .shop-btn-label .shop-btn-labelname {
display: block;
height: 38px;
line-height: 38px;
text-align: center;
float: right;
}
.cart-box .shop-btn-labelname {
float: right;
}
.product-desc{
margin-top: 5px;
text-overflow: ellipsis;
text-align:center;
color:#666;
}
.slide-tab .nav-tabs > li{
width:25% !important;
text-align:center;
background-color: #fff;
border-bottom: 1px solid #ededed;
}
.slide-tab .nav-tabs > li.active > a, .slide-tab .nav-tabs > li.active > a:hover,
.slide-tab .nav-tabs > li.active > a:focus {
background-color: #000 !important;
color:#fff !important;
position:relative;
border-color: #000 !important;
}
.slide-tab .nav-tabs > li.active > a::after {
z-index: 9;
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 6px 0 6px;
border-color: #000 transparent transparent transparent;
bottom: -8px;
left:50%;
}
.panel.with-nav-tabs .panel-heading {
padding: 0 !important;
}
#media .thumbnail {
border: none !important;
margin: 0 !important;
position:relative;
}
.offer-icon{
position:absolute;
top:0;
right:0;
z-index:99;
}
.gift-icon{
position:absolute;
top:30%;
right:7px;
z-index:99;
}
.title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
text-align:center;
font-size: 12px;
color: #000;
}
#section4 .price{
width: 100%;
text-align: center;
float: right;
color: #999;
text-decoration: line-through;
background: #f5f6f7;
font-size: 11px;
height: 14px;
margin-top: 5px;
margin-bottom: 5px;
direction: rtl;
}
#section4 .price-null{
width: 100%;
text-align: center;
float: right;
text-decoration: line-through;
font-size: 11px;
height: 14px;
margin-top: 5px;
margin-bottom: 5px;
direction: rtl;
}
.final-price{
color: #4caf50;
display: block;
text-align: center;
width: 100%;
direction: rtl;
font-size: 14px;
}
.img-thumbnail, .thumbnail{
box-shadow:none !important;
}
.product-img img {
display: block;
overflow: hidden;
}
.cat-product{
position:relative;
width:100%;
height:225px;
display:block;
}
.show-border {
position: absolute;
width:100%;
height:100%;
top: 0px;
left: -1px;
border: 0;
z-index: 0;
}
.cat-product:hover .show-border {
border: 1px solid #cb2027;
}
.cat-product img:hover{
opacity: .8;
filter: alpha(opacity=.8);
background-color: #fff;
}
.cat-product:hover .product-desc{
color:#cb2027;
}
@media screen and (min-width:768px)and (max-width:992px){
.help-time,.help-info{
text-align:center;
}
.col{
text-align:center;
}
.footer h4 {
background-position: center bottom;
}
.col-left {
text-align: center;
}
.col-left h4,.sotial h4 {
background-position: center bottom;
}
.col-right {
text-align: center;
}
.col-right img{
margin:0 auto;
}
table {
margin: 0 auto;
}
.box1 img{
float:none !important;
}
.box1 .desc{
width:100% !important;
}
.product-desc {
text-align: center;
padding-top: 10px;
}
}
@media screen and (min-width:992px){
.list-footer {
width: 100%;
list-style: none;
margin: 0;
margin-bottom: 0px;
margin-bottom: 0px;
padding: 0;
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width:768px) and (max-width:991px){
.container {
width: 100% !important;
}
.list-footer {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media screen and (max-width:767px){
.list-footer {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media screen and (max-width:767px){
.slide-tab {
padding: 4px !important;
}
#section4 .nav-tabs > li > a {
color: #000;
font-size: 9px;
padding: 5px 0px !important;
}
.box1 .thumbnail{
border:none !important;
}
.product-desc {
text-align: center;
padding-top: 10px;
}
.newsletter td {
width: 100% !important;
display: block;
text-align: center;
margin-bottom: 2px;
}
}
.row.p-level2 {
margin: 0 !important;
}
.cat li a {
color: #666;
}
.cat li a:hover {
color: #900;
text-decoration: underline !important;
}
#section5 img:hover {
opacity: .8;
filter: alpha(opacity=.8);
cursor:pointer;
}
.panel-body {
padding: 0 !important;
}
#media .row{
margin:0 !important;
}
#HomePageTopBanner {
border: 1px solid #ebeced;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.border-top-header{
padding:0 !important;
}
.menu {
padding: 0 !important;
}
.member a ,.favo a{
color: #7f848f;
}
.product-thumb p {
color: #666;
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
padding: 0;
margin: 0;
}
.mega-dropdown-menu > li > ul > li {
list-style: none;
padding-right: 11px;
}
.mega-dropdown-menu > li > ul > li > a {
display: block;
color: #222;
padding: 3px 5px;
font-size: 12px !important;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
font-size: 14px;
color: #16c1f3;
padding: 5px 15px 5px 5px;
line-height: 30px;
}
.mega-dropdown-menu .dropdown-header a {
color: #16c1f3;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
font-size: 12px;
background-color: #fff;
line-height: 30px;
text-shadow: none;
color: #333;
border: 1px solid #ddd;
}
.navbar.navbar-inverse {
background: transparent !important;
border: none !important;
}
.dropdown-toggle:hover {
box-shadow: none !important;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #000 !important;
background-color: transparent;
}
.navbar {
min-height: 40px !important;
}
.logo-2 li a {
padding: 7px !important;
}
.breadcrumb a {
color: #000;
}
.navbar-inverse .navbar-nav > li > a {
text-shadow: none !important;
}
.dropdown-menu.mega-dropdown-menu .col-sm-2:not(:last-child) {
border-left: 1px solid #e2e2e2;
min-height: 420px;
}
.dropdown.mega-dropdown:hover{
color: #ef3f3e;
background: url(../image/arrow-3.png) no-repeat bottom center;
}
.navbar-nav > li > .dropdown-menu {
border-top: 2px solid #ee3e3e;
padding-top: 10px !important;
}
.nav.navbar-nav.navbar-right > li > a {
padding: 10px 13px !important;
font-size: 13px;
}
.dropdown-toggle:hover .fa.fa-angle-down {
transform: rotate(180deg);
transition: .4s;
color: #000;
transition-delay: 100ms;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
padding: 0 !important;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{
background-image:none !important;
background-color:transparent !important;
box-shadow: none !important;
color: #000 !important;
}
.section-1 .js-navbar-collapse .mega-dropdown-menu{background-position: 4% 95%; -moz-background-position: 4% 95%; -ms-background-position: 4% 95%; -webkit-background-position: 4% 95%;}
.menu .col-sm-2 {
width: 20% !important;
padding: 0 !important;
}
.row.level1 p ,.level1-related p{
width: 100%;
height: 2px;
background-color: #999;
position: absolute;
top: 14px;
z-index: 1;
margin: 0 auto;
}
.filter-dropdown .button-group {
position: relative;
display: inline-block;
}
@media screen and (min-width:767px) {
#collapse-voucher .panel-body {
padding: 10px !important;
}
.bt li {
display: inline-block;
margin: 0 5px !important;
}
.bt {
text-align: center;
}
.related-pro .swiper-container.slider.swiper-container-horizontal.swiper-container-rtl, .history-pro .swiper-container, .related-pro .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
width: 91%;
}
.h1, h1 {
font-size: 18px !important;
}
.limit-show{
padding-left: 0 !important;
}
.search-box {
padding: 0 !important;
}
.cont-off {
overflow: hidden;
margin-bottom: 5px;
}
.banner-cat ul li{
text-align: center;
}
.old_price {
height: 32px;
line-height: 37px;
display: inline-block;
vertical-align: top;
background: gray;
position: relative;
padding: 0 14px;
font-size: 17px;
color: #e5e5e5;
box-sizing: border-box;
min-width: 76px;
text-align: center;
transition: 150ms linear;
}
.info-price {
margin-bottom: 25px;
}
#cart .btn.btn-inverse.btn-block.btn-lg.dropdown-toggle i{
display: block;
float: right;
overflow: hidden;
height: 38px;
line-height: 38px;
width: 54px;
background-position: -196px -413px !important;
background:#62b965 url("../image/slices.png") no-repeat;
}
.item-left h3 {
font-size: 18px !important;
}
#section3{
margin-top:20px;
}
.options.option3.color-filter {
overflow-y: auto;
overflow-x: hidden;
}
.filter-dropdown .button-group ul li {
width: 50% !important;
float: right;
}
.no-special {
font-size: 23px;
}
.col-left h4,.sotial h4{
padding-bottom: 7%;
margin-bottom: 11% !important;
}
#tab-specification table tr td:nth-child(1) {
width:200px;
}
.input-group.custom-search-form input {
border-right: 1px solid #c9d1d7 !important;
border-top: 1px solid #c9d1d7 !important;
border-bottom: 1px solid #c9d1d7 !important;
border-radius:2px!important;
}
.btn-search{
background: #9da3b1 url(../image/search.png) no-repeat center;
width:40px;
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.input-group.custom-search-form input {
height: 37px;
}
.btn-search{
height: 37px;
}
#cart > .btn span {
margin: 0 auto;
}
.row.level1 span,.level1-related span {
font-size: 18px !important;
}
.tab-pro .nav-tabs > li a {
text-align: center;
}
#collapseTwo .panel-body {
border: none !important;
}
.filter-dropdown .button-group {
position: relative;
}
.filter-dropdown {
padding: 0 !important;
}
.filter-dropdown .dropdown-menu {
width: 300px !important;
}
.filter-box .panel-heading {
display: none !important;
}
.advert-box{
padding:0 !important;
}
.help-time{
text-align:right;
}
.footer h4{
padding-bottom: 7%;
margin-bottom: 11% !important;
}
.ProductGifts {
width: 200px;
float: left;
}
.breadcrumb > li:nth-child(2) {
display: none;
}
.btn-bell{
margin-top: 25px !important;
}
.col-code img {
position: absolute;
margin: auto;
top: 8px;
left: 0;
}
.breadcrumb > li {
text-shadow: 0 1px 0 #FFF;
padding: 0 20px;
position: relative;
white-space: nowrap;
}
.product-image {
padding: 0 !important;
}
.wonderfull .item-left img {
width: 100%;
}
.bestselling,.wedding,.electronic,.home{
padding:0 !important;
}
.box{
padding:0 2px !important;
}
#cart .dropdown-menu.pull-right {
right:0 !important;
left: auto !important;
}
#cart.open > .btn {
background-color: #4caf50 !important;
color: #fff !important;
}
.onoffswitch4 {
position: relative; width: 55px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
margin-right: 9px;
float: right;
}
.wonderfull .item {
padding: 30px 15px 30px 15px;
}
.product-img {
height: 184px;
display: block;
width: 140px;
overflow: hidden;
margin: 0 auto;
}
.flipper img {
width: 100% !important;
height: 312px !important
}
.btn-tab {
border-top: 1px solid #e9e8e8;
position: absolute;
top: 100%;
width: 100%;
margin-top: 5px;
padding-top: 20px;
right: 14px;
}
.wonderfull .item {
height: 370px;
}
#products-price-status .products-price-finalprice span.price {
font-size:23px!important;
color: #4caf50;
padding: 0 15px 0 4px;
vertical-align: -3px;
}
#products-price-status .products-price-finalprice span:first-child {
color: #4d4d4d;
font-size: 16px;
}
.desc-pro-2 ul {
width: 70%;
}
.btn_remove_compare {
position: absolute;
top: -8px;
left: 29px;
width: 22px;
height: 22px;
background-position: -1051px -46px !important;
cursor: pointer;
border-radius: 100%;
background:#ebeced url(../image/slices.png) no-repeat;
text-indent: -9999px !important;
z-index: 999;
}
.swiper-container.slider-kadoo.swiper-container-horizontal.swiper-container-rtl {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
width: 92%;
margin: 0 auto;
}
.item-box-pro{
padding-left: 0 !important;
}
.left.carousel-control {
right: 30px;
left: inherit;
}
.carousel-control {
width: 30px;
height: 30px;
top: -35px;
}
.slide-tab {
padding: 0 !important;
}
.box a {
color: #000;
font-size: 11px;
}
.navbar-collapse {
height: 40px !important;
}
.product-layout.product-grid {
padding: 4px !important;
}
#section5 .col-md-2 ,#section5 .col-sm-2,#section6 .col-md-2 ,#section6 .col-sm-2,#section7 .col-md-2 ,#section7 .col-sm-2,#section8 .col-md-2 ,#section8 .col-sm-2 {
padding: 0 !important;
margin-right: 12px;
}
#section2{
padding: 50px 0 0 0 !important;
background: #fff;
}
#search_inputs_container {
position: fixed !important;
right: 0;
top: 37px;
left: 0;
z-index: 999999999999999;
}
#btn_search {
width: 79px;
z-index: 9999999 !important;
top: 0;
bottom: 0;
background-image: url(../image/searchimg.png);
height: 70px;
position: absolute;
margin: auto;
right: 77%;
font-size: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 79px 70px;
background-attachment: scroll;
display: none;
}
.close_search_button {
width: 67px;
z-index: 9999999 !important;
top: 0;
bottom: 0;
background-image: url(../image/close.png);
height: 70px;
position: absolute;
margin: auto;
right: 82.5%;
font-size: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 67px 70px;
background-attachment: scroll;
border: 0 !important;
}
#txt_search {
width: 75%;
height: 70px;
border: 1px solid #e2e4e8 !important;
border-top-left-radius: 3px;
display: none;
z-index: 999999;
top: 0;
position: absolute;
left: 0;
text-align: right;
background-color: #f7f7f7;
margin: auto;
right: 0 !important;
bottom: 0;
margin-top: -35px !important;
padding-right: 10px;
}
#grey {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #c5c5c5;
opacity: 0.9;
z-index: 15;
}
.advert img {
float: right;
}
#slideshow .nav-pills > li {
float:none !important;
}
}
.row.inner {
margin: 0 0 18px 0 !important;
background-color: #fff;
width: 100%;
float: right;
}
.product-layout.product-grid .image-product{
position: relative;
width: 100%;
float: right;
height: 312px;
}
.product-layout.product-list .image-product{
width: 36%;
float: left;
}
.product-thumb .price-new {
display: block;
color: #4caf50 ;
text-align: right;
font-size: 11pt;
}
.product-thumb .price-old{
color:#ff6b6b;
text-align: right;
display: block;
margin: 0;
}
.buy-product {
width: 100%;
float: right;
overflow: hidden;
margin-top: 5px;
line-height: 45px;
}
.price span {
line-height: 21.5px;
}
.buy-price {
width: 80%;
float: right;
text-align: right;
height: 45px;
}
.buy-icon {
width: 19%;
float: left;
}
.shop{
background: url("../image/shop.png") no-repeat;
width: 30px;
height: 30px;
background-size: 100% 100%;
}
.rate-box {
width: 100%;
float: right;
display: flex;
align-items: center
}
.favo-box {
width: 39%;
float: right;
text-align: right;
}
.rate {
width: 60%;
float: left;
height: 22px;
}
.like{
background-color: transparent;
color: #000;
position: relative;
width: 100%;
height: 100%;
float: right;
}
.heart-sale {
background: url(../image/slice-bg.png) -592px -148px no-repeat;
width: 15px !important;
height: 13px !important;
display: inline-block;
top: 2px;
position: absolute;
}
.like:hover{
color: #c12125 !important;
}
.like:hover .heart-sale{
background: url(../image/slice-bg.png) -542px -148px no-repeat !important;
width: 15px !important;
height: 13px !important;
display: inline-block;
}
.like:hover{
background-color: transparent;
}
.checkcompare {
background-color: transparent;
color: #efbeb9;
position: absolute;
top: 13px;
right: 5px;
display: none;
}
.product-thumb:hover .checkcompare{
display: block !important;
}
.row.row-btn-filter {
padding:0 9px;
background-color: #f7f7f7;
border-radius: 1px;
box-shadow: 0px 1px 5px #c2c2c2;
}
.filter-button {
font-size: 12px;
}
.col-sm-6.text-right {
line-height: 72px;
}
.button-slider .slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-handle{margin-left:-10px;margin-top:-5px}.slider.slider-horizontal .slider-handle.triangle{border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-handle{margin-left:-5px;margin-top:-10px}.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;margin-left:0}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;width:20px;height:20px;background-color:#3a94a5;background-image:-webkit-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:-o-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:linear-gradient(to bottom,#149bdf 0,#0480be 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);opacity:.8;border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}
.button-slider .slider {
display: block;
float: left;
margin-left: 5px;
}
.button-slider .valueLabel {
display: block;
float: left;
margin-left: 15px;
}
.filter-dropdown ul li {
display: inline-block;
}
@media screen and (max-width:320px) {
.search-box ,.limit-show {
width: 100% !important;
}
.box a {
color: #000;
}
}
.tab-content > .active {
opacity: 1 !important;
}
#section4 .thumbnail{
border:1px solid transparent !important;
border-radius: 0 !important;
padding: 0;
width: 95%;
}
#section4 .owl-controls .owl-buttons .owl-prev ,#section4 .owl-controls .owl-buttons .owl-next{
top: 40% !important;
}
.desc-section4 {
min-height: 52px;
}
.nav.nav-tabs.responsive-tabs {
background-color: #fff;
}
.slider .swiper-button-prev,.owl-next{
background: url(../image/next2.png) no-repeat !important;
height: 69px;
right: 0;
border-radius: 0 !important;
width: 31px;
}
.slider .swiper-button-next,.owl-prev{
background: url(../image/prev2.png) no-repeat!important;
height: 69px;
left: 0 !important;
border-radius: 0 !important;
width: 31px;
}
#section4 .nav-tabs > li > a {
color: #000 ;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
background: #000 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 2px !important;
}
.filter-dropdown .dropdown-menu li {
display: block !important;
}
.del-filter{
display: inline-flex;
font-size: 10px;
}
.sec1 p{
line-height: 63px;
}
.filter-dropdown {
line-height: 71px;
}
.stylish-input-group .form-control{
border-right:0;
box-shadow:0 0 0;
border-color:#ccc !important;
}
.stylish-input-group button{
border:0;
background:transparent;
}
.onoffswitch {
position: relative; width: 72px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "YES";
padding-left: 10px;
background-color: #2FCCFF; color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "NO";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 18px; margin: 6px;
background: #FFFFFF;
border: 2px solid #999999; border-radius: 20px;
position: absolute; top: 0; bottom: 0; right: 56px;
-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.onoffswitch1 {
position: relative; width: 72px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch1-checkbox {
display: none;
}
.onoffswitch1-label {
display: block; overflow: hidden; cursor: pointer;
}
.onoffswitch1-inner {
display: block; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch1-inner:before, .onoffswitch1-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
border-radius: 30px;
box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;
}
.onoffswitch1-inner:before {
content: "YES";
padding-left: 10px;
background-color: #2FCCFF; color: #FFFFFF;
border-radius: 30px 0 0 30px;
}
.onoffswitch1-inner:after {
content: "NO";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
border-radius: 0 30px 30px 0;
}
.onoffswitch1-switch {
display: block; width: 30px; margin: 0px;
background: #FFFFFF;
border: 2px solid #999999; border-radius: 30px;
position: absolute; top: 0; bottom: 0; right: 56px;
-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
box-shadow: 0 1px 1px white inset;
}
.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
margin-left: 0;
}
.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
right: 0px;
}
.onoffswitch2 {
position: relative; width:72px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch2-checkbox {
display: none;
}
.onoffswitch2-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #999999; border-radius: 5px;
}
.onoffswitch2-inner {
display: block; width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch2-inner:before, .onoffswitch2-inner:after {
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch2-inner:before {
content: "YES";
padding-left: 10px;
background-color: #2FCCFF; color: #FFFFFF;
}
.onoffswitch2-inner:after {
content: "NO";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
text-align: right;
}
.onoffswitch2-switch {
display: block; width: 18px; margin: 0px;
background: #FFFFFF;
border: 2px solid #999999; border-radius: 5px;
position: absolute; top: 0; bottom: 0; right: 68px;
-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
margin-left: 0;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
right: 0px;
}
.onoffswitch3
{
position: relative; width: 72px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch3-checkbox {
display: none;
}
.onoffswitch3-label {
display: block; overflow: hidden; cursor: pointer;
border: 0px solid #999999; border-radius: 0px;
}
.onoffswitch3-inner {
display: block; width: 200%; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch3-inner > span {
display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch3-inner .onoffswitch3-active {
padding-left: 10px;
background-color: #EEEEEE; color: #FFFFFF;
}
.onoffswitch3-inner .onoffswitch3-inactive {
padding-right: 10px;
background-color: #EEEEEE; color: #FFFFFF;
text-align: right;
}
.onoffswitch3-switch {
display: block; width: 18px; margin: 0px; text-align: center;
border: 0px solid #999999;border-radius: 0px;
position: absolute; top: 0; bottom: 0;
}
.onoffswitch3-active .onoffswitch3-switch {
background: #27A1CA; left: 0;
}
.onoffswitch3-inactive .onoffswitch3-switch {
background: #A1A1A1; right: 0;
}
.onoffswitch3-active .onoffswitch3-switch:before {
content: " "; position: absolute; top: 0; left: 18px;
border-style: solid; border-color: #27A1CA transparent transparent #27A1CA; border-width: 15px 9px;
}
.onoffswitch3-inactive .onoffswitch3-switch:before {
content: " "; position: absolute; top: 0; right: 18px;
border-style: solid; border-color: transparent #A1A1A1 #A1A1A1 transparent; border-width: 15px 9px;
}
.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
margin-left: 0;
}
.onoffswitch4-checkbox {
display: none;
}
.onoffswitch4-label {
display: block; overflow: hidden; cursor: pointer;
border: 1px solid #ccc; border-radius: 6px;height: 28px;
}
.onoffswitch4-inner {
display: block; margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch4-inner:before, .onoffswitch4-inner:after {
display: block; float: left; width: 50%; height: 27px; padding: 0; line-height: 23px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
background-clip: padding-box;
}
.onoffswitch4-inner:before {
line-height: 27px;
content: "Yes";
padding-left: 5px;
background-color: #5F9327;
color: #fff;
font-size: 11px;
text-align: left
}
.onoffswitch4-inner:after {
line-height: 28px;
content: "No";
padding-right: 6px;
background-color: #1E1818;
color: #fff;
text-align: right;
font-size: 11px;
}
.onoffswitch4-switch {
height: 82% !important;
border-radius: 5px;
display: block;
width: 30px;
margin: 0px;
background: #eee;
position: absolute;
top: 0;
bottom: 0;
right: 24px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
border: 1px solid #ccc;
}
.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-inner {
margin-left: 0;
}
.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-switch {
right: 0px;
}
.cmn-toggle
{
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.cmn-toggle + label
{
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.cmn-toggle-round-flat + label
{
padding: 2px;
width: 75px;
height: 30px;
background-color: #dddddd;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after
{
display: block;
position: absolute;
content: "";
}
input.cmn-toggle-round-flat + label:before
{
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
background-color: #fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after
{
top: 4px;
left: 4px;
bottom: 4px;
width: 22px;
background-color: #dddddd;
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
-ms-border-radius: 52px;
-o-border-radius: 52px;
border-radius: 52px;
-webkit-transition: margin 0.4s, background 0.4s;
-moz-transition: margin 0.4s, background 0.4s;
-o-transition: margin 0.4s, background 0.4s;
transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label
{
background-color: #27A1CA;
}
input.cmn-toggle-round-flat:checked + label:after
{
margin-left: 45px;
background-color: #27A1CA;
}
div.switch5 { clear: both; margin: 0px 0px; }
div.switch5 > input.switch:empty { margin-left: -999px; }
div.switch5 > input.switch:empty ~ label { position: relative; float: left; line-height: 1.6em; text-indent: 4em; margin: 0.2em 0px; cursor: pointer; -moz-user-select: none; }
div.switch5 > input.switch:empty ~ label:before, input.switch:empty ~ label:after { position: absolute; display: block; top: 0px; bottom: 0px; left: 0px; content: "off"; width: 3.6em; height: 1.5em; text-indent: 2.4em; color: rgb(153, 0, 0); background-color: rgb(204, 51, 51); border-radius: 0.3em; box-shadow: 0px 0.2em 0px rgba(0, 0, 0, 0.3) inset; }
div.switch5 > input.switch:empty ~ label:after { content: " "; width: 1.4em; height: 1.5em; top: 0.1em; bottom: 0.1em; text-align: center; text-indent: 0px; margin-left: 0.1em; color: rgb(255, 136, 136); background-color: rgb(255, 255, 255); border-radius: 0.15em; box-shadow: 0px -0.2em 0px rgba(0, 0, 0, 0.2) inset; transition: all 100ms ease-in 0s; }
div.switch5 > input.switch:checked ~ label:before { content: "on"; text-indent: 0.5em; color: rgb(102, 255, 102); background-color: rgb(51, 153, 51); }
div.switch5 > input.switch:checked ~ label:after { margin-left: 2.1em; color: rgb(102, 204, 102); }
div.switch5 > input.switch:focus ~ label { color: rgb(0, 0, 0); }
div.switch5 > input.switch:focus ~ label:before { box-shadow: 0px 0px 0px 3px rgb(153, 153, 153); }
.switch6 { max-width: 17em; margin: 0 auto; }
.switch6-light > span, .switch-toggle > span { color: #000000; }
.switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label { color: #2b2b2b; }
.switch-toggle a,
.switch6-light span span { display: none; }
.switch6-light { display: block; height: 30px; position: relative; overflow: visible; padding: 0px; margin-left:0px; }
.switch6-light * { box-sizing: border-box; }
.switch6-light a { display: block; transition: all 0.3s ease-out 0s; }
.switch6-light label,
.switch6-light > span { line-height: 30px; vertical-align: middle;}
.switch6-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}
.switch6-light input:focus ~ a, .switch6-light input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.switch6-light input { position: absolute; opacity: 0; z-index: 5; }
.switch6-light input:checked ~ a { right: 0%; }
.switch6-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch6-light > span span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center; }
.switch6-light > span span:last-child { left: 50%; }
.switch6-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px; }
.filter-top{
width: 100%;
float: right;
}
.input-group-addon {
border-left: 1px solid #ccc !important;
}
.text-page label {
font-size: 10px !important;
}
.drop-page{
float: left;
}
/**************************** image options ***********************/
.input-hidden {
display: none;
}
input[type=radio] + label>img {
border: 1px solid #dddddd;
transition: 500ms all;
}
input[type=radio] + label>img:hover{
border: 1px solid #f54000 !important;
}
/********************************button options ************************/
.button_label {
min-width: 43px;
margin-right: 3px;
border: 1px solid #ccc;
overflow: auto;
cursor: pointer;
line-height: 30px;
}
label.button_label input {
display: none;
}
.sort-des .sort_label {
height: 30px;
margin: 4px;
background-color: #FBFBFB;
border-radius: 3px;
border: 1px solid #D0D0D0;
overflow: auto;
cursor: pointer;
vertical-align: middle;
text-align: center;
}
.sort-mob .sort_label {
overflow: auto;
cursor: pointer;
vertical-align: middle;
}
.sort_label span {
display: block;
height: 100%;
padding: 5px 10px;
font-size: 12px;
}
.button_label span {
text-align: center;
font-size: 12px;
display: block;
color: #333;
white-space: nowrap;
cursor: pointer;
position: relative;
}
.button_label:hover {
border: 1px solid #cb2027;
color: #cb2027;
line-height: 28px;
}
.button_label:hover .button_label span{
color: #cb2027 !important;
}
.button_radio {
float: right;
}
.search_result_category {
display:none;
position: absolute;
background-color: #fff;
width: 87%;
z-index: 99999;
margin-bottom: 0 !important;
overflow: hidden;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
.search_result_category li:hover{background-color: #eee;}
.search_result_category span {
color: #000;
display: block;
float: right;
}
.search_result_category img {
display: block;
float: right;
border: 0;
}
.search_result_category a {
height: 33px;
width: 100%;
float: right;
overflow: hidden;
line-height: 33px;
}
.form-group {
width: 100%;
float: right;
margin-bottom: 4px !important;
}
#myCarousel p {
text-align: center;
}
#myCarousel table {
margin: 0 auto;
}
.title-product h1 {
font-size: 18px;
color: #4d4d4d;
}
.title-product {
background: #f5f6f7;
padding: 9px 0 !important;
margin: 0 0 10px 0 !important;
border-radius: 2px;
}
.col-code{
padding-left: 0 !important;
position: relative;
}
.title-produc span {
font-size: 11px;
color: #818181;
display: block;
}
#product {
width: 100%;
float: right;
}
#product label,#product .form-group.required div{
display: inline-block;
}
.product-image {
text-align: left;
padding-right: 0 !important;
}
.bel {
background-position: -108px -190px !important;
height: 16px;
width: 16px;
background: url("../image/slices.png") no-repeat;
display: inline-block;
position: relative;
}
.icon-share {
background-position: -214px -190px !important;
height: 16px;
width: 16px;
background: url("../image/slices.png") no-repeat;
display: inline-block;
position: relative;
}
.heart{
height: 16px;
width: 16px;
background: url("../image/slices.png") no-repeat;
display: inline-block;
position: relative;
background-position: -163px -190px;
}
.product-image .btn1{
background: transparent !important;
margin-right: 23px;
}
.btn1 .fa::before {
color: #969ba8 !important;
}
.product-detail li {
list-style: inherit;
}
#showmenu:hover,.close-box:hover {
cursor: pointer;
}
.menu-item ul li:not(:last-child) ,.close-box {
list-style: inherit !important;
}
.product-detail-box .glyphicon-plus::before,.product-detail-box .glyphicon-minus::before {
font-size: 7px !important;
color: #b3adad;
margin-right: -11px;
}
.product-detail {
margin-bottom: 0 !important;
}
#showmenu ,.close-box{
color: #777;
border-bottom: 1px dotted #777;
width: 62px;
font-size: 11px !important;
}
.product-detail li span:nth-child(2),.menu li span:nth-child(2){
color: #aaa;
padding-right: 4px;
word-wrap: break-word;
}
.product-detail li,.menu li {
line-height: 23px;
}
#quantity {
text-align: center;
padding: 0 !important;
height: 27px;
}
.quantity-box{
padding: 0 !important;
}
.size-box{
padding: 0 !important;
}
.input-group-btn .btn {
background-color: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
height: 27px !important;
width: 24px;
line-height: 24px;
}
.input-group-btn .btn {
border: 1px solid #ccc;
}
.product-grid .product-thumb .icon-color{
width: 16px;
height: 16px;
background: url(../image/slice-bg.png) -619px -358px no-repeat;
cursor: pointer;
display: block;
float: right;
position: absolute;
bottom: 3px;
right: 0;
z-index: 999;
}
.product-list .product-thumb .icon-color{
width: 16px;
height: 16px;
background: url(../image/slice-bg.png) -619px -358px no-repeat;
cursor: pointer;
display: block;
position: absolute;
left: 0;
bottom: 0;
}
.box-img{
width: 100%;
height: 22px;
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.6);
opacity: 0;
transition: all 0.7s ease;
}
.image:hover .box-img{
opacity: 1 !important;
}
.count-rate{
color: #000;
}
.icons-new{
height: 22px;
line-height: 22px;
position: absolute;
left: 0;
top: 0;
margin: 0;
}
.text-swich {
padding-top: 8px;
display: inline-block;
padding-right: 5px;
font-size: 10px !important;
}
.filter_pannel ul li input[type="checkbox"]:checked + i{
background: url(../image/filter.png) no-repeat !important;
background-position-x: 0%;
background-position-y: 0%;
transition: all .15s ease;
display: block;
position: absolute;
top: 8px;
right: 0px;
width: 15px;
height: 15px;
cursor: pointer;
content: "";
background-position: -193px -126px !important;
transform: rotate(90deg) !important;
}
.filter_pannel ul li input[type="checkbox"]+ i{
background: url(../image/filter.png) no-repeat !important;
display: block;
position: absolute;
top: 8px;
right: 0px;
width: 15px;
height: 15px;
transition: all .15s ease;
content: "";
background-position: -163px -125px !important;
cursor: pointer;
transform: rotate(90deg) !important;
}
.block {
position: relative;
background: #fff;
}
.panel{
border: none !important;
box-shadow: none !important;
}
.options.option5.color-filter label {
padding: 0 !important;
width: 26px !important;
height: 23px !important;
border-radius: 16px;
margin: 0 4px;
margin-bottom: 0px;
position: relative;
}
#thing87 + label {
border: 1px solid #ccc;
}
.options.option3.color-filter.color-filter_4 label {
padding: 5px !important;
width: 71px !important;
height: 80px !important;
border: 1px solid #ccc;
background-size: 98% !important;
-moz-background-size: 98% !important;
-ms-background-size: 98% !important;
-o-background-size: 98% !important;
-webkit-background-size: 98% !important;
}
.text-page {
display: inline-block;
line-height: 29px;
}
.top-header-product .form-control {
height: 29px !important;
}
.pagination.pagination-large li {
margin-right: 4px;
display: inline-block;
}
.pagination > li > a, .pagination > li > span {
color: #333;
}
.pagination {
margin: 3px 0 !important;
}
.noUi-tooltip::after {
position: absolute;
bottom: -7px;
content: "";
border-top: 7px solid #838996;
border-right: 9px solid transparent;
border-left: 9px solid transparent;
left: 38%;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
z-index: 0;
}
.title-compare {
background-color: #e6f2fb;
padding: 5px;
padding-left: 5px;
text-align-last: left;
padding-left: 13px;
}
.title-compare {
background-color: #e6f2fb;
text-align-last: left;
padding: 13px 5px 5px 5px;
}
.btn-filter span {
line-height: 17px;
}
#compareproduct {
padding-top: 20px;
}
.papend span {
text-align: center !important;
width: 100%;
float: right;
color: #333;
padding-top: 5px;
}
.list-compare {
margin-bottom: 20px;
}
#list-view,#grid-view{
padding: 8px 7px 2px 7px !important;
border-radius: 3px !important;
}
.hfilter_slider_container{padding-top:29px; }
#myCarousel .thumbnail{
margin-bottom:5px !important;
}
.product-layout.product-grid .flip-container {
perspective: 1000px;
width: 100%;
float: right;
display: block;
height: 312px;
}
.product-layout.product-lidt .flip-container {
perspective: 1000px;
width: 100%;
float: right;
display: block;
height: 183px;
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.front {
z-index: 2;
transform: rotateY(0deg);
}
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width:100%;
}
.front img, .back img{
margin:0 auto;
}
.back {
transform: rotateY(180deg);
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg);
}
.container{
padding: 0 !important;
}
.h4, h4 {font-size: 15px;}
.filter-pro-box.form-group.required label {
float: right;
line-height: 24px;
}
#product .filter-pro-box.form-group.required:first-child .help-pro{
display: none;
}
.help-pro {
vertical-align: top;
margin-top: 7px;
}
.cap-help {
color: #57a8a2;
padding-right: 5px;
}
.swiper-box .swiper-button-next,.swiper-box .swiper-button-prev {
top: 43% !important;
background-size: 50%;
}
.swiper-box .radio input {
position: absolute !important;
bottom: -10px;
right: 66%;
}
.swiper-box .radio label,.swiper-box .checkbox label {
padding-right:0 !important;
}
.swiper-box img{
margin:0 auto;
display:block;
border-radius: 5px;
box-shadow: 0px 0px 2px #ddd;
-moz-box-shadow: 0px 0px 2px #ddd;
-ms-box-shadow: 0px 0px 2px #ddd;
-o-box-shadow: 0px 0px 2px #ddd;
-webkite-box-shadow: 0px 0px 2px #ddd;
}
.swiper-box .radio{
text-align: center;
margin:0 !important;
}
.swiper-box .thumbnail{
border: 0 !important;
box-shadow: none !important;
}
.checkbox-inline {
display: block !important;
margin-bottom: 5px;
}
.swiper-box {
border: 1px solid #ddd;
border-radius: 4px;
margin-top: 10px;
padding-top: 10px;
}
.line-space{
width: 70%;
}
.desc-pro-2 {
background-color: #f5f6f7;
padding: 9px 0 9px 11px;
}
.desc-pro-2 ul {
margin-bottom: 0 !important;
padding: 5px 16px 5px 0;
}
.desc-pro-2 ul li {
list-style-type: inherit !important;
line-height: 20px;
}
#frmPnlPrice .price-total{font-weight:bold;}
.no-special {
color: #4caf50;
}
#products-price-status .products-price-lastprice > span.price {
font-size: 23px;
padding: 0 6px 0 4px;
vertical-align: 0;
color: #4caf50;
}
.dk-button-ticket {
height: 21px;
background: #ff5252;
position: relative;
font-size: 12px;
color: #fff;
display: inline-block;
-ms-border-radius: 2px;
border-radius: 2px;
}
.dk-button-ticket.arrow-right::before {
border-bottom: 4px solid transparent;
border-right: 4px solid #fff;
border-top: 5px solid transparent;
content: "";
position: absolute;
right: 0;
top: 6px;
}
.dk-button-ticket span:first-child {
background: #ff7272;
display: block;
float: right;
font-size: 10px;
height: 21px;
line-height: 21px;
padding: 0 12px 0 8px;
text-align: center;
}
.dk-button-ticket span:last-child {
padding: 0 11px;
position: relative;
top: -1px;
font-size: 10px;
}
#products-price-status .products-price-coupon span i {
float: right;
display: block;
margin-left: 5px;
background: url(../image/slices.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
display: inline-block;
position: relative;
background-position: -199px -128px;
width: 17px;
height: 16px;
}
#products-price-status .products-price-coupon span:first-child span {
position: relative;
top: 2px;
font-size: 16px;
}
#products-price-status .products-price-coupon span:first-child {
display: block;
font-size: 16px;
}
#products-price-status .products-price-coupon {
border-right: 1px solid #ccced2;
padding-right: 11px;
display: inline-block;
margin-right: 25px;
color: #969ba8;
font-size: 11px;
}
#products-price-status {
padding-top: 25px;
}
.dk-button-icon.dk-button-icon-addToCart{
background:#62b965 url(../image/slices.png) no-repeat;
display: block;
float: right;
overflow: hidden;
height: 38px;
line-height: 38px;
width: 54px;
background-position: -144px -413px;
border-radius: 0 2px 2px 0;
margin-left: 12px;
}
#button-cart {
background-color: #4caf50;
color: #fff;
line-height: 36px;
padding: 0 0 0 20px;
border-radius: 3px;
}
#ProductGifts h4 {
color: #777;
border-bottom: 1px solid #e7eaec;
font: normal 12px/34px Byekan;
}
#ProductGifts i.icon-gift {
display: inline-block;
width: 16px;
height: 18px;
background: url("../image/slices.png") no-repeat -240px -29px;
margin: 0 2px 0 10px;
position: relative;
top: 4px;
}
#products-gifts-list li {
margin-top: 15px;
display:block;
float: right;
width:100%;
}
#products-gifts-list img {
border: 1px solid #ddd;
float: right;
height: 36px;
margin: 0 0 0 8px;
padding: 2px 4px;
width: 36px;
}
#products-gifts-list h5 {
color: #4d4d4d;
font: normal 11px/15px Byekan;
margin-bottom: 2px;
padding-top: 1px;
}
.control-label {
padding-left: 15px;
}
.not-pro{
float: right;
width: 100%;
margin-bottom: 5px;
}
.pro-favo {
display: inline-block;
height: 38px;
line-height: 38px;
width: 60px;
margin-bottom: 0;
font-size: 14px;
line-height: 27px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color: #e6e6e6;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbb;
border-top-color: rgb(187, 187, 187);
border-right-color: rgb(187, 187, 187);
border-bottom-color: rgb(187, 187, 187);
border-left-color: rgb(187, 187, 187);
*border: 0;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
border-color: #c5c5c5;
border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}
}
.desc-pro-2-box{
padding:0 !important;
}
.tab-pro .nav-tabs > li:nth-child(1) > a:before {
background: url("../image/slices.png") no-repeat -317px -268px;
content: "";
display: inline-block;
height: 20px;
margin: 0 0 0 16px;
right: 0;
width: 20px;
position: relative;
top: 7px;
}
.tab-pro .nav-tabs > li:nth-child(1).active > a:before {
background: url("../image/slices.png") no-repeat -317px -310px;
content: "";
display: inline-block;
height: 20px;
margin: 0 0 0 16px;
right: 0;
width: 20px;
position: relative;
top: 7px;
}
.tab-pro .nav-tabs > li:nth-child(2) > a:before {
background: url("../image/slices.png") no-repeat -263px -269px;
content: "";
display: inline-block;
height: 20px;
margin: 0 0 0 16px;
right: 0;
width: 20px;
position: relative;
top: 7px;
}
.tab-pro .nav-tabs > li:nth-child(2).active > a:before {
background: url("../image/slices.png") no-repeat -263px -310px;
content: "";
display: inline-block;
height: 20px;
margin: 0 0 0 16px;
right: 0;
width: 20px;
position: relative;
top: 7px;
}
.tab-pro .nav-tabs > li:nth-child(3) > a:before {
background: url("../image/slices.png") no-repeat -107px -269px;
content: "";
display: inline-block;
height: 20px;
margin: 0 0 0 16px;
right: 0;
width: 20px;
position: relative;
top: 7px;
}
.tab-pro .nav-tabs > li:nth-child(3).active > a:before {
background: url("../image/slices.png") no-repeat -212px -310px;
content: "";
display: inline-block;
height: 20px;
margin: 0 0 0 16px;
right: 0;
width: 20px;
position: relative;
top: 7px;
}
.tab-pro .nav-tabs > li.active a {
background: #fff;
color: #2196f3;
box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
-webkit-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
-moz-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
-ms-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
-o-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
}
.tab-pro .nav-tabs > li a {
display: block;
height: 39px;
padding: 0 28px;
position: relative;
color: #707580;
border-left: 1px solid #e3e3e3;
transition: 200ms ease;
-ms-transition: 200ms ease;
-moz-transition: 200ms ease;
-webkit-transition: 200ms ease;
box-shadow: 0 2px 0 transparent inset;
-webkit-box-shadow: 0 2px 0 transparent inset;
-ms-box-shadow: 0 2px 0 transparent inset;
-o-box-shadow: 0 2px 0 transparent inset;
}
.tab-pro .nav-tabs {
border-bottom: none !important;
background-color: #f5f6f7;
}
.tab-pro .tab-content {
background: #fff;
border-top: 1px solid #e3e3e3;
box-shadow: 0 -1px 6px -2px #ccc;
-moz-box-shadow: 0 -1px 6px -2px #ccc;
-webkit-box-shadow: 0 -1px 6px -2px #ccc;
-ms-box-shadow: 0 -1px 6px -2px #ccc;
-o-box-shadow: 0 -1px 6px -2px #ccc;
padding: 10px;
}
.related-pro .swiper-button-next,.history-pro .swiper-button-next{
background-image: none !important;
background: url(../image/next2.png) no-repeat center center !important;
}
.related-pro .swiper-button-prev,.history-pro .swiper-button-prev{
background-image: none !important;
background: url(../image/prev2.png) no-repeat center center !important;
}
.compareproduct{
position: fixed;
bottom: -20px;
width: 100%;
right: 0;
z-index: 999;
background-color: #fff;
margin: 0 !important;
}
.compare__toggle{
position: absolute;
top: -36px;
right: 40px;
padding: 0 20px;
height: 36px;
width: 185px;
background: #e22739;
border-radius: 15px 15px 0 0;
font-size: 14px;
text-align: right;
line-height: 36px;
box-shadow: 0 -4px 6px 0 rgba(0,0,0,.1);
cursor: pointer;
color: #fff;
transition: all .35s ease;
}
.compare__toggle-handler--arrow {
display: block;
position: absolute;
top: 10px;
left: 15px;
width: 15px;
height: 15px;
content: "";
cursor: pointer;
transition: background-color .35s ease;
background-position: -484px -425px !important;
background: url("../image/slices.png") no-repeat ;
}
.compare__toggle::before {
box-shadow: -9px 9px 0 -2px #e22739;
right: -26px;
transform: rotate(-5deg);
content: "";
position: absolute;
bottom: 0;
border-radius: 50%;
width: 26px;
height: 32px;
transform-origin: 50% 50%;
transition: box-shadow .35s ease;
}
.compare__toggle.m2 .compare__toggle-handler--arrow {
display: block;
position: absolute;
top: 10px;
left: 15px;
width: 15px;
height: 15px;
content: "";
cursor: pointer;
transition: background-color .35s ease;
background-position: -34px -750px !important;
background: url("../image/slices.png") no-repeat ;
-webkit-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
.compare__toggle.m2::before {
box-shadow: -9px 9px 0 -2px #fff;
right: -26px;
transform: rotate(-5deg);
content: "";
position: absolute;
bottom: 0;
border-radius: 50%;
width: 26px;
height: 32px;
transform-origin: 50% 50%;
transition: box-shadow .35s ease;
}
.compare__toggle.m2::after {
box-shadow: 9px 9px 0 -2px #fff;
left: -26px;
transform: rotate(5deg);
content: "";
position: absolute;
bottom: 0;
border-radius: 50%;
width: 26px;
height: 32px;
transform-origin: 50% 50%;
transition: box-shadow .35s ease;
}
.compare__toggle::after {
box-shadow: 9px 9px 0 -2px #e22739;
left: -26px;
transform: rotate(5deg);
content: "";
position: absolute;
bottom: 0;
border-radius: 50%;
width: 26px;
height: 32px;
transform-origin: 50% 50%;
transition: box-shadow .35s ease;
}
#compareproduct{
height:0;
}
.m{
min-height: 200px !important;
transition: max-height 0.25s ease-in !important;
box-shadow: 0 -1px 6px -2px #ccc;
-moz-box-shadow: 0 -1px 6px -2px #ccc;
-webkit-box-shadow: 0 -1px 6px -2px #ccc;
-ms-box-shadow: 0 -1px 6px -2px #ccc;
-o-box-shadow: 0 -1px 6px -2px #ccc;
}
.m2{
background-color: #fff !important;
color:#000 !important;
}
.papend {
text-align: center;
border: none !important;
}
.papend img {
border: 1px solid #e6e7e8;
padding: 5px;
border-radius: 4px;
position: relative;
}
.view-all {
background-color: #e32236;
color: #fff;
padding: 5px 15px;
border-radius: 4px;
float: left;
margin-top: 14px;
}
.clear-all {
float: left;
clear: both;
padding-left: 18px;
margin-top: -39px;
color: #e32236;
}
.compare-page .table-bordered {
border: 1px solid #e1dfe0 ;
background-color: #fff;
}
.m3 {
position: fixed;
top: 0;
width: 100%;
right: 0;
z-index: 999;
background-color: #FFF;
box-shadow: 0 0 2px #ccc ;
}
.m4{
width: 88%;
margin: 0 auto;
border: none !important;
}
.table.table-bordered.m4 td {
border: none !important;
text-align: center;
}
.table.table-bordered.m4 .img-pro td{
position: relative;
}
.table.table-bordered.m4 .img-pro td:not(:nth-child(1))::before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: -12px;
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #eee;
right: 43%;
}
.m5{
display: none;
}
.noUi-horizontal .noUi-tooltip {
min-width: 50px;
}
/*.input-group-addon, .input-group-btn {
width: auto !important;
text-align: center;
}*/
.carousel-indicators {
bottom: -19px !important;
}
.price-label {
color: red;
display: block;
clear: both;
font-size: 15px;
margin-bottom: 5px;
}
span.rtl {
display: inline-block;
}
.info-price {
white-space: nowrap;
overflow: hidden;
}
.price-final {
height: 32px;
display: inline-block;
vertical-align: top;
background: #f0413e;
margin-right: 2px;
color: #fff;
padding: 0 20px 0 8px;
position: relative;
font-size: 20px;
line-height: 32px;
min-width: 147px;
box-sizing: border-box;
transition: 150ms linear;
}
.old_price {
line-height: 37px;
font-size: 17px;
color: #e5e5e5;
text-align: center;
}
.old_price::after {
content: "";
position: absolute;
left: -10px;
top: 8px;
border-right: 10px solid gray;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
z-index: 2;
transition: 150ms linear;
}
.old_price::before {
content: "";
position: absolute;
left: 0;
right: 5px;
border-bottom: 1px solid #000;
top: 19px;
z-index: 2;
transform: rotate(-20deg);
width: 90%;
height: 0;
bottom: 0;
}
.price-final::after {
content: "";
position: absolute;
right: 0;
z-index: 1;
top: 7px;
border-right: 11px solid #fff;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
}
.item-left h3 {
color: #000 !important;
text-align: center;
margin-bottom: 3px !important;
}
.cont-off {
overflow: hidden;
margin-bottom: 5px;
}
.txt-clock {
position: absolute;
top: 0;
text-align: center;
width: 100%;
right: 0;
font-size: 12px;
}
.bag a {
background: #41b20a !important;
color: #fff !important;
padding: 6px 18px;
border-radius: 4px;
}
.desc-wonderfull a {
background: #ee7000 !important;
color: #fff !important;
padding: 6px 35px;
border-radius: 4px;
}
.con-clock {
position: relative;
}
.btn-tab li {
display: inline-block;
}
.wonderfull .item {
background-color:#fff;
border: 1px solid #ebeced;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
-webkit-box-sizing: border-box;
}
.wonderfull .right.carousel-control {
background: url(../image/next2.png) no-repeat right center !important;
width: 28px;
right: -4px;
left: auto !important;
}
.wonderfull .left.carousel-control {
background: url(../image/prev2.png) no-repeat right center !important;
width: 28px;
left: -4px;
right: auto !important;
}
.row{
margin: 0 !important;
}
.wonderfull,.tab-pane-box {
padding: 0 !important;
}
.related-box{
background-color: #fff;
}
.related-box .line {
border: 1px solid #d3171b;
}
.related-box h2 {
text-align: center;
color: #d3171b;
}
.accordion-sm .nav-tabs > li > a {
margin-right: 0 !important;
}
.accordion-sm .nav > li > a:focus,.accordion-sm .nav > li > a:hover {
background-color: transparent !important;
border-color: #fff !important;
}
.btn-group-lg > .btn, .btn-lg {
padding: 9px 16px !important;
}
.search,.cart-box,.xs-member-favo {
padding-right: 0 !important;
}
.logo,.header-right,.pagination-box {
padding: 0 !important;
}
.limit-show{
text-align: left;
}
.grade-btn{
padding: 0 !important;
text-align: left;
}
.grade-btn span {
font-size: 10px !important;
}
.filter-top #search-box {
border: 1px solid #ccc !important;
height: 31px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.advert {
width: 50% !important;
float: right;
}
.advert-box {
margin-bottom: 15px;
background-color: #fff;
}
.advert img {
float: none !important;
margin: 0 auto;
}
.item-right {
padding: 0 !important;
}
.item-left {
padding: 0 !important;
}
#imaginary_container {
margin-bottom: 5px;
padding: 0 !important;
}
nav > li > a {
padding: 10px 6px !important;
}
}
@media screen and (min-width:1200px) and (max-width:1370px) {
.container {
width:1200px !important;
}
}
@media screen and (min-width:1371px) {
.container {
width:1300px !important;
}
}
@media screen and (min-width:1200px) {
.advert {
width: 100%;
float: right;
}
.advert a {
width: 100%;
display: block;
overflow: hidden;
height: 93px;
}
.advert a img {
width: 98%;
height: 100% !important;
}
.product-image {
width: 26% !important;
}
.thum-box {
width: 7% !important;
}
.filter-menu {
width: 21% !important;
}
.cat-pro{
padding-right: 0 !important;
}
}
.product-layout .product-list .flip-container{
position: relative;
}
.swiper-box {
z-index: 0;
}
#myCarousel .thumbnail {
border-radius: 0 !important;
position: relative;
}
#myCarousel td {
position: relative;
}
#myCarousel .arrow {
width: 0;
height: 0;
position: absolute;
left: -7px;
top: 27px;
border-top: 6px solid transparent;
border-right: 7px solid red;
border-bottom: 7px solid transparent;
opacity: 0 ;
}
#myCarousel a.thumbnail.active,#myCarousel a.thumbnail:focus,#myCarousel a.thumbnail:hover {
border-color: #e22739 !important;
border-width: 2px !important;
}
.show-border1 {
border:2px solid #e22739 !important;
}
.show-arrow{
opacity: 1 !important;
}
.show-em{
opacity: 1 !important;
}
.thum-box{
padding-left: 0 !important;
padding-right: 0 !important;
}
.switchery.switchery-default {
margin-left: 3px;
}
.box-cost {
text-align: center;
width: 100%;
float: right;
margin: 4% 0;
}
.txt_price_min {
margin-left: 3%;
}
.txt_price {
width: 34%;
border: 1px solid #ddd;
text-align: center;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color: #404040 !important;
border-color: #404040 !important;
}
.breadcrumb > li + li::before {
display: none;
}
@media (min-width: 1px) and (max-width: 599px) {
.item-left img {
max-width: 40%;
}
}
@media (min-width: 400px) and (max-width: 768px) {
.box{
width: 50% !important;
}
}
@media (max-width: 499px){
.product-layout.product-grid .product-thumb .caption{
padding-top: 0 !important;
}
.product-thumb h4 {
min-height: 50px;
}
.history-pro .caption, .history-pro .caption h4 {
min-height: 60px;
}
.cat{
width:50% !important;
float:right;
}
}
@media (min-width: 500px) and (max-width: 600px) {
.product-layout{
padding: 4px !important;
}
}
@media (min-width: 500px) and (max-width: 768px) {
.product-layout{
width: 50% !important;
}
.banner-cat img {
width: 70%!important;
float: left;
}
.banner-cat .item-cats {
width: 30% !important;
float: right;
}
}
@media (max-width: 599px){
.advert-box {
margin-top: 20px;
}
.advert-box img{
width: 49% !important;
float: right;
margin-right: 1px;
}
}
@media (min-width: 600px) and (max-width: 768px) {
.filter-dropdown .button-group {
width: 46%;
margin-right: 20px;
}
.col-left .col-xs-12 {
width: 33% !important;
}
.namad-box {
width: 32% !important;
}
.sotial {
width: 36% !important;
}
.col-custom {
width: 45% !important;
margin-right: 3%;
margin-left: 2%;
}
.box {
width: 50% !important;
}
.advert-box {
width: 40% !important;
}
.wonderfull {
width: 60% !important;
}
.wonderfull .item img {
width: 35% !important;
}
}
#dropdownMenu1 {
background-color: transparent !important;
}
#menu-close {
padding: 5px 10px 0px 10px !important;
}
#tab-description span, #tab-description p, #tab-description strong, #tab-description a, #tab-description h1, #tab-description h2, #tab-description h3, #tab-description h4, #tab-description h5, #tab-description h6 {
font-family: 'web_Yekan' !important;
}
#tab-description img {
max-width: 100%;
height: auto !important;
display: block;
}
#tab-description p {
line-height: 24px;
text-align: justify;
font-size: 13px;
}
.size-box input[type="radio"]:checked + label em{
width: 13px;
height: 13px;
background: url(../image/bg-color.png) -1032px -60px no-repeat;
position: absolute;
right: -2px;
bottom: -2px;
z-index: 0;
}
.size-box input[type="radio"]:checked + label{
position: relative;
border: 2px solid #cb2027;
}
.size-box .radio_option_label {
height: 66px;
margin-right: 4px;
}
.row.level1{
position: relative;
}
div.container:nth-child(12) > div:nth-child(1) p{
background-color: #d61319 !important;
}
div.container:nth-child(12) > div:nth-child(1) span{
color: #d61319 !important;
}
.row.level1 span,.level1-related span {
display: inline-block;
background-color: #fff;
font-weight: bold;
color: #666;
line-height: 24px;
padding: 0 20px;
position: relative;
z-index: 10;
}
.row.level:hover p {
background-color: #d61319 !important;
}
.row.level1 span:hover {
color: #d61319 !important;
cursor: pointer;
}
.bar-line-box {
width: 100%;
display: inline-block;
position: relative;
text-align: center;
}
.row.filter-pro-box {
margin-top: 5px !important;
}
.h2, h2 {
font-size: 22px !important;
}
.level .col-sm-1.col-xs-3 {
padding: 2px;
}
.quantity-left-minus.btn.btn-number {
height: 100% !important;
}
.quantity-right-plus .glyphicon.glyphicon-plus {
line-height: 21px;
}
.quantity-left-minus.btn.btn-number span,.quantity-right-minus.btn.btn-number span {
line-height: 19px;
}
#content{
background-color: #fff;
padding: 12px 8px 20px 8px !important;
margin-bottom: 20px;
float: right;
}
.options.option5.color-filter li input[type="checkbox"]:checked + label em {
width: 13px;
height: 13px;
background: url(../image/bg-color.png) -1032px -60px no-repeat;
position: absolute;
right: -2px;
bottom: -2px;
z-index: 2;
display: block;
}
.options.option5.color-filter li input[type="checkbox"]:checked + label {
position: relative;
border: 2px solid #cb2027;
border-radius: 100%;
}
.options.option3.color-filter li input[type="checkbox"]:checked + label em {
width: 13px;
height: 13px;
background: url(../image/bg-color.png) -1032px -60px no-repeat;
position: absolute;
right: -2px;
bottom: -2px;
z-index: 2;
display: block;
}
.options.option3.color-filter.color-filter_4 li input[type="checkbox"]:checked + label {
position: relative;
border: 2px solid #cb2027;
}
.cmb_filter_option + label {
border:none;
}
.cmb_filter_option + label em{
display: none;
}
.options.option5.color-filter{
padding-top: 10px;
}
.navbar-inverse .navbar-nav > li > a {
color: #5b5153 !important;
}
#cart > .btn {
padding: 0 !important;
line-height: 38px;
}
.item-cats {
padding-top: 10px;
width: 100%;
float: right;
}
.item-cats ul:nth-child(1) ,.item-cats ul:nth-child(2){
padding-right: 5px;
}
.nav-pills > li.active a::after {
border: medium solid transparent;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
bottom: 100%;
content: " ";
height: 0;
pointer-events: none;
position: absolute;
width: 0;
border-color: transparent transparent #fff;
border-width: 10px;
left: 50%;
margin-left: -10px;
}
.responsive-tabs-container[class*="accordion-"] .tab-pane {background-color: #fff;}
#myModal .modal-dialog{z-index: 1041!important;}
.suboption {
display: inline-block;
width: 23px;
text-align: center;
font-size: 11px;
}
#button-inform{
padding: 0 0 0 15px !important;
background-color: #2795ea;
background-image: none !important;
}
#button-inform .fa.fa-bell{
background-color: #39a3f7;
height: 35px;
width: 40px;
line-height: 32px;
margin-left: 5px;
}
#tab-specification .table-bordered {
border: none !important;
background-color: #fff;
display: table;
border-collapse: separate;
border-spacing: 10px;
}
#tab-specification table tr td:nth-child(1) {
background: #f0f1f2;
border-spacing: 37px !important;
border: 1px solid #e3e4e6;
}
#tab-specification table tr td:nth-child(2) {
background-color: #f7f9fa;
border: 1px solid #e3e4e6;
}
#input-review {
height: 180px !important;
display: block;
width: 100% !important;
}
.glyphicon-question-sign::before,.glyphicon-info-sign::before {
vertical-align: middle;
}
.glyphicon-info-sign::before{
margin-left:5px;
}
/* The responsive part */
.breadcrumb > * div {
/* With less: .text-overflow(); */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb > *:nth-child(n+2) {
display:none;
}
/* === For phones =================================== */
@media (max-width: 767px) {
#search_result {
width: 93% !important;
}
.search_result_left {
width: 100% !important;
}
.filter-dropdown {
line-height: 27px !important;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
white-space: inherit;
}
iframe {
width: 100%;
height: auto;
}
.breadcrumb > li:nth-child(2) {
display: inline-block !important;
}
.breadcrumb > *:nth-last-child(-n+2) {
display:inline-block;
}
.breadcrumb > * div {
max-width: 200px;
}
}
/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
.noUi-target {
margin: 0 auto !important;
}
.navbar-inverse .navbar-nav > li > a {
font-size: 12px !important;
padding: 10px 6px !important;
}
.col-custom {
width: 25% !important;
}
.breadcrumb > *:nth-last-child(-n+4) {
display:inline-block;
}
.breadcrumb > * div {
max-width: 100px;
}
}
/* === For desktops ================================== */
@media (min-width: 992px) {
.breadcrumb > *:nth-last-child(-n+6) {
display:inline-block;
}
.breadcrumb > * div:not(:last-child) {
max-width: 170px;
}
.breadcrumb > * div:last-child {
width: 100%;
}
}
.thumbnails > li {
margin-right:0 !important;
}
.product_rating_box .fa {color:#f5de2f!important;}
.related-pro .swiper-slide:hover,.slider_recent .spetial-box:hover {
border: 1px solid #e22739 !important;
}
.search_result_category1 {
display:none;
position: absolute;
background-color: #fff;
width: 87%;
z-index: 99999;
margin-bottom: 0 !important;
pdding-bottom:5px;
overflow: hidden;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
list-style: none;
padding-right: 10px;max-height: 300px;
overflow-y: scroll;
}
.search_result_category1 li:hover{background-color: #eee;}
.search_result_category1 span {
color: #000;
display: block;
float: right;
}
.search_result_category1 img {
display: block;
float: right;
border: 0;
}
.search_result_category1 a {
height: 33px;
width: 100%;
float: right;
overflow: hidden;
line-height: 33px;
}
.carousel-indicators .active {
width: 100%;
}
.related-pro .swiper-slide, .slider_recent .spetial-box{
border: 1px solid transparent !important;
margin-bottom: 2px !important;
}
.slider-kadoo-box .swiper-slide {
min-height: 80px;
}
.table.table-bordered:nth-child(3) > tbody > tr > td:nth-child(1){
padding: 0 15px;
background-color: #f3f4f6;
border: 1px solid #e1dfe0;
border-radius: 0 2px 2px 0;
font-size: 13px;
line-height: 23px;
}
.table-responsive > table:nth-child(1) > tbody > tr > td:nth-child(1)
{
background-color: #f3f4f6;
}
.table-responsive > table:nth-child(1) > tbody > tr > td:nth-child(2)
{
background-color: #f2fdff;
}
.img-pro .text-center {
position: relative;
}
.compar-pro-list tbody:nth-child(1) td,tbody:nth-child(1) tr {
border: none !important;
}
.compar-pro-list table,.compar-pro-list table img {
border: none !important;
}
.compar-pro-list table td{
text-align: center;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
text-align: right;
padding: 8px;
}
.swiper-wrapper {
direction: rtl;
}
.color-box {
position: absolute;
bottom: 0;
width: 100%;
right: 0;
z-index: 9999;
}
.size-box input[type="radio"]:checked + span em{
width: 13px;
height: 13px;
background: url(../image/bg-color.png) -1032px -60px no-repeat;
position: absolute;
right: -2px;
bottom: -2px;
z-index: 0;
}
.size-box input[type="radio"]:checked + span{
position: relative;
border: 2px solid #cb2027;
}
.cat-filter ul li input[type="checkbox"] {
display: inline-block !important;
}
.breadcrumb > li + li:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #000;
font-family: 'web_icon' !important;
content: "\f104";
}
.cat-filter .options{
max-height: 200px !important;
overflow-y: auto;
overflow-x: hidden;
}
.options.option3.color-filter {
max-height: 200px !important;
overflow-y: auto;
overflow-x: hidden;
}
.option3 li input[type="checkbox"] {
display: inline-block !important;
position: absolute;
top: -1px;
right: -4px;
opacity: 0;
}
.cat-filter ul li input[type="checkbox"] {
display: inline-block !important;
position: absolute;
top: 5px;
right: -4px;
opacity: 0;
z-index: 9;
}
.option3 li {
position:relative;
padding-right: 28px;
line-height: 20px;
}
.cat-filter ul li{
position:relative;
padding-right: 25PX;
}
.option3 .input-em {
width: 14px;
height: 10px;
display: inline-block;
position: absolute;
top: 5px;
border: 1px solid #eee;
margin-right: 8px;
right: 0;
}
.options.option3.color-filter.color-filter_2 li input[type="checkbox"]:checked + label{
position: absolute !important;
border: none !important;
}
.option3 li input[type="checkbox"]:checked + label,.cat-filter li input[type="checkbox"]:checked + label,.block.cat-filter .options li input[type="checkbox"]:checked + label,.block.cat-filter .options li input[type="checkbox"]:checked + label{
background:#d81d26 url(../image/filter.png) -128px -368px;
border-color:#d81d26 !important;
cursor: pointer;
}
.options.option3.color-filter li:hover .input-em,.input-em:hover,.block.cat-filter .options li:hover .input-em{
background:#d81d26 url(../image/filter.png) -128px -368px;
border-color:#d81d26 !important;
cursor: pointer;
}
.cat-filter .input-em {
width: 14px;
height: 10px;
display: inline-block;
position: absolute;
top: 11px;
border: 1px solid #eee;
right: 0px;
}
.option3 li:hover , .cat-filter li:hover {
color: #d81d26 !important;
cursor: pointer;
}
.like .heart-sale {
right: 29px;
}
.like > span{
float: right;
padding-right: 10px;
}
.playList{max-height: 500px;overflow-y: scroll;}
.related-pro .caption {
padding: 0 !important;
text-align: center;
}
.related-pro .caption h4,.related-pro .price-old,.related-pro .price-new{
text-align: center !important;
}
.button-group.pro-favo .like i {
left: 17px;
}
.block.cat-filter ul {
overflow-y: auto;
overflow-x: hidden;
}
.btn-filter input[type="radio"]:checked + span {
background-color: #333 !important;
color: #fff;
}
.history-pro .caption,.history-pro .caption h4{
padding: 0 !important;
text-align: center !important;
}
.giftpaper{opacity: 0;}
.col-custom{width:20%;float:right;}.
.filter-dropdown input[type="checkbox"],.filter-dropdown input[type="radio"] {
vertical-align: middle;
}
.filter_checkbox {
height: auto !important;
}
.filter-dropdown .dropdown-menu > li > a {
padding: 0 !important;
}
.footer-item li{
text-align: right;
}
.noUi-target {
width: 80%;
}
.button-group.filter_group .btn {
background-image: none !important;
border-radius: 0 !important;
height: 30px;
position: relative;min-width: 60px;
border: 1px solid #a19d9d;
min-width: 80px;
box-shadow: 0px 0px 3px #b6b6b6;
}
.sec1{
padding:0 !important;
}
.button-group.filter_group .caret {
float: left;
margin-top: -11px;
position: absolute;
left: 5px;
top: 23px;
}
.panel-group {
margin-bottom: 0 !important;
}
.block.filter_group:hover label {
cursor: pointer;
}
@media screen and (max-width:461px){
.col-left .col-xs-12 {
width: 50% !important;
padding: 4% !important;
}
.col {
text-align: right;
padding: 4px;
}
}
.heart-pro{
top: 11px;
}
@media screen and (min-width:992px){
.sort-des .sort_label {
width: 10%;
}
}
.block {
width: 100%;
float: right;
}
.options.option5.color-filter {
max-height: 200px !important;
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 400px) {
.row.section2 {
display: none;
}
}
@media (min-width: 401px) {
#section2{
padding-top:50px !important;
background: #fff;
}
}
.item-left img,.product-img img {
margin: 0 auto;
}
.history-pro.product-thumb .price-old ,.history-pro.product-thumb .price-new{
text-align: center !important;
}
@media screen and (max-width:499px){
.product-thumb .image > img:nth-child(1) {
width: 125px !important;
}
.product-grid .product-thumb .options{
padding-right: 10px;
}
.suboption {
width: 22px !important;
}
.product-layout{
width: 50%;
padding: 4px;
height: auto !important;
}
.product-layout.product-grid .image-product {
height: 181px !important;
}
.product-layout.product-grid .flip-container {
height: 181px !important;
}
.product-layout.product-grid .product-thumb {
height: 300px !important;
}
.front img, .back img {
height: 181px;
}
.rating .fa-stack {
font-size: 5px !important;
}
.rate {
height: 22px;
margin:0 !important;
text-align: center;
}
.favo-box {
text-align: right;
}
.suboption {
display: inline-block;
text-align: center;
font-size: 10px !important;
}
.shop {
width: 23px !important;
height: 23px !important;
}
.buy-product {
margin-top: 0 !important;
line-height: 28px !important;
}
}
.list-group a {
border-right: 2px solid transparent;
}
.list-group a:hover {
border-right: 2px solid #e3263c !important;
}
.list-group-item span:hover span::before{
color: #e3263c;
}
.well {
background-image: none !important;
background-color: transparent !important;
position: relative;
border: none !important;
box-shadow: none !important;
z-index: 99;
position: relative;
}
.well::before {
content: '';
display: block;
position: absolute;
top: 0;
width: 20%;
left: 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
height: 30%;
z-index: -1;
}
.well::after {
content: '';
display: block;
position: absolute;
bottom: 0;
width: 20%;
right: 0;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
height: 30%;
z-index: -1;
}
.row.inner.login-page {
padding-top: 15px;
}
#slideshow .carousel-indicators .active {
width: 10px !important;
background-color: #ff6b00 !important;
border: 1px solid #ff6b00 !important;
border-radius:10px !important;
height:10px !important;
}
#slideshow .carousel-indicators li {
background-color: #8d9194 !important;
border: 1px solid #8d9194 !important;
}
#slideshow .carousel-indicators {
bottom: -37px !important;
}
.tab-content img {
max-width: 100%;
display: block;
height: auto;
}
.thumbnails {
width: 100%;
float: right;
}
.product-image .thumbnails {
overflow: hidden;
}
.thum-box .thumbnails {
align-items: center;
}
.product-image .thumbnails {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 0 !important;
}
.product-image .thumbnails li .thumbnail{
background-color:transparent !important;
border: none !important;
border-radius: 4px;
margin-bottom: 0 !important;
}
.img-thumbnail, .thumbnail {
height: 100%;
}
.row.hidden-xs.item-box {
display: flex;
flex-wrap: wrap;
}
.row.hidden-xs.item-box> [class*="col-"] {
display: flex;
flex-direction: column;
}
@media screen and (min-width:991px) {
.timer {
width: 50%;
float: right;
}
}
@media screen and (max-width:990px) {
.timer {
width: 60%;
float: right;
}
}
#cart-xs .order-count{
position: absolute;
top: -8px;
right: -1px;
display: block;
z-index: 10;
background: #cb2027;
color: #fff;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
font-size: 11px;
font-weight: 400;
border-radius: 100%;
line-height: 21px;
}
#cart-xs .dropdown-menu {
right: -40px !important;
}
.table-responsive {
border: none !important;
}
.table-cart.table-bordered {
width: 100%;
}
.row-reward p {
line-height: 30px;
}
.row.tbl-total-cost {
margin-top: 10px !important;
}
.alert{
align-items: center;
display: flow-root;
}
.modal-open .modal {
margin-top: 50px;
}
.container.related-box span {
padding-bottom: 20px !important;
}
.leftsidebarfixed {
position: fixed;
width: 20%;
}
.tab-content .swiper-container {
width: 100%;
height: 100%;
}
div#content img {
max-width: 100%;
height: auto;
}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
font-size: 13px;
}
#input-coupon,#input-voucher {
width: 82%;
}
#button-coupon,#button-voucher {
width: 100px;
}
#accordion .control-label {
text-align: center;
}
#accordion .panel-body {
padding: 10px !important;
}
#button-coupon:hover,#button-voucher:hover {
background-color: #333 !important;
background-image: none;
}
.link-register a {
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(227, 227, 227);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(227, 227, 227);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(227, 227, 227);
border-right: 5px solid #ce1715 !important;
margin: 10px 0 !important;
font-size: 12px;
text-align: right;
background-color: #f5f5f5 !important;
color: #333 !important;
}
.link-register a:hover {
color: #ce1715 !important;
}
.list-group.link-register {
background: transparent !important;
border: none !important;
}
#accordion .panel-heading h4 {
font-size: 13px;
}
.owl-pagination {
display: none !important;
}
.carousel-item + .carousel-item {
margin-right: 5px;
}
.row.copy-right {
text-align: center;
color: #8b8a8a;
}
.copy {
font-size: 12px;
}
.design {
font-size: 11px;
}
.container-fluid.footer-bottom {
padding: 5px 0 !important;
}
.owl-logo img {
width: auto !important;
}
.owl-logo {
background-color: #fff;
margin-bottom: 20px !important;
}
.tab-content .owl-carousel {
background-color: #fff;
}
.advert-box img {
margin-bottom: 5px;
}
label.control-label.sss {
float: right;
position: relative;
top: 6px;
}