@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');
html { scroll-behavior: smooth;}
body {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height:24px;
    color: #0E2A3F;
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;

}

::selection { /* Safari */
    background: #95c11f;
    color:#fff;
}
::-moz-selection { /* Firefox */
    background: #95c11f;
    color:#fff;
}
/* UTILITY **********************************************************/

.hiding { opacity: 0 }
.showing { opacity: 1 }
.spacetoptitolo {margin-top: 20px;}
.spacetoppage {margin-top: 0px;}

/* LINKS **********************************************************/
a:link { color:#1d1d1b; text-decoration: none;}
a:visited { color:#1d1d1b; text-decoration: none;}
a:hover { color:#95c11f !important; text-decoration: none;}
a:active { color:#1d1d1b; text-decoration: none;}

.a1:link { color:#95c11f !important;}
.a1:visited { color:#95c11f !important;}
.a1:hover { color:#1d1d1b !important;}
.a1:active { color:#95c11f !important;}

.a2:link { color:#fff;}
.a2:visited { color:#fff;}
.a2:hover { color:#1d1d1b !important;}
.a2:active { color:#fff;}

.a3:link { color:#fff;}
.a3:visited { color:#fff;}
.a3:hover { color:#fff !important;}
.a3:active { color:#fff;}

/* BACKGROUND ********************************************************/
.bg-green { background: #97c11f;}
.bg-lightgreen { background: rgb(151,193,31, 0.2);}
.bg-lightgreen2 { background: #d5e7a2;}
.bg-fucsia { background: #e6007e;}

/* HEADINGS *******************************************************/
h1, h2, h3, h4, h5 { }
h1 { font-weight: 400; font-size: 25px; text-transform: none;}
h2 { font-weight: 600; font-size: 30px;}
h3 { font-size: 24px;}

/* FORM ***********************************************************/
.form-control, .form-select { border: solid 1px #E8E8E8; border-radius: 0; padding: 13px 10px;}
.form-control:focus {border-color: #E8E8E8; box-shadow: none;}
.form-check-input { width: 25px; height: 25px; margin-right: 10px;}
.form-check-input[type=checkbox]{ border-radius: 0; border: solid 1px #E8E8E8;  }
.form-check-input:checked { background-color:#95c11f; border-color: #E8E8E8; }

/* FONT **********************************************************/
.f16 { font-size: 16px; line-height: 22px;}
.f20 { font-size: 20px;}
.f25 { font-size: 25px;}
.f30 { font-size: 30px;}
.f40 { font-size: 40px;}

/* COLORS ********************************************************/
.text-white { color: #fff;}
.text-lightgreen { color: #dede00;}
.text-green { color: #97c11f;}
.text-darkgreen { color: #1fa93a;}
.text-blu { color: #0E2A3F;}
.text-purple { color: #6f42c1 !important;}
.text-blue { color: #0d6efd !important;}
.text-fucsia { color: #e6007e !important;}

/* BTN ************************************************************/
.btn { font-size:18px; color:#fff!important; padding: 8px 30px; border-radius:50px; border:none; background:#dede00;}
.btn:hover {background:#97c11f; color:#fff!important;}

/* NAVBAR ********************************************************/
.navbar { padding-top: 0; padding-bottom: 0; border-bottom: solid 1px #97c11f;}
.nav-link { color: #1d1d1b !important; font-size: 16px; padding: 10px !important; text-align: center;}
.nav-link:hover, .active {background: #e6007e; color: #FFF!important;}
.navbar-toggler {background: #95c11f; color: #FFF!important; border: none;}
.navbar-toggler:hover { background: #1fa93a; color: #FFF!important; border: none;}
.navbar-toggler {color: #FFF!important;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

/* HOME ********************************************************/
.logo {width: 120px;}
#cover { background-position:center; background-repeat:no-repeat; background-size: cover; overflow:visible; margin-top:100px; margin-bottom: 0px!important;}

.bg1,.bg2,.bg3 {background-size: 100% !important;}
.bg1 { background: url(/img/slide-home-01.jpg) no-repeat center;}
.bg2 { background: url(/img/slide-home-02.jpg) no-repeat center;}
.bg3 { background: url(/img/slide-home-03.jpg) no-repeat center;}

.carousel-home > .carousel-inner { margin-top: 25px;}
.carousel-home > .carousel-inner > .carousel-item {height:350px;}

.carousel-titolo {padding: 5px; background: rgba(230, 0, 126, 0.5);}
.slogan {margin-top: 40px;}

.foto-jam01 {background: url(/img/foto-home-jam01.jpg) no-repeat center; background-size: cover; overflow:hidden; min-height: 300px;}
.foto-jam02 {background: url(/img/foto-home-jam03.jpg) no-repeat center; background-size: cover; overflow:hidden; min-height: 300px;}
.foto-jam03 {background: url(/img/foto-home-jam04.jpg) no-repeat center; background-size: cover; overflow:hidden; min-height: 300px;}
.foto-jam04 {background: url(/img/foto-home-jam02.jpg) no-repeat center; background-size: cover; overflow:hidden; min-height: 300px;}

.foto-numeri {background: url(/img/foto-numeri.jpg) no-repeat fixed center; background-size: cover; }

.circle {width: 160px; height: 160px; border-radius: 50%; border: solid 1px #FFF; display: flex; justify-content: center; align-items: center; margin: auto; background: rgb(151,193,31, 0.2);}

/* COUNTERS ********************************************************/
.counters {color: #fff; padding: 40px 20px;}
.counters .container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; text-align: center;}
.counters i { color: #95c11f; margin-bottom: 5px;}
.counters .counter { font-size: 45px; margin: 10px 0;}

/* CHI SIAMO ********************************************************/
.foto-chi {background: url(/img/foto-chisiamo-jam-sm.jpg) no-repeat fixed center; background-position-x: center; background-position-y: 70px; background-size: 120%; height: 350px;}

.foto-agatha {background: url(/img/foto-agatha.jpg) no-repeat center; background-size: cover; min-height: 400px;}
.foto-alessandra {background: url(/img/foto-alessandra.jpg) no-repeat center; background-size: cover; min-height: 400px;}
.foto-francesca {background: url(/img/foto-francesca.jpg) no-repeat center; background-size: cover; min-height: 400px;}

/* COSA FACCIAMO ********************************************************/
.foto-cosa {background: url(/img/foto-cosa-jam-sm.jpg) no-repeat fixed center; background-position-x: center; background-position-y: 70px; background-size: 120%; height: 350px;}

/* CONTATTI ********************************************************/
.foto-contatti {background: url(/img/foto-contatti-jam-sm.jpg) no-repeat fixed center; background-position-x: center; background-position-y: 70px; background-size: 120%; height: 350px;}


/**********************************************************************************/
/*========================   Media queries (breakpoint)   =========================/
/**********************************************************************************/
@media (max-width: 450px) {
    .carousel-home > .carousel-inner { margin-top: -8px;}
    .slogan {margin-top: 0px;}

}
@media (max-width: 700px) {
    .counters .container {grid-template-columns: repeat(2, 1fr);}

    .counters .container > div:nth-of-type(1),
    .counters .container > div:nth-of-type(2) {border-bottom: solid 1px #95c11f; padding-bottom: 20px;}
    /* .carousel-home > .carousel-inner { margin-top: 55px;}*/
}

@media (min-width: 768px) {
    body { font-size: 18px; line-height:25px;}
    /* UTILITY **********************************************************/
    .spacetoptitolo {margin-top: 20px;}

    /* HOME */
    .carousel-home > .carousel-inner { margin-top: 55px;}
    .carousel-home > .carousel-inner > .carousel-item {height:420px;}

    /* NAVBAR ********************************************************/

    .foto-chi {background: url(/img/foto-chisiamo-jam.jpg) no-repeat fixed center; background-position-x: center; background-position-y: 72px; background-size: 150%; height: 300px;}
    .foto-cosa {background: url(/img/foto-cosa-jam.jpg) no-repeat fixed center; background-position-x: center; background-position-y: 72px; background-size: 150%; height: 300px;}
    .foto-contatti {background: url(/img/foto-contatti-jam.jpg) no-repeat fixed center; background-position-x: center; background-position-y: 72px; background-size: 150%; height: 300px;}

}

@media (min-width: 992px) {
    /* UTILITY **********************************************************/
    .spacetoppage {margin-top: 85px;}
    .spacetoptitolo {margin-top: 60px;}


    /* HEADINGS */
    h1 { font-size: 35px;}
    /* HOME */
    .logo {width: 140px;}
    .bg1,.bg2,.bg3,.bg4 {background-size: cover !important;  }
    .cover {margin-top:80px;}
    .carousel-home > .carousel-inner { margin-top: 0px;}
    .carousel-home > .carousel-inner > .carousel-item {height:800px;}
    .carousel-home > .carousel-inner > .carousel-item > .carousel-caption h1 { margin-bottom: 80px;}


    /* NAVBAR ********************************************************/
    .nav-link {padding: 28px 26px!important; }

    /* CHI SIAMO ********************************************************/
    .foto-chi {background-position-x: center; background-position-y: 75px; background-size: 150%; height: 350px;}
    .foto-cosa {background-position-x: center; background-position-y: 75px; background-size: 150%; height: 350px;}
    .foto-contatti {background-position-x: center; background-position-y: 75px; background-size: 150%; height: 350px;}

}


@media (min-width: 1200px) {
    /* UTILITY **********************************************************/
    .spacetoppage {margin-top: 100px;}

    /* NAVBAR ********************************************************/
    .nav-link {padding: 37px!important;font-size: 18px;}

    /* HEADINGS */
    .cover {margin-top:100px;}

    .logo {width: 160px;}

    h1 { font-size: 45px;}
    h2 { font-size: 35px;}
    /* HOME */
    /* CHI SIAMO ********************************************************/

    .foto-chi {background-position-x: center; background-position-y: 75px; background-size: 120%; height: 350px;}
    .foto-cosa {background-position-x: center; background-position-y: 105px; background-size: 150%; height: 350px;}
    .foto-contatti {background-position-x: center; background-position-y: 75px; background-size: 120%; height: 350px;}


}

@media (min-width: 1400px) {
    /* NAVBAR ********************************************************/
    .nav-link {padding: 40px!important;}
}

@media (min-width: 1800px) {
    /* HOME */
}