/* home video stuff */

*{
  /*outline: 1px red solid;*/
}

.video-background {
    background: #000;
    position: relative;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -99;
  }

  .video-foreground,
  .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 56.25vw; /* formato 16:9 sempre */
    pointer-events: none;
  }

  #vidtop-content {      
      color: #fff;
      position: absolute;
      width: 100%;
  }
  
#vidtop-content .title{
    font-family: "Big Shoulders Text";
    font-size:140px;
    color: white;
    line-height: 1em;
    padding: 0 2%;
    font-weight: 900;
}
#vidtop-content .testo{
  font-family: "Big Shoulders Text";
  font-size:50px;
  color: white;
  line-height: 1em;
  font-weight: 900;
  padding: 0 2%;
}

@media screen and (max-width: 1240px){
  #vidtop-content .title{
    font-family: "Big Shoulders Text";
    font-weight: 900;
    font-size:100px;
    color: white;   
  }
  #vidtop-content .testo{
    font-family: "Big Shoulders Text";
    font-weight: 900;
    font-size:30px;
    color: white;
    line-height: 1em;
    padding: 0 2%;
  }
}
@media screen and (max-width: 800px){
  #vidtop-content .title{
    font-family: "Big Shoulders Text";
    font-size:60px;
    color: white;
  }
  #vidtop-content .testo{
    font-family: "Big Shoulders Text";
    font-weight: 900;
    font-size:20px;
    color: white;
    line-height: 1em;
    padding: 0 2%;
  }
}

.headerone{height: 56.25vw; }
.v_center{text-align: center;}
.v_left{text-align: left;}
.v_right{text-align: right;}
.v_top{top: 155px;}
.v_middle{top: 40%;}
.v_bottom{bottom: 1vh;}


/*
  @media (min-aspect-ratio: 16/9) {
    .video-foreground { height: 300%; top: -100%; }
  }
  @media (max-aspect-ratio: 16/9) {
    .video-foreground { width: 300%; left: -100%; }
  }
  @media all and (max-width: 600px) {
  .vid-info { width: 50%; padding: .5rem; }
  .vid-info h1 { margin-bottom: .2rem; }
  }
  @media all and (max-width: 500px) {
  .vid-info .acronym { display: none; }
  }
*/

  /* slide categorie */

#type_wrapper .dida{
  position: absolute;
  top: 40%;
  left:0;
  width: 100%;
}

 #type_wrapper h3{
   font-size: 8em;
   line-height: 1em;
   color: white; 
   font-family: "Big Shoulders Text";
   font-weight: 900;
   text-align: center;
   
 }
 #type_wrapper p{
   text-align: center;
   font-size: 1.5em;
   color: white;
   font-weight: bold;
 }

 #row_types{
   position: relative;   
 }

 #type_slider{
   height: 100%;
 }

  #type_container{
    width:100%;
    overflow: hidden;
    left: 0%;
    position: absolute;
  }

  .type_item{
    float:left;
    margin: 0;
    padding: 0;
    position: relative;
  }
 


#type_wrapper{
  /*width: 600vw;    */
  left:-100vw;
  position: relative;
 /* -webkit-transition: left 1s; /* Safari */
  /*transition: left 1s;*/
}
.type_item img{
  width: 100vw;  
}

#butt_next_type, #butt_prev_type{
  width: 33vw;
  max-width: 300px;
  overflow: hidden;  
  position: absolute;
  top:0;
  height: 100%;
  cursor: pointer;
  
}



.red_mask{
  background-color: #d4001c;
  /*background-blend-mode: multiply;*/
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
}




#next_wrapper, #prev_wrapper{
  /*width: 600vw;*/
  position: relative; 
  /*-webkit-transition: left 1s; /* Safari */
  /*transition: left 1s;*/
}




#butt_next_type img, #butt_prev_type img{
  float:left;
   width: 100vw;
}


#butt_next_type{
  right:0;
  /*-webkit-clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100% );*/
  /*clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100% );*/

}
#butt_prev_type{
  left:0;
  /*-webkit-clip-path: polygon(0 0, 100% 0, 68% 100%, 0 100% );
  clip-path: polygon(0 0, 100% 0, 68% 100%, 0 100% );*/
}
  
  


.show_ie{
  display:none;
}
.ie_mask_2{
  position: absolute;
  bottom:0;
  right:0;
}
.ie_mask_1{
  position: absolute;
  top:0;
  left:0;
}


/*ONLY IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #prev_wrapper,#next_wrapper, .red_mask {
    display:none;
  }
  .show_ie{
    display: block;
  }
}
/*ONLY EDGE*/
@supports (-ms-ime-align:auto) {
  #prev_wrapper,#next_wrapper, .red_mask {
    display:none;
  }
  .show_ie{
    display: block;
  }
}

#butt_next_type .dida, #butt_prev_type .dida{
  width: 100%;  
  position: absolute;
  bottom: 15%;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
}
#butt_next_type .dida{
  text-align: right;
  padding-right: 50px;
}
#butt_prev_type .dida{
  text-align: left;
  padding-left: 50px;
}

#row_types #noise_left{
  width: 33vw;
  max-width: 310px;  
  position: absolute;
  left:0;
  top:0;
  height: 100%;  
  /*background: url(../img/home/noise.png) no-repeat;*/
  background-position: right bottom;
}

#row_types #noise_right{
  width: 33vw;
  max-width: 310px;  
  position: absolute;
  right:0;
  top:0;
  height: 100%; 
 /* background: url(../img/home/noise.png) no-repeat;*/
  background-position: left top;
}

@media screen and (max-width: 1200px){
  .type_item{
    overflow: hidden;
    width: 100vw;
    height: 400px;
  }
  .type_item img{

    height: 400px;  
  }
  #butt_next_type img, #butt_prev_type img{
    height: 400px;
    width: initial;
  }
  #type_wrapper h3{
    font-size: 4em;
       
  }
  #type_wrapper p{
    font-size: 1.0em;
    width: 33%;
    margin-left: 33%;
  }
}


@media screen and (max-width: 640px){
  .type_item{
    overflow: hidden;
    width: 100vw;
    height: 220px;
  }
  .type_item img{

    height: 220px;  
  }
  #butt_next_type img, #butt_prev_type img{
    height: 220px;
    width: initial;
  }
  #type_wrapper h3{
    font-size: 1.6em;
       
  }
  #type_wrapper p{
    font-size: 1.0em;
    width: 33%;
    margin-left: 33%;
  }
}

/* banner confguratore */



#row_bannerone{
  background-image: url(../img/home/bg_banner.jpg);
  background-size: cover;
  background-position: center center;
  height: 685px;
  position: relative;  
  
}

#row_bannerone .col-md-8{
  height: 100%;
  padding-top: 122px;
  padding-left: 10%;
}

#red_stripe_box{
  top:0;
  left:0;
  background-color: #d4001c;

  mix-blend-mode: multiply;
  /*-webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100% );
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100% );*/
  height: 100%;  
  padding-left: 10%;
  position: absolute;
  width: 100%;
  height: 100%;


}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #red_stripe_box{
    background: none;
  }
  #red_stripe_box:after {
    content: '';
    background: rgba(212, 0, 28, 0.8);
    position: absolute;
    top: 0;
    left:0;
    bottom: 0;
    width: 100%;
  }
}


  /*ONLY IE
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .red_stripe_box{
      background: none;
      background-image: url(../img/home/mask_square.png);
      background-size: 100% 100%;
      mix-blend-mode: initial;
    }
  }
  /*ONLY EDGE
  @supports (-ms-ime-align:auto) {
    .red_stripe_box{
      background-color: none;
      background-image: url(../img/home/mask_square.png);
      background-size: 100% 100%;
      mix-blend-mode: initial;

      background:transparentize(darken(blue, 8), .5);
    }
  }
*/


#row_bannerone h2{
 /*font-size: 105px;*/
  /*line-height: 105px;*/
  font-size: 90px;
  line-height: 90px;  
  margin-bottom: 20px; 
  
  color: white;
}
#row_bannerone p{
  color: white;
}

#row_bannerone a{
  color: white;
  font-style: italic;
  font-weight: bold;
  font-size: 1.2em;
}

@media screen and (max-width: 640px){
  #row_bannerone h2{
    font-size: 50px;
    line-height: 50px;

  }
  #row_bannerone{
    height: 300px;   
  }
  #row_bannerone .col-md-8{
    
    padding-top: 22px;
    
  }
}

/* NEWS WALL */

#row_wall h2{
  /*font-size: 105px;*/
  /*line-height: 105px;*/
	font-size: 90px;
	line-height: 90px;
	margin-top: 50px !important;
  
  width: 100%;
  text-align: center;
  margin-top: 30px;  
}

@media screen and (max-width: 640px){

  #row_wall{
    display: none;
  }
}

#news_box_container{  
  overflow: hidden;
  margin: 20px auto;  
}

@media screen and (min-width:320px){
  #news_box_container{
    width: 100vw;
    
    height: 300px;
  }
  .news_page{
    float:left;  
    width: 100vw;
  }
}


#news_box_wrapper{
  /*width: 300%;*/
}

.news_page{
  float:left;  
}


.news_box{
  float:left;  
  position: relative;
  width: 23%;
  margin: 0 1% 0 1%;  
  background: no-repeat;
  background-size: cover;
  background-position: center center;  
  height: 282px;
}
.news_box:nth-child(2),.news_box:nth-child(3){
  margin-bottom: 15px;
} 

.big_news_box{
  width: 50%;
  margin: 0;
  height: 579px;
}



.news_box .dida{
  font-family: "Big Shoulders Text";
  position: absolute;
  bottom:0;
  padding: 20px;
  width: 80%;
  left:10%;
  text-align: left;
  background-color: white;
  font-size: 1.5em;
  /*text-transform: uppercase;*/
  font-weight: 900;
  color: #454444;
}




@media screen and (min-width:800px){
  #news_box_container{
    width: 610px;    
    height: 600px;
  }
  .news_page{
    float:left;  
    width: 610px;
  }
  
}


@media screen and (max-width:1400px){
  .news_box .dida {line-height:14px;padding: 10px;}
  .news_box .dida a{font-size:12px;line-height: 14px;} 
}



@media screen and (min-width:1400px){
  #news_box_container{
    width: 1220px;
    
    height: 600px;
  }
  .news_page{
    float:left;  
    width: 1220px;
  }
}


@media screen and (max-width: 640px){

  .news_box{
    
    height: 141px;
  }
  
  
  .big_news_box{
    width: 50%;
    margin: 0;
    height: 280px;
  }
  
  
  
  .news_box .dida{
    font-size: 0.9em;
    line-height: 0.8em;
    padding: 5px;
    width: 80%;
  }
  .news_box .dida a{
    font-size: 0.9em;
    line-height: 0.8em;
  }
}

#news_navigator{
  padding: 50px 0;
  text-align: center;
  width: 100%;
}
.news_pager{
  width: 16px;
  height: 16px;
  background-color: #d1d1d1;
  display: inline-block;
  border-radius: 8px;
  cursor: pointer;
}

.news_pager.select{
  background-color: #d4001c;
}











.hero-slides,.hero-wrap{
    overflow:hidden
}
.hero-slides{
    background:#000 url(../img/home/preloader.gif) 50% no-repeat
}
.hero-slides>li{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:auto;
    display:none;
    overflow:hidden
}
.hero-slides>li:first-child{
    opacity:1
}
.hero-slides>li:first-child .text-block{
    display:block
}
.hero-slides>li>a{
    display:block;
    overflow:hidden
}
.hero-slides .text-block{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:1;
    overflow:hidden;
    opacity:0;
    animation-duration:.5s;
    animation-fill-mode:both
}
.hero-slides .text-block.right{
    left:auto;
    right:0
}
.hero-slides .text-block-table{
    display:block;
    position:relative;
    height:100%
}
.hero-slides .text-block-cell{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%);
    padding-left:40px
}
.hero-slides .label-wrap{
    display:block
}
.hero-slides .label{
    font-family:lato-black,helvetica,arial,sans-serif;
    font-weight:700;
    font-size:24px;
    display:inline
}
.hero-slides .desc,.hero-slides .label{
    font-style:italic;
    line-height:1;
    color:#fff;
    text-transform:uppercase
}
.hero-slides .desc{
    display:block;
    font-family:lato-italic,helvetica,arial,sans-serif;
    font-size:20px;
    margin:10px 0
}
.hero-slides .sub{
    font-family:lato,helvetica,arial,sans-serif;
    font-size:18px;
    padding:10px 0
}
.hero-slides .btn-more,.hero-slides .sub{
    line-height:1;
    color:#fff;
    font-style:italic;
    text-transform:uppercase
}
.hero-slides .btn-more{
    display:inline-block;
    padding:6px 0;
    font-family:lato-italic,helvetica,arial,sans-serif;
    font-size:16px;
    cursor:pointer;
    transition:color .2s ease-in-out
}
.hero-slides .btn-more:hover{
    color:#bb0420
}
.hero-tabs{
    display:none
}
@media (min-width:768px){
    .hero-slides{
        min-height:300px
    }
    .hero-slides .text-block{
        width:50%
    }
    .hero-slides .label{
        font-size:40px
    }
    .hero-slides .btn-more,.hero-slides .desc{
        font-size:17px
    }
}
@media (min-width:992px){
    .hero-slides .label{
        font-size:64px
    }
    .hero-slides .desc{
        font-size:22px;
        margin:20px 0
    }
    .hero-tabs{
        background:#000;
        overflow:hidden;
        display:block
    }
    .hero-tabs>li{
        float:left;
        width:20%;
        background:#000;
        border-top:1px solid #333;
        border-right:1px solid #333;
        border-bottom:1px solid #333;
        height:60px;
        transition:all .2s ease-in-out;
        position:relative
    }
    .hero-tabs>li:nth-child(5n+0){
        border-right:none
    }
    .hero-tabs>li.active,.hero-tabs>li:hover{
        border-top-color:#000;
        background:#bb0420
    }
    .hero-tabs>li.active:before,.hero-tabs>li:hover:before{
        left:20%;
        opacity:1
    }
    .hero-tabs>li.active .label,.hero-tabs>li.active .label h3,.hero-tabs>li:hover .label,.hero-tabs>li:hover .label h3{
        color:#fff
    }
    .hero-tabs>li:before{
        transition:all .2s ease;
        content:'\25bc';
        position:absolute;
        top:0;
        left:0;
        color:#000;
        font-size:12px;
        line-height:10px;
        opacity:0
    }
    .hero-tabs.n1>li{
        width:100%
    }
    .hero-tabs.n2>li{
        width:50%
    }
    .hero-tabs.n3>li{
        width:33.33333%
    }
    .hero-tabs.n4>li{
        width:25%
    }
    .hero-tabs.n5>li{
        width:20%
    }
    .hero-tabs .label{
        display:block;
        margin:12px 20px 0
    }
    .hero-tabs .label,.hero-tabs .label h3{
        font-family:lato-black,helvetica,arial,sans-serif;
        font-size:14px;
        line-height:14px;
        color:#666;
        text-transform:uppercase;
        font-style:italic
    }
    .hero-tabs .small{
        font-size:11px
    }
}
@media (min-width:1200px){
    .hero-slides .label{
        font-size:78px
    }
    .hero-slides .desc{
        font-size:28px
    }
}