/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

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

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 736px)  { 
	  .circle-menu{
	    display: none
    }
    
    .countdown-clock li span {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.countdown-clock li.seperator {
    vertical-align: top;
    line-height: 20px;
    font-size: 20px;
}
   
    
    
    
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  .circle-menu{
	    display: none
    }
    
     .countdown-clock li span {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.countdown-clock li.seperator {
    vertical-align: top;
    line-height: 20px;
    font-size: 20px;
}
   
    
    
    
}
@media only screen 
  and (min-device-width: 768px) 
   {
   	
    .lang-menu{
	    display: none !important 
    }
	

}

.link-white .features-block-link-icon {
    font-size: 20px;
    line-height: 40px !important;
    color: #FFF;
    border:#FFF 1px solid;
}

.marker-tecnico i{
	background: none !important;
}
.tecnico-evidenziato,
.marker-tecnico:hover {
	/*
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
	*/
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
}
.tecnico-selezionato{
	 -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    z-index: 2000;
    padding-top: 1px;
}

.marker {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
	color:#FFF;
    cursor: pointer;
    position: absolute;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    border-radius: 50%;

}

.img-int{
	width: 40px;
	height: 40px;
}

.features-block-link-icon{
	margin-right: 0px
}

.features-block-link-icon{
	font-size: 20px;
	line-height: 40px !important ;
	color: #626262; 
	border:  #626262 1px solid;
}

.features-block-link {
    margin-right: 10px;
}


.smal-flag {
	width: 20px;
	height: 20px;
	
}


a {
   color: inherit;
}

.circle-menu-item{
	 margin-top: 5px; 
}



.circle-menu-item,
.circle-menu-open-button {
 /*  background: #EEEEEE; */
   border-radius: 100%;
   width: var( --circle-dim);
   height: var( --circle-dim);
   margin-left: -40px;
   position: absolute;
   color: #FFFFFF;
   text-align: center;
   line-height: var( --circle-dim);
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform ease-out 200ms;
   transition: -webkit-transform ease-out 200ms;
   transition: transform ease-out 200ms;
   transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.circle-menu-open {
   display: none;
}

.lines {
   width: 20px;
   height: 2px;
   background: #FFF;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -10px;
   margin-top: -1.5px;
   -webkit-transition: -webkit-transform 200ms;
   transition: -webkit-transform 200ms;
   transition: transform 200ms;
   transition: transform 200ms, -webkit-transform 200ms;
}

.line-1 {
   -webkit-transform: translate3d(0, -8px, 0);
   transform: translate3d(0, -8px, 0);
}

.line-2 {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.line-3 {
   -webkit-transform: translate3d(0, 8px, 0);
   transform: translate3d(0, 8px, 0);
}

.circle-menu-open:checked + .circle-menu-open-button .line-1 {
   -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
   transform: translate3d(0, 0, 0) rotate(45deg);
}

.circle-menu-open:checked + .circle-menu-open-button .line-2 {
   -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
   transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.circle-menu-open:checked + .circle-menu-open-button .line-3 {
   -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
   transform: translate3d(0, 0, 0) rotate(-45deg);
}

.circle-menu {
   z-index: 30000;	
   margin: auto;
   position: fixed;
   bottom: 30px;
   right: 30px;
   width: var( --circle-dim);
   height: var( --circle-dim);
   text-align: center;
  /* box-sizing: border-box; */
   font-size: 26px;
  
}
.circle-menu-item img{
	margin-bottom: 5px;
    width: 35px;
}
.circle-menu-open-button img{
	width: 35px;
}



/* .circle-menu-item {
   transition: all 0.1s ease 0s;
} */

.circle-menu-item:hover {
   background: #EEEEEE;
   color: #3290B1;
}

.circle-menu-item:nth-child(3) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-item:nth-child(4) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-item:nth-child(5) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-item:nth-child(6) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-item:nth-child(7) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-item:nth-child(8) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-item:nth-child(9) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.circle-menu-open-button {
   z-index: 2;
   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
   -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   cursor: pointer;
   /* box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14); */
    background: none;
}

.circle-menu-open-button:hover {
   -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
   transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.circle-menu-open:checked + .circle-menu-open-button {
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 200ms;
   transition-duration: 200ms;
   -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   transform: scale(1.1, 1.1) translate3d(0, 0, 0);
}




.circle-menu-open:checked ~ .circle-menu-item {
   -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
   transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
   -webkit-transform: translate3d(0.08361px, -50px, 0);
   transform: translate3d(0.08361px, -50px, 0);
}






.circle-menu-open:checked ~ .circle-menu-item:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(0.08361px, -50px, 0);
   transform: translate3d(0.08361px, -50px, 0);
}


.circle-menu-open:checked ~ .circle-menu-item:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
    -webkit-transform: translate3d(0.08361px, -100px, 0);
   transform: translate3d(0.08361px, -100px, 0);
}


.circle-menu-open:checked ~ .circle-menu-item:nth-child(5) {
   transition-duration: 380ms;
   -webkit-transition-duration: 380ms;
    -webkit-transform: translate3d(0.08361px, -150px, 0);
   transform: translate3d(0.08361px, -150px, 0);
}


.circle-menu-open:checked ~ .circle-menu-item:nth-child(6) {
   transition-duration: 480ms;
   -webkit-transition-duration: 480ms;
    -webkit-transform: translate3d(0.08361px, -200px, 0);
   transform: translate3d(0.08361px, -200px, 0);
}


.circle-menu-open:checked ~ .circle-menu-item:nth-child(7) {
   transition-duration: 580ms;
   -webkit-transition-duration: 580ms;
    -webkit-transform: translate3d(0.08361px, -250px, 0);
   transform: translate3d(0.08361px, -250px, 0);

}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(8) {
   transition-duration: 680ms;
   -webkit-transition-duration: 680ms;
    -webkit-transform: translate3d(0.08361px, -300px, 0);
   transform: translate3d(0.08361px, -300px, 0);

}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(9) {
   transition-duration: 780ms;
   -webkit-transition-duration: 780ms;
    -webkit-transform: translate3d(0.08361px, -350px, 0);
   transform: translate3d(0.08361px, -350px, 0);

}






/*
.circle-menu-open:checked ~ .circle-menu-item:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(0.08361px, -104.99997px, 0);
   transform: translate3d(0.08361px, -104.99997px, 0);
}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
   -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
   transform: translate3d(90.9466px, -52.47586px, 0);
}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(5) {
   transition-duration: 380ms;
   -webkit-transition-duration: 380ms;
   -webkit-transform: translate3d(90.9466px, 52.47586px, 0);
   transform: translate3d(90.9466px, 52.47586px, 0);
}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(6) {
   transition-duration: 480ms;
   -webkit-transition-duration: 480ms;
   -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
   transform: translate3d(0.08361px, 104.99997px, 0);
}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(7) {
   transition-duration: 580ms;
   -webkit-transition-duration: 580ms;
   -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
   transform: translate3d(-90.86291px, 52.62064px, 0);
}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(8) {
   transition-duration: 680ms;
   -webkit-transition-duration: 680ms;
   -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
   transform: translate3d(-91.03006px, -52.33095px, 0);
}

.circle-menu-open:checked ~ .circle-menu-item:nth-child(9) {
   transition-duration: 780ms;
   -webkit-transition-duration: 780ms;
   -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
   transform: translate3d(-0.25084px, -104.9997px, 0);
}
*/

.bg_uk , .bg_ur , .bg_it, .bg_fr, .bg_ar, .bg_uk ,  .bg_jp ,
.bg_uk:hover , .bg_ur:hover , .bg_it:hover, .bg_fr:hover, .bg_ar:hover, .bg_uk:hover , .bg_jp:hover 
{
	background-size: 35px 35px;
	background-position: center center;
}
.bg_jp{
	background-image:url("/assets/flags/color/jp.png")
}
.bg_jp:hover{
	background-image:url("/assets/flags/color/jp.png")
}


.bg_uk{
	background-image:url("/assets/flags/color/uk.png")
}
.bg_uk:hover{
	background-image:url("/assets/flags/color/uk.png")
}
.bg_fr{
	background-image:url("/assets/flags/color/fr.png")
}
.bg_fr:hover{
	background-image:url("/assets/flags/color/fr.png")
}
.bg_it{
	background-image:url("/assets/flags/color/it.png")
}
.bg_it:hover{
	background-image:url("/assets/flags/color/it.png")
}
.bg_ar{
	background-image:url("/assets/flags/color/ar.png")
}
.bg_ar:hover{
	background-image:url("/assets/flags/color/ar.png")
}
.bg_ur{
	background-image:url("/assets/flags/color/ur.png")
}
.bg_ur:hover{
	background-image:url("/assets/flags/color/ur.png")
}

.blue {
   background-color: none;
   
}

.blue:hover {
   color: none;
   text-shadow: none;
}

.green {
   background-color: none;
   /*
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
   */
}

.green:hover {
   color: none;
   text-shadow: none;
}

.red {
   background-color: none;
   
}

.red:hover {
   color: none;
   text-shadow: none;
}

.purple {
   background-color: none;
   
}

.purple:hover {
   color: none;
   text-shadow: none;
}

.orange {
   background-color: none;
   
}

.orange:hover {
   color: none;
   text-shadow: none;
}

.lightblue {
   background-color: #000;
   
}

.lightblue:hover {
  background-color: var(--colore-primario);
   text-shadow: none;
   color: #fff;
}

.credit {
   margin: 24px 20px 120px 0;
   text-align: right;
   color: #EEEEEE;
}

.credit a {
   padding: 8px 0;
   color: #C49CDE;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}

.credit a:hover {
   text-decoration: underline;
}



	.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -12px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

#consensi-box{
	margin-top: 20px;
	margin-bottom: 20px;
}	
	
.switch-container{
	width: 100%
}	
	
.switch-box{
	display: inline-block;
	width: 50px;
	margin-right: 20px;
	vertical-align: top;
    margin-top: 15px;
}
.switch-text{
	display: inline-block;
	width: calc(100% - 80px) !important;
	text-align: left;
	
}
.link-underline{
	text-decoration: underline;
}