.errors{
    display:block;
    width:100%;
    text-align:center;
    padding-bottom:20px;
}
.errors span{
    clear:both;
    text-align:center;
    color:#fff;
    text-decoration:none;
    margin-bottom:20px;
    margin-left:auto!important;
    margin-right:auto!important;
    border-bottom:solid 2px #f33;
    letter-spacing:1px;
}


/* Animations */
.scroll_left {
    opacity: 0;-moz-transition: all 600ms linear;
    -webkit-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
}
.scroll_left.page_animation,.scroll_right.page_animation,.scroll_top.page_animation,.scroll_bottom.page_animation  {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.scroll_right {
    opacity: 0;-moz-transition: all 1000ms linear;
    -webkit-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear;
    -moz-transform: translate3d(-50px, 0px, 0px);
    -webkit-transform: translate3d(-50px, 0px, 0px);
    -o-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    transform: translate3d(-50px, 0px, 0px);
}
.scroll_top {
    opacity: 0;-moz-transition: all 600ms linear;
    -webkit-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    -moz-transform: translate3d(0px, 30px, 0px);
    -webkit-transform: translate3d(0px, 30px, 0px);
    -o-transform: translate(0px, 30px);
    -ms-transform: translate(0px, 30px);
    transform: translate3d(0px, 30px, 0px);
}
.scroll_bottom {
    opacity: 0;-moz-transition: all 600ms linear;
    -webkit-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
    -moz-transform: translate3d(0px, -30px, 0px);
    -webkit-transform: translate3d(0px, -30px, 0px);
    -o-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate3d(0px, -30px, 0px);
}
.scroll_flip {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    transform:rotateX(180deg);
}
.scroll_flip.page_animation {
    opacity: 1;
    transform:rotateX(0deg);
}

/* Page */
#privacy{
    display:none;
    background:rgba(50,50,50,0.8)!important;
    position:fixed!important;
    clear:both!important;
    top:100px;
    right:100px;
    bottom:100px;
    left:100px;
    color:#fff;
    font-family:"PT Sans Narrow";
}
#privacy h4{
    margin:0px;
    font-size:200%;
    font-weight:300;
    color:#fff;
}
#privacy h5{
    margin:0px;
    font-weight:300;
    margin-bottom:20px;
}
#privacy h6{
    margin:0px;
    font-size:140%;
    font-weight:bold;
    letter-spacing:1px;
}
#privacy p{
    color:#eee;
    text-align:justify;
}
#privacy h6 span{
    font-size:70%;
    font-weight:100;
}


html,body{
    margin:0;
    padding:0;
    max-width:calc(100vw);
    font-family: "PT Sans Narrow";
}
.nav{
    background:linear-gradient(to top,rgba(0,0,0,0)0%,rgba(0,0,0,0)30%,rgba(0,0,0,0.1)60%,rgba(0,0,0,0.5)100%);
}
nav{
    margin:0px;
    padding:0px;
}
main{
    margin:0px;
    padding:0px;
}
.table{
    display:table;
    width:100%;
}
.row{
    display:table-row;
    width:100%;
}
.wide{
    letter-spacing:1px;
}
.anchor{
    padding:0px;
    margin:0px;
    width:0px!important;
    height:0px!important;
}
.block_first{
    display:table;
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.text_right{
    display:table-cell;
    text-align:justify;
    padding:30px 0px;
    vertical-align:top;  
}


/* Logo */
.logo{
    text-align:left;
    display:table-cell;
    vertical-align:middle;
    padding:0px 50px 0px 0px;
}
.logo a{
    text-decoration:none;
}
.logo a img{
    width:100%;
}
.logo_footer{
    margin:10px auto 0px auto;
}
.menu{
    width:100%;
}

/* Navigation */
nav ul, nav ul li{
    padding:0;
    margin:0;
}
nav ul{
    display:block;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
nav ul li{
    display:inline-block;
    text-align:center;
    font-family:"PT Sans Narrow";
    color:#eee;
    white-space:nowrap;
    border:0px;
}
nav ul li a{
    display:block;
    color:#eee;
    border:0px;
    text-decoration:none;
}
nav ul li a:hover{
    color:#fff;
    text-decoration:none;
}
nav ul li a.lisa{
    color:#ECED21;
    text-decoration:none;
}
nav ul li a.lisa:hover{
    color:#F02087;
    text-decoration:none;
}

/* Header */
header{
    background-image:url("../img/2.jpg");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.banner,.banner_wide{
    width:100%;
    height:calc(66.7vw);
    max-height:calc(60vh - 80px);
}
.banner .cell{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
.banner .cell h1{
    margin:0px;
    padding:5px 0px 7px 0px;
    font-weight:300;
    font-family:"PT Sans Narrow";
    color:#eee;
}
.banner .cell h2{
    font-size:100%;
    letter-spacing:2px;
    padding:0px;
    margin:0px;
    font-weight:300;
    color:#444;
    text-transform:uppercase;
}
.banner .cell h3{
    letter-spacing:1px;
    padding:0px;
    margin:0px;
    font-weight:300;
    color:#eee;
    text-transform:uppercase;
}
.colorato{
    border-bottom:solid 2px #EC2085!important;
    font-weight:300;
    font-family:"PT Sans Narrow";
    text-transform:uppercase;
    color:#111;
}


/* Sections */
.marchipartner .article:nth-of-type(2){
    text-align:center;
    padding-top:10px;
}
.grid1{
    background: #fff;
}
.grid1{
    background-image:url("../img/background_form.jpg");
    background-size:cover;
    background-position:center top;
}
.timerow{
    display:table-row;
}
.time1cell,.time2cell,.time3cell{
    border-right:solid 1px #EC2085;
    border-bottom:solid 1px #EC2085;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    padding:5px;
}
.grid2 .article p{
    padding:0px!important;
}
.grid2 .article, .grid2 summary{
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
}
.grid1 summary{
    color:#fff!important;
    text-shadow:0px 1px 5px rgba(0,0,0,0.5);
}
.time2cell{
    background-color:rgba(255,242,185,0.7);
}
.time1cell{
    background-color:rgba(255,245,200,0.7);
}
.time3cell{
    background-color:rgba(255,240,170,0.7);    
}
.chisiamo{
    background-color:#000;
    color:#eee!important;
}
.tuotempo{
    background-image:url("../img/shanghai.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:50vw;
    max-height:350px;
}
.growth section{
    padding:20px!important;
}
.growth{
    background:linear-gradient(140deg,#111,#000);
}
.growth2{
    background-image:url("../img/1.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:50vw;
    max-height:400px;
}
.together{
    border:0px;
    width:100%;
}
.together section{
    display:table;
    padding:0px 20px!important;
}
.together button{
    border:0px;
    margin-top:20px;
    color:#fff;
    background-color:#2C646B;
    cursor:pointer;
}
.together button:hover{
    background-color:#EC2085;
}
.together section summary span{
    border:0px!important;
}
.together aside{
    background-image:url("../img/businessman.png");
    background-position:center bottom;
    background-repeat:no-repeat;
}
.together_text{
    text-align:justify!important;
}
.marchipartner,.precontatti{
    background: linear-gradient(41deg,#fff 0%,#f5f5f5 51%,#eee 75%);
}
.bio{
    padding:30px 0px!important;
    background-image:url("../img/32.jpg");
    background-size:cover;
    background-position:center center;   
    color:#fff;
}
section{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
section summary{
    text-align:center;
    display:block;
    font-family:"Arimo";
    color:#111;
}
.growth section summary{
    color:#fff!important;
    letter-spacing:1px;
}
.article p{
    text-align:justify;
    color:#111;
    font-weight:300;    
    display:block;
}
.growth .article{
    color:#fff;
    padding-top:50px;
}
ul.gestionetempo,ul.gestionemarchi,ul.gestionemarchi2{
    margin:0px;
    list-style:none;
    text-align:center;
    display:table;
    width:100%;
    border:0px;
}
ul.gestionemarchi li{
    display:table-cell;
    width:33%;
    text-align:center;
    vertical-align:middle;
    color:#fff;
}
.bio section{
    max-width:800px!important;
}
ul.growthul li{
    display:table-cell;
    width:33%;
    text-align:center;
    vertical-align:top;
    color:#fff;
}
ul.gestionetempo li{
    display:table-cell;
    width:33%;
    text-align:center;
    vertical-align:middle;
    color:#000;
}
ul.gestionemarchi2 li{
    display:table-cell;
    width: 25%;
    text-align:center;
    vertical-align:middle;
    color:#fff;
}
ul.gestionemarchi li img,ul.gestionemarchi2 li img{
    width:100%;
    border:0px;
}
ul.gestionetempo li i{
    margin-left:auto;
    margin-right:auto;
    background-color:#387B7B;
    color:#fff;
    border-radius:50%;
    -moz-border-radius:50%;
    text-align:center;
    -o-border-radius:50%;
    -webkit-border-radius:50%;
    display:block;
    margin-bottom:10px;
}
ul.growthul li i{
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    color:#EC2085;
    border-radius:50%;
    -moz-border-radius:50%;
    text-align:center;
    -o-border-radius:50%;
    -webkit-border-radius:50%;
    display:block;
    margin-bottom:10px;
}

/* Forms */
.checkbox span{
    font-family:"PT Sans Narrow";
    color:#eee;
    display:inline;
}
.checkbox span a{
    text-decoration:underline;
    font-family:"PT Sans Narrow";
    color:#ddd;
}
.checkbox span a:hover{
    color:#fff;
}
.contact section summary{
    text-align:center;
    color:#fff;
}

footer{
    display:block;
    width:100%;
    padding:10px 0px 10px 0px;
    background-color:#fff;
    color:#555;
    text-align:center;
    margin:0px;
}
footer p{
    padding:5px 0px;
    margin:0px;
}
footer p b{
    font-size:120%;
    font-weight:normal!important;
    margin-bottom:5px;
    display:block;
}
footer p a{
    color:#777;
    text-decoration:none;
}
footer p a:hover{
    color:#000;
    text-decoration:none;
}

.contact section{
    background-image:url("../img/background_fields.jpg");
    background-size:cover;
    background-position:center center;    
    max-width:100%!important;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    display:block;
}
.article p b{
    font-size:120%;
    text-transform:uppercase;
}
.article summary{
    background:none!important;
    text-align:left!important;
    padding-left:20px!important;
}
.bio .article span{
    display:block;
}
section .article span{
    text-transform:uppercase;
    text-align:center;
}


#contact-form{
    display:table;
    margin-left:auto;
    margin-right:auto;
}
#contact-form .field-value,#contact-form .field-name,#contact-form .checkbox{
    display:table-cell;
    padding:5px 0px;
    vertical-align:middle;
}
#contact-form .field-value{
    width:67%;
}
#contact-form .field-name{
    width:33%;
    color:#fff;
    letter-spacing:1px;
    font-family:"Arimo";
}
#contact-form .field-value input, #contact-form .field-value select, #contact-form .field-value textarea{
    width:100%;
    font-family:"Arimo";
    color:#fff;
    background-color:rgba(50,50,50,0.5);
    border:solid 2px rgba(255,255,255,0.3);
    padding:10px;
}
#contact-form .field-value input:focus{
    background-color:rgba(100,100,100,0.9);
}
#contact-form .field-value select option{
    color:rgba(0,0,0,0.9)!important;
}
.submit-form{
    display:block;
    text-align:center;
    width:100%;
}
.submit-form a, .submit-privacy a{
    background-color:#eee;
    color:#000;
    display:inline-block;
    font-family:"Arimo";
    padding:15px 20px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    text-decoration:none;
    letter-spacing:1px;
    text-transform:uppercase;
}
.submit-form a:hover, .submit-privacy a:hover{
    background-color:#000;
    color:#fff;
}
.contact section p:nth-of-type(1){
    text-align:center;
    color:#fff;
    font-family:"PT Sans Narrow";
    margin-left:auto;
    margin-right:auto;
    padding:10px 0px 20px 0px;
}
.contact section p:nth-of-type(2){
    text-align:center;
    color:#fff;
    font-family:"PT Sans Narrow";
    margin-left:auto;
    margin-right:auto;
    padding:10px 0px;
}
.banner .cell h3 span{
    white-space:nowrap;
    font-family:"Arimo";
}
.checkbox a{
    color:#eee;
    text-decoration:none;
    font-family:"PT Sans Narrow";
}
checkbox a:hover{
    color:#fff;
}
@media only screen and (min-device-width: 1000px) {
    #contact-form .field-value input, #contact-form .field-value select, #contact-form .field-value textarea{
        font-size:100%;
    }
    .together .timetable{
        max-width:800px;
    }
    .timetable{
        font-size:100%;
    }
    .together aside{
        background-size:auto 90%;
    }
    .together_text{
        padding:70px 0px;
    }
    section .article span{
        font-size:120%;
    }
    .grid2 .article, .grid2 summary{
        max-width:600px;
    }
    .grid1{
        display:table-cell!important;
        vertical-align:top!important;
        width:50%;
    }
    .grid2{
        display:none!important;
        vertical-align:top!important;
        width:50%;
    }
    .chisiamo section{
        padding-top:20px!important;
        padding-bottom:20px!important;
    }
    .together button{
        border-radius:20px;
        -o-border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        line-height:40px;
        font-size:110%;
        font-family:"PT Sans Narrow";
        padding:0px 15px;
    }
    .together{
        display:table;
    }
    .together aside, .together_text{
        display:table-cell;
        vertical-align:middle;
        width:50%;
    }
    .contact section p:nth-of-type(1),.contact section p:nth-of-type(2){
        font-size:120%;
    }
    .where iframe{
        height:400px!important;
    }
    .logo_footer{
        width:180px;
    }
    .together .article{
        padding:40px 0px 0px 0px;
        font-size:120%;
        text-align:justify;
    }
    .tuotempo .article:nth-of-type(1),.marchipartner .article:nth-of-type(1),.together .article:nth-of-type(1){
        padding:0px;
        color:#EC2085;
        font-size:120%;
        text-align:center;
    }
    .precontatti .article:nth-of-type(1){
        padding:0px;
        color:#111;
        font-size:120%;
        text-align:center;
    }
    .growth .article{
        padding:0px;
        color:#eee;
        font-size:120%;
        text-align:center;
    }
    .tuotempo .article:nth-of-type(2){
        padding:30px 0px 0px 0px;
        font-size:120%;
        text-align:justify;
        color:#555;
    }
    .bio .article{
        padding:0px;
        font-size:120%;
        text-shadow:2px 2px 5px rgba(0,0,0,0.8);
    }
    ul.gestionetempo,ul.gestionemarchi{
        padding:20px 0px 0px 0px;
    }
    ul.gestionemarchi2{
        padding:0px;
    }
    ul.gestionetempo li i,ul.growthul li i{
        width:70px;
        line-height:70px;
        text-align:center;
        font-size:180%;
    }
    ul.gestionetempo li p{
        padding:0px;
        font-size:120%;
        margin:0px;
    }
    ul.growthul li p{
        padding:0px;
        font-size:100%;
        margin:0px;
        text-align:center;
        color:#EC2084;
    }
    ul.growthul li span{
        padding:0px 0px 20px 0px;
        display:block;
        font-weight:lighter;
        font-size:130%;
        margin:0px;
        text-align:center;
    }
    ul.growthul{
        padding:0px;
        list-style:none;
    }
    ul.growthul li:nth-of-type(1){
        padding-right:20px!important;
        padding-left:0px;
    }
    ul.growthul li:nth-of-type(3){
        padding-left:20px!important;
    }
    ul.growthul li:nth-of-type(2){
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .mobile{
        display:none!important;
    }
    .logo{
        width:35%;
    }
    section summary{
        font-size:130%;
        text-transform:uppercase;
    }
    section{
        padding:50px 20px;
    }
    nav ul li a{
        font-size:120%;
        padding:10px;
        margin:5px;
    }
    .text_right p{
        font-size:100%;
    }
    @media only screen and (max-width: 1400px) {
        .banner .cell h1{
            font-size:250%;
        }
        .banner .cell h3 span{
            font-size:80%;
        }
    }
    @media only screen and (min-width: 1401px) {
        .banner .cell h1{
            font-size:300%;
        } 
        .banner .cell h3 span{
            font-size:100%;
        }
    }
}
@media only screen and (max-device-width: 999px) {
    #contact-form .field-value input, #contact-form .field-value select, #contact-form .field-value textarea{
        font-size:130%;
    }
    .together .timetable{
        max-width:1200px;
    }
    .timetable{
        font-size:150%;
    }
    .together aside{
        background-size:auto 100%;
    }
    .together_text{
        padding:60px 0px 0px 0px;
    }
    .grid2 .article{
        font-size:150%;
    }
    .grid2{
        background: linear-gradient(141deg,#fff 0%,#eee 51%,#ddd 75%);
    }
    section .article span{
        font-size:160%;
    }
    .grid2 .article, .grid2 summary{
        max-width:1200px;
    }
    .grid1{
        display:block!important;
        width:100%;
    }
    .grid2{
        display:none!important;
        width:100%;
    }
    .tuotempo .article:nth-of-type(1),.marchipartner .article:nth-of-type(1),.precontatti .article:nth-of-type(1) {
        padding: 0px!important;
        font-size:180%!important;
        color: #EC2085;
        text-align: center;
    }
    .growth .article:nth-of-type(1) {
        padding: 0px!important;
        font-size:180%!important;
        color: #ccc;
        text-align: center;
    }
    .tuotempo :nth-of-type(2).article {
        text-align: justify;
        padding-top:50px!important;
    }

    section{
        padding:50px 20px!important;
    }
    .chisiamo section{
        padding-top:0px!important;
        padding-bottom:0px!important;
    }
    .together button{
        border-radius:35px;
        -o-border-radius:35px;
        -webkit-border-radius:35px;
        -moz-border-radius:35px;
        line-height:70px;
        font-size:170%;
        font-family:"PT Sans Narrow";
        padding:0px 25px;
    }
    .together{
        display:block;
    }
    .together aside, .together section{
        display:block;
    }
    .together aside{
        height:calc(40vw);
    }
    .tuotempo .article{
        text-align:center;
    }
    .contact section p:nth-of-type(1),.contact section p:nth-of-type(2){
        font-size:150%;
    }
    .where iframe{
        height:calc(60vw)!important;
    }
    .logo_footer{
        width:30%;
    }
    .together .article{
        padding:40px 0px 0px 0px!important;
        font-size:150%;
        margin:0px!important;
    }
    .tuotempo .article{
        padding:10px 0px 0px 0px!important;
        font-size:150%;
        margin:0px!important;
    }
    .bio .article{
        padding:0px!important;
        font-size:150%;
        margin:0px!important;
        text-shadow:2px 2px 5px rgba(0,0,0,0.8);
    }
    .tuotempo .article{
        font-size:150%;
    }
    ul.gestionetempo,ul.gestionemarchi{
        padding:40px 0px 0px 0px;
    }
    ul.growthul{
        padding:20px 0px 0px 0px;
    }
    ul.gestionemarchi2{
        padding:0px;
    }
    ul.gestionetempo li i,ul.growthul i{
        width:90px;
        line-height:90px;
        font-size:250%;
    }
    ul.gestionetempo li p{
        padding:0px;
        font-size:150%;
        text-align:justify;
        text-align-last:center;
        margin:0px;
    }
    ul.growthul li p{
        padding:0px;
        font-size:120%;
        text-align:center;
        margin:0px;
        color:#EC2084;
    }
    ul.growthul li span{
        padding:0px 0px 20px 0px!important;
        display:block;
        font-size:150%;
        text-align:center;
        margin:0px;
    }
    ul.growthul li:nth-of-type(1){
        padding-right:20px!important;
    }
    ul.growthul li:nth-of-type(3){
        padding-left:20px!important;
    }
    ul.growthul li:nth-of-type(2){
        padding-left:10px!important;
        padding-right:10px!important;
    }
    section summary{
        font-size:170%;
        text-transform:uppercase;
    }
    section{
        padding:50px 0px;
    }
    .desktop{
        display:none!important;
    }
    .banner .cell h1{
        font-size:400%;
    }
    .logo{
        width:40%;
    }
    nav ul{
        padding-top:6px;
    }
    nav ul li a{
        font-size:170%;
        padding:10px 7px;
        margin:5px;
        border:solid 1px rgba(255,255,255,0.7);
        color:#eee;
    }
    nav ul li a:hover{
        color:#fff;
    }
    .text_right p{
        font-size:160%;
    }
    .banner .cell h3 span{
        font-size:120%;
    }
}