File "stylesheet.css"
Full path: /home/cakedeco/retaildirectonline.co.uk/catalog/view/theme/tt_madison2/stylesheet/stylesheet.css
File
size: 109.48 B (109.48 KB bytes)
MIME-type: text/plain
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
/* 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: 'Lora', serif;
font-weight: 400;
color: #666;
font-size: 14px;
line-height: 1.428571429;
width: 100%;
background: #fff;
}
*:focus{
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
color: #444;
line-height: 1.3;
font-weight: 700;
}
/* default font size */
.fa {
font-size: 14px;
}
.fa-stack {
width: 14px;
}
.fa-stack .fa-star {
color: #ccbca0;
}
.fa-stack .star-o {
color: #b7b7b7;
}
.fa-stack .fa-star + .star-o {
color: #ccbca0;
}
/* 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: #f03368;
}
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: 12px;
}
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: #f03368;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #f03368;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #f03368;
}
.tooltip.right .tooltip-arrow {
border-right-color: #f03368;
}
.tooltip.left .tooltip-arrow {
border-left-color: #f03368;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #f03368;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #f03368;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #f03368;
}
.tooltip-inner{
background: #f03368;
}
.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: #014071;
}
#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: #f03368;
padding: 0 25px;
text-transform: capitalize;
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 49px;
display: inline-block;
vertical-align: top;
border-radius: 4px;
-webkit-border-radius: 4px;
-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 -15px;
}
.owl-container .owl-item {
padding: 0 15px;
}
.owl-carousel.owl-theme:hover .owl-nav div {
opacity: 1;
}
.owl-carousel.owl-theme .owl-dot:hover span {
background: #f03368;
}
.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: -19px;
width: 38px;
height: 38px;
padding: 0;
line-height: 38px;
color: #fff;
background: #343434;
border: 0;
border-radius: 100%;
-webkit-border-radius: 100%;
text-align: center;
cursor: pointer;
opacity: 0;
z-index: 6;
-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;
}
.owl-carousel.owl-theme .owl-nav div:before {
font-family:"Font Awesome 5 Free";
display: inline-block;
vertical-align: top;
font-size: 20px;
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: "\f060";
}
.owl-carousel.owl-theme .owl-nav div.owl-next {
right: 0;
}
.owl-carousel.owl-theme .owl-nav div.owl-next:before {
content: "\f061";
}
.owl-carousel.owl-theme:hover .owl-nav div.owl-prev {
left: 0;
}
.owl-carousel.owl-theme:hover .owl-nav div.owl-next {
right: 0;
}
.owl-carousel.owl-theme .owl-nav div:hover {
background: #f03368;
border-color: #f03368;
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: 14px;
}
#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;
}
#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:#f03368;
}
/* newsllter */
.newletter-subscribe-container {
}
#dialog-normal .newleter-content{
}
#subscribe-normal {
margin-bottom: 0;
position: relative;
padding-right: 133px;
margin-top: 25px;
}
#subscribe_email-normal{
display: inline-block;
vertical-align: top;
padding: 10px 15px;
line-height: 30px;
height: 49px;
color: #999;
font-size: 16px;
width: 100%;
border: 0;
background: #f1f1f1;
border-radius: 4px;
-webkit-border-radius: 4px;
text-align: left;
box-shadow: none;
-webkit-box-shadow: none;
}
#frm_subscribe-normal .btn:hover{
background: #343434;
}
#frm_subscribe-normal .btn {
line-height: 49px;
border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0 20px;
font-size: 15px;
max-width: 123px;
color: #fff;
background: #f03368;
font-weight: 700;
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: 12px;
}
#notification-normal div{
color: blue;
}
#notification-normal div.warning{
color: red;
text-align: left;
}
#subscribe-normal ::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
#subscribe-normal :-moz-placeholder {
/* Firefox 18- */
color: #999;
opacity: 1;
}
#subscribe-normal ::-moz-placeholder {
/* Firefox 19+ */
color: #999;
opacity: 1;
}
#subscribe-normal :-ms-input-placeholder {
color: #999;
opacity: 1;
}
/* Top */
#top{
background: #fff;
}
#top .container-inner {
display: inline-block;
vertical-align: top;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
#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: #f03368;
}
a.link-more:after {
content:"\f0a9";
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-size: 16px;
margin-left: 19px;
display: inline-block;
vertical-align: top;
}
#top .box-right {
float:right;
}
#top .box > li {
display: inline-block;
vertical-align: top;
}
#top .btn-group > .btn-link,#top .btn-group .text-ex {
text-shadow: none;
cursor: pointer;
font-size: 15px;
text-transform: capitalize;
overflow: hidden;
line-height: 26px;
font-weight: 400;
padding: 8px 0;
color: #444;
display: block;
text-align: left;
border: 0;
text-decoration: none;
font-style: italic;
}
#top .btn-group > .btn-link {
font-size: 13px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
#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: 13px;
margin-left: 1px;
font-weight: normal;
display: inline-block;
vertical-align: middle;
}
#top .btn-group .btn-link:hover {
color: #f03368;
}
#top .btn-group .dropdown-menu{
position: absolute;
left: auto;
right: -15px;
text-align: left;
margin: 0;
background: white;
border: 1px solid #e9e8e8;
border-radius: 0;
padding: 0 20px;
box-shadow: none;
-webkit-box-shadow: none;
}
#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: 7px 0 6px 0;
line-height: 26px;
display: block;
text-transform: capitalize;
font-weight: normal;
height: inherit;
border-radius: 0;
text-align: left;
font-size: 13px;
color: #999;
}
#top .btn-group .dropdown-menu li > a:hover,
#top .btn-group .dropdown-menu li> button:hover {
text-decoration: none;
color: #f03368;
}
#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: #f03368;
text-decoration: none;
}
.logo-container {
z-index: 1;
position: relative;
display: inline-block;
vertical-align: top;
float: left;
}
#logo{
padding: 15px 0;
}
#logo a{
display: inline-block;
}
.header-inner {
position:relative;
background: #fff;
text-align: center;
z-index: 8;
}
.header-inner .container-inner {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}
.header-phone {
}
.header-phone p {
margin: 0;
color: #444;
font-style:italic;
line-height: 22px;
padding: 10px 0;
}
.header-phone p span {
font-style: normal;
font-weight: 700;
}
.col-hoz {
position: absolute;
left: 0;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.col-hoz:hover {
z-index: 3;
}
/* 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: #f03368;}
#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: #f03368;
}
#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: inline-block;
vertical-align: top;
padding: 5.5px 0;
margin-right: 50px;
}
#search input {
height: 31px;
font-size: 13px;
color: #999999;
width: 180px;
font-weight: 400;
background: #f4f4f4;
border: 0;
border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: none !important;
padding: 0 40px 0 15px;
position: relative;
}
#search .input-group-btn {
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 .input-group-btn button {
background: transparent;
border: 0;
line-height: 31px;
width: 35px;
padding: 0;
box-shadow: none !important;
margin: 0;
}
#search .input-group-btn button{
font-size: 14px;
color: #444;
}
#search .input-group-btn button:hover {
color: #f03368;
}
#search .input-group-btn button:before {
content: "\f002";
font-family: 'Font Awesome 5 Free';
display: inline-block;
vertical-align: top;
line-height: inherit;
}
#search ::-webkit-input-placeholder { /* Chrome */
color: #999;
}
#search :-ms-input-placeholder { /* IE 10+ */
color: #999;
}
#search ::-moz-placeholder { /* Firefox 19+ */
color: #999;
opacity: 1;
}
#search :-moz-placeholder { /* Firefox 4 - 18 */
color: #999;
opacity: 1;
}
/*====search-by-category=====*/
#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;
}
#search-by-category .search-container #text-search{
padding: 0 60px 0 190px;
height: 48px;
border-radius: 25px;
font-size: 13px;
border: 1px solid #e1e1e1;
z-index: 1;
background: #fff;
color: #a4a4a4;
width: 100%;
-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;
}
#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:#f03368
}
.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: #f03368;
}
#btn-search-category{
background: transparent;
border:none!important;
padding: 0 20px;
box-shadow:none;
text-shadow:none;
border-radius: 0;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
height: 48px;
color: #747474;
font-size: 0;
letter-spacing: 0;
line-height: 48px;
overflow: hidden;
}
#btn-search-category span {
display: none;
}
#btn-search-category:before {
content: "\e9c1";
font-family: 'plaza-icon';
font-size: 20px;
}
/*==========================*/
.box-cart {
}
.box-cart .language,.box-cart .currency,.box-cart .setting {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
#cart-total .txt_number {
width: 21px;
height: 21px;
line-height: 21px;
border-radius: 100%;
-webkit-border-radius: 100%;
font-weight: 700;
font-size: 13px;
font-style: normal;
color: #fff;
background: #f03368;
position: absolute;
left: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#cart-total .total-price {
color: #f03368;
font-style: normal;
font-weight: 700;
}
.box-cart .wishlist a:hover > span,#cart > button:hover #cart-total {
color: #f03368;
}
.box-cart .wishlist a:hover:before{
color: #f03368;
}
.box-cart .wishlist a .count {
left: 39px;
position: absolute;
font-size: 11px;
top: -4px;
width: 20px;
height: 20px;
line-height: 20px;
margin: 0;
padding: 0;
background: #f03368;
border-radius: 100%;
color: #222222;
font-weight: 500;
}
#cart .dropdown-menu {
}
#cart{
width: auto;
display: inline-block;
vertical-align: top;
}
#cart .mycart {
color: #2f333a;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
display: inline-block;
vertical-align: top;
text-align: left;
margin-left: 18px;
line-height: 1;
}
#cart .mycart .total-price {
display: block;
color: #f03368;
font-weight: 500;
margin-top: 4px;
}
#cart > button{
box-shadow: none;
width: auto;
position: relative;
float: none;
line-height: 42px;
border: 0;
background: #fff;
border-radius: 0;
-webkit-border-radius: 0;
padding: 0;
padding-left: 30px;
color: #444;
font-size: 15px;
font-weight: 400;
font-style: italic;
text-transform: capitalize;
}
#cart > button:hover {
border-color: #f03368;
}
#cart .dropdown-menu .text-empty{
margin: 0;
padding: 10px 0;
}
#top #cart .dropdown-menu {
margin: 0;
padding: 2px 20px 0 20px !important;
width: 290px;
font-size: 13px;
right: 0;
list-style: none none;
border-radius: 0;
-webkit-border-radius: 0;
border: 1px solid #e9e8e8;
background: #fff;
margin-top: 0;
box-sizing: border-box;
top: 100%;
box-shadow:none;
-webkit-box-shadow: none;
}
#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: 13px;
padding-top: 13px;
position: relative;
display: block;
border-bottom: 1px solid #e5e5e5;
}
#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: 10px
}
#cart .dropdown-menu li:not(:first-child):last-child table {
margin-bottom: 25px;
}
#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;
padding-bottom: 0;
}
#cart .table > tbody > tr > td{
border: none;
padding: 6px 0;
color: #333333;
text-transform: capitalize;
font-size: 14px;
vertical-align: middle;
font-weight: 700;
line-height: 30px;
}
#cart .cart-close button{
background: #fff;
color: #747474;
border-radius: 100%;
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: #f03368;
}
#cart .cart-close button i { line-height: inherit;}
#cart .cart-close button i:before {
content:"\ea02";
font-size: 18px;
font-family: 'plaza-icon';
}
#cart .cart-quantity{
line-height: 18px;
font-size: 12px;
display: inline-block;
vertical-align: top;
color: #747474;
}
#cart .cart-price {
font-size: 14px;
color: #000000;
display: inline-block;
vertical-align: top;
line-height: 18px;
font-weight: 700;
}
#cart .cart-name {
line-height: 18px;
text-transform: capitalize;
display: block;
margin-bottom: 8px;
font-size: 13px;
font-weight: 300;
}
#cart .cart-name:hover {
color: #f03368;
}
#cart .dropdown-menu .cart-button{margin: 0 -20px;padding: 0 20px 25px 20px;}
#cart p.cart-button a:last-child{margin-top: 10px;}
#cart p.cart-button a{
background: #333333;
color: #fff;
line-height: 42px;
text-align: center;
padding: 0 5px;
text-transform: uppercase;
font-size: 10px;
margin: 0;
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
display: block;
vertical-align: top;
font-weight: 400;
letter-spacing: 0.2em;
}
#cart p.cart-button a strong {
font-weight: 400;
}
#cart p.cart-button a:hover{
color: #fff;
background: #f03368;
}
#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: 245px;
overflow: auto;
padding: 0 20px;
margin: 0 -20px;
background: none;
border: 0 !important;
}
#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: 600; */
}
#cart .dropdown-menu > li:last-child tr:last-child td:last-child {
color: #f03368;
font-size: 16px;
}
.headerSpace {
display: none;
}
.common-home .top-menu {
border: 0;
}
.top-menu {
position: relative;
background: #fff;
z-index: 7;
}
.top-menu .col-ver {
}
.top-menu .col-hoz {position: relative;z-index: 2;}
@media (min-width: 992px) {
.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;
text-align: center;
}
.fix-header #logo {
padding: 10px 0;
display: none;
}
.fix-header .col-hoz {
position: relative;
top: auto;
left: auto;
right: auto;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(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: 37px;
margin-bottom: 10px;
}
.static-top-madisa2 {
margin-top: 66px;
}
.static-top-madisa2 .title h3 {
margin: 0;
font-size: 46px;
color: #014071;
font-weight: 400;
font-style: italic;
}
.static-top-madisa2 .des {
margin-top: 25px;
margin-bottom: 15px;
}
.static-top-madisa2 .des p {
line-height: 34px;
font-size: 20px;
color: #444;
margin-bottom: 30px;
}
.static-top-madisa2 .des a {
display: inline-block;
vertical-align: top;
background: #f03368;
font-size: 16px;
color: #fff;
font-weight: 700;
text-transform: capitalize;
line-height: 49px;
padding: 0 25px;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.static-top-madisa2 .des a:hover {
background: #014071;
}
.static-top-madisa2 .image {
margin-top: 30px;
}
@media(max-width: 991px) {
.static-top-madisa2 {
margin-top: 36px;
}
}
@media (max-width: 767px) {
.static-top-madisa2 .title h3 {
font-size: 36px;
}
}
.static-middle-madisa2 {
margin-top: 52px;
}
.static-middle-madisa2 .container {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
pointer-events: none;
}
.static-middle-madisa2 .container .container-inner {
height: 100%;
position: relative;
}
.static-middle-madisa2 .text {
position: absolute;
left: 0;
right: 0;
text-align: center;
max-width: 600px;
margin: auto;
top: 46%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
.static-middle-madisa2 .text .text1 {
position: relative;
padding-left: 100px;
}
.static-middle-madisa2 .text .text1 .circle {
font-size: 24px;
font-style: italic;
color: #fff;
text-transform: uppercase;
font-weight: 400;
width: 127px;
height: 127px;
background: #f03368;
position: absolute;
left: 0;
border-radius: 100%;
-webkit-border-radius: 100%;
display: grid;
align-items: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.static-middle-madisa2 .text .text1 .circle i {
display: block;
line-height: 1;
}
.static-middle-madisa2 .text .text1 .circle b {
display: block;
font-size: 40px;
line-height: 1;
}
.static-middle-madisa2 .text .text1 .circle em {
display: block;
font-size: 40px;
line-height: 1;
text-transform: uppercase;
}
.static-middle-madisa2 .text h3 {
font-size: 140px;
font-weight: 700;
color: #f03368;
margin: 0;
font-style: italic;
line-height: 1;
vertical-align: top;
display: inline-block;
letter-spacing: 0.05em;
}
.static-middle-madisa2 .text > span {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.7em;
color: #014071;
line-height: 1;
display: block;
text-align: right;
padding-right: 30px;
}
.static-middle-madisa2 .text p {
line-height: 34px;
color: #444444;
font-size: 24px;
margin-top: 45px;
margin-bottom: 0;
}
.static-middle-madisa2 .text a {
padding: 0 25px;
line-height: 49px;
background: #f03368;
display: inline-block;
vertical-align: top;
color: #fff;
font-size: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
margin-top: 52px;
pointer-events: visible;
}
.static-middle-madisa2 .text a:hover {
background: #014071;
}
.static-middle-madisa2 .text a:after {
margin-left: 25px;
}
@media (max-width: 1199px) {
.static-middle-madisa2 .text {
max-width: 50%;
top: 50%;
}
.static-middle-madisa2 .text .text1 .circle {
font-size: 2vw;
width: 13vw;
height: 13vw;
}
.static-middle-madisa2 .text .text1 .circle b,
.static-middle-madisa2 .text .text1 .circle em {
font-size: 3vw;
}
.static-middle-madisa2 .text .text1 {
padding-left: 10vw;
}
.static-middle-madisa2 .text h3 {
font-size: 10vw;
}
.static-middle-madisa2 .text > span {
font-size: 1.5vw;
}
.static-middle-madisa2 .text p {
font-size: 2vw;
line-height: 1.4;
margin-top: 3vw;
}
.static-middle-madisa2 .text a {
line-height: 4vw;
padding: 0 2vw;
margin-top: 3vw;
font-size: 2vw;
}
.static-middle-madisa2 .text a:after {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.static-middle-madisa2 .text h3 {
font-size: 10vw;
}
.static-middle-madisa2 .text > span {
font-size: 2.4vw;
padding-right: 0;
letter-spacing: 0.5em;
}
.static-middle-madisa2 .text p {
margin-top: 1vw;
font-size: 2.6vw;
}
.static-middle-madisa2 .text a {
line-height: 5vw;
margin-top: 2vw;
font-size: 2.2vw;
}
.static-middle-madisa2 .text a:after {
margin-left: 10px;
}
}
@media (max-width: 479px) {
.static-middle-madisa2 .text .text1 .circle {
font-size: 3vw;
width: 14vw;
height: 14vw;
}
.static-middle-madisa2 .text .text1 .circle b,
.static-middle-madisa2 .text .text1 .circle em {
font-size: 4vw;
}
.static-middle-madisa2 .text h3 {
font-size: 10vw;
}
.static-middle-madisa2 .text > span {
font-size: 3vw;
letter-spacing: 0.5em;
}
.static-middle-madisa2 .text p {
margin-top: 0;
font-size: 3.5vw;
}
.static-middle-madisa2 .text a {
line-height: 6vw;
margin-top: 1vw;
font-size: 3vw;
}
}
.static-bottom-madisa1 {
margin-top: 80px;
display: grid;
grid-template-columns: auto;
grid-gap: 30px;
}
@media (max-width: 991px) {
.static-bottom-madisa1 {
margin-top: 50px;
}
}
.about-group {
border-top: 1px solid #e5e5e5;
margin-top: 80px;
}
.static-about-us {
}
.static-about-us .title2 {
margin-bottom: 8px
}
.static-about-us p {
line-height: 24px;
margin-top: 8px;
}
@media (max-width: 991px) {
.about-group {
margin-top: 50px;
}
}
/**/
.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;
}
.label-product {
color: #fff;
font-weight: 400;
font-style: italic;
text-align: center;
line-height: 55px;
padding: 0;
position: absolute;
background: #014071;
width: 55px;
right: 10px;
top: 10px;
text-transform: uppercase;
font-size: 15px;
z-index: 3;
border-radius: 100%;
-webkit-border-radius: 100%;
}
.label_sale {
background: #f03368;
left: 10px;
right: auto;
}
body:not(.common-home) .label_new {
display: none;
}
.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 .action-links button.btn-wishlist span,.item-inner .action-links button.btn-compare span {display:none;}
.item-inner .action-links button.btn-wishlist,.item-inner .action-links button.btn-compare {
width: 30px;
line-height: 40px;
padding: 0;
background: transparent;
text-align: center;
font-size: 20px;
color: #d2d2d2;
}
.item-inner .action-links button:before {
font-family: 'Font Awesome 5 Free';
display: inline-block;
vertical-align: top;
line-height: inherit;
}
.item-inner .action-links button.btn-wishlist:before {
content: "\f004";
}
.item-inner .action-links button.btn-compare:before {
content: "\f24d";
font-family: "FontAwesome";
}
.item-inner .action-links button:hover {
color: #f03368;
}
.item-inner .action-links button.btn-cart {
background: transparent;
font-size: 16px;
color: #f03368;
padding: 0;
line-height: 40px;
float: left;
}
.item-inner .action-links button.btn-cart:after {
content: "\f0a9";
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-size: 16px;
margin-left: 10px;
display: inline-block;
vertical-align: top;
}
.item-inner .action-links button.btn-cart:hover {
color: #014071;
}
.item-inner:hover button.btn-quickview {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.item-inner button.btn-quickview {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 3;
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 100%;
-webkit-border-radius: 100%;
background: #d2d2d2;
color: #fff;
font-size: 28px;
text-align: center;
padding: 0;
opacity: 0;
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.item-inner button.btn-quickview:hover {
background: #f03368;
}
.item-inner button.btn-quickview span {
display: none;
}
.item-inner button.btn-quickview:before {
content:"\f002";
font-family:"Font Awesome 5 Free";
display: inline-block;
vertical-align: top;
line-height: inherit;
}
.item-inner .caption {
background: transparent;
text-align: left;
overflow: hidden;
position: relative;
}
.item-inner .caption > .inner {
position: relative;
}
.item-inner .product-des {
line-height: 24px;
}
.product-name {
display: block;
margin: 0;
margin-bottom: 19px;
}
.product-name a {
padding: 0;
display: block;
text-transform: none;
font-size: 24px;
font-weight: 400;
line-height: 28px;
color: #014071;
font-style: italic;
}
.product-name a:hover {
color: #f03368;
}
.ratings {
display:block;
}
.ratings a {
margin-left: 13px;
text-transform: capitalize;
color: #919191;
font-size: 13px;
line-height: 13px;
float: left;
/* margin-top: 1px; */
}
.ratings a:hover {
color: #f03368;
}
.ratings a.review-count:after {
content: "|";
margin-left: 13px;
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;
margin: auto;
}
.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: #f03368;
font-size: 24px;
font-weight: 700;
}
.price-box p.special-price .price{
color: #f03368;
}
.price-box p.old-price {
margin-left: 4px;
padding-top: 9px;
}
.price-box p.old-price .price {
color: #999999;
text-decoration: line-through;
font-size: 14px;
font-weight: 400;
}
.item-inner .caption .price-box {
display: block;
margin-top: 14px;
}
.item-inner .caption .model {
margin: 0;
color: #737373;
}
.item-inner .caption .ratings {
margin-bottom: 18px;
display: none;
}
.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-bottom: 4px;
display: none;
}
.item-inner .caption .manufacture-product a {
font-size: 13px;
color: #a9a9a9;
font-weight: 500;
line-height: 20px;
padding: 0;
text-transform: uppercase;
}
.item-inner .caption .manufacture-product a:hover {
color: #f03368;
}
.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: #f03368;
}
.item-inner .caption .available {
display: none;
}
/* module title*/
.module-title {
position: relative;
display: block;
margin-top: 74px;
margin-bottom: 22px;
text-align: left;
}
.module-title h2 {
position: relative;
text-transform: capitalize;
font-size: 30px;
margin: 0;
font-weight: 700;
display: inline-block;
vertical-align: top;
}
.module-title h2:before {
content:"\f02e";
font-family:"Font Awesome 5 Free";
color: #f03368;
margin-right: 17px;
}
.module-description {
margin-top: 16px;
}
.module-description p {
line-height: 18px;
display: inline-block;
vertical-align: top;
margin: 0;
}
.title2 {
text-align: left;
margin-bottom: 40px;
margin-top: 74px;
}
.title2 h5 {
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
}
/*--*/
.module-grid .owl-container {
margin: 0 -5px;
}
.module-grid .owl-container .owl-item {
padding: 0 5px;
}
.module-grid .owl-container .owl-item:hover {
z-index: 1;
}
.module-grid .owl-carousel .owl-stage-outer {
padding: 15px 5px 25px 5px;
margin: 0 -5px;
}
/*grid-style*/
.grid-style:not(:first-child) {
margin-top: 10px;
}
.grid-style .item-inner {
background: #fff;
-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 {
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 20px 0 rgba(0,0,0,0.15);
z-index: 1;
}
.grid-style .item-inner .action-links {
text-align: right;
position: absolute;
right: 0;
left: 0;
bottom: 30px;
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;
}
.grid-style .item-inner:hover .action-links {
bottom: 0;
opacity: 1;
}
.grid-style .item-inner .caption {
padding: 35px 30px 25px 30px;
}
.grid-style .item-inner .btn-cart {
}
.grid-style .item-inner:hover .btn-cart {
}
.grid-style .item-inner .price-box {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-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 .price-box {
opacity: 0;
pointer-events: none;
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
/*list-style*/
.list-style:not(:first-child) {
margin-top: 30px;
}
.list-style .item .item-inner {
display: grid;
grid-template-columns: 37% 63%;
}
.list-style .item .item-inner .images-container > a{
border: 2px solid #e9e9e9;
}
.list-style .item .item-inner .images-container > a:hover{
border-color: #f03368;
}
.list-style .item .item-inner .caption {
padding: 0;
text-align: left;
padding-left: 15px;
}
.list-style .product-name {
margin-bottom: 12px;
}
.list-style .product-name a {
font-size: 16px;
line-height: 20px;
}
.list-style .item-inner .caption .price-box {
margin-top: 0;
}
.list-style .price-box .price {
font-size: 16px;
}
.list-style .price-box p.old-price .price {
font-size: 14px;
}
.list-style .price-box p.old-price {
padding-top: 2px;
}
/*list-module*/
.list-module .module-title {
text-align: left;
margin-bottom: 45px;
}
.list-module .module-title:before {
background: #d8d8d8;
}
.list-module .module-title h2 {
font-size: 24px;
}
.list-module .module-title h2:before {
display: none;
}
.col-order-inner .list-module .module-title {
margin-top: 10px;
}
.col-order-inner .list-module .module-title h2 {
background: #fff;
}
/* module-custom1 */
.module-custom1 {
position: relative;
margin: 70px 0 80px 0;
}
.module-custom1 .owl-dots {
display: none;
}
.module-custom1 .item-inner {
display: grid;
grid-template-columns: 52% 48%;
align-items: center;
}
.module-custom1 .item-inner .caption {
padding-left: 30px;
padding-bottom: 270px;
}
.module-custom1 .list-thumb {
position: absolute;
right: 0;
bottom: 0;
width: calc(48% - 30px);
}
.module-custom1 .list-thumb .owl-container {
margin: 0 -5px;
}
.module-custom1 .list-thumb .owl-container .owl-item {
padding: 0 5px;
}
.module-custom1 .list-thumb .row_thumb div {
border: 2px solid #e9e9e9;
cursor: pointer;
}
.module-custom1 .list-thumb .row_thumb div.active,.module-custom1 .list-thumb .row_thumb div:hover {
border-color:#f03368;
}
.module-custom1 .list-thumb .row_thumb div:not(:first-child) {
margin-top: 10px;
}
.module-custom1 .module-title {
margin-top: 0;
margin-bottom: 5px;
}
.module-custom1 .module-title h2 {
margin-top: 0;
color: #444;
font-size: 60px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
}
.module-custom1 .module-title h2:before {
display: none;
}
.module-custom1 .product-name {
padding-bottom: 23px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 21px;
}
.module-custom1 .product-name a {
font-size: 46px;
line-height: 1;
}
.module-custom1 .item-inner .product-des {
line-height: 28px;
font-size: 18px;
}
.module-custom1 .price-box .price {
font-size: 40px;
font-weight: 400;
}
.module-custom1 .price-box p.old-price .price {
font-size: 24px;
}
.module-custom1 .price-box p.old-price {
padding-top: 17px;
margin-left: 13px;
}
.module-custom1 .item-inner .caption .price-box {
margin-top: 12px;
padding-bottom: 17px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 30px;
}
.module-custom1 .item-inner .action-links button.btn-cart {
line-height: 49px;
background: #f03368;
padding: 0 25px;
color: #fff;
}
.module-custom1 .item-inner .action-links button.btn-cart:hover {
background: #014071;
}
.module-custom1 .item-inner .action-links button.btn-cart:after {
margin-left: 13px;
}
@media(max-width: 1199px) {
.module-custom1 .item-inner .caption {
padding-bottom: 220px;
}
}
@media(max-width: 991px) {
.module-custom1 {
margin: 50px 0;
}
.module-custom1 .module-title h2 {
font-size: 40px;
}
.module-custom1 .product-name a {
font-size: 30px;
}
.module-custom1 .item-inner .caption {
padding-bottom: 150px;
}
.module-custom1 .item-inner .product-des {
line-height: 1.3;
font-size: 16px;
}
.module-custom1 .price-box .price {
font-size: 30px;
}
.module-custom1 .price-box p.old-price {
padding-top: 14px;
margin-left: 7px;
}
.module-custom1 .price-box p.old-price .price {
font-size: 16px;
}
}
@media (max-width: 640px) {
.module-custom1 .item-inner {
grid-template-columns: auto;
}
.module-custom1 .item-inner .caption {
padding-left: 0;
padding-top: 30px;
padding-bottom: 0;
}
.module-custom1 {
padding-top: 120px;
}
.module-custom1 .list-thumb {
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: auto;
max-width: 300px;
margin: auto;
}
}
/* module-style2 */
/* module-other */
.module-other {
}
.module-other.module-nav2 .owl-carousel.owl-theme .owl-nav {
top: -45px;
}
.module-other .row_items {
margin: 0 -5px;
}
.module-other .product-customize {
float: left;
width: 50%;
padding: 0 5px;
margin-top: 10px;
}
@media(min-width: 480px) {
.module-other .owl-container .owl-item:nth-child(odd) .row_items .product-customize:last-child,
.module-other .owl-container .owl-item:nth-child(even) .row_items .product-customize:first-child {
width: 100%;
}
.module-other .owl-container .owl-item:nth-child(odd) .row_items .product-customize:last-child .item-inner,
.module-other .owl-container .owl-item:nth-child(even) .row_items .product-customize:first-child .item-inner {
display: grid;
grid-template-columns: 50% 50%;
}
.module-other .owl-container .owl-item:nth-child(odd) .row_items .product-customize:last-child .item-inner .images-container,
.module-other .owl-container .owl-item:nth-child(even) .row_items .product-customize:first-child .item-inner .images-container {
order: 1;
}
.module-other .owl-container .owl-item:nth-child(odd) .row_items .product-customize:last-child .item-inner .caption,
.module-other .owl-container .owl-item:nth-child(even) .row_items .product-customize:first-child .item-inner .caption {
order: 2;
padding-left: 25px;
padding-right: 15px;
}
}
@media(min-width: 992px) and (max-width: 1199px) {
.module-other .grid-style .item-inner .caption {
padding: 20px 15px 10px 15px;
}
}
@media (max-width: 479px) {
.module-other .product-customize {
width: 100%;
float: none;
}
}
/* module-image */
.module-image {
}
.module-image .box-style {
display: grid;
grid-template-columns: 37% 63%;
}
.module-image .col-image {
padding-top: 38px;
padding-right: 30px;
}
.module-image .col-image .banner-static {
text-align: left;
}
.module-image .col-image .banner-static:not(:first-child) {
margin-top: 30px;
}
@media (min-width: 1200px) {
.module-image .grid-style .item-inner .caption {
padding: 15px 10px 15px 10px;
}
.module-image .product-name {
margin-bottom: 16px;
}
}
@media (max-width: 991px) {
.module-image .box-style {
grid-template-columns: 100%;
}
.module-image .col-image {
padding-right: 0;
padding-top: 20px;
display: grid;
grid-template-columns: auto auto;
grid-gap: 30px;
order: 2;
}
.module-image .col-image .banner-static {
margin: 0 !Important;
text-align: center;
}
}
@media (max-width: 767px) {
.module-image .col-image {
grid-template-columns: auto;
}
}
/* background-full */
.background-full {
background: #f4f4f4;
padding-bottom: 55px;
margin-top: 80px;
}
@media (max-width: 991px) {
.background-full {
padding-bottom: 25px;
margin-top: 50px;
}
}
/* module-nav2 */
.module-nav2 .owl-carousel.owl-theme .owl-nav {
position: absolute;
right:5px;
top: -56px;
background: transparent;
}
.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;
background: #f03368;
width: 37px;
height: 26px;
line-height: 26px;
font-weight: normal;
border-radius: 0;
-webkit-border-radius: 0;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div:hover {
background: #014071;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div:hover:after {
border-top-color: #014071;
border-bottom-color: #014071;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div:before {
font-size: 16px;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-prev {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div:after {
content: "";
border-top: 13px solid #f03368;
border-bottom: 13px solid #f03368;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
position: absolute;
left: -13px;
top: 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;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-next:after {
left: auto;
right: -13px;
}
.module-nav2 .owl-carousel.owl-theme .owl-nav div.owl-next {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
margin-left: 5px;
margin-right: 13px;
}
/* slider-group */
.slider-group {margin-top: 20px;}
/* tabs-category-slider */
.tabs-category-slider {
}
.tabs-category-slider .module-title {
margin-bottom: 12px;
}
.tabs-category-slider .module-title:before {
content:"";
width: 100%;
left: 0;
height: 3px;
background: #e5e5e5;
position: absolute;
top: 50%;
margin-top: -1px;
}
.tabs-category-slider .module-title h2{
font-size: 46px;
text-transform: uppercase;
background: #fff;
padding-right: 30px;
}
.tabs-category-slider .module-title h2:before {
display: none;
}
.tabs-category-slider.module-nav2 .owl-carousel.owl-theme .owl-nav {
top: -43px;
}
.tabs-category-slider .box-tab {
display: block;
margin-bottom: 15px;
}
.tabs-category-slider .tabs-categorys {
display: inline-block;
vertical-align: top;
background: #fff;
position: relative;
z-index: 1;
}
.tabs-style2 .tabs-categorys {
display: none;
}
.tabs-category-slider .tabs-categorys li {
display: inline-block;
vertical-align: top;
margin-right:45px;
position: relative;
}
.tabs-category-slider .tabs-categorys li:last-child:after {
display: none;
}
.tabs-category-slider .tabs-categorys li a {
font-size: 24px;
line-height: 30px;
text-transform: capitalize;
cursor: pointer;
position: relative;
display: block;
padding: 0;
color: #999999;
font-weight: 700;
}
.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: #f03368;
}
/* 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 {
display: none;
}
.product-tabs-container-slider .tabs-categorys {
display: inline-block;
vertical-align: top;
position: relative;
margin-top: 74px;
margin-bottom: 12px;
}
.product-tabs-container-slider .tabs-categorys li {
float: left;
margin-right: 50px;
}
.product-tabs-container-slider .tabs-categorys li a {
font-size: 30px;
color: #999999;
line-height: 1.3;
text-transform: capitalize;
font-weight: 700;
cursor: pointer;
display: inline-block;
vertical-align: top;
}
.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: #f03368;
}
.product-tabs-container-slider .tabs-categorys li a:hover {
color: #f03368;
}
/* bestseller-products-slider */
.bestseller-products-slider {
}
/* related-products */
.related-products {
}
/* featured-categories-container */
.featured-categories-container {
}
.featured-categories-container .item:not(:first-child) {
margin-top: 30px;
}
.featured-categories-container.module-nav2 .owl-carousel.owl-theme .owl-nav {
}
.fcategory-content {
display: table;
}
.fcategory-content .image {
display: table-cell;
vertical-align: middle;
width: 36.5%;
min-width: 130px;
}
.fcategory-content .content-thumb {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
padding-right: 5px;
}
.fcategory-content .content-thumb .total-items {
color: #a9a9a9;
text-transform: capitalize;
margin-bottom: 14px;
}
.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 .image:hover img {
-moz-transform: scale3d(1.05, 1.05, 1.05);
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-o-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
.featured-categories-container .content-thumb .name {
margin-top: 0;
margin-bottom: 3px;
}
.featured-categories-container .content-thumb .name a {
font-size: 16px;
color: #222;
display: block;
font-weight: 500;
line-height: 22px;
text-transform: capitalize;
}
.featured-categories-container .content-thumb .name a:hover {
color: #f03368;
}
.sub-featured-categories li a {
display: block;
font-size: 13px;
color: #7a7a7a;
line-height: 24px;
}
.sub-featured-categories li a:hover {
color: #f03368;
padding-left: 7px;
}
.featured-categories-container .view-more {
line-height: 22px;
color: #222222;
text-transform: capitalize;
display: block;
}
.featured-categories-container .view-more:before {
content:"+";
margin-right: 5px;
}
.featured-categories-container .view-more:hover {
color: #f03368;
}
/* CountDown */
.occountdown_module {
background: url(../image/bkg_deal_module.jpg) center;
padding: 100px 30px;
margin-top: 55px;
}
.occountdown_module .list-style .module-title {
text-align: left;
margin-top: 30px;
margin-bottom: 2px;
}
.occountdown_module .list-style .module-title .sub-title:after {
right: auto;
}
.occountdown_module .list-style .module-title h2{
display:none;
}
.text-hurryup {
display: none;
}
.occountdown_module .list-style .item {
background: #fff;
padding: 30px;
max-width: 970px;
margin: auto;
}
.occountdown_module .list-style .item .item-inner .images-container {
width: 40.66%;
}
.occountdown_module .list-style .item .item-inner .caption {
width: 59.34%;
}
.occountdown_module .list-style .product-name a {
font-size: 30px;
}
.occountdown_module .list-style .item-inner .product-des {
line-height: 30px;
margin-top: 9px;
}
.occountdown_module .list-style .price-box .price {
font-size: 24px;
}
.occountdown_module .text-hurryup {
/* display: block; */
font-size: 15px;
color: #666666;
position: relative;
margin-top: 35px;
}
.occountdown_module .text-hurryup:before {
content: "";
width: 100%;
height: 1px;
background: #eeeeee;
position: absolute;
left: 0;
right: 0;
top: 50%;
z-index: 1;
}
.occountdown_module .text-hurryup p {
display: inline-block;
vertical-align: top;
padding: 0 20px;
background: #fff;
margin: 0;
z-index: 2;
position: relative;
}
.occountdown_module .text-hurryup strong {
display: block;
color: #202226;
font-size: 18px;
margin-bottom: 2px;
}
.is-countdown {
margin-top: 20px;
}
.countdown-row {
overflow: hidden;
display: block;
}
.countdown-section {
display: grid;
width: 80px;
height: 80px;
align-items: center;
background: #eee;
text-align: center;
border-radius: 100%;
-webkit-border-radius: 100%;
float: left;
margin-right: 13px;
}
.countdown-section:last-child {
margin-right: 0;
}
.countdown-section .time-info {
}
.countdown-section:last-child {
border: 0;
}
.countdown-amount {
font-size: 30px;
line-height: 1;
color: #363636;
position: relative;
display: block;
font-weight: 400;
margin-bottom: 5px;
}
.countdown-period {
display: block;
font-size: 14px;
color: #777;
text-transform: capitalize;
}
/* testimonial */
.testimonial-full {
padding: 100px 0;
background: url(../image/bkg_testtimor.jpg) top no-repeat;
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: #f03368;
}
.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 #f03368;
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: #f03368;
position: absolute;
left: 5px;
bottom: 5px;
text-align: center;
}
.testimonial-box a {
font-weight: 700;
line-height: 40px;
text-transform: none;
display: block;
color: #fff;
font-size: 28px;
max-width: 920px;
margin: auto;
}
.testimonial-box a:hover {
color: #f03368
}
.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;
}
/* corporate */
.common-home .corporate-full {
border-bottom: 0;
}
.corporate-full {
background: #f03368;
}
.ma-corporate-about {
text-align: center;
}
.ma-corporate-about .inner{
display: grid;
grid-template-columns: 33.33333% 33.33333% 33.33333%;
}
.ma-corporate-about .col {
border-right: 1px solid rgba(255,255,255,0.5);
display: grid;
align-items: center;
}
.ma-corporate-about .col:first-child{
border-left: 1px solid rgba(255,255,255,0.5);
}
@media (min-width: 768px) and (max-width: 1199px) {
.ma-corporate-about .box p {
font-size: 13px;
}
}
@media (max-width: 640px) {
.ma-corporate-about .inner {
grid-template-columns: auto;
border-left: 1px solid rgba(255,255,255,0.5);
border-right: 1px solid rgba(255,255,255,0.5);
}
.ma-corporate-about .col {
border: 0;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.ma-corporate-about .col:last-child {
border-bottom: 0;
}
.ma-corporate-about .col:first-child {
border-left: 0;
}
}
.ma-corporate-about .box {
position: relative;
padding: 18px 15px;
}
.ma-corporate-about .box h3 {
font-size: 19px;
font-weight: 300;
color: #343434;
text-transform: capitalize;
margin: 0;
position: relative;
display: inline-block;
vertical-align: top;
margin-bottom: 3px;
}
.ma-corporate-about .box p {
margin: 0;
text-transform: uppercase;
line-height: 20px;
padding-left: 38px;
position: relative;
display: inline-block;
vertical-align: top;
text-align: left;
color: #fff;
}
.ma-corporate-about .box p:before {
content: "\f072";
font-family: 'Font Awesome 5 Free';
font-size: 28px;
color: #fff;
position: absolute;
top: 50%;
left: 0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ma-corporate-about .col2 .box p:before {
content: "\f1da";
}
.ma-corporate-about .col3 .box p:before {
content: "\f1cd";
}
/* End Corporate */
.box-blog {
border-top: 1px solid #2d2d2d;
margin-top: 95px;
}
.menu-recent {
}
.menu-recent .module-title {
margin-bottom: 30px;
}
.menu-recent .module-title h2:before {
content: "\f086";
margin-right: 12px;
}
.menu-recent.module-nav2 .owl-carousel.owl-theme .owl-nav {
top: -63px;
right: 15px;
}
.menu-recent .row_items .articles-inner:not(:first-child) {
display: inline-block;
margin-top: 10px;
vertical-align: top;
width: 100%;
}
.menu-recent .articles-image {
}
.menu-recent .aritcles-content {text-align: left;padding-top: 15px;padding-left: 125px;position: relative;}
.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 {
width: 100%;
}
.menu-recent .articles-image a:before {
content: "";
width: 100%;
height: 100%;
background: rgba(255,255,255,0.3);
position: absolute;
left: 0;
top: 0;
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:hover:before {
opacity: 1;
}
.menu-recent .articles-image a:hover .icon-view {
opacity: 1;
}
.menu-recent .articles-image a .icon-view {
position: absolute;
bottom: 0;
left: 30px;
width: 70px;
height: 70px;
line-height: 70px;
background: #f03368;
color: #fff;
font-size: 30px;
text-align: center;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.menu-recent .articles-image a .icon-view:before {
content:"\f302";
font-family:"Font Awesome 5 Free";
}
.articles-name {
display: block;
font-size: 16px;
text-transform: uppercase;
line-height: 20px;
position: relative;
margin-top: 0;
margin-bottom: 15px;
color: #666;
font-weight: 400;
}
.date-time-post {
position:absolute;
top: 0;
margin: 0;
left: 30px;
width: 70px;
height: 70px;
text-align: center;
color: #fff;
background: #f03368;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
display: grid;
align-items: center;
}
.date-time-post span span {
display: block;
}
.date-time-post .date-post {
font-size: 30px;
font-weight: 700;
line-height: 1;
margin-bottom: 6px;
}
.date-time-post .month-post {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
}
.date-time-post span.year-post {
display: none;
}
.author-name {
display: block;
text-transform: capitalize;
margin: 0;
color: #777;
font-style: italic;
}
.author-name span {
color: #f03368;
}
.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,.blog-article .article-description img {
float: left;
margin-right: 30px;
}
.blog-blog .intro-content .text-intro,.blog-article .article-description .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;
padding: 52px 5px 4px 5px;
background: #f03368;
margin-top: 30px;
}
#instagram_block_home img {
width: 100%;
}
#instagram_block_home .title {
text-align: center;
margin-bottom: 30px;
}
#instagram_block_home .title a {
font-size: 24px;
color: #fff;
padding-left: 39px;
background: url(../image/icon-instagram.png) left center no-repeat;
}
#instagram_block_home .title a:hover {
text-decoration: underline;
}
#instagram_block_home .content_block {
display: block;
}
#instagram_block_home a.fancybox {
position: relative;
margin-bottom: 1px;
}
#instagram_block_home a.fancybox:before {
content:"";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
border: 5px solid #fff;
-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:hover:before {
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.6;}
.brand-slider {
border-top: 1px solid #eee;
padding:50px 0;
text-align: center;
}
.common-home .brand-slider {
padding: 85px 0 0 0;
border:0;
}
/*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: #f03368;
border-color: #f03368;
color: #fff;
}
/* Social */
/* Top Social */
.top-menu .container-inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
}
.top-menu .follow {
position:absolute;
right: 0;
top: 2px;
z-index: 2;
}
.top-menu .follow label {
display: inline-block;
vertical-align: top;
margin: 0;
line-height: 24px;
font-size: 14px;
color: #56595e;
text-transform: uppercase;
font-weight: 500;
padding: 15.5px 0;
margin-top: 0;
margin-right: 15px;
}
.top-menu .follow label:after {
content: ":";
}
.top-menu ul.link-follow {margin:0;display: inline-block;vertical-align: top;}
.top-menu ul.link-follow li a {
background: #373b41 !important;
color: #56595e;
}
.top-menu ul.link-follow li a:hover {
color: #fff;
}
/* ----*/
.follow {
float: right;
}
.follow label {
font-size: 19px;
line-height: 24px;
text-transform: capitalize;
font-weight: 700;
margin: 0;
color: #343434;
display: inline-block;
vertical-align: top;
margin-right: 70px;
padding: 15px 0;
}
ul.link-follow {
display: inline-block;
vertical-align: top;
margin-top: 5px;
}
ul.link-follow li {
display: inline-block;
margin-right: 30px;
margin-bottom: 0;
vertical-align: top;
}
ul.link-follow li:last-child {
margin-right: 0;
}
ul.link-follow li a {
position: relative;
display: inline-block;
vertical-align: top;
color: #999;
font-size: 0;
border: 0;
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: 20px;
}
ul.link-follow li a span {
display: none;
}
ul.link-follow li a:hover {
color: #f03368;
}
/*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: #f03368;
}
#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: #f03368;
}
#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 {
}
footer{
margin-top: 56px;
border-top: 3px solid #f03368;
}
.footer-top{
padding: 75px 0 40px 0;
background: #292929;
}
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: #f03368;
}
footer .col-footer{
margin-bottom: 30px;
position: relative;
float: left;
}
.footer-title h5{
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
color: #fff;
}
.footer-content {
color: #999;
}
.logo-footer {
display: block;
margin-bottom: 25px;
}
.footer-contact {
}
.footer-contact .footer-title {
margin-bottom: 31px;
}
.footer-contact li {
position: relative;
display: grid;
grid-template-columns: 42px auto;
align-items: center;
margin-bottom: 16px;
}
.footer-contact li:last-child {
margin: 0;
}
.footer-contact li p {
margin: 0;
padding-left: 7px;
font-style: italic;
line-height: 20px;
}
.footer-contact li p span {
display: block;
}
.footer-contact li i {
width: 42px;
height: 42px;
line-height: 42px;
font-size: 16px;
color: #fff;
background: #f03368;
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 {
margin-top: 48px;
}
.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: #f03368;
}
.footer-title {
margin-bottom: 23px;
}
footer .list-unstyled.text-content li a{display: block;line-height: 24px;color: #999;padding: 5px 0;position: relative;}
footer .list-unstyled.text-content li a:before {
content: "\f105";
font-family:"Font Awesome 5 Free";
margin-right: 6px;
}
.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: #333333;
font-size: 15px;
}
.footer-bottom .container-inner {
display: inline-block;
vertical-align: top;
width: 100%;
padding: 5px 0;
}
.footer-copyright {
float: right;
line-height: 30px;
color: #999999;
padding: 5px 0;
}
.footer-copyright p{
background: none;
text-transform: capitalize;
font-weight: 400;
margin: 0;
}
.footer-copyright p span {
}
.footer-bottom .footer-copyright a {
color: #f03368;
}
.footer-bottom .footer-copyright a:hover {
text-decoration: underline;
}
.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: #f03368;
}
#back-top i{
font-size: 16px;
line-height: inherit;
display: inline-block;
vertical-align: top;
font-style: normal;
}
#back-top:hover{
background: #014071;
}
#back-top{
position: fixed;
bottom: 80px;
right: 30px;
background: #f03368;
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: 18px 0;
}
.breadcrumb > li + li:before {
content: "/";
padding: 0;
color: #a4a4a4;
display: inline-block;
vertical-align: top;
}
.breadcrumb li:before {
margin: 0 5px;
}
.breadcrumb li a:hover,
.breadcrumb li:last-child a{
color: #f03368;
}
.breadcrumb li a{
color: #666666;
text-transform: uppercase;
font-size: 14px;
}
.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{
color: #f03368
}
.category-module .ul .li a.active:before,
.category-module .ul .li a:hover:before{
border-color: #f03368;
background: #f03368;
}
.category-module .li{
}
.category-module .li a{
text-transform: capitalize;
line-height: 24px;
padding: 2px 0;
display: block;
padding-left: 21px;
position: relative;
color: #666666;
}
.category-module > .ul{
margin: 0;
border-top: 0;
padding: 0 20px;
}
.category-module .ul .li a:before {
content:"";
width: 12px;
height: 12px;
border: 1px solid #666;
border-radius: 100%;
-webkit-border-radius: 100%;
position: absolute;
left: 0;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.category-module .list-child {
padding-left: 20px;
}
.category-module .list-child a {
line-height: 24px;
font-size: 13px;
padding-left: 18px;
}
.category-module .list-child .li a:before {
width: 10px;
height: 10px;
}
.category-module{
margin-bottom: 38px;
}
.category-module h3{
color: #fff;
font-size: 24px;
text-transform: capitalize;
margin: 0 0 27px;
line-height: 30px;
padding: 10px 0;
padding-left: 20px;
background: #f03368;
text-align: left;
font-weight: 700;
font-style: italic;
border-radius: 4px;
-webkit-border-radius: 4px;
}
/* toolbar */
.description p:last-child {
margin: 0;
}
.has-thumb {
position: relative;
margin-bottom: 20px;
}
.has-thumb .category-name {
font-size: 90px;
font-weight: 700;
color: #014071;
position: absolute;
left: 7%;
top: 50%;
margin: 0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1199px) {
.has-thumb .category-name {
font-size: 10vw;
}
}
.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: 10px;
text-transform: capitalize;
}
.list-cate li a {
line-height: 24px;
display: block;
}
.toolbar-products {
margin-bottom: 10px;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 8px;
}
.toolbar-products.toolbar-bottom {
margin-bottom:0;
padding: 0;
border: 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;
font-style: italic;
}
#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;
}
.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) {
.col-lg-divide-5.grid-style .item-inner .caption {
padding: 15px;
padding-bottom: 25px;
}
.col-lg-divide-5 .item-inner .product-name a {
font-size: 16px;
line-height: 22px;
}
.col-lg-divide-5 .item-inner .action-links button.btn-cart,
.col-lg-divide-5 .item-inner .action-links button.btn-wishlist,
.col-lg-divide-5 .item-inner .action-links button.btn-compare {
line-height: 30px;
font-size: 16px;
}
.col-lg-divide-5 .item-inner .action-links button.btn-cart span {
display: none;
}
.col-lg-divide-5 .item-inner .action-links button.btn-cart:after {
margin: 0;
content: "\f07a";
}
.col-lg-divide-5 .item-inner .price-box .price {
font-size: 16px;
}
.col-lg-divide-5 .price-box p.old-price {
padding-top: 2px;
}
.col-lg-divide-5 .item-inner .price-box p.old-price .price {
font-size: 14px;
}
.col-lg-divide-5 .label-product {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 13px;
}
.col-lg-divide-5 .product-name {
margin-bottom: 10px;
}
.col-lg-divide-5.product-grid .product-des {
display: none;
}
.col-lg-divide-5 .item-inner button.btn-quickview {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.col-sm-3.grid-style .item-inner .caption {
padding: 15px;
padding-bottom: 25px;
}
.col-sm-3 .item-inner .product-name a {
font-size: 16px;
line-height: 22px;
}
.col-sm-3 .item-inner .action-links button.btn-cart,
.col-sm-3 .item-inner .action-links button.btn-wishlist,
.col-sm-3 .item-inner .action-links button.btn-compare {
line-height: 30px;
font-size: 16px;
}
.col-sm-3 .item-inner .action-links button.btn-cart span {
display: none;
}
.col-sm-3 .item-inner .action-links button.btn-cart:after {
margin: 0;
content: "\f07a";
}
.col-sm-3 .item-inner .price-box .price {
font-size: 16px;
}
.col-sm-3 .price-box p.old-price {
padding-top: 2px;
}
.col-sm-3 .item-inner .price-box p.old-price .price {
font-size: 14px;
}
.col-sm-3 .label-product {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 13px;
}
.col-sm-3 .product-name {
margin-bottom: 10px;
}
.col-sm-3.product-grid .product-des {
display: none;
}
.col-sm-3 .item-inner button.btn-quickview {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.col-sm-4.grid-style .item-inner .caption {
padding-left: 15px;
padding-right: 15px;
}
}
.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: #303144;
font-size: 14px;
font-style: italic;
}
.toolbar-products .sorter select, .toolbar-products .limiter select {
padding: 0 15px;
height: 30px;
font-style: italic;
font-size: 14px;
color: #908f8f;
background: #fff;
display: inline-block;
vertical-align: top;
width: auto;
border: 1px solid #cecece;
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: 3px 0;
}
.toolbar-products .pages ul {
margin: 0;
border-radius:0;
}
.toolbar-products .pages ul li {
display: inline-block;
vertical-align: top;
margin: 0 6px;
}
.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: #fff;
font-size: 16px;
padding: 0;
font-weight: 700;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
background: #014071;
border: 0;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.toolbar-products .pages ul li span {
color: #fff;
background: none;
font-size: 16px;
border: none;
padding: 0;
font-weight: 700;
width: 42px;
height: 42px;
border-radius: 4px;
-webkit-border-radius: 4px;
line-height: 42px;
}
.toolbar-products .pages ul li.active span,.toolbar-products .pages ul li:hover a {
color: #fff;
background: #f03368;
border-color: #f03368;
}
/* category */
.custom-category > .row {
margin: 0 -5px;
}
.custom-category > .row > .product-layout{
padding: 0 5px;
}
.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: 30px;}
.product-list:first-child {
margin-top: 20px;
}
.product-list .product-thumb {margin-bottom: 30px;}
.product-list:last-child .product-thumb {
border: 0;
padding: 0;
}
.product-list .item-inner {
display: grid;
grid-template-columns: 31% 69%;
}
.product-list .images-container {
order: 1;
}
.product-list .caption {
text-align: left;
padding: 0 0 0 30px;
order: 2;
}
.product-list .caption .inner {
display: grid;
}
.product-list .product-name {
border-top: 0;
background: none;
padding-bottom: 0;
margin-bottom: 5px;
margin-top: 8px;
order: 1;
}
.product-list .product-name a {}
.product-list .item-inner .caption .ratings {
}
.product-list .product-des {
padding: 15px 0 12px 0;
background: none;
margin-bottom: 0;
order: 3;
}
.product-list .item-inner .price-box {
order: 2;
margin-top: 0;
}
.product-list .price-box .price {
}
.product-list .price-box p.old-price .price {
}
.product-list .price-box p.old-price {
/* padding-top: 4px; */
}
.product-list .item-inner .action-links {
order: 4;
}
.product-list .item-inner button.btn-cart {
margin-right: 50px;
}
.product-list .item-inner button.btn-cart:hover {
}
/* 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: #f03368;
}
#product-product .column-main {
background: #fff;
padding: 10px;
}
.product-info-main .product-name {
font-size: 40px;
text-transform: capitalize;
margin: 0px 0 21px 0;
background: none;
font-weight: 400;
font-style: italic;
line-height: 1;
color: #014071;
}
.product-info-main .price-box {
display:block;
margin-bottom: 19px;
}
.product-info-main .price-box .price {font-size: 34px;font-weight: 400;}
.product-info-main .price-box p.old-price .price {
font-size: 21px;
}
.product-info-main .price-box p.old-price {
padding-top: 13px;
}
.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: 19px;
border-top: 1px solid #f3f3f3;
padding-bottom: 9px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 18px;
}
.product-info-main .short-des {
line-height: 28px;
margin-bottom: 10px;
font-size: 18px;
}
#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: 20px;
}
.product-info-main #product .form-group input.form-control {
height: 46px;
border-color: #e5e5e5;
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: 46px;
}
label[for='input-quantity']{
float: left;
line-height: 46px;
margin-right: 20px;
color: #363636;
font-size: 14px;
font-weight: 500;
margin-bottom: 34px;
}
.product-info-main .button-cart{
float: left;
clear: left;
margin-top: 15px;
}
.product-info-main .button-cart:after {
content: "\f0a9";
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-size: 16px;
margin-left: 14px;
display: inline-block;
vertical-align: top;
}
.product-info-main button.btn-wishlist {
/* margin-right: 30px; */
}
.product-info-main button.btn-wishlist,.product-info-main button.btn-compare {
margin-top: 15px;
margin-bottom: 6px;
font-size: 0;
width: 35px;
line-height: 49px;
color: #d2d2d2;
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
display: block;
float: right;
font-weight: 400;
text-transform: capitalize;
}
.product-info-main button.btn-wishlist:before,.product-info-main button.btn-compare:before {
font-size: 20px;
font-family: 'Font Awesome 5 Free';
display: inline-block;
vertical-align: top;
line-height: inherit;
}
.product-info-main button.btn-wishlist:before {
content: "\f004";
}
.product-info-main button.btn-compare:before {
content: "\f24d";
font-family: "FontAwesome";
}
.product-info-main button.btn-wishlist:hover,.product-info-main button.btn-compare:hover {
color: #f03368;
}
#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: 15px !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: 8px;position: relative;margin-top: 4px;}
.product-info-main ul.list-unstyled:after {
top: auto;
bottom: 0;
}
.product-info-main ul.list-unstyled li {
display: block;
line-height: 20px;
}
.product-info-main ul.list-unstyled li span {
color: #f03368;
font-weight: 700;
}
.product-info-main ul.list-unstyled li a {
color: #f03368;
font-weight: 700;
}
.product-info-main ul.list-unstyled li a:hover {
text-decoration: underline;
}
.product-info-detailed {
margin-top: 67px;
display: inline-block;
vertical-align: top;
width: 100%;
}
.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: 24px;
color: #444;
text-transform: capitalize;
border-radius: 0;
border: none !important;
margin: 0;
position: relative;
font-weight: 700;
line-height: 30px;
padding: 8px 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: #f03368;
}
.product-info-detailed .nav-tabs li a:hover,.product-info-detailed .nav-tabs li.active a {
background: transparent;
color: #f03368;
}
.product-info-detailed .tab-content {
line-height: 30px;
padding: 25px 23px;
border: 1px solid #e5e5e5;
}
#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;
text-transform: capitalize;
font-weight: 700;
}
@media(min-width: 768px) {
.fluid-width > .container {
width: auto;
padding: 0 30px;
max-width: 1920px;
}
}
@media(min-width: 1230px) {
.container {
width: 1200px;
}
}
@media(min-width: 1500px){
.fluid-width > .container {
padding: 0 120px;
}
}
/* responsive */
@media(max-width: 1299px){
}
@media(max-width: 1199px){
.top-menu {
padding-bottom: 15px;
}
.product-list .item-inner {
grid-template-columns: 42% 58%;
}
}
@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;
}
#top .box {
float: none;
text-align: center;
}
#top .box:first-child {
border-bottom: 1px solid #e5e5e5;
}
#top .btn-group .dropdown-menu {
right:auto;
left: -15px;
}
#search .search-content {
}
.logo-container {
float: none;
}
.header-inner .container-inner .inner{
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
}
.module-title,.product-tabs-container-slider .tabs-categorys {
margin-top: 44px;
}
.title2 {
margin-top: 44px;
margin-bottom: 25px;
}
.list-module .module-title {
margin-bottom: 25px;
}
.testimonial-box a {
font-size: 20px;
line-height: 28px;
}
.follow {
float: none;
}
.footer-custom-links,.footer-copyright {
float: none;
}
.footer-top {
padding: 45px 0 10px 0;
}
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;
padding-left: 20px;
background: #fff;
position: relative;
}
.toolbar-products .pages {
float: left;
padding-right: 20px;
background: #fff;
position: relative;
}
.toolbar-products.toolbar-bottom:before {
content: "";
background: #e5e5e5;
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 1px;
}
}
@media(max-width: 767px){
.toolbar-products .sorter {
margin: 0 15px;
}
.link-compare {
text-align: center;
}
.fluid-width > .container {
padding: 0 15px;
}
.tabs-category-slider .module-title h2 {
font-size: 30px;
}
#search {
margin-right: 15px;
}
.menu-recent .articles-image a .icon-view,.date-time-post {
width: 40px;
line-height: 40px;
height: 40px;
font-size: 20px;
left: 15px;
}
.date-time-post .date-post {
font-size: 20px;
margin: 0;
}
.date-time-post .month-post {
font-size: 10px;
}
.menu-recent .aritcles-content {
padding-left: 70px;
}
.product-info-main .product-name {
margin-top: 30px;
font-size: 34px;
}
footer {
}
#back-top {
width: 40px;
height: 40px;
}
#back-top i {
left: 13px;
top: 10px;
}
}
@media(max-width: 640px){
.product-list .item-inner button.btn-cart {
float: left;
clear: left;
}
.logo-container {
float: none;
max-width: 100%;
}
.box-cart {
}
header .btn-group .dropdown-menu {
right: auto;
left: -15px;
}
#form-currency .btn-group .dropdown-menu {
left: -20px;
}
}
@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;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.grid-style .item-inner .caption {
padding-left: 15px;
padding-right: 15px;
}
.product-name a {
font-size: 20px;
}
}
@media(max-width: 479px){
#cart {
display: block;
}
#search {
margin-right:0;
}
#top #cart .dropdown-menu {
right: 0;
left: 0;
margin: auto;
}
.product-list .item-inner {
grid-template-columns: 100%;
}
.product-list .caption {
padding: 0;
}
.product-tabs-container-slider .tabs-categorys li {
display: block;
margin: 0;
}
}
/*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;
}