@charset "UTF-8";
/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/plugins/woo-advanced-product-size-chart/public/css/size-chart-for-woocommerce-public.css?ver=2.4.8 */
/** add_action( 'wp_head', 'wc_page_noindex' );
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
body.scfw-size-chart-active{overflow:hidden;}
.remodal-wrapper .size-chart-model{padding:35px}
.chart-content-list{display:inline-block;float:left;width:71%;padding-right:10px;text-align:left}
.chart-content-list span{font-size:16px;font-weight:bold}
.chart-content-list li{font-size:14px;padding:3px}

table#size-chart tr th{font-size:14px;font-weight:bold;padding:5px}
table#size-chart tr td{font-size:16px}
table#size-chart tr th,table#size-chart tr td{text-align:center;word-wrap:break-word;min-width:120px;position:relative;background-color:transparent;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;}
.chart-image img{width:100%}
.size-chart-model .remodal-close::before,.size-chart-model .remodal-close{right:0;left:auto}
.chart-content-list p{font-size:14px}
.chart-content-list>ul{margin-left:20px}
#chart-button{border-bottom:medium none;box-shadow:none;text-decoration:none;outline:none;}
.button-wrapper{clear:both;float:left;margin-bottom:15px;width:100%}
.button-wrapper .md-size-chart-btn .dashicons {width:25px;height:25px;margin-right:8px;}
.button-wrapper .md-size-chart-btn .dashicons img{width:25px;height:25px;margin:0;display:inline-block;}
.button-wrapper .md-size-chart-btn .dynamic-svg{width:25px;height:25px;margin:0;display:inline-block;}
.remodal{margin-top:25px}
@media only screen and (max-width:500px){table#size-chart tr th{font-size:11px!important}table#size-chart tr td{font-size:10px!important}}
#size-chart tr:nth-child(2n+1){border-bottom:1px solid #eee}
.md-size-chart-modal{display:none;}
.md-size-chart-hide{-webkit-animation: cssAnimation 0.4s forwards; animation: cssAnimation 0.4s forwards;}
.md-size-chart-show{display:block;}
.md-size-chart-modal-content{margin:0;position:fixed;z-index:199999;top:0;right:0;bottom:0;left:0;padding:50px}
div#md-size-chart-modal .remodal-close{font-weight:600}
.md-size-chart-modal-body{width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);color:#2b2e38;background:#fff;position:relative;outline:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s;margin:0 auto;z-index:111111;overflow:hidden;max-height:100%;border-radius:5px;height:100%;padding-bottom:90px;}
.md-size-chart-modal-body, .md-size-chart-modal-body *{-webkit-box-sizing:border-box;box-sizing:border-box;}
.md-size-chart-hide .md-size-chart-modal-body{-webkit-animation:animateend ease 0.5s forwards;-webkit-animation-duration:0.4s;animation:animateend ease 0.5s forwards;animation-duration:0.4s;}
div.md-size-chart-overlay{position:fixed;z-index:10000;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;background-color:rgb(0 0 0 / 70%);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s;}
.md-size-chart-hide .md-size-chart-overlay{-webkit-animation:animateend ease 0.5s forwards;-webkit-animation-duration:0.4s;animation:animateend ease 0.5s forwards;animation-duration:0.4s;}
.chart-container {padding: 20px;height: 100%;overflow-y: auto;}
div#md-size-chart-modal .chart-table{float:none;width:100%;overflow-x:auto;}
div#md-size-chart-modal .chart-image{clear:both;margin-top:15px;float:left}
div#md-size-chart-modal .chart-content{clear:both;width:100%}
.md-size-chart-subtitle{font-size: 16px;}
.chart-table{clear:both;margin-top:15px;float:left}
.chart-table table{border-collapse:collapse;border-spacing:0;border-width:1px 0 0 1px;margin:0;table-layout:auto;width:100%;border:1px solid #d1d1d1;overflow:hidden;}
.chart-table th,td{padding:0.4375em}

.chart-table table,.chart-table th,.chart-table td{border:1px solid #d1d1d1}

.chart-table td,.chart-table th{padding: 5px;}
.md-modal-title {font-size: 20px;line-height: 26px;padding:11px 60px 11px 20px;}
.md-size-chart-close {display: block;width: 100%;border-bottom: 1px solid lightgrey;height: 50px;position: relative;}
.md-size-chart-label{font-size: 20px;font-weight: 700;text-align: center;margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.remodal-close{display:block;overflow:visible;width:50px;height:50px;margin:0;padding:0;cursor:pointer;-webkit-transition:color 0.2s, background-color 0.2s;transition:color 0.2s, background-color 0.2s;text-decoration:none;color:#95979c;border:0;outline:0;background:transparent;position: absolute;right: 0;top:0;}
.remodal-close:hover,.remodal-close:focus{color:#fff;background-color:#d85050;border-color:#d85050;outline:none;}
.remodal-close::before{font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif!important;font-size:30px;line-height:50px;position:absolute;top:0;left:0;display:block;width:48px;content:"\00d7";text-align:center}
.chart_note {background-color: #eaea16;padding: 5px;border-radius: 5px;margin-top: 10px;display: inline-block;width: 100%;height: fit-content;}
.scfw-size-chart-main{display:inline-block;width:100%;}
.scfw-size-chart-main .md-size-chart-btn{display:inline-block;}
.woocommerce.single-product .product .summary:has(.md-size-chart-show),.woocommerce.single-product .product:has(.md-size-chart-show){z-index:99999;position:relative;}

/* Left Popup CSS */
.scfw-size-chart-popup-left{display:block;}
.scfw-size-chart-popup-left .md-size-chart-overlay{display:none;}
.scfw-size-chart-popup-left .md-size-chart-modal-content{left:-100%;padding:0;right:unset;transition:all .5s ease-out;width:100%;}
.scfw-size-chart-popup-left.md-size-chart-show .md-size-chart-modal-content{left:0;transition:all .5s ease-out;}
.scfw-size-chart-popup-left .md-size-chart-modal-body{box-shadow:0 0 15px rgb(0 0 0 / 25%);border-radius:0;animation:none;margin-left:0;}
.scfw-size-chart-popup-left.md-size-chart-show .md-size-chart-overlay{display:block;}

/* Right Popup CSS */
.scfw-size-chart-popup-right{display:block;}
.scfw-size-chart-popup-right .md-size-chart-overlay{display:none;}
.scfw-size-chart-popup-right .md-size-chart-modal-content{left:unset;padding:0;right:-100%;transition:all .5s ease-out;width:100%;}
.scfw-size-chart-popup-right.md-size-chart-show .md-size-chart-modal-content{right:0;transition:all .5s ease-out;}
.scfw-size-chart-popup-right .md-size-chart-modal-body{box-shadow:0 0 15px rgb(0 0 0 / 25%);border-radius:0;animation:none;margin-right:0;}
.scfw-size-chart-popup-right.md-size-chart-show .md-size-chart-overlay{display:block;}

/* Size Chart Tabs CSS */
.scfw_size-chart-details-tab{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid lightgrey;position:relative;}
.scfw_size-chart-details-tab span{width:100%;max-width:220px;padding:10px 10px 7px 10px;cursor:pointer;text-align:center;border-bottom:3px solid transparent;outline:none;-webkit-box-shadow:none;box-shadow:none;color:#000;font-size:16px;line-height:25px;}
.scfw_size-chart-details-tab span.active-tab{border-bottom-color:#000;font-weight:600;}
.scfw_size-chart-details-tab + .chart-container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.scfw_size-chart-details-tab + .chart-container .chart-content.scfw-tab-content{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.scfw_size-chart-details-tab + .chart-container .scfw-tab-content, .scfw_size-chart-details-tab + .chart-container .chart_note{display:none;}
.scfw_size-chart-details-tab + .chart-container .scfw-tab-content.active-tab{display:inline-block;}
.scfw_size-chart-details-tab + .chart-container .chart-table.active-tab + .chart_note{display:inline-block;}
.scfw_size-chart-details-tab + .chart-container .scfw-tab-content{-webkit-animation:fadeEffext 0.8s;animation:fadeEffext 0.8s}
.scfw_size-chart-details-tab .scfw_tab_underline{display:inline-block;width:100%;max-width:220px;height:3px;background-color:#000;position:absolute;z-index:1200;bottom:0;left:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;visibility:hidden;}
@-webkit-keyframes fadeEffext{
    from{opacity:0}
    to{opacity:1}
}
@keyframes fadeEffext{
    from{opacity:0}
    to{opacity:1}
}

/* Size Chart Multiple Table CSS */
.chart-table .scfw-chart-table{margin-bottom:30px;}
.chart-table .scfw-chart-table-title{font-size:19px;margin:0 0 15px;line-height:normal;}

@media only screen and (min-width:641px){
    .md-size-chart-modal-body.small{max-width:600px;}
    .md-size-chart-modal-body.medium,.md-size-chart-modal-body{max-width:800px;}
    .md-size-chart-modal-body.large{max-width:1000px;}
}
@media only screen and (max-width:640px){
    div#md-size-chart-modal .chart-table{overflow:scroll;width:100%}
    .chart-content-list{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
    div#md-size-chart-modal .chart-table table{width:100%;table-layout:auto;margin-bottom:0;white-space:nowrap}
    div#md-size-chart-modal .chart-table::-webkit-scrollbar{height:8px;width:0}
    div#md-size-chart-modal .chart-table::-webkit-scrollbar-track{background-color:rgb(238 238 238 / 90%)}
    div#md-size-chart-modal .chart-table::-webkit-scrollbar-thumb{background:#c2c2c2}
    .md-size-chart-modal-content{padding:30px}
}

/* Add Animation */
/* @-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}} */
@-webkit-keyframes animatetop{from{transform: scale(0.7);opacity:0.2}to{transform: scale(1);opacity:1}}
@keyframes animatetop{from{transform: scale(0.7);opacity:0.2}to{transform: scale(1);opacity:1}}

@-webkit-keyframes animateend{from{transform: scale(1);opacity:1}to{transform: scale(0.7);opacity:0;}}
@keyframes animateend{from{transform: scale(1);opacity:1}to{transform: scale(0.7);opacity:0;}}

@keyframes cssAnimation {100% {visibility: hidden;}}
@-webkit-keyframes cssAnimation {100% {visibility: hidden;}}


/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/vendor/animate.css?ver=1.0.0 */


body {
    -webkit-backface-visibility: hidden
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-o-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@-moz-keyframes shake {
    0%,
    100% {
        -moz-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px)
    }
}

@-o-keyframes shake {
    0%,
    100% {
        -o-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1)
    }
    10%,
    20% {
        -moz-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -moz-transform: scale(1) rotate(0)
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1)
    }
    10%,
    20% {
        -o-transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -o-transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0deg)
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg)
    }
    40% {
        -o-transform: rotate(-10deg)
    }
    60% {
        -o-transform: rotate(5deg)
    }
    80% {
        -o-transform: rotate(-5deg)
    }
    100% {
        -o-transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%)
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -moz-transform: translateX(0%)
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%)
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -o-transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1)
    }
    50% {
        -o-transform: scale(1.1)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.flip {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible!important;
    -o-animation-name: flip;
    backface-visibility: visible!important;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInX;
    backface-visibility: visible!important;
    animation-name: flipInX
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible!important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible!important;
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipInY;
    backface-visibility: visible!important;
    animation-name: flipInY
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible!important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible!important;
    -o-animation-name: flipOutY;
    backface-visibility: visible!important;
    animation-name: flipOutY
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px)
    }
    80% {
        -moz-transform: translateY(10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px)
    }
    80% {
        -o-transform: translateY(10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }
    80% {
        -o-transform: translateY(-10px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1)
    }
    25% {
        -moz-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1)
    }
    25% {
        -o-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -o-transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px)
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animated.lightSpeedIn {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.lightSpeedOut {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg)
    }
    10% {
        -moz-transform: skewX(-8deg)
    }
    20% {
        -moz-transform: skewX(7deg)
    }
    30% {
        -moz-transform: skewX(-6deg)
    }
    40% {
        -moz-transform: skewX(5deg)
    }
    50% {
        -moz-transform: skewX(-4deg)
    }
    60% {
        -moz-transform: skewX(3deg)
    }
    70% {
        -moz-transform: skewX(-2deg)
    }
    80% {
        -moz-transform: skewX(1deg)
    }
    90% {
        -moz-transform: skewX(0deg)
    }
    100% {
        -moz-transform: skewX(0deg)
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg)
    }
    10% {
        -o-transform: skewX(-8deg)
    }
    20% {
        -o-transform: skewX(7deg)
    }
    30% {
        -o-transform: skewX(-6deg)
    }
    40% {
        -o-transform: skewX(5deg)
    }
    50% {
        -o-transform: skewX(-4deg)
    }
    60% {
        -o-transform: skewX(3deg)
    }
    70% {
        -o-transform: skewX(-2deg)
    }
    80% {
        -o-transform: skewX(1deg)
    }
    90% {
        -o-transform: skewX(0deg)
    }
    100% {
        -o-transform: skewX(0deg)
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.wiggle {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}


/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/vendor/fresco/fresco.css?ver=2.3.0 */
/* box-sizing */
.fr-window,
.fr-window [class^="fr-"],
.fr-overlay,
.fr-overlay [class^="fr-"],
.fr-spinner,
.fr-spinner [class^="fr-"] {
  box-sizing: border-box;
}

.fr-window {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana,
    Arial, sans-serif;
  /* Chrome hack, this fixes a visual glitch when quickly toggling a video */
  transform: translateZ(0px);
}

/* z-index */
.fr-overlay {
  z-index: 99998;
}
.fr-window {
  z-index: 99999;
}
.fr-spinner {
  z-index: 100000;
}

/* overlay */
.fr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.fr-overlay-background {
  float: left;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.fr-overlay-ui-fullclick .fr-overlay-background {
  background: #292929;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
  position: absolute;
  overflow: visible;
}

/* some properties on the window are used to toggle things
 * like margin and the fullclick mode,
 * we reset those properties after measuring them
 */
.fr-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-page {
  position: absolute;
  width: 100%;
  height: 100%;
}

.fr-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

.fr-hovering-clickable .fr-container {
  cursor: pointer;
}

/*
   padding:
   youtube & vimeo always have buttons on the outside
   side button = 72 = 54 + (2 * 9 margin)
   close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container {
  padding: 20px 20px;
}
.fr-ui-inside.fr-no-sides .fr-container {
  padding: 20px;
}

/* padding ui:outside */
.fr-ui-outside .fr-container {
  padding: 20px 82px;
}
.fr-ui-outside.fr-no-sides .fr-container {
  padding: 20px 48px;
}

/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 700px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container {
    padding: 12px 12px;
  }
  .fr-ui-inside.fr-no-sides .fr-container {
    padding: 12px;
  }

  /* padding ui:outside */
  .fr-ui-outside .fr-container {
    padding: 12px 72px;
  }
  .fr-ui-outside.fr-no-sides .fr-container {
    padding: 12px 48px;
  }
}

@media all and (max-width: 500px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 500px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container {
    padding: 0px 0px;
  }
  .fr-ui-inside.fr-no-sides .fr-container {
    padding: 0px;
  }

  /* padding ui:outside */
  .fr-ui-outside .fr-container {
    padding: 0px 72px;
  }
  .fr-ui-outside.fr-no-sides .fr-container {
    padding: 0px 48px;
  }
}

/* padding ui:fullclick */
.fr-ui-fullclick .fr-container {
  padding: 0;
}
.fr-ui-fullclick.fr-no-sides .fr-container {
  padding: 0;
}

/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container {
  padding: 0px 62px;
}
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container {
  padding: 48px 0px;
}

/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.fr-content,
.fr-content-background {
  position: absolute;
  top: 50%;
  left: 50%;
  /* IE11 has a 1px blur bug on the edges of the caption (ui:inside)
     during animation with overflow:hidden */
  overflow: visible;
}

/* img/iframe/error */
.fr-content-element {
  float: left;
  width: 100%;
  height: 100%;
}

.fr-content-background {
  background: #101010;
}

.fr-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: none;
  opacity: 1;
}
.fr-ui-inside .fr-info-background {
  filter: alpha(opacity=80);
  opacity: 0.8;
  zoom: 1;
}
/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background {
  background: #0d0d0d;
}

/* info at the bottom for ui:inside */
.fr-content .fr-info {
  top: auto;
  bottom: 0;
}

.fr-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}
.fr-caption {
  width: auto;
  display: inline;
}

.fr-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* positions not within the info bar
   for ui:outside/inside */
.fr-position-outside,
.fr-position-inside {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 12px;
  width: auto;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  display: none;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-position-inside {
  border: 0;
}

.fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
  filter: alpha(opacity=80);
  opacity: 0.8;
  zoom: 1; /* oldIE */
}
.fr-position-text {
  color: #b3b3b3;
}
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
  float: left;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  opacity: 1;
}

/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside {
  display: block;
}
.fr-ui-outside .fr-info .fr-position {
  display: none;
}

.fr-ui-inside.fr-no-caption .fr-position-inside {
  display: block;
}

/* links */
.fr-info a,
.fr-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}
.fr-info a:hover {
  color: #eee;
}

/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info {
  display: none;
}
.fr-ui-inside.fr-no-caption .fr-caption {
  display: none;
}

/* --- stroke */
.fr-stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.fr-stroke-vertical {
  width: 1px;
  height: 100%;
}
.fr-stroke-horizontal {
  padding: 0 1px;
}

.fr-stroke-right {
  left: auto;
  right: 0;
}
.fr-stroke-bottom {
  top: auto;
  bottom: 0;
}

.fr-stroke-color {
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
}

/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color {
  background: rgba(80, 80, 80, 0.3);
}

/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom {
  display: none;
}

/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke {
  display: none;
}
.fr-ui-fullclick .fr-content-background {
  box-shadow: none;
}

/* the info box never bas a top stroke */
.fr-info .fr-stroke-top {
  display: none;
}

/* < > */
.fr-side {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  zoom: 1;
}
.fr-side-previous {
  left: 0;
}
.fr-side-next {
  right: 0;
  left: auto;
}

.fr-side-disabled {
  cursor: default;
}
.fr-side-hidden {
  display: none !important;
}

.fr-side-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.fr-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
}
.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 414px) {
  .fr-side {
    width: 54px;
    height: 60px;
    margin: 0;
    margin-top: -30px;
  }
  .fr-side-button {
    width: 48px;
    height: 60px;
    margin: 0 3px;
  }
}

/* X */
.fr-close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fr-close-background {
  background-color: #000;
}

/* Thumbnails */
.fr-thumbnails {
  position: absolute;
  overflow: hidden;
}
.fr-thumbnails-disabled .fr-thumbnails {
  display: none !important;
}
.fr-thumbnails-horizontal .fr-thumbnails {
  width: 100%;
  height: 12%;
  min-height: 74px;
  max-height: 160px;
  bottom: 0;
}

.fr-thumbnails-vertical .fr-thumbnails {
  height: 100%;
  width: 10%;
  min-width: 74px;
  max-width: 160px;
  left: 0;
}

.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}
.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden; /* IE6(7) */
  z-index: 1;
  zoom: 1;
}

.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline; /* IE6(7) */
  z-index: 0; /* IE8 */
}

.fr-thumbnail-overlay {
  cursor: pointer;
}
.fr-thumbnail-active .fr-thumbnail-overlay {
  cursor: default;
}
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
}
.fr-ltIE9 .fr-thumbnail-overlay-border {
  border-width: 0 !important;
}
.fr-thumbnail .fr-thumbnail-image {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: 0.85;
  max-width: none;
}
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=99);
  opacity: 0.99;
}
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=35);
  opacity: 0.35;
}
.fr-thumbnail-active {
  cursor: default;
}

/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-thumbnail-loading-background {
  background-color: #161616;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.8;
  position: relative;
  float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon {
  display: none;
}

/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202020;
}

/* Thumbnail < > */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}
.fr-thumbnails-side-previous {
  margin-left: 12px;
}
.fr-thumbnails-side-next {
  margin-right: 12px;
}

.fr-thumbnails-vertical .fr-thumbnails-side {
  height: 28px;
  width: 100%;
  margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
  margin-top: 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
  margin-bottom: 20px;
}

.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-transition: background-color 0.2s ease-in;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
  background-color: #3b3b3b;
}

.fr-thumbnails-side-button-disabled * {
  cursor: default;
}
.fr-thumbnails-side-button-disabled:hover
  .fr-thumbnails-side-button-background {
  background-color: #333;
}

.fr-thumbnails-side-button-icon {
  position: absolute;
  /*top: -7px;
  left: -7px;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame {
  clear: both;
}

/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails {
  background: #090909;
}

/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal
  .fr-info
  .fr-stroke-bottom {
  display: block !important;
} /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical
  .fr-info
  .fr-stroke-left {
  display: block !important;
}

/* thumbnail spacing  */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
  padding: 12px 5px;
}
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
  padding: 5px 12px;
}
.fr-thumbnails-measured .fr-thumbnails-thumbs {
  padding: 0 !important;
}
/* horizontal */
@media all and (min-height: 700px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
    padding: 16px 8px;
  }
  .fr-thumbnails-horizontal .fr-thumbnails-side {
    margin: 0 8px;
  }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
    margin-left: 16px;
  }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next {
    margin-right: 16px;
  }
}
@media all and (min-height: 980px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
    padding: 20px 10px;
  }
  .fr-thumbnails-horizontal .fr-thumbnails-side {
    margin: 0 10px;
  }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
    margin-left: 20px;
  }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next {
    margin-right: 20px;
  }
}

/* vertical */
@media all and (min-width: 1200px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs {
    padding: 8px 16px;
  }
  .fr-thumbnails-vertical .fr-thumbnails-side {
    margin: 0 8px;
  }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous {
    margin-top: 16px;
  }
  .fr-thumbnails-vertical .fr-thumbnails-side-next {
    margin-bottom: 16px;
  }
}
@media all and (min-width: 1800px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs {
    padding: 10px 20px;
  }
  .fr-thumbnails-vertical .fr-thumbnails-side {
    margin: 10px 0;
  }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous {
    margin-top: 20px;
  }
  .fr-thumbnails-vertical .fr-thumbnails-side-next {
    margin-bottom: 20px;
  }
}

/* hide thumbnails on smaller screens
   the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 500px) {
  .fr-thumbnails-horizontal .fr-thumbnails {
    display: none !important;
  }
}
@media all and (max-width: 700px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 414px) {
  .fr-thumbnails-vertical .fr-thumbnails {
    display: none !important;
  }
}

/* force fullClick: true
   and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 414px) {
  .fr-page {
    min-width: 100%;
  } /* fullclick */
  .fr-page {
    min-height: 100%;
  } /* overflow: false */
}

/* switch between ui modes
   we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,
.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,
.fr-window-ui-inside .fr-page > .fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
  display: none !important;
}

/* some ui elements can be toggled on mousemove.
   filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui {
  opacity: 1;
}

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  display: none;
}

/* Spinner */
.fr-spinner {
  position: fixed;
  width: 52px;
  height: 52px;
  background: #101010;
  background: rgba(16, 16, 16, 0.85);
  border-radius: 5px;
}
.fr-spinner div {
  position: absolute;
  top: 0;
  left: 0;
  height: 64%;
  width: 64%;
  margin-left: 18%;
  margin-top: 18%;
  opacity: 1;
  -webkit-animation: fresco-12 1.2s infinite ease-in-out;
  animation: fresco-12 1.2s infinite ease-in-out;
}

.fr-spinner div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 8px;
  margin-left: -1px;
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); /* fixes rendering in Firefox */
}

.fr-spinner div.fr-spin-1 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.fr-spinner div.fr-spin-2 {
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.fr-spinner div.fr-spin-3 {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.fr-spinner div.fr-spin-4 {
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.fr-spinner div.fr-spin-5 {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.fr-spinner div.fr-spin-6 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.fr-spinner div.fr-spin-6 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.fr-spinner div.fr-spin-7 {
  -ms-transform: rotate(210deg);
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.fr-spinner div.fr-spin-8 {
  -ms-transform: rotate(240deg);
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.fr-spinner div.fr-spin-9 {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.fr-spinner div.fr-spin-10 {
  -ms-transform: rotate(300deg);
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.fr-spinner div.fr-spin-11 {
  -ms-transform: rotate(330deg);
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.fr-spinner div.fr-spin-12 {
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@-webkit-keyframes fresco-12 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fresco-12 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Thumbnail spinner */
.fr-thumbnail-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
}
.fr-thumbnail-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
  animation: fr-thumbnail-spin 1.1s infinite linear;
}
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
@-webkit-keyframes fr-thumbnail-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fr-thumbnail-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Error */
.fr-error {
  float: left;
  position: relative;
  background-color: #ca3434;
  width: 160px;
  height: 160px;
}

.fr-error-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}

/* skin: 'fresco' */

/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url("https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/vendor/fresco/fresco/skins/fresco/sprite.svg");
}
/* fallback png sprite */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url("https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/vendor/fresco/fresco/skins/fresco/sprite.png");
}

.fr-window-skin-fresco .fr-error-icon {
  background-position: -160px -126px;
}

.fr-window-skin-fresco .fr-content-background {
  background: #101010;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background {
  box-shadow: none;
}

/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

/* < > */
.fr-window-skin-fresco .fr-side-button-background {
  background-color: transparent;
}
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
  background-position: -13px -14px;
}
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
  background-position: -93px -14px;
}

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
  background-position: -13px -114px;
}
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
  background-position: -93px -114px;
}

/* transition (png) */
.fr-window-skin-fresco.fr-no-svg
  .fr-hovering-previous
  .fr-side-previous
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
  .fr-side-previous
  .fr-side-button-icon {
  background-position: -13px -114px;
}
.fr-window-skin-fresco.fr-no-svg
  .fr-hovering-next
  .fr-side-next
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
  .fr-side-next
  .fr-side-button-icon {
  background-position: -93px -114px;
}

/* disabled state (png) */
.fr-window-skin-fresco.fr-no-svg
  .fr-side-previous.fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
  .fr-hovering-previous
  .fr-side-previous.fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
  .fr-side-previous.fr-side-disabled:hover
  .fr-side-button-icon {
  background-position: -13px -214px;
}
.fr-window-skin-fresco.fr-no-svg
  .fr-side-next.fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
  .fr-hovering-next
  .fr-side-next.fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
  .fr-side-next.fr-side-disabled:hover
  .fr-side-button-icon {
  background-position: -93px -214px;
}

/* transition (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
  background-position: -13px -114px;
}
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
  background-position: -93px -114px;
}
.fr-window-skin-fresco.fr-svg .fr-side-button-icon {
  opacity: 0.5;
}

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
  .fr-hovering-previous
  .fr-side-previous
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
  .fr-hovering-next
  .fr-side-next
  .fr-side-button-icon {
  opacity: 1;
}

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon {
  opacity: 0.8;
} /* touch always active but at lower opacity */

/* disabled (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
  .fr-hovering-previous
  .fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
  .fr-hovering-next
  .fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch
  .fr-side-disabled
  .fr-side-button-icon {
  opacity: 0.2;
}

/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside
  .fr-type-image
  .fr-side-disabled
  .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image
  .fr-side-disabled
  .fr-side-button-icon {
  background-image: none;
}

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait),
  all and (orientation: landscape) and (max-height: 414px) {
  .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
    background-position: 0px -300px;
  }
  .fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
    background-position: -48px -300px;
  }

  .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
    background-position: 0px -360px;
  }
  .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
    background-position: -48px -360px;
  }

  /* transition (png) */
  .fr-window-skin-fresco.fr-no-svg
    .fr-hovering-previous
    .fr-side-previous
    .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
    .fr-side-previous
    .fr-side-button-icon {
    background-position: 0px -360px;
  }
  .fr-window-skin-fresco.fr-no-svg
    .fr-hovering-next
    .fr-side-next
    .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
    .fr-side-next
    .fr-side-button-icon {
    background-position: -48px -360px;
  }

  /* transition (svg) */
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
    background-position: 0px -360px;
  }
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
    background-position: -48px -360px;
  }

  /* disabled state (png) */
  .fr-window-skin-fresco.fr-no-svg
    .fr-side-previous.fr-side-disabled
    .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg
    .fr-hovering-previous
    .fr-side-previous.fr-side-disabled
    .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg
    .fr-side-previous.fr-side-disabled:hover
    .fr-side-button-icon {
    background-position: 0px -420px;
  }

  .fr-window-skin-fresco.fr-no-svg
    .fr-side-next.fr-side-disabled
    .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg
    .fr-hovering-next
    .fr-side-next.fr-side-disabled
    .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg
    .fr-side-next.fr-side-disabled:hover
    .fr-side-button-icon {
    background-position: -48px -420px;
  }
}

/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {
  background-color: #363636;
}
.fr-window-skin-fresco.fr-window-ui-outside
  .fr-close:hover
  .fr-close-background {
  background-color: #434343;
}

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {
  background-color: #131313;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick
  .fr-close:hover
  .fr-close-background {
  background-color: #191919;
}

/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon {
  background-position: -168px -8px;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
  background-position: -210px -8px;
}

/* - transition */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
  background-position: -210px -8px;
  opacity: 0.8;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
  opacity: 1;
}
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
   force a single opacity to fix this
*/
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon,
.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon {
  opacity: 1;
}

/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
  border: 0;
}

/* Thumbnails < > */
.fr-window-skin-fresco
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-icon {
  background-position: -167px -49px;
}
.fr-window-skin-fresco
  .fr-thumbnails-side-previous:hover
  .fr-thumbnails-side-button-icon {
  background-position: -209px -49px;
}
.fr-window-skin-fresco
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-icon {
  background-position: -167px -91px;
}
.fr-window-skin-fresco
  .fr-thumbnails-side-next:hover
  .fr-thumbnails-side-button-icon {
  background-position: -209px -91px;
}
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-thumbnails-vertical
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-icon {
  background-position: -293px -49px;
}
.fr-window-skin-fresco.fr-thumbnails-vertical
  .fr-thumbnails-side-previous:hover
  .fr-thumbnails-side-button-icon {
  background-position: -335px -49px;
}
.fr-window-skin-fresco.fr-thumbnails-vertical
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-icon {
  background-position: -293px -91px;
}
.fr-window-skin-fresco.fr-thumbnails-vertical
  .fr-thumbnails-side-next:hover
  .fr-thumbnails-side-button-icon {
  background-position: -335px -91px;
}

/* Thumbnails < > transition */
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side
  .fr-thumbnails-side-button-icon {
  -moz-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
}
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-disabled {
  background-position: -167px -49px;
}
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-disabled {
  background-position: -209px -91px;
}
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side:hover
  .fr-thumbnails-side-button-icon {
  opacity: 1;
}
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-disabled {
  background-position: -293px -49px;
}
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-disabled {
  background-position: -335px -91px;
}

/* lower opacity on disabled states */
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side
  .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg
  .fr-thumbnails-side:hover
  .fr-thumbnails-side-button-disabled {
  opacity: 0.5;
}

/* lower opacity IE < 9 using images */
.fr-window-skin-fresco.fr-no-svg
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
  .fr-thumbnails-side-previous:hover
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon {
  background-position: -251px -49px;
}
.fr-window-skin-fresco.fr-no-svg
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
  .fr-thumbnails-side-next:hover
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon {
  background-position: -251px -91px;
}
.fr-window-skin-fresco.fr-no-svg
  .fr-thumbnails-side
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg
  .fr-thumbnails-side:hover
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-background {
  filter: alpha(opacity=50);
}
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-previous
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-previous:hover
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon {
  background-position: -377px -49px;
}
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-next
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
  .fr-thumbnails-side-next:hover
  .fr-thumbnails-side-button-disabled
  .fr-thumbnails-side-button-icon {
  background-position: -377px -91px;
}


/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/plugins/misc.css?ver=8.6 */
li.woocommerce-advanced-categories-list-element {
  max-height: 450px;
  overflow: hidden; }
  li.woocommerce-advanced-categories-list-element .woocommerce-advanced-categories-style {
    max-height: 450px; }


/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/public/wc-cart.css?ver=8.6 */
@media screen and (min-width: 48em) {
  .woocommerce-cart .page-title {
    margin-bottom: 65px;
  }
}
.woocommerce-cart .entry-content .woocommerce {
  max-width: 1275px;
  position: relative;
  margin: 0 auto;
}
.woocommerce-cart .woocommerce-cart-form {
  width: 60%;
  float: left;
  margin-bottom: 100px;
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .woocommerce-cart-form {
    width: 100%;
    float: none;
    margin-bottom: 60px;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart {
  border-collapse: collapse;
  margin-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead {
  display: none;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr {
  border-bottom: 1px solid;
  display: block;
  width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:last-child {
  border-bottom: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr:first-child td {
  padding-top: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td {
  border: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
  width: 5%;
  padding: 0;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove {
    padding: 35px 0 0 0;
    width: 100%;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a {
  font-size: 0;
  width: auto;
  height: auto;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-remove > a:after {
  content: "\e912";
  font-family: "Shopkeeper-Icon-Font";
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
  width: 20%;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail {
    display: block !important;
    width: 100%;
    padding: 15px 0 35px 0;
    text-align: center !important;
  }
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail:before {
    content: none;
  }
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
    width: 50% !important;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-thumbnail img {
  width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
  width: 30%;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name {
    padding: 15px 0;
    width: 100%;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dt {
  font-size: 13px;
  padding: 0;
  margin-top: 3px;
  margin-right: 5px;
  font-weight: normal;
  text-transform: uppercase;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-name dl.variation dd p {
  font-size: 13px;
  margin-top: 3px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
  width: 15%;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price {
    padding: 15px 0;
    width: 100%;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-price .amount {
  font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
  width: 15%;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity {
    padding: 15px 0;
    width: 100%;
  }
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.custom {
  margin: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-quantity .quantity.default {
  margin: 0;
  text-align: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
  width: 15%;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
    padding: 15px 0 35px 0;
    width: 100%;
  }
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.product-subtotal {
    text-align: right;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions {
  padding: 40px 0 0;
  width: 100%;
  display: block;
  position: relative;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid;
  padding: 0 calc(5% + 15px) 40px calc(5% + 15px) !important;
  position: relative;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon {
    padding: 0 0 40px 0 !important;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
  content: "\e909" !important;
  font-family: "Shopkeeper-Icon-Font";
  position: absolute;
  left: calc(5% + 15px);
  top: 13px;
  font-size: 24px;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon:before {
    left: 0;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 20px 20px 42px;
  background-color: transparent;
  border: 0;
  height: 50px;
  display: block;
  margin-right: 25px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-webkit-input-placeholder {
  font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code::-moz-placeholder {
  font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon input#coupon_code:-ms-input-placeholder {
  font-weight: 600;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .coupon button[name=apply_coupon] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 !important;
  background: transparent;
  height: auto;
  float: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
  background: none !important;
  width: 100%;
  text-align: center;
  padding: 30px 0 0 !important;
  position: relative;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart] {
    padding: 40px 0 0 !important;
    text-align: center;
  }
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:disabled {
  visibility: hidden;
  opacity: 0;
}
.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody tr td.actions .button[name=update_cart]:before {
  content: "\e90f";
  font-family: "Shopkeeper-Icon-Font";
  font-size: 19px;
  -webkit-font-smoothing: initial;
  padding-right: 14px;
  position: relative;
  top: 3px;
}
.woocommerce-cart .cart-collaterals {
  width: 35%;
  float: right;
  padding: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .cart-collaterals {
    width: 100vw;
    float: none;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
  }
}
.woocommerce-cart .cart-collaterals:after, .woocommerce-cart .cart-collaterals:before {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  position: relative;
  background-color: transparent;
  background-size: 20px 20px;
  background-position: 0 10px, 40px 40px;
}
.woocommerce-cart .cart-collaterals:before {
  top: -10px;
}
.woocommerce-cart .cart-collaterals:after {
  bottom: -10px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.woocommerce-cart .cart-collaterals .cross-sells {
  width: 100%;
  float: none;
  padding: 40px 40px 0;
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .cart-collaterals .cross-sells {
    padding: 40px 60px 0;
  }
}
.woocommerce-cart .cart-collaterals .cross-sells h2 {
  margin: 0 0 25px;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cross-sells ul {
  margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
  padding: 20px 40px 30px;
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .cart-collaterals .cross-sells + .cart_totals {
    padding: 20px 60px 40px;
  }
}
.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100% !important;
  float: none;
  padding: 40px 40px 30px;
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .cart-collaterals .cart_totals {
    padding: 40px 60px 30px;
  }
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
  margin: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal .amount {
  font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
  border-top: 1px solid;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total th {
  padding: 30px 15px 15px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
  padding: 30px 0 15px 15px;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total td {
    padding: 30px 0 15px 0;
  }
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total strong .woocommerce-Price-amount {
  display: block;
  font-size: 24px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax {
  display: block;
  margin-top: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .includes_tax .woocommerce-Price-amount {
  font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.order-total .amount {
  font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination {
  font-size: 12px;
  line-height: 1.4;
  margin: 15px 0;
  font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals p.woocommerce-shipping-destination * {
  font-weight: normal;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals ul#shipping_method {
  margin-top: -3px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-button:after {
  content: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form {
  margin: 5px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form p {
  margin-bottom: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping] {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr.woocommerce-shipping-totals form.woocommerce-shipping-calculator .shipping-calculator-form button[name=calc_shipping]:hover {
  color: #fff;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr th {
  border: 0;
  font-size: 13px;
  text-transform: uppercase;
  width: 100px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
  border: 0;
  font-size: 13px;
}
@media screen and (max-width: 55em) {
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td {
    padding: 15px 0;
  }
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td:before {
    line-height: 1.5;
  }
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
    width: 60%;
    display: block;
    text-align: left;
  }
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > strong, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > span, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > ul {
    margin: 0 0 0 auto !important;
  }
  .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > small, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > form {
    margin: 15px 0 0 auto !important;
  }
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tr td > p {
  text-transform: none;
  text-align: left;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  padding: 15px 0 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
  margin: 0;
}
.woocommerce-cart .shopkeeper-continue-shopping {
  text-align: center;
  clear: right;
  width: 35%;
  float: right;
  margin: 0 auto 100px;
}
@media screen and (max-width: 64em) {
  .woocommerce-cart .shopkeeper-continue-shopping {
    width: 100%;
    float: none;
  }
}
.woocommerce-cart .shopkeeper-continue-shopping .button,
.woocommerce-cart .shopkeeper-continue-shopping .button:hover {
  background: transparent !important;
  opacity: 1;
}
.woocommerce-cart .cart-empty {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
}
.woocommerce-cart .cart-empty:before {
  content: "\e908";
  font-family: "Shopkeeper-Icon-Font";
  display: block;
  font-weight: normal;
  font-size: 128px;
  line-height: 170px;
}
.woocommerce-cart .return-to-shop {
  margin-bottom: 60px;
  text-align: center;
}
.woocommerce-cart .return-to-shop a.button.wc-backward {
  background-color: transparent !important;
  min-width: 0;
  padding: 0 !important;
  font-size: 0.8125em !important;
  font-weight: 600 !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid;
  text-transform: uppercase;
  width: auto;
}

.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
  border-bottom: 1px solid;
  padding-top: 10px !important;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
  border: 0;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity,
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li .quantity .amount {
  font-size: 13px;
}
.widget_shopping_cart .widget_shopping_cart_content ul.cart_list li a.remove {
  text-align: left;
  top: 40% !important;
}
.widget_shopping_cart .widget_shopping_cart_content .total {
  border-top: none;
  line-height: 24px;
  padding: 25px 0;
  margin: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .total strong {
  font-size: 14px;
  text-transform: uppercase;
}
.widget_shopping_cart .widget_shopping_cart_content .total .amount {
  font-weight: 600;
  font-size: 24px;
  margin-top: 0;
  float: right;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons {
  margin-bottom: 0;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a {
  color: #ffffff;
  margin-right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  margin: 0 0 10px;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:hover {
  opacity: 1;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons a:after {
  display: none;
}
.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover {
  color: #ffffff;
  opacity: 0.8;
}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/public/misc-product-card-animation.css?ver=8.6 */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  will-change: opacity, transform;
}
.woocommerce ul.products li.product.animated,
.woocommerce-page ul.products li.product.animated {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/public/wc-product-layout-default.css?ver=8.6 */
.product_layout_classic .product-images-wrapper {
  position: relative;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery .flex-viewport {
    max-width: 84%;
    width: 84% !important;
  }
  @-moz-document url-prefix() {
    .product_layout_classic .product-images-wrapper .woocommerce-product-gallery .flex-viewport img {
      max-width: calc(84% - 0.625rem);
    }
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery .flex-viewport img,
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery .flex-viewport a.video iframe {
    padding-left: 1px;
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-height: 365px;
    padding: 0 10px 0 0 !important;
    margin: 0 !important;
    width: 16% !important;
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs li {
    width: 100% !important;
    padding: 0 0 10px 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs li img {
    border: 0 !important;
    outline: 0 !important;
    opacity: 1 !important;
    height: auto;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
            transform: translateZ(0) scale(1, 1);
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
    opacity: 0.2 !important;
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs li:hover img {
    opacity: 0.2 !important;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery .flex-viewport {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 85.4375em) {
  .product_layout_classic .product-images-wrapper .woocommerce-product-gallery ol.flex-control-thumbs {
    max-height: 488px;
  }
}
.product_layout_classic .product-images-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__image.youtube .fluid-width-video-wrapper {
  padding-top: 56.2222%;
  width: 100%;
  position: relative;
}
.product_layout_classic .product-images-wrapper .woocommerce-product-gallery .woocommerce-product-gallery__image.youtube .fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product_layout_classic .product-images-wrapper .zoomImg:hover {
  cursor: url("https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/images/cursor-zoom.png"), auto;
}
.product_layout_classic .product-images-wrapper .flex-active-slide a:not(.fresco) {
  pointer-events: none;
}
.product_layout_classic .product-images-wrapper .easyzoom.is-loading:after {
  display: none;
}
.product_layout_classic .product-images-layout-mobile {
  display: none;
}
@media screen and (min-width: 64.0625em) and (max-width: 75em) {
  .product_layout_classic .product_content_wrapper > .row > .large-1 {
    display: none;
  }
  .product_layout_classic .product_content_wrapper > .row > .large-4 {
    padding-left: 40px;
    width: 50%;
  }
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .product_content_wrapper .product-images-wrapper {
    margin: 0 !important;
  }
}
.product_layout_classic .product_content_wrapper .product_infos {
  z-index: 1;
  -webkit-transition: bottom 0.6s;
  transition: bottom 0.6s;
  position: relative;
}
@media screen and (min-width: 150.0625em) {
  .product_layout_classic .product_content_wrapper .product_infos {
    padding: 0 20px 0 20px;
  }
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top {
  padding: 30px 0;
  margin: 0;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .product_content_wrapper .product_infos .product_summary_top {
    margin-top: -4px;
    margin-bottom: 25px;
    padding: 0;
  }
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top:after {
  content: "";
  display: block;
  clear: both;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb {
  width: 70%;
  float: left;
  text-transform: uppercase;
  font-size: 0px;
  line-height: 18px;
  padding: 0;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb .breadcrump_sep {
  font-size: 10px;
  padding-left: 7px;
  padding-right: 7px;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb .breadcrump_sep:last-child {
  display: none;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb a {
  font-size: 10px;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb a:first-child {
  padding-left: 0;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb .breadcrumb-last-item {
  display: none;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating {
  width: auto;
  float: right;
  margin-bottom: 0;
  position: relative;
  text-align: right;
  line-height: 18px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating .woocommerce-review-link {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 100%;
  height: 10px;
  padding-bottom: 30px;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating .star-rating {
  top: -2px;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce_review_link_hover {
  position: absolute;
  top: -40px;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: auto;
  padding: 5px 10px 7px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
  background: #000;
  color: #FFF;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  visibility: hidden;
}
@media screen and (max-width: 64em) {
  .product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce_review_link_hover {
    top: 10px;
  }
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce_review_link_hover.hovered {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  visibility: visible;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_top .woocommerce_review_link_hover:before {
  top: 100%;
  right: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(27, 27, 29, 0);
  border-top-color: #1b1b1d;
  border-width: 4px;
}
.product_layout_classic .product_content_wrapper .product_infos .product_summary_middle .product_title {
  text-align: left;
  margin-bottom: 21px;
}
.product_layout_classic .product_content_wrapper .product_infos .price {
  font-size: 22px !important;
  font-weight: 600;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table tr td {
  font-size: 1rem;
  padding-bottom: 13px !important;
  padding-top: 13px !important;
  text-align: left;
  vertical-align: middle !important;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table tr:first-child td {
  padding-top: 5px !important;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table tr:last-child td {
  border-bottom: none;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity {
  padding-right: 13px;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity .wc-grouped-product-add-to-cart-checkbox {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  width: 35px !important;
  height: 35px;
  outline: 0;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity .button {
  min-width: 100px;
}
@media screen and (max-width: 55em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity .button {
    max-width: 110px;
    word-break: break-word;
    padding: 16px !important;
  }
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity .button:hover {
  color: #fff;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity .quantity.default {
  width: 60px;
  margin: 0 auto;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__quantity .quantity.custom {
  margin: 0 auto;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__label {
  display: table-cell;
  cursor: default !important;
  color: #333;
}
@media screen and (max-width: 64em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__label {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__label label {
  margin-top: -5px;
  cursor: default !important;
  padding-right: 0;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__label label {
    margin-top: 0;
  }
}
@media screen and (max-width: 64em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__label label a {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__label .price {
    display: none;
  }
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__price {
    display: table-cell;
  }
}
@media screen and (max-width: 64em) {
  .product_layout_classic .product_content_wrapper .product_infos .group_table td.woocommerce-grouped-product-list-item__price {
    font-size: 13px !important;
    text-align: right;
  }
}
.product_layout_classic .product_content_wrapper .product_infos .group_table label a {
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 600;
  white-space: normal;
  text-transform: capitalize;
}
.product_layout_classic .product_content_wrapper .product_infos .group_table del .amount {
  margin-right: 5px;
}
.product_layout_classic .product_content_wrapper .product_infos .woocommerce-variation-availability {
  margin-top: 30px;
}
.product_layout_classic .product_content_wrapper .product_infos .woocommerce-variation-availability p.out-of-stock {
  display: block !important;
  text-align: center;
  border: 1px dashed;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.6875rem;
}
.product_layout_classic .product_content_wrapper .product_infos p.out-of-stock {
  display: none;
}
.product_layout_classic .product_content_wrapper .product_infos .out_of_stock_wrapper {
  margin-bottom: 2.5rem;
}
.product_layout_classic .product_content_wrapper .product_infos .out_of_stock_wrapper .out_of_stock_badge_single {
  text-align: center;
  border: 1px dashed;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.6875rem;
}
.product_layout_classic .product_content_wrapper .product_infos .composited_product_details_wrapper .details p.out-of-stock {
  display: block;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart {
  margin-bottom: 30px;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart table.group_table {
  margin-bottom: 30px;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart #wc-stripe-payment-request-wrapper {
  padding-top: 1rem !important;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart #wc-stripe-payment-request-button-separator {
  margin: 1rem 0 !important;
  text-transform: lowercase;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .product_layout_classic .product_content_wrapper .product_infos form.cart #wc-stripe-payment-request-button-separator + .single_add_to_cart_button {
    width: 100% !important;
  }
}
.product_layout_classic .product_content_wrapper .product_infos form.cart .quantity:not(.hidden).default {
  margin-bottom: 10px;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart .quantity:not(.hidden).default input {
  padding: 25px 0;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart .button.added_to_cart_button,
.product_layout_classic .product_content_wrapper .product_infos form.cart .added_to_cart {
  display: none !important;
}
.product_layout_classic .product_content_wrapper .product_infos form.cart .button {
  display: inline-block;
  float: none !important;
  vertical-align: top !important;
}
@media all and (max-width: 767px) {
  .product_layout_classic .product_content_wrapper .product_infos form.cart .button {
    min-width: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    float: left !important;
    text-align: center;
    padding: 16px 38px !important;
  }
}
.product_layout_classic .product_content_wrapper .product_infos #yith-wcwl-popup-message {
  display: none !important;
}
.product_layout_classic .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist,
.product_layout_classic .product_content_wrapper .product_infos .yith-add-to-wishlist-button-block {
  margin: 0 0 17px;
  height: auto;
  position: relative;
  height: auto;
}
.product_layout_classic .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show:before,
.product_layout_classic .product_content_wrapper .product_infos .yith-add-to-wishlist-button-block .yith-wcwl-add-button.show:before {
  content: "";
}
.product_layout_classic .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show a.add_to_wishlist .add_to_wishlist_text:before,
.product_layout_classic .product_content_wrapper .product_infos .yith-add-to-wishlist-button-block .yith-wcwl-add-button.show a.add_to_wishlist .add_to_wishlist_text:before {
  top: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(27, 27, 29, 0);
  border-top-color: #1b1b1d;
  border-width: 4px;
}
.product_layout_classic .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist .yith-wcwl-add-button:before,
.product_layout_classic .product_content_wrapper .product_infos .yith-add-to-wishlist-button-block .yith-wcwl-add-button:before {
  content: "\f08a";
}
@media screen and (min-width: 75.0625em) {
  .product_layout_classic .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist:after,
  .product_layout_classic .product_content_wrapper .product_infos .yith-add-to-wishlist-button-block:after {
    content: "";
    width: 50px;
    height: 1px;
    display: block;
    margin-top: 15px;
  }
}
.product_layout_classic .product-image-link {
  display: block;
}
.product_layout_classic .product-image-link:hover {
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.product_layout_classic .recently_viewed_in_single h2 {
  font-size: 0.8em;
  margin: 0 0 15px 0;
  -ms-word-wrap: normal;
  word-wrap: normal;
}
.product_layout_classic .recently_viewed_in_single ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product_layout_classic .recently_viewed_in_single li {
  padding: 0;
  margin: 0 0 20px 0;
}
.product_layout_classic .single-product .button.product_type_external {
  overflow: hidden !important;
  min-width: 0;
  max-width: 60px;
  color: transparent !important;
  padding: 0 !important;
  width: 60px;
  text-align: center;
}
.product_layout_classic .product_meta {
  font-size: 10px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px;
  padding: 22px 30px 22px;
  text-align: left;
  padding: 0;
  clear: left;
}
@media screen and (max-width: 75em) {
  .product_layout_classic .product_meta {
    padding: 20px 0;
    border-top-width: 1px;
    border-top-style: solid;
  }
}
.product_layout_classic .product_meta > span {
  display: block;
  text-transform: uppercase;
}
.product_layout_classic .product_meta > span a {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-weight: 600;
}
.product_layout_classic .product_meta > span a:hover {
  opacity: 1;
}
.product_layout_classic .mobile_gallery,
.product_layout_classic .mobile_gallery_thumbs {
  display: none;
}
@media screen and (max-width: 64em) {
  .product_layout_classic .mobile_gallery,
  .product_layout_classic .mobile_gallery_thumbs {
    display: block;
  }
}
.product_layout_classic .mobile_gallery {
  position: relative;
}
.product_layout_classic .woocommerce-product-gallery .woocommerce-product-gallery__wrapper a.fresco.zoom,
.product_layout_classic .woocommerce-product-gallery .woocommerce-product-gallery__wrapper a:not(.fresco) {
  display: block;
}
.product_layout_classic .woocommerce-product-gallery .woocommerce-product-gallery__wrapper.mobile-gallery a.fresco {
  display: block;
}
.product_layout_classic .woocommerce-product-gallery ol.flex-control-thumbs {
  padding: 5px 0 0 0 !important;
  margin: 0 -5px !important;
}
.product_layout_classic .woocommerce-product-gallery ol.flex-control-thumbs li {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding: 5px;
}
.product_layout_classic .woocommerce-product-gallery ol.flex-control-thumbs li img {
  opacity: 1 !important;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
}
.product_layout_classic .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
  opacity: 0.2 !important;
}
.product_layout_classic .woocommerce-product-gallery ol.flex-control-thumbs li:hover img {
  opacity: 0.2 !important;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.product_layout_classic .woocommerce-product-gallery .woocommerce-product-gallery__image.youtube .fluid-width-video-wrapper {
  padding-top: 56.2222%;
  width: 100%;
  position: relative;
}
.product_layout_classic .woocommerce-product-gallery .woocommerce-product-gallery__image.youtube .fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product_layout_classic .woocommerce-tabs {
  padding-top: 80px;
}
@media screen and (max-width: 47.9375em) {
  .product_layout_classic .woocommerce-tabs {
    padding-top: 40px;
  }
}
.product_layout_classic .woocommerce-tabs .panel {
  margin: 0 !important;
}
.product_layout_classic .woocommerce-tabs .panel > h2:first-child {
  display: none;
}
.product_layout_classic .woocommerce-tabs .panel .large-8 > h2:first-child {
  display: none;
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes {
  border-top: none;
  margin-top: -5px;
  margin-bottom: -2px;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes tr:last-child {
  border-bottom: none;
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes tr:last-child td {
  border-bottom: none;
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th,
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes td {
  font-size: 1rem;
  font-weight: normal;
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th {
  width: 110px;
  padding: 11px 20px 11px 0;
  border: none;
  font-weight: 600;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes th {
    width: 150px;
  }
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes td {
  padding: 11px 0px 11px;
  font-style: normal;
  border: none;
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes p {
  padding: 0;
}
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes .alt td,
.product_layout_classic .woocommerce-tabs .panel#tab-additional_information table.shop_attributes .alt th {
  background: none !important;
}
.product_layout_classic .woocommerce-tabs .panel #reviews {
  margin-top: 24px;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel #reviews {
    font-size: 1.3125rem;
  }
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comment {
  height: 140px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews .star-rating {
  font-size: 10px;
  top: 4px;
  margin-right: -70px;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel #reviews .star-rating {
    margin-right: -100px;
  }
}
.product_layout_classic .woocommerce-tabs .panel #reviews .woocommerce-Reviews-title {
  font-size: 21px;
  margin-bottom: 25px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews .comment-metadata {
  margin-bottom: 16px;
  margin-top: -3px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments {
  margin: 0 0 45px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist {
  margin: 0px 0 30px;
  width: 100%;
  background: none;
  list-style: none;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist li {
  padding: 0;
  margin: 25px 0 30px;
  border: 0;
  position: relative;
  background: 0;
  border: 0;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist li:first-child {
  margin-top: 0px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist li img.avatar {
  background: none;
  border: 0;
  margin: 0;
  line-height: 1;
  position: absolute;
  float: none;
  left: 0;
  top: -5px;
  width: 50px;
  height: 50px;
  padding: 0;
  overflow: hidden;
  border-radius: 70px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment-text {
  margin: 0 70px 0 70px;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist li .comment-text .verified {
  color: #a1a1a1;
  display: inline-block;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #comments ol.commentlist li .description {
  margin: 11px -70px 0 0;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form-rating {
  margin: 0 0 20px;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond .comment-form-rating p.stars {
    font-size: 0.875rem;
  }
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond p .comment-form-author {
  margin-bottom: 0;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond p .comment-form-email {
  margin-bottom: 15px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond p .comment-form-comment {
  margin-top: -30px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond input#submit {
  font-size: 13px;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond input#submit:hover {
  color: #FFF;
}
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond form .form-row-first.comment-form-author,
.product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond form .form-row-last.comment-form-email {
  width: 100%;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond form .form-row-first.comment-form-author,
  .product_layout_classic .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond form .form-row-last.comment-form-email {
    width: 48%;
  }
}
.product_layout_classic .woocommerce-tabs .panel #reviews h3 {
  font-size: 1.125rem;
}
.product_layout_classic .woocommerce-tabs .panel #reviews span.comment-reply-title {
  font-size: 1.3125rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 7px;
  text-align: left;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs .panel #reviews span.comment-reply-title {
    font-size: 1.75rem;
    line-height: 1.3;
  }
}
.product_layout_classic .woocommerce-tabs ul.tabs {
  padding-left: 0 !important;
  margin-bottom: 50px !important;
  text-align: center !important;
}
.product_layout_classic .woocommerce-tabs ul.tabs:before {
  display: none !important;
}
.product_layout_classic .woocommerce-tabs ul.tabs li {
  border: none !important;
  background: none !important;
  border-radius: 0px !important;
  padding: 0 !important;
  margin: 0 15px !important;
  font-size: 13px;
}
.product_layout_classic .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs ul.tabs li a {
    line-height: 1.5;
    padding: 18px 0 5px !important;
    border-bottom: none;
  }
  .product_layout_classic .woocommerce-tabs ul.tabs li a.active {
    border-bottom: none;
  }
}
@media screen and (min-width: 64.0625em) {
  .product_layout_classic .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
  }
}
.product_layout_classic .woocommerce-tabs ul.tabs li.active {
  background: none !important;
  border-top: 3px solid !important;
}
.product_layout_classic .woocommerce-tabs ul.tabs li:before, .product_layout_classic .woocommerce-tabs ul.tabs li:after {
  display: none !important;
}
.product_layout_classic section.related h2,
.product_layout_classic section.up-sells h2 {
  text-align: center;
  font-size: 13px !important;
  text-transform: uppercase;
  margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
  .product_layout_classic section.related h2,
  .product_layout_classic section.up-sells h2 {
    margin-top: 75px;
  }
}
@media screen and (min-width: 1024px) {
  .product_layout_classic section.related h2,
  .product_layout_classic section.up-sells h2 {
    margin-top: 100px;
  }
}
.product_layout_classic .single_product_summary_upsell + .single_product_summary_related .related h2 {
  margin-top: 0;
}
.product_layout_classic .related .large-centered,
.product_layout_classic .related .medium-centered,
.product_layout_classic .related .small-centered,
.product_layout_classic .up-sells .large-centered,
.product_layout_classic .up-sells .medium-centered,
.product_layout_classic .up-sells .small-centered {
  float: left !important;
}
@media screen and (max-width: 75em) {
  .product_layout_classic .product_navigation {
    display: block;
    width: auto;
    text-align: center;
    padding: 20px 0;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
  }
  .product_layout_classic .product_navigation #nav-below {
    padding: 0;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous,
  .product_layout_classic .product_navigation #nav-below .product-nav-next {
    display: inline-block;
    text-align: center;
    width: 50%;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a:hover,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a:hover {
    opacity: 1 !important;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a span,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a span {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
    top: -5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a i,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a i {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a:hover,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a:hover {
    opacity: 0.7;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous {
    float: left;
    text-align: left;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous i {
    left: -8px;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-next {
    float: right;
    text-align: right;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-next i {
    right: -1px;
  }
}
@media screen and (min-width: 75.0625em) {
  .product_layout_classic .product_navigation {
    position: fixed;
    left: 100%;
    top: 430px;
    z-index: 999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-animation: slide-in-from-right;
            animation: slide-in-from-right;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous,
  .product_layout_classic .product_navigation #nav-below .product-nav-next {
    text-align: center;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a {
    display: block;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    width: 38px;
    height: 38px;
    margin: 10px 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 24px;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a span,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a span {
    display: none;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous a:hover,
  .product_layout_classic .product_navigation #nav-below .product-nav-next a:hover {
    opacity: 0.7;
  }
  .product_layout_classic .product_navigation #nav-below .product-nav-previous {
    margin-bottom: 10px;
  }
}
@-webkit-keyframes slide-in-from-right {
  0% {
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
  }
  50% {
    -webkit-transform: translateX(-95px);
            transform: translateX(-95px);
  }
  75% {
    -webkit-transform: translateX(-95px);
            transform: translateX(-95px);
  }
  100% {
    -webkit-transform: translateX(-95px);
            transform: translateX(-95px);
  }
}
@keyframes slide-in-from-right {
  0% {
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
  }
  50% {
    -webkit-transform: translateX(-95px);
            transform: translateX(-95px);
  }
  75% {
    -webkit-transform: translateX(-95px);
            transform: translateX(-95px);
  }
  100% {
    -webkit-transform: translateX(-95px);
            transform: translateX(-95px);
  }
}
.product_layout_classic .product-badges {
  position: absolute;
  top: 12px;
  margin-left: 15px;
  z-index: 998;
}
@media screen and (min-width: 1024px) {
  .product_layout_classic .product-badges {
    z-index: 999;
    top: 12px;
    margin-left: -10px;
  }
}
.product_layout_classic .product-badges .product-sale .onsale {
  position: inherit;
  top: inherit;
  margin-right: 0;
  display: inline-block;
}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/css/public/wc-product-mobile.css?ver=8.6 */
@media screen and (max-width: 64em) {
  body.woocommerce.single-product .content-area {
    padding: 0;
  }
  body.woocommerce.single-product .upsells h2,
body.woocommerce.single-product .related h2 {
    text-align: left !important;
  }
}

@media screen and (max-width: 47.9375em) {
  .custom-layout .comment-notes,
.default-layout .comment-notes {
    text-align: left;
  }
  .custom-layout .woocommerce-tabs #tab-description,
.custom-layout .product_content_wrapper .woocommerce-tabs #tab-description,
.default-layout .woocommerce-tabs #tab-description,
.default-layout .product_content_wrapper .woocommerce-tabs #tab-description {
    text-align: left;
  }
  .custom-layout .woocommerce-tabs ul.tabs,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs,
.default-layout .woocommerce-tabs ul.tabs,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs {
    margin-bottom: 20px !important;
  }
  .custom-layout .woocommerce-tabs ul.tabs li,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs li,
.default-layout .woocommerce-tabs ul.tabs li,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs li {
    display: block !important;
  }
  .custom-layout .woocommerce-tabs ul.tabs li.active,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs li.active,
.default-layout .woocommerce-tabs ul.tabs li.active,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs li.active {
    border-top: none !important;
  }
}
@media screen and (max-width: 55em) {
  .custom-layout .product:not(.product-type-grouped) .product_content_wrapper .product_images .product_image,
.default-layout .product:not(.product-type-grouped) .product_content_wrapper .product_images .product_image {
    padding: 0;
  }
  .custom-layout .product:not(.product-type-grouped) .product_content_wrapper .product_infos form.cart,
.default-layout .product:not(.product-type-grouped) .product_content_wrapper .product_infos form.cart {
    float: none;
  }
  .custom-layout .product:not(.product-type-grouped) .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist,
.default-layout .product:not(.product-type-grouped) .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist {
    margin: 0 0 20px;
  }
  .custom-layout .product .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating,
.default-layout .product .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating {
    float: none;
    text-align: left;
    top: 10px;
  }
  .custom-layout .product .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating .woocommerce-review-link,
.default-layout .product .product_content_wrapper .product_infos .product_summary_top .woocommerce-product-rating .woocommerce-review-link {
    padding: 0;
  }
  .custom-layout .product .product_content_wrapper .product_infos form.cart,
.default-layout .product .product_content_wrapper .product_infos form.cart {
    margin-bottom: 20px;
  }
  .custom-layout .product .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist,
.default-layout .product .product_content_wrapper .product_infos .yith-wcwl-add-to-wishlist {
    margin: 0 2px 35px;
    height: auto;
    float: left;
    position: relative;
  }
  .custom-layout .woocommerce-tabs,
.custom-layout .product_content_wrapper .woocommerce-tabs,
.default-layout .woocommerce-tabs,
.default-layout .product_content_wrapper .woocommerce-tabs {
    padding-top: 40px;
  }
  .custom-layout .woocommerce-tabs ul.tabs,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs,
.default-layout .woocommerce-tabs ul.tabs,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs {
    text-align: center !important;
  }
  .custom-layout .woocommerce-tabs ul.tabs li.active,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs li.active,
.default-layout .woocommerce-tabs ul.tabs li.active,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs li.active {
    border-top: none !important;
  }
  .custom-layout section.related h2,
.custom-layout section.up-sells h2,
.default-layout section.related h2,
.default-layout section.up-sells h2 {
    margin: 40px 0 25px;
    text-align: center;
  }
}
@media screen and (min-width: 55.0625em) and (max-width: 64em) {
  .custom-layout .woocommerce-tabs,
.custom-layout .product_content_wrapper .woocommerce-tabs,
.default-layout .woocommerce-tabs,
.default-layout .product_content_wrapper .woocommerce-tabs {
    padding-top: 80px;
  }
  .custom-layout .woocommerce-tabs ul.tabs,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs,
.default-layout .woocommerce-tabs ul.tabs,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs {
    text-align: left !important;
    margin-bottom: 30px !important;
  }
  .custom-layout .woocommerce-tabs ul.tabs li:first-child,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs li:first-child,
.default-layout .woocommerce-tabs ul.tabs li:first-child,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
  }
  .custom-layout .woocommerce-tabs ul.tabs li:last-child,
.custom-layout .product_content_wrapper .woocommerce-tabs ul.tabs li:last-child,
.default-layout .woocommerce-tabs ul.tabs li:last-child,
.default-layout .product_content_wrapper .woocommerce-tabs ul.tabs li:last-child {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 48em) and (max-width: 64em) {
  .custom-layout .product_content_wrapper .product-images-wrapper,
.default-layout .product_content_wrapper .product-images-wrapper {
    margin: 0;
  }
  .custom-layout .product_content_wrapper .product_infos .product_summary_middle .product_title,
.default-layout .product_content_wrapper .product_infos .product_summary_middle .product_title {
    margin-bottom: 30px;
  }
  .custom-layout .related,
.default-layout .related {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 64em) {
  .custom-layout .product_content_wrapper,
.default-layout .product_content_wrapper {
    margin-top: 0;
    max-width: 100%;
  }
  .custom-layout .product_content_wrapper div.images.woocommerce-product-gallery,
.default-layout .product_content_wrapper div.images.woocommerce-product-gallery {
    margin-bottom: 0;
  }
  .custom-layout .product_content_wrapper .product_title,
.default-layout .product_content_wrapper .product_title {
    width: 100% !important;
    word-break: break-word;
  }
  .custom-layout .product_content_wrapper .product_infos,
.default-layout .product_content_wrapper .product_infos {
    padding-bottom: 0;
    overflow-y: visible;
  }
  .custom-layout .product_content_wrapper .product_infos .product_summary_top,
.default-layout .product_content_wrapper .product_infos .product_summary_top {
    margin: 0;
    padding: 35px 0 30px;
  }
  .custom-layout .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb,
.default-layout .product_content_wrapper .product_infos .product_summary_top .woocommerce-breadcrumb {
    float: none;
    line-height: 1.4;
    width: 100%;
  }
  .custom-layout .product_content_wrapper .product_infos .price,
.default-layout .product_content_wrapper .product_infos .price {
    padding: 0 0 15px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 47.9375em) {
  .default-layout .product-images-wrapper {
    margin: 0 -30px;
  }
}

@media screen and (max-width: 47.9375em) {
  .custom-layout .product-images-wrapper {
    margin: 0 -20px;
  }
  .custom-layout .product_infos,
.custom-layout .woocommerce-tabs,
.custom-layout .single_product_summary_related,
.custom-layout .single_product_summary_upsell {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/plugins/shopkeeper-extender/includes/social-media/assets/css/social-media.min.css?ver=7.0.2 */
ul.sk_social_icons_list{clear:both;display:block;margin:15px 0;padding:0;vertical-align:middle}ul.sk_social_icons_list.left{text-align:left}ul.sk_social_icons_list.center{text-align:center}ul.sk_social_icons_list.right{text-align:right}ul.sk_social_icons_list li.sk_social_icon{display:inline-block;list-style:none;line-height:1;margin:10px 30px 10px 0;padding-top:0!important;vertical-align:middle}ul.sk_social_icons_list li.sk_social_icon:last-child{margin-right:0;margin-bottom:10px}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link{display:block;overflow:visible;line-height:0}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link:hover i{opacity:.75}ul.sk_social_icons_list li.sk_social_icon a.sk_social_icon_link i{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.site-top-bar-social-icons-wrapper{display:block;float:right;padding:8px 0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list{margin:0 0 0 50px}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon{margin:5px 10px 5px 0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child{margin-right:0}.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon img,.site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon svg{width:16px!important;height:16px!important}.footer_socials_wrapper{margin-bottom:21px}@media only screen and (min-width:40.063em){.footer_socials_wrapper{margin-bottom:34px}}.off-canvas ul.sk_social_icons_list li.sk_social_icon{margin:10px 22px 10px 0}.off-canvas ul.sk_social_icons_list li.sk_social_icon svg{width:18px!important;height:18px!important}.rtl ul.sk_social_icons_list li.sk_social_icon{margin:10px 0 10px 30px}.rtl ul.sk_social_icons_list li.sk_social_icon:last-child{margin-left:0}.rtl .widget_shopkeeper_social_media ul.sk_social_icons_list{text-align:right}.rtl .site-top-bar-social-icons-wrapper{float:left}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list{padding-left:0;padding-right:50px}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon{margin:5px  5px 10px}.rtl .site-top-bar-social-icons-wrapper ul.sk_social_icons_list li.sk_social_icon:last-child{margin-left:0}.rtl .off-canvas ul.sk_social_icons_list{text-align:right}.rtl .off-canvas ul.sk_social_icons_list li.sk_social_icon{margin:10px 0 10px 22px}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/plugins/shopkeeper-extender/includes/social-sharing/assets/css/social-sharing.min.css?ver=7.0.2 */
@media only screen and (max-width:1201px){.product_socials_wrapper{display:table;width:100%;text-align:center;padding:20px 0;border-top-width:1px;border-top-style:solid}.product_socials_wrapper .product_socials_wrapper_inner,.product_socials_wrapper .share-product-text{display:table-cell;vertical-align:middle;width:50%}.product_socials_wrapper .share-product-text{font-size:10px;text-transform:uppercase;font-weight:bold;text-align:left}.product_socials_wrapper .product_socials_wrapper_inner{text-align:right}.product_socials_wrapper .product_socials_wrapper_inner a{padding-right:10px}}@media only screen and (min-width:1201px){.product_socials_wrapper{position:fixed;top:430px;right:100%;z-index:999;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-animation:slide-in-from-left;animation:slide-in-from-left;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.product_socials_wrapper .share-product-text{display:none}.product_socials_wrapper .product_socials_wrapper_inner a{display:block;-webkit-box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);border-radius:50%;text-align:center;padding-top:10px;margin:10px 0;width:38px;height:38px}.product_socials_wrapper .product_socials_wrapper_inner a:first-child{margin-top:0}}@-webkit-keyframes slide-in-from-left{0%{-webkit-transform:translateX(-55px);transform:translateX(-55px)}50%{-webkit-transform:translateX(95px);transform:translateX(95px)}75%{-webkit-transform:translateX(95px);transform:translateX(95px)}to{-webkit-transform:translateX(95px);transform:translateX(95px)}}@keyframes slide-in-from-left{0%{-webkit-transform:translateX(-55px);transform:translateX(-55px)}50%{-webkit-transform:translateX(95px);transform:translateX(95px)}75%{-webkit-transform:translateX(95px);transform:translateX(95px)}to{-webkit-transform:translateX(95px);transform:translateX(95px)}}@media only screen and (max-width:1024px){.rtl .product_socials_wrapper_inner{float:left;text-align:left}.rtl .share-product-text{float:right;text-align:right}}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/plugins/shopkeeper-portfolio/includes/assets/css/portfolio.css?ver=7.0.2 */
.portfolio_content_nav{clear:both}.portfolio_content_nav .post-navigation{margin-top:0}.portfolio-isotope{position:relative}.portfolio-isotope:after{content:"";display:block;clear:both}.portfolio-box,.portfolio_related_item{width:100%;float:left;margin:0;padding-left:0;padding-right:0;opacity:1;-o-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;padding-bottom:100%}.portfolio-box.width2,.portfolio-grid-sizer{width:100%}.portfolio-box.width2.height2{width:100%}.portfolio-box.hidden{opacity:0;-o-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s}.portfolio-box-inner{position:relative;display:block;height:100%;position:absolute;width:100%}.portfolio-filters .filters-group.list-centered{margin-bottom:90px}.filters-group li{display:inline-block;font-size:13px;font-weight:bold;margin-left:2px;margin-bottom:10px;margin:0 12px 5px;padding:5px 0px;border-bottom:1px solid #ddd;text-transform:uppercase;display:inline-block;cursor:pointer;-webkit-transition:color 0.3s, border-color 0.2s;-o-transition:color 0.3s, border-color 0.2s;transition:color 0.3s, border-color 0.2s;-webkit-transition:color 0.3s, border-color 0.3s}.filters-group li:hover{border-bottom:1px solid transparent}.hover-effect-link{display:block;overflow:hidden;margin:0;background:#000;text-align:center;cursor:pointer;width:100%;height:100%;position:absolute;z-index:1}.hover-effect-link .hover-effect-thumb{display:block;opacity:1;background-size:cover;background-position:center;background-repeat:no-repeat;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);max-width:none;min-height:100.6%;position:absolute;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, -webkit-transform 0.35s;-o-transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}@media screen and (-webkit-min-device-pixel-ratio:0){.hover-effect-link .hover-effect-thumb,.thumbnail_archive img,::i-block-chrome{width:110%;-webkit-transform:translate3d(-5%, 0, 0);transform:translate3d(-5%, 0, 0)}.hover-effect-content:hover .hover-effect-thumb,.thumbnail_archive:hover img,::i-block-chrome{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.main-navigation ul ul,::i-block-chrome{-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}}.hover-effect-content .hover-effect-text,.hover-effect-content .hover-effect-title{margin:0}.hover-effect-content .hover-effect-title,.wpb_wrapper h2.hover-effect-title{color:#fff!important;font-size:1.375rem;line-height:1.2em;font-weight:900;position:absolute;bottom:28px;left:0px;padding:40px 40px 5px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;text-align:left;-o-transition:all .3s!important;transition:all .3s!important;-webkit-transition:all .3s!important}.hover-effect-content .hover-effect-text,.wpb_wrapper .hover-effect-text{color:#fff!important;opacity:0;font-size:0.75rem;font-weight:900;text-transform:uppercase;position:absolute;bottom:0;padding:0px 40px 33px;text-align:left;-o-transition:all .45s!important;transition:all .45s!important;-webkit-transition:all .45s!important}.hover-effect-content:hover .hover-effect-thumb{opacity:0.15;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.hover-effect-content:hover .hover-effect-text{opacity:1;-webkit-transition-delay:0.05s;-o-transition-delay:0.05s;transition-delay:0.05s}.boxed-page .hover-effect-content .hover-effect-title,.boxed-page .wpb_wrapper h2.hover-effect-title{font-size:1.375rem}.boxed-page .wpb_wrapper .portfolio-isotope-container{margin:0}.portfolio-single-featured-img{height:760px;background-repeat:no-repeat;background-size:cover;background-position:center center}.portfolio_single_list_cat{display:block;text-align:center}.portfolio_single_list_cat a{display:inline-block;font-size:0.8125rem;font-weight:900;padding-bottom:10px;text-transform:uppercase}.portfolio_content_nav .nav-next .nav-next-title,.portfolio_content_nav .nav-previous .nav-previous-title{display:none}.portfolio-related-container{background:#f5f5f5;overflow:hidden}.portfolio-related-container:after{content:"";display:block;clear:both}.portfolio_related_item{position:relative}.portfolio_related_item.empty{display:none}.portfolio_related_item.empty .hover-effect-link{background:none;cursor:default;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.full-width-page .wpb_wrapper .portfolio-isotope-container{margin-left:-30px!important;margin-right:-30px!important}.full-width-page .boxed-row .wpb_wrapper .portfolio-isotope-container{margin-left:0px!important;margin-right:0px!important}@media only screen and (min-width:30.063em){.portfolio-grid-sizer{width:50%}.portfolio-box,.portfolio_related_item{width:50%;padding-bottom:50%}.portfolio-box.width2{width:100%;padding-bottom:50%}.portfolio-box.width2.height2{width:100%;padding-bottom:100%}.portfolio_related_item.item_2.empty{display:block}.portfolio_related_item.item_1.empty .hover-effect-link{border-right:1px solid #ddd}}@media only screen and (min-width:40.063em){.hover-effect-content .hover-effect-title,.wpb_wrapper h2.hover-effect-title{font-size:1.875rem}.filters-group.list-centered{margin-bottom:5px}.portfolio_content_nav #nav-below{padding:40px 50px 38px;margin:0;border-top-width:1px;border-top-style:solid}.portfolio_content_nav #nav-below .nav-next span:after,.portfolio_content_nav #nav-below .nav-previous span:before{font-size:20px;color:#888;display:inline-block;font:normal normal normal;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio_content_nav #nav-below .nav-previous span:before{content:"\2190";margin-right:3px}.portfolio_content_nav #nav-below .nav-next span:after{content:"\2192";margin-left:3px}}@media only screen and (min-width:56.3125em){.portfolio-grid-sizer{width:33.3333333333%}.portfolio-box,.portfolio_related_item{width:33.3333333333%;padding-bottom:33.3333333333%}.portfolio-box.width2{width:66.6666666666%;padding-bottom:33.3333333333%}.portfolio-box.width2.height2{width:66.6666666666%;padding-bottom:66.6666666666%}.portfolio_related_item.item_3.empty{display:block}.portfolio_related_item.item_2.empty .hover-effect-link{border-right:1px solid #ddd}}@media only screen and (min-width:63.9375em){.full-width-page .wpb_wrapper .portfolio-isotope-container{margin-left:-15px!important;margin-right:-15px!important}}@media only screen and (min-width:80em){.portfolio-grid-sizer{width:25%}.portfolio-box,.portfolio_related_item{width:25%;padding-bottom:25%}.portfolio-box.width2{width:50%;padding-bottom:25%}.portfolio-box.width2.height2{width:50%;padding-bottom:50%}.default_grid.items_per_row_3 .portfolio-grid-sizer{width:33.3333333333%}.default_grid.items_per_row_3 .portfolio-box{padding-bottom:33.33333333333%;width:33.3333333333%}.portfolio_related_item.item_4.empty{display:block}.portfolio_related_item.item_3.empty .hover-effect-link{border-right:1px solid #ddd}}@media only screen and (min-width:100.063em){.portfolio-grid-sizer{width:20%}.portfolio-box,.portfolio_related_item{width:20%;padding-bottom:20%}.portfolio-box.width2{width:40%;padding-bottom:20%}.portfolio-box.width2.height2{width:40%;padding-bottom:40%}.default_grid.items_per_row_4 .portfolio-grid-sizer{width:25%}.default_grid.items_per_row_4 .portfolio-box{padding-bottom:25%;width:25%}.portfolio_related_item.item_5.empty{display:block}.portfolio_related_item.item_4.empty .hover-effect-link{border-right:1px solid #ddd}}

/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/plugins/flexible-shipping/assets/dist/css/free-shipping.css?ver=6.10.0.4 */
.fs-free-shipping-notice-and-button-wrapper{flex-flow:wrap;place-content:start space-between;align-items:center;display:flex}.fs-free-shipping-notice-text-and-progress-bar-wrapper,.fs-free-shipping-notice-continue-shopping-button-wrapper{flex:0 auto;margin:0 .5em}.fs-free-shipping-notice-progress-bar-wrapper{flex-direction:row;align-items:center;display:flex}.fs-free-shipping-notice-progress-bar{border:1px solid #fff;border-radius:10px;width:100%;height:10px;margin-left:10px;margin-right:10px;position:relative}.fs-free-shipping-notice-progress-bar>span{background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;height:100%;display:block;position:relative;overflow:hidden}.button.flexible-shipping-free-shipping-button{margin-left:0}


/* UltraCache CSS Bundle Source: https://chaliotisallseasons.gr/wp-content/themes/shopkeeper/inc/notifications/custom/assets/css/style.css?ver=8.6 */
body.gbt_custom_notif .wc-block-components-notice-banner,
body.gbt_custom_notif .woocommerce-message,
body.gbt_custom_notif .woocommerce-error,
body.gbt_custom_notif .woocommerce-info,
body.gbt_custom_notif .woocommerce-notice {
  display: none !important;
}
body.gbt_custom_notif .page-notifications {
  top: 63px;
  left: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  position: fixed;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 8889;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-content {
  margin: 0 0 10px;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(0) {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(1) {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(2) {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(3) {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(4) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(5) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(6) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(7) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(8) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice.close-notice:nth-child(9) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications.slide-out .gbt-custom-notification-notice {
  cursor: default;
}
body.gbt_custom_notif .page-notifications.slide-in .gbt-custom-notification-notice {
  cursor: pointer;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(0) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(1) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(2) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(3) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(4) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(5) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(6) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(7) {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(8) {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice:nth-child(9) {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
  -webkit-box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
          box-shadow: 0px 7px 52px -12px rgba(0, 0, 0, 0.36);
  border: none;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 15px;
  z-index: 8888;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 320px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media all and (min-width: 768px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
    width: 400px;
  }
}
@media all and (min-width: 1024px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice {
    width: 465px;
  }
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button {
  color: #FFF;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  font-size: 13px;
  padding: 0 !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: none;
  min-width: 10px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice a:after,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .button:after {
  font-family: "Shopkeeper-Icon-Font";
  content: "\e902";
  display: inline-block;
  font-weight: normal;
  color: #fff;
  font-size: 16px;
  padding: 0px 1px 0px 3.5px;
  top: 2px;
  position: relative;
  margin-right: 5px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice form {
  display: block !important;
  width: 100%;
  text-align: left;
  min-height: 20px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
  background: rgba(0, 0, 0, 0.2);
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
  padding: 33px;
}
@media only screen and (max-width: 767px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
    font-size: 18px;
    width: 75px;
  }
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
    padding: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon {
    font-size: 18px;
    width: 85px;
  }
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon:before {
    padding: 33.5px;
  }
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-notice-icon.spk-icon-success:before {
  content: "\e923";
  font-family: "Shopkeeper-Icon-Font";
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 20px 25px;
  word-break: break-word;
}
@media only screen and (max-width: 767px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message,
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text {
    font-size: 14px;
  }
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message div,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text div {
  display: table-cell;
  vertical-align: middle;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .gbt-custom-notification-message li,
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_text li {
  list-style-type: none;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
  min-width: 75px;
  width: 75px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background img {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media all and (min-width: 768px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
    min-width: 85px;
    width: 85px;
  }
}
@media all and (min-width: 1024px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice .product_notification_wrapper .product_notification_background {
    min-width: 90px;
    width: 90px;
  }
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
  -webkit-transform: translateX(-340px);
          transform: translateX(-340px);
}
@media all and (min-width: 768px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
    -webkit-transform: translateX(-455px);
            transform: translateX(-455px);
  }
}
@media all and (min-width: 1024px) {
  body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.open-notice {
    -webkit-transform: translateX(-520px);
            transform: translateX(-520px);
  }
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice.close-notice {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.gbt_custom_notif .page-notifications .gbt-custom-notification-notice svg {
  display: none;
}
@media only screen and (max-width: 767px) {
  body.gbt_custom_notif .page-notifications {
    top: 50px;
  }
}

.rtl .page-notifications {
  direction: ltr;
}

.woocommerce-account .page-notifications {
  display: none;
}