﻿@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
body {
        font-family: 'Segoe UI','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', Helvetica, sans-serif; 
       font-size: 14px;
       color:#484848;
    background-color: #f5f9ff;
    background-image: url(Images/pattern/noise6.png);
}

h1, h2, h3, h4, h5, h6 { font-family: "Roboto"; font-weight: 300; color: #de252a; padding: 0; margin: 0; line-height:normal; }
h1 { font-size: 2.3em; color: #2662aa; }
h2 { font-size: 1.6em; color: #2662aa; }
h3 { font-size: 2.2em;color:#2662aa }
h4 { font-size: 1.7em;color:#2662aa }
a { color:#2662aa;}
    a:hover, a:focus {color:#2f75ca;text-decoration:none; }
.noise3 { background-image: url('images/pattern/noise3.png'); }
.noise { background-image: url('images/pattern/noise.png'); }
p { margin: 0; }
#map_canvas { width:100%;height:550px;}
.language { float:right;}
.logo-container { text-align:left;position:absolute;top:28px;z-index:20}
    .logo-container .img-responsive { display:inline-block;}
.navbar-header  {display:inline-block;float:right;}
.gFont { font-family: 'Roboto'}

.menu-navigazione { font-size:22px;text-transform:uppercase;}
    .menu-navigazione a { color:#777}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-nav > li { border-right:1px solid rgba(119, 119, 119, 0.51)}
    .navbar-nav > li:first-child {  border-left:1px solid rgba(119, 119, 119, 0.51);}
.slide-home {padding-top:15px;padding-bottom:15px;margin-top:15px;color:#95877E;
}
    .slide-home a, .slide-home h1 { color:#A0AF9C;     line-height: 100%;}
    .slide-home h1 { font-size:2.1em;}
.box-title { font-size:2em;}
.link-scheda { display:inline-block;margin-top:10px;}
.evidenzameta h1 { margin-bottom:15px;}

.bgb {background-color:rgba(255, 255, 255, 0.53);overflow:auto;padding-top:15px;padding-bottom:15px; }
/*testi*/
.bq3 { color: #fff; background: url('images/a9l0g3.png') top left no-repeat; padding-left: 55px; line-height: 18px; margin-bottom: 10px; border-left: none !important; }
blockquote, q {
    quotes: none;
}
.bq3 p { padding-right: 35px; line-height: 18px; background: url('images/eb1yrr.png') bottom right no-repeat; padding-bottom: 15px; font-size: 13px; font-style: italic; }
blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; }


.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #fff; background-color: #2764a9; border-color: #024bad; }


.header-slide { display: inline-block; text-align: center; font-size: 2em; padding: 10px; 
                z-index: 1111; position: absolute; 
                /*left: 50%; transform: translateX(-50%);*/ 
                bottom: 60%; }
    .header-slide p {font-size:1.5em;font-weight:400;
        color:#fff;text-shadow:1px 1px 1px #000;
         margin: 0; padding: 0; line-height: normal;  
                      -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media (min-width:768px) {
    .header-slide .slideh1 { font-size: 1.2em; }
    .header-slide .slideh2 { font-size: 1em; }
}
@media (min-width: 992px) {
    .header-slide .slideh1 { font-size: 1.6em; }
    .header-slide .slideh2 { font-size: 1.2em; }

}
#vegas-text-animated {display:none; }

@media (min-width:320px) {
    .list-group { margin-top:75px;}
}
@media (min-width:768px) {
    .menu-navigazione { margin-top:50px;}
        .header-slide p { font-size:36px;}
    .topPane { margin-bottom: 50px;}
}

@media (min-width: 1200px) {
.modal-dialog {
    width: 1080px;
    margin: 30px auto;
}
}


.banner-soleil { display: block; padding: 5px; background-color: #2662aa; color: #fff; border-radius: 8px 8px 8px 8px; text-align: center;cursor:pointer;font-size:28px; margin-top:15px;margin-bottom:15px;}
    .banner-soleil:hover  { color:#2662aa; background-color: #fff}



/*Slider controller*/
#slider { padding:0;}
#slider-arrow { position: relative; font-size: 40px; color: #fff; margin-top: 100px; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); }
#next { float: right; margin-right: 20px; }
#previous { margin-left: 20px; }
#next, #previous { cursor: pointer; }
    #next:hover, #previous:hover, #next:focus, #previous:focus { color: #2662aa; }

.title-form { padding-top:50px;padding-bottom:0px;}


/*lista immobili*/

.mq { display: inline-block; }

.pprice, .prezzo { display: inline-block; }
.pprice {font-weight:400;}
.micro { font-size:.8em}
.title-scheda h2 { font-weight:400;font-size:2em}
.title-scheda h3 { text-transform:capitalize;}
.title-scheda .prezzo { font-weight:400;}
.codice { text-align: right; display: block; position: absolute; right: 15px; margin-top: 0; text-transform: uppercase; }

.row-item { background-color:#fff;padding-top:15px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #A0AF9C}
    .row-item h4 { margin-bottom:10px;}
.meta h1 { color:#2662aa;margin:25px 0 15px 0;;font-weight:400;}
.meta {     background-color: rgba(38, 98, 170, 0.2);margin-top:15px;text-transform:capitalize;}
.maximize { display:none;}
.carousel-row { padding:15px 0;background-color: rgba(39, 100, 169, 0.08);    margin-bottom: 1px;}
.carousel-row-thumb { margin-top:5px;}
.table-scheda { display:none;}

.testo { padding:50px 0}

.logo-row {height:0; }
#headerPane, #headerRow { background-image:none;}
#headerRow { background-color:#f5f5f5}
.body-5329 .bgblue, .body-5332 .bgblue, .body-5337 .bgblue  { background-image:none;}

.navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; background-color: #2662aa; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; margin-top: 25px; margin-bottom: 10px; }


@media (min-width: 992px) {
    .bgblue  { min-height: 200px;
    background-image: url(/184/images/head_bg.png);
    background-repeat: no-repeat;
    background-position-x: 365px;

    }

.bgimmobile { 
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: right;
}

}





blockquote {
    padding: 10px 10px;
    margin: 0 0 0 0;
    border-left: 0 solid #C7BDA3;
}
    blockquote footer { text-align:right;}

.bs-footer {
padding-top: 40px;
padding-bottom: 40px;
margin-top: 100px;
color: #777;
border-top: 1px solid #e5e5e5;
background-color:#fafafa
}
.testo-immobile {margin-top:15px; }
    .testo-immobile footer { color:#024bad}

.btn-info {
    color: #fff;
    background-color: #2764a9;
    border-color: #3a86d8;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #2c91d0;
    border-color: #3a86d8;
}
.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}


.show-hide{float: left;height: 0; -ms-transform: translate(0, -900px); /* IE 9 */
    -webkit-transform: translate(0, -900px); /* Safari */
    transform: translate(0, -900px);-webkit-transition: -webkit-transform 0s ease-out; -moz-transition: -moz-transform 0s ease-out; -o-transition: -o-transform 0s ease-out; 
	transition: transform 0s ease-out; }

.show-hide.on{float:none; -ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */
    transform: translate(0, 0);
	-webkit-transition: -webkit-transform .8s ease-out; 
	-moz-transition: -moz-transform .8s ease-out; 
	-o-transition: -o-transform .8s ease-out; 
	transition: transform .8s ease-out; 
	height: 350px}


/* Media Resolution */
/*________________________________________________________________________________________*/

@media (min-width: 1200px) {
    .menu-navigazione { font-size: 22px;}
    .nav>li>a {padding: 10px 15px;}
}

@media (min-width: 992px) {
    .menu-navigazione { margin-left:0;font-size: 16px;font-weight:300}
    .nav>li>a {padding: 10px 10px;}
}

@media (max-width: 991px) {
    .site-menu { text-align:center;}
    .logo-container { text-align:center;position:relative;top:15px;}
    .menu-navigazione { margin-top:30px;font-size: 18px;}
    .navbar-header  {display:inline-block;float:none;}
    .navbar-nav.navbar-right:last-child {margin-right: 0;}
    .nav>li>a {padding: 10px 5px;}
    .nav > li:first-child { border-left:none;}
    .nav > li:first-child a { padding-left:0;}
    .nav > li:last-child { border-right:none;}
    .nav > li:last-child a { padding-right:0;}
}

.body-5330 #leftPane { 
        border-right: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .menu-navigazione {}

}

@media (max-width: 767px) {
    
}


@media (min-width: 480px) {
    .nav>li>a {     background-color: #2662aa;color:#FFF}
    #leftPane {     border-right: 1px dotted #2764a9;padding-top:25px;}
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #4a4a4a;
}
/*FORM*/
.full-w { width: 100% !important; }
.form-horizontal { text-align: left; }
    .form-horizontal .alert-danger { display: inline-block; padding: 1px; margin-bottom: 0; border: 1px solid transparent; }
    .form-horizontal .alert-success { display: inline-block!important; }
    
    .form-horizontal input { 
        display: block;  padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; 
        background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.mini-txt { font-size:.7em;line-height:90%;}



/*Sidr*/
.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 15px; background: #f8f8f8; color: #333; -webkit-box-shadow: inset 0 0 5px 5px #ebebeb; -moz-box-shadow: inset 0 0 5px 5px #ebebeb; box-shadow: inset 0 0 5px 5px #ebebeb; }
    .sidr .sidr-inner { padding: 0 0 15px; }
        .sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; }
    .sidr.right { left: auto; right: -260px; }
    .sidr.left { left: -260px; right: auto; }
    .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 11px; font-weight: normal; padding: 0 15px; margin: 0 0 5px; color: #333; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); background-image: -webkit-linear-gradient(#ffffff,#dfdfdf); background-image: -moz-linear-gradient(#ffffff,#dfdfdf); background-image: -o-linear-gradient(#ffffff,#dfdfdf); background-image: linear-gradient(#ffffff,#dfdfdf); -webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2); }
    .sidr p { font-size: 13px; margin: 0 0 12px; }
        .sidr p a { color: rgba(51,51,51,0.9); }
    .sidr > p { margin-left: 15px; margin-right: 15px; }
    .sidr ul { display: block; margin: 0 0 15px; padding: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #fff; }
        .sidr ul li { display: block; margin: 0; line-height: 48px; border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; }
            .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; line-height: 49px; }
                .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span { -webkit-box-shadow: inset 0 0 15px 3px #ebebeb; -moz-box-shadow: inset 0 0 15px 3px #ebebeb; box-shadow: inset 0 0 15px 3px #ebebeb; }
            .sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #333; }
            .sidr ul li ul { border-bottom: none; margin: 0; }
                .sidr ul li ul li { line-height: 40px; font-size: 13px; }
                    .sidr ul li ul li:last-child { border-bottom: none; }
                    .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top: none; line-height: 41px; }
                        .sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span { -webkit-box-shadow: inset 0 0 15px 3px #ebebeb; -moz-box-shadow: inset 0 0 15px 3px #ebebeb; box-shadow: inset 0 0 15px 3px #ebebeb; }
                    .sidr ul li ul li a, .sidr ul li ul li span { color: rgba(51,51,51,0.8); padding-left: 30px; }
    .sidr form { margin: 0 15px; }
    .sidr label { font-size: 13px; }
    .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: none; background: rgba(0,0,0,0.1); color: rgba(51,51,51,0.6); display: block; clear: both; }
    .sidr input[type=checkbox] { width: auto; display: inline; clear: none; }
    .sidr input[type=button], .sidr input[type=submit] { color: #f8f8f8; background: #333; }
        .sidr input[type=button]:hover, .sidr input[type=submit]:hover { background: rgba(51,51,51,0.9); }


/* animation*/
@charset "UTF-8";.animated{animation-duration: 1s; animation-fill-mode: both;}.animated.infinite{animation-iteration-count: infinite;}.animated.hinge{animation-duration: 2s;}.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{animation-duration: .75s;}@keyframes bounce{from, 20%, 53%, 80%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0);}40%, 43%{animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0);}70%{animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0);}90%{transform: translate3d(0,-4px,0);}}.bounce{animation-name: bounce; transform-origin: center bottom;}@keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}.flash{animation-name: flash;}@keyframes pulse{from{transform: scale3d(1, 1, 1);}50%{transform: scale3d(1.05, 1.05, 1.05);}to{transform: scale3d(1, 1, 1);}}.pulse{animation-name: pulse;}@keyframes rubberBand{from{transform: scale3d(1, 1, 1);}30%{transform: scale3d(1.25, 0.75, 1);}40%{transform: scale3d(0.75, 1.25, 1);}50%{transform: scale3d(1.15, 0.85, 1);}65%{transform: scale3d(.95, 1.05, 1);}75%{transform: scale3d(1.05, .95, 1);}to{transform: scale3d(1, 1, 1);}}.rubberBand{animation-name: rubberBand;}@keyframes shake{from, to{transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{transform: translate3d(10px, 0, 0);}}.shake{animation-name: shake;}@keyframes headShake{0%{transform: translateX(0);}6.5%{transform: translateX(-6px) rotateY(-9deg);}18.5%{transform: translateX(5px) rotateY(7deg);}31.5%{transform: translateX(-3px) rotateY(-5deg);}43.5%{transform: translateX(2px) rotateY(3deg);}50%{transform: translateX(0);}}.headShake{animation-timing-function: ease-in-out; animation-name: headShake;}@keyframes swing{20%{transform: rotate3d(0, 0, 1, 15deg);}40%{transform: rotate3d(0, 0, 1, -10deg);}60%{transform: rotate3d(0, 0, 1, 5deg);}80%{transform: rotate3d(0, 0, 1, -5deg);}to{transform: rotate3d(0, 0, 1, 0deg);}}.swing{transform-origin: top center; animation-name: swing;}@keyframes tada{from{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{transform: scale3d(1, 1, 1);}}.tada{animation-name: tada;}@keyframes wobble{from{transform: none;}15%{transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{transform: none;}}.wobble{animation-name: wobble;}@keyframes jello{from, 11.1%, to{transform: none;}22.2%{transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{transform: skewX(6.25deg) skewY(6.25deg);}44.4%{transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.jello{animation-name: jello; transform-origin: center;}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; transform: scale3d(.3, .3, .3);}20%{transform: scale3d(1.1, 1.1, 1.1);}40%{transform: scale3d(.9, .9, .9);}60%{opacity: 1; transform: scale3d(1.03, 1.03, 1.03);}80%{transform: scale3d(.97, .97, .97);}to{opacity: 1; transform: scale3d(1, 1, 1);}}.bounceIn{animation-name: bounceIn;}@keyframes bounceInDown{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; transform: translate3d(0, -3000px, 0);}60%{opacity: 1; transform: translate3d(0, 25px, 0);}75%{transform: translate3d(0, -10px, 0);}90%{transform: translate3d(0, 5px, 0);}to{transform: none;}}.bounceInDown{animation-name: bounceInDown;}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; transform: translate3d(25px, 0, 0);}75%{transform: translate3d(-10px, 0, 0);}90%{transform: translate3d(5px, 0, 0);}to{transform: none;}}.bounceInLeft{animation-name: bounceInLeft;}@keyframes bounceInRight{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; transform: translate3d(3000px, 0, 0);}60%{opacity: 1; transform: translate3d(-25px, 0, 0);}75%{transform: translate3d(10px, 0, 0);}90%{transform: translate3d(-5px, 0, 0);}to{transform: none;}}.bounceInRight{animation-name: bounceInRight;}@keyframes bounceInUp{from, 60%, 75%, 90%, to{animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; transform: translate3d(0, 3000px, 0);}60%{opacity: 1; transform: translate3d(0, -20px, 0);}75%{transform: translate3d(0, 10px, 0);}90%{transform: translate3d(0, -5px, 0);}to{transform: translate3d(0, 0, 0);}}.bounceInUp{animation-name: bounceInUp;}@keyframes bounceOut{20%{transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; transform: scale3d(.3, .3, .3);}}.bounceOut{animation-name: bounceOut;}@keyframes bounceOutDown{20%{transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; transform: translate3d(0, -20px, 0);}to{opacity: 0; transform: translate3d(0, 2000px, 0);}}.bounceOutDown{animation-name: bounceOutDown;}@keyframes bounceOutLeft{20%{opacity: 1; transform: translate3d(20px, 0, 0);}to{opacity: 0; transform: translate3d(-2000px, 0, 0);}}.bounceOutLeft{animation-name: bounceOutLeft;}@keyframes bounceOutRight{20%{opacity: 1; transform: translate3d(-20px, 0, 0);}to{opacity: 0; transform: translate3d(2000px, 0, 0);}}.bounceOutRight{animation-name: bounceOutRight;}@keyframes bounceOutUp{20%{transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; transform: translate3d(0, 20px, 0);}to{opacity: 0; transform: translate3d(0, -2000px, 0);}}.bounceOutUp{animation-name: bounceOutUp;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.fadeIn{animation-name: fadeIn;}@keyframes fadeInDown{from{opacity: 0; transform: translate3d(0, -100%, 0);}to{opacity: 1; transform: none;}}.fadeInDown{animation-name: fadeInDown;}@keyframes fadeInDownBig{from{opacity: 0; transform: translate3d(0, -2000px, 0);}to{opacity: 1; transform: none;}}.fadeInDownBig{animation-name: fadeInDownBig;}@keyframes fadeInLeft{from{opacity: 0; transform: translate3d(-100%, 0, 0);}to{opacity: 1; transform: none;}}.fadeInLeft{animation-name: fadeInLeft;}@keyframes fadeInLeftBig{from{opacity: 0; transform: translate3d(-2000px, 0, 0);}to{opacity: 1; transform: none;}}.fadeInLeftBig{animation-name: fadeInLeftBig;}@keyframes fadeInRight{from{opacity: 0; transform: translate3d(100%, 0, 0);}to{opacity: 1; transform: none;}}.fadeInRight{animation-name: fadeInRight;}@keyframes fadeInRightBig{from{opacity: 0; transform: translate3d(2000px, 0, 0);}to{opacity: 1; transform: none;}}.fadeInRightBig{animation-name: fadeInRightBig;}@keyframes fadeInUp{from{opacity: 0; transform: translate3d(0, 100%, 0);}to{opacity: 1; transform: none;}}.fadeInUp{animation-name: fadeInUp;}@keyframes fadeInUpBig{from{opacity: 0; transform: translate3d(0, 2000px, 0);}to{opacity: 1; transform: none;}}.fadeInUpBig{animation-name: fadeInUpBig;}@keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}.fadeOut{animation-name: fadeOut;}@keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; transform: translate3d(0, 100%, 0);}}.fadeOutDown{animation-name: fadeOutDown;}@keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; transform: translate3d(0, 2000px, 0);}}.fadeOutDownBig{animation-name: fadeOutDownBig;}@keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; transform: translate3d(-100%, 0, 0);}}.fadeOutLeft{animation-name: fadeOutLeft;}@keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; transform: translate3d(-2000px, 0, 0);}}.fadeOutLeftBig{animation-name: fadeOutLeftBig;}@keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; transform: translate3d(100%, 0, 0);}}.fadeOutRight{animation-name: fadeOutRight;}@keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; transform: translate3d(2000px, 0, 0);}}.fadeOutRightBig{animation-name: fadeOutRightBig;}@keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; transform: translate3d(0, -100%, 0);}}.fadeOutUp{animation-name: fadeOutUp;}@keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; transform: translate3d(0, -2000px, 0);}}.fadeOutUpBig{animation-name: fadeOutUpBig;}@keyframes flip{from{transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out;}40%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out;}50%{transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in;}80%{transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in;}to{transform: perspective(400px); animation-timing-function: ease-in;}}.animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip;}@keyframes flipInX{from{transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0;}40%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in;}60%{transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{transform: perspective(400px);}}.flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX;}@keyframes flipInY{from{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0;}40%{transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in;}60%{transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{transform: perspective(400px);}}.flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY;}@keyframes flipOutX{from{transform: perspective(400px);}30%{transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}.flipOutX{animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}@keyframes flipOutY{from{transform: perspective(400px);}30%{transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}.flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY;}@keyframes lightSpeedIn{from{transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{transform: skewX(20deg); opacity: 1;}80%{transform: skewX(-5deg); opacity: 1;}to{transform: none; opacity: 1;}}.lightSpeedIn{animation-name: lightSpeedIn; animation-timing-function: ease-out;}@keyframes lightSpeedOut{from{opacity: 1;}to{transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}.lightSpeedOut{animation-name: lightSpeedOut; animation-timing-function: ease-in;}@keyframes rotateIn{from{transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{transform-origin: center; transform: none; opacity: 1;}}.rotateIn{animation-name: rotateIn;}@keyframes rotateInDownLeft{from{transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{transform-origin: left bottom; transform: none; opacity: 1;}}.rotateInDownLeft{animation-name: rotateInDownLeft;}@keyframes rotateInDownRight{from{transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{transform-origin: right bottom; transform: none; opacity: 1;}}.rotateInDownRight{animation-name: rotateInDownRight;}@keyframes rotateInUpLeft{from{transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{transform-origin: left bottom; transform: none; opacity: 1;}}.rotateInUpLeft{animation-name: rotateInUpLeft;}@keyframes rotateInUpRight{from{transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{transform-origin: right bottom; transform: none; opacity: 1;}}.rotateInUpRight{animation-name: rotateInUpRight;}@keyframes rotateOut{from{transform-origin: center; opacity: 1;}to{transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}.rotateOut{animation-name: rotateOut;}@keyframes rotateOutDownLeft{from{transform-origin: left bottom; opacity: 1;}to{transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}.rotateOutDownLeft{animation-name: rotateOutDownLeft;}@keyframes rotateOutDownRight{from{transform-origin: right bottom; opacity: 1;}to{transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutDownRight{animation-name: rotateOutDownRight;}@keyframes rotateOutUpLeft{from{transform-origin: left bottom; opacity: 1;}to{transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutUpLeft{animation-name: rotateOutUpLeft;}@keyframes rotateOutUpRight{from{transform-origin: right bottom; opacity: 1;}to{transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}.rotateOutUpRight{animation-name: rotateOutUpRight;}@keyframes hinge{0%{transform-origin: top left; animation-timing-function: ease-in-out;}20%, 60%{transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out;}40%, 80%{transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1;}to{transform: translate3d(0, 700px, 0); opacity: 0;}}.hinge{animation-name: hinge;}@keyframes jackInTheBox{from{opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom;}50%{transform: rotate(-10deg);}70%{transform: rotate(3deg);}to{opacity: 1; transform: scale(1);}}.jackInTheBox{animation-name: jackInTheBox;}@keyframes rollIn{from{opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; transform: none;}}.rollIn{animation-name: rollIn;}@keyframes rollOut{from{opacity: 1;}to{opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}.rollOut{animation-name: rollOut;}@keyframes zoomIn{from{opacity: 0; transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}.zoomIn{animation-name: zoomIn;}@keyframes zoomInDown{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInDown{animation-name: zoomInDown;}@keyframes zoomInLeft{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInLeft{animation-name: zoomInLeft;}@keyframes zoomInRight{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInRight{animation-name: zoomInRight;}@keyframes zoomInUp{from{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInUp{animation-name: zoomInUp;}@keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; transform: scale3d(.3, .3, .3);}to{opacity: 0;}}.zoomOut{animation-name: zoomOut;}@keyframes zoomOutDown{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutDown{animation-name: zoomOutDown;}@keyframes zoomOutLeft{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center;}}.zoomOutLeft{animation-name: zoomOutLeft;}@keyframes zoomOutRight{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center;}}.zoomOutRight{animation-name: zoomOutRight;}@keyframes zoomOutUp{40%{opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutUp{animation-name: zoomOutUp;}@keyframes slideInDown{from{transform: translate3d(0, -100%, 0); visibility: visible;}to{transform: translate3d(0, 0, 0);}}.slideInDown{animation-name: slideInDown;}@keyframes slideInLeft{from{transform: translate3d(-100%, 0, 0); visibility: visible;}to{transform: translate3d(0, 0, 0);}}.slideInLeft{animation-name: slideInLeft;}@keyframes slideInRight{from{transform: translate3d(100%, 0, 0); visibility: visible;}to{transform: translate3d(0, 0, 0);}}.slideInRight{animation-name: slideInRight;}@keyframes slideInUp{from{transform: translate3d(0, 100%, 0); visibility: visible;}to{transform: translate3d(0, 0, 0);}}.slideInUp{animation-name: slideInUp;}@keyframes slideOutDown{from{transform: translate3d(0, 0, 0);}to{visibility: hidden; transform: translate3d(0, 100%, 0);}}.slideOutDown{animation-name: slideOutDown;}@keyframes slideOutLeft{from{transform: translate3d(0, 0, 0);}to{visibility: hidden; transform: translate3d(-100%, 0, 0);}}.slideOutLeft{animation-name: slideOutLeft;}@keyframes slideOutRight{from{transform: translate3d(0, 0, 0);}to{visibility: hidden; transform: translate3d(100%, 0, 0);}}.slideOutRight{animation-name: slideOutRight;}@keyframes slideOutUp{from{transform: translate3d(0, 0, 0);}to{visibility: hidden; transform: translate3d(0, -100%, 0);}}.slideOutUp{animation-name: slideOutUp;}