@font-face{
font-family:'yekan';
src:url("../fonts/yekanweb.eot");
src:url("../fonts/yekanweb.eot?#iefix") format("embedded-opentype"),url("../fonts/yekanweb.woff") format("woff"),url("../fonts/yekanweb.ttf") format("truetype"),url("../fonts/yekanweb.svg#web_Yekan") format("svg");
font-style:normal;
font-weight:normal;
text-rendering:optimizeLegibility;
}
@font-face{
font-family:'numbers';
src:url("../fonts/yekannumbers.eot");
src:url("../fonts/yekannumbers.eot?#iefix") format("embedded-opentype"),url("../fonts/yekannumbers.woff") format("woff"),url("../fonts/yekannumbers.ttf") format("truetype"),url("../fonts/yekannumbers.svg#web_Yekan") format("svg");
font-style:normal;
font-weight:normal;
text-rendering:optimizeLegibility;
}
body{
margin: 0;
padding: 0;
font-family: 'yekan','numbers';
font-size: 14px;
color: #505050;
background-color: #fff;
overflow-x: hidden;
}
/***********Default setting************/
a,i,form button,.last-products article > div > div .buy-button{ outline: none; text-decoration: none; -webkit-transition : all 0.2s linear 0s; -moz-transition : all 0.2s linear 0s; -ms-transition : all 0.2s linear 0s; -o-transition : all 0.2s linear 0s; transition : all 0.2s linear 0s}
a:hover,a:active{text-decoration: none; color: #008DDE;outline: none;}
a:visited,a:link{text-decoration: none;outline: none;}
a{color: #7A7979}
i,span,label,a{display: inline-block}
ul{list-style: none !important; list-style-type: none !important; margin: 0; padding: 0}
h1,h2,h3,h4,h5,h6{ font-size: 14px; margin: 0; padding: 0}
.border-radius,.comment-layer,.comment-layer header span,
.comment-layer ul img,.comment-layer ul li,.comment-layer ul li .reply-button{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
a,span,label,i,p,div{font-weight: normal !important}
/***********clearFix************/
.top-menu ul:after, .clientarea ul:after,.logo-layer:after,.mega-menu .container > ul:after,
.mega-menu .container > ul > li > ul:after,.form-search form:after,
.right-side-content section article ul li:after,.blog-side ul li:after,.last-products article div > div:after,
.right-side-content .basket-side article ul li:after,.pagination-layer:after,.archive-news article:after,
.detail-product > div:after,.basket-style .tbl-head ul:after,
.basket-style .tbl-body ul:after,.basket-style .tbl-body ul li:first-child:after{display: block; clear: both; content: ''; visibility: hidden; height: 0; line-height: 0}
.top-nav{
border-bottom: 1px solid #dfdfdf;
background-color: #fff;
position: relative;
}
.top-nav .container .right-nav{
padding-right: 0
}
.top-nav .container .left-nav{
padding-left: 0
}
.top-nav .clientarea ul li{
float: right;
padding: 0;
border-left: 1px solid #dfdfdf
}
.top-nav .clientarea ul li a{
padding: 0 15px;
display: block;
line-height: 35px
}
.top-nav .clientarea ul li a label{
margin: 0
}
.top-nav .clientarea ul li a i{
color: #008DDE;
font-size: 18px;
position: relative;
margin-left: 4px;
top: 2px
}
.top-nav .clientarea ul li a span{
color: #fff;
background-color: #008DDE;
margin-right: 6px;
width: 25px;
height: 25px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
line-height: 23px;
text-align: center;
position: relative;
top: -1px
}
.top-nav .clientarea ul li:first-child{
border-right:1px solid #dfdfdf;
}
.top-nav .socials ul li{
float: left;
border-right: 1px solid #dfdfdf
}
.top-nav .socials ul li:first-child{
border-left:1px solid #dfdfdf;
}
.top-nav .socials ul li a{
display: block;
padding: 0 15px;
font-size: 20px;
line-height: 35px
}
.top-nav .socials ul li a .fa-facebook{
position: relative;
top: 2px
}
.header-site{
background-color:#f9f9f9;
padding: 15px 0
}
.header-site .logo-layer {
padding-right: 0
}
.header-site .left-header-site {
padding-left: 0
}
.header-site .logo-layer .logo{
float: right;
margin-left: 20px
}
.logo-layer h1 {
font-size: 28px;
padding-top: 5px;
padding-bottom: 15px;
color: #3677D8;
}
.logo-layer h1 span{
color: #EE2D2D
}
.logo-layer h2{
color: #686868;
font-size: 20px;
}
.left-header-site{
text-align: left;
}
.left-header-site h5{
font-size: 24px;
color: #008DDE;
padding-bottom: 5px;
padding-top: 5px;
}
.left-header-site h3{
font-size: 28px;
color: #008DDE;
}
.left-header-site h3 i{
margin-right: 13px;
position: relative;
top: 11px;
}
.icon-phone{
background:url('../img/phone.png');
width: 34px;
height: 34px;
}
.responsive-list{
position: absolute;
right: 30px;
font-size: 32px;
color: #686868;
display: none
}
.mega-menu{
width: 100%;
background-color: #fff;
padding: 0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
position: relative;
}
.mega-menu .container{
position: relative;
}
.mega-menu .container > ul > li{
float: right;
padding: 10px 0 10px 15px;
font-size: 15px;
font-weight: normal !important;
}
.mega-menu .container > ul > li > a{
color: #8E8D8D
}
.mega-menu .container > ul > li > a:hover{
color: #EE2D2D
}
.form-search{
width: 45px;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
position: absolute;
left: 14px;
top: 0;
padding: 0;
height: 41px;
background-color: #fff;
}
.form-search > span{
width: 45px;
font-size: 21px;
color: #848484;
padding: 5px 0;
text-align: center;
display: block;
}
.form-search > span:hover{
cursor: pointer;
color: #008DDE
}
.form-search form{
width: 265px;
position: absolute;
left: -1px;
top: 41px;
background-color: #fff;
border:1px solid #dfdfdf;
padding: 5px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
display: none;
z-index: 100
}
.form-search form input{
width: 200px;
border:1px solid #dfdfdf;
line-height: 35px;
padding: 0 10px;
color: #AAA9A9;
font-size: 14px;
float: right;
}
.form-search form button{
border:0;
line-height: 36px;
padding: 0 10px;
color: #fff;
background-color: #008DDE;
font-size: 15px;
float: left;
}
.form-search form button:hover{
background-color: #087EB9
}
.slider-layer{
direction: ltr;
width: 100%;
position: relative;
border-bottom: 2px solid #008DDE
}
.slider-layer a{
width: 100%;
display: block;
}
.slider-layer img{
width: 100%;
max-width: 100%;
max-height: 100%;
}
.slider-layer .owl-dots .owl-dot{
width: 15px;
height: 15px;
background-color: #fff;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
float: left;
margin-right: 3px
}
.slider-layer .owl-dots .active{
background-color:#008DDE
}
.slider-layer .owl-controls{
position: absolute;
bottom: 7%;
left: 8%;
z-index: 1000 !important
}
.right-side-content {
padding-right: 0
}
.left-side-content {
padding-left: 0
}
.right-side-content section{
border:1px solid #dfdfdf;
margin-bottom: 15px
}
.right-side-content section header{
padding: 10px 15px;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 5px
}
.right-side-content section header h3{
line-height: 22px;
font-size: 16px;
color: #686868
}
.right-side-content .basket-side article ul{
width: 100%;
}
.right-side-content .basket-side article{
padding: 5px;
}
.right-side-content .basket-side article ul li{
width: 100%;
padding: 10px;
border-bottom: 1px dotted #dfdfdf
}
.right-side-content .basket-side article ul li:last-child{
border-bottom: 0
}
.right-side-content .basket-side article ul li img{
width: 25%;
float: right;
border:1px solid #dfdfdf;
}
.right-side-content .basket-side article ul li .left-basket{
width: 70%;
padding-right: 10px;
float: right;
}
.right-side-content .basket-side article ul li a{
color: #757676;
padding-top: 5px;
line-height: 20px
}
.right-side-content .basket-side article ul li a:hover{
color: #008DDE
}
.right-side-content .basket-side article ul li span{
color: #008DDE;
width: 30px;
height: 25px;
line-height: 25px;
text-align: center;
padding: 0 4px;
font-family: 15px;
border: 1px solid #dfdfdf;
margin-right:10px;
}
.right-side-content .basket-side .show-basket-button{
color: #fff;
background-color: #1FB415;
padding: 5px 0;
text-align: center;
width: 100%;
margin: 5px 0 0;
line-height: 23px
}
.right-side-content .basket-side .show-basket-button:hover{
background-color: #1E9810
}
.category-side article{
padding: 20px
}
.category-menu > li > ul{
padding: 10px 0
}
.category-menu > li > ul li{
padding: 5px 0;
line-height: 22px
}
.category-menu > li{
position: relative;
padding-right: 22px;
line-height: 26px;
padding-bottom: 10px
}
.category-menu > li:before{
position: absolute;
font-family: 'FontAwesome';
content: '\f115';
font-size: 15px;
color: #69686D;
right: 0;
top: -5px
}
.category-menu > li ul li{
position: relative;
padding-right: 15px
}
.category-menu > li a{
color: #575757
}
.category-menu > li a:hover{
color: #DD0C0C;
padding-right: 10px
}
.category-menu > li ul li:before{
position: absolute;
font-family: 'FontAwesome';
content: '\f0d9';
color: #69686D;
font-size: 15px;
right: 0;
top: 3px
}
.blog-side li{
border-bottom: 1px dotted #dfdfdf;
padding: 10px
}
.blog-side li:last-child{
border-bottom: 0
}
.blog-side li a{
font-size: 14px;
line-height: 21px;
padding: 4px 4px 8px;
position: relative;
color: #7E7F7F
}
.blog-side li a:hover{
color: #008DDE
}
.blog-side li a i{
font-size: 9px;
color: #008DDE;
position: relative;
top: 1px;
margin-left: 5px
}
.blog-side li p{
font-size: 14px;
text-align: justify;
line-height: 21px;
color: #A1A2A2
}
.blog-side li span{
float: left;
font-size: 14px;
line-height: 21px;
padding: 4px 10px;
color: #9FA0A0;
background-color: #dfdfdf
}
.left-side-content section header {
width: 100%;
position: relative;
margin-bottom: 20px
}
.left-side-content section header h2,.left-side-content section header h3{
font-size: 16px;
color: #949494;
padding: 5px 15px;
line-height: 22px;
border-right: 5px solid #B7B7B7
}
.left-side-content section header a{
position: absolute;
font-size: 15px;
color: #B7B7B7;
left: 0;
top: 2px
}
.last-products article > div > div{
display: block;
padding: 1px;
border:1px solid #dfdfdf;
background-color: #fff
}
.last-products article h6{
text-align: center;
padding: 5px 10px 10px;
border-top: 1px dotted #dfdfdf;
border-bottom: 1px dotted #dfdfdf;
}
.last-products article h6 input{
margin-right: 5px;
position: relative;
top: 2px
}
.last-products article > div > div img{
display: block;
margin-bottom: 8px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding-bottom: 1px;
border-bottom: 1px solid #dfdfdf;
width: 100%
}
.last-products article > div > div h2{
font-size: 14px;
line-height: 22px;
padding: 0 10px 5px;
color: #888888;
text-align: center;
margin-bottom: 4px
}
.last-products article > div > div .price-layer{
margin-bottom: 10px;
direction: rtl;
padding: 5px 10px
}
.last-products article > div > div .price-layer label{
width: 100%;
line-height: 25px;
padding: 2px 0 4px;
color: #24920E;
font-size: 17px;
margin-bottom: -1px
}
.last-products article > div > div .buy-button{
line-height: 22px;
color: #fff;
background-color: #25B20E;
text-align: center;
margin: 5px 8px;
padding: 0
}
.last-products article > div > div .buy-button label{
display: block;
font-size: 21px;
line-height: 19px;
padding: 7px 0 2px;
text-align: center;
}
.last-products article > div > div .buy-button:hover{
background-color: #30A01A;
cursor: pointer;
}
.last-products article > div > div .buy-button:hover label{
cursor: pointer;
}
.last-products article > div > div:hover{
cursor: pointer;
}
.last-products article > div > div:hover h2{
color: #008DDE
}
.last-products article > div > div{
margin-bottom: 15px;
padding: 0 5px
}
.single-content header span{
position: absolute;
left: 15px;
top: 5px;
top: 11px;
color: #868584
}
.internal-style .breadcrumb{
border:1px solid #dfdfdf;
background-color: #fff
}
.internal-style .breadcrumb .active{
color: #008DDE
}
.single-content article{
padding:0 25px
}
.single-content p{
font-size: 14px;
line-height: 23px;
text-align: justify;
padding-bottom: 15px
}
.single-content h2{
font-size: 18px;
color: #EE2D2D;
padding-bottom: 15px
}
.tags-layer{
margin-top: 15px;
margin-bottom: 15px;
padding: 12px 12px 6px 12px !important;
}
.tags-layer a{
padding: 0 5px;
background-color: #f2f2f2;
line-height: 21px;
font-size: 13px;
color: #737373;
margin-left: 4px;
margin-bottom: 4px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tags-layer a:hover{
background-color: #008DDE;
color: #fff
}
.single-content h3{
font-size: 16px;
color: #FB6102;
padding-bottom: 15px
}
.pagination-layer{
width: 100%;
}
.pagination-layer .pagination{
margin: 10px 0;
float: left;
}
.archive-news article{
border:1px solid #dfdfdf;
padding: 15px;
margin-bottom: 20px
}
.archive-news article img{
width: 20%;
margin-left: 3%;
padding: 1px;
border:1px solid #dfdfdf;
float: right;
}
.archive-news .left-article{
width: 77%;
float: left;
}
.archive-news .left-article h2{
font-size: 18px;
color: #008DDE;
line-height: 22px;
padding: 15px 0 0
}
.archive-news .left-article p{
font-size: 14px;
color: #949494;
line-height: 24px;
padding: 10px 0 0 20px;
text-align: justify;
}
.archive-news .left-article span{
font-size: 14px;
color: #949494;
line-height: 35px;
padding: 0;
}
.archive-news .left-article span i{
margin-left: 5px
}
/*************comments**************/
.comment-layer .comment-list li:before{
content: '';
}
.comment-layer .btn.btn-primary{
background-color: #008DDE;
border:0;
border-bottom:3px solid #066595;
}
.comment-layer .btn.btn-primary:hover{
background-color: #999A9A;
border-bottom:3px solid #ADADAD;
color: #505050
}
.comment-layer{margin-top: 15px; margin-bottom: 15px; border:1px solid #dfdfdf; padding: 15px 10px 0}
.comment-layer .btn.btn-primary{width: 100%; margin-top: 15px}
.comment-layer textarea{min-height: 83px}
.comment-layer header {position: relative;}
.comment-layer header h3{ font-size: 18px}
.comment-layer header span{position: absolute; padding: 0 15px; left: 0; top:-2px; line-height: 30px; color: #505050; border:1px solid #f2f2f2; }
.comment-layer h6{width: 100%; line-height: 25px; padding: 15px 0; color: #505050; font-size: 18px; border-bottom: 1px solid #f2f2f2}
.comment-layer > ul{margin: 0; padding: 15px 0}
.comment-layer > ul h5{font-size: 13px; line-height: 12px; padding-bottom: 10px}
.comment-layer > ul p{font-size: 13px; line-height: 22px; text-align: justify;}
.comment-layer > ul img{margin: 0 0 0 10px; float: right;}
.comment-layer > ul li{border:1px solid #f2f2f2; padding:20px 15px 15px; margin-bottom: 10px; position: relative;}
.comment-layer > ul li:after{display: block; clear: both; content: ''; visibility: hidden;; height: 0; line-height: 0}
.comment-layer > ul li a{line-height: 35px}
.comment-layer ul li { position: relative}
.comment-layer ul li .reply-button{ background-color: #4e4d4d; color: #fff; left: 10px; top: 10px; z-index: 1000; line-height: 30px; padding: 0 10px; position: absolute;}
.comment-layer ul li .reply-button:hover{ background-color: #8F8E8E}
footer .top-footer{
background-color: #fff;
border-top: 3px solid #008DDE;
padding: 25px 0
}
footer .top-footer header h3{
border-right: 5px solid #008dde;
color: #4d4d4d;
font-size: 16px;
line-height: 30px;
margin-bottom: 15px;
padding-right: 15px;
}
.permalink-section ul li{
line-height: 25px;
position: relative;
padding-right: 13px;
}
.permalink-section ul li a{
color: #4D4D4D
}
.permalink-section ul li a:hover{
color: #008DDE;
padding-right: 5px
}
.permalink-section ul li:before{
content: '\f0d9';
font-family: 'Fontawesome';
position: absolute;
right: 0;
font-size: 15px;
color: #008DDE;
top: 3px
}
.contact-section p {
color: #4D4D4D;
font-size: 15px;
line-height: 22px;
padding: 5px 0
}
.contact-section p i{
color: #008DDE;
margin-left: 10px;
font-size: 17px
}
.bottom-footer{
width: 100%;
background-color: #008DDE;
padding: 15px 0
}
.bottom-footer ul{
padding: 0 0 5px
}
.bottom-footer ul li{
display: inline-table;
padding:5px;
line-height: 15px
}
.bottom-footer p{
padding: 0;
line-height: 18px;
color: #fff;
margin: 2px 0;
font-size: 13px
}
.bottom-footer p a{
color: #fff;
}
.bottom-footer ul li a{
color: #fff;
}
.bottom-footer ul li a:hover{
color: #9A9A9A
}
.social-layer{
margin-top: 22px
}
.social-layer a{
width: 30px;
height: 30px;
background-color: #fff;
color: #008DDE;
text-align: center;
line-height: 30px;
font-size: 18px;
float: left;
margin-right: 3px
}
.social-layer a:hover{
color: #fff;
background-color: #296ACB
}
section form {width: 100%; position: relative;}
section form input[type="text"],form input[type="email"],form input[type="password"],form select,form textarea{display: block; text-align: right; font-size: 13px; width: 60%; margin-bottom: 10px; line-height: 35px; padding: 0 15px; border:1px solid #E4E4E4; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color: #575757}
section form select option{padding: 2px 15px}
section form textarea{height: 150px; resize:none;}
section form input[type="submit"]{padding: 0 10px; background-color: #58b62a; border:0; color: #fff; line-height: 35px; margin: 15px 0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
section form input[type="submit"]:hover,form input[type="submit"]:active{background-color: #5DA126}
section form p{line-height: 22px; color: #575757; font-size: 13px;}
section form p a{color: #575757; padding-right: 25px;position: relative; }
section form p a:hover{color: #DD0C0C}
section form p a i{font-size: 18px; position: absolute; right: 0}
section form p a .fa-lock{font-size: 18px; right: 3px; top: 4px;}
section form p a .fa-user-plus{font-size: 18px;right: -4px;top: 2px;}
section form > label{display: block; color: #575757; font-size: 13px; line-height: 25px}
section form > label input{margin-left: 5px}
.internal-style section{
border:1px solid #dfdfdf;
}
.internal-style section header{
border-bottom: 1px solid #dfdfdf;
padding: 5px
}
.internal-style section header h2,.internal-style section header h3{
border-right: 0;
color: #686868
}
.internal-style section form{
padding: 15px
}
.margin-top-25{
margin-top: 25px
}
.margin-top-20{
margin-top: 20px
}
.margin-top-15{
margin-top: 15px
}
.archive-products{
border:0 !important;
padding: 0 !important
}
.archive-products article > div{
padding: 10px !important
}
.archive-products article > div > div{
margin-bottom: 0 !important
}
.pagination-layer{
margin-bottom: 20px
}
.product-gallery{
padding-right: 0
}
.large-image{
padding: 1px;
border:1px solid #dfdfdf;
margin-bottom: 15px
}
.large-image img{
display: block;
width: 100%;
max-width: 100%
}
.thumbnails-image .row > div img{
border:1px solid #dfdfdf;
padding: 1px;
display: block;
width: 100%;
max-width: 100%
}
.detail-product > div{
padding: 30px 0
}
.detail-product > div span{
float: right;
line-height: 35px;
font-size: 22px;
color: #0FA412
}
.detail-product > div .add-to-card-link{
float: left;
background-color: #0FA412;
color: #fff;
padding: 4px 15px;
line-height: 30px
}
.detail-product > div .add-to-card-link:hover{
background-color: #1E9810
}
.detail-product > p{
line-height: 26px;
text-align: justify;
color: #757575;
font-size: 15px
}
.tabs-product #main-content,.tabs-product #properties{
padding: 20px;
}
.tabs-product #main-content h3,.tabs-product #properties h3{
color:#008DDE;
font-size: 18px;
padding: 10px 0
}
.tabs-product #main-content p,.tabs-product #properties p{
color: #717271;
font-size: 14px;
line-height: 24px;
text-align: justify;
margin-bottom: 10px
}
.tabs-product #main-content ul,.tabs-product #properties ul{
padding: 10px
}
.tabs-product #main-content ul li,.tabs-product #properties ul li{
line-height: 26px;
color: #717271;
position: relative;
padding-right: 12px
}
.tabs-product #main-content ul li:before,.tabs-product #properties ul li:before{
content: '\f104';
color: #008DDE;
position: absolute;
right: 0;
top: 2px;
font-size: 14px;
font-family: 'FontAwesome'
}
.tabs-product #price-chart > div{
padding: 30px
}
.tabs-product .tab-content{
border:1px solid #DFDFDF;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.tabs-product .nav-tabs{
border:0
}
.tabs-product .nav-tabs > li {
background: #f2f2f2 none repeat scroll 0 0;
margin-left: 5px;
margin-right: 2px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
position: relative;
top: -1px;
color: #5F5F5F;
font-size: 16px
}
.tabs-product .nav-tabs > li a{
color: #5F5F5F;
}
.tabs-product .nav-tabs > li a{
color: #5F5F5F;
}
.tabs-product .nav-tabs > li a:hover{
color:#008DDE;
}
.tags-layer{
border:1px solid #dfdfdf;
background-color: #fff;
padding: 5px 40px 5px 15px;
position: relative;
}
.tags-layer i{
position: absolute;
right: 13px;
font-size: 16px;
color: #B7B7B7;
top: 13px
}
.tags-layer a{
background-color: #E5E5E5;
padding: 0 8px;
line-height: 22px;
color: #888685;
margin: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tags-layer a:hover{
background-color:#DF7923;
color: #fff;
}
/*Basket Style*/
/*Head*/
.baskets-style{
margin-bottom: 25px
}
.basket-style .tbl-head{
width: 100%;
position: relative;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border:1px solid #dfdfdf;
background-color: #f2f2f2
}
.basket-style .tbl-head ul li{
width: 25%;
float: right;
text-align: center;
color: #6B6B6B;
font-size: 16px;
line-height: 22px;
padding: 10px ;
border-left: 1px solid #dfdfdf
}
.basket-style .tbl-head ul li:last-child{
border-left: 0
}
/*Body*/
.basket-style .tbl-body{
background-color: #fff;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
width: 100%
}
.basket-style .tbl-body ul {
border-bottom: 1px solid #dfdfdf;
}
.basket-style .tbl-body ul li{
width: 25%;
float: right;
padding: 10px;
border-left: 1px solid #dfdfdf;
min-height: 100px;
position: relative;
}
.basket-style .tbl-body ul li:last-child{
border-left: 0
}
.basket-style .tbl-body ul li:nth-child(2),
.basket-style .tbl-body ul li:nth-child(3),
.basket-style .tbl-body ul li:nth-child(4){
text-align: center;
}
.basket-style .tbl-body .product-image{
width: 28%;
float: right;
}
.basket-style .tbl-body .delete-button{
font-family: tahoma;
font-size: 20px;
font-weight: bold;
color: #EE2D2D;
position: absolute;
left: 10px;
top: 5px;
font-style: normal;
}
.basket-style .tbl-body .product-image img{
width: 100%;
max-width: 100%;
padding: 1px;
border:1px solid #dfdfdf;
}
.basket-style .tbl-body .product-info-left-side{
float: right;
width: 72%;
padding-right: 10px
}
.basket-style .tbl-body .product-title{
line-height: 21px;
font-size: 14px;
color: #4477D8;
padding: 10px 0
}
.basket-style .tbl-body .product-title:hover{
color: #2B2B2B
}
.basket-style .tbl-body .product-sizes{
color: #6B6B6B
}
.basket-style .tbl-body p {
padding: 15px 0
}
.basket-style .tbl-body p label{
color: #E97D23;
padding: 0 5px
}
.basket-style .tbl-body p span{
margin-left: 10px;
color: #6b6b6b
}
.basket-style .tbl-body .lbl-price{
color: #18AA10;
font-size: 18px;
padding: 15px 0
}
.basket-style .tbl-body .lbl-hidden{
display: none
}
/*Footer*/
.basket-style .tbl-footer{
width: 50%;
border:1px solid #dfdfdf;
border-top: 0;
float: left;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-bottom: 20px
}
.basket-style .tbl-footer ul{
width: 100%
}
.basket-style .tbl-footer ul li{
width: 100%;
border-bottom: 1px solid #dfdfdf;
line-height: 24px;
padding: 10px 15px;
color: #6b6b6b;
font-size: 16px
}
.basket-style .tbl-footer ul li:last-child{
border-bottom: 0
}
.basket-style .tbl-footer .total-price{
color:#18AA10;
font-size: 18px
}
.basket-style .tbl-footer .tax-price{
color:#1C7EBB
}
.hidden-head{
font-size: 16px;
line-height: 22px;
padding: 10px;
border:1px solid #dfdfdf;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-align: center;
display: none;
background-color: #f2f2f2;
width: 100%;
color: #2D2D2D
}
.submit-basket-button{
clear: both;
padding: 10px 15px;
border:0;
background-color:#1CBB1C;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 21px;
float: left;
width: 50%
}
.submit-basket-button:hover{
background-color: #0FA90F
}
/*compare*/
.compare-page h6{
width: 100%;
line-height: 25px;
padding: 10px 0;
text-align: center;
border:1px solid #dfdfdf;
color: #3E3E3E;
font-size: 18px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: 0
}
.compare-page .products-list{
border:1px solid #dfdfdf;
margin-bottom: 25px;
background-color: #F6F4F4;
}
.compare-page .products-list > div {
padding: 0
}
.compare-page .compare-product-list > div {
padding: 5px
}
.compare-page .products-list div div{
padding: 5px;
margin-bottom: 10px;
margin-top: 10px
}
.compare-page .products-list div div a{
display: block;
width: 100%
}
.compare-page .products-list div div a img{
display: block;
width: 120px;
height: 120px;
margin: 0 auto
}
.compare-page .products-list div div h2{
display: block;
width: 100%;
text-align: center;
line-height: 20px;
padding: 15px 10px 5px;
color: #303030;
border-bottom: 1px solid #C1BFBF;
margin-bottom: 10px;
min-height: 65px;
overflow: hidden;
}
.compare-page .compare-product-list p,.compare-page .subject-list p{
line-height: 19px;
padding: 10px;
margin-bottom: 0;
text-align: center;
}
.compare-page .products-list div div p:nth-of-type(odd){
background-color: #E1E0E0
}
.compare-side .show-compare-list{
color: #fff;
background-color: #1FB415;
padding: 5px 0;
text-align: center;
width: 100%;
margin: 5px 0 0;
line-height: 23px
}
.compare-side .show-compare-list:hover{
background-color: #1E9810
}
.compare-side article{
padding: 5px
}
.compare-side article ul{
margin-bottom: 5px
}
.compare-side article ul li{
line-height: 23px;
padding: 5px 5px
}
.compare-side article ul li i{
color: #E24848;
font-style: normal;
font-size: 13px;
margin-left: 4px;
position: relative;
top: 2px
}
.compare-product-list p label{
display: none
}
.subject-list p{
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.subject-list p:nth-child(1){
height: 137px;
background-color: #F6F4F4 !important
}
.subject-list p:nth-child(2){
min-height: 50px;
margin-bottom: 23px
}
@media screen and (max-width : 1000px) {
.responsive-list{display:block;}
.responsive-list:hover{cursor: pointer; color: #008DDE}
.mega-menu{height: 43px}
.mega-menu .container > ul{display: none; position: absolute; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width: 200px;z-index: 100; right: 65px;top: 8px;background-color: #686868;padding: 10px}
.mega-menu .container > ul > li{display: block; width: 100%;line-height: 22px;padding:6px 15px 5px; color: #fff}
.mega-menu .container > ul > li a{display: block; color: #fff; line-height: 21px}
.mega-menu .container > ul > li a:hover{color:#008DDE}
}
@media screen and (max-width : 991px) {
footer .top-footer section:nth-child(2){ margin-top: 25px}
footer .top-footer section:nth-child(3){ margin-top: 25px}
.basket-style .tbl-body .product-image{
display: none
}
.basket-style .tbl-body .product-info-left-side{
float: none;
width: 100%
}
.basket-style .tbl-footer{
width: 100%
}
.basket-style .tbl-body ul li{
width: 100%;
float: none;
text-align: right !important;
min-height: auto !important;
padding: 0 15px !important;
border-left: 0 !important
}
.basket-style .tbl-body ul{
padding: 10px 0
}
.basket-style .tbl-body .product-info-left-side{
padding-right: 0
}
.basket-style .tbl-body p,.basket-style .tbl-body .lbl-price{
padding: 5px 0
}
.basket-style .tbl-body .product-title,
.basket-style .tbl-body .product-sizes{
display: block;
line-height: 24px
}
.basket-style .tbl-body .product-sizes{
padding-bottom: 5px
}
.basket-style .tbl-body p label{
padding: 0
}
.basket-style .tbl-head{
display: none
}
.hidden-head{
display: block;
}
.submit-basket-button{
width: 100%;
float: none;
}
.lbl-hidden{
display: inline-block !important;
color: #757675;
margin-left: 5px
}
}
@media screen and (max-width : 767px) {
.top-nav .container .left-nav,.top-nav .clientarea ul li a label,.header-site .left-header-site{display: none}
.top-nav .container .right-nav,.header-site .logo-layer{ width: 100%}
.slider-layer{display: none}
.baskets-style .row{padding: 0 25px}
.compare-product-list p label{ display: inline-block; color: #008DDE}
}
@media screen and (max-width : 480px) {
.logo-layer h1{font-size: 20px; padding-top: 15px}
.logo-layer h2{font-size: 15px}
}
/****ToolTip****/
.social-icon[data-balloon] {
overflow: visible;
}
[data-balloon] {
position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.18s ease-out 0.18s;
transition: all 0.18s ease-out 0.18s;
bottom: 100%;
left: 50%;
position: absolute;
z-index: 10;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
font-size: 13px !important;
letter-spacing: 1px !important
}
.social-icon[data-balloon]:after,
.social-icon[data-balloon]:before{
font-size: 13px !important;
letter-spacing: 0 !important
}
[data-balloon]:after {
background: #686868;
border-radius: 4px;
color: #fff;
content: attr(data-balloon);
font-size: 12px;
padding: 0 15px;
white-space: nowrap;
margin-bottom: 11px;
}
[data-balloon]:before {
background: url('data:image/svg+xml;utf8,') no-repeat;
background-size: 100% auto;
height: 6px;
width: 18px;
content: "";
margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
pointer-events: auto;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
[data-balloon][data-balloon-break]:after {
white-space: normal;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
bottom: auto;
left: 50%;
top: 100%;
-webkit-transform: translate(-50%, -10px);
-ms-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
margin-top: 11px;
}
[data-balloon-pos="down"]:before {
background: url('data:image/svg+xml;utf8,') no-repeat;
background-size: 100% auto;
height: 6px;
width: 18px;
margin-top: 5px;
margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"][data-balloon-visible]:before,
[data-balloon-pos="down"]:hover:after,
[data-balloon-pos="down"][data-balloon-visible]:after {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
bottom: auto;
left: auto;
right: 100%;
top: 50%;
-webkit-transform: translate(10px, -50%);
-ms-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
margin-right: 11px;
}
[data-balloon-pos="left"]:before {
background: url('data:image/svg+xml;utf8,') no-repeat;
background-size: 100% auto;
height: 18px;
width: 6px;
margin-right: 5px;
margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"][data-balloon-visible]:before,
[data-balloon-pos="left"]:hover:after,
[data-balloon-pos="left"][data-balloon-visible]:after {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
bottom: auto;
left: 100%;
top: 50%;
-webkit-transform: translate(-10px, -50%);
-ms-transform: translate(-10px, -50%);
transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
margin-left: 11px;
}
[data-balloon-pos="right"]:before {
background: url('data:image/svg+xml;utf8,') no-repeat;
background-size: 100% auto;
height: 18px;
width: 6px;
margin-bottom: 0;
margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"][data-balloon-visible]:before,
[data-balloon-pos="right"]:hover:after,
[data-balloon-pos="right"][data-balloon-visible]:after {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
[data-balloon-length]:after {
white-space: normal;
}
[data-balloon-length="small"]:after {
width: 80px;
}
[data-balloon-length="medium"]:after {
width: 150px;
}
[data-balloon-length="large"]:after {
width: 260px;
}
[data-balloon-length="xlarge"]:after {
width: 90vw;
}
@media screen and (min-width: 768px) {
[data-balloon-length="xlarge"]:after {
width: 380px;
}
}
[data-balloon-length="fit"]:after {
width: 100%;
}