/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*------------*/
body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #757575;
font-size: 14px;
line-height: 1.428571429;
width: 100%;
background: #fff;
}
*:focus{
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
color: #3e444a;
line-height: 1.3;
}
/* default font size */
.fa {
font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
font-size: 33px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10.2px;
}
a {
color: #343434;
cursor: pointer;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
a:focus,
a:active,
a:hover {
text-decoration: none;
color: #ffd54c;
}
body ::-webkit-scrollbar-track
{
background-color: #f2f2f2;
border-radius:0;
}
body ::-webkit-scrollbar
{
width: 5px;
height: 5px;
background-color: #ddd;
border-radius: 0;
}
body ::-webkit-scrollbar-thumb
{
background-color: #ddd;
border-radius: 0;
}
legend {
font-size: 18px;
padding: 7px 0px;
color: #303030;
border-color: #ddd;
}
label {
font-size: 13px;
font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 13px;
}
input[type=text] {
min-width: 50px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px;
}
.input-group .input-group-addon {
font-size: 12px;
height: 30px;
}
img{
max-width: 100%;
height: auto;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
.flip{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
/* tooltip */
.tooltip.top .tooltip-arrow {
border-top-color: #ffd54c;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #ffd54c;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #ffd54c;
}
.tooltip.right .tooltip-arrow {
border-right-color: #ffd54c;
}
.tooltip.left .tooltip-arrow {
border-left-color: #ffd54c;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #ffd54c;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #ffd54c;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #ffd54c;
}
.tooltip-inner{
background: #ffd54c;
}
.alert{
text-align: center;
font-size: 13px;
/* margin: 0; */
border-radius: 0;
border: none;
}
/* transition */
a:hover,.banner-3 a:hover::before,
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover,
.product-layout:hover .action-links,
.static-policy .col:hover .text-content h2, .static-policy .col:hover .col-img .hover,
.layout1:hover .btn-wishlist, .layout1:hover .btn-compare,
.banner-2 a:hover::before, .product-image:hover .img-r,
.banner-1 > div:hover img{
-webkit-transition: ease-in-out all .3s;
-moz-transition: ease-in-out all .3s;
transition: ease-in-out all .3s;
}
#button-guest:hover, #button-search:hover, #button-review:hover, #button-account:hover,
#button-login:hover, #button-confirm:hover, #button-payment-method:hover, #button-register:hover,
#button-shipping-method:hover, #button-quote:hover, #button-coupon:hover,
.form-horizontal input.btn:hover, a.btn:hover, input[type='submit']:hover, .button:hover{
color: #fff;
background-color: #ffd54c;
}
#button-guest, #button-search, #button-review, #button-account, #button-login, #button-confirm,
#button-payment-method, #button-shipping-method, #button-quote, #button-coupon, #button-register,
.form-horizontal input.btn, a.btn, input[type='submit'], .button{
border: none;
background: #f0f0f0;
padding: 0 30px;
text-transform: capitalize;
font-size: 14px;
font-weight: 600;
color: #3e444a;
line-height: 48px;
display: inline-block;
vertical-align: top;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#button-voucher,
#button-coupon{
height: 34px;
line-height: 34px;
margin-left: 10px;
border-radius: 20px;
}
#button-search + h2{
display: none;
}
#button-search{
margin: 15px 0;
}
#modal-agree{
z-index: 9999;
}
/* owl carousel */
.owl-container {
margin: 0 -10px;
}
.owl-container .owl-item {
padding: 0 10px;
}
.owl-carousel.owl-theme:hover .owl-nav div {
opacity: 1;
}
.owl-carousel.owl-theme .owl-dot:hover span {
background: #ffd54c;
}
.owl-carousel.owl-theme .owl-dot.active span {
border: 1px solid #26b5f1;
background: #fff;
transform: scale(1.5);
}
.owl-carousel.owl-theme .owl-dot {
display:inline-block;
vertical-align:top;
}
.owl-carousel.owl-theme .owl-dot span {
width: 12px;
height: 12px;
border-radius: 100%;
background: #d6d6d6;
margin: 5px 8px;
display: block;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.owl-carousel.owl-theme .owl-nav {
margin: 0;
}
.owl-carousel.owl-theme .owl-nav div {
position: absolute;
top: 50%;
font-size: 0;
margin: 0;
margin-top: -30px;
width: 60px;
height: 60px;
padding: 0;
line-height: 58px;
color: #a9a9a9;
background: rgba(255,255,255,0.75);
border: 1px solid #e9e9e9;
border-radius: 100%;
text-align: center;
cursor: pointer;
opacity: 0;
z-index: 10;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.owl-carousel.owl-theme .owl-nav div:before {
font-family: "Ionicons";
display: inline-block;
vertical-align: top;
font-size: 21px;
width: 100%;
line-height: inherit;
}
.owl-carousel.owl-theme .owl-nav div.owl-prev {
left: 0;
}
.owl-carousel.owl-theme .owl-nav div.owl-prev:before {
content: "\f3d5";
}
.owl-carousel.owl-theme .owl-nav div.owl-next {
right: 0;
}
.owl-carousel.owl-theme .owl-nav div.owl-next:before {
content: "\f3d6";
}
.owl-carousel.owl-theme:hover .owl-nav div.owl-prev {
left: -10px;
}
.owl-carousel.owl-theme:hover .owl-nav div.owl-next {
right: -10px;
}
.owl-carousel.owl-theme .owl-nav div:hover {
background: #ffd54c;
border-color: #ffd54c;
color: #fff;
}
/*--------------*/
/* newsletter popup */
.b-close{
display: block;
padding: 5px 10px;
}
.newletter-popup{
background: #fff;
top: 50% !important;
width: 55%;
position: fixed !important;
padding: 0;
text-align: center;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
#boxes .newletter-title h2{
font-size: 24px;
text-transform: uppercase;
color: #000;
font-weight: 700;
letter-spacing: 3px;
margin: 0 0 15px;
}
.newletter-popup #dialog {
padding: 50px 20px;
}
#boxes .box-content label{
font-weight: 400;
font-size: 15px;
}
#boxes #frm_subscribe .required{
color: #f00;
padding-right: 5px;
}
#boxes #frm_subscribe a{
cursor: pointer;
}
#boxes #frm_subscribe #subscribe_pemail{
background: #EBEBEB none repeat scroll 0% 0%;
border: medium none;
height: 40px;
width: 65%;
margin: 20px 0;
padding:0 15px;
font-size: 15px;
}
#boxes .box-content .subscribe-bottom{
margin-top: 20px;
}
#boxes .box-content .subscribe-bottom label{
margin: 0;
}
#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again{
display: inline-block;
margin: 0;
vertical-align: middle;
margin-top: -1px;
}
#boxes #frm_subscribe #notification{
color: #f00;
}
#boxes #frm_subscribe #notification .success{
color: #67D7BB;
}
#popup2{
text-align: center;
background: #333;
border-radius: 0;
cursor: pointer;
float: right;
padding: 0;
color: #fff;
margin-top: -49px;
margin-right: -19px;
}
#popup2:hover {
background:#ffd54c;
}
/* newsllter */
.newletter-subscribe-container {
}
.newletter-subscribe-container .box {
}
.newletter-title h5 {
color: #333333;
font-size: 17px;
font-weight: 700;
margin: 0;
margin-bottom: 22px;
}
.newletter-title p {
margin: 0;
}
#dialog-normal .newleter-content{
}
#subscribe-normal {
margin-bottom: 0;
position: relative;
margin-top: 25px;
}
#subscribe_email-normal{
display: inline-block;
vertical-align: top;
padding: 10px 15px;
padding-right: 125px;
line-height: 30px;
height: 48px;
color: #9e9e9e;
font-size: 13px;
width: 100%;
border: 0;
background: #f0f0f0;
border-radius: 5px;
-webkit-border-radius: 5px;
text-align: left;
box-shadow: none;
-webkit-box-shadow: none;
}
#frm_subscribe-normal .btn:hover{
color: #fff;
background: #3e444a;
}
#frm_subscribe-normal .btn {
line-height: 48px;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 0 18px;
font-size: 14px;
max-width: 120px;
color: #3e444a;
background: #ffd54c;
font-weight: 400;
position: absolute;
text-transform: uppercase;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#frm_subscribe-normal .btn:before {
content: "\f003";
font-family: 'FontAwesome';
font-size: 18px;
display: inline-block;
vertical-align: top;
display: none;
}
#subscribe-normal .btn span {/* display: none; */}
#notification-normal{
position: absolute;
left: 0;
right: 0;
bottom: -30px;
font-size: 13px;
}
#notification-normal div{
color: blue;
}
#notification-normal div.warning{
color: red;
text-align: left;
}
#subscribe-normal ::-webkit-input-placeholder {
color: #9e9e9e;
opacity: 1;
}
#subscribe-normal :-moz-placeholder {
/* Firefox 18- */
color: #9e9e9e;
opacity: 1;
}
#subscribe-normal ::-moz-placeholder {
/* Firefox 19+ */
color: #9e9e9e;
opacity: 1;
}
#subscribe-normal :-ms-input-placeholder {
color: #9e9e9e;
opacity: 1;
}
/* Top */
#top{
background: #ffd54c;
}
#top .container-inner {
display: inline-block;
vertical-align: top;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#top .box-left {
float:left;
margin: 0;
list-style: none;
padding: 0;
}
.header-text p {
font-size: 12px;
font-style: italic;
text-transform: uppercase;
line-height: 22px;
padding: 10px 0;
margin: 0;
}
.header-text p a {
color: #ffd54c;
}
#top .box-right {
float:right;
}
#top .box > div {
display: inline-block;
vertical-align: top;
margin-right: 32px;
position: relative;
}
#top .box > div:after {
content: "";
width: 1px;
height: 12px;
background: #1b1b1b;
position: absolute;
top: 50%;
margin-top: -6px;
right: -18px;
}
#top .box > div:last-child {
margin: 0;
}
#top .box > div:last-child:after {
display: none;
}
#top .btn-group > .btn-link,#top .btn-group .text-ex {
text-shadow: none;
cursor: pointer;
font-size: 13px;
text-transform: capitalize;
overflow: hidden;
line-height: 24px;
font-weight: 400;
padding: 10px 0;
color: #3e444a;
display: block;
text-align: left;
border: 0;
text-decoration: none;
}
#top .setting .btn-group > .btn-link > .hidden-xs {
margin-left: 4px;
}
#top .btn-group .text-ex{
margin-right: 5px;
color: #777;
display: none;
}
#form-language .btn-group .btn-link img {
/* margin-right: 4px; */
}
#top .btn-group .btn-link i {
font-size: 11px;
margin-left: 6px;
font-weight: normal;
display: inline-block;
}
#top .btn-group .btn-link:hover {
/* color: #ffd54c; */
opacity: 0.7;
}
#top .btn-group .dropdown-menu{
position: absolute;
left: auto;
right: -10px;
text-align: left;
margin: 0;
border: 0;
background: white;
border-radius: 0;
padding: 0 20px;
-webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
}
#form-currency .btn-group .dropdown-menu{
}
#top .btn-group .dropdown-menu li {
border-bottom: 1px solid #eeeeee;
}
#top .btn-group .dropdown-menu li:last-child {
border:0;
}
#top .btn-group .dropdown-menu li > a,
#top .btn-group .dropdown-menu li> button {
padding: 9px 0;
line-height: 28px;
display: block;
text-transform: capitalize;
font-weight: 300;
height: inherit;
border-radius: 0;
text-align: left;
font-size: 13px;
color: #666;
}
#top .btn-group .dropdown-menu li > a:hover,
#top .btn-group .dropdown-menu li> button:hover {
text-decoration: none;
color: #ffd54c;
}
#top .btn-group .dropdown-menu li a img,
#top .btn-group .dropdown-menu li button img{
vertical-align: baseline;
margin-right:5px;
}
#top .btn-group .dropdown-menu > a:hover,
#top .btn-group .dropdown-menu > button:hover,
#top .btn-group .dropdown-menu .item-selected{
color: #ffd54c;
text-decoration: none;
}
.logo-container {
z-index: 1;
position: relative;
display: inline-block;
vertical-align: top;
float: left;
}
#logo{
padding: 34px 0;
}
#logo a{
display: inline-block;
vertical-align: top;
}
.header-inner {
position:relative;
background: #ffd54c;
text-align: center;
z-index: 9;
}
.header-inner .container-inner {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}
.header-phone {
position: absolute;
top: 50%;
right: 115px;
margin-top: -22.5px;
}
.header-phone .text {
text-align: left;
padding-left: 52px;
background: url(../image/icon-header-phone.png) left center no-repeat;
}
.header-phone .text label {
font-size: 13px;
color: #888888;
font-weight: 300;
text-transform: capitalize;
margin-bottom: 0;
}
.header-phone .text p {
margin: 0;
color: #333333;
font-size: 18px;
font-weight: 700;
}
.header-phone p span {
font-style: normal;
font-weight: 700;
}
.top-search {
position: absolute;
right: 285px;
left: 285px;
top: 50%;
margin-top: -24px;
z-index: 2;
}
/* search */
.search-button {
font-size: 18px;
height: 38px;
width: 38px;
line-height: 38px;
background: #aaaaaa;
color: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
cursor: pointer;
box-shadow: none !important;
}
.search-button:before {
content:"\f002";
font-family: 'FontAwesome';
display: inline-block;
vertical-align: top;
}
.search-button:hover {background: #ffd54c;}
#search .search-content {
padding: 0;
border: 0;
margin: 0;
background: rgba(0,0,0,0.75);
box-shadow: none;
right: 0;
width: auto;
position: fixed;
left: 0;
top: 0;
bottom: 0;
border-radius: 0;
}
#search .search-content .button-close {
position: absolute;
top: 20px;
right: 30px;
color: #fff;
font-size: 72px;
background: none;
border: 0;
border-radius: 100%;
padding: 0;
line-height: 1;
}
#search .search-content .button-close:hover {
color: #ffd54c;
}
#search .search-content .container {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#search .search-content .inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
}
#search {
display: block;
}
#search input {
font-size: 14px;
color: #fff;
width: 100%;
height: 48px;
float: none;
font-weight: 300;
background: rgba(255,255,255,0.2);
border: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: none !important;
padding: 0 65px 0 20px;
position: relative;
}
#search .input-group-btn {
position: absolute;
right: 0;
z-index: 2;
width: auto;
top: 0;
}
#search .input-group-btn button {
background: transparent;
border: 0;
line-height: 48px;
width: 60px;
padding: 0;
box-shadow: none !important;
margin: 0;
font-size: 22px;
color: #fff;
}
#search .input-group-btn button:hover {
color: #ffdd20;
}
#search .input-group-btn button:before {
content: "\e93d";
font-family: 'plaza-icon';
display: inline-block;
vertical-align: top;
line-height: inherit;
}
#search ::-webkit-input-placeholder { /* Chrome */
color: #fff;
}
#search :-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
#search ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
opacity: 1;
}
#search :-moz-placeholder { /* Firefox 4 - 18 */
color: #fff;
opacity: 1;
}
/*====search-by-category=====*/
/*popup search*/
@media (min-width: 768px) {
.search-content {
display: block !Important;
position: relative;
top: auto;
left: auto;
float: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
background: transparent;
}
.search-content .button-close {
display: none;
}
.search-content .container {
width: auto;
padding: 0;
}
#search-by-category .btn-group {
display: block;
}
}
@media (max-width: 767px) {
.search-button {
font-size: 32px;
height: 32px;
width: 35px;
line-height: 32px;
color: #3e444a;
cursor: pointer;
box-shadow: none !important;
background: transparent;
}
.search-button:hover {
opacity: 0.7;
}
.search-button:before {
content: "\e86f";
font-family: 'Linearicons-Free';
display: inline-block;
vertical-align: top;
line-height: inherit;
}
.search-button:hover {opacity: 0.7;background: transparent;}
.search-content {
padding: 0;
border: 0;
margin: 0;
background: rgba(0,0,0,0.75);
box-shadow: none;
right: 0;
width: auto;
position: fixed;
left: 0;
top: 0;
bottom: 0;
border-radius: 0;
}
#search-by-category .search-content .search-container #text-search {
height: 70px;
font-size: 24px;
color: #fff;
width: 100%;
font-weight: 400;
background: transparent;
border: 0;
border-bottom: 1px solid #ffd54c;
border-radius: 0;
box-shadow: none !important;
padding: 0 50px 0 15px;
position: relative;
}
#search-by-category .search-content #sp-btn-search {
position: absolute;
right: 0;
z-index: 2;
width: auto;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#search-by-category .search-content #btn-search-category {
background: transparent;
border: 0;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 34px;
color: #fff;
padding: 0;
box-shadow: none !important;
margin: 0;
}
#search-by-category .search-content #btn-search-category:hover {
color: #ffd54c
}
#search-by-category .search-content .search-ajax {
display: none;
}
.search-content .button-close {
position: absolute;
top: 20px;
right: 30px;
color: #fff;
font-size: 72px;
background: none;
border: 0;
border-radius: 100%;
padding: 0;
line-height: 1;
}
.search-content .button-close:hover {
color: #ffd54c;
}
.search-content .container {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search-content .inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
}
#search-by-category .search-content ::-webkit-input-placeholder { /* Chrome */
color: #fff;
}
#search-by-category .search-content :-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
#search-by-category .search-content ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
opacity: 1;
}
#search-by-category .search-content :-moz-placeholder { /* Firefox 4 - 18 */
color: #fff;
opacity: 1;
}
}
@media (max-width: 479px) {
.search-button {
font-size: 26px;
}
#search-by-category .search-content .search-container #text-search {
font-size: 18px;
}
}
/*-----*/
#search-by-category ::-webkit-input-placeholder { /* Chrome */
color: #9e9e9e;
}
#search-by-category :-ms-input-placeholder { /* IE 10+ */
color: #9e9e9e;
}
#search-by-category ::-moz-placeholder { /* Firefox 19+ */
color: #9e9e9e;
opacity: 1;
}
#search-by-category :-moz-placeholder { /* Firefox 4 - 18 */
color: #9e9e9e;
opacity: 1;
}
#search-by-category {
position: relative;
width: 100%;
}
#search-by-category .search-container{
}
#search-by-category .search-container .categories-container{
position: absolute;
left: 1px;
top: 1px;
padding: 10px 0;
background: #f0f0f0;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
display: none;
}
#search-by-category .search-container #text-search{
font-size: 13px;
color: #9e9e9e;
width: 100%;
height: 48px;
float: none;
font-weight: 400;
background: #fff;
border: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: none !important;
padding: 0 65px 0 20px;
position: relative;
}
#search-by-category #sp-btn-search{
position: absolute;
right: 0px;
top: 0;
}
#search-by-category .search-container .categories-container .hover-cate p{
margin:0;
color: #555555;
padding: 0 30px;
cursor: pointer;
overflow: hidden;
position:relative;
text-transform: capitalize;
font-size: 14px;
line-height: 26px;
font-weight: 500;
max-width: 180px;
white-space: nowrap;
text-overflow: ellipsis;
}
#search-by-category .search-container .categories-container .hover-cate p i{display: inline-block;vertical-align: top;font-size: inherit;line-height: inherit;margin-left: 19px;}
#search-by-category .search-container .categories-container .hover-cate .cate-items{
z-index: 9999 !important;
position: absolute;
display: none;
background: #FFF;
max-height: 300px;
overflow: auto;
margin-top: 0px;
border: 1px solid #ddd!important;
padding: 5px;
width:100%;
cursor: pointer;
top: 100%;
text-align: left;
}
.cate-items li {
text-transform: capitalize;
color: #363f4d;
font-size: 11px;
list-style: none;
line-height: 18px;
}
.cate-items li:hover{
color:#ffd54c
}
.cate-items li.f1 {
padding-left: 5px;
}
.cate-items li.f2 {
padding-left: 15px;
}
#search-by-category .search-ajax{
position: absolute;
z-index: 9999 !important;
background: none repeat scroll 0% 0% #fff;
left: 0px;
top: 100%;
width: 88%;
}
.ajax-result-item .product-info .detail .price-box .old-price{
text-decoration: line-through;
color: #acacac;
font-weight: 400;
}
.ajax-result-item .product-info .detail .price-box p{
display: inline-block;
}
.ajax-result-item .product-info .detail .price-box{
font-weight: 700;
margin: 0 0 10px 0;
}
.ajax-result-item .product-info .detail .product-name{
margin: 10px 0;
}
#search-by-category .search-ajax li{
list-style: none;
}
#search-by-category .search-ajax .ajax-result-container{
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-msg{
padding: 20px;
margin: 0;
color: #646464;
}
#search-by-category .search-ajax .ajax-result-container .ajax-result-list{
display:block;
border:1px solid #ddd;
max-height:300px;
overflow: auto;
padding:10px;
}
#btn-search-category:hover{
color: #fff;
background: #2b3137;
}
#btn-search-category{
background: #3e444a;
border: 0;
line-height: 48px;
width: 60px;
padding: 0;
box-shadow: none !important;
margin: 0;
font-size: 22px;
color: #fff;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#btn-search-category span {
display: none;
}
#btn-search-category:before {
content: "\e93d";
font-family: 'plaza-icon';
display: inline-block;
vertical-align: top;
line-height: inherit;
}
/*==========================*/
.box-cart {
position: absolute;
right: 0;
top: 50%;
z-index: 112;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.box-cart .language,.box-cart .currency,.box-cart .setting {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.box-cart .wishlist a .count,#cart-total .txt_number {
width: 19px;
height: 19px;
line-height: 19px;
border-radius: 100%;
-webkit-border-radius: 100%;
font-weight: 400;
font-size: 11px;
font-style: normal;
color: #222222;
background: #fff;
position: absolute;
left: 34px;
top: 6px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#cart-total .txt_items {
/* display: none; */
}
#cart-total .total-price {
color: #ffd54c;
font-style: normal;
font-weight: 700;
display: none;
}
.box-cart .wishlist {
display: inline-block;
vertical-align: top;
margin-right: 23px;
}
.box-cart .wishlist a {
display: block;
position: relative;
}
.box-cart .wishlist a:hover > span,#cart > button:hover #cart-total {
color: #2b3137;
}
.box-cart .wishlist a:hover:before,#cart > button:hover:before{
color: #2b3137;
}
.box-cart .wishlist a:before,#cart > button:before {
content: "\e862";
font-family: 'Linearicons-Free';
font-size: 32px;
color: #3e444a;
display: inline-block;
vertical-align: top;
line-height: 1;
margin-right: 5px;
}
.box-cart .wishlist a:before {
content: "\e813";
}
#cart > button:before {
content: "\e82e";
}
#cart{
width: auto;
display: inline-block;
vertical-align: top;
}
#cart > button {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
width: auto;
position: relative;
float: none;
}
.box-cart .wishlist a > span,#cart-total {
color: #3e444a;
font-size: 13px;
font-weight: 400;
display: inline-block;
vertical-align: bottom;
line-height: 1;
}
#cart .dropdown-menu {
margin: 0;
padding: 0 30px 0 30px !important;
width: 380px;
font-size: 14px;
right: 0;
list-style: none none;
border-radius: 0;
-webkit-border-radius: 0;
border: 0;
background: #fff;
margin-top: 33px;
box-sizing: border-box;
top: 100%;
-webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
}
#cart .dropdown-menu:after,#cart .dropdown-menu:before {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
#cart .dropdown-menu:before {
border: 7px solid;
border-color: transparent transparent #343434 transparent;
z-index: 99;
right: 10px;
top: -12px;
opacity: 0;
}
#cart .dropdown-menu:after {
border: 8px solid;
border-color: transparent transparent #343434 transparent;
z-index: 98;
right: 10px;
top: -15px;
opacity: 0;
}
#cart .cart-close {
position: absolute;
top: 20px;
right: 0;
font-weight: 400;
}
#cart .cart-empty{
padding-bottom: 25px;
padding-top: 25px;
}
#cart .dropdown-menu p{
margin: 0;
}
#cart .dropdown-menu small {
font-size: 14px;
color: #7e7e7e;
line-height: 24px;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr > td{
border: 0;
}
#cart .dropdown-menu > li:first-child .table > tbody > tr {
padding-bottom: 30px;
padding-top: 30px;
position: relative;
display: block;
border-bottom: 1px solid #ebebeb;
}
#cart .dropdown-menu li:not(:first-child):last-child tbody tr {
/* border-bottom: 1px solid #e5e5e5; */
}
#cart .dropdown-menu li:not(:first-child):last-child {
margin-top: 0;
}
#cart .dropdown-menu li:not(:first-child):last-child table {
margin-bottom: 22px;
margin-top: 21px;
}
#cart .dropdown-menu li:not(:first-child):last-child tbody tr:first-child {
/* border-top: 1px solid #e5e5e5; */
}
#cart .dropdown-menu > li:first-child .table > tbody > tr:last-child {
border: 0;
}
#cart .table > tbody > tr > td{
border: none;
padding: 0;
color: #3e444a;
text-transform: capitalize;
font-size: 18px;
vertical-align: middle;
font-weight: 600;
line-height: 30px;
}
#cart .dropdown-menu > li:last-child .table > tbody > tr > td {
/* padding: 5px 0; */
}
#cart .cart-close button{
background: #fff;
color: #333;
border-radius: 0;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
padding: 0;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
#cart .cart-close button:hover {
color: #ffd54c;
}
#cart .cart-close button i { line-height: inherit;}
#cart .cart-close button i:before {
content:"\f2d7";
font-size: 16px;
font-family: "Ionicons";
}
#cart .cart-quantity{
line-height: 18px;
font-size: 13px;
display: inline-block;
vertical-align: top;
color: #666;
font-weight: 300;
}
#cart .cart-price {
font-size: 18px;
color: #3e444a;
display: inline-block;
vertical-align: top;
line-height: 20px;
font-weight: 600;
}
#cart .cart-name {
line-height: 20px;
text-transform: capitalize;
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 400;
color: #2777d0;
}
#cart .cart-name:hover {
color: #ffd54c;
}
#cart .dropdown-menu .cart-button{margin: 0 -30px;padding: 0 30px 30px 30px;}
#cart p.cart-button a:last-child{margin-top: 10px;}
#cart p.cart-button a{
background: #ffd54c;
color: #3e444a;
line-height: 50px;
text-align: center;
padding: 0 5px;
text-transform: uppercase;
font-size: 16px;
margin: 0;
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
display: block;
vertical-align: top;
font-weight: 400;
}
#cart p.cart-button a strong {
font-weight: 400;
}
#cart p.cart-button a:hover{
color: #fff;
background: #3e444a;
}
#cart p.cart-button a:hover i{
color: #fff;
}
#cart p.cart-button a i{
padding-left: 5px;
font-size: 10px;
display: none;
}
#cart .dropdown-menu .info-item{
padding-left: 10px;
padding-right: 20px;
}
#cart .dropdown-menu .has-scroll{
max-height: 290px;
overflow: auto;
padding: 0 30px;
margin: 0 -30px;
background: none;
border-bottom: 1px solid #ebebeb;
}
#cart .dropdown-menu .has-scroll table {
margin: 0;
}
#cart .dropdown-menu tr td strong{
color: #232323;
font-weight: 500;
float: left;
padding: 2px 0;
font-size: 12px;
text-transform: uppercase;
}
#cart .dropdown-menu tr td:last-child{
/* color: #333; */
/* font-size: 14px; */
/* font-weight: 700; */
}
#cart .dropdown-menu > li:last-child tr:last-child td:last-child {
color: #fd5018;
font-size: 24px;
}
.headerSpace {
display: none;
}
.common-home .top-menu {
margin-bottom: 20px;
}
.top-menu {
position: relative;
background: #fff;
z-index: 8;
-webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
}
.top-menu .col-ver {
}
.top-menu .col-hoz {position: relative;z-index: 2;}
@media (min-width: 1200px) {
.fix-header{
padding: 0 !important;
border: none;
background: rgba(255, 255, 255, 0.7);
box-shadow: 0 0 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-o-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-ms-box-shadow: 0 0 2px rgba(0,0,0,0.1);
width: 100%;
max-width: 100% !important;
top: 0;
left: 0;
right: 0;
z-index: 889;
margin: 0 auto;
position: fixed !important;
-webkit-animation-name: fadeInDown;
-webkit-animation-duration: 5.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_titles;
-moz-animation-duration: 5.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.fix-header:hover {
background: #fff;
}
.fix-header .col-ver {
display: none;
}
.fix-header .horizontal-menu {
padding-left: 0;
}
.fix-header #logo {
padding: 10px 0;
}
}
/* cms block */
.banner-static {
text-align: center;
clear: both;
overflow: hidden;
}
.banner-static .owl-pagination {
position:absolute;
left:0;
right:0;
margin: auto;
bottom: 2%;
}
.banner-static .image {
position:relative;
display: inline-block;
vertical-align: top;
}
@media (min-width: 1920px) {
.banner-static .image,.banner-static .image > a,.banner-static .image a img {
width: 100%;
}
}
.banner-static .image > a {
position: relative;
display: inline-block;
max-width: 100%;
overflow: hidden;
vertical-align: top;
}
.banner-static .image a img {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.banner-static .image a:hover img {
opacity: 0.7;
}
.banner-static .image a .text {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
text-align: center;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.static-sidebar {
text-align: left;
overflow: hidden;
}
.static-sidebar .image {
/* margin-top: 12px; */
}
.static-bottom-menu {
margin-top: 25px;
}
.static-middle-autima1 {
display: grid;
grid-template-columns: auto auto;
grid-gap: 10px;
margin-top: 50px;
}
.static-middle-autima1 .text {
pointer-events: none;
position: absolute;
left: 9%;
top: 50%;
text-align: left;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'Lato', sans-serif;
}
.static-middle-autima1 .text h4 {
font-size: 22px;
color: #747c83;
font-weight: 400;
text-transform: capitalize;
margin: 0;
margin-bottom: 3px;
line-height: 1;
}
.static-middle-autima1 .text h3 {
font-size: 30px;
color: #3e444a;
font-weight: 700;
text-transform: capitalize;
margin: 0;
margin-bottom: 21px;
line-height: 1;
}
.static-middle-autima1 .text h3 span {
display: block;
}
.static-middle-autima1 .text a {
font-size: 13px;
color: #3e444a;
font-weight: 400;
margin: 0;
line-height: 40px;
text-transform: uppercase;
padding: 0 18px;
display: inline-block;
vertical-align: top;
background: #ffd54c;
border-radius: 5px;
-webkit-border-radius: 5px;
pointer-events: visible;
}
.static-middle-autima1 .text a:hover {
color: #fff;
background: #3e444a;
}
@media(min-width: 768px) and (max-width:991px) {
.static-middle-autima1 .text h4 {
font-size: 2vw;
}
.static-middle-autima1 .text h3 {
font-size: 2.2vw;
margin-bottom: 1.5vw;
}
.static-middle-autima1 .text a {
font-size: 1.4vw;
line-height: 3.3vw;
padding: 0 1.5vw;
}
}
@media (max-width: 767px) {
.static-middle-autima1 {
grid-template-columns: 100%;
}
}
@media (max-width:425px) {
.static-middle-autima1 .text h4 {
font-size: 4vw;
}
.static-middle-autima1 .text h3 {
font-size: 6vw;
margin-bottom: 2vw;
}
.static-middle-autima1 .text a {
font-size: 3vw;
line-height: 6vw;
padding: 0 2.3vw;
}
}
.static-bottom-autima1 {
display: grid;
grid-template-columns: auto auto;
align-items: center;
}
.static-bottom-autima1 h3 {
font-size: 30px;
margin-top: 0;
margin-bottom: 3px;
}
.static-bottom-autima1 p {
margin-bottom: 0;
}
.static-bottom-autima1 a {
line-height: 48px;
background: #3e444a;
color: #fff;
padding: 0 33px;
display: inline-block;
vertical-align: top;
text-transform: uppercase;
border-radius: 25px;
-webkit-border-radius: 25px;
}
.static-bottom-autima1 a:hover {
background: #2b3137;
}
@media (max-width: 767px) {
.static-bottom-autima1 {
grid-template-columns: 100%;
text-align: center;
grid-row-gap: 20px;
}
}
/**/
.layer-background {
background: #f8f8f8;
}
/* Products */
.owl-item.active .item {
-moz-animation: zoomIn 500ms ease;
-o-animation: zoomIn 500ms ease;
-webkit-animation: zoomIn 500ms ease;
animation: zoomIn 500ms ease;
}
.item .item-inner {
position: relative;
border: 1px solid #f0f0f0;
border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.item .item-inner:hover {
/* border-color: #ffd54c; */
}
.label-product {
color: #fff;
font-weight: 400;
text-align: center;
line-height: 22px;
padding: 0 9px;
position: absolute;
background: #83b71c;
min-width: 46px;
left: 22px;
top: 4px;
text-transform: uppercase;
font-size: 12px;
z-index: 3;
border-radius: 5px;
-webkit-border-radius: 5px;
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
}
.label-product span {
transform: skewX(20deg);
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
-o-transform: skewX(20deg);
-ms-transform: skewX(20deg);
display: block;
}
body:not(.common-home) .label_new {
display: none;
}
.label_sale {
background: #ffd54c;
color: #222;
}
.label-product:nth-child(1) {
/* top: 20px; */
}
.item-inner .images-container {
position: relative;
text-align: center;
overflow: hidden;
}
.item-inner .images-container > .inner {
position: relative;
}
.item-inner .images-container .product-image {
position:relative;
display: block;
}
.item-inner .images-container img {
margin: auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.item-inner .images-container .img-r {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
opacity:0;
visibility:hidden;
z-index:1;
}
.item-inner:hover .images-container .img-r {
opacity:1;
visibility: visible;
}
.item-inner .images-container .quickview {
position: absolute;
right: 10px;
bottom: 20px;
opacity: 0;
z-index: 3;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.item-inner:hover .images-container .quickview {
opacity: 1;
}
.item-inner:hover .images-container .quickview button {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
.item-inner .images-container .quickview button {
width: 36px;
height: 36px;
line-height: 36px;
background: #e9e9e9;
color: #222;
padding: 0;
font-weight: normal;
border-radius: 100%;
-webkit-border-radius: 100%;
transform: scale(0.7);
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-o-transform:scale(0.7);
}
.item-inner .images-container .quickview button:hover {
background: #ffd54c;
}
.item-inner button.btn-quickview:before {
content: "\e86f";
font-family: 'Linearicons-Free';
font-size: 16px;
display: inline-block;
vertical-align: top;
line-height: inherit;
}
.item-inner .images-container .quickview button span {
display: none;
}
.item-inner .images-container .action-links {
position: absolute;
opacity: 0;
visibility: hidden;
right: 10px;
z-index: 3;
top: 8px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.item-inner:hover .images-container .action-links {
opacity: 1;
visibility: visible;
}
.item-inner .action-links button{
line-height: 36px;
width: 36px;
display: inline-block;
vertical-align: top;
background-color: transparent;
font-weight: normal;
font-size: 0;
padding: 0;
border-radius: 100%;
-webkit-border-radius: 100%;
text-align: center;
color: #3e444a;
}
.item-inner .action-links button:last-child {
margin: 0;
}
.item-inner .action-links button span { display:none;}
.item-inner .action-links button:before {
font-family: 'Linearicons-Free';
font-size: 22px;
display: inline-block;
vertical-align: top;
line-height: inherit;
}
.item-inner .action-links button.btn-wishlist:before {
content: "\e813";
}
.item-inner .action-links button.btn-compare:before {
content: "\e862";
}
.item-inner .action-links button:hover {
background: transparent;
color: #ffd54c;
}
.item-inner .caption {
background: transparent;
text-align: left;
overflow: hidden;
position: relative;
padding: 20px 19px 24px 19px;
}
.item-inner .caption-top {
padding: 10px 19px 0 19px;
}
.item-inner .caption > .inner {
position: relative;
}
.item-inner .product-des {
line-height: 22px;
}
.product-name {
display: block;
margin: 15px 0 4px 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.product-name a {
padding: 0;
display: block;
text-transform: capitalize;
overflow: hidden;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #2777d0;
}
.product-name a:hover {
color: #3e444a;
}
.ratings {
display:block;
}
.ratings a {
margin-left: 8px;
text-transform: capitalize;
color: #5a5a5a;
font-size: 12px;
line-height: 12px;
display: inline-block;
vertical-align: top;
}
.ratings a:hover {
color: #ffd54c;
}
.ratings a.review-count:after {
content: "|";
margin-left: 8px;
vertical-align: top;
}
.ratings .rating-box {
display: inline-block;
vertical-align:top;
}
.rating-box div[class^='rating']{
background: url('../image/rating0.png') no-repeat;
font-size: 0;
height: 13px;
width: 79px;
}
.rating-box div.rating1{
background-image: url('../image/rating1.png');
}
.rating-box div.rating2{
background-image: url('../image/rating2.png');
}
.rating-box div.rating3{
background-image: url('../image/rating3.png');
}
.rating-box div.rating4{
background-image: url('../image/rating4.png');
}
.rating-box div.rating5{
background-image: url('../image/rating5.png');
}
.price-box p {
display: inline-block;
vertical-align:top;
margin-bottom: 0;
}
.price-box .price-tax {
display: none;
}
.price-box .price {
color: #3e444a;
font-size: 18px;
font-weight: 600;
}
.price-box p.special-price .price{
color: #fd5018;
}
.price-box p.old-price {
margin-left: 4px;
padding-top: 2px;
}
.price-box p.old-price .price {
color: #757575;
text-decoration: line-through;
font-size: 16px;
font-weight: 400;
}
.item-inner .caption .price-box {
display: block;
margin-top: 3px;
}
.item-inner .caption .model {
margin: 0;
color: #737373;
}
.item-inner .caption .ratings {
/* margin-top: 15px; */
}
.item-inner .category-options .ul-swatches-colors {
margin-bottom: 5px;
}
.item-inner .caption .price-box label {
margin:0;
font-size: 13px;
color: #363f4d;
display: none;
}
.item-inner .caption .manufacture-product {
margin: 0;
display: none;
}
.item-inner .caption-top .manufacture-product a {
font-size: 12px;
color: #878787;
font-weight: 400;
line-height: 1;
padding: 0;
text-transform: uppercase;
display: block;
}
.item-inner .caption-top .manufacture-product a:hover {
color: #222;
}
.item-inner .caption .product-tags {
margin-bottom: 7px;
}
.item-inner .caption .product-tags a {
color: #5a5a5a;
font-size: 13px;
}
.item-inner .caption .product-tags a:hover {
color: #ffd54c;
}
.item-inner .caption .available {
display: none;
}
/* module title*/
.module-title {
position: relative;
display: block;
margin-top: 44px;
margin-bottom: 23px;
text-align: left;
}
.module-title:before {
content:"";
background: #e9e9e9;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
}
.module-title h2 {
position: relative;
text-transform: capitalize;
font-size: 26px;
margin: 0;
display: inline-block;
vertical-align: top;
background: #fff;
padding-right: 20px;
font-weight: 400;
font-family: 'Lato', sans-serif;
}
.module-title h2 .word1 {
font-weight: 700;
}
.module-description {
margin-top: 16px;
}
.module-description p {
line-height: 18px;
display: inline-block;
vertical-align: top;
margin: 0;
}
/*grid-style*/
.grid-style:not(:first-child) {
margin-top: 45px;
}
.grid-style .item-inner button.btn-cart {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 22px;
font-weight: 400;
padding: 0;
background: transparent;
color: #3e444a;
border-radius: 100%;
-webkit-border-radius: 100%;
position: absolute;
bottom: 0;
right: -10px;
opacity: 0;
transform:scale(0.7);
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-o-transform:scale(0.7);
}
.grid-style .item-inner:hover button.btn-cart {
opacity: 1;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
.grid-style .item-inner button.btn-cart span {
display: none;
}
.grid-style .item-inner button.btn-cart:before {
content: "\e82e";
font-family: 'Linearicons-Free';
}
.grid-style .item-inner button.btn-cart:hover {
background: transparent;
color: #ffd54c;
}
.grid-style .item-inner .caption-top .manufacture-product {
display: block;
opacity: 0;
margin: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.grid-style .item-inner:hover .caption-top .manufacture-product {
opacity: 1;
margin-bottom: 9px;
}
.grid-style .item-inner:hover .product-name {
margin-bottom: 10px;
margin-top: 0;
}
.grid-style .item-inner .action-links button{
display: block;
transform:scale(0.7);
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-o-transform:scale(0.7);
}
.grid-style .item-inner:hover .action-links button {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
/*list-style*/
.list-style:not(:first-child) {
margin-top: 20px;
}
.list-style .item .item-inner {
overflow: hidden;
padding: 19px;
display: grid;
grid-template-columns: auto 44.215%;
}
.list-style .item .item-inner .images-container {
}
.list-style .item .item-inner .caption {
padding: 0;
padding-right: 5px;
display: grid;
align-items: center;
}
.list-style .product-name {
margin-top: 0;
margin-bottom: 15px;
}
.list-style .item .item-inner button.btn-cart {
background: #fff;
border: 1px solid #aaa;
color: #555;
font-weight: 400;
font-size: 13px;
line-height: 40px;
padding: 0 30px;
margin-top: 10px;
}
.list-style .item .item-inner button.btn-cart:hover {
border-color: #ffd54c;
background: #ffd54c;
color: #fff;
}
/*list-module*/
.list-module .module-title {
text-align: left;
margin-bottom: 22px;
}
.list-module .module-title h2 {
font-size: 22px;
font-weight: 700;
}
.list-module .list-style .item .item-inner {
border: 0;
padding: 0;
grid-template-columns: 28.575% auto;
}
.list-module .list-style .item .item-inner .caption {
padding-right: 0;
padding-left: 20px;
}
.list-module .list-style .product-name {
margin-bottom: 10px;
}
.list-module .item-inner .caption .price-box {
margin-top: 0;
}
@media (max-width: 567px) and (min-width: 480px) {
.list-style .item .item-inner {
grid-template-columns: 100%;
}
.list-style .item .item-inner .caption {
padding-right: 0;
margin-bottom: 15px;
}
.list-module .list-style .item .item-inner {
grid-template-columns: 100%;
}
.list-module .list-style .item .item-inner .caption {
padding-left: 0;
margin-bottom: 0;
margin-top: 15px;
}
}
/* module-style2 */
/* background-full */
.background-full {
background: #f6f6f6;
padding-bottom: 50px;
margin-top: 50px;
}
.background-full .module-title h2 {
background: #f6f6f6;
}
/* module-nav2 */
.module-nav2 .owl-carousel.owl-theme .owl-nav {
position: absolute;
right: 10px;
top: -54px;
background: #fff;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav {
border: 1px solid #e9e9e9;
padding: 0 9px;
border-radius: 25px;
-webkit-border-radius: 25px;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div {
position: relative;
display: inline-block;
vertical-align: top;
opacity: 1;
top: auto !important;
left: auto !important;
right: auto !important;
margin: 0;
border: 0;
width: 25px;
height: 30px;
line-height: 30px;
font-weight: normal;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div:hover {
background: transparent;
color: #ffd54c;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-prev {
/* margin-right: 4px; */
}
/* slider-group */
.slider-group {margin-top: 20px;}
/* tabs-category-slider */
.tabs-category-slider.tabs-style1 .box-tab {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tabs-category-slider.tabs-style1 .tabs-categorys {
display: inline-block;
vertical-align: top;
text-align: center;
background: #fff;
padding: 0 15px;
border: 1px solid #e9e9e9;
border-radius: 25px;
font-family: 'Lato', sans-serif;
}
.tabs-style2 .tabs-categorys {
display: none;
}
.tabs-category-slider .tabs-categorys li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
position: relative;
}
.tabs-category-slider .tabs-categorys li:after {
content: "";
width: 15px;
height: 1px;
background: #d6d6d6;
position: absolute;
top: 50%;
right: -15px;
}
.tabs-category-slider .tabs-categorys li:last-child:after {
display: none;
}
.tabs-category-slider .tabs-categorys li a {
font-size: 14px;
color: #777;
line-height: 30px;
text-transform: none;
font-weight: 500;
cursor: pointer;
position: relative;
display: block;
padding: 0 15px;
}
.tabs-category-slider .tabs-categorys li:last-child {
margin:0;
}
.tabs-category-slider .tabs-categorys li a:hover,.tabs-category-slider .tabs-categorys li.active a {
color: #3e444a;
}
.tabs-category-slider .tabs-categorys li.active a {
font-weight: 700;
}
/* tabs-brand-category-slider */
.tabs-brand-category-slider {}
.tabs-brand-category-slider.module-nav2 .owl-carousel.owl-theme .owl-nav {
top: -195px;
}
.tabs-brand-category-slider .tabs-categorys {
text-align: center;
border: 1px solid #f0f0f0;
background: #f8f8f8;
padding: 17px 10px;
margin-bottom: 30px;
}
.tabs-brand-category-slider .tabs-categorys .tab-name {
display: none;
}
.tabs-brand-category-slider .tabs-categorys .a-tabs {
display: block;
}
.tabs-brand-category-slider .tabs-categorys .a-tabs img {
opacity: 0.4;
}
.tabs-brand-category-slider .tabs-categorys .a-tabs:hover img,
.tabs-brand-category-slider .tabs-categorys .li-tabs.active .a-tabs img {
opacity: 1;
}
/* product-tabs-container-slider */
.product-tabs-container-slider .module-title h2 {
display: none;
}
.product-tabs-container-slider .module-title {
}
.product-tabs-container-slider .tabs-categorys {
display: inline-block;
vertical-align: top;
position: relative;
}
.product-tabs-container-slider .tabs-categorys li {
float: left;
margin-right: 20px;
}
.product-tabs-container-slider .tabs-categorys li a {
font-size: 26px;
color: #868686;
line-height: 1.3;
text-transform: capitalize;
font-weight: 500;
cursor: pointer;
display: inline-block;
vertical-align: top;
padding: 0 30px;
background: #fff;
}
.product-tabs-container-slider .tabs-categorys li:first-child a {
padding-left:0;
}
.product-tabs-container-slider .tabs-categorys li:last-child {
margin: 0;
}
.product-tabs-container-slider .tabs-categorys li:last-child:after {
display: none;
}
.product-tabs-container-slider .tabs-categorys li.active a {
color: #222;
}
.product-tabs-container-slider .tabs-categorys li.active a .word1 {
font-weight: 600;
}
.product-tabs-container-slider .tabs-categorys li a:hover {
color: #222;
}
/* bestseller-products-slider */
.bestseller-products-slider {
}
/* related-products */
.related-products {
}
/* featured-categories-container */
.featured-categories-container {
}
.featured-categories-container .item:not(:first-child) {
border-top: 1px solid #f0f0f0;
}
.featured-categories-container.module-nav2 .owl-carousel.owl-theme .owl-nav {
right: 0;
}
.featured-categories-content {
background: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.featured-categories-content .owl-container {
margin: 0;
}
.featured-categories-content .owl-container .owl-item {
padding: 0;
}
.featured-categories-content .owl-container .owl-item {
padding: 0;
border-left: 1px solid #f0f0f0;
}
.featured-categories-content .owl-container .owl-item.first {
border-left: 0;
}
.featured-categories-content .item .item-inner {
border: 0;
}
.fcategory-content {
padding: 19px;
display: grid;
grid-template-columns: 44.295% auto;
}
.fcategory-content .image {text-align: center;}
.fcategory-content .content-thumb {
padding-left: 20px;
}
.fcategory-content .content-thumb .total-items {
color: #868686;
margin-bottom: 0;
display: none;
}
.fcategory-content .image img {
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.fcategory-content:hover .image img {
opacity: 0.7;
}
.featured-categories-container .content-thumb .name {
margin-top: 0;
margin-bottom: 8px;
}
.featured-categories-container .content-thumb .name a {
font-size: 18px;
display: block;
font-weight: 400;
text-transform: capitalize;
pointer-events: visible;
color: #3e444a;
}
.featured-categories-container .content-thumb .name a:hover {
color: #ffd54c;
}
.sub-featured-categories li a {
display: block;
color: #757575;
line-height: 24px;
text-transform: capitalize;
}
.sub-featured-categories li a:hover {
color: #ffd54c;
}
.featured-categories-container .view-more {
color: #757575;
text-transform: uppercase;
margin-top: 10px;
display: block;
font-size: 13px;
font-weight: 700;
line-height: 20px;
float: right;
}
.featured-categories-container .view-more:after {
content:"\f362";
font-family: "Ionicons";
font-size: 16px;
font-weight: 400;
margin-left: 4px;
display: inline-block;
line-height: inherit;
vertical-align: top;
color: #ffd54c;
}
.featured-categories-container .view-more:hover {
color: #ffd54c;
}
@media (max-width: 767px) {
.fcategory-content {
padding: 15px;
}
.fcategory-content .content-thumb {
padding-left: 10px;
}
}
@media (max-width: 567px) and (min-width: 480px) {
.fcategory-content {
grid-template-columns: 100%;
padding: 19px;
}
.fcategory-content .content-thumb {
padding-top: 15px;
padding-left: 0;
}
}
/* CountDown */
.occountdown_module {
}
.occountdown_module .item .item-inner {
border: 1px solid #f0f0f0;
padding: 19px;
display: grid;
grid-template-columns: 53.466% auto;
}
.occountdown_module .item .item-inner .caption {
border: 0;
padding-right: 0;
}
.occountdown_module .label-product {
position: relative;
top: auto;
left: auto;
right: auto;
}
.occountdown_module .item-inner .caption .ratings {
margin-top: 10px;
}
.occountdown_module .item-inner .caption .price-box {
margin-top: 15px;
}
.occountdown_module .item-inner .price-box .price {
font-size: 18px;
}
.occountdown_module .price-box p.old-price .price {
font-size: 15px;
}
.occountdown_module .product-images {
padding: 0 20px;
margin-top: 10px;
}
.occountdown_module .swiper-viewport {
margin: 0 -5px;
border: 0;
box-shadow: none;
width: auto;
}
.occountdown_module .swiper-viewport .swiper-slide {
padding: 0 5px;
}
.img-slide {
border: 1px solid transparent;
display: inline-block;
vertical-align: top;
}
.img-slide.active {
border-color: #ffd54c;
}
.occountdown_module .swiper-viewport .swiper-button-prev,.occountdown_module .swiper-viewport .swiper-button-next {
width: 20px;
height: 30px;
line-height: 30px;
margin-top: -15px;
text-shadow: none;
color: #333;
}
@media (max-width: 767px) {
.occountdown_module .swiper-viewport .swiper-button-prev,.occountdown_module .swiper-viewport .swiper-button-next {
display: none;
}
}
.occountdown_module .swiper-viewport .swiper-button-prev:hover,.occountdown_module .swiper-viewport .swiper-button-next:hover {
color: #ffd54c;
}
.occountdown_module .swiper-viewport .swiper-button-prev:before,.occountdown_module .swiper-viewport .swiper-button-next:before {
line-height: inherit;
height: inherit;
color: inherit;
font-family: "Ionicons";
display: inline-block;
vertical-align: top;
font-size: 20px;
width: 100%;
}
.occountdown_module .swiper-viewport .swiper-button-prev:before {
content: "\f3d2";
}
.occountdown_module .swiper-viewport .swiper-button-next:before {
content: "\f3d3";
}
.occountdown_module .swiper-viewport:hover .swiper-button-prev {
left: -20px;
}
.occountdown_module .swiper-viewport:hover .swiper-button-next {
right: -20px;
}
.text-hurryup {
display: none;
}
.occountdown_module .quantity-progress {
display: block;
overflow: hidden;
}
.quantity-progress {
margin-bottom: 25px;
display: none;
margin-top: 25px;
}
.product-available,.product-sold {
float: left;
margin-top: 10px;
text-transform: capitalize;
margin-bottom: 0;
color: #333;
}
.product-available span {
}
.product-available {
float: right;
}
.product-sold span {
}
.bar-percent {
height: 10px;
background: #f0f0f0;
width: 100%;
border-radius: 25px;
position: relative;
overflow: hidden;
}
.available-percent {
position: absolute;
height: 100%;
left: 0;
background: #ffdd20;
}
.occountdown_module .text-hurryup {
display: inline-block;
vertical-align: top;
margin: 0;
margin-right: 14px;
}
.occountdown_module .box-countdown {
display: none;
position: absolute;
right: 117px;
top: 50%;
margin-top: -18px;
}
.occountdown_module .box-countdown > .inner {
font-size: 17px;
font-weight: 700;
line-height: 36px;
padding: 0 20px;
background: #ffd54c;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
vertical-align: top;
}
.is-countdown {
display: inline-block;
vertical-align: top;
}
.countdown-row {
overflow: hidden;
display: block;
}
.countdown-section {
float: left;
position: relative;
}
.countdown-section:after {
content: ":";
margin: 0 5px;
}
.countdown-section:last-child:after {
display: none;
}
.countdown-section .time-info {
}
.countdown-section:last-child {
border: 0;
}
.countdown-amount {
}
.countdown-period {
display:none;
}
@media (max-width: 767px) {
.occountdown_module .box-countdown {
right: 0;
}
}
@media (max-width: 567px) {
.occountdown_module .box-countdown {
position: relative;
top: auto;
right: auto;
margin-top: 15px;
}
}
@media (max-width: 479px) {
.occountdown_module .item .item-inner {
grid-template-columns: 100%;
}
.occountdown_module .item .item-inner .caption {
padding-left: 0;
}
}
/* testimonial */
.testimonial-full {
padding: 100px 0;
background: url(../image/bkg_testtimor.jpg) top no-repeat;
background-attachment: fixed;
margin-top: 74px;
}
@media (max-width: 991px) {
.testimonial-full {
padding: 50px 0;
margin-top: 50px;
}
}
.testimonial-container {
}
.testimonial-container .module-title {margin-top: 75px;display: none;}
.testimonial-container .owl-dots {
margin-top: 35px;
}
.common-home .testimonial-images {
display: none;
}
.testimonial-images {
display: inline-block;
vertical-align: top;
border-radius: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.testimonial-content{text-align: center;}
.testimonial-content .title {
margin-top: 20px;
margin-bottom: 12px;
display: none;
}
.testimonial-content .title a {
font-size: 18px;
color: #454545;
}
.testimonial-content .title a:hover {
color: #ffd54c;
}
.testimonial-box {
padding: 15px 0;
margin: auto;
line-height: 20px;
}
.testimonial-container .icon {
display: block;
text-align: center;
padding-top: 5px;
}
.testimonial-container .icon i {
width: 52px;
height: 52px;
border: 1px solid #ffd54c;
display: inline-block;
vertical-align: top;
position: relative;
}
.testimonial-container .icon i:before {
content: "\e04a";
font-family: 'simple-line-icons';
font-size: 24px;
width: 52px;
height: 52px;
line-height: 52px;
background: #fff;
color: #ffd54c;
position: absolute;
left: 5px;
bottom: 5px;
text-align: center;
}
.testimonial-box a {
font-weight: 400;
line-height: 40px;
text-transform: none;
display: block;
color: #fff;
font-size: 28px;
}
.testimonial-box a:hover {
color: #ffd54c
}
.testimonial-author {
font-size: 14px;
text-transform: capitalize;
color: #fff;
margin: 0;
font-style: italic;
}
.row-testimonials {
padding: 20px;
border: 1px solid #ebebeb;
margin-bottom: 30px;
text-align: center;
}
.testimonial-container .owl-carousel.owl-theme .owl-nav div {
background: transparent;
color: rgba(255,255,255,0.5);
}
.testimonial-container .owl-carousel.owl-theme .owl-nav div:hover {
color: #fff;
}
/* policy-block */
.policy-block {
text-align: center;
border: 1px solid #f0f0f0;
padding: 19px 5px;
margin-top: 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.policy-block .inner{
display: grid;
grid-template-columns: 25% 25% 25% 25%;
margin: 0 -5px;
grid-row-gap: 10px;
}
.policy-block .col {
padding: 0 5px;
}
.policy-block .col:not(:last-child) {
border-right: 1px solid #f0f0f0;
}
.policy-block .box {
padding: 15px 0;
padding-left: 53px;
background:url(../image/free_shipping.png) left center no-repeat;
display: inline-block;
vertical-align: top;
text-align: left;
}
.policy-block .col:nth-child(2) .box {
background:url(../image/support247.png) left center no-repeat;
}
.policy-block .col:nth-child(3) .box {
background:url(../image/money_back.png) left center no-repeat;
}
.policy-block .col:nth-child(4) .box {
padding-left: 51px;
background:url(../image/payment_secure.png) left center no-repeat;
}
.policy-block .box h4 {
font-size: 14px;
font-weight: 700;
color: #3e444a;
text-transform: capitalize;
margin: 0;
margin-bottom: 4px;
}
.policy-block .box p {
margin: 0;
font-size: 13px;
}
.policy-block-2 {
padding: 12px 0;
margin-top: 4px;
border-left: 0;
border-right: 0;
border-radius: 0;
-webkit-border-radius: 0;
text-align: left;
}
.policy-block-2 .col {
border: 0 !Important;
}
.policy-block-2 .inner {
grid-template-columns: auto auto auto;
}
.policy-block-2 .box {
background: url(../image/free_shipping_2.png) left center no-repeat;
padding-left: 50px;
}
.policy-block-2 .col:nth-child(2) .box {
background: url(../image/return.png) left center no-repeat;
padding-left: 50px;
}
.policy-block-2 .col:nth-child(3) .box {
background: url(../image/guarantee.png) left center no-repeat;
padding-left: 44px;
}
@media (max-width: 991px) {
.policy-block .inner {
grid-template-columns: 50% 50%;
}
.policy-block .col {
border: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.policy-block-2 .inner {
grid-template-columns: 100%;
}
}
@media (max-width: 767px) {
.policy-block .inner {
grid-template-columns: 50% 50%;
}
.policy-block-2 .inner {
grid-template-columns: auto auto auto;
}
}
@media (max-width: 479px) {
.policy-block-2 .inner {
grid-template-columns: 100%;
}
}
@media (max-width: 374px) {
.policy-block .inner {
grid-template-columns: 100%;
margin: 0;
}
}
/* End Corporate */
.box-blog {
border-top: 1px solid #2d2d2d;
margin-top: 95px;
}
.menu-recent {
}
.menu-recent .module-title {
}
.menu-recent.module-nav2 .owl-carousel.owl-theme .owl-nav {
}
.menu-recent .row_items .articles-inner:not(:first-child) {
display: inline-block;
margin-top: 20px;
vertical-align: top;
width: 100%;
}
.menu-recent .articles-image {
}
.menu-recent .aritcles-content {text-align: left;position: relative;border: 1px solid #f5f5f5;border-top: 0;padding: 12px 20px 15px 20px;}
.menu-recent .aritcles-content .content-inner {
}
.menu-recent .articles-image a {
display: inline-block;
overflow: hidden;
vertical-align: top;
max-width: 100%;
width: 100%;
position: relative;
}
.menu-recent .articles-image a img {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
width: 100%;
}
.menu-recent .articles-image a:hover img {
opacity: 0.7;
}
.menu-recent .articles-image a:hover .icon-view {
opacity: 1;
}
.menu-recent .articles-image a .icon-view {
width: 52px;
height: 52px;
border: 1px solid #ffd54c;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.menu-recent .articles-image a .icon-view:before {
content:"\e032";
font-family: 'simple-line-icons';
font-size: 23px;
width: 52px;
height: 52px;
line-height: 52px;
background: #ffd54c;
color: #fff;
text-align: center;
position: absolute;
left: 5px;
bottom: 5px;
text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.articles-name {
display: block;
font-size: 16px;
text-transform: capitalize;
line-height: 24px;
position: relative;
margin-top: 0;
margin-bottom: 20px;
color: #333;
font-weight: 600;
}
.author-name,.date-time-post {
display: inline-block;
vertical-align: top;
text-transform: none;
margin: 0;
color: #999999;
font-size: 13px;
position: relative;
}
.author-name {
margin-right: 14px;
}
.author-name:after {
content: "";
width: 3px;
height: 3px;
background: #999999;
border-radius: 100%;
-webkit-border-radius: 100%;
position: absolute;
top: 50%;
right: -10px;
margin-top: -1.5px;
}
.author-name span {
color: #333333;
}
.author-name .text-post-by {
color: #777;
}
.articles-intro {
margin-top: 21px;
display: none;
}
.articles-intro p {
line-height: 24px;
padding: 0;
margin: 0;
}
.menu-recent .read-more {
font-size: 14px;
display: block;
text-transform: uppercase;
margin-top: 33px;
text-decoration: underline;
}
.menu-recent .read-more:hover {
text-decoration: underline;
}
.blog-blog .intro-content img {
float: left;
margin-right: 30px;
}
.blog-blog .intro-content .text-intro {
/* float: left; */
}
.blog-blog .article-list,.blog-article .article-container{
clear: both;
overflow: hidden;
margin-bottom: 30px;
}
.article-description p,.intro-content p {
line-height: 24px;
}
@media(max-width: 767px) {
.blog-blog .intro-content img,.blog-article .article-description img {
float: none;
margin-right: 0;
}
}
/*----instagram_block_home----*/
#instagram_block_home {
position: relative;
}
#instagram_block_home img {
width: 100%;
}
#instagram_block_home .title {
margin-bottom: 25px;
}
#instagram_block_home .title a {
font-size: 17px;
color: #333;
font-weight: 600;
display: block;
line-height: 24px;
}
#instagram_block_home .title a:hover {
text-decoration: underline;
}
#instagram_block_home .content_block {
display: block;
}
#instagram_block_home a.fancybox:not(:first-child) {
position: relative;
margin-top: 10px;
}
#instagram_block_home a.fancybox {
position: relative;
}
#instagram_block_home a.fancybox:before {
content:"";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
background: rgba(58,153,67,0.5);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#instagram_block_home a.fancybox:after {
content: "\f350";
font-family: "Ionicons";
font-size: 24px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
z-index: 1;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
#instagram_block_home a.fancybox:hover:before,#instagram_block_home a.fancybox:hover:after {
opacity: 1;
}
/* Tweets */
.timeline-Widget {
background: none;
}
/* brand */
.brand-slider img {
display:inline-block;
vertical-align:top;
opacity:1;
}
.brand-slider img:hover {opacity:0.7;}
.brand-slider {
border: 1px solid #ededed;
padding: 34px 5px;
text-align: center;
margin-top: 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.common-home .brand-slider {
}
/*popular-tags*/
.popular-tags {
}
.popular-tags .title {
margin-bottom: 20px;
}
.popular-tags .title h3 {
margin: 0;
font-size: 17px;
font-weight: 300;
}
.popular-tags ul li a {
line-height: 29px;
display: inline-block;
vertical-align: top;
padding: 0 11px;
border: 1px solid #d5d5d5;
margin-right: 7px;
margin-bottom: 10px;
color: #666666;
font-weight: 400;
}
.popular-tags ul li a:last-child {
margin-right: 0;
}
.popular-tags ul li a:hover {
background: #ffd54c;
border-color: #ffd54c;
color: #fff;
}
/* Social-top */
.social-top {
padding: 7.5px 0;
}
.social-top ul.link-follow {
margin: 0;
}
.social-top ul.link-follow li {
margin: 0;
}
.social-top ul.link-follow li a {
background: transparent !important;
width: 30px;
color: #3e444a;
border: 0;
height: 30px;
line-height: 30px;
}
.social-top ul.link-follow li a:hover {
opacity: 0.7;
color: #3e444a;
}
.social-top .follow label {
display: inline-block;
vertical-align: top;
}
@media(max-width: 767px) {
.social-top .follow label {
display: none;
}
}
/* social-group */
.social-group {
background: #ffd54c;
padding: 39px 0;
margin-top: 50px;
}
.social-group .inner {
display: grid;
grid-template-columns: auto auto;
align-items: center;
}
.social-group .inner .follow {
text-align: right;
}
.social-group .inner .follow ul.link-follow {
margin: 0;
margin-bottom: 10px;
}
@media (max-width: 1199px) {
.social-group .inner {
grid-template-columns: 100%;
grid-gap: 10px;
}
.social-group .inner .follow {
text-align: center;
}
}
/*---*/
.follow {
}
.follow label {
font-size: 13px;
line-height: 24px;
text-transform: capitalize;
font-weight: 400;
margin: 0;
color: #3e444a;
display: inline-block;
vertical-align: top;
margin-right: 3px;
padding: 3px 0;
display: none;
}
ul.link-follow {
display: inline-block;
vertical-align: top;
margin-top: 13px;
}
ul.link-follow li {
display: inline-block;
margin-right: 7px;
margin-bottom: 0;
vertical-align: top;
margin-top: 10px;
}
ul.link-follow li:last-child {
margin-right: 0;
}
ul.link-follow li a {
position: relative;
display: inline-block;
vertical-align: top;
color: #3e444a;
width: 48px;
height: 48px;
line-height: 46px;
background: transparent;
border-radius: 100%;
-webkit-border-radius: 100%;
font-size: 0;
border: 1px solid #42474a;
text-align: center;
z-index: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
ul.link-follow li a:before {
font-size: 18px;
display: inline-block;
line-height: inherit;
vertical-align: top;
}
ul.link-follow li a span {
display: none;
}
ul.link-follow li a:hover {
background: #3e444a;
border-color: #3e444a;
color: #fff;
}
/*twitter*/
#twitter-feed {
}
#twitter-feed .tweet-title {
display: none;
}
#twitter-feed .tweet-title h3 {
color: #2d2d2d;
font-size: 18px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
font-weight: 700;
margin-top: 0;
}
#twitter-feed .twitter-pic {
display: none;
}
#twitter-feed .twitter-text {
line-height: 20px;
position: relative;
font-style: italic;
padding-left: 30px;
}
#twitter-feed .twitter-text:before {
content: "\f099";
font-family:"Font Awesome 5 Brands";
position: absolute;
left: 0;
top: 3px;
font-style: normal;
font-size: 20px;
color: #ffd54c;
}
#twitter-feed .twitter-text .tweetprofilelink,#twitter-feed .twitter-text br{
display: none;
}
#twitter-feed .twitter-text .tweet-time {
display: block;
margin-top: 5px;
}
#twitter-feed .twitter-text .tweet-time a {
font-size: 13px;
color: #999;
font-style: normal;
}
#twitter-feed .twitter-text a {
color: #ffd54c;
}
#twitter-feed .twitter-text a:hover {
text-decoration: underline;
}
#twitter-feed .twitter-article:not(:first-child) {
border-top: 1px solid #e5e5e5;
padding-top: 14px;
margin-top: 14px;
}
/* footer */
/* footer */
.common-home footer {
margin-top: 0;
}
.product-details footer {
margin-top: 30px;
}
footer{
margin-top: 40px;
}
.footer-top{
padding: 45px 0 15px 0;
}
ul.links-footer {
display: block;
padding: 14px 0;
border-bottom: 2px solid #393939;
margin-bottom: 47px;
}
ul.links-footer li {
display: inline-block;
vertical-align: top;
position: relative;
padding-right: 25px;
margin-right: 25px;
}
ul.links-footer li:after {
position: absolute;
content: "";
width: 1px;
height: 13px;
background: #808080;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
ul.links-footer li:last-child {
margin: 0;
padding: 0;
}
ul.links-footer li:last-child:after {
display: none;
}
ul.links-footer li a {
line-height: 24px;
font-size: 13px;
color: #999999;
display: block;
text-transform: capitalize;
}
ul.links-footer li a:hover {
color: #ffd54c;
}
footer .col-footer{
margin-bottom: 30px;
position: relative;
float: left;
}
.footer-title h5{
font-size: 17px;
line-height: 24px;
text-transform: capitalize;
font-weight: 700;
margin: 0;
color: #333;
}
.footer-content {
line-height: 20px;
color: #666;
}
.logo-footer {
display: block;
margin-bottom: 25px;
margin-top: 5px;
}
.footer-contact {
}
.footer-contact p {
margin-bottom: 15px;
}
.footer-contact .footer-title {
margin-bottom: 31px;
}
.footer-contact li {
position: relative;
margin-bottom: 11px;
}
.footer-contact li:last-child {
margin: 0;
}
.footer-contact li p {
margin: 0;
line-height: 24px;
}
.footer-contact li p span {
display: block;
color: #3e444a;
font-size: 16px;
font-weight: 700;
}
.footer-contact li i {
width: 42px;
height: 42px;
line-height: 42px;
font-size: 16px;
color: #fff;
background: #ffd54c;
font-style: normal;
text-align: center;
border-radius: 100%;
-webkit-border-radius: 100%;
}
.footer-time p {
margin: 0;
line-height: 24px;
padding: 5px 0;
overflow: hidden;
}
.footer-time p:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
margin-right: 6px;
}
.footer-time p span:last-child {
float: right;
}
.payment {
float: right;
padding: 8px 0;
}
.payment h5 {
font-size: 18px;
line-height: 24px;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 24px;
font-weight: 500;
}
footer .list-unstyled.text-content li a:hover,footer .list-unstyled.text-content li a:hover:after{
color: #ffd54c;
}
.footer-title {
margin-bottom: 16px;
}
footer .list-unstyled.text-content li a{display: block;line-height: 24px;color: #666;padding: 3px 0;position: relative;}
.footer-middle {
}
.tag-static{
}
.tag-static li a:first-child{
padding: 0 15px;
font-weight: 400;
color: #fff;
background:#37475a;
border-radius: 2px;
margin-right: 8px;
}
.tag-static li a:first-child:after,.tag-static li a:last-child:after {
display:none;
}
.tag-static li a {
line-height: 32px;
text-transform: capitalize;
color: #5b697b;
position: relative;
display: inline-block;
vertical-align: top;
}
.tag-static li a:after {
content:"/";
display: inline-block;
vertical-align: top;
margin:0 9px;
color: #5b697b;
}
.tag-static li a:hover {
color: #fff;
}
.tag-static li {
display: block;
margin-bottom: 8px;
}
.tag-static li:last-child {
margin-bottom:0;
}
.footer-bottom {
text-align: center;
background: #fff;
}
.footer-bottom .container-inner {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 10px 0;
border-top: 1px solid #ededed;
}
.footer-copyright {
float: left;
line-height: 30px;
color: #999999;
padding: 5px 0;
font-size: 13px;
}
.footer-copyright p{
background: none;
text-transform: capitalize;
font-weight: 400;
margin: 0;
color: #999;
}
.footer-copyright p span {
}
.footer-bottom .footer-copyright a {
color: #333333;
}
.footer-bottom .footer-copyright a:hover {
color: #ffd54c;
}
.footer-custom-links {
float: left;
padding: 5px 0;
}
.footer-custom-links li {
display: inline-block;
vertical-align: top;
margin-right: 27px;
position: relative;
line-height: 30px;
}
.footer-custom-links li:after {
content: "";
width: 1px;
height: 15px;
background: #999;
position: absolute;
right: -15px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer-custom-links li:last-child {
margin: 0;
}
.footer-custom-links li:last-child:after {
display: none;
}
.footer-custom-links li a {
color: #999;
}
.footer-custom-links li a:hover {
color: #ffd54c;
}
#back-top i{
font-size: 16px;
line-height: inherit;
display: inline-block;
vertical-align: top;
font-style: normal;
}
#back-top:hover{
background: #ffd54c;
color: #3e444a;
}
#back-top{
position: fixed;
bottom: 80px;
right: 30px;
background: #3e444a;
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 100%;
color: #fff;
display: none;
text-align: center;
cursor: pointer;
z-index: 100;
}
/* breadcrumb */
.common-home .breadcrumbs {
display: none;
}
.breadcrumbs {
display: block;
line-height: 25px;
overflow: hidden;
margin: 0;
text-align: left;
}
.product-details .breadcrumbs {
/* margin-bottom: 30px; */
}
.breadcrumbs h1 {
color: #363636;
text-transform: uppercase;
font-weight: 400;
font-size: 30px;
margin-bottom: 0;
}
.breadcrumb{
margin: 0;
background: none;
text-transform: none;
padding: 22px 0;
}
.breadcrumb > li + li:before {
content: "\f3d3";
padding: 0;
color: #666;
display: inline-block;
vertical-align: top;
font-family: "Ionicons";
font-size: 12px;
}
.breadcrumb li:before {
margin: 0 7px;
}
.breadcrumb li a:hover,
.breadcrumb li:last-child a{
color: #333;
}
.breadcrumb li a{
color: #666666;
text-transform: capitalize;
font-size: 13px;
font-weight: 400;
}
.hasimage {
text-align: center;
margin-top: 0;
}
.hasimage .breadcrumb {
padding-top: 0;
}
.hasimage h1,.hasimage .breadcrumb li a,.hasimage .breadcrumb > li + li:before {
color: #fff;
}
.hasimage > .container {
position: relative;
}
.hasimage > .container .inner {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
padding: 0 30px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* sidebar-order */
.col-order-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.col-order-inner .category-module {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.col-order-inner .layernavigation-module {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.col-order-inner .static-sidebar {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.col-order-inner .tt_product_module {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 4;
-webkit-order: 4;
order: 4;
}
/*----------*/
.category-module .li a.active,
.category-module .li a:hover{
font-weight: 700;
}
.category-module .list-child a.active,
.category-module .list-child a:hover {
font-weight: normal;
color: #ffd54c;
}
.category-module .li{
}
.category-module .li a{
text-transform: capitalize;
line-height: 24px;
padding: 5px 0;
display: block;
position: relative;
color: #3e444a;
font-size: 14px;
}
.category-module > .ul{
margin: 0;
border-top: 0;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 27px;
}
.category-module .list-child {
padding-left: 10px;
}
.category-module .list-child a {
color: #757575;
}
.category-module .list-child .li a:before {
width: 10px;
height: 10px;
}
.category-module{
background: #f6f6f6;
padding: 20px;
}
.category-module h3{
font-size: 16px;
text-transform: uppercase;
margin: 17px 0 11px;
text-align: left;
font-family: 'Lato', sans-serif;
font-weight: 700;
}
/* toolbar */
.description p:last-child {
margin: 0;
}
.has-thumb {
position: relative;
margin-bottom: 20px;
}
.has-thumb .category-name {
}
.category-name {
font-size: 28px;
}
.text-refine {
margin-top:0;
font-size: 16px;
}
.category-image {
border-radius: 0;
overflow: hidden;
}
.category-image img {
border: none;
padding: 0;
border-radius: 0;
}
#compare-total ,.list-cate{
padding: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 25px;
text-transform: capitalize;
}
.list-cate li a {
line-height: 24px;
display: block;
}
.toolbar-products {
margin-bottom: 20px;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center;
border: 1px solid #ededed;
padding: 5px 20px;
}
.toolbar-products.toolbar-bottom {
margin-bottom:0;
position: relative;
}
.toolbar-products.toolbar-bottom .toolbar-amount {
}
.toolbar-products .modes {
display:inline-block;
vertical-align: top;
padding: 0;
margin: 1px 0;
}
.toolbar-products .toolbar-amount {
line-height: 46px;
display: inline-block;
vertical-align: top;
padding: 1px 0;
}
#grid-view i,#list-view i {
display: none;
}
.modes button {
width: 35px;
height: 46px;
padding: 0;
margin-right: 4px;
font-size: 0;
display: inline-block;
vertical-align: top;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: none !important;
border: 0;
}
.modes .btn-grid {
background: url(../image/bkg_grid.png) center no-repeat;
}
.modes .btn-grid.active,.modes .btn-grid:hover {
background:url(../image/bkg_grid_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-2{
background: url(../image/bkg_grid2.png) center no-repeat;
}
.modes .btn-grid.btn-grid-2.active,.modes .btn-grid.btn-grid-2:hover {
background:url(../image/bkg_grid2_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-3 {
width: 20px;
}
.modes .btn-grid.btn-grid-4{
background: url(../image/bkg_grid4.png) center no-repeat;
}
.modes .btn-grid.btn-grid-4.active,.modes .btn-grid.btn-grid-4:hover {
background:url(../image/bkg_grid4_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-5 {
background: url(../image/bkg_grid5.png) center no-repeat;
display: none;
}
.modes .btn-grid.btn-grid-5.active,.modes .btn-grid.btn-grid-5:hover {
background:url(../image/bkg_grid5_hover.png) center no-repeat;
}
.modes .btn-list {
background: url(../image/bkg_list.png) center no-repeat;
}
.modes .btn-list.active,.modes .btn-list:hover {
background:url(../image/bkg_list_hover.png) center no-repeat;
}
@media (min-width: 1200px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
}
.toolbar-products .sorter {
margin-left: 45px;
display: inline-block;
vertical-align: top;
padding: 9px 0;
}
.toolbar-products .limiter {
display: inline-block;
vertical-align: top;
padding: 9px 0;
}
.toolbar-products .sorter label,.toolbar-products .limiter label {
display:inline-block;
vertical-align: top;
line-height: 30px;
margin: 0;
margin-right: 8px;
color: #666666;
font-size: 14px;
}
.toolbar-products .sorter select, .toolbar-products .limiter select {
padding: 0;
height: 30px;
font-size: 14px;
color: #333333;
background: #fff;
display: inline-block;
vertical-align: top;
width: auto;
border: 0;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
}
.toolbar-products .sorter select:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #000 transparent transparent transparent;
}
.toolbar-products .pages {
display:inline-block;
vertical-align: top;
padding: 9px 0;
}
.toolbar-products .pages ul {
margin: 0;
border-radius:0;
}
.toolbar-products .pages ul li {
display: inline-block;
vertical-align: top;
margin: 0 3px;
}
.toolbar-products .pages ul li:first-child {
margin-left: 0;
}
.toolbar-products .pages ul li:last-child {
margin-right: 0;
}
.toolbar-products .pages ul li a {
color: #3e444a;
font-size: 14px;
padding: 0;
font-weight: 400;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #fff;
border: 0;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.toolbar-products .pages ul li span {
color: #fff;
background: none;
font-size: 14px;
border: none;
padding: 0;
font-weight: 400;
width: 30px;
height: 30px;
border-radius: 4px;
-webkit-border-radius: 4px;
line-height: 30px;
}
.toolbar-products .pages ul li.active span,.toolbar-products .pages ul li:hover a {
color: #3e444a;
background: #ffd54c;
border-color: #ffd54c;
}
/* category */
.custom-category > .row {
margin: 0 -10px;
}
.custom-category > .row > .product-layout{
padding: 0 10px;
}
.custom-category .product-grid {
margin-top: 0;
}
#product-category .product-grid .item-inner .caption .manufacture-product {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#product-category .product-grid .item-inner:hover .caption .hide-hover {
opacity: 0;
}
.product-grid .product-des {
display: none;
}
.product-grid .item {margin-bottom: 20px;}
.product-list:first-child {
margin-top: 20px;
}
.product-list .product-thumb {margin-bottom: 20px;}
.product-list:last-child .product-thumb {
border: 0;
padding: 0;
}
.product-list .item-inner {
display: grid;
border: 1px solid #f0f0f0;
padding: 19px;
grid-template-columns: 31% 46% auto;
}
.product-list .images-container {
order: 1;
}
.product-list .caption {
text-align: left;
padding: 0 20px;
border: 0;
border-right: 1px solid #ebebeb;
order: 2;
}
.product-list .caption .inner {
}
.caption-top .text-available{
display:none;
}
.product-list .caption-top {
display: block;
padding: 15px 0 0 20px;
order: 3;
}
.product-list .manufacture-product {
display: none;
}
.product-list .caption-top .text-available {
text-transform: capitalize;
margin-bottom: 8px;
display: block;
}
.product-list .caption-top .text-available span {
color: #67c10a;
}
.product-list .product-name {
border-top: 0;
background: none;
padding-bottom: 0;
margin-bottom: 15px;
margin-top: 15px;
}
.product-list .product-name a {
font-size: 18px;
line-height: 24px;
}
.product-list .item-inner .caption .ratings {
}
.product-list .product-des {
padding: 16px 0 0 0;
background: none;
margin-bottom: 0;
}
.product-list .item-inner .price-box {
order: 2;
margin-top: 0;
}
.product-list .price-box .price {
font-size: 24px;
}
.product-list .price-box p.old-price .price {
font-size: 18px;
}
.product-list .price-box p.old-price {
padding-top: 6px;
}
.product-list .item-inner .action-links {
margin-top: 12px;
text-align: center;
}
.product-list .item-inner button.btn-cart {
line-height: 38px;
width: 100%;
margin-top: 34px;
font-size: 15px;
font-weight: 400;
background: #ffd54c;
}
.product-list .item-inner button.btn-cart:hover {
background: #3e444a;
color: #fff;
}
/* product detail */
/*no use zoom*/
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > li {
margin-left: 20px;
}
.thumbnails {
margin-left: -20px;
}
.thumbnails > img {
width: 100%;
}
.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 78px;
}
.thumbnails .image-additional {
float: left;
margin-left: 20px;
}
/*--*/
.image-additional-container {
}
.image-additional-container .thumbnail{
margin: 0;
border: 1px solid #edecec;
}
.image-additional-container .thumbnail:hover,.image-additional-container .thumbnail.current-additional {
border-color: #ffd54c;
}
#product-product .column-main {
background: #fff;
padding: 10px;
}
.product-info-main > .inner {
border: 1px solid #ebebeb;
padding: 20px;
}
.product-info-main .tags {
font-size: 13px;
color: #333;
margin-bottom: 7px;
}
.product-info-main .tags a {
color: #868686;
}
.product-info-main .tags a:hover {
color: #ffd54c;
}
.product-info-main .product-name {
font-size: 24px;
text-transform: capitalize;
margin: 0px 0 22px 0;
background: none;
line-height: 1;
color: #2777d0;
}
.product-info-main .price-box {
display:block;
margin-bottom: 7px;
margin-top: 4px;
}
.product-info-main .price-box .price {font-size: 32px;}
.product-info-main .price-box p.old-price .price {
font-size: 24px;
}
.product-info-main .price-box p.old-price {
padding-top: 7px;
}
.product-info-main .ratings {
padding: 0;
display: inline-block;
vertical-align: top;
margin: 0;
}
.product-info-main .ratings .rating-box {
float: left;
}
.product-info-main .addthis_toolbox {
padding-top: 25px;
/* border-top: 1px solid #f3f3f3; */
/* padding-bottom: 9px; */
/* border-bottom: 1px solid #f3f3f3; */
/* margin-bottom: 18px; */
}
.product-info-main .short-des {
line-height: 20px;
margin-bottom: 12px;
padding: 23px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
#product .form-group .radio {
display: inline-block;
vertical-align: top;
margin: 0 5px;
}
#product .form-group .radio input[type="radio"] {
margin-top: 2px;
}
#input-quantity2, #minus2, #plus2,
#input-quantity, #minus, #plus {
box-shadow: none;
font-weight: 700;
text-align: center;
width: 55px;
font-size: 16px;
padding: 0;
color: #4c4c4c;
background: #fff;
float: left;
border: 1px solid #e5e5e5;
}
#input-quantity2,
#input-quantity {
width: 100px;
min-width: auto;
margin: 0 1px;
margin-right: 15px;
}
.product-info-main #product>h3 {
margin-top: 0;
font-size: 18px;
}
.product-info-main .form-group {
display:inline-block;
vertical-align: top;
width: 100%;
}
.product-info-main #product {
/* margin-bottom: 20px; */
}
.product-info-main #product .form-group .control-label{
display: inline-block;
vertical-align: top;
color: #222;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.product-info-main #product .form-group input.form-control {
height: 48px;
border-color: #dbdbdb;
padding-left: 20px;
padding-right: 20px;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
}
.product-info-main #product .form-group .input-group .form-control {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.product-info-main #product .form-group .input-group .input-group-btn button{
border-left: 0;
border-color: #e5e5e5;
padding: 9px 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 48px;
}
label[for='input-quantity']{
float: left;
color: #363636;
font-size: 14px;
font-weight: 500;
margin-bottom: 34px;
}
.product-info-main label[for='input-quantity']{
line-height: 48px;
margin-right: 20px;
}
.product-info-main .button-cart{
float: left;
margin-top: 15px;
background: #ffd54c;
padding: 0 70px;
font-size: 16px;
font-weight: 700;
}
.product-info-main .button-cart:before {
content: "+";
margin-right: 3px;
}
.product-info-main .button-cart:hover {
background: #333;
}
.product-info-main button.btn-wishlist {
clear: left;
}
.product-info-main button.btn-wishlist,.product-info-main button.btn-compare {
margin-top: 15px;
text-transform: capitalize;
font-size: 13px;
color: #757575;
line-height: 30px;
border-radius: 0;
-webkit-border-radius: 0;
font-weight: 400;
padding: 0;
background: #fff;
float: left;
margin-right: 40px;
}
.product-info-main button.btn-wishlist:before,.product-info-main button.btn-compare:before {
font-family: 'Linearicons-Free';
font-size: 16px;
display: inline-block;
vertical-align: top;
line-height: inherit;
margin-right: 7px;
}
.product-info-main button.btn-wishlist:before {
content: "\e813";
}
.product-info-main button.btn-compare:before {
content: "\e862";
}
.product-info-main button.btn-wishlist:hover,.product-info-main button.btn-compare:hover {
color: #ffd54c;
}
#product2.has-option,
#product.has-option{
max-height: 300px;
overflow: auto;
border: 1px solid #e1e1e1;
padding: 20px;
}
#product + div{
/* margin: 20px 0; */
}
.quantity-box {
float: left;
border: 0;
margin-right: 4px;
}
.product-info-main label[for='input-quantity'], .product-info-main #input-quantity {
margin-top: 15px;
margin-bottom: 0 !important;
}
.product-info-main .box-options {
margin-top: 10px;
padding: 10px 0;
font-size: 16px;
color: #666666;
}
.product-info-main ul.list-unstyled {padding: 2px 0;margin-bottom: 18px;position: relative;font-size: 13px;}
.product-info-main ul.list-unstyled:after {
top: auto;
bottom: 0;
}
.product-info-main ul.list-unstyled li {
display: block;
line-height: 24px;
}
.product-info-main ul.list-unstyled li span {
color: #67c10a;
}
.product-info-main ul.list-unstyled li a {
color: #67c10a;
font-weight: 700;
}
.product-info-main ul.list-unstyled li a:hover {
text-decoration: underline;
}
.backgroud-details {
background: #f6f6f6;
padding-bottom: 50px;
margin-top: 50px;
}
.product-info-detailed {
margin-top: 50px;
display: inline-block;
vertical-align: top;
width: 100%;
background: #fff;
padding: 10px 20px 30px 20px;
}
.product-info-detailed .nav-tabs {
margin-bottom: 0;
text-align: center;
border: 0;
position: relative;
}
.product-info-detailed .nav-tabs li {
position: relative;
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 0;
margin-right: 50px;
}
.product-info-detailed .nav-tabs li:last-child {
margin:0;
}
.product-info-detailed .nav-tabs li a {
font-size: 20px;
color: #a9a9a9;
text-transform: capitalize;
border-radius: 0;
border: none !important;
margin: 0;
position: relative;
font-weight: 600;
line-height: 30px;
padding: 13px 0;
background: transparent;
}
.product-info-detailed .nav-tabs li a:after {
content: "";
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background: transparent;
position: absolute;
}
.product-info-detailed .nav-tabs li.active a:after{
background: #ffd54c;
}
.product-info-detailed .nav-tabs li a:hover,.product-info-detailed .nav-tabs li.active a {
background: transparent;
color: #333333;
}
.product-info-detailed .tab-content {
line-height: 24px;
padding: 25px 10px;
padding-bottom: 13px;
border-top: 1px solid #ebebeb;
font-size: 15px;
}
#tab-description p {
margin:0;
}
.bootstrap-datetimepicker-widget a[data-action]{
padding: 0 !important;
}
.bootstrap-datetimepicker-widget td span:hover{
background: none !important;
}
.bootstrap-datetimepicker-widget td span{
height: 40px !important;
line-height: 40px !important;
margin: 0px !important;
}
.alert.alert-success{
text-align: center;
font-size: 14px;
/* margin: 0; */
}
.account-login .well{
background: none;
box-shadow: none;
}
#map-canvas{
min-height: 400px;
margin: 20px 0;
}
.information-contact form .required{
margin-bottom: 20px;
}
.bootstrap-datetimepicker-widget a[data-action] {
border: none;
height: auto;
}
#content{
min-height: 300px;
}
#content > h1 {
margin-top: 0;
margin-bottom: 30px;
text-transform: capitalize;
font-weight: 700;
}
@media(min-width: 768px) {
.fluid-width > .container {
width: auto;
padding: 0 30px;
max-width: 1920px;
}
}
@media(min-width: 1200px) {
.container {
width: 1140px;
}
}
@media(min-width: 1500px){
.fluid-width > .container {
padding: 0 120px;
}
}
/* responsive */
@media(max-width: 1299px){
}
@media(max-width: 1199px){
.product-list .item-inner {
grid-template-columns: 42% 58%;
}
.product-list .caption-top {
grid-column: 2/ span 3;
}
.product-list .images-container {
grid-row: 1/ span 2;
}
.product-list .caption {
border: 0;
padding-right: 0;
}
}
@media(max-width: 991px){
.col-order {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.col-order #content {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
float: none;
}
.col-order #column-left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
float: none;
}
#column-left,#column-right {
margin-top: 30px;
}
#search .search-content {
}
.tabs-category-slider.tabs-style1 .module-title {
margin-bottom: 62px;
}
.tabs-category-slider.tabs-style1 .box-tab {
top: auto;
bottom: -40px;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.tabs-category-slider.tabs-style1.module-nav2 .owl-carousel.owl-theme .owl-nav {
top: -94px;
}
.col-menu-mobile {
position: absolute;
z-index: 3;
left: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
}
.logo-container {
max-width: 50%;
float: left;
margin-left: 50px;
}
.top-search {
position: relative;
margin-bottom: 15px;
top: auto;
left: auto;
right: auto;
margin-top: 0;
}
.top-menu {
display: none;
background: #fff;
}
.header-inner .container-inner > .inner{
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}
.follow {
float: none;
}
.footer-copyright,.payment {
float: none;
}
footer .col-footer:nth-child(3) {
clear: left;
}
.newletter-popup,
.b-modal{
display: none !important;
}
.zoomContainer,
.vermagemenu-container,
#search-by-category .search-container .categories-container{
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media(min-width: 768px) {
.toolbar-products .modes {
float: left;
margin-right: 20px;
}
.toolbar-products .sorter,.toolbar-products .limiter {
float: right;
}
.toolbar-products .toolbar-amount {
float: left;
}
.toolbar-products.toolbar-bottom .toolbar-amount {
float: right;
position: relative;
}
.toolbar-products .pages {
float: left;
}
}
@media(max-width: 767px){
.toolbar-products .sorter {
margin: 0 15px;
}
.link-compare {
text-align: center;
}
#top .box > div {
margin-right: 20px;
}
#top .box > div:after {
right: -12px;
}
.fluid-width > .container {
padding: 0 15px;
}
.box-cart .wishlist a > span, #cart-total {
font-size: 0;
}
.box-cart {
margin-right: 15px;
}
.top-search {
margin-bottom: 0;
margin-top: -16px;
position: absolute;
top: 50%;
right: 140px;
z-index: 113;
}
.tabs-category-slider.tabs-style1 .box-tab {
position: relative;
bottom: auto;
margin-top: 25px;
}
.tabs-category-slider.tabs-style1 .module-title {
margin-bottom: 20px;
}
.product-info-main {
margin-top: 30px;
}
footer {
}
#back-top {
width: 40px;
height: 40px;
line-height: 40px;
}
#back-top i {
left: 13px;
top: 10px;
}
}
@media(max-width: 640px){
}
@media(max-width: 567px){
.product-info-detailed .nav-tabs {
padding: 0;
width: auto;
float: none;
text-align: center;
}
.product-info-detailed .nav-tabs li {
float: none;
display: block;
margin:0;
}
.header-inner .container-inner > .inner > .inner-inner {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}
.header-phone {
position: relative;
top: auto;
left: auto;
right: auto;
margin-top: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
}
@media(max-width: 479px){
#cart {
/* display: block; */
}
.box-cart .wishlist {
margin-right: 10px;
}
.top-search {
right: 100px;
}
.logo-container {
max-width: 35%;
margin-left: 40px;
}
.box-cart .wishlist a:before, #cart > button:before {
font-size: 26px;
}
.box-cart .wishlist a .count, #cart-total .txt_number {
left: 20px;
}
.tabs-category-slider.tabs-style1 .box-tab {
margin-top: 15px;
}
.tabs-category-slider.tabs-style1 .module-title:before {
display: none;
}
#cart .dropdown-menu {
right: -15px;
width: 300px;
margin-top: 10px;
}
.product-list .item-inner {
grid-template-columns: 100%;
}
.product-list .images-container {
grid-row: auto;
}
.product-list .caption-top {
grid-column: auto;
padding-left: 0;
}
.product-list .caption {
padding: 0;
}
}
@media(max-width: 359px){
.product-info-main > .inner {
padding-left: 15px;
padding-right: 15px;
}
.product-info-main .ratings a {
line-height: 20px;
}
#checkout-cart .buttons > div {
float: none !important;
margin-bottom: 10px;
text-align: right;
}
}
/*Fix products-grid */
@media (min-width: 1200px){
#content .custom-category .col-lg-2:nth-child(6n+1),
#content .custom-category .col-lg-3:nth-child(4n+1),
#content .custom-category .col-lg-4:nth-child(3n+1),
#content .custom-category .col-lg-6:nth-child(2n+1) {
clear:left;
}
}
@media (max-width: 1199px) and (min-width: 992px){
#content .custom-category .col-md-2:nth-child(6n+1),
#content .custom-category .col-md-3:nth-child(4n+1),
#content .custom-category .col-md-4:nth-child(3n+1),
#content .custom-category .col-md-6:nth-child(2n+1) {
clear:left;
}
}
@media (max-width: 991px) and (min-width: 768px){
#content .custom-category .col-sm-2:nth-child(6n+1),
#content .custom-category .col-sm-3:nth-child(4n+1),
#content .custom-category .col-sm-4:nth-child(3n+1),
#content .custom-category .col-sm-6:nth-child(2n+1) {
clear:left;
}
}
@media (max-width: 767px) and (min-width:480px){
#content .custom-category .col-xs-6:nth-child(2n+1) {clear: left;}
#content .custom-category .col-xs-4:nth-child(3n+1) {clear: left;}
}
@media (max-width: 479px) and (min-width: 0px){
#content .custom-category .product-item:nth-child(1n+1) {clear: left;}
#content .custom-category .product-item{width: 100%;}
}
/*Fix products-no-slider */
@media (min-width: 768px) {
.six_items:nth-child(6n+1),
.four_items:nth-child(4n+1),
.three_items:nth-child(3n+1),
.two_items:nth-child(2n+1)
{ clear: left;}
}
@media (max-width: 1500px) {
.module-not-slider {
grid-template-columns:auto auto auto auto auto auto !important;
}
}
@media (max-width: 1199px) {
.module-not-slider {
grid-template-columns:auto auto auto auto !important;
}
}
@media (max-width: 991px) {
.module-not-slider {
grid-template-columns:auto auto auto !important;
}
}
@media (max-width: 767px) {
.module-not-slider {
grid-template-columns:auto auto !important;
}
}
@media (max-width: 479px) {
.module-not-slider {
grid-template-columns:auto !important;
}
.module-not-slider .col-image {
grid-column: 1 / 2 !important;
}
}
/*Button CustomView */
@media (min-width: 1200px) {
.btn-grid.btn-grid-2 {
display: none;
}
}
@media (max-width: 1199px) {
.btn-grid.btn-grid-5 {
display: none;
}
}
@media (max-width: 767px) {
.btn-grid.btn-grid-4 {
display: none;
}
.modes .btn-grid.btn-grid-3{
background: url(../image/bkg_grid2.png) center no-repeat;
}
.modes .btn-grid.btn-grid-3.active,.modes .btn-grid.btn-grid-3:hover {
background: url(../image/bkg_grid2_hover.png) center no-repeat;
}
.modes .btn-grid.btn-grid-2{
background: url(../image/bkg_grid1.png) center no-repeat;
}
.modes .btn-grid.btn-grid-2.active,.modes .btn-grid.btn-grid-2:hover {
background: url(../image/bkg_grid1_hover.png) center no-repeat;
}
.tooltip {
display: none !important;
}
}
@media (max-width: 479px) {
.btn-grid.btn-grid-3 {
display: none;
}
}
.bootstrap-datetimepicker-widget .datepicker .prev,.bootstrap-datetimepicker-widget .datepicker .next {
padding:0 !important;
font-weight: normal;
line-height: 18px;
}
#account-order .buttons {
margin-top: 15px;
}