html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.container{
    margin:0 auto;
    width:90%
}
.row{
    margin:0 -1.5625%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{
    position:relative;
    min-height:1px;
    padding:0 1.5625%
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-15{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
.col-xs-pull-12{
    right:100%
}
.col-xs-pull-11{
    right:91.66666667%
}
.col-xs-pull-10{
    right:83.33333333%
}
.col-xs-pull-9{
    right:75%
}
.col-xs-pull-8{
    right:66.66666667%
}
.col-xs-pull-7{
    right:58.33333333%
}
.col-xs-pull-6{
    right:50%
}
.col-xs-pull-5{
    right:41.66666667%
}
.col-xs-pull-4{
    right:33.33333333%
}
.col-xs-pull-3{
    right:25%
}
.col-xs-pull-2{
    right:16.66666667%
}
.col-xs-pull-1{
    right:8.33333333%
}
.col-xs-pull-0{
    right:auto
}
.col-xs-push-12{
    left:100%
}
.col-xs-push-11{
    left:91.66666667%
}
.col-xs-push-10{
    left:83.33333333%
}
.col-xs-push-9{
    left:75%
}
.col-xs-push-8{
    left:66.66666667%
}
.col-xs-push-7{
    left:58.33333333%
}
.col-xs-push-6{
    left:50%
}
.col-xs-push-5{
    left:41.66666667%
}
.col-xs-push-4{
    left:33.33333333%
}
.col-xs-push-3{
    left:25%
}
.col-xs-push-2{
    left:16.66666667%
}
.col-xs-push-1{
    left:8.33333333%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-12{
    margin-left:100%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-0{
    margin-left:0%
}
@media(min-width:768px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
        float:left
    }
    .col-sm-12{
        width:100%
    }
    .col-sm-11{
        width:91.66666667%
    }
    .col-sm-10{
        width:83.33333333%
    }
    .col-sm-9{
        width:75%
    }
    .col-sm-8{
        width:66.66666667%
    }
    .col-sm-7{
        width:58.33333333%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-5{
        width:41.66666667%
    }
    .col-sm-4{
        width:33.33333333%
    }
    .col-sm-3{
        width:25%
    }
    .col-sm-2{
        width:16.66666667%
    }
    .col-sm-1{
        width:8.33333333%
    }
    .col-sm-pull-12{
        right:100%
    }
    .col-sm-pull-11{
        right:91.66666667%
    }
    .col-sm-pull-10{
        right:83.33333333%
    }
    .col-sm-pull-9{
        right:75%
    }
    .col-sm-pull-8{
        right:66.66666667%
    }
    .col-sm-pull-7{
        right:58.33333333%
    }
    .col-sm-pull-6{
        right:50%
    }
    .col-sm-pull-5{
        right:41.66666667%
    }
    .col-sm-pull-4{
        right:33.33333333%
    }
    .col-sm-pull-3{
        right:25%
    }
    .col-sm-pull-2{
        right:16.66666667%
    }
    .col-sm-pull-1{
        right:8.33333333%
    }
    .col-sm-pull-0{
        right:auto
    }
    .col-sm-push-12{
        left:100%
    }
    .col-sm-push-11{
        left:91.66666667%
    }
    .col-sm-push-10{
        left:83.33333333%
    }
    .col-sm-push-9{
        left:75%
    }
    .col-sm-push-8{
        left:66.66666667%
    }
    .col-sm-push-7{
        left:58.33333333%
    }
    .col-sm-push-6{
        left:50%
    }
    .col-sm-push-5{
        left:41.66666667%
    }
    .col-sm-push-4{
        left:33.33333333%
    }
    .col-sm-push-3{
        left:25%
    }
    .col-sm-push-2{
        left:16.66666667%
    }
    .col-sm-push-1{
        left:8.33333333%
    }
    .col-sm-push-0{
        left:auto
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-0{
        margin-left:0%
    }
}
@media(min-width:992px){
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666667%
    }
    .col-md-10{
        width:83.33333333%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666667%
    }
    .col-md-7{
        width:58.33333333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666667%
    }
    .col-md-4{
        width:33.33333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.66666667%
    }
    .col-md-1{
        width:8.33333333%
    }
    .col-md-pull-12{
        right:100%
    }
    .col-md-pull-11{
        right:91.66666667%
    }
    .col-md-pull-10{
        right:83.33333333%
    }
    .col-md-pull-9{
        right:75%
    }
    .col-md-pull-8{
        right:66.66666667%
    }
    .col-md-pull-7{
        right:58.33333333%
    }
    .col-md-pull-6{
        right:50%
    }
    .col-md-pull-5{
        right:41.66666667%
    }
    .col-md-pull-4{
        right:33.33333333%
    }
    .col-md-pull-3{
        right:25%
    }
    .col-md-pull-2{
        right:16.66666667%
    }
    .col-md-pull-1{
        right:8.33333333%
    }
    .col-md-pull-0{
        right:auto
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666667%
    }
    .col-md-push-10{
        left:83.33333333%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666667%
    }
    .col-md-push-7{
        left:58.33333333%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666667%
    }
    .col-md-push-4{
        left:33.33333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.66666667%
    }
    .col-md-push-1{
        left:8.33333333%
    }
    .col-md-push-0{
        left:auto
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-0{
        margin-left:0%
    }
}
@media(min-width:1200px){
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
        float:left
    }
    .col-lg-12{
        width:100%
    }
    .col-lg-11{
        width:91.66666667%
    }
    .col-lg-10{
        width:83.33333333%
    }
    .col-lg-9{
        width:75%
    }
    .col-lg-8{
        width:66.66666667%
    }
    .col-lg-7{
        width:58.33333333%
    }
    .col-lg-6{
        width:50%
    }
    .col-lg-5{
        width:41.66666667%
    }
    .col-lg-4{
        width:33.33333333%
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-2{
        width:16.66666667%
    }
    .col-lg-1{
        width:8.33333333%
    }
    .col-lg-pull-12{
        right:100%
    }
    .col-lg-pull-11{
        right:91.66666667%
    }
    .col-lg-pull-10{
        right:83.33333333%
    }
    .col-lg-pull-9{
        right:75%
    }
    .col-lg-pull-8{
        right:66.66666667%
    }
    .col-lg-pull-7{
        right:58.33333333%
    }
    .col-lg-pull-6{
        right:50%
    }
    .col-lg-pull-5{
        right:41.66666667%
    }
    .col-lg-pull-4{
        right:33.33333333%
    }
    .col-lg-pull-3{
        right:25%
    }
    .col-lg-pull-2{
        right:16.66666667%
    }
    .col-lg-pull-1{
        right:8.33333333%
    }
    .col-lg-pull-0{
        right:auto
    }
    .col-lg-push-12{
        left:100%
    }
    .col-lg-push-11{
        left:91.66666667%
    }
    .col-lg-push-10{
        left:83.33333333%
    }
    .col-lg-push-9{
        left:75%
    }
    .col-lg-push-8{
        left:66.66666667%
    }
    .col-lg-push-7{
        left:58.33333333%
    }
    .col-lg-push-6{
        left:50%
    }
    .col-lg-push-5{
        left:41.66666667%
    }
    .col-lg-push-4{
        left:33.33333333%
    }
    .col-lg-push-3{
        left:25%
    }
    .col-lg-push-2{
        left:16.66666667%
    }
    .col-lg-push-1{
        left:8.33333333%
    }
    .col-lg-push-0{
        left:auto
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-0{
        margin-left:0%
    }
}
.col-xs-15{
    width:20%;
    float:left
}
@media(min-width:768px){
    .col-sm-15{
        width:20%;
        float:left
    }
}
@media(min-width:992px){
    .col-md-15{
        width:20%;
        float:left
    }
}
@media(min-width:1200px){
    .col-lg-15{
        width:20%;
        float:left
    }
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{
    clear:both
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{
    display:table;
    content:" "
}
@charset "UTF-8";
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce{
    0%,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    40%,43%,70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06)
    }
    70%{
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce{
    0%,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    40%,43%,70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06)
    }
    70%{
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shake{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.headShake{
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-name:headShake;
    animation-name:headShake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    0%,11.1%,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello{
    0%,11.1%,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotateY(-1turn);
        transform:perspective(400px) rotateY(-1turn)
    }
    0%,40%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) translateZ(150px) rotateY(-170deg)
    }
    50%,80%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotateY(-1turn);
        transform:perspective(400px) rotateY(-1turn)
    }
    0%,40%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) translateZ(150px) rotateY(-170deg)
    }
    50%,80%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    0%,40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    0%,40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    0%,40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    0%,40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg)
    }
    60%,80%{
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg)
    }
    60%,80%{
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:center
    }
    to{
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:center
    }
    to{
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        transform-origin:right bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        transform-origin:right bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        transform-origin:center;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:center
    }
    to{
        transform-origin:center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        transform-origin:center;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:center
    }
    to{
        transform-origin:center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        transform-origin:left bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        transform-origin:left bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        transform-origin:right bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        transform-origin:right bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        transform-origin:left bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        transform-origin:left bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        transform-origin:right bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        transform-origin:right bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
    0%{
        transform-origin:top left
    }
    0%,20%,60%{
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        transform-origin:top left
    }
    0%,20%,60%{
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%,to{
        opacity:0
    }
}
@keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%,to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.slick-list,.slick-slider,.slick-track{
    position:relative;
    display:block
}
.slick-loading .slick-slide,.slick-loading .slick-track{
    visibility:hidden
}
.slick-slider{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    top:0;
    left:0
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.fp-enabled body,html.fp-enabled{
    margin:0;
    padding:0;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent
}
#superContainer{
    height:100%;
    position:relative;
    -ms-touch-action:none;
    touch-action:none
}
.fp-section{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fp-slide{
    float:left
}
.fp-slide,.fp-slidesContainer{
    height:100%;
    display:block
}
.fp-slides{
    z-index:1;
    height:100%;
    overflow:hidden;
    position:relative;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.fp-section.fp-table,.fp-slide.fp-table{
    display:table;
    table-layout:fixed;
    width:100%
}
.fp-tableCell{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
.fp-slidesContainer{
    float:left;
    position:relative
}
.fp-controlArrow{
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    position:absolute;
    z-index:4;
    top:50%;
    cursor:pointer;
    width:0;
    height:0;
    border-style:solid;
    margin-top:-38px;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.fp-controlArrow.fp-prev{
    left:15px;
    width:0;
    border-width:38.5px 34px 38.5px 0;
    border-color:transparent #fff transparent transparent
}
.fp-controlArrow.fp-next{
    right:15px;
    border-width:38.5px 0 38.5px 34px;
    border-color:transparent transparent transparent #fff
}
.fp-scrollable{
    overflow:scroll
}
.fp-notransition{
    -webkit-transition:none!important;
    transition:none!important
}
#fp-nav{
    position:fixed;
    z-index:100;
    margin-top:-32px;
    top:50%;
    opacity:1;
    -webkit-transform:translate3d(0,0,0)
}
#fp-nav.right{
    right:17px
}
#fp-nav.left{
    left:17px
}
.fp-slidesNav{
    position:absolute;
    z-index:4;
    left:50%;
    opacity:1
}
.fp-slidesNav.bottom{
    bottom:17px
}
.fp-slidesNav.top{
    top:17px
}
#fp-nav ul,.fp-slidesNav ul{
    margin:0;
    padding:0
}
#fp-nav ul li,.fp-slidesNav ul li{
    display:block;
    width:14px;
    height:13px;
    margin:7px;
    position:relative
}
.fp-slidesNav ul li{
    display:inline-block
}
#fp-nav ul li a,.fp-slidesNav ul li a{
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none
}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{
    height:12px;
    width:12px;
    margin:-6px 0 0 -6px;
    border-radius:100%
}
#fp-nav ul li a span,.fp-slidesNav ul li a span{
    border-radius:50%;
    position:absolute;
    z-index:1;
    height:4px;
    width:4px;
    border:0;
    background:#333;
    left:50%;
    top:50%;
    margin:-2px 0 0 -2px;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{
    width:10px;
    height:10px;
    margin:-5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip{
    position:absolute;
    top:-2px;
    color:#fff;
    font-size:14px;
    font-family:arial,helvetica,sans-serif;
    white-space:nowrap;
    max-width:220px;
    overflow:hidden;
    display:block;
    opacity:0;
    width:0;
    cursor:pointer
}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{
    -webkit-transition:opacity .2s ease-in;
    transition:opacity .2s ease-in;
    width:auto;
    opacity:1
}
#fp-nav ul li .fp-tooltip.right{
    right:20px
}
#fp-nav ul li .fp-tooltip.left{
    left:20px
}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{
    height:auto!important
}
.tipso_bubble,.tipso_bubble>.tipso_arrow{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.tipso_bubble{
    position:absolute;
    text-align:center;
    border-radius:6px;
    z-index:9999
}
.tipso_style{
    cursor:pointer
}
.tipso_title{
}
.tipso_content{
    -ms-word-wrap:break-word;
    word-wrap:break-word;
    padding:.5em
}
.tipso_bubble{
    font-size:.6rem
}
.tipso_bubble.small{
    font-size:.8rem
}
.tipso_bubble.default{
    font-size:1rem
}
.tipso_bubble.large{
    font-size:1.2rem;
    width:100%
}
.tipso_bubble>.tipso_arrow{
    position:absolute;
    width:0;
    height:0;
    border:8px solid;
    pointer-events:none
}
.tipso_bubble.top>.tipso_arrow{
    border-top-color:#000;
    border-right-color:transparent;
    border-left-color:transparent;
    border-bottom-color:transparent;
    top:100%;
    left:50%;
    margin-left:-8px
}
.tipso_bubble.bottom>.tipso_arrow{
    border-bottom-color:#000;
    border-right-color:transparent;
    border-left-color:transparent;
    border-top-color:transparent;
    bottom:100%;
    left:50%;
    margin-left:-8px
}
.tipso_bubble.left>.tipso_arrow{
    border-left-color:#000;
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-right-color:transparent;
    top:50%;
    left:100%;
    margin-top:-8px
}
.tipso_bubble.right>.tipso_arrow{
    border-right-color:#000;
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-left-color:transparent;
    top:50%;
    right:100%;
    margin-top:-8px
}
.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{
    border-bottom-left-radius:0
}
.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{
    border-top-left-radius:0
}
.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{
    border-bottom-right-radius:0
}
.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{
    border-top-right-radius:0
}
div.fancy-select{
    position:relative;
    font-weight:400;
    font-size:14px;
    color:#46565d
}
div.fancy-select.disabled{
    opacity:.5
}
div.fancy-select select:focus+div.trigger{
}
div.fancy-select select:focus+div.trigger.open{
    box-shadow:none
}
div.fancy-select div.trigger{
    cursor:pointer;
    padding:14px 24px 14px 20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    background:#fff;
    color:#1e1e1e;
    width:240px;
    font-size:14px
}
div.fancy-select div.trigger:after{
    content:url(../icone/arrow-down-black.svg);
    display:inline-block;
    position:absolute;
    top:13px;
    right:14px
}
@media(max-width:768px){
    div.fancy-select div.trigger{
        padding:14px 34px 14px 15px
    }
    div.fancy-select div.trigger:after{
        top:12px;
        right:7px
    }
}
div.fancy-select div.trigger.open{
    box-shadow:none
}
div.fancy-select div.trigger.open:after{
    border-top-color:#7a8498
}
div.fancy-select ul.options{
    list-style:none;
    margin:0;
    position:absolute;
    top:48px;
    left:0;
    visibility:hidden;
    opacity:0;
    z-index:50;
    overflow:auto;
    background:#efefef;
    min-width:240px;
    padding:10px 0;
    max-height:460px
}
div.fancy-select ul.options.open{
    visibility:visible;
    top:48px;
    opacity:1
}
div.fancy-select ul.options.overflowing{
}
div.fancy-select ul.options.overflowing.open{
}
div.fancy-select ul.options li{
    padding:6px 24px 6px 20px;
    color:#1e1e1e;
    cursor:pointer;
    line-height:1.4
}
div.fancy-select ul.options li.selected{
    font-weight:600
}
div.fancy-select ul.options li.hover{
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{
    padding:0;
    margin:0;
    border:0;
    outline:none;
    vertical-align:top
}
.fancybox-wrap{
    position:absolute;
    top:0;
    left:0;
    z-index:8020
}
.fancybox-skin{
    position:relative;
    background:#f9f9f9;
    color:#444;
    text-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.fancybox-opened{
    z-index:8030
}
.fancybox-opened .fancybox-skin{
}
.fancybox-outer,.fancybox-inner{
    position:relative
}
.fancybox-inner{
    overflow:hidden
}
.fancybox-type-iframe .fancybox-inner{
    -webkit-overflow-scrolling:touch
}
.fancybox-error{
    color:#444;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0;
    padding:15px;
    white-space:nowrap
}
.fancybox-image,.fancybox-iframe{
    display:block;
    width:100%;
    height:100%
}
.fancybox-image{
    max-width:100%;
    max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
    background-image:url(../fancybox/fancybox_sprite.png)
}
#fancybox-loading{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    opacity:.8;
    cursor:pointer;
    z-index:8060
}
#fancybox-loading div{
    width:44px;
    height:44px;
    background:url(../fancybox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close{
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    cursor:pointer;
    z-index:8040;
    display:none!important
}
.fancybox-nav{
    position:absolute;
    top:0;
    width:40%;
    height:100%;
    cursor:pointer;
    text-decoration:none;
    background:transparent url(../fancybox/blank.gif);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    z-index:8040;
    display:none!important
}
.fancybox-prev{
    left:0
}
.fancybox-next{
    right:0
}
.fancybox-nav span{
    position:absolute;
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    cursor:pointer;
    z-index:8040;
    visibility:hidden
}
.fancybox-prev span{
    left:10px;
    background-position:0 -36px
}
.fancybox-next span{
    right:10px;
    background-position:0 -72px
}
.fancybox-nav:hover span{
    visibility:visible
}
.fancybox-tmp{
    position:absolute;
    top:-99999px;
    left:-99999px;
    visibility:hidden;
    max-width:99999px;
    max-height:99999px;
    overflow:visible!important
}
.fancybox-lock{
    overflow:hidden!important;
    width:auto
}
.fancybox-lock body{
    overflow:hidden!important
}
.fancybox-lock-test{
    overflow-y:hidden!important
}
.fancybox-overlay{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:8010;
    background-color:#1e1e1e
}
.fancybox-overlay.white{
    background-color:#fff
}
.fancybox-overlay-fixed{
    position:fixed;
    bottom:0;
    right:0
}
.fancybox-lock .fancybox-overlay{
    overflow:auto;
    overflow-y:scroll
}
.fancybox-title{
    visibility:hidden;
    font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    text-shadow:none;
    z-index:8050
}
.fancybox-opened .fancybox-title{
    visibility:visible
}
.fancybox-title-float-wrap{
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:8050;
    text-align:center
}
.fancybox-title-float-wrap .child{
    display:inline-block;
    margin-right:-100%;
    padding:2px 20px;
    background:transparent;
    font-family:'Raleway',sans serif;
    font-size:12px;
    font-weight:300;
    letter-spacing:4px;
    color:#ccc;
    color:#fff;
    line-height:24px;
    white-space:nowrap
}
.fancybox-overlay.white .fancybox-title-float-wrap .child{
    color:#1e1e1e;
    font-weight:500
}
.fancybox-title-outside-wrap{
    position:relative;
    margin-top:10px;
    color:#fff
}
.fancybox-title-inside-wrap{
    padding-top:10px
}
.fancybox-title-over-wrap{
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:10px;
    background:#000;
    background:rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){
    #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
        background-image:url(../fancybox/fancybox_sprite%402x.png);
        background-size:44px 152px
    }
    #fancybox-loading div{
        background-image:url(../fancybox/fancybox_loading%402x.gif);
        background-size:24px 24px
    }
}
body{
    background:#fff;
    color:#1e1e1e;
    font-family:'Raleway',sans serif;
    font-size:16px;
    font-weight:400;
    line-height:20px;
    letter-spacing:.1em;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important
}
.wrapper{
    margin:0 auto;
    width:100%;
    position:relative;
    z-index:0;
    overflow-x:hidden
}
.fullpage .wrapper{
    overflow-x:hidden
}
*,*:after,*:before{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.flex-row{
    display:flex;
    align-items:flex-start
}
.flex-row [class*='col']{
    float:none
}
.flex-row .text{
    position:relative;
    bottom:120px
}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{
    content:"";
    display:table
}
.clearfix:after,.cf:after{
    clear:both
}
.clearfix,.cf{
    *zoom:1
}
.clear{
    clear:both
}
p{
    margin-bottom:25px;
    line-height:1.5
}
i,em{
    font-style:italic;
    font-weight:400
}
ul{
    margin:0;
    padding:0
}
ul.inline li{
    display:inline-block;
    vertical-align:middle;
    margin-left:14px
}
ul.inline li:first-child{
    margin-left:0
}
ul.inline li img{
    width:auto;
    display:inline-block;
    fill:#1e1e1e;
    bottom:-3px;
    position:relative;
    margin-right:5px
}
a{
    color:#fff;
    text-decoration:none;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    -webkit-transition:color .5s;
    transition:color .5s
}
a:hover{
    color:#989898
}
a.black{
    color:#1e1e1e
}
img{
    display:block;
    max-width:100%;
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
   
}
.hide{
    display:none
}
.visible-xs{
    display:none
}
.text-center{
    text-align:center
}
:focus{
    outline:0
}
.cta{
    margin-bottom:40px;
    clear:both
}
.btn{
    min-width:235px;
    text-align:center;
    display:inline-block;
    padding:10px 10px;
    text-transform:uppercase;
    font-size:14px;
    border:4px solid #1e1e1e;
    color:#1e1e1e;
    font-weight:400;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.btn:hover{
    background-color:#1e1e1e;
    color:#fff;
    cursor:pointer
}
.btn.white{
    border:4px solid #fff;
    color:#fff
}
.btn.white:hover{
    background-color:#fff;
    color:#1e1e1e
}
strong{
    font-weight:600
}
.centrale{
    text-align:center
}
.w100{
    width:100%
}
.fw-500{
    font-weight:500
}
.reverse-topmargin{
    height:0;
    padding-bottom:5%;
    margin-top:-140px
}
.m-l-negative{
    margin-left:-4.5%
}
.m-l-neg-60{
    margin-left:-60px
}
.p-b-100{
    padding-bottom:100px
}
.p-b-50{
    padding-bottom:50px
}
.p-t-100{
    padding-top:100px
}
.p-t-50{
    padding-top:50px
}
.m-b-0{
    margin-bottom:0!important
}
.m-b-20{
    margin-bottom:20px
}
.m-b-100{
    margin-bottom:100px
}
.m-b-150{
    margin-bottom:150px
}
.m-t-50{
    margin-top:50px
}
.m-t--150{
    margin-top:-150px
}
#preload{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align:center;
    background-color:transparent;
    opacity:.5;
    filter:alpha(opacity=50)
}
#preload img{
    position:absolute;
    bottom:25%;
    left:44%
}
input.error{
    border:1px solid #c10202
}
@media(max-width:1400px){
    .reverse-topmargin{
        height:0;
        padding-bottom:5%;
        margin-top:-130px
    }
}
@media(max-width:1140px){
}
@media(max-width:1199px){
}
@media(max-width:991px){
    .p-b-100{
        padding-bottom:70px
    }
    .m-b-60-sm{
        margin-bottom:60px
    }
}
@media(max-width:767px){
    .visible-xs{
        display:inline-block
    }
    .p-t-100{
        padding-top:50px
    }
    .p-b-100{
        padding-bottom:50px
    }
    .m-b-100{
        margin-bottom:50px
    }
    .m-b-150{
        margin-bottom:80px
    }
    .p-b-50{
        padding-bottom:20px
    }
    .p-t-50{
        padding-top:20px
    }
    .hide-xs{
        display:none
    }
    .m-b-20-xs{
        margin-bottom:20px
    }
    .m-l-negative{
        margin-left:0
    }
    .m-l-neg-60{
        margin-left:-10.5%
    }
}
ul.inline li.share{
    position:relative
}
ul.inline li.share .contenuto{
    position:absolute;
    border:4px solid #1e1e1e;
    top:40px;
    background-color:#fff;
    display:inline-block;
    width:140px;
    text-align:center;
    display:none
}
ul.inline li.share .contenuto:before{
    content:"";
    position:absolute;
    width:1px;
    height:18px;
    left:50%;
    margin-left:-1px;
    top:-18px;
    background-color:#1e1e1e
}
ul.inline li.share .contenuto ul{
    padding:10px;
    white-space:nowrap
}
ul.inline li.share .contenuto ul li{
    margin-left:8px;
    margin-right:8px;
    display:inline-block!important
}
ul.inline li.share .contenuto ul li a{
    display:inline-block;
    float:left
}
@media(max-width:767px){
    ul.inline li.share .contenuto{
        left:50%;
        margin-left:-37px
    }
    ul.inline li.share .contenuto:before{
        left:25%
    }
}
@-webkit-keyframes amenu{
    0%{
        -webkit-transform:translate3d(0,-30px,0);
        opacity:0
    }
    33%{
        opacity:1
    }
    66%{
        opacity:1
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        opacity:1
    }
}
.preheader{
    position:relative;
    z-index:1;
    height:40px;
    width:100%;
    background:#1e1e1e
}
.preheader .left,.preheader .right{
    width:20%;
    position:absolute;
    top:0;
    left:0;
    height:40px
}
.preheader .right{
    left:auto;
    right:0;
    text-align:right;
    width:80%
}
.preheader .left ul{
    overflow:hidden;
    margin-left:10px
}
.preheader .left ul li{
    list-style-type:none;
    display:inline-block;
    float:left
}
.preheader .left ul li a{
    height:40px;
    display:inline-block;
    vertical-align:top;
    line-height:41px!important;
    text-align:center;
    padding:0 8px;
    opacity:.5
}
.preheader .left ul li.active a,.preheader .left ul li a:hover{
    opacity:1
}
.flags{
    width:13px;
    display:inline-block;
    vertical-align:text-top;
    margin-right:9px
}
.serviceMenu{
    height:40px;
    line-height:40px;
    display:inline-block;
    vertical-align:middle
}
.serviceMenu.inline li{
    margin-left:34px;
    height:40px;
    line-height:40px;
    vertical-align:top;
    float:left
}
.serviceMenu img{
    width:13px;
    display:inline-block;
    vertical-align:text-bottom;
    margin-left:9px
}
.myArchiveBtn{
    display:inline-block;
    margin-left:35px;
    vertical-align:middle;
    height:40px;
    line-height:40px
}
.preheader a{
    font-size:13px;
    font-weight:400;
    text-transform:uppercase;
    color:#bcbcbc;
    letter-spacing:.03em;
    height:40px;
    line-height:40px;
    display:inline-block;
    vertical-align:middle;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.preheader a:hover{
    opacity:.7
}
.myArchiveIcon{
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align:middle;
    background:#4f4f4f;
    line-height:38px;
    text-align:center;
    margin-left:15px;
    margin-top:-2px
}
.myArchiveIcon img{
    width:16px;
    display:inline-block;
    vertical-align:middle
}
.menu{
    text-align:center;
    padding:52px 0 54px;
    position:absolute;
    margin-top:40px;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:2;
    font-size:14px;
    letter-spacing:.05em;
    background:rgba(79,79,79,0);
    -moz-transition:top .4s ease;
    -o-transition:top .4s ease;
    -webkit-transition:top .4s ease;
    transition:top .4s ease
}
.serviceMenu.inline li.siteSearch{
}
.serviceMenu.inline li.siteSearch form{
    position:relative;
    overflow:hidden
}
.serviceMenu.inline li.siteSearch #txtSiteSearch{
    font-size:10px;
    font-weight:400;
    text-transform:uppercase;
    color:#bcbcbc;
    letter-spacing:.03em;
    height:40px;
    line-height:40px;
    display:inherit;
    border:none;
    background-color:#1e1e1e;
    width:100%;
    margin-right:30px
}
.serviceMenu.inline li.siteSearch #txtSiteSearch:focus{
    width:70px
}
.serviceMenu.inline li.siteSearch #search_sub{
    position:absolute;
    height:40px;
    width:20px;
    background-color:transparent;
    right:0;
    top:0;
    border:none;
    z-index:3;
    cursor:pointer
}
.serviceMenu.inline li.siteSearch img{
    z-index:2;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-7px
}
#listing-project .menu,#listing-news .menu,#listing-cat .menu,#news .menu,#form-nohero .menu,#single-store .menu,.header-solid .menu{
    background:rgba(0,0,0,.8);
    padding:32px 0 34px
}
.menu .container{
    position:relative
}
.menuWrap{
    -moz-transition:top .4s ease;
    -o-transition:top .4s ease;
    -webkit-transition:top .4s ease;
    transition:top .4s ease;
    position:relative;
    z-index:10
}
.menuWrap.fixed{
    top:0;
    position:fixed;
    width:100%;
    z-index:999
}
.menuWrap.fixed .menu{
    background:rgba(0,0,0,0.8);
    padding:32px 0 34px;
    margin-top:0
}
.menuWrap.fixed .menu.sub-hover,.menuWrap .menu.sub-hover{
    background:rgba(211,211,211,.8);
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.prova .menuWrap.fixed .menu.sub-hover,.prova .menuWrap .menu.sub-hover{
    background:rgba(79,79,79,1)
}
.menuWrap.fixed .preheader{
    top:-40px;
    -moz-transition:top .4s ease;
    -o-transition:top .4s ease;
    -webkit-transition:top .4s ease;
    transition:top .4s ease
}
.menuWrap.fixed:hover .menu,.menuWrap.fixed.scrolltotop .menu{
    top:40px
}
.menuWrap.fixed:hover .preheader,.menuWrap.fixed.scrolltotop .preheader{
    top:0
}
.menu img{
    margin:0 auto
}
.menu .left ul{
    text-align:left
}
.menu .right ul{
    text-align:right
}
.menu .logo{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-90px;
    width:180px;
    margin-top:-31px
}
.menu .logo img{
    max-height:100%
}
.menu .left ul li{
    margin-left:35px
}
.menu ul li{
    color:#000000;
}
.menu ul li a{
    font-weight:600;
    color:#fff;
    font-size:20px !important;
}
.menu ul li.over a{
    color:#000000;
}
.menu ul li .subnav{
    display:none
}
.menu .left ul li:first-child{
    margin-left:0
}
.menu .right ul li{
    margin-right:35px;
    margin-left:0
}
.menu .right ul li:last-child{
    margin-right:0
}
@media(max-width:1500px){
    .menu .right ul li{
        margin-right:25px
    }
    .menu .left ul li{
        margin-left:25px
    }
    .menu .container{
        width:92%
    }
}
@media(max-width:1400px){
    .menu .right ul li{
        margin-right:15px
    }
    .menu .left ul li{
        margin-left:15px
    }
    .menu .logo{
        width:160px;
        margin-left:-80px
    }
    .menu .container{
        width:95%
    }
}
@media(max-width:1279px){
    .menu .right ul li{
        margin-right:10px
    }
    .menu .left ul li{
        margin-left:10px
    }
    .menu .logo{
        width:150px;
        margin-left:-75px
    }
    .menu ul li a{
        font-size:13px;
    }
    .menu .container{
        width:96%
    }
    .serviceMenu.inline li{
        margin-left:22px
    }
    .myArchiveBtn{
        margin-left:10px
    }
}
@media(max-width:1140px){
    .menuWrap .menu{
        display:none
    }
}
@media(min-width:992px) and (max-width:1199px){
}
@media(min-width:768px) and (max-width:991px){
    .serviceMenu.inline li.siteSearch{
        display:none
    }
    .preheader .left ul li a{
        padding:0 4px
    }
}
@media(max-width:767px){
    .menuWrap .preheader{
        display:none
    }
}
#subnav{
    position:relative;
    z-index:1;
    text-align:left;
    height:0
}
#subnav #subnav-content{
    position:absolute;
    top:0;
    left:0;
    background:rgba(30,30,30,.8);
    width:100%;
    overflow:hidden;
    height:0;
    margin-top:54px
}
#subnav #subnav-content.loading{
    height:0!important
}
.prova #subnav #subnav-content{
    background:#4f4f4f
}
.menuWrap.fixed #subnav #subnav-content,#news #subnav-content,#listing-news #subnav-content,#listing-cat #subnav-content,#listing-project #subnav-content,#form-nohero #subnav-content,#single-store #subnav-content,.header-solid #subnav-content{
    margin-top:34px!important
}
#subnav #subnav-content .container{
    border-top:1px solid #fff
}
#subnav .subnav{
    padding:50px 0;
    margin:0;
    list-style:none
}
#subnav .subnav .sub-tit{
    color:#fff;
    padding-bottom:30px;
    font-size:20px;
    font-weight:400
}
#subnav .subnav a{
    color:#fff;
    font-size:14px;
    font-weight:400
}
#subnav .subnav a:hover{
    color:#989898
}
#subnav .subnav ul li{
    margin-bottom:16px
}
#subnav .subnav ul.image li img{
    width:100%;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
#subnav .subnav ul.image li .wrap{
    position:relative;
    background-color:#4f4f4f
}
#subnav .subnav ul.image li a{
    font-size:18px;
    position:relative;
    display:inline-block;
    line-height:1.4
}
#subnav .subnav ul.image li a .text{
    margin-top:15px;
    display:block
}
#subnav .subnav ul.image li a:hover img{
    opacity:.5
}
#subnav .subnav ul li a .play{
    display:inline-block;
    position:absolute;
    width:60px;
    height:60px;
    left:50%;
    margin-left:-30px;
    border:2px solid #fff;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:1!important;
    z-index:2
}
#subnav .subnav ul li a .play:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:0;
    height:0;
    border-style:solid;
    border-width:15.5px 0 14.5px 22px;
    border-color:transparent transparent transparent #fff;
    margin-top:-14px;
    margin-left:-9px
}
.menu-overlay{
    background-color:rgba(0,0,0,.6);
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:2;
    display:none
}
.menu-overlay.loading{
    display:none!important
}
#subnav .subnav .disclaimer{
    font-size:11px;
    color:#848181;
    color:#848181
}
@media(max-width:1500px){
}
@media(max-width:1200px){
}
@media(min-width:992px) and (max-width:1199px){
    #subnav .subnav ul li{
        margin-bottom:4px
    }
    #subnav .subnav a{
        font-size:13px
    }
    #subnav .subnav ul.image li a{
        font-size:14px
    }
}
@media(min-width:768px) and (max-width:991px){
    #subnav .subnav ul li{
        margin-bottom:4px
    }
    #subnav .subnav a{
        font-size:13px
    }
    #subnav .subnav ul.image li a{
        font-size:14px
    }
}
@media(max-width:767px){
}
.mob-open{
    position:fixed;
    overflow-y:scroll!important;
    width:100%
}
.open-nav-mobile{
}
.menu-mobile{
    display:none;
    position:absolute;
    width:100%;
    left:0;
    top:40px;
    z-index:10
}
.menuWrap.fixed .menu-mobile,#listing-project .menu-mobile,#listing-news .menu-mobile,#listing-cat .menu-mobile,#news .menu-mobile,#form-nohero .menu-mobile,#single-store .menu-mobile,.header-solid .menu-mobile{
    background:rgba(0,0,0,0.8)
}
.open-nav-mobile .menuWrap .menu-mobile{
    background:rgba(211,211,211,1);
    position:fixed!important
}
.menu-mobile .logo{
    width:120px;
    margin-top:12px
}
.menu-mobile .left,.menu-mobile .right{
    width:50%;
    float:left
}
.menu-mobile .right{
}
.menu-mobile .right .search-btn{
    background:none;
    border:none;
    margin-top:25px;
    float:right;
    margin-right:20px;
    display:none
}
.open-nav-mobile .menu-mobile .right .search-btn{
    display:inline-block
}
.menu-mobile .right .navbar-toggle{
    display:block;
    float:right;
    margin:27px 0 0 0;
    text-align:right;
    height:40px;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    padding:0;
    position:relative;
    background:none;
    border:none;
    outline:none!important;
    z-index:100
}
.menu-mobile .right .navbar-toggle:before,.menu-mobile .right .navbar-toggle:after,.menu-mobile .right .navbar-toggle span:before{
    content:'';
    position:absolute;
    width:100%;
    height:2px;
    background:#fff;
    top:0;
    left:0
}
.menu-mobile .right .navbar-toggle:after{
    top:8px
}
.menu-mobile .right .navbar-toggle span{
    display:block;
    font-size:8px;
    letter-spacing:1px;
    margin-top:17px;
    line-height:1;
    color:#fff;
    text-align:center;
    width:30px
}
.menu-mobile .right .navbar-toggle span:before{
    top:16px
}
.menu-mobile .right .navbar-toggle.active:before{
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(225deg);
    top:8px
}
.menu-mobile .right .navbar-toggle.active:after{
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-225deg);
    top:8px
}
.menu-mobile .right .navbar-toggle.active span:before{
    width:0;
    left:50%;
    top:5px
}
.mobile-wrap{
    position:fixed;
    background:rgba(79,79,79,1);
    left:0;
    top:70px;
    width:100%;
    display:none;
    overflow-y:auto
}
.mobile-wrap .mobile-nav{
}
.mobile-wrap .mobile-nav ul{
    padding:0 0
}
.mobile-wrap .mobile-nav ul li{
    border-bottom:1px solid #1e1e1e;
    clear:both
}
.mobile-wrap .mobile-nav ul li a{
    padding:15px 5%;
    font-size:20px;
    text-transform:uppercase;
    display:block
}
.mobile-wrap .mobile-nav ul li a:active,.mobile-wrap .mobile-nav ul li a.active{
    color:#fff
}
.mobile-wrap .mobile-nav ul li ul{
    background-color:#131313;
    display:none;
    padding:0
}
.mobile-wrap .mobile-nav ul li ul li{
    border-bottom:1px solid #4f4f4f
}
.mobile-wrap .mobile-nav ul li ul li:last-child{
    border-bottom:none
}
.mobile-wrap .mobile-nav ul li.lancio{
    overflow:hidden
}
.mobile-wrap .mobile-nav ul li.lancio .item{
    width:33.33333333%;
    float:left;
    clear:none;
    line-height:1.2
}
.mobile-wrap .mobile-nav ul li.lancio a{
    font-size:12px;
    padding:20px 15%;
    letter-spacing:normal
}
.mobile-wrap .mobile-nav ul li.lancio a img{
    margin-bottom:10px
}
.mobile-wrap .mobile-nav ul li ul li .disclaimer{
    font-size:11px;
    color:#848181;
    padding:15px 5%
}
.mobile-wrap .mobile-nav ul li.siteSearch{
    padding:2px 5%;
    background-color:#1e1e1e
}
.mobile-wrap .mobile-nav ul li.siteSearch form{
    position:relative;
    overflow:hidden
}
.mobile-wrap .mobile-nav ul li.siteSearch .txtSiteSearchMobile{
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    color:#bcbcbc;
    letter-spacing:.03em;
    height:40px;
    line-height:40px;
    display:inherit;
    border:none;
    background-color:#1e1e1e;
    width:100%;
    margin-right:30px
}
.mobile-wrap .mobile-nav ul li.siteSearch .search_sub_mobile{
    position:absolute;
    height:40px;
    width:20px;
    background-color:transparent;
    right:0;
    top:0;
    border:none;
    z-index:3;
    cursor:pointer
}
.mobile-wrap .mobile-nav ul li.siteSearch img{
    z-index:2;
    position:absolute;
    right:2px;
    top:50%;
    margin-top:-11px
}
.mobile-wrap .mobile-nav ul.secondary{
    padding:15px 5%;
    text-align:center;
    display:none
}
.mobile-wrap .mobile-nav ul.secondary li{
    border:none;
    font-size:14px;
    display:inline-block;
    margin:5px 5px
}
.mobile-wrap .mobile-nav ul.secondary li a{
    font-size:14px;
    padding:0;
    text-transform:none
}
.mobile-wrap .mobile-nav ul.lista-lingue{
    overflow:hidden;
    padding:0 5%;
    background-color:#777
}
.mobile-wrap .mobile-nav ul.lista-lingue li{
    clear:none;
    float:none;
    display:inline-block;
    border-bottom:0 solid #1e1e1e;
    margin-right:10px
}
.mobile-wrap .mobile-nav ul.lista-lingue li a{
    padding:5px 5%;
    font-size:14px;
    text-transform:none;
    display:inline-block;
    float:none;
    color:#ababab
}
.mobile-wrap .mobile-nav ul.lista-lingue li.active a{
    color:#fff
}
@media(max-width:1140px){
    .menu-mobile{
        display:block
    }
}
@media(min-width:992px) and (max-width:1199px){
    .menuWrap.fixed .preheader{
        top:0
    }
}
@media(min-width:768px) and (max-width:991px){
    .menuWrap.fixed .preheader{
        top:0
    }
    .serviceMenu.inline li{
        margin-left:15px
    }
}
@media(max-width:767px){
    .menu-mobile{
        top:0
    }
    .mobile-wrap .mobile-nav ul.secondary{
        display:block
    }
}
.overlay-login{
    background-color:#fff;
    position:fixed;
    overflow:hidden!important;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:18020;
    display:none
}
.overlay-login .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-login .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-login a{
}
.overlay-login .wrap-login{
    height:100vh;
    position:relative
}
.overlay-login .text-cta:before{
}
.overlay-login h5{
    font-size:34px;
    margin-bottom:10px;
    line-height:1.2
}
.overlay-login h6{
    font-size:22px;
    margin-bottom:21px;
    line-height:1.2;
    border-bottom:1px solid #1e1e1e;
    padding-bottom:6px
}
.overlay-login ul{
    padding-top:20px
}
.overlay-login .text{
    margin-bottom:25px;
    line-height:1.4
}
.overlay-login .text ul{
    margin:0;
    padding-top:10px;
    padding-bottom:10px
}
.overlay-login .text ul li{
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:2px;
    position:relative
}
.overlay-login .text ul li:after{
}
.overlay-login .vert-align{
    width:100%;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
.overlay-login .wrap-input input{
    width:100%;
    background-color:#fff;
    border:1px solid #1e1e1e;
    color:#1e1e1e
}
.overlay-login .wrap-input label{
    color:#1e1e1e
}
.overlay-login .remember{
}
.overlay-login .remember input[type="checkbox"]:not(:checked),.overlay-login .remember input[type="checkbox"]:checked{
    position:absolute;
    left:-9999px
}
.overlay-login .remember input[type="checkbox"]:not(:checked)+label,.overlay-login .remember input[type="checkbox"]:checked+label{
    position:relative;
    padding-left:25px;
    cursor:pointer;
    font-size:12px;
    text-transform:uppercase
}
.overlay-login .remember input[type="checkbox"]:not(:checked)+label:before,.overlay-login .remember input[type="checkbox"]:checked+label:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    border:1px solid #1e1e1e;
    background:#fff
}
.overlay-login .remember input[type="checkbox"]:checked+label:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    background-color:#1e1e1e
}
.overlay-login input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px white inset
}
.overlay-new-psw{
    position:fixed;
    z-index:40;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.2)
}
.overlay-new-psw .message{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    padding:50px;
    box-shadow:0 0 10px rgba(0,0,0,.4);
    width:50vw
}
.overlay-new-psw .message .cta{
    margin-bottom:0
}
@media(max-width:991px){
    .overlay-login{
        overflow:auto!important
    }
    .overlay-login .vert-align{
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        position:static;
        margin-top:77px;
        margin-bottom:40px
    }
    .overlay-login .wrap-login{
        height:auto
    }
    .overlay-login .wrap-input input{
        width:90%
    }
    .overlay-new-psw .message{
        max-width:90vw
    }
}
@media(max-width:767px){
    .overlay-login .overlay-navigation a{
        right:5%
    }
}
.footer{
    width:100%;
    padding-bottom:40px;
    background:#1e1e1e;
    font-size:12px;
    line-height:16px;
    color:#fff
}
.footer .col-2{
    text-align:right
}
.footer .newsletter{
    max-width:540px;
    padding-left:27px;
    border-left:4px solid #fff;
    color:#fff;
    position:relative;
    z-index:0;
    padding-bottom:20px
}
.footer .newsletter label{
    font-size:30px;
    line-height:40px;
    padding-top:90px;
    display:block;
    margin-bottom:-2px
}
.footer .newsletter input[type*=email]{
    width:100%;
    background:none;
    outline:none;
    border:none;
    border-bottom:1px solid #fff;
    font-size:12px;
    font-weight:400;
    height:auto;
    padding:20px 100px 20px 10px;
    color:#fff
}
.footer .newsletter input[type*=submit]{
    font-family:'Raleway',sans serif;
    width:100px;
    background:none;
    border:none;
    padding:0;
    font-size:12px;
    font-weight:400;
    color:#fff;
    position:absolute;
    bottom:30px;
    right:0
}
.footer .copyright{
    font-size:12px;
    margin-top:31px
}
.footer .social{
    margin-top:98px;
    margin-bottom:39px
}
.footer .social img{
    opacity:1;
    -moz-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
.footer .social img:hover{
    opacity:.5
}
.footer .linkService{
    margin-bottom:39px
}
.footer .linkService ul li{
    margin-bottom:5px
}
.footer .col-2 ul.inline li{
    margin-left:40px
}
.footer .credits img{
    display:inline-block;
    vertical-align:middle;
    width:14px;
    margin:0 10px
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(min-width:768px) and (max-width:991px){
    .footer{
    }
}
@media(max-width:767px){
    .footer{
        height:auto;
        padding-bottom:100px
    }
    .footer .newsletter{
        padding-left:0;
        border-left:0;
        text-align:center
    }
    .footer .newsletter label{
        line-height:35px;
        text-align:center;
        padding-top:60px;
        padding-bottom:20px
    }
    .footer .newsletter input[type*=email]{
        text-align:center;
        padding:20px 40px 15px 40px;
        width:auto;
        margin:0 20px
    }
    .footer .newsletter input[type*=submit]{
        width:auto;
        background:none;
        border:none;
        font-size:22px;
        padding:0;
        font-weight:300;
        position:relative;
        border-bottom:1px solid #fff;
        padding-bottom:0;
        margin-top:30px;
        bottom:auto;
        right:auto
    }
    .footer .left .copyright{
        display:none
    }
    .footer .social{
        margin-top:70px;
        margin-bottom:70px;
        text-align:center
    }
    .footer .social a{
        margin:0 5px;
        display:inline-block
    }
    .footer .social a img{
        width:20px
    }
    .footer .linkService{
        text-align:center;
        font-size:16px
    }
    .footer .right .copyright{
        text-align:center
    }
    .footer .credits{
        text-align:center;
        margin-top:20px;
        font-size:10px
    }
    .footer .copyright{
        text-align:center;
        display:none
    }
}
body.manage-cookie-css{
    padding-bottom:41px
}
#acceptcookie{
    position:fixed;
    text-align:center;
    padding:4px 30px;
    background:#000;
    border-top:1px solid #000;
    color:#fff;
    font-size:12px;
    line-height:1;
    bottom:0;
    left:50%;
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    width:100%;
    z-index:100;
    opacity:1;
    transition:all 750ms ease-in-out
}
#acceptcookie.hide-modal{
    -moz-transform:translate(-50%,calc(100% - 20px));
    -ms-transform:translate(-50%,calc(100% - 20px));
    -o-transform:translate(-50%,calc(100% - 20px));
    -webkit-transform:translate(-50%,calc(100% - 20px));
    transform:translate(-50%,calc(100% - 20px));
    pointer-events:none
}
#acceptcookie a{
    color:#fff;
    text-decoration:underline
}
#acceptcookie button{
    margin-left:10px;
    padding:2px 10px;
    background-color:#444;
    color:#fff;
    border:none;
    font-size:12px
}
#acceptcookie button:hover{
}
@media(max-width:767px){
    #acceptcookie{
        line-height:1.4;
        padding-top:8px;
        padding-bottom:7px
    }
    #acceptcookie button{
        padding:8px 14px;
        margin:6px 0 3px 0
    }
    #acceptcookie.hide-modal{
        -moz-transform:translate(-50%,calc(100% - 26px));
        -ms-transform:translate(-50%,calc(100% - 26px));
        -o-transform:translate(-50%,calc(100% - 26px));
        -webkit-transform:translate(-50%,calc(100% - 26px));
        transform:translate(-50%,calc(100% - 26px));
        pointer-events:none
    }
}
.hero .shadow{
    background:url(../img/listing-shadow.png) repeat-x left bottom;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:2
}
.hero .shadow-full{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:2;
    background-color:rgba(0,0,0,.3)
}
.hero .shadow.top{
    background:url(../img/listing-shadow-top.png) repeat-x left top
}
.hero .shadow.left{
    background:-moz-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);
    background:-webkit-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);
    background:linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1);
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:1;
    width:200px;
    height:100%
}
.hero .shadow.bottom,.shadow.bottom{
    background:url(../img/listing-shadow.png) repeat-x left bottom;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:2
}
.hero .shadow.right{
    background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
    background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
    background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1);
    position:absolute;
    left:auto;
    top:0;
    bottom:0;
    right:0;
    z-index:1;
    width:200px;
    height:100%
}
h1{
    font-size:200px;
    font-weight:300;
    letter-spacing:.9em;
    line-height:200px
}
.hero .small h1{
    font-size:160px;
    line-height:200px;
    letter-spacing:.5em;
    margin-left:.25em
}
.hero .xsmall h1{
    font-size:120px;
    line-height:200px;
    letter-spacing:.25em;
    margin-left:.12em
}
.hero .xxsmall h1{
    font-size:2.8vw!important;
    line-height:200px;
    letter-spacing:.2em;
    margin-left:.12em;
    text-transform:uppercase
}
.hero .tipologia{
    display:block;
    position:absolute;
    top:50px;
    width:100%;
    text-align:center;
    color:#fff;
    font-size:16px;
    text-transform:none;
    letter-spacing:.1em;
    font-weight:400
}
.hero .small h1.title_28{
    font-size:3vw!important
}
.hero .small h1.title_27{
    font-size:3vw!important
}
.hero .small h1.title_26{
    font-size:3vw!important
}
.hero .small h1.title_25{
    font-size:3.4vw!important
}
.hero .small h1.title_24{
    font-size:3.4vw!important
}
.hero .small h1.title_23{
    font-size:3.4vw!important
}
.hero .small h1.title_22{
    font-size:3.4vw!important
}
.hero .small h1.title_21{
    font-size:3.4vw!important
}
.hero .small h1.title_20{
    font-size:3.4vw!important
}
.hero .small h1.title_19{
    font-size:3.4vw!important
}
.hero .small h1.title_18{
    font-size:3.4vw!important
}
.hero .small h1.title_17{
    font-size:4.8vw!important
}
.hero .small h1.title_16{
    font-size:5vw!important
}
.hero .small h1.title_15{
    font-size:5vw!important
}
.hero .small h1.title_14{
    font-size:5vw!important
}
.hero .small h1.title_13{
    font-size:6vw!important
}
.hero .small h1.title_12{
    font-size:6.5vw!important
}
.hero .small h1.title_11{
    font-size:6.5vw!important
}
.hero .small h1.title_10{
    font-size:6.5vw!important
}
.hero .small h1.title_9{
    font-size:7vw!important
}
.hero .small h1.title_8{
    font-size:7vw!important
}
.hero .small h1.title_7{
    font-size:8.3vw!important
}
.hero .small h1.title_6{
    font-size:8.3vw!important
}
.hero .small h1.title_5{
    font-size:4.3vw!important
}
.hero .small h1.title_4{
    font-size:8.3vw!important
}
.hero .small h1.title_3{
    font-size:8.3vw!important
}
.hero .small h1.title_2{
    font-size:8.3vw!important
}
h2{
    font-size:60px;
    line-height:70px;
    letter-spacing:0;
    font-weight:300;
    margin-bottom:12px
}
h2.light{
    font-weight:300;
    line-height:1
}
h2.xl{
    font-size:70px;
    font-weight:300;
    line-height:1;
    margin-bottom:20px
}
h3{
    font-size:60px;
    font-weight:300;
    letter-spacing:.03em;
    line-height:60px;
    margin-bottom:10px
}
h4{
    font-family:'Raleway',sans serif;
    font-size:30px;
    line-height:40px;
    letter-spacing:0;
    font-weight:400;
    margin-bottom:10px
}
.desc{
    padding:0 15px
}
.desc.medium{
    font-size:20px;
    padding:0 10%;
    line-height:1.6
}
.social-ico{
    font-size:16px;
    margin-bottom:35px;
    display:inline-block
}
.social-ico img{
    margin-right:8px;
    display:inline-block;
    bottom:-2px;
    position:relative
}
.collection .desc{
    max-width:600px;
    margin-left:auto;
    margin-right:auto
}
.text.text-center p:last-child{
    margin-bottom:0
}
.text-cta{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight:500;
    color:#1e1e1e
}
.fancy-yt-video .text-cta{
    text-transform:none;
    font-size:14px
}
.text-cta:before{
    content:"";
    width:10px;
    height:1px;
    background:#1e1e1e;
    display:inline-block;
    margin-right:20px;
    vertical-align:middle
}
ul li:first-child .text-cta:before{
    display:none
}
ul.firstbefore-visible li:first-child .text-cta:before{
    display:inline-block
}
.text-center>.categorie>ul.firstbefore-visible li:first-child .text-cta:before{
    display:none
}
.section .text .text-cta:before{
    background:#fff
}
.text-hover .text-cta:before{
    display:none
}
.text .text-cta{
    position:relative;
    top:-18px
}
.backTop{
    position:fixed;
    bottom:30px;
    color:#fff!important;
    background:#989898;
    padding:0 20px;
    height:48px;
    font-size:12px;
    right:30px;
    opacity:1;
    z-index:9999;
    display:inline-block;
    line-height:48px;
    font-weight:400;
    text-transform:uppercase;
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    opacity:0;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.backTop.on{
    opacity:.6
}
.no-touch .backTop:hover{
    opacity:1
}
@-webkit-keyframes a1460898080641{
    0%{
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:0
    }
    33%{
        opacity:1
    }
    66%{
        opacity:1
    }
    100%{
        -webkit-transform:translate3d(0,15px,0);
        -moz-transform:translate3d(0,15px,0);
        -ms-transform:translate3d(0,15px,0);
        -o-transform:translate3d(0,15px,0);
        transform:translate3d(0,15px,0);
        opacity:0
    }
}
@keyframes a1460898080641{
    0%{
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:0
    }
    33%{
        opacity:1
    }
    66%{
        opacity:1
    }
    100%{
        -webkit-transform:translate3d(0,15px,0);
        -moz-transform:translate3d(0,15px,0);
        -ms-transform:translate3d(0,15px,0);
        -o-transform:translate3d(0,15px,0);
        transform:translate3d(0,15px,0);
        opacity:0
    }
}
.backTop img{
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-top:-20px;
    z-index:2;
    -moz-animation-name:a1460898080641;
    -o-animation-name:a1460898080641;
    -webkit-animation-name:a1460898080641;
    animation-name:a1460898080641;
    -moz-animation-duration:1500ms;
    -o-animation-duration:1500ms;
    -webkit-animation-duration:1500ms;
    animation-duration:1500ms;
    -moz-animation-timing-function:linear;
    -o-animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -moz-animation-play-state:running;
    -o-animation-play-state:running;
    -webkit-animation-play-state:running;
    animation-play-state:running;
    -moz-animation-delay:1000ms;
    -o-animation-delay:1000ms;
    -webkit-animation-delay:1000ms;
    animation-delay:1000ms
}
.open-nav-mobile .backTop.on{
    display:none!important
}
@media(max-width:1500px){
    .hero h1{
        font-size:180px
    }
    .hero .small h1{
        font-size:140px
    }
    .hero .xsmall h1{
        font-size:100px
    }
    .hero .xxsmall h1{
        font-size:60px
    }
    .hero .tipologia{
        top:45px
    }
}
@media(max-width:1400px){
    h1{
        letter-spacing:.7em
    }
    .hero h1{
        font-size:160px
    }
    .hero .small h1{
        font-size:120px
    }
    .hero .xsmall h1{
        font-size:80px
    }
    .hero .xxsmall h1{
        font-size:50px
    }
    h2.xl{
        font-size:60px
    }
}
@media(max-width:1279px){
    h1{
        letter-spacing:.7em
    }
    .hero h1{
        font-size:140px
    }
    .hero .small h1{
        font-size:100px
    }
    .hero .xsmall h1{
        font-size:60px
    }
    .hero .xxsmall h1{
        font-size:40px
    }
}
@media(max-width:1140px){
    h1{
        letter-spacing:.6em
    }
    .menu-mobile{
        display:block
    }
    .hero h1{
        font-size:120px
    }
    .hero .small h1{
        font-size:70px
    }
    .hero .xsmall h1{
        font-size:40px
    }
    .hero .xxsmall h1{
        font-size:30px
    }
    .hero .tipologia{
        top:30px
    }
}
@media(min-width:992px) and (max-width:1199px){
    h2.xl{
        font-size:52px
    }
    h2{
        font-size:52px
    }
    h3{
        font-size:42px
    }
}
@media(min-width:768px) and (max-width:991px){
    h2{
        font-size:42px
    }
    h3{
        font-size:32px
    }
}
@media(max-width:768px){
}
@media(max-width:767px){
    .hero h1{
        font-size:44px;
        line-height:5
    }
    .hero .small h1{
        font-size:36px;
        line-height:6
    }
    .hero .xsmall h1{
        font-size:26px;
        line-height:9
    }
    .hero .xxsmall h1{
        font-size:26px;
        line-height:9
    }
    .hero.prod-sheet .small h1{
        display:none
    }
    h2,h2.xl{
        font-size:40px;
        line-height:50px
    }
    h3{
        font-size:30px;
        line-height:30px
    }
    h4{
        font-size:26px;
        line-height:36px
    }
    .categorie .text-cta:before,.categorie ul.firstbefore-visible li:first-child .text-cta:before{
        display:none
    }
    #homepage .text-cta:before{
        display:inline-block
    }
    #homepage ul li:first-child .text-cta:before{
        display:none
    }
    .categorie ul.inline li{
        display:inline-block
    }
    .desc{
        font-size:14px
    }
    .desc.medium{
        font-size:14px;
        line-height:1.4
    }
    .social-ico{
        margin-bottom:20px
    }
    .project-singolo .hero h1,.project-singolo .hero .tipologia{
        display:none
    }
    .backTop{
        bottom:6px;
        right:6px;
        padding:0;
        width:40px;
        height:40px
    }
    .backTop.on{
        opacity:.9
    }
    .backTop img{
        margin:0;
        position:absolute;
        top:1px;
        left:15px;
        transform:none
    }
}
img+.text{
    margin-top:60px
}
img+h4{
    margin-top:30px;
    margin-left:30px
}
img+h4+.desc{
    margin-left:30px
}
.col-1 .text{
    margin-top:400px
}
.col-2 .text-cta{
    margin-top:450px
}
.hero{
    position:relative;
    z-index:0;
    overflow:hidden;
    height:calc(100vh - 40px);
    background:#1e1e1e
}
.hero.adjustHeight{
    height:100vh
}
@-webkit-keyframes imagehero{
    0%{
        opacity:0;
        -webkit-transform:scale(1.2)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes imagehero{
    0%{
        opacity:0;
        -moz-transform:scale(1.2)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1)
    }
    100%{
        opacity:1;
        -moz-transform:scale(1)
    }
}
@-ms-keyframes imagehero{
    0%{
        opacity:0;
        -ms-transform:scale(1.2)
    }
    50%{
        opacity:1;
        -ms-transform:scale(1)
    }
    100%{
        opacity:1;
        -ms-transform:scale(1)
    }
}
@keyframes imagehero{
    0%{
        opacity:0;
        transform:scale(1.2)
    }
    50%{
        opacity:1;
        transform:scale(1)
    }
    100%{
        opacity:1;
        transform:scale(1)
    }
}
.slick-arrow{
    position:absolute;
    top:50%;
    margin-top:-25px;
    width:48px;
    height:48px;
    background-color:rgba(152,152,152,.8);
    z-index:5;
    border:none;
    font-size:0;
    cursor:pointer
}
.slick-prev{
    left:10px
}
.slick-prev:after{
    content:"";
    background:url(../icone/prev-arrow-white.svg);
    background-size:24px 24px;
    width:24px;
    height:24px;
    display:inline-block;
    background-size:contain;
    position:absolute;
    left:50%;
    margin-left:-12px;
    margin-top:-12px;
    top:50%
}
.slick-next{
    right:10px
}
.slick-next:after{
    content:"";
    background:url(../icone/next-arrow-white.svg);
    background-size:24px 24px;
    width:24px;
    height:24px;
    display:inline-block;
    background-size:contain;
    position:absolute;
    left:50%;
    margin-left:-12px;
    margin-top:-12px;
    top:50%
}
.exibSlide{
    overflow:hidden
}
html.explorer .exibSlide .item{
    width:100%
}
html.explorer .exibSlide .item img.frame{
    width:100%
}
html:not(.explorer) .exibSlide .slider-track,html:not(.explorer) .focus-slider-prod .slider-track{
    -webkit-transition:all 1s cubic-bezier(.7,0,.3,1);
    -moz-transition:all 1s cubic-bezier(.7,0,.3,1);
    -o-transition:all 1s cubic-bezier(.7,0,.3,1);
    transition:all 1s cubic-bezier(.7,0,.3,1)
}
html:not(.explorer) .exibSlide .item .wrap-archive,.exibSlide .item .wrap-archive{
    display:block;
    width:100%
}
html:not(.explorer) .exibSlide .item img.frame,html:not(.explorer) .focus-slider-prod .item img.frame{
    width:100%;
    -webkit-transition:all 1s cubic-bezier(.7,0,.3,1);
    -moz-transition:all 1s cubic-bezier(.7,0,.3,1);
    -o-transition:all 1s cubic-bezier(.7,0,.3,1);
    transition:all 1s cubic-bezier(.7,0,.3,1);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
html:not(.explorer) .exibSlide .item.slick-active img.frame,html:not(.explorer) .focus-slider-prod .item.slick-active img.frame{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
@media(max-width:1450px){
    .exibSlide .gallery-nav{
        display:none!important
    }
}
.hero .slide>div{
    position:absolute;
    width:100%;
    height:100%;
    background-position:center bottom;
    background-size:cover;
    background-attachment:fixed;
    opacity:0;
    -moz-animation-name:imagehero;
    -o-animation-name:imagehero;
    -webkit-animation-name:imagehero;
    animation-name:imagehero;
    -moz-animation-duration:4000ms;
    -o-animation-duration:4000ms;
    -webkit-animation-duration:4000ms;
    animation-duration:4000ms;
    -moz-animation-timing-function:cubic-bezier(0,.33,.2,1);
    -o-animation-timing-function:cubic-bezier(0,.33,.2,1);
    -webkit-animation-timing-function:cubic-bezier(0,.33,.2,1);
    animation-timing-function:cubic-bezier(0,.33,.2,1);
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -moz-animation-play-state:initial;
    -o-animation-play-state:initial;
    -webkit-animation-play-state:initial;
    animation-play-state:initial;
    -moz-animation-delay:1000ms;
    -o-animation-delay:1000ms;
    -webkit-animation-delay:1000ms;
    animation-delay:1000ms;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.hero .slider .slide>div{
    visibility:hidden
}
.hero .slider.slick-initialized .slide>div{
    visibility:visible
}
.touch .hero .slide>div{
    background-attachment:initial
}
.hero .slide video{
    position:relative;
    display:block;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.hero h1{
    position:absolute;
    z-index:2;
    width:100%;
    color:#fff;
    top:50%;
    margin-top:-50px;
    text-align:center;
    margin-left:.45em;
    text-transform:uppercase
}
.hero .slide:hover{
    cursor:pointer
}
.hero .slick-list,.hero .slick-slider,.hero .slick-track{
    height:100%
}
@media(max-width:767px){
    .slide-with-video{
        display:none!important
    }
    .slick-list.draggable{
        z-index:100
    }
}
@-webkit-keyframes a1460898080640{
    0%{
        -webkit-transform:translate3d(0,0,0);
        opacity:0
    }
    33%{
        opacity:1
    }
    66%{
        opacity:1
    }
    100%{
        -webkit-transform:translate3d(0,30px,0);
        opacity:0
    }
}
.arrow{
    position:absolute;
    bottom:40px;
    left:50%;
    margin-left:-7px;
    z-index:2;
    opacity:0;
    animation-name:a1460898080640;
    animation-duration:2000ms;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-play-state:running;
    animation-delay:5000ms
}
.categorie{
    margin-bottom:75px;
    margin-top:15px
}
.categorie.tar{
    text-align:right
}
.sectionCategories{
    padding:150px 0 80px
}
.text-hover{
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:2;
    text-align:center;
    color:#fff
}
.text-hover .text-cta{
    color:#fff
}
.box-hover video{
    width:100%;
    position:relative;
    z-index:0;
    display:block;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.overlay{
    max-width:100%;
    overflow:hidden;
    position:relative;
    top:0;
    height:100%
}
.overlay:before{
    content:"";
    width:100%;
    height:100%;
    background:rgba(30,30,30,.5);
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.box-hover{
    position:relative;
    z-index:0;
    overflow:hidden
}
.box-hover img{
    position:relative;
    z-index:0
}
.play{
    margin:0 auto 20px;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
a:hover .play{
    opacity:.5
}
.play+h2+.text-cta:before{
    display:none
}
.news{
    padding-top:100px
}
.news a{
    color:#1e1e1e;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    -webkit-transition:color .5s;
    transition:color .5s
}
.news a img{
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.news a:hover{
    color:#989898
}
.news a:hover img{
    opacity:.5
}
.news .title{
    margin-bottom:80px
}
.news .news-box{
    margin-bottom:80px
}
.news .date{
    text-transform:uppercase;
    font-weight:400
}
.news .desc{
    padding:0
}
@media(min-width:1550px){
    .hero .slide video{
        min-width:127%
    }
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
    .sectionCategories{
        padding:100px 0 30px
    }
}
@media(max-width:1024px){
    .news .date{
        font-size:14px
    }
    .news .date h4{
        font-size:20px;
        line-height:27px
    }
    .news h4.titolo{
        font-size:24px;
        line-height:32px
    }
}
@media screen and (orientation:portrait){
    .clss-tablet-device .hero{
        height:44vh
    }
}
@media(max-width:768px){
    .sectionCategories{
        padding:50px 0 0
    }
    .categorie{
        margin-bottom:55px
    }
    .news{
        padding-top:50px
    }
    .news .title{
        margin-bottom:40px
    }
    .news .date{
        font-size:12px
    }
    .news .date h4{
        font-size:20px;
        line-height:32px
    }
    .news a img{
        margin-top:20px
    }
    .arrow{
        display:none
    }
}
@media(max-width:767px){
    .clss-phone-device .hero{
        height:34vh
    }
}
.prod-slide,.no-slider{
    padding:120px 0 40px 0;
    padding-bottom:50px;
    overflow-x:hidden
}
.prod-slide{
    background:url(../img/preloader.gif) no-repeat center 140px;
    overflow:hidden
}
.prod-slide .slider-prod .item{
    cursor:pointer;
    overflow:hidden
}
.prod-slide .slider-prod .item .wrap{
    margin:0 2%
}
.prod-slide .slider-prod .item .wrap .bg-black{
    background-color:#1e1e1e;
    position:relative
}
.prod-slide .slider-prod.slider-listing .item .wrap .bg-black,#loadtarget{
    height:100%
}
.prod-slide .slider-prod.w-shadow .item .bg-black:before{
    content:"";
    background:url(../img/listing-shadow.png) repeat-x left bottom;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:2
}
.prod-slide .slider-prod .item .wrap .bg-black img.frame{
    opacity:.3;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    height:716px
}
.slider-prod.lazyload img.frame{
    opacity:.3!important
}
.prod-slide .slider-prod .item.slick-current .bg-black img.frame{
    opacity:1;
    cursor:default
}
.slider-prod.lazyload .item.slick-current .bg-black img.frame{
    opacity:1!important;
    cursor:default
}
.slider-prod.lazyload .item.slick-current.no-points .bg-black img.frame{
    cursor:pointer
}
.prod-slide .slider-prod .item .wrap .bg-black div.archivio,.wrap-archive div:not(.fancybox-inner){
    position:absolute;
    background-color:rgba(152,152,152,.8);
    height:47px;
    width:47px;
    bottom:10px;
    right:10px;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:0;
    z-index:1
}
.prod-slide .slider-prod .item.slick-current .wrap .bg-black:hover div.archivio,.wrap-archive:hover div{
    opacity:1;
    cursor:pointer
}
.prod-slide .slider-prod .item .wrap .bg-black div.archivio img,.wrap-archive div img:not(.fancybox-image){
    margin:0 auto;
    margin-top:12px;
    width:auto!important
}
.prod-slide .slider-prod .item .wrap .bg-black .archivio.download,.wrap-archive .download{
    right:127px!important
}
.prod-slide .slider-prod .item .wrap .bg-black .archivio.archive,.wrap-archive .archive{
    right:67px!important
}
.fancybox-type-iframe .wrap-archive .print{
    display:none
}
.wrap-archive.no-print .archive,.fancybox-type-iframe .wrap-archive .archive{
    right:10px!important
}
.wrap-archive.no-print .download,.fancybox-type-iframe .wrap-archive .download{
    right:67px!important
}
.prod-slide .slider-prod .item .wrap .bg-black .archivio.print,.wrap-archive .print{
    right:10px!important
}
.wrap-archive.no-archive .download{
    right:10px!important
}
.gallery-nav{
    white-space:nowrap;
    position:absolute;
    z-index:8;
    left:50%;
    bottom:10px;
    display:inline-block;
    background-color:#fff;
    text-transform:uppercase;
    padding:12px 20px 12px 20px;
    color:#1e1e1e;
    font-size:12px;
    font-weight:500;
    -moz-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    opacity:0;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.prod-slide .slider-prod .item.slick-current .wrap .bg-black:hover .gallery-nav,.exibSlide .wrap-archive:hover .gallery-nav{
    opacity:1
}
.gallery-nav.mobile{
    display:none
}
.gallery-nav img{
    display:inline;
    margin-right:15px;
    position:relative;
    bottom:-4px
}
.prod-slide .slider-prod .item .wrap .bg-black .text{
    position:absolute;
    bottom:50px;
    width:90%;
    left:5%;
    text-align:center;
    color:#fff;
    z-index:2;
    -moz-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    opacity:0
}
.prod-slide .slider-prod .item.slick-current .wrap .bg-black .text{
    opacity:1
}
.prod-slide .slider-prod.w-shadow .item.slick-current{
    cursor:default
}
.prod-slide .slider-prod .item .wrap .bg-black .text h4{
    font-weight:300;
    line-height:1.2
}
.prod-slide .slider-prod .item .wrap .bg-black .text .btn{
    margin-top:30px
}
.prod-slide .slider-prod .item .wrap .bg-black .text.center{
    top:50%;
    left:0;
    bottom:auto;
    -moz-transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
    -o-transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.prod-slide .numerazione{
    position:absolute;
    left:60px;
    top:50%;
    margin-top:-10px;
    color:#fff;
    font-size:15px;
    z-index:9;
    display:inline-block;
    cursor:pointer
}
.prod-slide .numerazione.next-num{
    right:60px;
    left:auto
}
.prod-slide .numerazione.next-num:after{
    content:"";
    width:40px;
    height:1px;
    background:#fff;
    display:inline-block;
    margin-left:15px;
    vertical-align:middle
}
.prod-slide .numerazione.prev-num:before{
    content:"";
    width:40px;
    height:1px;
    background:#fff;
    display:inline-block;
    margin-right:15px;
    vertical-align:middle
}
.prod-slide .points,.fancybox-outer .points{
    position:absolute;
    margin-left:-8px;
    margin-top:-8px;
    width:17px;
    height:17px;
    opacity:0;
    background-color:rgba(0,0,0,.3);
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    border-radius:17px
}
.prod-slide .points:after,.fancybox-outer .points:after{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:17px;
    height:1px;
    background-color:#fff
}
.prod-slide .points:before,.fancybox-outer .points:before{
    content:"";
    position:absolute;
    left:8px;
    top:0;
    width:1px;
    height:17px;
    background-color:#fff
}
.prod-slide .slick-current .wrap-archive:hover .points,.fancybox-outer.wrap-archive:hover .points{
    opacity:0;
    opacity:1 \9;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    -o-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    -o-animation-duration:1.2s;
    animation-duration:1.2s;
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s
}
.prod-slide .points.point-01,.fancybox-outer .points.point-01{
    left:41.3%;
    top:58.5%
}
.prod-slide .points.point-02,.fancybox-outer .points.point-02{
    left:37.3%;
    top:69.5%
}
.prod-slide .points.point-03,.fancybox-outer .points.point-03{
    left:14.3%;
    top:69.5%
}
.prod-slide .points.point-04,.fancybox-outer .points.point-04{
    left:84.3%;
    top:63.5%
}
.prod-slide .points.point-05,.fancybox-outer .points.point-05{
    left:50.3%;
    top:76.5%
}
.prod-slide .points.point-06,.fancybox-outer .points.point-06{
    left:41.3%;
    top:64.5%
}
.prod-slide .points.point-07,.fancybox-outer .points.point-07{
    left:13.3%;
    top:69.5%
}
.prod-slide .points.point-08,.fancybox-outer .points.point-08{
    left:74.3%;
    top:69.5%
}
.prod-slide .points.point-09,.fancybox-outer .points.point-09{
    left:50.3%;
    top:53.5%
}
.prod-slide .points.point-10,.fancybox-outer .points.point-10{
    left:22.3%;
    top:38.5%
}
.prod-slide .points.point-11,.fancybox-outer .points.point-11{
    left:22.3%;
    top:50.5%
}
.prod-slide .points.point-12,.fancybox-outer .points.point-12{
    left:79.3%;
    top:61.5%
}
.single-slider-prod{
}
.single-slider-prod .item{
    text-align:center
}
.single-slider-prod .item img{
    max-height:600px;
    margin:0 auto
}
.single-slider-prod .item .wrap-archive{
    position:relative;
    display:inline-block
}
.prod-slide.listing-slider{
    position:relative;
    height:calc(85vh - 40px);
    padding-top:0;
    padding-bottom:0;
    margin-bottom:60px
}
.prod-slide.listing-slider .numerazione{
    left:30px
}
.prod-slide.listing-slider .numerazione.next-num{
    right:30px;
    left:auto
}
.listing-slider.prod-slide .slider-listing .item .wrap{
    margin:0;
    height:100%;
    position:relative
}
.listing-slider.prod-slide .slider-listing .item .image{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    background-size:cover;
    background-position:center center
}
@media(max-width:767px){
    .wrap-archive.no-print .download{
        right:10px!important
    }
}
.no-slider{
}
.no-slider .immagine img.frame{
    width:100%
}
@media(max-width:1450px){
    .prod-slide .slider-prod .item .wrap .bg-black img.frame{
        height:600px
    }
    .gallery-nav{
        bottom:-50px
    }
    .gallery-nav.mobile{
        display:inline-block!important;
        opacity:1;
        z-index:1
    }
}
@media(max-width:1270px){
    .prod-slide .slider-prod .item .wrap .bg-black img.frame{
        height:500px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .sectionCategories{
        padding:100px 0 30px
    }
    .prod-slide .slider-prod .item .wrap .bg-black img.frame{
        height:400px
    }
}
@media(min-width:768px) and (max-width:991px){
    .prod-slide .slider-prod .item .wrap .bg-black img.frame{
        height:300px
    }
    .prod-slide .numerazione.next-num{
        right:40px
    }
    .prod-slide .numerazione.prev-num{
        left:40px
    }
}
@media(max-width:1024px){
}
@media(max-width:767px){
    .prod-slide,.no-slider,.exib-slide{
        padding:50px 0 80px 0
    }
    .prod-slide .slider-prod .item .wrap .bg-black img.frame{
        height:140px
    }
    .prod-slide .slider-prod .item.slick-current .wrap .bg-black:hover .gallery-nav,.exibSlide .item.slick-current .wrap-archive:hover .gallery-nav{
        display:none
    }
    .prod-slide .numerazione.next-num:after,.prod-slide .numerazione.prev-num:before{
        display:none
    }
    .prod-slide .numerazione.next-num{
        right:20px
    }
    .prod-slide .numerazione.prev-num{
        left:20px
    }
    .no-slider .immagine img.frame{
        margin-bottom:40px
    }
    .no-slider .item:last-child .immagine img.frame{
        margin-bottom:0
    }
    div.archivio{
        display:none!important
    }
}
.inspiration .points{
    opacity:0;
    opacity:1 \9;
    margin-left:-8px;
    margin-top:-8px;
    position:absolute;
    width:17px;
    height:17px;
    background-color:rgba(0,0,0,.3);
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    border-radius:17px
}
.inspiration .points:after{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:17px;
    height:1px;
    background-color:#fff
}
.inspiration .points:before{
    content:"";
    position:absolute;
    left:8px;
    top:0;
    width:1px;
    height:17px;
    background-color:#fff
}
.inspiration .wrap-archive .frame{
    width:100%
}
.wrap-archive{
    position:relative;
    display:inline-block
}
.lined{
    font-size:12px;
    text-transform:uppercase;
    font-weight:500;
    margin-bottom:30px
}
.lined a{
    color:#1e1e1e
}
.lined:before{
    content:"";
    width:40px;
    height:1px;
    background:#1e1e1e;
    display:inline-block;
    margin-right:15px;
    vertical-align:middle
}
.text-by{
    font-size:16px;
    margin-bottom:100px
}
.text-by a{
    color:#1e1e1e;
    text-decoration:underline;
    padding-bottom:6px;
    display:block
}
.descrizione h2{
    margin-bottom:35px;
    line-height:1.1
}
.col-lg-8.descrizione.text-center{
    max-width:900px
}
.descrizione .text{
    font-weight:400;
    line-height:1.5
}
.descrizione .text.first-letter::first-letter,.descrizione .text.first-letter>p:first-child::first-letter {
    font-size:90px;
    line-height:.6;
    margin-right:5px
}
.descrizione .text a{
    text-decoration:underline;
    color:#1e1e1e
}
.descrizione .categorie{
    margin-bottom:0
}
.descrizione .categorie.m-t-50{
    margin-top:50px
}
.versioni h4{
    font-weight:300;
    margin-bottom:40px
}
.versioni .titolo{
    text-align:center
}
.versioni ul.slick-dots{
    text-align:center;
    margin-top:20px
}
.versioni ul.slick-dots li{
    display:inline;
    margin:0 5px 0 14px
}
.versioni ul.slick-dots li:after{
    content:"";
    width:0;
    height:1px;
    background:#1e1e1e;
    display:inline-block;
    margin-left:0;
    vertical-align:middle;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.versioni ul.slick-dots li.slick-active:after{
    width:40px;
    margin-left:15px
}
.versioni ul.slick-dots li button{
    font-size:14px;
    background:none;
    border:none;
    font-family:'Raleway',sans serif;
    cursor:pointer;
    padding:5px;
    letter-spacing:2px
}
.aligner{
    display:flex;
    align-items:center;
    justify-content:center
}
.aligner-item--bottom{
    align-self:flex-end;
    padding-bottom:80px
}
.aligner-item--center{
    align-self:center
}
.aligner-item--top{
    align-self:flex-start;
    padding-top:60px
}
@media(min-width:992px){
    .p-b-100 .container .row.aligner .p{
        text-align:right
    }
}
.focus-slider-prod .item a{
    display:inline-block
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .aligner{
        display:block
    }
    .margin-image-xs img{
        margin-bottom:40px
    }
    .aligner-item--bottom{
        padding-bottom:40px
    }
    .aligner-item--top{
        padding-top:40px
    }
}
@media(max-width:767px){
    .text-by{
        margin-bottom:50px
    }
    .aligner-item--bottom{
        padding-bottom:40px
    }
    .introduzione.hide{
        display:block
    }
    .focus-slider-prod{
        margin-bottom:60px
    }
    .descrizione .text.first-letter::first-letter {
        font-size:60px;
        line-height:.6
    }
}
.cta.dropdown{
    position:relative;
    display:inline-block;
    clear:both;
    margin-bottom:20px;
    margin-top:30px
}
.cta.dropdown .btn{
    min-width:265px
}
.cta.dropdown.hide{
    display:none
}
.cta.dropdown .contenuto{
    position:absolute;
    left:0;
    top:20px;
    border:4px solid #1e1e1e;
    border-top:none;
    background-color:#fff;
    width:100%;
    display:none;
    z-index:1
}
.cta.dropdown .contenuto ul{
    text-align:left
}
.cta.dropdown .contenuto ul li a:not(.azioni),.cta.dropdown .contenuto ul li .link{
    color:#1e1e1e;
    font-weight:400;
    font-size:14px;
    padding:9px 15px 9px 15px;
    display:block;
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none
}
.cta.dropdown .contenuto ul li .link{
    padding-top:16px;
    overflow:hidden;
    color:#1e1e1e
}
.cta.dropdown .contenuto ul li .link .actions{
    float:right;
    display:inline-block;
    overflow:hidden;
    margin-top:-4px
}
.cta.dropdown .contenuto ul li .link .actions a{
    float:left;
    margin-left:5px
}
.cta.dropdown .contenuto ul li .link .actions a:hover{
    background-color:transparent!important
}
.cta.dropdown .contenuto ul li:last-child a{
    padding-bottom:16px
}
.cta.dropdown .contenuto ul li a:hover{
    background-color:#1e1e1e;
    color:#fff
}
.cta.dropdown .download:hover{
    background-color:#fff;
    color:#1e1e1e
}
.compositions{
}
.compositions h2{
    font-size:40px;
    line-height:1.2
}
.compositions .item{
    text-transform:uppercase;
    font-weight:500;
    text-align:center;
    margin-bottom:100px
}
.compositions .item a{
    color:#1e1e1e
}
.compositions .item a div{
    height:40px
}
.compositions .item .wrap-archive{
    margin-bottom:40px
}
.compositions .item img{
    margin-bottom:10px;
    width:100%;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    opacity:1
}
.compositions.technical .item{
    margin-bottom:140px
}
.compositions.technical .item a{
    position:relative;
    display:block
}
.compositions.technical .item a img{
    margin-bottom:0
}
.compositions.technical .item a .wrap-archive{
    margin-bottom:0
}
.compositions.technical .item span{
    position:absolute;
    display:block;
    left:14%;
    bottom:110%;
    text-align:left;
    width:88%
}
.compositions .item a:hover img{
    opacity:.6
}
.compositions.related .item img{
    margin-bottom:40px
}
.compositions .item .small{
    font-size:12px
}
.compositions.custom-comp .item img{
    margin-bottom:30px
}
.compositions.custom-comp .item a{
    display:block;
    padding:0 20px
}
.compositions.inspirations .item .wrap{
    height:0;
    padding-bottom:69.5%;
    overflow:hidden;
    margin-bottom:40px;
    position:relative;
    background-color:#1e1e1e
}
.compositions.inspirations .item .wrap .wrap-img{
    height:0;
    padding-bottom:69.5%;
    overflow:hidden;
    position:absolute;
    left:0
}
.compositions.inspirations .item .wrap .wrap-img img{
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none;
    margin-bottom:0;
    max-width:100%;
    width:auto
}
.compositions.inspirations .item a:hover img{
    opacity:1
}
.compositions.inspirations .item a{
    display:block
}
.compositions.inspirations .item a .image2{
    -moz-transform:translateX(+100%);
    -ms-transform:translateX(+100%);
    -o-transform:translateX(+100%);
    -webkit-transform:translateX(+100%);
    transform:translateX(+100%);
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    opacity:0
}
.compositions.inspirations .item a:hover .image2{
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}
.compositions.inspirations .item a .image1{
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    opacity:1
}
.compositions.inspirations .item a:hover .image1{
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    opacity:0
}
.compositions.listing{
}
.compositions.listing h4{
    font-size:40px;
    margin-bottom:40px;
    margin-top:60px
}
.compositions.listing h4:before{
    content:"";
    width:40px;
    height:1px;
    background:#1e1e1e;
    display:inline-block;
    margin-right:15px;
    vertical-align:middle
}
.compositions.listing h4:after{
    content:"";
    width:40px;
    height:1px;
    background:#1e1e1e;
    display:inline-block;
    margin-left:15px;
    vertical-align:middle
}
.compositions.listing h4:first-child{
    margin-top:0
}
.compositions.listing .row{
    position:relative
}
.compositions.listing a:not(.load-more){
    display:block;
    overflow:hidden;
    color:#1e1e1e
}
.compositions.listing a:hover .item.col-md-5 img{
    opacity:.7
}
.compositions.listing .item{
    margin-bottom:120px
}
.compositions.listing .item.adapter{
    position:relative;
    margin-bottom:0;
    height:0;
    padding-bottom:33%
}
.compositions.listing .item.adapter img{
    margin-bottom:10px
}
.compositions.listing .item.col-md-6 img{
    margin-bottom:0
}
.compositions.listing .item .vert-align{
    width:72%;
    left:4%;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
.compositions .load-more{
    font-size:14px;
    background-color:#989898;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
    padding:8px 16px
}
.specifiche{
}
.specifiche .wrap-mason{
    position:relative;
    overflow:hidden
}
.specifiche .item{
    border-bottom:1px solid #1e1e1e;
    padding-bottom:40px;
    margin-bottom:40px;
    font-weight:400;
    line-height:1.5
}
.specifiche .item .tit{
    font-weight:600
}
.prod-news{
}
.prod-news h2{
    font-size:40px;
    margin-bottom:0;
    line-height:1.2
}
.prod-news h2.m-b-20{
    margin-bottom:20px!important
}
.prod-news h3{
    margin-bottom:60px
}
.prod-news.exihbit .item{
    margin-bottom:100px
}
.prod-news .item a{
    color:#1e1e1e
}
.prod-news .item a span{
    font-size:14px;
    text-transform:uppercase;
    font-weight:400
}
.prod-news .item a img{
    margin-bottom:55px;
    width:100%;
    -moz-transition:opacity .7s;
    -o-transition:opacity .7s;
    -webkit-transition:opacity .7s;
    transition:opacity .7s;
    opacity:1
}
.prod-news .item a:hover img{
    opacity:.85
}
@media(max-width:1140px){
}
@media(max-width:1199px){
    .center-cta{
        text-align:center
    }
    .cta.dropdown{
        display:none
    }
    .cta.dropdown.hide{
        display:inline-block;
        text-align:center;
        margin-top:40px
    }
    .cta.dropdown.hide .btn{
        margin:0 auto
    }
}
@media(max-width:991px){
    .compositions .item,.compositions.related .item{
        margin-bottom:100px
    }
    .specifiche .wrap-mason .col-md-4{
        width:100%!important
    }
    .compositions .item img,.compositions.related .item img{
        margin-bottom:20px
    }
    .prod-news .item{
        margin-bottom:60px
    }
    .prod-news .item a img{
        margin-bottom:30px
    }
    .prod-news.exihbit .item{
        margin-bottom:50px
    }
}
@media(max-width:767px){
    .compositions h2{
        font-size:30px
    }
    .compositions .item,.compositions.related .item{
        font-size:13px;
        margin-bottom:80px
    }
    .prod-news h2{
        font-size:30px;
        line-height:34px;
        margin-bottom:10px
    }
    .prod-news .item{
        margin-bottom:40px
    }
    .compositions.listing .item.adapter{
        margin-bottom:40px;
        height:auto;
        padding-bottom:0%
    }
    .prod-news .item a img{
        margin-bottom:30px
    }
    .compositions.listing .row{
        margin-bottom:40px;
        display:block
    }
    .compositions.listing .item .vert-align{
        width:100%;
        left:0%;
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        position:static
    }
    .compositions.listing #divani .item{
        margin-bottom:40px;
        height:auto;
        padding-bottom:0
    }
}
body.gallery-open{
    overflow:hidden!important
}
body.gallery-open .backTop{
    display:none!important
}
.overlay-gallery{
    background-color:#1e1e1e;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:none
}
.overlay-gallery .container{
    width:86%
}
.overlay-gallery .overlay-navigation,.fancybox-overlay .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-gallery .overlay-navigation a,.fancybox-overlay .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-gallery .grid{
    margin-top:30px;
    display:flex;
    -ms-flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    align-items:center
}
.overlay-gallery .grid .col-md-4{
    padding:18px 1.5625% 60px 1.5625%;
    text-align:center
}
.overlay-gallery .grid .col-md-4 a{
    display:inline-block
}
.overlay-gallery .grid .col-md-4 a img.frame{
    width:auto;
    height:200px;
    display:inline-block
}
.overlay-gallery .grid .col-md-4 a span.tit{
    display:block;
    position:absolute;
    left:50%;
    font-size:16px;
    height:16px;
    bottom:-25px;
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.next-fancy,.prev-fancy{
    position:absolute;
    top:50%;
    margin-top:-12px;
    padding:20px;
    display:none
}
.video-fancy .next-fancy,.video-fancy .prev-fancy{
    display:none
}
.galleria .next-fancy,.galleria .prev-fancy{
    display:block
}
.next-fancy{
    right:1.5625%;
    margin-right:-10px
}
.prev-fancy{
    left:1.5625%;
    margin-left:-10px
}
.overlay-gallery .grid .col-md-4 .player{
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
    opacity:1;
    background-color:transparent;
    font-size:12px;
    text-transform:uppercase;
    height:auto;
    right:auto;
    bottom:auto;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media(max-width:1280px){
    .overlay-gallery .grid .col-md-4 a img.frame{
        height:160px
    }
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .overlay-gallery .grid{
        -ms-flex:none;
        -webkit-flex:none;
        flex:none;
        display:block
    }
    .overlay-gallery .grid .col-md-4 a img.frame{
        height:auto;
        max-height:36vh
    }
}
@media(max-width:767px){
    .overlay-gallery .container{
        width:70%
    }
    .overlay-gallery .overlay-navigation a,.fancybox-overlay .overlay-navigation a{
        right:5%
    }
}
.overlay-cataloghi{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:none
}
.overlay-cataloghi h4{
    margin-bottom:50px;
    font-size:40px
}
.overlay-cataloghi .container{
    width:86%;
    margin-top:60px
}
.overlay-cataloghi .overlay-navigation,.fancybox-overlay .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-cataloghi .overlay-navigation a,.fancybox-overlay .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-cataloghi .grid{
    margin-top:30px;
    display:flex;
    -ms-flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    align-items:center
}
.overlay-cataloghi .grid .col-md-4{
    padding:1.5625% 1.5625% 2% 1.5625%;
    text-align:center
}
.overlay-cataloghi .grid .col-md-4 .item{
    display:inline-block
}
.overlay-cataloghi .grid .col-md-4 .item .tit{
    margin-top:20px
}
.overlay-cataloghi .grid .col-md-4 .item img.frame{
    width:auto;
    height:200px;
    display:inline-block
}
.overlay-cataloghi .grid .col-md-4 .item .archive{
    right:10px
}
.overlay-cataloghi .grid .col-md-4 .item .download{
    right:67px
}
@media(max-width:1280px){
    .overlay-cataloghi .grid .col-md-4 .item img.frame{
        height:160px
    }
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
    .overlay-cataloghi .wrap-archive div{
        opacity:1;
        cursor:pointer
    }
}
@media(max-width:991px){
    .overlay-cataloghi .grid{
        -ms-flex:none;
        -webkit-flex:none;
        flex:none;
        display:block
    }
    .overlay-cataloghi .grid .col-md-4 .item img.frame{
        height:auto;
        max-height:36vh
    }
    .overlay-cataloghi .wrap-archive div{
        display:inline-block!important;
        opacity:1;
        cursor:pointer
    }
}
@media(max-width:767px){
    .overlay-cataloghi h4{
        font-size:36px
    }
    .overlay-cataloghi .container{
        width:70%
    }
    .overlay-cataloghi .grid .col-md-4{
        padding:4% 4% 10% 4%
    }
    .overlay-cataloghi .overlay-navigation .item{
        right:4%
    }
    .overlay-cataloghi .overlay-navigation a,.fancybox-overlay .overlay-navigation a{
        right:5%
    }
}
.griglia-variabile{
}
.griglia-variabile .grid{
    display:flex;
    -ms-flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    align-items:center
}
.griglia-variabile .grid .col-md-4{
    padding:1.5625% 0 120px 0;
    text-align:center;
    position:relative
}
.griglia-variabile .grid .col-md-4 .ex-link{
    display:inline-block;
    color:#1e1e1e
}
.griglia-variabile .grid .col-md-4 .ex-link img.frame,.griglia-variabile .grid .col-md-4 img.frame{
    width:auto;
    height:305px;
    display:inline-block;
    -moz-transition:opacity .7s;
    -o-transition:opacity .7s;
    -webkit-transition:opacity .7s;
    transition:opacity .7s;
    opacity:1
}
.griglia-variabile .grid .col-md-4 .ex-link:hover img.frame{
    opacity:.8
}
.griglia-variabile .grid .col-md-4 .ex-link span.tit,.griglia-variabile .grid .col-md-4 span.tit{
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:16px;
    bottom:85px;
    text-align:center
}
@media(max-width:1500px){
    .griglia-variabile .grid .col-md-4 .ex-link img.frame,.griglia-variabile .grid .col-md-4 img.frame{
        height:260px
    }
}
@media(max-width:1280px){
    .griglia-variabile .grid .col-md-4 .ex-link img.frame,.griglia-variabile .grid .col-md-4 img.frame{
        height:205px
    }
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .griglia-variabile .grid{
        -ms-flex:none;
        -webkit-flex:none;
        flex:none;
        display:block
    }
    .griglia-variabile .grid .col-md-4 a img.frame{
        height:auto;
        max-height:36vh
    }
}
@media(max-width:767px){
    .griglia-variabile .container{
        width:70%
    }
    .griglia-variabile .grid .col-md-4{
        padding:4% 0 100px 0
    }
}
.overlay-download{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:8100;
    display:none
}
.overlay-download .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-download .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-download a{
}
.overlay-download .wrap-login{
    height:100vh;
    position:relative
}
.overlay-download .text-cta:before{
}
.overlay-download h5{
    font-size:34px;
    margin-bottom:35px;
    line-height:1.2
}
.overlay-download .vert-align{
    width:100%;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
.overlay-download .text{
    margin-bottom:25px;
    line-height:1.4
}
.overlay-download .text ul{
    margin:0;
    padding-top:10px;
    padding-bottom:10px
}
.overlay-download .text ul li{
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:2px;
    position:relative
}
@media(max-width:767px){
    .overlay-download .vert-align{
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        position:static;
        margin-top:77px;
        margin-bottom:40px
    }
    .overlay-download .overlay-navigation a{
        right:5%
    }
}
.overlay-tag{
    background-color:#efefef;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1001;
    display:none
}
.overlay-tag .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-tag .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-tag .wrap-login{
    height:100vh;
    position:relative
}
.overlay-tag .text-cta:before{
    background:#fff
}
.overlay-tag h5{
    font-size:24px;
    margin-bottom:35px;
    line-height:1.2
}
.overlay-tag .vert-align{
    width:100%;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
@media(max-width:767px){
    .overlay-tag .vert-align{
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        position:static;
        margin-top:77px;
        margin-bottom:40px
    }
    .overlay-tag .overlay-navigation a{
        right:5%
    }
}
.overlay-modelli2d3d{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:none;
    color:#fff
}
.overlay-modelli2d3d .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-modelli2d3d .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-modelli2d3d .container{
    margin-top:60px
}
.overlay-modelli2d3d p{
    color:#1e1e1e
}
.overlay-modelli2d3d h4{
    color:#1e1e1e;
    font-size:40px
}
.overlay-modelli2d3d .wrap-item-list{
    margin-bottom:100px
}
.overlay-modelli2d3d .col-md-12:first-child .item-list{
    border-top:1px solid #c1c1c1
}
.overlay-modelli2d3d .item-list{
    border-bottom:1px solid #c1c1c1;
    padding-top:20px;
    padding-bottom:20px;
    font-size:12px;
    color:#1e1e1e;
    overflow:hidden
}
.overlay-modelli2d3d .item-list .titolo{
    text-transform:uppercase;
    float:left;
    margin-top:2px;
    width:50%
}
.overlay-modelli2d3d .item-list .actions{
    color:#1e1e1e;
    float:left;
    width:50%;
    text-align:right
}
.overlay-modelli2d3d .item-list .actions img{
    display:inline-block;
    margin-right:5px;
    position:relative;
    margin-bottom:-5px
}
.overlay-modelli2d3d .item-list .actions a{
    color:#1e1e1e;
    margin-left:30px
}
.overlay-modelli2d3d .item{
    text-transform:uppercase;
    font-weight:500;
    text-align:center;
    margin-bottom:140px;
    font-size:12px
}
.overlay-modelli2d3d .item:nth-child(3n+1){
    clear:both
}
.overlay-modelli2d3d .item .wrap-archive{
    margin-bottom:40px
}
.overlay-modelli2d3d .item .fake-link{
    color:#1e1e1e
}
.overlay-modelli2d3d .item .fake-link .small{
    position:absolute;
    display:block;
    left:14%;
    bottom:110%;
    text-align:left;
    width:88%
}
.overlay-modelli2d3d .item .fake-link:hover .wrap-archive div{
    opacity:1
}
.overlay-modelli2d3d .item img.frame{
    width:100%;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    opacity:1
}
.overlay-modelli2d3d .item a:hover img{
    opacity:.6
}
@media(max-width:991px){
    .overlay-modelli2d3d .item .fake-link .small{
    }
}
@media(max-width:767px){
    .overlay-modelli2d3d .item{
        margin-bottom:100px
    }
    .overlay-modelli2d3d .wrap-item-list{
        margin-bottom:80px
    }
    .overlay-modelli2d3d .item-list .titolo{
        width:70%
    }
    .overlay-modelli2d3d .item-list .actions{
        width:30%
    }
    .overlay-modelli2d3d .item-list .actions a{
        margin-left:10px
    }
    .overlay-modelli2d3d .item-list .actions a span{
        display:none
    }
    .overlay-modelli2d3d h4{
        font-size:36px
    }
}
.overlay-email{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1001;
    display:none;
    color:#1e1e1e
}
.overlay-email .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-email .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-email a{
    color:#1e1e1e
}
.overlay-email .wrap-login{
    height:100vh;
    position:relative
}
.overlay-email h5{
    font-size:34px;
    line-height:1.2;
    margin-bottom:50px
}
.overlay-email .vert-align{
    width:100%;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
.overlay-email .remember input[type="checkbox"]:checked+label:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    background-color:#fff
}
@media(max-width:991px){
    .overlay-email .wrap-input input{
    }
}
@media(max-width:767px){
    .overlay-email .vert-align{
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        position:static;
        margin-top:77px;
        margin-bottom:40px
    }
    .overlay-email .wrap-login{
        height:auto
    }
    .overlay-email .overlay-navigation a{
        right:5%
    }
    .overlay-email .wrap-input input{
    }
}
#watermark-overlay .container{
    margin-top:60px;
    margin-bottom:60px
}
#watermark-overlay .container a:not(.btn){
    color:#000;
    text-decoration:underline
}
.wrap-input{
    margin-bottom:20px
}
.wrap-input label{
    display:block;
    color:#fff;
    font-size:12px;
    margin-bottom:2px
}
.wrap-input input,.wrap-input select,.wrap-input textarea{
    background-color:#1e1e1e;
    border:1px solid #fff;
    height:48px;
    line-height:48px;
    font-size:14px;
    padding:0 10px;
    color:#fff;
    width:100%
}
.wrap-input textarea{
    resize:none;
    overflow:hidden;
    height:106px;
    line-height:1.4;
    font-family:'Raleway',sans serif;
    font-size:16px;
    padding-top:10px;
    padding-bottom:10px
}
.wrap-input input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px white inset
}
.wrap-legal{
    margin-bottom:20px
}
.wrap-legal label{
    font-size:14px
}
.wrap-legal a{
    color:#1e1e1e;
    text-decoration:underline
}
.wrap-input .cta{
    margin-top:20px
}
.error-msg,.sent-msg{
    font-weight:600;
    margin-top:-20px;
    display:none
}
#frmLogin .error-msg{
    margin-top:10px;
    font-size:15px;
    line-height:1.1
}
.error-msg{
    color:#c10202
}
.beautyinput{
    border:1px solid #fff;
    background:#fff;
    display:block;
    width:100%
}
.beautyinput .NFI-button{
    height:48px;
    line-height:48px;
    font-size:13px;
    background:#1e1e1e;
    color:#fff;
    width:30%
}
.beautyinput .NFI-button:hover{
}
.beautyinput .NFI-filename{
    display:block;
    width:70%;
    height:48px;
    line-height:48px;
    margin:0;
    padding:0;
    border:none
}
.beautyinput .NFI-filename:focus{
}
.test{
    border:solid #cd465a 1px
}
.test .NFI-button{
    background:#cd465a
}
.test .NFI-button:hover{
    background:#9d162a
}
.custom-check input[type="checkbox"]:not(:checked),.custom-check input[type="checkbox"]:checked{
    position:absolute;
    left:-9999px
}
.custom-check input[type="checkbox"]:not(:checked)+label,.custom-check input[type="checkbox"]:checked+label{
    position:relative;
    padding-left:25px;
    cursor:pointer;
    font-size:14px
}
.custom-check input[type="checkbox"]:not(:checked)+label:before,.custom-check input[type="checkbox"]:checked+label:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    border:1px solid #1e1e1e;
    background:#fff
}
.custom-check input[type="checkbox"]:checked+label:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    background-color:#1e1e1e
}
.custom-check input[type="checkbox"].error+label:before{
    border:1px solid #c10202;
    background-color:#c10202
}
.black .wrap-input label{
    color:#1e1e1e
}
.black .wrap-input input,.black .wrap-input select,.black .wrap-input textarea{
    background-color:#fff;
    border:1px solid #1e1e1e;
    color:#1e1e1e
}
.black .wrap-input input.error,.black .wrap-input select.error,.black .wrap-input textarea.error,input.error{
    border:1px solid #c10202!important
}
.overlay-composizioni{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:none
}
.overlay-composizioni .overlay-navigation{
    position:fixed;
    z-index:1001;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-composizioni .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-composizioni .slider-comp{
    width:100%;
    height:100%
}
.overlay-composizioni .item{
    height:100vh;
    position:relative
}
.overlay-composizioni .item .vertical-center{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    opacity:0
}
.overlay-composizioni .container-comp .item .vertical-center{
    opacity:1
}
.overlay-composizioni .comp-arrow{
    position:absolute;
    top:50%;
    margin-top:-12px;
    padding:20px;
    z-index:1
}
.overlay-composizioni .prev-comp{
    left:1.5625%;
    margin-left:-10px
}
.overlay-composizioni .next-comp{
    right:1.5625%;
    margin-right:-10px
}
.zoom-comp .immagine .wrap-archive img{
    width:100%;
    position:relative;
    z-index:9
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.zoom-comp .immagine .wrap-archive .points{
    position:absolute;
    width:19px;
    height:19px;
    margin-left:-8px;
    margin-top:-8px;
    background-color:#fff;
    -moz-border-radius:30px;
    -webkit-border-radius:15px;
    border-radius:30px;
    border:2px solid #1e1e1e;
    z-index:10;
    left:0%;
    top:0%;
    display:block;
    -moz-box-shadow:0 0 12px 0 rgba(50,50,50,.75);
    -webkit-box-shadow:0 0 12px 0 rgba(50,50,50,.75);
    box-shadow:0 0 12px 0 rgba(50,50,50,.75);
    color:#1e1e1e;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    font-family:arial;
    line-height:19px;
    letter-spacing:0
}
.overlay-composizioni .slick-current .points{
    opacity:0;
    opacity:1 \9;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    -o-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.6s;
    -moz-animation-delay:.6s;
    -o-animation-delay:.6s;
    animation-delay:.6s;
    overflow:hidden;
    text-indent:-999px
}
.zoom-comp .immagine .wrap-archive .points.point-01{
    left:64.3%;
    top:20.5%
}
.zoom-comp .immagine .wrap-archive .points.point-02{
    left:72.6%;
    top:29.1%
}
.zoom-comp .immagine .wrap-archive .points.point-03{
    left:51.3%;
    top:33.1%
}
.zoom-comp .immagine .wrap-archive .points.point-04{
    left:24.6%;
    top:25%
}
.zoom-comp .immagine .wrap-archive .points.point-05{
    left:16.6%;
    top:42%
}
.zoom-comp .immagine .wrap-archive .points.point-06{
    left:6.6%;
    top:46%
}
.zoom-comp .immagine .wrap-archive .points.point-07{
    left:17%;
    top:65%
}
.zoom-comp .immagine .wrap-archive .points.point-08{
    left:10%;
    top:85%
}
.zoom-comp .immagine .wrap-archive .points.point-09{
    left:46%;
    top:78%
}
.zoom-comp .immagine .wrap-archive .points.point-10{
    left:50.5%;
    top:67%
}
.zoom-comp .immagine .wrap-archive .points.point-11{
    left:54%;
    top:79.4%
}
.zoom-comp .immagine .wrap-archive .points.point-12{
    left:66%;
    top:81.4%
}
.zoom-comp .immagine .wrap-archive .points.point-13{
    left:66%;
    top:62.4%
}
.zoom-comp .immagine .wrap-archive .points.point-14{
    left:88%;
    top:53.4%
}
.zoom-comp .immagine .wrap-archive .points.point-15{
    left:88%;
    top:70.4%
}
.zoom-comp .immagine .wrap-archive .points.point-16{
    left:92%;
    top:84.4%
}
.zoom-comp .aligner-item--bottom{
}
.zoom-comp .text{
    text-transform:uppercase;
    max-height:90vh;
    overflow:hidden;
    overflow-y:auto
}
.zoom-comp .text h3{
    font-size:36px;
    margin-bottom:30px;
    text-transform:none;
    font-weight:400
}
.zoom-comp .text ul{
    margin-bottom:40px
}
.zoom-comp .text .wrap-archive{
    height:47px;
    display:block
}
.zoom-comp .text .wrap-archive div{
    opacity:1
}
.zoom-comp .text ul li{
    margin-bottom:14px;
    line-height:1.6;
    font-size:14px
}
.zoom-comp .text ul li.tit{
    font-size:24px
}
.tipso_bubble{
    font-size:16px;
    text-align:left;
    -moz-box-shadow:0 0 12px 0 rgba(50,50,50,.75);
    -webkit-box-shadow:0 0 12px 0 rgba(50,50,50,.75);
    box-shadow:0 0 12px 0 rgba(50,50,50,.75);
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0
}
.tipso_bubble .desc{
    padding:0
}
.tipso_bubble .cta{
    text-align:center;
    margin-bottom:0
}
.tipso_bubble .cta a{
    color:#1e1e1e;
    text-align:center;
    font-size:14px;
    font-weight:400;
    text-decoration:underline
}
.tipso_bubble>.tipso_arrow{
    display:none!important
}
.tipso_content{
    padding:20px;
    font-weight:400
}
.tipso_content .immagine{
    margin:20px 0;
    text-align:center
}
.tipso_content .immagine img{
    width:100%
}
@media(max-width:1400px){
    .zoom-comp .text h3{
        font-size:34px;
        margin-bottom:10px
    }
    .zoom-comp .text ul{
        margin-bottom:25px
    }
    .zoom-comp .text ul li.tit{
        font-size:22px
    }
    .zoom-comp .text ul li{
        line-height:1.5
    }
}
@media(max-width:1140px){
    .zoom-comp .text ul li{
        line-height:1.4
    }
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .overlay-composizioni .container{
        width:80%;
        padding-top:50px;
        padding-bottom:50px
    }
    .overlay-composizioni .slider-comp .item .vertical-center{
        position:relative;
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none
    }
    .overlay-composizioni .slider-comp .item{
        overflow-y:auto
    }
    .zoom-comp .text{
        max-height:none;
        overflow:unset;
        overflow-y:unset
    }
}
@media(max-width:767px){
    .overlay-composizioni .container{
        width:70%
    }
    .zoom-comp .text h3{
        font-size:26px
    }
    .zoom-comp .text ul{
        font-size:14px
    }
    .zoom-comp .text ul li.tit{
        font-size:20px
    }
    .zoom-comp .text ul li{
        line-height:1.3
    }
    .overlay-composizioni .overlay-navigation a{
        right:4%
    }
    .tipso_bubble{
        width:200px!important;
        margin-left:-100px!important;
        left:50%!important
    }
    .tipso_content,.tipso_bubble .cta a{
        font-size:14px
    }
    .tipso_content{
        padding:30px 20px 20px 20px
    }
    .tipso_bubble .close{
        position:absolute;
        right:10px;
        top:10px
    }
    .tipso_bubble .close img{
        width:15px
    }
    .overlay-composizioni .comp-arrow{
        top:30%
    }
    .zoom-comp .immagine .wrap-archive .points{
        width:12px;
        height:12px;
        margin-top:-11px
    }
}
.overlay-video{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:none
}
.overlay-video .container{
    height:100vh;
    position:relative
}
.overlay-video .container .flagship-item{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
.overlay-video .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-video .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-video .row{
    margin:0
}
.overlay-video .row .no-padding{
    padding:0
}
.overlay-video .flagship-dati{
    position:relative;
    height:0;
    padding-bottom:38%
}
.overlay-video .flagship-dati .wrap{
    padding:0 8%
}
.overlay-video .flagship-dati .vertical-center{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
.overlay-video .flagship-dati .titolo{
    font-size:36px;
    font-weight:500;
    margin-bottom:5px;
    line-height:1.1
}
.overlay-video .flagship-dati .by-class{
    height:22px;
    font-size:14px
}
.overlay-video .flagship-dati .flagship-store{
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:30px
}
.overlay-video .flagship-dati .address{
    margin-bottom:30px
}
.overlay-video .flagship-dati .contatti{
    margin-bottom:60px
}
.overlay-video .flagship-dati .btn .gallery{
    display:none
}
.overlay-video .flagship-dati .wrap-archive{
    height:47px;
    display:block
}
.overlay-video .flagship-dati .wrap-archive div{
    position:relative;
    bottom:auto;
    left:auto;
    right:auto!important;
    float:left;
    margin-right:10px;
    opacity:1
}
.overlay-video .video-embed{
    position:relative;
    padding-bottom:54%;
    padding-top:25px;
    height:0
}
.overlay-video .video-embed iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@media(max-width:1199px){
    .overlay-video .flagship-dati .contatti{
        margin-bottom:30px
    }
}
@media(max-width:991px){
    .overlay-video .container{
        height:auto;
        margin-top:60px
    }
    .overlay-video .container .flagship-item{
        position:static;
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        width:100%
    }
    .overlay-video .flagship-dati{
        height:auto
    }
    .overlay-video .flagship-dati .vertical-center{
        position:static;
        top:50%;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        width:auto
    }
    .overlay-video .flagship-dati .wrap{
        padding:4% 0%
    }
}
@media(max-width:768px){
    .overlay-video .slider-flag .item{
        height:35vh
    }
    .overlay-video .flagship-dati .wrap{
        padding:6% 0%
    }
    .overlay-video .flagship-dati .titolo{
        font-size:26px
    }
    .overlay-video .flagship-dati .flagship-store{
        font-size:16px;
        text-transform:uppercase;
        margin-bottom:20px
    }
    .overlay-video .flagship-dati .address{
        margin-bottom:20px
    }
    .overlay-video .cta{
        margin-bottom:30px
    }
}
.overlay-flagship{
    background-color:#fff;
    position:fixed;
    overflow:hidden;
    overflow-y:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:none
}
.overlay-flagship .container{
    height:100vh;
    position:relative
}
.overlay-flagship .container .flagship-item{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    opacity:0
}
.overlay-flagship .container .flagship-item a{
    color:#1e1e1e
}
.overlay-flagship .container .flagship-item a:hover{
    color:#fff
}
.overlay-flagship .overlay-navigation{
    position:fixed;
    z-index:50;
    height:24px;
    left:0;
    top:20px;
    width:100%
}
.overlay-flagship .overlay-navigation a{
    display:inline-block;
    position:absolute;
    right:2%
}
.overlay-flagship .row{
    margin:0
}
.overlay-flagship .row .no-padding{
    padding:0
}
.flagship-dati{
    position:relative;
    height:0;
    padding-bottom:46%
}
.flagship-dati .wrap{
    padding:0 8%
}
.flagship-dati .vertical-center{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
.flagship-dati .titolo{
    font-size:36px;
    font-weight:500;
    margin-bottom:5px;
    line-height:1.1
}
.flagship-dati .by-class{
    height:22px;
    font-size:14px
}
.flagship-dati .flagship-store{
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:30px
}
.flagship-dati .address{
    margin-bottom:30px
}
.flagship-dati .contatti{
    margin-bottom:60px
}
.flagship-dati .contatti a{
    color:inherit
}
.flagship-dati .btn .gallery{
    display:none
}
.flagship-dati .wrap-archive{
    height:47px;
    display:block
}
.flagship-dati .wrap-archive div{
    position:relative;
    bottom:auto;
    left:auto;
    right:auto!important;
    float:left;
    margin-right:10px;
    opacity:1
}
.flagship-dati .share{
    position:relative;
    display:inline-block
}
.flagship-dati .share .contenuto{
    position:absolute;
    border:4px solid #1e1e1e;
    right:0;
    top:-14px;
    background-color:#fff;
    display:inline-block;
    width:140px;
    text-align:center;
    display:none;
    -moz-transform:translateX(105%);
    -ms-transform:translateX(105%);
    -o-transform:translateX(105%);
    -webkit-transform:translateX(105%);
    transform:translateX(105%)
}
.flagship-dati .share .contenuto ul{
    padding:10px;
    white-space:nowrap
}
.flagship-dati .share .contenuto ul li{
    margin-left:8px;
    margin-right:8px;
    display:inline-block!important
}
.flagship-dati .share .contenuto ul li.pinterest-share,.network-listing .item .tools .share .contenuto ul li.visible-xs,.flagship-dati .share .contenuto ul li.visible-xs{
    display:none!important
}
.flagship-dati .share .contenuto ul li a{
    display:inline-block;
    float:left
}
.slider-flag{
    width:100%;
    height:100%;
    opacity:0
}
.slider-flag .item{
    position:relative;
    height:0;
    padding-bottom:18%;
    width:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    float:left
}
#mappa-flagship{
    position:relative;
    height:0;
    padding-bottom:70.6%
}
@media(max-width:1199px){
    .overlay-flagship .flagship-dati .contatti{
        margin-bottom:30px
    }
}
@media(max-width:991px){
    .overlay-flagship .container{
        height:auto;
        margin-top:60px
    }
    .overlay-flagship .container .flagship-item{
        position:static;
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        width:100%
    }
    .overlay-flagship #mappa-flagship,.overlay-flagship .slider-flag .item{
        height:70vh
    }
    .overlay-flagship .flagship-dati{
        height:auto
    }
    .overlay-flagship .flagship-dati .vertical-center{
        position:static;
        top:50%;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        width:auto
    }
    .overlay-flagship .flagship-dati .wrap{
        padding:4% 0%
    }
}
@media(max-width:768px){
    .overlay-flagship #mappa-flagship,.overlay-flagship .slider-flag .item{
        height:35vh
    }
    .overlay-flagship .flagship-dati .wrap{
        padding:6% 0%
    }
    .overlay-flagship .flagship-dati .titolo{
        font-size:26px
    }
    .overlay-flagship .flagship-dati .flagship-store{
        font-size:16px;
        text-transform:uppercase;
        margin-bottom:20px
    }
    .overlay-flagship .flagship-dati .address{
        margin-bottom:20px
    }
    .overlay-flagship .cta{
        margin-bottom:30px
    }
    .flagship-dati .share .contenuto ul li.visible-xs{
        display:inline-block!important
    }
}
.single-store{
    padding:180px 0 0 0
}
#single-store .flagship-dati{
    color:#1e1e1e;
    position:relative;
    height:0;
    padding-bottom:46%
}
#single-store .flagship-dati .wrap{
    padding:0 8%
}
#single-store .flagship-dati .vertical-center{
    position:absolute;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
#single-store .flagship-dati .titolo{
    font-size:36px;
    font-weight:500;
    margin-bottom:5px;
    line-height:1.1
}
#single-store .flagship-dati .by-class{
    height:22px;
    font-size:14px
}
#single-store .flagship-dati .flagship-store{
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:30px
}
#single-store .flagship-dati .address{
    margin-bottom:30px
}
#single-store .flagship-dati .contatti{
    margin-bottom:60px
}
#single-store .flagship-dati .btn .gallery{
    display:none
}
#single-store .flagship-dati .wrap-archive{
    height:47px;
    display:block
}
#single-store .flagship-dati .wrap-archive div{
    position:relative;
    bottom:auto;
    left:auto;
    right:auto!important;
    float:left;
    margin-right:10px;
    opacity:1
}
#single-store .slider-flag{
    width:100%;
    height:100%
}
#single-store .slider-flag .item{
    position:relative;
    height:0;
    padding-bottom:18%;
    width:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
#single-store #mappa-flagship{
    position:relative;
    height:0;
    padding-bottom:72%
}
.video-embed-thron>div:nth-child(2){
    position:relative;
    padding-bottom:54%;
    padding-top:25px;
    height:0;
    background-size:cover;
    background-position:center center;
    cursor:pointer;
    overflow:hidden;
    background-color:#eee
}
.video-embed{
    position:relative;
    padding-bottom:54%;
    padding-top:25px;
    height:0;
    background-size:cover;
    background-position:center center;
    cursor:pointer;
    overflow:hidden;
    background-color:#eee
}
.video-embed.fired{
    cursor:default
}
.video-embed .player{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
    background-color:transparent;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.video-embed iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
#single-store .dettagli ul li.feat{
    margin-top:60px
}
#single-store .dettagli ul li div{
    width:100%;
    float:left;
    margin-bottom:10px
}
#single-store.video-gal .flagship-dati{
    color:#1e1e1e;
    position:relative;
    height:0;
    padding-bottom:36%
}
@media(max-width:1199px){
    .single-store{
        padding:100px 0 40px 0
    }
    #single-store .flagship-dati .contatti{
        margin-bottom:30px
    }
}
@media(max-width:991px){
    #single-store #mappa-flagship,#single-store .slider-flag .item{
    }
    .flagship-dati,.video-gal .flagship-dati{
        height:auto;
        padding-bottom:0
    }
    .flagship-dati .vertical-center{
        position:static;
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        width:auto
    }
    .flagship-dati .wrap{
        padding:4% 0%
    }
}
@media(max-width:768px){
    #single-store #mappa-flagship,#single-store .slider-flag .item{
    }
    .flagship-dati .wrap{
        padding:6% 0%
    }
    .flagship-dati .titolo{
        font-size:26px
    }
    .flagship-dati .flagship-store{
        font-size:16px;
        text-transform:uppercase;
        margin-bottom:20px
    }
    #flagship-dati .address{
        margin-bottom:20px
    }
    #single-store .cta{
        margin-bottom:30px
    }
    #single-store .dettagli ul li.feat{
        margin-top:0;
        margin-bottom:0
    }
    #single-store .flagship-dati{
        height:auto;
        padding-bottom:0;
        padding-top:10px;
        margin-bottom:-50px
    }
    #single-store .flagship-dati .wrap{
        padding:0 0
    }
    #single-store .flagship-dati .vertical-center{
        position:static;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none
    }
    #single-store .flagship-dati .titolo{
        font-size:25px
    }
    #single-store .flagship-item{
        display:flex;
        -ms-flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap
    }
    #single-store .flagship-item .no-padding{
        order:-1;
        width:100%
    }
}
.down-listing .item-list{
    border-bottom:1px solid #c1c1c1;
    padding-top:20px;
    padding-bottom:20px;
    font-size:12px;
    color:#1e1e1e;
    overflow:hidden
}
.down-listing .subitem{
    margin-bottom:14px;
    overflow:hidden
}
.down-listing .subitem strong{
    text-transform:uppercase
}
.down-listing .cataloghi .item-list,.down-listing .files3d .item-list,.down-listing .composizioni .item-list,.with-image.item-list{
    padding-top:54px
}
.down-listing .cataloghi.title-cat .item-list{
    padding-top:20px
}
.down-listing .item-list .titolo{
    text-transform:uppercase;
    float:left;
    margin-top:2px;
    width:50%
}
.down-listing .item-list .titolo .item-img{
}
.down-listing .item-list .titolo .item-txt{
}
.down-listing .item-list .titolo .item-txt .descrizione{
    margin-top:10px;
    text-transform:none
}
.down-listing .item-list img.frame{
    height:100px;
    float:left;
    margin-right:20px;
    margin-top:-36px
}
.down-listing .item-list img.frame.treddi{
    height:auto;
    margin-top:0
}
.down-listing .title-cat .item-list .titolo{
    text-transform:none;
    font-weight:500;
    font-size:20px
}
.down-listing .item-list .actions{
    color:#1e1e1e;
    float:left;
    width:50%;
    text-align:right
}
.down-listing .item-list .actions img{
    display:inline-block;
    margin-right:5px;
    position:relative;
    margin-bottom:-5px
}
.down-listing .item-list .actions a{
    color:#1e1e1e;
    margin-left:30px
}
.down-listing .item-list .actions a .size{
    text-transform:uppercase
}
.down-listing .item-list.list-image{
    display:flex;
    justify-content:space-between
}
.down-listing .item-list.list-image .titolo{
    text-transform:uppercase;
    margin-top:2px;
    width:50%;
    display:flex
}
.down-listing .item-list.list-image .titolo .item-img{
    flex:0 0 100px;
    max-width:100px;
    margin-right:20px
}
.down-listing .item-list.list-image .titolo .item-txt{
}
.down-listing .item-list.list-image img.frame{
    height:auto;
    float:none;
    margin-right:0;
    margin-top:0
}
.down-listing .item-list.list-image img.frame.treddi{
    height:auto;
    margin-top:0
}
.down-listing .item-list.list-image .actions{
    color:#1e1e1e;
    float:none;
    width:50%;
    text-align:right
}
.down-listing .item-list.list-image .actions img{
    display:inline-block;
    margin-right:5px;
    position:relative;
    margin-bottom:-5px
}
.down-listing .item-list.list-image .actions a{
    color:#1e1e1e;
    margin-left:30px
}
.down-listing #results h2{
    font-size:28px;
    line-height:1;
    margin-bottom:20px
}
.down-listing #results .item-list{
    padding:0 0 30px 0;
    margin-bottom:30px
}
#results .listing{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    margin-top:80px
}
#results .listing .box{
    flex:0 0 30%;
    max-width:30%;
    margin-right:3%;
    margin-bottom:60px;
    padding-top:0;
    display:block
}
#results .listing .box:nth-child(3n){
    margin-right:0
}
#results .listing .box.video{
    overflow:visible
}
#results .listing .box.video .titolo{
    margin-bottom:10px
}
#results .listing .box.video .descrizione{
    margin-bottom:20px
}
#results .listing .box.video .link-description{
    margin-top:20px;
    margin-bottom:-15px;
    font-weight:bold
}
#results .listing .box.video .select-wrapper{
}
#results .listing .box.video .select-wrapper .fancy-select{
}
#results .listing .box.video .select-wrapper .fancy-select select{
}
#results .listing .box.video .select-wrapper .fancy-select .trigger{
    border:1px solid #1e1e1e
}
#results .listing .box.video .select-wrapper .fancy-select .options{
    border:1px solid #1e1e1e
}
#results .listing .box.video .actions a{
    margin-top:20px
}
#results .listing .box .show-video{
    display:block;
    position:relative;
    z-index:1;
    overflow:hidden
}
#results .listing .box .show-video img{
    transition:all .3s ease-in-out;
    width:100%
}
#results .listing .box .show-video:hover img{
    transform:scale(1.2)
}
#results .listing .box .show-video:before{
    content:'';
    background:rgba(0,0,0,.5);
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:all .3s ease-in-out
}
#results .listing .box .show-video:after{
    content:url(../icone/play.svg);
    position:absolute;
    z-index:3;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
#results .listing .box .show-video:hover:before{
    content:'';
    background:rgba(0,0,0,.1)
}
#results .listing .box .data{
    margin-bottom:5px
}
#results .listing .box .titolo{
    float:none;
    width:100%;
    margin:20px 0
}
#results .listing .box .desc{
    margin-bottom:20px;
    padding:0
}
#results .listing .box .actions{
    float:none;
    width:100%;
    display:flex;
    justify-content:space-between
}
#results .listing .box .actions a{
    margin:0
}
#results .listing .box.social:nth-child(3n){
    margin-right:3%!important
}
#results .listing .box.social .titolo{
    margin-bottom:0
}
#results .listing .box.social figure{
    overflow:hidden;
    position:relative
}
#results .listing .box.social figure img{
    transition:all .3s ease-in-out
}
#results .listing .box.social figure:hover img{
    transform:scale(1.2)
}
#results .listing .box.social.special{
    flex:0 0 100%;
    max-width:100%;
    margin-right:0;
    display:flex
}
#results .listing .box.social.special .data{
    display:none
}
#results .listing .box.social.special figure{
    flex:0 0 30%;
    max-width:30%;
    margin-right:5%
}
#results .listing .box.social.special .titolo{
    font-weight:800;
    font-size:18px;
    line-height:1.5;
    margin:0
}
#results .listing .box.social.special .desc{
}
#results .listing .box.social.special .actions{
    justify-content:flex-start
}
#results .listing .box.social.special .actions a{
    margin-right:30px
}
#results .listing .box.social.new{
    box-shadow:0 0 10px rgba(0,0,0,.2);
    padding:10px!important;
    border:none;
    background:#e0dddb
}
#results .listing .box.social.new figure:after{
    content:'new';
    position:absolute;
    bottom:0;
    right:0;
    background:rgba(255,255,255,.8);
    padding:10px 30px;
    text-transform:uppercase;
    color:#4b4b4b;
    line-height:1
}
.dett-video{
    position:fixed;
    z-index:9999;
    background:rgba(0,0,0,.7);
    width:100vw;
    height:100vh;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    transition:all .3s ease-in-out
}
.dett-video.active{
    pointer-events:all;
    opacity:1
}
.dett-video .finestra-video{
    position:absolute;
    left:50%;
    top:-50%;
    transform:translate(-50%,-50%);
    height:80vh;
    overflow-y:auto;
    background:#fff;
    transition:all .5s ease-in-out
}
.dett-video .close{
    opacity:0;
    pointer-events:none;
    transition:all .5s ease-in-out;
    background:#1e1e1e;
    display:block;
    text-align:center;
    padding:15px 0
}
.dett-video .close img{
    display:inline-block
}
.dett-video.active .close{
    opacity:1;
    pointer-events:all
}
.dett-video.active .finestra-video{
    top:50%
}
.dett-video .finestra-video .embed-video{
    line-height:1
}
.dett-video .finestra-video .embed-video iframe{
    width:100%;
    height:calc((360*50vw)/640)
}
.dett-video .finestra-video .desc-video{
}
.dett-video .finestra-video .desc-video>div{
    padding:10px 20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    font-size:14px;
    background:#f4f4f5
}
.dett-video .finestra-video .desc-video .tit-desc{
    width:50vw;
    background:#fff;
    padding:20px
}
.dett-video .finestra-video .desc-video .tit-desc .titolo{
    font-weight:600;
    font-size:20px;
    margin-bottom:10px
}
.dett-video .finestra-video .desc-video .tit-desc .desc{
    padding:0;
    font-size:12px;
    line-height:1.5
}
.dett-video .finestra-video .desc-video div:nth-child(odd){
    background:#fff
}
.dett-video .finestra-video .desc-video .actions{
    padding:20px
}
.dett-video .finestra-video .desc-video .actions a{
    vertical-align:baseline
}
.dett-video .finestra-video .desc-video .actions a img{
    display:inline-block;
    margin-right:5px;
    position:relative;
    margin-bottom:-5px
}
.dett-video .finestra-video .desc-video .actions a span{
    color:#1e1e1e;
    font-size:12px;
    display:inline-block
}
@media(max-width:1199px){
    .dett-video .finestra-video .embed-video iframe{
        height:calc((360*70vw)/640)
    }
    .dett-video .finestra-video .desc-video .tit-desc{
        width:70vw
    }
}
@media(max-width:991px){
    .dett-video .finestra-video .embed-video iframe{
        height:calc((360*90vw)/640)
    }
    .dett-video .finestra-video .desc-video .tit-desc{
        width:90vw
    }
}
@media(max-width:767px){
    .down-listing .item-list .actions span{
        display:none
    }
    .down-listing .item-list .actions a{
        margin-left:10px
    }
    .down-listing .item-list img.frame{
        height:auto!important;
        width:100%
    }
    .down-listing .item-list.list-image{
        display:block
    }
    .down-listing .item-list.list-image .titolo{
        width:100%;
        display:block
    }
    .down-listing .item-list.list-image .titolo .item-img{
        max-width:100%;
        text-align:center;
        margin:0
    }
    .down-listing .item-list.list-image .titolo .item-img img{
        max-width:100px;
        display:inline-block
    }
    .down-listing .item-list.list-image .titolo .item-txt{
        text-align:center;
        margin-top:5px;
        font-weight:600
    }
    .down-listing .item-list.list-image .titolo .item-txt .descrizione{
        font-weight:300
    }
    .down-listing .item-list.list-image .actions{
        width:100%;
        display:flex;
        justify-content:space-between;
        padding-top:20px
    }
    .down-listing .item-list.list-image .actions span{
        display:inline-block
    }
    .down-listing .item-list.list-image .actions a{
        display:inline-block;
        margin:0
    }
    .down-listing .item-list.list-image .actions a.archive{
    }
    .down-listing #results h2{
        text-align:center
    }
    #results .listing.video{
        margin-top:0;
        display:block
    }
    #results .listing.video .box.video{
        max-width:100%;
        margin:0
    }
    #results .listing .box .show-video img{
        width:100%
    }
    #results .listing.video .actions span{
        display:inline-block
    }
    .dett-video .close{
        top:25px
    }
    #results .listing.social{
        display:block
    }
    #results .listing .box.social{
        max-width:100%;
        margin:0
    }
    #results .listing .box.social:nth-child(3n){
        margin-right:0!important
    }
    #results .listing .box.social.special{
        display:block
    }
    #results .listing .box.social.special figure{
        max-width:100%;
        margin:0 0 10px 0
    }
    #results .listing .box.social .actions span{
        display:inline-block
    }
}
.fancy-consenso{
}
.fancy-consenso .fancybox-skin{
    padding:0!important;
    border-radius:0!important;
    box-shadow:0 0 10px rgba(0,0,0,.4)
}
.fancy-consenso .fancybox-skin .fancybox-outer .fancybox-inner{
}
form#consenso-materiali-speciali{
    width:50vw;
    padding:50px
}
form#consenso-materiali-speciali .consenso-text{
    padding-bottom:25px
}
form#consenso-materiali-speciali .checkbox{
    padding-bottom:50px
}
form#consenso-materiali-speciali .checkbox input{
    margin-right:10px
}
form#consenso-materiali-speciali .checkbox input.error+*{
    color:#c10202
}
form#consenso-materiali-speciali .submit{
}
@media(max-width:1199px){
    form#consenso-materiali-speciali{
        width:70vw
    }
}
@media(max-width:991px){
    form#consenso-materiali-speciali{
        width:90vw
    }
}
@media(max-width:767px){
    form#consenso-materiali-speciali{
        padding:20px
    }
}
.hero.listing{
    height:calc(85vh - 40px);
    overflow:visible;
    z-index:1;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero.listing.newcollection{
    height:calc(85vh - 40px)
}
.hero.listing .slide>div,.hero.prod-sheet .slide>div{
    background-attachment:unset;
    -moz-animation:none;
    -o-animation:none;
    -webkit-animation:none;
    animation:none;
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none;
    opacity:1
}
.hero.listing .slide div{
    -moz-transition:all 1s cubic-bezier(.7,0,.3,1);
    -o-transition:all 1s cubic-bezier(.7,0,.3,1);
    -webkit-transition:all 1s cubic-bezier(.7,0,.3,1);
    transition:all 1s cubic-bezier(.7,0,.3,1)
}
.hero.listing .slide.slick-active div{
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    -moz-transition:all 1.2s cubic-bezier(.7,0,.3,1);
    -o-transition:all 1.2s cubic-bezier(.7,0,.3,1);
    -webkit-transition:all 1.2s cubic-bezier(.7,0,.3,1);
    transition:all 1.2s cubic-bezier(.7,0,.3,1)
}
.hero.listing #loadtarget{
    height:100%
}
.hero.listing #loadtarget .slider-lisitng{
    opacity:0
}
.hero.listing #loadtarget .slider-lisitng .slide{
    position:relative;
    cursor:default
}
.hero.listing #loadtarget .slider-lisitng .slide .text{
    position:absolute;
    bottom:30px;
    width:90%;
    left:5%;
    text-align:center;
    color:#fff;
    z-index:2;
    -moz-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
.hero.listing #loadtarget .slider-lisitng .slide .text h4{
    font-weight:300;
    line-height:1.2;
    font-size:40px
}
.filtri-wrap{
}
.filtri-wrap .wraph2{
    opacity:0
}
.filtri-wrap h2{
    text-align:center;
    font-weight:300;
    margin-bottom:20px
}
.filtri-wrap h2 span.wraph2{
}
.filtri-wrap .filtri{
    margin:0 auto;
    display:inline-block;
    text-align:left
}
.filtri-wrap .filtri .select,.filtri-wrap .filtri .input{
    float:left;
    width:242px;
    margin:0 5px;
    border:1px solid #1e1e1e
}
.filtri-wrap .filtri .input{
    position:relative
}
.filtri-wrap .filtri .input .search-in{
    height:48px;
    line-height:48px;
    padding:0 20px;
    background-color:#fff;
    border:none;
    width:100%;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#1e1e1e
}
.filtri-wrap .filtri .input .search-in::-webkit-input-placeholder{
    color:#1e1e1e
}
.filtri-wrap .filtri .input .search-in:-moz-placeholder{
    color:#1e1e1e
}
.filtri-wrap .filtri .input .search-in::-moz-placeholder{
    color:#1e1e1e
}
.filtri-wrap .filtri .input .search-in:-ms-input-placeholder{
    color:#1e1e1e
}
.filtri-wrap .filtri .input .search-btn{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:48px;
    line-height:48px;
    background-color:#fff;
    border:none;
    text-align:left;
    cursor:pointer
}
.filtri-wrap .filtri .input .search-btn img{
    margin-left:5px
}
.filtri-wrap .filtri div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .hero.listing{
        height:calc(50vh - 40px)
    }
}
@media(max-width:870px){
    .filtri-wrap .filtri{
        margin:0 5%;
        width:auto
    }
    .filtri-wrap .filtri .select,.filtri-wrap .filtri .input{
        float:left;
        width:100%;
        margin:0 0 10px 0
    }
    div.fancy-select div.trigger{
        width:100%
    }
    div.fancy-select ul.options{
        max-width:none;
        width:100%
    }
}
@media(max-width:767px){
    .hero.listing .slide>div,.hero.prod-sheet .slide>div{
        position:relative;
        height:0;
        padding-bottom:50%
    }
    .hero.listing .shadow,.hero.prod-sheet .shadow{
        display:none
    }
    .compositions.listing{
    }
    .hero.listing,.hero.prod-sheet{
        height:auto
    }
    .compositions.listing h4{
        font-size:32px;
        margin-bottom:50px;
        margin-top:80px
    }
    .compositions.listing .item{
        margin-bottom:40px
    }
    .compositions.listing .item img{
        margin-bottom:10px
    }
}
.projects{
}
.projects h2{
    font-size:40px;
    line-height:1.2
}
.projects .item{
    font-weight:300;
    text-align:center;
    margin-bottom:100px
}
.projects .item:nth-child(3n+1){
    clear:left
}
.projects .item a{
    color:#1e1e1e
}
.projects .item a .titolo{
    font-size:28px;
    margin-bottom:20px;
    line-height:1.1
}
.projects .item a .desc{
    text-transform:uppercase;
    font-size:14px;
    font-weight:400
}
.projects .item img{
    margin-bottom:40px;
    width:100%;
    -moz-transition:opacity .5s;
    -o-transition:opacity .5s;
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    opacity:1
}
.projects .item a:hover img{
    opacity:.6
}
.projects.related .item img{
    margin-bottom:100px
}
.projects .item .small{
    font-size:12px
}
.projects .load-more{
    font-size:14px;
    background-color:#989898;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
    padding:8px 16px
}
.project-slider{
    padding:160px 0 0 0;
    background-image:none
}
.filtri h2{
    margin-bottom:40px
}
.filtri-projects .filtri{
    margin:0 auto;
    width:662px
}
.filtri-projects .filtri .select,.filtri-projects .filtri .input{
    float:left;
    width:242px;
    margin:0 5px;
    border:1px solid #1e1e1e
}
.filtri-projects .filtri .input{
    position:relative;
    width:400px
}
.filtri-projects .filtri .input .search-in{
    height:48px;
    line-height:48px;
    padding:0 20px;
    background-color:#fff;
    border:none;
    width:100%;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#1e1e1e;
    letter-spacing:.1em
}
.filtri-projects .filtri .input .search-in::-webkit-input-placeholder{
    color:#1e1e1e
}
.filtri-projects .filtri .input .search-in:-moz-placeholder{
    color:#1e1e1e
}
.filtri-projects .filtri .input .search-in::-moz-placeholder{
    color:#1e1e1e
}
.filtri-projects .filtri .input .search-in:-ms-input-placeholder{
    color:#1e1e1e
}
.filtri-projects .filtri .input .search-btn{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:48px;
    line-height:48px;
    background-color:#fff;
    border:none;
    text-align:left;
    cursor:pointer
}
.filtri-projects .filtri .input .search-btn img{
    margin-left:5px
}
.filtri-projects div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(min-width:768px) and (max-width:991px){
    .prod-slide .slider-prod .item .wrap .bg-black .text{
        bottom:30px
    }
    .prod-slide .slider-prod .item .wrap .bg-black .text h4{
        font-size:24px
    }
}
@media(max-width:991px){
    .project-slider{
        z-index:1;
        position:relative
    }
    .projects .item:nth-child(3n+1){
        clear:none
    }
    .projects .item:nth-child(2n+1){
        clear:left
    }
}
@media(max-width:767px){
    .projects .item{
        margin-bottom:60px
    }
    .projects .item a .titolo{
        font-size:22px
    }
    .projects h2{
        font-size:30px
    }
    .prod-slide .slider-prod .item .wrap .bg-black .text{
        bottom:10px
    }
    .prod-slide .slider-prod .item .wrap .bg-black .text .desc{
        display:none
    }
    .prod-slide .slider-prod .item .wrap .bg-black .text h4{
        font-size:14px;
        line-height:1.3
    }
    .project-slider{
        padding:100px 0 40px 0
    }
    .filtri-projects .filtri{
        margin:0 1.5625%;
        width:auto
    }
    .filtri-projects .filtri .select,.filtri-projects .filtri .input{
        float:left!important;
        width:100%!important;
        margin:0 0 10px 0!important
    }
}
.job-title{
    font-size:22px;
    line-height:40px;
    letter-spacing:0;
    font-weight:400;
    position:relative;
    z-index:1;
    padding-left:25px;
    cursor:pointer
}
.job-title::after{
    content:url(../icone/arrow-down-black.svg);
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.job-title.open::after{
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    -webkit-transform:rotate(0);
    transform:rotate(0);
    top:3px
}
.job-desc{
    display:none;
    padding-left:25px
}
.job-desc ul{
    margin:20px 0
}
.job-desc li{
    position:relative;
    padding-left:25px
}
.job-desc li::before{
    content:'';
    width:3px;
    height:3px;
    position:absolute;
    top:9px;
    left:8px;
    background:#999
}
.upload-format-text{
    font-size:12px
}
#form-job{
    display:none;
    margin-bottom:50px;
    margin-top:50px
}
.free-application{
    margin-top:50px
}
.only-for-free-application{
    display:none
}
.free-application .only-for-free-application{
    display:block
}
.my-archive{
    position:relative
}
.my-archive .container{
    min-height:96vh
}
.my-archive .sidebar,.my-archive .contents{
    padding-top:180px
}
.my-archive .sidebar{
    background-color:#eaeaea;
    position:fixed;
    left:0;
    padding-left:5%;
    top:0;
    height:100vh;
    width:33%
}
.my-archive .sidebar.absolute{
    position:absolute;
    top:auto;
    bottom:0
}
.my-archive .sidebar .sezione{
    padding-right:5%
}
.my-archive .sidebar h4{
    font-size:24px;
    margin-bottom:10px
}
.my-archive .sidebar .testo{
    margin-bottom:10px
}
.my-archive .sidebar ul li{
    text-transform:uppercase;
    color:#989898;
    margin-bottom:15px
}
.my-archive .sidebar ul li strong{
    color:#1e1e1e
}
.my-archive .sidebar .categorie{
    margin-top:40px
}
.usertags{
    overflow:hidden
}
.usertags .item{
    float:left;
    margin:0 5px 5px 0;
    background-color:#d8d8d8;
    cursor:pointer;
    position:relative
}
.usertags .item .delete{
    float:right;
    right:0;
    top:0;
    width:32px;
    height:32px;
    display:block;
    background:url(../icone/close-sprite.png) no-repeat 9px 10px
}
.usertags .item .add-remove{
    float:right;
    right:0;
    top:0;
    width:32px;
    height:32px;
    display:block;
    position:relative
}
.usertags .item .add-remove:after{
    content:"";
    position:absolute;
    background-color:#1e1e1e;
    width:2px;
    height:12px;
    left:14px;
    top:9px
}
.usertags .item .add-remove:before{
    content:"";
    position:absolute;
    background-color:#1e1e1e;
    width:12px;
    height:2px;
    left:9px;
    top:14px
}
.usertags .item .tagname{
    float:left;
    padding:6px 0 6px 10px;
    text-transform:uppercase;
    font-size:14px
}
.usertags .item .tagname:hover{
    background-color:#bebebe
}
.usertags .item.on .tagname{
    background-color:#1e1e1e;
    color:#fff
}
.usertags .item .tagname:hover+.delete,.usertags .item .tagname:hover+.add-remove{
    background-color:#bebebe
}
.usertags .item.on .tagname+.delete{
    background-color:#1e1e1e;
    background-position:9px -51px
}
.usertags .item.on .tagname+.add-remove{
    background-color:#1e1e1e
}
.usertags .item.on .add-remove:after{
    display:none
}
.usertags .item.on .add-remove:before{
    background-color:#fff
}
.usertags .item .delete:hover{
    opacity:1
}
.my-archive .sidebar .advert{
    margin-top:15px;
    margin-bottom:5px;
    font-size:12px
}
.my-archive .sidebar .tagsmenage .wrap{
    position:relative
}
.my-archive .sidebar .tagsmenage .wrap input{
    color:#989898;
    font-size:16px;
    font-family:'Raleway',sans serif;
    height:18px;
    line-height:18px;
    font-weight:400;
    border:none;
    background-color:transparent;
    width:90%;
    padding-left:28px;
    text-transform:uppercase
}
.my-archive .sidebar .tagsmenage .wrap button{
    height:18px;
    width:18px;
    position:absolute;
    background-color:transparent;
    left:0;
    top:0;
    border:none;
    cursor:pointer
}
.my-archive .sidebar .tagsmenage .wrap button:after{
    content:"";
    position:absolute;
    display:block;
    height:2px;
    width:18px;
    background-color:#989898;
    left:0;
    top:8px
}
.my-archive .sidebar .tagsmenage .wrap button:before{
    content:"";
    position:absolute;
    display:block;
    height:18px;
    width:2px;
    background-color:#989898;
    left:8px;
    top:0
}
.my-archive .grid{
    display:flex;
    -ms-flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
    flex-flow:row wrap;
    align-items:center;
    margin-top:40px
}
.my-archive .grid .col-lg-3{
    padding:1.5625% 0 120px 0;
    text-align:center;
    position:relative
}
.my-archive .grid .col-lg-3 .wrap-archives{
    position:relative;
    line-height:0
}
.my-archive .grid .col-lg-3 .wrap-archives .archives{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    text-align:center;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:5
}
.my-archive .grid .col-lg-3 .wrap-archives .archives .actions{
    margin:0 auto;
    display:inline-block;
    opacity:0;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.my-archive .grid .col-lg-3 .wrap-archives:hover .actions{
    opacity:1
}
.my-archive .grid .col-lg-3 .wrap-archives .archives .actions div{
    background-color:rgba(152,152,152,1);
    height:47px;
    width:47px;
    z-index:1;
    margin:0 3px;
    float:left;
    cursor:pointer;
    margin-bottom:5px
}
.my-archive .grid .col-lg-3 .wrap-archives .archives .actions div:nth-child(4){
    clear:both
}
.my-archive .grid .col-lg-3 .wrap-archives .archives .actions div img{
    margin:0 auto;
    margin-top:12px;
    width:auto!important
}
.my-archive .grid .col-lg-3 img.frame{
    width:auto;
    height:140px;
    display:inline-block;
    -moz-transition:opacity .7s;
    -o-transition:opacity .7s;
    -webkit-transition:opacity .7s;
    transition:opacity .7s;
    opacity:1;
    cursor:pointer
}
.my-archive .grid .col-lg-3 .wrap-archives:hover img.frame{
    opacity:.3
}
.my-archive .grid .col-lg-3 span.tit{
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:16px;
    bottom:85px;
    text-align:center
}
.my-archive .disegni .grid{
    display:block
}
.my-archive .list:last-child{
    margin-bottom:80px
}
.my-archive .item-list{
    border-bottom:1px solid #c1c1c1;
    padding-top:20px;
    padding-bottom:20px;
    font-size:12px;
    color:#1e1e1e;
    overflow:hidden
}
.my-archive .thumbnail .item-list{
    padding-top:54px
}
.my-archive .item-list .titolo{
    text-transform:uppercase;
    float:left;
    margin-top:2px;
    width:50%
}
.my-archive .item-list .titolo img{
    height:70px;
    float:left;
    margin-right:20px;
    margin-top:-26px
}
.my-archive .thumbnail .item-list .titolo a{
    display:block
}
.my-archive .thumbnail .item-list .titolo img{
    height:auto;
    margin-top:20px;
    margin-left:0
}
.my-archive .item-list .actions{
    color:#1e1e1e;
    float:left;
    width:50%;
    text-align:right
}
.my-archive .item-list .actions img{
    display:inline-block;
    margin-right:5px;
    position:relative;
    margin-bottom:-5px
}
.my-archive .item-list .actions a{
    color:#1e1e1e;
    margin-left:30px
}
.my-archive .title-cat .item-list .titolo{
    text-transform:none;
    font-weight:500;
    font-size:18px
}
.my-archive .contents .sezione{
    position:relative
}
.my-archive .contents .sezione .tool{
    position:absolute;
    right:0;
    top:0
}
.my-archive .contents .sezione .tool .buttons{
    float:right;
    overflow:hidden;
    display:none
}
.my-archive .contents .sezione .tool .buttons a{
    display:inline-block;
    background-color:rgba(152,152,152,1);
    height:47px;
    width:47px;
    z-index:1;
    margin:0 3px;
    float:left;
    cursor:pointer
}
.my-archive .contents .sezione .tool .buttons a img{
    margin:0 auto;
    margin-top:12px;
    width:auto!important
}
.my-archive .contents .sezione .tool .azioni,.my-archive .contents .sezione .tool .control{
    float:right;
    margin-top:16px
}
.my-archive .contents .sezione .tool .azioni{
    display:none
}
.my-archive .contents .sezione .tool .azioni a,.my-archive .contents .sezione .tool .control a{
    float:left;
    text-transform:uppercase;
    color:#1e1e1e;
    text-decoration:none;
    font-size:12px;
    margin-right:25px
}
.my-archive .contents .sezione .tool .control a{
    margin-right:0
}
.my-archive .contents .sezione.disegni .selezionato .item-list{
    position:relative
}
.my-archive .contents .sezione.disegni .selezionato .item-list:after{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    background-color:#989898;
    z-index:9;
    content:'';
    opacity:.2;
    border-top:none;
    border-bottom:none
}
.my-archive .sel-attiva .grid .col-lg-3 .wrap-archives{
    cursor:pointer
}
.my-archive .sel-attiva .grid .col-lg-3.selezionato .wrap-archives:after{
    width:100%;
    height:110%;
    position:absolute;
    top:-5%;
    left:0;
    background-color:#989898;
    border:10px solid #fff;
    z-index:9;
    content:'';
    opacity:.2;
    border-top:none;
    border-bottom:none
}
.my-archive .sel-attiva .grid .col-lg-3.selezionato .wrap-archives img{
    opacity:.6!important
}
.my-archive .sel-attiva .grid .col-lg-3 .wrap-archives:hover .actions{
    opacity:0!important;
    display:none
}
@media(max-width:1820px){
}
@media(max-width:1660px){
    .my-archive .grid .col-lg-3 img.frame{
        height:120px
    }
    .my-archive .grid .col-lg-3 .wrap-archives .archives{
        margin-top:2px
    }
}
@media(max-width:1460px){
    .my-archive .grid .col-lg-3 img.frame{
        height:100px
    }
}
@media(max-width:1260px){
    .my-archive .grid .col-lg-3 img.frame{
        height:80px
    }
}
@media(max-width:1199px){
    .my-archive .grid .col-lg-3 img.frame{
        height:120px
    }
}
@media(max-width:991px){
    .my-archive .container{
        min-height:inherit
    }
    .my-archive .sidebar{
        position:relative;
        left:auto;
        padding:100px 0 40px 0;
        top:auto;
        height:auto;
        width:100%;
        -moz-box-shadow:400px 0 0 #eaeaea,-400px 0 0 #eaeaea;
        -webkit-box-shadow:400px 0 0 #eaeaea,-400px 0 0 #eaeaea;
        box-shadow:400px 0 0 #eaeaea,-400px 0 0 #eaeaea
    }
    .my-archive .sidebar .sezione{
        padding-left:5%
    }
    .my-archive .contents{
        padding-top:60px
    }
    .my-archive .sel-attiva .grid .col-lg-3 .wrap-archives{
        display:inline-block
    }
}
@media(max-width:767px){
    .my-archive .item-list .titolo{
        margin-bottom:20px;
        width:100%
    }
    .my-archive .item-list .actions{
        width:100%
    }
    .my-archive .contents .sezione .tool{
        position:absolute;
        right:auto;
        left:0;
        top:30px
    }
    .my-archive .contents .sezione h4{
        margin-bottom:80px
    }
}
.filtri-downloads{
    text-align:center
}
.filtri-downloads .filtri{
    margin:0 auto;
    display:inline-block;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.filtri-downloads .filtri .select,.filtri-projects .filtri .input{
    width:242px;
    margin:0 5px;
    border:1px solid #1e1e1e;
    text-align:left
}
.filtri-downloads .filtri .select{
}
.filtri-downloads .filtri .input{
    position:relative;
    width:400px
}
.filtri-downloads .filtri .input .search-in{
    height:48px;
    line-height:48px;
    padding:0 20px;
    background-color:#fff;
    border:none;
    width:100%;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#1e1e1e;
    letter-spacing:.1em
}
.filtri-downloads .filtri .input .search-in::-webkit-input-placeholder{
    color:#1e1e1e
}
.filtri-downloads .filtri .input .search-in:-moz-placeholder{
    color:#1e1e1e
}
.filtri-downloads .filtri .input .search-in::-moz-placeholder{
    color:#1e1e1e
}
.filtri-downloads .filtri .input .search-in:-ms-input-placeholder{
    color:#1e1e1e
}
.filtri-downloads .filtri .input .search-btn{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:48px;
    line-height:48px;
    background-color:transparent;
    border:none;
    text-align:left;
    cursor:pointer
}
.filtri-downloads .filtri .input .search-btn img{
    margin-left:5px
}
.filtri-downloads div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
.ui-widget.ui-widget-content{
    padding:10px 0;
    border:1px solid #1e1e1e;
    background:#efefef;
    color:#1e1e1e;
    font-size:14px;
    margin-top:-1px;
    margin-left:-1px;
    cursor:pointer;
    max-width:350px
}
.ui-menu .ui-menu-item-wrapper{
    padding:6px 24px 6px 20px;
    font-weight:300
}
@media(max-width:870px){
    .filtri-downloads div.fancy-select div.trigger{
        width:100%
    }
    .filtri-downloads .filtri{
        margin:0 1.5625%;
        width:auto
    }
    .filtri-downloads .filtri .select,.filtri-downloads .filtri .input{
        float:left!important;
        width:100%!important;
        margin:0 0 10px 0!important
    }
}
@media(max-width:767px){
    .filtri-downloads .filtri .input .search-btn{
        width:34px
    }
}
.filtri-press{
    text-align:center
}
.filtri-press .filtri{
    margin:0 auto;
    display:inline-block
}
.filtri-press .filtri .select,.filtri-projects .filtri .input{
    float:left;
    width:242px;
    margin:0 5px;
    border:1px solid #1e1e1e;
    text-align:left
}
.filtri-press .filtri .disabled{
    opacity:.4
}
.filtri-press .filtri .select.filled{
    opacity:.3
}
.filtri-press .filtri .select.filled:hover{
    opacity:1
}
.filtri-press .filtri .input{
    position:relative;
    width:400px
}
.filtri-press .filtri .input .search-in{
    height:48px;
    line-height:48px;
    padding:0 20px;
    background-color:#fff;
    border:none;
    width:100%;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#1e1e1e;
    letter-spacing:.1em
}
.filtri-press .filtri .input .search-in::-webkit-input-placeholder{
    color:#1e1e1e
}
.filtri-press .filtri .input .search-in:-moz-placeholder{
    color:#1e1e1e
}
.filtri-press .filtri .input .search-in::-moz-placeholder{
    color:#1e1e1e
}
.filtri-press .filtri .input .search-in:-ms-input-placeholder{
    color:#1e1e1e
}
.filtri-press .filtri .input .search-btn{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:48px;
    line-height:48px;
    background-color:transparent;
    border:none;
    text-align:left;
    cursor:pointer
}
.filtri-press .filtri .input .search-btn img{
    margin-left:5px
}
.filtri-press div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
@media(max-width:767px){
    .filtri-press .filtri{
        margin:0 1.5625%;
        width:auto
    }
    .filtri-press .filtri .select,.filtri-press .filtri .input{
        float:left!important;
        width:100%!important;
        margin:0 0 10px 0!important
    }
}
.filtri-maintenance{
    text-align:center
}
.filtri-maintenance .filtri{
    margin:0 auto;
    display:inline-block
}
.filtri-maintenance .filtri .select,.filtri-projects .filtri .input{
    float:left;
    width:242px;
    margin:0 5px;
    border:1px solid #1e1e1e;
    text-align:left
}
.filtri-maintenance div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
@media(max-width:767px){
    .filtri-maintenance .filtri{
        margin:0 1.5625%;
        width:auto
    }
    .filtri-maintenance .filtri .select{
        float:left!important;
        width:100%!important;
        margin:0 0 10px 0!important
    }
}
.from-to{
    flex:0 0 100%;
    max-width:100%;
    margin-top:50px
}
.from-to .tit{
    margin-bottom:10px;
    font-weight:600
}
.from-to label{
}
.from-to input{
    height:50px;
    line-height:50px;
    padding:0 20px;
    background-color:#fff;
    max-width:180px;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#1e1e1e;
    letter-spacing:.1em;
    border:1px solid #1e1e1e
}
@media(max-width:767px){
    .from-to label{
        display:block;
        margin:10px 0
    }
}
.filtri-news .filtri{
    margin:0 auto;
    width:662px
}
.filtri-news .filtri .select,.filtri-projects .filtri .input,.filtri-downloads .filtri .input,.filtri-press .filtri .input{
    float:left;
    width:320px;
    margin:0 5px;
    border:1px solid #1e1e1e
}
.filtri-news .filtri .input{
    position:relative;
    width:400px
}
.filtri-news .filtri .input .search-in{
    height:48px;
    line-height:48px;
    padding:0 20px;
    background-color:#fff;
    border:none;
    width:100%;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#1e1e1e;
    letter-spacing:.1em
}
.filtri-news .filtri .input .search-in::-webkit-input-placeholder{
    color:#1e1e1e
}
.filtri-news .filtri .input .search-in:-moz-placeholder{
    color:#1e1e1e
}
.filtri-news .filtri .input .search-in::-moz-placeholder{
    color:#1e1e1e
}
.filtri-news .filtri .input .search-in:-ms-input-placeholder{
    color:#1e1e1e
}
.filtri-news .filtri .input .search-btn{
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:48px;
    line-height:48px;
    background-color:#fff;
    border:none;
    text-align:left;
    cursor:pointer
}
.filtri-news .filtri .input .search-btn img{
    margin-left:5px
}
.filtri-news div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
.filtri-news .filtri div.fancy-select div.trigger{
    width:100%
}
.listing-news{
}
.listing-news .item{
    margin-bottom:130px
}
.listing-news.videogallery .item{
    margin-bottom:150px
}
.listing-news .item:nth-child(2n+1){
    clear:both
}
.listing-news .item a{
    color:#1e1e1e
}
.listing-news .item .extra{
    width:20%;
    margin-left:5%;
    float:left;
    text-transform:uppercase;
    font-size:14px
}
.listing-news .item.right .extra{
    float:right;
    margin-left:0;
    margin-right:5%;
    text-align:right
}
.listing-news .item .extra span{
    font-size:26px;
    font-weight:400;
    display:block;
    margin-top:8px
}
.listing-news .item .wrap{
    width:60%;
    float:left
}
.listing-news .item.right .wrap{
    float:center
}
.listing-news .item .wrap img.frame{
    width:100%;
    margin-bottom:40px;
    -moz-transition:opacity .7s;
    -o-transition:opacity .7s;
    -webkit-transition:opacity .7s;
    transition:opacity .7s;
    opacity:1
}
.listing-news .item .wrap a{
    display:block;
    position:relative
}
.listing-news .item .wrap a .player{
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
    opacity:1;
    background-color:transparent;
    font-size:12px;
    text-transform:uppercase;
    height:auto;
    right:auto;
    bottom:auto;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
.listing-news .item .wrap a .player img{
    display:inline-block
}
.listing-news .item:hover img.frame{
    opacity:.8
}
.listing-news .item .wrap .titolo{
    font-size:28px;
    margin-bottom:20px;
    line-height:1.4
}
.listing-news .item .wrap .desc{
    padding:0;
    font-weight:400;
    line-height:1.4
}
.listing-news .item .wrap .categorie{
    margin:30px 0 0 0
}
.listing-news .load-more{
    font-size:14px;
    background-color:#989898;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
    padding:8px 16px
}
.listing-news .advSlider img.frame{
    max-height:100%;
    max-width:100%
}
.chrome .listing-news .advSlider img.frame{
    width:auto
}
.listing-news .advSlider .elem{
    text-align:center
}
.listing-news .advSlider .elem .wrap-archive{
    display:inline-block;
    text-align:center
}
.listing-news .advSlider .elem .wrap-archive img{
    display:inline-block
}
.advSlider ul.slick-dots{
}
.advSlider ul.slick-dots .slick-active button{
    color:#999
}
.listing-news .item:hover .advSlider img.frame{
    opacity:1!important
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
    .listing-news.videogallery .item{
        margin-bottom:120px
    }
}
@media(min-width:991px) and (max-width:1400px){
    .listing-news .item .extra span{
        font-size:22px
    }
}
@media(max-width:767px){
    .filtri-news .filtri{
        margin:0 1.5625%;
        width:auto
    }
    .filtri-news .filtri .select{
        float:left;
        width:100%;
        margin:0 0 10px 0
    }
    .listing-news .item{
        margin-bottom:80px;
        position:relative;
        padding-top:40px
    }
    .listing-news.videogallery .item{
        margin-bottom:80px
    }
    .listing-news .item .extra{
        position:absolute;
        left:2%;
        top:0;
        text-align:left!important;
        width:100%;
        font-size:10px
    }
    .listing-news .item .wrap{
        width:100%
    }
    .listing-news .item .wrap .titolo{
        font-size:22px
    }
}
.corpo-news{
    padding:180px 0 70px 0
}
.fancybox-iframe.corpo-news{
    padding:80px 0 80px 0
}
.galleria-news{
}
.galleria-news .item{
    margin-bottom:40px;
    display:block
}
.galleria-news .item img.frame{
    width:100%
}
.galleria-news .item .player{
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    z-index:2;
    opacity:1;
    background-color:transparent;
    font-size:12px;
    text-transform:uppercase;
    height:auto;
    right:auto;
    bottom:auto;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.corpo-news .testo a{
    color:#1e1e1e;
    text-decoration:underline
}
.corpo-news .testo strong{
    font-weight:600
}
#default h1{
    font-size:42px;
    line-height:1.2;
    letter-spacing:normal;
    font-weight:300;
    margin-bottom:20px
}
#default h2{
    font-size:34px;
    line-height:1.2;
    letter-spacing:normal
}
#default h3{
    font-size:28px;
    line-height:1.2;
    letter-spacing:normal
}
#default h4{
    font-size:28px;
    line-height:1.2;
    letter-spacing:normal
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .corpo-news .reorder{
        display:-webkit-box;
        display:-moz-box;
        display:box;
        -webkit-box-orient:vertical;
        -moz-box-orient:vertical;
        box-orient:vertical
    }
    .left-desk{
        -webkit-box-ordinal-group:2;
        -moz-box-ordinal-group:2;
        box-ordinal-group:2
    }
    .right-desk{
        -webkit-box-ordinal-group:1;
        -moz-box-ordinal-group:1;
        box-ordinal-group:1
    }
    .corpo-news .cta{
        text-align:center;
        margin-top:40px
    }
}
@media(max-width:767px){
    .corpo-news{
        padding:100px 0 40px 0
    }
    .fancybox-iframe.corpo-news{
        padding:80px 0 80px 0
    }
    #default h1{
        font-size:36px;
        line-height:1.1
    }
    #default h2{
        font-size:28px;
        line-height:1.2;
        letter-spacing:normal
    }
    #default h3{
        font-size:20px;
        line-height:1.2;
        letter-spacing:normal
    }
    #default h4{
        font-size:20px;
        line-height:1.2;
        letter-spacing:normal
    }
}
#homepage .section{
    height:100vh
}
#homepage .section [style*='background']{
    opacity:.2;
    -moz-transition:.5s opacity .5s ease-in-out;
    -o-transition:.5s opacity .5s ease-in-out;
    -webkit-transition:.5s opacity .5s ease-in-out;
    transition:.5s opacity .5s ease-in-out
}
#homepage .active .section [style*='background']{
    opacity:1
}
#homepage .magnetic:not(#news):not(.fp-auto-height){
    background:#1e1e1e
}
#homepage .listCategories{
    text-align:center;
    padding:150px 0 75px
}
#homepage .listCategories h2{
    font-size:60px;
    line-height:70px
}
#homepage .section .row{
    position:relative;
    height:100%;
    margin-right:0
}
#homepage .section.h-50 .row{
    position:relative;
    height:50%
}
#homepage .section [class*='col']{
    height:100%;
    position:relative;
    background-position:center;
    background-size:cover;
    z-index:0
}
#homepage .section [class*='col']::before{
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:absolute;
    z-index:1;
    background:-moz-linear-gradient(top,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 30%,rgba(30,30,30,.8) 100%);
    background:-webkit-linear-gradient(top,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 30%,rgba(30,30,30,.8) 100%);
    background:linear-gradient(to bottom,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 30%,rgba(30,30,30,.8) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e1e1e',endColorstr='#cc1e1e1e',GradientType=0)
}
#homepage .section .text{
    position:absolute;
    bottom:60px;
    width:100%;
    left:0;
    text-align:center;
    color:#fff;
    z-index:2;
    -moz-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
#homepage .section .text.center{
    top:50%;
    left:0;
    bottom:auto;
    -moz-transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
    -o-transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1280px){
    .touch #homepage .section [style*='background']{
        opacity:1!important
    }
}
@media(max-width:991px){
    #homepage .section [style*='background']{
        opacity:1!important
    }
    #homepage .section .sub-section{
        height:44vh
    }
    .clss-tablet-device #homepage .section{
        height:44vh
    }
    #homepage .section .sub-section-4{
        height:36vh
    }
}
@media screen and (orientation:portrait){
    .clss-tablet-device #homepage .section{
        height:50vh
    }
}
@media(max-width:767px){
}
@media(max-width:767px){
    #homepage .section .desc{
        display:none
    }
    #homepage .section .desc.medium{
        display:block
    }
    #homepage .section .text{
        bottom:40px
    }
    #homepage .section [style*='background']{
        opacity:1!important
    }
    #homepage .section .sub-section{
        height:34vh
    }
    .clss-phone-device #homepage .section{
        height:34vh
    }
}
@media(max-width:991px){
    #homepage .section.cols{
        height:auto
    }
}
#about_us .section{
    height:100vh
}
#about_us .magnetic:first-child .section{
    height:calc(100vh - 40px)
}
#about_us .shadow{
    background:url(../img/listing-shadow.png) repeat-x left bottom;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:2
}
#about_us .shadow.top{
    background:url(../img/listing-shadow-top.png) repeat-x left top
}
#about_us .magnetic:not(#news):not(.fp-auto-height){
    background:#1e1e1e
}
#about_us .listCategories{
    text-align:center;
    padding:150px 0 75px
}
#about_us .listCategories h2{
    font-size:60px;
    line-height:70px
}
#about_us .section .row{
    position:relative;
    height:100%
}
#about_us .section.h-50 .row{
    position:relative;
    height:50%
}
#about_us .section [class*='col']{
    height:100%;
    position:relative;
    background-position:center center;
    background-size:cover;
    z-index:0
}
#about_us .section [class*='col']::before{
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:absolute;
    z-index:1;
    background:-moz-linear-gradient(top,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 30%,rgba(30,30,30,.8) 100%);
    background:-webkit-linear-gradient(top,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 30%,rgba(30,30,30,.8) 100%);
    background:linear-gradient(to bottom,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 30%,rgba(30,30,30,.8) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e1e1e',endColorstr='#cc1e1e1e',GradientType=0)
}
#about_us .section .text{
    position:absolute;
    bottom:60px;
    width:100%;
    left:0;
    text-align:center;
    color:#fff;
    z-index:2;
    -moz-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
#about_us .section .text.center{
    top:50%;
    left:0;
    bottom:auto;
    -moz-transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
    -o-transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    #about_us .section [style*='background']{
        opacity:1!important
    }
    #about_us .section,#homepage .section .sub-section{
        height:44vh
    }
    #about_us .section .sub-section-4{
        height:45vh
    }
    #about_us .section.cols{
        height:auto
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
    #about_us .magnetic:first-child .section{
        height:50vh
    }
}
@media(max-width:767px){
    #about_us .magnetic:first-child .section{
        height:50vh
    }
    #about_us .section,#homepage .section .sub-section{
        height:44vh
    }
}
@media(max-width:767px){
    #about_us .section .text{
        bottom:40px;
        left:5%;
        width:90%
    }
    #about_us .section [style*='background']{
        opacity:1!important
    }
    #about_us .section,#homepage .section .sub-section{
        height:32vh
    }
    #about_us .magnetic:first-child .section{
        height:32vh
    }
}
.listing-exhib{
    overflow:hidden
}
.listing-exhib .section{
    height:80vh
}
.listing-exhib video,.listing-exhib .video-fallback{
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
html.video .listing-exhib .video-fallback{
    display:none
}
.listing-exhib .section:not(.video){
    background-color:#1e1e1e
}
.listing-exhib .section [style*='background']{
    opacity:1;
    -moz-transition:.5s opacity .5s ease-in-out;
    -o-transition:.5s opacity .5s ease-in-out;
    -webkit-transition:.5s opacity .5s ease-in-out;
    transition:.5s opacity .5s ease-in-out
}
.listing-exhib .magnetic:not(#news):not(.fp-auto-height){
    background:#1e1e1e
}
.listing-exhib .listCategories{
    text-align:center;
    padding:150px 0 75px
}
.listing-exhib .listCategories h2{
    font-size:60px;
    line-height:70px
}
.listing-exhib .section .row{
    position:relative;
    height:100%
}
.listing-exhib .section.h-50 .row{
    position:relative;
    height:50%
}
.listing-exhib .section [class*='col']{
    height:100%;
    position:relative;
    background-position:center;
    background-size:cover;
    z-index:0
}
.listing-exhib .section [class*='col']::after{
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:absolute;
    z-index:1;
    background-color:#1e1e1e;
    opacity:.5
}
.listing-exhib.aboutus .section [class*='col']::after{
    opacity:.4
}
.listing-exhib .section.video [class*='col']::after{
    display:none
}
.listing-exhib .section.video{
}
.wrap-yt-video{
    height:0;
    overflow:hidden;
    padding-bottom:52.95%;
    padding-top:30px;
    position:relative
}
.wrap-yt-video iframe,.wrap-yt-video object,.wrap-yt-video embed{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
.listing-exhib .section .no-before:before{
    display:none
}
.listing-exhib .section .text{
    position:absolute;
    bottom:60px;
    width:80%;
    left:10%;
    text-align:center;
    color:#fff;
    z-index:3;
    -moz-transition:opacity .5s ease;
    -o-transition:opacity .5s ease;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
.listing-exhib .section .text.vertical-center{
    bottom:auto;
    top:60%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.listing-exhib .section .text.vertical-center a{
    text-transform:uppercase;
    font-size:14px;
    font-weight:400;
    margin-top:20px;
    display:inline-block
}
.listing-exhib .section .text .btn{
    margin-top:30px
}
.listing-exhib .section .text.center{
    top:50%;
    left:0;
    bottom:auto;
    -moz-transform:translate(0%,-50%);
    -ms-transform:translate(0%,-50%);
    -o-transform:translate(0%,-50%);
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%);
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.listing-exhib .load-more{
    font-size:14px;
    background-color:#989898;
    color:#fff;
    text-transform:uppercase;
    font-weight:400;
    padding:8px 16px
}
.listing-exhib .desc{
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
}
@media(max-width:991px){
    .listing-exhib .section [style*='background']{
        opacity:1!important
    }
    .listing-exhib .section,.listing-exhib .section .sub-section{
        height:50vh
    }
    .listing-exhib .section .sub-section-4{
        height:45vh
    }
    .listing-exhib .section.cols{
        height:auto
    }
}
@media(max-width:768px){
}
@media(max-width:767px){
    #listing-exhib .section .text{
        bottom:40px
    }
    #listing-exhib .section [style*='background']{
        opacity:1!important
    }
    .listing-exhib .section{
        height:auto
    }
    .listing-exhib .section .text{
        width:90%;
        left:5%;
        bottom:auto;
        position:relative;
        -moz-transform:none!important;
        -ms-transform:none!important;
        -o-transform:none!important;
        -webkit-transform:none;
        transform:none!important;
        padding:100px 0 40px 0;
        top:auto
    }
}
.newsletter-landing-video header{
    background:rgba(30,30,30,.8);
    padding:10px;
    position:absolute;
    left:0;
    right:0;
    z-index:1
}
.newsletter-landing-video .logo img{
    margin:0 auto;
    max-height:40px
}
.newsletter-landing-video section#default>.container{
    display:flex;
    align-items:center;
    height:100vh;
    max-width:1600px
}
.newsletter-landing-video .video-wrapper{
    padding-bottom:56.25%;
    position:relative
}
.newsletter-landing-video .video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}
.dettagli{
}
.dettagli ul li{
    overflow:hidden;
    margin-bottom:20px
}
.dettagli ul li.feat{
    margin-top:100px
}
.overlay-video .dettagli ul li.feat{
    margin-top:60px
}
.dettagli ul li div{
    width:50%;
    float:left
}
.overlay-video .dettagli ul li div{
    width:100%;
    float:left;
    margin-bottom:10px
}
.dettagli ul li div a{
    text-decoration:underline;
    color:#1e1e1e;
    font-weight:400
}
.overlay-video .dettagli ul li div a{
}
.dettagli ul li .left{
    font-weight:500
}
.dettagli ul li .left .extra{
    font-weight:300;
    text-transform:uppercase
}
.dettagli ul li .left .extra span{
    font-size:26px;
    font-weight:400;
    display:block;
    margin-top:10px
}
.dettagli ul li .right{
    font-weight:300
}
.dettagli ul li .right a{
    font-weight:300
}
@media(max-width:991px){
    .dettagli{
        padding:20px 0
    }
}
@media(max-width:768px){
    .dettagli ul li{
        margin-bottom:30px
    }
    .dettagli ul li div{
        width:100%
    }
    .dettagli ul li .left{
        margin-bottom:5px
    }
    .categorie{
        text-align:center
    }
    .dettagli ul li.feat{
        margin-top:60px
    }
}
.introduzione.margn-first-letter{
    margin-top:45px
}
.introduzione .text{
    font-size:16px
}
.introduzione .text.small-text{
    font-size:16px;
    margin-top:-45px
}
.flagship-listing .lista .item:nth-child(3n+1){
    clear:left
}
.lista.row{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    clear:both;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.flagship-listing .item{
    margin-bottom:80px;
    position:relative;
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-direction:row;
    -webkit-flex-direction:row;
    flex-direction:row
}
.flagship-listing .item .wrap{
    font-weight:400;
    position:relative;
    z-index:1;
    padding-bottom:40px;
    width:100%
}
.flagship-listing .item .wrap img{
    width:100%;
    margin-bottom:30px;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    position:relative;
    z-index:10
}
.flagship-listing .item .wrap img.transition{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    z-index:50
}
.flagship-listing .item .wrap .titolo{
    font-size:24px;
    font-weight:500;
    margin-bottom:5px;
    line-height:1.2
}
.flagship-listing .item .wrap .by-class{
    height:22px;
    font-size:14px
}
.flagship-listing .item .wrap .flagship-store{
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:30px
}
.flagship-listing .item .wrap .address{
    font-size:14px;
    margin-bottom:30px
}
.flagship-listing .item .wrap .contatti{
    font-size:14px;
    margin-bottom:30px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.flagship-listing .item .wrap .contatti a{
    color:#1e1e1e
}
.flagship-listing .item .wrap .btn{
    width:100%;
    min-width:unset;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1
}
.filtri-flagship .filtri{
}
.filtri-flagship .filtri .select,.filtri-flagship .filtri .input{
    width:242px;
    margin:0 auto;
    border:1px solid #1e1e1e
}
.filtri-flagship div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
.filtri-adv .filtri{
}
.filtri-adv .filtri .select,.filtri-adv .filtri .input{
    width:242px;
    margin:0 auto;
    border:1px solid #1e1e1e
}
.filtri-adv div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
.filtri-cat .filtri{
}
.filtri-cat .filtri .select,.filtri-adv .filtri .input{
    width:242px;
    margin:0 auto;
    border:1px solid #1e1e1e
}
.filtri-cat div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
@media(max-width:767px){
    .introduzione .text{
        font-size:18px
    }
    .introduzione .text.small-text{
        font-size:16px;
        margin-top:0
    }
}
.filtri-mappa{
    padding:180px 0 80px 0
}
.filtri-mappa .container{
    background-color:#4f4f4f
}
.filtri-mappa .filtri{
    width:31%;
    float:left;
    color:#fff;
    height:0;
    position:relative;
    padding-bottom:43%
}
.filtri-mappa .filtri .wrap{
    width:100%;
    padding:0 15%;
    top:50%;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute
}
.filtri-mappa .filtri .wrap .text{
    margin-bottom:20px;
    font-size:14px;
    line-height:1.3
}
.filtri-mappa .filtri .wrap .titolo{
    font-size:24px;
    margin-bottom:20px
}
.filtri-mappa .filtri .wrap input,.filtri-mappa .filtri .wrap .select{
    margin-bottom:10px
}
.filtri-mappa .filtri .wrap label{
    font-size:12px;
    margin-bottom:2px;
    display:block
}
.filtri-mappa .filtri .wrap .search-in{
    height:48px;
    line-height:48px;
    padding:0 20px;
    background-color:#4f4f4f;
    border:none;
    width:100%;
    font-size:14px;
    font-weight:400;
    font-family:'Raleway',sans serif;
    color:#fff;
    letter-spacing:.1em;
    border:1px solid #fff
}
.filtri-mappa .filtri .wrap div.fancy-select div.trigger{
    width:100%;
    background-color:#4f4f4f;
    border:1px solid #fff;
    color:#fff
}
.filtri-mappa .filtri .wrap div.fancy-select ul.options.open{
    border:1px solid #1e1e1e;
    margin-left:-1px;
    width:calc(100% + 2px)
}
.filtri-mappa .filtri .wrap div.fancy-select div.trigger:after{
    content:url(../icone/arrow-down-white.svg)
}
.filtri-mappa .filtri .btn{
    background-color:transparent;
    cursor:pointer;
    width:100%;
    margin-top:20px;
    height:48px
}
.filtri-mappa .filtri .btn:hover{
    background-color:#fff;
    color:#1e1e1e
}
.filtri-mappa .filtri-mappa{
    width:50%;
    float:left
}
.filtri-mappa #net-map{
    height:0;
    position:relative;
    padding-bottom:43%;
    background-color:#f2f2f2;
    width:69%;
    float:left;
    background-size:cover!important;
    background-position:center center
}
.text-right.distance{
    float:right
}
.network-listing{
}
.network-listing .item{
    color:#fff;
    padding:0;
    margin:0 1.5625% 60px 1.5625%;
    background-color:#292929;
    width:30.2%
}
.network-listing .item .wrap{
    padding:40px 30px
}
.network-listing .item .titolo{
    font-size:22px;
    margin-bottom:5px
}
.network-listing .item .nome{
}
.network-listing .item .tipologia{
    margin-bottom:30px;
    text-transform:uppercase
}
.network-listing .item .tipologia span{
    background-color:#292929;
    display:inline-block;
    padding:1px 3px;
    color:#fff;
    font-size:12px;
    text-transform:none
}
.network-listing .item .address{
    margin-bottom:30px
}
.network-listing .item .contatti{
    margin-bottom:30px
}
#concept-retail .item .contatti a{
    color:#1e1e1e
}
#concept-retail .item.concept .contatti a{
    color:#fff
}
#concept-retail .network-listing .item .contatti a,#agenti .network-listing .item .contatti a{
    color:#1e1e1e
}
#agenti .item .contatti a{
    color:#1e1e1e
}
.network-listing .item .cta{
    margin-bottom:60px
}
.network-listing .item .cta .btn{
    border-color:#fff;
    color:#fff;
    background-color:#292929
}
.network-listing .item .cta .btn:hover{
    background-color:#fff;
    color:#1e1e1e
}
.network-listing .item .tools .archivio,.network-listing .item .tools .share{
    float:left;
    margin-right:20px;
    cursor:pointer
}
.network-listing .item .tools .share{
    position:relative
}
.network-listing .item .tools .share .contenuto{
    position:absolute;
    border:4px solid #1e1e1e;
    left:-55px;
    top:30px;
    background-color:#fff;
    display:inline-block;
    width:140px;
    text-align:center;
    display:none
}
.network-listing .item .tools .share .contenuto ul{
    padding:10px;
    white-space:nowrap
}
.network-listing .item .tools .share .contenuto ul li{
    margin-left:8px;
    margin-right:8px;
    display:inline-block!important
}
.network-listing .item .tools .share .contenuto ul li.pinterest-share,.network-listing .item .tools .share .contenuto ul li.visible-xs{
    display:none!important
}
.network-listing .item .tools .share .contenuto ul li a{
    display:inline-block;
    float:left
}
.network-listing .item .tools .pin{
    float:right
}
.network-listing .item .tools .pin.dealer-popup{
    cursor:pointer
}
.network-listing #concept-retail .item.concept{
    background-color:#989898
}
.network-listing #concept-retail .item .tools .share .contenuto{
    border:4px solid #989898
}
.network-listing #concept-retail .item.retail{
    background-color:#fff;
    border:1px solid #292929;
    color:#1e1e1e
}
.network-listing #agenti .item{
    background-color:#fff;
    color:#1e1e1e;
    font-weight:400
}
#mapWrapper a{
    color:#292929
}
.result-list hr{
    border:none;
    height:1px;
    background-color:#ccc
}
.result-list .prod-name p{
    padding-top:20px;
    margin-bottom:8px;
    text-transform:uppercase
}
.footer .social img{
    width:20px
}
@media(max-width:1140px){
}
@media(min-width:992px) and (max-width:1199px){
    .network-listing .item{
        width:46.8%!important
    }
}
@media(max-width:1199px){
    .filtri-mappa{
        padding:100px 0 40px 0
    }
    .filtri-mappa .filtri,.filtri-mappa .mappa{
        width:100%;
        clear:both
    }
    .filtri-mappa .filtri{
        height:auto;
        position:relative;
        padding-bottom:0
    }
    .filtri-mappa .filtri .wrap{
        padding:60px 15%;
        top:auto;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        -webkit-transform:none;
        transform:none;
        position:relative
    }
    .filtri-mappa #net-map{
        padding-bottom:90%;
        width:100%
    }
    .network-listing .item{
        width:100%
    }
}
@media(max-width:991px){
    .network-listing .item{
        width:100%
    }
    .network-listing .item .tools .share .contenuto ul li.visible-xs{
        display:inline-block!important
    }
}
#archive-notification{
    position:fixed;
    right:0;
    bottom:30px;
    background-color:#1e1e1e;
    color:#fff;
    z-index:9999;
    -moz-transform:translateX(100%),scale(.5,.5);
    -ms-transform:translateX(100%),scale(.5,.5);
    -o-transform:translateX(100%),scale(.5,.5);
    -webkit-transform:translateX(100%) scale(.3,.3);
    transform:translateX(100%),scale(.5,.5);
    -moz-transition:all .6s ease;
    -o-transition:all .6s ease;
    -webkit-transition:all .6s ease;
    transition:all .6s ease;
    opacity:0
}
#archive-notification.open{
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    opacity:1
}
#archive-notification .wrap{
    padding:30px 50px 30px 40px;
    white-space:nowrap
}
#archive-notification .wrap img{
    display:inline-block;
    margin-bottom:-4px;
    margin-right:5px
}
@media(max-width:991px){
    #archive-notification .wrap{
        padding:20px 40px 20px 30px
    }
}
#userNav{
    height:60px;
    line-height:60px;
    font-size:20px;
    width:100%;
    position:fixed;
    bottom:0;
    left:auto;
    right:auto;
    z-index:999;
    background:#f0f2f2;
    -moz-transition:bottom .4s ease-in-out;
    -o-transition:bottom .4s ease-in-out;
    -webkit-transition:bottom .4s ease-in-out;
    transition:bottom .4s ease-in-out;
    max-width:1600px
}
#userNav.off{
    bottom:-60px;
    -moz-transition:bottom .4s ease-in-out;
    -o-transition:bottom .4s ease-in-out;
    -webkit-transition:bottom .4s ease-in-out;
    transition:bottom .4s ease-in-out
}
@media(width:1024px) and (height:1366px){
    #about_us .section,#homepage .section,.hero.listing,.listing-exhib .section,.listing-exhib .section,.listing-exhib .section .sub-section{
        height:50vh
    }
    #homepage .section [style*='background']{
        opacity:1
    }
    .hero,.hero.listing{
        height:calc(50vh - 40px)
    }
}
@media(max-width:767px){
    .touch .video-flagship .mobile-gif{
        position:relative;
        z-index:-1
    }
    .touch .video-flagship .section .text{
        width:90%;
        left:5%;
        bottom:auto;
        position:absolute;
        -moz-transform:none!important;
        -ms-transform:none!important;
        -o-transform:none!important;
        -webkit-transform:none;
        transform:none!important;
        padding:100px 0 40px 0;
        top:0;
        z-index:10;
        padding-top:0
    }
}
@media(max-width:767px){
    .cta.dropdown .contenuto ul li .link .actions a.open-login,.cta.dropdown .contenuto ul li .link .actions .archive{
        display:none
    }
    .overlay-cataloghi .wrap-archive.no-print .archive{
        display:none!important
    }
    .overlay-modelli2d3d .item-list .actions .archive{
        display:none
    }
    .down-listing .item-list .actions .archive{
        display:none
    }
}
@media(min-width:800px) and (max-width:1280px){
    .touch #geolocator .filtri .wrap .text{
        margin-bottom:10px
    }
    .touch #geolocator .filtri .wrap .titolo{
        margin-bottom:10px
    }
    .touch #geolocator .filtri .wrap .text p{
        margin-bottom:10px!important
    }
    .touch #geolocator #mapGeoLocalize p{
        margin-bottom:10px!important
    }
}
.table.table-bordered{
    width:100%
}
.table.table-bordered tr:first-child{
    background:#eee
}
.table.table-bordered td{
    border:1px solid #777
}
.table.table-bordered p{
    margin-bottom:0;
    padding:10px
}
@media(max-width:576px){
    .table.table-responsive{
        display:block;
        overflow-x:scroll
    }
}