/* Inseriti da LXS */ 

#contenitore_video{
  text-align: justify;
}

.articles {
background-color:#FFFFFF;
float:left;
margin:0px 0px 0px 0px;
padding: 0 0 0px 0px;
width:100%;
}


.article_single {
float:left;
height:142px;
width:220px;
margin: 5px 0 5px;
padding: 0px 0px 0px 5px;
}


.article_dx{
  float:left;
  background-color:#000000;
  width: 220px; height: 123px; 
  margin: 5px 10px  15px 0px;
}


.box_title{
  font-size: 11pt;
  color: #ffffff; 
  text-shadow: 1px 1px 1px #000;
  font-weight: bold;
}

/* LXS gestione immagini 1170 con riquadro semitrasparente inizio */
.content-title{
  position: absolute;  /* relative */ 
  margin-top: 5em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: rgba(0,0,0,0.35);
  width: auto;
}

.content-title-low{  
  position: absolute;  /* relative */ 
  margin-top: 26em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: rgba(0,0,0,0.35);
  width: auto;
}


.content-title h1{
  padding-left: 0.4em;
  padding-right: 0.4em; 
  font-family: Raleway,sans-serif;
  /* font-family: 'comic sans ms',sans-serif; */
  /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
  font-size: 3.5em;
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}

.content-title h2{
  padding-left: 1em;
  padding-right: 1em;
  font-family: 'Raleway', Verdana, Geneva, sans-serif; 
  font-size: 1.5em;
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}

.content-title h4{
  padding-left: 0.4em;
  padding-right: 0.4em; 
  font-family: Raleway,sans-serif;
  /* font-family: 'comic sans ms',sans-serif; */
  /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
  font-size: 3.5em;
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}

.content-title h5{
  padding-left: 1em;
  padding-right: 1em;
  font-family: 'Raleway', Verdana, Geneva, sans-serif; 
  font-size: 1.5em;
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}



.content-title-low h1{
  padding-left: 0.4em;
  padding-right: 0.4em; 
  font-family: Raleway,sans-serif;
  /* font-family: 'comic sans ms',sans-serif; */
  /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
  font-size: 3.5em;
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}

.content-title-low h2{
  padding-left: 1em;
  padding-right: 1em;
  font-family: 'Raleway', Verdana, Geneva, sans-serif; 
  font-size: 1.5em;
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}


.int-text{
  text-align: left;
  color: #CC0000;
  font-family: verdana,geneva;
  font-size: 1.2em;
  font-weight: normal; /* lxs */  
  padding-top: 1.0em;
}

/* LXS gestione News (nuovi quadrotti) inizio */

figure {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    color:  #333333;
    font-size: 0.85em;
} 
 
figcaption {
    padding-top: 0.5em;
} 
 
.content-news{
  position: absolute;  /* relative */
  
  margin-top: 1em;
  margin-bottom: 0em;
  margin-left: 0;
  margin-right: 0;

  padding-left: 0.5em;
  padding-right: 0.5em;

  background: rgba(0,0,0,0.35);
  width: auto;

}

.content-news h3{
  /* font-size: 1.3em; */
  /* line-height: 0.5em; */
  color: #ffffff; /* lxs */
  font-weight: normal; /* lxs */
}

.text-news{
  color:#000000; 
  font-size: 1.0em;
  padding-top: 0.0em;
  padding-bottom: 0.0em;
  padding-left: 1em;
  padding-right: 1em;
  padding: 0.5em  0.5em 0.5em 0.5em;
  text-align: left;
  filter:alpha(opacity=100); /* era 70 */ 
  opacity: 1.0; 
  -moz-opacity: 1.0;
  /* font-weight: bold; */
}
/* LXS gestione News fine */

.trasparent_titolo{
  position: relative;
  margin-top: -40em;  /* margin-top: -45%;  */
  height: 18em;
  width: 42em;
  
  /* border: 1px solid black; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin-top: 5px; */
  background-color: #fff;
  filter:alpha(opacity=10); /* era 70 */ 
  opacity: 0.8; 
  -moz-opacity:0.8;
}

.text_titolo{
  color:#000000; 
  font-size: 1.5em;
  padding: 0.5em  0em 0em 1em;
  text-align: left;
  filter:alpha(opacity=100); /* era 70 */ 
  opacity: 1.0; 
  -moz-opacity: 1.0;
  /* font-weight: bold; */
}

.text_cappello{
  color:#000000; 
  font-size: 1em;
  padding: 0.5em  0em 0em 1em;
  text-align: left;
  filter:alpha(opacity=100); /* era 70 */ 
  opacity: 1.0; 
  -moz-opacity:1.0;
  font-weight: bold;
}
/* LXS gestione immagini 1170 con riquadro semitrasparente fine */

/* LXS Gestione sezioni inizio */
.section-content {

}

.section-content h1{
  text-align: center;
  padding-top: 0.4em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-bottom: 0.4em; 
  font-family: Raleway,sans-serif;
  /* font-family: 'comic sans ms',sans-serif; */
  /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
  font-size: 3.5em;
  /* line-height: 0.5em; */
  color: #000000; /* lxs */
  font-weight: normal; /* lxs */
}

.section-content h2{
  text-align: center;
  padding-top: 0.4em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-bottom: 0.4em; 
  font-family: Raleway,sans-serif;
  /* font-family: 'comic sans ms',sans-serif; */
  /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
  font-size: 3.5em;
  /* line-height: 0.5em; */
  color: #000000; /* lxs */
  font-weight: normal; /* lxs */
}
/* LXS Gestione sezioni fine */

/* LXS gestione footer inizio */

.footer-container{
  font-family: 'Raleway', Verdana, Geneva, sans-serif;
  background-color: #333;
  color: #ffffff;
}

.footer-title{
  font-family: 'Raleway', Verdana, Geneva, sans-serif;
  color: #FFFFFF; 
  font-size: 1.6em; /* 2em; */
  font-weight: normal;
  
}

.footer-container dt{ 
  font-family: 'Raleway', Verdana, Geneva, sans-serif;
  font-size: 1.1em; /* 1.3em; */
  line-height: 200%;
  font-weight: normal;
}

.footer-container a{
  color: #cccccc;
}


.footer_menu{

}

/* LXS gestione footer fine */

.lang-link{
  margin-top: 18px;
  margin-bottom: 7px;
  margin-right: 20px;
  /* align: "left"; */
}

.lang-link a{
  color: #ffffff;
}



.trasparent_20{
  position: relative;
  margin-top: -22px;
  width: auto;
  height: 22px;
  /* border: 1px solid black; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin-top: 5px; */
  background-color: #fff;
  filter:alpha(opacity=70); 
  opacity: 0.7; 
  -moz-opacity:0.7;
}

.black_20{
  position: relative;
  /* top: -20px; */
  width: 220px;
  height: 20px;
  background-color: #000000;
}

.gray_20{
  position: relative;
  /* top: -20px; */
  width: 220px;
  height: 20px;
  background-color: #eeeeee;
}

.gray_40{
  position: relative;
  /* top: -40px; */
  width: 220px;
  height: 40px;
  background-color: #eeeeee;
}

.color_bg{
  position: relative; 
  /* background-color: #282828; */
  /* background-color: #444444; /* grigio scuro colore di sfondo immagini principli pagina */
  background-color: #ffffff; /* bianco colore di sfondo immagini principli pagina */
  background-color: #eeeeee; /* bianco colore di sfondo immagini principli pagina */
}

.center_sf{
  position: relative; 
  background-color: #eeeeee;
  width: 466px;
  margin: 0 auto;
}


.center_sf_flex{
  position: relative;  
  /* background-color: #eeeeee; */
  /* width: 466px; */
  /* max-width: 100%; */
  margin: 0 auto;
}

.trasparent_40{
  position: relative;
  margin-top: -44px;
  width: auto;
  height: 44px;
  /* border: 1px solid black; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin-top: 5px; */
  background-color: #fff;
  /* background: rgba(255,255,255,0.9); */
  filter:alpha(opacity=70); 
  opacity: 0.7; 
  -moz-opacity:0.7;
}

.text_r1{
  padding: 0px  0px 0px 4px;
  text-align: left;
  font-weight: bold;
}

.text_r2{
  padding: 0px 0px 0px 4px;
  text-align: left;
}

li.c1of2 { margin-left: 2em; }
li.c2of2 { margin-left: 22em; }

li.reset1
{
    margin-top: -1.8em;
}

li.reset2
{
    margin-top: -3.6em;
}

li.reset3
{
    margin-top: -5.4em;
}

li.reset4
{
    margin-top: -7.2em;
}

li.reset5
{
    margin-top: -9.0em;
}

li.reset6
{
    margin-top: -10.8em;
}

li.reset7
{
    margin-top: -12.6em;
}

li.reset8
{
    margin-top: -14.4em;
}

li.reset9
{
    margin-top: -16.2em;
}

li.reset10
{
    margin-top: -18.0em;
}

td.linea {
border-top: 1px dotted gray;
}

.item-image{
   float:left;
   /* margin: 0.5em 1em 0.5em 0; orig */
   margin: 0.0em 0em 0.0em 0; /* tolto per immagine in alto */
}

/* lxs */

.ared .active a,
.ared .active a:hover {
    background-color: #cc0000;
    font-weight: bold;
}

.agray .active a,
.agray .active a:hover {
    background-color: #333333;
    font-weight: bold;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }

/* logo lxs inizio */
#jsn-logo-desktop {
    /* display: none; */
}

#jsn-menu #jsn-pos-mainmenu {
    padding-left: 0px;
}

.logo-alke {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-right: 20px;
}

/* logo lxs  fine*/

/* tabelle quadrotti lxs inizio */
  .tg-box {
    width: 95%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .tg-box td {
    /* font-family: Arial, sans-serif; */
    /* font-size: 14px; */
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    border-color: #cc0000 #cc0000 #cc0000 #cc0000;
    overflow: hidden;
    word-break: normal;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  
  .tg-box th {
    /* font-family: Arial, sans-serif; */
    /* font-size: 14px; */
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  
  .tg-box .tg-col-02 {
    text-align: center;
    vertical-align: top
  }
  
  .tg-box .tg-col-01 {
    font-family: Verdana, Geneva, sans-serif !important;
    
    vertical-align: top
  }
  
  .tg-box .tg-yw4l {
    vertical-align: top
  }
  
/* tabelle quadrotti lxs fine */

/* tabelle alke lxs inizio */
.panel-alke {
    text-align: center;
    background-color: #eeeeee;
    color:            #000000; 
    border-color:     #eeeeee;
    border: 1px solid #eeeeee; 
    padding: 1.1em; 
    font-size: 1.80em;
    margin-bottom: 1em;
  }

.ul-alke  {
    font-size: 0.75em;
    margin: auto; 
    width: 50%; 
    text-align: left; 
    padding: 0.6em;
  }
/* tabelle alke lxs fine */ 
/*
jsn_mobile.css
Modifiche eseguite da LXS
versione: 24/03/2017
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
/************************************************************************************
 mobile layout (240 - 960): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 960px), (max-device-width: 960px) {
/* LXS inizio */
  figure {
      display: block;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      color:  #333333;}
  .content-image {
    width: 140%; /* or whatever is required */
    /* text-align: center; /* ensures the image is always in the h-middle */
    /* overflow: hidden; /* hide the cropped portion */}
  .content-image img {
      /* position: relative; allows repositioning */
      /* left: 100%; /* move the whole width of the image to the right */
      margin-left: -20%; /* magic! */
      /* z-index: -1; */}
  .content-title {
    position: absolute;  /* relative */
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background: rgba(0,0,0,0.0);
    width: 100%;}
  .content-title-low {
    position: absolute;  /* relative */
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background: rgba(0,0,0,0.0);
    width: 100%;}
  .content-title h1 {
    font-family: Raleway,sans-serif;
    /* font-family: 'comic sans ms',sans-serif; */
    /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
    font-size: 2.5em;
    /* line-height: 0.5em; */
    color: #FFFFFF; /* lxs  #FFFFFF*/
    font-weight: normal; /* lxs */
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);}
  .content-title h2 {
      font-family: 'Raleway', Verdana, Geneva, sans-serif; 
    font-size: 1em;
    /* line-height: 0.5em; */
    color: #FFFFFF; /* lxs */
    font-weight: normal; /* lxs */
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);}
  .content-title h4 {
    font-family: Raleway,sans-serif;
      /* font-family: 'comic sans ms',sans-serif; */
      /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
    font-size: 2.0em;
    /* line-height: 0.5em; */
    color: #FFFFFF*/
    font-weight: normal; /* lxs */
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);}
  .content-title h5 {
    font-family: 'Raleway', Verdana, Geneva, sans-serif; 
    font-size: 1em;
    /* line-height: 0.5em; */
    color: #FFFFFF; /* lxs */
    font-weight: normal; /* lxs */
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);}
  .content-title-low h1 {
    font-family: Raleway,sans-serif;
    /* font-family: 'comic sans ms',sans-serif; */
      /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
      font-size: 2.5em;
      /* line-height: 0.5em; */
      color: #cc0000; /* lxs  #FFFFFF*/
      font-weight: normal; /* lxs */
      text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);}
      .content-title-low h2 {
        font-family: 'Raleway', Verdana, Geneva, sans-serif;
        font-size: 1em;
        /* line-height: 0.5em; */
        color: #cc0000; /* lxs */
        font-weight: normal; /* lxs */
        text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);}
/* LXS Fine */
/* LXS gestione news */
  .content-news h3{
    font-size: 1.0em;
    line-height: 0.5em;
    color: #ffffff; /* lxs */
    font-weight: normal; /* lxs */}
/* LXS gestione news fine */
/* LXS Gestione sezioni inizio */
  .section-content {}
  .section-content h1 {
    text-align: center;
      padding-top: 0.2em;
      padding-left: 0.2em;
      padding-right: 0.2em;
      padding-bottom: 0.2em; 
      font-family: Raleway,sans-serif;
      /* font-family: 'comic sans ms',sans-serif; */
      /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
    font-size: 2.5em;
    /* line-height: 0.5em; */
    color: #000000; /* lxs */
    font-weight: normal; /* lxs */}
  .section-content h2 {
    text-align: center;
    padding-top: 0.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-bottom: 0.4em; 
    font-family: Raleway,sans-serif;
    /* font-family: 'comic sans ms',sans-serif; */
    /* font-family: 'Raleway', Verdana, Geneva, sans-serif; */
    font-size: 2.0em;
    /* line-height: 0.5em; */
    color: #000000; /* lxs */
    font-weight: normal; /* lxs */}
/* LXS Gestione sezioni fine */
}
/************************************************************************************
smartphone layout (320 - 480): everything is layout in single column
*************************************************************************************/
@media only screen and (max-width: 480px), (max-device-width: 480px) { #jsn-header { background-color: #cc0000;} /* lxs */}
/*
jsn_wide.css
Modifiche eseguite da LXS
versione: 24/03/2017
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
/************************************************************************************
 desktop layout (larger than 1200): common settings for wide desktop screen
*************************************************************************************/
@media only screen and (min-width: 1200px) {
  #jsn-page,
  #jsn-pos-topbar,
  #jsn-menu.jsn-m
  div.jsn-modulescontainer                      { padding: 0 20px 20px 20px;  /* 20px  */}
  #jsn-pos-breadcrumbs                          { padding: 0px 0;   /* 20px 0; */}
  #jsn-pos-promo-left div.jsn-modulecontainer,
  #jsn-pos-promo-right div.jsn-modulecontainer  { margin: 10px;  /* era 20px; */}
  /* LXS gestione News inizio */
  figure      { font-size: 1em;}
  .content-news {
    margin-top: 1em;
    margin-bottom: 0em;}
  .content-news h3 {
    font-size: 1.1em;
    line-height: 0.5em; }
  .text-news  { font-size: 1.5em;}
  /* LXS gestione News fine */
}
/* 
06/02/2017
REM
Veicoli elettrici con batterie litio
https://www.alke.it/veicoli-elettrici-con-batterie-litio
CAMBIO LAYOUT della prima div sotto l'immagine principale | testo + icon
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.text-intro {
  width: 100%;
  margin: 20px 0 -40px 0; }
.int-txt {
  width: 100%;
  margin-top: 5px;
  font-family: verdana, geneva;
  font-size: 1.2em;
    font-weight: normal;
}
.txt-red  { color: #FF0000; }
.txt-black  { color: #000; }
.int-icon {
  width: 100%;
  margin: 15px 0;
}
.int-icon-content {
  width: 33.33333333%;
  float: left;
  text-align: center;
}
.int-icon-content a,
.int-icon-content a:focus,
.int-icon-content a:hover,
.int-icon-content a:active {
  width: 50px;
  margin: 0 auto;
  outline: 0;
  font-size: 1.1em;
  color: grey;
  line-height: 100%;
  text-decoration: none;
}
.int-icon-content img { width: 50px; }
@media (min-width: 360px) { .int-icon-content { margin-bottom: 0;}}
@media (min-width: 600px) {
  .int-txt {
    width: 66%;
    padding-top: 15px;
    float: left;
    font-size: 1em;}
  .int-icon {
    width: 34%;
    float: right;}
  .int-icon-content {
    margin-top: 0;
    margin-bottom: 0;}
  .int-icon-content a,
  .int-icon-content a:focus,
  .int-icon-content a:hover,
  .int-icon-content a:active {
    width: 80px;
    font-size: .8em;}
  .int-icon-content img { width: 55px;}
}
@media (min-width: 900px) {
  .int-txt {
    margin-bottom: 50px;
    font-size: 1.2em;}
  .int-icon-content { margin-bottom: -30px;}}
  .int-icon-content a,
  .int-icon-content a:focus,
  .int-icon-content a:hover,
  .int-icon-content a:active { font-size: .95em;}
  .int-icon-content img { width: 65px;}
}
@media (min-width: 1300px) { .int-txt { padding-top: 25px;}
}/* 
22/02/2017
REM
Veicoli elettrici con batterie litio
https://www.alke.it/veicoli-elettrici-con-batterie-litio
AGGIUNTA DELLA SECTION "PRESTAZIONE DI CARICA DELLA BATTERIA AL LITIO"
(sotto "Perchè scegliere i veicoli elettrici Alkè con batterie al litio:")
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.img66-txt34 {
  width: 100%;
  height: auto;
}
.img66-txt34-img,
.img66-txt34-txt {
  width: 100%;
  height: auto;
}
.img66-txt34-img {
  border: 1px solid #ccc;
  text-align: center;
}
.img66-txt34-img img { max-width: 95%; }
.img66-txt34-txt { margin-top: 20px; }
@media (min-width: 1200px) {
  .img66-txt34-img {
    width: 748.8px;
    height: 320px;
    float: left;}
  .img66-txt34-img img { max-width: 99%; }
  .img66-txt34-txt {
    width: 418px;
    float: right;
    height: 320px;
    margin-top: 0;
    display: table;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}
  .img66-txt34-txt-content {
    padding-right: 30px;
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle;}
}
/* 
14/02/2017
update: 19/07/2018 > added h2 styles
REM
Global style | div class: panel-alke / ul-alke
- sistemazione stilo li
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.panel-alke { padding: 25px 0; }
.panel-alke h2,
.panel-alke h3 {
  width: 270px;
  margin: 0 auto;
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 120%;
  text-align: left;
  font-weight: normal;
}
.ul-alke {
  width: 250px;
  margin: 0 auto;
  padding: 0;
  padding-top: 10px;
  padding-left: 12px;
  display: block;
}
.ul-alke li {
  margin-left: 0;
  font-size: .7em;
}
@media (min-width: 410px) {
  .panel-alke { padding: 25px 0; }
  .panel-alke h2,
  .panel-alke h3 { width: 340px;}
  .ul-alke {
    width: 340px;
    padding-left: 31px;}
  .ul-alke li { font-size: .75em;}
}
@media (min-width: 600px) { .panel-alke { padding: 40px 0;}}
@media (min-width: 960px) {
  .panel-alke { padding: 50px 0; }
  .panel-alke h2,
  .panel-alke h3 {
    width: 750px;
    font-size: 28px;}
  .ul-alke {
    width: 750px;
    padding-left: 29px;}
  .ul-alke li { font-size: .85em;}
}
/* 
21/02/2017
REM
Box titolo/sottotitolo/bottoni che vieni dentro dell'immagine principale delle pagine dei prodotti. 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-title-width-mob250-desk350 h1 {
  width: 250px;
  display: block;
}
.content-title-width-mob300-desk400 h1 {
  width: 300px;
  display: block;
}
.content-title-width-mob350-desk450 h1 {
  width: 350px;
  display: block;
}
.content-title-width-mob400-desk500 h1 {
  width: 400px;
  display: block;
}
@media (min-width: 961px) {
  .content-title-width-mob250-desk350 h1 {
    width: 350px;
    line-height: 115%;}
  .content-title-width-mob300-desk400 h1 {
    width: 400px;
    line-height: 115%;}
  .content-title-width-mob350-desk450 h1 {
    width: 450px;
    line-height: 115%;}
  .content-title-width-mob400-desk500 h1 {
    width: 500px;
    line-height: 115%;}
}
/* 
21/02/2017
REM
Tabella - 3 collone 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.table-3cols-wraper   {
  width: 100%;
  margin-top: 30px;
}
.table-3cols-titlerow   { width: 100%; }
.table-3cols-1row-content {
  width: 33.33333333%;
  height: 155px;
  margin-top: -20px;
  float: left;
  display: table;
  border-bottom: 1px solid #333;
}
.table-3cols-1row-content-title {
  height: 135px;
  border-bottom: 2px solid #333;
}
.table-3cols-1row-content-inside {
  padding-right: 5px;
  padding-bottom: 5px;
  display: table-cell;
  vertical-align: bottom;
}
@media (min-width: 360px) {
  .table-3cols-1row-content       { height: 110px;}
}
@media (min-width: 600px) {
  .table-3cols-1row-content       { height: 65px;}
  .table-3cols-1row-content-inside  { padding-right: 15px;}
}
@media (min-width: 768px) {
  .table-3cols-wraper         { margin-top: -30px;}
  .table-3cols-1row-content-title   { height: 145px;}
  .table-3cols-1row-content-inside  { padding-right: 25px;}
}
@media (min-width: 1200px) {
  .table-3cols-wraper         { margin-top: -45px;}
}
/* 
21/02/2017
REM
Testo - 2 collone 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
@media (min-width: 961px) {
  .text-2cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;}
} 
/* 
21/02/2017
REM
Section - Riferimenti | logotipi 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.mob-padding-left { padding-left: 10px } /*#REM 10/05/2019*/
.references {
  width: 100%;
  margin: 20px 0;
  display: table;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.references-2nd-line, 
.references-3rd-line {
  margin-top: -20px;
  border: none;
}
.references-1st-line { border-bottom: none; }
.references-3rd-line { border-bottom: 1px solid #eeeeee; }
.references-content {
  width: 50%;
  padding: 20px 0;
  float: left;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.references-content img { width: 80px; }
@media (min-width: 961px) {
  .mob-padding-left { padding-left: 0;} /*#REM 10/05/2019*/
  .references {
    width: 100%;}
  .references-1st-line,
  .references-2nd-line { border-bottom: 1px solid #eeeeee; }
  .references-content  { padding: 35px 0 20px 0;}
  .references-content1 { width: 100%;}
  .references-content2 { width: 50%;}
  .references-content3 { width: 33.33333333%;}
  .references-content4 { width: 25%;}
  .references-content5 { width: 20%;}
  .references-content6 { width: 16.66666666666667%;}
  .references-content7 { width: 14.28571428571429%;}
  .references-content8 { width: 12.5%;}
  .references-content img { width: 85px;}
}
/* 
21/02/2017
REM
Section - alke-panel + logotipo + testo centralizzato 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.panel-alke-logo-text-align-center {
    background-color: #eeeeee; 
    border: 1px solid #eeeeee;
    padding: 40px 0; 
    font-size: 1.80em;
    color: #000000; 
    text-align: center;
}
.panel-alke-logo-text-align-center img { width: 70px; }
.panel-alke-logo-text-align-center p {
    width: 270px; 
    margin: 0 auto;
    padding-top: 20px;
    display: block;
    font-size: 0.65em;
    line-height: 130%;
}
@media (min-width: 360px) { .panel-alke-logo-text-align-center p  { width: 320px;}}
@media (min-width: 600px) { .panel-alke-logo-text-align-center p  { width: 450px;}}
@media (min-width: 992px) {
  .panel-alke-logo-text-align-center    { padding: 50px 0;}  
  .panel-alke-logo-text-align-center img  { width: 100px;}
}
/* 
23/02/2017
REM
Section - milestone (icona + testo) 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.milestone {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #cccccc;
}
.milestone-img { 
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.milestone-img img {
  width: 25px;
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 50px;
  webkit-border-radius: 50px;
}
.milestone-ul {
  width: 270px;
  margin: 0 auto;
  padding: 10px 0;
}
.milestone-ul ul > li { font-weight: bold; }
@media (min-width: 960px) {
  .milestone {
    padding-top: 20px;
    border-top: 1px solid #cccccc;}
  .milestone-img {
    width: 100px;
    height: 90px;
    float: left;
    position: relative;
    border-right: 1px solid #cccccc;
    text-align: center;}
  .milestone-img img {
    width: 25px;
    margin-top: 25px;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 50px;
    webkit-border-radius: 50px;}
  .milestone-ul {
    height: 90px;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;}
  .milestone-ul ul {
    width: 750px;
    margin: 0;
    padding: 0;
    float: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    -ms-column-gap: 20px;
    -o-column-gap: 20px;
    column-gap: 20px;}
  .milestone-ul ul > li { font-weight: bold;}
}
@media (min-width: 1200px) { .milestone-ul ul { width: 1000px;}}
/* 
03/03/2017
REM
Breadcumb - font 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.breadcrumb {
  font-size: 1.1em;
  font-weight: 300; 
}
.breadcrumb .pathway  { color: #fff; }
.breadcrumb > li      { text-shadow: none; }
.breadcrumb a,
.breadcrumb li span {
  background: url(/templates/jsn_epic_pro_620/images/icons/icon-arrow-white.png) 95% center no-repeat;
  color: #fff;
}
.breadcrumb li span+span {
  font-size: 1em;
  font-weight: 300;
}
.jsn-joomla-30 #jsn-pos-breadcrumbs {
  /* padding: 5px 15px; tolto da lxs 2017/02/16 */
  padding: 5px 0px; /* mod da lxs 2017/02/16 */
}
/* 
06/03/2017
REM
Quadrotto - titolo     
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
@media (min-width: 1200px) {
.content-news h3 {
    font-size: 0.95em;
    line-height: 0.5em;}
}
/* 
27/03/2017
REM
DIV ICONE - 4 quadrotti     
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.fourboxes    { width: 100%; }
.fourboxes a  {
  outline: 0;
  color: #7f7f7f;
  font-size: 13px;
  text-decoration: none;
}
.fourboxes-box {
  width: 45.5%;
  margin: 2%;
  height: 150px;
  display: table;
  float: left;
}
.fourboxes-box,
.fourboxes-box,
.fourboxes-box,
.fourboxes-box { border: 1px solid #7f7f7f; }
.fourboxes-box-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media (min-width: 410px) {
  .fourboxes-box { height: 200px;}
}
@media (min-width: 768px) {
  .fourboxes a  { font-size: 14px;}
  .fourboxes-box {
    width: 20.5%;
    margin: 2%;
    height: 175px;}
}
@media (min-width: 1200px) {
  .fourboxes a  { font-size: 14px;}
  .fourboxes-box {
    width: 280px;
    margin: 0;
    height: 200px;
    border: 1px solid #7f7f7f;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out;}
  .fourboxes-box img,
  .fourboxes-box img,
  .fourboxes-box img,
  .fourboxes-box img {
    -webkit-transition: all .01s ease-in-out;
    -moz-transition: all .01s ease-in-out;
    -ms-transition: all .01s ease-in-out;
    -o-transition: all .01s ease-in-out;
    transition: all .01s ease-in-out;}
  .fourboxes-box:focus,
  .fourboxes-box:hover,
  .fourboxes-box:active,
  .fourboxes-box:focus,
  .fourboxes-box:hover,
  .fourboxes-box:active,
  .fourboxes-box:focus,
  .fourboxes-box:hover,
  .fourboxes-box:active,
  .fourboxes-box:focus,
  .fourboxes-box:hover,
  .fourboxes-box:active {
    background-color: #cc0000;
    border: 1px solid #cc0000;
    color: #fff;}
  .fourboxes-box,
  .fourboxes-box,
  .fourboxes-box { margin-left: 10px;}
  .fourboxes-box:focus    > .fourboxes-box-content img,
  .fourboxes-box:hover    > .fourboxes-box-content img,
  .fourboxes-box:active   > .fourboxes-box-content img,
  .fourboxes-box:focus    > .fourboxes-box-content img,
  .fourboxes-box:hover    > .fourboxes-box-content img,
  .fourboxes-box:active   > .fourboxes-box-content img,
  .fourboxes-box:focus    > .fourboxes-box-content img,
  .fourboxes-box:hover    > .fourboxes-box-content img,
  .fourboxes-box:active   > .fourboxes-box-content img,
  .fourboxes-box:focus    > .fourboxes-box-content img,
  .fourboxes-box:hover    > .fourboxes-box-content img,
  .fourboxes-box:active   > .fourboxes-box-content img {
    webkit-filter: brightness(200%); /* Safari 6.0 - 9.0 */
    filter: brightness(200%);}
}
/* 
28/03/2017
REM
TABELLA FEATURES - lunghezza 100%     
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.tg-box-features td {
  border-style: solid;
  border-color: #ccc #ccc #ccc #ccc;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.txtgrey60  { color: #7f7f7f; }
/* 
03/04/2017
REM
FORM - PAGINE (escludendo Contatti)
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.form-page {
  width: 270px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0;
}
.form-page input[type="text"] {
  width: 258px;
  border: none;
  border-bottom: 1px solid #7f7f7f;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-page select {
  width: 270px;
  border: none;
  border-bottom: 1px solid #7f7f7f;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-page .dealer-form-label-select-continent { margin-bottom: -5px; }
.form-page .dealer-form-label-select-nation { margin-bottom: -15px; }
.form-page textarea {
  width: 258px;
  height: 100px;
  border: none;
  border-bottom: 1px solid #7f7f7f;
  border-left: 1px solid #7f7f7f;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-page input[type="text"]:focus,
.form-page select:focus,
.form-page textarea:focus {
  background-color: #F5F5F5;
  opacity: .8;
}
.form-page select:focus { outline: #f5f5f5 solid 1px; }
.form-page label {
  margin-top: -8px;
  color: #7f7f7f;
  text-align: center;
}
#btn-submit-form-page {
  background-color: #333;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  outline: 0;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 18px;
  color: #ccc;
  -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
}
#btn-submit-form-page:focus,
#btn-submit-form-page:hover,
#btn-submit-form-page:active {
  background-color: #cc0000;
  color: #fff;
}
.info_privacy {
  display: block;
  font-size: 12px;
  color: #7f7f7f;
  line-height: 120%;
  text-align: center;
  text-align: center;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important;*/}
@media (min-width: 768px) {
  .form-page {
    width: 100%;
    height: 360px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 40px;}
  .form-page-content-left {
    width: 47%;
    margin-right: 3%;
    float: left;}
  .form-page-content-right {
    width: 47%;
    margin-left: 3%;
    float: right;}
  .form-page input[type="text"] {
    width: 91.7%;
    height: 26px;}
  .form-page select { width: 100%; }
  .form-page textarea {
    width: 91.7%;
    height: 151px;
    display: inline-block;
    vertical-align: bottom;}
  .form-page .form-page-text-area {
    height: 212px;
    display: inline-block;
    vertical-align: bottom;}
  .form-page label { text-align: left;}
  #btn-submit-form-page { height: 50px;}
}
@media (min-width: 1200px) {
  .form-page { margin-top: 20px;}
  .form-page-content-left {
    width: 47%;
    margin-right: 3%;
    float: left;}
  .form-page-content-right {
    width: 47%;
    margin-left: 3%;
    float: right;}
  .form-page input[type="text"] {
    width: 91.7%;
    height: 26px;}
  .form-page select { width: 96.5%; }
  .form-page textarea {
    width: 95%;
    height: 151px;
    display: inline-block;
    vertical-align: bottom;}
  .form-page .form-page-text-area {
    height: 212px;
    display: inline-block;
    vertical-align: bottom;}
  .form-page .form-page-text-area-dealer { height: 255px;}
  .form-page label { text-align: left;}
  #btn-submit-form-page {
    height: 70px;
    margin-top: -7px;}
}
/* 
06/04/2017
REM
class CLEARBREAK (clear:both) - solamente mobile
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.clearbreak-mob   { clear: both; }
@media (min-width: 768px) {
  .clearbreak-mob { display: none;}
}
/* 
06/04/2017
REM
FORM - solamente pagina CONTATTI
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.three-boxes-35-15-50     { width: 100%;}
.box-25 {
  width: 49.5%;
  height: 150px;
  float: left;
  text-align: center;
}
.box-25-bkcimg {
  background: transparent url('../../../images/stories/icons-nomap/contactus.jpg') no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 150px;
  border: 1px solid #7f7f7f;
}
.box-25-icon {
  display: table;
  border-top: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  text-align: center;
}
.box-25-icon img         { padding: 40px 0; }
.box-50 {
  height: auto;
  margin-top: -23px;
  padding: 0 10px 10px 10px;
  display: inline-table;
  border-right: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  border-left: 1px solid #7f7f7f;
}
.box-50-content {
  display: table-cell;
  vertical-align: middle;
}
.form-container-contatti { width: 100%; }
.three-boxes-33-33-33 {
  width: 100%;
  margin-top: -20px;
}
.three-boxes-33-33-33-contatti { margin-top: -30px; }
.three-boxes-33-33-33 a,
.three-boxes-33-33-33 a:focus,
.three-boxes-33-33-33 a:hover,
.three-boxes-33-33-33 a:active {
  background-color: transparent;
  outline: 0;
  color: #ccc;
  text-decoration: none;
}
.box-33 {
  width: 100%;
  display: table;
}
.box-33-content {
  padding-left: 5px;
  display: table-cell;
  vertical-align: middle;
}
.box-33-content-left,
.box-33-content-center,
.box-33-content-right     { height: 100px; }
.box-33-content-left      { border: 1px solid #ccc; }
.box-33-content-center,
.box-33-content-right {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.one-box-100              { width: 100%; }
.one-box-100-contatti     { margin-bottom: 40px; }
.one-box-100 a,
.one-box-100 a:focus,
.one-box-100 a:hover,
.one-box-100 a:active {
  outline: 0;
  color: #ccc;
  text-decoration: none;
}
.box-100 {
  width: 100%;
  height: 100px;
  display: table;
}
.box-100-content {
  padding-left: 5px;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc; 
}
@media (min-width: 360px) {
  .box-33-content,
  .box-100-content      { padding-left: 20px;}
  .box-33-content img,
  .box-100-content img  { padding-right: 10px;}
  .box-50               { width: 93.5%;}
}
@media (min-width: 360px) {
  .box-50               { width: 93.6%;}}
@media (min-width: 384px) {
  .box-50               { width: 93.7%;}}
@media (min-width: 412px) {
  .box-50               { width: 94.2%;}}
@media (min-width: 600px) {
  .box-50               {
    width: 95.8%;
    padding-top: 10px;}
}
@media (min-width: 768px) {
  .box-25 {
    width: 49.8%;
    height: 200px;}
  .box-25-bkcimg                  { height: 200px;}
  .box-25-icon img {
    width: 100px;
    padding: 50px 0;}
  .box-50                         { width: 97.1%;}
  .box-50-content                 { padding-top: 25px;}
  .box-50-content h2              { margin-top: -10px;}
  .three-boxes-33-33-33-contatti  { margin-top: -30px;}
  .box-33 {
    width: 33.33333333%;
    float: left;}
  .box-33-content {
    padding-left: 0;
    text-align: center;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right           { height: 100px;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right           { border: none;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}
  .box-33-content-left,
  .box-33-content-right  {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;}
  .one-box-100-contatti         { margin-bottom: 60px;}
  .box-100-content {
    padding-left: 0;
    text-align: center;}
}
@media (min-width: 768px) {
  .box-25 {
    width: 49.8%;
    height: 200px;}
  .box-25-bkcimg                  { height: 200px;}
  .box-25-icon img {
    width: 100px;
    padding: 50px 0;}
  .box-50                         { width: 97.1%;}
  .box-50-content                 { padding-top: 25px;}
  .box-50-content h2              { margin-top: -10px;}
  .form-container-contatti        { width: ; }
  .three-boxes-33-33-33-contatti  { margin-top: -30px;}
  .box-33 {
    width: 33.33333333%;
    float: left;}
  .box-33-content {
    padding-left: 0;
    text-align: center;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right           { height: 100px;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right           { border: none;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}
  .box-33-content-left,
  .box-33-content-right  {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;}
  .one-box-100-contatti         { margin-bottom: 60px;}
  .box-100-content {
    padding-left: 0;
    text-align: center;}
}
@media (min-width: 960px) {
  .three-boxes-35-15-50 { width: 100%;}
  .box-25 {
    width: 25%;}
  .box-25-bkcimg  {
    width: 35%;
    height: 180px;} 
  .box-25-icon    {
    width: 15%;
    height: 180px;
    border-right: none;
    text-align: right;}
  .box-25-icon img {
    width: 100px;
    padding: 40px 0;}
  .box-50 {
    width: 47.5%;
    height: 160px;
    margin-top: 0;
    float: left;
    border: none;
    border-top: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;}
  .box-50-content                 { padding: 0 20px 0 20px;}
  .box-50-content h2              { margin-top: -10px;}
  .box-50-content h2              { margin-top: -10px;}
  .form-container-contatti        {
    width: 600px;
    margin: 0 auto;
    margin-top: 20px;}
  .three-boxes-33-33-33-contatti  { margin-top: -30px;}
  .box-33 {
    width: 33.33333333%;
    float: left;}
  .box-33-content {
    padding-left: 0;
    text-align: center;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right           { height: 100px;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right           { border: none;}
  .box-33-content-left,
  .box-33-content-center,
  .box-33-content-right {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}
  .box-33-content-left,
  .box-33-content-right  {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;}
  .one-box-100-contatti         { margin-bottom: 60px;}
  .box-100-content {
    padding-left: 0;
    text-align: center;}
}
@media (min-width: 1200px) {
  .three-boxes-35-15-50 { width: 1177px;}
  .box-25-bkcimg  {
    height: 210px;
    border-top: none;} 
  .box-25-icon    {
    height: 210px;
    border-top: none;}
  .box-25-icon img { padding-top: 50px;}
  .box-50                         {
    height: 190px;
    border-top: none;}
  .box-50-content                 { padding: 0 20px 0 20px;}
  .box-50-content h1
  .box-50-content h2              { margin-top: -10px;}
  .form-container-contatti        {
    width: 700px;
    margin: 0 auto;
    margin-top: 50px}
  .three-boxes-33-33-33-contatti  { margin-top: -30px;}
}
/* 
06/04/2017
REM
copertina | immagine + testo - solamente pagina IMPORTATORI
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-image-alke-worldwide { margin-top: -10px; } /*#REM 10/05/2019*/
.content-image-inside {
  width: 100%;
  height: 230px;
  position: absolute;
  top: 10px;
  left: 0;
  text-transform: uppercase;
}
.content-image-inside .title-first {
  width: 120px;
  margin-left: 10px;
  padding-top: 10px;
  font-size: 20px;
  color: #fff;
  text-align: right;
  line-height: 100%;
  font-weight: bold;
}
.content-image-inside img {
  width: 70px;
  margin-left: 60px;
}
.img-desk { display: none; }
.title-second {
  display: block;
  position: absolute;
  top: 90px;
  left: 145px;
  color: #fff;
}
.title-second .title-forty      { font-size: 70px; }
.title-second .title-countries  { 
  margin-top: -25px;
  display: block;
}
@media (min-width: 360px) {
  .content-image-inside { height: 260px;}
  .content-image-inside .title-first {
    margin-left: 30px;
    padding-top: 20px;}
  .content-image-inside img { margin-left: 80px;}
  .title-second {
    top: 100px;
    left: 165px;}
}
@media (min-width: 375px) {
  .content-image-inside { height: 270px;}
  .content-image-inside .title-first {
    margin-left: 40px;
    padding-top: 30px;}
  .content-image-inside img { margin-left: 90px;}
  .title-second {
    top: 110px;
    left: 175px;}
}
@media (min-width: 412px) {
  .content-image-inside { height: 300px;}
  .content-image-inside .title-first {
    margin-left: 60px;
    padding-top: 50px;}
  .content-image-inside img { margin-left: 110px;}
  .title-second {
    top: 130px;
    left: 195px;}
}
@media (min-width: 600px) {
  .content-image-inside { height: 310px;}
  .content-image-inside .title-first {
    width: 140px;
    margin-left: 115px;
    padding-top: 25px;
    font-size: 24px;}
  .content-image-inside img {
    width: 80px;
    margin-left: 170px;}
  .img-mob { display: none;}
  .img-desk { display: block;}
  .title-second {
    top: 100px;
    left: 280px;}
  .title-second .title-forty { font-size: 110px;}
  .title-second .title-countries  { 
    margin-top: -40px;
    font-size: 24px;}
}
@media (min-width: 768px) {
  .content-image-inside { height: 395px;}
  .content-image-inside .title-first {
    width: 180px;
    margin-left: 135px;
    padding-top: 45px;
    font-size: 30px;}
  .content-image-inside img {
    width: 80px;
    margin-left: 220px;}
  .title-second {
    top: 125px;
    left: 340px;}
  .title-second .title-forty { font-size: 130px;}
  .title-second .title-countries {
    margin-top: -50px;
    font-size: 30px;}
}
@media (min-width: 961px) {
  .content-image-alke-worldwide { margin-top: 0;} /*#REM 10/05/2019*/
  .content-image-inside { height: 350px;}
  .content-image-inside .title-first {
    margin-left: 240px;
    padding-top: 25px}
  .content-image-inside img { margin-left: 325px;}
  .title-second {
    top: 95px;
    left: 445px;}
}
@media (min-width: 1200px) {
  .content-image-inside {
    width: 1170px;
    height: 440px;
    top: 0;}
  .content-image-inside .title-first {
    width: 180px;
    margin-left: -180px;
    padding-top: 120px;
    font-size: 32px;
    -webkit-animation: lefttoright .6s ease-in .2s forwards;
    -moz-animation: lefttoright .6s ease-in .2s forwards;
    -ms-animation: lefttoright .6s ease-in .2s forwards;
    -o-animation: lefttoright .6s ease-in .2s forwards;
    animation: lefttoright .6s ease-in .2s forwards;}
    @-webkit-keyframes lefttoright { from { margin-left: -180px;}   to { margin-left: 315px;}}
    @-moz-keyframes lefttoright    { from { margin-left: -180px;}   to { margin-left: 315px;}}
    @-ms-keyframes lefttoright     { from { margin-left: -180px;}   to { margin-left: 315px;}}
    @-o-keyframes lefttoright      { from { margin-left: -180px;}   to { margin-left: 315px;}}
    @keyframes lefttoright         { from { margin-left: -180px;}   to { margin-left: 315px;}}
  .content-image-inside img {
    width: 100px;
    margin-left: 0;
    position: absolute;
    top: 170px;
    left: 535px;
    -webkit-animation: fadein .6s ease-in;
    -moz-animation: fadein .6s ease-in;
    -ms-animation: fadein .6s ease-in;
    -o-animation: fadein .6s ease-in;
    animation: fadein .6s ease-in;
  }
    @-webkit-keyframes fadein { from { opacity: 0;}   to { opacity: 1;}}
    @-moz-keyframes fadein    { from { opacity: 0;}   to { opacity: 1;}}
    @-ms-keyframes fadein     { from { opacity: 0;}   to { opacity: 1;}}
    @-o-keyframes fadein      { from { opacity: 0;}   to { opacity: 1;}}
    @keyframes fadein         { from { opacity: 0;}   to { opacity: 1;}}
  .title-second {
    width: 300px;
    margin-top: 55px;
    margin-left: 1350px;
    top: 0;
    left: 0;
    -webkit-animation: righttoleft .6s ease-in .2s forwards;
    -moz-animation: righttoleft .6s ease-in .2s forwards;
    -ms-animation: righttoleft .6s ease-in .2s forwards;
    -o-animation: righttoleft .6s ease-in .2s forwards;
    animation: righttoleft .6s ease-in .2s forwards;}
    @-webkit-keyframes righttoleft { from { margin-left: 1350px;}   to { margin-left: 680px;}}
    @-moz-keyframes righttoleft    { from { margin-left: 1350px;}   to { margin-left: 680px;}}
    @-ms-keyframes righttoleft     { from { margin-left: 1350px;}   to { margin-left: 680px;}}
    @-o-keyframes righttoleft      { from { margin-left: 1350px;}   to { margin-left: 680px;}}
    @keyframes righttoleft         { from { margin-left: 1350px;}   to { margin-left: 680px;}}
  .title-second .title-forty { font-size: 160px;}
  .title-second .title-countries {
    margin-top: -135px;
    margin-left: 190px;
    font-size: 32px;}
}
/* 
06/04/2017
REM
navigazione | anchor
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.anchor {
  height: 44px;
  margin-top: -44px;
  display: block;
  visibility: hidden;
}
@media (min-width: 961px) {
  .anchor {
    height: 44px;
    margin-top: -44px;}  
}
/* 
19/05/2017
REM
Webpage | Research Projects | 3 icons gallery     
update 04/09/2017 - 4 icons gallery
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
#research-projects-container {
  width: 100%;
  display: block;
  text-align: center;
}
#research-projects-container a {
  width: 100%;
  height: 150px;
  display: block;
}
#research-projects-container a:first-child {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#research-projects-container a:nth-child(2) { border: 1px solid #ccc; }
#research-projects-container a:nth-child(3) {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}  
#research-projects-container a:nth-child(4),
#research-projects-container a:nth-child(5)/*update 2018/03/09*/ {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}  
#research-projects-container a img {
  width: 150px;
  padding: 37.5px 0;
}
@media (min-width: 768px) {
  #research-projects-container a {
    /*width: 33%;*/
    /*width: 24%;/*update 2017/09/04*/
    width: 19.5%;/*update 2018/03/09*/
    float: left;}
  #research-projects-container a:first-child {
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;}
  #research-projects-container a:nth-child(3),
  #research-projects-container a:nth-child(4)/*update 2017/09/04*/,
  #research-projects-container a:nth-child(5)/*update 2018/03/09*/ {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;}/*update 2017/09/04*/
  #research-projects-container a img {
    width: 100px;
    padding: 50px 0;}/*update 2017/09/04*/
}
@media (min-width: 1170px) {
  /*#research-projects-container a { width: 33.2%;} */
  /*#research-projects-container a { width: 24.85%;} update 2017/09/04*/
  #research-projects-container a { width: 19.85%;} /*update 2018/03/09*/
  #research-projects-container a:first-child {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;}
  #research-projects-container a:nth-child(2) { border: 1px solid #ccc;}
  #research-projects-container a img {
    width: 150px;
    padding: 37.5px 0;}
}
/* 
25/05/2017
REM
Webpage | Alkè company profile | home: imagery and animation     
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.mosaic-mob {
  background-color: #fff;
  /*margin-top: -3px;*/
  margin-top: -13px; /*#REM 10/05/2019*/
  padding-top: 10px;
}
.mosaic-desk { display: none;}
@media (min-width: 961px) {
  .mosaic-mob { padding-top: 0;}
}
@media (min-width: 1200px) {
  .mosaic-mob { display: none;}
  .mosaic-mob img { width: 100%;}
  .mosaic-desk {
    background-color: #fff;
    width: 1170px;
    height: 443px;
    margin-top: -3px;
    margin-bottom: -1px;
    position: relative;
    top: 0;
    display: block;}
  .mosaic-desk h1,
  .mosaic-desk h2 {
    position: absolute;
    left: 20px;
    z-index: 1;
    font-family: Raleway,sans-serif;
    color: #ffffff;
    font-weight: normal;}
  .mosaic-desk h1 {
    top: 0;
    font-size: 3.5em;}
  .mosaic-desk h2 {
    top: 46px;
    font-size: 1.5em;}
  .mosaic-desk-up-1st-img {
    position: relative;
    top: 0;
    left: 0;}
  .mosaic-desk-up-2nd-img-anime,
  .mosaic-desk-up-2nd-img {
    position: absolute;
    top: 0;
    left: 585px;}
  .mosaic-desk-up-2nd-img-anime {
    z-index: 2;
    animation: fadeout 1s ease-out 2.5s forwards;}
  .mosaic-desk-up-2nd-img { z-index: 1;}
  .mosaic-desk-up-3rd-img {
    position: absolute;
    top: 0;
    left: 880px;}
  .mosaic-desk-down-1st-img-anime,
  .mosaic-desk-down-1st-img {
    position: absolute;
    top: 221px;
    left: 0;}
  .mosaic-desk-down-1st-img-anime {
    z-index: 2;
    animation: fadeout 1s ease-out 4.5s forwards;}
  .mosaic-desk-down-1st-img { z-index: 1; }
  .mosaic-desk-down-2nd-img {
    position: absolute;
    top: 221px;
    left: 291px;}
  .mosaic-desk-down-3rd-img-anime,
  .mosaic-desk-down-3rd-img {
    position: absolute;
    top: 221px;
    left: 880px;}
  .mosaic-desk-down-3rd-img-anime {
    z-index: 2;
    animation: fadeout 1s ease-out 6.5s forwards;}
  .mosaic-desk-down-3rd-img { z-index: 1; }
  @keyframes fadeout {  0% { opacity: 1;} 100% { opacity: 0;}}
}
/* 
25/05/2017
REM
Webpage | Alkè company profile | icon styles -> 3boxes-icon-txt / 2containers-txt
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.three-boxes-icon-txt {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.three-boxes-icon-txt-content {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}
.three-boxes-icon-txt-content-center {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.three-boxes-icon-txt-content img {
  width: 60px;
  padding: 40px 0 20px 0;
  border-bottom: 2px solid #ccc;
}
.three-boxes-icon-txt-content p {
  width: 180px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 40px;
  font-size: 1.3em;
  line-height: 1.2em;
}
@media (min-width: 1200px) {
  .three-boxes-icon-txt {
    width: 1170px;}
  .three-boxes-icon-txt-content {
    width: 33.25%;
    float: left;}
  .three-boxes-icon-txt-content-center {
    padding-bottom: 20px;
    border-top: none;
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-left: 1px solid #ccc;}
  .three-boxes-icon-txt-content img {
    width: 60px;
    padding: 20px 0;
    border-bottom: 2px solid #ccc;}
  .three-boxes-icon-txt-content p { padding-bottom: 0;}
}
/* 
25/05/2017
REM
Webpage | Alkè company profile | 2 boxes content: image + text / 50% x 50%
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.two-boxes-5050-content {
  width: 100%;
  margin: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.two-boxes-5050-content-left,
.two-boxes-5050-content-right {
  margin-top: 20px;
  display: table;
}
.two-boxes-5050-content-left {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.two-boxes-5050-content-left img {
  width: 240px;
  padding: 20px 0;
}
.two-boxes-5050-content-left-inside {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.two-boxes-5050-content-right { width: 100%; }
.two-boxes-5050-content-right-inside {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.two-boxes-5050-content-right-inside p {
  padding: 0 40px;
  font-size: 1.3em;
  line-height: 1.5em;
}
.two-boxes-5050-content-right-inside .big-txt { font-size: 1.9em; }
@media (min-width: 1200px) {
  .two-boxes-5050-content { width: 1170px;}
  .two-boxes-5050-content-left,
  .two-boxes-5050-content-right {
    height: 300px;
    float: left;}
  .two-boxes-5050-content-left {
    width: 32.5%;
    border-bottom: none;
    border-right: 1px solid #ccc;}
  .two-boxes-5050-content-left img {
    width: 330px;
    padding: 0;}
  .two-boxes-5050-content-right { width: 66.5%;}
  .two-boxes-5050-content-right-inside { text-align: left;}
}
/* 
25/05/2017
REM
Container text | 1 column | background-color: transparent
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.container-txt {
  width: 100%;
  margin: 30px 0;
  display: table;
  text-align: center;
}
.container-txt p {
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.3em;
  line-height: 1.2em;
}
@media (min-width: 1200px) { .container-txt { width: 1170px;} }
/* 
25/05/2017

REM
Costum class for Company profile page
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.panel-alke-iso h3 {
  font-size: .65em;
  line-height: 1.2em;
}
/* 
30/05/2017
REM
Big container with text inside | vertical and horizontal align: center;
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
@media (min-width: 1200px) {
  .big-container {
    width: 1170px;
    height: 280px;
    margin: 0 auto;
    display: table;}  
  .big-container-lightgrey { background-color: #E5E5E5;}
  .big-container-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;}
  .big-container-content p {
    font-size: 1.3em;
    line-height: 1.2em;} 
  .big-container-content .section-content { margin-top: -40px;}
  .big-container-content .nav {
    width: 130px;
    margin: 0 auto;
    margin-top: 30px;}
  .big-container-content .nav .active {
    width: 130px;
    height: 30px;
    margin: 0;}
}
/* 
14/07/2017
REM
content-title-low - home cover image | heighth: 550px
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-title-low-550 { margin-top: 17em; }
/* 
27/09/2017
REM
webpage: Vuoi diventare rivenditore dei veicoli elettrici Alkè?
content-title content-title-width-mob300-desk400
- box + title
- animation (only for 1170px) 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.box-h1-dealer {
  float: right;
  text-align: right;
}
@media (min-width: 1170px) {
.box-h1-dealer {
  background: rgba(204,0,0,0.85); 
  width: 300px;
  top: -140px;
  right: 40px;
  border-radius: 10px;
  text-align: left;
  opacity: 0;
  -webkit-animation: updownoapcity 1s ease-in .3s forwards;
  -moz-animation: updownoapcity 1s ease-in .3s forwards;
  -ms-animation: updownoapcity 1s ease-in .3s forwards;
  -o-animation: updownoapcity 1s ease-in .3s forwards;
  animation: updownoapcity 1s ease-in .3s forwards;}
.box-h1-dealer-left {
  width: 300px;
  top: -140px;
  left: 40px;
}
.box-h1-dealer h1 {
  width: 200px;
  padding-top: 230px;
  font-size: 40px;
  display: block;}
  @-webkit-keyframes updownoapcity { from { opacity: 1; top: -1500px;}   to { opacity: 1; top: -140px;}}
  @-moz-keyframes updownoapcity    { from { opacity: 1; top: -1500px;}   to { opacity: 1; top: -140px;}}
  @-ms-keyframes updownoapcity     { from { opacity: 1; top: -1500px;}   to { opacity: 1; top: -140px;}}
  @-o-keyframes updownoapcity      { from { opacity: 1; top: -1500px;}   to { opacity: 1; top: -140px;}}
  @keyframes updownoapcity         { from { opacity: 1; top: -1500px;}   to { opacity: 1; top: -140px;}}
}
/* 
13/11/2017
REM
webpage: Accessori (homepage > icon + titolo)
homepage-icon-title
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.homepage-icon-title {
  width: 100vw;
  margin: 0;
  margin-top: -20px;
  margin-left: -10px;
}
.homepage-icon-title-box-icon {
  width: 100px;
  height: 160px;
  float: left;
  border: 1px solid #7f7f7f;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.homepage-icon-title-box-icon img {
  width: 50px;
  padding-top: 55px;
}
.homepage-icon-title-box-title {
  -webkit-width: calc(100vw - 111px);
  -moz-width: calc(100vw - 111px);
  -ms-width: calc(100vw - 111px);
  -o-width: calc(100vw - 111px);
  width: calc(100vw - 111px);
  height: 159px;
  padding-left: 10px;
  float: right;
  display: table;
  border: 1px solid #7f7f7f;
  border-top: none;
  border-left: none;
}
.homepage-icon-title-box-title h1 {
	width: 120px;
	display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #7f7f7f;
  line-height: 18px;
}
.homepage-icon-title-box-title h2 {
	width: 190px;
	margin: 0;
	display: block;
	font-size: 26px;
	color: #000;
	line-height: 100%;
}
@media (min-width: 412px) {
	.homepage-icon-title-box-title h1 { width: 250px;}	
}
@media (min-width: 768px) {
	.homepage-icon-title-box-icon { width: 150px;}
	.homepage-icon-title-box-title {
	  -webkit-width: calc(100vw - 181px);
	  -moz-width: calc(100vw - 181px);
	  -ms-width: calc(100vw - 181px);
	  -o-width: calc(100vw - 181px);
	  width: calc(100vw - 181px);
	  padding-left: 30px;}
	.homepage-icon-title-box-title h1 {
		width: 350px;
		padding-left: 3px;
		font-size: 24px;
		line-height: 26px;}
	.homepage-icon-title-box-title h2 {
		width: 500px;
		margin-top: -8px;
		font-size: 32px;
		line-height: 105%;}
}
@media (min-width: 1170px) {
	.homepage-icon-title-box-icon { width: 150px;}
	.homepage-icon-title-box-title {
	  -webkit-width: calc(100vw - 181px);
	  -moz-width: calc(100vw - 181px);
	  -ms-width: calc(100vw - 181px);
	  -o-width: calc(100vw - 181px);
		width: calc(100vw - 181px);
		height: 159px;}
	.homepage-icon-title-box-title h1 {
		width: 450px;
		padding-left: 3px;
		font-size: 28px;
		line-height: 30px;}
	.homepage-icon-title-box-title h2 {
		width: 900px;
		margin-top: 0;
		padding-top: 6px;
		font-size: 38px;
		line-height: 0;
		font-weight: 400;}
}
/* 
16/11/2017
REM
webpage: Qual è il miglior sistema di ricarica (image > titolo + icon)
content-image-title-icon
content-title-icon
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-image-title-icon {
  padding-left: 40px;
  position: relative;
}
.content-title-icon {
  background-color: rgba(0,0,0,.8);
  width: 110px;
  height: 140px;
  position: absolute;
  top: 10px;
  left: 0;
}
.content-title-icon h4 {
  width: 95px;
  height: 25px;
  margin: 0 auto;
  padding-top: 5px;
  display: block;
  font-size: 11.5px;
  color: #ccc;
  text-align: justify;
  font-weight: 800;
}
.content-title-icon-container {
  width: 110px;
  height: 80px;
  margin: 0;
  text-align: center;
}
.content-title-icon img {
  width: 60px;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}
.content-title-icon h5 {
  width: 110px;
  height: 25px;
  margin: 0 auto;
  display: block
  font-size: 28px;
  color: #f5f5f5;
  text-align: center;
  font-weight: 800;
}
@media (min-width: 360px) {
  .content-title-icon { height: 160px;}
  .content-title-icon-container { height: 100px;}
}
@media (min-width: 375px) {
  .content-title-icon { height: 165px;}
  .content-title-icon-container { height: 105px;}
  .content-title-icon img { padding: 20px 0 0 0;}
}
@media (min-width: 412px) {
  .content-title-icon { height: 190px;}
  .content-title-icon-container { height: 130px;}
  .content-title-icon img { padding: 35px 0 0 0;}
}
@media (min-width: 414px) {
  .content-title-icon { height: 185px;}
  .content-title-icon-container { height: 125px;}
  .content-title-icon img { padding: 30px 0 0 0;}
}
@media (min-width: 480px) {
  .content-title-icon { height: 225px;}
  .content-title-icon-container { height: 165px;}
  .content-title-icon img { padding: 55px 0 0 0;}
}
@media (min-width: 600px) {
  .content-title-icon {
    width: 150px;
    height: 285px;}
  .content-title-icon h4 {
    width: 130px;
    height: 30px;
    padding-top: 15px;
    font-size: 16px;
    text-align: center;}
  .content-title-icon-container {
    width: 130px;
    height: 200px;
    margin: 0 auto;}
  .content-title-icon img {
    width: 90px;
    padding: 55px 0;}
  .content-title-icon h5 {
    width: 130px;
    height: 40px;
    font-size: 28px;}
}
@media (min-width: 768px) {
  .content-title-icon { height: 375px;}
  .content-title-icon-container { height: 290px;}
  .content-title-icon img { padding: 100px 0;}
}
@media (min-width: 960px) {
  .content-title-icon { height: 420px;}
  .content-title-icon-container { height: 335px;}
  .content-title-icon img { padding: 122.5px 0;}
}
@media (min-width: 961px) {
  .content-image-title-icon { padding-left: 0;}
  .content-title-icon {
    width: 200px;
    height: 340px;
    left: 10px;}
  .content-title-icon h4 {
    width: 180px;
    height: 45px;
    padding-top: 20px;
    font-size: 20px;
    text-align: center;}
  .content-title-icon-container { height: 230px;}
  .content-title-icon img {
    width: 100px;
    padding: 65px 0;}
  .content-title-icon h5 {
    width: 180px;
    height: 45px;
    font-size: 34px;}
}
@media (min-width: 1200px) {
  .content-title-icon { height: 420px;}
  .content-title-icon-container { height: 310px;}
  .content-title-icon img { padding: 105px 0;}
}
/* 
17/11/2017
REM
webpage: Qual è il miglior sistema di ricarica (tabella > icon + titolo)
tg-box
tg-box-features
tg-box-features-icon
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.tg-box-features-icon { vertical-align: center; }
.tg-box-features-icon img {
  width: 40px;
  padding: 10px 10px 0 0; 
  float: left;
  display: block;
}
.tg-box-features-icon p {
  width: calc(100% - 50px);
  float: right;
  display: block;
}
@media (min-width: 412px) {
  .tg-box-features-icon img { padding: 0 10px 0 0;}
}
/* 
20/11/2017
REM
webpage: Qual è il miglior sistema di ricarica (tabella > icon + titolo)
icons - applications
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.tg-box-features-icon-application img { width: 150px; }
/* 
20/11/2017
REM
Submenu (title + 4 icons + txt)
.panel-alke-submenu
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.panel-alke-submenu {
  background-color: rgb(238,238,238);
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.panel-alke-submenu h3 {
  width: 250px;
  margin: 0 auto;
  padding: 40px 0;
  font-size: 24px;
  color: rgb(0,0,0);
  line-height: 110%;
}
.panel-alke-submenu-title-nav { width: 100%; }
.panel-alke-submenu-title-nav a {
  background-color: rgb(238,238,238);
  width: 50%;
  height: 100px;
  float: left;
  display: block;
  color: #7f7f7f;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.panel-alke-submenu-title-nav a:first-child { border: 1px solid #ccc; }
.panel-alke-submenu-title-nav a:nth-child(2) {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.panel-alke-submenu-title-nav a:nth-child(3),
.panel-alke-submenu-title-nav a:nth-child(5) {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.panel-alke-submenu-title-nav a:nth-child(4),
.panel-alke-submenu-title-nav a:nth-child(6) {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.panel-alke-submenu-title-nav a:focus,
.panel-alke-submenu-title-nav a:hover,
.panel-alke-submenu-title-nav a:active { background-color: #fff; }
.panel-alke-submenu-title-link img {
  width: 50px;
  padding-top: 10px;
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.panel-alke-submenu-title-nav a:focus > .panel-alke-submenu-title-link img,
.panel-alke-submenu-title-nav a:hover > .panel-alke-submenu-title-link img,
.panel-alke-submenu-title-nav a:active > .panel-alke-submenu-title-link img {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
}
@media (min-width: 768px) {
  .panel-alke-submenu {
    height: 360px;
    margin-bottom: 0;
    padding-bottom: 0;}
  .panel-alke-submenu h3 {
    width: 700px;
    margin: 0 auto;
    text-align: center;}
  .panel-alke-submenu-title-nav {
    width: 700px;
    height: 200px;
    margin: 0 auto;
    z-index: 222;}
  .panel-alke-submenu-title-nav a {
    width: 167.5px;
    height: 200px;
    margin-left: 10px;
    padding-top: 40px;
    font-size: 18px;
    border: none;
    border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-6 a {
    width: 108px;
    font-size: 16px;}
  .panel-alke-submenu-title-nav a:first-child { margin-left: 0;}
  .panel-alke-submenu-title-link img { width: 70px;}
}
@media (min-width: 959px) { .panel-alke-submenu { width: 960px;}}
@media (min-width: 1200px) {
  .panel-alke-submenu {
    width: 1170px;
    height: 420px;}
  .panel-alke-submenu h3 {
    padding: 60px 0;
    font-size: 28px;}
  .panel-alke-submenu-title-nav { width: 730px;}
  .panel-alke-submenu-title-nav a {
    height: 200px;
    margin-left: 20px;}
  .panel-alke-submenu-title-nav-3 a { width: 243.33333333333333333333333333333px;} /* REM 19/03/12 */
  .panel-alke-submenu-title-nav-6 { width: 1000px;}
  .panel-alke-submenu-title-nav-6 a {
    width: 150px;
    font-size: 16px;}
}
/* 
21/11/2017
REM
Button "Voglio sapere di più"
.boxes-content-icon-title-txt
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.nav-form-mail-container {
    margin: 10px 0 30px 0;
    display: table;
}
.nav-form-mail-container a {
  width: 110px;
  height: 50px;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  color: #7f7f7f;
  line-height: 115%;
  text-align: center;
  text-decoration: none;
  font-weight: 800;
  outline: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.nav-form-mail-container a:focus,
.nav-form-mail-container a:hover,
.nav-form-mail-container a:active {
  background-color: #c00;
  color: #fff;
  border: 1px solid #c00;
}
@media (min-width: 768px) { .nav-form-mail-container a { width: 150px;}}
@media (min-width: 959px) {
  .nav-form-mail-container { margin: 10px 0 30px 10px;}
  .nav-form-mail-container a {
    width: 200px;
    font-size: 16px;}
}
/* 
21/11/2017
REM
Boxes content (icon + title + txt)
.boxes-content-icon-title-txt
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.boxes-content-icon-title-txt {
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.boxes-content-icon-title-txt-container {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
.boxes-content-icon-title-txt-container:first-child { margin-left: 0; }
.boxes-content-icon-title-txt-container-title {
  height: 100px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.boxes-content-icon-title-txt-container-title img {
  width: 50px;
  padding-top: 10px;
}
.boxes-content-icon-title-txt-container-title h4 { color: #7f7f7f;}
.boxes-content-icon-title-txt-container-text {
  height: auto;
  padding: 10px;
}
@media (min-width: 1200px) {
    .boxes-content-icon-title-txt { width: 1200px;}
    .boxes-content-icon-title-txt-container {
      width: 215px;
      margin-left: 20px;
      float: left;}
    .boxes-content-icon-title-txt-container-text { height: 250px;}
}
/* 
21/12/2017
REM
classes for text style
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
/*color*/
.txt-darkgray91     { color: #171717; }
/*font-weight*/
.txt-fontweight800  { font-weight: 800; }
/* 
22/01/2018
REM
Article's box title (right positioning)
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-title-right {
  margin: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  position: relative;
  position: absolute;
  top: 2em;
  right: 0; 
}
.content-title-low-right {  
  margin: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  position: relative;
  position: absolute;
  top: 2em;
  right: 0;
}
/* 
13/04/2018
REM
.content-image
Container Title - icon
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-title-custom-icon img { display: none; }
@media (min-width: 961px) {
  .content-title-custom-icon img {
    display: block;
    width: 50px;
    padding: 20px 0 0 20px;}
}
@media (min-width: 1170px) {
  .content-title-custom-icon img { width: 70px;}
  .content-title-custom-icon h2 { margin-top: -20px;}
}
/* 
13/04/2018
REM
Container Icon + Title 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.container-icon-title     { width: 100%; }
.container-icon-title img { display: none; }
.container-icon-title h2  {
  width: 270px;
  margin-top: 5px;
  display: block;
  line-height: 22px;
}
.container-icon-title p   {
  width: 250px;
  margin-top: -4px;
  display: block;
  color: #c00;
  line-height: 110%
}
@media (min-width: 600px) {
  .container-icon-title img {
    width: 60px;
    float: left;
    display: block;}
  .container-icon-title h2  {
    width: 500px;
    margin-top: 0;
    margin-left: 15px;
    float: left;}
  .container-icon-title p   {
    width: 450px;
    margin-left: 15px;
    margin-top: -8px;
    float: left;
    display: block;
    line-height: 125%}
}
@media (min-width: 961px) {
  .container-icon-title img { width: 70px;}
  .container-icon-title h2  {
    width: 700px;
    margin-top: 7px;
    font-size: 22px;}
  .container-icon-title p   { width: 400px;}
}
/* 
13/04/2018
REM
FourBoxes + Icon + Text 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.fourboxes-icon-txt {
  width: 100%;
  margin-top: 30px;
}
.fourboxes-icon-txt-container {
  width: 100%;
  height: 280px;
  position: relative;
  text-align: center;
  border: 1px solid #7f7f7f;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fourboxes-icon-txt-container h3 {
  margin: 0;
  font-size: 20px;
  color: #000;
  line-height: 100%;
}
.fourboxes-icon-txt-container:first-child { border-top: 1px solid #7f7f7f; }
.fourboxes-icon-txt-container img {
  width: 50px;
  padding-top: 25px;
}
.fourboxes-icon-txt-container p {
  width: 200px;
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  line-height: 110%;
}
.fourboxes-icon-txt-container,
.fourboxes-icon-txt-container img,
.fourboxes-icon-txt-container p,
.fourboxes-icon-txt-container h3 {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;  
}
.fourboxes-icon-txt-container:hover { background-color: #000; }
.fourboxes-icon-txt-container:hover > img {
  -webkit-filter: brightness(200%); /* Safari 6.0 - 9.0 */
  filter: brightness(200%);
}
.fourboxes-icon-txt-container:hover > p,
.fourboxes-icon-txt-container:hover > h3 { color: #FFF; }
@media (min-width: 768px) {
  .fourboxes-icon-txt { margin-top: 40px;}
  .fourboxes-icon-txt-container {
    width: 50%;
    height: 300px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
  .fourboxes-icon-txt-container,
  .fourboxes-icon-txt-container:first-child { border: none;}
  .fourboxes-icon-txt-container:nth-child(odd) {
    border: 1px solid #7f7f7f;
    border-top: none;}
  .fourboxes-icon-txt-container:nth-child(even) {
    border: 1px solid #7f7f7f;
    border-top: none;
    border-left: none;}
  .fourboxes-icon-txt-container:first-child,
  .fourboxes-icon-txt-container:nth-child(2) { border-top: 1px solid #7f7f7f;}
  .fourboxes-icon-txt-container img {
    width: 70px;
    padding-top: 30px;}
  .fourboxes-icon-txt-container p {
    width: 200px;
    bottom: 30px;}
}
@media (min-width: 961px) {
  .fourboxes-icon-txt { margin-top: 40px;}
  .fourboxes-icon-txt-container {
    width: 25%;
    height: 320px;}
  .fourboxes-icon-txt-container,
  .fourboxes-icon-txt-container:first-child { border: none;}
  .fourboxes-icon-txt-container:nth-child(odd) {
    border: 1px solid #7f7f7f;
    border-top: none;}
  .fourboxes-icon-txt-container:nth-child(even) {
    border: none;
    border-bottom: 1px solid #7f7f7f;}
  .fourboxes-icon-txt-container:first-child,
  .fourboxes-icon-txt-container:nth-child(2),
  .fourboxes-icon-txt-container:nth-child(3),
  .fourboxes-icon-txt-container:nth-child(4) { border-top: 1px solid #7f7f7f;}
  .fourboxes-icon-txt-container:nth-child(4n) { border-right: 1px solid #7f7f7f;}
}
/* 
/* 
13/04/2018
REM
Image Box + Icon and Text Box 
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.box-image-icon-txt {
  width: 100%;
  margin-top: 30px;
}
.box-image-icon-txt-container {
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;  
}
.box-image-icon-txt-container-content-image img {
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.box-image-icon-txt-container:hover > .box-image-icon-txt-container-content-image img { transform: scale(1.1); }
.box-image-icon-txt-container-content-icon-text { 
  text-align: left;
  padding: 20px 0 0 0;
}
.box-image-icon-txt-container-content-icon-text img {
  width: 50px;
  padding-top: 10px;
}
.box-image-icon-txt-container-content-icon-text p {
  width: 270px;
  margin-top: 20px;
  margin-bottom: 50px;
  display: block;
  line-height: 110%;
}
@media (min-width: 360px) { .box-image-icon-txt-container-content-icon-text p { width: 340px;}}
@media (min-width: 768px) {
  .box-image-icon-txt { margin-top: 40px;}
  .box-image-icon-txt-container {
    width: 100%;
    margin: 0;}
  .box-image-icon-txt-container > .clearfix {
    margin: 0;
    line-height: 0}
  .box-image-icon-txt-container-content-image {
    width: 50%;
    height: 249px;
    margin: 0;
    overflow: hidden;
    text-align: center;}
  .box-image-icon-txt-container:nth-child(even) > .box-image-icon-txt-container-content-image { float: left;}
  .box-image-icon-txt-container:nth-child(odd) > .box-image-icon-txt-container-content-image { float: right;}
  .box-image-icon-txt-container-content-image img { width: 100%;}
  .box-image-icon-txt-container-content-icon-text {
    background-color: #F4F4F4;
    width: 50%;
    height: 249px;
    margin: 0;
    padding: 0;
    position: relative;}
  .box-image-icon-txt-container:nth-child(even) > .box-image-icon-txt-container-content-icon-text {
    float: left;
    text-align: left;}
  .box-image-icon-txt-container:nth-child(odd) > .box-image-icon-txt-container-content-icon-text {
    float: left;
    text-align: right;}
  .box-image-icon-txt-container-content-icon-text img {
    width: 70px;
    padding: 30px 30px 0 0;}
  .box-image-icon-txt-container-content-icon-text p {
    width: 310px;
    display: block;
    margin: 0;
    position: absolute;
    bottom: 30px;
    right: 30px;
    padding: 0 0 0 30px;}
  .box-image-icon-txt-container:nth-child(even) > .box-image-icon-txt-container-content-icon-text img { 
    padding: 30px 0 0 30px;}
  .box-image-icon-txt-container:nth-child(even) > .box-image-icon-txt-container-content-icon-text p {
    position: relative;
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 0 30px 0 0;}
}
@media (min-width: 961px) {
  .box-image-icon-txt-container-content-image { height: 320px;}
  .box-image-icon-txt-container-content-icon-text { height: 320px;}
}
@media (min-width: 1170px) {
  .box-image-icon-txt-container-content-image { height: 389px;}
  .box-image-icon-txt-container-content-icon-text { height: 389px;}
}
/* 
09/05/2018
REM
FORM - CHECKBOX PRIVACY
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.form-page .checkbox-privacy { margin-top: 18px; }
.form-page .checkbox-privacy-label {
  width: 100%;
  margin-top: -16px;
  padding-left: 15px;
  text-align: left; 
}
.form-page textarea { margin-top: 20px; }
@media (min-width: 768px) { .form-page textarea { margin-top: 0;}}
/* 
27/08/2018
REM
FOOTER - ICON INSTAGRAM
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
#jsn-social-icons ul li.instagram a { background-position: 0 -312px; }
/* 
08/02/2019
REM
VIMEO - HOME WEBPAGE
VIDEO STYLES
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.vimeo-wrapper iframe,
.vimeo-white-rectangle  { display: none; }
@media (min-width: 1200px) {
  .content-image-video > img { display: none;}
  .vimeo-wrapper        { background-color: white;}
  .vimeo-wrapper iframe {
    width: 1170px;
    height: 550px;
    display: block;
    border: none;
    pointer-events: none;
    overflow: hidden;}
  .vimeo-white-rectangle {
    background-color: white;
    width: 1170px;
    height: 60px;
    position: absolute;
    top: 490px;
    left: 0;
    display: block;}
  /*REM 10/04/2019 - position: secondary image*/
  .content-image-video-secondary { 
    background-color: orange;
    position: relative;}
}

/* 
10/04/2019
REM
Submenu (title + 3 icons + txt)
.panel-alke-submenu
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-title-icon > .content-title-icon-title-small {
  font-size: 12px;
  line-height: 100%;
}
.panel-alke-submenu-title-3 h3 { text-align: center; }
.panel-alke-submenu-title-nav-3 {
  width: 280px;
  margin: 0 auto;
} 
.panel-alke-submenu-title-nav-3 a {
  width: 100%;
  height: 230px;
  float: none;
  border: none;
  line-height: 120%;
}
.panel-alke-submenu-title-nav-3 > a:first-child {
  border: 1px solid #ccc;
  border-bottom: none;
}
.panel-alke-submenu-title-nav-3 a:nth-child(2) { border: 1px solid #ccc;}
.panel-alke-submenu-title-nav-3 a:nth-child(3) {
  border: 1px solid #ccc;
  border-top: none;
}
.panel-alke-submenu-title-nav-3-uppercase a { text-transform: uppercase; }
.tt-lowercase { text-transform: lowercase; }
.content-title-icon h4 { text-align: center; }
.clear { clear: both; }
@media (min-width: 600px) { .content-title-icon > .content-title-icon-title-small { font-size: 16px;}}
@media (min-width: 768px) {
  .panel-alke-submenu-boxes { height: 470px;}
  .panel-alke-submenu-title-nav-3 {
    width: 600px;
    height: 320px;} 
  .panel-alke-submenu-title-nav-3 a {
    width: 190px;
    height: 320px;
    margin: 0;
    float: left;
    border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-3 > a:first-child,
  .panel-alke-submenu-title-nav-3 a:nth-child(3) { border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-3 a:nth-child(2) {
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-3 p {
    font-size: 14px;
    line-height: 120%;}
}
@media (min-width: 1200px) {
  .panel-alke-submenu-boxes { height: 500px;}
  .content-title-icon > .content-title-icon-title-small { font-size: 20px;}
  .panel-alke-submenu-title-nav-3 {
    width: 1000px;
    height: 290px;
    margin-top: -20px;} 
  .panel-alke-submenu-title-nav-3 a {
    width: 320px;
    height: 290px;
    margin: 0;
    padding: 0 5px;
    float: left;
    border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-3 > a:first-child,
  .panel-alke-submenu-title-nav-3 a:nth-child(3) { border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-3 a:nth-child(2) {
    margin-right: 20px;
    margin-left: 20px;
    border: 1px solid #ccc;}
  .panel-alke-submenu-title-nav-3 p { font-size: 16px;}
}
/* 
23/04/2019
REM
Veicoli Elettrici News (Homepage)
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.tg-box { width: 100%;}
.grid-layout figure img { width: 100%; }
@media (min-width: 768px) {
  div.grid-layout div.grid-col div.grid-col_inner { width: 100%;}
  .grid-layout img { width: 95%;}
  .grid-layout table img { width: 50%;}
  .grid-layout iframe { width: 95%;}
  .grid-layout3 div.grid-col:first-child,
  .grid-layout3 div.grid-col:nth-child(2),
  .grid-layout3 div.grid-col:nth-child(3) { width: 32%;}
  .grid-layout3 div.grid-col:nth-child(2) { margin: 0 2%}
}
/* 
10/05/2019
REM
content-title | adjustment
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.content-title-quick-guide-adjustment { width: 95%;}
@media (min-width: 768px) { .content-title-quick-guide-adjustment { width: auto;}}
/* 
10/05/2019
REM
top cover page images | adjustments
//*commentato il 17/07/2019
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
/*.content-image img { margin-top: -10px; }
.container-cover-image {
  width: 100%;
  position: relative;
  margin-bottom: 90px;
}
.container-cover-image-adjustment {
  margin-bottom: 0;
  padding-bottom: 110px;
}
.container-cover-image img {
  width: 100vw;
  max-width: 100vw;
  position: absolute;
  top: -10px;
  left: -10px;
}
.content-image-adjustment-100 {
  width: 100vw;
  margin-top: -10px;
  margin-left: -10px;
}
@media (min-width: 768px) {
.container-cover-image            { margin-bottom: 190px;}
.container-cover-image-adjustment { padding-bottom: 210px;}
}
@media (min-width: 960px) {
  .content-image img { margin-top: 0;}
  .container-cover-image-adjustment { padding-bottom: 0;}
  .content-image-adjustment-100 {
    width: 100%;
    margin-top: 0;
    margin-left: 0;}
  .container-cover-image { margin-bottom: 0;}
  .container-cover-image img {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;}
}*/
/* 
17/07/2019
REM
menu | mobile viewport
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
#jsn-menu   { padding-bottom: 10px; }
.logo-alke  {
  width: 83vw;
  margin: 0;
  padding: 0 0 0 15px;}
.jsn-menu-toggle {
  padding-left: 0;
  border: none;
}
#jsn-menu .jsn-modulecontent > .jsn-menu-toggle, #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle {
  height: 35px;
  font-size: 20px;
  color: #FFF;
  border: none;
  margin: 0;
  margin-top: 5px;
  padding: 0;
}
#jsn-menu ul.jsn-menu-mobile:not(.jsn-menu-mobile-slide):not(.jsn-menu-mobile-push) { top: 50px; }
#jsn-menu .jsn-menu-toggle.active { background-color: transparent; }
@media (min-width: 600px) {
  #jsn-menu   { padding-top: 10px; }
  .logo-alke  { width: 90vw;}
  #jsn-menu ul.jsn-menu-mobile:not(.jsn-menu-mobile-slide):not(.jsn-menu-mobile-push) { top: 60px; }
}
@media (min-width: 961px) {
  #jsn-menu   {
    padding-top: 5px;
    padding-bottom: 0;}
  .logo-alke  {
    width: 130px;
    padding-left: 20px;}
  div.jsn-modulecontainer ul.menu-mainmenu > li > a   {
    margin-top: -5px;
    font-size: 1em;}
  #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer { margin-top: -5px;}
  #jsn-menu ul.jsn-menu-mobile:not(.jsn-menu-mobile-slide):not(.jsn-menu-mobile-push) { top: 40px;}
}
@media (min-width: 1170px) {
  .logo-alke { width: 140px;}
  div.jsn-modulecontainer ul.menu-mainmenu > li > a  { font-size: 1.1em;}
}
/* 
17/07/2019
REM
homepage
========== ========== ========== ========== ========== ========== ========== ========== ========== ========== */
.img-viewport-tablet-desktop    { display: none; }
/*h1 title*/
.title-h1-adjustment {
  margin-top: -20px;
  margin-bottom: -20px;
}
/*cta btn*/
.cta-prices-catalog {
  width: 250px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
}
.cta-prices-catalog a > .cta-prices-catalog-content {
  background-color: #c00;
  width: 118px;
  height: 30px;
  float: left;
  border: 1px solid #c00;
  border-radius: 5px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.cta-prices-catalog a:hover > .cta-prices-catalog-content {
  background-color: #c00;
  color: #FFF;
  border: 1px solid #c00;
}
.cta-prices-catalog a:hover > .cta-prices-catalog-content p     { color: #FFF; }
.cta-prices-catalog a:first-child > .cta-prices-catalog-content { margin-right: 10px; }
.cta-prices-catalog-content {
  display: table;
  height: 30px;
}
.cta-prices-catalog-content > p {
  width: 80px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  color: #FFF;
  line-height: 115%;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
@media (min-width: 375px) {
  .title-h1-adjustment  {
    margin-top: -30px;
    margin-bottom: -10px;}
  .cta-prices-catalog   { margin-top: 20px;}
}
@media (min-width: 410px) {
  .title-h1-adjustment  {
    margin-top: -10px;
    margin-bottom: -10px;}
  .cta-prices-catalog   { width: 270px;}
  .cta-prices-catalog a > .cta-prices-catalog-content { width: 128px;}
}
@media (min-width: 768px) {
  .img-viewport-mobile          { display: none;}
  .img-viewport-tablet-desktop  { display: block;}
  .title-h1-adjustment  {
    margin-top: -20px;
    margin-bottom: -10px;}
  .cta-prices-catalog   { margin-top: 0;}
}
@media (min-width: 961px) {
  .title-h1-adjustment  {
    margin-top: -20px;
    margin-bottom: -50px;}
  .cta-prices-catalog   { margin-top: 40px;}
}