* {
  box-sizing: border-box;
}
a:link {
  color: red;
  text-decoration: none;
}

a:visited {
  color: red;
}


a:hover {
  text-decoration: underline;
}


a:active {
  color: grey;
}

body {
  font-family: Poppins;
	color: #fff;
	margin: 0;
    background-image: url('bg2.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-color:#000;
	
}

/* Style the header */
.header {
  background-color: #000;

  text-align: center;
	color: #fff;
	height: 112px;
	padding-top: 30px;
	vertical-align: middle;
}

/* Create three unequal columns that floats next to each other */


/* Middle column */
.middle {
  width: 600px;
  margin: auto;

}

.boxes {

  margin: auto;
  max-width:984px;
  text-align: center;

}

.bottom{
	max-width: 1150px;
	margin: auto;
	
}
.footer {
  background-color: #000;
  padding: 10px;
  text-align: center;
  color: #fff;
  /*position: absolute;
  bottom: 0;*/  
  left:0;
  right:0;
  
}

.footer2 {
  background-color: #000;
  padding: 10px;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
  
}

.timer{
	margin:0 auto;
	width:260px;
	background-color:red;
	color:white;
	text-align:center;
	/*border: 3px solid red;*/
	font-size:28px;
}

.timernum{
	border: 1px solid #FF0000;
	border-radius: 5px;
	opacity: 1;
	margin-left:4px;
	margin-right:4px;
	display: inline-block;
	font-family: Poppins medium;
	font-size:34px;
	width:102px;
	/*height:105px;*/
	padding-top:22px;
	padding-bottom:22px;
}

.timernumx{
	margin: auto;
	text-align:center;
}

.title{
	
padding:30px;
text-align: center;
font: 600 26px Poppins;
color: #fff;
	
}

.title2{
	
margin:50px auto 15px auto;
padding: 0 5px 0 5px;
display:table;
text-align: center;
font: 600 26px Poppins;
color: #000;
background-color:rgba(255,255,0,0.7);
font-style: italic;	
}


.subtitle{
	text-align: center;
	max-width:850px;
	margin: 0 auto;
	padding:10px 0 10px 0;
	
}

.content{
text-align: center;
font: normal 16px Poppins;
letter-spacing: 0px;
color: #fff;
opacity: 1;
background-color: rgba(0,0,0,0.8);
}

.content2{
text-align: center;
font: normal 16px Poppins;
letter-spacing: 0px;
color: #fff;
}

.content-upg{
text-align: left;
font: normal 20px Poppins;
letter-spacing: 0px;
padding:20px;
color: #fff;
opacity: 1;
background-color: rgba(0,0,0,0.8);
}

.buttonclaim {

  border: none;
  color: white;
  padding: 15px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  background: #FF0000 0% 0% no-repeat padding-box;
  border-radius: 30px;
  opacity: 1;
  font-size:24px;
  width: 482px;
  height: 60px;
  color: white;
}

.buttonclaim a:link {
  color: white;
  text-decoration: none;
}

.buttonclaim a:visited {
  color: white;
}


.buttonclaim  a:hover {
  text-decoration: underline;
	color: black;
}


.buttonclaim  a:active {
  color: black;
}


.imagem{
   display: none;
}




/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 230px;
  padding: 6px;
  margin:8px;
  height: 355px; /* Should be removed. Only for demonstration */
  background-color:white;
  border-radius: 15px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}




/*benefits*/

.bcolumn12 {
  float: left;
  width: 33.33%;
  padding:20px;
  border-right: 1px solid red;
}

.bcolumn3 {
  float: left;
  width: 33.33%;
  padding:20px;
  
}



/* Clear floats after the columns */
.brow:after {
  content: "";
  display: table;
  clear: both;
}


.b1{
	font-family:poppins;
	font-weight:bold;
	font-size:28px;
	padding:10px 0 10px 0;
	text-align:center;
}

.b2{
	font-family:poppins;
	font-size:18px;
	padding:10px 0 10px 0;
	text-align:center;
}





/*reviews*/

.rcolumn {
  float: left;
  width: 286px;
  height:413px;
  padding:20px;
  border: 2px solid #707070;
  border-radius: 11px;
  margin:0 10px 0 10px;
}

.rrow{
	margin: 0 auto;
    width:924px;
	padding-top:70px;
	padding-bottom:70px;
}



/* Clear floats after the columns */
.rrow:after {
  content: "";
  display: table;
  clear: both;
}


.r1{

	font-family: 'Roboto', sans-serif;
	font-size:24px;
	padding:10px 0 10px 0;
	text-align:center;
	margin-top:30px;
}

.r2{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	padding:10px 0 10px 0;
	text-align:center;
	margin-top:20px;	
}

.ipos{
	margin-top:-86px;
	margin-bottom:30px;
	
}


.button {
  background-color: #ff0000;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.oldprice{
	text-decoration:  line-through;
	color: #848484;
	font-size: 20px;
	padding-top: 64px;
	font-family:poppins;
}
.price{
	font-weight: bold;
	font-size: 45px;
	color: black;
	font-family:poppins;
}
.period{
	font-family:poppins;
	font-size: 20px;
	color: black;
	margin-bottom: 26px;
}
.choose{
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
	background-color: red;
	border-radius: 41px;
	width: 105px;
	margin: auto;
	font-family: poppins;
	padding: 6px;
}
.add1{
	font-family:poppins;
	font-size: 15px;
	color: black;
	padding-top: 26px;
	
}
.add2{
	font-family:poppins;
	font-size: 15px;
	color: #00CC3F;
}
.afterfirst{
	font-family:poppins;
	font-size: 12px;
	color: black;
	padding-top: 26px; 
	
}

input[type=text], input[type=email], input[type=password], select {
  width: 260px;
  font-size: 15px;
  padding: 12px 20px;
  margin: 8px 10px;
  display: inline-block;
  box-sizing: border-box;
height: 60px;
border: 1px solid #A5A5A5;
opacity: 0.9;
}
		
@media (max-width: 600px) {
  .middle {
    width: 100%;
	padding-right: 16px;
	padding-left: 16px;
	  
  }
	.buttonclaim{
		width: 300px;
	}
	
   .imaged{
     display: none;
   }

   .imagem{
     display: block;
   }	
	.row{
		margin: auto;
		max-width: 300px;
	}
	.column {
  		float: none;
		margin: 0 auto 16px auto;
		max-width: 300px;
	}
	.timernum{
		font-size:26px;
		width:70px;
		padding-top:15px;
		padding-bottom:15px;
	}
	  .bcolumn12, .bcolumn3 {
		width: 100%;
	}
	
	.bcolumn12{
		border-right:0;
	}
	.b2{
		border-bottom: 1px solid red;
		padding-bottom:40px;
	}
	.subtitle{
		padding:0 10px 0 10px;
	}
	.rcolumn{
		width:100%;
		margin-bottom:100px;
		margin-left:0;
		margin-right:0;
	}
	.rrow{
		width:300px;
	}
	body{
		background-image: url('bgm.jpg');
		background-size: contain;
	}
	
}