/* entire container, keeps perspective */
article.team .flip-container, article.team .flip-container-big {perspective: 1000px; transform-style: preserve-3d;}

/* flip the pane when hovered */
article.team .flip-container:hover .back, article.team .flip-container-big:hover .back {transform: rotateY(0deg);}
article.team .flip-container:hover .front, article.team .flip-container-big:hover .front {transform: rotateY(180deg);}

/* sub container dimension */
article.team .flip-container {width:332px; height:415px; float:left; margin:15px 15px 0 0;}
article.team .flip-container-big {width:100%; min-height:400px; float:left;}
article.team .flip-container .front img, article.team .flip-container .back img {width:100%;}
article.team .flip-container-big .front img, article.team .flip-container-big .back img {width:100%;}

/* flip speed goes here */
article.team .flipper {transition:0.6s; transform-style:preserve-3d; position:relative;}

/* hide back of pane during swap */
article.team .front, article.team .back {backface-visibility:hidden; transition:0.6s; transform-style:preserve-3d; position:absolute; top:0; left:0;}

/* front pane, placed above back */
article.team .front {z-index:2; transform:rotateY(0deg);}

/* back, initially hidden pane */
article.team .back {transform:rotateY(-180deg);}

/* -------------- Team -----------------*/
article.team {max-width: 680px; min-height:1030px; font-family:'lato-regular',Lato,Arial;}
article.team header {margin-bottom: 15px; width:100%!important;}
/*article.team header h1 {font-size: 35px; margin: 0; color: #65A8DB;}*/
article.team header h2 {font-size:36px; color:#14b7ed; margin-bottom:15px;}
article.team header p.firma-html {font-family:'lato-regular',Lato,Arial; font-size:13px; padding:0; margin:0; color: #999;}
article.team .flip-container:nth-child(even) {margin-right:0;}
article.team .flipper .front p {font-size:22px; font-weight:bold; line-height:30px; color:#fff; padding:30px 0; margin:0; position:absolute; bottom:5px; width:100%; background-image:url(../img/back.png); text-align:center;}
article.team .flipper .front p span.nbr {font-size:28px; margin-right:5px; padding:6px; color:#F62222; /*background-image:url(../img/nbr-back.png); background-repeat:no-repeat; background-position:2px;*/background-color: #fff;}
article.team .flipper .front p span.naz {font-size:22px; color:#FA6800; display:block;}

/*--------------- Table -----------------*/
article.team table {font-family:'lato-regular',Lato,Arial; font-size:14px!important; line-height:17px; font-weight:normal; border-spacing:inherit; text-align:left; width:100%;}
article.team table caption {text-transform:uppercase; padding:5px; background:#31333C;color:#ffffff; /*border-bottom: 1px solid #ffd373;*/}
article.team table th {background:#31333C; color:#fff; text-transform:uppercase; padding:5px;}
article.team table tr:nth-child(2n) {background-color:#e9fcff;}
article.team table td {padding:5px; vertical-align:middle;}
article.team table td.pilota a {color: #717171;}
article.team table td.team a {color: #717171;}
article.team table td.left-td {background:#ffd373; color:#040404;border-bottom: 1px solid #31333C;}
article.team table td.right-td {background:#31333C; color:#ffd373;border-bottom: 1px solid #ffd373;}
.shared-detail .body-text a {color: #717171;}

/* ------------------ TRACK------------------*/
article.track {min-height:1500px;}
article.track h3 {font-size:22px; /*color:#65A8DB;*/ margin:15px 0;}
article.track h3 date {/*color:#fff!important;*/ float:right;}

/* ---------------- INDEX TEAM --------------*/
article.mgpx {min-height:2650px;}
article.team .team-piloti {background:#31333C; border: 5px solid #14b7ed; /*color:#ffffff;*/ width:320px; height:300px; float:left; margin:0 15px 15px 0; position:relative;}
article.team .team-piloti.circuit {height:390px}
article.team .team-piloti:nth-child(odd){margin:0 0 15px 0;}
article.team .team-piloti img {width: 100%;}
article.team .team-piloti h3 {font-size: 20px; color: #ffffff; margin:10px;}
article.team .team-piloti p {font-size:18px; line-height:50px; color:#ffffff; padding:10px 0; margin:0; /*position:absolute; bottom:0px; left:0; width:100%; height:110px; background-image: url(../img/back.png);*/}
article.team .team-piloti p span.nbr {border: 1px solid #14b7ed; border-radius: 50%; width: 50px; height: 50px; font-size: 22px; margin:0 10px; padding: 6px; color: #14b7ed; background-color: #fff; /*background-image: url(../img/nbr-back.png); background-repeat: no-repeat; background-position: 2px;*/}
article.team .team-piloti p span.naz {color: #FFB000; margin-left:10px}
article.team .team-piloti p img.pilot {width: 50px!important; border: 1px solid #14b7ed; margin:0 10px; float: left; background-color: #ffffff;}

/* ---------------- INDEX TRACK --------------*/
article.circuits {min-height:4300px;}
article.team .circuit h3 date {color:#ffffff; float:right;}
article.team .circuit img.flag {position: absolute; top:60px; right:15px; width:47px;}
article.team .circuit p {text-align: center; line-height:30px;}
article.team .circuit p span.gp {display: block;}
article.team .circuit p span.ora {display: block; color:#FFD373;}
article.team .circuit p date {padding-left:5px;}

/*---------------- TEMPLATE KPM3 --------------*/
.shared-detail header {margin:0;}
.shared-detail .social-content {display: none;}
.shared-detail .body-text {width: 680px; margin:0; float:left;}
.main-content .toolbar {display: none;}
.shared-detail.mini-apertura header h1 {border:none; padding:0; margin:0; display:none;}

/*-------------------- NAV --------------------*/
article.team h2.logo_menu-fe {
    background: #14b7ed url(../img/logo-formulae.png) no-repeat 2%  10%;
    background-size: 10%;
    display: block;
    padding: 15px; margin: 0px!important;
    text-indent: 80px;
    color: #fff;
}
article.team #formulae-nav {width:100%;background-color: #31333C !important;}
article.team #formulae-nav ul {list-style:none; margin:0; padding:0;width:100%;}
article.team #formulae-nav ul li {float:left; background-color: #31333C !important; text-align:center;}
article.team #formulae-nav ul a,
article.team #formulae-nav ul a:visited {color:#fff; display:block; font-size:14px; font-weight: 400; line-height:16px; padding:10px 25px; text-decoration:none;}
article.team #formulae-nav ul a:hover {background-color:#14b7ed; text-decoration:none; border-bottom: none;}
article.team #formulae-nav ul li.vocesel {background-color:#14b7ed!important;}
article.team #formulae-nav ul li.vocesel a {color:#ffffff; }
article.team #formulae-nav ul li.vocesel a:hover {background-color:#14b7ed; color:#FFF}

/*----------------- MOBILE ------------------*/
@media only screen and (min-width: 321px) and (max-width: 480px) {
 article.team .flip-container {
    width: 100%;
    min-height: 470px;
    }
    article.team .flip-container-big {
        min-height: 220px;
        }
        article.team header h2 {
            font-size: 24px; margin:0;
            }
            article.team {
                min-height: 1400px;
                }
                article.mgpx {
                min-height: 5200px;
                }
                article.circuits {
                min-height: 8000px;
                }
                article.team #formulae-nav ul li{
                    float: none!important;
                    }
                    article.team .team-piloti{
                        width: 100%;
                        min-height:400px;
                        }
                        article.team .team-piloti p{
                            min-height:130px;
                            }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  article.team {
    min-height: 1000px;
    }
}