/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
    font-family: Kanit;
    src: url(fonts/Kanit-ExtraBold.ttf);
}
a.button-undo-delete-from-cart {
    margin: 0;
    float: right;
}

/* everywhere */
small {
    font-size: 60%;
}

h6 {
    color: #032062;
}

/*restyling of single product info */

.product-info > h1 {
    margin-bottom:0;
    color: #032062;
}

.price.big del {
    display: block;
    font-size: 0.5em;
}

.price.big del .amount.big .decimals {
    margin-left: -4px;
    margin-top: 2px;
}

.price.big ins {
    margin-top: -10px;
    display: block;
}

.price.big .to {
    display: block;
    font-size: 0.5em;
    color: rgba(102,102,102,0.7);
    font-weight: normal;
    line-height: 0.5em;
}

.price.big del .amount.big {
    color: #032062;
    opacity: 1;
    margin-right:0;
    position: relative;
}

.price.big del .amount.big:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    height: 2px;
    background: #333;
    border-radius: 2px;
    border: none;
    background-color: #DF0000;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 100%;
}

.price.big .amount.big {
    font-size: 2.5em !important;
    font-weight: normal;
    font-family: 'Kanit', sans-serif;
    display: inline-block;
    color: #3ec2c6;
}

.price.big .amount.big .decimals {
    font-size: .6em;
    display: inline-block;
    vertical-align: top;
    margin-left: -8px;
    margin-top: 4px;
}

.price.big .amount.big .decimals.bar {
    font-size: 1em;
    display: inline-block;
    vertical-align: baseline;
    margin-left: -5px;
    margin-top: 0px;
}

.price.big .amount.big .woocommerce-Price-currencySymbol {
    display:none;
}

.product-info .store-cod-savings label, .product-info .store-availability label, .product-info .store-price label {
    font-weight: normal;
}

.product-info .woocommerce_MWSt {
    color: rgba(102,102,102,0.7);
    font-size: 0.45em;
    display: block;
    margin-top: 3px;
    
}
.product-summary .woocommerce-Price-currencySymbol {
    font-size: inherit;
    vertical-align: baseline;
    display: inline-block;
    margin-top: 0;
}

/* style animated callout single product page */
.product-images .badge-animated {
    display: block;
    width: auto;
    height: auto;
    font-size:0.8em;
    margin-left: -.4em;
}

.product-images .badge-animated .badge-inner {
    display: block;
    background-color: transparent;
}

.product-images .badge-animated .badge-inner .onsale {
    display: block;
}

.product-images .badge-animated .badge-inner .onsale .inner-text {
    display: inline-block;
    color: #ffffff;
    border: 2px solid #7a9c59;
    background-color: #7a9c59;
    overflow: hidden;
    padding: 10px;
    white-space: nowrap;
}

.product-images .badge-animated .badge-inner .onsale .inner-saving {
    display: inline-block;
    color: #7a9c59;
    border: 2px solid currentColor;
    background-color: transparent;
    overflow: hidden;
    padding: 10px;
}

.product-images .badge-animated .badge-inner .onsale .inner-saving .amount {
    color: #7a9c59;
}

/* style rating campain */
.woocommerce-rating-campaign:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url(images/target.svg);
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin-right: 5px;
    margin-top: 3px;
}

/* custome woocommerce notices */

.woocommerce-info, .message-container {
    font-size: 1.1em;
    margin-top: 0px;
}

.woocommerce-info {
    margin: 0 auto;
}


.woocommerce-message, .woocommerce-error .message-container  {
    display: flex;
    align-items: center;
}

.woocommerce-message .icon , .woocommerce-error .icon , .woocommerce-info .icon{
    display: inline-block;
    margin-right: 10px;
    float: left
}
.woocommerce-message .icon .success_icon__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7a9c59;
    fill: none;
    animation: success_icon_stroke .6s cubic-bezier(.65, 0, .45, 1) .2s forwards
}
.woocommerce-message .icon .success_icon {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #7a9c59;
    animation: success_icon_fill .4s ease-in-out .6s forwards, success_icon_scale .3s ease-in-out 1.1s both
}
.woocommerce-message .icon .success_icon__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-width: 4;
    animation: success_icon_stroke .3s cubic-bezier(.65, 0, .45, 1) 1s forwards
}
@keyframes success_icon_stroke {
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes success_icon_scale {
    0%, 100% {
        transform: none
    }
    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}
@keyframes success_icon_fill {
    100% {
        box-shadow: inset 0 0 0 30px #7a9c59
    }
}
.woocommerce-info .icon .info_icon__circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 180;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #3ec2c6;
    fill: none;
    animation: info_icon_stroke .6s cubic-bezier(.65, 0, .45, 1) .2s forwards
}
.woocommerce-info .icon .info_icon {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    display: block;
    stroke-width: 1;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #3ec2c6;
    animation: info_icon_fill .4s ease-in-out .6s forwards, info_icon_scale .3s ease-in-out 1.1s both
}
.woocommerce-info .icon .info_icon__bar {
    fill-opacity: 0;
    stroke-width: 2;
    transform-origin: 50% 50%;
    stroke-dasharray: 90;
    stroke-dashoffset: 90;
    animation: info_icon_stroke .3s cubic-bezier(.65, 0, .45, 1) 1s forwards, info_icon__fill .3s linear 1.1s forwards
}
@keyframes info_icon__fill {
    100% {
        fill-opacity: 1;
        stroke-width: 1
    }
}
@keyframes info_icon_stroke {
    100% {
        stroke-dashoffset: 0
    }
}
@keyframes info_icon_scale {
    0%, 100% {
        transform: none
    }
    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}
@keyframes info_icon_fill {
    100% {
        box-shadow: inset 0 0 0 30px #3ec2c6
    }
}

.woocommerce-error .icon .error_icon {
    width: 1.5em;
    height: 1.5em;
    display: block;
}

.woocommerce-message .text, .woocommerce-error .error_text {
    line-height: 1.3;
    font-weight: normal;
}

.woocommerce-message .text.cta, .woocommerce-error .error_text.cta, .woocommerce-info .text.cta {
    flex: 1;
    display: flex;
    align-items: center;
}

.woocommerce-error .error_text .cta_text {
    font-weight: normal;
}

.woocommerce-error .error_text .cta_action {
    white-space: nowrap;
}

.woocommerce-error .error_text .cta_action .button {
    margin:0;
    color: #b20000;
}

.woocommerce-error .error_text .cta_action .button:hover {
    color: #333;
}

.woocommerce-error .error_text .cta_action .button.wc-forward {
    display: none;
}

.woocommerce-message .cta_action {
    flex: 1;
    text-align: right
}

.woocommerce-message a.button {
    position: relative;
    float: right;
    left: 0;
    right: 0;
}

.woocommerce-message .text .cta_text a {
    padding: 0 3px;
}

/* svg for loading buttons */
.button.loading:after {
    background-image: url('images/loader_white.svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    animation: none;
    webkit-animation: none;
    border:none !important;
    margin-top: -10px;
    margin-left: -10px;
}

/* svg for processing lightbox */
.box-image.processing:before, .dark .processing:before, .dark.processing:before, .dark.loading-spin, .dark .loading-spin {
    background-image: url(images/loader_white.svg);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    animation: none;
    webkit-animation: none;
    border: none !important;
    margin-top: -15px;
    margin-left: -15px;
}

/* style image tool on picture of the single product page */
.product-images .image-tools {
   line-height: 0;
}

.product-images .image-tools a {
    display: inline-block;
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-images .image-tools a:hover {
    display: inline-block;
    opacity: 1;
    cursor:pointer;
}

.product-images .image-tools a svg {
    width: 39px;
    height: 39px;
}

.product-images .image-tools .product-video-popup {
    margin-left:5px;
    display: inline-block !important;
    margin-bottom: 0;
    margin-right:0;
    background-color: transparent;
    border: none;
    padding:0;
    line-height:0;
    vertical-align: baseline;
    
}

.product-images .image-tools .product-video-popup:hover {
    box-shadow: none;
}


.product-images .image-tools .product-video-popup .circle {
    stroke-dasharray: 1480;
    stroke-dashoffset: 1480;
    -webkit-animation: circle_draw 4s 2s ease-in-out forwards;
    animation: circle_draw 4s 2s ease-in-out forwards;
    
}

.product-images .image-tools .product-video-popup .ring {
    -webkit-animation: pulsate 8s 6s ease-out infinite;
    animation: pulsate 8s 6s ease-out infinite;
    -webkit-transform-origin:  50% 50%;
    transform-origin: 50% 50%;
    
}

.product-images .image-tools.light .product-video-popup .ring {
    -webkit-animation: pulsate_white 8s 6s ease-out infinite;
    animation: pulsate_white 8s 6s ease-out infinite;
    -webkit-transform-origin:  50% 50%;
    transform-origin: 50% 50%;
    
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        stroke: #3ec3c6;
        opacity: 0.8;
    }
    15%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        stroke: #3ec3c6;
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        stroke: #3ec3c6;
        opacity: 0.8;
    }
    15%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        stroke: #3ec3c6;
        opacity: 0;
    }
}

@-webkit-keyframes pulsate_white {
    0% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        stroke: #ffffff;
        opacity: 0.8;
    }
    15%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        stroke: #ffffff;
        opacity: 0;
    }
}
@keyframes pulsate_white {
    0% {
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        stroke: #ffffff;
        opacity: 0.8;
    }
    15%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        stroke: #ffffff;
        opacity: 0;
    }
}

@keyframes circle_draw{
    from{
        stroke-dashoffset: 1480;
    }
    to{
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes circle_draw{
    from{
        stroke-dashoffset: 1480;
    }
    to{
        stroke-dashoffset: 0;
    }
}

.product-images .image-tools.light .zoom-button .circle {
    animation: stroke_to_white 0.5s linear forwards;
    -webkit-animation: stroke_to_white 0.5s linear forwards;
}

.product-images .image-tools.light .product-video-popup .circle {
    animation: stroke_to_white 0.5s linear forwards, circle_draw 4s 2s ease-in-out forwards;
    -webkit-animation: stroke_to_white 0.5s linear forwards, circle_draw 4s 2s ease-in-out forwards;
}

@keyframes stroke_to_white {
    0%   { stroke: #3ec2c6 }
    100% { stroke: #ffffff }
}

@-webkit-keyframes stroke_to_white {
    0%   { stroke: #3ec2c6 }
    100% { stroke: #ffffff }
}

.image-tools.light svg .symbol {
    animation: fill_to_white 0.5s linear forwards;
    -webkit-animation: fill_to_white 0.5s linear forwards;
}

@keyframes fill_to_white {
    0%   { fill: #3ec2c6 }
    100% { fill: #ffffff }
}

@-webkit-keyframes fill_to_white {
    0%   { fill: #3ec2c6 }
    100% { fill: #ffffff }
}

/* style price tag loop */
.badge-container.loop .amount {
    color: inherit;
}

.product .badge-container.loop .badge-circle .ring {
    display: block;
    position: absolute;
    width: 2.8em;
    height: 2.8em;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    border: 2px solid #3ec2c6;
    opacity: 0;
    -webkit-animation: pulsate 5s ease-out infinite;
    animation: pulsate 5s ease-out infinite;
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.8;
    }
    30%, 100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes pulsate {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.8;
    }
    30%, 100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

/* style back to top because of chat */
.back-to-top {
    bottom: 60px;
}

/* style cart page */
.cart_totals .shop_table th {
    font-weight: bold;
}

.cart_totals .shop_table tr.order-total th {
    text-transform : uppercase;
    color: #000;
}

.cart_totals .shop_table tr:not(.order-total) .amount {
    color: inherit;
}

.shop_table .cart_item td.product-price {
    text-align: right;
}
.cart_totals tbody tr.order-total td .includes_tax .amount {
    font-weight: normal !important;
    color: inherit;
}
.cart_totals .includes_tax {
    display: block;
}

.cross-sells h2 {
    font-size: 100%;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 3px solid #DDD;
}

.icon-running:before {
    content: url('images/right-double-chevron.svg');
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

/* style empty cart */
.empty_bag_icon {
    width: 220px;
    height: 220px;
    background-image: url('images/sad_bag.svg');
    background-repeat: no-repeat;
    margin: 0 auto 20px;
    position: relative
}
.empty_bag_icon:after,
.empty_bag_icon:before {
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    background: #3ec2c6;
    top: 65%;
    animation: blinkiblinki 6s 1s infinite linear alternate
}
.empty_bag_icon:after {
    right: 30%
}
.empty_bag_icon:before {
    left: 30%
}
@keyframes blinkiblinki {
    0%, 10%, 14%, 30%, 34%, 38%, 42%, 99.9999% {
        height: 12px;
        top: 65%
    }
    11%,
    13%,
    36%,
    40% {
        height: 2px;
        top: 67%
    }
}

/*style 404 page */
.img_404 {
    width: 257px;
    height: 257px;
    margin: 0 auto;
    background: none;
    background-image: url('images/404.png');
    background-repeat: no-repeat;
}

/* style login page */
#customer_login h2 {
    font-size: 1.45em;
    color: #777777;
}

#customer_login > .col:not(.Login-separator) {
    padding: 50px
}

#customer_login > .col:nth-of-type(1) {
    border-right: 1px solid #d8d8d8
}

.Login-separator {
    background: #fff;
    float: left;
    border: 1px solid #d8d8d8;
    left: 50%;
    border-radius: 100%;
    z-index: 10;
    font-size: 80%;
    text-transform: uppercase;
    width: 50px;
    position: absolute;
    padding-bottom: 50px;
    margin-left: -25px;
    margin-top: 40px
}

.Login-separator .Label-separator {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 50%;
    margin-top: -0.7em;
    left: 0
}

#customer_login .login .Login-label, #customer_login .register .Register-label {
    font-size: 80%;
    min-height: 60px;
    color: #aaa
}

button[name='login'] {
    display:block
}

.icon-login_white:before {
    content: url('images/login_white.svg');
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.icon-register_white:before {
    content: url('images/register_white.svg');
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

a.lost_password {
    float: right;
    font-weight: 700;
    font-size: 80%
}

input[name='username'], input[name='email'] {
    background: white url('images/at.svg') no-repeat;
    background-size: 20px;
    background-position: 5px 50%;
}
input[name='username']:focus, input[name='email']:focus,
input[name='username']:valid, input[name='email']:valid {
    background-image: none;
}

input[name='password'] {
    background: white url('images/unlocked-padlock.svg') no-repeat;
    background-size: 20px;
    background-position: 5px 50%;
}
input[name='password']:focus,
input[name='password']:valid {
    background-image: none;
}


input[id='reg_password'].short {
    background-color: #cb2320;
    color: #D0D0D0;
}

input[id='reg_password'].bad {
    background-color: #7a9c59;
    color: #D0D0D0;
}

input[id='reg_password'].good {
    background-color: #7a9c59
}

input[id='reg_password'].strong {
    background-color: #3ec2c6;
}

form.edit-account input[id='password_1'].short, form.lost_reset_password input[id='password_1'].short {
    background-color: #cb2320;
    color: #D0D0D0;
}

form.edit-account input[id='password_1'].bad, form.lost_reset_password input[id='password_1'].bad {
    background-color: #7a9c59;
    color: #D0D0D0;
}

form.edit-account input[id='password_1'].good, form.lost_reset_password input[id='password_1'].good {
    background-color: #7a9c59
}

form.edit-account input[id='password_1'].strong, form.lost_reset_password input[id='password_1'].strong {
    background-color: #3ec2c6;
}

form.edit-account .input_wrapper, form.lost_reset_password .input_wrapper {
    display: block;
    width: 100%;
    position: relative;
}

form.edit-account .input_wrapper .feedback_icon, form.lost_reset_password .input_wrapper .feedback_icon {
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    top: 10px;
    right: 40px;
}

/* invalid focus */
form.edit-account .input_wrapper input.mismatch:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle, form.lost_reset_password .input_wrapper input.mismatch:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle  {
    fill: #b20000;
}
form.edit-account .input_wrapper input.mismatch:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__cross, form.lost_reset_password .input_wrapper input.mismatch:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__cross  {
    fill: #fff;
}
form.edit-account .input_wrapper input.mismatch:focus:not(:placeholder-shown) + svg.feedback_icon+ span.requirements, form.lost_reset_password .input_wrapper input.mismatch:focus:not(:placeholder-shown) + svg.feedback_icon+ span.requirements  {
    max-height: 200px;
    padding: 5px;
}

/* invalid not focus */
form.edit-account .input_wrapper input.mismatch:not(:focus):not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle, form.lost_reset_password .input_wrapper input.mismatch:not(:focus):not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle  {
    stroke: #b20000;
    stroke-width: 2
}
form.edit-account .input_wrapper input.mismatch:not(:focus):not(:placeholder-shown) + svg.feedback_icon .feedback_icon__cross, form.lost_reset_password .input_wrapper input.mismatch:not(:focus):not(:placeholder-shown) + svg.feedback_icon .feedback_icon__cross  {
    fill: #b20000;
}

/* valid focus */

form.edit-account .input_wrapper input.matched:focus:not(:placeholder-shown) + svg.feedback_icon, form.lost_reset_password .input_wrapper input.matched:focus:not(:placeholder-shown) + svg.feedback_icon {
    border-radius: 50%;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #7a9c59;
    animation: feedback_icon_fill .4s ease-in-out .6s forwards, feedback_icon_scale .3s ease-in-out 1.1s both;
}
form.edit-account .input_wrapper input.matched:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle, form.lost_reset_password .input_wrapper input.matched:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle  {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7a9c59;
    fill: none;
    animation: feedback_icon_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s forwards;
}
form.edit-account .input_wrapper input.matched:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__check, form.lost_reset_password .input_wrapper input.matched:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__check  {
    stroke-width: 5;
    stroke: #fff;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: success_icon_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards;
}

/* keyframes */
@keyframes feedback_icon_stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes feedback_icon_scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes feedback_icon_fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7a9c59;
    }
}

button.register:disabled, button.register:disabled:hover {
    border-color: #999999;
    background-color: #999999;
    color: #ffffff;
    cursor: not-allowed;
}

ul.header-nav-main .account-item a.nav-top-not-logged-in span:before{
    content: url('images/key.svg');
    width: 1.5em;
    display: inline-block
}

.account-container .input_wrapper {
    display:block;
    width:100%;
    position: relative;
    padding-bottom:1em;
}

.account-container .input_wrapper input {
    margin:0;
}

.account-container .input_wrapper .feedback_icon {
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    top: 10px;
    right: 6px;
}

/* invalid focus */
.account-container .input_wrapper input:invalid:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle  {
    fill: #b20000;
}
.account-container .input_wrapper input:invalid:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__cross  {
    fill: #fff;
}
.account-container .input_wrapper input:invalid:focus:not(:placeholder-shown) + svg.feedback_icon+ span.requirements  {
    max-height: 200px;
    padding: 5px;
}

/* invalid not focus */
.account-container .input_wrapper input:invalid:not(:focus):not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle  {
    stroke: #b20000;
    stroke-width: 2
}
.account-container .input_wrapper input:invalid:not(:focus):not(:placeholder-shown) + svg.feedback_icon .feedback_icon__cross  {
    fill: #b20000;
}

/* valid focus */

.account-container .input_wrapper input:valid:focus:not(:placeholder-shown) + svg.feedback_icon {
    border-radius: 50%;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #7a9c59;
    animation: feedback_icon_fill .4s ease-in-out .6s forwards, feedback_icon_scale .3s ease-in-out 1.1s both;
}
.account-container .input_wrapper input:valid:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__circle  {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7a9c59;
    fill: none;
    animation: feedback_icon_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.2s forwards;
}
.account-container .input_wrapper input:valid:focus:not(:placeholder-shown) + svg.feedback_icon .feedback_icon__check  {
    stroke-width: 5;
    stroke: #fff;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: success_icon_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards;
}

/* keyframes */
@keyframes feedback_icon_stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes feedback_icon_scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes feedback_icon_fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7a9c59;
    }
}

/* style loading cart etc */
.processing:before {
    background-image: url(images/loader_blue.svg);
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    animation: none;
    webkit-animation: none;
    border: none !important;
    margin-top: -25px;
    margin-left: -25px;
}

/* style quatity added just before add to cart button */
.product-summary .quantity {
    margin-right: 0.5em;
}

/* style flickity slider */
.flickity-page-dots .dot {
    border: 3px solid #032062;
}

.flickity-page-dots .dot.is-selected {
    background-color: #032062;
}

/* style login lightbox */
#login-form-popup .Login-separator .Label-separator {
        margin-top: -0.8em;
}

/* checkout */
.wc-shipping-conditions {
    margin-top: -15px;
    padding: 15px 0;
}
.wc-shipping-conditions label {
    font-weight: normal;
}
.wc-shipping-conditions input {
    margin-bottom: 0;
}

/* checkout restyle coupon form */
.woocommerce-messages+.checkout_coupon {
    padding: 30px;
    background-color: rgba(0,0,0,0.03);
}

/* click through out of stock banner */
.out-of-stock-label {
 pointer-events: none;
 cursor: pointer;
}

.shop_table_responsive .reveal-icon>span {
    vertical-align: middle;
}

.shop_table_responsive .woocommerce-button {
    white-space: nowrap;
}

.shop_table_responsive .order-status-processing:before {
    content: '\f085';
    font-family: 'aquatropica-icon' !important;
    margin-right: 0.5em;
    font-weight: normal;
}

.shop_table_responsive .order-status-on-hold:before {
    content: '\f0e7';
    font-family: 'aquatropica-icon' !important;
    margin-right: 0.5em;
    font-weight: normal;
}

.shop_table_responsive .order-status-pending:before {
    content: '\f09d';
    font-family: 'aquatropica-icon' !important;
    margin-right: 0.5em;
    font-weight: normal;
}

.shop_table_responsive .order-status-cancelled:before {
    content: '\f00d';
    font-family: 'aquatropica-icon' !important;
    margin-right: 0.5em;
    font-weight: normal;
}

.shop_table_responsive .order-status-failed:before {
    content: '\f0a2';
    font-family: 'aquatropica-icon' !important;
    margin-right: 0.5em;
    font-weight: normal;
}

.shop_table_responsive .order-status-completed:before {
    content: '\f0d1';
    font-family: 'aquatropica-icon' !important;
    margin-right: 0.5em;
    font-weight: normal;
}

.woocommerce-orders-table__cell-order-status {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
}

.account-nav li a {
    line-height: 2em;
}
.account-nav .woocommerce-MyAccount-navigation-link--orders a:after {
    content: '\f0c6';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--my-orders-on-demand a:after {
    content: '\f097';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--downloads a:after {
    content: '\f019';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--vouchers a:after {
    content: '\f06b';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--account-wishlists a:after {
    content: '\f004';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--dashboard a:after {
    content: '\f2bd';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--edit-address a:after {
    content: '\f2ba';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--customer-logout a:after {
    content: '\f011';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--edit-account a:after {
    content: '\f013';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--my-reviews a:after {
    content: '\f123';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--my-aquacheck a:after {
    content: '\e900';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--my-waitlist a:after {
    content: '\e904';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}

.account-nav .woocommerce-MyAccount-navigation-link--my-products a:after {
    content: '\e909';
    font-family: 'aquatropica-icon' !important;
    float: right;
    margin-right: 1em;
    font-size: 1.3em;
}


.nav.account-nav>li.active>a {
    color: #032062 !important;
}

/* replace the close round button x with an icon */
.remove .aquatropica-icon-close {
    margin-left: 1px;
    line-height: 20px;
}

/* override social login button size */
.button-social-login, a.button-social-login, input.button-social-login, button.button-social-login, .widget-area .widget a.button-social-login {
    font-size: 80% !important;
}

/* ovverride flatsome shop css */
.message-container a {
    margin:0;
}

/* we inversed quantity inout and button */
.single_add_to_cart_button {
    margin-right:0;
    margin-left:0;
}

/*style wishlist in header */
.wishlist-icon.added:after {
    background-color: red;
    transform: translateY(-3px);
}
[data-icon-label]:after {
    background-color: #b20000 !important;
}

/* style submit button layered nav */
.woocommerce-widget-layered-nav-dropdown__submit {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
}
/* style sold out banner so we can still see through */
.box-image .out-of-stock-label {
    background: rgba(255,255,255,0.75);
}
/* style error messages since we moved them */
.message-wrapper ul.woocommerce-error li {
    list-style: none;
    margin: 0;
}
/* style add_to_cart ajax in grid like old flatsome and on product page */
.image-tools .added_to_cart {
    display: none;
}

.image-tools .add_to_cart_button.added {
    display: block;
}


.product-info .added_to_cart {
    display: none;
}

.product-info .single_add_to_cart_button.ajax_add_to_cart.added:before {
    font-family: 'aquatropica-icon';
    content: "\e907";
    font-weight: normal;
    margin-right: 10px;
}

.product-info .single_add_to_cart_button.ajax_add_to_cart.added {
    background-color: #7a9c59;
    padding: 0 0.4em;
}

/* restyle flatsome small icon for quickview add to cart */
.cart-icon strong {
    color: #fff !important;
    background-color: #032062;
}

.loading .cart-icon strong {
    background-color: #7a9c59;
    background-image: url(images/loader_white.svg);
    background-position: center;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    color: transparent !important
}

.loading .cart-icon:hover strong {
    color: transparent !important;
}

.added .cart-icon strong {
    background-color: #7a9c59;
    border-color: #7a9c59 !important;
}

.added .cart-icon strong:after {
    border-color: #7a9c59 !important;
}

.cart-icon:hover strong {
    color: #fff !important;
    background-color: #3ec2c6 !important;
    border-color: #3ec2c6 !important;
}

.cart-icon:hover strong:after {
    border-color: #3ec2c6 !important;
}

.image-tools .cart-icon {
    right: 10px !important;
    left: auto;
}

/* style messages in lightbox */
.product-quick-view-container > .woocommerce-NoticeGroup {
    padding: 20px 20px 0px 20px;
}

.aquatropica-icon-heart.buzz-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

/* my account dashboard link */
.dashboard-links .small_title {
    padding: 20px 10px 0px 10px;
    opacity: 0.6;
    font-size: .6em;
}

.dashboard-links .account_icon svg {
    width: 60px;
    padding-bottom: 10px;
}

.label-new.woocommerce-MyAccount-navigation-link>a:after {
    background-color: #3ec2c6;
    content: "Neu";
    display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: -0.1;
    margin-left: 4px;
    font-weight: bolder;
    border-radius: 2px;
    color: #fff;
    padding: 2px 3px 3px;
    position: relative;
    top: -2px
}

.label-new.woocommerce-MyAccount-navigation-link>a:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/* restyle my address screen */
.woocommerce-Addresses.row .woocommerce-Address.large-6 {
    padding:20px;
}

/* style share row added embed */
.button.embed:not(.is-outline), .button.embed:hover {
    color: #3ec2c6;
}

/* correct flickity bug with z index */
.flickity-slider .out-of-stock-label, .flickity-slider .badge-container {
    transform: translateZ(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased; /* seems to do the same in Safari Family of Browsers*/
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}