.btn, html body .product-detail-content #product-information .add-to-wishlist button, html body .account-content #customer-account #customer_sidebar #view_address, html body .address_table .add-new-address, html body .group-form-address .add-new-address {
border-radius: 0 !important;
text-transform: uppercase;
padding: 12px 15px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
font-style: normal;
color: #000;
background-color: #fff;
border: 1px solid #222
}
.btn .fa, html body .product-detail-content #product-information .add-to-wishlist button .fa, html body .account-content #customer-account #customer_sidebar #view_address .fa, html body .address_table .add-new-address .fa, html body .group-form-address .add-new-address .fa {
margin-left: 5px;
color: #000
}
.btn:focus, html body .product-detail-content #product-information .add-to-wishlist button:focus, html body .account-content #customer-account #customer_sidebar #view_address:focus, html body .address_table .add-new-address:focus, html body .group-form-address .add-new-address:focus {
outline: none;
color: #fff;
background-color: #222;
border: 1px solid #222
}
.btn:focus .fa, html body .product-detail-content #product-information .add-to-wishlist button:focus .fa, html body .account-content #customer-account #customer_sidebar #view_address:focus .fa, html body .address_table .add-new-address:focus .fa, html body .group-form-address .add-new-address:focus .fa {
color: #fff
}
@media (min-width: 1200px) {
.btn:hover, html body .product-detail-content #product-information .add-to-wishlist button:hover, html body .account-content #customer-account #customer_sidebar #view_address:hover, html body .address_table .add-new-address:hover, html body .group-form-address .add-new-address:hover {
color: #fff;
background-color: #222;
border: 1px solid #222
}
.btn:hover .fa, html body .product-detail-content #product-information .add-to-wishlist button:hover .fa, html body .account-content #customer-account #customer_sidebar #view_address:hover .fa, html body .address_table .add-new-address:hover .fa, html body .group-form-address .add-new-address:hover .fa {
color: #fff
}
}
@media (max-width: 1199px) {
.btn:focus, html body .product-detail-content #product-information .add-to-wishlist button:focus, html body .account-content #customer-account #customer_sidebar #view_address:focus, html body .address_table .add-new-address:focus, html body .group-form-address .add-new-address:focus {
outline: none;
color: #000;
background-color: #fff;
border: 1px solid #222
}
.btn:focus .fa, html body .product-detail-content #product-information .add-to-wishlist button:focus .fa, html body .account-content #customer-account #customer_sidebar #view_address:focus .fa, html body .address_table .add-new-address:focus .fa, html body .group-form-address .add-new-address:focus .fa {
color: #000
}
}
.btn_detail, html body .product-detail-content #product-information .add-to-wishlist .non-user, html body #customer_review .spr-summary-actions a.spr-summary-actions-newreview {
text-align: center;
color: #000;
background-color: #fff;
border: 1px solid #000
}
.btn_detail .fa, html body .product-detail-content #product-information .add-to-wishlist .non-user .fa, html body #customer_review .spr-summary-actions a.spr-summary-actions-newreview .fa {
color: #000
}
.btn_detail_hover, html body .product-detail-content #product-information .add-to-wishlist .wish-list.wl-added {
text-align: center;
color: #fff;
background-color: #000;
border: 1px solid #000
}
.btn_detail_hover .fa, html body .product-detail-content #product-information .add-to-wishlist .wish-list.wl-added .fa {
color: #fff
}
.btn_next_prev, html body #home_featuredproduct_layout .owl-buttons>div, html body #home_newarrival_layout .owl-buttons>div, html body .product-detail-content #product-image .owl-buttons>div, html body .related-products .group-related .owl-buttons>div, .modal-content .modal-body .owl-buttons .owl-prev, .modal-content .modal-body .owl-buttons .owl-next {
text-align: center;
color: #000;
background-color: #fff;
border: 1px solid #fff
}
.btn_next_prev .fa, html body #home_featuredproduct_layout .owl-buttons>div .fa, html body #home_newarrival_layout .owl-buttons>div .fa, html body .product-detail-content #product-image .owl-buttons>div .fa, html body .related-products .group-related .owl-buttons>div .fa, .modal-content .modal-body .owl-buttons .owl-prev .fa, .modal-content .modal-body .owl-buttons .owl-next .fa {
line-height: 28px;
color: #000
}
@media (min-width: 1200px) {
.btn_next_prev:hover, html body #home_featuredproduct_layout .owl-buttons>div:hover, html body #home_newarrival_layout .owl-buttons>div:hover, html body .product-detail-content #product-image .owl-buttons>div:hover, html body .related-products .group-related .owl-buttons>div:hover, .modal-content .modal-body .owl-buttons .owl-prev:hover, .modal-content .modal-body .owl-buttons .owl-next:hover {
color: #fff;
background-color: #000;
border: 1px solid #000
}
.btn_next_prev:hover .fa, html body #home_featuredproduct_layout .owl-buttons>div:hover .fa, html body #home_newarrival_layout .owl-buttons>div:hover .fa, html body .product-detail-content #product-image .owl-buttons>div:hover .fa, html body .related-products .group-related .owl-buttons>div:hover .fa, .modal-content .modal-body .owl-buttons .owl-prev:hover .fa, .modal-content .modal-body .owl-buttons .owl-next:hover .fa {
color: #fff
}
}
.btn_addtocart, html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase .add-to-cart {
text-align: center;
color: #fff;
background-color: #000;
border: 1px solid #000
}
.btn_addtocart .fa, html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase .add-to-cart .fa {
line-height: 28px;
color: #fff
}
@media (min-width: 1200px) {
.btn_addtocart:hover, html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase .add-to-cart:hover {
color: #000;
background-color: #fff;
border: 1px solid #000
}
.btn_addtocart:hover .fa, html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase .add-to-cart:hover .fa {
color: #000
}
}
.btn_slider, html body .main-slideshow .flex-direction-nav>li .flex-next, html body .main-slideshow .flex-direction-nav>li .flex-prev {
text-align: center;
color: #666;
background-color: #f6f6f6;
border: 1px solid #666
}
.btn_slider .fa, html body .main-slideshow .flex-direction-nav>li .flex-next .fa, html body .main-slideshow .flex-direction-nav>li .flex-prev .fa {
color: #666
}
@media (min-width: 1200px) {
.btn_slider:hover, html body .main-slideshow .flex-direction-nav>li .flex-next:hover, html body .main-slideshow .flex-direction-nav>li .flex-prev:hover {
color: #000;
background-color: #f6f6f6;
border: 1px solid #000
}
.btn_slider:hover .fa, html body .main-slideshow .flex-direction-nav>li .flex-next:hover .fa, html body .main-slideshow .flex-direction-nav>li .flex-prev:hover .fa {
color: #000
}
}
.btn_captionslider, html body .main-slideshow .slides li .caption .btn, html body .main-slideshow .slides li .caption .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .slides li .caption button, html body .main-slideshow .slides li .caption .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .main-slideshow .slides li .caption #view_address, html body .main-slideshow .slides li .caption .address_table .add-new-address, html body .address_table .main-slideshow .slides li .caption .add-new-address, html body .main-slideshow .slides li .caption .group-form-address .add-new-address, html body .group-form-address .main-slideshow .slides li .caption .add-new-address {
text-align: center;
color: #fff;
background-color: #000;
border: 1px solid #fff;
background-color: transparent !important
}
.btn_captionslider .fa, html body .main-slideshow .slides li .caption .btn .fa, html body .main-slideshow .slides li .caption .product-detail-content #product-information .add-to-wishlist button .fa, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .slides li .caption button .fa, html body .main-slideshow .slides li .caption .account-content #customer-account #customer_sidebar #view_address .fa, html body .account-content #customer-account #customer_sidebar .main-slideshow .slides li .caption #view_address .fa, html body .main-slideshow .slides li .caption .address_table .add-new-address .fa, html body .address_table .main-slideshow .slides li .caption .add-new-address .fa, html body .main-slideshow .slides li .caption .group-form-address .add-new-address .fa, html body .group-form-address .main-slideshow .slides li .caption .add-new-address .fa {
color: #fff
}
@media (min-width: 1200px) {
.btn_captionslider, html body .main-slideshow .slides li .caption .btn, html body .main-slideshow .slides li .caption .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .slides li .caption button, html body .main-slideshow .slides li .caption .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .main-slideshow .slides li .caption #view_address, html body .main-slideshow .slides li .caption .address_table .add-new-address, html body .address_table .main-slideshow .slides li .caption .add-new-address, html body .main-slideshow .slides li .caption .group-form-address .add-new-address, html body .group-form-address .main-slideshow .slides li .caption .add-new-address {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.btn_captionslider:hover, html body .main-slideshow .slides li .caption .btn:hover, html body .main-slideshow .slides li .caption .product-detail-content #product-information .add-to-wishlist button:hover, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .slides li .caption button:hover, html body .main-slideshow .slides li .caption .account-content #customer-account #customer_sidebar #view_address:hover, html body .account-content #customer-account #customer_sidebar .main-slideshow .slides li .caption #view_address:hover, html body .main-slideshow .slides li .caption .address_table .add-new-address:hover, html body .address_table .main-slideshow .slides li .caption .add-new-address:hover, html body .main-slideshow .slides li .caption .group-form-address .add-new-address:hover, html body .group-form-address .main-slideshow .slides li .caption .add-new-address:hover {
color: #000;
background-color: #fff !important;
border: 1px solid #fff
}
.btn_captionslider:hover .fa, html body .main-slideshow .slides li .caption .btn:hover .fa, html body .main-slideshow .slides li .caption .product-detail-content #product-information .add-to-wishlist button:hover .fa, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .slides li .caption button:hover .fa, html body .main-slideshow .slides li .caption .account-content #customer-account #customer_sidebar #view_address:hover .fa, html body .account-content #customer-account #customer_sidebar .main-slideshow .slides li .caption #view_address:hover .fa, html body .main-slideshow .slides li .caption .address_table .add-new-address:hover .fa, html body .address_table .main-slideshow .slides li .caption .add-new-address:hover .fa, html body .main-slideshow .slides li .caption .group-form-address .add-new-address:hover .fa, html body .group-form-address .main-slideshow .slides li .caption .add-new-address:hover .fa {
color: #000
}
}
.btn_banner, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address {
text-align: center;
height: 58px;
width: 178px;
padding: 0;
line-height: 56px;
color: #fff;
background-color: #222;
border: 1px solid #222
}
.btn_banner .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button .fa, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address .fa, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address .fa, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address .fa, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address .fa {
color: #fff;
line-height: 58px
}
@media (min-width: 1200px) {
.btn_banner, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.btn_banner:hover, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn:hover, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button:hover, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button:hover, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address:hover, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address:hover, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address:hover, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address:hover, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address:hover, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address:hover {
color: #fff;
background-color: #f6f6f6 !important;
border: 1px solid #fff;
background-color: transparent !important
}
.btn_banner:hover .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn:hover .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button:hover .fa, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button:hover .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address:hover .fa, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address:hover .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address:hover .fa, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address:hover .fa, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address:hover .fa, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address:hover .fa {
color: #fff
}
}
input.btn, html body .account-content #customer-account #customer_sidebar input#view_address, html body .address_table input.add-new-address, html body .group-form-address input.add-new-address {
height: 60px;
line-height: 60px;
padding-top: 0;
padding-bottom: 0
}
input.text {
padding-left: 20px;
padding-right: 20px
}
.page-title {
padding-top: 28px !important;
text-align: center;
font-family: 'Georgia';
}
.page-title a {
color: #222
}
.page-title span {
color: #222;
font-size: 24px;
text-transform: uppercase;
/*font-weight: 600;*/
letter-spacing: 1px;
font-family: 'Georgia';
}
.breadcrumb {
border-bottom: 1px solid #ececec;
border-radius: 0;
font-size: 12px;
background-color: transparent;
text-transform: uppercase;
text-align: center;
padding-bottom: 10px;
padding-top: 0;
margin-bottom: 20px
}
.breadcrumb strong, .breadcrumb a {
color: #a9a9a9;
font-weight: 400;
letter-spacing: 1.5px
}
.breadcrumb .arrow-space {
margin: 0 10px;
color: #a9a9a9
}
@media (max-width: 767px) {
.breadcrumb {
margin-bottom: 45px
}
}
a {
color: #f2f2f2
}
a:hover {
color:#FFFFFF
}
.loading {
width: 100%;
text-align: center
}
.dis_table, html body .product .hover-mask .group-mask, html body .main-slideshow .slides li .caption .slide-caption, #loader-div #loader-wrapper {
display: table;
table-layout: fixed;
height: 100%;
width: 100%
}
.dis_tablecell, html body .product .hover-mask .group-mask .inner-mask, #loader-div #loader-wrapper .loading-div-logo {
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle
}
::-webkit-input-placeholder {
font-size:14px;
font-weight:400;
color:#848484
}
:-moz-placeholder {
font-size:14px;
font-weight:400;
color:#848484
}
::-moz-placeholder {
font-size:14px;
font-weight:400;
color:#848484
}
:-ms-input-placeholder {
font-size:14px;
font-weight:400;
color:#848484
}
input:focus::-webkit-input-placeholder {
color:transparent !important
}
input:focus:-moz-placeholder {
color:transparent !important
}
input:focus::-moz-placeholder {
color:transparent !important
}
input:focus:-ms-input-placeholder {
color:transparent !important
}
.spr-starrating {
margin: 0 !important
}
.spr-icon {
font-size: 12px !important;
color: #000
}
.spr-icon.spr-icon-star-empty {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"
}
.spr-summary-caption, .spr-badge-caption {
display: none !important
}
.review-link a {
color: #848484
}
form label {
font-weight: 500
}
@media (min-width: 1200px) {
.effect, html body #home_topbanner .group_banner .home_topbanner_image a, html body .list-collection-content .product .image>a {
overflow: hidden;
position: relative;
display: block
}
.effect:before, html body #home_topbanner .group_banner .home_topbanner_image a:before, html body .list-collection-content .product .image>a:before, .effect:after, html body #home_topbanner .group_banner .home_topbanner_image a:after, html body .list-collection-content .product .image>a:after {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1
}
.effect:before, html body #home_topbanner .group_banner .home_topbanner_image a:before, html body .list-collection-content .product .image>a:before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.effect:after, html body #home_topbanner .group_banner .home_topbanner_image a:after, html body .list-collection-content .product .image>a:after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0)
}
.effect img, html body #home_topbanner .group_banner .home_topbanner_image a img, html body .list-collection-content .product .image>a img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s ease 0s;
-o-transition: opacity 0.35s ease 0s;
transition: opacity 0.35s ease 0s
}
.effect:hover:before, html body #home_topbanner .group_banner .home_topbanner_image a:hover:before, html body .list-collection-content .product .image>a:hover:before, .effect:hover:after, html body #home_topbanner .group_banner .home_topbanner_image a:hover:after, html body .list-collection-content .product .image>a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.effect:hover img, html body #home_topbanner .group_banner .home_topbanner_image a:hover img, html body .list-collection-content .product .image>a:hover img {
opacity: 0.7;
filter: alpha(opacity=50)
}
}
.swatch {
float: none;
clear: both;
margin-bottom: 5px
}
.swatch .header {
font-size: 14px;
font-weight: 500;
font-family: proxima-nova;
color: #222;
width: 100px;
float: left;
line-height: 36px
}
@media (max-width: 540px) {
.swatch .header {
width: 100%
}
}
.swatch .swatch-element {
width: 36px;
height: 36px;
float: left;
margin-right: 8px;
margin-bottom: 10px;
border-radius: 0%;
border-width: 1px;
border-style: solid;
border-color: transparent;
transition: all 0.2s ease;
background-position: -1px -1px;
position: relative
}
.swatch .swatch-element .tooltip {
position: absolute;
bottom: 100%;
left: 0;
padding: 5px 10px;
color: #fff;
background-color: #000;
border-radius: 3px;
margin-bottom: 8px
}
.swatch .swatch-element .tooltip:before, .swatch .swatch-element .tooltip:after {
content: '';
position: absolute;
left: 30%;
bottom: 0
}
.swatch .swatch-element .tooltip:before {
bottom: -10px;
content: " ";
display: block;
height: 20px;
width: 100%
}
.swatch .swatch-element .tooltip:after {
margin-left: 0px;
margin-bottom: 0px;
bottom: auto;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #000;
top: 100%;
margin-top: -2px
}
.swatch .swatch-element .crossed-out {
display: none
}
.swatch .swatch-element input {
display: none
}
.swatch .swatch-element input:checked+label {
box-shadow: none;
background-color: #3F3F3F;
color: #FFF;
border-color: #3F3F3F
}
.swatch .swatch-element label {
width: 100%;
height: 100%;
border: 1px solid #ececec;
background-color: #ececec;
font-weight: normal;
text-align: center;
line-height: 34px;
background-position: -1px -1px
}
.swatch .swatch-element.hovered label {
background-color: #3F3F3F;
color: #FFF;
border-color: #3F3F3F
}
.swatch .swatch-element.default-title {
width: auto
}
.swatch .swatch-element.default-title label {
padding-left: 20px;
padding-right: 20px
}
.swatch .swatch-element:hover .tooltip {
opacity: 1;
filter: alpha(opacity=100)
}
.swatch .white label {
border: 1px solid #ececec !important
}
.swatch .swatch-element.color {
padding: 0px;
cursor: pointer
}
.swatch .swatch-element.color label {
border-width: 0px !important
}
.swatch .swatch-element.color.white label {
border-width: 1px !important
}
.swatch .swatch-element.color.active {
cursor: default
}
.swatch .swatch-element.color.active, .swatch .swatch-element.color.hovered {
border-color: #000 !important;
padding: 4px
}
.quantity-wp, html body .product-detail-content .quantity-wrapper, .modal-content .modal-body .quantity-wrapper {
width: 100%;
float: left
}
.quantity-wp .wrapper-title, html body .product-detail-content .quantity-wrapper .wrapper-title, .modal-content .modal-body .quantity-wrapper .wrapper-title {
font-weight: 500;
font-size: 14px;
color: #222;
width: 100px;
float: left;
line-height: 58px
}
@media (max-width: 540px) {
.quantity-wp .wrapper-title, html body .product-detail-content .quantity-wrapper .wrapper-title, .modal-content .modal-body .quantity-wrapper .wrapper-title {
width: 100%;
line-height: 30px
}
}
.quantity-wp .wrapper, html body .product-detail-content .quantity-wrapper .wrapper, .modal-content .modal-body .quantity-wrapper .wrapper {
width: 195px;
float: left;
padding-left: 58px;
padding-right: 58px;
height: 58px;
position: relative;
background-color: #fff
}
.quantity-wp .wrapper input.item-quantity, html body .product-detail-content .quantity-wrapper .wrapper input.item-quantity, .modal-content .modal-body .quantity-wrapper .wrapper input.item-quantity {
width: 100%;
height: 100%;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
border-left: 0;
border-right: 0;
text-align: center;
box-shadow: none
}
.quantity-wp .wrapper .qty-up, html body .product-detail-content .quantity-wrapper .wrapper .qty-up, .modal-content .modal-body .quantity-wrapper .wrapper .qty-up, .quantity-wp .wrapper .qty-down, html body .product-detail-content .quantity-wrapper .wrapper .qty-down, .modal-content .modal-body .quantity-wrapper .wrapper .qty-down {
height: 58px;
width: 58px;
position: absolute;
top: 0;
text-align: center;
border: 1px solid #ececec
}
.quantity-wp .wrapper .qty-up .fa, html body .product-detail-content .quantity-wrapper .wrapper .qty-up .fa, .modal-content .modal-body .quantity-wrapper .wrapper .qty-up .fa, .quantity-wp .wrapper .qty-down .fa, html body .product-detail-content .quantity-wrapper .wrapper .qty-down .fa, .modal-content .modal-body .quantity-wrapper .wrapper .qty-down .fa {
line-height: 56px
}
.quantity-wp .wrapper .qty-up, html body .product-detail-content .quantity-wrapper .wrapper .qty-up, .modal-content .modal-body .quantity-wrapper .wrapper .qty-up {
left: 0
}
.quantity-wp .wrapper .qty-down, html body .product-detail-content .quantity-wrapper .wrapper .qty-down, .modal-content .modal-body .quantity-wrapper .wrapper .qty-down {
right: 0
}
.quantity-wp:after, html body .product-detail-content .quantity-wrapper:after, .modal-content .modal-body .quantity-wrapper:after {
content: '';
display: block;
clear: both
}
header {
font-size: 12px;
z-index: 3
}
@media (min-width: 992px) {
header {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
}
header .top-header {
background-color: #000;
color: #ccc
}
header .top-header .left-area, header .top-header .right-area {
width: 50%;
float: left
}
header .top-header .left-area {
letter-spacing: 1px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
header .top-header .toolbar-customer, header .top-header .currency_group {
position: relative
}
header .top-header .toolbar-customer:after, header .top-header .currency_group:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 2px;
margin-bottom: 5px;
background-color: #ccc;
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
header .top-header .toolbar-customer.active:after, header .top-header .currency_group.active:after {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
@media (min-width: 1200px) {
header .top-header .toolbar-customer:hover:after, header .top-header .currency_group:hover:after {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
}
header .top-header .right-area ul {
text-align: right
}
header .top-header .right-area ul li {
float: none !important;
margin-bottom: 0;
vertical-align: middle;
display: inline-block;
*display:block;
zoom: 1
}
header .top-header .right-area ul li:first-child {
margin-right: 20px
}
header .top-header .toolbar-cart#cart-target {
position: relative
}
header .top-header .toolbar-cart .num-items-in-cart .fa {
display: none
}
header .top-header .toolbar-cart .num-items-in-cart span.icon {
width: 40px;
height: 40px;
background-image: url(bg-cart8ab18ab1.png?13332331232872762995);
display: block;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
color: #ccc;
position: relative
}
header .top-header .toolbar-cart .num-items-in-cart span.icon .number {
position: absolute;
top: 50%;
margin-top: -3px;
margin-left: -2px;
font-size: 10px;
display: inline-block;
*display:block;
zoom: 1;
line-height: 15px;
left: 50%
}
header .top-header .toolbar-cart #cart-info.dropdown-menu {
top: 100%;
right: 0;
left: auto;
border-radius: 0;
background-color: #222;
margin-top: 0;
padding: 0;
width: 300px;
border: 0
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .btn, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content button, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content #view_address, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .address_table .add-new-address, html body .address_table header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .add-new-address, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .group-form-address .add-new-address, html body .group-form-address header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .add-new-address {
font-size: 12px !important;
background-color: #fff;
color: #222;
border: 1px solid #222
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .btn:hover, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .product-detail-content #product-information .add-to-wishlist button:hover, html body .product-detail-content #product-information .add-to-wishlist header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content button:hover, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .account-content #customer-account #customer_sidebar #view_address:hover, html body .account-content #customer-account #customer_sidebar header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content #view_address:hover, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .address_table .add-new-address:hover, html body .address_table header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .add-new-address:hover, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content html body .group-form-address .add-new-address:hover, html body .group-form-address header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .add-new-address:hover {
background-color: #222;
color: #fff;
border: 1px solid #fff
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty {
padding: 20px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty .btn, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty button, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty #view_address, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty html body .address_table .add-new-address, html body .address_table header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty .add-new-address, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty html body .group-form-address .add-new-address, html body .group-form-address header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.empty .add-new-address {
margin-top: 5px;
display: inline-block;
*display:block;
zoom: 1
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left;
margin: 0;
padding: 20px;
position: relative
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .cart-close {
position: absolute;
bottom: 20px;
right: 20px;
width: 15px;
height: 15px;
background-color: #a9a9a9;
border-radius: 100%
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .cart-close .fa {
color: #000;
position: absolute;
top: 50%;
left: 50%;
font-size: 7px;
margin-top: -3.52px;
margin-left: -2px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .cart-left {
width: 30%
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .cart-right {
width: 70%;
padding-left: 15px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .cart-right .cart-title a {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 12px;
color: #ccc
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content>.items .cart-right .cart-price {
font-size: 12px;
letter-spacing: 1px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .subtotal {
padding: 7px 20px 25px 20px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .subtotal span {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin-right: 5px;
letter-spacing: 1.5px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action {
padding: 0 20px 20px 20px
}
header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action .btn, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action button, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action #view_address, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action html body .address_table .add-new-address, html body .address_table header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action .add-new-address, header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action html body .group-form-address .add-new-address, html body .group-form-address header .top-header .toolbar-cart #cart-info.dropdown-menu #cart-content .action .add-new-address {
padding-left: 20px;
padding-right: 20px
}
header .top-header .search-field {
position: relative
}
header .top-header .search-field .sub-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px
}
header .top-header .search-field>a {
display: block
}
header .top-header .search-field .fix_search_dropdown {
display: none
}
header .top-header .search-field #search-info {
width: 250px;
top: 100%;
right: 0;
left: auto;
padding: 10px;
margin-top: 9px;
border-radius: 0
}
header .top-header .search-field #search-info form.search {
width: 100%;
float: left;
position: relative;
padding-right: 40px
}
header .top-header .search-field #search-info form.search input#go {
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
padding: 7px
}
header .top-header .search-field #search-info form.search input[type="image"] {
border: 0;
outline: none;
padding: 1px;
background-color: #000
}
header .top-header .search-field #search-info form.search input[type="text"] {
height: 30px;
width: 100%;
padding-left: 10px;
padding-right: 10px;
border-radius: 0;
color: #848484
}
header .main-header {
background-color: #000
}
header .toolbar-customer {
line-height: 41px;
margin-bottom: 0;
position: relative;
margin-right: 30px
}
header .toolbar-customer>a {
color: #ccc
}
header .toolbar-customer .sub-dropdown {
position: absolute;
width: 100%;
top: 100%;
height: 30px
}
header .toolbar-customer .dropdown-toggle>a {
color: #ccc
}
header .toolbar-customer #loginBox {
left: 0;
top: 100%;
padding: 0;
margin: 0;
width: 260px;
border-radius: 0;
border: 0;
-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.08);
box-shadow: 1px 1px 15px rgba(0,0,0,0.08)
}
header .toolbar-customer #loginBox #bodyBox {
padding: 20px
}
header .toolbar-customer #loginBox #bodyBox ul {
margin: 0
}
header .toolbar-customer #loginBox #bodyBox li {
padding: 0;
margin: 0 0 15px 0;
width: 100%;
line-height: 1em
}
header .toolbar-customer #loginBox #bodyBox li a:not(.btn), header .toolbar-customer #loginBox #bodyBox li span:not(.btn), header .toolbar-customer #loginBox #bodyBox li label:not(.btn) {
line-height: 0em;
color: #848484;
font-size: 14px;
font-weight: 400;
padding: 6px 0px 5px;
display: inline-block;
*display:block;
zoom: 1
}
header .toolbar-customer #loginBox #bodyBox li label {
padding-top: 0 !important;
margin-top: 0 !important;
margin-bottom: 0;
font-weight: 300 !important
}
header .toolbar-customer #loginBox #bodyBox li .btn, header .toolbar-customer #loginBox #bodyBox li html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist header .toolbar-customer #loginBox #bodyBox li button, header .toolbar-customer #loginBox #bodyBox li html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar header .toolbar-customer #loginBox #bodyBox li #view_address, header .toolbar-customer #loginBox #bodyBox li html body .address_table .add-new-address, html body .address_table header .toolbar-customer #loginBox #bodyBox li .add-new-address, header .toolbar-customer #loginBox #bodyBox li html body .group-form-address .add-new-address, html body .group-form-address header .toolbar-customer #loginBox #bodyBox li .add-new-address {
width: 100%;
margin-bottom: 5px;
height: 40px;
line-height: 38px;
padding: 0
}
header .toolbar-customer #loginBox #bodyBox li:last-child {
margin-bottom: 0
}
header .toolbar-customer #loginBox #bodyBox input {
width: 100%;
padding: 5px 10px;
border: 1px solid #ececec;
height: 40px;
line-height: 28px;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
header .currency_group {
margin-right: 30px;
line-height: 40px
}
header .currency_group .currency .fa {
margin-left: 3px
}
header .currency_group .currency .fa, header .currency_group .currency .currency_code {
color: #ccc
}
header .currency_group .currencies.dropdown-menu {
margin-top: 0;
border-radius: 0;
min-width: 70px;
padding: 0;
border: 0
}
header .currency_group .currencies.dropdown-menu a {
font-size: 12px
}
header .currency_group .currencies.dropdown-menu li {
margin-bottom: 0
}
header .currency_group .currencies.dropdown-menu>.active>a, header .currency_group .currencies.dropdown-menu>.active>a:focus, header .currency_group .currencies.dropdown-menu>.active>a:hover {
background-color: #000;
color: #ccc
}
@media (min-width: 1200px) {
header .currency_group .currencies.dropdown-menu li:hover>a, header .currency_group .currencies.dropdown-menu li:hover>a:focus, header .currency_group .currencies.dropdown-menu li:hover>a:hover {
background-color: #000;
color: #ccc
}
}
header .nav-logo {
float: left;
margin: 20px 0
}
header .nav-logo .logo img {
max-width: 100%
}
header .nav-logo .logo h1 {
text-align: center;
margin: 0
}
header .nav-logo .logo a {
display: block;
line-height: 0
}
@media (max-width: 991px) {
header .nav-logo {
width: 100%;
text-align: center;
margin-bottom: 0;
position:unset;
}
}
header .navigation_area {
float: right
}
header .navigation_area ul.navigation_links {
margin: 0;
text-align: center
}
header .navigation_area ul.navigation_links>li {
display: inline-block;
*display:block;
zoom: 1;
text-transform: uppercase;
padding:83px 0;
margin: 0 15px;
font-family: 'Georgia';
}
header .navigation_area ul.navigation_links>li>a {
font-size: 12px;
color: #fff;
font-weight: 500;
letter-spacing: 1px;
position: relative
}
@media (min-width: 1200px) {
header .navigation_area ul.navigation_links>li>a:hover {
color: #a7a4a4
}
}
header .navigation_area ul.navigation_links>li.active a {
color: #a7a4a4
}
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu {
border-radius: 0;
margin-top: 0;
padding: 0;
border: 0
}
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu .list-title {
color: #fff;
font-weight: 600;
font-size: 14px;
font-family: 'Georgia';
}
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu a {
color: #a9a9a9
}
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu a:hover {
color: #fff
}
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu a:focus, header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu a:hover {
background-color: transparent !important
}
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu.megamenu-container {
padding: 55px 45px 30px 45px
}
@media (max-width: 1199px) {
header .navigation_area ul.navigation_links>li.dropdown .dropdown-menu.megamenu-container {
padding: 30px
}
}
header .navigation_area ul.navigation_links>li.dropdown.mega-menu {
position: static
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu {
background-color: #222;
font-size: 12px;
min-width: 170px
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li {
border-bottom: #a9a9a9;
border-bottom: 1px solid rgba(255,255,255,0.1);
margin-bottom: 0;
padding: 14px 30px
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li .fa {
position: absolute;
top: 50%;
right: 30px !important;
margin-top: -5px
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li a {
padding: 0;
font-weight: 500
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li:last-child {
border-bottom: 0
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li.dropdown.li-sub-mega {
position: relative
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li.dropdown.li-sub-mega .sub-dropdown {
display: block !important;
padding-right: 3px;
left: 100%;
position: absolute;
top: 0;
height: 100%
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li.dropdown>.dropdown-menu {
display: block !important;
border: 0;
left: 100%;
top: 0;
border: 0;
margin-left: 1px
}
@media (min-width: 1200px) {
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li.dropdown>.dropdown-menu {
-ms-transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li.dropdown:hover>.dropdown-menu {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu) .dropdown-menu>li.active a {
background-color: transparent;
color: #fff
}
@media (min-width: 768px) and (max-width: 1199px) {
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu)>.dropdown-menu li>.dropdown-menu {
display: block !important;
-ms-transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0)
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu)>.dropdown-menu>li:hover>.dropdown-menu {
display: block !important;
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu)>.dropdown-menu>li:hover>.dropdown-menu>li>.dropdown-menu {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
header .navigation_area ul.navigation_links>li.dropdown:not(.mega-menu)>.dropdown-menu>li:hover>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@media (max-width: 991px) {
header .navigation_area ul.navigation_links>li {
margin: 0 12px
}
}
@media (min-width: 768px) and (max-width: 991px) {
header .navigation_area {
width: 100%
}
}
header .megamenu-container {
float: left !important;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0
}
header .megamenu-container .sub-mega-menu {
list-style: none;
width: 100%;
float: left;
margin-bottom: 30px
}
header .megamenu-container .sub-mega-menu>li {
margin: 0
}
@media (min-width: 1200px) {
header .megamenu-container .sub-mega-menu>li .col-image img {
width: 100%
}
}
header .megamenu-container .sub-mega-menu>li .heading {
color: #fff;
font-size: 12px;
position: relative;
padding-bottom: 12px;
margin-bottom: 0;
font-weight: 600;
font-family: proxima-nova;
letter-spacing: 2px
}
header .megamenu-container .sub-mega-menu>li .content {
color: #a9a9a9;
font-size: 12px;
text-transform: none;
line-height: 2em;
letter-spacing: 1px;
margin-bottom: 13px
}
header .megamenu-container .sub-mega-menu>li a {
color: #a9a9a9
}
header .megamenu-container .sub-mega-menu>li a:hover {
color: #fff
}
header .megamenu-container .sub-mega-menu>li .linkto a {
font-size: 12px;
color: #fff;
text-transform: none
}
header .megamenu-container .sub-mega-menu>li .linkto a:hover {
color: #a9a9a9
}
header .megamenu-container .sub-mega-menu>li>ul {
list-style: none
}
header .megamenu-container .sub-mega-menu>li>ul>li {
margin-bottom: 19px
}
header .megamenu-container .sub-mega-menu>li>ul>li.list-title {
position: relative;
padding-bottom: 17px;
margin-bottom: 16px
}
header .megamenu-container .sub-mega-menu>li>ul>li.list-title:after {
content: '';
position: absolute;
height: 1px;
background-color: #a9a9a9;
bottom: 0;
left: 0;
width: 37px
}
header .megamenu-container .sub-mega-menu>li>ul>li a {
font-size: 12px;
color: #a9a9a9;
font-weight: 600
}
@media (max-width: 1200px) {
header .megamenu-container .sub-mega-menu>li>ul>li a {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
}
header .megamenu-container .sub-mega-menu>li>ul>li a:hover {
color: #fff
}
header .megamenu-container .sub-mega-menu>li>ul>li:last-child {
margin-bottom: 0px
}
@media (max-width: 1199px) {
header .megamenu-container .sub-mega-menu>li>ul>li {
margin-bottom: 0px
}
}
@media (max-width: 1199px) {
header .megamenu-container .sub-mega-menu {
margin-bottom: 20px
}
}
header .megamenu-container .megamenu-collection-1 {
width: 100%;
float: left;
margin-bottom: 30px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
header .megamenu-container .megamenu-collection-1>div {
width: 20%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
position: relative
}
header .megamenu-container .megamenu-collection-1>div .row-right {
padding-left: 15px;
padding-right: 15px;
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
header .megamenu-container .megamenu-collection-1>div .row-right .product-description {
display: none !important
}
header .megamenu-container .megamenu-collection-1>div .row-right .product-title {
background-color: #fff;
padding: 15px 20px;
display: block
}
header .megamenu-container .megamenu-collection-1>div .row-right .product-title a {
color: #222 !important;
text-transform: capitalize;
font-weight: 600
}
@media (max-width: 1199px) {
header .megamenu-container .megamenu-collection-1 .product-title {
padding: 10px !important
}
header .megamenu-container .megamenu-collection-1 .product-title a {
font-size: 10px;
font-weight: 500;
line-height: 0
}
}
@media (max-width: 991px) {
header .megamenu-container .megamenu-collection-1>div {
padding-bottom: 0
}
header .megamenu-container .megamenu-collection-1 .product-title {
display: none !important
}
}
@media (max-width: 767px) {
header .megamenu-container .megamenu-collection-1 .megamenu-product .row-right {
display: none
}
}
header .megamenu-container .megamenu-action-1 {
display: block;
padding: 0 15px;
float: left;
text-transform: none;
font-size: 12px
}
header .megamenu-container .megamenu-action-1 a {
color: #fff !important
}
@media (min-width: 1200px) {
header .megamenu-container .megamenu-action-1 a:hover {
color: #A9A9A9 !important
}
}
header .megamenu-container .megamenu-action-1 a .fa {
margin-left: 5px
}
header .megamenu-container.megamenu-container-1 {
width: 100% !important;
float: left !important
}
@media (max-width: 767px) {
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu {
float: left;
width: 100%;
margin-left: 0
}
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu .list-title {
text-transform: uppercase;
color: #fff
}
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li {
width: 25%;
list-style: none;
float: left;
margin-bottom: 0;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px
}
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li ul {
margin-left: 0
}
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li ul li {
list-style: none
}
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li ul li a {
color: rgba(255,255,255,0.7)
}
}
@media (max-width: 600px) {
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li {
width: 50%
}
}
@media (max-width: 500px) {
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li {
width: 50%
}
}
@media (max-width: 360px) {
header .megamenu-container.megamenu-container-1 ul.sub-mega-menu>li {
width: 100%
}
}
header .megamenu-container.megamenu-container-2 {
width: 100% !important;
border-radius: 0
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu {
border-radius: 0;
list-style: none;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li {
color: #fff;
font-weight: 600;
padding: 0
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li a {
color: #fff;
font-weight: 400
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li>ul {
list-style: none;
padding: 0 15px
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li>ul li.list-title {
text-transform: uppercase;
padding: 10px 0
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li.mega2-column2 .col-text p.heading {
font-weight: 600;
margin: 10px 0
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li.mega2-column2 .col-text p.content {
font-weight: 400
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li.mega2-column2 .col-text .linkto a {
font-weight: 600
}
@media (max-width: 991px) {
header .megamenu-container.megamenu-container-2 .sub-mega-menu>li {
width: 33.33%
}
header .megamenu-container.megamenu-container-2 .sub-mega-menu>li>div {
width: 100%
}
}
@media (max-width: 767px) {
header .megamenu-container.megamenu-container-2 .sub-mega-menu>li {
width: 33.33%;
padding: 0
}
}
@media (max-width: 540px) {
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li>ul>li {
margin-bottom: 10px
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li {
width: 100%;
margin-bottom: 30px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
header .megamenu-container.megamenu-container-2>ul.sub-mega-menu>li>div {
width: 50%;
float: left
}
}
@media (max-width: 480px) {
header .megamenu-container.megamenu-container-2 .megamenu-collection-1>div {
width: 25%;
margin-bottom: 10px
}
}
@media (max-width: 420px) {
header .megamenu-container.megamenu-container-2 ul.sub-mega-menu {
margin-bottom: 10px
}
header .megamenu-container.megamenu-container-2 ul.sub-mega-menu>li {
padding: 0
}
header .megamenu-container.megamenu-container-2 ul.sub-mega-menu>li>ul {
padding: 0
}
}
@media (max-width: 380px) {
header .megamenu-container.megamenu-container-2 .sub-mega-menu>li>div {
width: 100% !important;
padding: 0;
margin-bottom: 20px
}
}
header .megamenu-container.megamenu-container-3 {
width: 100% !important;
float: left !important;
background-color: #222222;
border-radius: 0;
padding: 0px 0 0 0 !important
}
header .megamenu-container.megamenu-container-3 .nav-pills {
width: 20%;
float: left;
padding-right: 50px
}
header .megamenu-container.megamenu-container-3 .nav-pills>li {
border-bottom: 1px solid rgba(255,255,255,0.2);
padding: 15px 30px;
margin-bottom: 0
}
header .megamenu-container.megamenu-container-3 .nav-pills>li a {
font-size: 12px;
padding: 0
}
header .megamenu-container.megamenu-container-3 .nav-pills>li:last-child {
border-bottom: 0
}
header .megamenu-container.megamenu-container-3 .nav-pills>li.active>a, header .megamenu-container.megamenu-container-3 .nav-pills>li.active>a:focus, header .megamenu-container.megamenu-container-3 .nav-pills>li.active>a:hover {
background-color: transparent;
color: #fff !important
}
header .megamenu-container.megamenu-container-3 .tab-content {
width: 80%;
float: left
}
header .megamenu-container.megamenu-container-3 .tab-content .tab-pane-group {
padding-top: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
header .megamenu-container.megamenu-container-3 .tab-content .megamenu-img {
width: 16.66%;
padding: 0px 30px 20px 0
}
header .megamenu-container.megamenu-container-3 .tab-content .megamenu-img img {
display: block;
max-width: 100%
}
@media (max-width: 991px) {
header .megamenu-container.megamenu-container-3 .tab-content .megamenu-img {
width: 25%
}
}
@media (max-width: 1199px) {
header .megamenu-container.megamenu-container-3 .nav-pills {
padding-right: 30px
}
}
@media (max-width: 767px) {
header .megamenu-container.megamenu-container-3 {
background-color: #222 !important;
position: relative;
border: 0;
display: block !important
}
header .megamenu-container.megamenu-container-3 .nav-pills {
width: 30%
}
header .megamenu-container.megamenu-container-3 .nav-pills>li a:focus, header .megamenu-container.megamenu-container-3 .nav-pills>li a:hover {
background-color: transparent;
color: #fff
}
header .megamenu-container.megamenu-container-3 .tab-content {
width: 70%
}
}
@media (max-width: 600px) {
header .megamenu-container.megamenu-container-3 .nav-pills {
width: 35%
}
header .megamenu-container.megamenu-container-3 .nav-pills>li {
padding: 15px 15px
}
header .megamenu-container.megamenu-container-3 .tab-content {
width: 65%
}
header .megamenu-container.megamenu-container-3 .tab-content .megamenu-img {
width: 33.33%
}
}
@media (max-width: 420px) {
header .megamenu-container.megamenu-container-3 {
padding-bottom: 0px !important
}
header .megamenu-container.megamenu-container-3 .nav-pills {
width: 100%;
padding-right: 0
}
header .megamenu-container.megamenu-container-3 .tab-content {
width: 100%
}
header .megamenu-container.megamenu-container-3 .tab-content .megamenu-img {
padding: 0 15px 15px 15px
}
}
@media (max-width: 767px) {
header .megamenu-container {
padding: 15px
}
}
header .main-header-inner {
position: relative;
width: 100%;
float: left
}
@media (max-width: 767px) {
header .main-header-inner {
margin-bottom: 15px
}
header .main-header-inner .navigation_area {
display: none !important
}
header .main-header-inner .mobile-top-navigation {
width: 100%;
position: relative;
float: left;
background-color: #ececec;
padding:10px;
}
header .main-header-inner .mobile-top-navigation #showLeftPush {
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 15px;
border: 0;
padding: 0;
margin-top: -10px;
background-color: transparent
}
header .main-header-inner .mobile-top-navigation #showLeftPush i.fa {
font-size: 14px;
position: absolute;
top: 50%;
left: 0;
margin-top: -7px
}
header .main-header-inner .mobile-top-navigation #showLeftPush.active {
border: 2px solid #222;
border-radius: 50%;
margin-top: -10px
}
header .main-header-inner .mobile-top-navigation #showLeftPush.active i.fa {
left: 50%;
margin-left: -4px;
font-size: 10px;
line-height: 14px;
top: 0;
margin-top: 0
}
header .main-header-inner .mobile-top-navigation>ul {
text-align: center
}
header .main-header-inner .mobile-top-navigation>ul>li {
margin: 0 10px
}
header .main-header-inner .mobile-top-navigation>ul>li .btn-group.open .dropdown-toggle {
box-shadow: none
}
header .main-header-inner .mobile-top-navigation>ul>li a {
color: #222
}
header .main-header-inner .mobile-top-navigation>ul>li .customer.dropdown-menu {
padding: 0;
border-radius: 0;
margin-top: 10px;
border: 0
}
header .main-header-inner .mobile-top-navigation>ul>li .customer.dropdown-menu li {
margin-bottom: 0;
width: 100%
}
header .main-header-inner .mobile-top-navigation>ul>li .customer.dropdown-menu li a {
padding: 5px 10px
}
header .main-header-inner .mobile-top-navigation>ul>li .customer.dropdown-menu li a:hover {
background-color: #222
}
header .main-header-inner .mobile-top-navigation>ul>li .currency_wrapper {
position: relative;
padding-right: 10px;
display: block;
box-shadow: none
}
header .main-header-inner .mobile-top-navigation>ul>li .currency_wrapper .fa {
position: absolute;
top: 50%;
right: 0px;
margin-top: -6.5px
}
header .main-header-inner .mobile-top-navigation>ul>li.is-mobile-currency .currencies {
padding: 0;
min-width: 50px;
width: 50px;
border-radius: 0
}
header .main-header-inner .mobile-top-navigation>ul>li.is-mobile-currency .currencies li {
text-align: center;
margin-bottom: 0
}
header .main-header-inner .mobile-top-navigation>ul>li.is-mobile-currency .currencies li a {
padding: 5px
}
header .main-header-inner .mobile-top-navigation>ul>li.is-mobile-currency .currencies li.active a {
background-color: #222 !important
}
header .main-header-inner .is-mobile-nav-menu {
display: none !important
}
header .main-header-inner .is-mobile-nav-menu>ul.nav {
margin-left: 0;
margin-right: 0
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li {
margin-bottom: 0;
width: 100%;
float: left;
border-bottom: 1px solid;
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li>a {
background-color: #000;
color: #fff;
font-size: 14px;
font-family: Futura PT Light;
text-transform: uppercase;
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open>a:hover, header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open>a {
background-color: rgba(0,0,0,0.7) !important;
opacity: 1;
filter: alpha(opacity=1)
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open>ul.dropdown-menu {
background-color: rgba(0,0,0,0.7)
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open ul.dropdown-menu {
padding: 10px 0;
border-radius: 0
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open ul.dropdown-menu>li.list-title {
display: none
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open ul.dropdown-menu>li {
color: rgba(255,255,255,0.7);
margin-bottom: 0
}
header .main-header-inner .is-mobile-nav-menu>ul.nav>li.open ul.dropdown-menu>li>a {
color: rgba(255,255,255,0.7);
background-color: transparent;
padding-left: 15px
}
header .main-header-inner .is-mobile-nav-menu .dropdown-menu .dropdown-menu {
display: block !important;
padding-left: 20px !important
}
header .main-header-inner .is-mobile-nav-menu.leftnavi-open {
display: block !important
}
header .main-header-inner .nav-logo .logo {
padding-bottom: 10px
}
header .main-header-inner .currency_group .currency .fa, header .main-header-inner .currency_group .currency .currency_code {
color: #222
}
header .main-header-inner .currency_group .currency a {
display: inline-block;
*display:block;
zoom: 1
}
header .main-header-inner .customer {
margin-top: 0;
margin-left: 0px;
min-width: 100px
}
header .main-header-inner .customer li {
display: block;
width: 100%;
float: left
}
header .main-header-inner .customer li:hover a {
color: #fff
}
.mkdf-st-inner1 { margin-top: 150px;}
html body .product .product-title a {
color: #785656 !important;
}
.deal-img-space img.deal-img-main {
margin-left: 0px;
position: unset;
width: 100%;
}
figure.snip1174 figcaption {
position: absolute;
padding: 40px 25px;
top: 15px;
left: 60px;
}
figure.snip1174 h2 {
font-size: 1.8em;
}
.l-deal-title {
font-size: 32px;
color: #222222;
line-height: 1;
font-weight: 400;
margin-bottom: 12px;
}
.about-left:before {
position: unset !important;
}
.ab-left-img {
height: auto;
position: relative;
width: 100%;
}
.about-right-inner {
position: relative;
font-family: 'Yeseva One', cursive;
height: auto;
background: #fff;
width: 100%;
z-index: 2;
-webkit-box-shadow: 0px 0px 84px 0px rgb(0 0 0 / 8%);
box-shadow: 0px 0px 84px 0px rgb(0 0 0 / 8%);
padding: 50px;
top: 0px;
}
.about-left {
padding-bottom: 0px;
}
.about-right {
padding-top:0px;
}
.area-left {
padding-left: 0px;
}
}
@media (max-width: 420px) {
header .main-header-inner .mega2-column2 {
width: 100% !important
}
}
.index-template header {
border-bottom: 0
}
@media (min-width: 992px) {
ul.navigation_links li, .main-header, .navigation_area, .nav-logo {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.affix {
width: 100%;
float: left;
background-color: #222;
z-index: 3
}
.affix .top-header {
padding-bottom: 10px !important
}
.affix .main-header {
padding-top: 0px;
padding-bottom: 0px
}
.affix .main-header .main-header-inner {
margin-bottom: 0
}
.affix .main-header .main-header-inner .nav-logo {
margin-bottom: 0
}
.affix .nav-logo {
width: 15%;
padding-right: 80px;
margin: 1px 0
}
.affix .navigation_area {
margin-bottom: 0;
border-bottom: 0;
width: 80%;
position: static;
padding:30px;
}
.affix .navigation_area ul.navigation_links {
text-align: right
}
.affix ul.navigation_links>li {
padding: 14px 0 !important
}
.affix ul.navigation_links>li:last-child {
margin-right: 0
}
.affix .sticky-logo {
display: block !important
}
.index-template .affix+.fix-sticky {
height: 190px
}
.affix+.fix-sticky {
height: 200px
}
}
@media (min-width: 992px) and (min-width: 992px) {
.affix .main-header {
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 0px 7px rgba(0,0,0,0.175)
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.affix .nav-logo {
width: 18%
}
}
::-webkit-input-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd;
font-weight:500
}
:-moz-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd;
font-weight:500
}
::-moz-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd;
font-weight:500
}
:-ms-input-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd;
font-weight:500
}
#home_newsletter_layout .home_newsletter_wrapper {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
@media (min-width: 1200px) {
#home_newsletter_layout .home_newsletter_wrapper:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner {
text-align: center
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .home_newsletter-title {
color: #fff;
font-size: 24px;
font-weight: bold;
margin-bottom: 18px
}
@media (max-width: 420px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .home_newsletter-title {
margin-bottom: 30px;
font-size: 20px
}
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .home_newsletter-title:after {
display: none
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .home_newsletter-title:before {
background-color: transparent;
background-image: url(../../../../../../../../../../../../cdn.shopify.com/s/files/1/1286/1471/t/2/assets/circular_clock28ab1.png?13332331232872762995);
background-position: center center;
height: 19px
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .newsletter-subtext {
font-size: 14px;
color: #ccc;
font-family: Bitter;
font-style: italic;
letter-spacing: 1px;
line-height: 1.8em;
width: 80%;
margin: 0 auto 30px
}
@media (max-width: 420px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .newsletter-subtext {
font-size: 12px;
margin: 0 auto 25px
}
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner .newsletter-image {
margin-bottom: 20px
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form {
border: 1px solid #ccc;
width: 40%;
margin: 0 auto;
padding-right: 140px;
padding-top: 9px;
padding-bottom: 9px;
position: relative
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="email"] {
width: 100%;
height: 40px;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: transparent;
border: 0;
border-right: 1px solid #ccc;
-webkit-box-shadow: none;
box-shadow: none;
color: #cdcdcd;
font-size: 14px
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
height: 58px;
line-height: 40px;
background-color: transparent;
text-transform: uppercase;
color: #fff;
text-align: center;
width: 140px;
padding: 9px;
border: 0
}
@media (min-width: 1199px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="submit"] {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="submit"]:hover {
color: #222
}
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="submit"]:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
color: #222
}
@media (max-width: 420px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="submit"] {
width: 100px;
height: 48px;
line-height: 30px
}
}
@media (max-width: 991px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form {
width: 50%
}
}
@media (max-width: 767px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form {
width: 90%
}
}
@media (max-width: 420px) {
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form {
padding-right: 100px
}
#home_newsletter_layout .home_newsletter_wrapper .home_newsletter_inner form input[type="email"] {
height: 30px;
line-height: 30px
}
}
#home_newsletter_layout .home_newsletter_wrapper>div {
height: 100%
}
#home_newsletter_layout .home_newsletter_wrapper>div>div {
height: 100%
}
#home_newsletter_layout .home_newsletter_wrapper>div>div>div {
height: 100%
}
@media (max-width: 991px) {
#home_newsletter_layout .home_newsletter_wrapper {
background-size: cover
}
}
#home_newsletter_layout {
text-align: center;
width: 100%;
float: none
}
#home_newsletter_layout .home_newsletter-title h4 {
font-size: 24px;
font-weight: bold;
color: #222
}
#home_newsletter_layout .home_newsletter_inner {
background-color: #fbf9f9;
padding-top: 47px;
padding-bottom: 70px
}
footer {
background-color: #222
}
footer ::-webkit-input-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd
}
footer :-moz-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd
}
footer ::-moz-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd
}
footer :-ms-input-placeholder {
font-size:14px;
font-weight:400;
color:#cdcdcd
}
footer .newsletter-block .newsletter-wrapper {
height: 390px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
@media (min-width: 1200px) {
footer .newsletter-block .newsletter-wrapper:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner {
text-align: center
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-title {
color: #fff;
font-size: 24px;
font-weight: bold;
margin-bottom: 13px;
padding-bottom: 40px
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-title h4 {
color: #fff
}
@media (max-width: 420px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-title {
margin-bottom: 30px;
font-size: 20px
}
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-title:after {
display: none
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-title:before {
background-color: transparent;
background-image: url(../../../../../../../../../../../../cdn.shopify.com/s/files/1/1286/1471/t/2/assets/circular_clock28ab1.png?13332331232872762995);
background-position: center center;
height: 19px;
top: auto;
bottom: 0;
margin-bottom: 10px
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-subtext {
font-size: 14px;
color: #ccc;
font-family: proxima-nova;
font-style: italic;
letter-spacing: 1px;
line-height: 1.8em;
width: 80%;
margin: 0 auto 50px
}
@media (max-width: 420px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .newsletter-subtext {
font-size: 12px;
margin-bottom: 10px
}
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form {
border: 1px solid #fff;
width: 40%;
margin: 0 auto;
padding-right: 140px;
padding-top: 9px;
padding-bottom: 9px;
position: relative
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="email"] {
width: 100%;
height: 40px;
line-height: 40px;
padding-left: 10px;
padding-right: 10px;
background-color: transparent;
border: 0;
border-right: 1px solid #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #cdcdcd;
font-size: 14px
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
height: 58px;
line-height: 40px;
background-color: transparent;
text-transform: uppercase;
color: #fff;
text-align: center;
width: 140px;
padding: 9px;
border: 0
}
@media (min-width: 1199px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="submit"] {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="submit"]:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"
}
@media (max-width: 420px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="submit"] {
width: 100px;
height: 48px;
line-height: 30px
}
}
@media (max-width: 991px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form {
width: 50%
}
}
@media (max-width: 767px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form {
width: 90%
}
}
@media (max-width: 420px) {
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form {
padding-right: 100px
}
footer .newsletter-block .newsletter-wrapper .newsletter-inner .footer-newsletter-content form input[type="email"] {
height: 30px;
line-height: 30px
}
}
footer .newsletter-block .newsletter-wrapper>div {
height: 100%
}
footer .newsletter-block .newsletter-wrapper>div>div {
height: 100%
}
footer .newsletter-block .newsletter-wrapper>div>div>div {
height: 100%
}
@media (max-width: 991px) {
footer .newsletter-block .newsletter-wrapper {
background-size: cover
}
}
footer .information-block {
color: #fff;
}
footer .information-block a {
color: #fff
}
@media (min-width: 1200px) {
footer .information-block a:hover {
color: #8a8a8a
}
}
footer .information-block .footer-title {
margin-bottom: 30px
}
footer .information-block .footer-title h5 {
color: #fff;
font-family: 'Georgia';
font-size: 28px;
margin: 0
}
footer .information-block .footer_infologo {
text-align: center;
}
footer .information-block .aboutus-links ul {
list-style: none;
font-family: 'Myriad Regular';
}
footer .information-block .aboutus-links ul li {
margin-bottom: 7px
}
footer .information-block .aboutus-links a {
text-transform: uppercase;
font-size: 12px
}
footer .information-block .aboutus-links .fi-useful-content {
margin-left: -15px;
margin-right: -15px
}
footer .information-block .about-us {
padding-right: 50px
}
footer .information-block .about-us .fi-aboutus-content .top {
margin-bottom: 25px;
font-family: 'Myriad Regular';
}
footer .information-block .about-us .fi-aboutus-content .bottom>div {
margin-bottom: 8px;
font-family: 'Myriad Regular';
}
footer .information-block .about-us .fi-aboutus-content .bottom>div i {
padding-right: 20px
}
footer .information-block .about-us .fi-aboutus-content .bottom .email {
font-style: italic;
font-family: Bitter
}
footer .information-block .instagram_feed #instafeed {
margin-left: -30px;
padding-top: 6px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
footer .information-block .instagram_feed #instafeed .instafeed-icon {
display: none
}
footer .information-block .instagram_feed #instafeed a {
width: 33.33%;
padding-left: 30px;
margin-bottom: 30px;
display: block
}
@media (min-width: 1200px) {
footer .information-block .instagram_feed #instafeed a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
}
footer .information-block .information-inner {
margin-left: -15px;
margin-right: -15px
}
@media (max-width: 991px) {
footer .information-block .information-inner .footer-block01 {
margin-bottom: 30px;
width: 100%
}
footer .information-block .information-inner .footer-block02, footer .information-block .information-inner .footer-block03 {
width: 50%;
float: left
}
}
@media (max-width: 420px) {
footer .information-block .information-inner .footer-block02 {
margin-bottom: 30px
}
footer .information-block .information-inner .footer-block02, footer .information-block .information-inner .footer-block03 {
width: 100%
}
}
footer .copy-right {
background-color: #000
}
footer .copy-right .copy-right-inner {
padding: 30px 0;
width: 100%;
float: left;
color: #fff
}
footer .copy-right .copy-right-inner a, footer .copy-right .copy-right-inner span {
color: #fff;
font-weight: 400
}
footer .copy-right .copy-right-inner>div.copy-right-left {
float: left
}
footer .copy-right .copy-right-inner>div.copy-right-right {
float: right
}
@media (max-width: 1199px) {
footer .copy-right .copy-right-inner .footer_social, footer .copy-right .copy-right-inner .copy-right-left, footer .copy-right .copy-right-inner .copy-right-right {
width: 100%;
text-align: center
}
footer .copy-right .copy-right-inner .footer_links {
margin-bottom: 20px
}
footer .copy-right .copy-right-inner .footer_copyright {
margin-bottom: 20px
}
footer .copy-right .copy-right-inner .footer_social {
margin-top: 0
}
}
footer .copy-right .footer_links ul {
margin: 0;
list-style: none
}
footer .copy-right .footer_links ul li {
display: inline-block;
*display:block;
zoom: 1;
padding: 0 15px;
position: relative
}
footer .copy-right .footer_links ul li a {
color: #fff;
font-size: 12px;
font-style: italic;
font-family: Bitter;
letter-spacing: 1px
}
@media (min-width: 1200px) {
footer .copy-right .footer_links ul li a:hover {
color: #8a8a8a
}
}
footer .copy-right .footer_links ul li i {
color: #fff;
position: absolute;
top: 0;
right: 0;
margin-right: -3px
}
footer .copy-right .footer_links ul li:first-child {
padding-left: 0
}
footer .copy-right .footer_links ul li:last-child i {
display: none;
padding-right: 0
}
footer .copy-right .footer_copyright {
font-size: 12px
}
footer .copy-right .left-area {
text-align: left;
float: left
}
footer .copy-right .right-area {
float: right
}
@media (max-width: 1199px) {
footer .copy-right .left-area, footer .copy-right .right-area {
width: 100%;
text-align: center
}
}
@media (max-width: 767px) {
footer .copy-right {
text-align: center
}
}
footer .footer_social {
text-align: left;
margin-top: 12px
}
footer .footer_social a {
display: inline-block;
*display:block;
zoom: 1
}
footer .footer_social a .fa {
color: #fff;
font-size: 25px;
margin-left: 15px
}
@media (min-width: 1200px) {
footer .footer_social a .fa:hover {
color: #c7bebe
}
}
footer .footer_social a:first-child .fa {
margin-left: 0
}
@media (max-width: 1199px) {
footer .footer_social .footer_social {
text-align: center
}
}
.sidebar-title {
position: relative;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
padding-bottom: 12px;
margin-bottom: 30px;
margin-top: 0;
color: #222
}
.sidebar-title:before {
position: absolute;
top: 100%;
left: 0;
content: '';
width: 45px;
height: 2px;
background-color: #c79b47;
}
.sidebar-content ul {
list-style: none
}
.sidebar-content ul li {
margin-bottom: 22px
}
.sidebar-content ul li.active a {
color: #a7a4a4
}
.sidebar-content span, .sidebar-content a {
letter-spacing: 1px;
color: #FFFFFF;
font-weight: 400;
font-size: 14px
}
@media (min-width: 1200px) {
.sidebar-content span:hover, .sidebar-content a:hover {
color: #dab93b;
}
}
@media (min-width: 1200px) {
._hover_banner, html body #home_groupbottomblocks .groupbottomblocks_blog .blog_image a, html body #home_groupbottomblocks .styleguide-action, html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item a.homeblog-img, html body .sidebar .sidebar-content .sidebar_banner a {
position: relative
}
._hover_banner:before, html body #home_groupbottomblocks .groupbottomblocks_blog .blog_image a:before, html body #home_groupbottomblocks .styleguide-action:before, html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item a.homeblog-img:before, html body .sidebar .sidebar-content .sidebar_banner a:before {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
background: rgba(0,0,0,0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 50%;
opacity: 0;
position: absolute;
top: 0;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
width: 0
}
._hover_banner:after, html body #home_groupbottomblocks .groupbottomblocks_blog .blog_image a:after, html body #home_groupbottomblocks .styleguide-action:after, html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item a.homeblog-img:after, html body .sidebar .sidebar-content .sidebar_banner a:after {
background: rgba(255,255,255,0.3) none repeat scroll 0 0;
border-radius: 100%;
bottom: 0;
text-align: center;
box-shadow: 0 0 0 8px rgba(246,249,250,0.42);
color: #fff;
content: "\f0c1";
font-family: "FontAwesome";
font-size: 20px;
height: 50px;
left: 0;
line-height: 50px;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-ms-transform: scale(2, 2);
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
width: 50px;
z-index: 2
}
._hover_banner:hover:after, html body #home_groupbottomblocks .groupbottomblocks_blog .blog_image a:hover:after, html body #home_groupbottomblocks .styleguide-action:hover:after, html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item a.homeblog-img:hover:after, html body .sidebar .sidebar-content .sidebar_banner a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)";
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
._hover_banner:hover:before, html body #home_groupbottomblocks .groupbottomblocks_blog .blog_image a:hover:before, html body #home_groupbottomblocks .styleguide-action:hover:before, html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item a.homeblog-img:hover:before, html body .sidebar .sidebar-content .sidebar_banner a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)";
left: 0;
width: 100%
}
._zoombanner {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease
}
._zoombanner_hover {
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2)
}
}
html {
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased
}
html body {
font-size: 14px;
font-weight: 500;
letter-spacing: 1px
}
html body .home-title, html body #customer_review .spr-header-title {
padding-bottom: 45px;
position: relative;
z-index: 0;
letter-spacing: 2px;
font-size: 24px
}
html body .home-title h4, html body #customer_review .spr-header-title h4 {
margin: 0;
text-align: center;
font-weight: bold;
font-size: 39px;
color: #000;
font-family: 'Georgia';
}
html body .home-title:after, html body #customer_review .spr-header-title:after, html body .home-title:before, html body #customer_review .spr-header-title:before {
position: absolute;
bottom: 0%;
left: 50%;
content: ''
}
html body .home-title:before, html body #customer_review .spr-header-title:before {
width: 95px;
height: 1px;
margin-left: -47.5px;
margin-bottom: 40px;
background-color: #848484
}
html body .home-title:after, html body #customer_review .spr-header-title:after {
width: 15px;
height: 15px;
margin-bottom: 33px;
margin-left: -7.5px;
background-color: #fff;
background-size: 100%;
border: 1px solid #848484
}
html body.index-template .home-title h4, html body.index-template #customer_review .spr-header-title h4 {
color: #fff
}
html body.index-template .home-title:after, html body.index-template #customer_review .spr-header-title:after {
display: none
}
html body.index-template .home-title:before, html body.index-template #customer_review .spr-header-title:before {
background-color: transparent;
background-image: url(../../../../../../../../../../../../cdn.shopify.com/s/files/1/1286/1471/t/2/assets/home_line8ab1.png?13332331232872762995);
background-position: center center;
background-repeat: no-repeat;
height: 19px;
margin-top: 0px;
margin-bottom: 30px
}
html body .product {
overflow: hidden;
position: relative;
margin-bottom: 30px
}
html body .product .product-price, html body .product .sale_banner {
padding-left: 15px;
padding-right: 15px;
height: 30px;
line-height: 30px;
font-size: 12px;
background-color: #222;
color: #fff;
text-transform: uppercase
}
html body .product .product-price {
font-family: proxima-nova;
font-size: 12px;
background-color: #fff
}
html body .product .product-price .price, html body .product .product-price .price_sale {
color: #000
}
html body .product .product-price .price_compare {
color: #848484;
padding-left: 10px
}
html body .product .product-title {
margin-bottom: 15px
}
html body .product .product-title a {
line-height: 1.2em;
display: inline-block;
*display:block;
zoom: 1;
color: #FFFFFF;
font-size: 20px
}
@media (min-width: 1200px) {
html body .product .product-title a:hover {
color: #FFFFFF
}
}
html body .product .rating-star {
margin-bottom: 20px
}
html body .product .quickview-wishlist-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center;
list-style: none
}
@media (max-width: 767px) {
html body .product .quickview-wishlist-wrapper {
display: none
}
}
html body .product .quickview-wishlist-wrapper li {
text-align: center;
margin-bottom: 0;
margin-left: 1px;
cursor: pointer
}
html body .product .quickview-wishlist-wrapper li a, html body .product .quickview-wishlist-wrapper li button {
display: block;
width: 43px;
height: 43px;
border-width: 1px;
border-style: solid
}
html body .product .quickview-wishlist-wrapper li a .fa, html body .product .quickview-wishlist-wrapper li button .fa {
line-height: 41px
}
html body .product .quickview-wishlist-wrapper li button:focus {
outline: none
}
html body .product .quickview-wishlist-wrapper li a {
color: #fff;
background-color: #000;
border-color: #000
}
html body .product .quickview-wishlist-wrapper li .wish-list {
color: #fff;
background-color: #000;
border-color: #000
}
html body .product .quickview-wishlist-wrapper li .wish-list.wl-added {
background-color: #fff;
color: #848484;
border-color: #ececec
}
@media (min-width: 1200px) {
html body .product .quickview-wishlist-wrapper li:hover a {
color: #848484;
background-color: #fff;
border-color: #ececec
}
html body .product .quickview-wishlist-wrapper li:hover .wish-list {
border-color: #ececec;
background-color: #fff;
color: #848484
}
html body .product .quickview-wishlist-wrapper li:hover .wish-list.wl-added {
background-color: #000;
color: #fff;
border-color: #000
}
}
html body .product .btn, html body .product .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .product button, html body .product .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .product #view_address, html body .product .address_table .add-new-address, html body .address_table .product .add-new-address, html body .product .group-form-address .add-new-address, html body .group-form-address .product .add-new-address {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 43px;
color: #000;
background-color: #fff;
border: 1px solid #000
}
html body .product .btn .fa, html body .product .product-detail-content #product-information .add-to-wishlist button .fa, html body .product-detail-content #product-information .add-to-wishlist .product button .fa, html body .product .account-content #customer-account #customer_sidebar #view_address .fa, html body .account-content #customer-account #customer_sidebar .product #view_address .fa, html body .product .address_table .add-new-address .fa, html body .address_table .product .add-new-address .fa, html body .product .group-form-address .add-new-address .fa, html body .group-form-address .product .add-new-address .fa {
line-height: 41px;
margin-left: 0 !important;
margin-right: 5px
}
@media (min-width: 1200px) {
html body .product .btn:hover, html body .product .product-detail-content #product-information .add-to-wishlist button:hover, html body .product-detail-content #product-information .add-to-wishlist .product button:hover, html body .product .account-content #customer-account #customer_sidebar #view_address:hover, html body .account-content #customer-account #customer_sidebar .product #view_address:hover, html body .product .address_table .add-new-address:hover, html body .address_table .product .add-new-address:hover, html body .product .group-form-address .add-new-address:hover, html body .group-form-address .product .add-new-address:hover {
color: #fff;
background-color: #000;
border: 1px solid #000
}
}
html body .product .row-right {
position: absolute;
bottom: 30px;
right: 30px;
padding: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
html body .product .row-left {
overflow: hidden
}
html body .product .row-left .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff38;
border: 3px solid white;
}
@media (min-width: 1200px) {
html body .product .row-left .mask {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)";
transition: all 800ms ease;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-o-transition: all 800ms ease
}
}
@media (max-width: 1199px) {
html body .product .row-left .mask {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"
}
}
html body .product .hover-mask {
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 20px
}
@media (min-width: 1200px) {
html body .product .hover-mask {
left: 100%;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
}
@media (max-width: 1199px) {
html body .product .hover-mask {
left: 0
}
}
html body .product .hover-mask .group-mask .inner-mask {
text-align: center
}
html body .product .hover-mask .group-actionbutton {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center
}
@media (min-width: 1200px) {
html body .product .row-right {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
html body .product:hover .row-right {
right: -100%
}
html body .product:hover .row-left .mask {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)"
}
html body .product:hover .hover-mask {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
left: 0
}
}
@media (max-width: 1199px) {
html body .product .row-right {
top: 30px
}
html body .product .hover-mask {
position: relative;
padding-bottom: 0
}
}
html body .main-slideshow {
width: 100%;
float: left;
margin-bottom: 100px
}
@media (max-width: 767px) {
html body .main-slideshow {
margin-bottom: 15px
}
}
html body .main-slideshow .home-slideshow {
position: relative;
overflow: hidden
}
html body .main-slideshow .slides li .caption {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
html body .main-slideshow .slides li .caption .slide-caption .title_bold, html body .main-slideshow .slides li .caption .slide-caption .title {
display: block;
color: #fff;
font-family: 'Georgia';
}
html body .main-slideshow .slides li .caption .slide-caption .content {
font-size: 14px;
color: #fff;
margin-bottom: 60px;
display: block
}
html body .main-slideshow .slides li .caption .btn, html body .main-slideshow .slides li .caption .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .slides li .caption button, html body .main-slideshow .slides li .caption .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .main-slideshow .slides li .caption #view_address, html body .main-slideshow .slides li .caption .address_table .add-new-address, html body .address_table .main-slideshow .slides li .caption .add-new-address, html body .main-slideshow .slides li .caption .group-form-address .add-new-address, html body .group-form-address .main-slideshow .slides li .caption .add-new-address {
display: inline-block;
*display:block;
zoom: 1;
padding: 20px 50px
}
html body .main-slideshow .flex-control-paging {
display: none !important;
position: absolute;
text-align: center;
bottom: 32px;
width: 100%;
left: 0;
z-index: 2
}
html body .main-slideshow .flex-control-paging li {
margin: 0 6px;
display: inline-block;
*display:block;
zoom: 1
}
html body .main-slideshow .flex-control-paging li a {
width: 15px;
height: 15px;
display: block;
border: 1px solid #cccccc;
background-color: #cccccc;
text-indent: -20px;
overflow: hidden;
border-radius: 50%
}
html body .main-slideshow .flex-control-paging li a.flex-active {
border: 1px solid #454545;
background-color: transparent;
cursor: default
}
@media (min-width: 1200px) {
html body .main-slideshow .flex-control-paging li a:hover {
cursor: pointer;
border: 1px solid #454545;
background-color: transparent
}
}
@media (max-width: 540px) {
html body .main-slideshow .flex-control-paging {
bottom: 15px
}
}
@media (max-width: 420px) {
html body .main-slideshow .flex-control-paging {
bottom: 10px
}
}
html body .main-slideshow .flex-direction-nav>li .flex-next, html body .main-slideshow .flex-direction-nav>li .flex-prev {
position: absolute;
top: 50%;
z-index: 2;
height: 78px;
width: 78px;
margin-top: -25px;
background-image: none !important;
background-color: transparent
}
html body .main-slideshow .flex-direction-nav>li .flex-next .fa, html body .main-slideshow .flex-direction-nav>li .flex-prev .fa {
line-height: 74px;
font-size: 20px
}
html body .main-slideshow .flex-direction-nav>li .flex-next {
right: 15px
}
html body .main-slideshow .flex-direction-nav>li .flex-prev {
left: 15px
}
@media (max-width: 1199px) {
html body .main-slideshow .flex-direction-nav>li .flex-next, html body .main-slideshow .flex-direction-nav>li .flex-prev {
height: 50px;
width: 50px;
margin-top: -25px
}
html body .main-slideshow .flex-direction-nav>li .flex-next .fa, html body .main-slideshow .flex-direction-nav>li .flex-prev .fa {
line-height: 48px;
font-size: 14px
}
}
@media (max-width: 600px) {
html body .main-slideshow .flex-direction-nav>li .flex-next, html body .main-slideshow .flex-direction-nav>li .flex-prev {
height: 30px;
width: 30px;
margin-top: -15px
}
html body .main-slideshow .flex-direction-nav>li .flex-next .fa, html body .main-slideshow .flex-direction-nav>li .flex-prev .fa {
line-height: 28px;
font-size: 10px
}
}
html body .main-slideshow .caption .title {
font-size: 24px;
font-family: Bitter;
font-style: italic;
margin-bottom: 10px;
line-height: 1em
}
html body .main-slideshow .caption .title_bold {
line-height: 1em;
font-size: 60px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 40px
}
html body .main-slideshow .caption .container {
padding: 0
}
html body .main-slideshow .caption.position-left {
text-align: left
}
html body .main-slideshow .caption.position-left .container>p {
padding-right: 50%;
padding-left: 0px
}
html body .main-slideshow .caption.position-right {
text-align: right
}
html body .main-slideshow .caption.position-right .container>p {
padding-left: 50%;
padding-right: 0px
}
html body .main-slideshow .caption.position-middle {
margin-top: 40px;
left: 0 !important;
text-align: center
}
html body .main-slideshow .caption.position-middle .container>p {
padding-right: 20%;
padding-left: 20%
}
@media (max-width: 1360px) {
html body .main-slideshow .caption.position-left .container>p {
padding-left: 100px;
padding-right: 60%
}
html body .main-slideshow .caption.position-right .container>p {
padding-right: 100px;
padding-left: 60%
}
html body .main-slideshow .caption .flex-action {
padding-right: 100px;
padding-left: 100px
}
html body .main-slideshow .caption .title_bold {
margin-bottom: 20px
}
}
@media (max-width: 1199px) {
html body .main-slideshow .caption .title {
font-size: 16px
}
html body .main-slideshow .caption .title_bold {
font-size: 40px
}
html body .main-slideshow .caption .content {
font-size: 12px !important;
margin-bottom: 30px !important
}
}
@media (max-width: 991px) {
html body .main-slideshow .caption.position-left .container>p {
padding-right: 50%
}
html body .main-slideshow .caption.position-right .container>p {
padding-left: 50%
}
html body .main-slideshow .caption .title_bold {
font-size: 30px
}
}
@media (max-width: 767px) {
html body .main-slideshow .caption .title {
font-size: 14px
}
html body .main-slideshow .caption .title_bold {
font-size: 20px
}
html body .main-slideshow .caption .content {
display: none !important
}
html body .main-slideshow .caption .btn, html body .main-slideshow .caption .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .main-slideshow .caption button, html body .main-slideshow .caption .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .main-slideshow .caption #view_address, html body .main-slideshow .caption .address_table .add-new-address, html body .address_table .main-slideshow .caption .add-new-address, html body .main-slideshow .caption .group-form-address .add-new-address, html body .group-form-address .main-slideshow .caption .add-new-address {
padding: 10px 30px !important
}
}
@media (max-width: 600px) {
html body .main-slideshow .caption.position-middle {
margin-top: 30px
}
}
@media (max-width: 460px) {
html body .main-slideshow .caption .title {
font-size: 10px
}
html body .main-slideshow .caption .title_bold {
font-size: 14px
}
}
@media (max-width: 420px) {
html body .main-slideshow .caption.position-left .container>p {
padding-left: 60px;
padding-right: 60px
}
html body .main-slideshow .caption.position-right .container>p {
padding-right: 60px;
padding-left: 60px
}
html body .main-slideshow .caption.position-middle {
margin-top: 25px
}
html body .main-slideshow .caption .flex-action {
padding-right: 60px;
padding-left: 60px
}
html body .main-slideshow .caption .content {
text-transform: capitalize !important
}
}
@media (max-width: 380px) {
html body .main-slideshow .caption .content {
line-height: 10px !important;
display: block;
margin-top: 5px
}
}
html body #home_topbanner {
width: 100%;
float: left;
margin-bottom: 100px
}
html body #home_topbanner .group_banner {
position: relative
}
html body #home_topbanner .home_topbanner_content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 25px
}
html body #home_topbanner .home_topbanner_content span {
text-transform: uppercase;
font-size: 18px;
background-color: #222;
font-weight: bold;
display: block;
padding: 15px 20px;
color: #FFFFFF;
font-family: 'Georgia';
}
@media (max-width: 1199px) {
html body #home_topbanner .home_topbanner_content {
padding: 15px
}
html body #home_topbanner .home_topbanner_content span {
padding: 10px 20px;
font-size: 14px;
letter-spacing: 1px
}
}
@media (max-width: 991px) {
html body #home_topbanner .home_topbanner_content span {
padding: 10px 15px;
font-size: 12px;
letter-spacing: 0
}
}
@media (max-width: 767px) {
html body #home_topbanner .home_topbanner_content span {
font-size: 12px;
text-transform: capitalize
}
}
@media (max-width: 680px) {
html body #home_topbanner .home_topbanner_content {
position: relative;
padding: 0
}
html body #home_topbanner .home_topbanner_content span {
background-color: transparent;
color: #fff;
padding: 0;
margin-top: 15px
}
}
html body #home_topbanner .home_topbanner_left {
float: left;
width: 60%;
text-align: center
}
html body #home_topbanner .home_topbanner_left .home_topbanner_action {
color: #222;
font-weight: 600
}
html body #home_topbanner .home_topbanner_left .home_topbanner_action .fa {
color: #222;
margin-left: 5px
}
@media (min-width: 1200px) {
html body #home_topbanner .home_topbanner_left .home_topbanner_action:hover {
color: #ccc
}
html body #home_topbanner .home_topbanner_left .home_topbanner_action:hover .fa {
color: #ccc
}
}
@media (max-width: 991px) {
html body #home_topbanner .home_topbanner_left {
width: 100%;
margin-bottom: 20px
}
}
html body #home_topbanner .home_topbanner_right {
float: right;
padding: 0 15px;
width: 40%
}
@media (max-width: 991px) {
html body #home_topbanner .home_topbanner_right {
width: 100%
}
}
html body #home_topbanner .caption_banner .title {
font-size: 30px;
display: block;
color: #222;
line-height: 1em;
margin-bottom: 10px
}
html body #home_topbanner .caption_banner .title .title_bold {
font-weight: 600
}
@media (max-width: 1199px) {
html body #home_topbanner .caption_banner .title {
font-size: 24px
}
}
html body #home_topbanner .caption_banner .content {
color: #848484;
line-height: 1.7em;
margin-bottom: 10px;
display: block
}
@media (max-width: 640px) {
html body #home_topbanner .caption_banner .title {
font-size: 20px
}
}
@media (max-width: 540px) {
html body #home_topbanner .caption_banner .title {
font-size: 17px
}
}
html body #home_topbanner .home_topbanner_inner {
float: none;
clear: both;
margin-left: -15px;
margin-right: -15px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center
}
@media (max-width: 767px) {
html body #home_topbanner .home_topbanner_inner>div {
width: 33.33%
}
}
@media (max-width: 480px) {
html body #home_topbanner .home_topbanner_inner>div {
width: 50%;
margin-bottom: 40px
}
}
@media (max-width: 380px) {
html body #home_topbanner .home_topbanner_inner>div {
width: 100%
}
}
@media (max-width: 767px) {
html body #home_topbanner {
margin-bottom: 30px
}
}
html body #home_featuredproduct_layout, html body #home_newarrival_layout {
width: 100%;
float: left
}
html body #home_featuredproduct_layout .home-content, html body #home_newarrival_layout .home-content {
margin-left: -15px;
margin-right: -15px
}
html body #home_featuredproduct_layout .product-item-wrapper, html body #home_newarrival_layout .product-item-wrapper {
padding-left: 15px;
padding-right: 15px;
width: 20%
}
html body #home_featuredproduct_layout .product, html body #home_newarrival_layout .product {
margin-bottom: 0
}
html body #home_featuredproduct_layout .owl-buttons>div, html body #home_newarrival_layout .owl-buttons>div {
width: 30px;
height: 30px;
position: absolute;
margin-top: -15px;
top: 50%
}
html body #home_featuredproduct_layout .owl-buttons>div .fa, html body #home_newarrival_layout .owl-buttons>div .fa {
line-height: 28px
}
html body #home_featuredproduct_layout .owl-buttons>div.owl-prev, html body #home_newarrival_layout .owl-buttons>div.owl-prev {
left: 15px
}
html body #home_featuredproduct_layout .owl-buttons>div.owl-next, html body #home_newarrival_layout .owl-buttons>div.owl-next {
right: 15px
}
@media (max-width: 1600px) {
html body #home_featuredproduct_layout .product-item-wrapper, html body #home_newarrival_layout .product-item-wrapper {
width: 25%
}
}
@media (max-width: 1199px) {
html body #home_featuredproduct_layout .product-item-wrapper, html body #home_newarrival_layout .product-item-wrapper {
width: 33.33%
}
}
@media (max-width: 767px) {
html body #home_featuredproduct_layout .product-item-wrapper, html body #home_newarrival_layout .product-item-wrapper {
width: 50%
}
}
@media (max-width: 640px) {
html body #home_featuredproduct_layout .product .row-right, html body #home_newarrival_layout .product .row-right {
right: 15px;
top: 15px
}
}
@media (max-width: 580px) {
html body #home_featuredproduct_layout .product .row-right, html body #home_newarrival_layout .product .row-right {
right: 0px;
top: 0px
}
}
@media (max-width: 540px) {
html body #home_featuredproduct_layout .product-item-wrapper, html body #home_newarrival_layout .product-item-wrapper {
width: 100%
}
html body #home_featuredproduct_layout .product .product-group, html body #home_newarrival_layout .product .product-group {
padding: 0
}
html body #home_featuredproduct_layout .product .row-right, html body #home_newarrival_layout .product .row-right {
right: 30px;
top: 30px
}
}
@media (max-width: 360px) {
html body #home_featuredproduct_layout .product-item-wrapper, html body #home_newarrival_layout .product-item-wrapper {
width: 100%
}
}
html body #home_featuredproduct_layout {
margin-bottom: 90px
}
html body #home_newarrival_layout {
margin-bottom: 100px
}
@media (max-width: 767px) {
html body #home_newarrival_layout {
margin-bottom: 40px
}
}
html body #home_support_layout {
float: none;
clear: both;
margin-bottom: 85px
}
html body #home_support_layout .home_support_inner {
margin-left: -15px;
margin-right: -15px;
color: #fff;
text-transform: uppercase
}
html body #home_support_layout .home_support_inner>div img {
padding-right: 10px
}
html body #home_support_layout .home_support_inner>div>div {
display: inline-block;
*display:block;
zoom: 1;
vertical-align: middle;
letter-spacing: 1px;
font-weight: bold;
line-height: 1.2em
}
html body #home_support_layout .home_support_inner>div>div.left {
width: 110px;
height: 60px
}
html body #home_support_layout .home_support_inner>div>div.right {
line-height: 60px;
font-size: 30px;
font-weight: 600;
letter-spacing: 2px
}
@media (max-width: 1199px) {
html body #home_support_layout .home_support_inner>div>div.right {
font-size: 20px
}
}
@media (max-width: 991px) {
html body #home_support_layout .home_support_inner>div>div.right {
line-height: 1em
}
}
@media (max-width: 991px) {
html body #home_support_layout .home_support_inner>div {
text-align: center
}
html body #home_support_layout .home_support_inner>div .left {
width: auto !important
}
html body #home_support_layout .home_support_inner>div .right {
width: 100%
}
}
@media (max-width: 767px) {
html body #home_support_layout .home_support_inner>div {
margin-bottom: 40px
}
}
html body #home_saleup_layout {
float: none;
clear: both;
margin-bottom: 95px
}
html body #home_saleup_layout .home_saleup_inner {
position: relative
}
html body #home_saleup_layout .home_saleup_inner .home_saleup_content {
text-align: center;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
color: #fff
}
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .content, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .title {
display: block
}
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .title {
font-size: 18px;
font-family: Bitter;
font-style: italic;
margin-bottom: 5px
}
@media (max-width: 991px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .title {
font-size: 12px
}
}
@media (max-width: 480px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .title {
font-size: 10px
}
}
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .content {
font-size: 48px;
line-height: 1em;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 40px;
font-family: 'Georgia';
}
@media (max-width: 991px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .content {
font-size: 20px;
margin-bottom: 10px
}
}
@media (max-width: 767px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .content {
font-size: 10px;
margin-bottom: 5px
}
}
@media (max-width: 991px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address {
height: 40px;
width: 148px;
line-height: 36px
}
}
@media (max-width: 480px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_content .btn, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #home_saleup_layout .home_saleup_inner .home_saleup_content button, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #home_saleup_layout .home_saleup_inner .home_saleup_content #view_address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .address_table .add-new-address, html body .address_table #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address, html body #home_saleup_layout .home_saleup_inner .home_saleup_content .group-form-address .add-new-address, html body .group-form-address #home_saleup_layout .home_saleup_inner .home_saleup_content .add-new-address {
background-color: transparent;
color: #fff;
font-size: 8px;
height: 0px;
line-height: 0;
padding: 0;
border: 0
}
}
html body #home_saleup_layout .home_saleup_inner .home_saleup_image {
overflow: hidden
}
@media (min-width: 1200px) {
html body #home_saleup_layout .home_saleup_inner .home_saleup_image img {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
html body #home_saleup_layout .home_saleup_inner .home_saleup_image:hover img {
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2)
}
}
@media (max-width: 767px) {
html body #home_saleup_layout {
margin-bottom: 40px
}
}
html body #home_groupbottomblocks {
width: 100%;
float: left
}
html body #home_groupbottomblocks .home_groupbottomblocks_inner {
margin-left: -15px;
margin-right: -15px
}
html body #home_groupbottomblocks .home_groupbottomblocks_inner>div {
margin-bottom: 65px
}
@media (max-width: 991px) {
html body #home_groupbottomblocks .home_groupbottomblocks_inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
html body #home_groupbottomblocks .home_groupbottomblocks_inner>div {
width: 50%
}
}
@media (max-width: 420px) {
html body #home_groupbottomblocks .home_groupbottomblocks_inner>div {
width: 100%
}
}
html body #home_groupbottomblocks .groupbottomblocks-title {
margin-bottom: 25px;
letter-spacing: 2px
}
html body #home_groupbottomblocks .groupbottomblocks-title h4 {
margin: 0
}
html body #home_groupbottomblocks .groupbottomblocks-title h4, html body #home_groupbottomblocks .groupbottomblocks-title h4 a {
color: #222;
font-weight: 600
}
html body #home_groupbottomblocks .groupbottomblocks-content {
color: #848484;
margin-bottom: 45px
}
html body #home_groupbottomblocks .groupbottomblocks_blog .blog_image a {
display: block;
margin-bottom: 15px
}
html body #home_groupbottomblocks .groupbottomblocks_blog .blog-title {
margin-bottom: 10px
}
html body #home_groupbottomblocks .groupbottomblocks_blog .blog-title a {
color: #222;
font-family: Bitter;
font-size: 14px;
font-style: italic;
letter-spacing: 0.5px
}
html body #home_groupbottomblocks .groupbottomblocks_blog .blog-content {
padding: 0;
font-size: 12px
}
html body #home_groupbottomblocks .groupbottomblocks_blog .blog-content li {
margin-right: 10px;
display: inline-block;
*display:block;
zoom: 1
}
html body #home_groupbottomblocks .groupbottomblocks_blog .blog-content li .fa {
margin-right: 5px
}
html body #home_groupbottomblocks .video {
display: block !important;
margin-bottom: 15px
}
html body #home_groupbottomblocks .newsletter-content .input-group {
border: 1px solid #ececec
}
html body #home_groupbottomblocks .newsletter-content .form-control {
border: 0;
border-radius: 0;
box-shadow: none;
height: 38px !important
}
html body #home_groupbottomblocks .newsletter-content .input-group-addon {
border: 0;
background: none
}
html body #home_groupbottomblocks .newsletter-content button {
border: 0;
background: none
}
html body #home_groupbottomblocks .styleguide-action {
display: block;
margin-bottom: 17px
}
html body .homeblog-block .homeblog_inner {
width: 100%;
float: left
}
html body .homeblog-block .homeblog_inner .homeblog-content {
margin-left: -3px;
margin-right: -3px
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item {
padding: 0 3px;
margin-bottom: 70px
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item a.homeblog-img {
display: block;
margin-bottom: 27px
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .homeblog-group {
font-size: 10px;
margin-bottom: 3px;
padding: 0 10px;
text-transform: uppercase;
color: #767676;
display: inline-block;
*display:block;
zoom: 1
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .homeblog-title {
margin-bottom: 20px;
padding: 0 10px
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .homeblog-title a {
color: #222;
font-family: proxima-nova;
font-size: 14px;
font-style: italic;
letter-spacing: 0.5px
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .homeblog-desc {
margin-bottom: 30px;
padding: 0 10px;
font-size: 14px;
color: #848484;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 1.5em
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .blog-meta {
padding: 0 10px;
font-size: 12px
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .blog-meta li {
margin-right: 20px;
display: inline-block;
*display:block;
zoom: 1
}
html body .homeblog-block .homeblog_inner .homeblog-content .homeblog-item .blog-meta li .fa {
margin-right: 5px
}
html body .testimonial-block .testimonial-inner {
background-color: #f0f1f5
}
html body .testimonial-block .home-title, html body .testimonial-block #customer_review .spr-header-title, html body #customer_review .testimonial-block .spr-header-title {
width: 100%;
text-align: center;
padding-left: 20px;
padding-right: 20px;
position: absolute;
left: 0;
top: 100px
}
html body .testimonial-block .home-title:before, html body .testimonial-block #customer_review .spr-header-title:before, html body #customer_review .testimonial-block .spr-header-title:before {
margin-top: 26px !important
}
html body .testimonial-block .home-title:after, html body .testimonial-block #customer_review .spr-header-title:after, html body #customer_review .testimonial-block .spr-header-title:after {
background-color: #f0f1f5 !important;
margin-top: 8px !important;
margin-left: -11px !important
}
html body .testimonial-block .home-title .testimonial-title, html body .testimonial-block #customer_review .spr-header-title .testimonial-title, html body #customer_review .testimonial-block .spr-header-title .testimonial-title {
margin-bottom: 8px
}
html body .testimonial-block .home-title .testimonial-title span, html body .testimonial-block #customer_review .spr-header-title .testimonial-title span, html body #customer_review .testimonial-block .spr-header-title .testimonial-title span {
font-size: 24px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px
}
@media (max-width: 420px) {
html body .testimonial-block .home-title .testimonial-title span, html body .testimonial-block #customer_review .spr-header-title .testimonial-title span, html body #customer_review .testimonial-block .spr-header-title .testimonial-title span {
font-size: 20px
}
}
@media (max-width: 380px) {
html body .testimonial-block .home-title .testimonial-title span, html body .testimonial-block #customer_review .spr-header-title .testimonial-title span, html body #customer_review .testimonial-block .spr-header-title .testimonial-title span {
font-size: 18px
}
}
@media (max-width: 320px) {
html body .testimonial-block .home-title .testimonial-title span, html body .testimonial-block #customer_review .spr-header-title .testimonial-title span, html body #customer_review .testimonial-block .spr-header-title .testimonial-title span {
font-size: 16px
}
}
html body .testimonial-block .home-title .testimonial-subtext, html body .testimonial-block #customer_review .spr-header-title .testimonial-subtext, html body #customer_review .testimonial-block .spr-header-title .testimonial-subtext {
font-family: Bitter;
font-size: 12px;
font-style: italic;
letter-spacing: 1px;
color: #a1a1a1;
margin-bottom: 20px
}
@media (max-width: 420px) {
html body .testimonial-block .home-title .testimonial-subtext, html body .testimonial-block #customer_review .spr-header-title .testimonial-subtext, html body #customer_review .testimonial-block .spr-header-title .testimonial-subtext {
font-size: 10px
}
}
html body .testimonial-block .testimonial-item .testimonial-text {
font-family: Bitter;
font-style: italic;
font-size: 12px;
color: #222;
letter-spacing: 1px;
line-height: 2em;
text-align: center;
margin-bottom: 20px
}
@media (max-width: 1440px) {
html body .testimonial-block .testimonial-item .testimonial-text {
margin-bottom: 15px
}
}
html body .testimonial-block .testimonial-item .testimonial-ad {
text-align: center
}
html body .testimonial-block .testimonial-item .testimonial-ad .testimonial-image {
margin-bottom: 20px
}
@media (max-width: 1440px) {
html body .testimonial-block .testimonial-item .testimonial-ad .testimonial-image {
margin-bottom: 15px
}
}
html body .testimonial-block .testimonial-item .testimonial-ad .testimonial-info {
font-size: 12px
}
html body .testimonial-block .testimonial-item .testimonial-ad .testimonial-info .name {
font-weight: 600;
margin-bottom: 0
}
html body .testimonial-block .testimonial-item .testimonial-ad .testimonial-info .job {
font-family: proxima-nova;
font-style: italic;
font-weight: 500
}
html body .testimonial-block .owl-controls .owl-next, html body .testimonial-block .owl-controls .owl-prev {
position: absolute;
top: 50%;
color: #222;
font-size: 22px;
font-weight: 500
}
html body .testimonial-block .owl-controls .owl-next {
right: 0;
margin-right: -40px
}
html body .testimonial-block .owl-controls .owl-prev {
left: 0;
margin-left: -40px
}
@media (max-width: 991px) {
html body .testimonial-block .owl-controls .owl-next {
margin-right: -30px
}
html body .testimonial-block .owl-controls .owl-prev {
margin-left: -30px
}
}
html body .testimonial-block .testimonial-content {
height: 500px;
padding-top: 230px
}
@media (max-width: 1680px) {
html body .testimonial-block .testimonial-content {
height: auto;
padding-top: 175px
}
}
@media (max-width: 1440px) {
html body .testimonial-block .testimonial-content {
padding-top: 160px
}
}
html body .sidebar {
padding-left: 0;
padding-right: 30px;
font-size: 14px
}
html body .sidebar .sidebar-block {
width: 100%;
float: left;
/*margin-bottom: 50px*/
}
html body .sidebar .sidebar-block.filter-block .title {
font-size: 20px;
line-height: 1em
}
html body .sidebar .sidebar-block.filter-block .tag-group {
margin-bottom: 20px
}
html body .sidebar .sidebar-block:last-child {
margin-bottom: 100px
}
@media (max-width: 767px) {
html body .sidebar {
padding-right: 0
}
}
html body .product-detail-content {
margin-bottom: 86px
}
html body .product-detail-content .info-detail-pro {
padding: 0;
margin-bottom: 95px
}
html body .product-detail-content #product-image {
padding-left: 0
}
@media (max-width: 991px) {
html body .product-detail-content #product-image {
padding-right: 0
}
}
html body .product-detail-content #product-image #featuted-image {
margin-bottom: 30px
}
html body .product-detail-content #product-image #featuted-image span {
display: block !important
}
html body .product-detail-content #product-image #gallery-images {
overflow: hidden
}
html body .product-detail-content #product-image #gallery-images .gallery-images-inner {
margin-left: -15px;
margin-right: -15px
}
html body .product-detail-content #product-image .owl-item .image {
padding: 0 15px
}
html body .product-detail-content #product-image .owl-buttons>div {
width: 30px;
height: 30px;
position: absolute;
margin-top: -15px;
top: 50%
}
html body .product-detail-content #product-image .owl-buttons>div .fa {
line-height: 28px
}
html body .product-detail-content #product-image .owl-buttons>div.owl-prev {
left: 15px
}
html body .product-detail-content #product-image .owl-buttons>div.owl-next {
right: 15px
}
html body .product-detail-content #product-information {
padding-right: 0;
padding-left: 65px
}
@media (max-width: 991px) {
html body .product-detail-content #product-information {
padding-left: 0;
margin-top: 40px
}
}
html body .product-detail-content #product-information .title {
font-size: 24px;
color: #222;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.3em;
margin-top: -7px;
margin-bottom: 15px
}
html body .product-detail-content #product-information .description {
padding-top: 10px;
font-size: 14px;
font-weight: 400;
color: #848484;
border-bottom: 1px solid #ececec;
letter-spacing: 1px;
line-height: 1.75em;
padding-bottom: 32px;
margin-bottom: 39px
}
html body .product-detail-content #product-information .variants .product-options {
margin-top: 15px;
width: 100%;
float: left;
font-family: 'Myriad Regular';
}
html body .product-detail-content #product-information .variants .product-options .purchase .price {
font-weight: 600;
margin-top: 0;
font-size: 36px
}
@media (max-width: 540px) {
html body .product-detail-content #product-information .variants .product-options .purchase .price {
font-size: 30px
}
}
html body .product-detail-content #product-information .variants .product-options .purchase span.money {
font-weight: 600
}
html body .product-detail-content #product-information .variants .product-options .purchase-section {
border-top: 1px solid #ececec;
width: 100%;
float: left;
margin-top: 35px;
padding-top: 10px
}
html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase {
padding-top: 0;
margin-top: 30px
}
html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase .add-to-cart {
-webkit-box-shadow: none;
box-shadow: none;
height: 58px;
width: 190px;
padding: 0
}
html body .product-detail-content #product-information .variants .product-options .purchase-section .purchase .add-to-cart .fa {
line-height: 56px;
margin-left: 0;
margin-right: 10px
}
html body .product-detail-content #product-information .add-to-wishlist {
margin-bottom: 25px !important
}
html body .product-detail-content #product-information .add-to-wishlist .non-user {
width: 190px;
height: 58px;
line-height: 58px;
font-weight: 500;
padding: 0 15px;
margin: 10px 0;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0;
display: inline-block;
*display:block;
zoom: 1
}
html body .product-detail-content #product-information .add-to-wishlist .non-user i.fa {
margin-right: 5px;
padding: 2px
}
@media (min-width: 1200px) {
html body .product-detail-content #product-information .add-to-wishlist .non-user:hover {
color: #fff;
background-color: #000;
border: 1px solid #000
}
html body .product-detail-content #product-information .add-to-wishlist .non-user:hover .fa {
color: #fff
}
}
html body .product-detail-content #product-information .add-to-wishlist .wish-list {
width: 45px;
height: 45px;
margin: 0;
text-align: center
}
html body .product-detail-content #product-information .add-to-wishlist .wish-list .fa {
margin-right: 0 !important;
padding: 0 !important;
line-height: 43px
}
@media (min-width: 1200px) {
html body .product-detail-content #product-information .add-to-wishlist .wish-list:hover {
background-color: #000 !important;
border: 1px solid #000 !important
}
html body .product-detail-content #product-information .add-to-wishlist .wish-list:hover .fa {
color: #fff !important
}
}
@media (min-width: 1200px) {
html body .product-detail-content #product-information .add-to-wishlist .wish-list.wl-added:hover {
background-color: #fff !important;
border: 1px solid #000 !important
}
html body .product-detail-content #product-information .add-to-wishlist .wish-list.wl-added:hover .fa {
color: #000 !important
}
}
html body .product-detail-content #product-information .add-to-wishlist .btn, html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .product-detail-content #product-information .add-to-wishlist #view_address, html body .product-detail-content #product-information .add-to-wishlist .address_table .add-new-address, html body .address_table .product-detail-content #product-information .add-to-wishlist .add-new-address, html body .product-detail-content #product-information .add-to-wishlist .group-form-address .add-new-address, html body .group-form-address .product-detail-content #product-information .add-to-wishlist .add-new-address {
width: auto !important;
margin: 10px 0
}
html body .product-detail-content #product-information .add-to-wishlist .btn i.fa, html body .product-detail-content #product-information .add-to-wishlist button i.fa, html body .product-detail-content #product-information .add-to-wishlist .account-content #customer-account #customer_sidebar #view_address i.fa, html body .account-content #customer-account #customer_sidebar .product-detail-content #product-information .add-to-wishlist #view_address i.fa, html body .product-detail-content #product-information .add-to-wishlist .address_table .add-new-address i.fa, html body .address_table .product-detail-content #product-information .add-to-wishlist .add-new-address i.fa, html body .product-detail-content #product-information .add-to-wishlist .group-form-address .add-new-address i.fa, html body .group-form-address .product-detail-content #product-information .add-to-wishlist .add-new-address i.fa {
font-size: 14px;
width: 22px;
line-height: 34px
}
html body .product-detail-content #product-information .add-to-wishlist .btn:focus, html body .product-detail-content #product-information .add-to-wishlist button:focus, html body .product-detail-content #product-information .add-to-wishlist .account-content #customer-account #customer_sidebar #view_address:focus, html body .account-content #customer-account #customer_sidebar .product-detail-content #product-information .add-to-wishlist #view_address:focus, html body .product-detail-content #product-information .add-to-wishlist .address_table .add-new-address:focus, html body .address_table .product-detail-content #product-information .add-to-wishlist .add-new-address:focus, html body .product-detail-content #product-information .add-to-wishlist .group-form-address .add-new-address:focus, html body .group-form-address .product-detail-content #product-information .add-to-wishlist .add-new-address:focus {
box-shadow: none
}
html body .product-detail-content #product-information .add-to-wishlist button {
background-color: transparent;
width: 45px !important;
height: 45px;
padding: 0;
margin-top: 10px !important
}
html body .product-detail-content #product-information .add-to-wishlist button .fa {
margin-left: 0;
line-height: 45px !important
}
html body .product-detail-content #product-information .add-to-wishlist>a {
margin: 10px 20px;
display: inline-block;
*display:block;
zoom: 1
}
html body .product-detail-content #product-information .product-detail-tag ul {
margin-left: 0
}
html body .product-detail-content #product-information .product-detail-tag ul .tags span {
text-transform: uppercase;
font-weight: bold
}
html body .product-detail-content #product-information .product-detail-tag ul .tags a {
color: #848484
}
html body .product-detail-content #product-information .review-link {
margin-bottom: 15px;
display: inline-block;
*display:block;
zoom: 1
}
html body .product-detail-content #product-information .review-link a {
text-transform: uppercase;
font-size: 12px;
margin-left: 20px
}
html body .product-detail-content #product-information .rating-star .spr-badge {
display: inline-block;
*display:block;
zoom: 1;
float: left
}
html body .product-detail-content #product-information .product_vendor, html body .product-detail-content #product-information .product_type {
margin-bottom: 0.5em
}
html body .product-detail-content .image a {
display: block;
padding: 1px
}
html body .product-detail-content .image.active a {
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75)
}
html body .product-detail-content .image.active img {
opacity: 0.4;
filter: alpha(opacity=40)
}
@media (min-width: 1200px) {
html body .product-detail-content .image a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
html body .product-detail-content .image:hover a {
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75)
}
html body .product-detail-content .image:hover img {
opacity: 0.4;
filter: alpha(opacity=40)
}
}
html body #tabs-information {
padding: 0 !important;
margin-bottom: 93px
}
html body #tabs-information .tabs-title ul.nav-tabs {
border-bottom: 0;
text-align: center
}
html body #tabs-information .tabs-title ul.nav-tabs li {
float: none;
margin-left: 4px;
margin-right: 4px;
margin-top: 4px;
display: inline-block;
*display:block;
zoom: 1
}
html body #tabs-information .tabs-title ul.nav-tabs li a {
border-radius: 0;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
border-color: #f0f1f5;
color: #222;
background-color: #f0f1f5;
padding-left: 50px;
padding-right: 50px;
padding-top: 16px;
padding-bottom: 16px;
margin-right: 0;
letter-spacing: 1px
}
html body #tabs-information .tabs-title ul.nav-tabs li.active a {
border-color: #222;
color: #fff;
background-color: #222
}
@media (min-width: 1200px) {
html body #tabs-information .tabs-title ul.nav-tabs li:hover a {
border-color: #222;
color: #fff;
background-color: #222
}
}
@media (max-width: 540px) {
html body #tabs-information .tabs-title ul.nav-tabs li {
width: 100%;
margin-left: 0;
margin-right: 0
}
}
@media (max-width: 540px) {
html body #tabs-information .tabs-title {
padding-left: 0;
padding-right: 0
}
}
html body #tabs-information .tabs-content {
padding: 40px 50px;
border: 1px solid #ececec;
color: #848484;
font-weight: 400;
line-height: 1.8em;
letter-spacing: 1px
}
html body #tabs-information .tabs-content p {
margin-bottom: 23px
}
html body .related-products {
padding: 0;
margin-bottom: 80px
}
html body .related-products .group-related {
overflow: hidden;
width: 100%
}
html body .related-products .group-related .group-related-inner {
margin-left: -15px;
margin-right: -15px
}
html body .related-products .group-related .owl-item .product-item {
padding: 0 15px
}
html body .related-products .group-related .owl-item .product-item .product .btn, html body .related-products .group-related .owl-item .product-item .product .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .related-products .group-related .owl-item .product-item .product button, html body .related-products .group-related .owl-item .product-item .product .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .related-products .group-related .owl-item .product-item .product #view_address, html body .related-products .group-related .owl-item .product-item .product .address_table .add-new-address, html body .address_table .related-products .group-related .owl-item .product-item .product .add-new-address, html body .related-products .group-related .owl-item .product-item .product .group-form-address .add-new-address, html body .group-form-address .related-products .group-related .owl-item .product-item .product .add-new-address {
padding: 12px 15px
}
@media (min-width: 1200px) {
html body .related-products .group-related .owl-item .product-item .product .row-right {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
html body .related-products .group-related .owl-item .product-item .product:hover .row-right {
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0)
}
}
html body .related-products .group-related .owl-buttons>div {
width: 30px;
height: 30px;
position: absolute;
margin-top: -15px;
top: 50%
}
html body .related-products .group-related .owl-buttons>div .fa {
line-height: 28px
}
html body .related-products .group-related .owl-buttons>div.owl-prev {
left: 30px
}
html body .related-products .group-related .owl-buttons>div.owl-next {
right: 30px
}
@media (max-width: 1199px) {
html body .related-products .group-related .product .group-actionbutton form {
margin-bottom: 5px
}
html body .related-products .group-related .product .row-right {
display: none
}
html body .related-products .group-related .product .product-title a {
font-size: 15px
}
}
@media (max-width: 767px) {
html body .related-products .group-related .product .rating-star, html body .related-products .group-related .product .product-title {
margin-bottom: 10px
}
}
html body .related-products .home-title, html body .related-products #customer_review .spr-header-title, html body #customer_review .related-products .spr-header-title {
padding-bottom: 75px;
letter-spacing: 3px;
font-size: 24px
}
html body .related-products .home-title h4, html body .related-products #customer_review .spr-header-title h4, html body #customer_review .related-products .spr-header-title h4 {
font-size: 24px
}
@media (max-width: 540px) {
html body .related-products .home-title h4, html body .related-products #customer_review .spr-header-title h4, html body #customer_review .related-products .spr-header-title h4 {
font-size: 17px
}
}
html body #customer_review {
float: none;
clear: both
}
html body #customer_review .spr-header-title {
text-align: center;
text-transform: uppercase;
font-weight: 600
}
@media (max-width: 540px) {
html body #customer_review .spr-header-title {
font-size: 20px
}
}
html body #customer_review .spr-icon {
font-size: 20px !important
}
html body #customer_review .spr-summary {
text-align: center
}
html body #customer_review .spr-summary-actions a {
float: none
}
html body #customer_review .spr-summary-actions a.spr-summary-actions-newreview {
text-transform: uppercase;
font-weight: 600;
margin-top: 40px;
height: 58px;
width: 190px;
line-height: 58px;
display: inline-block;
*display:block;
zoom: 1;
margin-left: 15px;
margin-right: 15px
}
@media (min-width: 1200px) {
html body #customer_review .spr-summary-actions a:hover {
background-color: #000 !important;
color: #fff !important;
border: 1px solid #000 !important
}
}
html body #customer_review .spr-container {
padding: 0 !important;
border: 0
}
html body #customer_review .spr-content * {
font-weight: 400
}
html body #customer_review .spr-content {
color: #848484;
width: 70%;
font-weight: 400
}
html body #customer_review .spr-content .spr-form {
border: 0
}
html body #customer_review .spr-content .spr-form-title {
margin-bottom: 19px;
display: none
}
html body #customer_review .spr-content label {
letter-spacing: 1px;
font-size: 14px;
margin-bottom: 5px;
font-weight: 500
}
html body #customer_review .spr-content input:not(.btn) {
height: 50px;
border-color: #ececec;
padding-left: 20px;
padding-right: 20px;
-webkit-box-shadow: none;
box-shadow: none
}
html body #customer_review .spr-content textarea {
border-color: #ececec;
padding: 20px;
height: 190px;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 46px
}
html body #customer_review .spr-content .btn, html body #customer_review .spr-content .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #customer_review .spr-content button, html body #customer_review .spr-content .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #customer_review .spr-content #view_address, html body #customer_review .spr-content .address_table .add-new-address, html body .address_table #customer_review .spr-content .add-new-address, html body #customer_review .spr-content .group-form-address .add-new-address, html body .group-form-address #customer_review .spr-content .add-new-address {
float: left;
height: 60px;
font-weight: 600;
padding-left: 30px;
padding-right: 30px
}
@media (max-width: 767px) {
html body #customer_review .spr-content {
width: 100%
}
}
html body #customer_review .spr-form-contact>div {
margin-bottom: 25px
}
html body #home_masonry_layout {
width: 100%;
float: left;
margin-bottom: 3px
}
html body #home_masonry_layout .home-title, html body #home_masonry_layout #customer_review .spr-header-title, html body #customer_review #home_masonry_layout .spr-header-title {
padding-bottom: 40px
}
html body #home_masonry_layout .home-title:before, html body #home_masonry_layout #customer_review .spr-header-title:before, html body #customer_review #home_masonry_layout .spr-header-title:before {
margin-top: 15px
}
html body #home_masonry_layout .home-title:after, html body #home_masonry_layout #customer_review .spr-header-title:after, html body #customer_review #home_masonry_layout .spr-header-title:after {
margin-top: 8px
}
html body #home_masonry_layout .home-tabs-title {
text-align: center;
margin: 0;
border-bottom: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center
}
html body #home_masonry_layout .home-tabs-title li {
float: none;
margin: 0 10px
}
html body #home_masonry_layout .home-tabs-title li a {
font-size: 20px;
font-weight: 600;
font-family: proxima-nova;
color: #848484;
text-transform: uppercase;
letter-spacing: 1px;
border: 0
}
html body #home_masonry_layout .home-tabs-title li a:hover, html body #home_masonry_layout .home-tabs-title li a:focus {
color: #222;
background-color: transparent
}
html body #home_masonry_layout .home-tabs-title li.active a {
color: #222
}
@media (max-width: 540px) {
html body #home_masonry_layout .home-tabs-title li {
margin: 0
}
html body #home_masonry_layout .home-tabs-title li a {
margin: 0;
padding-left: 5px;
padding-right: 5px;
font-size: 15px
}
}
html body #home_masonry_layout .tab-content {
margin-left: -3px;
margin-righ: -3px
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content>div>div {
padding: 3px
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .group_proditems>div:nth-child(1) .row-left {
margin-bottom: 6px
}
@media (max-width: 991px) {
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .group_proditems, html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper {
width: 100%
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper.col-sm-6 {
width: 50%
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper.col-sm-4 {
width: 33.33%
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .group_proditems {
padding: 0
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .group_proditems>.product-item-wrapper {
width: 50%;
float: left;
padding: 3px
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .group_proditems>div:nth-child(1) .row-left {
margin-bottom: 0
}
}
@media (min-width: 601px) and (max-width: 991px) {
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper .row-right {
right: 0;
bottom: 0;
padding: 0 !important
}
}
@media (max-width: 767px) {
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper.col-sm-4 {
width: 50%
}
}
@media (max-width: 599px) {
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper.col-sm-4, html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper.col-sm-6 {
width: 100%
}
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .group_proditems>.product-item-wrapper {
width: 100%
}
}
@media (max-width: 420px) {
html body #home_masonry_layout .tab-content .tab-pane .section-tab-content .product-item-wrapper .row-right {
right: 0;
bottom: 0;
padding: 0 !important
}
}
html body #home_masonry_layout .product {
margin-bottom: 0
}
@media (min-width: 1200px) {
html body #home_masonry_layout .product:hover .row-right {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
}
html body .footer_partner-block .owl-controls {
margin-bottom: 56px;
margin-top: 20px
}
html body .footer_partner-block .owl-controls .owl-pagination {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center
}
html body .footer_partner-block .owl-controls .owl-pagination .owl-page {
margin: 0 5px
}
html body .footer_partner-block .owl-controls .owl-pagination .owl-page span {
width: 12px;
height: 12px;
display: block;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%
}
html body .footer_partner-block .owl-controls .owl-pagination .owl-page.active span {
background-color: #222;
border: 1px solid #222
}
html body .footer_partner-block .footer_partner_inner .logo a {
display: block
}
html body .list-collection-content .products {
margin: 0 -30px !important
}
@media (max-width: 1199px) {
html body .list-collection-content .products {
margin: 0 -15px !important
}
}
html body .list-collection-content .product {
margin-bottom: 40px
}
html body .list-collection-content .product .col-info .title {
color: #222;
font-size: 20px
}
html body .list-collection-content .product .col-info .price {
color: #848484;
font-size: 12px
}
@media (min-width: 1200px) {
html body .list-collection-content {
margin-bottom: 100px
}
}
@media (max-width: 1199px) {
html body .list-collection-content {
margin-bottom: 50px
}
}
@media (max-width: 767px) {
html body .list-collection-content .product {
width: 33.33%
}
}
@media (max-width: 540px) {
html body .list-collection-content .product {
width: 50%
}
}
@media (max-width: 420px) {
html body .list-collection-content .product {
width: 100%
}
}
html body .collection-desc, html body .collection-banner {
margin-bottom: 50px
}
html body #collection .collection-toolbar {
width: 100%;
float: left;
margin-bottom: 50px
}
html body #collection .show-per-page {
/*float: right;*/
position: relative;
margin-bottom: 5px
}
html body #collection .show-per-page #showButton {
height: 40px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0;
border: 1px solid #f0f1f5;
background-color: #fff;
width:100%;
/*margin-left: 15px*/
}
html body #collection .show-per-page #showButton span {
color: #848484;
font-size: 20px
}
html body #collection .show-per-page #showButton .fa {
color: #848484;
margin-left: 92px;
}
html body #collection .show-per-page #showButton:focus {
outline: none
}
html body #collection .show-per-page #showBox {
right: 0;
left: 0;
border-radius: 0;
margin-top: 0;
padding: 15px;
border: 0
}
html body #collection .sortBy {
float: right;
position: relative
}
html body #collection .sortBy #sortBox {
right: 0;
left: auto;
top: 100%;
padding: 15px;
border-radius: 0;
margin-top: 0;
border: 0
}
html body #collection .sortBy #sortButton {
height: 40px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0;
border: 1px solid #f0f1f5;
background-color: #fff;
margin-left: 15px
}
html body #collection .sortBy #sortButton span {
color: #848484;
font-size: 14px
}
html body #collection .sortBy #sortButton .fa {
color: #848484;
margin-left: 5px
}
html body #collection .sortBy #sortButton:focus {
outline: none
}
html body #collection .grid_list {
float: left
}
html body #collection .grid_list ul {
margin-left: 0
}
html body #collection .grid_list ul li {
height: 40px;
width: 40px;
text-align: center;
margin-bottom: 0;
margin-right: 10px;
border-width: 1px;
border-style: solid;
border-color: #222;
background-color: #fff
}
html body #collection .grid_list ul li .fa {
line-height: 40px;
font-size: 18px;
color: #222
}
html body #collection .grid_list ul li:hover {
cursor: pointer
}
html body #collection .grid_list ul li.active {
border-color: #fff;
background-color: #222
}
html body #collection .grid_list ul li.active .fa {
color: #fff
}
@media (min-width: 1200px) {
html body #collection .grid_list ul li {
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease
}
html body #collection .grid_list ul li:hover {
border-color: #fff;
background-color: #222
}
html body #collection .grid_list ul li:hover .fa {
color: #fff
}
}
html body #collection .filter-block {
width: 100%;
float: left
}
html body #collection #tags-filter-content {
width: 100%;
float: left
}
html body #collection #tags-filter-content .filter-tag-group {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
html body #collection #tags-filter-content .filter-tag-group .tag-group {
padding: 0;
width: 100%;
float: left
}
html body #collection #tags-filter-content .filter-tag-group .tag-group .title {
font-size: 14px;
font-family: proxima-nova;
border-bottom: 1px solid #ddd;
border-bottom: 1px solid rgba(0,0,0,0.1);
font-weight: bold;
text-transform: uppercase;
height: 35px;
line-height: 35px;
margin: 10px 0;
text-align: left
}
@media (max-width: 991px) {
html body #collection #tags-filter-content .filter-tag-group .tag-group .title {
border-left: 0
}
}
@media (max-width: 360px) {
html body #collection #tags-filter-content .filter-tag-group .tag-group .title {
padding-left: 0px
}
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0;
list-style: none;
width: 100%;
float: left;
overflow: auto;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px
}
@media (max-width: 991px) {
html body #collection #tags-filter-content .filter-tag-group .tag-group ul {
border-left: 0
}
}
@media (max-width: 360px) {
html body #collection #tags-filter-content .filter-tag-group .tag-group ul {
padding-bottom: 10px
}
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul a {
font-size: 14px;
text-transform: capitalize
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li.swatch-tag {
float: left;
margin-right: 8px;
margin-bottom: 8px;
line-height: 20px;
width: 30px;
height: 30px;
borde: 1px solid transparent
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li.swatch-tag span {
width: 100%;
height: 100%;
display: block;
background-position: -1px -1px
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li.swatch-tag span a {
width: 100%;
height: 100%;
display: block;
padding: 0px
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li.swatch-tag:hover, html body #collection #tags-filter-content .filter-tag-group .tag-group ul li.swatch-tag.active {
border: 1px solid #000;
padding: 2px
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-bottom: 15px
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li a {
position: relative;
display: block;
line-height: 20px
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li a span.fe-checkbox {
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: -30px;
margin-top: -10px;
background-image: url(../../../../../../../../../../../../cdn.shopify.com/s/files/1/1286/1471/t/2/assets/bg_none_check8ab1.png?13332331232872762995);
background-repeat: no-repeat;
background-position: center center
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li.active a span.fe-checkbox {
background-image: url(../../../../../../../../../../../../cdn.shopify.com/s/files/1/1286/1471/t/2/assets/bg_check8ab1.png?13332331232872762995)
}
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li:not(.swatch-tag) {
width: 100%;
float: left;
padding-left: 30px
}
@media (max-width: 1199px) {
html body #collection #tags-filter-content .filter-tag-group .tag-group ul li:not(.swatch-tag) {
width: 100%
}
}
@media (max-width: 360px) {
html body #collection #tags-filter-content .filter-tag-group .tag-group:first-child .title {
padding-left: 0
}
}
html body #collection #tags-filter-content .filter-tag-group .tag-group:first-child ul {
border-left: 0 !important
}
html body #collection #tags-filter-content .sidebar-filter-content .filter-tag-group .tag-group {
width: 100%
}
html body #collection #tags-filter-content .sidebar-filter-content .filter-tag-group .tag-group ul {
min-height: 0px;
height: auto;
padding-bottom: 10px
}
@media (max-width: 360px) {
html body #collection #tags-filter-content .sidebar-filter-content .filter-tag-group .tag-group .title {
padding-left: 15px
}
}
@media (max-width: 480px) {
html body #collection #tags-filter-content {
margin-bottom: 0px
}
}
html body #collection .collection-items .product {
margin-bottom: 30px
}
@media (min-width: 1200px) {
html body #collection .collection-items:not(.full_width) .product .row-right {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
html body #collection .collection-items:not(.full_width) .product:hover .row-right {
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0)
}
}
html body #collection .collection-items.full_width {
width: 100%;
float: left
}
html body #collection .collection-items.full_width .product:hover .row-right {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
html body #collection .collection-items.full_width .product .row-right {
position: static
}
html body #collection .collection-items.full_width .product .product-group-actions {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
html body #collection .collection-items.full_width .product .product-group-actions .btn, html body #collection .collection-items.full_width .product .product-group-actions .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #collection .collection-items.full_width .product .product-group-actions button, html body #collection .collection-items.full_width .product .product-group-actions .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #collection .collection-items.full_width .product .product-group-actions #view_address, html body #collection .collection-items.full_width .product .product-group-actions .address_table .add-new-address, html body .address_table #collection .collection-items.full_width .product .product-group-actions .add-new-address, html body #collection .collection-items.full_width .product .product-group-actions .group-form-address .add-new-address, html body .group-form-address #collection .collection-items.full_width .product .product-group-actions .add-new-address {
padding: 0 25px;
height: 58px
}
html body #collection .collection-items.full_width .product .product-group-actions .btn .fa, html body #collection .collection-items.full_width .product .product-group-actions .product-detail-content #product-information .add-to-wishlist button .fa, html body .product-detail-content #product-information .add-to-wishlist #collection .collection-items.full_width .product .product-group-actions button .fa, html body #collection .collection-items.full_width .product .product-group-actions .account-content #customer-account #customer_sidebar #view_address .fa, html body .account-content #customer-account #customer_sidebar #collection .collection-items.full_width .product .product-group-actions #view_address .fa, html body #collection .collection-items.full_width .product .product-group-actions .address_table .add-new-address .fa, html body .address_table #collection .collection-items.full_width .product .product-group-actions .add-new-address .fa, html body #collection .collection-items.full_width .product .product-group-actions .group-form-address .add-new-address .fa, html body .group-form-address #collection .collection-items.full_width .product .product-group-actions .add-new-address .fa {
line-height: 57px
}
html body #collection .collection-items.full_width .product .product-group-actions .quickview-wishlist-wrapper li {
height: 59px;
width: 59px
}
html body #collection .collection-items.full_width .product .product-group-actions .quickview-wishlist-wrapper li>div {
height: 100%
}
html body #collection .collection-items.full_width .product .product-group-actions .quickview-wishlist-wrapper li>div>div {
height: 100%
}
html body #collection .collection-items.full_width .product .product-group-actions .quickview-wishlist-wrapper li a {
width: 100%;
height: 100%
}
html body #collection .collection-items.full_width .product .product-group-actions .quickview-wishlist-wrapper li .fa {
line-height: 59px
}
html body #collection .collection-items.full_width .product .product-title a {
font-weight: 600
}
html body #collection .collection-items.full_width .product .product-price {
padding: 0;
margin-bottom: 15px
}
html body #collection .collection-items.full_width .product .product-price span, html body #collection .collection-items.full_width .product .product-price del {
font-size: 18px;
font-weight: 600
}
html body #collection .collection-items.full_width .product .product-description {
color: #848484;
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
letter-spacing: 1px;
margin-bottom: 22px
}
html body #collection .collection-items.full_width .product-item {
width: 100%;
float: left;
margin-bottom: 30px
}
@media (max-width: 991px) {
html body #collection .collection-items.full_width .product .row-left {
width: 40%;
float: left
}
html body #collection .collection-items.full_width .product .row-right {
width: 60%;
float: left
}
}
html body #collection .collection-bottom-toolbar {
padding: 50px 0 80px;
width: 100%;
float: left
}
html body #collection .collection-bottom-toolbar .pagination_group {
margin-left: -15px;
margin-right: -15px
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination {
margin: 0;
float: right;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: right;
-moz-justify-content: right;
-ms-justify-content: right;
-webkit-justify-content: right
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination a, html body #collection .collection-bottom-toolbar .pagination_group .pagination span {
border-width: 1px;
border-style: solid;
margin-left: 0;
border-color: #ccc;
color: #a9a9a9;
background-color: #fff
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination>li {
display: block;
margin-bottom: 0;
margin-left: 6px
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination>li.active a, html body #collection .collection-bottom-toolbar .pagination_group .pagination>li.active span {
border-color: #222;
color: #fff;
background-color: #222
}
@media (min-width: 1200px) {
html body #collection .collection-bottom-toolbar .pagination_group .pagination>li a, html body #collection .collection-bottom-toolbar .pagination_group .pagination>li span {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:hover a, html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:hover span {
border-color: #222;
color: #fff;
background-color: #222
}
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:first-child a, html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:first-child span, html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:last-child a, html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:last-child span {
border-radius: 0
}
@media (max-width: 767px) {
html body #collection .collection-bottom-toolbar .pagination_group .pagination {
float: left
}
html body #collection .collection-bottom-toolbar .pagination_group .pagination>li:first-child {
margin-left: 0
}
}
html body #collection .collection-bottom-toolbar .product-counter {
padding-left: 0;
line-height: 30px;
letter-spacing: 1px;
font-size: 14px;
color: #848484;
font-weight: 400
}
html body #collection .collection-mainarea {
padding-left: 0;
padding-right: 0
}
html body #collection .collection-mainarea .collection-items {
margin-left: -15px;
margin-right: -15px
}
html body #collection .collection-mainarea .collection-items .products {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left;
width: 100%;
float: left
}
html body #collection .collection-mainarea .collection-items.full_width {
margin-left: 0px;
margin-right: 0px
}
html body #collection .collection-mainarea .collection-items.full_width .row-right {
padding: 0 0 0 15px
}
html body #collection .collection-mainarea .collection-items.full_width .row-left {
padding-left: 0
}
@media (max-width: 1199px) {
html body #collection .products .product-item {
width: 50%
}
}
@media (max-width: 991px) {
html body #collection .products .product-item .row-right {
right: 5px;
top: 5px;
bottom: auto
}
}
@media (max-width: 767px) {
html body #collection .products .product-item .row-right {
right: 30px;
top: 30px
}
}
@media (max-width: 600px) {
html body #collection .products .product-item .row-right {
right: 15px;
top: 15px
}
}
@media (max-width: 540px) {
html body #collection .products .product-item .row-right {
right: 5pxpx;
top: 5px
}
}
@media (max-width: 500px) {
html body #collection .products .product-item {
width: 100%
}
html body #collection .products .product-item .row-right {
right: 30px;
top: 30px
}
}
html body .cart-empty {
margin-bottom: 100px
}
html body .cart-empty h2 {
text-transform: uppercase;
font-size: 20px;
font-weight: bold
}
html body .sidebar {
padding-left: 0
}
html body .sidebar .sidebar-content.recent-article h5 {
margin-bottom: 4px
}
html body .sidebar .sidebar-content.recent-article h5 a {
font-weight: 600;
color: #222;
line-height: 1.5em
}
html body .sidebar .sidebar-content.recent-article .ra-item:not(:last-child) {
margin-bottom: 27px;
padding-bottom: 17px;
border-bottom: 1px solid #ececec
}
html body .sidebar .sidebar-content .article-info {
color: #848484;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 5px
}
html body .sidebar .sidebar-content .article-info.list-meta li {
width: 100%;
margin-bottom: 8px
}
html body .sidebar .sidebar-content ul.tags li {
display: inline-block;
*display:block;
zoom: 1;
margin-bottom: 4px
}
html body .sidebar .sidebar-content ul.tags li a {
border: 1px solid #ececec;
padding: 5px 20px;
display: block
}
@media (min-width: 1200px) {
html body .sidebar .sidebar-content ul.tags li a {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
html body .sidebar .sidebar-content ul.tags li:hover a {
border: 1px solid #000;
color: #fff;
background-color: #000
}
}
html body .sidebar .sidebar-content ul.tags li.active a {
border: 1px solid #000;
color: #fff;
background-color: #000
}
html body .sidebar .sidebar-content .sidebar_banner a {
display: block
}
html body .sidebar .sidebar-content .sidebar_banner a img {
width: 100%
}
@media (max-width: 767px) {
html body .sidebar .sidebar-content .sidebar_banner a img {
width: auto
}
}
@media (min-width: 1200px) {
html body .sidebar .sidebar-content .sidebar_banner img {
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease
}
}
html body .article {
margin-bottom: 107px;
padding-right: 0
}
@media (max-width: 767px) {
html body .article {
padding-left: 0
}
}
html body .articles {
padding-left: 0;
padding-right: 0
}
html body .group-blog-top {
width: 100%;
float: left
}
html body .group-blog-top .group-blog-title {
margin-bottom: 35px
}
html body .group-blog-top .group-blog-title .article-name {
margin-top: 0px;
line-height: 18px
}
html body .group-blog-top .group-blog-title .article-name a {
font-size: 18px;
color: #222;
font-weight: 600;
letter-spacing: 1px
}
html body .group-blog-top .article-info {
color: #848484;
font-weight: 400;
padding-bottom: 32px;
margin-bottom: 40px;
border-bottom: 1px solid #ececec;
margin-left: 0
}
html body .group-blog-top .article-info li:first-child {
padding-left: 0;
margin-left: 0
}
html body .group-blog-btm {
width: 100%;
padding-top: 32px;
margin-top: 32px;
border-top: 1px solid #ececec
}
html body .group-blog-btm .tags-area {
padding-left: 0
}
html body .group-blog-btm .share-with {
padding-right: 0
}
html body .article-image {
margin-bottom: 35px
}
html body .article-content {
line-height: 1.7em;
color: #848484;
font-weight: 400;
letter-spacing: 1px
}
html body .comment-title {
font-size: 18px;
font-weight: 600;
color: #222;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 35px
}
html body .comments {
margin-top: 54px
}
html body .comments .comment {
border: 1px solid #ececec;
padding: 23px 30px;
margin-bottom: 30px
}
html body .comments .comment .cmt-date {
font-size: 11px
}
html body .comments .comment .cmt-author {
margin-bottom: 17px
}
html body .comments .comment .cmt-author b {
font-weight: 500;
color: #222
}
html body .comments .comment .cmt-content {
margin-bottom: 18px
}
html body .comment_form {
width: 50%;
margin-top: 110px
}
html body .comment_form label {
width: 100%;
font-weight: 400;
margin-bottom: 8px
}
html body .comment_form textarea, html body .comment_form input[type="text"] {
width: 100%;
border: 1px solid #ececec;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 34px;
padding-left: 20px;
padding-right: 20px
}
html body .comment_form input[type="text"] {
height: 35px
}
html body .comment_form textarea {
height: 140px;
margin-bottom: 40px;
padding: 20px
}
@media (max-width: 767px) {
html body .comment_form {
width: 100%
}
}
html body #page .contact-form label {
color: #222;
font-size: 18px;
font-weight: normal;
margin-bottom: 12px;
font-family: 'Myriad Regular';
}
html body #page .contact-form input[type="telephone"], html body #page .contact-form input[type="email"], html body #page .contact-form input[type="text"] {
height: 30px;
width: 100%;
box-shadow: none;
border: 1px solid #ececec;
margin-bottom: 17px;
line-height: 1.5em;
padding: 0 15px
}
html body #page .contact-form textarea {
width: 100%;
height: 127px;
margin-bottom: 35px;
padding: 15px
}
html body #page .contact-form .btn, html body #page .contact-form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #page .contact-form button, html body #page .contact-form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #page .contact-form #view_address, html body #page .contact-form .address_table .add-new-address, html body .address_table #page .contact-form .add-new-address, html body #page .contact-form .group-form-address .add-new-address, html body .group-form-address #page .contact-form .add-new-address {
line-height: 38px;
height: 38px;
padding: 0 30px
}
html body #page>.details>ul {
margin-left: 15px
}
html body .account-content {
margin-bottom: 50px
}
html body .account-content #customer-account #customer_sidebar {
padding-left: 0
}
html body .account-content #customer-account #customer_sidebar .sb-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0px
}
@media (max-width: 991px) {
html body .account-content #customer-account #customer_sidebar .sb-title {
font-size: 18px
}
}
html body .account-content #customer-account #customer_sidebar .sb-group .customer-name {
font-weight: 600
}
html body .account-content #customer-account #customer_sidebar #view_address {
height: 40px;
line-height: 40px;
padding-top: 0;
padding-bottom: 0;
display: inline-block;
*display:block;
zoom: 1;
background-color: transparent;
margin: 20px 0 30px
}
html body .account-content #customer-account #customer_sidebar #view_address .fa {
margin-left: 0;
margin-right: 5px
}
@media (min-width: 768px) and (max-width: 991px) {
html body .account-content #customer-account #customer_sidebar #view_address {
font-size: 11px
}
}
html body .register-content .errors ul, html body .login-content .errors ul {
list-style: none
}
html body .register-content label, html body .login-content label {
font-size: 14px
}
html body .register-content #guest, html body .register-content #register, html body .register-content #recover-password, html body .register-content #login, html body .login-content #guest, html body .login-content #register, html body .login-content #recover-password, html body .login-content #login {
width: 30%;
margin: 0 auto 60px;
text-align: center
}
html body .register-content #guest label, html body .register-content #register label, html body .register-content #recover-password label, html body .register-content #login label, html body .login-content #guest label, html body .login-content #register label, html body .login-content #recover-password label, html body .login-content #login label {
color: #222;
text-align: left;
padding-left: 0;
padding-right: 0
}
html body .register-content #guest input.text, html body .register-content #register input.text, html body .register-content #recover-password input.text, html body .register-content #login input.text, html body .login-content #guest input.text, html body .login-content #register input.text, html body .login-content #recover-password input.text, html body .login-content #login input.text {
height: 40px;
width: 100%
}
html body .register-content #guest form .btn, html body .register-content #guest form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .register-content #guest form button, html body .register-content #guest form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .register-content #guest form #view_address, html body .register-content #guest form .address_table .add-new-address, html body .address_table .register-content #guest form .add-new-address, html body .register-content #guest form .group-form-address .add-new-address, html body .group-form-address .register-content #guest form .add-new-address, html body .register-content #register form .btn, html body .register-content #register form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .register-content #register form button, html body .register-content #register form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .register-content #register form #view_address, html body .register-content #register form .address_table .add-new-address, html body .address_table .register-content #register form .add-new-address, html body .register-content #register form .group-form-address .add-new-address, html body .group-form-address .register-content #register form .add-new-address, html body .register-content #recover-password form .btn, html body .register-content #recover-password form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .register-content #recover-password form button, html body .register-content #recover-password form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .register-content #recover-password form #view_address, html body .register-content #recover-password form .address_table .add-new-address, html body .address_table .register-content #recover-password form .add-new-address, html body .register-content #recover-password form .group-form-address .add-new-address, html body .group-form-address .register-content #recover-password form .add-new-address, html body .register-content #login form .btn, html body .register-content #login form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .register-content #login form button, html body .register-content #login form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .register-content #login form #view_address, html body .register-content #login form .address_table .add-new-address, html body .address_table .register-content #login form .add-new-address, html body .register-content #login form .group-form-address .add-new-address, html body .group-form-address .register-content #login form .add-new-address, html body .login-content #guest form .btn, html body .login-content #guest form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .login-content #guest form button, html body .login-content #guest form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .login-content #guest form #view_address, html body .login-content #guest form .address_table .add-new-address, html body .address_table .login-content #guest form .add-new-address, html body .login-content #guest form .group-form-address .add-new-address, html body .group-form-address .login-content #guest form .add-new-address, html body .login-content #register form .btn, html body .login-content #register form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .login-content #register form button, html body .login-content #register form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .login-content #register form #view_address, html body .login-content #register form .address_table .add-new-address, html body .address_table .login-content #register form .add-new-address, html body .login-content #register form .group-form-address .add-new-address, html body .group-form-address .login-content #register form .add-new-address, html body .login-content #recover-password form .btn, html body .login-content #recover-password form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .login-content #recover-password form button, html body .login-content #recover-password form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .login-content #recover-password form #view_address, html body .login-content #recover-password form .address_table .add-new-address, html body .address_table .login-content #recover-password form .add-new-address, html body .login-content #recover-password form .group-form-address .add-new-address, html body .group-form-address .login-content #recover-password form .add-new-address, html body .login-content #login form .btn, html body .login-content #login form .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .login-content #login form button, html body .login-content #login form .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .login-content #login form #view_address, html body .login-content #login form .address_table .add-new-address, html body .address_table .login-content #login form .add-new-address, html body .login-content #login form .group-form-address .add-new-address, html body .group-form-address .login-content #login form .add-new-address {
width: 100% !important;
height: 40px;
line-height: 40px
}
@media (max-width: 991px) {
html body .register-content #guest, html body .register-content #register, html body .register-content #recover-password, html body .register-content #login, html body .login-content #guest, html body .login-content #register, html body .login-content #recover-password, html body .login-content #login {
width: 50%
}
}
@media (max-width: 420px) {
html body .register-content #guest, html body .register-content #register, html body .register-content #recover-password, html body .register-content #login, html body .login-content #guest, html body .login-content #register, html body .login-content #recover-password, html body .login-content #login {
width: 100%
}
}
html body .register-content #guest h2, html body .register-content #recover-password h2, html body .login-content #guest h2, html body .login-content #recover-password h2 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase
}
html body .register-content #guest .note, html body .register-content #guest h2, html body .register-content #recover-password .note, html body .register-content #recover-password h2, html body .login-content #guest .note, html body .login-content #guest h2, html body .login-content #recover-password .note, html body .login-content #recover-password h2 {
margin-bottom: 30px;
text-align: left
}
html body .register-content #guest h2, html body .login-content #guest h2 {
text-align: center
}
html body table {
width: 100%;
border-spacing: 0;
border: 1px solid #ececec;
margin-bottom: 60px
}
html body table thead th {
padding: 10px;
border-bottom: 1px solid #ececec;
text-align: center;
text-transform: uppercase;
font-size: 16px;
background-color: #ececec
}
@media (min-width: 768px) and (max-width: 991px) {
html body table thead th {
font-size: 11px
}
}
html body table thead th:nth-child(1) {
border-left: 1px solid #ececec
}
html body table thead th:last-child {
border-right: 1px solid #ececec
}
html body table tbody td {
padding: 10px;
border-bottom: 1px solid #ececec;
border-right: 1px solid #ececec;
text-align: left
}
html body table tbody td:nth-child(1) {
border-left: 1px solid #ececec
}
html body table tbody td:last-child {
border-right: 1px solid #ececec;
text-align: center
}
@media (min-width: 768px) {
html body table tbody td.title-1 {
text-align: center
}
}
@media (min-width: 768px) {
html body table tbody td.action {
text-align: center;
padding-left: 0
}
}
html body table tbody td.action button {
background-color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 27px;
border: 1px solid #ececec;
border-radius: 50%
}
html body table tbody td.action button:focus {
outline: none
}
html body table tbody td.remove {
text-align: center
}
html body table tbody td.remove a:hover {
color: #222
}
html body table tbody .wishlist-item .link a {
color: #222
}
html body table tbody .item strong {
color: #222;
font-size: 14px;
display: block
}
html body table tbody .item .variant_title {
color: #222
}
html body table tbody .item .link a.title {
color: #222
}
html body table .btn, html body table .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist table button, html body table .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar table #view_address, html body table .address_table .add-new-address, html body .address_table table .add-new-address, html body table .group-form-address .add-new-address, html body .group-form-address table .add-new-address {
height: 40px;
line-height: 40px
}
html body table button {
padding-top: 0 !important;
padding-bottom: 0 !important
}
html body table .price {
text-align: center
}
html body table .qty {
text-align: center
}
html body table .qty input {
line-height: 30px;
height: 30px;
width: 100px;
margin: 0 auto !important
}
html body table .summary .total {
border-right: 1px solid #ececec
}
html body table .summary .total .btn, html body table .summary .total .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist table .summary .total button, html body table .summary .total .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar table .summary .total #view_address, html body table .summary .total .address_table .add-new-address, html body .address_table table .summary .total .add-new-address, html body table .summary .total .group-form-address .add-new-address, html body .group-form-address table .summary .total .add-new-address {
float: right
}
html body .group-checkout-input, html body .cart-buttons {
width: 100%;
float: left;
margin-bottom: 50px
}
html body .cart-buttons .btn, html body .cart-buttons .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .cart-buttons button, html body .cart-buttons .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .cart-buttons #view_address, html body .cart-buttons .address_table .add-new-address, html body .address_table .cart-buttons .add-new-address, html body .cart-buttons .group-form-address .add-new-address, html body .group-form-address .cart-buttons .add-new-address {
height: 40px;
line-height: 40px;
padding-left: 40px;
padding-right: 40px;
float: right
}
@media (max-width: 420px) {
html body .cart-buttons .btn, html body .cart-buttons .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .cart-buttons button, html body .cart-buttons .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .cart-buttons #view_address, html body .cart-buttons .address_table .add-new-address, html body .address_table .cart-buttons .add-new-address, html body .cart-buttons .group-form-address .add-new-address, html body .group-form-address .cart-buttons .add-new-address {
width: 100%
}
}
html body .group-checkout-input label {
width: 100%
}
html body .group-checkout-input textarea, html body .group-checkout-input input, html body .group-checkout-input select {
width: 100%;
height: 40px;
line-height: 40px;
padding-left: 10px;
padding-right: 10px
}
html body .group-checkout-input .checkout-buttons {
padding-left: 0
}
html body .group-checkout-input .shipping-calculator {
padding-right: 0
}
html body .group-checkout-input .shipping-calculator h3 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
margin-top: 0
}
html body .group-checkout-input #shipping-rates {
list-style: none
}
@media (max-width: 767px) {
html body .group-checkout-input .checkout-buttons {
padding-right: 0;
margin-bottom: 30px
}
html body .group-checkout-input .shipping-calculator {
padding-left: 0
}
}
@media (max-width: 420px) {
html body .group-checkout-input {
margin-bottom: 0px
}
}
html body .table-cart {
margin-bottom: 100px
}
html body .table-cart .btn, html body .table-cart .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .table-cart button, html body .table-cart .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .table-cart #view_address, html body .table-cart .address_table .add-new-address, html body .address_table .table-cart .add-new-address, html body .table-cart .group-form-address .add-new-address, html body .group-form-address .table-cart .add-new-address {
margin-bottom: 20px
}
html body #customer_orders {
padding-right: 0
}
html body #customer_orders table thead th {
text-align: left
}
@media (max-width: 767px) {
html body #customer_orders {
padding-left: 0
}
}
@media (max-width: 767px) {
html body table thead {
display: none
}
html body table tfoot td, html body table tbody td {
width: 100%;
display: block;
padding-left: 140px !important;
position: relative;
text-align: left;
border-bottom: 1px solid #ececec !important
}
html body table tfoot td:before, html body table tbody td:before {
background-color: #ddd;
width: 120px;
height: 100%;
content: '';
position: absolute;
left: 0;
top: 0
}
html body table tfoot td:after, html body table tbody td:after {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase
}
html body table tfoot td.image:after, html body table tbody td.image:after {
content: 'image'
}
html body table tfoot td.image-info:after, html body table tbody td.image-info:after {
content: 'image info'
}
html body table tfoot td.image-info:after, html body table tbody td.image-info:after {
content: 'image info'
}
html body table tfoot td.price, html body table tbody td.price {
text-align: left
}
html body table tfoot td.price:after, html body table tbody td.price:after {
content: 'price'
}
html body table tfoot td.qty, html body table tbody td.qty {
text-align: left
}
html body table tfoot td.qty:after, html body table tbody td.qty:after {
content: 'quality'
}
html body table tfoot td.total, html body table tbody td.total {
text-align: left
}
html body table tfoot td.total:after, html body table tbody td.total:after {
content: 'total'
}
html body table tfoot td.total #update-cart, html body table tbody td.total #update-cart {
float: none !important
}
html body table tfoot td.remove, html body table tbody td.remove {
text-align: left
}
html body table tfoot td.remove:after, html body table tbody td.remove:after {
content: 'remove'
}
html body table tfoot td.td-name:after, html body table tbody td.td-name:after {
content: 'Name'
}
html body table tfoot td.td-note:after, html body table tbody td.td-note:after {
content: 'Note'
}
html body table tfoot td.td-authorized:after, html body table tbody td.td-authorized:after {
content: 'Authorized'
}
html body table tfoot td.td-unfulfilled:after, html body table tbody td.td-unfulfilled:after {
content: 'unfulfilled'
}
html body table tfoot td.td-total, html body table tbody td.td-total {
text-align: left
}
html body table tfoot td.td-total:after, html body table tbody td.td-total:after {
content: 'Total'
}
html body table tfoot td.title:after, html body table tbody td.title:after {
content: 'title'
}
html body table tfoot td.action, html body table tbody td.action {
text-align: left
}
html body table tfoot td.action:after, html body table tbody td.action:after {
content: 'action'
}
html body table tfoot td.button, html body table tbody td.button {
text-align: left
}
html body table tfoot td.button:after, html body table tbody td.button:after {
content: 'button'
}
html body table tfoot td.td-label, html body table tbody td.td-label {
display: none
}
html body table tfoot td.td-product:after, html body table tbody td.td-product:after {
content: 'name'
}
html body table tfoot td.sku:after, html body table tbody td.sku:after {
content: 'sku'
}
html body table tfoot td.money:after, html body table tbody td.money:after {
content: 'money'
}
html body table tfoot td.quantity:after, html body table tbody td.quantity:after {
content: 'quantity'
}
html body table tfoot td.shipping:after, html body table tbody td.shipping:after {
content: 'shipping'
}
html body table tfoot td.vat:after, html body table tbody td.vat:after {
content: 'vat'
}
html body table tfoot td.subtotal:after, html body table tbody td.subtotal:after {
content: 'subtotal'
}
}
html body #address_tables .address_table {
margin-bottom: 30px;
border: 1px solid #ececec
}
html body #address_tables .address_table .group-title {
position: relative;
border-bottom: 1px solid #ececec;
height: auto;
background-color: #ececec
}
html body #address_tables .address_table .group-title .address_title {
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;
line-height: 1.5em;
text-transform: uppercase;
font-size: 14px;
font-weight: 600
}
html body #address_tables .address_table .group-title .address_actions {
position: absolute;
top: 0;
right: 20px;
line-height: 40px;
margin-bottom: 0
}
html body #address_tables .address_table .group-title .address_actions span {
margin-right: 10px
}
html body #address_tables .address_table .group-title .address_actions span a {
font-weight: 400
}
html body #address_tables .address_table .group-title .address_actions .action_edit a {
color: green
}
html body #address_tables .address_table .group-title .address_actions .action_delete a {
color: red
}
@media (max-width: 1199px) {
html body #address_tables .address_table .group-title {
height: auto
}
html body #address_tables .address_table .group-title .address_actions {
position: static;
padding-left: 20px
}
}
html body #address_tables .address_table .view_address {
padding: 20px
}
html body #address_tables .address_table .view_address .cs-name {
color: #222;
text-transform: uppercase;
font-weight: 600
}
html body .group-form-address:after {
display: block;
content: '';
clear: both
}
html body .address_table, html body .group-form-address {
margin-left: -15px;
margin-right: -15px;
width: 100%;
float: left
}
html body .address_table .add-new-address, html body .group-form-address .add-new-address {
padding: 10px 20px;
font-size: 14px;
margin-bottom: 40px;
display: inline-block;
*display:block;
zoom: 1;
font-weight: 600;
letter-spacing: 0
}
html body .address_table .label, html body .group-form-address .label {
padding: 0;
margin-bottom: 10px;
display: block;
text-align: left
}
html body .address_table .label label, html body .group-form-address .label label {
color: #222;
font-size: 14px;
font-weight: 400
}
html body .address_table .value, html body .group-form-address .value {
margin-bottom: 15px
}
html body .address_table .value select, html body .address_table .value input[type="text"], html body .group-form-address .value select, html body .group-form-address .value input[type="text"] {
height: 30px;
width: 100%;
padding-left: 10px;
padding-right: 10px
}
html body .address_table .value input[type="checkbox"], html body .group-form-address .value input[type="checkbox"] {
margin-top: 0;
margin-right: 5px;
padding: 10px
}
html body .address_table .action_bottom, html body .group-form-address .action_bottom {
margin-bottom: 60px
}
html body .address_table .action_bottom .btn, html body .address_table .action_bottom .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .address_table .action_bottom button, html body .address_table .action_bottom .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .address_table .action_bottom #view_address, html body .address_table .action_bottom .add-new-address, html body .group-form-address .action_bottom .btn, html body .group-form-address .action_bottom .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .group-form-address .action_bottom button, html body .group-form-address .action_bottom .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .group-form-address .action_bottom #view_address, html body .group-form-address .action_bottom .add-new-address {
height: 40px;
line-height: 40px
}
html body #customer-addresses {
margin-left: -15px;
margin-right: -15px
}
html body #customer-addresses .edit_address {
padding: 15px
}
html body .address_table {
margin-left: 0;
margin-right: 0
}
html body .page-lookbook .details {
margin-bottom: 0 !important
}
html body .page-lookbook .lookbook-content {
margin-left: -15px;
margin-right: -15px
}
html body .page-lookbook .lookbook-content .lb-element {
margin-bottom: 30px
}
@media (max-width: 767px) {
html body .page-lookbook .lookbook-content>div {
padding: 0
}
}
html body .fb-overlay .fb-prev span {
background-position: 0 -36px !important
}
html body .fb-overlay .fb-next span {
background-position: 0 -72px !important
}
html body .page-content .page-wapper, html body .page-content .additional-wrapper, html body .page-content .additional-wrapper {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding-bottom: 68px;
padding-top: 68px;
margin-top: 68px
}
html body .page-content .page-wapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4 {
text-align: center
}
html body .page-content .page-wapper .additional-inner .col-sm-4 .icon .fa, html body .page-content .additional-wrapper .additional-inner .col-sm-4 .icon .fa, html body .page-content .additional-wrapper .additional-inner .col-sm-4 .icon .fa {
font-size: 70px;
transition: ease all 0.5s;
-webkit-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
-o-transition: ease all 0.5s
}
html body .page-content .page-wapper .additional-inner .col-sm-4 .heading, html body .page-content .additional-wrapper .additional-inner .col-sm-4 .heading, html body .page-content .additional-wrapper .additional-inner .col-sm-4 .heading {
font-weight: bold;
font-size: 18px;
margin-top: 33px;
margin-bottom: 15px;
letter-spacing: 2px
}
html body .page-content .page-wapper .additional-inner .col-sm-4 .desc, html body .page-content .additional-wrapper .additional-inner .col-sm-4 .desc, html body .page-content .additional-wrapper .additional-inner .col-sm-4 .desc {
filter: alpha(opacity=50);
opacity: 0.5
}
html body .page-content .page-wapper .additional-inner .col-sm-4:hover .icon .fa, html body .page-content .additional-wrapper .additional-inner .col-sm-4:hover .icon .fa, html body .page-content .additional-wrapper .additional-inner .col-sm-4:hover .icon .fa {
cursor: pointer;
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
color: #222
}
@media (max-width: 767px) {
html body .page-content .page-wapper .additional-inner, html body .page-content .additional-wrapper .additional-inner, html body .page-content .additional-wrapper .additional-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-justify-content: center
}
html body .page-content .page-wapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4 {
width: 33%
}
}
@media (max-width: 600px) {
html body .page-content .page-wapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4 {
width: 100%;
margin-bottom: 50px
}
}
@media (max-width: 420px) {
html body .page-content .page-wapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4, html body .page-content .additional-wrapper .additional-inner .col-sm-4 {
width: 100%;
padding: 0;
margin-bottom: 40px
}
}
html body .page-content .heading .title {
font-size: 42px;
line-height: 1em;
font-style: italic;
margin-bottom: 40px;
font-weight: 400
}
html body .page-content .heading .sub-title {
padding: 0
}
@media (max-width: 767px) {
html body .page-content .heading:after {
display: block;
clear: both;
width: 100%
}
}
html body .page-content .heading-area {
text-align: left
}
@media (max-width: 991px) {
html body .page-content .heading-area {
margin-bottom: 50px;
margin-top: 50px
}
}
html body .page-content .content-area {
margin-left: -15px;
margin-right: -15px
}
html body .page-content .content-area .block-content {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 30px;
margin-bottom: 50px
}
html body .page-content .content-area .block-content .title {
color: #222;
font-weight: bold;
font-size: 18px;
font-style: italic;
margin-bottom: 15px
}
html body .page-content .content-area .block-content .content {
font-size: 14px
}
html body .page-content .content-area .block-content ul {
list-style: circle
}
@media (max-width: 991px) {
html body .page-content .content-area .block-content {
margin-bottom: 30px
}
}
html body .page-content .content-area .block-content img {
margin-top: 20px
}
html body .page-content .top-img {
margin-bottom: 50px;
overflow: hidden
}
@media (min-width: 1200px) {
html body .page-content .top-img img {
transition: ease all 500ms;
-webkit-transition: ease all 500ms;
-moz-transition: ease all 500ms;
-o-transition: ease all 500ms
}
html body .page-content .top-img:hover img {
-ms-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@media (max-width: 767px) {
html body .page-heading .row {
padding-left: 15px;
padding-right: 15px
}
html body .page-content .row {
padding-left: 15px;
padding-right: 15px
}
html body .contact-form-group .page-form .col-sm-6 {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (max-width: 767px) and (max-width: 767px) {
html body .contact-form-group .page-form {
margin-bottom: 50px
}
html body .contact-form-group .page-form:after {
content: '';
display: block;
clear: both;
width: 100%
}
}
html body .page-with-contact-form {
width: 100%;
float: left;
margin-bottom: 90px
}
html body .page-with-contact-form h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
font-family: 'Georgia';
}
html body .page-with-contact-form .contact-form {
padding-right: 0
}
html body .page-with-contact-form .contact-info {
margin-left: 0;
list-style: none
}
html body .page-with-contact-form .contact-info li {
margin-bottom: 18px;
padding-left: 58px;
line-height: 40px;
position: relative
}
html body .page-with-contact-form .contact-info li .icon {
position: absolute;
top: 0;
left: 0;
width: 38px;
height: 38px;
display: block;
border-radius: 50%;
background-color: #ddd
}
html body .page-with-contact-form .contact-info li .icon i.fa {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -3.5px;
font-size: 16px;
color: #fff
}
html body .page-with-contact-form .contact-info li .icon i.fa-envelope-o {
margin-top: -8px;
margin-left: -8px
}
html body .page-with-contact-form .contact-info li .icon i.fa-calendar {
margin-top: -7.5px;
margin-left: -8px
}
html body .page-with-contact-form .contact-info li .icon:hover {
background-color: #000
}
html body .page-with-contact-form .contact-detail {
padding-right: 100px;
padding-left: 0px
}
html body .page-with-contact-form .contact-detail p {
margin-bottom: 35px;
font-family: 'Myriad Regular';
}
@media (max-width: 991px) {
html body .page-with-contact-form .contact-form {
padding-left: 0
}
html body .page-with-contact-form .contact-detail {
padding-right: 0;
margin-bottom: 60px
}
}
html body .google-maps-content {
float: left;
width: 100%
}
html body .google-maps-content .map {
width: 100%;
min-height: 380px;
float: left
}
@media (max-width: 540px) {
html body .google-maps-content .map {
min-height: 180px
}
}
html body .details {
width: 100%;
float: left;
margin-bottom: 100px
}
html body .details .products-deals {
margin-left: -15px;
margin-right: -15px;
margin-top: 75px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
@media (max-width: 1199px) {
html body .details .products-deals .product-item-wrapper {
width: 33.33%
}
}
@media (max-width: 991px) {
html body .details .products-deals .product-item-wrapper {
width: 50%
}
}
@media (min-width: 541px) and (max-width: 767px) {
html body .details .products-deals .product-item-wrapper .product .row-right {
bottom: 0;
right: 0
}
html body .details .products-deals .product-item-wrapper .product .product-title a {
font-size: 15px
}
}
@media (max-width: 540px) {
html body .details .products-deals .product-item-wrapper {
width: 100%
}
}
@media (max-width: 380px) {
html body .details .products-deals .product-item-wrapper .product .row-right {
bottom: 0;
right: 0
}
html body .details .products-deals .product-item-wrapper .product .product-title a {
font-size: 15px
}
}
html body #customer-order h1 {
font-size: 20px
}
html body #customer-order .group_order {
margin-left: -15px;
margin-right: -15px
}
html body #customer-order .group_order>div {
margin-bottom: 50px
}
html body #customer-order .group_order h2 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase
}
html body table#order_details thead th {
text-align: left
}
html body table#order_details tbody td.total {
text-align: left
}
html body table#order_details tfoot td {
padding: 10px 20px
}
html body table#order_details tfoot td.td-label {
text-align: right;
border-right: 1px solid #ececec
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner {
text-align: center;
margin-top: 60px;
marign-bottom: 60px
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 h2 {
font-size: 40px;
text-transform: uppercase
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 .notfound-image {
margin-bottom: 60px
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 .subtext {
font-weight: 600;
color: #848484
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 .search-field {
margin-top: 55px;
margin-bottom: 60px
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 form.search {
position: relative;
width: 60%;
margin: 0 auto;
padding-right: 40px;
border: 1px solid #ececec;
border-radius: 5px
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 form.search input#go {
position: absolute;
top: 50%;
right: 15px;
margin-top: -12px;
height: 25px;
width: 25px;
padding: 5px;
border: none;
box-shadow: none
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 form.search input#go:focus {
outline: none !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
html body .page-404-content .page-404-content-wrapper .page-404-content-inner #page-404 form.search input.search_box {
width: 100%;
height: 50px;
padding: 10px 10px 10px 15px;
line-height: 30px;
font-size: 14px;
border: 0;
box-shadow: none;
color: #222;
font-weight: 600;
text-transform: capitalize;
background-color: transparent
}
html body .search-content .search-content-wrapper .container>.row {
margin-left: -30px;
margin-right: -30px
}
@media (max-width: 1199px) {
html body .search-content .search-content-wrapper .container>.row {
margin-left: -15px;
margin-right: -15px
}
}
html body .search-content .search-content-wrapper .expanded-message {
padding: 0;
text-align: center;
margin-top: 50px;
margin-bottom: 50px
}
html body .search-content .search-content-wrapper .expanded-message .search-field form {
width: 60%;
position: relative;
margin: 0 auto;
padding-right: 30px
}
html body .search-content .search-content-wrapper .expanded-message .search-field form input#go {
box-shadow: none !important;
width: 25px;
height: 25px;
padding: 5px;
border: 0px none;
margin: 5px 0px;
position: absolute;
right: 0;
top: 0
}
html body .search-content .search-content-wrapper .expanded-message .search-field form input#go:focus {
outline: none
}
html body .search-content .search-content-wrapper .expanded-message .search-field form input.search_box {
width: 100% !important
}
html body .search-content .search-content-wrapper .expanded-message .subtext, html body .search-content .search-content-wrapper .expanded-message h2 {
margin-bottom: 20px;
display: block
}
@media (max-width: 767px) {
html body .search-content .search-content-wrapper .expanded-message {
width: 100%
}
}
html body .search-content .search-content-wrapper .search-content-inner {
display: block;
float: left;
margin: 0px 0 50px;
width: 100%
}
html body .search-content .search-content-wrapper .search-content-inner .seach-toolbar {
display: none
}
@media (max-width: 1199px) {
html body .search-content .search-content-wrapper .search-content-inner .product-item-wrapper {
width: 33.33%
}
}
@media (max-width: 991px) {
html body .search-content .search-content-wrapper .search-content-inner .product-item-wrapper {
width: 50%
}
}
@media (max-width: 767px) {
html body .search-content .search-content-wrapper .search-content-inner #search {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left
}
html body .search-content .search-content-wrapper .search-content-inner #search .product-item-wrapper .product-title {
margin-bottom: 5px
}
html body .search-content .search-content-wrapper .search-content-inner #search .product-item-wrapper .product-title a {
font-size: 15px
}
html body .search-content .search-content-wrapper .search-content-inner #search .product-item-wrapper .row-right {
bottom: auto;
right: 30px
}
}
@media (max-width: 420px) {
html body .search-content .search-content-wrapper .search-content-inner .product-item-wrapper {
width: 100%
}
}
ul.search-results {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
-webkit-justify-content: left;
z-index: 1;
list-style: none;
background-color: #222;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 0px 7px rgba(0,0,0,0.175);
margin-top: 2px;
padding: 10px
}
ul.search-results li {
padding: 5px;
text-align: left
}
ul.search-results li .thumbnail {
float: left;
margin-bottom: 0;
margin-right: 10px
}
.top-header ul.search-results li {
width: 100%;
margin: 0 !important
}
body.index-template {
background-color: #222 !important
}
@media (max-width: 1199px) {
body.index-template .product .inner-mask .rating-star *, body.index-template .product .inner-mask .product-title * {
color: #fff
}
}
#main-content ul.search-results {
padding: 20px
}
#main-content ul.search-results li {
width: 50%
}
@media (max-width: 767px) {
#main-content ul.search-results li {
width: 100%
}
}
@media (max-width: 420px) {
#main-content .search-field {
padding: 0 15px
}
#main-content .search-field form {
width: 100%
}
}
#loader-div {
position: fixed;
width: 100%;
height: 100%;
text-align: center;
z-index: 9999;
background-color: #fff;
background-color: rgba(255,255,255,0.9)
}
#newsletter-popup .nl-wraper-popup {
width: 730px;
padding-right: 280px;
padding-left: 30px;
padding-top: 38px;
padding-bottom: 60px;
height: 370px;
margin: 0px auto;
background-color: #ECEAEB;
color: #222;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -185px;
z-index: 999
}
#newsletter-popup .nl-wraper-popup .btn, #newsletter-popup .nl-wraper-popup html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #newsletter-popup .nl-wraper-popup button, #newsletter-popup .nl-wraper-popup html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar #newsletter-popup .nl-wraper-popup #view_address, #newsletter-popup .nl-wraper-popup html body .address_table .add-new-address, html body .address_table #newsletter-popup .nl-wraper-popup .add-new-address, #newsletter-popup .nl-wraper-popup html body .group-form-address .add-new-address, html body .group-form-address #newsletter-popup .nl-wraper-popup .add-new-address {
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px
}
#newsletter-popup .nl-wraper-popup .group_input {
position: relative;
padding-right: 45px;
border: 1px solid #ececec;
background-color: #fff
}
#newsletter-popup .nl-wraper-popup .group_input button.btn, #newsletter-popup .nl-wraper-popup .group_input html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist #newsletter-popup .nl-wraper-popup .group_input button, #newsletter-popup .nl-wraper-popup .group_input html body .account-content #customer-account #customer_sidebar button#view_address, html body .account-content #customer-account #customer_sidebar #newsletter-popup .nl-wraper-popup .group_input button#view_address, #newsletter-popup .nl-wraper-popup .group_input html body .address_table button.add-new-address, html body .address_table #newsletter-popup .nl-wraper-popup .group_input button.add-new-address, #newsletter-popup .nl-wraper-popup .group_input html body .group-form-address button.add-new-address, html body .group-form-address #newsletter-popup .nl-wraper-popup .group_input button.add-new-address {
position: absolute;
right: 1px;
top: 1px;
height: 38px;
line-height: 38px;
border-color: transparent !important;
margin-right: 0 !important
}
#newsletter-popup .nl-wraper-popup .group_input .form-control {
height: 40px;
line-height: 40px;
padding-right: 0 !important;
width: 100% !important;
border: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
#newsletter-popup .nl-wraper-popup .nl-popup-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
cursor: pointer;
background-color: #000;
border-radius: 50%;
border: 2px solid #fff;
text-align: center
}
#newsletter-popup .nl-wraper-popup .nl-popup-close i.fa {
margin-top: 5px;
color: #fff
}
#newsletter-popup .nl-wraper-popup #popup-hide {
margin-top: 20px
}
#newsletter-popup .nl-wraper-popup #popup-hide #mc-popup-hide {
vertical-align: -4px
}
@media (max-width: 767px) {
#newsletter-popup .nl-wraper-popup {
width: 90%;
padding-right: 50px
}
}
@media (max-width: 420px) {
#newsletter-popup .nl-wraper-popup {
padding-right: 20px
}
#newsletter-popup .nl-wraper-popup #popup-hide {
margin-top: 10px
}
}
.float-right-icon {
position: fixed;
bottom: 110px;
right: 20px;
z-index: 9
}
.float-right-icon ul {
list-style: none
}
.float-right-icon ul li ._box, .float-right-icon ul li .cart-float-right, .float-right-icon ul li #scroll-to-top {
width: 50px;
height: 50px;
background-color: #222;
border-radius: 50%;
text-align: center;
line-height: 46px;
cursor: pointer;
border: 1px solid rgba(255,255,255,0.1)
}
.float-right-icon ul li ._box>i.fa, .float-right-icon ul li .cart-float-right>i.fa, .float-right-icon ul li #scroll-to-top>i.fa {
color: #fff
}
.float-right-icon ul li ._box .num-items-in-cart, .float-right-icon ul li .cart-float-right .num-items-in-cart, .float-right-icon ul li #scroll-to-top .num-items-in-cart {
color: #fff;
font-size: 13px;
height: 100%;
line-height: 50px
}
@media (min-width: 1200px) {
.float-right-icon ul li ._box, .float-right-icon ul li .cart-float-right, .float-right-icon ul li #scroll-to-top {
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease
}
}
.float-right-icon ul li ._box:hover, .float-right-icon ul li .cart-float-right:hover, .float-right-icon ul li #scroll-to-top:hover {
background-color: #fff;
border: 1px solid #222
}
.float-right-icon ul li ._box:hover .num-items-in-cart, .float-right-icon ul li .cart-float-right:hover .num-items-in-cart, .float-right-icon ul li #scroll-to-top:hover .num-items-in-cart {
color: #222
}
.float-right-icon ul li ._box:hover>.fa, .float-right-icon ul li .cart-float-right:hover>.fa, .float-right-icon ul li #scroll-to-top:hover>.fa {
color: #222
}
.float-right-icon ul li .tooltip {
line-height: 2em
}
.float-right-icon ul .cart-float-right {
position: relative
}
.float-right-icon ul .cart-float-right .sub-dropdown {
position: absolute;
padding-right: 11px;
left: auto;
right: 100%;
width: 100%;
height: 100%
}
.float-right-icon ul .cart-float-right .cart {
color: #fff
}
.float-right-icon ul .cart-float-right .cart i.fa {
font-size: 15px
}
.float-right-icon ul .cart-float-right .dropdown-menu {
position: absolute;
right: 100%;
left: auto;
top: auto;
margin-right: 10px;
bottom: 0;
padding: 10px
}
@media (min-width: 1199px) {
.float-right-icon ul .cart-float-right .dropdown-menu {
display: block !important;
-ms-transform: scale(0, 1);
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease
}
}
.float-right-icon ul .cart-float-right .dropdown-menu .items {
width: 240px;
position: relative
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row {
margin: 0;
position: relative;
padding-bottom: 10px;
margin-bottom: 10px
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row .cart-close {
position: absolute;
left: 0;
right: auto;
top: 0;
width: 20px;
height: 20px;
text-align: center;
line-height: 17px;
margin-right: 2px;
background-color: #fff
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row .cart-left {
width: 30%;
float: left
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row .cart-right {
width: 70%;
padding-left: 10px;
float: left
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row .cart-right .cart-title {
line-height: 1.5em;
font-weight: 600
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row .cart-right .cart-price {
line-height: 1em;
font-weight: 600;
margin: 10px 0
}
.float-right-icon ul .cart-float-right .dropdown-menu .items .row:last-child {
border-bottom: 0px
}
.float-right-icon ul .cart-float-right .dropdown-menu .subtotal {
font-weight: bold
}
.float-right-icon ul .cart-float-right .dropdown-menu .subtotal span {
padding-right: 10px
}
.float-right-icon ul .cart-float-right .dropdown-menu .action .btn, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .float-right-icon ul .cart-float-right .dropdown-menu .action button, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .float-right-icon ul .cart-float-right .dropdown-menu .action #view_address, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .address_table .add-new-address, html body .address_table .float-right-icon ul .cart-float-right .dropdown-menu .action .add-new-address, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .group-form-address .add-new-address, html body .group-form-address .float-right-icon ul .cart-float-right .dropdown-menu .action .add-new-address {
vertical-align: top;
text-transform: uppercase
}
.float-right-icon ul .cart-float-right .dropdown-menu .action .btn i.fa, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .product-detail-content #product-information .add-to-wishlist button i.fa, html body .product-detail-content #product-information .add-to-wishlist .float-right-icon ul .cart-float-right .dropdown-menu .action button i.fa, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .account-content #customer-account #customer_sidebar #view_address i.fa, html body .account-content #customer-account #customer_sidebar .float-right-icon ul .cart-float-right .dropdown-menu .action #view_address i.fa, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .address_table .add-new-address i.fa, html body .address_table .float-right-icon ul .cart-float-right .dropdown-menu .action .add-new-address i.fa, .float-right-icon ul .cart-float-right .dropdown-menu .action html body .group-form-address .add-new-address i.fa, html body .group-form-address .float-right-icon ul .cart-float-right .dropdown-menu .action .add-new-address i.fa {
margin-left: 5px
}
.float-right-icon ul .cart-float-right .dropdown-menu .empty {
line-height: 1em
}
.float-right-icon ul .cart-float-right .dropdown-menu .empty .btn, .float-right-icon ul .cart-float-right .dropdown-menu .empty html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .float-right-icon ul .cart-float-right .dropdown-menu .empty button, .float-right-icon ul .cart-float-right .dropdown-menu .empty html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .float-right-icon ul .cart-float-right .dropdown-menu .empty #view_address, .float-right-icon ul .cart-float-right .dropdown-menu .empty html body .address_table .add-new-address, html body .address_table .float-right-icon ul .cart-float-right .dropdown-menu .empty .add-new-address, .float-right-icon ul .cart-float-right .dropdown-menu .empty html body .group-form-address .add-new-address, html body .group-form-address .float-right-icon ul .cart-float-right .dropdown-menu .empty .add-new-address {
margin-top: 10px
}
@media (min-width: 1199px) {
.float-right-icon ul .cart-float-right:hover .dropdown-menu {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
}
.float-right-icon ul .cart-float-right.off {
display: none
}
.float-right-icon ul #scroll-to-top {
font-size: 20px
}
.float-right-icon ul #scroll-to-top.off {
display: none
}
.popup-pro-wrapper {
z-index: 999
}
.popup-pro-wrapper .ajax-cart-modal-wrapper {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 20%;
width: 900px;
height: 350px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-overlay {
background-color: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box {
position: relative;
background-color: #ffffff;
height: 350px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-left, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right {
width: 50%;
float: left;
padding: 30px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-note {
position: relative;
padding-left: 70px;
margin-bottom: 25px;
line-height: 26px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
text-align: left
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-note .cirle {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
position: absolute;
top: 0;
left: 0;
background-color: #222;
padding: 10px;
display: block;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 23px;
border: 1px solid #222
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-note .cirle i.fa {
color: #fff
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-note a {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
display: block
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right {
border-left: 1px solid #ececec;
height: 100%
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-number-product {
margin-bottom: 30px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-subtotal span {
font-weight: 600
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions {
margin-top: 100px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .btn, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions button, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions #view_address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions html body .address_table .add-new-address, html body .address_table .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .add-new-address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions html body .group-form-address .add-new-address, html body .group-form-address .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .add-new-address {
font-size: 13px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue {
width: 50%;
float: left;
padding-left: 5px;
padding-right: 5px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next .btn, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next button, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next #view_address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .address_table .add-new-address, html body .address_table .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next .add-new-address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .group-form-address .add-new-address, html body .group-form-address .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next .add-new-address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue .btn, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue button, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue #view_address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .address_table .add-new-address, html body .address_table .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue .add-new-address, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .group-form-address .add-new-address, html body .group-form-address .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue .add-new-address {
width: 100%;
padding-left: 5px;
padding-right: 5px;
letter-spacing: 0
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue {
float: left
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue .btn .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .product-detail-content #product-information .add-to-wishlist button .fa, html body .product-detail-content #product-information .add-to-wishlist .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue button .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .account-content #customer-account #customer_sidebar #view_address .fa, html body .account-content #customer-account #customer_sidebar .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue #view_address .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .address_table .add-new-address .fa, html body .address_table .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue .add-new-address .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue html body .group-form-address .add-new-address .fa, html body .group-form-address .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-continue .add-new-address .fa {
margin-right: 5px;
margin-left: 0px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next {
float: left
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next .btn .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .product-detail-content #product-information .add-to-wishlist button .fa, html body .product-detail-content #product-information .add-to-wishlist .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next button .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .account-content #customer-account #customer_sidebar #view_address .fa, html body .account-content #customer-account #customer_sidebar .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next #view_address .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .address_table .add-new-address .fa, html body .address_table .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next .add-new-address .fa, .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next html body .group-form-address .add-new-address .fa, html body .group-form-address .popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .ajax-cart-group-actions .ajax-cart-next .add-new-address .fa {
margin-left: 5px;
margin-right: 0px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .countDiv {
display: block;
width: 100%;
float: left;
margin-top: 10px
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-right .countDiv span {
font-weight: 600
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-close {
position: absolute;
top: 0;
left: 100%;
width: 30px;
height: 30px;
text-align: center;
border: 2px solid #fff;
margin-left: 5px;
cursor: pointer
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-close i.fa {
color: #fff;
line-height: 24px;
cursor: pointer
}
.popup-pro-wrapper .ajax-cart-modal-wrapper .ajax-cart-box .ajax-cart-desc {
text-align: left
}
.popup-pro-wrapper .ajax-cart-image {
padding-left: 0
}
.popup-pro-wrapper .ajax-cart-product-title {
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px
}
.popup-pro-wrapper .ajax-cart-price {
font-size: 20px;
margin-bottom: 25px
}
.popup-pro-wrapper .ajax-cart-price strong {
font-weight: 600
}
.popup-pro-wrapper .ajax-cart-variant {
margin-bottom: 3px
}
.popup-pro-wrapper .btn, .popup-pro-wrapper html body .product-detail-content #product-information .add-to-wishlist button, html body .product-detail-content #product-information .add-to-wishlist .popup-pro-wrapper button, .popup-pro-wrapper html body .account-content #customer-account #customer_sidebar #view_address, html body .account-content #customer-account #customer_sidebar .popup-pro-wrapper #view_address, .popup-pro-wrapper html body .address_table .add-new-address, html body .address_table .popup-pro-wrapper .add-new-address, .popup-pro-wrapper html body .group-form-address .add-new-address, html body .group-form-address .popup-pro-wrapper .add-new-address {
padding-top: 0;
padding-bottom: 0;
height: 40px;
line-height: 40px
}
.modal-content .modal-header {
border-bottom: 0
}
.modal-content .modal-body .product-image {
overflow: hidden
}
.modal-content .modal-body .product-image-thumb {
margin-left: -3px;
margin-right: -3px
}
.modal-content .modal-body .product-image-thumb .owl-item {
padding-left: 3px !important;
padding-right: 3px !important
}
.modal-content .modal-body .product-image-thumb .owl-item a {
display: block
}
.modal-content .modal-body .product-image-thumb .image-thumb {
display: block;
padding: 1px
}
.modal-content .modal-body .product-image-thumb .image-thumb.active {
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75)
}
.modal-content .modal-body .product-image-thumb .image-thumb.active img {
opacity: 0.4;
filter: alpha(opacity=40)
}
@media (min-width: 1200px) {
.modal-content .modal-body .product-image-thumb .image-thumb {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.modal-content .modal-body .product-image-thumb .image-thumb:hover {
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75)
}
.modal-content .modal-body .product-image-thumb .image-thumb:hover img {
opacity: 0.4;
filter: alpha(opacity=40)
}
}
.modal-content .modal-body #quick-shop-title {
margin-top: 0
}
.modal-content .modal-body .owl-buttons .owl-prev, .modal-content .modal-body .owl-buttons .owl-next {
position: absolute;
top: 50%;
margin-top: -10px;
width: 30px
}
.modal-content .modal-body .owl-buttons .owl-prev {
left: 0
}
.modal-content .modal-body .owl-buttons .owl-next {
right: 0
}
.modal-content .modal-body .rating-star {
margin-bottom: 15px
}
.modal-content .modal-body .detail-price {
margin-bottom: 15px;
font-weight: 600
}
.modal-content .modal-body .detail-price del {
margin-right: 10px
}
.modal-content .modal-body .quantity-wrapper {
float: none;
clear: both;
margin-bottom: 15px
}
.modal-content .modal-body .quantity-wrapper .wrapper-title {
line-height: 36px
}
.modal-content .modal-body .swatch .header {
width: 100%;
float: none;
clear: both
}
.modal-content .modal-body #quick-shop-variants-container {
display: none !important
}
.modal-content .modal-body .others-bottom {
width: 100%;
float: left;
margin-top: 15px
}
.modal-content .modal-body .others-bottom input {
width: 100%;
height: 40px;
line-height: 40px
}
@media (max-width: 1199px) {
.row {
margin-left: 0;
margin-right: 0
}
}
@media (max-width: 991px) {
.row {
margin-left: 0;
margin-right: 0
}
}
@media (max-width: 767px) {
header .is-mobile-nav-menu .dropdown-menu .dropdown-menu {
display: block !important;
padding-left: 20px !important
}
}
#tags-load {
text-align: center;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
left: 0;
right: 0;
top: 0;
z-index: 9999
}
#tags-load>i {
top: 50%;
position: absolute
}
[class^='imghvr-'], [class*=' imghvr-'] {
position: relative;
display: inline-block;
margin: 0;
max-width: 100%;
background-color: #000000;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
vertical-align: top;
max-width: 100%;
}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
background-color:#000000;
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #ffffff;
}
[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
color: #ffffff;
}
[class^='imghvr-'] a, [class*=' imghvr-'] a {
position: absolute;
top: 70px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
/* imghvr-fade-*
----------------------------- */
[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
opacity: 0;
}
[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
opacity: 0;
}
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
opacity: 1;
}
[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/* imghvr-fade
----------------------------- */
/* imghvr-fade-in-up
----------------------------- */
.imghvr-fade-in-up figcaption {
-webkit-transform: translate(0, 15%);
-moz-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%);
}
/* imghvr-fade-in-down
----------------------------- */
.imghvr-fade-in-down figcaption {
-webkit-transform: translate(0, -15%);
-moz-transform: translate(0, -15%);
-ms-transform: translate(0, -15%);
-o-transform: translate(0, -15%);
transform: translate(0, -15%);
}
/* imghvr-fade-in-left
----------------------------- */
.imghvr-fade-in-left figcaption {
-webkit-transform: translate(-15%, 0);
-moz-transform: translate(-15%, 0);
-ms-transform: translate(-15%, 0);
-o-transform: translate(-15%, 0);
transform: translate(-15%, 0);
}
/* imghvr-fade-in-right
----------------------------- */
.imghvr-fade-in-right figcaption {
-webkit-transform: translate(15%, 0);
-moz-transform: translate(15%, 0);
-ms-transform: translate(15%, 0);
-o-transform: translate(15%, 0);
transform: translate(15%, 0);
}
/* imghvr-push-*
----------------------------- */
[class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/* imghvr-push-up
----------------------------- */
.imghvr-push-up figcaption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-push-up:hover > img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* imghvr-push-down
----------------------------- */
.imghvr-push-down figcaption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/* imghvr-push-left
----------------------------- */
.imghvr-push-left figcaption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-push-left:hover > img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
/* imghvr-push--right
----------------------------- */
.imghvr-push-right figcaption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* imghvr-slide-*
----------------------------- */
[class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/* imghvr-slide-up
----------------------------- */
.imghvr-slide-up figcaption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/* imghvr-slide-down
----------------------------- */
.imghvr-slide-down figcaption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* imghvr-slide-left
----------------------------- */
.imghvr-slide-left figcaption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* imghvr-slide-right
----------------------------- */
.imghvr-slide-right figcaption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
/* imghvr-slide-top-left
----------------------------- */
.imghvr-slide-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* imghvr-slide-top-right
----------------------------- */
.imghvr-slide-top-right figcaption {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* imghvr-slide-bottom-left
----------------------------- */
.imghvr-slide-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* imghvr-slide-bottom-right
----------------------------- */
.imghvr-slide-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* imghvr-reveal-*
----------------------------- */
[class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #135796;
}
[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption {
opacity: 0;
}
[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* imghvr-reveal-up
----------------------------- */
.imghvr-reveal-up:before {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/* imghvr-reveal-down
----------------------------- */
.imghvr-reveal-down:before {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* imghvr-reveal-left
----------------------------- */
.imghvr-reveal-left:before {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* imghvr-reveal-right
----------------------------- */
.imghvr-reveal-right:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
/* imghvr-reveal-top-left
----------------------------- */
.imghvr-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* imghvr-reveal-top-right
----------------------------- */
.imghvr-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* imghvr-reveal-bottom-left
----------------------------- */
.imghvr-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* imghvr-reveal-bottom-right
----------------------------- */
.imghvr-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* imghvr-hinge-*
----------------------------- */
[class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img {
opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* imghvr-hinge-up
----------------------------- */
.imghvr-hinge-up img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
/* imghvr-hinge-down
----------------------------- */
.imghvr-hinge-down img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-moz-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
-o-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
/* imghvr-hinge-left
----------------------------- */
.imghvr-hinge-left img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
/* imghvr-hinge-right
----------------------------- */
.imghvr-hinge-right img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
/* imghvr-flip-*
----------------------------- */
[class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img {
backface-visibility: hidden;
}
[class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption {
opacity: 0;
}
[class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img {
opacity: 0;
}
[class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.14s;
-moz-transition-delay: 0.14s;
transition-delay: 0.14s;
}
/* imghvr-flip-horiz
----------------------------- */
.imghvr-flip-horiz figcaption {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* imghvr-flip-vert
----------------------------- */
.imghvr-flip-vert figcaption {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* imghvr-flip-diag-1
----------------------------- */
.imghvr-flip-diag-1 figcaption {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
-moz-transform: rotate3d(1, -1, 0, 100deg);
-ms-transform: rotate3d(1, -1, 0, 100deg);
-o-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
-moz-transform: rotate3d(-1, 1, 0, 100deg);
-ms-transform: rotate3d(-1, 1, 0, 100deg);
-o-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-flip-diag-2
----------------------------- */
.imghvr-flip-diag-2 figcaption {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-ms-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
-moz-transform: rotate3d(-1, -1, 0, 100deg);
-ms-transform: rotate3d(-1, -1, 0, 100deg);
-o-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-shutter-out-*
----------------------------- */
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
background:#000000;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
/* imghvr-shutter-out-horiz
----------------------------- */
.imghvr-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
left: 0;
right: 0;
}
/* imghvr-shutter-out-vert
----------------------------- */
.imghvr-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
}
/* imghvr-shutter-out-diag-1
----------------------------- */
.imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
}
/* imghvr-shutter-out-diag-2
----------------------------- */
.imghvr-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
}
/* imghvr-shutter-in-*
----------------------------- */
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {
background: #000000;
position: absolute;
content: '';
}
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* imghvr-shutter-in-horiz
----------------------------- */
.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
width: 50%;
}
/* imghvr-shutter-in-vert
----------------------------- */
.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
height: 50%;
}
/* imghvr-shutter-in-out-horiz
----------------------------- */
.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
width: 100%;
}
/* imghvr-shutter-in-out-vert
----------------------------- */
.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
height: 100%;
}
/* imghvr-shutter-in-out-diag-1
----------------------------- */
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
-moz-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
-o-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
-moz-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
-o-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-moz-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
-o-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-moz-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
-o-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
}
/* imghvr-shutter-in-out-diag-2
----------------------------- */
.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
-moz-transform: skew(45deg) translateX(-100%);
-ms-transform: skew(45deg) translateX(-100%);
-o-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
-moz-transform: skew(45deg) translateX(100%);
-ms-transform: skew(45deg) translateX(100%);
-o-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
-moz-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
-o-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.imghvr-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
-moz-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
-o-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
/* imghvr-fold*
----------------------------- */
[class^='imghvr-fold'], [class*=' imghvr-fold'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-fold'] img, [class*=' imghvr-fold'] img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption {
z-index: 1;
opacity: 0;
}
[class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img {
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
[class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* imghvr-fold-up
----------------------------- */
.imghvr-fold-up > img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-up figcaption {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
-moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
-ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
-o-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
}
/* imghvr-fold-down
----------------------------- */
.imghvr-fold-down > img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-down:hover > img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
/* imghvr-fold-left
----------------------------- */
.imghvr-fold-left > img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-fold-left figcaption {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
/* imghvr-fold-right
----------------------------- */
.imghvr-fold-right > img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
/* imghvr-zoom-in
----------------------------- */
.imghvr-zoom-in figcaption {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* imghvr-zoom-out*
----------------------------- */
[class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* imghvr-zoom-out
----------------------------- */
.imghvr-zoom-out:hover > img {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
/* imghvr-zoom-out-up
----------------------------- */
.imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
-webkit-animation: imghvr-zoom-out-up 0.4025s linear;
-moz-animation: imghvr-zoom-out-up 0.4025s linear;
animation: imghvr-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
-moz-transform: scale(0.8) translateY(-150%);
-ms-transform: scale(0.8) translateY(-150%);
-o-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
-moz-transform: scale(0.8) translateY(-150%);
-ms-transform: scale(0.8) translateY(-150%);
-o-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
/* imghvr-zoom-out-down
----------------------------- */
.imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
-webkit-animation: imghvr-zoom-out-down 0.4025s linear;
-moz-animation: imghvr-zoom-out-down 0.4025s linear;
animation: imghvr-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
-moz-transform: scale(0.8) translateY(150%);
-ms-transform: scale(0.8) translateY(150%);
-o-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
-moz-transform: scale(0.8) translateY(150%);
-ms-transform: scale(0.8) translateY(150%);
-o-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
/* imghvr-zoom-out-left
----------------------------- */
.imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
-webkit-animation: imghvr-zoom-out-left 0.4025s linear;
-moz-animation: imghvr-zoom-out-left 0.4025s linear;
animation: imghvr-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
-moz-transform: scale(0.8) translateX(-150%);
-ms-transform: scale(0.8) translateX(-150%);
-o-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
-moz-transform: scale(0.8) translateX(-150%);
-ms-transform: scale(0.8) translateX(-150%);
-o-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
/* imghvr-zoom-out-right
----------------------------- */
.imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
-webkit-animation: imghvr-zoom-out-right 0.4025s linear;
-moz-animation: imghvr-zoom-out-right 0.4025s linear;
animation: imghvr-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
-moz-transform: scale(0.8) translateX(150%);
-ms-transform: scale(0.8) translateX(150%);
-o-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
-moz-transform: scale(0.8) translateX(150%);
-ms-transform: scale(0.8) translateX(150%);
-o-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
/* imghvr-zoom-out-flip-horiz
----------------------------- */
.imghvr-zoom-out-flip-horiz {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
-moz-transform: rotateX(0) translateY(0%) scale(1);
-ms-transform: rotateX(0) translateY(0%) scale(1);
-o-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* imghvr-zoom-out-flip-vert
----------------------------- */
.imghvr-zoom-out-flip-vert {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
-moz-transform: rotateY(0) translate(0, 0) scale(1);
-ms-transform: rotateY(0) translate(0, 0) scale(1);
-o-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* imghvr-blur
----------------------------- */
.imghvr-blur figcaption {
opacity: 0;
}
.imghvr-blur:hover > img {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.imghvr-blur:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/*# sourceMappingURL=imagehover.css.map */