h1,h2,h3,h4,h5,h6,html *{
-webkit-font-smoothing:antialiased
}
#left_form,#social ul,#social ul li a,h2.main_title,p.lead.styled{
text-align:center
}
#social ul li a,a{
-webkit-transition:all .2s ease
}
.owl-carousel,.owl-carousel .owl-item,.owl-theme .owl-dots,.owl-theme .owl-nav{
-webkit-tap-highlight-color:transparent
}
html *{
-moz-osx-font-smoothing:grayscale
}
body{
background:#e4edf2;
font-size:16px;
line-height:1.5;
font-family:"Roboto Condensed",Arial,sans-serif;
color:#555
}
h1,h2,h3,h4,h5,h6{
color:#222;
font-weight:700
}
.h1,.h2,.h3,h1,h2,h3{
margin-top:20px;
margin-bottom:10px
}
.h4,.h5,.h6,h4,h5,h6{
margin-top:10px;
margin-bottom:10px
}
.h3,h3{
font-size:24px
}
.h4,h4{
font-size:18px
}
.h5,h5{
font-size:14px
}
p{
margin-bottom:25px
}
p.lead{
font-weight:400;
font-size:24px;
color:#333;
margin-bottom:35px
}
p.lead.styled{
font-size:18px;
padding:0 10%;
margin-bottom:45px
}
hr{
margin:15px 0 30px;
border-color:#ededed
}
h2.main_title{
margin:0 0 10px;
padding:0;
font-size:42px;
color:#F60;
text-transform:uppercase
}
h2.main_title span{
display:block;
color:#999;
font-size:24px;
text-transform:none
}
h2.main_title em{
display:block;
width:40px;
height:4px;
background-color:#ededed;
margin:auto auto 20px;
-webkit-border-radius:5 px;
-moz-border-radius:5px;
border-radius:5px
}
a.animated_link:before,a.animated_link_2:before{
width:100%;
bottom:-5px;
opacity:1;
left:0;
content:""
}
a{
color:#409fff;
text-decoration:none;
transition:all .2s ease;
outline:0
}
a:focus,a:hover{
color:#333;
text-decoration:none;
outline:0
}
a.animated_link{
position:relative;
text-decoration:none
}
a.animated_link:before{
position:absolute;
height:2px;
background-color:#333;
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
a.animated_link:hover:before{
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
a.animated_link_2{
position:relative;
text-decoration:none;
color:#555
}
a.animated_link_2:hover{
color:#111
}
a.animated_link_2:before{
position:absolute;
height:1px;
background-color:#111;
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
a.animated_link_2:hover:before{
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
.btn_1,a.btn_1{
border:none;
font-family:inherit;
color:#fff;
background:#3f9fff;
cursor:pointer;
padding:7px 15px;
display:inline-block;
outline:0;
font-size:15px;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-weight:400
}
.btn_1:hover,a.btn_1:hover{
background:#333
}
#form_container,footer,header{
background-color:#fff
}
a.close_in{
font-size:36px;
position:absolute;
top:10px;
left:20px;
color:#ccc
}
#left_form,header{
position:relative
}
a.close_in:hover{
color:#111
}
header{
padding:15px 0;
border-bottom:1px solid #d9e1e6
}
#logo_home h1{
margin:0;
padding:0
}
#logo_home h1 a{
width:170px;
height:40px;
display:block;
background-image:url(../img/logo.png);
background-repeat:no-repeat;
background-position:left top;
background-size:170px 40px;
text-indent:-9999px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
#logo_home h1 a{
background-image:url(../img/logo_2x.png);
background-size:160px 35px
}
}
#social{
float:right;
margin:0 0px 0 0
}
#social ul{
margin:0 10px 0 0;
padding:0
}
#social ul li{
float:left;
margin:0 5px 10px 0;
list-style:none
}
#social ul li a{
color:#555;
line-height:35px;
display:block;
font-size:16px;
width:25px;
height:25px;
padding:0;
transition:all .2s ease
}
#social ul li a:hover{
color:#f60!important;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
footer{
border-top:1px solid #ededed;
padding:25px 0
}
footer#home{
width:1000px;
margin:auto auto 30px;
font-size:15px;
color:#777;
background-color:transparent;
border-top:none;
padding:0
}
footer p{
margin:0;
padding:0;
float:left
}
footer ul{
float:right;
margin:0;
padding:0
}
footer ul li{
float:left;
margin-right:15px;
list-style:none
}
footer ul li:last-child{
margin-right:0
}
footer ul li:after{
content:"|";
font-weight:300;
position:relative;
left:9px
}
footer ul li:last-child:after{
content:""
}
footer ul li a{
color:#777
}
#form_container{
width:1000px;
min-height:460px;
margin:120px auto 30px
}
#left_form{
background-color:#F60;
min-height:460px;
color:#fff;
padding:50px 50px 30px;
box-sizing:border-box
}
#left_form h2{
font-weight:300;
color:#fff;
margin:15px 0;
padding:0;
font-size:36px
}
#left_form p{
font-size:16px
}
a#more_info{
width:26px;
height:26px;
color:#fff;
position:absolute;
line-height:1;
left:15px;
bottom:15px;
z-index:2;
font-size:26px
}
input#website{
display:none
}
#wizard_container{
position:relative;
min-height:450px
}
h3.main_question{
margin:0 0 20px;
padding:0;
font-weight:400;
font-size:26px
}
h3.main_question strong{
display:block;
color:#999;
font-size:18px;
margin-bottom:5px;
font-weight:400
}
button.backward,button.forward,button.submit{
border:none;
color:#fff;
text-decoration:none;
transition:background .5s ease;
-moz-transition:background .5s ease;
-webkit-transition:background .5s ease;
-o-transition:background .5s ease;
display:inline-block;
cursor:pointer;
font-weight:400;
outline:0;
text-align:center;
background:#409fff;
position:relative;
font-size:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:1;
padding:10px 30px
}
button.backward:before,button.forward:before,button.submit:before{
top:8px;
font-size:18px;
position:absolute;
font-family:ElegantIcons
}
button.backward{
color:#333;
background:#e8e8e8;
padding:10px 20px 10px 30px
}
button.forward,button.submit{
padding:10px 30px 10px 20px
}
button[disabled]{
display:none
}
button.backward:before{
content:"\34";
left:12px
}
button.forward:before{
content:"\35";
right:10px
}
button.submit:before{
content:"\4e";
right:10px
}
.backward:hover,.forward:hover{
background:#0073e5;
color:#fff
}
.ui-widget-content a,.ui-widget-header a{
color:#222
}
#top-wizard{
/*margin-left:-30px*/
margin-left:0px
}
#middle-wizard{
padding:45px 45px 30px 15px
}
#bottom-wizard{
text-align:right;
position:absolute;
width:100%;
bottom:25px;
right:45px
}
.ui-widget-header{
background:#00BCE4
}
.ui-progressbar{
height:5px;
width:100%
}
.ui-progressbar .ui-progressbar-value{
height:100%;
-webkit-transition:all .2s ease;
transition:all .2s ease
}
.rating{
display:inline-block;
font-size:0;
float:right;
position:relative;
margin-top:8px
}
.rating_type{
float:left;
font-size:18px;
color:#0072bc;
margin-top:8px;
font-weight:400
}
.rating-input{
float:right;
padding:0;
margin:0;
opacity:0
}
.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{
background-position:0 0
}
.rating-star,.rating:hover .rating-star{
cursor:pointer;
float:right;
display:block;
width:25px;
height:24px;
background:url(../img/stars.png) 0 -23px
}
span.error{
font-size:12px;
position:absolute;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
top:-20px;
right:-15px;
z-index:2;
height:25px;
line-height:1;
background-color:#e34f4f;
color:#fff;
font-weight:400;
display:inline-block;
padding:6px 8px
}
span.error:after{
content:'';
position:absolute;
border-style:solid;
border-width:0 6px 6px 0;
border-color:transparent #e34f4f;
display:block;
width:0;
z-index:1;
bottom:-6px;
left:20%
}
.radio_input span.error{
top:-30px
}
.styled-select span.error{
top:-20px
}
.terms span.error{
top:-30px
}
.form-group{
position:relative
}
.form-group i{
font-size:20px;
position:absolute;
right:0;
top:10px;
color:#ccc
}
.form-group label{
font-weight:400;
color:#222
}
.form-group.checkbox_questions label,.form-group.radio_questions label{
color:#555;
font-weight:400;
cursor:pointer
}
.form-group.radio_questions label{
border:2px solid #e8ebed;
display:block;
padding:15px 45px 15px 15px;
box-sizing:content-box;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#fff
}
.form-group.radio_questions .iradio_square-yellow{
position:absolute;
top:17px;
right:15px
}
.box_style_2,.team-item-img{
position:relative
}
.form-group.checkbox_questions .icheckbox_square-yellow{
margin-right:10px
}
.form-group.radio_questions label:hover{
border:2px solid #fc3
}
.form-group.select{
margin-bottom:30px
}
.styled-select select{
background:0 0;
width:107%;
padding:5px;
border:0;
border-radius:0;
box-shadow:none;
height:41px;
color:#999;
margin:0;
line-height:1;
font-weight:400;
-moz-appearance:window;
-webkit-appearance:none;
cursor:pointer;
outline:0
}
.styled-select select:focus{
color:#555;
outline:0;
box-shadow:none
}
.styled-select{
width:100%;
overflow:hidden;
height:44px;
box-sizing:border-box;
line-height:1px!important;
background:url(../img/arrow_down.svg) right center no-repeat #fff;
border:0;
border-bottom:2px solid #e8ebed;
border-radius:0
}
.styled-select select::-ms-expand{
display:none
}
.form-control::-moz-placeholder{
color:#999;
opacity:1
}
.form-control::-webkit-input-placeholder{
color:#999
}
input.form-control,select.form-control,textarea.form-control{
background:#fff;
border:none;
border-bottom:2px solid #e8ebed;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-transition:none;
color:#999;
height:44px;
font-size:16px;
font-weight:400;
margin-bottom:25px;
padding:6px 12px 6px 0
}
input.form-control:focus,select.form-control:focus,textarea.form-control:focus{
border-color:#777;
outline:0;
-webkit-box-shadow:none;
box-shadow:none;
color:#555;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
input.form-control#check_in,input.form-control#check_out{
background:url(../img/calendar.svg) right center no-repeat #fff
}
.radio_input{
margin-top:10px
}
.radio_input label{
padding-left:0;
margin-right:15px;
color:#999
}
main#general_page{
background-color:#fff
}
#map_contact{
width:100%;
height:500px
}
.box_style_2{
background-color:#f8f8f8;
padding:20px 35px 35px
}
.box_style_2 hr{
margin:10px -25px 20px;
border:0;
border-top:2px solid #fff
}
ul.contacts_info{
list-style:none;
padding:0;
margin:15px 0 0
}
ul.contacts_info li{
margin-bottom:15px
}
ul.contacts_info li:last-child{
margin-bottom:0
}
.parallax_window_in{
height:420px;
position:relative;
display:table;
width:100%
}
#sub_content_in{
display:table-cell;
padding:45px 15% 0;
vertical-align:middle;
text-align:center;
background:rgba(0,0,0,.4)
}
#sub_content_in h1{
color:#fff;
font-weight:600;
text-transform:uppercase;
font-size:42px;
margin-bottom:0
}
#sub_content_in p{
color:#fff;
font-size:24px;
font-weight:300
}
.container_styled_1{
background:#f9f9f9
}
.team-item-img .team-item-detail{
background:rgba(0,0,0,.8);
text-align:center;
color:#fff;
display:-webkit-flex;
display:flex;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
opacity:0;
visibility:hidden;
overflow:hidden;
transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-webkit-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s
}
#loader_form,#preloader{
position:fixed;
top:0;
right:0;
height:100%;
bottom:0;
background-color:#fff;
z-index:999999
}
.team-item:hover .team-item-detail{
opacity:1;
visibility:visible
}
.team-item-img .team-item-detail .team-item-detail-inner{
margin:auto;
padding:25px
}
.team-item-detail-inner h4{
color:#fff;
text-transform:uppercase;
font-weight:500
}
.team-item-detail-inner .social{
margin:0 0 25px;
padding:0
}
.team-item-detail-inner .social li{
list-style:none;
display:inline-block;
margin:0 5px
}
.team-item-detail-inner .social li a{
color:#fff
}
.team-item-detail-inner .social li a:hover{
color:#ed5434
}
.team-item-info{
padding-top:15px;
text-align:center
}
.team-item-info h4{
margin-bottom:0;
text-transform:uppercase
}
#preloader{
left:0;
width:100%
}
[data-loader=circle-side],[data-loader=circle-side-2]{
position:absolute;
width:50px;
height:50px;
top:50%;
left:50%;
margin-left:-25px;
margin-top:-25px;
-webkit-animation:circle infinite .95s linear;
-moz-animation:circle infinite .95s linear;
-o-animation:circle infinite .95s linear;
animation:circle infinite .95s linear;
border:2px solid #333;
border-top-color:rgba(0,0,0,.2);
border-right-color:rgba(0,0,0,.2);
border-bottom-color:rgba(0,0,0,.2);
border-radius:100%
}
.panel,.panel-group .panel{
border-radius:0
}
#loader_form{
left:0;
width:100%;
background-color:rgba(255,255,255,.6);
display:none
}
@-webkit-keyframes circle{
0%{
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes circle{
0%{
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes circle{
0%{
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes circle{
0%{
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0)
}
100%{
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.panel{
-webkit-box-shadow:none;
box-shadow:none;
border-color:#ededed
}
.panel-title a{
display:block;
color:#444
}
.panel-default>.panel-heading{
background-color:#fff;
padding:20px;
border-bottom:1px solid #ddd
}
.panel-heading{
border-top-left-radius:0;
border-top-right-radius:0
}
.panel-body{
padding:30px;
line-height:1.6!important
}
.panel-title a .indicator{
color:#409fff
}
.panel-title a:hover .indicator{
color:#333
}
.add_bottom_15{
margin-bottom:15px
}
.add_bottom_30{
margin-bottom:30px
}
.add_bottom_45{
margin-bottom:45px
}
.add_bottom_60{
margin-bottom:60px
}
.add_bottom_75{
margin-bottom:75px
}
.add_top_20{
margin-top:20px
}
.add_top_30{
margin-top:30px
}
.add_top_60{
margin-top:60px
}
.more_padding_left{
padding-left:40px
}
.nomargin_top{
margin-top:0
}
.nomargin,.nopadding{
margin:0!important
}
.nopadding{
padding:0!important
}
.margin_60{
padding-top:60px;
padding-bottom:60px
}
.margin_60_35{
padding-top:60px;
padding-bottom:35px
}
.owl-carousel{
display:none;
width:100%;
position:relative;
z-index:1
}
.owl-carousel .owl-stage{
position:relative;
-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel .owl-stage-outer{
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
position:relative;
min-height:1px;
float:left;
-webkit-backface-visibility:hidden;
-webkit-touch-callout:none
}
.owl-carousel .owl-item img{
display:block;
width:100%;
-webkit-transform-style:preserve-3d
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded{
display:block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
cursor:pointer;
cursor:hand;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-loading{
opacity:0;
display:block
}
.owl-carousel.owl-hidden{
opacity:0
}
.owl-carousel.owl-refresh .owl-item{
visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-grab{
cursor:move;
cursor:grab
}
.owl-carousel.owl-rtl{
direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
float:right
}
.owl-carousel .animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
z-index:0
}
.owl-carousel .owl-animated-out{
z-index:1
}
.owl-carousel .fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}
}
@keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}
}
.owl-height{
transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
opacity:0;
transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy{
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
position:relative;
height:100%;
background:#000
}
.owl-carousel .owl-video-play-icon{
position:absolute;
height:80px;
width:80px;
left:50%;
top:50%;
margin-left:-40px;
margin-top:-40px;
background:url(owl.video.play.png) no-repeat;
cursor:pointer;
z-index:1;
-webkit-backface-visibility:hidden;
transition:-webkit-transform .1s ease;
transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
-webkit-transform:scale(1.3,1.3);
-ms-transform:scale(1.3,1.3);
transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
display:none
}
.owl-carousel .owl-video-tn{
opacity:0;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
position:relative;
z-index:1;
height:100%;
width:100%
}
.owl-theme .owl-nav{
margin-top:10px;
text-align:center
}
.owl-theme .owl-nav [class*=owl-]{
color:#FFF;
font-size:14px;
margin:5px;
padding:4px 7px;
background:#D6D6D6;
display:inline-block;
cursor:pointer;
border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover{
background:#869791;
color:#FFF;
text-decoration:none
}
.owl-theme .owl-nav .disabled{
opacity:.5;
cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
margin-top:10px
}
.owl-theme .owl-dots{
text-align:center
}
.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1
}
.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#D6D6D6;
display:block;
-webkit-backface-visibility:visible;
transition:opacity .2s ease;
border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
background:#3f9fff
}
.owl-item{
-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0) scale(1,1)
}
ul.list_ok{
list-style:none;
margin:0 0 25px;
padding:0;
line-height:1.3
}
ul.list_ok li{
position:relative;
padding-left:30px;
margin-bottom:20px
}
ul.list_ok li:before{
font-family:ElegantIcons;
content:"\52";
position:absolute;
left:0;
top:-3px;
font-size:21px;
color:#409fff
}
input.qtyminus,input.qtyplus{
top:10px;
text-indent:-9999px;
box-shadow:none
}
.qty-buttons{
position:relative;
width:100%;
height:38px;
display:inline-block;
margin-bottom:20px
}
input.qty{
width:100%
}
input.qtyminus,input.qtyplus{
position:absolute;
width:32px;
height:22px;
border:none;
outline:0;
cursor:pointer;
-webkit-appearance:none;
border-radius:0
}
input.qtyplus{
background:url(../img/plus.png) center center no-repeat #fff;
right:25px
}
input.qtyminus{
background:url(../img/minus.png) center center no-repeat #fff;
right:-5px
}
#success{
position:absolute;
top:50%;
left:50%;
width:300px;
height:190px;
margin-top:-85px;
margin-left:-150px;
text-align:center
}
#success h4{
margin:0
}
#success h4 span{
display:block;
font-size:24px
}
@-webkit-keyframes checkmark{
0%{
stroke-dashoffset:50px
}
100%{
stroke-dashoffset:0
}
}
@-ms-keyframes checkmark{
0%{
stroke-dashoffset:50px
}
100%{
stroke-dashoffset:0
}
}
@keyframes checkmark{
0%{
stroke-dashoffset:50px
}
100%{
stroke-dashoffset:0
}
}
@-webkit-keyframes checkmark-circle{
0%{
stroke-dashoffset:240px
}
100%{
stroke-dashoffset:480px
}
}
@-ms-keyframes checkmark-circle{
0%{
stroke-dashoffset:240px
}
100%{
stroke-dashoffset:480px
}
}
@keyframes checkmark-circle{
0%{
stroke-dashoffset:240px
}
100%{
stroke-dashoffset:480px
}
}
.inlinesvg .svg svg{
display:inline
}
.icon--order-success svg path{
-webkit-animation:checkmark .25s ease-in-out .7s backwards;
animation:checkmark .25s ease-in-out .7s backwards
}
.icon--order-success svg circle{
-webkit-animation:checkmark-circle .6s ease-in-out backwards;
animation:checkmark-circle .6s ease-in-out backwards
}