body { background-color: #e0e0e0; margin-top: 0; 
       font-family: 'Segoe UI','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', Helvetica, sans-serif; 
       font-size: 15px; 
       background-position: center top; background-repeat: no-repeat; background-size: cover; 
       }
    body #headerRow { background-color: #c1cf00;}
#rntcnt {padding-top:50px;}
.full-bg { 
    background-position: center center; background-repeat: no-repeat; background-size: cover;
}
.blog-type { background-color:#fff;border-bottom:1px solid #c2cf00}
.blog-full-article { background-color:#fff;}

.blog-full-img { 
    height:400px;
    margin:15px 0;
}    
@media (min-width:768px) {

.blog-full-img { 
    height:550px;
}    


}
    
.wrapper { max-width:1440px;overflow:hidden;margin-left:auto;margin-right:auto;background-color:#ccc}
#image-header { display:none;}
.body-5482 #image-header, .body-5483 #image-header, .body-5484 #image-header, .body-5485 #image-header, .body-5486 #image-header, .body-5487 #image-header  {display:none; }

.dropdown-menu {
    right: 0;left:auto;

}

@media (min-width:768px) {

    #image-header { height:250px;background-position: center center; background-repeat: no-repeat; background-size: cover; display:block; }


}
@media (min-width:991px) {

.dropdown-menu {
    right: auto;
    left:0;

}
}

.html10607 {z-index:1}
.body-5222 #image-header { display:none;}

ul, ol { margin-bottom: 0; }
p { margin: 0; padding: 0; }
/*.gFont { font-family: 'Titillium Web'; }*/
.gFont { font-family: 'Abel'; }
.gFontB { font-family: 'Abel'; }
.gFontbolder { font-family: 'Source Sans Pro'; }
.sepw { height: 2px; background-color: #fff; width: 100%; }
.logo-container { padding-bottom: 5px; text-align: center;margin-top:30px; }
    .logo-container a { display: inline-block; }
.sold-out { position:absolute;z-index:2;left:10%;}
.container-login { background-color: #fafafa; }
#socialLoginForm { display: none; }
.shadow { text-shadow: 1px 2px 4px #000; }
#logo-header { margin-bottom: 20px; }
kbd { background-color: #c70c0c; }
.html11279, .html11517 { background-color:#fff;padding:50px 0;}
.html11520 { background-color:#fff;}

.center-img { text-align:center;width:100%;}
.center-img .img-responsive { display:inline-block;}
.txtc { background-color:#fff;background-image:url(Images/pattern/arches.png)}

.navbar-right { float: none !important; }
.p40 { padding-top:40px;}
/*Navigation bar*/

.nav > li > a { background-color: rgba(194, 207, 0, 0.50); font-size: 1.2em; }

    .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #c2cf00; }
.navbar-nav > li > a { color: #314a97; font-weight: bold; }
.navbar-nav > li.active a { background-color: #c2cf00; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #5F5F5F; border-color: #428BCA; }

.dropdown-menu { background-color: #5F5F5F;font-size: 1.3em; z-index:110; }
    .dropdown-menu > li > a { color: #fff; }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; background-color: #262626; }
    .navbar-nav li .dropdown-menu  li { float:none;}
    .dropdown-menu > li.active a { background-color: transparent !important; }
    .dropdown-menu > li.active { background-color: #428BCA !important; }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #FFF; background-color: #428BCA; }
.navbar-collapse.collapse { text-align: center; }
.navbar-nav { float: none; display: inline-block; }



a { text-decoration: none;color: #008ad5; }
    a:hover { color: #262626; text-decoration: none; }
#headerRow .container { }
#headerRow { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.navbar-header { float: none; text-align: center; }

/*contenuti*/
.txt { padding:20px 0 20px 0;}
    .txt .fh3 { font-size:2em;line-height: 1em;}
    
h1, h2, h3, h4, h5, h6 { font-family: 'Abel'; padding: 0; margin: 0; }



@media (min-width:320px) {
    h1 { color: #225799; font-size: 1.8em;margin-bottom:5px; }
    h2 { font-size: 1.7em; }
    h3 { font-size: 1.6em; }
}
@media (min-width:768px) {
    h1 { color: #225799; font-size: 2em;margin-bottom:5px; }
    h2 { font-size: 1.8em; }
    h3 { font-size: 1.4em; }
}
@media (min-width:1024px) {
    h1 { color: #225799; font-size: 2.6em;margin-bottom:5px; }
    h2 { font-size: 2em; }
    h3 { font-size: 1.6em; }
}
@media(min-width:1440px) {}

.nopadding { padding: 0 !important; width: 100%; margin: 0 !important; }
    .nopadding .row { margin: 0 !important; }
.white { color: #fff; }

.slick-dots { position: relative !important; margin-top: 10px !important; padding-bottom: 10px !important; }
.slick-slide { height: 160px !important; }
    .slick-slide img { opacity: 0; }
.image-div { background-position: center top; background-repeat: no-repeat; background-size: cover; }

/*home*/
.gdpr-class { display:none;}

/*home - text slider */
.spotTitle .bx-wrapper { margin: 10px auto 0px; }

    .start-rental { z-index: 12; background-color: none;position: absolute;display:none;}

@media only screen and (min-height: 490px) {

    .start-rental {top: 120px;display:block;}

}


@media only screen and (min-height: 675px){

    .start-rental {top: 320px;display:block;}

}

.spotTitle .bx-wrapper .bx-viewport { height: 110px !important; -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #CCC; box-shadow: 0 0 0px #CCC; border: solid #FFF 0px; left: 5px; background-color: transparent; }
.spotTitle .bx-controls { display: none; }
.spotTitle { font-size: 40px; color: #fafafa; line-height: normal; }
    .spotTitle ul { margin: 0; padding: 0; text-align: center; }
        .spotTitle ul li .big { font-size: 38px; }



/*preno*/
.rental-mini { background-color:#fff;padding:10px 0;
               background-image:url(public/sfondi/form-5225.gif);background-repeat:no-repeat;background-position:bottom center;
}
    .rental-mini h3 { margin-bottom:5px;
        font-weight: bold;
        color: #b00b3d;
    }
.rental-mini .btn-primary {
    color: #225799;
    background-color: #fff;
    border: 1px solid #ccc;
}

.rental-mini .btn-delivery {
    color: #b00b3d;
    background-color: #fff;
    border: 1px solid #ccc;
}
.rental-mini .btn-delivery:hover{
color: #fff;
    background-color: #b00b3d;
    border-color: #8e062f;
}

@media(min-width:320px) {

    #startRental .btn1 { margin-bottom:5px;}
    #startRental { text-align:center}
    #startRental .btn-lg {padding:5px 5px;font-size:14px;display:inline-block; }

}

@media(min-width:768px) {
    #startRental .btn1 { margin-right: 1%;margin-left:1%;margin-bottom:0;}
    #startRental .date { max-width:160px;}
    
    .form-group-container { display:inline-block;}
        #startRental .form-group { margin-bottom:0px;}
    .f-dal, .f-days { margin-right:5px;}
    .f-dal, .btn1, .btn2 { float:left;display:inline-block;}
    .f-days { float:left;display:inline-block;}
    .f-btn { display:inline-block;width:440px;}
    .btn1, .btn2 { width:49%;}
        #startRental .btn-lg strong { font-size:15px;}
            #startRental .btn-lg {font-size:13px;}

.rental-mini .btn-primary { min-height:60px;}
.rental-mini .btn-delivery {min-height:60px;}

}

@media(min-width:1024px) {
.rental-mini .btn-primary { min-height:2px;}
.rental-mini .btn-delivery {min-height:2px;}
    .btn1, .btn2 { font-size:16px;}
    .f-btn { display:inline-block;width:664px;padding-top:13px;}
    #startRental .btn-lg {font-size:15px;}
}


.blog-type { }
    .blog-type h2 { font-weight:bold}
.space { padding:15px;margin:15px;border-bottom:1px solid #c2cf00}

/*section*/
    .spot { padding:50px 0 0 0;    background-color: #c2cf00;}

@media (min-width:320px) {

}
@media (min-width:768px) {
}
@media (min-width: 980px) {}
    .txt-slide { padding:50px 0 0 0; }

@media (min-width:1024px) {
    /*.spot h2 {font-size: 2.4em;margin-bottom:5px;  }
    .spot h3 {font-size: 2em;  }*/
    .spot.html10605 h2 { font-size:2em;}

}
@media (min-width: 1200px) {}
@media(min-width:1440px) {}



.bga {
    background-color: #c2cf00;
    color:#225799;
}
section { position: relative; color: #fff; padding: 0px 0 50px 0; }
    section::before, section::after { position: absolute; content: ''; pointer-events: none; }
.ss-style-multitriangles::after {bottom: -25px; z-index: 10; background: inherit; box-shadow: -50px 50px 0 #c2cf00, 50px -50px 0 #c2cf00; left: 50%; width: 50px; height: 50px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); position: absolute; content: ''; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*Two colums*/
.two-colums-full { position:relative;    overflow: auto}
.two-colums-full .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
.two-colums-full .col-left .container {float: right;}
.two-colums-full .col-right .container {float: left;}
.two-colums-full .divsx, .two-colums-full .divrx { display: table-cell;   vertical-align: middle;
                 background-position: center center; background-repeat: no-repeat; background-size: cover; 
                 display: inline-block; }
.two-colums-full .col-left, .two-colums-full .col-right { overflow:hidden;margin: 80px 0;}


@media (max-width: 767px) {
    .divrx { width:100%;float:none;}
    .divsx { width:100%;float:none;}
}
@media (min-width: 768px) {
    .divrx { width:50%;float:left;}
    .divsx { width:50%;float:left;}
    .two-colums-full .container { width:375px;}
    .divsx .col-sm-12 { padding-right:30px;}
    .divrx .col-sm-12 { padding-left:30px;}
}
@media (min-width: 992px) {
    .two-colums-full .container { width:485px;}
}
@media (min-width: 1200px) {
    .two-colums-full .container { width:585px;}
}
/*end Two colums*/

/*alberghi*/
.html10713 {     background-color: #fafafa;
    background-image: url(images/pattern/symphony.png);} 
.html10713 strong { display:inline-block;margin-bottom:20px;}
@media (min-width:320px) {
.alberghi { overflow:auto;width:100%;}
    .alberghi li { float:none;display:inline-block;width:100%;}
.alberghi li a {font-size:12px;padding:2px 5px;}
}
@media (min-width:768px) {
.alberghi { overflow:auto;width:100%;}
    .alberghi li { float: left; display: inline-block; width: 50%; height: 35px; }
.alberghi li a {font-size:12px;padding:2px 5px;margin:1px 1px; }
}
@media (min-width:1024px) {
    .alberghi li { float: left; display: inline-block; width: 33%; height: 35px; }
}

/*sezioni*/

@media (min-width:320px) {
.fh2 {font-size:2em;line-height: 1em;text-align:center;display:block;}
.fh3 {font-size:1.6em; }

}
@media (min-width:768px) {
.fh2 {font-family: 'Source Sans Pro';font-size:2em;line-height: 1em;text-align:left; }
.fh3 {font-family: 'Abel';font-size:1.6em; }

}






/*sezioni--titolo home*/
.html10605 { background-color: #c2cf00;}
.html10605 section::after { left:25%;}
/*sezioni--testo intro*/
.html10608 h2 { font-family: 'Source Sans Pro';}
.html10608 { background-color:#b00b3d;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
.html10608 .col-left {margin:80px 0;}
.html10608 .divrx {background-image:url(images/noleggio-bici-canazei.jpg);   background-color: #e0f1f5;}

/*sezioni--testo Noleggio Online */
.html10623 h2 { font-family: 'Source Sans Pro';}
.html10623 { background-color:#225799;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
.html10623 .col-left {margin:80px 0;}
.html10623 .divsx {background-image:url(public/layout/noleggio-mountainbike-canazei.jpg);   background-color: #e0f1f5;}

/* sezione Colnago */
.html11748 {    background-color: #b1131a;
    color: #fff;}
.html11748 .divsx {background-image:url(public/layout/Noleggio_bici_Colnago.jpg);   background-color: #e0f1f5;}


/*sezioni--titolo Qualità*/
    .html10614 { background-color:#225799}
        .html10614 .bga { background-color: #225799; color: #fff; }
        .html10614 .ss-style-multitriangles::after {
    box-shadow: -50px 50px 0 #225799, 50px -50px 0 #225799;}

/*sezioni--testo qualità*/
.html10618 h2 { font-family: 'Source Sans Pro';}
.html10618 { background-color:#c2cf00;color:#333;padding:0;overflow:auto;
             background-image:url(Images/pattern/noise6.png)}
.html10618 .col-left {margin:80px 0;}
.html10618 .divrx {background-image:url(public/layout/noleggio-e-bike-cube.jpg);   background-color: #e0f1f5;}
    .html10618 .btn-primary { background-color:#225799;border-color:#1d4981;color:#fff;}
    .html10618 .fa-ul li .fa-li {color:#b00b3d }


/*sezioni--noleggio bici online*/
.html10609 { 
    text-align:justify;
    color:#fff;padding:80px 0;
    background-position: center center; background-repeat: no-repeat; 
    background-size: cover; background-image:url(Images/noleggio-bici-online-canazei-val-di-fassa.jpg)}
    .html10609 h2 { font-family: 'Source Sans Pro';margin-bottom:10px;}
    .html10609 h3 { font-family:'Abel';font-size:2em;margin-bottom:10px;}
    .html10609 .content { 
            font-size: 1.1em;
            border-radius: 8px;
            background-color: rgba(49, 74, 151, 0.78);
            padding: 40px 30px;
    }
/*sezioni--titolo Bici ultime novità Cube*/
    .html10610 { background-color:#333}
        .html10610 .bga { background-color: #333; color: #c2cf00; }
        .html10610 .ss-style-multitriangles::after {
    box-shadow: -50px 50px 0 #333, 50px -50px 0 #333;}
    #cnt10612_editorNews { position:absolute;z-index:99;}
    .bici-home { width:100%!important;padding:0 0 0 0!important}
        .bici-home .img-responsive { width:100%;}
    .bici-home .container, .bici-home .row,.bici-home .col-sm-6, .bici-home .col-sm-4   { padding:0;margin:0;}
    .bici-home h4 {font-size:1.4em;position:absolute;z-index:4;bottom:20%;margin-left:15px;
                   background-color:#b00b3d;color:#fff;padding:5px;}
        .bici-home h4.c-right { right:15px;}
    .pthumb {  background-position: center center; background-repeat: no-repeat; 
        background-size: contain;overflow:hidden;min-height:155px
    }

/*sezioni--testo noleggio online consegna domicilio*/
.html10632 h2 { font-family: 'Source Sans Pro';}
.html10632 { background-color:#39656f;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
.html10632 .col-left {margin:80px 0;}
.html10632 .divsx {background-image:url(public/layout/noleggio-bici-consegna-domicilio-canazei-val-di-fassa.jpg);   background-color: #e0f1f5;}

/*sezioni--titolo vendita fine stagione*/

.html10633 { background-color:#b00b3d }
    .html10633 .bga { background-color: #b00b3d; color: #c2cf00; }
        .html10633 .ss-style-multitriangles::after {
    box-shadow: -50px 50px 0 #b00b3d, 50px -50px 0 #b00b3d;}

/*sezioni--testo vendita fine stagione*/

.html10634 h2 { font-family: 'Source Sans Pro';}
.html10634 { background-color:#faecd1;color:#333;padding:0;overflow:auto;
             background-image:url(Images/pattern/diagonales-decalees.png)}
.html10634 .col-left {margin:80px 0;}
.html10634 .divrx {background-image:url(public/layout/vendita-fine-stagione-biciclette-cube.jpg);   background-color: #e0f1f5;}
    .html10634 .ulbox { list-style-type:none;margin:0;padding:0;}
    .html10634 .ulbox li {    background-color: #225799;
    color: #fff;
    padding: 5px 10px;
    margin: 1px 0;
    border-radius: 8px;}

/*Pagina noleggio bici Cube*/
/*Pagina noleggio bici Cube -testo intro*/
.html10659 { background-color:#fafafa;background-image:url('Images/pattern/egg-shell.png')}

    .html10658 { background-color:#b00b3d}
        .html10658 .bga { background-color: #b00b3d; color: #c2cf00; }
            .html10658 .bga h1 {     color: #c2cf00;}
        .html10658 .ss-style-multitriangles::after {
    box-shadow: -50px 50px 0 #b00b3d, 50px -50px 0 #b00b3d;}
/*colonna Sx testo*/
.html10660 .fh2 { font-family: 'Source Sans Pro';color:#f3e5cb}
.html10660 { background-color:#302f37;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)

}
.html10660 .fa-ul li { border-bottom: 1px dotted #3e5452;
    margin-bottom: 2px;
    padding-bottom: 2px;}
    .html10660 .fa-ul li .fa-li {color:#b00b3d }
.html10660 .col-left {margin:80px 0;}
.html10660 .divrx {
    background-image:url(public/layout/noleggio-bici-Cube-da-casa-Canazei.jpg);
    background-color: #e0f1f5;}
/*Pagina noleggio bici Cube -testo tipologia bici*/
.html10662 { background-color:#c2cf00;padding-top:25px;padding-bottom:30px;  }
.bike-type { background-color:rgba(255, 255, 255, 0.79)}
.bike-type .bike-type-row:first-child { margin-top:0;padding-top:0;}
    .bike-type .bike-type-row:first-child .container { padding-top:15px;}
    .bike-type .bike-type-row:last-child { margin-bottom:0}
.bike-type-row {
    background-color:#fff;margin-top:15px;padding-top:15px;
    margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #ccc;overflow:auto}
    .bike-type-row.alt {margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #ccc;overflow:auto }

    .bike-type .titleCol strong { color:#b00b3d}
    .bike-type .titleCol { font-size:1.2em;text-align:center;}
/*Pagina noleggio bici Cube -testo accessori*/
.html10640 {     background-color: #8ed1f5;}

.html10667 { background-color:#d32249;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
.html10667 .col-left {margin:80px 0;}
.html10667 .divsx {background-image:url(public/layout/noleggio-accessori-bici-canazei.jpg);   background-color: #e0f1f5;}


/*Pagina noleggio content consegna*/

.html10695 .bga, .html10695  { background-color:#e0005a}
    .html10695 .ss-style-multitriangles::after { box-shadow: -50px 50px 0 #e0005a, 50px -50px 0 #e0005a; }
    .html10695 h1, .html10695 h2 { color:#fff;}
.html10696 { background-color:#4b84aa;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
.html10696 .col-left {margin:80px 0;}
.html10696 .divsx {background-image:url(public/layout/10696.jpg);   background-color: #e0f1f5;}

.html10698 { background-color:#849f4f;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
    .html10698 a { color:#b00b3d}
    .html10698 .divrx {
        background-image:url(public/layout/10698.jpg);
        background-color: #e0f1f5;}

.html11680 { background-color:#fff;}
.img-size {    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height:400px;
}
#taglie { padding-top:50px;}


.html10705 .bga, .html10705  { background-color:#3b3543}
    .html10705 .ss-style-multitriangles::after { box-shadow: -50px 50px 0 #3b3543, 50px -50px 0 #3b3543; }
    .html10705 h1, .html10705 h2, .html10705 h3 { color:#fff;}

.html10701 { background-color:#4b84aa;color:#fff;padding:0;overflow:auto;
             background-image:url(Images/pattern/arches.png)}
.html10701 .divrx {background-image:url(public/layout/10701.jpg);   background-color: #e0f1f5;}

.html10700, .html10716, .html10723 { background-color:#ebebeb;background-image:url(Images/pattern/arches.png)}
.html10709 { background-color:#fff;border-bottom:1px solid #ccc;}

.html10733 {background-color:#dcddd8;}

.html10736 .divsx {background-color: #b9b354;}
.html10736 .divrx {background-image:url(public/layout/10736.jpg);   background-color: #e0f1f5;}
.html10737 { background-color:#fafafa;padding-top:40px;padding-bottom:40px;
             background-image:url(Images/pattern/symphony.png)
}
.html10739 { background-color:#d9eb73;padding-top:40px;padding-bottom:40px;
background-image:url(Images/pattern/xv.png)
}
.html10741 { background-color:#e5e5e5;padding-top:40px;padding-bottom:40px;background-image:url(Images/pattern/arches.png)}


.bgW { background-color:#fff;}

.html11524 { background-color:#fff;}


.body-5225 .bike-type { padding-top:50px;padding-bottom:50px;}

/*Pagina Vendita bici fine stagione*/
.bike-container { background-color:#fff;padding-top:50px;}
.bike-row {padding-bottom:20px;border-bottom:1px dotted #ccc;line-height:2em;}
    .bike-row .outer { height:340px;}
    .bike-row h3 { background-color:#fafafa;padding:5px;color:#b00b3d;display:inline-block;border-bottom:2px solid #b00b3d;margin-bottom:20px;}
    .bike-row .inner { text-align:center}
        .bike-row .inner ul { display:inline-block;padding-left:0;}
            .bike-row .inner ul li { text-align:left;}
.bike-row .inner strong { 
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #b00b3d;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);

}
.bike-row .callButton { margin-top:20px;}

/*marchi*/
.referenze { background-color:#fff;padding-top:30px;padding-bottom:30px;
             background-image:url(Images/pattern/arches.png)
}
    .referenze .fh2 { text-align:center}
.referenze-title { margin-bottom:20px;color:#b00b3d}
    .referenze .separatore { margin-top:5px;margin-bottom:5px;}
    .referenze .col-lg-2 { border-right:1px solid #ccc;margin-bottom:10px;}
    .referenze .outer { height:80px;
    }
    .referenze .middle {}
        .referenze .outer img { max-height:80px;display:inline-block}
        .referenze .outer .inner {text-align:center}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .referenze .outer {display:block;}
    .referenze .middle {display:block;}
}


.oneCol { padding-left: 60px; padding-right: 60px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; margin-bottom: 30px; }

.news-full { background-color: #fff; }
    .news-full h1 { padding: 5px 0 20px 0; }
    .news-full .news-contenuto { padding: 0 15px 0 15px; }

.h2title { font-size: 1.8em; font-weight: bold; padding-bottom: 10px; }
.h2marchio { text-transform: uppercase; }
.back { margin-top: 20px; }
.news-full-link { background-color: #e5e5e5; padding: 15px 0 15px 0; text-align: center; }

/*Slider controller*/
#slider { padding-top: 20px; padding-bottom: 0; }
.body-4147 #slider { background-image: url(/172/public/varie/s-contatti.jpg); background-position: center center; }
    .body-4147 #slider .slider-arrow { display: none; }
#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: #225799; }

/*outer deve avere una altezza definita*/
.outer { min-height: 80px; overflow: hidden; position: relative; display: table; position: static; width: 100%; }
.middle { position: absolute; top: 50%; display: table-cell; vertical-align: middle; width: 100%; position: static; }
.inner { position: relative;  }

.text-condensed { padding-top: 30px; padding-bottom: 40px; }
.btn { white-space:normal}

.btn-info { display: inline-block; text-align: center; color: #ffffff; background-color: #1e7cef; border-color: #196bcf; }
    .btn-info:hover, .btn-info:focus { color: #ffffff; background-color: #1a60b5; border-color: #196bcf; }

.btn-primary { color: #225799; background-color: #c2cf00; border-color: #9fa903; }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, 
    .open .dropdown-toggle.btn-primary { color: #fff; background-color: #b00b3d; border-color: #8e062f; }

.round-button { display: block; width: 50px; height: 50px; line-height: 50px; border: 2px solid #f5f5f5; border-radius: 50%; color: #f5f5f5; text-align: center; text-decoration: none; background: #464646; box-shadow: 0 0 3px gray; font-size: 20px; font-weight: bold; }
    .round-button:hover { background: #262626; }

.bs-footer { padding-top: 40px; padding-bottom: 40px; color: #e5e5e5; background-color: #5F5F5F;}
    .bs-footer .flogo { text-align:center;}
        .bs-footer .flogo .img-responsive { display: inline-block; }
    .bs-footer a { color: #e5e5e5; text-decoration: none; }
        .bs-footer a:hover, .bs-footer a:focus { color: #fff; }
    .bs-footer address strong { display: inline-block; margin-bottom: 10px; font-size: 1.4em; 
                                border-bottom:1px solid #9fa903; padding: 5px;font-weight:300; }

.to-top-container { margin-top:-55px;z-index:99;position:relative;z-index:99;}
.to-top-container .btn-up {color: #fff; background-color: #b00b3d; border-color: #8e062f;display:inline-block  }

.mBottom { padding-bottom: 20px;}

/* styles for removing the background from form */
.no-color { background-color: white; border-style: none; }

.right { float: right; }
.left { float: left; }

#map_canvas { width: 100%; height: 550px; }

/*FORM*/
.full-w { width: 100% !important; }

#RequestForm { margin-top:20px;}
.form-horizontal {
    text-align: left;
    color: #000;
    padding-top: 30px;
}
    .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%; }


/* Sweep To Top */
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
    .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(229, 229, 229, 0.76); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
    .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
        .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }


.language { font-size:16px;text-transform:uppercase;font-weight:700;}
@media(min-width:320px) {
    .language .skirent { display:inline-block;margin-left:10px;}
    .language { position: relative;display:inline-block;background-color:#c2cf00;padding:5px;}
    
}

@media(min-width:1024px) {
    .language { position: absolute; right: 0;background-color:transparent;}
    .language .skirent { display:block;margin-left:0px;}
}

@media (max-width: 991px) {
    .logo-container { text-align: center; }
        .logo-container a { display: inline-block; }
    .navbar-right, .navbar-nav { float: none !important; display: inline-block; }
    .navbar-nav { margin-top: 0; margin-bottom: 0; padding-bottom: 0; }
    .navbar-collapse { text-align: center; }


    /*no margin*/

    #slider .container .row { margin-left: 0; margin-right: 0; }
   
    #slider .container .row .col-xs-12 {position: relative; min-height: 1px; padding-left: 0; padding-right: 0; }
    #slider .navbar-collapse { padding-left:0;padding-right:0;}
    .navbar-nav > li > a { padding-top: 5px; padding-bottom: 5px; background-color: rgba(194, 207, 0, 0.50); font-size: 1.1em;
                           padding-left:3px;padding-right:3px;}
        #slider .container { padding-left: 0; padding-right: 0; width:100%;}
    #slider .row { margin-left: 0; margin-right: 0; }
    #slider .col-xs-12 { margin-left: 0; margin-right: 0;padding-left: 0; padding-right: 0; }
     #slider .navbar-nav {width:100%;margin:0 0 0 0;padding: 0 0 0 0;background-color: #c2cf00;}
}

.navbar-nav>li {
    z-index: 10;
}
.navbar-nav .dropdown-menu > li > a:hover {background-color: #225799;}
@media (min-width: 768px) {
    .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; background-color: #c2cf00; font-size: 1.1em;text-transform:uppercase;}
        .navbar-nav > li > a:last-child { border-right:none;}
    .menu-navigazione { max-height: 55px; }

    .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #225799;color:#fff;  }

/*.navbar-nav > li.active a { background-color: #225799;color:#fff; }*/
    .navbar-nav>li.active a {
        background-color: rgb(194, 207, 0);
        color: rgb(255, 255, 255);
    }
}


@media (min-width: 992px) {

.nav > li > a { background-color: rgba(194, 207, 0, 0.70); font-size: 1.2em; }

    .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #c2cf00; }
/*.navbar-nav > li > a { color: #314a97; font-weight: bold; }
.navbar-nav > li.active a { background-color: #c2cf00;color: #314a97; }*/
}

@media (max-width: 767px) {

    body { margin-top: 0; }
    .logo-container {     margin-left: 10px;
    margin-right: 10px;}


    .navbar-nav { margin-top: 0; display: block; margin-bottom: 0; }
    .news-home-page .thumb { max-height: 50px; display: inline-block; margin-bottom: 5px; }
    .news-home-page .col-sm-9 { text-align: center; }
    .indice .col-sm-4 > div { height: 100px; }
    .indice .col-sm-4 img { margin-top: 0; }
    .navbar-toggle { color: #FFF; position: relative; width: 100px; float: none; margin-right: 0; padding: 4px 10px; margin-top: 10px; margin-bottom: 10px; background-color: rgb(34, 87, 153); background-image: none; border: 0px solid rgba(0, 0, 0, 0); border-radius: 0; }
    .title-slogan-home .container { margin-top: 0; z-index: 1; position: relative; }
    .title-slogan-home { padding-top: 0; padding-bottom: 0;font-size: 26px; }
        .title-slogan-home b, .title-slogan-home strong { font-size: 1.2em; }
    .spot { padding:20px 0 0 0;position:relative;}
    .bike-row .outer { height:auto;}
}

@media (max-width: 608px) {
    .language { position: relative; display: block; text-align: right; margin-bottom: 10px; }
}


@media (max-width: 479px) {
    .title-slogan-home { padding-top: 0; padding-bottom: 0; }
    .title-slogan-home .container { margin-top: 0; }
    .marchi ul li { width: 33%; }
        .marchi ul li .marchio { padding: 5px; }
}



.loadhidden { display:block!important;visibility:visible!important;}





.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); }

.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; }
    .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%); background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform,opacity; transition-property: transform,opacity; }
    .hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
        .hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); }


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


/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  /* Firefox 35+ */
  filter: grayscale(100%);
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
    filter: gray;
}



.grayscale.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}