


html, body{
    line-height: 1.6;
    font-weight: 300;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    overflow-x: hidden;
    color: #333;
    background-color: #fff;
}



/*BOOTSTRAP 5 COLUMNS*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/****************************/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
   
    /*letter-spacing: 1px;*/
}
a, a:hover{
 color: #00953A ;
}
/*
a, a:hover, a:visited, a:active, a:focus{
    color: #000;
    outline: none;
    text-decoration: none;
}
*/
p{
font-weight: 300;
}
.svg-inline--fa.fa-angle-right {
  margin-left: 10px;
}
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.float-right{
  float: right !important;
}
.float-left{
  float: left !important;
}
.text_center{
 text-align: center;
}
.section_mt60, .mt_60{
 margin-top: 60px;
}
.section_mb60, .mb_60{
 margin-bottom: 60px;
}

.section_mt120{
 margin-top: 120px;
}
.section_mb120{
 margin-bottom: 120px;
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
        width: 100%;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
        overflow: hidden;
    }
}
.container.no-gutters,
.container-fluid.no-gutters,
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
.embed-container { 
/*    position: relative;*/
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#content p{
    font-size: 20px;
    font-family: 'Oxygen', sans-serif;
    
/*    margin: 0 0 50px;*/
}
#content h2{
    margin-bottom: 20px;
    
}

section.main-section{
    padding: 7em 0;
}
section.main-section h3{
    margin-top: 0;
}
.img-center{
    display: block;
    margin: 0 auto;
}
.post, .page {
    margin: 0 0 0;
}
/*
.navbar-default{
    background: transparent;
    height: 90px;
    border: none;
    margin-bottom: 0;
   box-shadow: none;
   z-index: 2;
   top: 20px;
}
*/
.navbar-custom{
 top: 0px;

}
.navbar-custom .navbar-nav{
 width: 100%;
 justify-content: space-evenly;
}
.navbar-custom .navbar-nav > li{
   margin: 5px 0px 0;
}


.shiftnav ul.shiftnav-menu li.menu-item.current_page_item > .shiftnav-target,
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target:hover,
a.shiftnav-target:focus
{
color: #00953A !important;
 
}

.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target{
 font-size: 40px;
}

.navbar-custom .navbar-nav > li > a{
    line-height: 40px;
    padding: 0 13px;
     letter-spacing: 1px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    background: transparent !important;
    font-weight: 500;
   
    
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 4px 5px;
    text-decoration: none;
    text-transform: uppercase;
    
}




.navbar-default .navbar-nav > li > a:hover{
  color: #ddb14e !important;
  
}


.navbar-brand{
    background: transparent none repeat scroll 0 0 !important;
    height: 145px;
    margin-left: 10px !important;
/*    overflow: hidden;*/
    padding: 15px;
    width: 250px;
/*    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);*/
}
.navbar-brand img{
   /* top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    */
    position: relative;
    width: 200px;
}
/*
.scrolled-nav {
  height: 100px !important;
  
  background: #000 !important;
}
.scrolled-nav.navbar-default .navbar-nav > li a{
 color: #fff;
}
.scrolled-nav.navbar-default .navbar-nav > li{
   margin: 18px 0px 0 !important;
}
.scrolled-nav.navbar-default .navbar-brand{
 height: 150px;
}
.scrolled-nav .navbar-brand img{
    width: 150px !important;
    -webkit-transform: translateY(-75%);
-o-transform: translateY(-75%);
-moz-transform: translateY(-75%);
}
*/


.contact_form form h2{
 
 color: #fff;
 margin-bottom: 30px;
}
/*
.contact_form form{
 display: block;
 margin: auto;
 background-color: #001c38;
 padding: 30px 70px;
}
.contact_form form label{
 color: #fff;
 width: 100%;
}
.contact_form form input[type="text"],
.contact_form form input[type="email"],
.contact_form form textarea{
 width: 100%;
}
.contact_form form textarea{
 height: 100px !important;
}
*/
section.categorie_prodotti span{
 color: #fff;
 background-color: #001c38;
 text-align: center;
 display: block;
 padding: 3px;
}
/*
section h2{
 color: #001c38;
}
*/
.text_cat_prod{
 margin-bottom: 30px;
}

a.btn.button_red,
.contact_form form input[type="submit"]{
 background-color: #E61A32;
 color: #fff;
 padding: 12px 24px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 15px;
font-weight: 500;
border: 0;
}
.contact_form form input[type="submit"]{
 margin: 10px auto;
 display: block;
}


.btn {
    display: inline-block;
    text-decoration: none;
    transition: color 0.5s ease;
   
}

.btn:hover {
  color: #ffd512;
}


/* Sweep To Left */
.button_red,
.content_button_red .elementor-button{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button_red:before,
.content_button_red .elementor-button:before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #92c0de;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 3px;
}
.button_red:hover,
.button_red:focus,
.button_red:active {
  color: black;
}
.button_red:hover:before,
.button_red:focus:before,
.button_red:active:before,
.content_button_red .elementor-button:hover:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.card {
  display: inline-block;
  position: relative;
  
}

.card::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scale3d(1, 0, 1);
  transition: 1s;
}

.card:hover::before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  visibility: visible;
}
.caption_slider{
  text-shadow:  -6px 4px 3px #000;
}
.social_icons a{
 
 margin-top: 10px;
 display: block;
float: left;
margin-right: 20px;
}

.wide{
    width: 100%;
    min-height: 600px;
    background-position:  top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    
    align-content: center;
    display: grid;
}
.wide_page{
    width: 100%;
    height: 70vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    align-content: center;
    display: grid;
    transform-origin: center top;
    
}
.breadcrumb{
 background-color: #ccc;
}

.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   /*min-width: 177.77vh;*/ /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.scrollBtn.js-animated span:before{
 -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: -7px;
top: 8px;
}
.scrollBtn.js-animated span:before, .scrollBtn.js-animated span:after{
content: "";
display: block;
width: 45px;
height: 2px;
background-color: #fff;
position: absolute;
pointer-events: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.scrollBtn.js-animated span:after{
 -webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: -38px;
top: 8px;
}



#carrousel {
  margin: 10px;
}
@media (max-width: 768px) {
  #carrousel {
    margin: 70px 0px 0px 0px;
  }
}
@media (max-width: 425px) {
  #carrousel {
    margin: 50px 0px 0px 0px;
  }
}
#carrousel .title {
  margin-bottom: 10px;
  font-size: 30px;
}
#carrousel .owl-carousel img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
 /*width:  300px;*/
 /*min-width: 260px;*/
  object-fit: cover;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
 
}
#carrousel .owl-carousel .owl-item {
  height: 100vh;
  position: relative;
  transform: scale(0.7);
  -ms-transform: scale(0.7);
  transition: all 0.2s;
  -webkit-transform: all 0.2s;
  z-index: 1;
}
/*
@media (max-width: 768px) {
  #carrousel .owl-carousel .owl-item {
    height: 270px;
  }
}
@media (max-width: 380px) {
  #carrousel .owl-carousel .owl-item {
    height: 200px;
  }
}
*/
#carrousel .owl-carousel .owl-stage-outer {
  padding-bottom: 10px;
}
#carrousel .owl-item.big {
  transform: scale(1);
  -ms-transform: scale(1);
  z-index: 3;
}
#carrousel .owl-item.medium {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  z-index: 2;
}
#carrousel .owl-item.medium.mdright {
  /*border: solid 1px red;*/
  position: relative;
  left: -30px;
}
/*@media (min-width: 768px) {
  #carrousel .owl-item.medium.mdright {
    left: 0px;
  }
}
*/
#carrousel .owl-item.medium.mdleft {
  /*border: solid 1px blue;*/
  position: relative;
  right: -30px;
}
/*
@media (min-width: 768px) {
  #carrousel .owl-item.medium.mdleft {
    right: 0px;
  }
}
*/
#carrousel .owl-item.smallRight.active {
  transform: scale(0.7);
  -ms-transform: scale(0.7);
  position: relative;
  left: -30px;
}
#carrousel .owl-item.smallLeft.active {
  transform: scale(0.7);
  -ms-transform: scale(0.7);
  position: relative;
  right: -30px;
}
#carrousel .owl-nav, .carousel_sf .owl-nav {
  position: absolute;
  top: 30%;
  width: 100%;
}
#carrousel .owl-nav .owl-prev, .carousel_sf .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 10px;
  background: transparent !important;
  color: #000 !important;
  font-size: 40px !important;
}
#carrousel .owl-nav .owl-prev:hover {
  color: #adadad !important;
}
#carrousel .owl-nav .owl-next, .carousel_sf .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 10px;
  background: transparent !important;
  color: #000 !important;
  font-size: 40px !important;
}
#carrousel .owl-nav .owl-next:hover {
  color: #adadad !important;
}
.fa.fa-bars{
 display: inline-block;
 width: 30px;
 height: 2px;
 background: #757A6E;
 right: 8px;
position: relative;
}
.fa.fa-bars::before{
 content: "";
 display: inline-block;
 width: 30px;
 height: 2px;
 background: #757A6E;
 position: absolute;
 top: 20px;
right: 0;

}
.fa.fa-bars::after{
 content: "";
   display: inline-block;
   width: 30px;
   height: 2px;
   background: #757A6E;
   top: 10px;
position: absolute;
right: 0px;
 
}
.shiftnav .shiftnav-panel-close{
 background-color: transparent !important;
}
.fa-times{
 width: 30px;
}
.fa-times::before{
 content: "" !important;
     display: inline-block;
    position: absolute;

    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .3s;
    background: #757A6E;
    width: 30px;
   height: 2px;
}

.fa-times::after{
 content: "";
   display: inline-block;
   width: 30px;
   height: 2px;
   background: #757A6E;
  
    transform: rotate(45deg);
    transition: top .3s, transform .3s .3s;
    position: absolute;
 
}

.pagination_news{
 text-align: center;
 margin: 40px auto;
}
.pagination_news span{
 text-decoration: underline;
 text-underline-offset: 5px;
}
.pagination_news a, .pagination_news span{
color: #00953A;
font-family: "Source Sans Pro", sans-serif;
margin: 0 30px;
}
.cn-button.bootstrap.button_cookie_law{
 background: #00953A;
}

.rib__wrapper{
 background: transparent url(../img/jeiobg.jpg) scroll no-repeat top center;
 background-size: cover;
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    /*color: rgba(0, 0, 0, .8);*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.modal__content .col {
    color: white;
    width: 33.3%;
    text-align: left;
}
@media (max-width: 375px ){
.modal__content {
 
  display: block;
}
}
.text-col {
    padding-left: 5%;
    border-left: 1px solid white;
    margin-bottom: 35px;
}
.target__btn {
    background-color: rgb(0, 149, 58);
    color: white;
    border-radius: 0;
    border: 1px solid white;
    padding: 20px;
    font-size: 15px;
}



@media (max-width: 767px) {
        .splitBlock_part .videoBlock {
           width: 100vw !important;
       }
       
       .videoBlock {
           position: relative !important;
           top: 0;
           width: 100%;
           height: 50vh !important;
           overflow: hidden;
       }
       .splitBlock_part.-right, .splitBlock_part.-left{
        position: relative;
       }
       /*.splitBlock_part.-right .videoBlock {
           position: relative;
       }
       */
       #bisolPart .headerBlock, #jeioPart .headerBlock {
           width: 100% !important;
       }
       
       .shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target {
           font-size: 24px;
       }
       .scrollBtn.js-animated span::after, .scrollBtn.js-animated span::before {
          width: 20px;
       }
       .scrollBtn.js-animated span::after {
          right: -15px;
       }
       
       .scrollBtn.js-animated span::before {
         right: -2px;
       }
       
       .pagination_news a{
        margin: 0 24px;
       }

 
}

.wpcf7-not-valid-tip {
  
  font-size: 18px !important;
  font-family: 'CanelaLight', serif;
}

