html{color:#222;font-size:1em;line-height:1.4; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;} 

*:hover{-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

.main-container{padding-top: 40px;}
.callus{background: #86b535 url(https://www.prezzoshock.net/iconcall.png) no-repeat 19px;    color: #FFF;    text-align: center;    font-size: 17px;    position: fixed;    width: 100%;    top: 0;    padding-bottom: 6px;    border-radius: 0 0 60px 60px; z-index: 1;}
.callus a{color: #FFF;    text-decoration: none;}


.prendicrema{background: #ffcc00;    border: 2px solid white;    margin: 20px 0;    padding: 10px;    border-radius: 15px;}
.prendicrema label{    font-size: 22px;}
.prendicrema input{width: 20px;    height: 20px;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
body{font-family: 'Source Sans Pro', sans-serif;}
.wrapper{width:90%;margin:0 5%}
.header-container{border-bottom:20px solid #e44d26}
.main aside{padding-top:20px;}
.title{color:#fff}
nav ul{margin:0;padding:0;list-style-type:none}
nav a{display:block;margin-bottom:10px;padding:15px 0;text-align:center;text-decoration:none;font-weight:700;color:#fff;background:#e44d26}
nav a:hover,nav a:visited{color:#fff}
nav a:hover{text-decoration:underline}
.main{padding:30px 0}
.main article h1{font-size:2em;     margin: 0; line-height: 1;     color: #5cb6d8;}
.main aside{color: #5cb6d8; padding:0 5% 10px}
.footer-container footer{color:#fff;    padding: 3px;     text-align: center;}
.ie7 .title{padding-top:20px}

.main aside img{border-radius: 12px; }

.cs{    color: #ffd60b;
    text-shadow: 1px 1px 1px #00000075;
    font-size: 20px;
    text-transform: uppercase;
    background: #5cb6d8;
    font-weight: bold;
    padding: 12px;}
	.csb{    color: #ffd60b;
    text-shadow: 1px 1px 1px #00000075;
    font-size: 20px;
    text-transform: uppercase;
    background: #15a9ff;
    font-weight: bold;
    padding: 12px;}
.benben li{     color: #3f9bbd;    font-weight: bold;    text-transform: uppercase;}


/*CUSTOM*/
h3{color: #86b535;    text-align: center;}
.left{float:left;}
.right{float:right;}
img{max-width:100%}
.promo{background:#5cb6d8; padding: 40px 0;}
.div25{width:25%; float:left; box-sizing:border-box; text-align:center;}
.div33{width:33%; float:left; box-sizing:border-box; text-align:center;}
.div50{width:50%; float:left; box-sizing:border-box; text-align:center;}
.div75{width:75%; float:left; box-sizing:border-box; text-align:center;} 
.div100{width:100%; max-width:1026px; margin:0 auto; text-align:center; box-sizing:border-box;}
.clear{clear:both;}
.acquista{background:#FFCC00; padding: 20px 0;}
.recensioni{max-width:1026px; margin:0 auto;}
.footer-container{background:#333; padding: 50px 0 0 0;}

.wain{    font-size: 18px !important;    border-left: 5px solid #5cd860;}
.timers{background: #ffd60b;}
#timer{margin:0; padding: 20px 0 20px 0; text-align:center;}
#timer .peraltri{font-size: 36px;
    font-weight: bold;}
#timer .count{font-size: 80px;
    display: inline-block;
    background: black;
    color: #ffd60b;
    margin: 0 10px;
    padding: 10px 20px;}
#timer .count span{display:block;font-size: 24px;}

.promo .div50 h3{    color: #ffffff;    font-size: 37px; margin: 0;}

.amount{ 
  position: relative;
}
.amount::after{position: absolute;    content: "";    width: 120%;    left: -10%;    top: 50%;    right: 0;    color: red;    border-top: 3px solid;
    border-color: inherit;    -webkit-transform: rotate(-5deg);    -moz-transform: rotate(-5deg);    -ms-transform: rotate(-5deg);    -o-transform: rotate(-5deg);    transform: rotate(-12deg);
} 
#superpromo h3{text-shadow: 0 0 10px #FFFFFF;}
#div50price span{color: #ffd60b;     text-shadow: 2px 3px 2px #00000075; }
.pulsante{ background: #ffd60b;    padding: 20px;    display: inline-block;    color: #000;    text-decoration: none;    border-radius: 25px;    font-size: 35px;    font-weight: BOLD;      margin: 20px 0;  border: 2px solid white;    -webkit-box-shadow: 3px 6px 19px -4px rgba(0,0,0,0.75);    -moz-box-shadow: 3px 6px 19px -4px rgba(0,0,0,0.75);    box-shadow: 3px 6px 19px -4px rgba(0,0,0,0.75);
}

.benben2 li {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.pulsante:hover{    background: #ff870b;}
.div33 h5{font-weight:bold; font-size: 20px;    margin: 0;}
#caratteristiche, #vantaggi, #spf50{ text-align: left; }
#vantaggi h3{  color: #3597b5;
    font-size: 26px; border-bottom: 2px solid #3597b5;
    margin: 5px;}
#caratteristiche h3{ color: #ff7c0b;
    font-size: 26px; border-bottom: 2px solid #ff7c22;
    margin: 5px;}
	
#spf50 h3 {
    color: #258000;
    font-size: 26px;
    border-bottom: 2px solid #3a8000;
    margin: 5px;
}	
	
h4{margin: 0;}

.caratt{list-style:none;}
.caratt li{    background: #ffd60b;    color: #212121;    font-weight: 600;   padding: 5px 10px;    margin: 5px 2px;    border-radius: 25px;    display: inline-block;}
.div33 img{border-radius: 50%;    max-width: 80%; }

#promo2 h3{
    text-shadow: 0 0 10px #FFFFFF;
}
#idearegalo img{width: 270px;}
#superpromo h4{font-size: 40px;     color: #FFF;}
#superpromo h5{    margin: 0;    font-size: 22px;    color: #ffd60b;    text-shadow: 1px 2px 2px #00000075;}
#superpromo span{color: #ffd60b;
    text-shadow: 2px 3px 2px #00000075;}

.recensioni h3{
    font-size: 36px;
    border-bottom: 2px solid #86b535;
}
.recensioni h4{font-size: 22px;}
.recensioni h5{    font-size: 16px;
    text-align: left;
    font-weight: 400;}
.rec{padding-left: 10px;}

.recensioni img{    max-width: 80px;}
.recensioni .div33{width: 30%;
margin: 1.5%;}

#lastpromo3{font-size: 40px;
    color: #FFF;}

#lastpromo3 span {
    color: #ffd60b;
    text-shadow: 2px 3px 2px #00000075;
}

#last2div h3{color: black; margin: 0;
    font-size: 26px;}

#last2div h4{color: red;
    text-shadow: 1px 2px 1px #00000075;   font-size: 64px;
    line-height: 55px;
    border: 2px solid red;
    padding: 10px 0;
}
#last2div h5{    font-size: 21px;
    margin: 0;}
#buy .div75{    padding: 20px;}
#buy .input, #lasciarec .input{width: 30%;    font-size: 16px;    font-weight: bold;     float: left; margin: 0 1.5%;}
#buy .input input, #lasciarec .input input{    display: block;    padding: 10px 18px;    box-sizing: border-box;    margin: 0 auto;    width: 97%;    border-radius: 12px;    border: 2px solid #232323;}
#buy .inputct, #lasciarec .inputct {width:46%;}
#buy .inputct select, #lasciarec .inputct select{display: inline-block;}
#buy .textarea textarea, #lasciarec .textarea textarea{      display: block;    margin: 0 auto;    width: 96%;    border: 2px solid black;    border-radius: 12px;    padding: 10px 18px;    box-sizing: border-box;    font-weight: bold;    color: #000;}
#buy select, #lasciarec select{    text-transform: none;    padding: 10px 18px;    border-radius: 12px;    border: 2px solid black;}
#lasciarec select{    display: block;    margin: 0 auto; }
#lasciarec textarea{display: block;    margin: 0 auto;    width: 96%;    border: 2px solid black;    border-radius: 12px;    padding: 10px 18px;
    box-sizing: border-box;    font-weight: bold;    color: #000;}
#lasciarec input	{display: block;    padding: 10px 18px;    box-sizing: border-box;    margin: 0 auto;    width: 97%;    border-radius: 12px;    border: 2px solid #232323; max-width: 250px;}

#buy .radio{
    padding: 10px 0;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0;}
	
#buy .radio div:first-child{background: #5cb6d8;    margin: 5px;    padding: 5px;}	
#buy .radio div:nth-child(2){    background: #5cd860;    margin: 5px;    padding: 5px;}	
	
	
#buy h5{    margin: 10px 0;
    font-size: 28px;}
	
.submit{background: #4a91e6;
    color: #FFF;
    border: 0;
    padding: 20px;
    font-size: 28px;
    margin: 30px 0 0 0;
    border: 2px solid white;}	
.submit:hover{    border: 2px solid #000;    background: #86b535;}
.select{font-weight: bold;}
.textarea{font-weight: bold;}

#buy select { margin: 8px 0;
    display: block;
    margin: 0 auto;
}


footer h3{    color: #ffffff;    text-align: center;    font-weight: 400;}

footer a{color: #ffcc00;    text-decoration: none;}

#buy span{color: red;}

.koo{background: #ffffff;
    padding: 22px 5px;
    color: #f00;
    margin: 10px;
    border: 4px solid red;}
.okk{background: #4fb16d;
    padding: 22px 5px;
    color: #ffffff;
    margin: 10px;
    border: 4px solid white;}
.okk input {max-width:100%;}

.qntall {
      padding: 10px;
  color: #fff;
  display: none;
}
#qnt1{display:block;}

@media only screen and (max-width: 768px) {
.div25{width:100%; padding:0 10px;}
.div33{width:100%; padding:0 10px;}
.div50{width:100%; padding:0 10px;}
.div75{width:100%; padding:0 10px;} 
.div100{width:100%; padding:0 10px;}	
.main-container{border-top: 10px solid #86b535;}
article{text-align: center;}	
.recensioni .div33 {
    width: 100%; margin: 0;
}
#buy .input {
    width: 100%; margin:0;
}

#buy select {
    width: 100%;
}
.submit {
    width: 100%;
    font-size: 24px;
}

#buy .radio {
    font-weight: 400;
    font-size: 17px;
}
#buy h5 {
    font-size: 26px; color: black;
}
.pulsante {
    font-size: 25px;
}

.promo .div50 h3, #superpromo h4, #lastpromo3 {    font-size: 26px; }
#buy .1minute{background: #86b535;    margin: 5px 0;    color: #FFF;    padding: 10px 0;}


.output{border: 2px solid black;}

}


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

nav a{float:left;width:27%;margin:0 1.7%;padding:25px 2%;margin-bottom:0}
nav li:first-child a{margin-left:0}
nav li:last-child a{margin-right:0}
nav ul li{display:inline}
.oldie nav a{margin:0 .7%}
}
@media only screen and (min-width: 768px) {
.title{float:left}
nav{float:right;width:38%}
.main article{float:left;width:50%; box-sizing:border-box;}
.main aside{float:right;width:50%; box-sizing:border-box;}
}
@media only screen and (min-width: 1140px) {
.wrapper{width:1026px;margin:0 auto}
}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
@media print {
*,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}



.fbfooter {    position: fixed;    bottom: 5px;     right: 5px;    z-index: 1234;}
.fbfooter img{max-width:40px;}


.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/* MOD 18/08 */
body{font-size: 17px;   font-family: 'Poppins', sans-serif;  }
.main article h1 {    font-family: 'Poppins', sans-serif;    font-size: 22px; color: #383838; }
.wrapper {        width: 96%;    margin: 0 auto;    max-width: 1026px; }
.callus {    border-radius: 0 0 10px 10px; z-index: 11; font-size:15px;}
.recensioni .div33 {    font-size: 16px; }
.recensioni h4 {    font-size: 20px; }
#last2div h4 {    font-size: 56px; }
footer h3 {    font-size: 13px;}
.slider {        width: 100%;    }
.slick-slide {      margin: 0px 20px;    }
.slick-slide img {      width: 100%;    }
.slick-prev:before,    .slick-next:before {      color: black;    }
.slick-slide {      transition: all ease-in-out .3s;      opacity: .2;    }
.slick-active {      opacity: .5;    }
.slick-current {      opacity: 1;    }
.slidercont{max-width:500px; width:100%; float:left; cursor: grab;}
.cs {    color: #ffffff;    text-shadow: none;    background: #86b535;}
@media only screen and (max-width: 768px){
.div33 {    padding: 5px 10px;      margin-bottom: 10px;}
}
/* MOD 04/03 */
.main article h1 {   background: #f7f7f7;      border: 1px solid #ececec;    padding: 20px 10px;    border-radius: 4px; }
.recensioni h5{  font-size: 16px;    text-align: left;    font-weight: 600;    color: black;    font-family: 'Roboto', sans-serif;    text-transform: uppercase;}
.recensioni .stars{    background: url(../img/stars.png) no-repeat;    width: 101px;    height: 22px;     float: right;} 
.recensioni .div33{    width: 32%;     min-height: 300px;    margin: 0.5%;    padding: 3% 1%;    border-radius: 4px;    border: 1px solid #ececec;    background: #f7f7f7;    font-family: 'Roboto', sans-serif;    color: #6d6d6d;    background: #f7f7f7 url(../img/bckcit.png) no-repeat left bottom;}
header p{border: 1px solid #ececec;    border-radius: 4px;    padding: 20px 10px;    background: #f7f7f7;}
@media only screen and (max-width: 768px) {
.recensioni .div33 {    width: 100%;  width: 98%;    margin: 10px 1%;     min-height: auto;}
}
/* MOD 04/06 */
.recensioni h3{    font-size: 36px;    border-bottom: 2px solid #86b535;}
.recensioni h4{font-size: 22px;}
.recensioni h5{    font-size: 16px;     text-align: left;     font-weight: 400;}
.rec{padding-left: 10px;}
.recensioni img{    max-width: 80px;}
.recensioni .div33{width: 30%; margin: 1.5%;}
.faqq, .rece{    max-width: 1000px;    margin: 0 auto; padding:5px;}
.faqq div.fade, .rece div.fade{ background: #F7F7F7;    padding: 1% 1%;    width: 100%;    text-align: left;    border-radius: 4px;    border: 1px solid #ececec;    font-family: 'Roboto', sans-serif;    color: #6d6d6d; margin: 2% 0%;    cursor: pointer; box-sizing: border-box;}
.rece .fade{    border-left: 4px solid #7aff62 !important;}
.faqq h3{    font-size: 36px;    border-bottom: 2px solid #86b535; }
.faqq div.fade:nth-child(2){border-left: 4px solid #ff62a3;}
.faqq div.fade:nth-child(3){border-left: 4px solid #5cb6d8;}
.faqq div.fade:nth-child(4){border-left: 4px solid #ff6262;}
.faqq div.fade:nth-child(5){border-left: 4px solid #ffaa62;}
.faqq div.fade h4, .rece div.fade h4{background: url(../img/arrowdown.png) no-repeat right;    padding: 4px 26px 4px 4px;}
.miniinfo div{    max-width: 130px;    display: inline-block;}
.rece div.fade{cursor: auto;}
.rece div.fade h4{cursor: pointer;}

/* MOD 15/06 STRIPE */
.stripe{border: 5px solid #ff6a00;    width: 90%; margin: 0 auto;}
#buy #metpagr label{cursor:pointer;     background: none;    color: #ffffff;    cursor: pointer;    display: initial;    font-size: initial;    font-weight: 600;    line-height: initial;    padding: initial;    text-align: center;    font-size: 18px; padding: 10px 8px;    display: inline-block;}
#payment-form{max-width: 95%;    margin: 0 auto;}
#payment-form span{color:#FFF !important;}
.result-message{line-height:22px;font-size:16px}
.result-message a{color:#596fd6;font-weight:600;text-decoration:none}
.hidden{display:none}
#card-error{color:#697386;text-align:left;font-size:13px;line-height:17px;margin-top:12px}
#card-element{border-radius:4px 4px 0 0;padding:12px;border:1px solid rgba(50,50,93,0.1);background:#fff}
#payment-request-button{margin-bottom:32px}
button{background: #ff4700; color:#fff;font-family:Arial,sans-serif;border-radius:0 0 4px 4px;border:0;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:0 4px 5.5px 0 rgba(0,0,0,0.07);width:100%}
button:hover{filter:contrast(115%)}
button:disabled{opacity:.5;cursor:default}
.spinner,.spinner:before,.spinner:after{border-radius:50%}
.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.spinner:before,.spinner:after{position:absolute;content:""}
.spinner:before{width:10.4px;height:20.4px;background: #ff4700;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}
.spinner:after{width:10.4px;height:10.2px;background: #ff4700;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}
@-webkit-keyframes loading {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
#buy .radio div:nth-child(3){  background: #ff992f;    margin: 5px;    padding: 5px;}	
.stripe form{align-self:center;box-shadow:0 0 0 .5px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.1),0 1px 1.5px 0 rgba(0,0,0,0.07);border-radius:7px;padding:10px}
.stripe input{border-radius:6px;margin-bottom:6px;padding:12px;border:1px solid rgba(50,50,93,0.1);height:44px;font-size:16px;width:100%;background:#fff}
#buttonbuy{    background: #4a91e6;    height: 80px;    padding: 20px;    box-sizing: border-box;    font-size: 24px;    max-width: 350px;
    margin: 0 auto;    border: 3px solid #FFF;}
	@media only screen and (max-width: 768px){
	.recensioni .div33 { width: 97%;    margin: 5px auto; min-height: auto;    float: none;}	
	}


/* MOD 2707 */
div.centralize {height: auto;  /*  display: flex; */}
div.input{position:relative}
div.input span.ph{position:absolute;margin: 8px 0;padding:0 4px;color:#6c757d !important;display:flex;align-items:center;top:0;left:17px;transition:all .2s;transform-origin:0 0;background:none;pointer-events:none}
div.input input:valid + span.ph{transform:scale(0.8) translateY(-20px);background: #fc0;    border-radius: 4px;}
div.input input:placeholder-shown + span.ph{ transform-origin:0 0; transition:all .2s;top:0;left:17px; background: white;    pointer-events: none;    transform: scale(1); }
div.input input:focus + span.ph{transform:scale(0.8) translateY(-20px);background: #fc0;    border-radius: 4px;}
div.input input:focus{color:#284B63;border-color:#284B63}
div.input input:focus + span.ph{color:#284B63}
#buy .input input, #lasciarec .input input{border: 1px solid #d6d6d6; outline: white; padding: 6px;}
div.input100{    margin: 10px 0 !important;    width: 100% !important;}
div.input100 input{width: 98% !important;}
#buy select, #lasciarec select {    padding: 6px; border: 1px solid #d6d6d6;}  
#buy select option:first-child{color:#6c757d;}
#buy .input, #lasciarec .input {      width: 32.33%;    margin: 0 0.5%;}
.inp4 .input{    width: 24% !important;    margin: 0 0.5% !important;}
.textarea span.ph{position:absolute;margin: 8px 0;padding:0 4px;color:#6c757d !important;display:flex;align-items:center;display:none;left:17px;transition:all .2s;transform-origin:0 0;background:none;pointer-events:none}
textarea:focus + span.ph,textarea:not(:placeholder-shown) + span.ph {transform:scale(0.8) translateY(-20px);background: #fc0; display: block; font-size:17px;  border-radius: 4px;}
.textarea textarea{position:relative;}
.selecti span.ph{display:none !important;}
select:valid + span.ph{transform:scale(0.8) translateY(-20px);background: #fc0;display: block;font-size:17px;border-radius:4px;display:block !important;}
#buttonbuy{    background: #2497f3  !important; height: 70px; padding: 10px;margin: 10px auto 20px auto !important; border-radius: 12px !important; border:0;}
#buttonbuy:hover{background:#5cd860 !important;}
#metpagr div{background:none !important; text-align:left; margin: 4px !important;    padding: 2px !important; }
#metpagr div input{display: inline-block;       position: absolute;    margin: 8px;}
#metpagr div label{background: #FFDB4E !important;   text-align: left !important;  padding: 5px 5px 5px 30px !important;    border-radius: 3px;    width: 100%;    box-sizing: border-box;   color: #000000 !important; padding: 5px; border:1px solid transparent;    margin-left: 5px; color: #000000;    font-size: 15px !important;}
input[type="radio"]:checked + label {border: 1px solid #000 !important;}
#buy .radio {    color: #000 !important;    font-weight: bold !important; margin: 5px;}
#buy .textarea textarea, #lasciarec .textarea textarea{border: 1px solid #d6d6d6; outline: white; width:98%;}
.textarea {    margin: 10px 0; }
select:required:invalid {  color: gray;}
#indirizzo::-webkit-input-placeholder { /* WebKit browsers */    color:    #fff;}
#indirizzo:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    #fff;   opacity:  1;}
#indirizzo::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #fff;   opacity:  1;}
#indirizzo:-ms-input-placeholder { /* Internet Explorer 10+ */   color:    #fff;}
@media only screen and (max-width: 768px){
#buy .input {    width: 100% !important;    margin: 4px 0 !important;}
#buy select {    width: 97%; background:#FFF;}
#buy .input input, #lasciarec .input input {    padding: 10px;}
#buy select, #lasciarec select {    padding: 10px; }
#buy #metpagr label{font-size:13px !important; min-height:32px; }
#buttonbuy { margin: 20px auto 20px auto;}
.tabs [class^="tab"] label, .tabs [class*=" tab"] label {    font-size: 13px;}
}



.tabs {  display: block;  display: -webkit-flex;  display: -moz-flex;  display: flex;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  flex-wrap: wrap;
  margin: 0;  overflow: hidden; }
  .tabs [class^="tab"] label,  .tabs [class*=" tab"] label {       color: #000000;    cursor: pointer;    display: block;    font-size: 1em;    font-weight: 500;    line-height: 1em;    padding: 2rem 0;    text-align: center; }
  .tabs .tabbs,  .tabs [class*=" tab"] [type="radio"] {
        border-bottom: 5px solid rgba(239, 237, 239, 0.5);    cursor: pointer;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    display: block;    width: 100%;    -webkit-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    transition: all 0.3s ease-in-out; }
    .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
    .tabs [class*=" tab"] [type="radio"]:hover,
    .tabs [class*=" tab"] [type="radio"]:focus {
          border-bottom: 5px solid #ffa500;}
    .tabs [class^="tab"] [type="radio"]:checked,
    .tabs [class*=" tab"] [type="radio"]:checked {
      border-bottom: 5px solid #000000; }
    .tabs [class^="tab"] [type="radio"]:checked + div,
    .tabs [class*=" tab"] [type="radio"]:checked + div {
      opacity: 1; }
    .tabs [class^="tab"] [type="radio"] + div,
    .tabs [class*=" tab"] [type="radio"] + div {
      display: block;
      opacity: 0;
      padding: 2rem 0;
      width: 90%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .tabs .tab-2 {
    width: 50%; }
    .tabs .tab-2 [type="radio"] + div {
      width: 200%;
      margin-left: 200%; }
    .tabs .tab-2 [type="radio"]:checked + div {
      margin-left: 0; position: relative; border: 1px solid black;
    box-sizing: border-box;
    margin-top: -1px;}
    .tabs .tab-2:last-child [type="radio"] + div {
      margin-left: 100%; }
    .tabs .tab-2:last-child [type="radio"]:checked + div {
      margin-left: -100%; }
.sel_bk_color label{    background: #ffa500;    border-radius: 10px 10px 0 0;}

.tabbs:focus{    outline: none; }