/*============================================================================ _Font_face ==============================================================================*/ /*============================================================================ _Functions ==============================================================================*/ /*================ _Control_color ================*/ /*================ _Adaptive_color ================*/ /*============================================================================ _Variables ==============================================================================*/ /*================ _Master_variables ================*/ /*================ _All_variables ================*/ /*============================================================================ _Mixins ==============================================================================*/ /*================ _Prefix ================*/ /*================ _Animations ================*/ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } to { opacity: 1; -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); } } @-moz-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } to { opacity: 1; -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); } } @-ms-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } to { opacity: 1; -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); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } to { opacity: 1; -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); } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } to { opacity: 1; -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); } } @-moz-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } to { opacity: 1; -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); } } @-ms-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } to { opacity: 1; -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); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } to { opacity: 1; -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); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } to { opacity: 1; -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); } } @-moz-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } to { opacity: 1; -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); } } @-ms-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } to { opacity: 1; -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); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } to { opacity: 1; -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); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } to { opacity: 1; -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); } } @-moz-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } to { opacity: 1; -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); } } @-ms-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } to { opacity: 1; -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); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } to { opacity: 1; -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); } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -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); } } @-moz-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -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); } } @-ms-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -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); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -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); } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -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); } } @-moz-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -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); } } @-ms-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -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); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -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); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -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); } } @-moz-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -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); } } @-ms-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -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); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -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); } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -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); } } @-moz-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -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); } } @-ms-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -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); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -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); } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeOutUp { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } } @-moz-keyframes fadeOutUp { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } } @-ms-keyframes fadeOutUp { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } } @keyframes fadeOutUp { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, -14px, 0); -moz-transform: translate3d(0, -14px, 0); -ms-transform: translate3d(0, -14px, 0); -o-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } } @-webkit-keyframes fadeOutDown { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } } @-moz-keyframes fadeOutDown { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } } @-ms-keyframes fadeOutDown { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } } @keyframes fadeOutDown { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(0, 14px, 0); -moz-transform: translate3d(0, 14px, 0); -ms-transform: translate3d(0, 14px, 0); -o-transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0); } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } } @-moz-keyframes fadeOutLeft { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } } @-ms-keyframes fadeOutLeft { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } } @-moz-keyframes fadeOutRight { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } } @-ms-keyframes fadeOutRight { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; -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); } to { opacity: 0; -webkit-transform: translate3d(14px, 0, 0); -moz-transform: translate3d(14px, 0, 0); -ms-transform: translate3d(14px, 0, 0); -o-transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0); } } @-webkit-keyframes slideOutLeft { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes slideOutLeft { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-ms-keyframes slideOutLeft { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRight { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes slideOutRight { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-ms-keyframes slideOutRight { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUp { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-moz-keyframes slideOutUp { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-ms-keyframes slideOutUp { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes slideOutDown { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes slideOutDown { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-ms-keyframes slideOutDown { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -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); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @-moz-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @-ms-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-ms-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-ms-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @-moz-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @-ms-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @-moz-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @-ms-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-ms-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @-ms-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 1rem 0; } } @-moz-keyframes progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 1rem 0; } } @-ms-keyframes progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 1rem 0; } } @keyframes progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 1rem 0; } } /*==== _Media_query ============================ */ /*==== _Grid_breakpoint ============================ */ /*==== _Structure ============================ */ /*================ _Transitions ================*/ /*================ _Shadows ================*/ /*================ _Hovers ================*/ /*================ _Placeholders ================*/ /*================ _Font_stack ================*/ /*================ _Form_Control ================*/ /*================ _Pagination ================*/ /*================ _Flex ================*/ /*================ _Utilities ================*/ /*============================================================================ _Vendor ==============================================================================*/ /*================ _Slick_slider ================*/ .slick { opacity: 0; } .slick.slick-initialized, .slick.slick-fallback { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-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; overflow: hidden; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; min-width: 100%; -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); } @media screen and (min-width: 769.1px) { .slick-center-mode .slick-list { padding-left: 0 !important; padding-right: 0 !important; } } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-disabled .slick-list { cursor: default !important; } .slick-track { position: relative; left: 0; top: 0; display: block; -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::before, .slick-track::after { content: ""; display: table; } .slick-track::after { clear: both; } .slick-disabled .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .slick-slide { float: left; min-height: 1px; -webkit-transition: opacity 0.3s ease, transform 0.3s ease; -moz-transition: opacity 0.3s ease, transform 0.3s ease; -ms-transition: opacity 0.3s ease, transform 0.3s ease; -o-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; } .slick-slide:focus { outline: none; } .slick-slider:not(.slick-initialized) .slick-slide { display: none; } .slick-slide.dragging img { pointer-events: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-arrow { position: absolute; top: 50%; margin-top: -17.5px; z-index: 1; font-size: 24px; opacity: 0; border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: white; border-color: white; color: #1a1a1a; padding: 0; letter-spacing: 0; border-radius: 6px; height: 35px; width: 35px; line-height: 33px; font-size: 18px; font-size: 0; } .slick-arrow:focus { outline: 0; } .slick-arrow:not(.disabled):not([disabled]):hover, .slick-arrow:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #ececec; border-color: #e6e6e6; -webkit-box-shadow: 0 0 0 0.2rem #cccccc; -moz-box-shadow: 0 0 0 0.2rem #cccccc; -ms-box-shadow: 0 0 0 0.2rem #cccccc; -o-box-shadow: 0 0 0 0.2rem #cccccc; box-shadow: 0 0 0 0.2rem #cccccc; } .slick-arrow:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #dfdfdf; border-color: #d9d9d9; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .slick-arrow::before, .slick-arrow::after { font-size: 14px; } .slick-arrow::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; } .slick-vertical .slick-arrow { right: inherit; top: inherit; margin-top: inherit; left: 50% !important; margin-left: -17.5px !important; } .slick-arrow[aria-disabled="true"] { opacity: 0 !important; pointer-events: none; } .slick-dotted .slick-arrow { margin-top: -43px; } @media screen and (min-width: 769.1px) { .slick-slider:hover .slick-arrow { opacity: 1; } } .slick-prev { left: 16px; } .slick-prev::before { content: "←"; } .slick-vertical .slick-prev { top: 16px; } .slick-vertical .slick-prev::before { content: "keyboard_arrow_up"; } .slick-next { right: 16px; } .slick-next::before { content: "→"; } .slick-vertical .slick-next { bottom: 16px; } .slick-vertical .slick-next::before { content: "keyboard_arrow_down"; } .slick__dots-wrapper { max-width: 180px; padding: 5px 0; overflow: hidden; } .slick-dots { list-style: none; margin: 0; width: 100%; margin-top: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } @media screen and (max-width: 769px) { .slick-dots { margin-top: 16px; } } .hero-section .slick-dots { position: absolute; bottom: 0; width: 100%; padding: 16px; } .slick-dots li { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 7px; cursor: pointer; line-height: 1; } .slick-dots li:hover button { opacity: 1; } .slick-dots li button, .slick-dots li a { font-size: 0; opacity: 0.6; line-height: 1; } .slick-dots li button::before, .slick-dots li button::after, .slick-dots li a::before, .slick-dots li a::after { font-size: 14px; } .slick-dots li button::before, .slick-dots li a::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "lens"; border-radius: 50%; background-color: #1a1a1a; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .hero-section .slick-dots li button::before, .hero-section .slick-dots li a::before { color: white; background-color: white; } .slick-dots li button:focus, .slick-dots li a:focus { outline: none; } .slick-dots li.slick-active button, .slick-dots li.slick-active a { opacity: 1; } .slick-dots li.slick-active button::before, .slick-dots li.slick-active a::before { content: "trip_origin"; background-color: transparent; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media screen and (min-width: 769.1px) { .slick-center-mode .slick-list { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (max-width: 769px) { .slick-center-mode .slick-list { padding-left: 40px !important; padding-right: 40px !important; } } .slick-center-mode .slick-slide, .slick-center-mode .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { opacity: 0.6; } @media screen and (min-width: 769.1px) { .slick-center-mode .slick-slide, .slick-center-mode .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } } .slick-center-mode .slick-center, .slick-center-mode .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { opacity: 1; } @media screen and (min-width: 769.1px) { .slick-center-mode .slick-center, .slick-center-mode .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .slick-center-mode .slick-slide:not(.slick-current) > * { pointer-events: none; } /*================ _jQuery_zoom ================*/ .btn-zoom { position: absolute; bottom: 16px; right: 16px; opacity: 0.6; z-index: 3; line-height: 1; } .product-single__media-wrapper:hover .btn-zoom { opacity: 1; } .btn-zoom .zoom-icon::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "zoom_in"; } .zoom-active + .btn-zoom { opacity: 1; } .zoom-active + .btn-zoom .zoom-icon::after { content: "zoom_out"; } .zoomImg { background-color: #f1f1f1; min-height: 100%; min-width: 100%; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; background-color: white !important; } /*================ _Lazy_sizes ================*/ .lazyload { opacity: 0; } .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } .slick-cloned .lazyloading:not(.lazyload) { opacity: 1; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } /*================ Google_recaptcha ================*/ .grecaptcha-badge { z-index: 3; display: none !important; } /*============================================================================ _Components ==============================================================================*/ /*================ _Normalize ================*/ *, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; background-color: white; overflow-x: hidden; } body.js-drawer-open, body.js-modal-open { overflow-y: hidden; } @media screen and (min-width: 769.1px) { body.js-drawer-open, body.js-modal-open { padding-right: 16.5px; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } body, input, textarea, button, select { font-family: Poppins, sans-serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; font-size: 14px; line-height: 1.5; color: #1a1a1a; } a { background-color: transparent; } b, strong { font-weight: 700; } em { font-style: italic; } small { font-size: 11px; } img { max-width: 100%; border: 0; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } input[type="search"], input[type="number"], input[type="email"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; } textarea { overflow: auto; -webkit-appearance: none; -moz-appearance: none; } [hidden] { display: none !important; } /*================ _Element_state ================*/ a, button, [role="button"], input, label, select, textarea { touch-action: manipulation; -webkit-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -moz-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -ms-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -o-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; } a:hover, button:hover, [role="button"]:hover, input:hover, label:hover, select:hover, textarea:hover { opacity: 0.6; } a:active, a:focus, button:active, button:focus, [role="button"]:active, [role="button"]:focus, input:active, input:focus, label:active, label:focus, select:active, select:focus, textarea:active, textarea:focus { opacity: 1; } /*================ _Typography ================*/ p { text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 14px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { display: block; margin-top: 0; margin-bottom: 10px; text-rendering: optimizeLegibility; color: #212529; font-family: Poppins, sans-serif; font-weight: 700; font-style: normal; text-transform: initial; letter-spacing: 0px; line-height: 1.2; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: #212529; text-decoration: none; font-weight: inherit; } h1, .h1 { font-size: 30px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 21px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 14px; } /*================ _Links ================*/ a { color: #1a1a1a; text-decoration: none; } a:not([href]) { cursor: pointer; } a:not([href]):focus { outline: none; } /*================ _Form ================*/ .form-vertical input, .form-vertical select, .form-vertical textarea, .form-vertical fieldset, .form-vertical .checkbox, .form-vertical .radio { width: 100%; margin-bottom: 14px; } .form-vertical [type="radio"], .form-vertical [type="checkbox"] { display: inline-block; width: auto; margin-right: 3px; } .form-vertical input[type="submit"] { display: inline-block; width: auto; } .form-vertical textarea { min-height: 200px; } .note, .errors { border-radius: 6px; border: 1px solid #e5e5e5; padding: 6px 10px; margin-bottom: 14px; text-align: left; } .note ul, .note ol, .errors ul, .errors ol { margin-top: 0; margin-bottom: 0; } .note a, .errors a { color: #f9de65; text-decoration: underline; } .note li:last-child, .errors li:last-child { margin-bottom: 0; } .note p, .errors p { margin-bottom: 0; } .form-success { color: #f9de65; border-color: #f9de65; text-align: center; } .newsletter-section .form-success { margin-bottom: 0; } .errors { color: red; border-color: red; } .input-error { border-color: red !important; } /*================ _Label ================*/ label { display: block; margin-bottom: 3px; } [type="radio"] + label, [type="checkbox"] + label { display: inline-block; } label[for] { cursor: pointer; } .inline-label { display: inline-block; margin-right: 7px; } /*================ _Inputs ================*/ input { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; max-width: 100%; } input:focus { outline: 0; } input:not(.disabled):not([disabled]):hover, input:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } input:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } input::-webkit-input-placeholder { color: #1a1a1a; opacity: 0.7; } input:-moz-placeholder { color: #1a1a1a; opacity: 0.7; } input::-moz-placeholder { color: #1a1a1a; opacity: 0.7; } input:-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } input::-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } input[type="submit"] { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: #f9de65; border-color: #f9de65; color: black; } input[type="submit"]:focus { outline: 0; } input[type="submit"]:not(.disabled):not([disabled]):hover, input[type="submit"]:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } input[type="submit"]:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } input[type="checkbox"] { height: initial; } input[type="image"] { background-color: transparent; } input[type="radio"] { cursor: pointer; } input[type="checkbox"], input[type="radio"] { margin: 0 10px 0 0; padding: 0; width: auto; } input[type="checkbox"]:hover, input[type="checkbox"]:focus, input[type="radio"]:hover, input[type="radio"]:focus { outline: none; box-shadow: none !important; } .input--small { padding: 6px 10px; } .input-full { width: 100%; } /*================ _Input_group ================*/ .input-group { display: -webkit-flex; display: -ms-flexbox; display: flex; } .input-group .input-group-field { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0; width: 100%; } .input-group .input-group-btn { border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } /*================ _Textarea ================*/ textarea { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; max-width: 100%; vertical-align: top; } textarea:focus { outline: 0; } textarea:not(.disabled):not([disabled]):hover, textarea:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } textarea:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } textarea::-webkit-input-placeholder { color: #1a1a1a; opacity: 0.7; } textarea:-moz-placeholder { color: #1a1a1a; opacity: 0.7; } textarea::-moz-placeholder { color: #1a1a1a; opacity: 0.7; } textarea:-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } textarea::-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } /*================ _Tooltip ================*/ .tooltip { z-index: 3; background-color: #212529; color: white; border-radius: 6px; padding: 6px 10px; bottom: 100%; position: absolute; opacity: 0; pointer-events: none; font-size: 11px; line-height: 1.5; -webkit-transform: translate(-50%, 14px); -moz-transform: translate(-50%, 14px); -ms-transform: translate(-50%, 14px); -o-transform: translate(-50%, 14px); transform: translate(-50%, 14px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .tooltip:after { border-left: solid transparent 7px; border-right: solid transparent 7px; border-top: solid #212529 7px; bottom: -7px; content: " "; height: 0; position: absolute; width: 0; } .tooltip-wrapper { position: relative; } .tooltip-wrapper .tooltip { left: 50%; } .cart__row .tooltip-wrapper { display: inline-block !important; } /*================ _Fieldset ================*/ fieldset { margin: 0; padding: 0; } /*================ _Select ================*/ select { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; max-width: 100%; cursor: pointer; padding-right: 48px; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("//cdn.shopify.com/s/files/1/0625/2852/0422/t/2/assets/icon-select.svg?v=5550806306038519081677927198"); background-repeat: no-repeat !important; background-position: right 24px center; background-size: auto 14px; } select:focus { outline: 0; } select:not(.disabled):not([disabled]):hover, select:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } select:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } select::-webkit-input-placeholder { color: #1a1a1a; opacity: 0.7; } select:-moz-placeholder { color: #1a1a1a; opacity: 0.7; } select::-moz-placeholder { color: #1a1a1a; opacity: 0.7; } select:-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } select::-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } .ie9 select, .lt-ie9 select { padding-right: 24px; background-image: none; } .select--small { padding: 6px 30px 6px 10px; background-position: right 10px center; } .ie9 .select--small, .lt-ie9 .select--small { padding-right: 10px; } @media screen and (min-width: 769.1px) { .select-max { max-width: 250px; } } option { color: #1a1a1a; background-color: white; } select.select-link { padding: 0 !important; background-color: transparent !important; color: #f9de65 !important; border: 0 !important; background-image: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; color: #f9de65; text-decoration: underline; -webkit-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -moz-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -ms-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -o-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; } select.select-link:hover { opacity: 0.6; } select.select-link:active, select.select-link:focus { opacity: 1; } select.select-link:hover { color: #f9de65 !important; opacity: 0.6 !important; } select.select-link:active, select.select-link:focus { opacity: 1 !important; } /*================ _Checkbox ================*/ .checkbox { position: relative; min-height: 24px; padding-left: 27px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .checkbox label { margin-bottom: 0; } .checkbox label::before, .checkbox label::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; font-size: 24px; line-height: 24px; position: absolute; top: 0; left: 0; display: block; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { clip: rect(0 0 0 0) ; clip: rect(0, 0, 0, 0) ; overflow: hidden ; position: absolute ; height: 1px ; width: 1px ; z-index: -1; opacity: 0 !important; } .checkbox input[type="checkbox"][disabled] ~ label, .checkbox input[type="checkbox"].disabled ~ label, .checkbox input[type="radio"][disabled] ~ label, .checkbox input[type="radio"].disabled ~ label { cursor: default; } .checkbox input[type="checkbox"][disabled] ~ label::before, .checkbox input[type="checkbox"][disabled] ~ label::after, .checkbox input[type="checkbox"].disabled ~ label::before, .checkbox input[type="checkbox"].disabled ~ label::after, .checkbox input[type="radio"][disabled] ~ label::before, .checkbox input[type="radio"][disabled] ~ label::after, .checkbox input[type="radio"].disabled ~ label::before, .checkbox input[type="radio"].disabled ~ label::after { cursor: default; opacity: 0.6; } .checkbox input[type="checkbox"]:checked ~ label::before, .checkbox input[type="checkbox"]:checked ~ label::after, .checkbox input[type="radio"]:checked ~ label::before, .checkbox input[type="radio"]:checked ~ label::after { color: #f9de65; } .checkbox input[type="checkbox"]:checked ~ label::after { content: "check_box"; } .checkbox label::after { content: "check_box_outline_blank"; } /*================ _Radio ================*/ .radio { position: relative; min-height: 24px; padding-left: 27px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .radio label { margin-bottom: 0; } .radio label::before, .radio label::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; font-size: 24px; line-height: 24px; position: absolute; top: 0; left: 0; display: block; } .radio input[type="checkbox"], .radio input[type="radio"] { clip: rect(0 0 0 0) ; clip: rect(0, 0, 0, 0) ; overflow: hidden ; position: absolute ; height: 1px ; width: 1px ; z-index: -1; opacity: 0 !important; } .radio input[type="checkbox"][disabled] ~ label, .radio input[type="checkbox"].disabled ~ label, .radio input[type="radio"][disabled] ~ label, .radio input[type="radio"].disabled ~ label { cursor: default; } .radio input[type="checkbox"][disabled] ~ label::before, .radio input[type="checkbox"][disabled] ~ label::after, .radio input[type="checkbox"].disabled ~ label::before, .radio input[type="checkbox"].disabled ~ label::after, .radio input[type="radio"][disabled] ~ label::before, .radio input[type="radio"][disabled] ~ label::after, .radio input[type="radio"].disabled ~ label::before, .radio input[type="radio"].disabled ~ label::after { cursor: default; opacity: 0.6; } .radio input[type="checkbox"]:checked ~ label::before, .radio input[type="checkbox"]:checked ~ label::after, .radio input[type="radio"]:checked ~ label::before, .radio input[type="radio"]:checked ~ label::after { color: #f9de65; } .radio input[type="radio"]:checked ~ label::after { content: "radio_button_checked"; } .radio label::after { content: "radio_button_unchecked"; } /*================ _List ================*/ ul, ol { padding: 0; text-rendering: optimizeLegibility; } ol ol { list-style: lower-alpha; } ol { list-style: decimal; } ul.square { list-style: square outside; } ul.disc { list-style: disc outside; } ol.alpha { list-style: lower-alpha outside; } .no-bullets { list-style: none outside; margin-bottom: 0; margin-left: 0; } ol, ul, dl { margin: 0 0 14px 14px; } /*================ _Hr ================*/ hr { border: 0; clear: both; height: 0; margin: 0 auto; margin-top: 7px; margin-bottom: 7px; } .hr-divider { border-top: 1px solid #e5e5e5; margin-top: 0; margin-bottom: 0; } .hr-rev { margin-left: -30px; margin-right: -30px; } @media screen and (max-width: 769px) { .hr-rev { margin-left: -16px; margin-right: -16px; } } .hr--xs { margin-top: 1.5px; margin-bottom: 1.5px; } .hr--sm { margin-top: 3.5px; margin-bottom: 3.5px; } .hr--lg { margin-top: 10.5px; margin-bottom: 10.5px; } /*================ _Buttons ================*/ button { cursor: pointer; background: none; border: none; display: inline-block; padding: 0; } .btn { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; } .btn:focus { outline: 0; } .btn:not(.disabled):not([disabled]):hover, .btn:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } .btn:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn--primary { background-color: #f9de65; border-color: #f9de65; color: black; } .btn--primary:not(.disabled):not([disabled]):hover, .btn--primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .btn--primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn-outline-primary { background-color: transparent; border-color: #f9de65; color: #f9de65; } .btn-outline-primary:not(.disabled):not([disabled]):hover, .btn-outline-primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .btn-outline-primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn-reveal-primary:not(.disabled):not([disabled]):hover, .btn-reveal-primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .btn-reveal-primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn--square { padding: 0; letter-spacing: 0; border-radius: 6px; height: 55px; width: 55px; line-height: 53px; font-size: 24px; } .btn-square-small { padding: 0; letter-spacing: 0; border-radius: 6px; height: 35px; width: 35px; line-height: 33px; font-size: 18px; } .btn-square-xsmall { padding: 0; letter-spacing: 0; border-radius: 6px; height: 26px; width: 26px; line-height: 24px; font-size: 11px; } .btn--small { padding: 6px 10px; } .btn--xsmall { padding: 4px 8px; font-size: 11px; } .btn--full { width: 100%; } .btn--banner { padding-left: 30px; padding-right: 30px; border-left: none; border-right: none; border-radius: 0; display: block; width: 100%; } @media screen and (max-width: 769px) { .btn--banner { padding-left: 16px; padding-right: 16px; } } .shopify-challenge__button { background-color: #f9de65; border-color: #f9de65; color: black; } .shopify-challenge__button:not(.disabled):not([disabled]):hover, .shopify-challenge__button:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .shopify-challenge__button:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-facebook:hover:not(.disabled):not([disabled]):hover, .btn.btn-facebook:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #30497c; border-color: #2d4373; -webkit-box-shadow: 0 0 0 0.2rem #718dc8; -moz-box-shadow: 0 0 0 0.2rem #718dc8; -ms-box-shadow: 0 0 0 0.2rem #718dc8; -o-box-shadow: 0 0 0 0.2rem #718dc8; box-shadow: 0 0 0 0.2rem #718dc8; } .btn.btn-facebook:hover:not(.disabled):not([disabled]):active { color: white; background-color: #293e6a; border-color: #263961; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-twitter:hover:not(.disabled):not([disabled]):hover, .btn.btn-twitter:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #0d8ddc; border-color: #0c85d0; -webkit-box-shadow: 0 0 0 0.2rem #0967a0; -moz-box-shadow: 0 0 0 0.2rem #0967a0; -ms-box-shadow: 0 0 0 0.2rem #0967a0; -o-box-shadow: 0 0 0 0.2rem #0967a0; box-shadow: 0 0 0 0.2rem #0967a0; } .btn.btn-twitter:hover:not(.disabled):not([disabled]):active { color: white; background-color: #0b7ec4; border-color: #0b76b8; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-pinterest:hover:not(.disabled):not([disabled]):hover, .btn.btn-pinterest:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #980617; border-color: #8c0615; -webkit-box-shadow: 0 0 0 0.2rem #f6354a; -moz-box-shadow: 0 0 0 0.2rem #f6354a; -ms-box-shadow: 0 0 0 0.2rem #f6354a; -o-box-shadow: 0 0 0 0.2rem #f6354a; box-shadow: 0 0 0 0.2rem #f6354a; } .btn.btn-pinterest:hover:not(.disabled):not([disabled]):active { color: white; background-color: #800513; border-color: #740511; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-whatsapp:hover:not(.disabled):not([disabled]):hover, .btn.btn-whatsapp:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #1fb256; border-color: #1da851; -webkit-box-shadow: 0 0 0 0.2rem #77e7a1; -moz-box-shadow: 0 0 0 0.2rem #77e7a1; -ms-box-shadow: 0 0 0 0.2rem #77e7a1; -o-box-shadow: 0 0 0 0.2rem #77e7a1; box-shadow: 0 0 0 0.2rem #77e7a1; } .btn.btn-whatsapp:hover:not(.disabled):not([disabled]):active { color: white; background-color: #1b9d4c; border-color: #1a9247; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-linkedin:hover:not(.disabled):not([disabled]):hover, .btn.btn-linkedin:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #0b5d85; border-color: #0a5579; -webkit-box-shadow: 0 0 0 0.2rem #2eb0ee; -moz-box-shadow: 0 0 0 0.2rem #2eb0ee; -ms-box-shadow: 0 0 0 0.2rem #2eb0ee; -o-box-shadow: 0 0 0 0.2rem #2eb0ee; box-shadow: 0 0 0 0.2rem #2eb0ee; } .btn.btn-linkedin:hover:not(.disabled):not([disabled]):active { color: white; background-color: #094d6d; border-color: #084461; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-reddit:hover:not(.disabled):not([disabled]):hover, .btn.btn-reddit:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #d93b00; border-color: #cc3700; -webkit-box-shadow: 0 0 0 0.2rem #ff8f66; -moz-box-shadow: 0 0 0 0.2rem #ff8f66; -ms-box-shadow: 0 0 0 0.2rem #ff8f66; -o-box-shadow: 0 0 0 0.2rem #ff8f66; box-shadow: 0 0 0 0.2rem #ff8f66; } .btn.btn-reddit:hover:not(.disabled):not([disabled]):active { color: white; background-color: #bf3400; border-color: #b33000; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-messenger:hover:not(.disabled):not([disabled]):hover, .btn.btn-messenger:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: white; background-color: #0066d9; border-color: #0060cc; -webkit-box-shadow: 0 0 0 0.2rem #66aeff; -moz-box-shadow: 0 0 0 0.2rem #66aeff; -ms-box-shadow: 0 0 0 0.2rem #66aeff; -o-box-shadow: 0 0 0 0.2rem #66aeff; box-shadow: 0 0 0 0.2rem #66aeff; } .btn.btn-messenger:hover:not(.disabled):not([disabled]):active { color: white; background-color: #005abf; border-color: #0054b3; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn.btn-email:hover:not(.disabled):not([disabled]):hover, .btn.btn-email:hover:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .btn.btn-email:hover:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .btn-top { background-color: white; border-color: white; color: #1a1a1a; position: fixed; z-index: 2; bottom: 30px; visibility: hidden !important; opacity: 0 !important; -webkit-transition: opacity 0.6s ease, visibility 0.6s ease, bottom 0.6s ease; -moz-transition: opacity 0.6s ease, visibility 0.6s ease, bottom 0.6s ease; -ms-transition: opacity 0.6s ease, visibility 0.6s ease, bottom 0.6s ease; -o-transition: opacity 0.6s ease, visibility 0.6s ease, bottom 0.6s ease; transition: opacity 0.6s ease, visibility 0.6s ease, bottom 0.6s ease; } .btn-top:not(.disabled):not([disabled]):hover, .btn-top:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #ececec; border-color: #e6e6e6; -webkit-box-shadow: 0 0 0 0.2rem #cccccc; -moz-box-shadow: 0 0 0 0.2rem #cccccc; -ms-box-shadow: 0 0 0 0.2rem #cccccc; -o-box-shadow: 0 0 0 0.2rem #cccccc; box-shadow: 0 0 0 0.2rem #cccccc; } .btn-top:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #dfdfdf; border-color: #d9d9d9; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 769px) { .btn-top { bottom: 16px; padding: 0; letter-spacing: 0; border-radius: 6px; height: 35px; width: 35px; line-height: 33px; font-size: 18px; } } .btn-top.btn-top-visible { opacity: 1 !important; visibility: visible !important; } .scroll-sticky_addtocart .btn-top.btn-top-visible { bottom: 101px; } @media screen and (max-width: 769px) { .scroll-sticky_addtocart .btn-top.btn-top-visible { bottom: 67px; } } .btn-top.btn-top-left { left: 30px; } @media screen and (max-width: 769px) { .btn-top.btn-top-left { left: 16px; } } .btn-top.btn-top-right { right: 30px; } @media screen and (max-width: 769px) { .btn-top.btn-top-right { right: 16px; } } .btn-top.btn-top-center { left: 50%; margin-left: -27.5px; } @media screen and (max-width: 769px) { .btn-top.btn-top-center { margin-left: -17.5px; } } .btn--loading { opacity: 0.6; } .btn--loading .btn__text { clip: rect(0 0 0 0) ; clip: rect(0, 0, 0, 0) ; overflow: hidden ; position: absolute ; height: 1px ; width: 1px ; } .btn--loading::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "cached"; -webkit-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -moz-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -ms-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -o-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); } .view-all-box { text-align: center; margin-top: 30px; } @media screen and (max-width: 769px) { .view-all-box { margin-top: 16px; } } /*================ _Dynamic_buttons ================*/ /*=== dynamic add-to-cart ===*/ .variant-unavailable .shopify-payment-button, .variant-soldout .shopify-payment-button { display: none; } .shopify-payment-button > div > div > div { margin-top: 7px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .shopify-payment-button .shopify-payment-button__button { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-height: 35px !important; border-radius: 6px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: transparent; border-color: #f9de65; color: #f9de65; font-size: 0; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus { outline: 0; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.disabled):not([disabled]):hover, .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded::before, .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded::after { font-size: 14px; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded::before { content: "Jetzt bestellen"; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div[role="button"] { border-radius: 6px !important; padding: 6px 10px !important; min-height: 35px !important; max-height: 35px !important; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div[role="button"][aria-disabled="true"] { opacity: 0.6 !important; } .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate > div[role="button"] span[aria-hidden="true"] { font-family: Poppins, sans-serif !important; font-weight: 600 !important; font-style: normal !important; letter-spacing: 0px !important; text-transform: initial !important; } .shopify-payment-button .shopify-payment-button__more-options { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 6px 10px; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; text-decoration: none !important; margin-top: 7px; width: 100%; display: none !important; } .shopify-payment-button .shopify-payment-button__more-options:focus { outline: 0; } .shopify-payment-button .shopify-payment-button__more-options:not(.disabled):not([disabled]):hover, .shopify-payment-button .shopify-payment-button__more-options:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } .shopify-payment-button .shopify-payment-button__more-options:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .shopify-payment-button .shopify-payment-button__more-options::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "credit_card"; margin-right: 3px; } .shopify-payment-button .shopify-payment-button__button--branded .shopify-cleanslate iframe { max-height: 35px !important; } .shopify-payment-button .zoid-outlet > iframe.zoid-component-frame { z-index: inherit !important; } .shopify-payment-button .shopify-payment-button__button--hidden { display: none !important; } /*=== dynamic checkout ===*/ .additional_checkout_buttons .dynamic-checkout__content:empty { display: none; } @media screen and (max-width: 1025.1px) { .additional_checkout_buttons .dynamic-checkout__content { padding-top: 0 !important; } } .additional_checkout_buttons div[data-shopify-buttoncontainer="true"], .additional_checkout_buttons ul[data-shopify-buttoncontainer="true"] { margin: 0 -3.5px !important; margin-bottom: 0 !important; flex-direction: row !important; } .additional_checkout_buttons div[data-testid="grid-cell"], .additional_checkout_buttons li[data-testid="grid-cell"] { -webkit-flex: 1 !important; -moz-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; margin-left: 3.5px !important; margin-right: 3.5px !important; margin-top: 7px !important; margin-bottom: 0 !important; height: initial !important; } .additional_checkout_buttons div[data-testid="grid-cell"] > div[role="button"], .additional_checkout_buttons li[data-testid="grid-cell"] > div[role="button"] { border-radius: 6px !important; min-height: 35px !important; height: 100% !important; } /*================ _Badges ================*/ .badge { text-transform: uppercase; font-size: 11px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #212529; color: white; border-radius: 6px; padding: 4px 5px; white-space: nowrap; vertical-align: baseline; line-height: 1; display: inline-block; position: relative; } .grid-product .badge, .list-product .badge { max-width: calc(100% - 16px); } .badge > .tooltip-wrapper { position: initial; } /*================ _Dropdown ================*/ .dropdown-wrapper { display: inline-block; line-height: 1; white-space: normal; position: relative; } .dropdown-open > .dropdown-toggle { opacity: 0.6; } .dropdown-menu { left: 0; background-color: white; border: 1px solid #e5e5e5; line-height: 1.5; margin: 0; visibility: hidden; opacity: 0; padding: 8px 0; position: absolute; width: max-content; max-width: 250px; min-width: 175px; z-index: 3; text-align: left; height: 0; border-radius: 6px; } .dropdown-menu.dropdown-outside { left: auto; right: 0; } .dropdown-menu.dropdown-menu-up { left: 0; bottom: 100%; height: auto !important; min-height: auto !important; } .dropdown-menu.dropdown-menu-body { padding: 16px; } .dropdown-menu.dropdown-open { height: initial; visibility: visible; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .dropdown-menu.is-closing { display: block; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .dropdown-menu-parent.dropdown-list-up { bottom: 35px; } .dropdown-menu-grandchild { left: 100%; top: -8px; margin-left: 4px; } .dropdown-menu-grandchild.dropdown-outside { left: -100%; margin-left: -4px; } .dropdown-menu-up .dropdown-menu-grandchild { top: auto; bottom: -8px; } .dropdown-item { position: relative; list-style: none; padding: 0 8px; } .dropdown-item.dropdown-item-has-grandchild::after { content: ""; width: 4px; display: block; position: absolute; height: 100%; top: 0; right: -4px; } .dropdown-outside .dropdown-item.dropdown-item-has-grandchild::after { right: auto; left: -4px; } .dropdown-link { display: block; width: 100%; padding: 8px; background-color: transparent; text-align: left; border-radius: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .dropdown-link:hover, .dropdown-link:focus, .dropdown-open > .dropdown-link { background-color: #f1f1f1; opacity: 1; } .dropdown-link.dropdown-link-active { color: #f9de65; } .dropdown-menu-grandchild .dropdown-link { white-space: normal; } .dropdown-link.dropdown-toggle::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "chevron_right"; float: right; } /*================ _Localization ================*/ #localization-menu--header select, #localization-menu--footer select { display: inline-block; } #localization_form--footer { color: #1a1a1a; } #localization_form--footer .dropdown { position: relative; } #localization_form--footer select { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; max-width: 100%; cursor: pointer; padding-right: 48px; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("//cdn.shopify.com/s/files/1/0625/2852/0422/t/2/assets/icon-select.svg?v=5550806306038519081677927198"); background-repeat: no-repeat !important; background-position: right 24px center; background-size: auto 14px; padding: 6px 30px 6px 10px; background-position: right 10px center; } #localization_form--footer select:focus { outline: 0; } #localization_form--footer select:not(.disabled):not([disabled]):hover, #localization_form--footer select:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } #localization_form--footer select:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #localization_form--footer select::-webkit-input-placeholder { color: #1a1a1a; opacity: 0.7; } #localization_form--footer select:-moz-placeholder { color: #1a1a1a; opacity: 0.7; } #localization_form--footer select::-moz-placeholder { color: #1a1a1a; opacity: 0.7; } #localization_form--footer select:-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } #localization_form--footer select::-ms-input-placeholder { color: #1a1a1a; opacity: 0.7; } .ie9 #localization_form--footer select, .lt-ie9 #localization_form--footer select { padding-right: 24px; background-image: none; } .ie9 #localization_form--footer select, .lt-ie9 #localization_form--footer select { padding-right: 10px; } /*================ _Cards ================*/ .card { background-color: #f1f1f1; border-radius: 6px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .card:empty { display: none; } .section-default .card { background-color: white; } .card .card { background-color: #f7f7f7; } .card + .modal-footer { border-top: 0; } .card-full { border-radius: 0; border-right: 0; border-left: 0; } @media screen and (max-width: 769px) { .card-group > .card { border-radius: 0; } .card-group > .card:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } .card-group > .card:last-of-type { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } } .card-group > .card + .card { margin-top: 14px; } @media screen and (max-width: 769px) { .card-group > .card + .card { border-top: 1px solid #e5e5e5; margin-top: 0; } #CartDrawer .card-group > .card + .card { border-top: inherit; margin-top: 14px; } } .card-header { border-bottom: 1px solid #e5e5e5; padding: 16px; border-radius: 0; width: 100%; text-align: left; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .card-header:empty { display: none; } .card-header:not(.active) .card-header-icon { color: inherit; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .card-image { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .card-image img { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .card-body { padding: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; } .card-body.rte { margin-bottom: 0; } @media screen and (max-width: 769px) { .card-body { padding: 16px; } } .card-body > :last-child { margin-bottom: 0; } .card-body-xs { padding: 8px; } .card-body-lg { padding: 30px; } .card-footer { border-top: 1px solid #e5e5e5; padding: 16px; } .card-footer > :last-child { margin-bottom: 0; } .card-footer:empty { display: none; } .card-footer-xs { padding: 8px; } /*================ _Progress ================*/ .progress { position: relative; height: 10px; background-color: #f1f1f1; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .progress.progress-rounded { border-radius: 6px; } .progress-bar { background-color: #f9de65; height: 100%; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent); background-size: 1rem 1rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-animation: progress-bar-stripes 1s linear infinite; -moz-animation: progress-bar-stripes 1s linear infinite; -ms-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .progress-rounded .progress-bar { border-radius: 6px; } /*================ _Tabs ================*/ .tab-header { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .tab-header::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "add"; margin-left: 7px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .tab-header:not(.active) { border-bottom-color: transparent !important; } .tab-header:not(.active) + .tab-body { display: none; } .tab-header > :not(:first-child) { margin-left: 7px; } .tab-header.active::after { content: "remove"; } .tab-header-title { margin-right: auto; } .tab-body { border-left: 4px solid #f9de65; } .tab-content { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .tab-content > :last-child { margin-bottom: 0; } /*================ _Tables ================*/ .table-wrap { max-width: 100%; overflow: auto; border-radius: 6px; -webkit-overflow-scrolling: touch; } table { width: 100%; border-spacing: 0; border: 1px solid #e5e5e5; border-radius: 6px; table-layout: auto; overflow: hidden; text-align: center; } .section-default table { background-color: white; } table a { color: #f9de65; text-decoration: underline; } table thead tr:last-child th, table thead tr:last-child td { border-bottom: 1px solid #e5e5e5; } table tfoot tr:first-child th, table tfoot tr:first-child td { border-top: 1px solid #e5e5e5; } table tbody tr { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } table tbody tr:nth-of-type(odd) { background-color: rgba(241, 241, 241, 0.6); } table tbody tr:hover { background-color: #f1f1f1; } table tr:last-child th, table tr:last-child td { border-bottom: 0; } table th, table td { padding: 16px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } table th:last-child, table td:last-child { border-right: 0; } table th > :last-child, table td > :last-child { margin-bottom: 0; } table td { padding: 16px; } table th { padding: 8px 16px; background-color: #212529; color: white; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } @media screen and (max-width: 769px) { table th { font-size: 11px; } } .order-notes { margin-top: 7px; } /*================ _Medias ================*/ .media-wrapper { position: relative; border-radius: 6px; overflow: hidden; width: 100%; max-width: 100%; background-color: #f1f1f1; } .media-wrapper iframe { height: 100%; } .media-wrapper.video-wrapper { padding-bottom: 56.25%; height: 0; height: auto; } .section-default .media-wrapper { background-color: white; } .wrapper-full .media-wrapper { border-radius: 0; } .media-wrapper.product--wrapper { background-color: white !important; } .media { display: block; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; } .wrapper-full .media { border-radius: 0; } .media.product--image { background-color: white !important; } .media-content { position: relative; width: 100%; z-index: 1; } .product-single__media-wrapper { position: relative; } .slick-initialized .product-single__media-wrapper { display: block !important; } .product-single__media-wrapper iframe, .product-single__media-wrapper model-viewer, .product-single__media-wrapper .shopify-model-viewer-ui, .product-single__media-wrapper img, .product-single__media-wrapper video, .product-single__media-wrapper .plyr, .product-single__media-wrapper .media-item { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; } .product-single__media-wrapper iframe, .product-single__media-wrapper .media-video, .product-single__media-wrapper model-viewer, .product-single__media-wrapper .shopify-model-viewer-ui, .product-single__media-wrapper .media-item, .product-single__media-wrapper .plyr, .product-single__media-wrapper .plyr__video-wrapper { height: 100%; } /*================ _Images ================*/ img { border: 0 none; border-radius: 6px; } img, iframe { max-width: 100%; } svg:not(:root) { overflow: hidden; } .image-link { display: block; } .imgset { object-fit: contain; vertical-align: middle; } .bgset { background-size: cover; background-repeat: no-repeat; background-position: center center; } .image-gray { opacity: 0.6; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .image-gray:hover { opacity: 1; filter: none; } .image-sm { height: 18px !important; } .image-md { height: 24px !important; } .image-lg { height: 36px !important; } .image-xl { height: 48px !important; } /*================ _Model ================*/ .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #f1f1f1; border-color: rgba(33, 37, 41, 0.05); } .shopify-model-viewer-ui model-viewer { color: #f9de65; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0; letter-spacing: 0; border-radius: 6px; height: 55px; width: 55px; line-height: 53px; font-size: 24px; background-color: #f9de65; border-color: #f9de65; color: black; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { outline: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:not(.disabled):not([disabled]):hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster .shopify-model-viewer-ui__poster-control-icon { width: 55px; height: 55px; } .product-single__media:hover .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { -webkit-transform: translate(-50%, -50%) scale(1.3); -moz-transform: translate(-50%, -50%) scale(1.3); -ms-transform: translate(-50%, -50%) scale(1.3); -o-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background-color: transparent; border: none; bottom: 16px; right: 16px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control { width: initial; height: initial; color: #1a1a1a; font-size: 24px; background-color: transparent !important; line-height: 1; margin-top: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:focus { outline: auto; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg { display: none !important; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control::after { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.shopify-model-viewer-ui__button--zoom-in::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "zoom_in"; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.shopify-model-viewer-ui__button--zoom-out::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "zoom_out"; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.shopify-model-viewer-ui__button--fullscreen::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "fullscreen"; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__button--control.shopify-model-viewer-ui__button--fullscreen::before { content: "fullscreen_exit"; } .product-single__view-in-space:not(.product-single__view-in-space--multi) { visibility: hidden; } @media screen and (min-width: 769.1px) { .product-single__view-in-space[data-shopify-xr-hidden] { display: none; } } .product-single__view-in-space .icon { vertical-align: middle; } .product-single__view-in-space--disabled { display: none; } .product-single__media-group.slick-initialized ~ .product-single__view-in-space:not([data-shopify-xr-hidden]), .product-single__media-group--single-xr ~ .product-single__view-in-space:not([data-shopify-xr-hidden]) { visibility: visible; } .product-single__media-group.slick-initialized .product-single__view-in-space--multi, .product-single__media-group--single-xr .product-single__view-in-space--multi { display: none; } /*================ _External_video ================*/ /*================ _Video ================*/ .plyr.plyr--full-ui.plyr--video { cursor: pointer; } .plyr.plyr--full-ui.plyr--video .plyr__controls { background-color: #212529; color: white; border: 0; margin: 0; opacity: 0.8; } .plyr.plyr--full-ui.plyr--video .plyr__control { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .plyr.plyr--full-ui.plyr--video .plyr__volume, .plyr.plyr--full-ui.plyr--video .plyr__tooltip { background-color: #212529; border-radius: 6px; color: currentColor; } .plyr.plyr--full-ui.plyr--video .plyr__volume::before, .plyr.plyr--full-ui.plyr--video .plyr__tooltip::before { border-top-color: #212529; } .plyr.plyr--full-ui.plyr--video input[type=range] { background-color: transparent; color: currentColor; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .plyr.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]:focus::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]::-ms-fill-lower { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]::-ms-fill-upper { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]:focus::-ms-fill-lower { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]:focus::-ms-fill-upper { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-thumb { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .plyr.plyr--full-ui.plyr--video input[type=range]::-moz-range-thumb { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .plyr.plyr--full-ui.plyr--video input[type=range]::-ms-thumb { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .plyr.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); } .plyr.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); } .plyr.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); } .plyr.plyr--full-ui.plyr--video .plyr__progress__buffer { display: none; } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0; letter-spacing: 0; border-radius: 6px; height: 55px; width: 55px; line-height: 53px; font-size: 24px; background-color: #f9de65; border-color: #f9de65; color: black; pointer-events: none; } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:focus { outline: 0; } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:not(.disabled):not([disabled]):hover, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid svg { width: 55px; height: 55px; } .product-single__media:hover .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid { -webkit-transform: translate(-50%, -50%) scale(1.3); -moz-transform: translate(-50%, -50%) scale(1.3); -ms-transform: translate(-50%, -50%) scale(1.3); -o-transform: translate(-50%, -50%) scale(1.3); transform: translate(-50%, -50%) scale(1.3); } /*================ _RTE ================*/ .rte { margin-bottom: 14px; } .rte > :last-child { margin-bottom: 0; } .rte ul ul { margin-bottom: 0; } .rte li { margin-bottom: 0; } .rte img { height: auto; } .rte a { color: #f9de65; word-break: break-word; } .rte .table-wrap { margin-bottom: 14px; } .rte blockquote { padding: 30px; text-align: center; font-size: 16px; margin-bottom: 14px; } .rte blockquote::before, .rte blockquote::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "format_quote"; color: #f9de65; display: block; } .rte blockquote::before { text-align: left; margin-left: -16px; } .rte blockquote::after { text-align: right; margin-right: -16px; } .rte blockquote p:last-child { margin-bottom: 0; } .text-center .rte ul, .text-center .rte ol, .text-center.rte ul, .text-center.rte ol { list-style-position: inside; margin-left: 0; } /*================ _Blockquote ================*/ blockquote { margin: 0; display: block; width: 100%; } cite { display: block; font-size: 11px; } cite::before { content: "horizontal_rule"; font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; } /*================ _Pagination ================*/ .pagination a, .pagination .page.current { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0; letter-spacing: 0; border-radius: 6px; height: 35px; width: 35px; line-height: 33px; font-size: 18px; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; } .pagination a:focus, .pagination .page.current:focus { outline: 0; } .pagination a:not(.disabled):not([disabled]):hover, .pagination a:not(.disabled):not([disabled]):focus, .pagination .page.current:not(.disabled):not([disabled]):hover, .pagination .page.current:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } .pagination a:not(.disabled):not([disabled]):active, .pagination .page.current:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .pagination .page.current { -webkit-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -moz-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -ms-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; -o-transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; transition: opacity 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; background-color: #f9de65; border-color: #f9de65; color: black; } .pagination .page.current:hover { opacity: 0.6; } .pagination .page.current:active, .pagination .page.current:focus { opacity: 1; } .pagination .page.current:not(.disabled):not([disabled]):hover, .pagination .page.current:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .pagination .page.current:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /*================ _Select_box ================*/ .select-box { padding: 14px; border: 2px dashed #f9de65; width: 100%; border-radius: 6px; font-size: 16px; font-weight: bold; text-align: center; -webkit-touch-callout: all; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; -o-user-select: all; user-select: all; } /*================ _Icons ================*/ .material-icons-outlined { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; } .icon-image { line-height: 1; } .icon-svg { width: 1em; vertical-align: middle; margin-top: -0.2em; } .icon-middle { vertical-align: middle; } .icon-width { text-align: center; width: 1.25em; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .icon-spin::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "cached"; -webkit-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -moz-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -ms-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -o-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); } .icon-sm { font-size: 18px; } .icon-md { font-size: 24px; } .icon-lg { font-size: 36px; } .icon-xl { font-size: 48px; } /*================ _Quantity_selectors ================*/ .qty-container { display: block; position: relative; max-width: 105px; width: 100%; min-width: 105px; } .product-single__form .qty-container { max-width: 100%; } .is-loading .qty-container { opacity: 0.6; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .qty-input { width: 100%; } .qty-container .qty-input { text-align: center; -moz-appearance: textfield; } .qty-container .qty-input.cart__product-qty { background-color: transparent; border-color: transparent; } .qty-container .qty-input::-webkit-outer-spin-button, .qty-container .qty-input::-webkit-inner-spin-button { display: none; -webkit-appearance: none; margin: 0; } .qty-adjust { position: absolute; display: none; top: 0; z-index: 1; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .qty-container .qty-adjust { display: inherit; } .qty-minus { left: 0; } .qty-plus { right: 0; } .qty-error { margin-top: 7px; text-align: center; font-style: italic; line-height: 1.5; white-space: normal; } #CollectionAddtocart .qty-error { border-radius: 0; margin: 0; } /*================ _Overlay ================*/ .overlay { color: white; } .overlay::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); } .overlay h1, .overlay .h1, .overlay h2, .overlay .h2, .overlay h3, .overlay .h3, .overlay h4, .overlay .h4, .overlay h5, .overlay .h5, .overlay h6, .overlay .h6, .overlay p, .overlay .text-link { color: white; } .overlay-backdrop { background-color: rgba(255, 255, 255, 0.65); position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: none; z-index: 999999996; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .overlay-content { background-color: white; border-color: #b2b6ba; color: black; } .overlay-content hr { border-color: #b2b6ba; } .overlay-content a, .overlay-content button { color: black; } .overlay-content .text-link { color: black; } .overlay-content .text-muted { color: #999999; } .overlay-content select.select-link:hover { color: black !important; } .overlay-content .btn, .overlay-content textarea, .overlay-content select, .overlay-content input { background-color: #e9e9e9; border-color: #e9e9e9; color: black; } .overlay-content .btn:not(.disabled):not([disabled]):hover, .overlay-content .btn:not(.disabled):not([disabled]):focus, .overlay-content textarea:not(.disabled):not([disabled]):hover, .overlay-content textarea:not(.disabled):not([disabled]):focus, .overlay-content select:not(.disabled):not([disabled]):hover, .overlay-content select:not(.disabled):not([disabled]):focus, .overlay-content input:not(.disabled):not([disabled]):hover, .overlay-content input:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #d6d6d6; border-color: #d0d0d0; -webkit-box-shadow: 0 0 0 0.2rem #b6b6b6; -moz-box-shadow: 0 0 0 0.2rem #b6b6b6; -ms-box-shadow: 0 0 0 0.2rem #b6b6b6; -o-box-shadow: 0 0 0 0.2rem #b6b6b6; box-shadow: 0 0 0 0.2rem #b6b6b6; } .overlay-content .btn:not(.disabled):not([disabled]):active, .overlay-content textarea:not(.disabled):not([disabled]):active, .overlay-content select:not(.disabled):not([disabled]):active, .overlay-content input:not(.disabled):not([disabled]):active { color: black; background-color: #c9c9c9; border-color: #c3c3c3; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .overlay-content .btn::-webkit-input-placeholder, .overlay-content textarea::-webkit-input-placeholder, .overlay-content select::-webkit-input-placeholder, .overlay-content input::-webkit-input-placeholder { color: black; opacity: 0.7; } .overlay-content .btn:-moz-placeholder, .overlay-content textarea:-moz-placeholder, .overlay-content select:-moz-placeholder, .overlay-content input:-moz-placeholder { color: black; opacity: 0.7; } .overlay-content .btn::-moz-placeholder, .overlay-content textarea::-moz-placeholder, .overlay-content select::-moz-placeholder, .overlay-content input::-moz-placeholder { color: black; opacity: 0.7; } .overlay-content .btn:-ms-input-placeholder, .overlay-content textarea:-ms-input-placeholder, .overlay-content select:-ms-input-placeholder, .overlay-content input:-ms-input-placeholder { color: black; opacity: 0.7; } .overlay-content .btn::-ms-input-placeholder, .overlay-content textarea::-ms-input-placeholder, .overlay-content select::-ms-input-placeholder, .overlay-content input::-ms-input-placeholder { color: black; opacity: 0.7; } .overlay-content .slick-arrow { background-color: white; border-color: white; color: black; } .overlay-content .slick-arrow:not(.disabled):not([disabled]):hover, .overlay-content .slick-arrow:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #ececec; border-color: #e6e6e6; -webkit-box-shadow: 0 0 0 0.2rem #cccccc; -moz-box-shadow: 0 0 0 0.2rem #cccccc; -ms-box-shadow: 0 0 0 0.2rem #cccccc; -o-box-shadow: 0 0 0 0.2rem #cccccc; box-shadow: 0 0 0 0.2rem #cccccc; } .overlay-content .slick-arrow:not(.disabled):not([disabled]):active { color: black; background-color: #dfdfdf; border-color: #d9d9d9; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .overlay-content .card { background-color: white; } .overlay-content .card .card { background-color: #e9e9e9; } .overlay-content .card .card-footer, .overlay-content .card .card-header { border-color: #b2b6ba; } .overlay-content .tab-body { border-color: black; } .overlay-content .progress { background-color: white; } .overlay-content .progress-bar { background-color: black; } .overlay-content .bg-default { background-color: white; } .overlay-content .btn--primary { background-color: #f9de65; border-color: #f9de65; color: black; } .overlay-content .btn--primary:not(.disabled):not([disabled]):hover, .overlay-content .btn--primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .overlay-content .btn--primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .overlay-content .btn-outline-primary { background-color: transparent; border-color: #f9de65; color: #f9de65; } .overlay-content .btn-outline-primary:not(.disabled):not([disabled]):hover, .overlay-content .btn-outline-primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .overlay-content .btn-outline-primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .overlay-content .badge { background-color: black; color: white; } .overlay-content .tooltip { background-color: black; color: white; } .overlay-content .tooltip:after { border-top-color: black; } .overlay-content .swatch label { background-color: white; } .overlay-content .swatch input:checked + .swatch-element { border-color: black; } .overlay-content .swatch-element { border-color: #b2b6ba; } .overlay-content h1, .overlay-content .h1, .overlay-content h2, .overlay-content .h2, .overlay-content h3, .overlay-content .h3, .overlay-content h4, .overlay-content .h4, .overlay-content h5, .overlay-content .h5, .overlay-content h6, .overlay-content .h6 { color: black; } .overlay-content .text-primary { color: #f9de65; } .overlay-content .text-secondary { color: black; } .overlay-content .text-sale { color: #429b2d; } .overlay-content .form-success { color: #f9de65; border-color: #f9de65; } .overlay-content .errors { color: red; border-color: red; } .overlay-content .select-box { border-color: black; } .overlay-content .checkbox input[type="checkbox"]:checked ~ label::before, .overlay-content .checkbox input[type="checkbox"]:checked ~ label::after { color: #f9de65; } .overlay-content .radio input[type="radio"]:checked ~ label::before, .overlay-content .radio input[type="radio"]:checked ~ label::after { color: #f9de65; } .overlay-content table { border-color: #b2b6ba; } .overlay-content table tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.6); } .overlay-content table tbody tr:hover { background-color: white; } .overlay-content table th, .overlay-content table td { border-color: #b2b6ba !important; } .overlay-content table th { background-color: black; color: white; } .overlay-content .media-wrapper { background-color: white; } .overlay-content .placeholder-svg { fill: rgba(0, 0, 0, 0.6); background-color: white; } .overlay-content select { background-image: url("//cdn.shopify.com/s/files/1/0625/2852/0422/t/2/assets/icon-select-overlay.svg?v=75104144180844883761676112645"); } /*================ _Modals ================*/ .modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000000005; width: 100vw; height: 100%; outline: 0; display: none; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 30px; padding-bottom: 30px; } @media screen and (min-width: 769.1px) { .modal { padding-top: 60px; padding-bottom: 60px; } } .section-full-width > .modal { padding-bottom: 0; } .section-full-width.section-no-title > .modal { padding-top: 0; } @media screen and (max-width: 769px) { .modal { padding-bottom: 0; } } .modal.js-modal-open, .modal.is-closing { display: block; overflow-y: auto; } @media screen and (min-width: 769.1px) { .modal.js-modal-open { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } } @media screen and (max-width: 769px) { .modal.js-modal-open { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } } @media screen and (min-width: 769.1px) { .modal.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } } @media screen and (max-width: 769px) { .modal.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } } .modal-dialog { min-height: 100%; -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 1180px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } @media screen and (max-width: 769px) { .modal-dialog { padding-left: 16px; padding-right: 16px; } } @media screen and (max-width: 769px) { .modal-dialog { padding-left: 0; padding-right: 0; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } } .modal-content { pointer-events: auto; border-radius: 6px; overflow: hidden; position: relative; margin: 0 auto; width: 600px; } .modal-content:focus { outline: none; } @media screen and (max-width: 769px) { .modal-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 100% !important; } } .modal-small .modal-content { width: 400px; } .modal-large .modal-content { width: 800px; } .modal-xlarge .modal-content { width: 100%; } .modal-header { border-bottom: 1px solid #e5e5e5; border-color: #b2b6ba; padding: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .modal-title { margin-bottom: 0; margin-right: 7px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .modal-close { margin-left: auto; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .modal-body { padding: 16px; } .modal-footer { border-top: 1px solid #e5e5e5; border-color: #b2b6ba; padding: 16px; } .overlay-modal { z-index: 1000000004; } .overlay-modal.bgset::after { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.25); } .modal.js-modal-open + .overlay-modal { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .modal.is-closing + .overlay-modal { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } /*================ _Payment_icons ================*/ .payment-icons li { line-height: 0; } .payment-icon { height: 24px; width: auto; } .custom-payment-icon { border-radius: 3px; } /*================ _Onboarding ================*/ .placeholder-svg { border-radius: 6px; fill: rgba(33, 37, 41, 0.6); background-color: #f1f1f1; width: 100%; max-width: 100%; display: block; } .section-default .placeholder-svg { background-color: white; } .wrapper-full .placeholder-svg, .hero .placeholder-svg { border-radius: 0; } .media-wrapper .placeholder-svg { height: 100%; } /*================ _Reviews ================*/ .review-badge > * { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .review-badge + .product-single__title { margin-top: 10px; } .product-single__title + .review-badge { margin-bottom: 10px; } /*================ _Toast ================*/ .toasts { position: fixed; top: 0; right: 0; z-index: 999999997; width: 100%; height: 100%; padding: 14px; opacity: 0; visibility: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .overlay-toasts { display: block; opacity: 0; visibility: hidden; } .toasts.visible + .overlay-toasts { opacity: 1; visibility: visible; } .toast { max-width: 420px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toast-image { width: 30px; margin-right: 14px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .toast-image svg, .toast-image img { display: block; width: 100%; } .toasts-group { overflow-y: auto; } .toasts-group > .toast + .toast { margin-top: 14px; } /*============================================================================ _Structure ==============================================================================*/ /*================ _Grid ================*/ .grid { list-style: none; margin: 0; margin-left: -30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 769px) { .grid { margin-left: -16px; } } .grid.grid-full { margin-left: 0; } .grid.grid-small { margin-left: -16px; } .grid.grid-xsmall { margin-left: -8px; } .grid.grid-spacer { margin-bottom: -30px; } @media screen and (max-width: 769px) { .grid.grid-spacer { margin-bottom: -16px; } } .grid.grid-spacer.grid-small { margin-bottom: -16px; } .grid.grid-spacer.grid-xsmall { margin-bottom: -8px; } .grid__item { width: 100%; max-width: 100%; padding-left: 30px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (max-width: 769px) { .grid__item { padding-left: 16px; width: 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .grid-full > .grid__item { padding-left: 0 !important; } .grid-small > .grid__item { padding-left: 16px; } .grid-xsmall > .grid__item { padding-left: 8px; } .grid-spacer > .grid__item { margin-bottom: 30px; } @media screen and (max-width: 769px) { .grid-spacer > .grid__item { margin-bottom: 16px; } } .grid-spacer.grid-small > .grid__item { margin-bottom: 16px; } .grid-spacer.grid-xsmall > .grid__item { margin-bottom: 8px; } .grid__item[class*="push--"] { position: relative; } /*================ _Grid_breakpoint ================*/ .one-whole { width: 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .one-fifth { width: 20%; -webkit-flex: 0 0 20%; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .two-fifths { width: 40%; -webkit-flex: 0 0 40%; -moz-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .three-fifths { width: 60%; -webkit-flex: 0 0 60%; -moz-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } .four-fifths { width: 80%; -webkit-flex: 0 0 80%; -moz-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } .one-twelfth { width: 8.333%; -webkit-flex: 0 0 8.333%; -moz-flex: 0 0 8.333%; -ms-flex: 0 0 8.333%; flex: 0 0 8.333%; } .two-twelfths { width: 16.666%; -webkit-flex: 0 0 16.666%; -moz-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } .three-twelfths { width: 25%; -webkit-flex: 0 0 25%; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .four-twelfths { width: 33.333%; -webkit-flex: 0 0 33.333%; -moz-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .five-twelfths { width: 41.666%; -webkit-flex: 0 0 41.666%; -moz-flex: 0 0 41.666%; -ms-flex: 0 0 41.666%; flex: 0 0 41.666%; } .six-twelfths { width: 50%; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .seven-twelfths { width: 58.333%; -webkit-flex: 0 0 58.333%; -moz-flex: 0 0 58.333%; -ms-flex: 0 0 58.333%; flex: 0 0 58.333%; } .eight-twelfths { width: 66.666%; -webkit-flex: 0 0 66.666%; -moz-flex: 0 0 66.666%; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; } .nine-twelfths { width: 75%; -webkit-flex: 0 0 75%; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .ten-twelfths { width: 83.333%; -webkit-flex: 0 0 83.333%; -moz-flex: 0 0 83.333%; -ms-flex: 0 0 83.333%; flex: 0 0 83.333%; } .eleven-twelfths { width: 91.666%; -webkit-flex: 0 0 91.666%; -moz-flex: 0 0 91.666%; -ms-flex: 0 0 91.666%; flex: 0 0 91.666%; } .push--one-fifth { left: 20%; } .push--two-fifths { left: 40%; } .push--three-fifths { left: 60%; } .push--four-fifths { left: 80%; } .push--one-twelfth { left: 8.333%; } .push--two-twelfths { left: 16.666%; } .push--three-twelfths { left: 25%; } .push--four-twelfths { left: 33.333%; } .push--five-twelfths { left: 41.666%; } .push--six-twelfths { left: 50%; } .push--seven-twelfths { left: 58.333%; } .push--eight-twelfths { left: 66.666%; } .push--nine-twelfths { left: 75%; } .push--ten-twelfths { left: 83.333%; } .push--eleven-twelfths { left: 91.666%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .full { width: 100% !important; } .full-height { height: 100% !important; } .sticky { position: -webkit-sticky; position: sticky; transform: translate3d(0, 0, 0); z-index: 3; top: 0; } .overflow-hidden { overflow: hidden !important; } .align-top { -ms-flex-align: flex-start !important; -webkit-align-items: flex-start !important; -moz-align-items: flex-start !important; -ms-align-items: flex-start !important; -o-align-items: flex-start !important; align-items: flex-start !important; } .align-center { -ms-flex-align: center !important; -webkit-align-items: center !important; -moz-align-items: center !important; -ms-align-items: center !important; -o-align-items: center !important; align-items: center !important; } .align-bottom { -ms-flex-align: flex-end !important; -webkit-align-items: flex-end !important; -moz-align-items: flex-end !important; -ms-align-items: flex-end !important; -o-align-items: flex-end !important; align-items: flex-end !important; } .justify-start { -webkit-justify-content: flex-start !important; -ms-justify-content: flex-start !important; justify-content: flex-start !important; } .justify-center { -webkit-justify-content: center !important; -ms-justify-content: center !important; justify-content: center !important; } .justify-end { -webkit-justify-content: flex-end !important; -ms-justify-content: flex-end !important; justify-content: flex-end !important; } .flex-auto { width: auto; -webkit-flex: 0 0 auto !important; -moz-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .flex-fill { -webkit-flex: 1 1 auto !important; -moz-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -moz-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } @media only screen and (max-width: 769px) { .small--one-whole { width: 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .small--one-fifth { width: 20%; -webkit-flex: 0 0 20%; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .small--two-fifths { width: 40%; -webkit-flex: 0 0 40%; -moz-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .small--three-fifths { width: 60%; -webkit-flex: 0 0 60%; -moz-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } .small--four-fifths { width: 80%; -webkit-flex: 0 0 80%; -moz-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } .small--one-twelfth { width: 8.333%; -webkit-flex: 0 0 8.333%; -moz-flex: 0 0 8.333%; -ms-flex: 0 0 8.333%; flex: 0 0 8.333%; } .small--two-twelfths { width: 16.666%; -webkit-flex: 0 0 16.666%; -moz-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } .small--three-twelfths { width: 25%; -webkit-flex: 0 0 25%; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .small--four-twelfths { width: 33.333%; -webkit-flex: 0 0 33.333%; -moz-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .small--five-twelfths { width: 41.666%; -webkit-flex: 0 0 41.666%; -moz-flex: 0 0 41.666%; -ms-flex: 0 0 41.666%; flex: 0 0 41.666%; } .small--six-twelfths { width: 50%; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .small--seven-twelfths { width: 58.333%; -webkit-flex: 0 0 58.333%; -moz-flex: 0 0 58.333%; -ms-flex: 0 0 58.333%; flex: 0 0 58.333%; } .small--eight-twelfths { width: 66.666%; -webkit-flex: 0 0 66.666%; -moz-flex: 0 0 66.666%; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; } .small--nine-twelfths { width: 75%; -webkit-flex: 0 0 75%; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .small--ten-twelfths { width: 83.333%; -webkit-flex: 0 0 83.333%; -moz-flex: 0 0 83.333%; -ms-flex: 0 0 83.333%; flex: 0 0 83.333%; } .small--eleven-twelfths { width: 91.666%; -webkit-flex: 0 0 91.666%; -moz-flex: 0 0 91.666%; -ms-flex: 0 0 91.666%; flex: 0 0 91.666%; } .push--small--one-fifth { left: 20%; } .push--small--two-fifths { left: 40%; } .push--small--three-fifths { left: 60%; } .push--small--four-fifths { left: 80%; } .push--small--one-twelfth { left: 8.333%; } .push--small--two-twelfths { left: 16.666%; } .push--small--three-twelfths { left: 25%; } .push--small--four-twelfths { left: 33.333%; } .push--small--five-twelfths { left: 41.666%; } .push--small--six-twelfths { left: 50%; } .push--small--seven-twelfths { left: 58.333%; } .push--small--eight-twelfths { left: 66.666%; } .push--small--nine-twelfths { left: 75%; } .push--small--ten-twelfths { left: 83.333%; } .push--small--eleven-twelfths { left: 91.666%; } .small--show { display: block !important; } .small--hide { display: none !important; } .small--text-left { text-align: left !important; } .small--text-right { text-align: right !important; } .small--text-center { text-align: center !important; } .small--full { width: 100% !important; } .small--full-height { height: 100% !important; } .small--sticky { position: -webkit-sticky; position: sticky; transform: translate3d(0, 0, 0); z-index: 3; top: 0; } .small--overflow-hidden { overflow: hidden !important; } .small--align-top { -ms-flex-align: flex-start !important; -webkit-align-items: flex-start !important; -moz-align-items: flex-start !important; -ms-align-items: flex-start !important; -o-align-items: flex-start !important; align-items: flex-start !important; } .small--align-center { -ms-flex-align: center !important; -webkit-align-items: center !important; -moz-align-items: center !important; -ms-align-items: center !important; -o-align-items: center !important; align-items: center !important; } .small--align-bottom { -ms-flex-align: flex-end !important; -webkit-align-items: flex-end !important; -moz-align-items: flex-end !important; -ms-align-items: flex-end !important; -o-align-items: flex-end !important; align-items: flex-end !important; } .small--justify-start { -webkit-justify-content: flex-start !important; -ms-justify-content: flex-start !important; justify-content: flex-start !important; } .small--justify-center { -webkit-justify-content: center !important; -ms-justify-content: center !important; justify-content: center !important; } .small--justify-end { -webkit-justify-content: flex-end !important; -ms-justify-content: flex-end !important; justify-content: flex-end !important; } .small--flex-auto { width: auto; -webkit-flex: 0 0 auto !important; -moz-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .small--flex-fill { -webkit-flex: 1 1 auto !important; -moz-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .small--flex-wrap { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .small--flex-nowrap { -webkit-flex-wrap: nowrap !important; -moz-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } @media only screen and (min-width: 769.1px) and (max-width: 1025px) { .medium--one-whole { width: 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .medium--one-fifth { width: 20%; -webkit-flex: 0 0 20%; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .medium--two-fifths { width: 40%; -webkit-flex: 0 0 40%; -moz-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .medium--three-fifths { width: 60%; -webkit-flex: 0 0 60%; -moz-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } .medium--four-fifths { width: 80%; -webkit-flex: 0 0 80%; -moz-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } .medium--one-twelfth { width: 8.333%; -webkit-flex: 0 0 8.333%; -moz-flex: 0 0 8.333%; -ms-flex: 0 0 8.333%; flex: 0 0 8.333%; } .medium--two-twelfths { width: 16.666%; -webkit-flex: 0 0 16.666%; -moz-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } .medium--three-twelfths { width: 25%; -webkit-flex: 0 0 25%; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .medium--four-twelfths { width: 33.333%; -webkit-flex: 0 0 33.333%; -moz-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .medium--five-twelfths { width: 41.666%; -webkit-flex: 0 0 41.666%; -moz-flex: 0 0 41.666%; -ms-flex: 0 0 41.666%; flex: 0 0 41.666%; } .medium--six-twelfths { width: 50%; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .medium--seven-twelfths { width: 58.333%; -webkit-flex: 0 0 58.333%; -moz-flex: 0 0 58.333%; -ms-flex: 0 0 58.333%; flex: 0 0 58.333%; } .medium--eight-twelfths { width: 66.666%; -webkit-flex: 0 0 66.666%; -moz-flex: 0 0 66.666%; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; } .medium--nine-twelfths { width: 75%; -webkit-flex: 0 0 75%; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .medium--ten-twelfths { width: 83.333%; -webkit-flex: 0 0 83.333%; -moz-flex: 0 0 83.333%; -ms-flex: 0 0 83.333%; flex: 0 0 83.333%; } .medium--eleven-twelfths { width: 91.666%; -webkit-flex: 0 0 91.666%; -moz-flex: 0 0 91.666%; -ms-flex: 0 0 91.666%; flex: 0 0 91.666%; } .push--medium--one-fifth { left: 20%; } .push--medium--two-fifths { left: 40%; } .push--medium--three-fifths { left: 60%; } .push--medium--four-fifths { left: 80%; } .push--medium--one-twelfth { left: 8.333%; } .push--medium--two-twelfths { left: 16.666%; } .push--medium--three-twelfths { left: 25%; } .push--medium--four-twelfths { left: 33.333%; } .push--medium--five-twelfths { left: 41.666%; } .push--medium--six-twelfths { left: 50%; } .push--medium--seven-twelfths { left: 58.333%; } .push--medium--eight-twelfths { left: 66.666%; } .push--medium--nine-twelfths { left: 75%; } .push--medium--ten-twelfths { left: 83.333%; } .push--medium--eleven-twelfths { left: 91.666%; } .medium--show { display: block !important; } .medium--hide { display: none !important; } .medium--text-left { text-align: left !important; } .medium--text-right { text-align: right !important; } .medium--text-center { text-align: center !important; } .medium--full { width: 100% !important; } .medium--full-height { height: 100% !important; } .medium--sticky { position: -webkit-sticky; position: sticky; transform: translate3d(0, 0, 0); z-index: 3; top: 0; } .medium--overflow-hidden { overflow: hidden !important; } .medium--align-top { -ms-flex-align: flex-start !important; -webkit-align-items: flex-start !important; -moz-align-items: flex-start !important; -ms-align-items: flex-start !important; -o-align-items: flex-start !important; align-items: flex-start !important; } .medium--align-center { -ms-flex-align: center !important; -webkit-align-items: center !important; -moz-align-items: center !important; -ms-align-items: center !important; -o-align-items: center !important; align-items: center !important; } .medium--align-bottom { -ms-flex-align: flex-end !important; -webkit-align-items: flex-end !important; -moz-align-items: flex-end !important; -ms-align-items: flex-end !important; -o-align-items: flex-end !important; align-items: flex-end !important; } .medium--justify-start { -webkit-justify-content: flex-start !important; -ms-justify-content: flex-start !important; justify-content: flex-start !important; } .medium--justify-center { -webkit-justify-content: center !important; -ms-justify-content: center !important; justify-content: center !important; } .medium--justify-end { -webkit-justify-content: flex-end !important; -ms-justify-content: flex-end !important; justify-content: flex-end !important; } .medium--flex-auto { width: auto; -webkit-flex: 0 0 auto !important; -moz-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .medium--flex-fill { -webkit-flex: 1 1 auto !important; -moz-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .medium--flex-wrap { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .medium--flex-nowrap { -webkit-flex-wrap: nowrap !important; -moz-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } @media only screen and (min-width: 1025.1px) { .large--one-whole { width: 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .large--one-fifth { width: 20%; -webkit-flex: 0 0 20%; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .large--two-fifths { width: 40%; -webkit-flex: 0 0 40%; -moz-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .large--three-fifths { width: 60%; -webkit-flex: 0 0 60%; -moz-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } .large--four-fifths { width: 80%; -webkit-flex: 0 0 80%; -moz-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; } .large--one-twelfth { width: 8.333%; -webkit-flex: 0 0 8.333%; -moz-flex: 0 0 8.333%; -ms-flex: 0 0 8.333%; flex: 0 0 8.333%; } .large--two-twelfths { width: 16.666%; -webkit-flex: 0 0 16.666%; -moz-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; } .large--three-twelfths { width: 25%; -webkit-flex: 0 0 25%; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .large--four-twelfths { width: 33.333%; -webkit-flex: 0 0 33.333%; -moz-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .large--five-twelfths { width: 41.666%; -webkit-flex: 0 0 41.666%; -moz-flex: 0 0 41.666%; -ms-flex: 0 0 41.666%; flex: 0 0 41.666%; } .large--six-twelfths { width: 50%; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .large--seven-twelfths { width: 58.333%; -webkit-flex: 0 0 58.333%; -moz-flex: 0 0 58.333%; -ms-flex: 0 0 58.333%; flex: 0 0 58.333%; } .large--eight-twelfths { width: 66.666%; -webkit-flex: 0 0 66.666%; -moz-flex: 0 0 66.666%; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; } .large--nine-twelfths { width: 75%; -webkit-flex: 0 0 75%; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .large--ten-twelfths { width: 83.333%; -webkit-flex: 0 0 83.333%; -moz-flex: 0 0 83.333%; -ms-flex: 0 0 83.333%; flex: 0 0 83.333%; } .large--eleven-twelfths { width: 91.666%; -webkit-flex: 0 0 91.666%; -moz-flex: 0 0 91.666%; -ms-flex: 0 0 91.666%; flex: 0 0 91.666%; } .push--large--one-fifth { left: 20%; } .push--large--two-fifths { left: 40%; } .push--large--three-fifths { left: 60%; } .push--large--four-fifths { left: 80%; } .push--large--one-twelfth { left: 8.333%; } .push--large--two-twelfths { left: 16.666%; } .push--large--three-twelfths { left: 25%; } .push--large--four-twelfths { left: 33.333%; } .push--large--five-twelfths { left: 41.666%; } .push--large--six-twelfths { left: 50%; } .push--large--seven-twelfths { left: 58.333%; } .push--large--eight-twelfths { left: 66.666%; } .push--large--nine-twelfths { left: 75%; } .push--large--ten-twelfths { left: 83.333%; } .push--large--eleven-twelfths { left: 91.666%; } .large--show { display: block !important; } .large--hide { display: none !important; } .large--text-left { text-align: left !important; } .large--text-right { text-align: right !important; } .large--text-center { text-align: center !important; } .large--full { width: 100% !important; } .large--full-height { height: 100% !important; } .large--sticky { position: -webkit-sticky; position: sticky; transform: translate3d(0, 0, 0); z-index: 3; top: 0; } .large--overflow-hidden { overflow: hidden !important; } .large--align-top { -ms-flex-align: flex-start !important; -webkit-align-items: flex-start !important; -moz-align-items: flex-start !important; -ms-align-items: flex-start !important; -o-align-items: flex-start !important; align-items: flex-start !important; } .large--align-center { -ms-flex-align: center !important; -webkit-align-items: center !important; -moz-align-items: center !important; -ms-align-items: center !important; -o-align-items: center !important; align-items: center !important; } .large--align-bottom { -ms-flex-align: flex-end !important; -webkit-align-items: flex-end !important; -moz-align-items: flex-end !important; -ms-align-items: flex-end !important; -o-align-items: flex-end !important; align-items: flex-end !important; } .large--justify-start { -webkit-justify-content: flex-start !important; -ms-justify-content: flex-start !important; justify-content: flex-start !important; } .large--justify-center { -webkit-justify-content: center !important; -ms-justify-content: center !important; justify-content: center !important; } .large--justify-end { -webkit-justify-content: flex-end !important; -ms-justify-content: flex-end !important; justify-content: flex-end !important; } .large--flex-auto { width: auto; -webkit-flex: 0 0 auto !important; -moz-flex: 0 0 auto !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .large--flex-fill { -webkit-flex: 1 1 auto !important; -moz-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .large--flex-wrap { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .large--flex-nowrap { -webkit-flex-wrap: nowrap !important; -moz-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } } /*================ _Section ================ */ .shopify-section { position: relative; } .shopify-section:empty { display: none; } .section-default { background-color: #f1f1f1; } .section-border { border-top: 1px solid #e5e5e5; } .section-full-width.section-no-title { background-color: inherit; } /*================ _Section_header ================*/ .section-header, .shopify-policy__title { margin-bottom: 30px; text-align: center; position: relative; } .section-header > *:last-child, .shopify-policy__title > *:last-child { margin-bottom: 0; } @media screen and (max-width: 769px) { .section-header, .shopify-policy__title { padding-bottom: 30px; } .section-header::after, .shopify-policy__title::after { content: ""; border-bottom: 1px solid #e5e5e5; display: block; left: -16px; right: -16px; padding-top: 30px; position: absolute; } .wrapper-full .section-header::after, .wrapper-full .shopify-policy__title::after { display: none; } .wrapper-full .section-header, .wrapper-full .shopify-policy__title { padding-bottom: 0; } } .page-title, .shopify-policy__title h1, .shopify-policy__title .h1 { display: inline; background-image: linear-gradient(360deg, transparent 75%, rgba(249, 222, 101, 0.6) 0.1%, rgba(249, 222, 101, 0.6) 25%); background-position: 0 0.95em; background-repeat: repeat-x; } @media screen and (min-width: 769.1px) { .page-title, .shopify-policy__title h1, .shopify-policy__title .h1 { font-size: 60px; word-wrap: break-word; word-break: break-word; } } .page-title::after, .shopify-policy__title h1::after, .shopify-policy__title .h1::after { content: ""; height: 10px; display: block; } @media screen and (min-width: 769.1px) { .section-header__subtitle { font-size: 16px; } } /*================ _Main_content ================*/ #PageContainer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .main-content { display: block; position: relative; z-index: 2; } /*================ _Box ================*/ .box { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 30px; padding-bottom: 30px; } @media screen and (min-width: 769.1px) { .box { padding-top: 60px; padding-bottom: 60px; } } .section-full-width > .box { padding-bottom: 0; } .section-full-width.section-no-title > .box { padding-top: 0; } @media screen and (min-width: 769.1px) { .box-small { padding-top: 30px; padding-bottom: 30px; } } /*================ _Wrapper ================*/ .wrapper { -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 1180px; } @media screen and (max-width: 769px) { .wrapper { padding-left: 16px; padding-right: 16px; } } .wrapper-fluid { -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 100%; } @media screen and (max-width: 769px) { .wrapper-fluid { padding-left: 16px; padding-right: 16px; } } .wrapper-full { max-width: 100%; } /*================ _Breadcrumbs ================*/ .breadcrumbs { padding: 6px 0; background-color: #f1f1f1; } @media screen and (max-width: 769px) { .breadcrumbs { overflow-x: auto; overflow-y: hidden; white-space: nowrap; } } @media screen and (min-width: 769.1px) { .breadcrumbs .grid__item:first-of-type { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } /*================ _Slick_grid ================ */ .grid.slick-initialized { margin-left: 0; } @media screen and (max-width: 769px) { .grid.slick-initialized { margin-left: -16px; margin-right: -16px; } } @media screen and (min-width: 769.1px) { .grid.slick-initialized { margin-left: -15px; margin-right: -15px; border-radius: 6px; } } @media screen and (max-width: 769px) { .grid.slick-initialized .slick-list { padding-left: 8px; padding-right: 8px; } } .grid.slick-initialized .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid.slick-initialized .slick-slide { padding-left: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media screen and (max-width: 769px) { .grid.slick-initialized .slick-slide { margin-left: 8px; margin-right: 8px; } } @media screen and (min-width: 769.1px) { .grid.slick-initialized .slick-slide { margin-left: 15px; margin-right: 15px; } } @media screen and (min-width: 769.1px) { .grid.slick-initialized.grid-small { margin-left: -8px; margin-right: -8px; } .grid.slick-initialized.grid-small .slick-slide { margin-left: 8px; margin-right: 8px; } .grid.slick-initialized.grid-small.slick-vertical .slick-list { margin-top: -8px; margin-bottom: -8px; } .grid.slick-initialized.grid-small.slick-vertical .slick-slide { margin-top: 8px; margin-bottom: 8px; } } @media screen and (min-width: 769.1px) { .grid.slick-initialized.grid-xsmall { margin-left: -4px; margin-right: -4px; } .grid.slick-initialized.grid-xsmall .slick-slide { margin-left: 4px; margin-right: 4px; } .grid.slick-initialized.grid-xsmall.slick-vertical .slick-list { margin-top: -4px; margin-bottom: -4px; } .grid.slick-initialized.grid-xsmall.slick-vertical .slick-slide { margin-top: 4px; margin-bottom: 4px; } } .grid.slick-initialized.grid-spacer { margin-bottom: 0; } .grid.slick-initialized.grid-spacer .grid__item { margin-bottom: 0; } .grid.slick-initialized.grid-full { margin-left: 0; margin-right: 0; } .grid.slick-initialized.grid-full .grid__item { margin-left: 0; margin-right: 0; } /*================ _Product_grid ================*/ .is-sold-out .grid-product__wrapper { opacity: 0.6; } .grid-product__image-wrapper { position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; } .grid-product__image-link { -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; } .grid-product__meta:hover { opacity: 1; } .cs-active .grid-product--wrapper:not(.product-hover-image) { display: block !important; } .cs-active .product-hover-image { display: none !important; } .grid-product--wrapper { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .has-hover-image:hover .grid-product--wrapper:not(.product-hover-image) { display: none; } .product-hover-image { display: none; } .has-hover-image:hover .product-hover-image { display: block; } .grid-product__badge { position: absolute; z-index: 1; } .grid-product__badge.grid-product__badge-top-left { top: 8px; left: 8px; } .grid-product__badge.grid-product__badge-top-right { top: 8px; right: 8px; } .grid-product__badge.grid-product__badge-bottom-right { bottom: 8px; right: 8px; } .grid-product__badge.grid-product__badge-bottom-left { bottom: 8px; left: 8px; } .grid-product__price-min { position: relative; } .tooltip-wrapper.tooltip-position-bottom .tooltip { bottom: inherit; top: 100%; margin-bottom: 0; margin-top: 14px; -webkit-transform: translate(-50%, -14px); -moz-transform: translate(-50%, -14px); -ms-transform: translate(-50%, -14px); -o-transform: translate(-50%, -14px); transform: translate(-50%, -14px); } .tooltip-wrapper.tooltip-position-bottom .tooltip:after { border-top: 0; border-bottom: solid #212529 7px; top: -7px; bottom: inherit; } .tooltip-wrapper .money:hover + .tooltip { opacity: 1; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } /*================ _Product_list ================*/ .collection-list-products { margin-bottom: 0 !important; } .collection-list-products.collection-list-products--list .list-product:nth-of-type(even) .list-product__wrapper { background-color: #f1f1f1; } .collection-list-products.collection-list-products--grid-list .list-product:nth-of-type(4n) .list-product__wrapper { background-color: #f1f1f1; } .list-product__wrapper { margin-left: 0; padding: 30px 15px; } .is-sold-out .list-product__wrapper { opacity: 0.6; } .list-product__image-wrapper { margin-bottom: 0 !important; padding-left: 0; } .list-product__image { position: relative; } .list-product__image-link { -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; } .list-product__image-link img, .list-product__image-link svg { border: 1px solid #e5e5e5; } .list-product__details-wrapper { margin-bottom: 0 !important; padding-left: 30px; } @media screen and (max-width: 769px) { .list-product__details-wrapper { padding-left: 16px; } } .list-product--wrapper { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .has-hover-image:hover .list-product--wrapper:not(.product-hover-image) { display: none; } .cs-active .list-product--wrapper:not(.product-hover-image) { display: block !important; } .cs-active .product-hover-image { display: none !important; } .list-product__badge { position: absolute; z-index: 1; } .list-product__badge.list-product__badge-top-left { top: 8px; left: 8px; } .list-product__badge.list-product__badge-top-right { top: 8px; right: 8px; } .list-product__badge.list-product__badge-bottom-right { bottom: 8px; right: 8px; } .list-product__badge.list-product__badge-bottom-left { bottom: 8px; left: 8px; } @media screen and (max-width: 769px) { .list-product__badge { font-size: 8px; } } /*================ _Collection_grid ================*/ .collection_grid-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .collection_grid-image { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .collection_grid-animation:hover .collection_grid-image { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .collection_grid-inner { padding: 0 16px; } .collection_grid-text-wrapper { text-align: center; } .collection_grid-title { margin-bottom: 0; } .collection_grid--xsmall { min-height: 100px; } .collection_grid--small { min-height: 200px; } .collection_grid--medium { min-height: 300px; } .collection_grid--large { min-height: 400px; } .collection_grid--xlarge { min-height: 500px; } /*============================================================================ _Sections ==============================================================================*/ /*================ _Announcement ================*/ .announcement-section { z-index: 7; } .sticky-announcement_bar .announcement-section { position: -webkit-sticky; position: sticky; transform: translate3d(0, 0, 0); z-index: 3; top: 0; z-index: 7; } #announcement { background-color: #181818; color: white; } #announcement a { color: white; } #announcement .rte { margin-bottom: 0; } #announcement p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .announcement-grid { height: 35px; } .social-medias + .announcement-left-message { margin-left: 7px; } .announcement-message .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .announcement-right-message + ul { margin-left: 7px; } /*================ _Header ================*/ .header-section { position: relative; z-index: 6; } .sticky-header .header-section { position: -webkit-sticky; position: sticky; transform: translate3d(0, 0, 0); z-index: 3; top: 0; z-index: 6; } .sticky-header:not(.sticky-announcement_bar) .header-section::before { content: ''; width: 100%; height: 1px; background-color: white; position: absolute; top: -1px; left: 0; right: 0; } .sticky-header.sticky-announcement_bar .header-section { top: 35px; } @media screen and (max-width: 769px) { .transparent-header--no-mobile .header-section .header-container { position: initial !important; } } .site-header { background-color: white; border-bottom: 1px solid #e5e5e5; border-color: transparent; height: 80px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .site-header .site-nav__link, .site-header .site-header__logo-link { color: black; } @media screen and (min-width: 769.1px) { .site-header .nav-container-menu > li > a, .site-header .nav-container-menu .inner-nav-containers > li > a { font-size: 19px; } } @media screen and (min-width: 1025.1px) { .nav-hidden .site-header .large--hide { display: block !important; } .nav-hidden .site-header .medium--hide.small--hide { display: none; } } .header-wrapper { position: relative; height: 100%; } .header-grid { height: 100%; } @media screen and (max-width: 769px) { .header-grid.grid { margin-left: -8px; } .header-grid > .grid__item { padding-left: 8px; } } .nav-container-left-icons { order: 1; } .nav-container-logo { height: 100%; order: 2; } @media screen and (min-width: 1025.1px) { .nav-center-logo .nav-container-logo { order: 3; } } .nav-container-menu { order: 3; } @media screen and (min-width: 1025.1px) { .nav-right .nav-container-menu { text-align: right; } .nav-center .nav-container-menu { text-align: center; } .nav-center-logo .nav-container-menu { order: 2; } } .nav-container-right-icons { order: 4; } .nav-container-right-icons .customer-name { margin-right: 7px; } .inner-nav-containers { height: 100%; margin: 0; } .site-nav__item { position: relative; display: inline-block; line-height: 1; white-space: normal; margin: 0; } .site-nav__link { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; display: inline-block; text-decoration: none; padding: 8px; white-space: nowrap; } @media screen and (max-width: 769px) { .site-nav__link { padding: 4px; } } .site-header__logo { height: 100%; font-family: Poppins, sans-serif; font-weight: 700; font-style: normal; text-transform: initial; letter-spacing: 0px; line-height: 1.2; font-size: 30px; margin: 0; } @media screen and (max-width: 769px) { .site-header__logo { font-size: 14px; } } .site-header__logo .inverted-logo { display: none; } .site-header__logo .mobile-logo { display: none; height: 100%; } .site-nav__link--icon { letter-spacing: 0 !important; font-size: 24px; } .cart-link { position: relative; } .cart-link__bubble { display: none; } .cart-link__bubble--visible { display: block; position: absolute; width: 12px; height: 12px; right: 5px; bottom: 5px; border: 2px solid white; background-color: #f9de65; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 769px) { .cart-link__bubble--visible { width: 12px; height: 12px; right: 0; bottom: 0; } } .site-nav__link--icon .cart-count, .site-nav__link--icon .wl-count { position: absolute; top: 0; right: 2px; font-size: 11px; } @media screen and (max-width: 769px) { .site-nav__link--icon .cart-count, .site-nav__link--icon .wl-count { top: -4px; right: -2px; } } .sticky-header.is-scrolling.transparent-header--mobile .site-header { background-color: white; border-color: #6b6b6b; width: 100%; } .sticky-header.is-scrolling.transparent-header--mobile .site-header .site-nav__link, .sticky-header.is-scrolling.transparent-header--mobile .site-header .site-header__logo-link { color: black; } .sticky-header.is-scrolling.transparent-header--mobile .cart-link__bubble--visible { background-color: #f9de65; border-color: white; } @media screen and (min-width: 769.1px) { .sticky-header.is-scrolling.transparent-header--no-mobile .site-header { background-color: white; border-color: #6b6b6b; width: 100%; } .sticky-header.is-scrolling.transparent-header--no-mobile .site-header .site-nav__link, .sticky-header.is-scrolling.transparent-header--no-mobile .site-header .site-header__logo-link { color: black; } .sticky-header.is-scrolling.transparent-header--no-mobile .cart-link__bubble--visible { background-color: #f9de65; border-color: white; } } @media screen and (min-width: 769.1px) { .sticky-header.is-scrolling .site-header__logo .default-logo { display: block; } .sticky-header.is-scrolling .site-header__logo .inverted-logo { display: none; } } @media screen and (max-width: 769px) { .site-header { height: 70px; } .transparent-header--no-mobile .site-header { background-color: white !important; border-color: #6b6b6b; } .transparent-header--no-mobile .site-header .site-nav__link, .transparent-header--no-mobile .site-header .site-header__logo-link { color: black !important; } .site-header__logo .default-logo { display: none; } .site-header__logo .inverted-logo { display: none !important; } .site-header__logo .mobile-logo { display: block; } .cart-link__bubble--visible { background-color: #f9de65 !important; border-color: white !important; } } /*================ _Drawers ================*/ .drawer { position: fixed; overflow: hidden; top: 0; bottom: 0; z-index: 999999999; display: none; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .drawer:focus { outline: none; } .drawer.js-drawer-open { display: -webkit-flex; display: -ms-flexbox; display: flex; } .drawer.is-closing { display: -webkit-flex; display: -ms-flexbox; display: flex; } .drawer .drawer__header, .drawer .drawer__footer, .drawer .drawer__inner { opacity: 0; } .drawer--left { max-width: 100%; left: 0; } @media screen and (min-width: 769.1px) { .drawer--left { width: 300px; } } @media screen and (max-width: 769px) { .drawer--left { width: 300px; } } .drawer--left.js-drawer-open { -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -ms-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--left.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -ms-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--right { max-width: 100%; right: 0; } @media screen and (min-width: 769.1px) { .drawer--right { width: 400px; } } @media screen and (max-width: 769px) { .drawer--right { width: 400px; } } .drawer--right.js-drawer-open { -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -ms-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--right.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -ms-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--top { max-height: 100%; width: 100%; top: 0; height: fit-content; } .drawer--top.js-drawer-open { -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--top.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -ms-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--bottom { max-height: 100%; width: 100%; bottom: 0; height: fit-content; } .drawer--bottom.js-drawer-open { -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; -ms-animation-name: slideInUp; -o-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer--bottom.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutDown; -moz-animation-name: slideOutDown; -ms-animation-name: slideOutDown; -o-animation-name: slideOutDown; animation-name: slideOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer.js-drawer-open + .overlay-drawer { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer.is-closing + .overlay-drawer { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer__header { height: 80px; width: 100%; z-index: 10; padding: 0 16px; border-bottom: 1px solid #e5e5e5; border-color: #b2b6ba; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } @media screen and (max-width: 769px) { .drawer__header { height: 70px; } } .drawer.js-drawer-open .drawer__header { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer.is-closing .drawer__header { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer__title { padding-right: 14px; font-size: 18px; font-family: Poppins, sans-serif; font-weight: 700; font-style: normal; text-transform: initial; letter-spacing: 0px; line-height: 1.2; line-height: 1.5; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .drawer__inner { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; } .drawer--top .drawer__inner, .drawer--bottom .drawer__inner { overflow: auto; } .drawer.js-drawer-open .drawer__inner { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer.is-closing .drawer__inner { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer__inner-section { padding: 30px; } @media screen and (max-width: 769px) { .drawer__inner-section { padding: 16px; } } .drawer__inner-section > :last-child { margin-bottom: 0; } .drawer__inner-section:empty { display: none; } .drawer__inner-section + .drawer__inner-section { border-top: 1px solid #e5e5e5; border-color: #b2b6ba; } .drawer__inner-section .errors { color: red; border-color: red; } .drawer__footer { background-color: white; padding: 16px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .drawer__footer:empty { display: none; } .drawer.js-drawer-open .drawer__footer { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .drawer.is-closing .drawer__footer { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } /*================ _Drawer_menu ================*/ #NavDrawer .social-medias { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-nav { margin-left: 0; margin-bottom: 0; } .mobile-nav > * { margin-bottom: 0; } .mobile-nav > * + * { margin-top: 30px; } @media screen and (max-width: 769px) { .mobile-nav > * { margin-bottom: 0; } .mobile-nav > * + * { margin-top: 16px; } } .mobile-nav__item { position: relative; display: block; margin-bottom: 0; list-style: none; } .mobile-nav > .mobile-nav__item { background-color: white; } .mobile-nav__item a { display: block; color: black; text-decoration: none; } .mobile-nav__has-sublist { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .mobile-nav__has-sublist .mobile-nav__link { width: 100%; } .mobile-nav__has-sublist:not(.active) + .tab-body { display: none; } .mobile-nav__sublist { display: none; margin-bottom: 0; margin-top: 14px; position: relative; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .mobile-nav__sublist::before { content: ""; border-left: 1px solid #e5e5e5; border-color: #b2b6ba; position: absolute; margin-left: -14px; left: 0; height: 100%; } .mobile-nav__sublist .mobile-nav__item + .mobile-nav__item { margin-top: 14px; } .mobile-nav__has-sublist a, .mobile-nav > .mobile-nav__item:not(.mobile-nav__item--secondary) > a { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; font-size: 15px; } .mobile-nav > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, .mobile-nav > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; font-size: 14px; } .mobile-nav__toggle-open { display: block; } .mobile-nav--expanded .mobile-nav__toggle-open { display: none; } .mobile-nav__toggle-close { display: none; } .mobile-nav--expanded .mobile-nav__toggle-close { display: block; } /*================ _Search_drawer ================*/ #SearchDrawer.drawer { bottom: auto; } /*================ _Guarantee ================*/ @media screen and (max-width: 769px) { #section-guarantee .grid__item { -webkit-flex: 50%; -moz-flex: 50%; -ms-flex: 50%; flex: 50%; } } /*================ _Footer ================*/ .footer-section { margin-top: auto; } .site-footer { background-color: white; border-color: #d9d9d9; color: black; position: relative; z-index: 0; } .site-footer hr { border-color: #d9d9d9; } .site-footer a, .site-footer button { color: black; } .site-footer .text-link { color: #f9de65; } .site-footer .text-muted { color: #999999; } .site-footer select.select-link:hover { color: #f9de65 !important; } .site-footer .btn, .site-footer textarea, .site-footer select, .site-footer input { background-color: #ececec; border-color: #ececec; color: black; } .site-footer .btn:not(.disabled):not([disabled]):hover, .site-footer .btn:not(.disabled):not([disabled]):focus, .site-footer textarea:not(.disabled):not([disabled]):hover, .site-footer textarea:not(.disabled):not([disabled]):focus, .site-footer select:not(.disabled):not([disabled]):hover, .site-footer select:not(.disabled):not([disabled]):focus, .site-footer input:not(.disabled):not([disabled]):hover, .site-footer input:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #d9d9d9; border-color: lightgrey; -webkit-box-shadow: 0 0 0 0.2rem #b9b9b9; -moz-box-shadow: 0 0 0 0.2rem #b9b9b9; -ms-box-shadow: 0 0 0 0.2rem #b9b9b9; -o-box-shadow: 0 0 0 0.2rem #b9b9b9; box-shadow: 0 0 0 0.2rem #b9b9b9; } .site-footer .btn:not(.disabled):not([disabled]):active, .site-footer textarea:not(.disabled):not([disabled]):active, .site-footer select:not(.disabled):not([disabled]):active, .site-footer input:not(.disabled):not([disabled]):active { color: black; background-color: #cccccc; border-color: #c6c6c6; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site-footer .btn::-webkit-input-placeholder, .site-footer textarea::-webkit-input-placeholder, .site-footer select::-webkit-input-placeholder, .site-footer input::-webkit-input-placeholder { color: black; opacity: 0.7; } .site-footer .btn:-moz-placeholder, .site-footer textarea:-moz-placeholder, .site-footer select:-moz-placeholder, .site-footer input:-moz-placeholder { color: black; opacity: 0.7; } .site-footer .btn::-moz-placeholder, .site-footer textarea::-moz-placeholder, .site-footer select::-moz-placeholder, .site-footer input::-moz-placeholder { color: black; opacity: 0.7; } .site-footer .btn:-ms-input-placeholder, .site-footer textarea:-ms-input-placeholder, .site-footer select:-ms-input-placeholder, .site-footer input:-ms-input-placeholder { color: black; opacity: 0.7; } .site-footer .btn::-ms-input-placeholder, .site-footer textarea::-ms-input-placeholder, .site-footer select::-ms-input-placeholder, .site-footer input::-ms-input-placeholder { color: black; opacity: 0.7; } .site-footer .slick-arrow { background-color: white; border-color: white; color: black; } .site-footer .slick-arrow:not(.disabled):not([disabled]):hover, .site-footer .slick-arrow:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #ececec; border-color: #e6e6e6; -webkit-box-shadow: 0 0 0 0.2rem #cccccc; -moz-box-shadow: 0 0 0 0.2rem #cccccc; -ms-box-shadow: 0 0 0 0.2rem #cccccc; -o-box-shadow: 0 0 0 0.2rem #cccccc; box-shadow: 0 0 0 0.2rem #cccccc; } .site-footer .slick-arrow:not(.disabled):not([disabled]):active { color: black; background-color: #dfdfdf; border-color: #d9d9d9; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site-footer .card { background-color: #f9de65; } .site-footer .card .card { background-color: #ececec; } .site-footer .card .card-footer, .site-footer .card .card-header { border-color: #d9d9d9; } .site-footer .tab-body { border-color: #f9de65; } .site-footer .progress { background-color: #f9de65; } .site-footer .progress-bar { background-color: #f9de65; } .site-footer .bg-default { background-color: #f9de65; } .site-footer .btn--primary { background-color: #f9de65; border-color: #f9de65; color: black; } .site-footer .btn--primary:not(.disabled):not([disabled]):hover, .site-footer .btn--primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .site-footer .btn--primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site-footer .btn-outline-primary { background-color: transparent; border-color: #f9de65; color: #f9de65; } .site-footer .btn-outline-primary:not(.disabled):not([disabled]):hover, .site-footer .btn-outline-primary:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .site-footer .btn-outline-primary:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .site-footer .badge { background-color: black; color: white; } .site-footer .tooltip { background-color: black; color: white; } .site-footer .tooltip:after { border-top-color: black; } .site-footer .swatch label { background-color: #f9de65; } .site-footer .swatch input:checked + .swatch-element { border-color: black; } .site-footer .swatch-element { border-color: #d9d9d9; } .site-footer h1, .site-footer .h1, .site-footer h2, .site-footer .h2, .site-footer h3, .site-footer .h3, .site-footer h4, .site-footer .h4, .site-footer h5, .site-footer .h5, .site-footer h6, .site-footer .h6 { color: black; } .site-footer .text-primary { color: #f9de65; } .site-footer .text-secondary { color: #f9de65; } .site-footer .text-sale { color: red; } .site-footer .form-success { color: #f9de65; border-color: #f9de65; } .site-footer .errors { color: red; border-color: red; } .site-footer .select-box { border-color: #f9de65; } .site-footer .checkbox input[type="checkbox"]:checked ~ label::before, .site-footer .checkbox input[type="checkbox"]:checked ~ label::after { color: #f9de65; } .site-footer .radio input[type="radio"]:checked ~ label::before, .site-footer .radio input[type="radio"]:checked ~ label::after { color: #f9de65; } .site-footer table { border-color: #d9d9d9; } .site-footer table tbody tr:nth-of-type(odd) { background-color: rgba(249, 222, 101, 0.6); } .site-footer table tbody tr:hover { background-color: #f9de65; } .site-footer table th, .site-footer table td { border-color: #d9d9d9 !important; } .site-footer table th { background-color: black; color: white; } .site-footer .media-wrapper { background-color: #f9de65; } .site-footer .placeholder-svg { fill: rgba(0, 0, 0, 0.6); background-color: #f9de65; } .site-footer select { background-image: url("//cdn.shopify.com/s/files/1/0625/2852/0422/t/2/assets/icon-select-footer.svg?v=75104144180844883761677113246"); } @media screen and (max-width: 769px) { .footer-item + .footer-item { padding-top: 14px; } .footer-item + .footer-item::before { content: ""; border-top: 1px solid #e5e5e5; border-color: #d9d9d9; position: relative; display: block; margin-left: -16px; margin-right: -16px; margin-bottom: 30px; } } @media screen and (min-width: 769.1px) { .inline-footer li { display: inline-block; margin-right: 30px; margin-bottom: 0; } .inline-footer li:last-child { margin-right: 0; } } .site-footer__linktitle { color: black; } .site-footer__linklist a { color: black; display: inline-block; margin-bottom: 7px; } .site-footer__linklist > li:last-child a { margin-bottom: 0; } .top-footer { padding: 30px 0; border-bottom: 1px solid #e5e5e5; border-color: #d9d9d9; } @media screen and (min-width: 769.1px) { .footer-social-title { margin-bottom: 0; } } .bottom-footer { padding: 30px 0; border-top: 1px solid #e5e5e5; border-color: #d9d9d9; } @media screen and (min-width: 769.1px) { .bottom-footer .bottom-footer__copyright { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } } @media screen and (min-width: 769.1px) { .credentials { margin-bottom: 0; } } /*================ _Hero ================*/ .hero-container { overflow: hidden; position: relative; } .hero { width: 100%; border-radius: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hero.hero-auto { height: auto; } .slide-link { position: absolute; width: 100%; height: 100%; z-index: 2; } @media screen and (min-width: 769.1px) { .hero--xsmall { min-height: 300px; } } @media screen and (min-width: 769.1px) { .hero--small { min-height: 400px; } } @media screen and (min-width: 769.1px) { .hero--medium { min-height: 500px; } } @media screen and (min-width: 769.1px) { .hero--large { min-height: 600px; } } @media screen and (min-width: 769.1px) { .hero--xlarge { min-height: 100vh; } } @media screen and (max-width: 769px) { .hero-mobile-xsmall { min-height: 200px; } } @media screen and (max-width: 769px) { .hero-mobile-small { min-height: 300px; } } @media screen and (max-width: 769px) { .hero-mobile-medium { min-height: 400px; } } @media screen and (max-width: 769px) { .hero-mobile-large { min-height: 500px; } } @media screen and (min-width: 769.1px) { .shopify-section.hero-section:first-child .hero--xlarge, .hero-first .hero--xlarge { min-height: calc(100vh - 115px); } .transparent-header--desktop .shopify-section.hero-section:first-child .hero--xlarge, .transparent-header--desktop .hero-first .hero--xlarge { min-height: calc(100vh - 35px); } } @media screen and (max-width: 769px) { .shopify-section.hero-section:first-child .hero-mobile-xlarge, .hero-first .hero-mobile-xlarge { min-height: calc(100vh - 105px); } .transparent-header--mobile .shopify-section.hero-section:first-child .hero-mobile-xlarge, .transparent-header--mobile .hero-first .hero-mobile-xlarge { min-height: calc(100vh - 35px); } } @media screen and (min-width: 769.1px) { .transparent-header--desktop .shopify-section.hero-section:first-child .hero-content, .transparent-header--desktop .hero-first .hero-content { padding-top: 80px; } } @media screen and (min-width: 769.1px) { .transparent-header--desktop.menu_bar--present .shopify-section.hero-section:first-child .hero-content, .transparent-header--desktop.menu_bar--present .hero-first .hero-content { padding-top: 115px; } } @media screen and (max-width: 769px) { .transparent-header--mobile .shopify-section.hero-section:first-child .hero-content, .transparent-header--mobile .hero-first .hero-content { padding-top: 70px; } } @media screen and (max-width: 769px) { .transparent-header--mobile.menu_bar--present .shopify-section.hero-section:first-child .hero-content, .transparent-header--mobile.menu_bar--present .hero-first .hero-content { padding-top: 105px; } } .hero-video { object-fit: cover; min-height: 100%; } .hero__inner { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 30px; padding-bottom: 30px; } @media screen and (min-width: 769.1px) { .hero__inner { padding-top: 60px; padding-bottom: 60px; } } .section-full-width > .hero__inner { padding-bottom: 0; } .section-full-width.section-no-title > .hero__inner { padding-top: 0; } .hero__text-wrapper { -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 1180px; } @media screen and (max-width: 769px) { .hero__text-wrapper { padding-left: 16px; padding-right: 16px; } } .hero-content { display: inline-block; opacity: 0; } @media screen and (min-width: 1025.1px) { .hero-content { width: 66.666%; } } .slick-dotted .hero-content { padding-bottom: 30px; } .hero-content > :last-child { margin-bottom: 0; } .slick-current .lazyloaded + .hero__inner .hero-content, .hero:not(.hero__slide) .lazyloaded + .hero__inner .hero-content { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @media screen and (min-width: 769.1px) { .hero__text { font-size: 16px; } } .hero-collection .hero__text { margin-bottom: 0; } /*================ _Hero_slick ================*/ .slick-hero .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; } .slick-hero .slick-slide { display: -webkit-flex; display: -ms-flexbox; display: flex; } /*================ _Featured_row ================*/ @media screen and (min-width: 769.1px) { .featured-row-right { order: 1; } } /*================ _Featured_image ================*/ .featured-image-section .wrapper-full .image { border-radius: 0; } /*================ _Gallery ================*/ .image-bar { overflow: hidden; } @media screen and (max-width: 769px) { .image-bar { max-width: 400px; margin: 0 auto; } } .image-bar__item { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .image-bar__content, .image-bar__item { position: relative; width: 100%; } .image-bar--small .image-bar__content, .image-bar--small .image-bar__item { height: 94px; } .image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item { height: 357px; } .image-bar--large .image-bar__content, .image-bar--large .image-bar__item { height: 488px; } .image-bar__caption { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } /*================ _Quotes ================*/ .quote-icon-wrapper { border-radius: 6px; background-color: #f9de65; border-radius: 6px; } .quote-icon { color: white; } /*================ _Logo_list ================*/ @media screen and (min-width: 769.1px) { .logo-list-title { font-size: 18px; margin-bottom: 0; } } @media screen and (max-width: 769px) { .logo-bar__item img { display: block; margin: 0 auto; } } /*================ _Map ================*/ .map-container { position: relative; width: 100%; } @media screen and (max-width: 769px) { .map-container .media { position: relative; height: 250px; } } .map-section--display-map .map-section__image { display: none !important; } .map-section--load-error .map-section__image { display: block !important; } .map-section__content { border: none; } @media screen and (min-width: 769.1px) { .map-section__content { width: 33.333%; padding: 30px; } } @media screen and (max-width: 769px) { .map-section__content { background-color: #f1f1f1; } } .gm-style-cc, .gm-style-cc + div { visibility: hidden; } /*============================================================================ _Templates ==============================================================================*/ /*================ _Article ================*/ .featured-blog__author { text-transform: capitalize; } .comment + .comment { margin-top: 14px; } /*================ _Blog ================*/ .rss-link { font-size: 0.6em; } /*================ _Cart ================*/ .cart__price-wrapper { width: 60px; word-wrap: break-word; line-height: 1.2; } .cart__price { width: 100%; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .cart__product-has-discount .cart__price { display: block; } .cart__subtotal-discounted { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .cart__subtotal-price { max-width: 75%; } .product-discount { margin-top: 3px; margin-bottom: 0; color: #f9de65; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .order-discount { margin-bottom: 3px; color: #f9de65; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .cookie-message { display: none; } .cart--no-cookies .cookie-message { display: block; } .cart-item .placeholder-svg { fill: rgba(33, 37, 41, 0.6); background-color: #f1f1f1; } /*================ _Cart_ajax ================*/ #CartDrawer { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .ajaxcart-loading { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .ajaxcart--is-loaded .ajaxcart-loading { display: none; } .ajaxcart--is-loading #CartContainer { display: none; } .ajaxcart_row { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ajaxcart_row:not(:last-of-type) { border-bottom: none; } .ajaxcart_row.is-loading { opacity: 0.6 !important; } .ajaxcart-products { padding: 0 !important; } /*================ _Collection ================*/ .collection-tags a { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 6px 10px; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; } .collection-tags a:focus { outline: 0; } .collection-tags a:not(.disabled):not([disabled]):hover, .collection-tags a:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } .collection-tags a:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .collection-tags .tag--active a { background-color: #f9de65; border-color: #f9de65; color: black; } .collection-tags .tag--active a:not(.disabled):not([disabled]):hover, .collection-tags .tag--active a:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .collection-tags .tag--active a:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .collection-tags .tag--active:not(.tag--all) a::before { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "highlight_off"; margin-right: 3px; } .collection-layout-button { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 6px 10px; background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; } .collection-layout-button:focus { outline: 0; } .collection-layout-button:not(.disabled):not([disabled]):hover, .collection-layout-button:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } .collection-layout-button:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .collection-layout-button.collection-layout-button--active { background-color: #f9de65; border-color: #f9de65; color: black; } .collection-layout-button.collection-layout-button--active:not(.disabled):not([disabled]):hover, .collection-layout-button.collection-layout-button--active:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .collection-layout-button.collection-layout-button--active:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .collection-controls { margin-bottom: 56px; } .collection-controls-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: end; -ms-justify-content: end; justify-content: end; } @media screen and (max-width: 769px) { .collection-controls-wrapper { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .collection-controls-wrapper .collection-layout-buttons { margin-left: auto; } .collection-controls-wrapper .collection-sortby { width: 100%; } } .collection-sortby-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } @media screen and (max-width: 769px) { .collection-sortby-content { display: block; width: 100%; } } .collection-sortby-label { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } /*================ _Password ================*/ .password-main { min-height: 100vh; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .password-page__header { padding: 16px 0; border-bottom: 1px solid #e5e5e5; } .password-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; flex: auto; } .password-page__content { width: 100%; } .password-page__footer { padding: 30px; background-color: #f1f1f1; } /*================ _Product ================*/ /*=== product media ===*/ .product-single__media-group.slick-initialized .slick-track { -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; } .product-single__media-flex-wrapper:last-of-type { margin-bottom: 0 !important; } .product-stacked_media_flex { -ms-flex-preferred-size: auto; -webkit-flex-basis: auto; -moz-flex-basis: auto; flex-basis: auto; } .product-single__media-flex { width: 100%; } /*=== product thumbnails ===*/ .product-single__thumbnails { margin-top: 16px; } .product-single__thumbnail { opacity: 0.6; } .slick-current .product-single__thumbnail { opacity: 1; } .thumbnail-media-external_video .product-single__thumb { object-fit: none; } .product-single__thumbnail-badge { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .product-single__thumbnail-badge .icon { border-radius: 6px; fill: #f9de65; width: 26px; height: 26px; } .product-single__thumbnail-badge .icon-3d-badge-full-color-element, .product-single__thumbnail-badge .icon-video-badge-full-color-element { fill: black; } @media screen and (max-width: 769px) { .product-single-divider { margin-top: 30px; } } /*=== product details ===*/ .product-single__meta--wrapper { margin-top: 30px; -ms-flex-item-align: flex-start; -webkit-align-self: flex-start; align-self: flex-start; } @media screen and (max-width: 769px) { .product-single__title { font-size: 21px; } } .variant-unavailable .price-container { display: none; } .product-single__price--compare-at { margin-left: 3px; } .product-single__unit { display: none; } .price-container--unit-available .product-single__unit { display: block; } @media screen and (min-width: 769.1px) { .radio-wrapper { -webkit-flex: 50%; -moz-flex: 50%; -ms-flex: 50%; flex: 50%; } } .product-single__form .product-form__item { margin-bottom: 14px; } .product-single__form .product-form__item > label { display: block; margin-bottom: 3px; } .product-single__form .product-form__item .product-form__input { width: 100%; padding: 6px 30px 6px 10px; background-position: right 10px center; } .ie9 .product-single__form .product-form__item .product-form__input, .lt-ie9 .product-single__form .product-form__item .product-form__input { padding-right: 10px; } .single-option-radio { border: 0; padding-top: 0; position: relative; } .single-option-radio input { clip: rect(0 0 0 0) ; clip: rect(0, 0, 0, 0) ; overflow: hidden ; position: absolute ; height: 1px ; width: 1px ; } .lt-ie9 .single-option-radio input { position: relative; height: auto; width: auto; clip: initial; } .single-option-radio label { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 6px 10px; min-width: 35px; } .single-option-radio label:focus { outline: 0; } .lt-ie9 .single-option-radio label.disabled { display: none; } .single-option-radio input[type="radio"]:not(:checked) + label { background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; } .single-option-radio input[type="radio"]:not(:checked) + label:not(.disabled):not([disabled]):hover, .single-option-radio input[type="radio"]:not(:checked) + label:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } .single-option-radio input[type="radio"]:not(:checked) + label:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .single-option-radio input[type="radio"]:checked + label { background-color: #f9de65; border-color: #f9de65; color: black; } .single-option-radio input[type="radio"]:checked + label:not(.disabled):not([disabled]):hover, .single-option-radio input[type="radio"]:checked + label:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } .single-option-radio input[type="radio"]:checked + label:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .single-option-radio .option-radio-disabled + label { text-decoration: line-through; } .variant-label-option-value { text-transform: uppercase; font-size: 11px; font-weight: 700; } .product-single__variants { display: none; } .no-js .product-single__variants { display: block; } .product-single__quantity { display: inline-block; width: 100%; } .variant-unavailable .product-single__quantity, .variant-soldout .product-single__quantity { display: none; } .product-single__add-to-cart { margin-bottom: 14px; } .btn--add-to-cart { width: 100%; } .section-description.section-blank { padding-top: 0; } .product-single__description > p:first-child:empty, .product-single__description > p:last-child:empty, .pt-description > p:first-child:empty, .pt-description > p:last-child:empty { display: none; } .back-box { text-align: center; position: relative; } .back-box + * { border-top: none !important; } .back-box + .shopify-section > div { border-top: none !important; } /*============================================================================ _Pages ==============================================================================*/ .page-empty { text-align: center; } /*================ _Password_page ================*/ @supports (-webkit-touch-callout: none) { #LoginModal .modal-content { height: -webkit-fill-available; } } /*================ _Policies_page ================*/ body .shopify-policy__container { max-width: initial; margin: initial; padding-left: initial; padding-right: initial; } body .shopify-policy__container .rte { margin-bottom: 0; } /*============================================================================ _Utilities ==============================================================================*/ .spacer-auto > * { margin-bottom: 0; } .spacer-auto > * + * { margin-top: 14px; } .spacer-auto-lg > * { margin-bottom: 0; } .spacer-auto-lg > * + * { margin-top: 21px; } .spacer-auto-sm > * { margin-bottom: 0; } .spacer-auto-sm > * + * { margin-top: 7px; } .spacer-auto-xs > * { margin-bottom: 0; } .spacer-auto-xs > * + * { margin-top: 3px; } .spacer-top { margin-top: 14px; } .spacer-top-lg { margin-top: 21px; } .spacer-top-sm { margin-top: 7px; } .spacer-top-xs { margin-top: 3px; } .spacer-top-auto { margin-top: auto; } .spacer-top-none { margin-top: 0; } .spacer-bottom { margin-bottom: 14px; } .spacer-bottom-lg { margin-bottom: 21px; } .spacer-bottom-sm { margin-bottom: 7px; } .spacer-bottom-xs { margin-bottom: 3px; } .spacer-bottom-auto { margin-bottom: auto; } .spacer-bottom-none { margin-bottom: 0; } .spacer-left { margin-left: 14px; } .spacer-left-lg { margin-left: 21px; } .spacer-left-sm { margin-left: 7px; } .spacer-left-xs { margin-left: 3px; } .spacer-left-auto { margin-left: auto; } .spacer-right { margin-right: 14px; } .spacer-right-lg { margin-right: 21px; } .spacer-right-sm { margin-right: 7px; } .spacer-right-xs { margin-right: 3px; } .spacer-right-auto { margin-right: auto; } .spacer-none { margin: 0; } .spacer-reset { margin: initial; } .spacer-x-auto { margin-left: auto; margin-right: auto; } .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .flex-column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-shrink { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; } .flex-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-0 { -webkit-flex: 0; -moz-flex: 0; -ms-flex: 0; flex: 0; } .flex-1 { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .flex-2 { -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; } .flex-3 { -webkit-flex: 3; -moz-flex: 3; -ms-flex: 3; flex: 3; } .flex-100 { -webkit-flex: 100%; -moz-flex: 100%; -ms-flex: 100%; flex: 100%; } .justify-between { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .justify-around { -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; } @media screen and (min-width: 769.1px) { .order-0 { order: 0; } } @media screen and (min-width: 769.1px) { .order-1 { order: 1; } } @media screen and (min-width: 769.1px) { .order-2 { order: 2; } } @media screen and (max-width: 769px) { .small-order-0 { order: 0; } } @media screen and (max-width: 769px) { .small-order-1 { order: 1; } } @media screen and (max-width: 769px) { .small-order-2 { order: 2; } } .display-none { display: none; } .display-block { display: block; } .display-inline { display: inline; } .text-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .text-primary { color: #f9de65; } .text-secondary { color: #f9de65; } .text-sale { color: red; } .text-small { font-size: 11px; } .text-large { font-size: 16px; } .text-link { color: #f9de65; text-decoration: underline; } @media screen and (min-width: 769.1px) { .text-lead { font-size: 16px; } } .text-accent { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .text-money { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .text-sub { text-transform: uppercase; font-size: 11px; font-weight: 700; } .text-strike { text-decoration: line-through !important; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #a3a3a3; } .text-italic { font-style: italic; } @media screen and (max-width: 769px) { .text-small-mobile { font-size: 11px; } } .border-top { border-top: 1px solid #e5e5e5; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .border-rounded { border-radius: 6px; } .border-top-none { border-top: 0; } .border-bottom-none { border-bottom: 0; } .radius-none { border-radius: 0; } .radius-circle { border-radius: 6px; } .bg-default { background-color: #f1f1f1; } .section-default .bg-default { background-color: white; } .fadeIn { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeInUp { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeInDown { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeInLeft { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeInRight { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeOut { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeOutUp { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeOutDown { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeOutLeft { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .fadeOutRight { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideInLeft { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -ms-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideInRight { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -ms-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideInUp { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; -ms-animation-name: slideInUp; -o-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideInDown { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideOutLeft { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -ms-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideOutRight { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -ms-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideOutUp { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -ms-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .slideOutDown { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: slideOutDown; -moz-animation-name: slideOutDown; -ms-animation-name: slideOutDown; -o-animation-name: slideOutDown; animation-name: slideOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .bounce { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .flash { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .pulse { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .rubberBand { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: rubberBand; -moz-animation-name: rubberBand; -ms-animation-name: rubberBand; -o-animation-name: rubberBand; animation-name: rubberBand; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .shakeX { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: shakeX; -moz-animation-name: shakeX; -ms-animation-name: shakeX; -o-animation-name: shakeX; animation-name: shakeX; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .shakeY { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: shakeY; -moz-animation-name: shakeY; -ms-animation-name: shakeY; -o-animation-name: shakeY; animation-name: shakeY; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .tada { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .heartBeat { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: heartBeat; -moz-animation-name: heartBeat; -ms-animation-name: heartBeat; -o-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .fast { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; } .spin { -webkit-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -moz-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -ms-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); -o-animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); animation: spin 1s infinite cubic-bezier(0.35, 0, 0.25, 1); } .visually-hidden { clip: rect(0 0 0 0) ; clip: rect(0, 0, 0, 0) ; overflow: hidden ; position: absolute ; height: 1px ; width: 1px ; } .visually-shown { clip: initial ; clip: initial ; overflow: visible ; position: inherit ; height: initial ; width: initial ; } .visible { opacity: 1; visibility: visible; } .hide-empty:empty { display: none; } .inline-list { list-style: none; margin-left: 0; margin-right: -7px; margin-bottom: -7px; } .inline-list > * { display: inline-block; margin-right: 7px; margin-bottom: 7px; vertical-align: middle; } .clearfix::after { content: ""; display: table; clear: both; } .whitespace-nowrap { white-space: nowrap; } .hover-none:hover { opacity: 1; } @media screen and (min-width: 769.1px) { body.js-drawer-open .prevent-scrollbar-shift, body.js-modal-open .prevent-scrollbar-shift { padding-right: 16.5px; } } .sticky-header .sticky-check-header { top: 94px; } @media screen and (max-width: 769px) { .sticky-header .sticky-check-header { top: 69px; } } .sticky-announcement_bar .sticky-check-header { top: 49px; } @media screen and (max-width: 769px) { .sticky-announcement_bar .sticky-check-header { top: 34px; } } .sticky-header.sticky-announcement_bar .sticky-check-header { top: 129px; } @media screen and (max-width: 769px) { .sticky-header.sticky-announcement_bar .sticky-check-header { top: 104px; } } [disabled], .disabled { cursor: default !important; opacity: 0.6 !important; } .draggable { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .draggable:active { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*============================================================================ _App_style ==============================================================================*/ /*================ _Integrations ================*/ .drawer__footer .route-div .route-widget { -webkit-justify-content: center !important; -ms-justify-content: center !important; justify-content: center !important; } .drawer__footer .route-div .rw-text-top, .drawer__footer .route-div .rw-text-bottom { color: #FFFFFF; } /*================ _Product_review ================*/ .spr-badge { font-size: 11px; } #shopify-product-reviews { overflow: initial !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 30px; padding-bottom: 30px; margin: 0 !important; } .dbtfy-product_tabs #shopify-product-reviews { padding: 0; } .dbtfy-product_tabs #shopify-product-reviews .spr-container { padding: 0; } @media screen and (min-width: 769.1px) { #shopify-product-reviews { padding-top: 60px; padding-bottom: 60px; } } .section-full-width > #shopify-product-reviews { padding-bottom: 0; } .section-full-width.section-no-title > #shopify-product-reviews { padding-top: 0; } #shopify-product-reviews .spr-container { -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 1180px; border: 0 !important; padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 769px) { #shopify-product-reviews .spr-container { padding-left: 16px; padding-right: 16px; } } #shopify-product-reviews .spr-header-title { margin-bottom: 10px; font-size: 24px; } #shopify-product-reviews .spr-form { border-top: 0 !important; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } #shopify-product-reviews .spr-form-title { margin-bottom: 10px; font-size: 21px; } #shopify-product-reviews .spr-icon-star { color: #f9de65; } #shopify-product-reviews .spr-summary-actions-newreview { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: transparent; border-color: #f9de65; color: #f9de65; margin-top: 14px; } #shopify-product-reviews .spr-summary-actions-newreview:focus { outline: 0; } #shopify-product-reviews .spr-summary-actions-newreview:not(.disabled):not([disabled]):hover, #shopify-product-reviews .spr-summary-actions-newreview:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } #shopify-product-reviews .spr-summary-actions-newreview:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #shopify-product-reviews .spr-button { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: #f9de65; border-color: #f9de65; color: black; } #shopify-product-reviews .spr-button:focus { outline: 0; } #shopify-product-reviews .spr-button:not(.disabled):not([disabled]):hover, #shopify-product-reviews .spr-button:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } #shopify-product-reviews .spr-button:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #shopify-product-reviews .spr-pagination > div { list-style: none; margin-left: 0; margin-right: -7px; margin-bottom: -7px; } #shopify-product-reviews .spr-pagination > div > * { display: inline-block; margin-right: 7px; margin-bottom: 7px; vertical-align: middle; } #shopify-product-reviews .spr-pagination-page { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; padding: 0; letter-spacing: 0; border-radius: 6px; height: 35px; width: 35px; line-height: 33px; font-size: 18px; } #shopify-product-reviews .spr-pagination-page:focus { outline: 0; } #shopify-product-reviews .spr-pagination-page:not(.is-active) a { background-color: #f7f7f7; border-color: #f7f7f7; color: #1a1a1a; } #shopify-product-reviews .spr-pagination-page:not(.is-active) a:not(.disabled):not([disabled]):hover, #shopify-product-reviews .spr-pagination-page:not(.is-active) a:not(.disabled):not([disabled]):focus { opacity: 1; color: #1a1a1a; background-color: #e4e4e4; border-color: #dedede; -webkit-box-shadow: 0 0 0 0.2rem #c4c4c4; -moz-box-shadow: 0 0 0 0.2rem #c4c4c4; -ms-box-shadow: 0 0 0 0.2rem #c4c4c4; -o-box-shadow: 0 0 0 0.2rem #c4c4c4; box-shadow: 0 0 0 0.2rem #c4c4c4; } #shopify-product-reviews .spr-pagination-page:not(.is-active) a:not(.disabled):not([disabled]):active { color: #1a1a1a; background-color: #d7d7d7; border-color: #d1d1d1; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #shopify-product-reviews .spr-pagination-page.is-active { background-color: #f9de65; border-color: #f9de65; color: black; } #shopify-product-reviews .spr-pagination-page.is-active:not(.disabled):not([disabled]):hover, #shopify-product-reviews .spr-pagination-page.is-active:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } #shopify-product-reviews .spr-pagination-page.is-active:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #shopify-product-reviews .new-review-form { padding: 0; border: none; } #shopify-product-reviews .spr-review, #shopify-product-reviews .spr-form, #shopify-product-reviews .spr-pagination { border-top: 1px solid #e5e5e5; } #shopify-product-reviews .spr-header { text-align: center; } #shopify-product-reviews .spr-review-content-body, #shopify-product-reviews .spr-review-header-byline, #shopify-product-reviews .spr-form-label { font-size: inherit; line-height: inherit; } #shopify-product-reviews .spr-form-label { display: block; text-align: left; } #shopify-product-reviews .spr-summary-actions-newreview { float: none; } #shopify-product-reviews .spr-summary-caption, #shopify-product-reviews .spr-summary-actions { display: block; } #judgeme_product_reviews { text-align: left; -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 1180px; } .product-tab #judgeme_product_reviews, .horizontal-tabs-body #judgeme_product_reviews { padding-left: 7px; padding-right: 7px; } @media screen and (max-width: 769px) { #judgeme_product_reviews { padding-left: 16px; padding-right: 16px; } } #judgeme_product_reviews .jdgm-write-rev-link { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: #f9de65; border-color: #f9de65; color: black; } #judgeme_product_reviews .jdgm-write-rev-link:focus { outline: 0; } #judgeme_product_reviews .jdgm-write-rev-link:not(.disabled):not([disabled]):hover, #judgeme_product_reviews .jdgm-write-rev-link:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } #judgeme_product_reviews .jdgm-write-rev-link:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #judgeme_product_reviews .jdgm-ask-question-btn { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: transparent; border-color: #f9de65; color: #f9de65; } #judgeme_product_reviews .jdgm-ask-question-btn:focus { outline: 0; } #judgeme_product_reviews .jdgm-ask-question-btn:not(.disabled):not([disabled]):hover, #judgeme_product_reviews .jdgm-ask-question-btn:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } #judgeme_product_reviews .jdgm-ask-question-btn:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #judgeme_product_reviews .jdgm-all-reviews-widget, #judgeme_product_reviews .jdgm-rev-widg { border: none; } #judgeme_product_reviews .jdgm-rev-widg { padding-left: 0; padding-right: 0; } .product-tab #judgeme_product_reviews .jdgm-rev-widg, .horizontal-tabs-body #judgeme_product_reviews .jdgm-rev-widg { margin-top: 0; margin-bottom: 0; } #judgeme_product_reviews .jdgm-sort-dropdown { padding: 6px 30px 6px 10px; background-position: right 10px center; } .ie9 #judgeme_product_reviews .jdgm-sort-dropdown, .lt-ie9 #judgeme_product_reviews .jdgm-sort-dropdown { padding-right: 10px; } #opinew-app-container { -webkit-transition: padding 0.3s ease, max-width 0.3s ease; -moz-transition: padding 0.3s ease, max-width 0.3s ease; -ms-transition: padding 0.3s ease, max-width 0.3s ease; -o-transition: padding 0.3s ease, max-width 0.3s ease; transition: padding 0.3s ease, max-width 0.3s ease; margin: 0 auto; padding-left: 30px; padding-right: 30px; max-width: 1180px; margin-top: 14px !important; margin-bottom: 14px !important; } @media screen and (max-width: 769px) { #opinew-app-container { padding-left: 16px; padding-right: 16px; } } #opinew-app-container #review-body-wrapper .opw-text-red-dark div:not(:last-of-type) { margin-bottom: 7px; } #opinew-app-container .opw-paginator-li.opw-paginator-active-class { font-weight: bold; } #opinew-app-container .question-card-container div:first-of-type { margin-bottom: 7px !important; } #opinew-stars-plugin-product { margin-bottom: 3px; } .grid-product__wrapper #opinew-stars-plugin-product { margin-top: 7px; text-align: center; } .grid-product #automizely_reviews_product_detail_title_star_widget #production-starsWrapper { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } #product_page_reviews_carousel { margin-top: 0 !important; } /*================ _shopify_digital_downloads ================*/ #digital-downloads-proxy .sdd-download { padding: 0; } #digital-downloads-proxy .sdd-download-product { margin-bottom: 10px; text-rendering: optimizeLegibility; color: #212529; font-family: Poppins, sans-serif; font-weight: 700; font-style: normal; text-transform: initial; letter-spacing: 0px; line-height: 1.2; } @media screen and (min-width: 769.1px) { #digital-downloads-proxy .sdd-download-file { font-size: 16px; } } #digital-downloads-proxy .sdd-download .sdd-download-button { border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 24px; font-size: 14px; line-height: 1.5; display: inline-block; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; background-color: transparent; border-color: #f9de65; color: #f9de65; font-size: 14px; } #digital-downloads-proxy .sdd-download .sdd-download-button:focus { outline: 0; } #digital-downloads-proxy .sdd-download .sdd-download-button:not(.disabled):not([disabled]):hover, #digital-downloads-proxy .sdd-download .sdd-download-button:not(.disabled):not([disabled]):focus { opacity: 1; color: black; background-color: #f8d640; border-color: #f7d334; -webkit-box-shadow: 0 0 0 0.2rem #efc509; -moz-box-shadow: 0 0 0 0.2rem #efc509; -ms-box-shadow: 0 0 0 0.2rem #efc509; -o-box-shadow: 0 0 0 0.2rem #efc509; box-shadow: 0 0 0 0.2rem #efc509; } #digital-downloads-proxy .sdd-download .sdd-download-button:not(.disabled):not([disabled]):active { color: black; background-color: #f7d128; border-color: #f6ce1b; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /*============================================================================ _ADDONS ==============================================================================*/ /* start-dbtfy-addtocart-animation */ .js-drawer-open .btn--addtocart_animation, .js-modal-open .btn--addtocart_animation, .btn--addtocart_animation.disabled, .btn--addtocart_animation[disabled], .btn--addtocart_animation.btn--loading { animation: none !important; } /* end-dbtfy-addtocart-animation */ /* start-dbtfy-back-in-stock */ /* end-dbtfy-back-in-stock */ /* start-dbtfy-cart-goal */ /* end-dbtfy-cart-goal */ /* dbtfy-cart-upsell */ /* end-dbtfy-cart-upsell */ /* start-dbtfy-collection-addtocart */ /* end-dbtfy-collection-addtocart */ /* start-dbtfy-collection-filters */ @media screen and (max-width: 769px) { .collection-filters-btn { margin-bottom: 14px; } } .filter-group-body ul { list-style: none; margin: 0; padding: 0; } .filter-group-body ul li:not(:last-child) { margin-bottom: 10px; } .dbtfy-filter-list-links li.active a { color: #f9de65; } /* end-dbtfy-collection-filters */ /* start-dbtfy-color-swatches */ /* end-dbtfy-color-swatches */ /* start-dbtfy-cookie-box */ body:not(.dbtfy-cookie_box-destroy) #CookieBox { bottom: 0; left: 0; right: 0; width: 100%; position: fixed; pointer-events: none; z-index: 999999993; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body:not(.dbtfy-cookie_box-destroy) #CookieBox.is-closing { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body:not(.dbtfy-cookie_box-destroy) .cb-container { border-radius: 6px; pointer-events: auto; padding: 16px; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body:not(.dbtfy-cookie_box-destroy) .cb-container:not(.cb-inverted) { background: white; } @media screen and (max-width: 769px) { body:not(.dbtfy-cookie_box-destroy) .cb-container { width: 100%; margin-bottom: 16px; } } body:not(.dbtfy-cookie_box-destroy).scroll-sticky_addtocart .cb-container { margin-bottom: 101px; } @media screen and (max-width: 769px) { body:not(.dbtfy-cookie_box-destroy).scroll-sticky_addtocart .cb-container { margin-bottom: 67px; } } @media screen and (min-width: 769.1px) { body:not(.dbtfy-cookie_box-destroy) .cb-grid .rte { margin-bottom: 0; } } body:not(.dbtfy-cookie_box-destroy) .cb-btn { margin-right: 7px; } /* end-dbtfy-cookie-box */ /* start-dbtfy-delivery-date */ /* end-dbtfy-delivery-date */ /* start-dbtfy-discount-saved */ /* end-dbtfy-discount-saved */ /* start-dbtfy-facebook-messenger */ /* end-dbtfy-facebook-messenger */ /* start-dbtfy-faq-page */ /* end-dbtfy-faq-page */ /* start-dbtfy-gift-wrap */ /* end-dbtfy-gift-wrap */ /* start-dbtfy-instagram-feed */ /* end-dbtfy-instagram-feed */ /* start-dbtfy-inventory-quantity */ /* end-dbtfy-inventory-quantity */ /* start-dbtfy-mega-menu */ /* end-dbtfy-mega-menu */ /* start-dbtfy-menu-bar */ /* end-dbtfy-menu-bar */ /* start-dbtfy-newsletter-popup */ /* end-dbtfy-newsletter-popup */ /* start-dbtfy-order-feedback */ /* end-dbtfy-order-feedback */ /* start-dbtfy-order-tracking */ /* end-dbtfy-order-tracking */ /* start-dbtfy-page-transition */ .dbtfy-page_transition { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000000008; width: 100vw; height: 100vh; background-color: white; opacity: 1; visibility: visible; -webkit-transition: opacity 0.6s ease, visibility 0.6s ease; -moz-transition: opacity 0.6s ease, visibility 0.6s ease; -ms-transition: opacity 0.6s ease, visibility 0.6s ease; -o-transition: opacity 0.6s ease, visibility 0.6s ease; transition: opacity 0.6s ease, visibility 0.6s ease; } .dbtfy-page_transition.pt-hidden { opacity: 0; visibility: hidden; pointer-events: none; } .dbtfy-page_transition .pt-wrapper { width: 100%; height: 100%; } /* end-dbtfy-page-transition */ /* start-dbtfy-pricing-table */ /* end-dbtfy-pricing-table */ /* start-dbtfy-product-image-crop */ body:not(.dbtfy-product_image_crop-destroy) .product--wrapper { padding-top: 100% !important; } body:not(.dbtfy-product_image_crop-destroy) .product--image { height: 100%; object-fit: cover; object-position: center center; } /* end-dbtfy-product-image-crop */ /* start-dbtfy-product-bullet-points */ /* end-dbtfy-product-bullet-points */ /* start-dbtfy-product-swatches */ /* end-dbtfy-product-swatches */ /* start-dbtfy-product-tabs */ /* end-dbtfy-product-tabs */ /* start-dbtfy-quantity-breaks */ /* end-dbtfy-quantity-breaks */ /* start-dbtfy-quick-view */ /* end-dbtfy-quick-view */ /* start-dbtfy-recently-viewed */ /* end-dbtfy-recently-viewed */ /* start-dbtfy-sales-pop */ /* end-dbtfy-sales-pop */ /* start-dbtfy-shop-protect */ .dbtfy-shop_protect-text { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* end-dbtfy-shop-protect */ /* start-dbtfy-smart-search */ .dbtfy-smart_search { position: relative; } .dbtfy-smart_search .dbtfy-smart-search-wrapper.dbtfy-smart-search-wrapper--page { position: absolute; top: 0; left: 0; z-index: 2; } .dbtfy-smart_search .dbtfy-smart-search-wrapper.dbtfy-smart-search-wrapper--page .ss-section-wrapper { max-height: 50vh; overflow-y: auto; } .dbtfy-smart_search .ss-section-title { border: 1px solid #e5e5e5; border-color: white; background-color: white; padding: 16px; font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; text-transform: initial; letter-spacing: 0px; } .dbtfy-smart_search .ss-item { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; animation-duration: 0.6s; } .dbtfy-smart_search .ss-item:nth-child(2) { animation-delay: .1s; } .dbtfy-smart_search .ss-item:nth-child(3) { animation-delay: .2s; } .dbtfy-smart_search .ss-item:nth-child(4) { animation-delay: .3s; } .dbtfy-smart_search .ss-item:nth-child(5) { animation-delay: .4s; } .dbtfy-smart_search .ss-item:nth-child(6) { animation-delay: .5s; } .dbtfy-smart_search .ss-item:nth-child(7) { animation-delay: .6s; } .dbtfy-smart_search .ss-item:nth-child(8) { animation-delay: .7s; } .dbtfy-smart_search .ss-item:nth-child(9) { animation-delay: .8s; } .dbtfy-smart_search .ss-item:nth-child(10) { animation-delay: .9s; } .dbtfy-smart_search .ss-item + .ss-item { border-top: 1px solid #e5e5e5; border-color: #b2b6ba; } .dbtfy-smart_search .ss-item.item-selected a { opacity: 0.6; } .dbtfy-smart_search .ss-item.item-selected a:after { opacity: 1; } .dbtfy-smart_search .ss-item a { padding: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .dbtfy-smart_search .ss-item a::after { font-family: Material icons outlined; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: bottom; overflow: hidden; content: "search"; opacity: 0; margin-left: auto; font-size: 16px; padding-left: 7px; color: black; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 769px) { .dbtfy-smart_search .ss-item a::after { opacity: 1; } } .dbtfy-smart_search .ss-item a:hover::after, .dbtfy-smart_search .ss-item a:focus::after { opacity: 1; } .dbtfy-smart_search .ss-thumbnail { padding-right: 14px; } .dbtfy-smart_search .ss-thumbnail img, .dbtfy-smart_search .ss-thumbnail svg { height: 60px; max-width: 60px; width: 60px; display: block; object-fit: cover; } .dbtfy-smart_search .ss-info > * { margin-bottom: 0; } .dbtfy-smart_search .ss-info > * + * { margin-top: 3px; } .dbtfy-smart_search .ss-info > * { display: block; } .dbtfy-smart_search .ss-info .ss-price-container { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; line-height: normal !important; } .dbtfy-smart_search .ss-info .ss-price-container > span:not(:first-child) { padding-left: 3px; } .dbtfy-smart_search .ss-info .ss-price { line-height: 1; } .dbtfy-smart_search .ss-info .ss-price .price-compare { padding-right: 3px; } .dbtfy-smart_search .ss-info .ss-vendor { line-height: 1; } /* end-dbtfy-smart-search */ /* start-dbtfy-social-discount */ .dbtfy-social_discount { -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .dbtfy-social_discount:not(.sd-used) + .social-sharing { display: none; } /* end-dbtfy-social-discount */ /* start-dbtfy-sticky-addtocart */ body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart { position: fixed; background-color: white; display: none; width: 100%; z-index: 4; padding-top: 8px; padding-bottom: 8px; left: 0; right: 0; } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart > div { padding-left: 8px; padding-right: 8px; } } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart { top: 0; border-bottom: 1px solid #e5e5e5; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart.sa-visible { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart.is-closing { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart.bottom-sticky_addtocart { bottom: 0; border-top: 1px solid #e5e5e5; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart.bottom-sticky_addtocart.sa-visible { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart #stickyAddToCart.bottom-sticky_addtocart.is-closing { display: block; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .grid { margin-left: -8px; } } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .grid__item { padding-left: 8px; } } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .image-sticky_addtocart, body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart svg { width: 55px; height: 55px; } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .image-sticky_addtocart, body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart svg { width: 35px; height: 35px; } } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .title-sticky_addtocart { margin-bottom: 0; width: 100%; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .select-wrapper-sticky_addtocart select { width: 100%; } @media screen and (min-width: 769.1px) and (max-width: 1025px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .select-wrapper-sticky_addtocart { max-width: 18%; } } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .select-wrapper-sticky_addtocart { max-width: 100%; } } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .text-wrapper-sticky_addtocart { max-width: 30%; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .input-sticky_addtocart { background-color: transparent; border-color: transparent; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .dbtfy-sticky-price-box .discount-sticky-price, body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .dbtfy-sticky-price-box .total-sticky-compare-price { margin-left: 3px; } body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .review-badge { white-space: nowrap; } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy) .dbtfy-sticky_addtocart .btn--sticky_addtocart { padding: 6px 10px; } } body:not(.dbtfy-sticky_addtocart-destroy) .announcement-container { z-index: 3; } @media screen and (min-width: 769.1px) { body:not(.dbtfy-sticky_addtocart-destroy).sticky-header:not(.sticky-announcement_bar) .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart { top: 80px; } } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy).sticky-header:not(.sticky-announcement_bar) .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart { top: 70px; } } body:not(.dbtfy-sticky_addtocart-destroy).sticky-announcement_bar:not(.sticky-header) .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart { top: 35px; } @media screen and (min-width: 769.1px) { body:not(.dbtfy-sticky_addtocart-destroy).sticky-header.sticky-announcement_bar .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart { top: 114px; } } @media screen and (max-width: 769px) { body:not(.dbtfy-sticky_addtocart-destroy).sticky-header.sticky-announcement_bar .dbtfy-sticky_addtocart #stickyAddToCart.top-sticky_addtocart { top: 105px; } } /* end-dbtfy-sticky-addtocart */ /* start-dbtfy-trust-badge */ /* end-dbtfy-trust-badge */ /* start-dbtfy-upsell-bundles */ /* end-dbtfy-upsell-bundles */ /* start-dbtfy-upsell-popup */ /* end-dbtfy-upsell-popup */ /* start-dbtfy-wish-list */ /* end-dbtfy-wish-list */ .product-single__meta { border: solid lightgrey 1px; padding: 15px; margin-bottom: 35px; #box-shadow: 1px 1px #cccfd2, 1px 1px #cccfd2, 1px -1px #cccfd2, -1px -1px #cccfe7; #border-radius: 10px; box-shadow: 8px 5px 15px lightgrey; border-radius: 10px; } .dark-str-i { font-size: 18px !important; } .cv-light-str-i { font-size: 18px !important; } .nub-rev-tt { font-size: 13px !important; } .rev-titl-wp { padding-bottom: 0px !important; padding: 0px 0px !important; margin-top: -10px !important; margin-bottom: 10px !important; } .mwst-versand { margin-top: -20px !important; } .product-single__price { color: #1C1C1C !important; font-size: 20px !important; } .product-single__price--compare-at { color: #646464; } .angebotendet { margin-top: -6px !important; font-size: 14px; } .auflager { margin-top: -2px !important; font-size: 13px; text-align: center; color: green; } .inkl-versand-retoure { margin-top: -19px; color: #bbbbbb; } .inner { font-size: 11px; text-align: center; margin-bottom: 8px; margin-top: -3px; }