/***************************************
TABLE OF CONTENTS
1. COLOURS
2. TYPOGRAPHY
3. BORDER RADIUS & WIDTH
4. DEFAULT BROWSER OVERRIDES
5. HELPERS
6. MIXINS
7. ANIMATIONS
***************************************/
/***************************************
1. COLOURS
***************************************/
/***************************************
2. TYPOGRAPHY
***************************************/
/***************************************
3. BORDER RADIUS & WIDTH
***************************************/
/***************************************
4. DEFAULT BROWSER OVERRIDES
***************************************/
input:-webkit-autofill {
background-color: rgba(255, 255, 255, 0);
background-image: none;
color: #000000;
}
textarea:-webkit-autofill {
background-color: rgba(255, 255, 255, 0);
background-image: none;
color: #000000;
}
select:-webkit-autofill {
background-color: rgba(255, 255, 255, 0);
background-image: none;
color: #000000;
}
:focus {
outline: none;
}
/***************************************
5. HELPERS
***************************************/
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.addBottom-xs {
margin-bottom: 3px;
}
.addBottom-sm {
margin-bottom: 5px;
}
.addBottom-md {
margin-bottom: 10px;
}
.addBottom-lg {
margin-bottom: 15px;
}
.addBottom-xl {
margin-bottom: 20px;
}
.addBottom-xxl {
margin-bottom: 25px;
}
.addBottom-xxxl {
margin-bottom: 30px;
}
.addTop-xs {
margin-top: 3px;
}
.addTop-sm {
margin-top: 5px;
}
.addTop-md {
margin-top: 10px;
}
.addTop-lg {
margin-top: 15px;
}
.addTop-xl {
margin-top: 20px;
}
.addTop-xxl {
margin-top: 25px;
}
.addTop-xxxl {
margin-top: 30px;
}
.padTop-xs {
padding-top: 3px;
}
.padTop-sm {
padding-top: 5px;
}
.padTop-md {
padding-top: 10px;
}
.padTop-lg {
padding-top: 15px;
}
.padTop-xl {
padding-top: 20px;
}
.padTop-xxl {
padding-top: 25px;
}
.padTop-xxxl {
padding-top: 30px;
}
.padBottom-xs {
padding-bottom: 3px;
}
.padBottom-sm {
padding-bottom: 5px;
}
.padBottom-md {
padding-bottom: 10px;
}
.padBottom-lg {
padding-bottom: 15px;
}
.padBottom-xl {
padding-bottom: 20px;
}
.padBottom-xxl {
padding-bottom: 25px;
}
.padBottom-xxxl {
padding-bottom: 30px;
}
.res-addBottom-xs {
margin-bottom: 3px;
}
.res-addBottom-sm {
margin-bottom: 5px;
}
.res-addBottom-md {
margin-bottom: 10px;
}
.res-addBottom-lg {
margin-bottom: 15px;
}
.res-addBottom-xl {
margin-bottom: 20px;
}
.res-addBottom-xxl {
margin-bottom: 25px;
}
.res-addBottom-xxxl {
margin-bottom: 30px;
}
.res-addTop-xs {
margin-top: 3px;
}
.res-addTop-sm {
margin-top: 5px;
}
.res-addTop-md {
margin-top: 10px;
}
.res-addTop-lg {
margin-top: 15px;
}
.res-addTop-xl {
margin-top: 50px;
}
.res-addTop-xxl {
margin-top: 25px;
}
.res-addTop-xxxl {
margin-top: 30px;
}
.res-padTop-xs {
padding-top: 3px;
}
.res-padTop-sm {
padding-top: 5px;
}
.res-padTop-md {
padding-top: 10px;
}
.res-padTop-lg {
padding-top: 15px;
}
.res-padTop-xl {
padding-top: 20px;
}
.res-padTop-xxl {
padding-top: 25px;
}
.res-padTop-xxxl {
padding-top: 30px;
}
.res-padBottom-xs {
padding-bottom: 3px;
}
.res-padBottom-sm {
padding-bottom: 5px;
}
.res-padBottom-md {
padding-bottom: 10px;
}
.res-padBottom-lg {
padding-bottom: 15px;
}
.res-padBottom-xl {
padding-bottom: 20px;
}
.res-padBottom-xxl {
padding-bottom: 25px;
}
.res-padBottom-xxxl {
padding-bottom: 30px;
}
@media (min-width: 768px) {
.res-addBottom-xs {
margin-bottom: 3px;
}
.res-addBottom-sm {
margin-bottom: 5px;
}
.res-addBottom-md {
margin-bottom: 10px;
}
.res-addBottom-lg {
margin-bottom: 15px;
}
.res-addBottom-xl {
margin-bottom: 20px;
}
.res-addBottom-xxl {
margin-bottom: 25px;
}
.res-addBottom-xxxl {
margin-bottom: 30px;
}
.res-addTop-xs {
margin-top: calc(3px);
}
.res-addTop-sm {
margin-top: calc(6px);
}
.res-addTop-md {
margin-top: calc(9px);
}
.res-addTop-lg {
margin-top: calc(12px);
}
.res-addTop-xl {
margin-top: calc(15px);
}
.res-addTop-xxl {
margin-top: calc(18px);
}
.res-addTop-xxxl {
margin-top: calc(21px);
}
.res-padTop-xs {
padding-top: 3px;
}
.res-padTop-sm {
padding-top: 5px;
}
.res-padTop-md {
padding-top: 10px;
}
.res-padTop-lg {
padding-top: 15px;
}
.res-padTop-xl {
padding-top: 20px;
}
.res-padTop-xxl {
padding-top: 25px;
}
.res-padTop-xxxl {
padding-top: 30px;
}
.res-padBottom-xs {
padding-bottom: 3px;
}
.res-padBottom-sm {
padding-bottom: 5px;
}
.res-padBottom-md {
padding-bottom: 10px;
}
.res-padBottom-lg {
padding-bottom: 15px;
}
.res-padBottom-xl {
padding-bottom: 20px;
}
.res-padBottom-xxl {
padding-bottom: 25px;
}
.res-padBottom-xxxl {
padding-bottom: 30px;
}
}
@media (min-width: 992px) {
.res-addBottom-xs {
margin-bottom: 5px;
}
.res-addBottom-sm {
margin-bottom: 10px;
}
.res-addBottom-md {
margin-bottom: 15px;
}
.res-addBottom-lg {
margin-bottom: 20px;
}
.res-addBottom-xl {
margin-bottom: 25px;
}
.res-addBottom-xxl {
margin-bottom: 30px;
}
.res-addBottom-xxxl {
margin-bottom: 50px;
}
.res-addTop-xs {
margin-top: 3px;
}
.res-addTop-sm {
margin-top: 5px;
}
.res-addTop-md {
margin-top: 10px;
}
.res-addTop-lg {
margin-top: 15px;
}
.res-addTop-xl {
margin-top: 50px;
}
.res-addTop-xxl {
margin-top: 25px;
}
.res-addTop-xxxl {
margin-top: 30px;
}
.res-padTop-xs {
padding-top: 3px;
}
.res-padTop-sm {
padding-top: 5px;
}
.res-padTop-md {
padding-top: 10px;
}
.res-padTop-lg {
padding-top: 15px;
}
.res-padTop-xl {
padding-top: 20px;
}
.res-padTop-xxl {
padding-top: 25px;
}
.res-padTop-xxxl {
padding-top: 30px;
}
.res-padBottom-xs {
padding-bottom: 3px;
}
.res-padBottom-sm {
padding-bottom: 5px;
}
.res-padBottom-md {
padding-bottom: 10px;
}
.res-padBottom-lg {
padding-bottom: 15px;
}
.res-padBottom-xl {
padding-bottom: 20px;
}
.res-padBottom-xxl {
padding-bottom: 25px;
}
.res-padBottom-xxxl {
padding-bottom: 30px;
}
}
@media (min-width: 1200px) {
.res-addBottom-xs {
margin-bottom: 10px;
}
.res-addBottom-sm {
margin-bottom: 20px;
}
.res-addBottom-md {
margin-bottom: 30px;
}
.res-addBottom-lg {
margin-bottom: 40px;
}
.res-addBottom-xl {
margin-bottom: 50px;
}
.res-addBottom-xxl {
margin-bottom: 80px;
}
.res-addBottom-xxxl {
margin-bottom: 120px;
}
.res-addTop-xs {
margin-top: calc(10px);
}
.res-addTop-sm {
margin-top: calc(20px);
}
.res-addTop-md {
margin-top: calc(30px);
}
.res-addTop-lg {
margin-top: calc(40px);
}
.res-addTop-xl {
margin-top: calc(50px);
}
.res-addTop-xxl {
margin-top: calc(60px);
}
.res-addTop-xxxl {
margin-top: calc(70px);
}
.res-padTop-xs {
padding-top: 10px;
}
.res-padTop-sm {
padding-top: 20px;
}
.res-padTop-md {
padding-top: 30px;
}
.res-padTop-lg {
padding-top: 40px;
}
.res-padTop-xl {
padding-top: 50px;
}
.res-padTop-xxl {
padding-top: 80px;
}
.res-padTop-xxxl {
padding-top: 120px;
}
.res-padBottom-xs {
padding-bottom: 10px;
}
.res-padBottom-sm {
padding-bottom: 20px;
}
.res-padBottom-md {
padding-bottom: 30px;
}
.res-padBottom-lg {
padding-bottom: 40px;
}
.res-padBottom-xl {
padding-bottom: 50px;
}
.res-padBottom-xxl {
padding-bottom: 80px;
}
.res-padBottom-xxxl {
padding-bottom: 120px;
}
}
a.a-reset,
a.a-clear:visited,
a.a-clear:active {
color: #000;
text-decoration: none;
}
a.a-reset:hover {
color: #000;
text-decoration: none;
}
a.a-clear:link,
a.a-clear:visited,
a.a-clear:active {
color: #000;
text-decoration: none;
}
a.a-clear:hover {
color: #b69f67;
text-decoration: none;
}
a.link-white {
color: #fff;
}
.text-reset {
all: unset;
}
.text-inline {
display: inline-block;
}
.text-base {
color: #b69f67;
}
.text-base-color {
color: #b69f67;
}
.text-white {
color: #fff;
}
.text-black {
color: #000;
}
.text-caps {
text-transform: uppercase;
}
.text-lowercase {
text-transform: lowercase;
}
.text-i {
font-style: italic;
}
.text-b {
font-weight: bold;
}
.text-lh-05 {
line-height: 0.5em;
}
.text-lh-1 {
line-height: 1em;
}
.text-lh-15 {
line-height: 1.5em;
}
.text-lh-2 {
line-height: 2em;
}
.text-lh-25 {
line-height: 2.5em;
}
.text-lh-3 {
line-height: 3em;
}
.text-size-04 {
fonts-size: 0.4em;
}
.text-size-05 {
fonts-size: 0.5em;
}
.text-size-06 {
fonts-size: 0.6em;
}
.text-size-07 {
fonts-size: 0.7em;
}
.text-size-08 {
fonts-size: 0.8em;
}
.text-size-09 {
fonts-size: 0.9em;
}
.text-size-10 {
fonts-size: 1em;
}
.text-size-11 {
fonts-size: 1.1em;
}
.text-size-12 {
fonts-size: 1.2em;
}
.text-size-13 {
fonts-size: 1.3em;
}
.text-size-14 {
fonts-size: 1.4em;
}
.text-size-15 {
fonts-size: 1.5em;
}
.text-size-16 {
fonts-size: 1.6em;
}
.text-size-17 {
fonts-size: 1.7em;
}
.text-size-18 {
fonts-size: 1.8em;
}
.text-size-19 {
fonts-size: 1.9em;
}
.text-size-20 {
fonts-size: 2em;
}
.text-size-22 {
fonts-size: 2.2em;
}
.text-size-24 {
fonts-size: 2.4em;
}
.text-size-26 {
fonts-size: 2.6em;
}
.text-size-28 {
fonts-size: 2.8em;
}
.text-size-3 {
fonts-size: 3em;
}
.text-size-9px {
fonts-size: 9px;
}
.text-size-10px {
fonts-size: 10px;
}
.text-size-11px {
fonts-size: 11px;
}
.text-size-12px {
fonts-size: 12px;
}
.text-size-13px {
fonts-size: 13px;
}
.text-size-14px {
fonts-size: 14px;
}
.text-size-15px {
fonts-size: 15px;
}
.text-size-16px {
fonts-size: 16px;
}
.text-size-18px {
fonts-size: 18px;
}
.text-size-20px {
fonts-size: 20px;
}
.text-size-22px {
fonts-size: 22px;
}
.text-size-24px {
fonts-size: 24px;
}
.text-size-26px {
fonts-size: 26px;
}
.text-size-28px {
fonts-size: 28px;
}
.text-size-32px {
fonts-size: 32px;
}
.text-shadow {
-webkit-text-shadow: 1px 3px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 1px 3px 0 rgba(0, 0, 0, 0.5);
text-shadow: 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.text-shadow-flat {
-webkit-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
-moz-text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
}
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
/***************************************
MIXINS
***************************************/
/***************************************
7. ANIMATIONS
***************************************/
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.play-animation {
animation-name: wechat-add-to-cart;
animation-duration: 0.4s;
}
@-webkit-keyframes wechat-add-to-cart {
from {
opacity: 1;
-webkit-transform: scale(2, 2);
}
to {
opacity: 0;
-webkit-transform: scale(1, 1);
}
}
@keyframes wechat-add-to-cart {
from {
opacity: 1;
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
}
to {
opacity: 0;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.play-animation-qty {
animation-name: wechat-qty;
animation-duration: 500ms;
animation-iteration-count: 1;
}
@-webkit-keyframes wechat-qty {
0% {
background-color: #fff;
box-shadow: none;
}
20% {
background-color: #ccc;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
}
100% {
background-color: #fff;
box-shadow: none;
}
}
@keyframes wechat-qty {
0% {
background-color: #fff;
box-shadow: none;
}
20% {
background-color: #ccc;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
}
100% {
background-color: #fff;
box-shadow: none;
}
}
.play-animation-close {
animation-name: wechat-close;
animation-duration: 200ms;
animation-iteration-count: 1;
}
@-webkit-keyframes wechat-close {
0% {
background: transparent;
box-shadow: none;
}
100% {
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
}
@keyframes wechat-close {
0% {
background: transparent;
box-shadow: none;
}
100% {
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
}
.play-animation-filter-open {
animation-name: wechat-filter-open;
animation-duration: 400ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@-webkit-keyframes wechat-filter-open {
0% {
transform: translateX(0);
}
100% {
transform: translateX(120%);
}
}
@keyframes wechat-filter-open {
0% {
transform: translateX(0);
}
100% {
transform: translateX(120%);
}
}
.play-animation-filter-close {
animation-name: wechat-filter-close;
animation-duration: 400ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@-webkit-keyframes wechat-filter-close {
0% {
transform: translateX(120%);
}
20% {
transform: translateX(120%);
}
100% {
transform: translateX(0);
}
}
@keyframes wechat-filter-close {
0% {
transform: translateX(120%);
}
20% {
transform: translateX(120%);
}
100% {
transform: translateX(0);
}
}
.clickani {
transition: color 0.7s;
position: relative;
}
.clickani.clickani-click,
.clickani:focus {
outline: none;
color: #3c8ddc;
}
.clickani_icon {
display: block;
}
.clickani_text {
position: absolute;
opacity: 0;
pointer-events: none;
}
.clickani::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
opacity: 0;
pointer-events: none;
z-index: 999999;
}
.catalog-product-view .clickani#modal-popup-close::after {
width: 42px;
height: 42px;
margin-top: -8px;
margin-left: -6px;
}
.clickani-type1::after {
box-shadow: inset 0 0 0 35px rgba(111, 148, 182, 0);
}
.clickani-type1.clickani-click::after {
-webkit-animation: anim-effect-type1 0.5s ease-out forwards;
animation: anim-effect-type1 0.5s ease-out forwards;
}
@-webkit-keyframes anim-effect-type1 {
0% {
opacity: 1;
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1);
}
80% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0.1;
}
100% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
@keyframes anim-effect-type1 {
0% {
opacity: 1;
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1);
}
80% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0.1;
}
100% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
.clickani-type2::after {
background: rgba(111, 148, 182, 0.5);
}
.clickani-type2.clickani-click::after {
-webkit-animation: anim-effect-type2 0.3s forwards;
animation: anim-effect-type2 0.3s forwards;
}
@-webkit-keyframes anim-effect-type2 {
0% {
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1);
}
25%,
50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
@keyframes anim-effect-type2 {
0% {
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1);
}
25%,
50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
.page.messages {
z-index: 98;
}
.cart-container .form-cart {
width: 75%;
padding-right: 4%;
position: relative;
}
.popover > .arrow {
display: none;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
position: absolute;
right: 32px;
top: 32px;
width: 64px;
height: 64px;
opacity: 0.7;
background: none;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:hover {
opacity: 1;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before,
.fotorama--fullscreen .fotorama__fullscreen-icon:after {
position: absolute;
left: 15px;
content: ' ';
height: 65px;
width: 2px;
background-color: #666;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before {
transform: rotate(45deg);
}
.fotorama--fullscreen .fotorama__fullscreen-icon:after {
transform: rotate(-45deg);
}
.product-item-details .overview-cart {
font-size: 30px;
color: #a9c240;
}
.product-item-details .desc-prd .price {
margin-left: -3px;
}
.product-item-details .after-actions .actions-primary .share-icon {
padding-top: 8px;
padding-right: 10px;
}
.product-item-details .after-actions .actions-primary span[class*='icon-'] {
font-size: 22px;
}
.product-item-details .after-actions .actions-primary > a {
display: inline-block;
margin-right: 10px;
}
.product-item-details .after-actions .actions-primary > form {
float: right;
}
.cms-index-index .homepage-block-title,
.cms-index-index .homepage-block-title span {
font-size: 22px;
color: #000;
}
.cms-index-index .title-inline .heading span:after,
.cms-index-index .title-inline .text-desc span:after {
border: none;
}
.cms-index-index .category.widget,
.cms-index-index .brand.widget {
/*
.tocart-form button {
position: absolute;
right: 13px;
@media(min-width: 991px) {
right: 20px;
}
}
*/
}
.cms-index-index .category.widget .owl-carousel .owl-controls .owl-nav .owl-prev,
.cms-index-index .brand.widget .owl-carousel .owl-controls .owl-nav .owl-prev {
left: 35px;
}
.cms-index-index .category.widget .owl-carousel .owl-controls .owl-nav .owl-next,
.cms-index-index .brand.widget .owl-carousel .owl-controls .owl-nav .owl-next {
right: 25px;
}
/*
Custom Carousel Arrow
*/
.owl-carousel .arrow {
border-right: 3px solid #999;
border-bottom: 3px solid #999;
width: 50px;
height: 50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.owl-carousel .arrow-wrap-left {
position: absolute;
-webkit-transform: scaleX(0.6) rotate(180deg);
-moz-transform: scaleX(0.6) rotate(180deg);
-o-transform: scaleX(0.6) rotate(180deg);
transform: scaleX(0.6) rotate(180deg);
}
.owl-carousel .arrow-wrap {
position: absolute;
-webkit-transform: scaleX(0.6);
-moz-transform: scaleX(0.6);
-o-transform: scaleX(0.6);
transform: scaleX(0.6);
}
/* CAROUSEL BACKGROUND FIX */
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
background: none;
top: 50%;
}
.all_categories .owl-carousel .owl-controls .owl-prev {
left: 40px;
}
.all_categories .owl-carousel .owl-controls .owl-next {
right: 25px;
}
/*
Home Static Blocks
*/
.home-static-header .text-container,
.home-static-categories .text-container {
position: absolute;
padding: 4% 6%;
font-size: 30px;
color: #fff;
}
.home-static-header .text-container .btn,
.home-static-categories .text-container .btn {
border: 1px solid #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
background: none;
padding: 6px 50px;
border-radius: 3px;
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
.home-static-header .text-container .btn:hover,
.home-static-categories .text-container .btn:hover {
color: #fff;
border-color: #fff;
}
.home-static-header .text-container {
height: 100%;
padding: 8% 5%;
}
.home-static-header-dual > div {
padding: 0 0 14px;
}
@media (min-width: 768px) {
.home-static-header-dual > div:first-child {
padding: 0 10px 0 0;
}
.home-static-header-dual > div:last-child {
padding: 0 0 0 10px;
}
}
.home-static-categories .row {
margin: 0;
}
.home-static-categories .row .text-center .text-container {
display: inline-block;
}
.home-static-categories .row .text-center img {
display: inline;
}
.home-static-categories .row > div {
padding: 0 4px 10px;
}
@media (min-width: 768px) {
.home-static-categories .row {
padding-bottom: 20px;
}
.home-static-categories .row > div:first-child {
padding: 0 8px 0 0;
}
.home-static-categories .row > div:last-child {
padding: 0 0 0 8px;
}
}
.cms-home-page-wechat .home-static-categories .row .text-container {
padding: 7.5% 6%;
color: #6a453d;
font-size: 24px;
}
.static-megamenu {
margin: 20px 0 0 0;
}
/*
Account Section
*/
.block h1,
.block .h1 {
font-size: 30px;
color: #202020;
}
.block .block-title h2,
.block .block-title .h2 {
font-size: 22px;
padding: 14px 0px;
}
.block .block-title h2 a span,
.block .block-title .h2 a span {
position: relative;
bottom: 10px;
}
.block .block-content .box .box-title h3 {
font-size: 18px;
padding: 30px 0px 10px 0px;
}
@media (max-width: 768px) {
.block.account-nav {
padding-top: 30px;
}
}
.checkout-index-index .form.methods-shipping .price {
color: #878787;
font-size: 14px;
}
.checkout-index-index .form-shipping-address .field {
padding-bottom: 12px;
padding-left: 0;
}
.checkout-index-index .form-shipping-address .field .label-main {
text-align: right;
font-weight: normal;
padding-right: 0;
font-size: 16px;
line-height: 1.2;
}
@media (max-width: 768px) {
.checkout-index-index .form-shipping-address .field .label-main {
text-align: left;
padding-left: 12px;
}
.checkout-index-index .form-shipping-address .field .label-main span {
float: left;
}
}
.checkout-index-index .form-shipping-address .field.choice .label {
float: left;
line-height: 1.8;
font-weight: normal;
padding-left: 10px;
margin-bottom: -10px;
padding-top: 0;
}
.checkout-index-index .form-shipping-address .field.choice .checkbox {
float: left;
position: static;
left: inherit;
}
.checkout-index-index .form-shipping-address .field.field-name-lastname {
padding-bottom: 0;
}
.checkout-index-index .form-shipping-address .field:after {
display: table;
content: " ";
clear: both;
}
.checkout-index-index .form-shipping-address .field .my-details-icon {
padding: 8px;
border: 1px solid #ccc;
border-radius: 50%;
color: #ccc;
line-height: 0.4;
font-size: 20px;
margin: 7px 0 0 -10px;
}
@media (max-width: 768px) {
.checkout-index-index .form-shipping-address .field .my-details-icon {
margin: 2px 0 0 0;
}
}
.checkout-index-index .form-shipping-address .multiple-fields > div {
padding-right: 12px;
padding-left: 0;
}
.checkout-index-index .form-shipping-address .multiple-fields > div:last-child {
padding-right: 0;
}
.checkout-index-index .form-shipping-address input:-webkit-file-upload-button {
background-color: transparent;
border: 1px solid #a9c240;
border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.checkout-index-index .form-shipping-address .actions-toolbar {
padding: 40px 12px;
}
@media (max-width: 768px) {
.checkout-index-index .form-shipping-address .actions-toolbar {
padding: 20px 12px;
}
}
.checkout-index-index .form-shipping-address .actions-toolbar .secondary {
padding-top: 10px;
}
.checkout-index-index .form-shipping-address .field.choice .checkbox {
margin: 18px 10px 13px 0;
}
.popover > .arrow {
display: none;
}
.owl-stage-outer {
width: 102%;
padding: 30px 10px 10px 10px;
}
div.text-footer {
margin: 20px 20px 0 0;
height: 30px;
color: #fff;
}
.product-item-name.product-name {
margin-bottom: 0;
}
.product-item-name.product-brand {
padding: 0;
margin: 0;
font-size: 16px;
max-width: 200px;
}
.block-title strong span {
font-size: 18px;
}
.nav-main .dropdown-menu li h3 {
font-size: 20px;
}
.nav-main .dropdown-menu li h3 ul {
font-size: 16px;
}
.max-amount-warning {
margin-top: 10px;
padding: 15px 0;
border-top: 1px solid #e6e6e6;
}
.max-amount-warning p.title {
font-size: 13px;
color: #e8142b;
line-height: 1.7;
width: 280px;
margin: 0 auto;
}
.checkout-index-index .form-shipping-address .field .field-tooltip {
display: none;
}
.tp-banner {
max-height: 500px;
visibility: hidden;
}
/* Popups */
/* custom changes tmo */
.modal-popup .modal-inner-wrap .modal-footer {
padding-top: 10px;
}
.modal-popup .modal-inner-wrap .modal-footer .btn + .btn {
margin-left: 10px;
}
@media (max-width: 768px) {
.modal-popup .modal-inner-wrap .modal-footer .btn + .btn {
margin-left: 0;
margin-top: 10px;
}
}
.modal-popup .modal-inner-wrap .modal-footer .action.secondary.hide-popup,
.modal-popup .modal-inner-wrap .modal-footer .action.secundary.checkout {
margin-top: 0;
}
@media (max-width: 768px) {
.modal-popup .modal-inner-wrap {
margin-top: 0;
}
.modal-popup .modal-inner-wrap .modal-header h1 {
font-size: 24px;
}
.modal-popup .modal-inner-wrap .model-content {
padding: 0 10px;
}
.modal-popup .modal-inner-wrap .modal-footer .action.secondary.hide-popup {
margin-top: 10px;
}
.modal-popup .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field > label,
.modal-popup .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field > div,
.modal-popup .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > fieldset > .label,
.modal-popup .modal-content #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > fieldset > .control {
width: 100%;
}
.modal-popup .modal-footer {
padding: 10px 0;
}
}
.block-order-details-view .box .boxtitle {
color: #e8142b;
font-size: 22;
}
.res-header-logo {
margin: 8px 0 0 0;
}
.res-header-icon {
margin: -8px 0 0 10px;
padding: 0;
width: 24px;
heigth: auto;
}
.res-header-menu-icon {
margin: 15px 0 0 10px;
width: 26px;
heigth: auto;
color: #333;
}
/* Product overview page sort toolbar */
@media (max-width: 768px) {
ol.products.list.items.owl-carousel.product-items.row.owl-theme.owl-loaded .owl-stage-outer .owl-stage {
margin-top: -30px;
}
ol.products.list.items.owl-carousel.product-items.row.owl-theme.owl-loaded .owl-controls .owl-nav .owl-prev {
margin: -10px 0px 0px 0px;
}
ol.products.list.items.owl-carousel.product-items.row.owl-theme.owl-loaded .owl-controls .owl-nav .owl-next {
margin: -10px 0px 0px 0px;
}
}
/*-----------------------
Fully customized header
-----------------------*/
.popover {
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.newsletter-info {
padding: 5px 10px 2px 10px;
position: absolute;
background: #fff;
display: none;
border: 1px solid #ccc;
color: #999;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}
.newsletter-info#mobile-newsletter {
margin: 8px 0 0 120px;
}
.newsletter-info#desktop-newsletter {
margin: 4px 0 0 20px;
}
/*
Homepage Slider
*/
.tp-bullets {
z-index: 100;
}
.data-table.table-ratings {
width: auto;
border: 0;
}
.data-table.table-ratings th {
width: 80px;
line-height: 20px;
text-align: left;
}
.data-table.table-ratings td {
width: 100px;
padding: 9px 0;
}
.tp-bannertimer {
display: none;
}
/***************************************
TMO Button System - Last updated: 2016-11-10
INSTRUCTIONS
Use following the classes:
1. .btn [ mandatory ]
Default button styles
2. Purpose specific class [ mandatory ]
( Ex: .btn-primary )
3. size modifier [ optional ]
.btn-lg: Increase size
.btn-full: 100% width
Examples
1.
1.
***************************************/
/***************************************
1. BOOTSTRAP DEFAULT OVERRIDES
***************************************/
.input-group-lg > .input-group-btn > .btn,
.btn {
min-width: 100px;
height: 40px;
padding: 0 14px;
line-height: 38px;
outline: initial;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-width: 1px;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: none;
background-color: transparent;
border-color: transparent;
color: #ccc;
cursor: pointer;
transition: all 200ms ease;
}
.input-group-lg > .input-group-btn > .btn span,
.btn span {
font-size: inherit !important;
}
.input-group-lg > .input-group-btn > .btn.btn-icon span[class*='icon-'],
.btn.btn-icon span[class*='icon-'] {
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn:active,
.btn:active,
.input-group-lg > .input-group-btn > .btn.active,
.btn.active {
box-shadow: none;
-moz-box-shadow: none;
-o-border-radius: none;
-webkit-box-shadow: none;
}
.input-group-lg > .input-group-btn > .btn:focus,
.btn:focus,
.input-group-lg > .input-group-btn > .btn:active:focus,
.btn:active:focus,
.input-group-lg > .input-group-btn > .btn.active:focus,
.btn.active:focus {
outline: none;
}
.input-group-lg > .input-group-btn > .btn.disabled,
.btn.disabled,
.input-group-lg > .input-group-btn > .btn[disabled],
.btn[disabled],
fieldset[disabled] .input-group-lg > .input-group-btn > .btn,
fieldset[disabled] .btn {
background: #dddddd !important;
border-color: #dddddd !important;
color: #aaaaaa !important;
opacity: 1 !important;
}
.input-group-lg > .input-group-btn > .btn.disabled:hover,
.btn.disabled:hover,
.input-group-lg > .input-group-btn > .btn[disabled]:hover,
.btn[disabled]:hover,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:hover,
fieldset[disabled] .btn:hover,
.input-group-lg > .input-group-btn > .btn.disabled:focus,
.btn.disabled:focus,
.input-group-lg > .input-group-btn > .btn[disabled]:focus,
.btn[disabled]:focus,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:focus,
fieldset[disabled] .btn:focus,
.input-group-lg > .input-group-btn > .btn.disabled:focus:hover,
.btn.disabled:focus:hover,
.input-group-lg > .input-group-btn > .btn[disabled]:focus:hover,
.btn[disabled]:focus:hover,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:focus:hover,
fieldset[disabled] .btn:focus:hover,
.input-group-lg > .input-group-btn > .btn.disabled:active,
.btn.disabled:active,
.input-group-lg > .input-group-btn > .btn[disabled]:active,
.btn[disabled]:active,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:active,
fieldset[disabled] .btn:active,
.input-group-lg > .input-group-btn > .btn.disabled:active:focus,
.btn.disabled:active:focus,
.input-group-lg > .input-group-btn > .btn[disabled]:active:focus,
.btn[disabled]:active:focus,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:active:focus,
fieldset[disabled] .btn:active:focus,
.input-group-lg > .input-group-btn > .btn.disabled:active:hover,
.btn.disabled:active:hover,
.input-group-lg > .input-group-btn > .btn[disabled]:active:hover,
.btn[disabled]:active:hover,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:active:hover,
fieldset[disabled] .btn:active:hover,
.input-group-lg > .input-group-btn > .btn.disabled:active:focus:hover,
.btn.disabled:active:focus:hover,
.input-group-lg > .input-group-btn > .btn[disabled]:active:focus:hover,
.btn[disabled]:active:focus:hover,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn:active:focus:hover,
fieldset[disabled] .btn:active:focus:hover,
.input-group-lg > .input-group-btn > .btn.disabled.active,
.btn.disabled.active,
.input-group-lg > .input-group-btn > .btn[disabled].active,
.btn[disabled].active,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn.active,
fieldset[disabled] .btn.active,
.input-group-lg > .input-group-btn > .btn.disabled.active:focus,
.btn.disabled.active:focus,
.input-group-lg > .input-group-btn > .btn[disabled].active:focus,
.btn[disabled].active:focus,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn.active:focus,
fieldset[disabled] .btn.active:focus,
.input-group-lg > .input-group-btn > .btn.disabled.active:hover,
.btn.disabled.active:hover,
.input-group-lg > .input-group-btn > .btn[disabled].active:hover,
.btn[disabled].active:hover,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn.active:hover,
fieldset[disabled] .btn.active:hover,
.input-group-lg > .input-group-btn > .btn.disabled.active:focus:hover,
.btn.disabled.active:focus:hover,
.input-group-lg > .input-group-btn > .btn[disabled].active:focus:hover,
.btn[disabled].active:focus:hover,
fieldset[disabled] .input-group-lg > .input-group-btn > .btn.active:focus:hover,
fieldset[disabled] .btn.active:focus:hover {
background: #dddddd !important;
border-color: #dddddd !important;
color: #aaaaaa !important;
opacity: 1 !important;
cursor: not-allowed;
}
input[type="submit"].btn-full,
input[type="reset"].btn-full,
input[type="button"].btn-full {
width: 100%;
}
/***************************************
2. THEME SPECIFIC BUTTONS
***************************************/
/***************************************
3. BUTTON SIZE MODIFIERS
***************************************/
.input-group-lg > .input-group-btn > .btn-xs,
.nav > li > a.btn-xs,
.btn-xs {
min-width: 70px;
height: 30px;
padding: 0 8px;
font-size: 12px;
line-height: 28px;
}
.input-group-lg > .input-group-btn > .btn-sm,
.nav > li > a.btn-sm,
.btn-sm {
min-width: 90px;
height: 37px;
padding: 0 12px;
font-size: 14px;
line-height: 35px;
}
.input-group-lg > .input-group-btn > .btn-lg,
.nav > li > a.btn-lg,
.btn-lg {
min-width: 110px;
height: 47px;
padding: 0 18px;
font-size: 20px;
line-height: 45px;
}
@media (max-width: 992px) {
.input-group-lg > .input-group-btn > .btn-lg,
.nav > li > a.btn-lg,
.btn-lg {
min-width: 100px;
height: 40px;
padding: 0 14px;
font-size: 16px;
line-height: 38px;
}
}
.btn-full {
display: block;
width: 100%;
}
.btn-full + .btn-full {
margin-top: 5px;
}
.btn-group .btn {
min-width: auto !important;
}
/***************************************
4. ICON BUTTONS
***************************************/
/*
.btn-link {
color: @color-dark;
&:hover,
&:focus,
&:active,
&:active:focus,
&.active,
&.active:focus {
background-color: lighten(@color-primary, 5%);
border-color: lighten(@color-primary, 5%);
color: @color-light;
}
&:focus:hover,
&.active:hover,
&.active:focus:hover,
&:active:hover,
&:active:focus:hover {
background-color: @color-primary;
border-color: @color-primary;
color: @color-light;
}
}
*/
/***************************************
5. DEFAULT TEXT LINKS
***************************************/
a,
.btn-link {
padding: 0;
margin: 0;
color: #a9c240;
font-size: 14px;
border: none;
background: transparent;
text-decoration: none;
text-transform: inherit;
transition: color 100ms ease;
}
a:focus,
.btn-link:focus,
a:active:focus,
.btn-link:active:focus,
a.active:focus,
.btn-link.active:focus {
outline: none;
}
a:hover,
.btn-link:hover,
a:focus,
.btn-link:focus,
a:active,
.btn-link:active,
a:active:focus,
.btn-link:active:focus,
a.active,
.btn-link.active,
a.active:focus,
.btn-link.active:focus {
color: #99b038;
text-decoration: none;
}
a:focus:hover,
.btn-link:focus:hover,
a.active:hover,
.btn-link.active:hover,
a.active:focus:hover,
.btn-link.active:focus:hover,
a:active:hover,
.btn-link:active:hover,
a:active:focus:hover,
.btn-link:active:focus:hover {
color: #99b038;
text-decoration: none;
}
a.disabled,
.btn-link.disabled,
a[disabled],
.btn-link[disabled],
fieldset[disabled] a,
fieldset[disabled] .btn-link {
color: #dddddd !important;
border: none !important;
background: transparent !important;
}
a.disabled:hover,
.btn-link.disabled:hover,
a[disabled]:hover,
.btn-link[disabled]:hover,
fieldset[disabled] a:hover,
fieldset[disabled] .btn-link:hover,
a.disabled:focus,
.btn-link.disabled:focus,
a[disabled]:focus,
.btn-link[disabled]:focus,
fieldset[disabled] a:focus,
fieldset[disabled] .btn-link:focus,
a.disabled:focus:hover,
.btn-link.disabled:focus:hover,
a[disabled]:focus:hover,
.btn-link[disabled]:focus:hover,
fieldset[disabled] a:focus:hover,
fieldset[disabled] .btn-link:focus:hover,
a.disabled:active,
.btn-link.disabled:active,
a[disabled]:active,
.btn-link[disabled]:active,
fieldset[disabled] a:active,
fieldset[disabled] .btn-link:active,
a.disabled:active:focus,
.btn-link.disabled:active:focus,
a[disabled]:active:focus,
.btn-link[disabled]:active:focus,
fieldset[disabled] a:active:focus,
fieldset[disabled] .btn-link:active:focus,
a.disabled:active:hover,
.btn-link.disabled:active:hover,
a[disabled]:active:hover,
.btn-link[disabled]:active:hover,
fieldset[disabled] a:active:hover,
fieldset[disabled] .btn-link:active:hover,
a.disabled:active:focus:hover,
.btn-link.disabled:active:focus:hover,
a[disabled]:active:focus:hover,
.btn-link[disabled]:active:focus:hover,
fieldset[disabled] a:active:focus:hover,
fieldset[disabled] .btn-link:active:focus:hover,
a.disabled.active,
.btn-link.disabled.active,
a[disabled].active,
.btn-link[disabled].active,
fieldset[disabled] a.active,
fieldset[disabled] .btn-link.active,
a.disabled.active:focus,
.btn-link.disabled.active:focus,
a[disabled].active:focus,
.btn-link[disabled].active:focus,
fieldset[disabled] a.active:focus,
fieldset[disabled] .btn-link.active:focus,
a.disabled.active:hover,
.btn-link.disabled.active:hover,
a[disabled].active:hover,
.btn-link[disabled].active:hover,
fieldset[disabled] a.active:hover,
fieldset[disabled] .btn-link.active:hover,
a.disabled.active:focus:hover,
.btn-link.disabled.active:focus:hover,
a[disabled].active:focus:hover,
.btn-link[disabled].active:focus:hover,
fieldset[disabled] a.active:focus:hover,
fieldset[disabled] .btn-link.active:focus:hover {
color: #dddddd !important;
border: none !important;
background: transparent !important;
text-decoration: none !important;
}
/***************************************
6. CREATE BUTTONS
***************************************/
/*
USAGE EXPLANATION:
.btn-'button name' {.createButton(light/dark; @color; @outline; @border-radius)};
light/dark - Hover colour is a lighter or darker shade of the base colour (@color)
@color - Set base colour for button
@outline - Use outline? true/false
@border-radius - For round buttons use a static number that is greater than the maximum button size. (For example 40px)
- Leave empty to use default value. (See variables LESS file)
ANNOTATIONS:
1. use semicolon to seperate the values
2. Add '-outline' and/or '-round' to the class name to explain its appearance. For example: .btn-primary-outline-round
*/
.input-group-lg > .input-group-btn > .btn-default,
.nav > li > a.btn-default,
.btn-default {
background-color: transparent;
border-color: #666666;
color: #666666;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.input-group-lg > .input-group-btn > .btn-default:hover,
.nav > li > a.btn-default:hover,
.btn-default:hover,
.input-group-lg > .input-group-btn > .btn-default:focus,
.nav > li > a.btn-default:focus,
.btn-default:focus,
.input-group-lg > .input-group-btn > .btn-default:active,
.nav > li > a.btn-default:active,
.btn-default:active,
.input-group-lg > .input-group-btn > .btn-default:active:focus,
.nav > li > a.btn-default:active:focus,
.btn-default:active:focus,
.input-group-lg > .input-group-btn > .btn-default.active,
.nav > li > a.btn-default.active,
.btn-default.active,
.input-group-lg > .input-group-btn > .btn-default.active:focus,
.nav > li > a.btn-default.active:focus,
.btn-default.active:focus {
background-color: #666666;
border-color: #666666;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-default:focus:hover,
.nav > li > a.btn-default:focus:hover,
.btn-default:focus:hover,
.input-group-lg > .input-group-btn > .btn-default.active:hover,
.nav > li > a.btn-default.active:hover,
.btn-default.active:hover,
.input-group-lg > .input-group-btn > .btn-default.active:focus:hover,
.nav > li > a.btn-default.active:focus:hover,
.btn-default.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-default:active:hover,
.nav > li > a.btn-default:active:hover,
.btn-default:active:hover,
.input-group-lg > .input-group-btn > .btn-default:active:focus:hover,
.nav > li > a.btn-default:active:focus:hover,
.btn-default:active:focus:hover {
background-color: #595959;
border-color: #595959;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-primary,
.nav > li > a.btn-primary,
.btn-primary {
background-color: #a9c240;
border-color: #a9c240;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-primary:hover,
.nav > li > a.btn-primary:hover,
.btn-primary:hover,
.input-group-lg > .input-group-btn > .btn-primary:focus,
.nav > li > a.btn-primary:focus,
.btn-primary:focus,
.input-group-lg > .input-group-btn > .btn-primary:active,
.nav > li > a.btn-primary:active,
.btn-primary:active,
.input-group-lg > .input-group-btn > .btn-primary:active:focus,
.nav > li > a.btn-primary:active:focus,
.btn-primary:active:focus,
.input-group-lg > .input-group-btn > .btn-primary.active,
.nav > li > a.btn-primary.active,
.btn-primary.active,
.input-group-lg > .input-group-btn > .btn-primary.active:focus,
.nav > li > a.btn-primary.active:focus,
.btn-primary.active:focus {
background-color: #99b038;
border-color: #99b038;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-primary:focus:hover,
.nav > li > a.btn-primary:focus:hover,
.btn-primary:focus:hover,
.input-group-lg > .input-group-btn > .btn-primary.active:hover,
.nav > li > a.btn-primary.active:hover,
.btn-primary.active:hover,
.input-group-lg > .input-group-btn > .btn-primary.active:focus:hover,
.nav > li > a.btn-primary.active:focus:hover,
.btn-primary.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-primary:active:hover,
.nav > li > a.btn-primary:active:hover,
.btn-primary:active:hover,
.input-group-lg > .input-group-btn > .btn-primary:active:focus:hover,
.nav > li > a.btn-primary:active:focus:hover,
.btn-primary:active:focus:hover {
background-color: #a9c240;
border-color: #a9c240;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-secondary,
.nav > li > a.btn-secondary,
.btn-secondary {
background-color: transparent;
border-color: #a9c240;
color: #a9c240;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.input-group-lg > .input-group-btn > .btn-secondary:hover,
.nav > li > a.btn-secondary:hover,
.btn-secondary:hover,
.input-group-lg > .input-group-btn > .btn-secondary:focus,
.nav > li > a.btn-secondary:focus,
.btn-secondary:focus,
.input-group-lg > .input-group-btn > .btn-secondary:active,
.nav > li > a.btn-secondary:active,
.btn-secondary:active,
.input-group-lg > .input-group-btn > .btn-secondary:active:focus,
.nav > li > a.btn-secondary:active:focus,
.btn-secondary:active:focus,
.input-group-lg > .input-group-btn > .btn-secondary.active,
.nav > li > a.btn-secondary.active,
.btn-secondary.active,
.input-group-lg > .input-group-btn > .btn-secondary.active:focus,
.nav > li > a.btn-secondary.active:focus,
.btn-secondary.active:focus {
background-color: #a9c240;
border-color: #a9c240;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-secondary:focus:hover,
.nav > li > a.btn-secondary:focus:hover,
.btn-secondary:focus:hover,
.input-group-lg > .input-group-btn > .btn-secondary.active:hover,
.nav > li > a.btn-secondary.active:hover,
.btn-secondary.active:hover,
.input-group-lg > .input-group-btn > .btn-secondary.active:focus:hover,
.nav > li > a.btn-secondary.active:focus:hover,
.btn-secondary.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-secondary:active:hover,
.nav > li > a.btn-secondary:active:hover,
.btn-secondary:active:hover,
.input-group-lg > .input-group-btn > .btn-secondary:active:focus:hover,
.nav > li > a.btn-secondary:active:focus:hover,
.btn-secondary:active:focus:hover {
background-color: #99b038;
border-color: #99b038;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-tertiary,
.nav > li > a.btn-tertiary,
.btn-tertiary {
background-color: #2eb39e;
border-color: #2eb39e;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-tertiary:hover,
.nav > li > a.btn-tertiary:hover,
.btn-tertiary:hover,
.input-group-lg > .input-group-btn > .btn-tertiary:focus,
.nav > li > a.btn-tertiary:focus,
.btn-tertiary:focus,
.input-group-lg > .input-group-btn > .btn-tertiary:active,
.nav > li > a.btn-tertiary:active,
.btn-tertiary:active,
.input-group-lg > .input-group-btn > .btn-tertiary:active:focus,
.nav > li > a.btn-tertiary:active:focus,
.btn-tertiary:active:focus,
.input-group-lg > .input-group-btn > .btn-tertiary.active,
.nav > li > a.btn-tertiary.active,
.btn-tertiary.active,
.input-group-lg > .input-group-btn > .btn-tertiary.active:focus,
.nav > li > a.btn-tertiary.active:focus,
.btn-tertiary.active:focus {
background-color: #299f8c;
border-color: #299f8c;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-tertiary:focus:hover,
.nav > li > a.btn-tertiary:focus:hover,
.btn-tertiary:focus:hover,
.input-group-lg > .input-group-btn > .btn-tertiary.active:hover,
.nav > li > a.btn-tertiary.active:hover,
.btn-tertiary.active:hover,
.input-group-lg > .input-group-btn > .btn-tertiary.active:focus:hover,
.nav > li > a.btn-tertiary.active:focus:hover,
.btn-tertiary.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-tertiary:active:hover,
.nav > li > a.btn-tertiary:active:hover,
.btn-tertiary:active:hover,
.input-group-lg > .input-group-btn > .btn-tertiary:active:focus:hover,
.nav > li > a.btn-tertiary:active:focus:hover,
.btn-tertiary:active:focus:hover {
background-color: #2eb39e;
border-color: #2eb39e;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-tertiary-outline,
.nav > li > a.btn-tertiary-outline,
.btn-tertiary-outline {
background-color: transparent;
border-color: #2eb39e;
color: #2eb39e;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.input-group-lg > .input-group-btn > .btn-tertiary-outline:hover,
.nav > li > a.btn-tertiary-outline:hover,
.btn-tertiary-outline:hover,
.input-group-lg > .input-group-btn > .btn-tertiary-outline:focus,
.nav > li > a.btn-tertiary-outline:focus,
.btn-tertiary-outline:focus,
.input-group-lg > .input-group-btn > .btn-tertiary-outline:active,
.nav > li > a.btn-tertiary-outline:active,
.btn-tertiary-outline:active,
.input-group-lg > .input-group-btn > .btn-tertiary-outline:active:focus,
.nav > li > a.btn-tertiary-outline:active:focus,
.btn-tertiary-outline:active:focus,
.input-group-lg > .input-group-btn > .btn-tertiary-outline.active,
.nav > li > a.btn-tertiary-outline.active,
.btn-tertiary-outline.active,
.input-group-lg > .input-group-btn > .btn-tertiary-outline.active:focus,
.nav > li > a.btn-tertiary-outline.active:focus,
.btn-tertiary-outline.active:focus {
background-color: #2eb39e;
border-color: #2eb39e;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-tertiary-outline:focus:hover,
.nav > li > a.btn-tertiary-outline:focus:hover,
.btn-tertiary-outline:focus:hover,
.input-group-lg > .input-group-btn > .btn-tertiary-outline.active:hover,
.nav > li > a.btn-tertiary-outline.active:hover,
.btn-tertiary-outline.active:hover,
.input-group-lg > .input-group-btn > .btn-tertiary-outline.active:focus:hover,
.nav > li > a.btn-tertiary-outline.active:focus:hover,
.btn-tertiary-outline.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-tertiary-outline:active:hover,
.nav > li > a.btn-tertiary-outline:active:hover,
.btn-tertiary-outline:active:hover,
.input-group-lg > .input-group-btn > .btn-tertiary-outline:active:focus:hover,
.nav > li > a.btn-tertiary-outline:active:focus:hover,
.btn-tertiary-outline:active:focus:hover {
background-color: #299f8c;
border-color: #299f8c;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-succes,
.nav > li > a.btn-succes,
.btn-succes {
background-color: transparent;
border-color: transparent;
color: #5cb85c;
}
.input-group-lg > .input-group-btn > .btn-succes:hover,
.nav > li > a.btn-succes:hover,
.btn-succes:hover,
.input-group-lg > .input-group-btn > .btn-succes:focus,
.nav > li > a.btn-succes:focus,
.btn-succes:focus,
.input-group-lg > .input-group-btn > .btn-succes:active,
.nav > li > a.btn-succes:active,
.btn-succes:active,
.input-group-lg > .input-group-btn > .btn-succes:active:focus,
.nav > li > a.btn-succes:active:focus,
.btn-succes:active:focus,
.input-group-lg > .input-group-btn > .btn-succes.active,
.nav > li > a.btn-succes.active,
.btn-succes.active,
.input-group-lg > .input-group-btn > .btn-succes.active:focus,
.nav > li > a.btn-succes.active:focus,
.btn-succes.active:focus {
background-color: rgba(13, 13, 13, 0);
border-color: rgba(13, 13, 13, 0);
color: #5cb85c;
}
.input-group-lg > .input-group-btn > .btn-succes:focus:hover,
.nav > li > a.btn-succes:focus:hover,
.btn-succes:focus:hover,
.input-group-lg > .input-group-btn > .btn-succes.active:hover,
.nav > li > a.btn-succes.active:hover,
.btn-succes.active:hover,
.input-group-lg > .input-group-btn > .btn-succes.active:focus:hover,
.nav > li > a.btn-succes.active:focus:hover,
.btn-succes.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-succes:active:hover,
.nav > li > a.btn-succes:active:hover,
.btn-succes:active:hover,
.input-group-lg > .input-group-btn > .btn-succes:active:focus:hover,
.nav > li > a.btn-succes:active:focus:hover,
.btn-succes:active:focus:hover {
background-color: transparent;
border-color: transparent;
color: #5cb85c;
}
.input-group-lg > .input-group-btn > .btn-info,
.nav > li > a.btn-info,
.btn-info {
background-color: transparent;
border-color: transparent;
color: #5bc0de;
}
.input-group-lg > .input-group-btn > .btn-info:hover,
.nav > li > a.btn-info:hover,
.btn-info:hover,
.input-group-lg > .input-group-btn > .btn-info:focus,
.nav > li > a.btn-info:focus,
.btn-info:focus,
.input-group-lg > .input-group-btn > .btn-info:active,
.nav > li > a.btn-info:active,
.btn-info:active,
.input-group-lg > .input-group-btn > .btn-info:active:focus,
.nav > li > a.btn-info:active:focus,
.btn-info:active:focus,
.input-group-lg > .input-group-btn > .btn-info.active,
.nav > li > a.btn-info.active,
.btn-info.active,
.input-group-lg > .input-group-btn > .btn-info.active:focus,
.nav > li > a.btn-info.active:focus,
.btn-info.active:focus {
background-color: rgba(13, 13, 13, 0);
border-color: rgba(13, 13, 13, 0);
color: #5bc0de;
}
.input-group-lg > .input-group-btn > .btn-info:focus:hover,
.nav > li > a.btn-info:focus:hover,
.btn-info:focus:hover,
.input-group-lg > .input-group-btn > .btn-info.active:hover,
.nav > li > a.btn-info.active:hover,
.btn-info.active:hover,
.input-group-lg > .input-group-btn > .btn-info.active:focus:hover,
.nav > li > a.btn-info.active:focus:hover,
.btn-info.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-info:active:hover,
.nav > li > a.btn-info:active:hover,
.btn-info:active:hover,
.input-group-lg > .input-group-btn > .btn-info:active:focus:hover,
.nav > li > a.btn-info:active:focus:hover,
.btn-info:active:focus:hover {
background-color: transparent;
border-color: transparent;
color: #5bc0de;
}
.input-group-lg > .input-group-btn > .btn-warning,
.nav > li > a.btn-warning,
.btn-warning {
background-color: transparent;
border-color: transparent;
color: #f0ad4e;
}
.input-group-lg > .input-group-btn > .btn-warning:hover,
.nav > li > a.btn-warning:hover,
.btn-warning:hover,
.input-group-lg > .input-group-btn > .btn-warning:focus,
.nav > li > a.btn-warning:focus,
.btn-warning:focus,
.input-group-lg > .input-group-btn > .btn-warning:active,
.nav > li > a.btn-warning:active,
.btn-warning:active,
.input-group-lg > .input-group-btn > .btn-warning:active:focus,
.nav > li > a.btn-warning:active:focus,
.btn-warning:active:focus,
.input-group-lg > .input-group-btn > .btn-warning.active,
.nav > li > a.btn-warning.active,
.btn-warning.active,
.input-group-lg > .input-group-btn > .btn-warning.active:focus,
.nav > li > a.btn-warning.active:focus,
.btn-warning.active:focus {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
color: #f0ad4e;
}
.input-group-lg > .input-group-btn > .btn-warning:focus:hover,
.nav > li > a.btn-warning:focus:hover,
.btn-warning:focus:hover,
.input-group-lg > .input-group-btn > .btn-warning.active:hover,
.nav > li > a.btn-warning.active:hover,
.btn-warning.active:hover,
.input-group-lg > .input-group-btn > .btn-warning.active:focus:hover,
.nav > li > a.btn-warning.active:focus:hover,
.btn-warning.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-warning:active:hover,
.nav > li > a.btn-warning:active:hover,
.btn-warning:active:hover,
.input-group-lg > .input-group-btn > .btn-warning:active:focus:hover,
.nav > li > a.btn-warning:active:focus:hover,
.btn-warning:active:focus:hover {
background-color: transparent;
border-color: transparent;
color: #f0ad4e;
}
.input-group-lg > .input-group-btn > .btn-danger,
.nav > li > a.btn-danger,
.btn-danger {
background-color: transparent;
border-color: transparent;
color: #e8142b;
}
.input-group-lg > .input-group-btn > .btn-danger:hover,
.nav > li > a.btn-danger:hover,
.btn-danger:hover,
.input-group-lg > .input-group-btn > .btn-danger:focus,
.nav > li > a.btn-danger:focus,
.btn-danger:focus,
.input-group-lg > .input-group-btn > .btn-danger:active,
.nav > li > a.btn-danger:active,
.btn-danger:active,
.input-group-lg > .input-group-btn > .btn-danger:active:focus,
.nav > li > a.btn-danger:active:focus,
.btn-danger:active:focus,
.input-group-lg > .input-group-btn > .btn-danger.active,
.nav > li > a.btn-danger.active,
.btn-danger.active,
.input-group-lg > .input-group-btn > .btn-danger.active:focus,
.nav > li > a.btn-danger.active:focus,
.btn-danger.active:focus {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
color: #e8142b;
}
.input-group-lg > .input-group-btn > .btn-danger:focus:hover,
.nav > li > a.btn-danger:focus:hover,
.btn-danger:focus:hover,
.input-group-lg > .input-group-btn > .btn-danger.active:hover,
.nav > li > a.btn-danger.active:hover,
.btn-danger.active:hover,
.input-group-lg > .input-group-btn > .btn-danger.active:focus:hover,
.nav > li > a.btn-danger.active:focus:hover,
.btn-danger.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-danger:active:hover,
.nav > li > a.btn-danger:active:hover,
.btn-danger:active:hover,
.input-group-lg > .input-group-btn > .btn-danger:active:focus:hover,
.nav > li > a.btn-danger:active:focus:hover,
.btn-danger:active:focus:hover {
background-color: transparent;
border-color: transparent;
color: #e8142b;
}
.input-group-lg > .input-group-btn > .btn-danger,
.nav > li > a.btn-danger,
.btn-icon {
background-color: #889d32;
border-color: #889d32;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-danger:hover,
.nav > li > a.btn-danger:hover,
.btn-icon:hover,
.input-group-lg > .input-group-btn > .btn-danger:focus,
.nav > li > a.btn-danger:focus,
.btn-icon:focus,
.input-group-lg > .input-group-btn > .btn-danger:active,
.nav > li > a.btn-danger:active,
.btn-icon:active,
.input-group-lg > .input-group-btn > .btn-danger:active:focus,
.nav > li > a.btn-danger:active:focus,
.btn-icon:active:focus,
.input-group-lg > .input-group-btn > .btn-danger.active,
.nav > li > a.btn-danger.active,
.btn-icon.active,
.input-group-lg > .input-group-btn > .btn-danger.active:focus,
.nav > li > a.btn-danger.active:focus,
.btn-icon.active:focus {
background-color: #788a2c;
border-color: #788a2c;
color: #ffffff;
}
.input-group-lg > .input-group-btn > .btn-danger:focus:hover,
.nav > li > a.btn-danger:focus:hover,
.btn-icon:focus:hover,
.input-group-lg > .input-group-btn > .btn-danger.active:hover,
.nav > li > a.btn-danger.active:hover,
.btn-icon.active:hover,
.input-group-lg > .input-group-btn > .btn-danger.active:focus:hover,
.nav > li > a.btn-danger.active:focus:hover,
.btn-icon.active:focus:hover,
.input-group-lg > .input-group-btn > .btn-danger:active:hover,
.nav > li > a.btn-danger:active:hover,
.btn-icon:active:hover,
.input-group-lg > .input-group-btn > .btn-danger:active:focus:hover,
.nav > li > a.btn-danger:active:focus:hover,
.btn-icon:active:focus:hover {
background-color: #889d32;
border-color: #889d32;
color: #ffffff;
}
/***************************************
7. ANIMATIONS
***************************************/
.slide-open {
transform: translateX(0) !important;
}
.spin:before {
display: inline-block;
-webkit-animation: 1.2s spin linear infinite;
animation: 1.2s spin linear infinite;
transform-origin: 50% 49%;
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fade {
-webkit-animation: 400ms fade linear;
animation: 400ms fade linear;
}
@keyframes fade {
0% {
opacity: 0;
display: none;
}
1% {
opacity: 0;
display: block;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
display: none;
}
1% {
opacity: 0;
display: block;
}
100% {
opacity: 1;
}
}
@keyframes spin-load {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spin-load {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.play-animation {
animation-name: wechat-add-to-cart;
animation-duration: 0.3s;
}
@keyframes wechat-add-to-cart {
from {
opacity: 1;
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
}
to {
opacity: 0;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.play-animation-qty {
animation-name: wechat-qty;
animation-duration: 500ms;
animation-iteration-count: 1;
}
@-webkit-keyframes wechat-qty {
0% {
background-color: #fff;
box-shadow: none;
}
20% {
background-color: #ccc;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
}
100% {
background-color: #fff;
box-shadow: none;
}
}
@keyframes wechat-qty {
0% {
background-color: #fff;
box-shadow: none;
}
20% {
background-color: #ccc;
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
}
100% {
background-color: #fff;
box-shadow: none;
}
}
.play-animation-close {
animation-name: wechat-close;
animation-duration: 200ms;
animation-iteration-count: 1;
}
@-webkit-keyframes wechat-close {
0% {
background: transparent;
box-shadow: none;
}
100% {
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
}
@keyframes wechat-close {
0% {
background: transparent;
box-shadow: none;
}
100% {
background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
}
.play-animation-filter-open {
animation-name: wechat-filter-open;
animation-duration: 400ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@-webkit-keyframes wechat-filter-open {
0% {
transform: translateX(0);
}
100% {
transform: translateX(120%);
}
}
@keyframes wechat-filter-open {
0% {
transform: translateX(0);
}
100% {
transform: translateX(120%);
}
}
.play-animation-filter-close {
animation-name: wechat-filter-close;
animation-duration: 400ms;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@-webkit-keyframes wechat-filter-close {
0% {
transform: translateX(120%);
}
20% {
transform: translateX(120%);
}
100% {
transform: translateX(0);
}
}
@keyframes wechat-filter-close {
0% {
transform: translateX(120%);
}
20% {
transform: translateX(120%);
}
100% {
transform: translateX(0);
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.clickani {
transition: color 0.7s;
position: relative;
}
.clickani.clickani-click,
.clickani:focus {
outline: none;
color: #3c8ddc;
}
.clickani_icon {
display: block;
}
.clickani_text {
position: absolute;
opacity: 0;
pointer-events: none;
}
.clickani::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
opacity: 0;
pointer-events: none;
z-index: 999999;
}
.catalog-product-view .clickani#modal-popup-close::after {
width: 42px;
height: 42px;
margin-top: -8px;
margin-left: -6px;
}
#filter-trigger:after {
width: 42px;
height: 42px;
margin-top: -6px;
margin-left: -2px;
}
.clickani-type1::after {
box-shadow: inset 0 0 0 35px rgba(111, 148, 182, 0);
}
.clickani-type1.clickani-click::after {
-webkit-animation: anim-effect-type1 0.5s ease-out forwards;
animation: anim-effect-type1 0.5s ease-out forwards;
}
@-webkit-keyframes anim-effect-type1 {
0% {
opacity: 1;
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1);
}
80% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0.1;
}
100% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
@keyframes anim-effect-type1 {
0% {
opacity: 1;
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1);
}
80% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0.1;
}
100% {
box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
.clickani-type2::after {
background: rgba(111, 148, 182, 0.5);
}
.clickani-type2.clickani-click::after {
-webkit-animation: anim-effect-type2 0.3s forwards;
animation: anim-effect-type2 0.3s forwards;
}
@-webkit-keyframes anim-effect-type2 {
0% {
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1);
}
25%,
50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
@keyframes anim-effect-type2 {
0% {
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1);
}
25%,
50% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
}
/***************************************
TMI ICON FONT
***************************************/
@font-face {
font-family: 'tmo-icons';
src: url('../fonts/tmo-icons/tmo-icons.ttf?x8prmm') format('truetype'), url('../fonts/tmo-icons/tmo-icons.woff?x8prmm') format('woff'), url('../fonts/tmo-icons/tmo-icons.svg?x8prmm#tmo-icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'tmo-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:hover,
[class*=" icon-"]:hover,
[class^="icon-"]:focus,
[class*=" icon-"]:focus,
[class^="icon-"]:focus:hover,
[class*=" icon-"]:focus:hover,
[class^="icon-"]:active,
[class*=" icon-"]:active,
[class^="icon-"]:active:focus,
[class*=" icon-"]:active:focus,
[class^="icon-"]:active:hover,
[class*=" icon-"]:active:hover,
[class^="icon-"]:active:focus:hover,
[class*=" icon-"]:active:focus:hover {
color: initial;
background: initial;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled,
[class^="icon-"][disabled],
[class*=" icon-"][disabled] {
color: #dddddd !important;
}
button span[class^='icon'],
a span[class^='icon'] {
color: #a9c240;
transition: color 100ms ease;
}
button span[class^='icon']:hover,
a span[class^='icon']:hover {
color: #889d32;
}
/************************** ICON DECLERATION **************************/
.icon-save:before {
content: "\e900";
}
.icon-language:before {
content: "\e901";
}
.icon-scroll-up:before {
content: "\e902";
}
.icon-referral-id:before {
content: "\e903";
}
.icon-verification:before {
content: "\e904";
}
.icon-send:before {
content: "\e905";
}
.icon-shipping-detail:before {
content: "\e906";
}
.icon-order-detail:before {
content: "\e907";
}
.icon-referrer-id:before {
content: "\e908";
}
.icon-password:before {
content: "\e909";
}
.icon-phone:before {
content: "\e90a";
}
.icon-star:before {
content: "\e90b";
}
.icon-city:before {
content: "\e90c";
}
.icon-mail:before {
content: "\e90d";
}
.icon-wishlist-o:before {
content: "\e90e";
}
.icon-sort:before {
content: "\e90f";
}
.icon-business-license:before {
content: "\e910";
}
.icon-share:before {
content: "\e911";
}
.icon-users:before {
content: "\e912";
}
.icon-view-more:before {
content: "\e913";
}
.icon-smartphone:before {
content: "\e914";
}
.icon-coupon:before {
content: "\e915";
}
.icon-shipping:before {
content: "\e916";
}
.icon-sale:before {
content: "\e917";
}
.icon-help:before {
content: "\e918";
}
.icon-faq:before {
content: "\e919";
}
.icon-category:before {
content: "\e91a";
}
.icon-my-returns:before {
content: "\e91b";
}
.icon-my-orders:before {
content: "\e91c";
}
.icon-filter:before {
content: "\e91d";
}
.icon-location:before {
content: "\e91e";
}
.icon-delete:before {
content: "\e91f";
}
.icon-id:before {
content: "\e920";
}
.icon-edit:before {
content: "\e921";
}
.icon-wechat:before {
content: "\e922";
}
.icon-check:before {
content: "\e923";
}
.icon-refresh-alt:before {
content: "\e924";
}
.icon-arrow:before {
content: "\e925";
}
.icon-wishlist:before {
content: "\e926";
}
.icon-dots:before {
content: "\e927";
}
.icon-view-list:before {
content: "\e928";
}
.icon-view-grid:before {
content: "\e929";
}
.icon-submit:before {
content: "\e92a";
}
.icon-search:before {
content: "\e92b";
}
.icon-user:before {
content: "\e92c";
}
.icon-cart:before {
content: "\e92d";
}
.icon-refresh:before {
content: "\e92e";
}
.icon-alipay:before {
content: "\e92f";
}
.icon-wechat-pay:before {
content: "\e930";
}
.icon-eye_closed:before {
content: "\e931";
}
.icon-eye_open:before {
content: "\e932";
}
/**********************************************************************/
/***************************************
MAGENTO FOTORAMA CLOSE ICON
***************************************/
.fotorama--fullscreen .fotorama__fullscreen-icon {
position: absolute;
right: 32px;
top: 32px;
width: 64px;
height: 64px;
opacity: 0.7;
background: none;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:hover {
opacity: 1;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before,
.fotorama--fullscreen .fotorama__fullscreen-icon:after {
position: absolute;
left: 15px;
content: ' ';
height: 65px;
width: 2px;
background-color: #666;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before {
transform: rotate(45deg);
}
.fotorama--fullscreen .fotorama__fullscreen-icon:after {
transform: rotate(-45deg);
}
/* Click states fix for Fotorama icons */
.fotorama__fullscreen-icon:focus:after,
.fotorama__zoom-out:focus:after,
.fotorama__zoom-in:focus:after,
.fotorama__arr:focus:after,
.fotorama__stage__shaft:focus:after,
.fotorama__nav__frame--thumb:focus .fotorama__thumb:after,
.fotorama__nav__frame--dot:focus .fotorama__dot:after {
left: 15px !important;
top: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/***************************************
PRODUCT COUNTER FOR THE MINICART ICON
***************************************/
.minicart-number:not(.empty) {
position: absolute;
right: -8px;
top: -7px;
height: 16px;
width: 16px;
border-radius: 50%;
background-color: #e8142b;
font-family: 'Helvetica', Arial, sans-serif;
font-size: 11px;
line-height: 16px;
color: #ffffff;
text-align: center;
}
.minicart-number.empty {
display: none;
}
/***************************************
SLIDER ARROWS
***************************************/
.arrow {
border-right: 2px solid #999;
border-bottom: 2px solid #999;
width: 15px;
height: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.arrow-wrap-left {
position: absolute;
-webkit-transform: scaleX(0.6) rotate(180deg);
-moz-transform: scaleX(0.6) rotate(180deg);
-o-transform: scaleX(0.6) rotate(180deg);
transform: scaleX(0.6) rotate(180deg);
}
.arrow-wrap {
position: absolute;
-webkit-transform: scaleX(0.6);
-moz-transform: scaleX(0.6);
-o-transform: scaleX(0.6);
transform: scaleX(0.6);
}
.button-close {
display: block;
padding: 0;
margin: 0;
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
opacity: 0.85;
outline: 0;
z-index: 1000000;
overflow: visible;
cursor: pointer;
}
.button-close:before,
.button-close:after {
display: inline-block;
position: absolute;
left: 18px;
top: 5px;
content: '';
height: 36px;
width: 2px;
background-color: #b3b3b3;
overflow: visible;
}
.button-close:before {
transform: rotate(45deg);
}
.button-close:after {
transform: rotate(-45deg);
}
.button-close:hover:before,
.button-close:hover:after {
background-color: #a6a6a6;
}
.tmo-icon-add {
display: block;
height: 34px;
width: 34px;
position: relative;
border: 1px solid #b3b3b3;
border-radius: 50%;
}
.tmo-icon-add:after,
.tmo-icon-add:before {
content: '';
display: block;
height: 17px;
width: 1px;
position: absolute;
top: 7px;
left: 16px;
background: #b3b3b3;
}
.tmo-icon-add:after {
transform: rotate(90deg);
}
.tmo-status-icon {
display: inline-block;
height: 23px;
width: 23px;
position: relative;
border: 2px solid #e8142b;
border-radius: 50%;
}
.tmo-status-icon:after,
.tmo-status-icon:before {
content: '';
display: block;
height: 6px;
width: 2px;
position: absolute;
top: 5px;
left: 8px;
background: #e8142b;
}
.tmo-status-icon:after {
transform: rotate(90deg);
left: 10px;
top: 8px;
}
.tmo-status-icon-approved {
height: 28px;
width: 28px;
border: 2px solid #a9c240;
}
.tmo-status-icon-approved:before {
content: '\e923';
height: 22px;
width: 22px;
top: 0;
left: 0;
padding-left: 3px;
line-height: 24px;
font-family: 'tmo-icons';
font-size: 15px;
background: transparent;
}
.tmo-status-icon-approved:after {
display: none;
}
/***************************************
FORM ELEMENTS RESET
***************************************/
.input-text,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea,
.form-control {
appearance: none;
-o-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-o-border-radius: none;
-webkit-box-shadow: none;
background-color: #ffffff;
border: 1px solid #e6e6e6;
transition: border-color 400ms ease;
}
.input-text:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus,
.form-control:focus {
border-color: #999999;
}
select {
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-o-border-radius: none;
-webkit-box-shadow: none;
background-color: #fff;
border: 1px solid #e6e6e6;
transition: border-color 400ms ease;
}
select:focus {
border-color: #999999;
}
.input-text:focus,
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
outline-color: transparent;
outline-style: none;
-webkit-box-shadow: none;
box-shadow: none;
}
:focus {
outline: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background: none !important;
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
-webkit-text-fill-color: #4d4d4d !important;
}
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
background: none !important;
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
-webkit-text-fill-color: #4d4d4d !important;
}
.input-group-addon {
z-index: 9;
}
/***************************************
DEFAULT FORM STYLING
***************************************/
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
height: 47px;
margin: 0 0 10px;
color: #4d4d4d;
font-size: 14px;
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border: 0;
border-bottom: 1px solid #e6e6e6;
}
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus {
border: 0;
border-bottom: 1px solid #a9c240;
}
input[type=date]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=range]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder {
color: #b3b3b3;
}
input[type=date]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=range]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=week]:-moz-placeholder {
color: #b3b3b3;
opacity: 1;
}
input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=range]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder {
color: #b3b3b3;
opacity: 1;
}
input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=range]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder {
color: #b3b3b3;
}
input[type=email],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
padding: 0 12px;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=number] {
padding: 14px 0 14px 10px;
}
select.input-text,
select.form-control,
select {
height: 47px;
padding: 12px 24px 12px 12px;
margin: 8px 0 10px;
position: relative;
color: #4d4d4d;
font-size: 14px;
border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #e6e6e6;
background-image: url(/pub/media/svg/arrow-down.svg) !important;
background-position: right 12px center !important;
background-size: 22px !important;
background-repeat: no-repeat !important;
cursor: pointer;
}
select.input-text:focus,
select.form-control:focus,
select:focus {
border: 1px solid #e6e6e6;
}
select.input-text:active,
select.form-control:active,
select:active {
border: 1px solid #a9c240;
background-image: url(/pub/media/svg/arrow-up.svg) !important;
background-position: right 12px center !important;
background-size: 22px !important;
background-repeat: no-repeat !important;
}
textarea,
.form-control {
padding: 10px 12px;
margin: 0 0 10px;
color: #4d4d4d;
border: 1px solid #e6e6e6;
border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
textarea:focus,
.form-control:focus {
border-color: #a9c240;
}
/*
Upload button
*/
input[type="file"] {
display: none;
}
[data-file]:after {
content: attr(data-file);
}
.field._required > .label-main:after,
.field._required > .label:after,
.field.required > .label-main:after,
.field.required > .label:after {
content: '*';
color: #f17280;
font-size: 18px;
margin: 0;
}
.switch-checkbox .switch {
height: 0;
width: 0;
visibility: hidden;
}
.switch-checkbox .switch:checked + label.switch-label {
background: #2eb39e;
}
.switch-checkbox .switch:checked + label.switch-label:after {
left: calc(95%);
transform: translateX(-100%);
}
.switch-checkbox label.switch-label {
display: inline-block;
position: relative;
width: 60px;
height: 30px;
margin: 0;
border-radius: 112px;
cursor: pointer;
text-indent: -9999px;
background: grey;
}
.switch-checkbox label.switch-label:after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 24px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
.swatch-attribute-label {
font-weight: bold;
position: relative;
}
.swatch-attribute-label.required {
padding-right: 10px;
}
.swatch-attribute-label[data-required="1"]:after {
content: '*';
color: red;
position: absolute;
right: -11px;
top: -2px;
font-weight: bold;
font-size: 1em;
}
.swatch-attribute-selected-option {
color: #646464;
padding-left: 17px;
}
.swatch-attribute-options {
margin-top: 10px;
}
.swatch-option {
/*width: 30px;*/
padding: 1px 2px;
min-width: 30px;
max-width: 90px;
height: 20px;
float: left;
margin: 0 10px 5px 0;
text-align: center;
cursor: pointer;
position: relative;
border: 1px solid #dadada;
overflow: hidden;
text-overflow: ellipsis;
}
.swatch-option.text {
background: #F2F2F2;
color: #7F7F7F;
font-size: 12px;
font-weight: 700;
line-height: 20px;
padding: 4px 8px;
min-width: 22px;
margin-right: 7px;
/*background-color: #F2F2F2;*/
}
.swatch-option.selected {
outline: 2px solid #FF5100;
border: 1px solid #fff;
color: #333;
}
.swatch-option.text.selected {
background-color: #FFF !important;
}
.clearfix:after {
content: " ";
/* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.swatch-attribute.size .swatch-option,
.swatch-attribute.manufacturer .swatch-option {
background: #f0f0f0;
color: #949494;
}
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected {
color: black;
background: #fff;
border: 1px solid #fff;
}
.swatch-option:not(.disabled):hover {
outline: 1px solid #999;
border: 1px solid #fff;
color: #333;
}
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
outline: 2px solid #FF5216;
border: 1px solid #fff;
}
.swatch-option.disabled {
cursor: default;
}
.swatch-option.disabled:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}
.swatch-option-tooltip {
max-width: 140px;
/*max-height: 160px;*/
max-height: 100%;
min-height: 20px;
min-width: 20px;
position: absolute;
padding: 5px;
background: #fff;
color: #949494;
border: 1px solid #adadad;
display: none;
z-index: 999;
text-align: center;
}
.swatch-option-tooltip .corner,
.swatch-option-tooltip-layered .corner {
left: 40%;
position: absolute;
bottom: 0;
height: 8px;
}
.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
content: '';
position: relative;
top: 1px;
left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7.5px 0 7.5px;
border-color: #fff transparent transparent transparent;
font-size: 1px;
}
.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before {
content: '';
position: relative;
top: 2px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8.5px 0 8.5px;
border-color: #adadad transparent transparent transparent;
font-size: 1px;
}
.swatch-option-tooltip .image,
.swatch-option-tooltip-layered .image {
display: block;
height: 130px;
width: 130px;
/*margin: 0 0 5px;*/
margin: 0 auto;
}
.swatch-option-tooltip .title {
max-width: 140px;
min-height: 20px;
max-height: 200px;
color: #282828;
text-align: center;
display: block;
overflow: hidden;
}
.swatch-opt {
margin: 20px 0;
}
.swatch-more {
display: inline-block;
margin: 2px 0;
text-decoration: none !important;
position: static;
z-index: 1;
}
/* Layered Features */
.swatch-option-link-layered {
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.swatch-option-tooltip-layered {
width: 140px;
position: absolute;
background: #fff;
color: #949494;
border: 1px solid #adadad;
display: none;
z-index: 999;
left: -47px;
}
.swatch-visual-tooltip-layered {
height: 160px;
top: -170px;
}
.swatch-textual-tooltip-layered {
height: 30px;
top: -40px;
}
.swatch-option-link-layered:hover > .swatch-option-tooltip-layered {
display: block;
}
.swatch-attribute-options .swatch-option-tooltip-layered .title {
width: 100%;
height: 20px;
position: absolute;
bottom: -5px;
left: 0;
color: #282828;
text-align: center;
margin-bottom: 10px;
}
.swatch-option-disabled:after {
content: '';
position: absolute;
width: 42px;
height: 2px;
background: red;
transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
z-index: 995;
left: -4px;
top: 10px;
}
.swatch-option-disabled {
outline: none !important;
cursor: default;
border: 0;
}
/* Bugfix for Add To Cart button */
.swatch-opt-listing {
margin-bottom: 10px;
}
.swatch-option-loading {
content: url("../images/loader-2.gif");
}
/* Deft Slider */
.tmo-slider {
position: relative;
display: block;
margin-left: -12px;
margin-right: -12px;
margin-bottom: 60px;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.tmo-slider .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.tmo-slider .slick-list:focus {
outline: none;
}
.tmo-slider .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
/* Safari */
align-items: stretch;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide .tmo-item-image {
padding: 10%;
display: block;
background: #f7f7f7;
}
.slick-slide .tmo-item-image img {
max-width: 100%;
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #ffffff url('/pub/media/img/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
display: inline-block;
font-family: "tmo-icons";
font-size: 20px;
line-height: 1;
color: #000000;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
.slick-prev[dir="rtl"] {
left: auto;
right: -25px;
}
.slick-prev:before {
transform: rotate(180deg);
content: "\e925";
}
.slick-prev:before[dir="rtl"] {
content: "\e925";
}
.slick-next {
right: -25px;
}
.slick-next[dir="rtl"] {
left: -25px;
right: auto;
}
.slick-next:before {
content: "\e925";
}
.slick-next:before[dir="rtl"] {
content: "\e925";
}
/* Dots */
.slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 30px;
width: 30px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 10px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 30px;
height: 30px;
font-family: "tmo-icons";
font-size: 36px;
line-height: 20px;
text-align: center;
color: #000000;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 400ms ease;
}
.slick-dots li.slick-active button:before {
color: #000000;
opacity: 0.75;
}
.tmo-widget.tmo-widget-product-mgs_brand .tmo-item-inner a {
display: block;
width: 100%;
padding: 20px;
}
.tmo-widget.tmo-widget-product-mgs_brand .tmo-item-inner a .item {
width: 100%;
min-height: 120px;
background-color: #f7f7f7;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.tmo-widget .share-popup {
position: absolute;
bottom: 120%;
left: 50%;
display: none;
width: 250%;
padding: 10px;
background: #fff;
border: 1px solid #e6e6e6;
transform: translateX(-50%);
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.tmo-widget .share-popup a {
display: inline-block;
text-align: center;
padding: 0 4px;
}
.tmo-widget .share-popup.share-icon-show {
display: block;
}
.tmo-product-slider {
background-image: url(/pub/media/img/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
.tmo-product-slider .tmo-slider {
opacity: 0;
position: absolute;
min-height: 300px;
overflow: hidden;
}
.tmo-product-slider .tmo-slider.slick-initialized {
background: #fff;
opacity: 1;
position: relative;
transition: opacity 200ms ease-in;
overflow: inherit;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item {
padding: 12px;
transition: transform 200ms ease;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner {
position: relative;
height: 100%;
transition: all 400ms ease;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner span[class^='icon-'] {
font-size: 22px;
color: #a9c240;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner span[class^='icon-']:hover {
color: #99b038;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .product-label {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 20px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .product-label.sale-label {
left: 12px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .product-label.new-label {
right: 12px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption {
height: 100%;
padding: 12px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub {
padding-bottom: 40px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-top {
width: 100%;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-top .price-box {
margin-left: -2px;
float: left;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-top span[class^='icon-'] {
padding: 4px;
float: right;
font-size: 24px;
color: #a9c240;
transition: opacity 200ms ease;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-top:after {
content: '';
display: table;
clear: both;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-left,
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-right {
position: absolute;
bottom: 12px;
width: 50%;
opacity: 0;
transition: opacity 200ms ease;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-left {
padding: 8px 0 0;
left: 12px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub .deft-sub-right {
text-align: right;
right: 12px;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item .deft-item-inner .deft-caption .deft-sub:after {
content: '';
display: table;
clear: both;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item:hover {
transform: scale(1.03);
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item:hover .deft-item-inner {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item:hover .deft-item-inner .deft-sub .deft-sub-top span[class^='icon-'] {
opacity: 0;
}
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item:hover .deft-item-inner .deft-sub .deft-sub-left,
.deft-widget .tmo-product-slider .deft-slider-1 .deft-item:hover .deft-item-inner .deft-sub .deft-sub-right {
opacity: 1;
}
.tmo-widget .title-inline h2 {
margin: 40px 0 30px;
text-align: center;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item {
padding: 12px;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner {
position: relative;
height: 100%;
overflow: hidden;
background: #f7f7f7;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-item-image {
position: relative;
display: block;
padding: 5% 20%;
background: #ededed;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption {
padding: 20px 24px 50px;
text-align: center;
background: #f7f7f7;
transform: translateY(0);
transition: transform 300ms ease;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption .tmo-title {
display: block;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption .tmo-title span {
display: inline-block;
margin-bottom: 12px;
font-size: 22px;
line-height: 30px;
color: #4d4d4d;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption .tmo-sub .price-box {
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
transition: all 300ms ease;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption .tmo-sub .price-box > .special-price .price,
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption .tmo-sub .price-box > .price-container .price {
font-weight: bold;
font-size: 22px;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-caption .tmo-sub .price-box .old-price .price {
color: #b3b3b3;
font-size: 18px;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
background: #ffffff;
opacity: 0;
transform: scaleY(0);
transform-origin: center bottom;
transition: all 300ms ease;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-actions .btn-group {
width: 100%;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-actions .btn-group .btn {
margin: 0;
width: 50%;
height: 44px;
line-height: 44px;
border-radius: 0 !important;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-actions .btn-group.btn-group-double {
position: relative;
padding-right: 44px;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-actions .btn-group.btn-group-double .btn-icon {
position: absolute;
top: 0;
right: 0;
min-width: auto;
width: 44px;
padding: 0;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item .tmo-item-inner .tmo-actions .btn-group.btn-group-double .btn-icon span[class^='icon-'] {
pointer-events: none;
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item:hover .tmo-item-inner .tmo-caption {
padding: 12px 24px 58px;
transform: translateY(-20px);
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item:hover .tmo-item-inner .tmo-caption .price-box {
transform: translateY(-14px);
}
.tmo-widget .tmo-product-slider .tmo-slider-2 .tmo-item:hover .tmo-item-inner .tmo-actions {
opacity: 1;
transform: scaleY(1);
}
html,
body {
overflow-x: hidden;
}
body {
position: relative;
text-align: left;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
color: #4d4d4d;
font-family: "Hiragino Sans GB W3", "Microsoft Yahei", STXihei, "微软雅黑", "华文细黑", sans-serif;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 32px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 20px;
}
h5,
.h5 {
font-size: 16px;
}
h6,
.h6 {
font-size: 14px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
display: block;
margin-top: 0;
color: #404040;
}
ul,
ol {
list-style: none;
padding: 0;
}
ul li,
ol li {
line-height: 24px;
}
.label {
color: #4d4d4d;
font-size: inherit;
margin: 0 0 8px;
display: inline-block;
border: none;
padding-left: 0;
text-align: left;
font-weight: 300;
}
.row {
margin-right: -12px;
margin-left: -12px;
}
.container,
.container-fluid {
padding-left: 12px;
padding-right: 12px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
padding-right: 12px;
padding-left: 12px;
}
.share-popup {
display: none;
position: absolute;
left: 50%;
padding: 10px;
text-align: center;
background: #fff;
border-radius: 0;
border: 1px solid #e6e6e6;
transform: translateX(-50%);
z-index: 99;
}
.share-popup a {
display: inline-block;
text-align: center;
padding: 0 4px;
}
.share-popup.share-icon-show {
display: block;
}
.share-popup img {
max-width: 200px;
}
.messages {
clear: both;
}
.message {
padding: 12px;
}
.message-success {
background-color: #9dd49d;
}
.message-info {
background-color: #9dd9eb;
}
.message-warning {
background-color: #f6ce95;
}
.message-danger {
background-color: #f17280;
}
.message.notice,
.message.warning {
background: #f6ce95;
color: #4d4d4d;
}
.message.error {
background: #f17280;
color: #e8142b;
}
.message-error,
.mage-error {
color: #e8142b;
}
.text-danger {
color: #e8142b !important;
}
.fee-notice {
font-size: 14px !important;
}
.fee-notice .tax-fee {
font-size: 14px !important;
color: #e8142b !important;
}
.region-symbol-left {
margin-left: -6px;
}
.fa {
transition: color 100ms ease-in-out;
}
.product-label {
position: absolute;
top: 0;
width: 50px;
height: 60px;
line-height: 60px;
font-size: 24px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
color: #ffffff;
}
.product-label.sale-label {
left: 0;
background: #e8142b;
}
.product-label.new-label {
background: #fe6a00;
right: 0;
}
.product-label.sold-label {
right: 60px;
background-color: #e8142b;
}
.product-label.out-of-stock-label {
background-color: grey;
right: 0;
}
@media (max-width: 992px) {
.product-label {
padding: 0;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
}
}
.img-thumbnail {
border: 0;
border-radius: 0;
}
:focus {
outline: none !important;
}
.dropzone-custom {
border-radius: 3px;
background: #ededed;
border: 3px solid #ededed;
height: 220px;
cursor: pointer;
}
.dz-preview {
width: 130px;
display: inline-block;
margin: 24px 10px 0;
}
.dz-success-mark {
width: 70px;
display: inline-block;
}
.dz-error-mark {
width: 70px;
display: inline-block;
}
a.dz-remove {
display: block;
width: 100%;
position: relative;
color: transparent;
}
a.dz-remove:after {
width: 100%;
position: absolute;
top: 0;
content: '\e91d';
display: block;
font-family: 'tmo-icons';
font-size: 20px;
text-align: center;
color: #a9c240;
}
a.dz-remove:hover:after {
color: #99b038;
}
.loading-mask {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
z-index: 9999;
background: #fff;
background: rgba(255, 255, 255, 0.6);
}
.loading-mask .loader-icon {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 50%;
border: 5px solid #ccc;
border-top-color: #666;
animation: spin-load 1.2s infinite linear;
}
.loading-mask .loader > p {
display: none;
}
.loading-mask .loader > img {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}
.loading-mask.block {
position: relative;
width: 100%;
height: 120px;
border-radius: 4px;
background: #f7f7f7;
}
.loading-mask.inline {
position: relative;
width: 50px;
height: 50px;
}
.loading-mask.alt {
background: none;
width: 1.5em;
height: 1.5em;
}
.loading-mask.alt .loader-icon {
position: relative;
top: -2.2em;
left: auto;
height: 1.5em;
margin: 0;
color: #b3b3b3;
font-size: 10px;
text-indent: -9999em;
transform: translateZ(0);
animation-delay: -0.16s !important;
animation: none;
border: none;
}
.loading-mask.alt .loader-icon,
.loading-mask.alt .loader-icon:before,
.loading-mask.alt .loader-icon:after {
border-radius: 50%;
width: 1.5em;
height: 1.5em;
animation-fill-mode: both;
animation: loader-alt 1.8s infinite ease-in-out;
}
.loading-mask.alt .loader-icon:before,
.loading-mask.alt .loader-icon:after {
content: '';
position: absolute;
top: 0;
}
.loading-mask.alt .loader-icon:before {
left: -2.5em;
animation-delay: -0.32s;
}
.loading-mask.alt .loader-icon:after {
left: 2.5em;
}
@keyframes loader-alt {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
.scroll-to-top {
position: fixed;
right: 25px;
bottom: -180px;
height: 50px;
width: 50px;
padding: 3px;
line-height: 40px;
cursor: pointer;
text-align: center;
border-radius: 50%;
border: 0;
background: #2eb39e;
background: rgba(46, 179, 158, 0.7);
transition: all 600ms ease-in-out 0s;
z-index: 9999;
}
.scroll-to-top span[class*='icon-'] {
font-size: 44px;
color: #fff;
}
.scroll-to-top span[class*='icon-']:hover,
.scroll-to-top span[class*='icon-']:focus,
.scroll-to-top span[class*='icon-']:active {
color: #fff;
}
.breadcrumbs {
background-image: url(/pub/media/headers/banner-default.jpg);
background-position: center center;
background-size: cover;
margin-top: -66px;
margin-bottom: 60px;
padding: 150px 0 90px;
color: #fff;
clear: both;
}
.breadcrumbs h1 {
color: #fff;
font-size: 36px;
font-weight: 700;
margin: 0;
}
.breadcrumbs .breadcrumb {
margin: 0;
padding: 12px 0;
font-style: italic;
font-size: 14px;
background: transparent;
}
.breadcrumbs .breadcrumb li {
font-size: 22px;
}
.breadcrumbs .breadcrumb li.active {
color: #fff;
}
.breadcrumbs .breadcrumb li a {
color: #fff;
font-size: inherit;
}
.breadcrumbs .breadcrumb li a:hover {
color: #a9c240;
}
@media (max-width: 768px) {
.breadcrumbs {
margin-top: 50px;
}
}
.breadcrumb {
margin: 0;
padding: 24px 0 12px;
background: transparent;
}
.rev_slider_wrapper .tp-bullet-image,
.rev_slider_wrapper .tp-bullet-imageoverlay,
.rev_slider_wrapper .tp-bullet-title {
display: none;
}
.tmo-fw-banner .banner-link {
display: table;
width: 100%;
background-color: #f7f7f7;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 36px 0 24px;
min-height: 240px;
clear: both;
color: #fff;
font-weight: normal;
}
.tmo-fw-banner .banner-link > .container {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.tmo-fw-banner .banner-link .row > * {
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.tmo-fw-banner .banner-link h2 {
margin-bottom: 24px;
}
.tmo-fw-banner .banner-link img {
margin-bottom: 12px;
}
.tmo-fw-banner .banner-link .banner-subtitle {
display: block;
font-size: 20px;
margin-bottom: 12px;
}
.tmo-fw-banner .banner-link .banner-subtitle > *:last-child {
margin: 0;
}
.customer-account-logoutsuccess .column.main {
padding: 100px 0;
text-align: center;
}
.field-tooltip {
cursor: pointer;
position: absolute;
right: -25px;
top: 10px;
}
.field-tooltip .field-tooltip-action {
display: inline-block;
text-decoration: none;
}
.field-tooltip .field-tooltip-action:before {
-webkit-font-smoothing: antialiased;
font-size: 25px;
line-height: inherit;
color: #b3b3b3;
content: "\f059";
font-family: FontAwesome;
vertical-align: middle;
display: inline-block;
font-weight: normal;
speak: none;
text-align: center;
}
.field-tooltip .field-tooltip-action:hover:before {
color: #4d4d4d;
}
.field-tooltip .field-tooltip-content {
background: #f7f7f7;
border: 1px solid #e6e6e6;
color: #b3b3b3;
border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
font-size: 14px;
padding: 12px;
width: 270px;
display: none;
left: 38px;
position: absolute;
text-transform: none;
top: -9px;
word-wrap: break-word;
z-index: 2;
}
.field-tooltip .field-tooltip-content:after,
.field-tooltip .field-tooltip-content:before {
border: 10px solid transparent;
height: 0;
width: 0;
border-right-color: #e6e6e6;
left: -21px;
top: 12px;
content: '';
display: block;
position: absolute;
z-index: 3;
}
.field-tooltip .field-tooltip-content:before {
border-right-color: #e6e6e6;
}
.field-tooltip .field-tooltip-content:after {
border-right-color: #e6e6e6;
width: 1px;
z-index: 4;
}
.field-tooltip._active .field-tooltip-content {
display: block;
}
.control._with-tooltip {
position: relative;
}
.control._with-tooltip._active {
z-index: 100;
}
.control._with-tooltip._active .field-tooltip-action:before {
color: #4d4d4d;
}
.control._with-tooltip._active .field-tooltip-content {
display: block;
}
.cms-page-view .column.main img {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
}
.cms-page-view .column.main ul,
.cms-page-view .column.main ol {
display: block;
margin-top: 18px;
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
padding-left: 24px;
}
.cms-page-view .column.main ul li,
.cms-page-view .column.main ol li {
padding: 0;
margin: 0;
}
.cms-page-view .column.main ul li ul,
.cms-page-view .column.main ol li ul {
margin-top: 0;
margin-bottom: 0.4em;
padding-left: 18px;
}
.cms-page-view .column.main ul {
list-style-type: disc;
padding-left: 40px;
}
.cms-page-view .column.main ul li ul {
padding-left: 24px;
list-style-type: circle;
}
.cms-page-view .column.main ul li ul li {
list-style-type: circle;
}
.cms-page-view .column.main ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
padding-left: 18px;
}
.cms-page-view .column.main ol > li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
}
.cms-page-view .column.main ol > li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}
.cms-page-view .column.main li ol {
padding-left: 0;
margin-bottom: 12px;
}
.cms-page-view .column.main li ol > li {
margin: 0;
}
.cms-page-view .column.main li ol > li:before {
content: counters(item, ".") " ";
}
/*
Home Category Slider
*/
.home-category-slider .nav,
.catalog-product-view .related .nav {
border: none;
}
.home-category-slider .nav li,
.catalog-product-view .related .nav li {
margin-right: 10px;
padding: 0;
}
.home-category-slider .nav li:last-child,
.catalog-product-view .related .nav li:last-child {
margin-right: 0;
}
.home-category-slider .nav li a,
.catalog-product-view .related .nav li a {
width: 100%;
cursor: pointer;
padding: 4px 8px;
border-radius: 0;
text-align: center;
}
.home-category-slider .nav li a:hover,
.catalog-product-view .related .nav li a:hover {
border: 1px solid #a9c240;
background: none;
}
.home-category-slider .nav li.active a,
.catalog-product-view .related .nav li.active a {
border: 1px solid #a9c240;
}
.home-category-slider .nav li.active a:hover,
.catalog-product-view .related .nav li.active a:hover {
border: 1px solid #a9c240;
}
.home-category-slider .related .title-inline,
.catalog-product-view .related .related .title-inline {
padding: 40px 0 0;
text-align: center;
}
.home-category-slider .related .title-inline h3,
.catalog-product-view .related .related .title-inline h3 {
font-weight: normal;
font-size: 30px;
}
.home-category-slider .products .owl-stage-outer,
.catalog-product-view .related .products .owl-stage-outer {
padding-top: 65px;
}
.home-category-slider .products .owl-stage-outer .owl-stage li.item .product.details .price-box .packaging-info,
.catalog-product-view .related .products .owl-stage-outer .owl-stage li.item .product.details .price-box .packaging-info {
display: none;
}
.home-category-slider .products .owl-controls .owl-prev,
.catalog-product-view .related .products .owl-controls .owl-prev {
left: 45px;
}
.home-category-slider .products .owl-controls .owl-next,
.catalog-product-view .related .products .owl-controls .owl-next {
right: 45px;
}
body {
left: 0;
}
body._has-modal {
overflow: hidden;
position: fixed;
width: 100%;
}
.modal-popup {
visibility: hidden;
bottom: 0;
right: 0;
top: 0;
left: 0;
position: fixed;
z-index: 1000;
}
.modal-popup._inner-scroll .modal-content {
overflow-y: auto;
}
.modal-popup._inner-scroll .modal-footer .action-hide-popup {
background: none;
color: #4d4d4d;
border: none;
box-shadow: none;
}
.modal-popup .modal-inner-wrap {
padding: 50px;
width: 440px;
box-sizing: border-box;
height: auto;
left: 0;
margin: 5% auto;
position: absolute;
right: 0;
transform: translateY(-200%);
-o-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-webkit-transform: translateY(-200%);
transition-duration: .2s;
-webkit-transition-property: -webkit-transform, visibility;
transition-property: transform, visibility;
transition-timing-function: ease;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
opacity: 1;
pointer-events: auto;
}
.modal-popup._show {
max-height: 100%;
visibility: visible;
}
.modal-popup._show .modal-inner-wrap {
transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
.modal-popup .action-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
background: none;
border: none;
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
margin: 0;
}
.modal-popup .action-close span {
display: none;
}
.modal-popup .action-close:before,
.modal-popup .action-close:after {
display: inline-block;
content: "";
position: absolute;
left: 0;
height: 1px;
width: 30px;
background: #808080;
transition: background 100ms linear;
}
.modal-popup .action-close:before {
transform: rotate(45deg);
}
.modal-popup .action-close:after {
transform: rotate(-45deg);
}
.modal-popup .action-close:hover:before,
.modal-popup .action-close:hover:after {
background: #4d4d4d;
}
.modal-dialog {
width: 90%;
margin: 60px auto;
max-width: 900px;
}
.modal-content {
box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.1);
border-radius: 0;
border: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.3);
}
.modal-backdrop.in {
filter: alpha(opacity=100);
opacity: 1;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
width: 40px;
height: 40px;
margin: 10px;
overflow: hidden;
}
.checkout-index-index .modal-popup .modal-inner-wrap {
width: auto;
}
.checkout-index-index .modal-popup.addnew-address-modal .modal-inner-wrap {
overflow-y: scroll;
width: 780px;
padding: 40px;
}
.checkout-index-index .modal-popup.addnew-address-modal .modal-inner-wrap footer.modal-footer button:first-child {
margin-left: 25%;
}
@media (min-width: 900px) {
.checkout-index-index .modal-popup .modal-inner-wrap {
width: 700px;
padding: 40px;
}
}
.modal-popup._inner-scroll .modal-inner-wrap {
max-height: 80%;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-header h1 {
display: block;
flex-shrink: 0;
flex-grow: 0;
min-height: 0;
margin: 0 0 20px;
padding: 0;
font-size: 24px;
text-align: center;
border-bottom: none;
border: none;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-content {
overflow-y: auto;
border-radius: 0;
border: none;
box-shadow: none;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-footer {
padding: 24px 0 0;
margin-top: auto;
flex-grow: 0;
flex-shrink: 0;
border: none;
text-align: center;
border-top: 1px solid #e6e6e6;
}
.modal-popup._inner-scroll .modal-inner-wrap .modal-footer .action-hide-popup {
display: none;
}
@media (max-width: 768px) {
.modal-popup._inner-scroll .modal-content {
height: auto;
padding: 0 1em;
}
}
.modal-popup.store-notice-popup .modal-inner-wrap {
width: 80%;
max-width: 900px;
height: 80%;
max-height: 700px;
padding: 40px;
}
.modal-popup.store-notice-popup .modal-inner-wrap .modal-header {
display: none;
}
.modal-popup.store-notice-popup .modal-inner-wrap .modal-content {
text-align: center;
}
.modal-popup.store-notice-popup .modal-inner-wrap .modal-footer {
border: 0;
}
.modal-popup.store-notice-popup .modal-inner-wrap .modal-footer .action {
max-width: 300px;
margin: 0 auto;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap {
width: 80%;
max-width: 600px;
padding: 30px;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions {
padding: 12px;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions .field {
padding: 0 24px 0 0;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions .field ul {
padding-left: 0px !important;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions .field ul li {
padding-left: 30px !important;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions .field input[type='checkbox'] {
margin-top: 16px;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions .field .label {
padding-left: 30px;
margin: 12px 0;
font-weight: 700;
white-space: normal;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap #modal-terms-conditions p {
margin: 0 0 18px 0;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap .modal-content {
overflow-y: scroll;
height: 100%;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap .modal-footer .btn {
float: left;
margin: 0 auto;
max-width: 48%;
}
.modal-popup.terms-and-conditions-modal .modal-inner-wrap .modal-footer .btn + .btn {
margin: 0 0 0 4%;
}
.modal-popup #opc-new-shipping-address {
max-width: 700px;
margin: 0 auto;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field {
position: relative;
padding: 0;
margin-bottom: 24px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field input[type=checkbox] {
margin-top: 7px;
float: left;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .field label {
display: none;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .label {
position: relative;
bottom: -4px;
padding: 0 12px;
margin: 0;
font-size: 14px;
font-weight: normal;
color: #b3b3b3;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .label.my-details-data {
width: 100%;
height: 47px;
color: #b3b3b3;
font-style: italic;
line-height: 47px;
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .label {
text-align: left;
padding-left: 12px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .label span {
float: left;
}
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .control .select,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .control .input-text {
width: 100%;
margin: 0;
font-size: 16px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .control .select {
border: 0;
border-radius: 0;
border-bottom: 1px solid #e6e6e6;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field .control .select:focus {
border-bottom: 1px solid #a9c240;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field.choice {
display: none;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field._required .label:after,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field.required .label:after {
content: '*';
font-size: 2rem;
margin: 0;
color: #f17280;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field._error {
margin-bottom: 40px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form > .field._error .mage-error {
position: absolute;
padding: 6px 12px 0;
font-size: 13px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city-id,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district-id {
width: 33.3333%;
float: left;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region > .label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id > .label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city > .label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city-id > .label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district > .label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district-id > .label {
display: none;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city-id > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district-id > .control {
width: 100%;
padding-right: 8px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id > .control select,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city-id > .control select,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district-id > .control select {
cursor: pointer;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city input,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district input {
pointer-events: none;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city-id > .control {
padding: 0 4px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district-id > .control {
padding-left: 8px;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .field.street {
width: 100%;
}
@media (max-width: 768px) {
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id {
width: 33.3333%;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region > label.label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id > label.label,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region > .control,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-region-id > .control {
width: 100%;
}
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-city-id,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district,
.modal-popup #opc-new-shipping-address .form-shipping-address #shipping-new-address-form .new-address-district-id {
width: 33.3333%;
margin-top: 48px;
}
}
.checkout-index-index .modal-popup .modal-inner-wrap .modal-header,
.checkout-index-index .modal-popup .modal-inner-wrap .modal-footer {
border: 0;
}
.referral-modal .modal-inner-wrap {
width: 80%;
max-width: 840px;
padding: 60px 48px 32px;
}
.referral-modal .modal-inner-wrap .modal-header {
min-height: 0;
padding: 0;
border: 0;
}
.referral-modal .modal-inner-wrap .modal-content {
text-align: center;
}
.referral-modal .modal-inner-wrap .modal-content p span {
color: #4d4d4d !important;
}
.referral-modal .modal-inner-wrap .modal-content .modal-title {
margin-bottom: 12px;
}
.referral-modal .modal-inner-wrap .modal-footer {
border: 0 !important;
padding: 12px 0 0 !important;
}
.referral-modal.points-description-modal .modal-inner-wrap {
padding: 60px 36px 50px 48px;
}
.referral-modal.points-description-modal .modal-inner-wrap .modal-content {
padding-right: 12px;
}
.referral-modal.points-description-modal .modal-inner-wrap .modal-footer {
display: none;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap {
max-width: 600px;
padding: 28px 8% 24px;
}
@media (min-width: 1200px) {
.referral-modal.cashback-rewards-modal .modal-inner-wrap {
padding: 28px 80px 24px;
}
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .modal-credit-info .modal-credit-total {
display: block;
font-size: 32px;
font-weight: 700;
letter-spacing: 2px;
color: #fe6a00;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .modal-credit-info .modal-credit-notice {
display: block;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .modal-credit-info .modal-credit-notice span {
color: #e8142b;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group {
padding-top: 24px;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .form-control {
font-size: 18px;
font-weight: 700;
color: #fe6a00;
font-style: normal;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .form-control::-webkit-input-placeholder {
font-weight: 300;
font-size: 14px;
font-style: normal;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .form-control:-moz-placeholder {
font-weight: 300;
font-size: 14px;
font-style: normal;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .form-control::-moz-placeholder {
font-weight: 300;
font-size: 14px;
font-style: normal;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .form-control:-ms-input-placeholder {
font-weight: 300;
font-size: 14px;
font-style: normal;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .mage-error {
text-align: left;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .form-group .mage-error:before {
content: '*';
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content #cashback-confirmation {
padding: 36px 0 60px;
font-size: 24px;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content #cashback-confirmation span[class*='icon-'] {
display: block;
width: 80px;
height: 80px;
line-height: 76px;
margin: 0 auto 24px;
border-radius: 50%;
font-size: 48px;
color: #fff;
background: #fe6a00;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content #cashback-confirmation .cashback-confirmation-title {
display: inline-block;
width: 100%;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .cashback-notice {
clear: both;
float: left;
width: 100%;
padding: 0 20px;
display: none;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-content .cashback-notice p {
color: #b3b3b3;
font-size: 14px;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-footer {
padding: 0 !important;
}
.referral-modal.cashback-rewards-modal .modal-inner-wrap .modal-footer .btn {
margin-top: 10px !important;
}
.cms-no-route .page-main .main {
padding: 160px 40px;
text-align: center;
}
.cms-no-route .page-main .main img {
max-width: 180px;
display: block;
margin: 0 auto 12px;
}
.cms-no-route .page-main .main h3,
.cms-no-route .page-main .main h4,
.cms-no-route .page-main .main h5 {
max-width: 500px;
display: block;
margin: 0 auto 12px;
font-size: 24px;
}
.cms-no-route .page-main .main p {
max-width: 500px;
display: block;
margin: 0 auto 12px;
font-size: 16px;
color: #808080;
}
.cms-no-route .page-main .main a {
color: #2eb39e;
}
.cms-no-route .page-main .main a:hover,
.cms-no-route .page-main .main a:focus,
.cms-no-route .page-main .main a:active {
color: #248a7a;
}
.simple-pagination {
margin: 24px 0;
padding-top: 24px;
text-align: center;
border-top: 1px solid #e6e6e6;
}
.simple-pagination ul {
display: inline-block;
text-align: center;
}
.simple-pagination ul li {
min-width: 40px;
height: 36px;
line-height: 36px;
padding: 0 !important;
margin: 0 !important;
display: inline-block;
text-align: center;
list-style-type: none;
color: #4d4d4d;
}
.simple-pagination ul li a {
color: #4d4d4d;
}
.simple-pagination ul li.active {
color: #a9c240;
text-decoration: underline;
}
.simple-pagination ul li:first-child,
.simple-pagination ul li:last-child {
padding: 0 12px;
font-size: 20px;
color: #a9c240;
}
.simple-pagination ul li:first-child a,
.simple-pagination ul li:last-child a {
font-size: 20px;
color: #a9c240;
}
.simple-pagination ul li.disabled {
color: #b3b3b3;
}
.simple-pagination ul li.disabled a {
color: #b3b3b3;
}
.simple-pagination ul li:last-child {
border: 0;
}
.simple-pagination ul li:not(.disabled):hover {
cursor: pointer;
color: #a9c240;
}
.simple-pagination ul li:not(.disabled):hover a {
color: #a9c240;
}
.header .desktop-header-1 {
z-index: 100;
background: #f7f7f7;
}
.header .desktop-header-1 .header-top .header-social .social-welcome {
height: 100%;
float: left;
line-height: 36px;
padding: 6px 12px;
background-color: #a9c240;
color: #fff;
}
.header .desktop-header-1 .header-top .header-social .social-accounts {
height: 50px;
margin: 0 0 0 13px;
display: inline-block;
}
.header .desktop-header-1 .header-top .header-social .social-accounts li {
position: relative;
display: inline-block;
float: left;
font-size: 14px;
text-align: center;
border: 0;
}
.header .desktop-header-1 .header-top .header-social .social-accounts li a {
color: #4d4d4d;
height: 50px;
line-height: 50px;
width: 50px;
float: left;
font-size: 20px;
}
.header .desktop-header-1 .header-top .header-social .social-accounts li a:hover {
color: #a9c240;
}
.header .desktop-header-1 .header-top .header-social .social-accounts li .share-popup {
top: 100%;
}
.header .desktop-header-1 .header-top .header-account {
text-align: right;
}
.header .desktop-header-1 .header-top .header-account .top-links {
position: relative;
display: inline-block;
height: 50px;
line-height: 50px;
}
.header .desktop-header-1 .header-top .header-account .top-links .loginregister,
.header .desktop-header-1 .header-top .header-account .top-links .customer-welcome {
display: inline;
background-color: #2eb39e;
color: #ffffff;
padding: 5px 10px 5px 14px;
border-radius: 30px;
margin-right: 22px;
}
.header .desktop-header-1 .header-top .header-account .top-links .loginregister a,
.header .desktop-header-1 .header-top .header-account .top-links .customer-welcome a,
.header .desktop-header-1 .header-top .header-account .top-links .loginregister span,
.header .desktop-header-1 .header-top .header-account .top-links .customer-welcome span {
color: #ffffff;
}
.header .desktop-header-1 .header-top .header-account .top-links .customer-account {
padding: 12px;
cursor: pointer;
}
.header .desktop-header-1 .header-top .header-account .top-links .customer-account span[class^='icon-'] {
font-size: 16px;
position: relative;
top: 2px;
}
.header .desktop-header-1 .header-top .header-account .top-links .dropdown-menu {
left: initial;
right: -30px;
color: #4d4d4d;
border-radius: 0;
box-shadow: none;
margin-top: -1px;
padding: 5px 0;
min-width: 170px;
}
.header .desktop-header-1 .header-top .header-account .top-links .dropdown-menu .customer-account-dropdown {
margin: 0;
}
.header .desktop-header-1 .header-top .header-account .top-links .dropdown-menu .customer-account-dropdown li a {
width: 100%;
padding: 4px 12px;
font-size: 14px;
color: #4d4d4d;
}
.header .desktop-header-1 .header-top .header-account .top-links .dropdown-menu .customer-account-dropdown li a:not(.no-display) {
display: inline-block;
}
.header .desktop-header-1 .header-top .header-account .top-links .dropdown-menu .customer-account-dropdown li a:hover {
color: #a9c240;
}
.header .desktop-header-1 .header-top .header-account #topsearch-dropdown {
position: relative;
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 3px;
}
.header .desktop-header-1 .header-top .header-account #topsearch-dropdown > .name {
padding: 12px;
color: #4d4d4d;
font-size: 18px;
cursor: pointer;
}
.header .desktop-header-1 .header-top .header-account #topsearch-dropdown .dropdown-menu {
left: initial;
right: -26px;
min-width: 170px;
padding: 12px;
margin-top: -1px;
color: #4d4d4d;
border-radius: 0;
box-shadow: none;
background-color: #e6e6e6;
}
.header .desktop-header-1 .header-top .header-account #topsearch-dropdown .dropdown-menu .minisearch #search {
height: auto;
padding: 10px 16px;
background-color: #fff;
border: none;
color: #4d4d4d;
border-radius: 0;
}
.header .desktop-header-1 .header-top .header-account #topsearch-dropdown .dropdown-menu .minisearch .btn {
position: absolute;
top: 0;
padding: 0;
right: 0;
min-width: 50px;
line-height: 34px;
border: none;
color: #4d4d4d;
font-size: 20px;
background: none !important;
}
.header .desktop-header-1 .header-top .header-account #topsearch-dropdown .dropdown-menu .minisearch .btn span[class^='icon-'] {
color: #4d4d4d;
}
.header .desktop-header-1 .header-middle {
min-height: 70px;
}
.header .desktop-header-1 .header-middle .logo img {
max-height: 60px;
max-width: 200px;
}
.header .desktop-header-1 .header-bottom {
height: 60px;
border-top: 1px solid #e6e6e6;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: height 400ms ease;
}
.header .desktop-header-1 .header-bottom .container > .row {
position: relative;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation {
position: relative;
display: inline-block;
width: 100%;
height: 60px;
text-align: center;
float: left;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main {
display: inline-block;
vertical-align: middle;
position: static;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.small-width > .dropdown-menu {
left: 0;
right: 0;
margin: 0 auto;
width: 83.333% !important;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0.mega-menu-item {
position: static;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0.mega-menu-item .dropdown-menu {
width: 100%;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0.mega-menu-item li.level1 > a {
font-weight: 500;
text-transform: uppercase;
padding: 0;
color: #2eb39e;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0.mega-menu-item li.level1 .level2 {
font-weight: 400;
text-transform: none;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 {
cursor: pointer;
display: inline-block;
float: none;
height: 60px;
line-height: 60px;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0.active {
border-bottom: 3px solid #2eb39e !important;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 > a.level0 {
display: inline-block;
line-height: 60px;
margin: 0;
padding: 0 35px;
overflow: hidden;
font-size: 18px;
font-weight: lighter;
text-transform: uppercase;
font-style: normal;
background: none;
color: #2eb39e;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 > a.level0 .icon-next .fa {
margin-left: 9px;
display: none;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 .active {
background-color: rgba(255, 255, 255, 0.2);
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 li.level1 a,
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 li a {
display: block;
font-size: 14px;
font-weight: 400;
padding: 7px 10px;
text-transform: none;
white-space: nowrap;
background: none;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 li.level1 a:hover,
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 li a:hover {
color: #a9c240;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 li.level1 a:focus,
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0 li a:focus {
color: #a9c240;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main li.level0:hover {
background-color: rgba(255, 255, 255, 0.2);
border-bottom: 3px solid #2eb39e;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li.dropdown {
position: static;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu {
display: block;
width: 100%;
margin-top: 0;
padding: 13px 10px;
top: 49px;
left: 50%;
border-radius: 0;
border: 0;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transform: translate(-50%, 10px);
transition: transform 0.3s ease 0s,opacity 0.3s ease 0s, visibility 0.3s ease 0s;
/* MINICART POSITION FIX */
/*************************/
}
@media (min-width: 768px) {
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu {
width: 750px;
}
}
@media (min-width: 992px) {
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu {
width: 970px;
}
}
@media (min-width: 1200px) {
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu {
width: 1170px;
}
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li {
cursor: default;
text-align: center;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li [class*='col-'] {
float: none;
display: inline-block;
vertical-align: top;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link {
position: relative;
padding: 0;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link img {
padding: 15%;
background: #ededed;
background: rgba(0, 0, 0, 0.15);
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link img.no-padding {
padding: 0 !important;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link h3 {
padding-top: 6px;
color: #4d4d4d;
text-align: left;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link.mm-link-new {
line-height: 110px;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link.mm-link-new span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 18px;
text-align: center;
font-size: 90px;
color: #fff;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li .mm-link:hover img {
background: #f7f7f7;
background: rgba(0, 0, 0, 0.2);
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li span {
display: block;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu li span.mm-link:hover img {
background: #ededed;
background: rgba(0, 0, 0, 0.15);
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu .dropdown-submenu .dropdown-menu {
left: 100%;
margin-left: 10px;
margin-top: -20px;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu .static-megamenu ul li a {
font-size: 16px;
color: #4d4d4d;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu:before,
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu:before {
left: -100%;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li .dropdown-menu:after {
right: -100%;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li.dropdown:hover .dropdown-menu {
opacity: 1;
transform: translate(-50%, 0);
visibility: visible;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li.dropdown:hover .dropdown-submenu {
position: relative;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li.dropdown:hover .dropdown-submenu .dropdown-menu {
opacity: 0;
visibility: hidden;
transform: translateY(30px);
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main > li.dropdown:hover .dropdown-submenu:hover .dropdown-menu {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .nav-main-menu ul.nav-main .custom-img {
position: absolute;
right: -11px;
top: -14px;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .menu-right {
position: absolute;
right: 0;
width: 80px;
text-align: right;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .menu-right .block-search {
display: none;
line-height: 60px;
width: 40px;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .menu-right .block-search span[class^="icon-"] {
position: relative;
top: 4px;
font-size: 20px;
color: #4d4d4d;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .menu-right .minicart-wrapper {
display: inline-block;
line-height: 50px;
width: 40px;
padding: 0;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .menu-right .minicart-wrapper > a {
position: relative;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .navigation .menu-right .minicart-wrapper > a span[class^="icon-"] {
position: relative;
top: 6px;
font-size: 24px;
color: #4d4d4d;
}
.header .desktop-header-1 .header-bottom .header-main-navigation .minicart-wrapper > .ui-widget {
top: 60px;
}
.header .desktop-header-1.desktop-header-scrolled .header-bottom .header-main-navigation .minicart-wrapper > .ui-widget {
top: 61px;
}
.header.header-sticky-menu .desktop-header-1 {
padding-bottom: 50px;
}
.header.header-sticky-menu .desktop-header-1 .header-middle h1.logo {
position: fixed;
top: 0;
left: 12px;
height: 60px;
line-height: 60px;
margin: 0;
z-index: 1000;
}
.header.header-sticky-menu .desktop-header-1 .header-middle h1.logo a {
display: block;
}
.header.header-sticky-menu .desktop-header-1 .header-middle h1.logo img {
display: inline-block;
max-height: 40px;
max-width: 400px;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse {
background: #f7f7f7;
border-bottom: none;
height: 60px;
position: fixed;
top: 0;
width: 100%;
border: 0;
z-index: 999;
animation: 1s cubic-bezier(0.005, 0.75, 0.75, 1) 0s normal none 1 running reveal-header;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse .navigation .nav-main-menu {
height: auto;
padding: 0 210px;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse .navigation .nav-main-menu .menu-right {
display: block;
width: 15%;
float: right;
padding-top: 4px;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse .navigation .nav-main-menu .menu-right .block-search {
display: inline-block;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse .navigation .nav-main-menu ul.nav-main li.level0 {
height: 60px;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse .navigation .nav-main-menu ul.nav-main li.level0 > a.level0 {
border: none;
line-height: 60px;
}
.header.header-sticky-menu .desktop-header-1 .header-bottom.navbar-collapse .navigation .nav-main-menu ul.nav-main .dropdown-menu {
top: 60px;
}
@media (max-width: 768px) {
.header .desktop-header-1 .header-top .text-right {
padding: 15px 50px 0 0;
}
.header .desktop-header-1 .header-top .text-right span[class*='icon-'] {
font-size: 24px;
}
.header .desktop-header-1 .header-top img {
max-height: 40px;
margin: 0 0 8px;
}
.header .desktop-header-1 .header-bottom {
width: 50px;
position: absolute;
right: 0;
top: 0;
background: none;
}
.header .desktop-header-1 .header-bottom .btn-responsive-nav {
right: 0;
height: 50px;
min-width: 50px;
width: 50px;
}
.header .desktop-header-1 .header-bottom .navigation {
position: fixed;
height: 100%;
width: 80%;
max-width: 300px;
padding-top: 0;
background: #f7f7f7;
border-left: 1px solid #e6e6e6;
}
.header .desktop-header-1 .header-bottom .navigation .toggle-menu,
.header .desktop-header-1 .header-bottom .navigation .dropdown-menu,
.header .desktop-header-1 .header-bottom .navigation .minicart-wrapper {
display: none !important;
}
.header .desktop-header-1 .header-bottom .navigation .close-menu {
float: right;
padding: 12px;
margin-right: 12px;
font-size: 24px;
cursor: pointer;
}
}
.header .desktop-header-2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 110px;
z-index: 100;
background: #ffffff;
transition: transform 400ms, height 400ms;
}
.header .desktop-header-2 .header-top {
height: 44px;
color: #b3b3b3;
}
.header .desktop-header-2 .header-top .container > div {
border-right: 1px solid #e6e6e6;
}
.header .desktop-header-2 .header-top .container > div:first-child {
padding-left: 0;
}
.header .desktop-header-2 .header-top .container > div:last-child {
padding-right: 0;
border: 0;
}
.header .desktop-header-2 .header-top .header-top-phone {
line-height: 44px;
}
.header .desktop-header-2 .header-top .header-top-search {
cursor: pointer;
}
.header .desktop-header-2 .header-top .header-top-search .block-search {
position: relative;
float: right;
height: 44px;
width: 44px;
}
.header .desktop-header-2 .header-top .header-top-search .block-search .search-dropdown-toggle {
display: block;
width: 44px;
height: 44px;
line-height: 52px;
text-align: center;
}
.header .desktop-header-2 .header-top .header-top-search .block-search .search-dropdown-toggle span.icon-search {
font-size: 21px;
opacity: 1;
transition: opacity 200ms ease;
}
.header .desktop-header-2 .header-top .header-top-search .block-search .search-dropdown-toggle span.button-close {
top: 0px;
right: 0px;
width: 44px;
height: 44px;
z-index: 9;
opacity: 0;
transition: opacity 200ms ease;
}
.header .desktop-header-2 .header-top .header-top-search .block-search .search-dropdown-toggle span.button-close:before,
.header .desktop-header-2 .header-top .header-top-search .block-search .search-dropdown-toggle span.button-close:after {
left: 21px;
top: 9px;
height: 26px;
background: #b3b3b3;
}
.header .desktop-header-2 .header-top .header-top-search .block-search.block-search-open span.icon-search {
opacity: 0;
}
.header .desktop-header-2 .header-top .header-top-search .block-search.block-search-open span.button-close {
opacity: 1;
}
.header .desktop-header-2 .header-top .header-top-search .block-search.block-search-open span.button-close:before,
.header .desktop-header-2 .header-top .header-top-search .block-search.block-search-open span.button-close:after {
background: #a9c240;
}
.header .desktop-header-2 .header-top .header-top-search:after {
content: '';
display: table;
clear: both;
}
.header .desktop-header-2 .header-top .header-top-account {
position: relative;
height: 44px;
line-height: 44px;
text-align: center;
}
.header .desktop-header-2 .header-top .header-top-account .name {
position: relative;
padding-right: 20px;
cursor: pointer;
}
.header .desktop-header-2 .header-top .header-top-account .name .icon-arrow {
display: block;
position: absolute;
top: 3px;
right: 0;
margin-left: 4px;
font-size: 14px;
transition: all 200ms ease;
transform: rotate(90deg);
}
.header .desktop-header-2 .header-top .header-top-account .name:hover {
color: #a9c240;
}
.header .desktop-header-2 .header-top .header-top-account .name:hover .icon-arrow {
color: #a9c240;
}
.header .desktop-header-2 .header-top .header-top-account.active .icon-arrow {
top: 0;
transform: rotate(-90deg);
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu {
box-sizing: content-box;
width: 100%;
margin: 0;
padding: 0;
top: 44px;
left: -1px;
border-radius: 0;
border: 1px solid #e6e6e6;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu ul {
margin: 0;
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu ul li {
display: block;
border-bottom: 1px solid #e6e6e6;
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu ul li a {
width: 100%;
display: block;
padding: 8px 12px;
font-size: 13px;
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu ul li a:hover {
background: #f7f7f7;
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu ul li.compare {
display: none;
}
.header .desktop-header-2 .header-top .header-top-account .dropdown-menu ul li:last-child {
border: 0;
}
.header .desktop-header-2 .header-top .header-top-extra {
height: 44px;
line-height: 44px;
text-align: center;
cursor: pointer;
}
.header .desktop-header-2 .header-top .header-top-extra a {
width: 100%;
display: inline-block;
}
.header .desktop-header-2 .header-middle {
height: 0;
width: 100%;
overflow: hidden;
background: #ffffff;
transition: height 400ms ease;
}
.header .desktop-header-2 .header-middle > .row {
height: 43px;
border-top: 1px solid #e6e6e6;
}
.header .desktop-header-2 .header-middle .block-search {
line-height: 44px;
}
.header .desktop-header-2 .header-middle .block-search #search_mini_form .form-group {
margin: 0;
}
.header .desktop-header-2 .header-middle .block-search #search_mini_form .form-group input[type='checkbox'] {
position: relative;
top: 1px;
}
.header .desktop-header-2 .header-middle .block-search #search_mini_form .form-group .search-type-label {
margin-right: 10px;
padding-left: 4px;
font-size: 16px;
font-weight: 300;
color: #b3b3b3;
}
.header .desktop-header-2 .header-middle .block-search #search_mini_form .form-group input[type='search'] {
height: 44px;
border-radius: 0;
border: 0;
border-left: 1px solid #e6e6e6;
}
.header .desktop-header-2 .header-middle .block-search #search_mini_form .form-group .btn {
min-width: 54px;
height: 44px;
padding: 0;
position: absolute;
right: 0;
top: 0;
border-radius: 0;
}
.header .desktop-header-2 .header-middle .block-search #search_mini_form .form-group .btn span[class^='icon-'] {
color: #fff;
}
.header .desktop-header-2.header-middle-open {
height: 154px;
}
.header .desktop-header-2.header-middle-open .header-middle {
height: 44px;
}
.header .desktop-header-2 .header-bottom {
position: relative;
background: #ffffff;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.header .desktop-header-2 .header-bottom .header-logo {
padding-left: 0;
}
.header .desktop-header-2 .header-bottom .header-logo .logo {
display: block;
padding: 13px 0;
margin: 0;
}
.header .desktop-header-2 .header-bottom .header-logo .logo img {
display: inline-block;
max-height: 40px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation {
position: static;
height: 66px;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .header-main-link {
padding: 19px 8px;
display: none;
float: right;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .header-main-link span[class^='icon-'] {
margin: 0;
color: #4d4d4d;
font-size: 24px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu {
position: static;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main {
height: 66px;
text-align: justify;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li {
display: inline-block;
line-height: 65px;
text-align: center;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li a {
display: inline-block;
width: 100%;
padding: 0 30px;
margin: 0;
font-size: 18px;
color: #2eb39e;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li a:hover,
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li a:focus,
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li a:active {
color: #196256;
background: transparent;
}
@media (min-width: 768px) and (max-width: 992px) {
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li a {
padding: 0 10px;
font-size: 16px;
}
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.active a {
color: #a9c240;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.active a:hover,
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.active a:focus,
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.active a:active {
color: #889d32;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.level0.mega-menu-item {
position: static;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.level0.mega-menu-item .dropdown-menu {
width: 100%;
text-align: center;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.level0.mega-menu-item li.level1 > a {
font-weight: 500;
text-transform: uppercase;
padding: 0;
color: #4d4d4d;
font-size: 14px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.level0.mega-menu-item li.level1 .level2 {
font-weight: 400;
text-transform: none;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown {
position: static;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper {
display: block;
position: absolute;
top: 67px;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: hidden;
box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.15);
background-color: #f7f9fa;
transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu {
display: block;
float: none;
position: static;
padding: 0;
margin: 0 auto;
border: 0;
border-radius: 0;
opacity: 1;
visibility: hidden;
pointer-events: none;
padding: 18px 0;
box-shadow: none;
background: none;
}
@media (min-width: 768px) {
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu {
width: 750px;
}
}
@media (min-width: 992px) {
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu {
width: 970px;
}
}
@media (min-width: 1200px) {
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu {
width: 1170px;
}
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li {
cursor: default;
text-align: center;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li img {
visibility: hidden;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li [class*='col-'] {
float: none;
display: inline-block;
vertical-align: top;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link {
position: relative;
padding: 0;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link img {
padding: 15%;
background: #fff;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link img.no-padding {
padding: 0 !important;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link h3 {
padding-top: 6px;
color: #4d4d4d;
text-align: center;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link.mm-link-new {
line-height: 110px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link.mm-link-new span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 18px;
text-align: center;
font-size: 90px;
color: #fff;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link.mm-link-new img {
padding: 0;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li .mm-link:hover img {
background: #f2f2f2;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li span {
display: block;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu li span.mm-link:hover img {
background: #ededed;
background: rgba(0, 0, 0, 0.15);
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu .dropdown-submenu .dropdown-menu {
left: 100%;
margin-left: 10px;
margin-top: -20px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper .dropdown-menu .static-megamenu ul li a {
font-size: 16px;
color: #4d4d4d;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown:hover .dropdown-menu-wrapper {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown:hover .dropdown-menu-wrapper .dropdown-menu {
visibility: visible;
pointer-events: all;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown:hover .dropdown-menu-wrapper img {
visibility: visible;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown:hover .dropdown-submenu {
position: relative;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown:hover .dropdown-submenu .dropdown-menu {
opacity: 0;
visibility: hidden;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main > li.dropdown:hover .dropdown-submenu:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main span[class*='icon-'] {
display: none;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .nav-main:after {
content: '';
width: 100%;
/* Ensures justification for single lines */
display: inline-block;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .nav-main-menu .minicart-wrapper {
position: absolute;
right: 0;
top: 0;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right {
text-align: right;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right .block-search {
display: inline-block;
padding: 0 6px;
opacity: 0;
transition: opacity 400ms ease;
float: none;
pointer-events: none;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right .block-search .search-dropdown-toggle {
display: inline-block;
width: 100%;
line-height: 55px;
cursor: pointer;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right .block-search .search-dropdown-toggle span[class*='icon-'] {
position: relative;
top: 3px;
font-size: 22px;
color: #a9c240;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right .minicart-wrapper {
display: inline-block;
width: auto;
padding: 0 6px;
line-height: 66px;
float: none;
cursor: pointer;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right .minicart-wrapper > a {
position: relative;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .menu-right .minicart-wrapper > a .minicart-icon {
font-size: 26px;
position: relative;
top: 6px;
color: #a9c240;
}
.header .desktop-header-2 a:not(.btn) {
color: #b3b3b3;
}
.header .desktop-header-2 a:not(.btn):hover {
color: #a9c240;
}
.header .desktop-header-2 span[class*='icon-'] {
font-size: 17px;
color: #b3b3b3;
}
@media (min-width: 769px) {
.header .desktop-header-2.desktop-header-scrolled {
transform: translate(0, -45px);
height: 99px;
}
.header .desktop-header-2.desktop-header-scrolled .header-bottom .header-logo .logo {
padding: 8px 0 5px;
}
.header .desktop-header-2.desktop-header-scrolled .header-bottom .header-main-navigation {
height: 55px;
}
.header .desktop-header-2.desktop-header-scrolled .header-bottom .header-main-navigation .nav-main-menu .nav-main > li {
line-height: 54px;
}
.header .desktop-header-2.desktop-header-scrolled .header-bottom .header-main-navigation .nav-main-menu .nav-main > li .dropdown-menu-wrapper {
top: 56px;
}
.header .desktop-header-2.desktop-header-scrolled .header-bottom .header-main-navigation .menu-right .minicart-wrapper {
line-height: 55px;
}
.header .desktop-header-2.desktop-header-scrolled .header-bottom .header-main-navigation .menu-right .block-search {
opacity: 1;
pointer-events: all;
}
}
@media (max-width: 768px) {
.header .desktop-header-2 {
position: fixed;
width: 100%;
display: block;
height: 50px;
top: 0;
left: 0;
z-index: 1000;
background: #fff;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}
.header .desktop-header-2 .header-bottom .header-logo {
padding-left: 12px;
}
.header .desktop-header-2 .header-bottom .header-logo img {
max-height: 32px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation {
padding-right: 70px;
}
.header .desktop-header-2 .header-bottom .header-main-navigation .header-main-link {
display: block;
}
.header .desktop-header-2 .header-bottom .navigation {
position: fixed;
height: 100%;
width: 80%;
max-width: 300px;
padding-top: 0;
background: #f7f7f7;
border-left: 1px solid #e6e6e6;
}
.header .desktop-header-2 .header-bottom .navigation .toggle-menu,
.header .desktop-header-2 .header-bottom .navigation .dropdown-menu,
.header .desktop-header-2 .header-bottom .navigation .minicart-wrapper {
display: none !important;
}
.header .desktop-header-2 .header-bottom .navigation .close-menu {
float: right;
padding: 12px;
margin-right: 12px;
font-size: 24px;
cursor: pointer;
}
.header .desktop-header-2 .header-top {
display: none;
}
.header .middle-header-content {
position: absolute;
top: 0;
}
.header .middle-header-content .btn-responsive-nav {
top: 0px;
right: 0;
padding: 0;
height: 50px;
width: 50px;
border: 0;
z-index: 99;
}
.header .page-main {
margin-top: 50px;
}
.header .breadcrumbs-prod-details {
margin-top: 50px;
}
.header .header-v2 .middle-header-content.navbar-collapse {
border: none;
}
}
.mobile-menu {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
background: #fff;
}
.mobile-menu .mobile-menu-overlay {
background: #fff;
}
.mobile-menu .mobile-menu-overlay ul {
margin: 0;
border-right: 1px solid #666;
}
.mobile-menu .mobile-menu-overlay ul li {
margin: 0;
border-bottom: 1px solid #666;
text-align: center;
}
#mobile-toggle {
margin-top: 60px;
display: none;
}
#mobile-toggle #wechat-submenu-01 .container {
padding-left: 0px;
padding-right: 0px;
background-color: black;
height: 60px;
}
#mobile-toggle #wechat-submenu-01 .container .tmo-col {
text-align: center;
font-size: small;
position: relative;
display: inline-block;
width: 19%;
margin-top: 8px;
}
.tmo-a {
color: white;
}
.tmo-btn-toogle {
display: inline-block;
position: relative;
padding: 0 0 0 0;
margin-top: 20px;
margin-left: 15px;
margin-right: 10px;
color: black;
float: left;
}
.nav.collapse.in {
position: relative;
margin-top: 60px;
}
.nav.collapse {
position: relative;
margin-top: 60px;
}
.nav.collapsing {
position: relative;
margin-top: 60px;
}
.modal-popup #login-form {
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-toggle {
display: none;
}
.desktop-minicart-1 {
position: fixed;
right: 50%;
width: 100%;
padding: 0 15px;
text-align: center;
transform: translateX(50%);
z-index: 800;
/* MINICART POSITION FIX */
/*************************/
}
@media (min-width: 768px) {
.desktop-minicart-1 {
width: 750px;
}
}
@media (min-width: 992px) {
.desktop-minicart-1 {
width: 970px;
}
}
@media (min-width: 1200px) {
.desktop-minicart-1 {
width: 1170px;
}
}
.desktop-minicart-1 .button-close {
display: none;
}
.desktop-minicart-1 > .ui-widget-content {
width: 340px;
position: absolute;
right: 0;
top: 2px;
left: auto;
margin-top: -1px;
padding: 12px 18px 30px !important;
background: #fff;
background: rgba(255, 255, 255, 0.95);
border: 0;
border-radius: 0;
z-index: 800;
transition: transform 400ms;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title {
position: relative;
padding: 0 0 6px;
border-bottom: 1px solid #e6e6e6;
background: transparent;
text-align: left;
line-height: 40px;
color: #4d4d4d;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title span {
font-size: 20px;
font-weight: normal;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title .qty:not(.empty) {
margin-left: 10px;
font-size: 14px;
color: #b3b3b3;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title .qty.empty {
display: none;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title .minicart-share {
position: absolute;
right: 32px;
bottom: 17px;
color: #4EA996;
cursor: pointer;
font-size: 18px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title #minicart-edit,
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper > .block-title #minicart-save {
position: absolute;
right: 0;
bottom: 16px;
color: #a9c240;
cursor: pointer;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper {
width: 100%;
max-height: 280px;
overflow-y: auto;
border-bottom: 1px solid #e6e6e6;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items {
position: relative;
height: auto !important;
width: 100%;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item {
position: relative;
padding: 12px 6px 12px 0;
min-height: 96px;
clear: both;
border: none;
border-bottom: 1px solid #e6e6e6;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product-image {
position: absolute;
margin-right: 12px;
background: #ededed;
padding: 6px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product-image img {
float: left;
max-width: 60px;
height: auto !important;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product-image:after {
content: '';
display: table;
clear: both;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-name {
max-width: none;
margin-bottom: 6px;
padding-left: 84px;
font-size: 15px;
line-height: 20px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-name a {
font-size: 16px;
color: #4d4d4d;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options {
padding-left: 84px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options dl {
margin-bottom: 6px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options dl dd {
padding: 0;
font-size: 13px;
color: #b3b3b3;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing {
position: relative;
padding-left: 84px;
width: 100%;
font-size: 14px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .details-qty {
width: auto;
color: #4d4d4d;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .qty-product-buy {
display: none;
width: 102px;
padding: 2px;
margin-right: 0;
border-radius: 5px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .qty-product-buy .edit-qty {
width: 28px;
line-height: 26px;
color: #b3b3b3;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .qty-product-buy input.qty {
height: 25px;
font-size: 16px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .price-container {
float: right;
display: inline;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .price-container .price-wrapper .minicart-price .price {
float: initial;
width: auto;
font-size: 15px;
color: #4d4d4d;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item:last-child {
border: 0;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item:after {
content: '';
display: table;
clear: both;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .subtotal {
padding: 6px 0;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .subtotal .label {
display: inline-block;
margin-top: 6px;
font-size: 22px;
color: #e8142b;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .subtotal .amount {
display: inline-block;
float: right;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .subtotal .amount .price {
font-weight: bold;
font-size: 22px;
}
.desktop-minicart-1 > .ui-widget-content .block-minicart #minicart-content-wrapper .block-content .max-amount-warning .title {
text-align: center;
}
.desktop-minicart-1 > .ui-widget-content.empty #minicart-content-wrapper > .block-title {
padding-top: 10px;
border: 0;
text-align: center;
}
.desktop-minicart-1 > .ui-widget-content.empty #minicart-content-wrapper #minicart-edit {
display: none;
}
.desktop-minicart-1 > .ui-widget-content.empty #minicart-content-wrapper .block-content {
text-align: center;
}
.desktop-minicart-1 > .ui-widget-content.empty #minicart-content-wrapper .block-content .subtitle {
font-size: 18px;
}
.desktop-minicart-1 > .ui-widget-content.empty #minicart-content-wrapper .block-content .empty-minicart-icon {
max-width: 170px;
margin: 30px 0 60px;
}
.desktop-minicart-1 > .ui-widget-content.desktop-minicart-show {
display: block !important;
}
.desktop-minicart-1.desktop-header-scrolled > .ui-widget {
transform: translateY(-56px);
}
.desktop-minicart-2 {
position: relative;
float: right;
padding: 0 15px;
line-height: 50px;
text-align: center;
width: 100%;
}
.desktop-minicart-2 .button-close {
display: none;
left: 12px;
right: auto;
height: 40px;
width: 40px;
}
.desktop-minicart-2 .button-close:before,
.desktop-minicart-2 .button-close:after {
top: 9px;
height: 24px;
background-color: #4d4d4d;
}
.desktop-minicart-2 > .ui-widget {
display: block !important;
position: fixed;
width: 340px;
top: 0;
right: 0;
bottom: 0;
left: auto;
margin-top: -1px;
padding: 12px 18px 30px !important;
border: 0;
border-radius: 0;
background: #fff;
background: rgba(255, 255, 255, 0.95);
transform: translateX(110%);
transition: transform 600ms ease;
z-index: 800;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title {
position: relative;
padding: 0 0 6px;
border-bottom: 1px solid #e6e6e6;
background: transparent;
text-align: left;
line-height: 40px;
color: #4d4d4d;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title .text {
display: inline-block;
width: 100%;
padding-bottom: 6px;
font-size: 20px;
font-weight: normal;
text-align: center;
border-bottom: 1px solid #e6e6e6;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title .qty {
display: inline-block;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title .qty span {
color: #e8142b;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title .qty.empty {
display: none;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title .qty:not(.empty) {
margin: 7px 0 0 0;
font-size: 14px;
color: #b3b3b3;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title .minicart-share {
position: absolute;
right: 32px;
bottom: 17px;
color: #4EA996;
cursor: pointer;
font-size: 18px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title #minicart-edit,
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-title #minicart-save {
position: absolute;
right: 0;
bottom: 16px;
font-size: 20px;
color: #a9c240;
cursor: pointer;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper {
width: 100%;
max-height: 280px;
overflow-y: auto;
border-bottom: 1px solid #e6e6e6;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items {
position: relative;
height: auto !important;
width: 100%;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item {
position: relative;
padding: 12px 6px 12px 0;
min-height: 96px;
clear: both;
border: none;
border-bottom: 1px solid #e6e6e6;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product-image {
position: absolute;
margin-right: 12px;
background: #ededed;
padding: 6px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product-image img {
float: left;
max-width: 60px;
height: auto !important;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product-image:after {
content: '';
display: table;
clear: both;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-name {
max-width: none;
margin-bottom: 6px;
padding-left: 84px;
font-size: 15px;
line-height: 20px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-name a {
font-size: 16px;
color: #4d4d4d;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options {
padding-left: 84px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options dl {
margin-bottom: 6px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options dl dd {
padding: 0;
font-size: 13px;
color: #b3b3b3;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options dl dd .price {
display: none;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options .values {
display: block;
float: left;
clear: left;
padding: 3px 4px 1px;
margin-bottom: 4px;
font-size: 12px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details div.product.options:after {
content: '';
display: table;
clear: both;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing {
position: relative;
padding-left: 84px;
width: 100%;
font-size: 14px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .details-qty {
width: auto;
color: #4d4d4d;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .qty-product-buy {
display: none;
width: 102px;
padding: 2px;
margin-right: 0;
border-radius: 5px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .qty-product-buy .edit-qty {
width: 28px;
line-height: 26px;
color: #b3b3b3;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .qty-product-buy input.qty {
height: 25px;
font-size: 16px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .price-container {
float: right;
display: inline;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item .product .product-item-details .product-item-pricing .price-container .price-wrapper .minicart-price .price {
float: initial;
width: auto;
font-size: 15px;
color: #4d4d4d;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item:last-child {
border: 0;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items > .item:after {
content: '';
display: table;
clear: both;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .subtotal {
padding: 6px 0;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .subtotal .label {
display: inline-block;
margin-top: 6px;
font-size: 22px;
color: #e8142b;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .subtotal .amount {
display: inline-block;
float: right;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .subtotal .amount .price {
font-weight: bold;
font-size: 22px;
}
.desktop-minicart-2 > .ui-widget > .block-minicart #minicart-content-wrapper .block-content .max-amount-warning .title {
text-align: center;
}
.desktop-minicart-2 > .ui-widget.empty #minicart-content-wrapper > .block-title {
border: 0;
text-align: center;
}
.desktop-minicart-2 > .ui-widget.empty #minicart-content-wrapper #minicart-edit {
display: none;
}
.desktop-minicart-2 > .ui-widget.empty #minicart-content-wrapper .block-content {
text-align: center;
}
.desktop-minicart-2 > .ui-widget.empty #minicart-content-wrapper .block-content .subtitle {
margin-top: 18px;
font-size: 18px;
}
.desktop-minicart-2 > .ui-widget.empty #minicart-content-wrapper .block-content .empty-minicart-icon {
max-width: 140px;
margin: 30px auto 40px;
color: #a9c240;
font-size: 100px;
}
.desktop-minicart-2 > .ui-widget.desktop-minicart-show {
transform: translateX(0);
}
.desktop-minicart-2 > .ui-widget.desktop-minicart-show .button-close {
display: block;
}
.footer {
padding: 0;
margin: 0;
background: #f7f7f7;
}
.footer .desktop-footer-1 .footer-column-header {
background: #a9c240;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social .social-label {
height: 30px;
margin: 15px 20px 0 0;
font-size: 18px;
color: #fff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social {
margin: 0;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li {
float: left;
font-size: 15px;
position: relative;
text-align: center;
border-left: 1px solid #ccdb8d;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li a {
display: inline-block;
height: 60px;
width: 60px;
float: left;
line-height: 60px;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li a i {
font-size: 22px;
color: #ffffff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li a:hover i {
color: #455019;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li .share-popup {
bottom: 105%;
width: 180px;
height: 180px;
line-height: 160px;
text-align: center;
z-index: 99;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li .share-popup img {
display: inline-block;
max-width: 160px;
height: auto;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-social ul.social li:last-child {
border-right: 1px solid #ccdb8d;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .form-subscribe-header {
text-align: right;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .form-subscribe-header .label {
height: 30px;
margin: 15px 20px 0 0;
font-size: 18px;
font-weight: 300;
color: #fff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .form-subscribe-header .label span[class^='icon-'] {
position: relative;
top: 2px;
left: -2px;
color: #fff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .control input {
height: 60px;
margin: 0;
padding: 0 60px 0 12px;
line-height: 60px;
background: none;
box-shadow: none;
border: 0;
border-left: 1px solid #ccdb8d;
border-radius: 0;
color: #fff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .control input::-webkit-input-placeholder {
color: #fff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .control input:-moz-placeholder {
color: #fff;
opacity: 1;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .control input::-moz-placeholder {
color: #fff;
opacity: 1;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .field.newsletter .control input:-ms-input-placeholder {
color: #fff;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .actions {
position: absolute;
top: 0;
right: 12px;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .actions button {
display: inline-block;
height: 60px;
width: 50px;
line-height: 60px;
border: none;
border-radius: 0;
color: #fff;
font-size: 24px;
text-align: center;
background: #99b038;
}
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .actions button:hover,
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .actions button:focus,
.footer .desktop-footer-1 .footer-column-header .footer-column-newsletter .actions button:active {
background: #889d32;
}
.footer .desktop-footer-1 .footer-column-content {
padding: 60px 0;
}
.footer .desktop-footer-1 .footer-column-content .footer-column-blocks {
padding-left: 12px;
}
.footer .desktop-footer-1 .footer-column-content .footer-column-blocks .footer-column-title {
position: relative;
display: inline-block;
margin: 0 0 24px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
color: #4d4d4d;
}
#newsletter-foot-error.mage-error {
margin: 15px 0px 0px 0px;
font-size: 13px;
}
.footer {
padding: 0;
margin: 0;
background: #f7f7f7;
}
.footer .desktop-footer-2 .footer-column-header {
border-bottom: 1px solid #e6e6e6;
}
.footer .desktop-footer-2 .footer-column-header .footer-column-title {
display: inline-block;
padding: 30px 0 10px;
color: #b3b3b3;
}
.footer .desktop-footer-2 .footer-column-content {
padding: 20px 0 40px;
}
.footer .desktop-footer-2 .footer-column-content .footer-link-list li {
margin-bottom: 16px;
}
.footer .desktop-footer-2 .footer-column-content .footer-link-list li a {
padding: 8px 0;
color: #595959;
}
.footer .desktop-footer-2 .footer-column-content .footer-link-list li a:hover {
color: #a9c240;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .input-box input {
width: 100%;
margin: 0;
padding: 0 40px 0 0;
background: none;
box-shadow: none;
border-radius: 0;
color: #595959;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .actions {
position: absolute;
top: 0;
right: 0;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .actions button {
display: inline-block;
background: transparent;
border: none;
height: 47px;
width: 40px;
font-size: 24px;
line-height: 47px;
text-align: center;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .actions button span[class^='icon-'] {
color: #595959;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .actions button:hover span[class^='icon-'],
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .actions button:focus span[class^='icon-'],
.footer .desktop-footer-2 .footer-column-content .footer-column-social .newsletter-footer .actions button:active span[class^='icon-'] {
color: #a9c240;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social {
padding-top: 24px;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social li {
position: relative;
float: left;
margin-right: 10px;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social li a {
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social li a i {
font-size: 32px;
color: #595959;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social li a:hover i {
color: #a9c240;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social li .share-popup {
bottom: 120%;
}
.footer .desktop-footer-2 .footer-column-content .footer-column-social .social li .share-popup img {
display: inline-block;
max-width: 160px;
height: auto;
}
.footer .desktop-footer-2 .footer-bottom {
padding: 10px 0;
background: #ffffff;
color: #b3b3b3;
}
.footer .desktop-footer-2 .footer-bottom .container {
padding: 0;
}
.footer .desktop-footer-2 .footer-bottom .container .footer-icp {
text-align: right;
}
#newsletter-foot-error.mage-error {
margin: 15px 0px 0px 0px;
font-size: 13px;
}
.page-products .breadcrumbs {
margin-bottom: 0;
}
.page-products .page-category-nav {
position: relative;
display: block;
width: 100%;
height: 60px;
margin-bottom: 60px;
line-height: 60px;
background: #f7f7f7;
}
.page-products .page-category-nav ul {
width: 100%;
display: table;
table-layout: fixed;
height: 60px;
}
.page-products .page-category-nav ul li {
display: table-cell;
height: 60px;
line-height: 60px;
text-align: center;
}
.page-products .page-category-nav ul li a {
display: block;
width: 100%;
height: 60px;
font-size: 18px;
color: #2eb39e;
}
.page-products .page-category-nav ul li a:hover {
color: #299f8c;
}
.page-products .page-category-nav ul li span {
color: #a9c240;
}
.page-products .page-category-nav ul li.active {
background: #ffffff;
}
.page-products .page-category-nav:before,
.page-products .page-category-nav:after {
content: '';
position: absolute;
top: 0;
display: block;
width: 200%;
height: 60px;
background: #f7f7f7;
z-index: -1;
}
.page-products .page-category-nav:before {
left: -100%;
}
.page-products .page-category-nav:after {
right: -100%;
}
.page-products .products-intro {
padding-bottom: 30px;
}
.page-products .products-intro h2 {
margin-bottom: 24px;
}
.page-products .products-intro h4 {
font-size: 17px;
}
.page-products .products-intro p {
color: #b3b3b3;
font-size: 16px;
}
.products-inner {
margin-bottom: 60px;
transition: height 600ms ease;
}
.products-inner .product-items {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.products-inner .product-items .product-item {
display: flex;
margin-bottom: 36px;
}
.products-inner .product-items .product-item .product-item-info {
position: relative;
height: 100%;
width: 100%;
transition: all 200ms ease;
}
.products-inner .product-items .product-item .product-item-info .product-content {
position: relative;
margin-bottom: 0;
height: 100%;
overflow: hidden;
background: #f7f7f7;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-top {
position: relative;
background: #ededed;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-top .product-item-photo {
display: block;
padding: 5% 20%;
text-align: center;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-top .product-item-photo img {
background: none;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details {
padding: 20px 24px 50px;
text-align: center;
background: #f7f7f7;
transform: translateY(0);
transition: all 300ms ease;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .product-item-name {
display: inline-block;
margin-bottom: 12px;
font-size: 22px;
line-height: 30px;
color: #4d4d4d;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .product-item-name a {
font-size: 22px;
line-height: 30px;
color: #4d4d4d;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box {
left: 0;
width: 100%;
transition: all 300ms ease;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box > .special-price .price,
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box > .price-container .price {
font-weight: bold;
font-size: 22px;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box .old-price .price {
color: #b3b3b3;
font-size: 18px;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box .price-discount {
display: inline-block;
position: relative;
top: -2px;
border-radius: 2px;
border: 1px solid #e8142b;
padding: 4px;
font-size: 14px;
line-height: 1;
color: #E8142B;
min-width: 48px;
text-align: center;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box .original-price {
display: block;
text-align: center;
color: #b3b3b3;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-decoration: line-through;
}
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #f7f7f7;
opacity: 0;
transform: scaleY(0);
transform-origin: center bottom;
transition: all 300ms ease;
}
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary .btn-group {
width: 100%;
}
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary .btn-group .btn {
margin: 0;
width: 50%;
height: 44px;
line-height: 44px;
border-radius: 0 !important;
}
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary .btn-group.btn-group-double {
position: relative;
padding-right: 44px;
}
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary .btn-group.btn-group-double .btn-icon {
position: absolute;
top: 0;
right: 0;
min-width: 0;
width: 44px;
padding: 0;
}
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary .btn-group.btn-group-double .btn-icon span {
pointer-events: none;
}
@media screen (max-width: 992px) {
.products-inner .product-items .product-item .product-item-info .product-content .actions-primary .btn-group .btn {
padding: 0 10px;
font-size: 14px;
}
}
.products-inner .product-items .product-item .product-item-info.adding-to-cart,
.products-inner .product-items .product-item .product-item-info:hover {
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
}
.products-inner .product-items .product-item .product-item-info.adding-to-cart .product-item-details,
.products-inner .product-items .product-item .product-item-info:hover .product-item-details {
padding: 12px 24px 58px;
transform: translateY(-20px);
}
.products-inner .product-items .product-item .product-item-info.adding-to-cart .product-item-details .price-box,
.products-inner .product-items .product-item .product-item-info:hover .product-item-details .price-box {
transform: translateY(-10px);
}
.products-inner .product-items .product-item .product-item-info.adding-to-cart .actions-primary,
.products-inner .product-items .product-item .product-item-info:hover .actions-primary {
opacity: 1;
transform: scaleY(1);
}
@media (max-width: 992px) {
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details {
padding: 12px 12px 36px;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .product-item-name {
font-size: 18px;
line-height: 24px;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box {
bottom: 12px;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box > .special-price .price,
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box > .price-container .price {
font-size: 18px;
}
.products-inner .product-items .product-item .product-item-info .product-content .product-item-details .price-box .old-price .price {
font-size: 16px;
}
}
.catalog-product-view .column.main:after {
content: '';
display: table;
clear: both;
}
.catalog-product-view .product-essential {
margin-bottom: 40px;
}
.catalog-product-view .product.info.detailed {
width: 100%;
padding-bottom: 40px;
margin-top: 20px;
float: left;
border-bottom: 0;
}
.catalog-product-view .product.info.detailed .product.data.items {
position: relative;
z-index: 1;
border-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-menu .item.title a {
color: #4d4d4d;
font-size: 18px;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-menu .item.title a .counter {
display: none;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-menu .item.title a:hover {
color: #a9c240;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-menu .item.title.active a {
color: #a9c240;
}
.catalog-product-view .product.info.detailed .product.data.items .table.additional-attributes tbody tr td:first-child {
padding-left: 0;
}
.catalog-product-view .product.info.detailed .product.data.items .table.additional-attributes tbody tr td:last-child {
padding-right: 0;
}
.catalog-product-view .product.info.detailed .product.data.items .table.additional-attributes tbody tr td b {
color: #4d4d4d;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-content table.additional-attributes tbody tr th,
.catalog-product-view .product.info.detailed .product.data.items .detailed-content table.additional-attributes tbody tr td {
border: none;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-content > .title-inline .heading.full {
font-weight: normal;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-content .content {
display: none;
}
.catalog-product-view .product.info.detailed .product.data.items .detailed-content .content p {
margin: 0 0 18px;
}
.catalog-product-view .footer-btn-bar {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 81px;
background: #f7f7f7;
border-top: 1px solid #e6e6e6;
transform: translateY(100%);
transition: transform 600ms ease;
z-index: 90;
}
.catalog-product-view .footer-btn-bar.footer-btn-bar-show {
transform: translateY(0);
}
.catalog-product-view .footer-btn-bar #prod-info-footer {
position: relative;
padding: 16px 0 12px 12px;
overflow-x: hidden;
}
.catalog-product-view .footer-btn-bar #prod-info-footer #gallery-footer {
position: absolute;
top: 12px;
left: 12px;
background: #ededed;
}
.catalog-product-view .footer-btn-bar #prod-info-footer #gallery-footer img {
width: auto;
max-height: 56px;
max-width: 56px;
}
.catalog-product-view .footer-btn-bar #prod-info-footer #price-footer,
.catalog-product-view .footer-btn-bar #prod-info-footer #product-name-footer {
padding-left: 68px;
display: block;
}
.catalog-product-view .footer-btn-bar #prod-info-footer #price-footer span,
.catalog-product-view .footer-btn-bar #prod-info-footer #product-name-footer span,
.catalog-product-view .footer-btn-bar #prod-info-footer #price-footer .price,
.catalog-product-view .footer-btn-bar #prod-info-footer #product-name-footer .price {
font-size: 18px;
font-weight: 300;
line-height: 24px;
white-space: nowrap;
}
.catalog-product-view .footer-btn-bar #prod-info-footer #price-footer .price-box {
display: none;
}
.catalog-product-view .footer-btn-bar #prod-info-footer #price-footer .price-box:first-child {
display: block;
}
.catalog-product-view .footer-btn-bar #swatches-footer {
padding-top: 22px;
padding-right: 0;
}
.catalog-product-view .footer-btn-bar #swatches-footer .swatch-attribute-options {
float: right;
margin: 0;
}
.catalog-product-view .footer-btn-bar #selector-footer {
padding-top: 20px;
padding-left: 0;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-qty,
.catalog-product-view .footer-btn-bar #selector-footer .box-tocart {
display: block;
float: left;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-qty {
padding-right: 6px;
width: 33.3333%;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-qty .qty-product-buy {
width: 100%;
padding: 4px 1px;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-qty .qty-product-buy .control .edit-qty {
width: 28%;
line-height: 30px;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-qty .qty-product-buy .control input.qty {
width: 44%;
height: 31px;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-tocart {
width: 66.6666%;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-tocart .actions .btn {
width: calc(50% - 3px);
float: left;
}
.catalog-product-view .footer-btn-bar #selector-footer .box-tocart .actions .btn:first-child {
margin-right: 6px;
}
.catalog-product-view .swatch-opt,
#modal-product-details .swatch-opt {
margin: 12px 0;
}
.catalog-product-view .swatch-opt .swatch-attribute-label,
#modal-product-details .swatch-opt .swatch-attribute-label {
font-weight: 300;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option {
min-width: 100px;
height: 40px;
padding: 0 14px;
line-height: 38px;
outline: initial;
border-width: 1px;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: none;
border-color: transparent;
color: #ccc;
cursor: pointer;
transition: all 200ms ease;
min-width: 90px;
height: 37px;
padding: 0 12px;
font-size: 14px;
line-height: 35px;
background-color: transparent;
border-color: #666666;
color: #666666;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
max-width: none;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option span,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option span {
font-size: inherit !important;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.btn-icon span[class*='icon-'],
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.btn-icon span[class*='icon-'] {
color: #ffffff;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active {
box-shadow: none;
-moz-box-shadow: none;
-o-border-radius: none;
-webkit-box-shadow: none;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:focus {
outline: none;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled],
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled],
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option {
background: #dddddd !important;
border-color: #dddddd !important;
color: #aaaaaa !important;
opacity: 1 !important;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:hover,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:hover,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:focus,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:focus,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:focus:hover,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:focus:hover,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active:focus,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:focus,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active:hover,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:hover,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled:active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled:active:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled]:active:focus:hover,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:focus:hover,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled.active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled.active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled].active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled].active,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled.active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled.active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled].active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled].active:focus,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:focus,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled.active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled.active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled].active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled].active:hover,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:hover,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.disabled.active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.disabled.active:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option[disabled].active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option[disabled].active:focus:hover,
fieldset[disabled] .catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:focus:hover,
fieldset[disabled] #modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:focus:hover {
background: #dddddd !important;
border-color: #dddddd !important;
color: #aaaaaa !important;
opacity: 1 !important;
cursor: not-allowed;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:focus {
background-color: #666666;
border-color: #666666;
color: #ffffff;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.active:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option:active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option:active:focus:hover {
background-color: #595959;
border-color: #595959;
color: #ffffff;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected {
background-color: transparent;
border-color: #2eb39e;
color: #2eb39e;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:active:focus,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected.active,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected.active,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected.active:focus,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected.active:focus {
background-color: #2eb39e;
border-color: #2eb39e;
color: #ffffff;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected.active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected.active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected.active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected.active:focus:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:active:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:active:hover,
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:active:focus:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:active:focus:hover {
background-color: #299f8c;
border-color: #299f8c;
color: #ffffff;
}
.catalog-product-view .swatch-opt .swatch-attribute-options .swatch-option.selected:hover,
#modal-product-details .swatch-opt .swatch-attribute-options .swatch-option.selected:hover {
background: #2eb39e !important;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options {
margin-bottom: 24px;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field {
margin-bottom: 4px;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field > .label,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field > .label {
display: none;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field > .label:after,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field > .label:after {
display: none;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control {
text-align: left;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control .price-notice,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control .price-notice,
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control .qty,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control .qty {
display: none;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control .nested,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options .field .control .nested {
position: static;
display: inline-block;
padding: 2px 4px;
font-size: 14px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options div:first-of-type > .label,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .fieldset-bundle-options div:first-of-type > .label {
display: block;
margin-bottom: 6px;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .product-options-wrapper > .fieldset > .required,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .product-options-wrapper > .fieldset > .required {
display: none;
}
.catalog-product-view .product-information .bundle-options-container .bundle-options-wrapper .product-information-attributes,
#modal-product-details .product-information .bundle-options-container .bundle-options-wrapper .product-information-attributes {
display: none;
}
.catalog-product-view .product-information .bundle-options-container #bundleSummary .bundle-info .product.name,
#modal-product-details .product-information .bundle-options-container #bundleSummary .bundle-info .product.name,
.catalog-product-view .product-information .bundle-options-container #bundleSummary .bundle-info .price-box,
#modal-product-details .product-information .bundle-options-container #bundleSummary .bundle-info .price-box,
.catalog-product-view .product-information .bundle-options-container #bundleSummary .bundle-summary,
#modal-product-details .product-information .bundle-options-container #bundleSummary .bundle-summary {
display: none;
}
.catalog-product-view .breadcrumbs-prod-details li,
.catalog-product-view .breadcrumbs-prod-details a {
color: #b3b3b3;
}
.catalog-product-view .breadcrumbs-prod-details .breadcrumb {
margin: 20px 0;
padding: 0;
}
.catalog-product-view .footer {
padding-bottom: 81px;
}
.catalog-product-view .scroll-to-top {
transform: translateY(-80px);
}
.catalog-product-view .product-essential .row,
#modal-product-details .product-essential .row {
display: flex;
}
.catalog-product-view .product-essential .row .available,
#modal-product-details .product-essential .row .available {
display: none;
}
.catalog-product-view .product-essential .row .unavailable,
#modal-product-details .product-essential .row .unavailable {
position: absolute;
top: 0;
width: 50px;
height: 60px;
line-height: 60px;
font-size: 24px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
color: #ffffff;
background: grey;
z-index: 1000;
}
.catalog-product-view .product-essential .row .product.media,
#modal-product-details .product-essential .row .product.media {
position: relative;
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder,
#modal-product-details .product-essential .row .product.media .gallery-placeholder {
height: 100%;
padding: 10%;
border-radius: 3px;
border: 1px solid #e6e6e6;
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder .fotorama__stage,
#modal-product-details .product-essential .row .product.media .gallery-placeholder .fotorama__stage {
margin-bottom: 12px;
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__thumb-border,
#modal-product-details .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__thumb-border {
border-radius: 3px;
border: 1px solid #a9c240;
background: rgba(255, 255, 255, 0.4);
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav__frame .fotorama__thumb,
#modal-product-details .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav__frame .fotorama__thumb {
background: #ffffff;
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav__frame .fotorama__thumb img,
#modal-product-details .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav__frame .fotorama__thumb img {
padding: 10%;
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav__frame:not(.fotorama__active),
#modal-product-details .product-essential .row .product.media .gallery-placeholder .fotorama__nav-wrap .fotorama__nav__frame:not(.fotorama__active) {
cursor: pointer;
}
.catalog-product-view .product-essential .row .product.media .gallery-placeholder .loading-mask,
#modal-product-details .product-essential .row .product.media .gallery-placeholder .loading-mask {
position: static;
}
.catalog-product-view .product-essential .row .product-info-main,
#modal-product-details .product-essential .row .product-info-main {
padding: 12px 24px 12px 12px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-header,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-header {
margin-bottom: 6px;
border-bottom: 1px solid #e6e6e6;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-header .product-name h2,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-header .product-name h2 {
margin-bottom: 14px;
font-size: 30px;
line-height: 38px;
color: #4d4d4d;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-header .product.shortdescription,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-header .product.shortdescription {
position: relative;
top: -6px;
font-size: 18px;
line-height: 24px;
color: #b3b3b3;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-header .product.shortdescription p:last-child,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-header .product.shortdescription p:last-child {
margin-bottom: 8px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating {
padding-bottom: 6px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price {
float: left;
width: calc(100% - 160px);
border-right: 1px solid #e6e6e6;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box > span:not(.old-price) .price,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box > span:not(.old-price) .price {
font-size: 26px;
font-weight: 700;
letter-spacing: 2px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box > span.old-price .price,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box > span.old-price .price {
font-size: 18px;
letter-spacing: 1px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box .price-discount,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box .price-discount {
display: inline-block;
position: relative;
top: -2px;
border-radius: 2px;
border: 1px solid #e8142b;
padding: 4px;
font-size: 14px;
line-height: 1;
color: #E8142B;
min-width: 48px;
text-align: center;
margin-right: 8px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box .original-price,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .price-box .original-price {
display: inline-block;
text-align: center;
color: #b3b3b3;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-decoration: line-through;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .fee-notice,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .fee-notice {
position: relative;
top: -8px;
margin-bottom: 4px;
color: #b3b3b3;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .prices-tier-wrapper .prices-tier.items,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-info-price .prices-tier-wrapper .prices-tier.items {
padding: 0;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .product-reviews-summary,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .product-reviews-summary {
float: right;
cursor: pointer;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary {
float: right;
width: 160px;
min-height: 60px;
padding: 10px 0 10px 10px;
position: relative;
left: -1px;
border-left: 1px solid #e6e6e6;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label {
padding-left: 4px;
margin-bottom: 4px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label span,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label span {
font-size: 14px;
color: #4d4d4d;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label span[class^='icon-'],
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label span[class^='icon-'] {
font-size: 15px;
position: relative;
top: 2px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label .rating-count,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating .rating-summary .label .rating-count {
font-size: 15px;
color: #e8142b;
}
.catalog-product-view .product-essential .row .product-info-main .product-information .product-information-price-rating:after,
#modal-product-details .product-essential .row .product-info-main .product-information .product-information-price-rating:after {
content: '';
display: table;
clear: both;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form,
#modal-product-details .product-essential .row .product-info-main .product-add-form {
margin: 0;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .product-amount-selector,
#modal-product-details .product-essential .row .product-info-main .product-add-form .product-amount-selector {
margin-bottom: 20px;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-label,
#modal-product-details .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-label {
display: inline-block;
margin-bottom: 10px;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-product-buy,
#modal-product-details .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-product-buy {
padding: 0;
width: 200px;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-product-buy .control .edit-qty,
#modal-product-details .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-product-buy .control .edit-qty {
width: 50px;
line-height: 50px;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-product-buy .control .input-text.qty,
#modal-product-details .product-essential .row .product-info-main .product-add-form .product-amount-selector .qty-product-buy .control .input-text.qty {
height: 50px;
line-height: 50px;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .box-tocart,
#modal-product-details .product-essential .row .product-info-main .product-add-form .box-tocart {
margin-bottom: 20px;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .box-tocart .actions,
#modal-product-details .product-essential .row .product-info-main .product-add-form .box-tocart .actions {
width: 100%;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .box-tocart .actions button,
#modal-product-details .product-essential .row .product-info-main .product-add-form .box-tocart .actions button {
float: left;
width: 49%;
}
.catalog-product-view .product-essential .row .product-info-main .product-add-form .box-tocart .actions button:first-child,
#modal-product-details .product-essential .row .product-info-main .product-add-form .box-tocart .actions button:first-child {
margin-right: 2%;
}
.catalog-product-view .product-essential .row .product-info-main .product-information-attributes,
#modal-product-details .product-essential .row .product-info-main .product-information-attributes {
margin-bottom: 20px;
}
.catalog-product-view .product-essential .row .product-info-main .product-information-attributes .attribute-item div[class^='col-']:first-child,
#modal-product-details .product-essential .row .product-info-main .product-information-attributes .attribute-item div[class^='col-']:first-child {
padding-left: 0;
}
.catalog-product-view .product-essential .row .product-info-main .product-information-attributes .attribute-item div[class^='col-']:last-child,
#modal-product-details .product-essential .row .product-info-main .product-information-attributes .attribute-item div[class^='col-']:last-child {
padding-right: 0;
text-align: right;
}
.catalog-product-view .product-essential .row .product-info-main .product-information-attributes .attribute-item:after,
#modal-product-details .product-essential .row .product-info-main .product-information-attributes .attribute-item:after {
content: '';
display: table;
clear: both;
}
.catalog-product-view .product-essential .row .product-info-main .product-extra-links,
#modal-product-details .product-essential .row .product-info-main .product-extra-links {
position: absolute;
right: 0;
top: 115px;
}
.catalog-product-view .product-essential .row .product-info-main .product-extra-links > div[class^="col-"]:first-child,
#modal-product-details .product-essential .row .product-info-main .product-extra-links > div[class^="col-"]:first-child {
padding-left: 0;
}
.catalog-product-view .product-essential .row .product-info-main .product-extra-links .towishlist img,
#modal-product-details .product-essential .row .product-info-main .product-extra-links .towishlist img {
max-width: 24px;
}
.catalog-product-view .product-essential .row .product-info-main .product-extra-links .towishlist span,
#modal-product-details .product-essential .row .product-info-main .product-extra-links .towishlist span {
padding-left: 6px;
}
.catalog-product-view .product-essential .row .product-info-main .product-extra-links .extra-links-share a,
#modal-product-details .product-essential .row .product-info-main .product-extra-links .extra-links-share a {
margin-left: 20px;
}
.catalog-product-view .product-essential .row .product-info-main .product-extra-links form.tocart-form,
#modal-product-details .product-essential .row .product-info-main .product-extra-links form.tocart-form {
float: right;
}
.catalog-product-view .product.info.detailed,
#modal-product-details .product.info.detailed {
padding-bottom: 0;
border-bottom: 0;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap,
#modal-product-details .product.info.detailed .detailed-menu-wrap {
position: relative;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap:before,
#modal-product-details .product.info.detailed .detailed-menu-wrap:before,
.catalog-product-view .product.info.detailed .detailed-menu-wrap:after,
#modal-product-details .product.info.detailed .detailed-menu-wrap:after {
content: '';
display: block;
height: 80px;
width: 100%;
position: absolute;
top: 0;
background: #f7f7f7;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap:before,
#modal-product-details .product.info.detailed .detailed-menu-wrap:before {
right: 100%;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap:after,
#modal-product-details .product.info.detailed .detailed-menu-wrap:after {
left: 100%;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap .detailed-menu,
#modal-product-details .product.info.detailed .detailed-menu-wrap .detailed-menu {
display: table;
width: 100%;
margin: 0;
text-align: justify;
background: #f7f7f7;
font-size: 0.1px;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title,
#modal-product-details .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title {
list-style-type: none;
display: table-cell;
font-size: 16px;
text-align: center;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title a,
#modal-product-details .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title a {
display: inline-block;
height: 80px;
padding: 0 24px;
border-bottom: none;
line-height: 80px;
font-weight: normal;
text-align: center;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title a:hover,
#modal-product-details .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title a:hover {
border-bottom: none;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title a .counter,
#modal-product-details .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title a .counter {
display: none;
}
.catalog-product-view .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title.active a,
#modal-product-details .product.info.detailed .detailed-menu-wrap .detailed-menu .item.title.active a {
color: #a9c240;
background: #ffffff;
}
.catalog-product-view .product.info.detailed .detailed-content,
#modal-product-details .product.info.detailed .detailed-content {
padding: 25px 0;
transition: height 800ms ease;
}
.catalog-product-view .product.info.detailed .detailed-content img,
#modal-product-details .product.info.detailed .detailed-content img {
max-width: 100%;
height: auto;
display: flex;
}
.catalog-product-view .product.info.detailed .detailed-content .data.item.content,
#modal-product-details .product.info.detailed .detailed-content .data.item.content {
padding: 0 12px;
}
.catalog-product-view .product.info.detailed .detailed-content .additional-attributes-wrapper th,
#modal-product-details .product.info.detailed .detailed-content .additional-attributes-wrapper th,
.catalog-product-view .product.info.detailed .detailed-content .additional-attributes-wrapper td,
#modal-product-details .product.info.detailed .detailed-content .additional-attributes-wrapper td {
background: none;
padding: 3px;
}
.catalog-product-view .product.info.detailed .detailed-content .additional-attributes-wrapper .title-inline,
#modal-product-details .product.info.detailed .detailed-content .additional-attributes-wrapper .title-inline {
padding: 0;
}
.catalog-product-view .product.info.detailed .detailed-content #product-review-container .rating-label,
#modal-product-details .product.info.detailed .detailed-content #product-review-container .rating-label {
display: none;
}
.catalog-product-view .product-social-links,
#modal-product-details .product-social-links {
position: absolute;
top: 12px;
right: 24px;
display: flex;
z-index: 10;
}
.catalog-product-view .product-social-links > div,
#modal-product-details .product-social-links > div {
display: block;
margin-left: 6px;
}
.catalog-product-view .product-social-links span[class^="icon-"],
#modal-product-details .product-social-links span[class^="icon-"] {
font-size: 24px;
color: #4d4d4d;
}
.catalog-product-view .product-social-links span[class^="icon-"].text-danger,
#modal-product-details .product-social-links span[class^="icon-"].text-danger {
color: #e8142b;
}
.catalog-product-view .product-social-links .share-product-wrapper .share,
#modal-product-details .product-social-links .share-product-wrapper .share,
.catalog-product-view .product-social-links .modal-towishlist,
#modal-product-details .product-social-links .modal-towishlist {
display: flex;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
background: transparent;
border: 0;
}
.catalog-product-view .product-social-links .share-product-wrapper .share:hover > span[class^="icon-"],
#modal-product-details .product-social-links .share-product-wrapper .share:hover > span[class^="icon-"],
.catalog-product-view .product-social-links .modal-towishlist:hover > span[class^="icon-"],
#modal-product-details .product-social-links .modal-towishlist:hover > span[class^="icon-"] {
color: #a9c240;
}
.catalog-product-view .share-product-wrapper .share-product,
#modal-product-details .share-product-wrapper .share-product {
display: none;
}
.catalog-product-view .share-product-modal.modal-popup._inner-scroll .modal-header h1,
#modal-product-details .share-product-modal.modal-popup._inner-scroll .modal-header h1 {
padding-top: 4px;
font-size: 36px;
}
.catalog-product-view .share-product-modal .modal-inner-wrap,
#modal-product-details .share-product-modal .modal-inner-wrap {
width: 100%;
max-width: 950px;
max-height: 85vh;
padding: 20px 30px 50px;
}
.catalog-product-view .share-product-modal .modal-header,
#modal-product-details .share-product-modal .modal-header {
padding: 0;
border: 0;
}
.catalog-product-view .share-product-modal .modal-header .modal-title,
#modal-product-details .share-product-modal .modal-header .modal-title {
font-size: 28px;
}
.catalog-product-view .share-product-modal .modal-content,
#modal-product-details .share-product-modal .modal-content {
padding: 0;
overflow: hidden;
}
.catalog-product-view .share-product-modal .share-product > .row,
#modal-product-details .share-product-modal .share-product > .row {
display: flex;
align-items: center;
}
.catalog-product-view .share-product-modal .share-product__tools,
#modal-product-details .share-product-modal .share-product__tools {
display: flex;
margin-bottom: 24px;
margin-left: -36px;
}
.catalog-product-view .share-product-modal .share-product__tool,
#modal-product-details .share-product-modal .share-product__tool {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
font-size: 20px;
color: #a9c240;
}
.catalog-product-view .share-product-modal .share-product__tool i,
#modal-product-details .share-product-modal .share-product__tool i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
margin-bottom: 6px;
font-size: 28px;
color: #ffffff;
background: #a9c240;
border-radius: 50%;
}
.catalog-product-view .share-product-modal .share-product__tool ~ button,
#modal-product-details .share-product-modal .share-product__tool ~ button {
margin-left: 40px;
}
.catalog-product-view .share-product-modal .share-product__tool:hover i,
#modal-product-details .share-product-modal .share-product__tool:hover i {
background: #a9c240;
}
.catalog-product-view .share-product-modal .share-product__header,
#modal-product-details .share-product-modal .share-product__header {
color: #b3b3b3;
font-size: 16px;
}
.catalog-product-view .share-product-modal .extra-links-accounts,
#modal-product-details .share-product-modal .extra-links-accounts {
margin-top: 12px;
}
.catalog-product-view .share-product-modal .extra-links-accounts a,
#modal-product-details .share-product-modal .extra-links-accounts a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
}
.catalog-product-view .share-product-modal .extra-links-accounts a i,
#modal-product-details .share-product-modal .extra-links-accounts a i {
color: #4d4d4d;
}
.catalog-product-view .share-product-modal .extra-links-accounts a ~ a,
#modal-product-details .share-product-modal .extra-links-accounts a ~ a {
margin-left: 12px;
}
.catalog-product-view .share-product-modal .wx-ecard,
#modal-product-details .share-product-modal .wx-ecard {
display: flex;
flex-wrap: wrap;
max-width: 343px;
margin: 10px 48px 10px auto;
padding: 16px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
background: #ffffff;
border-radius: 4px;
}
.catalog-product-view .share-product-modal .wx-ecard__image,
#modal-product-details .share-product-modal .wx-ecard__image {
position: relative;
width: 100%;
padding-top: 63%;
padding-bottom: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: auto 150px;
background-color: #ededed;
margin-bottom: 8px;
}
.catalog-product-view .share-product-modal .wx-ecard__image img,
#modal-product-details .share-product-modal .wx-ecard__image img {
position: absolute;
top: 6px;
left: 6px;
width: 120px;
}
.catalog-product-view .share-product-modal .wx-ecard__details,
#modal-product-details .share-product-modal .wx-ecard__details {
flex-basis: calc(100% - 120px);
}
.catalog-product-view .share-product-modal .wx-ecard__details span,
#modal-product-details .share-product-modal .wx-ecard__details span {
display: inline-block;
}
.catalog-product-view .share-product-modal .wx-ecard__name,
#modal-product-details .share-product-modal .wx-ecard__name {
font-size: 16px;
}
.catalog-product-view .share-product-modal .wx-ecard__price,
#modal-product-details .share-product-modal .wx-ecard__price {
margin-top: 6px;
}
.catalog-product-view .share-product-modal .wx-ecard__price .price,
#modal-product-details .share-product-modal .wx-ecard__price .price {
font-size: 16px;
font-weight: 600;
}
.catalog-product-view .share-product-modal .wx-ecard__price .price-discount,
#modal-product-details .share-product-modal .wx-ecard__price .price-discount,
.catalog-product-view .share-product-modal .wx-ecard__price .original-price,
#modal-product-details .share-product-modal .wx-ecard__price .original-price {
display: none;
}
.catalog-product-view .share-product-modal .wx-ecard__sharing,
#modal-product-details .share-product-modal .wx-ecard__sharing {
width: 120px;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 10px;
}
.catalog-product-view .share-product-modal .wx-ecard__sharing .wx-ecard__qr,
#modal-product-details .share-product-modal .wx-ecard__sharing .wx-ecard__qr {
width: 36px;
height: 36px;
}
.catalog-product-view .share-product-modal .wx-ecard__sharing .wx-ecard__bg,
#modal-product-details .share-product-modal .wx-ecard__sharing .wx-ecard__bg {
width: 120px;
height: 120px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1;
}
.catalog-product-view .share-product-modal .wx-ecard__sharing .wx-ecard__platform,
#modal-product-details .share-product-modal .wx-ecard__sharing .wx-ecard__platform {
font-weight: 600;
font-size: 12px;
transform: scale(50%);
color: #09AD96;
height: 6px;
}
.catalog-product-view .share-product-modal .wx-ecard__sharing span,
#modal-product-details .share-product-modal .wx-ecard__sharing span {
font-size: 10px;
color: #b3b3b3;
}
.catalog-product-view .share-product-modal .wx-ecard__note,
#modal-product-details .share-product-modal .wx-ecard__note {
margin-top: 8px;
padding-top: 8px;
font-size: 12px;
border-top: 1px solid #e6e6e6;
width: 100%;
}
/* GROUPED PRODUCT STYLES */
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form .product-attributes {
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody {
border: 0;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td {
padding: 0 0 12px;
border: 0;
vertical-align: middle;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td.group-product-title {
padding: 0 12px 12px 0;
font-size: 16px;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td.col.qty {
width: 1%;
white-space: nowrap;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td.col.price {
padding: 0 0 12px 12px;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td .field.quantity {
width: 130px;
margin: 0;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td .field.quantity .control .edit-qty {
width: 40px;
line-height: 38px;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td .field.quantity .control input.qty {
height: 38px;
color: #a9c240;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td .price-box {
white-space: nowrap;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td .price-box .price {
font-size: 20px;
}
.catalog-product-view.page-product-grouped .product-essential .product-info-main #product_addtocart_form table.grouped tbody tr td .price-box .old-price .price {
padding-left: 0;
font-size: 16px;
font-weight: 200;
}
/* END - GROUPED PRODUCT STYLES */
/* BUNDLE PRODUCT STYLES */
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .product-information-attributes .product-attributes,
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .product-information-attributes .required {
display: none;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option {
margin-bottom: 18px;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .label {
margin-bottom: 6px;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control {
position: relative;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control .bundle.option {
width: calc(100% - 142px);
float: left;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0 48px 0 12px;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control .mage-error {
display: inline-block;
font-size: 14px;
width: 100%;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control .nested {
position: absolute;
right: 0;
top: 0;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control .nested .field.quantity {
width: 130px;
margin: 0;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control .nested .field.quantity .control .edit-qty {
width: 40px;
line-height: 38px;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control .nested .field.quantity .control input.qty {
height: 38px;
color: #a9c240;
}
.page-product-bundle .bundle-options-wrapper .product-options-wrapper .field.option .control:after {
content: '';
display: table;
clear: both;
}
.page-product-bundle .bundle-options-wrapper #bundleSummary .product-details .name,
.page-product-bundle .bundle-options-wrapper #bundleSummary .product-details .price-configured_price {
display: none;
}
.page-product-bundle .bundle-options-wrapper #bundleSummary .bundle-summary {
display: none;
}
/* END - BUNDLE PRODUCT STYLES */
.catalog-product-view .modal-header,
#modal-product-details .modal-header {
position: relative;
padding: 12px 12px 11px;
}
.catalog-product-view .modal-header .button-close,
#modal-product-details .modal-header .button-close {
position: absolute;
top: 0;
right: 0;
height: 46px;
width: 46px;
overflow: visible;
cursor: pointer;
}
.catalog-product-view .modal-header .button-close:before,
#modal-product-details .modal-header .button-close:before,
.catalog-product-view .modal-header .button-close:after,
#modal-product-details .modal-header .button-close:after {
left: 22px;
top: 8px;
height: 31px;
background: #4d4d4d;
opacity: 0.5;
}
.catalog-product-view .modal-header .button-close:hover:before,
#modal-product-details .modal-header .button-close:hover:before,
.catalog-product-view .modal-header .button-close:hover:after,
#modal-product-details .modal-header .button-close:hover:after {
opacity: 1;
}
.catalog-product-view .modal-header #product-details-title,
#modal-product-details .modal-header #product-details-title {
font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
.catalog-product-view .product-essential .product-extra-links {
min-width: 420px;
right: -28px;
top: 115px;
}
}
/* Product Detail */
@media (max-width: 991px) {
.catalog-product-view .product-info-main .product-add-form .box-tocart .qty-product-buy {
margin-bottom: 10px;
}
.catalog-product-view .product-info-main .product-name .h1 {
font-size: 24px;
line-height: 1.3;
}
.catalog-product-view .product-essential {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.catalog-product-view .product-essential .product.media {
position: relative;
padding: 0;
margin-bottom: 20px;
}
.catalog-product-view .product-essential .product-information {
margin-bottom: 0;
}
.catalog-product-view .product-essential .product-add-form {
margin: 0;
}
.catalog-product-view .product-essential .product-social-links {
display: none;
}
.catalog-product-view .brand-related-products {
margin-top: 40px;
margin-left: -12px;
margin-right: -12px;
}
.catalog-product-view .brand-related-products .title-inline {
padding-top: 30px;
margin: 0 -12px;
border-top: 3px solid #ddc1a9;
text-align: center;
}
.catalog-product-view .brand-related-products .title-inline h3 {
font-size: 18px;
}
.catalog-product-view .brand-related-products .title-inline .heading span:after {
content: none;
}
.catalog-product-view .brand-related-products .block-content .owl-stage-outer {
width: 100%;
padding: 30px 0 10px;
}
.catalog-product-view .brand-related-products .block-content .owl-stage-outer .owl-item {
padding: 0;
}
.catalog-product-view .brand-related-products .block-content .owl-stage-outer .owl-item .product-item-info {
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.catalog-product-view .brand-related-products .block-content .owl-stage-outer .rating-summary {
display: none;
}
.catalog-product-view .brand-related-products .block-content .owl-controls {
display: none;
}
.footer .middle-footer {
padding-bottom: 100px;
}
.products-grid .item .product-content:hover .product-desc .desc-prd .information-prd {
opacity: 1;
transform: none;
visibility: visible;
}
.products-grid .item .product-content:hover .product-desc .desc-prd .add-cart-item {
opacity: 0;
}
}
.catalog-product-view .product-essential .prices-tier-wrapper .prices-tier-label {
padding: 0;
display: none;
}
.catalog-product-view .product-essential .prices-tier-wrapper .prices-tier {
width: 100%;
padding: 0;
}
@media (min-width: 991px) {
.catalog-product-view .product-essential .product-extra-links {
position: static;
}
}
.catalog-product-view .product.info.detailed .detailed-content .additional-attributes-wrapper th,
.catalog-product-view .product.info.detailed .detailed-content .additional-attributes-wrapper td {
background: none;
}
.catalog-product-view #reviews {
padding: 20px 0 0;
}
.catalog-product-view #reviews .review-list .title-inline {
display: none;
}
.catalog-product-view #reviews .review-add .review-form {
padding-left: 0;
}
.catalog-product-view #reviews .review-add .review-form .field input {
height: auto;
}
.catalog-product-view #reviews .review-add .review-form .add-review-table tr td,
.catalog-product-view #reviews .review-add .review-form .add-review-table tr th {
border: none;
width: auto;
text-align: left;
display: block;
float: left;
}
.catalog-product-view #reviews .review-add .review-form .add-review-table tr th {
padding-right: 20px;
}
.catalog-product-view #reviews .review-add .review-form .add-review-table tr th h5 {
padding-top: 16px;
margin-bottom: 0;
}
.catalog-product-view #reviews .review-add .review-form .review-label {
text-align: right;
}
.catalog-product-view #reviews .review-add .review-form .review-label label {
margin: 0;
padding: 10px 0;
font-weight: normal;
font-size: 22px;
}
.catalog-product-view #reviews .review-add .review-form .review-input label {
margin-top: -7px;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.catalog-product-view #reviews .review-add .review-form .review-label {
text-align: left;
}
.catalog-product-view #reviews .review-add .review-form .review-input {
padding-left: 0;
padding-right: 0;
}
}
#modal-product-details .modal-dialog {
border: 0;
}
#modal-product-details .modal-dialog .modal-body {
min-height: 300px;
}
#modal-product-details .modal-dialog .prices-tier-label {
display: none;
}
#modal-product-details .modal-dialog .gallery-placeholder {
padding: 8%;
}
#modal-product-details .modal-dialog .gallery-placeholder .fotorama__img {
width: 100%;
}
.modal-popup.share-alert .modal-inner-wrap {
padding: 30px;
}
.modal-popup.share-alert .modal-header {
padding: 0;
border: 0;
}
.modal-popup.share-alert .modal-header .modal-title {
font-size: 24px;
text-align: center;
}
.modal-popup.share-alert .modal-header .action-close {
margin: 0;
}
.modal-popup.share-alert .modal-content {
margin: 20px 0;
font-size: 16px;
background: transparent;
box-shadow: none;
}
.modal-popup.share-alert .modal-footer {
padding: 0;
}
.modal-popup.share-alert .modal-footer .btn {
display: flex;
justify-content: center;
width: 100%;
}
/* Product Awards */
.product-detail-award {
display: inline-block;
width: 50px;
height: 50px;
margin: 0 6px 20px 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.product-detail-award.product-award-1 {
background-image: url(/pub/media/awards/award-1.png);
}
.product-detail-award.product-award-2 {
background-image: url(/pub/media/awards/award-2.png);
}
.product-detail-award.product-award-3 {
background-image: url(/pub/media/awards/award-3.png);
}
.product-detail-award.product-award-4 {
background-image: url(/pub/media/awards/award-4.png);
}
.product-detail-award.product-award-5 {
background-image: url(/pub/media/awards/award-5.png);
}
.product-detail-award.product-award-6 {
background-image: url(/pub/media/awards/award-6.png);
}
.product-detail-award.product-award-7 {
background-image: url(/pub/media/awards/award-7.png);
}
.product-detail-award.product-award-8 {
background-image: url(/pub/media/awards/award-8.png);
}
.swatch-option.disabled {
background: #dddddd !important;
border-color: #dddddd !important;
color: #aaaaaa !important;
opacity: 1 !important;
}
.swatch-option.disabled:hover,
.swatch-option.disabled:focus,
.swatch-option.disabled:focus:hover,
.swatch-option.disabled:active,
.swatch-option.disabled:active:focus,
.swatch-option.disabled:active:hover,
.swatch-option.disabled:active:focus:hover,
.swatch-option.disabled.active,
.swatch-option.disabled.active:focus,
.swatch-option.disabled.active:hover,
.swatch-option.disabled.active:focus:hover {
background: #dddddd !important;
border-color: #dddddd !important;
color: #aaaaaa !important;
opacity: 1 !important;
cursor: not-allowed;
}
.fotorama__stage__frame .fotorama__img {
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
}
.fotorama__wrap {
background: #FFF;
}
.field.quantity {
position: relative;
display: inline-block;
width: 140px;
padding: 0;
margin: 0;
color: #b3b3b3;
border-radius: 3px;
border: 1px solid #e6e6e6;
background: #ffffff;
}
.field.quantity .control {
position: relative;
text-align: center;
}
.field.quantity .control .edit-qty {
position: absolute;
top: 0;
display: block;
height: 100%;
width: 40px;
line-height: 40px;
cursor: pointer;
pointer-events: all;
text-align: center;
background: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.field.quantity .control .edit-qty.minus {
left: 0;
border-right: 1px solid #e6e6e6;
}
.field.quantity .control .edit-qty.minus.disabled {
background-color: #f5f5f5;
color: #d1d1d1;
cursor: not-allowed;
}
.field.quantity .control .edit-qty.plus {
right: 0;
border-left: 1px solid #e6e6e6;
}
.field.quantity .control .edit-qty:hover {
color: #4d4d4d;
background: #f2f2f2;
}
.field.quantity .control input.qty {
height: 40px;
width: 40px;
margin: 0 auto;
padding: 0;
font-size: 14px;
text-align: center;
color: #e8142b;
border: 0;
background: transparent;
pointer-events: none;
}
.catalogsearch-result-index .breadcrumbs {
padding: 140px 0;
}
.catalogsearch-result-index .breadcrumbs > * {
display: none;
}
.catalogsearch-result-index .column.main {
width: 100%;
}
.catalogsearch-result-index .sidebar {
display: none;
}
.catalogsearch-result-index .title-no-results,
.catalogsearch-result-index .title-results {
margin: 48px 0 24px;
padding-bottom: 24px;
border-bottom: 1px solid #e6e6e6;
}
.catalogsearch-result-index .search {
min-height: 400px;
position: relative;
width: 100%;
}
.catalogsearch-result-index .search .message-no-results {
width: 100%;
height: 300px;
padding-top: 40px;
background-color: #f7f7f7;
text-align: center;
}
.catalogsearch-result-index .search .message-no-results > div {
text-align: center;
}
.catalogsearch-result-index .search .message-no-results > div img {
display: inline-block;
max-width: 140px;
}
.catalogsearch-result-index .search .message-no-results > div > div {
padding-top: 20px;
font-size: 22px;
}
.catalogsearch-result-index .search .message-no-results > div .no-results-link {
margin-top: 10px;
display: inline-block;
font-size: 16px;
}
@media (max-width: 768px) {
.catalogsearch-result-index .search .message-no-results {
padding: 40px 0 80px;
}
.catalogsearch-result-index .search .message-no-results > div img {
max-width: 100px;
}
.catalogsearch-result-index .search .message-no-results > div > div {
padding-top: 30px;
font-size: 18px;
}
.catalogsearch-result-index .search .message-no-results > div .no-results-link {
margin-top: 4px;
font-size: 14px;
}
}
.catalogsearch-result-index .search:after {
content: '';
display: table;
clear: both;
}
.cart-summary {
transition: margin 400ms;
}
.checkout-index-index .opc-block-summary .table-totals .amount-limit-warning th,
.checkout-cart-index .cart-summary .cart-totals .amount-limit-warning th {
padding-bottom: 0;
padding-right: 0;
padding-top: 0;
}
.checkout-index-index .opc-block-summary .table-totals .amount-limit-warning p,
.checkout-cart-index .cart-summary .cart-totals .amount-limit-warning p {
margin: 2px 0 0;
padding-top: 18px;
font-size: 13px;
color: #e8142b;
line-height: 1.7;
font-weight: normal;
}
.checkout-cart-index .cart-summary .cart-totals .amount-limit-warning p {
border-top: 1px solid #e6e6e6 !important;
}
.checkout-index-index .step-title {
padding: 12px;
margin-bottom: 12px;
font-size: 18px;
color: #4d4d4d;
font-weight: 400;
/*border-bottom: 1px solid @base-border;*/
}
.checkout-index-index .form-credits .step-title {
margin-bottom: 0;
font-weight: 400;
}
.checkout-index-index .form-credits .step-title input {
margin-top: 6px;
}
.checkout-index-index #checkout {
margin: 50px 0;
}
.checkout-index-index #checkout .opc-progress-bar {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item {
background-color: #fff;
width: auto;
padding: 0 20px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item._active > span:after {
content: "\2713";
font-size: 29px;
font-weight: normal;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item._active > span:before,
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item._active > span:after {
height: 38px;
color: #fff;
margin-left: -19px;
transition: background .3s;
width: 38px;
border-radius: 0px;
left: 50%;
position: absolute;
top: 0;
background: #2eb39e;
line-height: 38px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item._active:before {
background: #2eb39e;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item:first-child {
margin-right: 20px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item:before {
height: 0px;
}
.checkout-index-index #checkout .opc-progress-bar:after {
content: '';
position: absolute;
top: 49px;
left: 22%;
width: 56%;
height: 1px;
background: #2eb39e;
z-index: -9;
}
@media (max-width: 767px) {
.checkout-index-index #checkout .opc-progress-bar:after {
left: 5%;
width: 90%;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item {
padding: 0 10px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item:first-child {
margin-right: 10px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item:last-child {
margin-right: 0;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item > span {
font-size: 14px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item > span:before {
height: 34px;
width: 34px;
}
.checkout-index-index #checkout .opc-progress-bar .opc-progress-bar-item > span._active:after {
height: 34px;
width: 34px;
line-height: 34px;
font-size: 27px;
}
}
.checkout-index-index #checkout:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .opc-estimated-wrapper {
display: none;
}
.checkout-index-index .opc-wrapper {
width: 66.66666667%;
float: left;
order: 1;
padding-right: 30px;
}
@media (max-width: 767px) {
.checkout-index-index .opc-wrapper {
padding-right: 0;
padding-top: 20px;
}
}
.checkout-index-index .opc-wrapper #opc-customerid-validation {
margin-bottom: 20px;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid-instructions {
margin-left: 6px;
color: #e8142b;
font-size: 14px;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .field .label {
margin-left: 10px;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation:after,
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid-form:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid-form #imgPlaceHolder {
margin: 7px 0 0 20px;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .input-text,
.checkout-index-index .opc-wrapper #opc-customerid-validation input[type="text"],
.checkout-index-index .opc-wrapper #opc-customerid-validation input[type="password"],
.checkout-index-index .opc-wrapper #opc-customerid-validation input[type="email"],
.checkout-index-index .opc-wrapper #opc-customerid-validation select {
height: 40px;
background-color: #fff;
line-height: 1.7;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid_type select {
width: 70%;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid input {
width: 50%;
float: left;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid button {
width: 20%;
float: left;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid .citizenid-form {
width: 100%;
}
@media (max-width: 768px) {
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid_type select,
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid select,
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid_type input,
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid input,
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid_type button,
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid button {
width: 100%;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid input {
width: 75%;
}
.checkout-index-index .opc-wrapper #opc-customerid-validation .citizenid button {
width: 25%;
}
}
@media (max-width: 767px) {
.checkout-index-index .opc-sidebar {
width: 100%;
}
}
.checkout-index-index .methods-shipping .actions-toolbar:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .opc-sidebar {
width: 33.33333333%;
padding: 24px 24px 60px;
margin: 0 0 36px;
float: right;
order: 2;
background: #f7f7f7;
}
.checkout-index-index .opc-sidebar .modal-header {
display: none;
}
.checkout-index-index .opc-sidebar .modal-content {
background: none;
box-shadow: none;
border: 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .opc-summary-header {
position: relative;
padding-bottom: 18px;
border-bottom: 1px solid #e6e6e6;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .opc-summary-header .opc-summary-title {
display: block;
font-size: 20px;
font-weight: 300;
color: #a9c240;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .opc-summary-header .opc-summary-count {
position: absolute;
bottom: 18px;
right: 0;
font-size: 18px;
color: #b3b3b3;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .opc-summary-header .opc-summary-count span {
margin: 0 2px;
font-size: 17px;
color: #e8142b;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items {
padding: 12px 0;
list-style: none none;
font-size: 16px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .minicart-items {
margin: 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item {
position: relative;
padding: 8px 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-image-container {
width: 78px !important;
height: 78px !important;
display: inline-block;
float: left;
margin-right: 12px;
background: #ededed;
padding: 6px;
text-align: center;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-image-container img {
float: left;
width: 100%;
margin: 0 auto;
height: auto !important;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-image-container:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details {
position: relative;
display: inline-block;
min-height: 78px;
padding-bottom: 24px;
width: calc(100% - 102px);
float: left;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .product-item-name {
font-size: 16px;
font-weight: 300;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .details-qty {
position: absolute;
left: 0;
bottom: 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .details-qty span {
padding: 0;
margin: 0;
font-size: 14px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .details-qty .label,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .details-qty .label span {
font-size: 14px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .subtotal {
position: absolute;
right: 0;
bottom: 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .price {
font-size: 16px;
color: #4d4d4d;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .product.options .item-options .values {
display: block;
float: left;
clear: left;
padding: 1px 4px 0;
margin-bottom: 4px;
font-size: 12px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .product.options .item-options .values .price {
display: none;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product .product-item-details .product.options .item-options:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .content.minicart-items .product-item .product:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals .table-caption {
display: none;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr th,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr td {
background: none;
padding: 4px 8px;
border: 0;
font-size: 16px;
color: #b3b3b3;
font-weight: normal;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr th *,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr td * {
font-size: 16px;
color: #b3b3b3;
font-weight: normal;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr th .label,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr td .label {
margin: 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr td:last-child {
text-align: right;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.grand.totals th,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.grand.totals td {
padding: 20px 6px;
font-size: 22px;
color: #e8142b;
border-top: 1px solid #e6e6e6;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.grand.totals th *,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.grand.totals td * {
font-size: 22px;
color: #e8142b;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.grand.totals th .price,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.grand.totals td .price {
font-weight: 700;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.totals-tax th,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr.totals-tax td {
text-align: right;
padding-top: 0;
padding-bottom: 6px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr:first-child th,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr:first-child td {
padding-top: 24px;
padding-bottom: 0;
font-size: 18px;
color: #4d4d4d;
border-top: 1px solid #e6e6e6;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr:first-child th *,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr:first-child td * {
font-size: 18px;
color: #4d4d4d;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr:nth-last-child(2) th,
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .table-totals > tbody > tr:nth-last-child(2) td {
padding-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .block.items-in-cart .product-item .product .product-image-container {
width: 58px !important;
height: 58px !important;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .block.items-in-cart .product-item .product .product-image-container .product-image-wrapper img {
width: 58px;
height: 58px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-summary .block.items-in-cart .product-item .product .product-item-details {
width: 140px;
}
}
@media (max-width: 768px) {
.wc-succes-header {
margin-top: 40px !important;
}
.wc-succes-header > div > div[class^="col-"] {
float: initial !important;
text-align: center;
right: inherit !important;
left: inherit !important;
}
.wc-succes-links,
.wc-succes-info {
margin-top: 40px !important;
}
}
.checkout-cart-index .main .cart-header {
margin: 60px 0 40px;
}
.checkout-cart-index .cart-empty {
text-align: center;
padding: 40px;
}
.checkout-cart-index .cart-container {
margin-bottom: 80px;
}
.checkout-cart-index .cart-container .cart-summary {
position: relative;
padding: 18px 18px 60px;
margin-bottom: 60px;
background: #f7f7f7;
z-index: 99;
}
.checkout-cart-index .cart-container .cart-summary .cart-title {
display: inline-block;
width: 100%;
font-size: 18px;
padding-bottom: 12px;
color: #a9c240;
border-bottom: 1px solid #e6e6e6;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr th,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr td {
padding: 4px 8px;
border: 0;
background: none;
font-size: 15px;
color: #b3b3b3;
font-weight: normal;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr th *,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr td * {
font-size: 15px;
color: #b3b3b3;
font-weight: normal;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr td {
text-align: right;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.totals-tax th,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.totals-tax td {
text-align: right;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.grand.totals th,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.grand.totals td {
padding: 12px;
font-size: 22px;
font-weight: normal;
color: #e8142b;
border-top: 1px solid #e6e6e6;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.grand.totals th *,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.grand.totals td * {
font-size: 22px;
font-weight: normal;
color: #e8142b;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.grand.totals th {
padding: 13px 12px 11px;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.grand.totals .price {
font-weight: 700;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr.amount-limit-warning p {
margin-top: 0;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr:first-child th,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr:first-child td {
font-size: 17px;
color: #4d4d4d;
padding-top: 18px;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr:first-child th *,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr:first-child td * {
font-size: 17px;
color: #4d4d4d;
}
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr:nth-last-child(2) th,
.checkout-cart-index .cart-container .cart-summary #cart-totals .table-wrapper table tr:nth-last-child(2) td {
padding-bottom: 18px;
}
.checkout-cart-index .cart-container .cart-summary #block-summary .field p,
.checkout-cart-index .cart-container .cart-summary #block-summary .field span {
font-weight: normal;
font-size: 14px;
}
.checkout-cart-index .cart-container .cart-summary #block-summary #co-shipping-method-form .item-title {
font-weight: normal;
}
.checkout-cart-index .cart-container .cart-summary #block-summary #co-shipping-method-form .item-options label {
font-size: 14px;
}
@media (min-width: 991px) {
.checkout-cart-index .cart-container .cart-summary {
width: 25%;
float: right;
}
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td {
font-size: 17px;
text-align: center;
font-weight: 300;
color: #4d4d4d;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th a,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td a,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th p,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td p,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th span:not(.edit-qty),
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td span:not(.edit-qty) {
color: #4d4d4d;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th div,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td div {
text-align: center;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th div span[class^='icon-'],
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td div span[class^='icon-'] {
font-size: 20px;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead th a,
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody td a {
font-size: 17px;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead > tr > th {
border-bottom: 1px solid #e6e6e6;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table thead > tr > th span {
font-size: 20px;
color: #4d4d4d;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td {
vertical-align: middle;
padding: 20px 10px;
border-top: 1px solid #e6e6e6;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .product-item-photo {
display: block;
background: #f7f7f7;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .product-item-photo img {
min-width: 50px;
min-height: 50px;
max-width: 80px;
max-height: 80px;
width: auto;
border: 0;
background: transparent;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .product-item-details {
margin-top: 6px;
text-align: left;
font-size: 14px;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .product-item-details .item-options dd {
display: block;
float: left;
clear: left;
padding: 3px 4px 1px;
margin-bottom: 4px;
font-size: 12px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .product-item-details .item-options dd .price {
display: none;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .product-item-details .item-options:after {
content: '';
display: table;
clear: both;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .price-including-tax .cart-price {
font-size: 18px;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td .price-excluding-tax .cart-price {
color: #e8142b;
font-size: 18px;
font-weight: bold;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td h4 {
font-weight: normal;
font-size: 24px;
margin-top: 5px;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td p {
font-weight: normal;
font-size: 14px;
color: #636363;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr > td.col.name {
max-width: 150px;
text-align: left;
}
.checkout-cart-index .cart-container .form-cart #shopping-cart-table tbody > tr:last-child > td {
border-bottom: 1px solid #e6e6e6;
}
.checkout-cart-index .cart-container .form-cart .cart.main.actions {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
}
.checkout-cart-index .opc-sidebar {
margin: 46px 0 20px;
width: 33.33333333%;
float: right;
order: 2;
}
.checkout-cart-index .opc-sidebar .modal-header {
border: none;
}
.checkout-cart-index .opc-sidebar .modal-header .action-close {
display: none;
}
.checkout-cart-index .opc-sidebar .modal-content {
box-shadow: none;
border: none;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary {
background: #f7f7f7;
margin: 0 0 20px;
padding: 12px 20px 22px;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary > .table-totals .table-caption {
display: none;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title {
border-bottom: 1px solid #e6e6e6;
padding: 10px 40px 10px 0;
cursor: pointer;
display: block;
text-decoration: none;
margin-bottom: 0;
position: relative;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title strong {
font-size: 1.8rem;
font-weight: 300;
margin: 0;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart > .title:after {
position: absolute;
right: 0;
top: 17px;
-webkit-font-smoothing: antialiased;
font-size: 15px;
line-height: 12px;
color: inherit;
content: "\f107";
font-family: FontAwesome;
margin: 3px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart .minicart-items {
margin: 0;
padding: 0;
list-style: none none;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary .grandtotal {
font-size: 20px;
font-weight: 700;
}
.checkout-cart-index .opc-sidebar .modal-content .opc-block-summary .items-in-cart.active > .title:after {
content: "\f106";
}
.checkout-cart-index .opc-sidebar .minicart-items .product-item {
padding-top: 20px;
}
.checkout-cart-index .opc-sidebar .minicart-items .product-item .product-image-container,
.checkout-cart-index .opc-sidebar .minicart-items .product-item .product-item-details {
display: inline-block;
vertical-align: top;
}
.checkout-cart-index .opc-sidebar .minicart-items .product-item .product-item-details {
padding-left: 10px;
}
.checkout-cart-index .discount-container {
padding: 0;
max-width: 400px;
}
.checkout-cart-index .discount-container .discount .title {
display: inline-block;
padding: 4px 30px 8px 0px;
position: relative;
cursor: pointer;
}
.checkout-cart-index .discount-container .discount .title span {
font-size: 16px;
color: #e8142b;
}
.checkout-cart-index .discount-container .discount .title:after {
position: absolute;
right: 4px;
top: 8px;
-webkit-font-smoothing: antialiased;
font-size: 15px;
line-height: 12px;
color: inherit;
content: "\f107";
font-family: FontAwesome;
margin: 3px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.checkout-cart-index .discount-container .discount.active .title:after {
content: "\f106";
}
.checkout-cart-index .discount-container .discount form .fieldset > div {
padding: 0;
}
.checkout-cart-index .discount-container .discount form .fieldset > div:first-child {
padding-right: 24px;
}
.checkout-cart-index .discount-container .discount form .fieldset .control .input-text {
height: 40px;
line-height: 1.7;
}
.checkout-cart-index .cart-share-btn {
background: transparent;
border: none;
outline: none;
appearance: none;
font-size: 20px;
color: #4EA996;
margin-right: 10px;
}
.checkout-cart-index .cart-share-btn .icon-share {
color: #4EA996;
margin-right: 4px;
}
.share-cart-modal.modal-popup._inner-scroll .modal-header h1 {
padding-top: 4px;
font-size: 44px;
}
.share-cart-modal .modal-inner-wrap {
width: 100% !important;
max-width: 950px;
max-height: 85vh;
padding: 36px 36px 64px !important;
}
.share-cart-modal .modal-header {
padding: 0;
border: 0;
position: relative !important;
}
.share-cart-modal .modal-header .modal-title {
font-size: 28px;
}
.share-cart-modal .modal-content {
padding: 0 30px;
overflow: visible;
}
.share-cart-modal .share-cart {
overflow: hidden;
}
.share-cart-modal .share-cart > .row {
display: flex;
align-items: center;
}
.share-cart-modal .share-cart__tools {
display: flex;
margin-bottom: 24px;
}
.share-cart-modal .share-cart__tool {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
font-size: 20px;
color: #a9c240;
}
.share-cart-modal .share-cart__tool i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
margin-bottom: 6px;
font-size: 28px;
color: #ffffff;
background: #a9c240;
border-radius: 50%;
}
.share-cart-modal .share-cart__tool ~ button {
margin-left: 40px;
}
.share-cart-modal .share-cart__tool:hover i {
background: #a9c240;
}
.share-cart-modal .share-cart__header {
color: #b3b3b3;
font-size: 16px;
}
.share-cart-modal .extra-links-accounts {
margin-top: 12px;
}
.share-cart-modal .extra-links-accounts a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
}
.share-cart-modal .extra-links-accounts a i {
color: #4d4d4d;
}
.share-cart-modal .extra-links-accounts a ~ a {
margin-left: 12px;
}
.share-cart-modal .wx-ecard-cart {
display: flex;
flex-wrap: wrap;
margin: 10px 48px 10px auto;
padding: 24px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
background: #ffffff;
width: 343px;
}
.share-cart-modal .wx-ecard-cart__image {
position: relative;
width: 100%;
background-color: #f7f7f7;
border-radius: 4px;
}
.share-cart-modal .wx-ecard-cart__image .card-logo {
width: 130px;
padding: 4px;
margin-bottom: 8px;
}
.share-cart-modal .wx-ecard-cart__details {
flex-basis: calc(100% - 90px);
padding: 8px 8px 16px;
}
.share-cart-modal .wx-ecard-cart__details span {
display: inline-block;
}
.share-cart-modal .wx-ecard-cart__name {
font-size: 14px;
font-weight: 500;
}
.share-cart-modal .wx-ecard-cart__desc {
margin-top: 8px;
}
.share-cart-modal .wx-ecard-cart__sharing {
display: flex;
flex-direction: column;
align-items: center;
}
.share-cart-modal .wx-ecard-cart__sharing .wx-ecard-cart__qr {
width: 145px;
height: 145px;
}
.share-cart-modal .wx-ecard-cart__sharing .wx-ecard-cart__metas {
display: flex;
justify-content: center;
align-items: center;
margin: 8px 0 4px;
}
.share-cart-modal .wx-ecard-cart__sharing .wx-ecard-cart__meta {
font-size: 10px;
color: #454545;
margin: 0 4px;
}
.share-cart-modal .wx-ecard-cart__note {
padding-top: 8px;
font-size: 12px;
}
.checkout-index-index .opc-wrapper .step-content .field.addresses:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index .popup-authentication {
display: flex;
align-items: center;
justify-content: center;
}
.checkout-index-index .popup-authentication .block-content > h3 {
margin: 40px 0 20px;
}
.checkout-index-index .popup-authentication .modal-inner-wrap {
margin: 0 auto;
width: 343px;
padding: 0 24px;
height: 325px;
}
.checkout-index-index .popup-authentication .modal-header .action-close {
top: 8px;
right: 0;
}
.checkout-index-index .popup-authentication .login-form-footer .login-footer-forgot {
text-align: center;
}
.checkout-index-index .popup-authentication .popup-login-forgot {
color: #B3B3B3;
}
.checkout-index-index .referral-validation-modal.modal-popup .modal-inner-wrap {
width: 343px;
height: 254px;
padding: 24px;
}
.checkout-index-index .referral-validation-modal.modal-popup .modal-inner-wrap .modal-content {
font-size: 16px;
padding-bottom: 24px;
margin-top: 10px;
}
.checkout-index-index .referral-validation-modal.modal-popup .modal-inner-wrap .modal-footer {
padding: 0 !important;
}
.checkout-index-index .referral-validation-modal.modal-popup .modal-inner-wrap .modal-footer .btn,
.checkout-index-index .referral-validation-modal.modal-popup .modal-inner-wrap .modal-footer .btn-link {
max-width: inherit;
}
.checkout-index-index .referral-validation-modal.modal-popup .modal-inner-wrap .modal-footer .btn-link {
margin: 24px 0 0 !important;
}
.checkout-index-index #checkout .opc-progress-bar {
display: none;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping {
position: relative;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup {
display: inline-block;
position: absolute;
right: 7px;
top: 10px;
width: 30px;
height: 30px;
cursor: pointer;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup:before,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup:after {
content: '';
display: block;
position: absolute;
background: #a9c240;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup:before {
height: 2px;
width: 20px;
left: 5px;
top: 50%;
margin-top: -1px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup:after {
height: 20px;
width: 2px;
top: 5px;
left: 50%;
margin-left: -1px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup:hover:before,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping .action-show-popup:hover:after {
background: #99b038;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item {
display: inline-block;
position: relative;
width: calc(50% - 10px);
float: left;
margin: 0 0 20px;
padding: 12px 36px 12px 12px;
border: 2px solid #e6e6e6;
font-size: 16px;
line-height: 28px;
vertical-align: top;
word-wrap: break-word;
color: #4d4d4d;
transition: border-color 0.3s ease 0s;
-webkit-transition: border-color 0.3s ease 0s;
-moz-transition: border-color 0.3s ease 0s;
-o-transition: border-color 0.3s ease 0s;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item button {
position: absolute;
right: 12px;
bottom: 12px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item.selected-item {
border: 2px solid #a9c240;
color: #a9c240;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item.selected-item .action-select-shipping-item {
visibility: hidden;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item.selected-item:after {
background: #fff none repeat scroll 0 0;
border-left: 2px solid #a9c240;
border-bottom: 2px solid #a9c240;
color: #a9c240;
content: '\e923';
font-family: 'tmo-icons';
font-size: 17px;
height: 34px;
line-height: 33px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 34px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item:hover {
background-color: #e6e6e6;
cursor: pointer;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item:hover:after {
background-color: #e6e6e6;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item.selected-item:hover {
border-color: #a9c240;
background: none;
cursor: default;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item.selected-item:hover:after {
background: none;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item .edit-address-link {
z-index: 99;
}
@media (max-width: 768px) {
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item {
width: 100%;
}
}
@media (min-width: 769px) {
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item {
min-height: 170px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping .shipping-address-items .shipping-address-item:nth-child(2n+1) {
margin-right: 20px;
}
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form {
padding: 24px 10%;
width: 100%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field {
position: relative;
padding: 0;
margin-bottom: 24px;
width: 100%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field input[type=checkbox] {
float: left;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .label {
position: relative;
bottom: -4px;
padding: 0 12px;
margin: 0;
font-size: 14px;
font-weight: 400;
color: #4d4d4d;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .label.my-details-data {
width: 100%;
height: 47px;
font-style: italic;
line-height: 47px;
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .label {
text-align: left;
padding-left: 12px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .label span {
float: left;
}
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .input-text {
width: 100%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field select {
width: 100%;
margin-top: 0;
border-radius: 0;
border: 0;
border-bottom: 1px solid #e6e6e6;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .field .label {
display: none;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .field-error {
color: #ff162f;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .login-help-block {
padding: 8px 0;
display: inline-block;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field .login-help-block .switch-to-login {
font-weight: 700;
border-bottom: 2px solid #ff162f;
color: #ff162f;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form > .field._error .control input {
border-bottom-color: #ff162f;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.country_id'] {
display: none;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.region_id'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.region'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.city_id'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.city'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district_id'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district'] {
width: 33.3333%;
float: left;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.region_id'] select,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.region'] select,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.city_id'] select,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.city'] select,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district_id'] select,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district'] select {
background-color: #fff;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.region_id'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.region'] {
padding-right: 3%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.city_id'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.city'] {
padding-left: 3%;
padding-right: 1%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district_id'],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district'] {
padding-left: 3%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district_id']:after,
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #shipping #checkout-step-shipping #shipping-new-address-form div[name='shippingAddress.district']:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .table-checkout-shipping-method .row > .col-method input[type=radio],
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .table-checkout-shipping-method .row > .col-method input[type=checkbox] {
margin: 0;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .table-checkout-shipping-method {
width: 100%;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .table-checkout-shipping-method thead th {
display: none;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .table-checkout-shipping-method tbody tr:first-child td {
border-top: none;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .table-checkout-shipping-method tbody tr:first-child td:first-child {
padding-left: 0;
padding-right: 0;
width: 20px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .table-checkout-shipping-method tbody td {
border-top: 1px solid #ccc;
padding-bottom: 20px;
padding-top: 20px;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .table-checkout-shipping-method tbody .col-price {
font-weight: 600;
}
.checkout-index-index #checkout .opc-wrapper #checkoutSteps #opc-shipping_method .methods-shipping .actions-toolbar {
text-align: right;
}
.checkout-index-index #checkout .shipping-login-tips {
font-size: 18px;
color: #4d4d4d;
margin-bottom: 32px;
font-weight: 500;
}
.checkout-index-index #checkout .shipping-login-tips .login-tips-link {
font-size: 18px;
color: #4EA996;
cursor: pointer;
border-bottom: 2px solid #4EA996;
}
.checkout-index-index #checkout .register-checkout {
padding: 0;
}
.checkout-index-index #checkout .register-checkout .field-checkbox {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.checkout-index-index #checkout .register-checkout input[type="checkbox"] {
width: 16px;
flex-basis: 16px;
margin: 2px 8px 0 0;
padding: 0;
vertical-align: top;
cursor: pointer;
}
.checkout-index-index #checkout .register-checkout label {
flex-basis: calc(100% - 24px);
text-align: left;
font-size: 14px;
font-weight: normal;
padding: 0 12px 0 4px;
cursor: pointer;
}
.checkout-index-index #checkout .register-checkout label a {
color: #a9c240;
text-decoration: underline;
font-size: 14px;
cursor: pointer;
}
.checkout-index-index #checkout .register-checkout .mage-error {
flex-basis: 100%;
}
.checkout-index-index #checkout .register-container .message-error,
.checkout-index-index #checkout .register-container .mage-error {
color: #FF162F;
}
.checkout-index-index #checkout .register-container .form-title {
font-size: 18px;
font-weight: 400;
color: #4d4d4d;
margin-bottom: 48px;
}
.checkout-index-index #checkout .register-container .register-form {
padding: 0 54px;
}
.checkout-index-index #checkout .register-container .register-form .form-group {
margin-bottom: 24px;
}
.checkout-index-index #checkout .register-container .register-form .form-label {
color: #4d4d4d;
padding: 0 12px;
font-weight: 400;
}
.checkout-index-index #checkout .register-container .control {
position: relative;
}
.checkout-index-index #checkout .register-container .control .form-control {
width: 100%;
box-shadow: none !important;
background: none;
opacity: 1;
}
.checkout-index-index #checkout .register-container .control .form-control[disabled],
.checkout-index-index #checkout .register-container .control .form-control[readOnly],
.checkout-index-index #checkout .register-container .control .form-control:read-only {
color: #b3b3b3;
}
.checkout-index-index #checkout .register-container .control .form-control.mage-error {
border-color: #ff162f;
color: #ff162f;
font-weight: 500;
}
.checkout-index-index #checkout .register-container .required .form-label:after {
content: "*";
display: inline-block;
margin-left: 8px;
color: red;
}
.checkout-index-index #checkout .register-container .has-error .form-control {
border-color: #ff162f;
color: #ff162f;
}
.checkout-index-index #checkout .register-container .has-error .form-control:focus {
box-shadow: none;
}
.checkout-index-index #checkout .register-container .help-block {
color: #b3b3b3;
}
.checkout-index-index #checkout .register-container .has-error .help-block {
color: #ff162f;
}
.checkout-index-index #checkout .register-container .login-link {
font-weight: 500;
text-decoration: underline;
cursor: pointer;
}
.checkout-index-index #checkout .register-container .input-right-addon {
position: absolute;
top: 37px;
right: 0;
transform: translate(0, -1px);
z-index: 3;
}
.checkout-index-index #checkout .register-container .toggle-pwd-icon {
font-size: 22px;
cursor: pointer;
}
.checkout-index-index #checkout .register-container .password-help {
font-size: 12px;
line-height: 1.416;
color: #B3B3B3;
}
.checkout-index-index #checkout-payment-method-load .payment-methods {
padding-bottom: 12px;
border-bottom: 1px solid #e6e6e6;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method {
padding: 12px 0;
border-bottom: 1px solid #e6e6e6;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .actions-toolbar {
display: none;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field {
padding-left: 0;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field input[type=radio] {
float: left;
margin: 10px 24px 10px 12px;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field img {
max-height: 40px;
max-width: 40px;
width: auto;
margin: 0 20px 6px 0;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] {
display: block;
float: left;
margin: 0 20px 6px 0;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] span[class^='icon-'] {
font-size: 40px;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] span[class^='icon-']:hover,
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] span[class^='icon-']:focus,
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] span[class^='icon-']:active {
color: inherit;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] .icon-wechat,
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] .icon-wechat-pay {
color: #09b83e;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field span[class^='checkout-'] .icon-alipay {
color: #00A3E4;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field > .label {
padding-top: 12px;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .field:after {
content: '';
display: table;
clear: both;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .payment-method-content {
display: none;
padding-left: 46px;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method .payment-method-content > p {
margin-bottom: 0;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method._active .payment-method-content {
display: block;
}
.checkout-index-index #checkout-payment-method-load .payment-methods .payment-method:last-child {
border-bottom: none;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-header {
min-height: auto;
padding: 0;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-content {
box-shadow: none;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-content #wechat-payment-modal-window #wechatpay-qrcode-ready #weixin-img,
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-content #wechat-payment-modal-window #wechatpay-qrcode-ready #wechat-qrcode-placeholder {
margin: 24px auto;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-content #yeepay-ready {
padding: 36px 12px;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-content #yeepay-ready .secondayImage {
margin: 0 auto;
float: none;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-content #yeepay-ready #yeepay-img {
display: inline-block;
max-width: 200px;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-footer {
padding: 24px 0 0;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-footer button {
float: left;
max-width: 49%;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-footer button:first-child {
margin: 0 1% 0 0;
}
.checkout-index-index .modal-popup:not(.popup-authentication):not(.popup-add-address) .modal-footer button:last-child {
margin: 0 0 0 1%;
}
.checkout-index-index .opc-sidebar .modal-content .bp-field {
padding: 20px 8px;
margin: 0 -12px;
border: 1px solid #E7E7E7;
border-width: 1px 0;
margin-bottom: 24px;
}
.checkout-index-index .opc-sidebar .modal-content .bp-field-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 16px;
}
.checkout-index-index .opc-sidebar .modal-content .bp-field-item > label {
display: flex;
align-items: center;
gap: 8px;
font-weight: 400;
font-size: 16px;
}
.checkout-index-index .opc-sidebar .modal-content .bp-field-item > label > input {
margin: 0;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information {
padding: 12px;
margin-top: -22px;
background: #f7f7f7;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title {
position: relative;
padding: 12px 0;
margin-bottom: 12px;
font-size: 18px;
color: #4d4d4d;
border-bottom: 1px solid #e6e6e6;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title .action-edit {
display: inline-block;
margin: 0;
position: absolute;
right: 0;
text-decoration: none;
top: 14px;
box-shadow: none;
background: none;
border: none;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title .action-edit span {
font-size: 20px;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-title .action-edit:hover {
color: #99b038;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .shipping-information-content {
color: #b3b3b3;
}
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .ship-to,
.checkout-index-index .opc-sidebar .modal-content .opc-block-shipping-information .ship-via {
margin: 0 0 20px;
}
.payment-option .payment-option-content {
padding: 5px 15px;
}
.payment-option .payment-option-inner {
width: 100%;
}
.payment-option .payment-option-inner .input-text {
width: 100%;
margin: 0 0 15px;
padding: 0;
}
.payment-option .payment-option-inner .input-text.disabled {
pointer-events: none;
color: #b3b3b3;
}
.payment-option._collapsible .payment-option-title {
height: 45px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f7f7f7;
cursor: pointer;
}
.payment-option._collapsible .payment-option-title [class^="icon-"] {
display: block;
margin-right: 15px;
font-size: 20px;
transform: rotate(90deg);
}
.payment-option._collapsible._active .payment-option-title [class^="icon-"] {
transform: rotate(-90deg);
}
.payment-option.discount-code {
margin-top: 20px;
}
.payment-option.discount-code .form-discount {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.payment-option.discount-code .form-discount .field > .label {
display: none;
}
.credit-container {
margin-top: 20px;
padding: 0 0 20px;
}
.credit-container .creditpoint-field {
padding: 8px 0;
}
.credit-container .creditpoint-field:last-child {
padding-bottom: 0;
}
.credit-container .creditpoint-field .field {
margin-top: 6px;
}
.credit-container .creditpoint-field .note {
display: block;
margin: 6px 0 0 26px;
font-size: 14px;
color: #b3b3b3;
}
.credit-container .step-title {
display: flex;
align-items: center;
padding: 0;
font-size: 16px;
}
.credit-container .step-title input {
flex: 0;
margin: 0 12px 0 0 !important;
}
.credit-container .step-title .block-heading {
flex: 0 1 30%;
width: auto;
padding-right: 12px;
}
.credit-container .step-title .form-credits-remaining {
flex: 1;
font-size: 14px;
}
.credit-container .step-title .credits-warning,
.credit-container .step-title .points-warning {
font-size: 14px;
color: #e8142b;
}
.credit-container .credit-payment-option-content #credits-form {
max-width: 500px;
padding-top: 10px;
}
.credit-container .credit-payment-option-content #credits-form .control .input-text {
width: 100%;
height: 40px;
}
.credit-container .actions-toolbar {
float: right;
}
.checkout-onepage-success .wc-success-header {
padding-top: 60px;
}
.checkout-onepage-success .wc-success-header .success-image {
display: inline-block;
width: 90px;
height: 90px;
margin-bottom: 24px;
line-height: 125px;
text-align: center;
border-radius: 50%;
background: #a9c240;
}
.checkout-onepage-success .wc-success-header .success-image span[class*='icon'] {
font-size: 54px;
color: #fff;
}
.checkout-onepage-success .wc-success-header .success-title h2 {
font-size: 28px;
}
.checkout-onepage-success .wc-success-links {
padding: 30px 0 60px;
}
.checkout-onepage-success .wc-success-links a.success-link-orders {
color: #4d4d4d;
}
.checkout-onepage-success .wc-success-links a.success-link-orders:hover {
text-decoration: underline;
}
.checkout-onepage-success .wc-success-info {
padding: 40px 0 30px;
background: #f7f7f7;
margin-bottom: 80px;
}
.checkout-onepage-success .wc-success-info h4 {
margin-bottom: 20px;
}
.checkout-onepage-success .wc-success-info > div[class*='col-'] {
padding: 0;
}
.customer-account-login,
.customer-account-create {
background: #f7f7f7;
}
.customer-account-login .page-main,
.customer-account-create .page-main {
width: 100%;
padding: 0;
}
#account-block {
background: url(/pub/media/theme/bg/login.jpg) center center no-repeat;
background-size: cover;
padding: 0 40px;
}
#account-block #register-form-block,
#account-block #login-form-block {
max-width: 440px;
margin: 0 auto;
padding: 40px 50px 25px;
background: #ffffff;
border-radius: 0;
float: none;
}
#account-block #register-form-block form .actions-toolbar .action.remind,
#account-block #login-form-block form .actions-toolbar .action.remind {
display: inline-block;
margin-top: 4px;
float: right;
color: #a9c240;
}
#account-block #register-form-block form .actions-toolbar .action.remind:hover,
#account-block #login-form-block form .actions-toolbar .action.remind:hover {
text-decoration: underline;
}
#account-block #register-form-block .social-login a .fa {
background: #a9c240;
}
#account-block #register-form-block .social-login a .fa:hover {
background: #99b038;
}
#register-form-block span[class*='icon-'],
#login-form-block span[class*='icon-'],
.modal-popup.popup-authentication span[class*='icon-'] {
color: #4d4d4d;
}
#register-form-block .form input,
#login-form-block .form input,
.modal-popup.popup-authentication .form input {
font-size: 14px;
width: auto;
}
#register-form-block .input-group,
#login-form-block .input-group,
.modal-popup.popup-authentication .input-group {
width: 100%;
margin: 20px 0;
}
#register-form-block .input-group .input-group-addon,
#login-form-block .input-group .input-group-addon,
.modal-popup.popup-authentication .input-group .input-group-addon {
background: transparent;
color: #4d4d4d;
border: none;
box-shadow: none;
display: inline-block;
width: 44px;
position: absolute;
left: 0;
text-align: center;
line-height: 1.6;
padding: 7px 0;
}
#register-form-block .input-group .input-group-addon span[class^='icon-'],
#login-form-block .input-group .input-group-addon span[class^='icon-'],
.modal-popup.popup-authentication .input-group .input-group-addon span[class^='icon-'] {
font-size: 20px;
}
#register-form-block .input-group .form-control,
#login-form-block .input-group .form-control,
.modal-popup.popup-authentication .input-group .form-control {
height: 40px;
float: left;
width: 100%;
padding: 0 0 0 44px;
border: none;
border-bottom: 1px solid #e6e6e6;
background: transparent;
color: #4d4d4d;
}
#register-form-block .input-group .form-control:focus,
#login-form-block .input-group .form-control:focus,
.modal-popup.popup-authentication .input-group .form-control:focus {
border-color: #a9c240;
}
#register-form-block .input-group .form-control.mage-error,
#login-form-block .input-group .form-control.mage-error,
.modal-popup.popup-authentication .input-group .form-control.mage-error {
margin-bottom: 20px;
}
#register-form-block .input-group .field.newsletter,
#login-form-block .input-group .field.newsletter,
.modal-popup.popup-authentication .input-group .field.newsletter {
padding-left: 16px;
}
#register-form-block .input-group .field.newsletter label,
#login-form-block .input-group .field.newsletter label,
.modal-popup.popup-authentication .input-group .field.newsletter label {
float: left;
margin: 0 0 0 18px;
font-weight: normal;
font-size: 14px;
color: #4d4d4d;
}
#register-form-block .input-group .mage-error:not(input),
#login-form-block .input-group .mage-error:not(input),
.modal-popup.popup-authentication .input-group .mage-error:not(input) {
padding: 0;
position: absolute;
display: inline;
top: 42px;
left: 44px;
font-size: 12px;
}
#register-form-block .input-group.code button,
#login-form-block .input-group.code button,
.modal-popup.popup-authentication .input-group.code button {
width: auto;
display: block;
position: absolute;
right: 0;
top: 3px;
z-index: 99;
}
#register-form-block .password-note,
#login-form-block .password-note,
.modal-popup.popup-authentication .password-note {
margin-top: -10px;
color: #b3b3b3;
font-style: italic;
font-size: 13px;
line-height: 17px;
}
#register-form-block .social-login,
#login-form-block .social-login,
.modal-popup.popup-authentication .social-login {
text-align: center;
}
#register-form-block .social-login a,
#login-form-block .social-login a,
.modal-popup.popup-authentication .social-login a {
text-align: center;
}
#register-form-block .social-login a .fa,
#login-form-block .social-login a .fa,
.modal-popup.popup-authentication .social-login a .fa {
display: inline-block;
height: 44px;
width: 44px;
border-radius: 50%;
background: #2eb39e;
color: #fff;
font-size: 22px;
padding-left: 1px;
line-height: 45px;
}
#register-form-block .social-login a .fa:hover,
#login-form-block .social-login a .fa:hover,
.modal-popup.popup-authentication .social-login a .fa:hover {
background: #299f8c;
}
#register-form-block .account-actions-divider,
#login-form-block .account-actions-divider,
.modal-popup.popup-authentication .account-actions-divider {
display: inline-block;
width: 100%;
margin-bottom: 12px;
overflow: hidden;
text-align: center;
color: #b3b3b3;
}
#register-form-block .account-actions-divider > span,
#login-form-block .account-actions-divider > span,
.modal-popup.popup-authentication .account-actions-divider > span {
position: relative;
display: inline-block;
padding: 4px 8px;
}
#register-form-block .account-actions-divider > span:before,
#login-form-block .account-actions-divider > span:before,
.modal-popup.popup-authentication .account-actions-divider > span:before,
#register-form-block .account-actions-divider > span:after,
#login-form-block .account-actions-divider > span:after,
.modal-popup.popup-authentication .account-actions-divider > span:after {
content: '';
height: 1px;
background: #b3b3b3;
width: 200px;
position: absolute;
top: 50%;
z-index: 0;
}
#register-form-block .account-actions-divider > span:before,
#login-form-block .account-actions-divider > span:before,
.modal-popup.popup-authentication .account-actions-divider > span:before {
left: -210px;
}
#register-form-block .account-actions-divider > span:after,
#login-form-block .account-actions-divider > span:after,
.modal-popup.popup-authentication .account-actions-divider > span:after {
right: -210px;
}
.popup-authentication {
z-index: 1061;
}
.popup-authentication .modal-header {
border: 0;
padding: 0;
min-height: inherit;
}
.popup-authentication .modal-header button.action-close {
margin: 0;
top: -25px;
right: -25px;
}
.popup-authentication .block-content > h3 {
/*margin: 20px 0 40px;*/
}
.popup-authentication .block-content #login-form .modal-content {
padding: 20px 50px 60px;
}
.popup-authentication .block-content #login-form .block {
width: 100%;
padding: 0;
}
.popup-authentication .block-content #login-form .block-authentication {
border: none;
}
.popup-authentication .block-content #login-form #loginProvidersContainer {
padding-bottom: 20px;
}
.popup-authentication .block-content #login-form .actions-toolbar .popup-login-forgot {
display: inline-block;
margin-top: 4px;
float: right;
color: #a9c240;
}
.popup-authentication .block-content #login-form .actions-toolbar .popup-login-forgot:hover {
text-decoration: underline;
}
.customer-account-forgotpassword form .control input,
.customer-account-createpassword form .control input {
width: 100%;
}
.customer-account-forgotpassword .breadcrumbs {
display: none;
}
.customer-account-forgotpassword .page-main {
padding: 0;
margin: 0;
width: 100%;
}
.customer-account-forgotpassword .forgot-password-container {
padding: 0 40px;
background: url(/pub/media/theme/bg/login.jpg) center center no-repeat;
background-size: cover;
}
.customer-account-forgotpassword .forgot-password-container .form.password.forget {
display: block;
max-width: 440px;
margin: 0 auto;
background: #ffffff;
padding: 80px 50px 200px;
}
.customer-account-forgotpassword .forgot-password-container .form.password.forget h3 {
margin-bottom: 60px;
}
.customer-account-forgotpassword .forgot-password-container .form.password.forget .fieldset .field.note {
text-align: center;
margin-bottom: 12px;
}
.customer-account-createpassword .form.password.reset h3 {
margin: 30px;
}
.customer-account-createpassword .form.password.reset .mage-error {
font-size: 12px;
}
.customer-account-createpassword .form.password.reset .field {
margin-bottom: 12px;
}
#register-form-block .register-checkout {
padding-top: 15px;
}
#register-form-block .register-checkout input[type="checkbox"] {
vertical-align: top;
float: left;
margin-right: 5px;
}
#register-form-block .register-checkout input ~ .mage-error {
font-size: 12px;
clear: both;
}
#register-form-block .register-checkout label {
float: right;
width: 94%;
text-align: left;
margin-top: 0;
font-weight: 400;
}
#register-form-block .register-checkout label a {
color: #a9c240;
text-decoration: underline;
font-size: 14px;
font-weight: normal;
}
.referral-validation-modal .modal-inner-wrap {
margin: 35vh auto 0;
padding: 25px;
}
.referral-validation-modal .modal-header {
padding: 0 0 10px;
border: 0;
}
.referral-validation-modal .modal-header .modal-title {
font-size: 22px;
font-weight: 500;
text-align: center;
}
.referral-validation-modal .modal-header .action-close {
display: none;
}
.referral-validation-modal .modal-content {
padding-bottom: 30px;
border: 0;
box-shadow: none;
text-align: center;
}
.referral-validation-modal .modal-footer {
padding: 0;
border: 0;
}
.referral-validation-modal .modal-footer .btn,
.referral-validation-modal .modal-footer .btn-link {
width: 100%;
}
.referral-validation-modal .modal-footer .btn-link {
margin-top: 10px;
}
.account .page-main {
margin-bottom: 100px;
}
.account .account-title {
margin-bottom: 30px;
text-align: center;
}
.account .block-title {
display: block;
width: 100%;
padding: 6px 12px;
background: #f7f7f7;
font-size: 16px;
font-weight: normal;
color: #b3b3b3;
border: 0;
}
.account .block-title a {
font-size: 16px;
color: #a9c240;
}
.account .block-title a:hover {
color: #889d32;
}
.account .orders-history #my-orders-table {
border: none;
}
.account .orders-history #my-orders-table th,
.account .orders-history #my-orders-table td {
text-align: center;
}
.account .orders-history #my-orders-table thead tr th {
padding: 14px 10px 10px;
border-bottom: 1px solid #e6e6e6;
font-size: 16px;
font-weight: normal;
color: #b3b3b3;
}
.account .orders-history #my-orders-table thead tr th:first-child {
padding-left: 12px;
padding-right: 0;
text-align: left;
}
.account .orders-history #my-orders-table tbody tr td {
padding: 2px 10px;
border: 0;
border-top: none;
vertical-align: middle;
}
.account .orders-history #my-orders-table tbody tr td .price {
font-size: 14px;
color: #4d4d4d;
}
.account .orders-history #my-orders-table tbody tr td:first-child {
padding-left: 12px;
padding-right: 0;
text-align: left;
}
.account .orders-history #my-orders-table tbody tr td:last-child {
padding-right: 12px;
padding-left: 0;
text-align: right;
}
.account .orders-history #my-orders-table tbody tr:first-child td {
padding-top: 12px;
}
.account .orders-history #my-orders-table tbody tr:last-child td {
padding-bottom: 12px;
}
.account .orders-history #my-orders-table span[class^='icon'] {
font-size: 40px;
}
.account-nav {
margin-bottom: 36px;
background: #f7f7f7;
}
.account-nav ul {
padding: 12px 0;
}
.account-nav ul li {
float: left;
height: auto;
width: 100%;
}
.account-nav ul li a {
width: 100%;
}
.account-nav ul li a,
.account-nav ul li strong {
text-transform: uppercase;
float: left;
padding: 12px 0px 12px 20px;
color: #4d4d4d;
font-weight: normal;
font-size: 16px;
line-height: 16px;
}
.account-nav ul li a:hover,
.account-nav ul li strong:hover,
.account-nav ul li a:focus,
.account-nav ul li strong:focus {
background: none;
color: #a9c240;
}
.account-nav ul li a strong {
padding: 0 !important;
}
.account-nav ul li:hover a,
.account-nav ul li:focus a,
.account-nav ul li:hover strong,
.account-nav ul li:focus strong {
color: #a9c240;
}
.account-nav ul li:hover:before,
.account-nav ul li:focus:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
height: 16px;
width: 6px;
background: #a9c240;
}
.account-nav ul li.active strong,
.account-nav ul li.current strong,
.account-nav ul li.active a,
.account-nav ul li.current a {
color: #a9c240;
}
.account-nav ul li.active:before,
.account-nav ul li.current:before {
content: '';
display: inline-block;
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
height: 16px;
width: 6px;
background: #a9c240;
}
#wishlist-view-form .actions-toolbar {
clear: both;
}
.customer-account-index .block-dashboard-info .block-content .box {
margin-bottom: 24px;
}
.customer-account-index .block-dashboard-info .block-content .box .box-content {
clear: both;
margin: 0;
padding: 0 12px;
background: transparent;
}
.customer-account-index .block-dashboard-info .block-content .box .box-content > div[class*='col-'] {
padding: 0;
}
.customer-account-index .block-dashboard-info .block-content .box .box-content table > tbody > tr th,
.customer-account-index .block-dashboard-info .block-content .box .box-content table > tbody > tr td {
padding: 0;
line-height: 32px;
font-weight: normal;
font-size: 14px;
color: #4d4d4d;
}
.customer-account-index .block-dashboard-info .block-content .box .box-content table > tbody > tr th.box-data-disabled,
.customer-account-index .block-dashboard-info .block-content .box .box-content table > tbody > tr td.box-data-disabled {
font-style: italic;
color: #b3b3b3;
}
.customer-account-index .block-dashboard-info .block-content .box .box-content table > tbody > tr th {
min-width: 200px;
color: #b3b3b3;
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit {
padding-top: 24px;
background: transparent;
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information {
padding: 0;
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information > div {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information .referal-points {
padding-right: 6px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information .loyalty-points {
padding-left: 6px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information .my-referals {
padding-right: 6px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information .my-referal-id {
padding-left: 18px;
line-height: 66px;
}
}
.customer-account-index .block-dashboard-info .block-content .box.box-credit .credit-information:after {
content: '';
display: table;
clear: both;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information {
position: relative;
float: left;
width: 100%;
margin-bottom: 20px;
padding: 0;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-profile {
padding-top: 18px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-profile .customer-avatar {
float: right;
width: 80px;
height: 80px;
border-radius: 80px;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-profile .customer-avatar img {
display: inline-block;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-profile span {
display: block;
line-height: 27px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-referral-details .referral-details-item {
padding-left: 0px;
margin-top: 6px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-referral-details .referral-details-item .label {
width: 40%;
padding: 0;
margin: 0;
font-size: 14px;
color: #b3b3b3;
}
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-referral-details .referral-details-item .btn {
margin-left: 24px;
}
.customer-account-index .block-dashboard-info .block-content .box.box-newsletter {
clear: both;
}
.customer-account-index .block-dashboard-info .block-content .box.box-newsletter .box-content {
margin-top: 10px;
}
.customer-account-index .block-dashboard-addresses .block-content {
padding: 12px;
}
.customer-account-index .block-dashboard-addresses .block-content address {
line-height: 24px;
}
.customer-account-index .block-reviews-dashboard {
display: none;
}
.customer-account-index .block-title {
margin-bottom: 20px;
}
@media (max-width: 992px) {
.customer-account-index .block-dashboard-info .block-content .box.box-information .customer-information .customer-referral-details .referral-details-item .label {
width: 46%;
}
}
.account {
/* Business Application styling for when status is Review or Approved */
}
.account .form-edit-account > .legend {
display: block;
width: 100%;
padding: 6px 12px;
background: #f7f7f7;
font-size: 16px;
color: #b3b3b3;
border: 0;
}
.account .form-edit-account > .legend .icon-arrow {
float: right;
padding: 5px;
transform: rotate(-90deg);
transition: transform 200ms ease;
}
.account .form-edit-account .fieldset {
margin-bottom: 40px;
}
.account .form-edit-account .fieldset .field {
position: relative;
padding: 0;
margin-bottom: 24px;
}
.account .form-edit-account .fieldset .field .label-main {
position: relative;
bottom: -4px;
padding: 0 12px;
margin: 0;
font-size: 14px;
font-weight: normal;
color: #b3b3b3;
}
.account .form-edit-account .fieldset .field .label-main.my-details-data {
width: 100%;
height: 47px;
color: #b3b3b3;
font-style: italic;
line-height: 47px;
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
.account .form-edit-account .fieldset .field .label-main {
text-align: left;
padding-left: 12px;
}
.account .form-edit-account .fieldset .field .label-main span {
float: left;
}
}
.account .form-edit-account .fieldset .field .input-text {
width: 100%;
margin: 0;
font-size: 16px;
}
.account .form-edit-account .fieldset .field select.input-text {
margin: 12px 0 0;
border: 0;
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
}
.account .form-edit-account .fieldset .field #btnGetCode {
position: absolute;
right: 0;
top: 25px;
}
.account .form-edit-account .fieldset .field.choice .checkbox {
margin-top: 4px;
float: left;
position: static;
left: inherit;
}
.account .form-edit-account .fieldset .field.choice .label {
float: left;
line-height: 1.8;
font-weight: normal;
padding-left: 10px;
margin-bottom: -10px;
padding-top: 0;
}
.account .form-edit-account .fieldset .field.switch .switch-checkbox {
float: right;
}
.account .form-edit-account .fieldset .field:after {
display: table;
content: '';
clear: both;
}
.account .form-edit-account .fieldset .multiple-fields > div {
padding-right: 12px;
padding-left: 0;
}
.account .form-edit-account .fieldset .multiple-fields > div:last-child {
padding-right: 0;
}
.account .form-edit-account .fieldset input:-webkit-file-upload-button {
background-color: transparent;
border: 1px solid #a9c240;
border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
@media (min-width: 992px) {
.account .form-edit-account .fieldset {
padding: 0 15% 0 10%;
}
}
.account .form-edit-account .fieldset.business {
margin-top: 12px;
}
.account .form-edit-account .fieldset.business .field > .label {
display: block;
margin-bottom: 16px;
}
.account .form-edit-account .fieldset.business .field .license-content,
.account .form-edit-account .fieldset.business .field .personalid-content {
display: flex;
align-items: stretch;
}
.account .form-edit-account .fieldset.business .field .license-content > *,
.account .form-edit-account .fieldset.business .field .personalid-content > * {
align-self: flex-end;
}
.account .form-edit-account .fieldset.business .field .license-input,
.account .form-edit-account .fieldset.business .field .personalid-input {
padding-top: 24px;
}
.account .form-edit-account .fieldset.business .btn-upload-note {
margin-top: 6px;
display: inline-block;
line-height: 16px;
font-size: 12px;
color: #b3b3b3;
}
.account .form-edit-account .fieldset.business .business-note {
padding: 24px 12px 12px;
}
.account .form-edit-account .fieldset.business .business-note span {
font-size: 16px;
color: #4d4d4d;
}
.account .form-edit-account .fieldset.business .business-note p {
line-height: 18px;
font-size: 14px;
color: #b3b3b3;
}
.account #is_business {
cursor: pointer;
pointer-events: all;
}
.account #is_business[value='0'] .icon-arrow {
transform: rotate(90deg);
}
.account .application-status {
position: relative;
min-height: 47px;
margin: 12px 0;
padding: 10px 12px 10px 48px;
border-radius: 4px;
line-height: 18px;
color: #e8142b;
}
.account .application-status .tmo-status-icon {
position: absolute;
top: 12px;
left: 12px;
}
.account .application-status.status-approved {
color: #a9c240;
}
.account .application-status.status-approved .tmo-status-icon {
color: #a9c240;
}
.account .business-app-overview .block-title .icon-arrow {
float: right;
padding: 5px;
transform: rotate(-90deg);
transition: transform 200ms ease;
}
.account .business-app-overview .application-status {
width: 100%;
margin: 24px 0;
padding: 12px;
padding-bottom: 6px;
text-align: center;
border-bottom: 1px solid #e6e6e6;
}
.account .business-app-overview .application-status .tmo-status-icon {
position: relative;
top: 0;
left: 0;
}
.account .business-app-overview .application-status .status-message {
position: relative;
top: -5px;
left: 12px;
}
@media (min-width: 992px) {
.account .business-app-overview .business-app-overview-inner {
padding: 0 15% 0 10%;
}
}
.account .business-app-overview .business-app-information > div {
padding: 0;
}
.account .business-app-overview .business-app-information .row-label {
color: #b3b3b3;
}
.account .business-app-overview .business-app-information .row-images {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #e6e6e6;
}
.account .business-app-overview .business-app-information .row-images .row-image {
color: #b3b3b3;
}
.account .business-app-overview .business-app-information .row-images .row-image .upload-title {
display: inline-block;
margin-bottom: 12px;
}
.modal-popup.application-success .modal-header {
min-height: 0;
padding: 0;
border: 0;
}
.modal-popup.application-success #confirmation {
text-align: center;
}
.modal-popup.application-success #confirmation span[class*='icon-'] {
display: inline-block;
width: 80px;
height: 80px;
background: #a9c240;
border-radius: 50%;
text-align: center;
color: #fff;
line-height: 80px;
font-size: 40px;
}
.modal-popup.application-success #confirmation .confirmation-title {
display: block;
margin-top: 12px;
font-size: 20px;
}
input[type="file"] {
display: none;
}
[data-file]:after {
content: attr(data-file);
}
.customer-address-index .block-content .empty {
padding: 24px;
text-align: center;
}
.customer-address-index .block-content span[class^='icon-'] {
font-size: 20px;
}
.customer-address-index .block-content .address-table {
border: none;
}
.customer-address-index .block-content .address-table th,
.customer-address-index .block-content .address-table td {
text-align: center;
}
.customer-address-index .block-content .address-table thead tr th {
padding: 14px 10px 10px;
border-bottom: 1px solid #e6e6e6;
font-size: 16px;
font-weight: normal;
color: #b3b3b3;
}
.customer-address-index .block-content .address-table thead tr th:first-child {
padding-left: 12px;
padding-right: 0;
text-align: left;
}
.customer-address-index .block-content .address-table tbody tr td {
padding: 10px;
border: 0;
border-top: none;
vertical-align: middle;
}
.customer-address-index .block-content .address-table tbody tr td .price {
font-size: 14px;
color: #4d4d4d;
}
.customer-address-index .block-content .address-table tbody tr td .default-address {
display: inline-block;
width: 100%;
color: #2eb39e;
text-align: center;
}
.customer-address-index .block-content .address-table tbody tr td:first-child {
padding-left: 12px;
padding-right: 0;
text-align: left;
}
.customer-address-index .block-content .address-table tbody tr td:last-child {
padding-right: 12px;
text-align: right;
}
.customer-address-index .block-content .address-table tbody tr:first-child td {
padding-top: 20px;
}
.customer-address-index .block-content .address-table tbody tr:last-child td {
padding-bottom: 20px;
}
.customer-address-index .block-content .box-add-address .block-title #clearForm {
color: #a9c240;
cursor: pointer;
pointer-events: all;
}
.customer-address-index .block-content .box-add-address .block-title #clearForm:hover,
.customer-address-index .block-content .box-add-address .block-title #clearForm:focus,
.customer-address-index .block-content .box-add-address .block-title #clearForm:active {
color: #889d32;
}
.customer-address-form .action.back {
display: block;
}
.form-address-edit {
padding-top: 20px;
}
.form-address-edit .fieldset > .field {
position: relative;
padding: 0;
margin-bottom: 24px;
}
.form-address-edit .fieldset > .field .label-main {
position: relative;
bottom: -4px;
padding: 0 12px;
margin: 0;
font-size: 14px;
font-weight: normal;
color: #b3b3b3;
}
.form-address-edit .fieldset > .field .label-main.my-details-data {
width: 100%;
height: 47px;
color: #b3b3b3;
font-style: italic;
line-height: 47px;
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
.form-address-edit .fieldset > .field .label-main {
text-align: left;
padding-left: 12px;
}
.form-address-edit .fieldset > .field .label-main span {
float: left;
}
}
.form-address-edit .fieldset > .field .control.address-location .address-location-col {
padding: 0 8px 0 8px;
}
.form-address-edit .fieldset > .field .control.address-location .address-location-col:nth-child(2) {
padding-left: 0;
padding-right: 16px;
}
.form-address-edit .fieldset > .field .control.address-location .address-location-col:last-child {
padding-left: 16px;
padding-right: 0;
}
.form-address-edit .fieldset > .field .control.address-location .address-location-col select {
width: 100%;
border: 0;
border-radius: 0;
-o-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-bottom: 1px solid #e6e6e6;
}
.form-address-edit .fieldset > .field .control.address-location .address-location-col select:active {
border-bottom: 1px solid #a9c240;
}
.form-address-edit .fieldset > .field input:not(.checkbox) {
width: 100%;
margin: 0;
font-size: 16px;
}
.form-address-edit .fieldset > .field select.input-text {
margin: 12px 0 0;
}
.form-address-edit .fieldset > .field.required .label-main:after {
color: #f17280;
}
.form-address-edit .fieldset > .field #btnGetCode {
position: absolute;
right: 0;
bottom: 10px;
}
.form-address-edit .fieldset > .field.choice .checkbox {
margin-top: 8px;
float: left;
position: static;
left: inherit;
}
.form-address-edit .fieldset > .field.choice .label {
float: left;
line-height: 1.8;
font-weight: normal;
padding-left: 10px;
margin-bottom: -10px;
padding-top: 0;
}
.form-address-edit .fieldset > .field:after {
display: table;
content: '';
clear: both;
}
@media (min-width: 992px) {
.form-address-edit .fieldset {
padding: 0 15% 0 10%;
}
}
.sales-order-history .orders-history .nav {
display: table;
width: 100%;
border: 0;
border-bottom: 1px solid #e6e6e6;
}
.sales-order-history .orders-history .nav li {
display: table-cell;
float: none;
position: relative;
bottom: -1px;
background: transparent;
}
.sales-order-history .orders-history .nav li a {
padding-top: 0;
border: 0;
border-bottom: 3px solid transparent;
background: transparent;
font-size: 16px;
text-align: center;
color: #4d4d4d;
transition: border 200ms ease;
}
.sales-order-history .orders-history .nav li a:hover {
background: transparent;
}
.sales-order-history .orders-history .nav li.active a {
color: #a9c240;
border-bottom: 3px solid #a9c240;
}
.sales-order-history .orders-history .nav li:hover {
background: transparent;
}
.sales-order-history .orders-history .message.info.empty {
padding: 100px 40px;
text-align: center;
}
.sales-order-view .sales-title {
margin-bottom: 30px;
text-align: center;
}
.sales-order-view .block-content {
padding: 12px;
}
.sales-order-view .block-order-details-main .order-details-number {
margin-bottom: 12px;
}
.sales-order-view .block-order-details-main .order-details-number .order-number {
color: #4d4d4d;
}
.sales-order-view .block-order-details-main .order-details-number .order-date {
padding-top: 3px;
font-size: 13px;
}
.sales-order-view .block-order-details-main .order-details-number .order-print {
padding-right: 10px;
}
.sales-order-view .block-order-details-main .order-details-number .order-print a {
color: #4d4d4d;
}
.sales-order-view .block-order-details-main .order-details-number .order-print a:hover {
color: #a9c240;
}
.sales-order-view .block-order-details-main .order-logistics {
display: block;
width: 100%;
padding: 12px 12px 24px;
background: #f7f7f7;
font-size: 16px;
font-weight: normal;
color: #b3b3b3;
border: 0;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-header,
.sales-order-view .block-order-details-main .order-logistics .header-comment {
font-size: 22px;
color: #e8142b;
margin-bottom: 12px;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-info span {
display: inline-block;
width: 100%;
line-height: 30px;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-info span:last-child {
margin: 0;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-updates {
padding-left: 24px;
line-height: 24px;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-updates dl dt,
.sales-order-view .block-order-details-main .order-logistics .order-logistics-updates dl dd {
display: inline-block;
float: left;
font-weight: 300;
line-height: 30px;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-updates dl dd {
padding-left: 10px;
}
.sales-order-view .block-order-details-main .order-logistics .order-logistics-updates dl dd:after {
content: '';
display: table;
clear: both;
}
.sales-order-view .block-order-details-main .order-logistics:after {
content: '';
display: table;
clear: both;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items td,
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items th {
background: transparent;
border: 0;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items thead tr th {
color: #b3b3b3;
font-size: 16px;
font-weight: 300;
text-align: center;
border-bottom: 1px solid #e6e6e6;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items thead tr th.name {
text-align: left;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items thead tr th.subtotal {
width: 1%;
padding-left: 12px;
padding-right: 12px;
text-align: right;
white-space: nowrap;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items thead tr th:last-child {
width: 1px;
white-space: nowrap;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td {
vertical-align: middle;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
text-align: center;
border-bottom: 1px solid #e6e6e6;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.product-thumbnail {
text-align: center;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.product-thumbnail .img-thumbnail {
max-width: 100px;
max-height: 100px;
width: auto;
border: 0;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.name {
text-align: left;
font-size: 18px;
width: 32%;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.name .item-options {
margin-top: 4px;
margin-bottom: 0;
font-size: 14px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.name .item-options dt {
display: none;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.name dl,
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.name dd {
display: inline-block;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.subtotal {
padding-left: 12px;
padding-right: 12px;
white-space: nowrap;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td.subtotal span.cart-price span.price {
font-size: 14px;
font-weight: 700;
color: #4d4d4d;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td .items-qty {
margin: 0;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td:first-child,
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td:last-child {
width: 1px;
white-space: nowrap;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr td:last-child {
text-align: right;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr.bundle td.name .product-item-name {
display: block;
margin-bottom: 6px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr.bundle td.name .child-product-item-name {
display: block;
float: left;
clear: left;
padding: 3px 4px 1px;
margin-bottom: 4px;
font-size: 12px;
border: 1px solid #e6e6e6;
border-radius: 4px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tbody tr.bundle td.name .child-product-item-name .price {
display: none;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr td {
padding: 4px;
text-align: right;
font-size: 16px;
color: #b3b3b3;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr td.mark {
padding-right: 18px;
white-space: nowrap;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr td .price {
font-size: 16px;
color: #b3b3b3;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr td:last-child {
width: 1px;
white-space: nowrap;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.subtotal td .price {
font-size: 18px;
font-weight: 700;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.subtotal td:first-child {
border: 0;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.subtotal + td {
padding-top: 22px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.totals-tax td {
padding-top: 0;
padding-bottom: 12px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.totals-tax td:last-child {
border-bottom: 1px solid #e6e6e6;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.shipping td {
padding-top: 16px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.grand_total td {
padding-top: 12px;
color: #e8142b;
border-top: 1px solid #e6e6e6;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.grand_total td.mark {
font-size: 20px;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.grand_total td .price {
font-size: 20px;
font-weight: 700;
color: #e8142b;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr.grand_total td:first-child {
border: 0;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr:first-child td {
padding-top: 22px;
color: #4d4d4d;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr:first-child td .price {
color: #4d4d4d;
}
.sales-order-view .block-order-details-main .order-details-items .order-items .table-order-items tfoot tr:nth-last-child(2) td {
padding-bottom: 18px;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods {
padding-top: 6px;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method {
padding: 12px 0;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field {
padding-left: 0;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field input[type=radio] {
float: left;
margin: 10px 24px 10px 12px;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field img {
max-height: 40px;
max-width: 40px;
width: auto;
margin: 0 20px 6px 0;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field span[class^='checkout-'] {
display: block;
float: left;
margin: 0 20px 6px 0;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field span[class^='checkout-'] span[class^='icon-'] {
font-size: 40px;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field span[class^='checkout-'] .icon-wechat,
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field span[class^='checkout-'] .icon-wechat-pay {
color: #09b83e;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field span[class^='checkout-'] .icon-alipay {
color: #00A3E4;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field > .label {
padding-top: 12px;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .field:after {
content: '';
display: table;
clear: both;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .alipay-qr-method-content,
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .wechatpay-qr-method-content {
padding-left: 49px;
}
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .alipay-qr-method-content > p,
.sales-order-view .block-order-details-extra .order-details-pay #payment-methods .payment-method .wechatpay-qr-method-content > p {
margin-bottom: 0;
}
.sales-order-view .block-order-details-extra .order-details-pay .actions-toolbar {
text-align: right;
padding: 6px 0 24px;
}
.sales-order-view .block-order-details-extra .order-details-pay .actions-toolbar .btn {
min-width: 160px;
}
.sales-order-view .block-order-details-extra .order-details-address address {
margin-bottom: 0;
}
.sales-order-view .block-order-details-extra .order-details-payment dl {
margin: 0;
}
.sales-order-view .block-order-details-extra .order-details-payment dl dt {
font-weight: normal;
}
.sales-order-view .block-order-details-return a {
margin-top: 12px;
}
.history-pay-modal .modal-inner-wrap {
width: 80%;
max-width: 800px;
padding: 28px 7% 32px;
}
.history-pay-modal .modal-inner-wrap .modal-header {
min-height: 0;
padding: 0;
border: 0;
}
.history-pay-modal .modal-inner-wrap .modal-content {
text-align: center;
box-shadow: none;
}
.history-pay-modal .modal-inner-wrap .modal-content #weixin-img,
.history-pay-modal .modal-inner-wrap .modal-content #wechat-qrcode-placeholder {
margin: 24px auto;
}
.history-pay-modal .modal-inner-wrap .modal-content #yeepay-ready {
padding: 36px 12px;
}
.history-pay-modal .modal-inner-wrap .modal-content #yeepay-ready .secondayImage {
margin: 0 auto;
float: none;
}
.history-pay-modal .modal-inner-wrap .modal-content #yeepay-ready #yeepay-img {
display: inline-block;
max-width: 200px;
}
.history-pay-modal .modal-inner-wrap .modal-footer {
border: 0 !important;
padding: 0 !important;
}
.page-print .order-details-title {
text-align: center;
font-weight: 600;
padding: 10px 0;
}
.page-print .mark {
background: transparent;
}
.page-print .remarks {
padding-bottom: 15px;
}
.page-print .remarks .remarks-title {
font-weight: 600;
}
.aw-rma-new #aw-rma-create-request-form {
margin-top: 20px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset .label.required:after {
content: '*';
color: #f17280;
font-size: 2rem;
margin: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details {
margin-bottom: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container {
padding-bottom: 12px;
border-bottom: 1px solid #e6e6e6;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info {
padding-right: 12px;
text-align: center;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info .product-item-photo {
margin-bottom: 6px;
display: inline-block;
border: 0;
background: #f7f7f7;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info .product-item-photo .product-image-wrapper span {
display: inline-block;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info .product-item-photo .product-image-wrapper img {
padding: 10% 20%;
border: 0;
background: transparent;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info .product-item-details .product-item-name a {
color: #4d4d4d !important;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info .product-item-details .price-box .price {
font-size: 14px;
font-weight: 700;
color: #4d4d4d;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info .product-item-details .price-box .old-price .price {
font-weight: 300;
color: #b3b3b3;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .product-item-info:hover .product-item-details .product-item-name a {
color: #a9c240 !important;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container {
margin-bottom: 12px;
background: #f7f7f7;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action {
width: 100%;
padding: 0 12px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .select-all {
padding: 15px 0;
margin: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .select-all input {
position: relative;
top: 2px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .select-all label {
margin: 0;
font-weight: 300;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .actions {
margin: 0;
padding: 9px 0 7px;
text-align: right;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .actions > * {
float: none;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .actions .action-input-field {
display: inline-block;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .actions select {
height: 37px;
padding: 0 24px 0 10px;
margin: 0;
font-size: 13px;
background-size: 12px;
background-color: #fff !important;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .actions select.action-type {
margin-right: 0.5em;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .mass-action-container .mass-action .actions button {
vertical-align: top;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details {
position: relative;
padding: 12px;
margin: 0;
background: none;
border-bottom: 1px solid #e6e6e6;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details > .field .label {
width: 25% !important;
margin: 0 !important;
font-size: 16px;
font-weight: 300;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details > .field.aw-rma-custom-field label {
font-size: 14px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details > .field .control {
width: 50% !important;
margin: 0 !important;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details > .field .control .aw-rma-delete {
position: absolute;
right: 12px;
top: 12px;
font-size: 22px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details > .field .control select {
margin: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-details .field.item .control .item-container .aw-rma-create-request__item-details .item-details:last-child {
padding-bottom: 0;
border: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.request-custom-field {
padding: 12px;
border-bottom: 1px solid #e6e6e6;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.request-custom-field > .field > .label {
font-size: 16px;
font-weight: 300;
color: #b3b3b3;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.request-custom-field > .field > .control ul {
display: inline-block;
padding: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.request-custom-field > .field > .control ul li {
display: inline-block;
float: left;
margin-right: 20px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.request-custom-field > .field > .control ul li label {
font-size: 14px;
font-weight: 300;
color: #4d4d4d;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message {
padding: 0 12px;
margin-bottom: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message > .field {
padding: 0;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message > .field .label {
width: 15%;
float: left;
padding: 12px 12px 12px 0;
font-size: 14px;
font-weight: 300;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message > .field .control {
width: 85%;
float: left;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message > .field .control select {
font-size: 14px;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message > .field .control textarea {
width: 100%;
margin: 0;
resize: vertical;
overflow: auto;
}
.aw-rma-new #aw-rma-create-request-form .fieldset.fieldset-message > .field:after {
content: '';
display: table;
clear: both;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar {
padding: 0 12px;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar .field {
padding-left: 15%;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar .field .policy {
margin-bottom: 24px;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar .field .policy .block-title {
margin-bottom: 12px;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar .field .policy .label {
font-size: 14px;
font-weight: 300;
color: #4d4d4d;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar .field .policy .label a {
font-size: 14px;
font-weight: 300;
}
.aw-rma-new #aw-rma-create-request-form .action-toolbar .field .policy input {
position: relative;
top: 2px;
}
.aw-rma-returns .aw-rma-list #my-rma-table th,
.aw-rma-returns .aw-rma-list #my-rma-table td {
font-weight: 300;
text-align: center;
vertical-align: middle;
border: 0;
border-bottom: 1px solid #e6e6e6;
}
.aw-rma-returns .aw-rma-list #my-rma-table th {
color: #b3b3b3;
}
.aw-rma-returns .aw-rma-list #my-rma-table td {
color: #4d4d4d;
}
.aw-rma-returns .aw-rma-list #my-rma-table tbody tr td {
padding: 12px 6px;
}
.aw-rma-returns .aw-rma-list #my-rma-table tbody tr td a:not(.btn) {
color: #4d4d4d;
text-decoration: underline;
}
.aw-rma-returns .aw-rma-list #my-rma-table tbody tr td a:not(.btn):hover {
text-decoration: none;
}
.aw-rma-returns .aw-rma-list #my-rma-table tbody tr td.status {
color: #e8142b;
}
.aw-rma-returns .aw-rma-list #my-rma-table tbody tr td:last-child {
width: 1%;
white-space: nowrap;
}
.aw_rma-customer-view .aw-rma-view .block {
padding: 30px;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general,
.aw_rma-customer-view .aw-rma-view .block.block-items {
background: #f7f7f7;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general select,
.aw_rma-customer-view .aw-rma-view .block.block-items select {
max-width: 500px;
font-size: 14px;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content {
margin-bottom: 20px;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field {
margin-bottom: 14px;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field .label,
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field .control {
width: 100% !important;
margin-left: 0 !important;
font-size: 16px;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field .label a,
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field .control a {
font-size: 16px;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field .label {
margin-bottom: 0 !important;
color: #b3b3b3;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field .control {
color: #4d4d4d;
}
.aw_rma-customer-view .aw-rma-view .block.block-rma-general .block-content .box-rma-general .box-content .field.status .control {
color: #e8142b;
}
.aw_rma-customer-view .aw-rma-view .block.block-items {
padding-top: 0;
}
.aw_rma-customer-view .aw-rma-view .block.block-items > .label {
display: inline-block;
width: 100%;
padding-bottom: 12px;
margin-bottom: 0;
border-bottom: 1px solid #e6e6e6;
font-size: 16px;
font-weight: 300;
color: #b3b3b3;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content {
padding: 0 12px;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items {
width: 100%;
margin-bottom: 12px;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items tbody tr td {
vertical-align: top;
min-width: 60px;
font-size: 14px;
color: #4d4d4d;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items tbody tr td .price {
margin-left: -2px;
font-size: 16px;
color: #4d4d4d;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items tbody tr td:first-child {
width: 100px;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items tbody tr:first-child td {
padding-top: 12px;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items tbody tr:last-child td {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 12px;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items:last-child {
margin: 0;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items:last-child tbody tr:last-child td {
border: 0;
padding-bottom: 0;
}
@media (min-width: 768px) {
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items {
width: 50%;
float: left;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items:nth-child(2n) {
border-left: 1px solid #e6e6e6;
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content .aw-rma-view-items:nth-child(2n) tr td:first-child {
padding-left: 30px;
}
}
.aw_rma-customer-view .aw-rma-view .block.block-items .block-content:after {
content: '';
display: table;
clear: both;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread {
padding: 40px 0 20px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .block-title {
margin-bottom: 12px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages {
padding-bottom: 20px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message {
width: auto;
min-width: 60%;
padding: 12px 12px 0;
margin-bottom: 0;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__owner,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__meta {
font-size: 13px;
color: #b3b3b3;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__owner {
margin-right: 20px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer {
margin-left: 0;
float: left;
clear: both;
background: none;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text {
position: relative;
border-radius: 10px;
border: 2px solid #a9c240;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text:after,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text:after,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:after,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text:before,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text:before,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text:after,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text:after,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:after {
border-color: rgba(255, 255, 255, 0);
border-width: 8px;
margin-top: -8px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text:before,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text:before,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:before {
border-color: rgba(0, 0, 0, 0);
border-width: 11px;
margin-top: -11px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text {
color: #a9c240;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text:after {
border-right-color: #fff;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.admin .aw-rma-view__message-text:before {
border-right-color: #a9c240;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text {
background: #ededed;
border: 2px solid #ededed;
color: #4d4d4d;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text:after {
border-right-color: #ededed;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.auto .aw-rma-view__message-text:before {
border-right-color: #ededed;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer {
float: right;
clear: both;
text-align: right;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text {
text-align: left;
border: 2px solid #2eb39e;
color: #2eb39e;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:after,
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:before {
left: 100%;
right: initial;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:after {
border-left-color: #fff;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__message-text:before {
border-left-color: #2eb39e;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message.customer .aw-rma-view__attachment {
float: right;
text-align: left;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__message-text {
padding: 20px 24px;
vertical-align: middle;
margin: 6px 0 12px;
font-size: 16px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__attachment {
display: inline-block;
margin: -4px 0 10px;
padding: 8px 12px 7px;
font-size: 12px;
color: #b3b3b3;
border-radius: 6px;
border: 1px solid #e6e6e6;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__attachment a {
margin-bottom: 4px;
font-size: 14px;
color: #4d4d4d;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__attachment a:before {
content: '\f016';
font-family: FontAwesome;
font-size: 15px;
margin-right: 6px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages .aw-rma-view__thread-message .aw-rma-view__attachment a:hover {
text-decoration: underline;
color: #4d4d4d;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread .messages:after {
content: '';
display: table;
clear: both;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread #aw-rma-customer-reply-form {
margin-bottom: 20px;
}
.aw_rma-customer-view .aw-rma-view .block.block-thread #aw-rma-customer-reply-form .field #aw-rma-message {
width: 100%;
}
.aw-rma-file-upload__container {
width: 100% !important;
padding: 0;
margin: 0 0 12px;
text-align: center;
background: #f7f7f7;
}
.aw-rma-file-upload__container .aw-rma-file-upload {
width: 100%;
padding: 160px 100px 40px;
float: none;
}
.aw-rma-file-upload__container .aw-rma-file-upload .aw-rma-file-upload__link {
color: #808080;
transition: all 100ms ease;
}
.aw-rma-file-upload__container .aw-rma-file-upload .aw-rma-file-upload__link:before,
.aw-rma-file-upload__container .aw-rma-file-upload .aw-rma-file-upload__link:after {
content: '';
position: absolute;
top: 40%;
left: 50%;
display: inline-block;
background: #808080;
border-radius: 2px;
transition: all 100ms ease;
}
.aw-rma-file-upload__container .aw-rma-file-upload .aw-rma-file-upload__link:before {
width: 4px;
height: 80px;
margin-top: -38px;
}
.aw-rma-file-upload__container .aw-rma-file-upload .aw-rma-file-upload__link:after {
width: 80px;
height: 4px;
margin-left: -38px;
}
.aw-rma-file-upload__container .aw-rma-file-upload .aw-rma-file-upload__link:hover {
text-decoration: none;
}
.aw-rma-file-upload__container .aw-rma-file-upload:hover {
text-decoration: none;
}
.aw-rma-file-upload__container .aw-rma-file-upload:hover .aw-rma-file-upload__link {
text-decoration: none;
color: #666666;
}
.aw-rma-file-upload__container .aw-rma-file-upload:hover .aw-rma-file-upload__link:before,
.aw-rma-file-upload__container .aw-rma-file-upload:hover .aw-rma-file-upload__link:after {
background: #666666;
}
.credit-title {
font-size: 16px;
color: #b3b3b3;
line-height: 132px;
background: #f7f7f7;
}
.credit-item .credit-title {
line-height: 66px;
}
.credit-item .credit-content {
background: #f7f7f7;
padding: 0;
}
.credit-item .credit-content .credit-amount {
float: left;
display: block;
padding: 0 12px;
font-size: 38px;
color: #fff;
background: #ff6900;
line-height: 66px;
}
.credit-item .credit-content .credit-amount.default {
font-size: 44px;
color: #4d4d4d;
background: transparent;
line-height: 110px;
}
.credit-item .credit-content .credit-amount.empty {
background: #cccccc;
}
.credit-item .credit-content .credit-amount.inactive {
color: #cccccc;
background: transparent;
}
.credit-item .credit-content .credit-link,
.credit-item .credit-content .credit-notice {
float: left;
display: block;
padding: 0 12px;
line-height: 66px;
}
.credit-item .credit-content .credit-link {
float: right;
}
.credit-item .credit-content .btn {
position: absolute;
top: 13px;
right: 12px;
}
.credit-item .credit-content .points-description-toggle {
position: absolute;
right: 12px;
bottom: 18px;
color: #a9c240;
z-index: 9;
pointer-events: all;
cursor: pointer;
}
.credit-item .credit-content .points-description-toggle:hover {
text-decoration: underline;
}
.credit-item .label {
padding: 0;
margin: 0;
font-size: 16px;
color: #b3b3b3;
}
.credit-item .value {
margin-left: 12px;
font-size: 24px;
}
@media (max-width: 992px) {
.credit-item .credit-title {
padding: 0 10px;
}
.credit-item .credit-content .credit-amount {
padding: 0 10px;
font-size: 30px;
}
.credit-item .value {
font-size: 20px;
}
}
.block-credit-history .box,
.block-customer-list .box {
margin-bottom: 24px;
}
.block-credit-history .box:after,
.block-customer-list .box:after {
content: '';
display: table;
clear: both;
}
.block-customer-list .credit-information .credit-item .credit-title {
line-height: 110px;
}
.block-customer-list .credit-information .credit-item .row {
background: #f7f7f7;
}
.block-customer-list .credit-information .credit-item.customer-overview {
padding: 0 6px 0 0;
}
.block-customer-list .credit-information .credit-item.referrer-data {
padding: 22px 0 0 6px;
}
.block-customer-list .credit-information .credit-item.referrer-data .row {
margin: 0;
}
.block-customer-list .credit-information .credit-item .label,
.block-customer-list .credit-information .credit-item .value {
line-height: 33px;
}
.block-customer-list .credit-information .credit-item .label {
width: 100px;
}
.block-customer-list .credit-information .credit-item .value {
font-size: 20px;
}
.block .box .box-content .record-toolbar .row div[class^='col-'] select {
width: 100%;
color: #a9c240;
}
.block .box .box-content .record-toolbar .row div[class^='col-']:first-child {
padding-right: 4px;
}
.block .box .box-content .record-toolbar .row div[class^='col-']:last-child {
padding-left: 4px;
}
.block .box .box-content .record-legend {
padding: 4px 12px;
margin-bottom: 4px;
font-size: 16px;
color: #b3b3b3;
text-align: center;
border-bottom: 1px solid #e6e6e6;
}
.block .box .box-content .record-legend:after {
content: '';
display: table;
clear: both;
}
.block .box .box-content #credit-records {
padding: 4px 12px;
}
.block .box .box-content #credit-records .empty {
text-align: center;
}
.block .box .box-content #credit-records .price {
font-size: 14px;
}
.block .box .box-content #credit-records .panel {
border-radius: 0;
border-bottom: 1px solid #e6e6e6;
box-shadow: none;
}
.block .box .box-content #credit-records .panel .panel-heading {
padding: 0;
border-radius: 0;
}
.block .box .box-content #credit-records .panel .panel-heading a {
display: inline-block;
width: 100%;
padding: 12px 0;
transition: color 100ms ease;
color: #4d4d4d;
cursor: default;
}
.block .box .box-content #credit-records .panel .panel-heading a .record {
text-align: center;
}
.block .box .box-content #credit-records .panel .panel-heading a .record .price {
font-size: 14px;
color: #4d4d4d;
}
.block .box .box-content #credit-records .panel .panel-heading a .record .icon-arrow {
color: #4d4d4d;
display: inline-block;
transform: rotate(90deg);
transition: transform 400ms ease;
}
.block .box .box-content #credit-records .panel .panel-heading a:not(.collapsed) .record {
text-align: center;
}
.block .box .box-content #credit-records .panel .panel-heading a:not(.collapsed) .record .icon-arrow {
transform: rotate(-90deg);
}
.block .box .box-content #credit-records .panel .panel-heading a[data-toggle="collapse"] {
cursor: pointer;
}
.block .box .box-content #credit-records .panel .panel-heading a:hover,
.block .box .box-content #credit-records .panel .panel-heading a:focus {
color: #4d4d4d;
}
.block .box .box-content #credit-records .panel .panel-collapse {
transition: height 300ms ease;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-heading {
padding: 12px 0;
text-align: center;
border-top: 1px solid #e6e6e6;
background: #e6e6e6;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-heading.empty {
display: none;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-heading:after {
content: '';
display: table;
clear: both;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-body {
padding: 15px 0;
background: #f7f7f7;
text-align: center;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-body p:last-child {
margin: 0;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-body .record {
display: inline-block;
padding: 4px 20px;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-body .record a:hover {
text-decoration: underline;
}
.block .box .box-content #credit-records .panel .panel-collapse .panel-body .record .price {
font-size: 14px;
color: #4d4d4d;
}
.block .box .box-content #credit-records .panel .panel-heading + .panel-collapse > .panel-body {
border-top: 1px solid #e6e6e6;
}
.block .box.box-credit {
background: #f7f7f7;
}
/* STATUS COLORS */
.credit-status-active .record.status,
.credit-status-inactive .record.status,
.credit-status-active .record-order-number,
.credit-status-inactive .record-order-number {
color: #fe6a00 !important;
}
.credit-status-paid .record.status,
.credit-status-redeemed .record.status,
.credit-status-paid .record-order-number,
.credit-status-redeemed .record-order-number {
color: #00a3e4 !important;
}
.credit-status-locked .record.status,
.credit-status-locked .record-order-number {
color: #2eb39e !important;
}
.credit-status-expired .record.status,
.credit-status-expired .record-order-number {
color: #e8142b !important;
}
.credit-status-cancelled {
color: #b3b3b3 !important;
}
.credit-status-cancelled span,
.credit-status-cancelled span.price,
.credit-status-cancelled a,
.credit-status-cancelled td {
color: #b3b3b3 !important;
}
.credit-status-cancelled .panel-heading .record {
text-decoration: line-through;
}
.credit-status-cancelled .panel-heading .record.status {
text-decoration: none;
}
.credit-status-cancelled a {
text-decoration: underline;
}
.credit-status-cancelled a:hover {
text-decoration: none;
}
.wishlist-index-index .products-grid .product-items {
display: flex;
flex-wrap: wrap;
margin-bottom: 24px;
}
.wishlist-index-index .products-grid .product-items .product-item {
margin-bottom: 24px;
position: relative;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info {
position: relative;
height: 100%;
padding-bottom: 40px;
background: #f7f7f7;
transition: all 100ms ease-in-out;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-photo {
display: block;
margin-right: 0;
background: #ededed;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-photo .product-image-container {
width: auto !important;
display: block;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-photo .product-image-container .product-image-wrapper {
display: block;
padding: 6% 20% !important;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-photo .product-image-container .product-image-wrapper img {
background: none;
border: 0;
border-radius: 0;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-name,
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .price-box {
display: inline-block;
width: 100%;
text-align: center;
line-height: 24px;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-name p,
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .price-box p {
margin: 0;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-name {
padding: 12px 12px 0;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-item-name .product-item-link {
font-size: 18px;
font-weight: 300;
color: #4d4d4d;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .price-box {
position: absolute;
bottom: 10px;
left: 0;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .price-box .price {
font-size: 20px;
font-weight: 700;
color: #e8142b;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background: rgba(255, 255, 255, 0.95);
transition: opacity 200ms ease-in-out;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover .box-tocart {
position: absolute;
top: 20%;
width: 100%;
text-align: center;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover .box-tocart .product-item-actions {
padding-top: 14px;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover .box-tocart .product-item-actions .btn {
min-width: 140px;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover .box-tocart .field.quantity {
float: none;
margin: 0;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover .box-tocart .field.quantity .edit-qty {
line-height: 40px;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover .box-tocart .field.quantity .input-text {
height: 40px;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover > .product-item-actions {
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info .product-hover > .product-item-actions a {
padding: 12px;
margin: 0 6px;
font-size: 28px;
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info:hover {
box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.05);
}
.wishlist-index-index .products-grid .product-items .product-item .product-item-info:hover .product-hover {
opacity: 1;
}
@media (max-width: 768px) {
.wishlist-index-index .products-grid .product-items .product-item:nth-child(2n+1) {
padding-left: 0;
}
.wishlist-index-index .products-grid .product-items .product-item:nth-child(2n) {
padding-right: 0;
}
}
@media (min-width: 769px) {
.wishlist-index-index .products-grid .product-items .product-item:nth-child(3n+1) {
padding-left: 0;
}
.wishlist-index-index .products-grid .product-items .product-item:nth-child(3n) {
padding-right: 0;
}
}
.sales-order-review .block-content .box.box-review-product .box-content {
width: 50%;
margin: 12px 0 24px;
font-size: 16px;
}
.sales-order-review .block-content .box.box-review-product .box-content img {
padding: 15% 10%;
background: #f7f7f7;
}
.sales-order-review .block-content .box.box-review-product .box-content:after {
content: '';
display: table;
clear: both;
}
.sales-order-review .block-content .box.box-review-add #review-form {
margin: 24px 0 12px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field {
position: relative;
padding: 0;
margin-bottom: 12px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .label-main {
display: inline-block;
width: 25%;
height: 40px;
line-height: 40px;
float: left;
position: relative;
padding: 0 12px;
margin: 0;
font-size: 16px;
font-weight: normal;
color: #4d4d4d;
}
@media (max-width: 768px) {
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .label-main {
text-align: left;
padding-left: 12px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .label-main span {
float: left;
}
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control {
position: relative;
width: 75%;
float: left;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .input-text {
width: 100%;
margin: 0;
font-size: 16px;
border-radius: 3px;
border: 1px solid #e6e6e6;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .input-text:focus {
border: 1px solid #a9c240;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .form-control {
margin: 0;
font-size: 16px;
color: #4d4d4d;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone {
position: relative;
width: 100%;
min-height: 130px;
height: auto;
float: none;
text-align: center;
border-style: none;
background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
cursor: pointer;
pointer-events: all;
z-index: 2;
/* DROPZONE EVENTS */
/* DROPZONE EVENTS */
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone input[type="file"] {
display: block;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone .dz-preview {
margin: 24px 12px;
width: calc(25% - 20px);
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone .dz-preview .dz-details img {
width: 100%;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone .dz-preview .progress {
height: 12px;
margin-bottom: 6px;
border-radius: 3px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone .dz-preview .dz-remove {
font-size: 18px;
line-height: 20px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone.dz-drag-hover {
background: #f7f7f7;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone.dz-started .dropzone-instructions {
opacity: 0;
position: absolute;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
border-radius: 3px;
background: #ededed;
border: 3px solid #ededed;
pointer-events: none;
z-index: 1;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions {
position: relative;
top: 22px;
display: inline-block;
pointer-events: none;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-icon {
position: relative;
top: 10px;
display: block;
height: 60px;
width: 60px;
float: left;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-icon:before,
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-icon:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
background: #808080;
border-radius: 2px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-icon:before {
width: 4px;
height: 60px;
left: 28px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-icon:after {
width: 60px;
height: 4px;
top: 28px;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-icon:hover {
text-decoration: none;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control .dropzone-backdrop .dropzone-instructions .dropzone-label {
line-height: 80px;
padding: 0 24px;
color: #808080;
pointer-events: none;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control:hover .dropzone-backdrop .dropzone-label {
color: #666666;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control:hover .dropzone-backdrop .dropzone-icon:before,
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control:hover .dropzone-backdrop .dropzone-icon:after {
background: #666666;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field .control:after {
content: '';
display: table;
clear: both;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field.review-field-ratings .control {
width: auto;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field.required .label-main:after {
color: #f17280;
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset > .field:after {
display: table;
content: '';
clear: both;
}
@media (min-width: 992px) {
.sales-order-review .block-content .box.box-review-add #review-form .fieldset {
padding: 0 15% 0 0;
}
}
.sales-order-review .block-content .box.box-review-add #review-form .fieldset .review-form-actions {
padding-left: 25%;
}
#product-review-container .review-list .review-toolbar .limiter {
display: none;
}
#product-review-container .review-list .review-items .review-item {
position: relative;
display: block;
width: 100%;
margin-bottom: 36px;
font-size: 20px;
color: #b3b3b3;
border-bottom: 1px solid #e6e6e6;
}
#product-review-container .review-list .review-items .review-item .review-title {
padding: 8px 0;
}
#product-review-container .review-list .review-items .review-item .review-ratings {
position: absolute;
right: 0;
top: 8px;
}
#product-review-container .review-list .review-items .review-item .review-content {
padding: 12px 0;
color: #4d4d4d;
}
#product-review-container .review-list .review-items .review-item .review-images {
padding-top: 10px;
}
#product-review-container .review-list .review-items .review-item .review-images .review-image {
display: inline-block;
margin-right: 12px;
}
#product-review-container .review-list .review-items .review-item .review-images .review-image a {
display: block;
height: 100px;
width: 100px;
background-color: #f7f7f7;
background-size: cover;
background-position: center center;
}
#product-review-container .review-list .review-items .review-item .review-details {
padding: 12px 0;
text-align: right;
font-size: 14px;
}
#product-review-container .review-list .review-items .review-item .review-details p {
margin-bottom: 0;
}
#product-review-container .review-list .review-items .review-item .review-details .review-author {
display: inline-block;
}
#product-review-container .review-list .review-items .review-item .review-details .review-date {
display: inline-block;
margin-left: 10px;
}
.rating-input {
display: none;
}
.rating-star {
float: right;
display: block;
margin: 0;
width: 40px;
height: 40px;
line-height: 40px;
padding-right: 6px;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.rating-star:before {
content: '\e90b' !important;
display: block;
font-family: 'tmo-icons';
font-size: 36px;
color: #e6e6e6;
transition: all 200ms ease;
}
.rating-star:hover {
cursor: pointer;
}
.rating-star:hover ~ .rating-star:before {
color: #e8142b;
}
.rating-star:hover:before {
color: #b91022 !important;
}
.rating-input:checked {
color: #e8142b;
}
.rating-input:checked ~ .rating-star:before {
color: #e8142b;
}
.rating-input:checked:hover {
color: #b91022;
}
.rating-result {
display: block;
height: 26px;
overflow: hidden;
position: relative;
text-indent: -999em;
width: 129px;
background-image: url(/pub/media/svg/review-star-grey.svg);
background-color: transparent;
background-size: 26px 26px;
background-repeat: repeat-x;
background-position: center left;
}
.rating-result > span {
display: block;
height: 26px;
overflow: hidden;
position: relative;
background: url(/pub/media/svg/review-star.svg);
background-color: transparent;
background-size: 26px 26px;
background-repeat: repeat-x;
background-position: center left;
}
.customer-privacy-consent .block-dashboard-info {
position: relative;
}
.privacy-center__quick-links {
display: flex;
justify-content: center;
padding: 10px 20px;
background: #f7f7f7;
margin-bottom: 20px;
}
.privacy-center__link {
margin: 0 10px;
color: #4d4d4d;
font-size: 16px;
}
.privacy-center__link [class^="icon-"] {
position: relative;
top: 1px;
margin-right: 5px;
color: #4d4d4d;
}
.privacy-center__link:hover {
color: #a9c240;
}
.privacy-center__link:hover [class^="icon-"] {
color: #a9c240;
}
.privacy-center__blocks {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.privacy-center__block {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 20px 30px;
color: #4d4d4d;
text-align: center;
background: #f7f7f7;
transition: all linear 200ms;
}
.privacy-center__block::before {
content: "";
display: block;
width: 125px;
height: 125px;
margin-bottom: 20px;
background-color: #f7f7f7;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.privacy-center__block:hover {
background: #ffffff;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
.privacy-center__block-title {
font-size: 20px;
color: #4d4d4d;
}
.privacy-center__block-description {
display: block;
min-height: 50px;
font-size: 14px;
color: #b3b3b3;
}
.privacy-center__block-action {
font-size: 16px;
color: #a9c240;
}
.privacy-center__block--consents::before {
background-color: transparent;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE5IiBoZWlnaHQ9IjEyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9Im5vbmUiPgkJPHBhdGggZD0iTTExMy41Nzg5NDcgOC41YzEuMzYyNzIzIDAgMi41OTc2NjguNTE2MTUxOTcgMy40OTExMjQgMS4zNTQ1NDUyNC44ODE1NzcuODI3MjQ2MTYgMS40Mjk5MjkgMS45NjkyMDMwNiAxLjQyOTkyOSAzLjIzMjQxMTI2VjExOS45MTMwNDNjMCAxLjI2MzIwOS0uNTQ4MzUyIDIuNDA1MTY2LTEuNDI5OTI5IDMuMjMyNDEyLS44OTM0NTYuODM4MzkzLTIuMTI4NDAxIDEuMzU0NTQ1LTMuNDkxMTI0IDEuMzU0NTQ1SDIxLjQyMTA1MjZjLTEuMzYyNzIyNyAwLTIuNTk3NjY3MS0uNTE2MTUyLTMuNDkxMTIzNi0xLjM1NDU0NS0uODgxNTc3Mi0uODI3MjQ2LTEuNDI5OTI5LTEuOTY5MjAzLTEuNDI5OTI5LTMuMjMyNDEyVjEzLjA4Njk1NjVjMC0xLjI2MzIwODIuNTQ4MzUxOC0yLjQwNTE2NTEgMS40Mjk5MjktMy4yMzI0MTEyNkMxOC44MjMzODU1IDkuMDE2MTUxOTcgMjAuMDU4MzI5OSA4LjUgMjEuNDIxMDUyNiA4LjVaIiBzdHJva2U9IiNCRkJGQkYiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMTA1LjU3ODk0NyA0LjVjMS4zNjI3MjMgMCAyLjU5NzY2OC41MTYxNTE5NyAzLjQ5MTEyNCAxLjM1NDU0NTI0Ljg4MTU3Ny44MjcyNDYxOSAxLjQyOTkyOSAxLjk2OTIwMzAyIDEuNDI5OTI5IDMuMjMyNDExMjhWMTE1LjkxMzA0M2MwIDEuMjYzMjA5LS41NDgzNTIgMi40MDUxNjYtMS40Mjk5MjkgMy4yMzI0MTItLjg5MzQ1Ni44MzgzOTMtMi4xMjg0MDEgMS4zNTQ1NDUtMy40OTExMjQgMS4zNTQ1NDVIMTMuNDIxMDUyNmMtMS4zNjI3MjI3IDAtMi41OTc2NjcxLS41MTYxNTItMy40OTExMjM1Ny0xLjM1NDU0NUM5LjA0ODM1MTc5IDExOC4zMTgyMDkgOC41IDExNy4xNzYyNTIgOC41IDExNS45MTMwNDNWOS4wODY5NTY1MmMwLTEuMjYzMjA4MjYuNTQ4MzUxNzktMi40MDUxNjUwOSAxLjQyOTkyOTAzLTMuMjMyNDExMjhDMTAuODIzMzg1NSA1LjAxNjE1MTk3IDEyLjA1ODMyOTkgNC41IDEzLjQyMTA1MjYgNC41aDkyLjE1Nzg5NDRaIiBzdHJva2U9IiNCRkJGQkYiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNOTcuNTc4OTQ3NC41YzEuMzYyNzIyNyAwIDIuNTk3NjY3Ni41MTYxNTE5NyAzLjQ5MTEyMzYgMS4zNTQ1NDUyNC44ODE1NzcuODI3MjQ2MTkgMS40Mjk5MjkgMS45NjkyMDMwMiAxLjQyOTkyOSAzLjIzMjQxMTI4VjExMS45MTMwNDNjMCAxLjI2MzIwOS0uNTQ4MzUyIDIuNDA1MTY2LTEuNDI5OTI5IDMuMjMyNDEyLS44OTM0NTYuODM4MzkzLTIuMTI4NDAwOSAxLjM1NDU0NS0zLjQ5MTEyMzYgMS4zNTQ1NDVINS40MjEwNTI2M2MtMS4zNjI3MjI3NyAwLTIuNTk3NjY3MTYtLjUxNjE1Mi0zLjQ5MTEyMzYtMS4zNTQ1NDVDMS4wNDgzNTE3OSAxMTQuMzE4MjA5LjUgMTEzLjE3NjI1Mi41IDExMS45MTMwNDNWNS4wODY5NTY1MmMwLTEuMjYzMjA4MjYuNTQ4MzUxNzktMi40MDUxNjUwOSAxLjQyOTkyOTAzLTMuMjMyNDExMjhDMi44MjMzODU0NyAxLjAxNjE1MTk3IDQuMDU4MzI5ODYuNSA1LjQyMTA1MjYzLjVaIiBzdHJva2U9IiNCRkJGQkYiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNNzkuMjUgMjhoLTE2LjVDNjEuMjMxMjE2OSAyOCA2MCAyNi44ODA3MTE4NyA2MCAyNS41czEuMjMxMjE2OS0yLjUgMi43NS0yLjVoMTYuNWMxLjUxODc4MzEgMCAyLjc1IDEuMTE5Mjg4MTMgMi43NSAyLjVTODAuNzY4NzgzMSAyOCA3OS4yNSAyOFptMCAyMmgtMTYuNUM2MS4yMzEyMTY5IDUwIDYwIDQ4Ljg4MDcxMTkgNjAgNDcuNXMxLjIzMTIxNjktMi41IDIuNzUtMi41aDE2LjVjMS41MTg3ODMxIDAgMi43NSAxLjExOTI4ODEgMi43NSAyLjVTODAuNzY4NzgzMSA1MCA3OS4yNSA1MFptLjAyMjcyNzMgMjJIMjQuNzI3MjcyNzNDMjMuMjIxMDQxNTkgNzIgMjIgNzAuODgwNzExOSAyMiA2OS41czEuMjIxMDQxNTktMi41IDIuNzI3MjcyNzMtMi41SDc5LjI3MjcyNzNDODAuNzc4OTU4NCA2NyA4MiA2OC4xMTkyODgxIDgyIDY5LjVTODAuNzc4OTU4NCA3MiA3OS4yNzI3MjczIDcyWm0wIDIySDI0LjcyNzI3MjczQzIzLjIyMTA0MTU5IDk0IDIyIDkyLjg4MDcxMTkgMjIgOTEuNXMxLjIyMTA0MTU5LTIuNSAyLjcyNzI3MjczLTIuNUg3OS4yNzI3MjczQzgwLjc3ODk1ODQgODkgODIgOTAuMTE5Mjg4MSA4MiA5MS41UzgwLjc3ODk1ODQgOTQgNzkuMjcyNzI3MyA5NFoiIGZpbGw9IiNCRkJGQkYiLz48cGF0aCBkPSJNMzUuNSA1MEMyOC4wNTYxIDUwIDIyIDQzLjk0MzkgMjIgMzYuNVMyOC4wNTYxIDIzIDM1LjUgMjMgNDkgMjkuMDU2MSA0OSAzNi41IDQyLjk0MzkgNTAgMzUuNSA1MFoiIGZpbGw9IiM0RUE5OTYiLz48cGF0aCBkPSJNMzIuOCA0My4yNTAwMDA3Yy0uMzU4MTAxNy4wMDAzNjkyLS43MDE1ODc4LS4xNDE5ODA3LS45NTQ0NS0uMzk1NTUwN2wtNC4wNS00LjA1Yy0uNTI3MTI4MTgtLjUyNzEyODItLjUyNzEyODE4LTEuMzgxNzcxOCAwLTEuOTA4OS41MjcxMjgxOC0uNTI3MTI4MiAxLjM4MTc3MTgyLS41MjcxMjgyIDEuOTA4OSAwTDMyLjggMzkuOTkxMWw4LjQ5NTU1LTguNDk1NTVjLjUyNzEyODItLjUyNzEyODE4IDEuMzgxNzcxOC0uNTI3MTI4MTggMS45MDg5IDAgLjUyNzEyODIuNTI3MTI4MTguNTI3MTI4MiAxLjM4MTc3MTgyIDAgMS45MDg5bC05LjQ1IDkuNDVjLS4yNTI4NjIyLjI1MzU3LS41OTYzNDgzLjM5NTkxOTktLjk1NDQ1LjM5NTU1MDdaIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==');
}
.privacy-center__block--settings::before {
background-color: transparent;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4IiBoZWlnaHQ9IjEyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0ibm9uZSI+CgkJPHBhdGggZD0iTTUzLjQ4OTE3Ny41NTQ3MjM1MWMuMzM2NjM3LS4wNzI5NjQ4My42ODUwMDktLjA3Mjk2NDgzIDEuMDE5MTM4Ny0uMDAwNTUwMThMMTA1LjY2NjE3NSAxMS45MTc3MzU3Yy41MzYxMi4xMTkxMjY5Ljk5NDgyNy40MTY0NDggMS4zMTkzODQuODIxMjQ0OS4zMjQ1MDQuNDA0NzMyMi41MTQ4OTYuOTE2OTA2OS41MTQ0NDEgMS40NjYyMTE0djU2LjgxNzg1MDNjMCAxNC43NjcyMjk2LTUuOTg4MTc0IDI4LjEzNjQzNzItMTUuNjY5NzExNyAzNy44MTM4NDM3QzgyLjE0ODY3MzEgMTE4LjUxNDM3IDY4Ljc3MzY0MTMgMTI0LjUgNTQgMTI0LjVjLTE0Ljc3MzY0MTMgMC0yOC4xNDg2NzMxLTUuOTg1NjMtMzcuODMwMjg4My0xNS42NjMxMTRDNi40ODgxNzQgOTkuMTU5NDc5NS41IDg1Ljc5MDI3MTkuNSA3MS4wMjMwNDIzbC0xLjdlLTctNTYuODE4MjY0MmMtLjAwMDQ1NDQ1LS41NDg4OTA2LjE4OTkzNzEzLTEuMDYxMDY1My41MTQ0NDE0Ny0xLjQ2NTc5NzUuMzI0NTU2MjEtLjQwNDc5NjkuNzgzMjYzNTUtLjcwMjExOCAxLjMxOTM0OTE5LS44MjEyMzcyWiIgc3Ryb2tlPSIjQkZCRkJGIiBmaWxsPSIjRkZGIi8+CgkJPHBhdGggZD0iTTU4IDM5Yy40ODk3NTI0LjAwMzA4OTUuOTEwNDA5NC4zNzczMTgyIDEgMWwxIDZjMS42MzE4ODE4LjY5NTk5OTcgMy4zODc5NDYyIDEuNzE3MDQ3OSA1IDNsNi0yYy4wODI3NzA1LS41ODI4NDU2LjYyMDE1NjgtLjQwMjI3MDkgMSAwbDQgN2MuMTE1MDEwNi40MDA0OTY2LjAwMjQwMDguOTU4NTA2IDAgMWwtNSA0Yy4wNDUyODYgMS45ODI3MTIxLjA0NTI4NiA0LjAxOTI4NzkgMCA2bDUgNGMuMDA1MDg2NS4wMzk5MTE0LjExODU3My41OTgwMjA4IDAgMWwtNCA3Yy0uMzc1NzgzOC40MDA3NTQ0LS45MTI1MTM3LjU4MTI1MjItMSAwbC02LTJjLTEuNjA2Mjc0NCAxLjI4MTY1OTMtMy4zNjIyODQ0IDIuMzAyNjc1OS01IDNsLTEgNmMtLjA4MzQzNzkuNjI0MzM3Ni0uNTA3NjMwNCAxLTEgMWgtOGMtLjQ5MDk5NDctLjAwMDc1OTMtLjkxMzI5OTctLjM3Mjc5NzktMS0xbC0xLTZjLTEuNjM3MzI1NS0uNjkyMjM0NS0zLjM5MzM0OTItMS43MTQyNzQ2LTUtM2wtNiAyYy0uMDg2ODgxOC41ODQyNTIyLS42MjM2MTE3LjQwMzc1NDQtMSAwbC00LTdjLS4xMTgzOTYxLS4zOTg0OTY2LS4wMDU3ODY0LS45NTY1MDYgMC0xbDUtNGMtLjA0NzMyODItMS45NzMzNTYzLS4wNDczMjgyLTQuMDEwNjQzNyAwLTZsLTUtNGMwLS4wNDA0OTQtLjExMjQxMS0uNTk4NTAzNCAwLTFsNC03Yy4zODIzNzM0LS40MDA3NTQ0LjkxOTEwMzQtLjU4MTI1MjIgMSAwbDYgMmMxLjYwNjc5NDMtMS4yODE3Nzk4IDMuMzYyODI2Ny0yLjMwMjgwOTQgNS0zbDEtNmMuMDgyMDQ3NC0uNjI0MzM3Ni41MDYyMzk5LTEgMS0xWm0tNCAxN2MtMi4zNjc0NjE3IDAtNC40MTAzNDk0IDEuNjU5MTk2NC01IDQtLjM3NzczOTkgMi4yOTA1MTIzLjgzMDM4NDUgNC42Mjc2ODgzIDMgNnY0Yy4wMDAxOTkuNTUyNjg5Ni40NDc4Njk3IDEgMSAxaDJjLjU1MjEzMDMgMCAuOTk5ODAxLS40NDczMTA0IDEtMXYtNGMyLjE2OTYxNTUtMS4zNzIzMTE3IDMuMzc3NzM5OS0zLjcwOTQ4NzcgMy02LS41ODk2NTA2LTIuMzQwODAzNi0yLjYzMjUzODMtNC01LTRaIiBmaWxsPSIjNEVBOTk2Ii8+Cgk8L2c+Cjwvc3ZnPg==');
}
.gdpr_return {
position: absolute;
top: 11px;
padding: 6px 0;
color: #4d4d4d;
}
.gdpr_return span[class^="icon"] {
display: inline-block;
transform: rotate(180deg);
transform-origin: 50% 58%;
margin-right: 5px;
color: #4d4d4d;
}
.consent-list .table__caption {
margin-bottom: 30px;
text-align: center;
font-size: 32px;
color: #404040;
}
.consent-list .table > thead > tr > th {
padding: 15px 10px;
color: #b3b3b3;
font-weight: 400;
border-bottom: 1px solid #e6e6e6;
}
.consent-list .table > tbody > tr > td {
padding: 15px 10px;
}
.consent-list .table > tbody > tr > td:nth-last-child(-n+2) {
width: 180px;
}
.consent-list .table > tbody > tr:first-child > td {
border-top: 0;
}
.consent-list .table .checkbox {
margin: 0;
}
.consent-list .table .checkbox input[type="checkbox"] {
position: static;
margin: 0;
}
.consent-list .table .consent_ver {
margin-left: 10px;
}
.consent-list .table .consent_ver [class^="icon-"] {
position: relative;
top: 4px;
font-size: 20px;
}
.consent-list .table .consent_accepted {
color: #2eb39e;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview .blog-item .blog-item-content .blog-item-title {
font-size: 18px;
color: #4d4d4d;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview .blog-item .blog-item-content .blog-item-title h3 {
margin: 8px 0 6px;
font-size: 18px;
line-height: 26px;
color: #4d4d4d;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview .blog-item .blog-item-content .blog-item-excerpt {
font-size: 14px;
color: #b3b3b3;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview .blog-item .blog-item-content .blog-item-meta {
font-size: 12px;
line-height: 18px;
color: #b3b3b3;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview .blog-item .blog-item-content .blog-item-meta .blog-item-tags {
display: inline-block;
margin-bottom: 8px;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item {
font-size: 16px;
margin-bottom: 36px;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-image {
background-color: #f7f7f7;
margin-bottom: 24px;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-date {
display: inline-block;
margin-bottom: 18px;
color: #a9c240;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-tags {
margin-bottom: 18px;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-tags a {
display: inline-block;
min-height: 30px;
line-height: 30px;
margin-left: 6px;
padding: 0 8px 0 5px;
font-size: 14px;
font-style: italic;
text-transform: uppercase;
color: #b3b3b3;
border: 1px solid #b3b3b3;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-tags a:hover {
color: #a9c240;
border: 1px solid #a9c240;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-title {
margin-bottom: 12px;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-title h3 {
color: #4d4d4d;
font-size: 32px;
line-height: 42px;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-title h3:hover {
color: #333333;
}
.tmo-widget-blog-overview .blog-main .tmo-blog-overview.blog-list .blog-item .blog-item-content .blog-item-excerpt {
font-size: 16px;
color: #4d4d4d;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block {
margin-bottom: 28px;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block .sidebar-title h4 {
margin-bottom: 16px;
font-size: 18px;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block ul {
padding: 0;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block ul li {
list-style-type: none;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-categories ul {
padding: 12px;
background: #f7f7f7;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-categories ul li a {
display: inline-block;
padding: 8px 0;
color: #4d4d4d;
font-size: 17px;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-categories ul li a:hover {
color: #a9c240;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-categories ul li #clear-selection-div {
margin: 12px 14px 0 0;
border-top: 1px solid #e6e6e6;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-categories ul li #clear-selection-div a {
font-size: 15px;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-recent ul li {
display: block;
padding: 0;
margin: 0 0 6px;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-recent ul li a {
display: inline-block;
width: 100%;
font-size: 15px;
color: #4d4d4d;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-recent ul li a > div:first-child {
padding-right: 4px;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-recent ul li a img {
max-width: 60px;
display: inline-block;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-recent ul li a:hover {
color: #a9c240;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-tags ul li {
display: block;
float: left;
padding: 0;
margin: 0 6px 6px 0;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-tags ul li a {
display: block;
min-height: 30px;
padding: 2px 8px 2px 5px;
font-size: 12px;
font-style: italic;
text-transform: uppercase;
color: #b3b3b3;
border: 1px solid #b3b3b3;
}
.tmo-widget-blog-overview .blog-sidebar .sidebar-block.sidebar-tags ul li:hover a {
color: #a9c240;
border: 1px solid #a9c240;
}
.blog-index-index .post-list {
padding: 50px 0;
}
.blog-index-index .post-list .post-item .post-link {
display: inline-block;
color: #4d4d4d;
}
.blog-index-index .post-list .post-item .post-link .post-img {
max-height: 160px;
margin-bottom: 12px;
overflow: hidden;
}
.blog-index-index .post-list .post-item .post-link .post-title {
margin-top: 0;
margin-bottom: 8px;
font-size: 18px;
line-height: 24px;
}
.blog-index-index .post-list .post-item .post-link .post-content {
color: #808080;
line-height: 22px;
}
.blog-index-index .post-list .post-item .post-link .post-meta {
color: #808080;
margin-bottom: 12px;
}
.blog-index-index .post-list .post-item .post-link .post-meta span.comments {
padding-left: 19px;
}
.blog-index-index .post-list .post-item .post-link .post-meta span.comments a {
color: #808080;
text-decoration: underline;
}
.blog-index-index .post-list .post-item .post-link .post-meta span.comments a:hover {
text-decoration: none;
}
.blog-index-index .post-list .toolbar-bottom {
padding-top: 10px;
}
.blog-index-index .post-list .post-tags {
padding-top: 8px;
margin-bottom: 22px;
padding-bottom: 0;
}
.blog-index-index .post-list .post-tags .tags li {
display: inline-block;
}
.blog-index-index .post-list .post-tags .tags li.title {
color: #b3b3b3;
padding-right: 10px;
font-weight: 300;
font-size: 13px;
}
.blog-index-index .post-list .tags {
padding-bottom: 0;
font-weight: 400;
}
.blog-index-index .post-list .a-tags {
color: #b3b3b3;
border: 1px solid #e6e6e6;
padding: 5px 15px;
font-weight: 700;
text-transform: uppercase;
margin: 0 2px;
display: inline-block;
font-size: 11px;
}
.blog-post-list .postWrapper {
margin-bottom: 24px;
}
.blog-post-list .postWrapper .post-title-link {
font-size: 20px;
}
.sidebar-main [class*='block-blog-'] {
margin-bottom: 36px;
}
.sidebar-main [class*='block-blog-'] .block-title {
margin-bottom: 12px;
}
.sidebar-main [class*='block-blog-'] .block-title .title,
.sidebar-main [class*='block-blog-'] .block-title .title span {
font-size: 16px;
font-weight: 300;
color: #4d4d4d;
text-transform: none;
}
.sidebar-main [class*='block-blog-'] .block-title .title:after,
.sidebar-main [class*='block-blog-'] .block-title .title span:after {
display: none;
}
.sidebar-main [class*='block-blog-'] .block-content ul {
padding: 10px 0;
}
.sidebar-main [class*='block-blog-'] .block-content ul .item {
border: 0;
}
.sidebar-main [class*='block-blog-'] .block-content ul .item a {
padding: 8px 0;
font-size: 16px;
font-weight: 300;
color: #4d4d4d;
text-transform: none;
}
.sidebar-main [class*='block-blog-'] .block-content ul .item a:hover,
.sidebar-main [class*='block-blog-'] .block-content ul .item a:focus,
.sidebar-main [class*='block-blog-'] .block-content ul .item a:active {
color: #a9c240;
}
.sidebar-main [class*='block-blog-'] .block-content ul .item .post-desc {
padding: 0;
}
.sidebar-main .block-blog-categories .block-content {
background: #f7f7f7;
}
.sidebar-main .block-blog-categories .block-content ul .item a {
padding: 8px 12px;
}
.sidebar-main .block-blog-tags .block-content a {
display: inline-block;
margin-bottom: 4px;
padding: 6px 12px;
font-size: 14px;
color: #b3b3b3;
border: 1px solid #e6e6e6;
}
.sidebar-main .block-blog-tags .block-content a:hover,
.sidebar-main .block-blog-tags .block-content a:focus,
.sidebar-main .block-blog-tags .block-content a:active {
color: #a9c240;
border: 1px solid #a9c240;
}
.blog-video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background: #f7f7f7;
}
.blog-video-container .youku-player,
.blog-video-container .video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blog-post-view .breadcrumbs {
padding: 200px 0;
}
.blog-post-view .breadcrumbs > * {
display: none;
}
.blog-post-view .post-detail {
padding-right: 24px;
font-size: 16px;
line-height: 24px;
color: #4d4d4d;
}
.blog-post-view .post-detail h1,
.blog-post-view .post-detail h2,
.blog-post-view .post-detail h3,
.blog-post-view .post-detail h4,
.blog-post-view .post-detail h5,
.blog-post-view .post-detail h6 {
font-weight: 700;
}
.blog-post-view .post-detail .blog-item-image {
margin-bottom: 24px;
}
.blog-post-view .post-detail .post-meta {
color: #a9c240;
margin-bottom: 16px;
}
.blog-post-view .post-detail .post-title {
margin: 0 0 12px;
font-size: 26px;
line-height: 32px;
}
.blog-post-view .post-detail .post-author {
color: #a9c240;
padding: 18px 0 6px;
}
.blog-post-view .post-detail .post-tags .tags {
margin-bottom: 18px;
line-height: 20px;
}
.blog-post-view .post-detail .post-tags .tags li {
display: inline-block;
}
.blog-post-view .post-detail .post-tags .tags li a {
font-size: 14px;
color: #a9c240;
}
.blog-post-view .post-detail .post-tags .tags li:after {
content: ' /';
color: #a9c240;
}
.blog-post-view .post-detail .post-tags .tags li:last-child:after {
content: '';
}
.blog-post-view .post-detail .post-content {
color: #4d4d4d;
line-height: 28px;
}
.blog-post-view .post-detail .post-content a {
color: #a9c240;
}
.blog-post-view .post-detail .post-content a:hover {
color: #99b038;
}
.blog-post-view .post-detail .post-content div,
.blog-post-view .post-detail .post-content p {
margin: 0 0 12px;
}
.blog-post-view .post-detail .post-content ul {
margin: 24px;
padding-left: 20px;
list-style-type: disc;
list-style-position: outside;
}
.blog-post-view .post-detail .post-content ol {
margin: 24px;
padding-left: 20px;
list-style-type: decimal;
list-style-position: outside;
}
.blog-post-view .post-detail .post-content ul ul,
.blog-post-view .post-detail .post-content ol ul {
margin-top: 12px;
margin-left: 15px;
padding-left: 20px;
list-style-type: circle;
list-style-position: outside;
}
.blog-post-view .post-detail .post-content ol ol,
.blog-post-view .post-detail .post-content ul ol {
margin-top: 12px;
margin-left: 15px;
padding-left: 20px;
list-style-type: lower-latin;
list-style-position: outside;
}
.blog-post-view .post-detail .post-share-cn-providers {
margin-top: 12px;
padding: 12px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
text-align: center;
}
.blog-post-view .post-detail .post-share-cn-providers a {
display: inline-block;
padding: 6px 12px;
}
.blog-post-view .post-detail .post-share-cn-providers i,
.blog-post-view .post-detail .post-share-cn-providers .fa {
color: #a9c240;
}
.blog-post-view .post-detail .post-navigation {
padding: 24px 0 48px;
}
.blog-post-view .post-detail .post-navigation .post-nav-btn {
display: inline-block;
width: 100%;
padding: 30px 12px;
text-align: center;
font-size: 18px;
border: 0;
}
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev {
color: #2eb39e;
background: #f7f7f7;
}
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:hover,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:focus,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:focus:hover,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:active,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:active:focus,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:active:hover,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-prev:active:focus:hover {
background: #ebebeb;
color: #2eb39e;
border-color: initial;
}
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next {
color: #ffffff;
background: #2eb39e;
}
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:hover,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:focus,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:focus:hover,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:active,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:active:focus,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:active:hover,
.blog-post-view .post-detail .post-navigation .post-nav-btn.post-nav-next:active:focus:hover {
background: #299f8c;
color: #ffffff;
border-color: initial;
}
.blog-post-view .post-detail .post-navigation .post-nav-btn.disabled {
background: #fff !important;
color: #e6e6e6 !important;
font-size: 14px;
font-style: italic;
pointer-events: none;
}
.blog-post-view .post-detail .post-navigation:after {
content: '';
display: table;
clear: both;
}
.widget-blog-slider {
padding: 40px 0 80px;
background: #f7f7f7;
}
.widget-blog-slider .title-inline {
text-align: center;
margin-bottom: 40px;
}
.widget-blog-slider .title-inline h2 {
margin-top: 20px;
}
.widget-blog-slider .tmo-blog-slider {
position: relative;
}
.widget-blog-slider .tmo-blog-slider .slick-list {
overflow: hidden;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-image a {
display: block;
position: relative;
height: 180px;
overflow: hidden;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-image a img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 992px) {
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-image a {
height: 220px;
}
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-content {
padding-right: 36px;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-content a {
display: inline-block;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-content .article-title {
margin-bottom: 12px;
font-size: 28px;
line-height: 38px;
color: #4d4d4d;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-content .article-title:hover {
color: #333333;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-content .article-short-content {
font-size: 18px;
line-height: 28px;
color: #999999;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .blog-slider-content .article-more {
margin-bottom: 12px;
font-size: 16px;
}
.widget-blog-slider .tmo-blog-slider .slick-list .slick-slide .article-meta {
font-size: 14px;
color: #999999;
}
.widget-blog-slider .tmo-blog-slider .slick-dots {
bottom: -50px;
}
.widget-blog-slider .tmo-blog-slider .slick-dots li {
width: 40px;
height: 30px;
margin: 0 12px;
padding: 0;
}
.widget-blog-slider .tmo-blog-slider .slick-dots li button {
width: 50px;
}
.widget-blog-slider .tmo-blog-slider .slick-dots li button:before {
content: '';
top: 14px;
width: 50px;
height: 3px;
background: #e6e6e6;
opacity: 1;
transition: all 300ms ease;
}
.widget-blog-slider .tmo-blog-slider .slick-dots li button:hover:before {
background: #b3b3b3;
}
.widget-blog-slider .tmo-blog-slider .slick-dots li.slick-active button {
cursor: default;
}
.widget-blog-slider .tmo-blog-slider .slick-dots li.slick-active button:before {
background: #a9c240;
}
.contact-index-index .main {
padding: 60px 0;
}
.contact-index-index .title-contact-form {
margin-bottom: 40px;
}
.contact-index-index .contact-form {
margin-bottom: 60px;
}
.contact-index-index .contact-form .fieldset > .field {
margin-bottom: 15px;
}
.contact-index-index .contact-form .fieldset > .field .label {
position: relative;
bottom: -4px;
padding: 0 12px;
margin: 0;
font-size: 14px;
font-weight: normal;
color: #b3b3b3;
}
.contact-index-index .contact-form .fieldset > .field .input-text {
width: 100%;
}
.contact-index-index .contact-form .fieldset > .field #comment {
margin-top: 12px;
}
.contact-info {
color: #4d4d4d;
font-size: 18px;
border-color: transparent;
border-style: solid;
border-width: 1px;
padding-bottom: 35px;
padding-top: 45px;
}
.contact-info.center {
border-left-color: #e6e6e6;
border-right-color: #e6e6e6;
}
.contact-info .icon {
font-size: 36px;
margin-bottom: 28px;
padding-left: 22px;
color: #a9c240;
}
.contact-info .text-desc {
color: #b3b3b3;
font-size: 16px;
margin-bottom: 5px;
}
.cms-page-view .breadcrumbs .breadcrumb li:before,
.cms-page-view .breadcrumbs .breadcrumb .item {
display: none;
}
.cms-page-view .breadcrumbs .breadcrumb .active {
font-size: 28px;
font-style: normal;
}
.cms-page-view .main {
padding-bottom: 80px;
}