/* FONT INCLUDE */
    @font-face { 
        font-family:'RobotoRegular';
        src: local('RobotoRegular'), 
        url('../font/roboto/Roboto-Regular.ttf') format('truetype'); 
    }
    @font-face { 
        font-family:'RobotoMedium';
        src: local('RobotoMedium'), 
        url('../font/roboto/Roboto-Medium.ttf') format('truetype'); 
    }
    @font-face { 
        font-family:'RobotoMediumItalic';
        src: local('RobotoMediumItalic'), 
        url('../font/roboto/Roboto-MediumItalic.ttf') format('truetype'); 
    }
    @font-face { 
        font-family:'RobotoThin';
        src: local('RobotoThin'), 
        url('../font/roboto/Roboto-Thin.ttf') format('truetype'); 
    }
    @font-face { 
        font-family:'RobotoThinItalic';
        src: local('RobotoThinItalic'), 
        url('../font/roboto/Roboto-ThinItalic.ttf') format('truetype'); 
    }
    @font-face { 
        font-family:'RobotoBold';
        src: local('RobotoBold'), 
        url('../font/roboto/Roboto-Bold.ttf') format('truetype'); 
    }
    @font-face { 
        font-family:'RobotoBoldItalic';
        src: local('RobotoBoldtalic'), 
        url('../font/roboto/Roboto-BoldItalic.ttf') format('truetype'); 
    }
    @font-face{
        font-family:'RobotoBoldCondensed'; 
        src: local('RobotoBoldCondensed'), 
        url('../font/roboto_condensed/RobotoCondensed-Bold.ttf') format('truetype');  
    }
    @font-face{
        font-family:'RobotoLightCondensed'; 
        src: local('RobotoLightCondensed'), 
        url('../font/roboto_condensed/RobotoCondensed-Light.ttf') format('truetype');  
    }
    @font-face { 
        font-family:'MyriadProCondensed';
        src: local('MyriadProCondensed'), 
        url('../font/MyriadPro-Cond.otf') format('opentype'); 
    }
/* FONT INCLUDE END */


/* GENERAL */
    html {
        max-width: 100vw;
        overflow-x: hidden!important;
    }
    body {
        font-family: 'RobotoRegular', sans-serif;
        font-weight: 500 ;
        font-size: 16px;
        margin: 0;
        padding: 0;
        max-width: 100vw;
        overflow-x: hidden!important;
    }
    .mx-auto{
        position: absolute;
        top: 0;
        z-index: 9;
        width: 100%;
    }   
/* GENERAL END */


/* NAV */
.navv{
    height: 40px;
}
.navvA{
    margin: -6px auto;
}
.logo{
    display: block;
    width: 22%;
    margin: 20px auto;
}
/* NAV END */


/* MOUNTAIN_HEADER */
.main{
    padding-right: 0px!important; 
    padding-left: 0px!important;
   

}
.parallaxData{
    font-size: 300px;
    text-align: center;
}
.parallaxAbsolute{
    position: absolute;
    display: none;
    
}

.mon-header-sm{
    background-image: url(../img/newParallax/sfondo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
    padding-top: 6rem;
   
}
.backsms{
    background-image: url(../img/corretta.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 520px;
   
}
.mon-header-sm-data{
    text-align: center;
    font-size: 125px;
    font-weight: bold;
    color: white;
    padding-top: 0px;
}
.mon-header-sm-subtext{
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: -30px;
}
.mon-header-sm-subtext2{
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: -20px;
}

.parallaxBianco{
    width:100%;
    height:100%;
   
}
.fixNav{
    position: fixed;
    top: 0;
    width: 100%;
}
.nofixNav{
    position:inherit;
    top: 0;
    width: 100%;
}
/* MOUNTAIN_HEADER END */


/* NEVE */
.snowflake {
    position: absolute;
    left: -50px;
    /* right: 0px; */
    width: 10px;
    height: 10px;
    background: linear-gradient(white, white); 
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);
}

/* NEVE END */

/* CARD */
/* .CardRowFrist{
    margin-top: 20rem;
} */
.cardRow{
    margin-top: 50px;
}
.cardImg{
    background-image: url('../img/card/SFONDO_01.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cardImgRight{
    background-image: url('../img/card/SFONDO_02.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
}
.cardImg2{
    background-image: url('../img/card/SFONDO_03.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; 
}
.cardText{
    z-index: 99;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #444444;
    font-size: 13px;


}
.text-break{
    padding-left: 10px;
    padding-right: 10px;
}
.cardTitle{
    font-family: 'RobotoBoldCondensed', sans-serif;
    color: #163B53;
    font-size: 18px;
    border-bottom: 1px solid #0000005c;
    padding-left: 10px;
    padding-top: 15px;
    margin-bottom: 2rem;
}
.cardSpan{
    font-family: 'RobotoLightCondensed', sans-serif;
    font-size: 18px;

}
.cardButton{
    border-radius: 25px;
    font-size: 13px;
    align-self: flex-start;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cardButton:hover{
    background-color: #1B448F;
    border-color: #1B448F;
}
.containerLottie{
    width: 60%;
}

.surferposition{
    display: flex;
    justify-content: flex-end;
    align-content: center;
}
.surferpositionSX{
    display: flex;
    justify-content: flex-start;
    align-content: center;
}
/* CARD END */


/* VIDEO */

.videoTree{
    width: 150%;
    margin-top: 4%;
}
#videoContainer{
    display: none;
}

.sm-video{
    width:300px; 
    height:auto;
    margin: 0 auto;
    padding-bottom: 100px;
    padding-top: 40px;
    position: relative;
    z-index: 1;
}
.sm-img{
    position: relative;
    top: -250px;
    left: -100px;
    width: 140%;
    z-index: 999;
}
.clickVideo{
    display: none;
}


/*  END VIDEO */

/* PREFOOTER */
.happyContainer{
    margin-top: -2rem;
}
.preFooterTitle{
    font-size: 17px;
    color: #163B53; 
    font-weight: 700;
}
.preFooterIcon{
    font-size:25px ;
    color:#1B448F;
}
.preFooterIcon:hover{
    color: #ffc107!important;
}
.whiteBannerText{
    font-size: 10px;
    margin-top: 5px;
}
.whiteBannerImg{
    width: 16px;
}
.happy{
    color: #075D97;
    font-family: 'RobotoBoldCondensed', sans-serif;
    display: flex;
    font-size: 28px;
    margin-top: 50px;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.socialBar{
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}

.preSurfer{
    width: 70%;
}
.preSurfercol{
    margin-bottom: -6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}
/* PREFOOTER END */


/* FOOTER */
.footerA{
    font-size: 9px;
}
.footerA:hover{
    color: #ffc107!important;
}
.footerCopy{
    color: white;
    font-size: 8px;
    margin: 5px 10px;
    font-weight: 500;
}
/* FOOTER END */


/* MEDIA BREAKPOINT */
@media (min-width: 768px) { 
    /* nav */
        .logo{
            width: 27%;
        }
        .navv {
            height: 60px;
        }
        .navvA {
            margin: 2px auto;
        }

    /* mountain_header */   
        .parallaxAbsolute{
            position: absolute;
            display: unset;
        }
        .mon-header-sm{
            display: none;
        }

    /* card */
        /* .CardRowFrist{
            padding-top: 10rem;
        } */
        .containerLottie{
            width: 40%;
        }
        .cardTitle {
            font-size: 20px;
            padding-left: 0px;
            padding-top: 0px;
        }
        .cardSpan {
            font-size: 20px;
        }
        .cardText {
            font-size: 14px;
        }
        .text-break{
            padding-left: 0px;
            padding-right: 0px;
        }
        .cardButton {
            font-size: 14px;
            margin-left: 0px;
        }
        .surferposition{
            display: flex;
            justify-content: center;
            align-content: center;
        }
        .surferpositionSX{
            display: flex;
            justify-content: center;
            align-content: center;
        }

        /* video */
      
        .videoTree{
            width: 100%;
            margin-top: 7%;
        }
        #videoContainer{
            display: flex;
        }
        #videoContainer2{
            display: none;
        }
        .sm-video{
            display: none;
        }
        .sm-img{
            display: none;
        }
        .clickVideo{
            display: block;
        }
        /* .videoSfondo{
            width: 50%;
        } */
        /* prefooter */
        .preFooterIcon{
            font-size:26px ; 
        }
        .preFooterTitle{
            font-size: 18px;
        }
        .preSurfer{
            width: 70%;
        }
        .preSurfercol{
            margin-bottom: -12rem;
            align-items: baseline;
        }
        .happy{
            display: flex;
            flex-direction: row-reverse;
            flex-wrap: nowrap;
            justify-content: flex-start;
            font-size: 26px;
            margin-top: 50px;
            margin-left: 50px;
        }
        /* footer */
        .footerA{
            font-size: 12px;
        }
        .footerCopy{
            font-size:10px
        }
}
@media (min-width: 992px) { 
     /* card */
     /* .CardRowFrist{
        padding-top: 1rem;
    } */
        .containerLottie{
            width: 60%;
        }
        .cardImg{
            background-size: contain;
        }
        .cardImgRight{
            background-size: contain; 
            min-height: 600px;
        }
        .cardImg2{
            background-size: contain; 
            min-height: 600px;
        } 
        .cardTitle {
            font-size: 21px;
        }
        .cardSpan {
            font-size: 21px;
        }
        .cardText {
            font-size: 15px;
        }
        .cardButton {
            font-size: 15px;
        }
        .surferposition{
            display: flex;
            justify-content: flex-end;
            align-content: center;
        }
        .surferpositionSX{
            display: flex;
            justify-content: flex-start;
            align-content: center;
        }
        .happy{
            font-size: 32px;
            margin-top: 50px;
            margin-left: 0px;
        }

         /* video */
         .videoPlayer{
            top:28%;
        }
        .sm-img{
            display: none;
        }
    /* prefooter */
        .preFooterTitle{
            font-size: 19px;
        }
        .preFooterIcon{
            font-size:27px ;
        }

        .whiteBannerText{
            font-size: 11px;
        }
        .whiteBannerImg{
            width: 18px;
        }
    /* footer */
        .footerA{
            font-size: 13px;
        }
        .footerCopy{
            font-size: 10px;
        } 
}
@media (min-width: 1200px) {
    /* card */
        /* .CardRowFrist{
            margin-top: 50rem;
        } */
        .happy{
            font-size: 40px;
            margin-top: 50px;
            margin-left: 0px;
        }
}
@media (min-width: 1400px) {
    /* card */
        /* .CardRowFrist{
            margin-top: 60rem;
        } */
        .cardTitle {
            font-size: 22px;
        }
        .cardSpan {
            font-size: 22px;
        }
         /* video */
         .videoPlayer{
            top:23%;
            left: 48%;
        }
        .videoPlayerImg{
            width: 4%!important;
        }
        .footerA{
            font-size: 14px;
        }
        .footerCopy{
            font-size: 10px;
        } 
        .whiteBannerText {
            font-size: 12px;
        }
        .footerA{
            font-size: 15px;
        }
        .footerCopy{
            font-size: 11px;
        } 
}
@media (min-width: 1800px) {
    /* card */
        /* .CardRowFrist{
            padding-top: 0px;
        } */
        .whiteBannerImg{
            width: 19px;
        }
         /* video */
         .videoPlayer{
            top:21%;
        }
        .footerA{
            font-size: 15px;
        }
        .footerCopy{
            font-size: 12px;
        } 
}
@media (min-width: 2100px) {
    /* card */
        /* .CardRowFrist{
            margin-top: 70rem;
        } */
        .cardTitle {
            font-size: 24px;
        }
        .cardSpan {
            font-size: 24px;
        }
        .footerA{
            font-size: 16px;
        }
        .footerCopy{
            font-size: 13px;
        } 
        .whiteBannerText {
            font-size: 13px;
        }
        

}
@media (min-width: 2550px) {
    /* card */
        /* .CardRowFrist{
            margin-top: 5rem;
        } */
        .cardTitle {
            font-size: 26px;
        }
        .cardSpan {
            font-size: 26px;
        }
        .cardText {
            font-size: 16px;
        }
        .whiteBannerText {
            font-size: 16px;
        }
        .whiteBannerImg{
            width: 28px;
        }
        .footerA{
            font-size: 16px;
        }
        .footerCopy{
            font-size: 15px;
        } 
        .videoPlayerImg{
            width: 3%!important;
        }
        .happyContainer{
            margin-top: -4rem;
        }

}
@media (min-width: 2750px) {
    /* card */
        .CardRowFrist{
            padding-top: 450px;
        }
        .cardTitle {
            font-size: 32px;
        }
        .cardSpan {
            font-size: 32px;
        }
        .cardText {
            font-size: 16px;
        }
        .whiteBannerText {
            font-size: 16px;
        }
        .whiteBannerImg{
            width: 28px;
        }
        .footerA{
            font-size: 17px;
        }
        .footerCopy{
            font-size: 16px;
        } 

}

/* MEDIA BREAKPOINT END */