.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
div.clear { clear:both; }

/****************************/
/*      HEADER              */
/****************************/
#content.site-content{padding-top: 0;}

#content #main *{ font-family: 'Open Sans Condensed', sans-serif; }

#content.site-content a{ color: #ffffff; font-weight: bold; border-bottom: 2px solid #d4d4d4; transition: .2s ease-in-out; }
#content.site-content a:hover{ border-bottom: 2px solid #ffffff; }

#content .header-img{position: relative; z-index: 0;}
#content .header-img img.header{width: 100%;}
#content .header-img .title-header{ position: absolute; z-index: 5; top: 8%; width: 100%; text-align: center; padding: 0 25px; }
#content .header-img .title-header>img{ max-width: 500px; width: 100%; }


/****************************/
/*      INTRO               */
/****************************/

.wrapper{ width: 100%; padding: 25px; max-width: 1600px; margin: 0 auto; }
.wrapper.nopadding{ padding: 0; }
.blue{ background-color: #00adc9; }
.red{ background-color: #f9504d; }

.content-area h3{ text-transform: uppercase; text-align: center; color: #ffffff; margin: 0; }
.content-area p{ color: #ffffff; text-align: center; font-weight: 300; letter-spacing: 3px; font-size: 28px; }
.content-area p b{ font-weight: 400; }
.content-area p.disclaimer{ font-size: 24px; }

.content-area.video-title{margin: 8px 0;}

.su-button-center {
    text-align: center;
    margin: 90px 0 40px 0;
}
.su-button-center>a{
    color: #f9504d;
    background-color: #FFFFFF;
    border-radius: 0;
}
.su-button-center>a>span{
    color:#f9504d;
    padding:0px 50px;
    font-size:35px;
    line-height:70px;
    font-weight: 700;
}


.content-area .intro-txt{ padding: 50px 0; }
.content-area .intro-txt h3{ margin-bottom: 50px; line-height: 1.5em; }

.video-area .col{ float: left; width: 33.333333%; background: url(../i/comimgsoon.jpg) no-repeat bottom center; background-size: cover; border: 2px solid #ffffff; text-align: center; padding: 80px 25px; }
.video-area .col span{ display: block; color: #00adc9; }
.video-area .col span.title{font-size: 35px; line-height: 1em; font-weight: bold;}
.video-area .col span.date{ font-weight: 300; letter-spacing: 3px; }
.video-area .col>iframe{display: none;}

.video-area .col.active{background: #FFFFFF; padding: 0;}
.video-area .col.active>span{display: none;}
.video-area .col.active>iframe{display: block;}

#registrati{ padding-top: 150px; padding-bottom: 150px; }
#registrati h3{ color: #f9504d; margin-bottom: 50px; font-weight: bold;}

#main #registrati .contact-form input[type='text'], #main #registrati .contact-form input[type='email'] { margin-bottom: 0;}

#registrati .col{ float: left; margin: 15px 0; padding: 0 25px; }
#registrati .col.col_50{ width: 50%; }
#registrati .col.col_25{ width: 25%; }


#main #registrati .button-style{
    margin-top: 20px;
    color: #ffffff;
    background-color: #00adc9;
    border-radius: 0;
    padding: 0px 50px;
    font-size: 35px;
    line-height: 70px;
    font-weight: 700;
}

#main #registrati .button-style:hover{
    background-color: #f9504d;
}

#registrati .privacy-policy{ padding: 25px; background-color: #F7F7FA; overflow-y: scroll; height: 200px; margin: 50px 25px 25px 25px; }
#registrati .privacy-policy h5{margin-bottom: 5px;}
#registrati .privacy-policy p{ color: #000000; font-size: 14px; text-align: left; font-weight: 400; font-family: 'Arial'; letter-spacing: normal; margin: 0; }


.intro-instagram{ padding-top: 80px; padding-bottom: 30px; }
.intro-instagram h4{ text-transform: uppercase; color: #ffffff; letter-spacing: 3px; text-align: center; line-height: 1.5em; }


.mail-response{ text-align: center; padding: 25px; margin: 25px 0; }
.mail-response>span{font-size: 25px;}
.mail-response.success{background-color: #9eff9e; border: 5px solid #00a91d;}
.mail-response.error{background-color: #ffa8a8;border: 5px solid #d40000;}



@media screen and (max-width:1024px){
    
    .video-area .col span.title{font-size: 26px; }
    
}

@media screen and (max-width: 1000px){
    .page-template-full-width .site-identity.clear {
        padding-bottom: 60px;
    }
}

@media screen and (max-width:940px){
    #registrati .col.empty{display: none;}
    #registrati .col.col_25{ width: 50%; }
    
}


@media screen and (max-width:768px){
    
    .content-area p { font-size: 18px; }
    
    .video-area .col, .video-area .col.active>iframe{ width: 100%; }
    
    .intro-instagram { padding-top: 30px; }
    .intro-instagram h4 { font-size: 16px; }
    
    #registrati .col.col_50, #registrati .col.col_25{ width: 100%; }
    #main #registrati .button-style { font-size: 18px; }
    #main #registrati .contact-form span.note{ font-size: 12px; }
}
