.cont-sli-tn{
 padding:0;position:relative; 
}
.containersli{
height:395px; /*395 max poi a scendere js */
width:100%;
overflow: hidden;
max-height:395px;
position: relative;
display:block;
}
.containersli2{
height:395px; /*395 max poi a scendere js */
width:100%;
overflow: hidden;
max-height:395px;
}
.bgimg{
background-repeat: no-repeat;
background-image: none;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
opacity: 1;
visibility: inherit;
z-index: 20;
}
.blursli {
    z-index: 20;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    transform: translate3d(0px, -1141.92px, 0px);
    transform-origin: 0% 0% 0px;
    filter: blur(100px);
}
.matrixsli{
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
width: 100%;
height: 100%;
visibility: inherit;
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.imgslilay{
position: absolute;
height: 2679px;
width: 1908px;
transform: translate3d(0px, 0px, 0px);
transform-origin: 0% 0% 0px;
}
.boxsli{
position:absolute;
background-color: rgb(255, 255, 255);
 border-radius: 5px;
 margin-left:calc(50% - 450px);
 margin-right:calc(50% - 450px);
 z-index:999;
 width:900px;
 height:310px;
 top:50px;
 padding:20px;
}
.nextslide {
margin-top: calc( ( 395px / 2 ) - 20px );
cursor: pointer;
background: #000;
background: rgba(0,0,0,0.5);
width: 40px;
height: 40px;
position: absolute;
display: block;
z-index: 999;
margin-left:0;
text-align:center !important;
line-height: 36px;
font-size: 25px !important;	
transition: none 0s ease 0s; text-align: inherit; line-height: 36px; border-width: 0px; letter-spacing: 0px; font-weight: 400; font-size: 25px;
}
.nextslider {
margin-top: calc( ( 395px / 2 ) - 20px );
cursor: pointer;
background: #000;
background: rgba(0,0,0,0.5);
width: 40px;
height: 40px;
position: absolute;
display: block;
z-index: 999;
margin-right:15px; /*0;*/
right:0;
text-align:center !important;
line-height: 36px;
font-size: 25px !important;	
transition: none 0s ease 0s; text-align: inherit; line-height: 36px; border-width: 0px; letter-spacing: 0px; font-weight: 400; font-size: 25px;
}
.nextslide:hover,.nextslider:hover {
background: rgba(0,0,0,0.9);
}
.fa-angle-left{
transition: none 0s ease 0s;
text-align: inherit;
line-height: 25px;
border-width: 0px;
margin: 0px;
padding: 0px;
color:white;
letter-spacing: 0px;
font-weight: 400;
font-size: 25px;
transition: none 0s ease 0s; text-align: inherit; line-height: 25px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-size: 25px;
}
.fa-angle-right{
transition: none 0s ease 0s;
text-align: inherit;
line-height: 25px;
border-width: 0px;
margin: 0px;
padding: 0px;
letter-spacing: 0px;
color:white;
font-weight: 400;
font-size: 25px;
transition: none 0s ease 0s; text-align: inherit; line-height: 25px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-size: 25px;
}
#fullwidthbanner-container{
margin: 0px auto; background: transparent none repeat scroll 0% 0%; padding: 0px; height: 395px; overflow: visible; position: relative; z-index: 0; width: 100%;
}

#slider-home-fadein{
overflow:hidden;
margin-bottom:-5px;
bottom:-5px;
}

#slider-home-fadeout{
height:345px;
width:100%;
position:absolute;
z-index:999;
}
.autore-sli{
color: rgb(79, 82, 84);
font-family: "AvenirNext Regular";
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
line-height: 18px;
margin-left: 0px;
margin-right: 0px;
}
.descrizione-breve-sli{
  font-family: AvenirNext Regular; font-size: 18px; margin-bottom:0;
}
.sottoboxsli{
  float:left; width:205px; height:100%;
}
.sottoboxsli a img{
width:185px;height:auto;border:1px solid gray;
}
.descrizione-box-sli{
float:left; width:615px; height:100%;
}
.descrizione-box-sli-sopra{
width:100%; height:235px;float:left;
}
.descrizione-box-sli-sopra h4{
 line-height: 28px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 800; font-size: 24px;
}
.descrizione-box-sli-sotto{
width:100%;
}
.descrizione-box-sli-sotto div{
float:right;
}
.descrizione-box-sli-sotto div:first-child{
float:left;color: rgb(225, 41, 113);font-family: AvenirNext Bold;font-size: 20px;font-weight: 800;letter-spacing: 0px;line-height: 20px;
}
.descrizione-box-sli-sotto div a img{
width: 34px;height:auto;
}
.successfully-loaded-slider {
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
     opacity: 0;
}
.descrizione-box-sli-sopra-rm {
  display:none;
}
@media only screen and (max-width: 1200px) {
.boxsli{
  margin-left: calc(48.5% - 450px);
}
  
}
@media only screen and (max-width: 1020px) {
.nextslide, .nextslider{
display:none;
}
  
}
@media only screen and (max-width: 900px) {
.boxsli{
 width:calc(100% - 34px);
margin:0;
padding:3px;
height: 370px;
top: 15px;
}
.descrizione-box-sli{
  position:relative;
  display:block;
     width:calc(100% - 220px);
  }
  .descrizione-box-sli-sopra{
    height: 310px;

  }
  .descrizione-box-sli-sotto div:first-child{
    position:absolute;
    bottom:80px;
    right: 0;
    left:auto;
  }
}
@media only screen and (max-width: 550px) {
   .descrizione-box-sli-sotto{
     position:absolute;
     /*height:60px;*/
     height:auto;
    margin-bottom:0; 
    bottom:0;
   }
   .cont-sli-tn .blursli{
    padding:10px; 
   }
   .descrizione-box-sli-sopra .tn_courseloop_bottominfo, .descrizione-box-sli-sopra .autore-sli.period{
     display:none;
   }
  .descrizione-box-sli-sopra h4{
  font-size: 17px!important;
  line-height:18px!important;
  }
  .descrizione-breve-sli{
     font-size: 15px!important;
     line-height:16px!important;
  }
  .descr-sli-lunga{
    display:none;
 /*display:block; 
  font-size: 15px!important;
     line-height:16px!important;*/
}
.containersli2,.containersli2,#slider-home-fadein{
 height: 304px; 
}

#slider-home-fadein{
height: 304px; 
}
.boxsli{
height: 250px; 
}
.sottoboxsli a img{
width:auto;height:100%;
margin: 0 auto 0 auto;
}
  .descrizione-box-sli-sopra{
   /* height: 180px;*/
   height: auto;
    width:100%;
overflow:hidden;
position:relative;
     text-shadow: 2px 2px 3px #FFFFFF;
  }
   .descrizione-box-sli-sopra *{
     background-color:rgba(255, 255,255, 0.65);
       text-shadow: 2px 2px 3px #FFFFFF;
  }
.sottoboxsli{
  position:absolute;
  width:100%;
  height:60%;
  float:none;
  bottom:30px;
  left:0;
  text-align:center;
}
  .descrizione-box-sli{
  position:relative;
  display:block;
    /* width:calc(100% - 160px);*/
    width:100%;
    height: 100%;
    padding:10px;
  }
       .descrizione-box-sli-sotto div{
   /* position:relative;
width:100%;*/
   position: absolute;
   /*float:right;*/
   margin:0;
    right:20px;
    bottom: -34px;
  }
    .descrizione-box-sli-sotto div:first-child{
    position:absolute;
  /*  bottom:30px;
    left:5px;*/
  bottom:0;
  left:0;
  }
  .descrizione-box-sli-sopra-rm {
   /* position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 0;
    display: block;
    background-image: linear-gradient(to bottom, transparent, white);
    height: 15px;*/
   display: none;
}
}
@media only screen and (max-width: 350px) {
  /*.sottoboxsli{
     display:none; 
  }*/
  .boxsli{
height: 250px; 
}
  .descrizione-box-sli-sopra{
   /* height: 200px;*/
   height: auto;
    width:100%;
overflow:hidden;
position:relative;
text-shadow: 2px 2px 3px #FFFFFF;
  }
    .descrizione-box-sli-sopra *{
     text-shadow: 2px 2px 3px #FFFFFF;
  }
  .descrizione-box-sli-sotto div a img{
  /*height:60px;*/
  width: 24px;height:auto;
}
.descrizione-box-sli-sotto div .amount{
 font-size:smaller; 
}
.autore-sli{
  margin-bottom:3px;
  padding-bottom:2px;
}

.descrizione-box-sli-sopra-rm {
/*
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 0;
    display: block;
    background-image: linear-gradient(to bottom, transparent, white);
    height: 15px;
    */
display: none;
}
  .descr-sli-lunga{
     display:none;
 /*display:block; */
}
  .containersli2,.containersli2,#slider-home-fadein{
 height: 270px; 
}
  .containersli2{
     height: 280px;/*270px*/
  }
#slider-home-fadein{
height: 280px; 
}
  .descrizione-box-sli{
  position:relative;
  display:block;
     width:100%!important;
  }
  .descrizione-box-sli-sotto{
  /*  margin-top:230px;/*230px*/
  /*position:relative;
     background-color:white; 
   width:95%;/*100%*/
   /*height:auto; /*this*/

  }
    .descrizione-box-sli-sotto div{
   /* position:relative;
    bottom:0;
   float:right;
   margin-top:-20px;
    left:0;
    max-height:25px;/*30px*/
   /* height:25px;/*30px*/
   /* overflow:hidden;  */


    bottom: -24px;
 
  }
   .descrizione-box-sli-sotto div:first-child{
   /* position:relative;
    bottom:0;
    right: 5px;
    left:0;
    top:5px;
    max-height:34px;
    height:34px;
      max-height:29px;/*34px*/
   /* height:29px;/*34px*/
  /*  overflow:visible;  */
  }



.sottoboxsli a img{
width:100px;height:auto;
}

  .sottoboxsli{
  position:absolute;
  width:100%;
  height:60%;
  float:none;
  bottom:20px;
  left:0;
  text-align:center;

}
}
/*LOADER*/
#loader-sli {
display: block;
position: relative;
left: 50%;
top: 100px;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
margin-top:0;
margin-bottom:50px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #137643;
-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
z-index: 999;
}
 
#loader-sli:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #b8d6c6;
-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader-sli:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #86c266;
-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 */
    }
}
#loader-wrapper{
top: 0;
width: 100%;
height:395px;
margin:0;
background-color: white;
z-index: 9999;
}
header{
z-index: 99999!important;
}




/*------------------------------------
Rework slider
------------------------------------*/
.boxsli{ display: flex !important; flex-direction: row; justify-content: center; align-items: stretch; }
.slider-cover { max-width: 350px !important; text-align: center }
.slider-cover img { 
    height: 270px; 
    width: auto !important;
    -webkit-box-shadow: 0px 0px 43px -8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 43px -8px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 43px -8px rgba(0, 0, 0, 0.5);
 }
.slider-text { position: relative; }
.wrapp-text { padding-left: 20px; }
.slide-titolo { color: #007642; font-size: 24px; line-height: 26px; margin-top: 0px;  margin-bottom: 5px; font-weight: 800 }
.slide-sottotitolo { color: #4F5254 !important; font-style: italic !important; font-size: 19px; line-height: 22px; margin-bottom: 5px;  }
.slide-autori { color: #4F5254 !important; font-style: normal !important; font-size: 16px; line-height: 18px; margin-bottom: 15px; }
.slide-periodicita  { color: #4F5254 !important; font-style: normal !important; font-size: 18px; line-height: 18px; margin-bottom: 15px; }
.slide-corso-meta { color: #4F5254 !important; font-size: 15.5px; line-height: 17.5px; margin-bottom: 5px; }
.slide-corso-crediti { color: #4F5254 !important; font-size: 18px; line-height: 18px; margin-bottom: 15px; }
.slide-corso-crediti strong { color: #e12971; }
.slide-descrizione { color: #4F5254 !important; olor: #4F5254 !important; font-size: 15.5px; line-height: 20px; margin-bottom: 5px; }

.wrapp-price { position: absolute; width: 100%; bottom: 0; }
.wrapp-price div {width: 49%; display: block; float: left; }
.slider-price { font-family: 'AvenirNext Bold'; font-size: 24px !important; color: #e12971 !important; padding-left: 20px;  }
.slider-action > div{  width: 24px; height: 24px; float: right;}
.action-add-to-cart .bottomleft_buywish a.fa-shopping-cart::before{ font-size: 24px !important;}

div.action-add-to-wishlist .yith-wcwl-add-button a::before, 
div.action-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, 
div.action-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
    font-size: 24px !important
}


/*----- SLIDER RESPONSIVE -----*/
@media screen and (max-width: 1024px) {
  div.action-add-to-wishlist .yith-wcwl-add-button a::before, 
  div.action-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before, 
  div.action-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before {
      font-size: 24px !important
  }    
  .nextslide, .nextslider{ display: block !important; }
}

@media screen and (max-width: 900px) {
  .slider-cover { width: 30% !important; text-align: center }
  .slider-cover img { max-width: 150px !important; height: auto }
  .slider-text { width: 70% !important; }
  .nextslide, .nextslider { display: block !important; }
  .boxsli{
      width: 100%;
      max-width: 650px;
      height: 310px;
      padding: 30px;
      left: 50%;
      transform: translateX(-50%);
      top: 50px;
  }
  .slide-descrizione { display: none; }
  .wrapp-price > div {width: 48%; display: block; float: left; }
}

@media screen and (max-width: 580px) {
  .wrapp-price > div {width: 47%; display: block; float: left; }
  #colophon .vc_row { left: 0 !important; }
  .menu-footer-tecniche-nuove-container .wpb_column { margin-left: auto !important }
  .menu-footer-tecniche-nuove-container .menu-item a { padding-right: 0px }
}

@media screen and (max-width: 550px) {
  #slider-home-fadein { height: 350px; }
  .containersli2 { height: 350px !important;  }
  .boxsli{ max-width: 90%; height: 260px;  padding: 20px; }
  .slider-cover { width: 40% !important;}
  .slider-cover img { max-width: 150px; height: auto }
  .slider-text { width: 60% !important;}
  .slide-titolo { color: #007642; font-size: 20px; line-height: 22px;}
  .slide-sottotitolo { color: #4F5254 !important; font-style: italic !important; font-size: 16px; line-height: 22px; margin-bottom: 5px;  }
  .slide-corso-meta { display: none }
  .wrapp-price > div {width: 100%; bottom: 20px; }
  .nextslide, .nextslider{ display: none !important; }
}

@media screen and (max-width: 450px) {
  .slider-cover { width: 35% !important;}
  .slider-cover img { max-width: 100% !important; height: auto }
  .slide-titolo { font-size: 18px; line-height: 20px;}
  .slide-corso-crediti {font-size: 16px; line-height: 18px; }
  .slide-sottotitolo { font-size: 14px; line-height: 16px; }
  .slide-periodicita { font-size: 14px; line-height: 16px }
  .slide-autori { font-size: 14px; line-height: 16px; }
  .slider-price { font-size: 18px !important; line-height: 20px !important; }
}
