/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}
a{text-decoration-skip-ink:auto;text-decoration:none}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
 
 */

/* Uppercase */
/* div#page_title *, #xp_breadcrumb * {
    text-transform: uppercase !important;
}
label {
    text-transform: uppercase;
}
#menu>div>ul>li>a {
    text-transform: uppercase;
}
footer h5.widget-title {
    text-transform: uppercase;
} */
/*
 * Styling 
 */


/* :root {
    --xp-primary-color:  #FCCA03;
    --xp-secondary-color:  #161616;
    --swiper-theme-color: var(--xp-primary-color);
}
 */

*,::after,::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-bs-original-title],abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub,sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

/* Start Headings */
h1 {
    font-size: 3rem;
}

h2 {
    font-size: 3rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.75rem;
}

h5 {
    font-size: 1.5rem;
}

h6 {
    font-size: 1rem;
}


/* End Headings */
input {
    outline:  none;
}

a {
    text-decoration: none;
    /* transition: color 0.2s ease; */
}

img {
    max-width: 100%;
    height: auto;
}

::marker {
    color: yellow;
    border-radius: 0 !important;
    content: "";
}

dl, ol, ul {
    margin-bottom: 0;
    padding-left: 0;
}

button {
    border: none;
    background: no-repeat;
}

span.icon-phone-3:before {
    transform: rotate(90deg);
}

span.text-icon {
    padding-left: 5px;
}

*[class^="fa-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.close-button {
     width: 50px;
     height: 50px;
     border-radius: 10px;
     right: 0;
     top: 0;
     position: absolute;
     display: block;
     z-index: 200;
     text-indent: -9999px;
     cursor: pointer;
}
 .close-button:before, .close-button:after {
     content: '';
     width: 55%;
     height: 2px;
     background: #fff;
     position: absolute;
     top: 48%;
     left: 22%;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .close-button:after {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .close-button:hover:before, .close-button:hover:after {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     transform: rotate(180deg);
}
 

/* End Cancel Button */

/* Start Top Bar */

.topbar {
    height: 32px;
}

.topbar p {
    font-size: 13px;
}

.topbar [class^="icon-"]:before, 
.topbar [class*=" icon-"]:before {
    font-size: 15px;
}

.topbar figure {
    margin: 0;

}

.topbar img {
    max-height: 32px;
    width: auto;
    max-width: 100%;;
}


.topbar h1, .topbar h2, .topbar h3, .topbar h4, .topbar h5, .topbar h6 {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0;
    padding: 0;
}


/* End Top Bar */


/* Start Bar Layout */

.bar_layout .widget_area_bar>div:not(:last-child) {
    border-right: 1px solid rgb(255 255 255 / 3%);
}

/* End Bar Layout */


/* Start Main Header */

#header {
    z-index: 20;
}
#header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}
#header.sticky.transparent {
    position: fixed;
}

.xp_logo {
    transition: all 0.5s ease;
}

.xp_sticky_logo, .xp_mobile_sticky_logo {
    display: none;
}

#header.scrolled .xp_sticky_logo {
    display: block;
}
#header.scrolled .xp_mobile_sticky_logo+.xp_sticky_logo {
    display: none;
}
#header.scrolled .xp_main_logo {
    display: none;
}



#menu>div>ul>li>a {
    font-weight: bold;
    font-size: 1rem;
    /* text-transform: uppercase; */
}

#MainHeader .primary_menu>* {
    float: left;
}

#MainHeader .primary_menu>*:not(:last-child) {
    margin-right: 15px;
}

.icon-user-o:before {
    font-weight: 900;
}

/* αρχική κατάσταση */
#MainHeader {
  position: relative;
  width: 100%;
  transition: top 0.3s ease-in-out;
  z-index: 999;
}

/* γίνεται fixed όταν κάνουμε scroll */
#MainHeader.fixed {
  position: fixed;
  background-color: white;;
  top: 0;
  left: 0;
  border-bottom: 1px solid #e4e4e4;
}


#MainHeader.fixed #Branding {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* κρύβεται όταν κάνουμε scroll down */
#MainHeader.hide-header {
  top: -150px; /* ύψος header, μπορεί να το αλλάξεις */
}



/* End Main Header */


/* Start Main Menu */

#MainHeader .menu>li{
    font-size: 1.3rem;
    line-height: 1.5rem;
}


#MainHeader .menu li .icon-down-open-1 {
    top: 1px;
    position: relative;
}

#MainHeader .menu li:not(.menu-item-has-children) .icon-down-open-1 {
    display: none;
}

#MainHeader .sub-menu .icon-down-open-1:before {
    content: "\e86b";
}

#MainHeader .menu .icon-down-open-1:before {
    margin-left: 3px;
    margin-right: 0;
}

.slide_line {
    height: 5px;
    width: 100%;
    cursor: pointer;
}
.slide_line_bottom {
    display: none;
}

.menu>li>.slide_line:after {
    content: "";
    height: 5px;
    background: var(--xp-primary-color);
    display: block;
    margin-left: -10px;
    width:  0;
    transition: width .3s ease;
}
#MainHeader .menu>li:hover>.slide_line:after {
    width: calc(100% + 24px);
}

.sub-menu li {
    padding: 8px 20px;
}
.sub-menu li:not(:last-child) {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.sub-menu {
    padding: 5px 15px;
    max-height: 0;
    overflow: hidden;
}

li:hover>.sub-menu{
    max-height: 500px;
    opacity: 1;
    border-bottom: 2px solid var(--xp-primary-color);
    transition: max-height .7s ease-in-out, border .2s ease-in-out;
    overflow: visible;
}

li:hover>.sub-menu>li{
    opacity: 1;
/*     transition: opacity 0 ease-in-out;
 */    transition-delay: .3s;
}

.sub-menu a, .sub-menu span:before {
    color: white;
    font-size: 1rem;
    font-weight: 300;
}
/* End Main Menu */


/* Start Prefooter Area */

#prefooter .widget-title {
    font-size: 1.6rem;
    line-height: 1.8rem;
}

/* End Prefooter Area */


/* Start Main Footer */
/* 
.footer_widget_area:not(:last-child) {
    border-right: 1px solid rgb(255 255 255 / 3%);
} */

.mainfooter h5.widget-title {
    margin-bottom: 15px;
}
.mainfooter ul:not(.icons_list) li {
    margin: 15px 0;
}
.mainfooter ul:first-child li {
    margin-top: 0;
}
.mainfooter ul:not(.icons_list) li:hover:before {
    content: "\e86b";
    font-family: "xpower";
    transition: all 0.4s ease;
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease;
}

footer h5.widget-title {
    font-size: 1.1rem;
}
.mainfooter ul:not(.icons_list) li:hover:before {
    opacity: 1;
}

.mainfooter ul:not(.icons_list) li a {
    transition: all 0.3s ease;
    padding-left: 0;
}

.mainfooter ul:not(.icons_list) li:hover a {
    padding-left: 12px;
}

/* End Main Footer */





/* Start Header Search Footer */

#header .searchform {
    background: var(--xp-secondary-color);
}
#header .search-field {
    background: transparent;
}

#header .search-form label .searchlabel {
    font-size: 2rem;
    color: white;
}

.open-search {
    display: block;
}

.mainheader .open-search:hover .icon-search:before {
    color: var(--xp-primary-color);
}

.mainheader a:hover > *[class^="icon-"] {
    color: var(--xp-primary-color);
}

/* .open-search:hover .icon-search {
    animation: xpflipX .5s ease-in;
} */

/* #header .search-form label {
    border-top:  none;
    border-left:  none;
    border-right:  none;
    border-bottom: 1px solid white;
} */
#header .search-form label input {
    color: white;
    border-top:  none;
    border-left:  none;
    border-right:  none;
    border-bottom: 1px solid white;
    max-width: calc(100% - 30px);
}

.searchform #searchsubmit {
    color: white;
    right: 0;
    position: relative;
    display: inline;
    left: calc(100% - 30px);
    background: transparent;
    border: none;
    padding: 8px 0;
    bottom: 44px;
}

.close_icon:before {
    color: white;
    font-size: 1.5rem;
}
/* End Header Search Area */


/* Start Social Icons */

.social_icons li:hover a span:before{
    animation: rotateInOut; 
    animation-duration: .3s; 
    transform: rotate(0deg)
}

.social_icons li a {
    top: 0;
 
}

/* End Social Icons */


/* Start Forms */
input {
    background: transparent;
}

#container [type=button], #container [type=reset], #container [type=submit]
, #container button
{    -webkit-appearance: button;
    padding: 8px 20px;
    background: var(--xp-secondary-color);
    border: 2px solid var(--xp-secondary-color);
    color: white;
    transition: all 0.2s ease;
}
#container  button.searchbutton {
    padding:  8px 5px;
}

.mainfooter [type=button], .mainfooter [type=reset], .mainfooter [type=submit], button
{   
    -webkit-appearance: button;
    padding: 8px 20px;
    background: var(--xp-secondary-color);
    border-bottom-width: 2px;
    border-bottom-style: solid; 
    border-color: white;
    color: white;
    transition: all 0.2s ease;
}

#container [type=button], #container [type=reset], #container [type=submit], button,
{
    -webkit-appearance: button;
    padding: 8px 20px;
    background: var(--xp-secondary-color);
    border: 2px solid var(--xp-secondary-color);
    color: white;
    transition: all 0.2s ease;
}


#container [type=button]:hover, #container [type=reset]:hover, #container [type=submit]:hover {
    -webkit-appearance: button;
    padding: 8px 20px;
    background: white;
    border: 2px solid var(--xp-secondary-color);
    color: var(--xp-secondary-color);
}

input.search-field {
    border-bottom: 2px solid black;
    padding: 8px 0;
    border-top: 2px solid transparent;
    border-left: 0;
    border-right: 0 !important;
    border-top-color:  transparent !important;
    transition: padding 0.2s ease;
    max-width: calc(100% - 30px);
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    border-bottom: 2px solid #ccc;
    padding: 8px 10px 8px 2px;
    border-top: 2px solid transparent;
    border-left: 0;
    border-right: 0 !important;
    transition: padding 0.2s ease;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  background: url(../images/search-x.png) no-repeat 50% 50%;
  background-size: contain;
  pointer-events: none;
  cursor: pointer;

}

input[type="search"]:focus::-webkit-search-cancel-button {
  pointer-events: all;
  filter: invert(0.5);
}

.searchbutton {
    padding: 8px 0 !important;
}
/* input.search-field {
    padding-right: 10px;
} */
input.search-field:focus {
    padding-left: 10px;
    padding-right: 10px;
}
label {
    font-weight: bold;
    margin-bottom: 5px;
}

form.wpcf7-form .row {
    margin-bottom: 15px;
}
form.wpcf7-form label {
    width: 100%;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    width: calc(100% - 25px);
}
form.wpcf7-form col-xl-6:first-child {
    margin-right: 15px
}
form.wpcf7-form col-xl-6:last-child {
    margin-left: 15px
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: auto;
    display: block;
    margin: 0 auto;
    min-width: 150px;
}

.searchbutton {
    color: white;
    right: 5px;
    position: relative;
    display: inline;
    background: transparent;
    border: none;
    padding: 8px 0;
    border-bottom: 2px solid white;
}

.vc_btn3-icon-left {
    padding-left: 50px !important;
}

.vc_btn3-icon-right {
    padding-right: 50px !important;
}

input:focus, textarea:focus {
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
}
button.searchbutton span {
    transition: opacity 0.2 ease;
}
button.searchbutton:hover span {
    opacity: .5;
}

/* End Forms */


#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}
#sticky-popup{
  position: fixed;
  display: none;
  width: 300px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 100;
  background: white;
  padding: 60px 20px;
}

#sticky-popup span.closex {
    display: block;
    text-align: right;
    cursor: pointer;
    font-weight: 700;
    font-size: 25px;
    color: #222;
}
span.closex:hover {
    color: #7d6741;
}
button.cta_button {
    position: fixed;
    bottom: 50px;
    right: 15px;
    border-radius: 3px;
    background-color: #7d6741;
    color: white;
    font-size: 20px;
    font-weight: 600;
    text-align: right;
    border: none;
    z-index: 100;
}
.cta_button:hover {
    background-color: #5A4A2F;
}

button.cta_button img {
    height: 20px;
    left: -10px;
    position: relative;
}
.xp_button {
    background: var(--xp-primary-color);
    padding: 8px 16px;
    display: inline-block;
    font-weight: 600;
    border: 2px solid var(--xp-primary-color);
    transition: all 0.2s linear;
}

.xp_button:hover {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    background: transparent;
    padding-top: 14px;
    padding-right: 48px;
    padding-bottom: 14px;
    padding-left: 48px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.text-white, .text-white *, .text-white *[class^="fa-"], .text-white *[class^="icon-"] {
    color: white;
}
.vc_section {
    background-size: cover;
}
/* .vc_row:not([data-vc-full-width]) .vc_column_container {
    padding-left: 15px;
    padding-right: 15px; 
} */

.wpb_single_image.wpb_content_element {
    margin-bottom: 0;
    /* position: relative; */
}

/* Default Submit and Button Style */

/* .input {
  font-size: 16px;
  font-size: max(16px, 1em);
  font-family: inherit;
  padding: 0.25em 0.5em;
  background-color: #fff;
  border: 2px solid var(--input-border);
  border-radius: 4px;
} */

@keyframes rotateInOut {
    0% {transform: rotate(0deg)}
    25% {transform: rotate(20deg)}
    75% {transform: rotate(-20deg)}
    100% {transform: rotate(0deg)}
}

@-webkit-keyframes xpflipX {
    0% {
        -webkit-transform: scaleX(1);
    }
    50% {
        -webkit-transform: scaleX(-1);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}
@keyframes xpflipX {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scaleX(-1);
    }
    100% {
        transform: scaleX(1);
    }
}

@-webkit-keyframes xpflipY {
    0% {
        -webkit-transform: scaleY(-1);
    }
    100% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes xpflipY {
    0% {
        transform: scaleY(-1);
    }
    100% {
        transform: scaleY(1);
    }
}