﻿
html, body {
     /**/height: 100%;
   overflow: hidden;
}
.backto {
    color: #000 !important;
    z-index: 2000 !important;
    position:absolute;
    left:1em;
}

.button {
    white-space: inherit;
}

.cm .fasciaBF{
    background-color: blue;
}
#logo-ps-bf {
    width: 100%;
    padding-top: 10px;
    z-index: 2000 !important;
}
img.logoPS {
    width: 200px;
}
.logoBF {
    z-index: 2000 !important;
    text-align: center;
    position: relative;
}
img.logoimgBF {
    width: 35%;
    padding-bottom:20px;
}
#page-wrap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
}

.col-promo {
    text-align: center;
    position: relative;
    /*padding-bottom:5%;*/
}

.col-promo.blue {
    /*background-color: #0089d0;*/
    background-color: rgba(0,137,208,0.7);
}

.col-promo.green {
        /*background-color: #649365;*/
        /*background-color: rgba(100,147,101,0.7);*/
        background-color: rgba(100, 100, 96, 0.7);
    }

.col-promo.gold {
        /*background-color: #b2872f;*/
        /*background-color: rgba(178,135,47,0.7);*/
        background-color: rgba(100, 100, 96, 0.7);
    }

.col-promo.red {
    /*background-color: #c00a21;*/
    background-color: rgba(192,10,33,0.7);
}

.promo-contain p {
    text-align: left;
}

.info-col {
    float: left;
    width: 24.6%;
    height: 75%;
    margin-right: 0.2%;
    margin-left: 0.2%;
    /*background-size: contain;*/
    background-position: bottom;
    background-repeat: no-repeat, no-repeat;
    overflow-y: auto;
}
/*
    .cm .info-col.red, .de .info-col.red  {
        background-image: url("https://puresport.blob.core.windows.net/webimages/t1_A.jpg");
    }

.info-col.red{
    background-image: url("https://puresport.blob.core.windows.net/webimages/t2_A.jpg");
    background-color: #c00a21;
}

    .cm .info-col.blue, .de .info-col.hoe {
        background-image: url("https://puresport.blob.core.windows.net/webimages/t1_B.jpg");
    }
   .blue{ background-color: #0089d0;}
    .info-col.blue {
        
        background-image: url("https://puresport.blob.core.windows.net/webimages/t2_B.jpg");
         
    }
    .cm .info-col.green, .de .info-col.rbe {
        background-image: url("https://puresport.blob.core.windows.net/webimages/t1_C.jpg");
    }
    .green{
        background-color: #649365;}
.info-col.green {
    background-image: url("https://puresport.blob.core.windows.net/webimages/t2_C.jpg");
}
.cm .info-col.gold, .de .info-col.mze {
    background-image: url("https://puresport.blob.core.windows.net/webimages/t1_D.jpg");
}
    .gold{ background-color: #b2872f; }

.info-col.gold{
    background-image: url("https://puresport.blob.core.windows.net/webimages/t2_D.jpg");
}
*/
.veditutto_link, .chiudi {
    cursor: pointer;
    background: rgba(255,255,255,0.2);
    font-size:1.7em;
    line-height:1.9em;
    text-transform:uppercase;
    text-align:center;
    color:white;
    font-weight:300;
}
.circle-up-right {
    width: 150px;
    height: 150px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    right: -60px;
    top: -60px;
}
.image-circle {
    position: absolute;
    right: 0;
    width: 25%;
}

.discount, .discountGreen {
    
    font-weight: 300;
    color: #c00a21;
    font-size: 2em;
    position: absolute;
    right: 0px;
    z-index: 2;
    background: white;
    background-color: white;
    border-radius: 0px 0px 0px 900px;
    padding: 0px 0px 20px 20px;
    width: 90px;
    height: 80px;
    line-height: 60px;
}

.discountGreen2{
    font-weight:bold;
}

.prezzo-da p, .prezzo-da-auto p {
    text-align: center;
}

.discount-after {
    
    font-weight: 300;
    color: black;
    font-size: 1.2em;
    position: absolute;
    right: 0px;
    z-index: 2;
    top: 55px;
}
.title-pack {
    color: #fff;
    font-size: 2.3em;
    font-weight: 700;
    padding: 15px 10px;
    text-align: left;
    background:rgba(0,0,0,0.2);
}
.chiudi {
    display: none;
}
.veditutto {
    display: none;
    background-color: rgba(255,255,255,1);
    padding: 3%;
    width: 100%;
    position: relative;
    box-shadow: inset 0px 4px 5px -2px #272727;
    margin-top: 5%;
    height: 100% !important;
    overflow: auto;
}
.sub-pack {
    color: #fff;
    margin-bottom: 20px;
    
    font-weight: 300;
    padding: 3%;
    margin: 0px;
    width: 100%;
    line-height:1.3em;
    height:20%;
}
.descrgift {
    
    font-weight: 300;
    font-size:1.2em;
    margin-bottom:20px;
}
.monza-wrap{
    display:flex;
    margin-top:2%;
}
.curCol {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 1;
    position: relative;
}
.buttonMain2 {
    background: #c00a21;
    width: auto;
    padding: 0 5px 0 10px;
    color: #fff;
    font-size: 18px;
    line-height: 29px;
    
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    margin:0px auto;
}
.buttonMain {
    background: #c00a21;
    height: 30px;
    overflow: hidden;
    width: auto;
    padding: 0 5px 0 10px;
    color: #fff;
    font-size: 18px;
    line-height: 29px;
    
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    margin:20px;
}
.buttonMain:hover {
    color: #fff;
}
.buttonMain.blue {
    background: #0089d0;
}

.buttonMain.green {
    background: #649365;
}

.buttonMain.gold {
    background: #b2872f;
}
.col-container {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#000;
}
.col-container.cm{
    background-color:blue;
}
img.img-contain{
    margin-bottom:20px;
    width:30%;
}
.notabene2 {
    position: absolute;
    bottom:2px;
    right:2px;
    text-align: right;
    
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1em;
    color: #000;

}
.risparmio{
    width:70%;
    margin:0px auto;
    margin-top:2%;
}
.risparmio-dati {
    display: inline-block;
    width: 24%;
    background-color: rgba(255,255,255,.5);
    line-height: 25px;
    
    color: #fff;
    font-size: 1.2em;
}

.wrap-gift{
    width:70%;
    padding:5%;
    margin:0px auto;
}
.countdown.pack1 {
    /*position:absolute;
    top:50px;
    right:50px;
    width:230px;*/
    position:relative;
    bottom:auto;
}
.countdown.pack1 .labels{
font-weight:300;
}
    .countdown.pack1 .labels p{
        width: 40px;
    }

.countdown .labels.md p{
    width:72px;
    margin:0px;
    margin-right:10px;
}
.countdown .labels.md p:last-of-type{
    margin-right:0px;
}
/**/
.countdown.pack2 {
    text-align: right;
    top: 6.5%;
    right: 17%;
}

.countdown.pack2 .labels {
    font-weight: 300;
}

.countdown.pack2 .labels p {
    width: 40px;
    text-align:left;
}

.tit-promo {
    font-size: 1.2em;
    
    font-weight: 300;
    margin:3% 0% 2% 0%;
    color:#000;
}
.tit-name {
    font-size: .9em;
   
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5%;
    margin-top:2%;
}
.puls-contain {
    display: inline-block;
    position: relative;
    margin: 3%;
}

.wrap-offer {
    margin-bottom: 3%;
    margin-top: 5%;
}
.wrap-offer a {
    color: #000 !important;
}
.puls-contain a {
    color: #000 !important;
}

.puls-contain a:hover {
    color: #000;
    border: 1px solid #c00a21;
}

.puls-contain2 {
    display: inline-block;
    position: relative;
    margin: 1%;
}
.puls-contain2 a {
    color: #000 !important;
}

.puls-contain2 a:hover {
    color: #000;
    border: 1px solid #c00a21;
}

img.puls-img {
    width:50%;
}
img.puls-img2 {
    width: 60%;
}
img.puls-img3 {
    width: 30%;
}
.line{
    border-bottom:1px solid #3e3e3e;
}
/*.descrgift {
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    margin-bottom: 20px;
}*/

.catFormula li {
    line-height: 0 !important;
    width: 50%;
    float: left;
}



.wrapHeader {
    width: 40%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    //margin-left: 33%;
}

@media(max-height:697px){
    .info-col{background-size:cover;}
}
@media(max-width:1366px) {
    .info-col {
        height: 70%;
    
        overflow-y: scroll;
    }
    .fasciaBF{
        max-height:24%;
    }
    .sub-pack{ line-height:1.2em;}
    .red .sub-pack {
        
        line-height:1.4;
    }
    .buttonMain{ line-height:15px;}

    .discount{
        width:60px;
        height:60px;
        line-height:40px;
        padding:0px 0px 20px 20px;
        font-size:1.6em;
    }

}
@media(max-width:1024px){

    .discount {
        width: 60px;
        height: 60px;
        line-height: 40px;
        padding: 0px 0px 20px 20px;
        font-size: 1.6em;
    }
}
@media(max-width:767px) {
    .wrapHeader {
        width: 40%;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto;
    }
        .col-promo.blue {
        /*background-color: #0089d0;*/
        background-color: rgba(0,137,208,1);
    }

    .col-promo.green {
        /*background-color: #649365;*/
        /*background-color: rgba(100,147,101,0.7);*/
        background-color: rgba(100, 100, 96, 1);
    }

    .col-promo.gold {
        /*background-color: #b2872f;*/
        /*background-color: rgba(178,135,47,0.7);*/
        background-color: rgba(100, 100, 96, 1);
    }

    .col-promo.red {
        /*background-color: #c00a21;*/
        background-color: rgba(192,10,33,1);
    }
    .hoe .title-pack, .rbe .title-pack, .mze .title-pack{
        line-height:80px;
        font-size:1.8em;
    }
    .info-col .sub-pack {
        
        line-height: 1.3;
    }
    .buttonMain {
        line-height: 29px;
    }
    .discount, .discountGreen {
        padding: 0px 0px 30px 30px;
        width: 100px;
        height: 90px;
        line-height: 60px;
        font-size: 2.8em;
    }
    .col-promo.blue {
        z-index: 2;
    }

    .col-promo.gold {
        z-index: 2;
    }
    #page-wrap .info-col{
        background-image:none;
        margin-bottom:20px;
    }

    #logo-ps-bf {
        width: 210px;
        float: right;
        padding-top: 15px;
    }

    .trg-color img {
        width: 60%;
    }

        .trg-color img.title {
            margin: 0px auto;
            margin-top: 0px;
        }

    .info-col {
        float: none;
        width: 100%;
        height: auto;
    }

    .col-promo {
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px; /*20px 0px;*/
    }

    html, body {
        height: auto !important;
        overflow: auto !important;
        min-height: inherit !important;
    }

    #page-wrap {
        height: auto;
        position: relative;
    }

    img.logoimgBF {
        width: 80%;
    }

    img.logoPS {
        margin-left: 0;
    }

    .promo-contain {
        width: 100%;
    }

    .triangle-up-right {
        top: 0px;
    }

    .discount {
        top: 0;
    }

    .sub-pack {
        width: 95%;
        
    }

    .puls-contain {
        width: 45%;
    }


    .veditutto {
        padding: 1%;
    }

    .monza-wrap {
        padding-bottom: 5%;
    }

    .ultimo-mob {
        padding-bottom: 5%;
    }

    img.puls-img {
        width: 100%;
    }

    img.puls-img2 {
        width: 80%;
    }

    .countdown.pack1 {
        text-align: center;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    .countdown.pack2 {
        text-align: center;
        margin-top: 10%;
    }

    .descrgift {
        padding-top: 10%;
    }

    .buttonMain2 {
        margin-bottom: 10%;
    }

    img.puls-img3 {
        width: 70%;
    }

    img.puls-img2 {
        width: 60%;
    }
}

.catFormula #calendarHome.scrollBar {
    width: 100%;
    background: #fff;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

.dateF h3 {
    background: #c00a21;
    color: #fff;
    padding: 6px 2%;
    margin: 0;
    width: 96%;
    text-align: center;
    text-transform: uppercase;
    
    -webkit-font-smoothing: antialiased;
    
    display: block;
    position: relative;
}


.open .veditutto_link {
    display: none;
}

.open .chiudi {
    display: block;
}

.open .veditutto {
    display: block;
}

.open {
    height: 100%;
    box-sizing: content-box;
}

    .open * {
        box-sizing: content-box;
    }

    .open select.ddn {
        box-sizing: border-box;
    }


.TitleNatale {
    font-size: 1.8em;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    font-weight: bold;
}

    .TitleNatale b {
        color: #c00a21;
    }





.text-lung, .text-larg, .text-rett, .text-curv {
    font-weight: bold;
}

.dettagli, .dettagliAuto {
    padding-bottom: 10px;
    display: none;
    margin: 0px auto;
    width: 64%;
}

.priceGreen, .priceGold {
    font-size: 28px;
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 700;
}




.buttonMainAvanti {
    background: #c00a21;
    height: 30px;
    overflow: hidden;
    width: auto;
    color: #fff;
    font-size: 18px;
    line-height: 29px;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    padding: 10px;
    margin: 10px
}

.infoNatale {
    color: #c00a21;
    height: auto;
    overflow: hidden;
    width: 40%;
    background-color: #fff;
    font-size: 15px;
    line-height: 30px;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    margin: 10px 10px 30px;
    padding: 8px;
    font-weight: bold;
}

.col-start {
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    margin: 2%;
    font-size: 17px;
}

.banner-trust {
    position: absolute;
    bottom: -10px;
    width: 100%;
}



.wrapHeaderTrust {
    width: 40%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

    .wrapHeader:first-of-type, .wrapHeaderTrust:last-of-type {
        width: 29%;
        margin-top: 1%;
    }

        .wrapHeaderTrust:last-of-type .trustpilot-widget {
            width: 60%;
            float: right;
        }

.fascia2021 {
    padding: 1%;
    z-index: 100;
    background: url('https://puresport.blob.core.windows.net/webimages/bg_header-footer-summer.jpg') right 50% #ccc no-repeat;
    position: relative;
}

.info-col {
    height: 80%;
    background-size: 100%;
    background-position: bottom;
}

.info {
    margin-top: 4%;
}

/*.green{backgound-position-y:-50px;}*/



.advicesPack {
    background-color: #ffd800;
    padding: 3%;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    text-align: left;
}

.col-containerLanding {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    /*background-color:#fefcfd;
           background-image: url("https://puresport.blob.core.windows.net/webimages/landing-default.jpg");*/
    background-position: center;
    background-size: 100% 100%;
}


.puls-contain {
    width: 70%;
    margin: 0px 1%;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed',Arial,sans-serif;
    border: 2px solid transparent;
}

    .puls-contain.selected, .plus-contain:hover {
        border: 2px solid #c00a21;
    }

img.puls-img {
    object-fit: contain;
    height: 115px;
    width: 100%;
}

.veditutto {
    width: auto !important;
}

.ddn {
    width: 100%;
}


.promo-contain p:first-child {
    margin-top: 10px;
}


.TitleNatale b {
    color: #c00a21;
}

.miniCircuit {
    border-radius: 50px;
    width: 70px;
    height: 70px;
    background-size: contain;
    margin: 5px;
    background-color: white;
    float: left;
}

.mze .miniCircuit {
    background-image: url("https://puresport.blob.core.windows.net/webimages/circuito-tracciato-monza.jpg");
}

.hoe .miniCircuit {
    background-image: url("https://puresport.blob.core.windows.net/webimages/circuito-tracciato-hockenheimring.jpg");
}

.rbe .miniCircuit {
    background-image: url("https://puresport.blob.core.windows.net/webimages/circuito-tracciato-redbullring.jpg");
}

.hoe .title-pack-2021, .rbe .title-pack-2021, .mze .title-pack-2021 {
    padding: 5px;
    line-height: 70px;
}

/*.logoimgPS{ width:95%;}*/


.red .promo-contain p {
    margin-bottom: 13px;
}

.title-pack-2021 {
    color: #fff;
    padding: 15px 10px;
    text-align: left;
    background: rgba(0,0,0,0.2);
}

@media(min-width:1024px) {
    /*
            .TitleNatale{
                font-size:2vw;
            }*/
}

@media(max-width:1688px) {

    .wrapHeaderTrust:last-of-type .trustpilot-widget {
        width: 80%;
    }
}

@media(max-width:1366px) {
    .de .title-pack-2021 {
        line-height: 60px;
    }

        .de .title-pack-2021 .miniCircuit {
            width: 50px;
            height: 50px;
        }

    .de .red .title-pack-2021 {
        line-height: inherit;
    }
}

@media(max-width:767px) {

    .dettagli, .dettagliAuto {
        padding-bottom: 10px;
        display: none;
        margin: 0px auto;
        width: 63%;
    }

    .discount, .discountGreen {
        padding: 0px 0px 0px 4px;
        color: #c00a21;
        background-color: white;
        width: 55px;
        height: 55px;
        line-height: 40px;
        font-size: 1.8em;
    }

    #page-wrap {
        background-size: cover;
    }

    img.logoimgPS {
        width: 80%;
    }

    .wrapHeaderTrust:last-of-type .trustpilot-widget {
        width: 100%;
        float: none;
    }

    .wrapHeader, .wrapHeaderTrust {
        width: 100% !important;
        display: block;
        margin-bottom: 30px;
    }

    #logo-ps-bf {
        float: none;
        padding-top: 0px;
    }

    .TitleNatale p {
        margin: 0 0 0px;
    }

    .fascia2021 {
        padding: 0px;
    }

    .veditutto {
        padding-left: 10px;
        padding-right: 10px;
    }

    .logoimgPS {
        width: 80%;
    }

    .giftcardWrap .descrgift {
        padding-top: 0px;
    }
}

.catFormula #calendarHome.scrollBar {
    height: 100%;
    overflow-y: hidden;
}

#video-container {
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

video {
    position: absolute;
    z-index: 0;
    width: 100%;
}

.btn-video {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 25px;
    color: white;
    font-size: 20px;
}

#playPauseBtn {
    margin-right: 15px;
}

.scrollBar .date.winter.partial > .aster::before {
    display: none;
}

.scrollBar .date.winter.partial > .aster::after {
    display: none;
}

.scrollBar .date.winter:hover > .aster {
    display: none;
}


.catFormula #calendarHome .date {
    width: 93%;
    border-right: 1px solid #eee;
}

select {
    font-weight: bold;
}

