.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #cef;
	margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.spinner, .startbutton {display:none;}
form .spinner.active {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	display:block;
}
.startbutton.active {display:block;}

/* OUTER CONTAINER */

.s-wrap {
	 overflow: hidden;/**/
	/* Hide scrollbars */
}


/* MIDDLE WRAPPER */

.s-move {
	display: flex;/**/
	position: relative;
	top: 0;
	right: 0;
	transition: 1s;/**/
}


/* SLIDES */

.slide {
	box-sizing: border-box;
	padding: 10px;
	/* Force all slides to layout horizontally */
	width: 100%;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	transition: 2s;
	opacity:0;/**/
}

.slide.active {
	opacity: 1
}

;
.btns {
	margin-top: auto;
}

label {
	display: inline;
}

#q-wrap, #result {
	background: white;
}

#q-hairloss input:checked+label {
	color: white;
	background: #477eff;
}

.btns .back,
.btns .next {
	display: none;
}

#q-hairloss input {
	display: none;
}

#q-hairloss label {
	display: block;
	padding: 1em;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
}

#q-hairloss label:hover {
	cursor: pointer;
}

@media (hover: hover) {
	#q-hairloss label:hover {
		background: #d8e3ff66;
	}
}

#q-hairloss {
	position: relative;
	transition: 1s;
	background: white;
}

.form-overlay {
	display: none;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 100%;
	width: 100%;
	background: white;
}

.form-overlay.active {
	display: block;
}


/*table-reset*/
table {width: 100%;}
th,
td {
	padding: 0;
	border-bottom: none;
}


/*table-reset*/

table.mand,
table.optio {
	border-collapse: collapse;
}

/*.round-edg {
	border-radius: 5px;
}*/

.shad {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
}

td.prod-image {
	/*width: 30%;*/
	width:100px;
	/*padding: 15px 10px 15px 10px;*/
}

.pl {
	padding-left: 5px;
}

.pad {
	padding: 15px;
}

.mb-1 {
	margin-bottom: 10px;
}

.buy-mand {
	text-align: center;
}

#result {
	opacity: 0;
	transition: 1s;
}

#result.active {
	opacity: 1;
}


/*#result {font-family: monospace, monospace;}*/

#adv li {
	margin-bottom: 0;
}

#adv .prodimg-wrap {
	max-width: 100px;
	margin: 10px auto;
}

#adv .mand {
	border: solid 3px #037ec8;
}

#adv table.optio {
	border: solid 3px #e1e1e1;
}

#result .btnz-wrap {
	border: solid 3px #e1e1e1;
}

#adv .prod-desc {
	display: none;
	padding: 0 5px;
}

/*#adv .tr-desc td {
	border-bottom: solid 1px grey;
}*/


.count-ico {
	/*display:block; position:absolute;top:30%; left:-15px;z-index:10;*/
	/*display: inline-flex;
justify-content: center;
align-items: center;*/
	display: inline-block;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 3px solid #36b2fd;
	background: #fff;
	font-weight: bold;
	text-align: center;
	margin-left: 5px;
}

img.resp {
	max-width: 100%;
	height: auto;
}

.btnz-wrap {
	margin: 1em 0 3em 0;
}

._posRel {
	position: relative !important;
}



._primary {
	border-color: #33c3f0 !important;
	background-color: #33c3f0 !important;
}

.note {
	padding: 4px 12px;
	border-left: 6px solid rgba(0, 0, 0, .3);
	border-left-color: rgba(0, 0, 0, 0.3);
}

._cream {
	border-color: #f0f0f0 !important;
	background-color: #f0f0f0 !important;
}

._bc-info {
	border-color: #2196f3 !important;
}

.button.addtocart {
	color: white;
}

._large {
	font-size: 110% !important;
	padding: 15px 40px !important;
}

#result {
	
}
.date{
	font-size: 10px;
	font-style: italic;	
}
@media screen and (max-width: 1000px) {
	#result {
		width: 100%;
	}
}
.g-recaptcha {margin: 0 auto;}
.recaptcha.slide {text-align:center;}

* {-webkit-box-sizing: border-box;
box-sizing: border-box;}

button.active .throb{
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: block;
position: absolute;
left: 0;
top: 0;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*deaktivovat*/
/*
.slide {
	opacity:1;
}
.s-move {
	display: block;
}
.form-overlay {
	display: none;
}*/