
h2#topheadwordissecondprodct {
	font-family: 'Bebas Neue', cursive;	
	color:#454b60;
	font-size:80px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 95%;
}

#secondrightbackonproduct {
	display: inline-block;
	width: 50%;
	height: 200px;
	vertical-align: top;
}

#secondleftbackopproduct {
	display: inline-block;
	width: 50%;
	background: #bbff95; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbff95 0%, #0dcda4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bbff95 0%,#0dcda4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bbff95 0%,#0dcda4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbff95', endColorstr='#0dcda4',GradientType=0 ); /* IE6-9 */
	padding: 200px 0 100px;
}

#productsseciforall {
	display:inline-block;
	width:100%;
	position:relative;
	z-index:1;
}


#productsseci {
	position:relative;
	z-index:1;
	top:-40px;
	margin:0 auto;
}

.thaproduct {
	font-size:0px;
}

#productdivid {
	display:inline-block;
	font-size:0px;
	text-align:center;
	width:100%;	
}

#prodctflt {
	float:right;
	width:50%;
	vertical-align:top;
}

#prodctfltdetails {
	float:left;
	width:50%;
	vertical-align:top;
	text-align:left;
}

#prodcimgdiv {
	padding:0 20px;
	position:relative;
}


.fadeinbit {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


img.prodcslidimg {
	width:600px;
	margin:0 auto;
}

img.skipbuts {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:5px;
	z-index:2;
	cursor:pointer;
	transition-duration:0.4s;
}

img.prevbut {
	left:5px;
}

img.skipbuts:hover {
	background-color:#fff;
	border-radius:100%;
}

#proddetals {
	padding:100px 100px 0 0;	
}

p#proprysopprod {
	font-size:45px;
	padding:15px 0 0;
	text-align:left;
	font-weight:700;
	color:#454b60;
}

.proppryslyne {
	display:block;
	padding:20px 0;
}

a#productbuy {
	padding:20px 80px;
	color:#454b60;
	font-size:18px;
	font-weight:700;
	background: #0dcda4;
	background: -moz-linear-gradient(left, #0dcda4 0%, #bbff95 100%); 
	background: -webkit-linear-gradient(left, #0dcda4 0%,#bbff95 100%); 
	background: linear-gradient(to right, #0dcda4 0%,#bbff95 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dcda4', endColorstr='#bbff95',GradientType=1 );
	transition-duration:0.4s;
}

#prodinfodiv {
	border:solid 1px #0dcda4;
	padding:20px;
}

.propprysdivis {
	width:50%;
	vertical-align:middle;
	display:inline-block;
	text-align:left;
}

p.proinfopar {
	font-size:16px;
	padding:0 0 2px;
	border-bottom:solid 1px #e3e6ee;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

p.proawnse {
	color:#0dcda4;
	font-weight:700;
}

select#ordersize {
	background-color:#0dcda4;
	font-weight:700;
	color:#454b60;
	border:none;
	font-size:14px;
	padding:5px;
	font-family: 'Lato', sans-serif;
	width:100%;
}

#prodctfltdescript {
	float:right;
	text-align:center;
	width:50%;
}

p.woordevanproduckt {
	font-size:18px;
	line-height:28px;
	color:#454b60;
	max-width:500px;
	margin:0 auto;
}




/*Reviews*/

#reviewid {
	padding: 0px 30px;	
}

.revidiv {
	padding:80px 0;
}

h3.reviehead {
	font-size:45px;
	letter-spacing:4px;
	color:#454b60;
	padding: 0 0 40px;
}

.reveiindiv {
	display:inline-block;
	margin:0 auto;
	text-align:center;
	padding:40px 0 20px;
}

img.reviestarfull {
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
}

p.detailsrevi {
	font-size:16px;
	color:#454b60;
	padding: 30px 0 0;
}

span.detailsspanrev {
	font-size:20px;
	font-weight:700;
	color:#0dcda4;
}



/*fixed cartbox*/

#fixtop {
	position:fixed;
	background-color:rgba(255,255,255,0.9);
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:9999;	
}

#fixtopdek {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:#fff;
	padding:20px;
	width:422px;
}

h4#fixitemhead {
	font-size:25px;
	color:#454b60;
	font-weight:700;
	padding:20px 20px 30px;
	text-align:center;
}

#fixtwodivs {
	font-size:0px;
	display:inline-block;
	width:100%;
	background: #0dcda4;
	background: -moz-linear-gradient(left, #0dcda4 0%, #bbff95 100%); 
	background: -webkit-linear-gradient(left, #0dcda4 0%,#bbff95 100%); 
	background: linear-gradient(to right, #0dcda4 0%,#bbff95 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dcda4', endColorstr='#bbff95',GradientType=1 );
	padding:5px 0 0 0;
}

.fixfloat {
	display:inline-block;
	vertical-align:top;
	width:50%;
}

a.fixbuts {
	text-align:center;
	padding:20px 15px;
	display:block;
	color:#454b60;
	font-size:18px;
	font-weight:700;
	background: #0dcda4;
	background: -moz-linear-gradient(left, #0dcda4 0%, #bbff95 100%); 
	background: -webkit-linear-gradient(left, #0dcda4 0%,#bbff95 100%); 
	background: linear-gradient(to right, #0dcda4 0%,#bbff95 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dcda4', endColorstr='#bbff95',GradientType=1 );
	transition-duration:0.4s;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
}

a.fixbuts:hover {
	-webkit-box-shadow: 0px 0px 15px -4px rgb(69, 75, 96);
	-moz-box-shadow: 0px 0px 15px -4px rgb(69, 75, 96);
	box-shadow: 0px 0px 15px -4px rgb(69, 75, 96);	
}

a.fixbutpay {
	background:#fff;
}

img#chckpay {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	border-radius: 100%;
	padding: 0 5px;
}



/*Checkout*/

#checkoutsecki {
	position:relative;
	z-index:1;
	width:100%;
	padding:100px 0;
}

#chekoutdiv {
	background-color:#fff;
	padding:20px;
	-webkit-box-shadow: 0px -10px 15px -10px rgb(69, 75, 96);
	-moz-box-shadow: 0px -10px 15px -10px rgb(69, 75, 96);
	box-shadow: 0px -10px 15px -10px rgb(69, 75, 96);	
	max-width:1030px;
	margin:0 auto;
}

form#checkfomrs {
	border:solid 2px #0dcda4;
	padding:10px 30px;
	font-size:0px;
}

.checklines {
	padding:30px 0;
	font-size:0px;
	border-bottom:solid 1px #d2d5df;
	position:relative;
}

.checklineflot {
	display:inline-block;
	width:40%;
	vertical-align:top;
	text-align:left;
}

img.checkprodimg {
	width:70px;
	display:inline-block;
	vertical-align:middle;
	padding:0 10px 0 0;
}

p.checkpronaam {
	font-size:18px;
	color:#454b60;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height: 25px;
}

select.checkamountslct {
	width:100px;
	color:#454b60;
	padding:10px;
	font-size:18px;
	font-weight:700;
	border:solid 2px #0dcda4;
	background-color:#fff;
}

label.checkslctlable {
	display:block;
	padding:16px 0 0;
	color:#454b60;
	font-size:14px;
}

.checklineflotlaaste {
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align:right;
	padding:10px 0 0;
}

p.checklineprysamount {
	color:#0dcda4;
	font-size:22px;
	font-weight:700;
	padding:55px 0 0;
}

span.checksmller {
	font-size:14px;	
}

.checkleelyn {
	display:inline-block;
	width:100%;
	padding:50px 0;
	text-align:left;
	border-bottom:solid 1px #d2d5df;
	border-top:solid 1px #d2d5df;
	margin-top: 50px;
}

p#totalcheckout {
	float:right;
	color:#0dcda4;
	font-size:32px;
	font-weight:700;
}

span#totchge, span.chksmlclchng {
	color:#0dcda4;
}

p#totnaam {
	color:#454b60;
	padding:12px 0 0;
	font-size:18px;
	display:inline-block;
}

input#submitbutchck {
	font-size:20px;
	background: #0dcda4;
	background: -moz-linear-gradient(left, #0dcda4 0%, #bbff95 100%);
	background: -webkit-linear-gradient(left, #0dcda4 0%,#bbff95 100%);
	background: linear-gradient(to right, #0dcda4 0%,#bbff95 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dcda4', endColorstr='#bbff95',GradientType=1 );
	padding:20px 30px;
	color:#454b60;
	margin:20px auto;
	border:none;
	font-weight:700;
	cursor:pointer;
	-webkit-box-shadow: 0px 5px 15px -2px rgb(168, 173, 189);
	-moz-box-shadow: 0px 5px 15px -2px rgb(168, 173, 189);
	box-shadow: 0px 5px 15px -2px rgb(168, 173, 189);
	transition-duration:0.4s;
}

input#submitbutchck:hover {
	-webkit-box-shadow: 0px 0px 10px -2px rgb(168, 173, 189);
	-moz-box-shadow: 0px 0px 10px -2px rgb(168, 173, 189);
	box-shadow: 0px 0px 10px -2px rgb(168, 173, 189);	
}

#checkdeliv {
	padding:80px 0 0;
	text-align:left;
}

h2.checkformselhead {
	color:#454b60;
	font-size:30px;
	font-weight:700;
}

.checkdelivsdivs {
	display:inline-block;
	padding:20px;
	text-align:center;
}

img.checkdelilogos {
	width:80px;
	padding:10px 0;
}

img.homecoltimg {
	width:40px;
}

p.delivchecknaam {
	color:#454b60;
	font-size:14px;
	padding:5px;
}

p.checkdeliprysic {
	color:#0dcda4;
	font-size:20px;
	font-weight:700;
	padding:10px 0;
}

.justanotherdiv {
	text-align:left;
	padding:20px 0 0;
}

img.selcollctimg {
	display:inline-block;
	vertical-align:middle;
}

p.selccolltwoord {
	display:inline-block;
	vertical-align:middle;
	padding:0 10px;
	color:#454b60;
	font-size:14px;
}

a.checkremoveicon {
	position:absolute;
	top:35px;
	right:0px;
	padding:5px;
	-webkit-box-shadow: 0px 0px 5px -1px rgb(69, 75, 96);
	-moz-box-shadow: 0px 0px 5px -1px rgb(69, 75, 96);
	box-shadow: 0px 0px 5px -1px rgb(69, 75, 96);
	border-radius: 50%;
	transition-duration:0.4s;
	cursor:pointer;
}

a.checkremoveicon:hover {
	-webkit-box-shadow: 0px 0px 5px -1px rgb(108, 0, 91);
	-moz-box-shadow: 0px 0px 5px -1px rgb(108, 0, 91);
	box-shadow: 0px 0px 5px -1px rgb(108, 0, 91);
}


/*Register Form*/


#prograsdiv {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-box-shadow: 0px 0px 5px -1px rgb(69, 75, 96);
	-moz-box-shadow: 0px 0px 5px -1px rgb(69, 75, 96);
	box-shadow: 0px 0px 5px -1px rgb(69, 75, 96);
	background-color:#fff;
	font-size: 0px;
	width: 370px;
	padding: 10px;
}

.progdivflots {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding: 0 1%;
	position: relative;
	z-index: 2;
}

img.stepimgs {
	margin: 0 auto;
	text-align: center;
	padding: 5px;
}

img.stepimgslct {
	padding: 0px;
}

p.stepnamprog {
	font-size: 16px;
	padding: 10px 5px 5px;
	display: block;
	font-weight: 600;
}

hr#proggreshrtbar {
	position: absolute;
	z-index: 1;
	height: 3px;
	width: 60%;
	background-color:#454b60;
	border: none;
	top: 34px;
	left: 50%;
	transform: translateX(-50%);
}


#registertop {
	padding:40px 0 30px;
	border-bottom:solid 1px #d2d5df;
}

#registerbot {
	padding:60px 0 40px;
	background-color:#454b60;
}

.registerformlines {
	padding:40px 0 0;
	text-align:center;
}

input.registerinputs {
	background-color:#fff;
	border:none;
	border-bottom:solid 1px #0dcda4;
	padding:20px 0;
	font-size:14px;
	color:#454b60;
	width:300px;
	-webkit-box-shadow: 0px 5px 10px 0px rgb(183, 187, 198);
	-moz-box-shadow: 0px 5px 10px 0px rgb(183, 187, 198);
	box-shadow: 0px 5px 10px 0px rgb(183, 187, 198);
	text-align:center;
}

label.registerlbles {
	font-size:18px;
	color:#454b60;
	padding:20px 0;
	display:block;
}

h2.witskrif, label.witskrif {
	color:#fff;
}

p#notrequird {
	font-size:12px;
	color:#fff;
	margin:0 auto;
	padding:10px 0 0;
}

input.inongray {
	background-color:#454b60;
	color:#fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgb(27, 37, 64);
	-moz-box-shadow: 0px 5px 10px 0px rgb(27, 37, 64);
	box-shadow: 0px 5px 10px 0px rgb(27, 37, 64);
}

input.inputkkode {
	width:100px;
}

select.provregist {
	border:none;
	border-bottom:solid 1px #0dcda4;
	padding:20px 0;
	font-size:14px;
	width:200px;
	background-color:#454b60;
	color:#fff;
	-webkit-box-shadow: 0px 5px 10px 0px rgb(27, 37, 64);
	-moz-box-shadow: 0px 5px 10px 0px rgb(27, 37, 64);
	box-shadow: 0px 5px 10px 0px rgb(27, 37, 64);
	text-align:center;
}


#submitseck {
	padding:50px 0;
}

input#subibut {
	background: #0dcda4;
	background: -moz-linear-gradient(left, #0dcda4 0%, #bbff95 100%); 
	background: -webkit-linear-gradient(left, #0dcda4 0%,#bbff95 100%); 
	background: linear-gradient(to right, #0dcda4 0%,#bbff95 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dcda4', endColorstr='#bbff95',GradientType=1 );
	border:none;
	border-bottom:solid 3px #0dcda4;
	padding:20px 40px;
	font-size:20px;
	color:#454b60;
	-webkit-box-shadow: 0px 5px 10px 0px rgb(183, 187, 198);
	-moz-box-shadow: 0px 5px 10px 0px rgb(183, 187, 198);
	box-shadow: 0px 5px 10px 0px rgb(183, 187, 198);
	text-align:center;
	cursor:pointer;
	transition-duration:0.4s;
}

input#subibut:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgb(183, 187, 198);
	-moz-box-shadow: 0px 0px 10px 0px rgb(183, 187, 198);
	box-shadow: 0px 0px 10px 0px rgb(183, 187, 198);
}




/*Add nog op products*/

#adnog {
	padding: 50px 0 0;
	text-align: center;
	margin: 0 auto;
}

p#admorwrd {
	color: #454b60;
    max-width: 300px;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	margin: 0 auto;
}

span#admorcolrwds {
	   background: -webkit-linear-gradient(left, #0dcda4 0%,#bbff95 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





@media only screen and (max-width:1100px) {

#prodctflt {
	width:60%;
}

#prodctfltdetails {
	width:40%;
}

#prodctfltdescript {
	width:60%;
}

a#productbuy {
	padding:20px 60px;
}
	
	#prodcimgdiv {
		padding: 50px 20px 0;
	}
	
}

@media only screen and (max-width:850px) {

	
#secondleftbackopproduct {	
	padding: 300px 0 50px;
}	
	
h2#topheadwordissecondprodct {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	top: 60%;
}	
	
#productsseci {
	top: -120px;
    margin-bottom: -140px;
}

#prodctflt {
	width:100%;
	float:none;
}

#prodctfltdetails {
	width:100%;
	float:none;
}

#prodctfltdescript {
	width:100%;
	float:none;
	padding:80px 0;
}

#proddetals {
	padding:0;
}

a#productbuy {
	padding:20px 60px;
}

img.reviestarfull {
	width:50px;
}
	
	#checkoutsecki {
		padding:20px 0;
	}
	
	#prodcimgdiv {
		padding: 20px 20px 0;
	}
	
	
	#prograsdiv {
		bottom: 50px;
	}
	
	
}

@media only screen and (max-width:550px) {

img.reviestarfull {
  width: 40px;
  margin: 1px;
}

#fixtopdek {
	padding:10px;
	width:300px;
}
	
	.fixfloat {
		width: 100%;
	}	

.checklineflot {
	width:100%;
	padding: 0 0 20px;
}

p.checkpronaam {
	display:inline-block;
	vertical-align:middle;
	width:60%;
}

.checklineflotlaaste {
	width:50%;
}

.checklinflotmid {
	text-align:left;	
}

.checkdelivsdivs {
	display:block;
}

.justanotherdiv, .checkleelyn, h2.checkformselhead {
	text-align:center;
}

p.selccolltwoord {
	line-height:20px;
}

p#totnaam {
	display:block;
	padding:0 0 10px;
}

p#totalcheckout {
	float:none;
}
	
	#prograsdiv {
		display: none;
	}


}


@media only screen and (max-width:500px) {
	
	#productsseci {
		top:-100px;
	    margin-bottom: -150px;
	}
	
	
}


@media only screen and (max-width:400px) {


input.registerinputs {
	width:220px;
}

input.inputkkode {
	width:100px;
}

}
