@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/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/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;
}