@font-face {
    font-family:'Semibold-Regular';
    src: url("../font/FreightSansProSemibold-Regular.eot");
    src: url("../font/FreightSansProSemibold-Regular.eot?#iefix") format("eot"),
         url("../font/FreightSansProSemibold-Regular.woff") format("opentype"),
         url("../font/FreightSansProSemibold-Regular.ttf") format("truetype"),
         url("../font/FreightSansProSemibold-Regular.svg") format("svg"),
         url("../font/FreightSansProSemibold-Regular.otf") format("opentype");  
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:'Book-Regular';
    src: url("../font/FreightSansProBook-Regular.eot");
    src: url("../font/FreightSansProBook-Regular.eot?#iefix") format("eot"),
         url("../font/FreightSansProBook-Regular.woff") format("opentype"),
         url("../font/FreightSansProBook-Regular.ttf") format("truetype"),
         url("../font/FreightSansProBook-Regular.svg") format("svg"),
         url("../font/FreightSansProBook-Regular.otf") format("opentype");  
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:'ProBold-Regular';
    src: url("../font/FreightSansProBold-Regular.eot");
    src: url("../font/FreightSansProBold-Regular.eot?#iefix") format("eot"),
         url("../font/FreightSansProBold-Regular.woff") format("opentype"),
         url("../font/FreightSansProBold-Regular.ttf") format("truetype"),
         url("../font/FreightSansProBold-Regular.svg") format("svg"),
         url("../font/FreightSansProBold-Regular.otf") format("opentype");  
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:'ExquiseFY-Bold';
    src: url("../font/ExquiseFY-Bold.eot");
    src: url("../font/ExquiseFY-Bold.eot?#iefix") format("eot"),
         url("../font/ExquiseFY-Bold.woff") format("opentype"),
         url("../font/ExquiseFY-Bold.ttf") format("truetype"),
         url("../font/ExquiseFY-Bold.svg") format("svg"),
         url("../font/ExquiseFY-Bold.otf") format("opentype");  
    font-weight: 500;
    font-style: normal;
}


b{
    font-family:'ProBold-Regular';
}


html,body{
    width:100%;
    font-family:'Book-Regular';
    font-size:25px;
    color:#333333;
    
}

button:focus{
    outline:none;
}

section{
    width:100%;
    float:left;
}

img{
    width:100%;
}

header{
    background-color:#fff;
}

header .navbar-nav{
    float:right;
}

header .navbar.navbar-expand-lg.navbar-light{
    padding-left:0;
    padding-right:0;
    margin-bottom:0;
}

header .navbar-toggler{
    border:none;
    height:40px;
    width:40px;
    float:right;
    margin-top:20px;
    background-color:#fff;
    
}

header .navbar-toggler-icon{
    width:40px;
    height:4px;
    background-color:#000;
}


header .navbar-nav{
    list-style:none; 
    padding-top:40px;
}


header .navbar-brand{
    height:auto;
}


header .navbar-nav>li{
    margin-left:10px;
    margin-right:10px;
}

.navbar-light .navbar-nav .nav-link{
    color:#333333;
    font-size:20px;
    font-family:'Semibold-Regular';
}

header .navbar-nav .nav-link:hover{
    text-decoration: none;
    color:#2d8a42;
}


header .navbar-nav .nav-link.active{
    color:#2d8a42;
}


header .logo-header{
    width:60px;
}



header img.social-icon {
    width:30px;
}

h3{
    font-family:'ExquiseFY-Bold';
    margin:0;
    font-size:40px;
}


#main-section{
    background-image: url(../img/main.jpg);
    background-position: center;
    background-size: cover;
    height:800px;
    padding-top:100px;
    position:relative;
    overflow:hidden;
}

#main-section .main-logo-container{
    width:350px;
}

#main-section .main-logo-container img{
    width:100%;
}

#main-section .text-logo p{
    color:#2d8a42;
}

#main-section .text-logo{
    margin-bottom:40px;
}

.general-button{
    background-color:#c21f33;
    color:#fff;
    border-radius:28px;
    height:45px;
    text-align: center;
    border:none;
    width:auto;
    cursor:pointer;
    font-size:20px;
    width:165px;
    -webkit-box-shadow: -1px 1px 11px 2px rgb(0 0 0 / 42%);
    box-shadow: -1px 1px 11px 2px rgb(0 0 0 / 42%);
    position:relative;
    overflow:hidden;
    font-family:'Semibold-Regular';
}

.general-button:hover {
  background-color:#f6b537;
transition: 0.5s;
}




#green-section{
    background-color:#2d8a42;
    color:#fff;
    padding-top:30px;
    padding-bottom:50px;
    position:relative;
}

#green-section .img-line{
    position:absolute;
    left:-100px;
    width:1000px;
    z-index:9;
    top:-250px;
}

#green-section .img-round-container{
    position:absolute;
    left:-50px;
    top:-100px;
    width:480px;
    z-index:99;
}

#green-section .container-relative{
    position:relative;
}

#green-section .text-paragraph{
    margin-bottom:20px;
}




#carousel-section{
    padding-top:80px;
    padding-bottom:50px;
}

#carousel-section .carousel-container{
    width:70%;
    margin:0 auto;
    text-align:center;
}

#carousel-section .client-photo{
   width:170px;
   margin:0 auto;
}

#carousel-section .name{
    color:#2d8a42;
    font-family:'ExquiseFY-Bold'
}

#carousel-section .bg-title{
    background-color:#c21f33;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:38px;
    color:#fff;
    border:none;
    cursor:auto;
    width:320px;
    margin:0 auto;
    text-align:center;
    margin-bottom:40px;
    
}

#carousel-section h3{
    margin-bottom:0;
}

#owl-main .owl-nav button.owl-prev{
    background-image:url(../img/arrow-left.png);
    background-repeat: no-repeat;
    background-size:cover;
    height:10px;
    width:50px;
    position:absolute;
    top:70px;
    left:150px;
}
#owl-main .owl-nav button.owl-next{
     background-image:url(../img/arrow-right.png);
     background-repeat: no-repeat;
    background-size:cover;
    height:10px;
    width:50px;
    position:absolute;
    top:70px;
    right:150px;
}

#owl-main .owl-nav button.owl-prev:hover{
    background-image:url(../img/arrow-left.png);
    background-repeat: no-repeat;
    background-size:cover;
    height:10px;
    width:50px;
    background-color:#fff;
}
#owl-main .owl-nav button.owl-next:hover{
     background-image:url(../img/arrow-right.png);
     background-repeat: no-repeat;
    background-size:cover;
    height:10px;
    width:50px;
     background-color:#fff;
}

#owl-main .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
    display:none;
}


#form-section{
    background-image:url(../img/bg-form.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    height:auto;
    padding-top:50px;
    padding-bottom:50px;
}

#form-section .form-container{
    width:80%;
    margin:0 auto;
    background-color:#fff;
    -webkit-box-shadow: -1px 1px 11px 2px rgba(0,0,0,0.42); 
box-shadow: -1px 1px 11px 2px rgba(0,0,0,0.42);
    
}

#form-section .col-bg{
    background-image: url(../img/img-form.png);
    background-repeat: no-repeat;
    background-size:cover;
    height:600px;
}

#form-section .form-container h3{
    color:#2d8a42;
}


#contact-form{
    padding-top:40px;
    padding-left:20px;
    padding-right:35px;
}



#contact-form .form-control {
    background-clip: padding-box;
    border:none;
    border-bottom: 1px solid #ced4da;
    border-radius:0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size:15px;
    padding-left:40px;
    position:relative;
    box-shadow: none;
}


#contact-form span{
    position:absolute;
    bottom:21px;
    left:20px;
}


#contact-form span img{
    width:auto;
    height:20px;
    
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid #82bc8e;
}


#contact-form .field-container{
    margin-top:40px;
}

#contact-form textarea{
    height:150px;
}

#contact-form .textarea-span{
    position:absolute;
    top:10px;
    left:20px;
    bottom:inherit;
}

#contact-form .form-control.error{
    border-bottom:1px solid red;
}

footer{
    background-color:#4d4d4d;
    color:#fff;
    padding-bottom:30px;
    padding-top:30px;
    width:100%;
    float:left;
}

footer .img-logo-container{
    width:120px;
}

footer p{
    font-size:18px;
}

footer a{
    color:#fff;
    text-decoration:none;
}

footer a:hover{
    color:#fff;
    text-decoration:none;
}

footer a:focus {
    color: #fff;
    text-decoration: none;
}

footer .social-icon-footer-container{
    text-align:right;
    margin-top:20px;
}

footer .social-icon-footer-container img{
    width:35px;
    margin-left:20px;
}

i.fas.fa-bars {
    font-size: 25px;
}

button.navbar-toggle.visible-xs {
    margin-top: 25px;
}



@media only screen and (max-width: 1199px) {
    
#green-section .img-round-container {
    left: 0px;
    top: -100px;
    width: 400px;

}
    
}


@media only screen and (max-width: 992px) {
    
#green-section .img-round-container {
    position: relative;
    width: 100%;
    margin:0 auto;
    top:0;
}
    
html,body{

    font-size:18px;
    
}
    
#owl-main .owl-nav button.owl-next {
    right: 50px;
}
    
#owl-main .owl-nav button.owl-prev {
    left: 50px;
}
    
#form-section .form-container{
        width:100%;
    }
    
    
    footer .img-logo-container{
    width:100%;
}
    .navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 16px;
}
        .general-button{
        font-size:15px;
    }
    
}


@media only screen and (max-width: 767px) {
    
    header .navbar-nav {
    float: none;
}
    
    header .navbar-collapse{
        margin-top:90px;
    }
    
    
    #green-section .img-round-container{
        width:90%;
    }
    
    #carousel-section .carousel-container {
    width: 100%;

}
    
    footer .img-logo-container {
    width: 100px;
    margin-bottom:20px;
}
    footer .social-icon-footer-container {
    text-align: left;
    margin-top:20px;
}
    
    footer .social-icon-footer-container img {
    width: 35px;
    margin-left: 0px;
    margin-right: 20px;
}
    

   

    
}

/* ----- chi sono -----*/

#profilo-section{
    background-image: url(../img/chi-sono-main.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding-top:100px;
    padding-bottom:100px;
    
}

h2{
    font-family:'ExquiseFY-Bold';
    color:#2d8a42;
    font-size:65px;
    border-bottom:1px solid #f6b537;
    float:left;
}


#info-profilo-section{
    padding-top:80px;
    padding-bottom:50px;
}

#info-profilo-section .general-button {
    background-color: #2d8a42;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

#info-profilo-section .general-button:hover {
  background-color:#f6b537;
transition: 0.5s;
}


#info-profilo-section .text-container h3{
    color:#2d8a42;
    margin-bottom:30px;
}


#info-profilo-section .name-upper{
    font-family:'ProBold-Regular';
    color:#333333;
    text-transform:uppercase;
}

#info-profilo-section .col-align-center{
    text-align:center;
}

#info-profilo-section .general-button{
    margin-top:-40px;
}

#info-profilo-section iframe{
    border:none;
    height:280px;
    width:auto;
}

.widget-container{
    margin-top:40px;
}


@media only screen and (max-width: 767px) {
    
    .text-container{
        margin-top:40px;
    }
    
    h3 {

    font-size: 30px;
}
}

/* -------------- SERVIZI SECTION -------------*/


#servizi-section{
    background-image:url(../img/main-servizi.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding-top:100px;
    padding-bottom:100px;
    
}

#info-servizi-section{
    padding-top:80px;
    padding-bottom:50px;
}

#info-servizi-section .text-container{
    margin-bottom:80px;
}

#info-servizi-section .img-servizi-container{
    width:120px;
}


#info-servizi-section .description-container{
    height:120px;
    vertical-align: middle;
    display: table-cell;
}

#info-servizi-section ul li::marker{
    color:#2d8a42;
    
}

#info-servizi-section ul li{
    font-size:20px;
}

#info-servizi-section  .border-bottom-service{
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
    margin-bottom:40px;
}


#info-servizi-section .col-lg-6.col-md-6.col-sm-6.col-xs-12.pad-rigth {
    padding-right: 25px;
}



#info-servizi-section .col-lg-6.col-md-6.col-sm-6.col-xs-12.pad-left{
    padding-left:25px;
}

#info-servizi-section  .description-container.container-list{
    height:474px;
}


@media only screen and (max-width: 1199px) {

    #info-servizi-section .img-servizi-container {
    width: 100px;
}
    html,body{
        font-size:22px;
    }
}

@media only screen and (max-width: 992px) {
    
    h2 {
    font-size: 40px;
  
}
    
}

@media only screen and (max-width: 767px) {
    
    #info-servizi-section .img-servizi-container {
    width: 70px;
}
    
    html,body{
        font-size:18px;
    }
    
#info-servizi-section .description-container {
    height: 70px;
    
}
    
    #info-servizi-section .description-container.container-list {
    height: auto;
}
    
}


/* -------------- PERCORSO NUTRIZIONALE -------------*/


#percorso-section{
    
    background-image:url(../img/main-percorso.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding-top:100px;
    padding-bottom:100px;
}


#info-percorso-section{
    padding-top:20px;
    padding-bottom:50px;
    position:relative;
    overflow: hidden;
}


#info-percorso-section .percorso-container{
    margin-top:60px;
    border-bottom:1px solid #ccc;
    padding-bottom:60px;
   
}

#info-percorso-section .img-percorso{
    position:absolute;
}

#info-percorso-section .img-percorso.start{
    height:70px;
    width:auto;
    top:450px;
    left:-100px;
}

#info-percorso-section .img-percorso.presenza{
    height: 400px;
    width: auto;
    top: 540px;
    right:0px;
}

#info-percorso-section .img-percorso.tappa{
    height: 360px;
    width: auto;
    bottom: 610px;
    left:0px;
}

#info-percorso-section .img-percorso.traguardo{
    height: 380px;
    width: auto;
    bottom: 245px;
    right:0px;
}


#info-percorso-section .percorso-container .percorso-text-container .title{
    font-family:'ExquiseFY-Bold';
    color:#fff;
    font-size:38px;
    background-color:#f6b537;
    padding:5px;
    
}

#info-percorso-section .text-container{
    margin-bottom:80px;
}

#info-percorso-section .percorso-img-container{
    width:120px;
    margin:0 auto;
}


#info-percorso-section .percorso-img-container.float-right{
    float:right;
}


#info-percorso-section  .img-title{
    font-size:30px;
    font-family:'ExquiseFY-Bold';
    color:#f6b537;
    text-align:center;
}


@media only screen and (max-width: 992px) {
    
    #info-percorso-section .percorso-img-container.float-right {
    float:none;
}
    
    #info-percorso-section .percorso-container .percorso-text-container .title {
    font-size: 30px;

}
    
}

@media only screen and (max-width: 767px) {
    
    #info-percorso-section {
    padding-top:0px;
    padding-bottom: 50px;
}
    
    
    #info-percorso-section .percorso-text-container{
        text-align:center;
    }
    
    #info-percorso-section .text-container {
    margin-bottom: 30px;
}
    
#info-percorso-section .percorso-img-container{
    margin-top:30px;
}
    
#percorso-section {
    background-position: -1100px;

}
    
}


/* -------------- CONTATTI -------------*/

#contatti-section{
    background-image:url(../img/main-contatti.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    padding-top:100px;
    padding-bottom:100px;
    
}


#contatti-container{
    padding-top:50px;
    padding-bottom:40px;
}

#contatti-container h3{
    color:#2d8a42;
    margin-bottom:30px;
}


#contatti-container .field-container{
    margin-top:50px;
}

#contatti-container .contact-container{
    padding-top: 40px;
}

#contatti-container .contact-container a{
    color:#000;
}

#contatti-container .green-line, #green-light-section .green-line{
    width:150px;
    height:1px;
    background-color:#2d8a42;
    margin-top:40px;
    margin-bottom:40px;
}

#contatti-container .contact-container h3{
    color:#f6b537;
}

#contatti-container .social-container{
    display: inline-block;
}

#contatti-container .social-contact-container img{
    width:30px;
    margin-right:15px;
}

#green-light-section{
    background-color:#d5e9d9;
    padding-top:80px;
    padding-bottom:50px;
}

#green-light-section h3{
    color:#2d8a42;
    margin-bottom:40px;
}

#green-light-section .map-container{
    border:5px solid #fff;
    margin-top:30px;
    -webkit-box-shadow: -1px 1px 11px 2px rgb(0 0 0 / 42%);
    box-shadow: -1px 1px 11px 2px rgb(0 0 0 / 42%);
}

@media only screen and (max-width: 992px) {
    h3{
        font-size:30px;
    }
}


@media only screen and (max-width: 767px) {
    
#contatti-container{
    padding-top:30px;
  
}
    
#contact-form {
    padding-top: 20px;

}
    
header .navbar-nav>li {
    margin-bottom: 15px;
}
    
#info-servizi-section {
    padding-top: 50px;
    padding-bottom: 30px;
}
    
    
#green-section .text-paragraph {
    margin-top:40px;
}
    
    #profilo-section{
        background-position:left;
    }
    
#contatti-section {
    background-position: -500px;

}
    

}


.marg-text{
    margin-top:30px;
}

.text-footer-container {
    margin-top:20px;
}