@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}} .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}} @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}} .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}} @keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}} .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}} @keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}} .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}} @keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}} .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}} @keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}} .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}} @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}} .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}} @keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}} .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}} @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}} .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}} @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}} .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} @-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} @keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} @keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} @keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} @keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}} @keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}} .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}} @keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}} .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} @keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}} .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}} @keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}} .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} 

/* /groomy_website/static/less/style.less defined in bundle 'web.assets_frontend' */
 .center{display: block; margin-left: auto; margin-right: auto;} @font-face{font-family: Houschka; src: url(/groomy_website/static/fonts/HouschkaRounded-Medium.otf);} @font-face{font-family: garatlo; src: url(/groomy_website/static/fonts/Garatlo.ttf);} @font-face{font-family: austhin; src: url(/groomy_website/static/fonts/austhin.ttf);} .head{font-family: Houschka; font-size: 1.5em;} .main_menu{font-family: Houschka; font-size: 1.7em; color: #002B49;} .contact_input::-webkit-input-placeholder{font-family: Houschka; color: #A0A0A0; transform: scale(0.45); transform-origin: 0% 50%;} .contact_input:-ms-input-placeholder{font-family: Houschka; color: #A0A0A0; transform: scale(0.45); transform-origin: 0% 50%;} .contact_input:-moz-placeholder{font-family: Houschka; color: #A0A0A0; transform: scale(0.45); transform-origin: 0% 50%;} .contact_input::-moz-placeholder{font-family: Houschka; color: #A0A0A0; transform: scale(0.45); transform-origin: 0% 50%;} .flickity-button{background: transparent; border: 1px solid #AAA;} .flickity-prev-next-button{width: 50px; height: 50px;} .flickity-button-icon{fill: #AAA;} .flickity-button:disabled{display: none;} .bottomlink a{color: #212529;} .bottomlink a:hover{color: #002B49;} .menu:hover{color: #35a0a2!important;} .loyalty:hover{color: #002B49!important;} .mainflip{-webkit-transition: 1s; -webkit-transform-style: preserve-3d; -ms-transition: 1s; -moz-transition: 1s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d; position: relative;} .frontside{position: relative; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; margin-bottom: 30px;} .backside{position: absolute; top: 0; left: 0; background: white; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-box-shadow: 5px 7px 9px -4px #9e9e9e; -moz-box-shadow: 5px 7px 9px -4px #9e9e9e; box-shadow: 5px 7px 9px -4px #9e9e9e;} .frontside, .backside{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transition: 1s; -moz-transform-style: preserve-3d; -o-transition: 1s; -o-transform-style: preserve-3d; -ms-transition: 1s; -ms-transform-style: preserve-3d; transition: 1s; transform-style: preserve-3d;} .frontside .card, .backside .card{min-height: 312px;} .backside .card a{font-size: 18px; color: #0b2945 !important;} .frontside .card .card-title, .backside .card .card-title{color: #0b2945 !important; text-align: center; width: 100%; font-weight: 600; font-family: Houschka; margin-bottom: 5px;} .card-body{padding: 0.5rem;} .card{margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 5px 0px, rgba(0, 0, 0, 0.03) 0px 0px 5px 0px; margin: 20px 10px;} .card:hover{margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 5px 0px, rgba(0, 0, 0, 0.08) 0px 0px 5px 0px; margin: 20px 10px; background: rgba(142, 253, 255, 0.15);} .bg1{background-color: #afe2e3; font-size: 13px; color: #0b2945; margin: 2px; border-radius: 5px; padding: 10px 3px; font-family: Houschka; font-weight: 600;} .bg2{background-color: #ffcf9d; font-size: 13px; color: #0b2945; margin: 2px; border-radius: 5px; padding: 10px 3px; font-family: Houschka; font-weight: 600;} .bg3{background-color: #0dbfa7; font-size: 13px; color: #0b2945; margin: 2px; border-radius: 5px; padding: 10px 3px; font-family: Houschka; font-weight: 600;} .bg4{background-color: #bdb3f3; font-size: 13px; color: #0b2945; margin: 2px; border-radius: 5px; padding: 10px 3px; font-family: Houschka; font-weight: 600;} .card-body li{font-size: 14px!important; text-align: left; float: left; width: 50%; color: #0b2945 !important; font-family: Houschka;} .card-body ul{padding: 0px; margin-left: 15%; text-align: CENTER; width: 100%;} .quick a{line-height: 28px; font-size: 14px;} .ourstory ul li, .ourstory p{font-family: Houschka; font-size: 16px; line-height: 1.4; text-align: justify; color: #002B49; width: 100%; margin-bottom: 5px; margin-top: 9px;} .ourstory h3{margin-top: 10px; font-size: 22px; color: #002B49; font-weight: bold; width: 100%; margin-bottom: 0px;} .butt-hov{cursor: pointer;} a:hover{text-decoration: inherit !important;} .form-control{height: 33px !important; padding: 0.5rem!important; color: #0a0a0a;} .form-group{margin-bottom: 10px;} .menu a:hover{color: #002B49!important; background: #ade2e3;} .button, input{outline: none;} .butt-hov{border-radius: 1000px; width: 120px; font-family: Houschka; font-size: 15px; font-weight: bold; height: 40px; text-align: center; background-color: #fed16d; color: #002B49; border: none; margin-top: 12px; margin-bottom: 8px; cursor: pointer;} .service{height: 450px; margin-right: 15px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 0px, rgba(0, 0, 0, 0.19) 0px 5px 5px 0px;} .mainheading{color: #002B49; text-align: center; font-family: garatlo;} .mainsubtitle{margin-top: 25px; text-align: center; font-size: 18px; font-family: Houschka; line-height: 24px;} .login:hover{background: none !important;} .formpage{font-family: Houschka;} .packagemain{padding-top: 25px; padding-bottom: 50px; font-size: 40px; margin-left: 7%; margin-right: 7%;} a:hover, a:focus{outline: none;} .phone{float: left; margin-left: 1em; color: #002B49; height: 40px; width: 40px;} .menu.align-center li{display: block;} .mainflip .img-fluid{width: 100% !important;} .font-HouschkaRounded-small{font-family: Houschka;} .font-HouschkaRounded{margin-bottom: 0px;} .o_button_import{display: none !important;} .changelnk{display: block; width: 100px; margin-left: auto; margin-right: auto;} @media only screen and (max-width: 360px){#wrap{padding-top: 30px!important;}} @media only screen and (max-width: 320px){#wrap{padding-top: 25px!important;}} @media only screen and (min-width: 400px){.navcust{height: 58px !important;}} 

/* /groomy_website/static/less/animate.css defined in bundle 'web.assets_frontend' */
 .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); transform: translateY(0);}40%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}60%{-webkit-transform: translateY(-15px); transform: translateY(-15px);}} @keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}40%{-webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}60%{-webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce;} @-webkit-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; animation-name: flash;} @-webkit-keyframes pulse{0%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.1); transform: scale(1.1);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes shake{0%, 100%{-webkit-transform: translateX(0); transform: translateX(0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); transform: translateX(-10px);}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); transform: translateX(10px);}} @keyframes shake{0%, 100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);}20%, 40%, 60%, 80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate(15deg); transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}60%{-webkit-transform: rotate(5deg); transform: rotate(5deg);}80%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}100%{-webkit-transform: rotate(0); transform: rotate(0);}} @keyframes swing{20%{-webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);}60%{-webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);}80%{-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}100%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}} .swing{-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{0%{-webkit-transform: scale(1); transform: scale(1);}10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);}100%{-webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}} @keyframes tada{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);}40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);}100%{-webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{0%{-webkit-transform: translateX(0%); transform: translateX(0%);}15%{-webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);}30%{-webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg);}45%{-webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg);}60%{-webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg);}75%{-webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg);}100%{-webkit-transform: translateX(0%); transform: translateX(0%);}} @keyframes wobble{0%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}15%{-webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);}30%{-webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg);}45%{-webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg);}60%{-webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg);}75%{-webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg);}100%{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05);}70%{-webkit-transform: scale(0.9); transform: scale(0.9);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes bounceIn{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}70%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}60%{opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px);}80%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}60%{opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);}80%{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}60%{opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px);}80%{-webkit-transform: translateX(-10px); transform: translateX(-10px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes bounceInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}60%{opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px);}80%{-webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}60%{opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px);}80%{-webkit-transform: translateX(10px); transform: translateX(10px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes bounceInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}60%{opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px);}80%{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}60%{opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px);}80%{-webkit-transform: translateY(10px); transform: translateY(10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}60%{opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}80%{-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{0%{-webkit-transform: scale(1); transform: scale(1);}25%{-webkit-transform: scale(0.95); transform: scale(0.95);}50%{opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1);}100%{opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3);}} @keyframes bounceOut{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}25%{-webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);}50%{opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}100%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3);}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}} @keyframes bounceOutDown{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}} @keyframes bounceOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}} @keyframes bounceOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}20%{opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}} @keyframes bounceOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}20%{opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} @keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}} @keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}100%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}} @keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}100%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}} @keyframes fadeOutDown{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px);}} @keyframes fadeOutDownBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px);}} @keyframes fadeOutLeft{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}} @keyframes fadeOutLeftBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}} @keyframes fadeOutRight{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}} @keyframes fadeOutRightBig{0%{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}} @keyframes fadeOutUp{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}} @keyframes fadeOutUpBig{0%{opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1);}0%, 40%{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);}50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);}80%, 100%{-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);}} @keyframes flip{0%{-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1);}0%, 40%{-webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);}50%{-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);}80%, 100%{-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}100%{-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);}} .animated.flip{-webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);}70%{-webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);}100%{-webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1;}} @keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);}70%{-webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);}100%{-webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1;}} .flipInX{-webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg);}70%{-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);}100%{-webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1;}} @keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}40%{-webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg);}70%{-webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg);}100%{-webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1;}} .flipInY{-webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}} @keyframes flipOutX{0%{-webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}} @keyframes flipOutY{0%{-webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1;}100%{-webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;}} .flipOutY{-webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}60%{-webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1;}80%{-webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1;}100%{-webkit-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1;}} @keyframes lightSpeedIn{0%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}60%{-webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1;}80%{-webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1;}100%{-webkit-transform: translateX(0%) skewX(0); -ms-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1;}100%{-webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}} @keyframes lightSpeedOut{0%{-webkit-transform: translateX(0%) skewX(0); -ms-transform: translateX(0%) skewX(0); transform: translateX(0%) skewX(0); opacity: 1;}100%{-webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{0%{-webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0;}0%, 100%{-webkit-transform-origin: center center; transform-origin: center center;}100%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateIn{0%{-webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0;}0%, 100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}100%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInDownLeft{0%{-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInDownRight{0%{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInUpLeft{0%{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}} @keyframes rotateInUpRight{0%{-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}0%, 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: center center; transform-origin: center center;}100%{-webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0;}} @keyframes rotateOut{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}100%{-webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} @keyframes rotateOutDownLeft{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} @keyframes rotateOutDownRight{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} @keyframes rotateOutUpLeft{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom;}100%{-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} @keyframes rotateOutUpRight{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1;}0%, 100%{-webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom;}100%{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes slideInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes slideInLeft{0%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes slideInRight{0%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}100%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px);}} @keyframes slideOutLeft{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px);}} @keyframes slideOutRight{0%{-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}100%{opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}} @keyframes slideOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} @-webkit-keyframes hinge{0%{-webkit-transform: rotate(0); transform: rotate(0);}0%, 20%, 60%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate(80deg); transform: rotate(80deg);}40%{-webkit-transform: rotate(60deg); transform: rotate(60deg);}40%, 80%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}80%{-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1;}100%{-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0;}} @keyframes hinge{0%{-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}0%, 20%, 60%{-webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg);}40%{-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}40%, 80%{-webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}80%{-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1;}100%{-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);}100%{opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0);}} @keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);}100%{opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0);}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0);}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg);}} @keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0);}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} 

/* /groomy_website/static/css/foopicker.css defined in bundle 'web.assets_frontend' */
 .foopicker{background: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 3px #bbb; color: #666; font-family: 'Source Sans Pro', sans-serif; width: 100%;} .foopicker__date--month{width: 40%; float: left; margin-left:20px;} .foopicker__date--year{width:40%; float: right; margin-right:20px;} .foopicker__date{width: 100%;} .foopicker table{width: 100%;} .foopicker th, .foopicker td{text-align: center;} .foopicker__calendar{font-size: 13px; padding: 0px;} .foopicker__day{border-radius: 100%; cursor: pointer; padding: 0px 2px; transition: all .2s ease-out; width: 22px;} .foopicker__day:hover{background: #1fbad6; color: #fff;} .foopicker__day--today{background: #e0f6fb; color: #666;} .foopicker__day--selected{background: #1fbad6; color: #fff;} .foopicker__day--disabled{background: #e6e6e6; color: #bfbfbf; cursor: not-allowed;} .foopicker__day--disabled:hover{background: #e6e6e6; color: #bfbfbf;} .foopicker__week{font-size: 1em; font-weight: 600;} .foopicker__header{background: #f2f2f4; padding: 15px 15px 5px 15px ; text-align: center;} .foopicker__header div{display: inline-block;} .foopicker__arrow{background-repeat: no-repeat; cursor: pointer; height: 24px; outline: 0; position: absolute; top: 31px; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; width: 14px;} .foopicker__arrow--next{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADWSURBVBiVfY8xSkNBFEXPe0njxGB24R4srM1YjFhMGYjYuRxLMWI7lZ8EDAqKiN8mC7B2BULMiPh/noUYvoW57Tncy5Xx+OZZhFfVauC9/6QRFeEFiMtl6yqlcuMPzPntGLgE2XPufZrS/eYKxhjr2aw8EuEC2HXu67ooii6A/FpmJpPJ7akIJ0CpWvWludEUzLhT1uS/2ifVygtASqnV6fTOzBiCPNZ13g8hzPUHbI3MGIrwkHPbhxDmAG3neudmDMCmi0X3MMadj9VPM7aBpFofNAHAN0NkW9nLdIQRAAAAAElFTkSuQmCC); right: 14px;} .foopicker__arrow--prev{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADXSURBVBiVXZAxTsNAFETfmMRWvL4C3GVRIlFElFRYHABxB1+CBlFEFBFsgQJrWTIIQRWq9NyDLrG8FGDkeNqn+TPzxUBVVSVtO7oLgaOoD5xbT9r2YAWcSXypA977VIqfQFPg3phxHgHUdW0g8aBpCGFpzDi31jaRc+/ZbqdS4jgEbjebz9xa2wDI+5e3P3A9n8+uJIUuaq/QUFEch1PgQ+KyLF9viqL4N6grtN3q+fd8WGZZfGGtbQZTkhUwk/SQpqNz9TOcW0/S9PsRdAIs9mD/fRAOfwCC1k8eHoJobwAAAABJRU5ErkJggg==); left: 18px;} .foopicker__month{font-size: .875em; font-weight: 600; text-transform: uppercase;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} 

/* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */
 .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);}