/*************/
/****GHOST****/
/*************/
/*
* {
background: #000 !important;
color: #0f0 !important;
outline: solid #f00 1px !important;
}
*/
/**************/
/****LOADER****/
/**************/
.loaderpag {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #0094d4!important;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-30px;
    margin-left:-30px;

}

.loaderpaget
{
    position: absolute;
    top:50%;
    left:0%;
    width: 100%;
    text-align: center;
    margin-top: 40px;


}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.contenitoreloaderpag
{
    width: 100%;
    min-height: 600px;
    position: relative;
}



/******************/
/****CORPO HOME****/
/******************/
.column-wrapper{
    border:1px solid #eaeaea;
    padding: 0px 10px 0px 10px;
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    border-radius: 0.7em;
    -webkit-border-radius: 0.2em;
    -o-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.8);

}
.sezioni{
    display: flex!important;
    align-items: center!important; 
} 


/*******************************/
/****MADIA QUERY PER DESKTOP****/
/*******************************/

@media only screen and (min-width: 768px){


    #nav_bar_smart{
        display: none;
    }   
    #nav_list_smart{
        display: none;
    }
    .column-wrapper{
        padding: 0px 0px;
    }     


}


#sottotitoloSlide{  
    font-weight: 700!important;
}
#bottoneSlide{
   
}


/*******************************/
/*****MADIA QUERY PER SMART*****/
/*******************************/
/* ----------- GENERICHE ----------- */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) { 
    #schedaprodotto{
    background-size: 100%!important;
    background-position: 50% 30%!important;
    }
}

/* ----------- iPhone ----------- */

/* Portrait and Landscape */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
        #btnacqcorso{
        font-size: 1.4em;
        padding: 0.8em 7em;
        }
        .btnbigwhiteline2{
            font-size:12px;
        }
        #nav_bar_smart{
            position: absolute;
            width: 100%;
        }   
        #nav_list_smart{
            position: absolute;
            width: 100%;
        }

        .sezioni{
            display: block!important;
        } 
        .sspacing{
            padding: 0px 0px;
            text-align: -webkit-center;
        } 
        #colcorso{
            padding: 0px 0px!important;
        } 
        .container.sspacing {
            padding: 0px 20px!important;
        }
        #contenitorecorso{
            padding: 0px 0px!important;
        } 
        .column-wrapper{
            -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            padding: 100px 20px;!important
        } 

        .img-responsive {
            display: block;
            max-width: 60%;
            height: auto;
        }

        .sezImg{

            padding-top: 40px;
        }

        .tp-banner-container{
            max-height: 590px!important;
        }
        #laptopSlide{
            top: 85.1479px!important;
            left: 1.8em!important;
        }

        #slidePc {  
            background-size: contain;
            width: 92%!important;
            position: absolute;
            height: 400px;
            background-repeat: no-repeat;
            right: unset!important;
            margin: auto!important;
            top: -112px!important;
        }
        h2.jumbotron-product-title{
            top: -100px!important;
        }
        h5.jumbotron-subtitle  {
            top: -115px;
        } 
}
/* ----------- iPhone X - 6+ - 7+ - 8+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
      #titoloSlide{
            top: 350.0703px!important;
            font-size: 33px!important;
        }
        #sottotitoloSlide{
            top: 373.6844px!important;
            font-size: 14px!important;

        }
        #bottoneSlide{
            top: 371.871px!important;
        }
        #bottoneSlide2{
            top: 400px!important;
        }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
        #titoloSlide{
            top:183.0703px!important;
            font-size: 33px!important;
        }
        #sottotitoloSlide{
            top:215.6844px!important;
            font-size: 14px!important;

        }
        #bottoneSlide{
            top:229.871px!important;
        }
        

}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
      #titoloSlide{
            top: 350.0703px!important;
            font-size: 28px!important;
        }
        #sottotitoloSlide{
            top: 373.6844px!important;
            font-size: 12px!important;
            left: 17px!important;

        }
        #bottoneSlide{
            top: 371.871px!important;
        }
        #bottoneSlide2{
            top: 435px!important;
        }

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
      #titoloSlide{
            top:183.0703px!important;
            font-size: 33px!important;
        }
        #sottotitoloSlide{
            top:215.6844px!important;
            font-size: 14px!important;

        }
        #bottoneSlide{
            top:229.871px!important;
        }

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) {

        .btnbigwhiteline2{
            font-size:12px;
        }
        
        #nav_bar_smart{
            position: absolute;
            width: 100%;
        }   
        #nav_list_smart{
            position: absolute;
            width: 100%;
        }

        .sezioni{
            display: block!important;
        } 
        .sspacing{
            padding: 0px 0px;
            text-align: -webkit-center;
        }
        #colcorso{
            padding: 0px 0px!important;
        }
        .container.sspacing {
            padding: 0px 20px!important;
        }
        #contenitorecorso{
            padding: 0px 0px!important;
        }
        .column-wrapper{
            -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            padding: 100px 20px;!important
        } 

        .img-responsive {
            display: block;
            max-width: 60%;
            height: auto;
        }

        .sezImg{

            padding-top: 40px;
        }

        .tp-banner-container{
            max-height: 590px!important;
        }
        #laptopSlide{
            top: 85.1479px!important;
        }

        #slidePc {  
            background-size: contain;
            width: 92%!important;
            position: absolute;
            height: 400px;
            background-repeat: no-repeat;
            right: unset!important;
            margin: auto!important;
            top: -112px!important;
        }
        h2.jumbotron-product-title{
            top: -100px!important;
        }
        /*CORSO*/
        h2.jumbotron-corso-title{
            top: 0px!important;
        }
        h5.jumbotron-subtitle  {
            top: -115px;
        }   
        h5.jumbotron-corso-subtitle  {
            top: -7px;
        }  

}
/* Portrait */
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation:portrait){
       
    #titoloSlide{
            top: 350.0703px!important;
            font-size: 32px!important;
        }
    #sottotitoloSlide{
            top: 373.6844px!important;
            font-size: 13px!important;

        }
    #bottoneSlide{
            top: 371.871px!important;
        }
    #bottoneSlide2{
            top: 435px!important;
        }    
        
}
/* Lanscape */
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation:landscape){
       
    #titoloSlide{
            top: 185.0703px!important;
            font-size: 32px!important;
        }
    #sottotitoloSlide{
            top: 213.6844px!important;
            font-size: 13px!important;

        }
    #bottoneSlide{
            top: 201.871px!important;
        }    
        
}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
    and (device-width: 360px) 
    and (device-height: 640px) 
    and (-webkit-device-pixel-ratio: 4) {

        #nav_bar_smart{
            position: absolute;
            width: 100%;
        }   
        #nav_list_smart{
            position: absolute;
            width: 100%;
        }

        .sezioni{
            display: block!important;
        } 
        .sspacing{
            padding: 0px 0px;
            text-align: -webkit-center;
        } 
        .container.sspacing {
            padding: 0px 20px!important;
        } 
        .column-wrapper{
            -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
            padding: 100px 20px;!important
        } 

        .img-responsive {
            display: block;
            max-width: 60%;
            height: auto;
        }

        .sezImg{

            padding-top: 40px;
        }

        .tp-banner-container{
            max-height: 590px!important;
        }
        #laptopSlide{
            top: 85.1479px!important;
        }
        #titoloSlide{

            top: 200.0703px!important;
          
        }
        #sottotitoloSlide{
            top: 371.6844px!important;

        }
        #bottoneSlide{
            top: 395.871px!important;
        }
        #bottoneSlide2{
            top: 435px!important;
        }

        #slidePc {  
            background-size: contain;
            width: 92%!important;
            position: absolute;
            height: 400px;
            background-repeat: no-repeat;
            right: unset!important;
            margin: auto!important;
            top: -112px!important;
        }
        h2.jumbotron-product-title{
            top: -100px!important;
        }
        h5.jumbotron-subtitle  {
            top: -115px;
        }
}

#filtroSlide{
background: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.3) 53%, rgba(0,0,0,0.45) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.3) 53%,rgba(0,0,0,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.3) 53%,rgba(0,0,0,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0px;
    opacity: 0;
}



@media only screen 
    and (orientation: landscape) {
        #slidePc{
            background-position: center!important;
            width: 100%!important;
        }
       

}

/****/
@media screen and (max-width: 800px) { 

    #titoloSlide{top: 264.0703px!important;}
    #sottotitoloSlide{top: 302.6844px!important;}
    #bottoneSlide {top: 308.871px!important;}
    #bottoneSlide2 {top: 372px!important;}

}
/******************/
/****FORM LOGIN****/
/******************/
.linkaiuto2{
    margin-top: 15px;
}
.bottonesignup{
    margin-left: 15px;
}



/*******************************/
/********PAGINA PRODOTTO********/
/*******************************/
#slidePc {

    background-size: contain;
    width: 400px;
    position: absolute;
    height: 400px;
    background-repeat: no-repeat;
    right: -40%;
    top: -170px;
    z-index: 
}

.page-section-with-arrow:before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 30px;
    width: 30px;
    transform: rotate(45deg);
    background-color: inherit;
    margin-top: -15px;
    margin-left: -15px;
    top: 100%;
    left: 50%;
    border-left-width: 0;
    border-top-width: 0;
}
.page-section-with-arrow {
    background-color: #d7eef9!important;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    text-align: center;
    position: relative;
}
#jumboArticolo{
    background-image: linear-gradient(rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url();
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 420px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px!important;
}
.jumbotron-product-title{
    color: #89D6F3;
    margin-bottom: 20px;
    margin-top: 43px;
    font-size: 45px;
}
.jumbotron-corso-title{
    color: #89D6F3;
    margin-bottom: 20px;
    margin-top: 43px;
    font-size: 45px;
}
.cart1 button{
    color: #FFF;
    font-size: 0.9em;
    font-weight: 500;
    padding: 0.8em 2em;
    text-decoration: none;
    background: #34495e;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    -moz-border-radius: 1em;
    outline: none;
}
.cart1 button:hover { 
    color:#ffffff!important;
}

/*******************************/
/*********PAGINA ERRORI*********/
/*******************************/
.errorinpanel{

    width: auto!important;
    height: auto!important;
    background: none!important;
    display: block!important;
    /*float: left!important;*/
    margin-top: 0px!important;
    /*margin-right: 20px!important;
    margin-left: 20px!important;*/
    transform: rotate(0deg)!important;
    font-size: 55px!important;
    color: red!important;}

#contenitorepagcarta{
    display: none;
}
#contenitorerid{
    display: none;
}