/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body{
    font-family: 'Noto Serif', serif !important;
}

ul > li {
    display: block;
    padding: 0;
    line-height: 1.4em;
    font-family: 'Noto Sans', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
.navbar a{
   font-weight: 300;
   color: #333 !important;
   font-size: 1.2em;
}
.btn-green {
    border: 1px solid #7aac41 !important;
    color: #7aac41 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(255,255,255,.7);
    border-radius: 0;
}

.text-green-neolife {color:#7FC241 !important;}
.text-green-neolife-dark {color:#43731C !important;}
a.text-green-neolife:hover {color:#333 !important;text-decoration:none !important;}
.bg-sotto {background-color:#455463 ;}
.bg-body {background-color:#D0E9EA !important;}
.bg-body-products {background-color:#EDF8F5 !important;}
.bg-body-olivalight {background-color:#FAF7EB !important;}
.bg-body-x {background-color:#3F5265 !important;}
.border-top-green {border-top:#7FC241 solid 3px !important;border-bottom:#7FC241 solid 7px !important;}
.bg-greenlight {background-color:#DBEECA !important;background-image:url(../web_images/bgtop_prodotti.jpg);background-position:right !important;background-repeat:no-repeat;max-height:105px !important;}
.border-green-neolife {border-color:#7FC241 !important;}
.overgray:hover {border:#7FC241 solid 2px  !important;}
.border-neolife {border:#7FC241 solid 2px  !important;}
.border-light2 {border-color:#DDD !important;}
.btn-green-neolife {background-color:#7FC241 !important;border:1px solid #690;}
.btn-green-neolife:hover {background-color:#690 !important;}

.btn-green-neolife-dark {background-color:#690 !important;border:1px solid #690;}
.btn-green-neolife-dark:hover {background-color:#7FC241 !important;}

.grass:hover {font-weight:bold;}
.thegrass {font-weight:bold;color:#333 !important;}
/**/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

/**/
@media (max-width:991px){
.bg-greenlight {background-image:none !important;}	
}