/*
 *  GENERAL
 */
html{
    font-size:20px;
}
/*
 * Text with background
*/
.bg-green-text-white{
    background:#03b972;
    color:#ffffff;
    padding:5px 10px;
}
.text-bold{
    font-weight:900;
}
.text-uppercase{
    text-transform:uppercase;
}
#compila_form_container a{
    position:relative;
}
.bg-red-text-white{
    background:#f62423;
    color:#ffffff;
}

.bg-red-text-white {
    background: #f62423;
    background:linear-gradient(45deg, #f62423 0% , #f62423 33%, #000000 33.1%, #000000 66%, #f62423 66.1%, #f62423 100%);
    background-size:300%;
    background-position:0%;
    color: #ffffff;
    /* border-radius: 50px; */
    padding: 10px 20px 10px 20px;
    transition: background-position .9s, padding-right .3s;
    cursor:pointer;
    display: inline-block;
}
.bg-red-text-white:hover{
    background-position:150%;
    padding-right:90px;
}
.btn-icon-from-top{
    opacity:0;
    position:absolute;
    top:-100px;
    position: absolute;
    width: 40px;
    color: #fff;
    transition: top .3s, opacity .3s, filter .3s;
    filter:blur(10px);
}
.bg-red-text-white:hover + .btn-icon-from-top{
    opacity:1;
    top:1px;
    filter:blur(0px);
}
.text-highlighted-yellow{
    background:linear-gradient(360deg, #ffc41e 0%, #ffc41e 40%, #ffffff 40%, #ffffff 100%) repeat-x;
}

/*
 * Home Hero
*/
.home-btn-hero{
    margin-top:60px;
    transition: all .3s;    
}
.home-btn-hero a{
    width:60%;
    font-size:48px;
    text-transform: uppercase;
    font-weight: 900;
    padding:30px ;
    line-height:48px;
    font-family: Sora;
}
.home-btn-hero .uk-icon svg{
    width:120px;
}
.hero-text{
    line-height:4rem;
}
.home-hero-big{
    line-height:90px;
}
.hero-btn-go-bottom .uk-icon{
    color:#ffffff;
    fill:#ffffff;
    position:relative;
    transition: fill .3s;
}
.hero-btn-go-bottom-black .uk-icon{
    color:#000000;
    fill:#000000;
}
.hero-btn-go-bottom:hover .uk-icon{
    animation: icon-top-bottom .6s infinite; 
    fill:#03b972;
}
@keyframes icon-top-bottom {
    0%{
        top: 0px
    }
    50%{
        top:  -50px;
    }
    100%{
        top: 0px;
    }
}
/*
 * Form
 */
.uk-button-primary{
    transition: all .2s;
}
.uk-button-primary:hover{
    border-color:#f62423;
    color:#1b1b1b;
    background-color: #ffffff;
}
.btn-icon-top-animation button{
    overflow: hidden;
}
.btn-icon-top-animation .ye-form--btn-content .uk-icon{
    position: absolute;
    top: -100px;
    transition: all .2s;
    filter: blur(10px);
}
.btn-icon-top-animation .ye-form--btn-content .uk-icon svg{
    width:30px;
}
.btn-icon-top-animation .uk-button-primary{
    box-shadow: 0px 0px 10px #ffffff;
}
.btn-icon-top-animation .uk-button-primary:hover{
    box-shadow: 1px 3px 0px #aeaeae;
}
.btn-icon-top-animation .uk-button-primary .uk-text-middle{
    position: relative;
    left:0px;
    transition: left .4s;
    font-weight:900;
}
.btn-icon-top-animation .uk-button-primary:hover .uk-text-middle{
    left:-20px;
}
.btn-icon-top-animation .uk-button-primary:hover .uk-icon{
    top:18px;
    filter:blur(0px);
}
@media only screen and (max-width:669px){
    .btn-icon-top-animation .uk-button-primary:hover .uk-icon{
        top:6px;
        filter:blur(0px);
    }
}
@media only screen and (max-width: 517px){
    .btn-icon-top-animation .ye-form--btn-content .uk-icon svg{
        width:50px;
    }
    .btn-icon-top-animation .uk-button-primary:hover .uk-icon{
        top:18px;
        filter:blur(0px);
    }
}
.ye-form--btn-spinner svg{
    width:50px;
}
.uk-form .uk-text-danger .uk-list li{
    font-weight:900;
}
.form-radio-button-text-large{
    font-size:20px;
}
.sm-radio-button .uk-text-danger .uk-list li{
    border-top:2px solid #f62423;
}
.btn-text-large a, .btn-text-large button{
    font-size:32px;
    text-transform: uppercase;
    border: 3px solid #f62423;
}
.btn-text-large a span svg{
    width:32px;
}
.uk-heading-xlarge{
    font-size:5rem;
}
@media only screen and (max-width:767px){
    .uk-heading-xlarge{
        font-size:3rem;
    }
    
    .hero-heading{
        text-align:left!important;
    }
}
@media only screen and (max-width:669px){
    .btn-text-large a, .btn-text-large button{
        font-size:1.5rem;
        line-height:2.5rem;
    }
}
@media only screen and (max-width:517px){
    .btn-text-large a, .btn-text-large button{
/*        font-size:2rem;*/
        font-size:1.5rem;
    }
}
#modello_auto option{
/*    display:none;*/
}


@media only screen and (max-width:1400px){
    .home-btn-hero a{
        width:80%;
    }
}
@media only screen and (max-width:767px){
    .bg-red-text-white{
        text-align:center;
    }

    /*
    * Home
    */
    .home-btn-hero{
        margin-top:60px;
        transition: all .3s;    
    }
    .home-btn-hero a{
        font-size:36px;
        text-transform: uppercase;
        font-weight: 900;
        padding:15px 30px 15px 30px;
        line-height:36px;
    }
    /*
    * Hero content
    */
    .hero-text{
        line-height:4rem;
    }
    .home-hero-big{
        line-height:70px;
    }
}

@media only screen and (max-width:600px){
    .home-hero-big{
        text-align:left!important;
    }
    .home-btn-hero a{
        font-size:24px;
        width:100%;
        padding:15px 60px 15px 30px;
    }
    
    .home-btn-hero a .uk-icon svg{
        max-width: none;
        width:60px;
    }
    .force-mobile-left-align{
        text-align:left!important;
    }
    .uk-heading-medium{
        font-size:2.1rem;
    }
    .uk-heading-small{
     font-size:2rem;   
    }
}