body {margin:0; font-family: Century Gothic; font-weight:100; overflow:hidden; text-align:left; font-family: 'Helvetica';}
h1, h2, h3 {font-weight:600; text-align:left;}
h1{font-size:2.6em;}
p {text-align:left; font-size:18px;}
.myBtn {border-radius:5px; background:#32bc46; color:#ffffff; padding:15px 40px; border:none; cursor:pointer; margin:32px 32px 0 0px; font-size:16px; font-weight:600; box-shadow:0px 15px 50px rgba(50,188,100,0.5);}
.backBtn{background:#fff; color:#777777; box-shadow:0px 15px 50px rgba(1,1,1,0.2);}
.homeBtn{text-align:left; margin-top:64px; margin-bottom:64px; max-width:1000px; margin:auto auto 64px auto;}
.fullcontentDiv{width:900%; height:100%; overflow:hidden;}
.bgdiv{width:100%; height:100%; background:url(/calcimage/bg.jpg) no-repeat; background-size:cover; background-position:center; position:fixed; top:0; left:0;}
.contentdiv{max-width:1000px; position:relative; width:calc(100% - 40px); color:black;  padding:10px 20px; z-index:999; margin:auto;}
.logodiv{margin-top:64px; margin-bottom:64px; width:140px; height:90px; background:url(/calcimage/logo3.png) no-repeat; background-size:contain; background-position:left; z-index:999;}
.nohome_logo{margin:32px 0;}
.overlay{width:100%; height:100%; position:fixed; background-image:url(/calcimage/tuman.png); left:0; top:0; background-size:cover;}

.nextprew_btns{text-align:left; margin-bottom:64px;}
.nextprew_btns .myBtn{margin-top:32px; width:160px;}

#stage1, #stage2, #stage3, #stage4, #stage5, #stage6, #stage7, #stage8, #thanks  {position:relative; overflow-x:hidden; padding-left:32px;}
#stage2, #stage3, #stage4, #stage5, #stage6, #stage7, #stage8, #thanks {overflow-y:auto; height:100% !important; overflow-x:hidden; display:flex;}
#thanks{height:auto !important; top:64px;}
.content{max-width:1000px; margin:auto; min-height:calc(100vh - 220px); text-align:left;}

/*HOMEPAGE*/
.homepageBtn{padding:25px 90px; background:#f9f9f9; color:#000000; font-size:22px;}
.homeHeader{margin-top:64px;}
.homeTextContent{}

/*TYPE KITCHEN*/
.typeKitchenDiv{width:150px; max-width:50%; height:130px; display:inline-block; margin:0 16px 40px 0; position:relative; box-shadow:3px 6px 18px rgba(1,1,1,0.2);}
.typesContent{max-width:800px; margin:0;}
.colorsContent{max-width:1100px;}
.colorKitchenDiv{width:150px; max-width:50%; height:130px; display:inline-block; margin:0 16px 40px 0; position:relative;  box-shadow:3px 6px 18px rgba(1,1,1,0.2);}
.styleKitchenDiv{width:240px; height:190px;}


.myInput{width:400px; max-width: 90%; height:45px; padding:12px; font-size:16px; color:#6d6d6d; font-weight:1; margin:10px 0; border:none; box-shadow:0px 15px 50px rgba(1,1,1,0.2);}
.checkboxheader{width:calc(100% - 60px); position:absolute; bottom:-32px; left:0; padding:7px 30px 7px 12px; font-size:14px;}

/*CHECKBOXES*/
.checkbox {position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px;}
.checkbox + label {display:block; width:100%; height:calc(100% - 15px); position:absolute; top:0; left:0; background:rgba(255,255,255,0); cursor:pointer; line-height:130px; text-align:center;}
.checkbox:checked + label:before { background:rgba(255,255,255,0); cursor:pointer;}
.checkbox:checked + label:after { display:block; width:100%; height:calc(100% + 15px); background: rgba(255,255,255,0.2); content: '\2714'; font-size:60px;}
.styleKitchenDiv .checkbox + label {line-height:180px;}

.loadimageslabel{background:#8e8e8e;}
.loadImagesBtn + label {width:100px; height:20px; color:white; padding:15px 25px; cursor:pointer; text-transform:uppercase; font-size:14px; margin-left:-260px; box-shadow:3px 6px 18px rgba(1,1,1,0.2);}
.loadImagesBtn{padding:0; margin-top:10px;}
.loadImagesBtn{overflow:hidden; position:relative; z-index:-1; opacity:0; margin-top:25px; width:260px;}
.img-thumbnail {width:450px; max-width:100%; margin:5px; box-shadow:3px 6px 18px rgba(1,1,1,0.2)}

.form_check {border: 1px solid #dcdcdc; box-shadow: 3px 3px 3px rgba(1,1,1,0.3); display:none; width:300px; min-height:50px; background:white; position:fixed; z-index:1000; top:15px; left:calc(50% - 170px); max-width:100%; padding:20px;}

.budget{text-align:left; line-height:40px; font-size:18px;}
.budget h2 {font-size:1.5rem; margin-top:0;}
.budget input[type="radio"]{width:18px; height:18px;}

@media screen and (max-width:1000px){
	#stage1, #stage2, #stage3, #stage4, #stage5, #stage6, #stage7, #stage8, #thanks{padding-left:0;}
	.contentdiv{padding:16px 32px;}
	.stage1{overflow-y:auto; height:100%;}
	
	.homepageBtn{padding:20px 45px;}
	.typeKitchenDiv{width:calc(50% - 19px); height: 160px;}
	.colorKitchenDiv{width:calc(33% - 19px); height: 160px;}
}
@media screen and (max-width:450px){
	stage1, #stage2, #stage3, #stage4, #stage5, #stage6, #stage7, #stage8, #thanks{width:100% !important;}
	h1 {font-size: 2em; max-width: 90%;}
	.myBtn{margin:32px 16px 0 0px; width:auto; padding:15px 30px; border-radius:30px; font-size:14px;}
	.nextprew_btns .myBtn {width:auto;}
	.contentdiv{padding:16px 0 16px 16px; width:100%; margin-top:0;}
	.myInput {width:calc(100% - 16px); max-width:100%;}
	.typeKitchenDiv{width:calc(50% - 19px); height:140px;}
	.colorKitchenDiv{width:calc(50% - 19px); height:140px;}
	.img-thumbnail {max-width:calc(100% - 24px);}
	.styleKitchenDiv .checkbox + label{line-height: 140px;}
	
	.logodiv{filter: brightness(10); margin-top:16px;}
	.contentdiv {color:#fff;}
	.overlay{background-color: rgba(1,1,1,0.4); background-image: none; height:130%;}
	.nohome_logo{display:none;}
	.checkbox + label{color:black;}
	.bgdiv{height:120%; background-position:center bottom;}
	.thanksContent{text-align:center; margin-top:128px;}
	.thanksContent h1 {text-align:center;}
	.homeHeader{font-size:1.8em;}
	.checkboxheader{width:calc(100% - 30px);}
	.stagecounter{background:rgba(1,1,1,0.5); padding:5px;}
}