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;}
.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;}
.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{width: 30%;    font-size: 16px;    font-weight: bold;     float: left; margin: 0 1.5%;}
#buy .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 {width:46%;}
#buy .inputct select{display: inline-block;}


#buy .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{    text-transform: none;
    padding: 10px 18px;
    border-radius: 12px;
    border: 2px solid black;
}

#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;}
}


.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: 1.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; }