* {
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	margin:0;
	width: 100%;
	background:#242730;
	/*background-image: linear-gradient(to right, #f9d423 0%, #f83600 100%);*/
}
.full-height{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.women-image{
	position: absolute;
	left: -41px;
	width: 121%;
	top:0;

}
.logo{
	/*position: absolute;*/
	width: 150px;
	margin-bottom: 20px;
	/*right: 0;*/
	/*margin: 20px;*/
}
#regForm {
	font-family: Raleway;
}
h1{
	color:#b4c0da;
}

h2 {
	text-align: center;
	margin-bottom: 2.5rem;
	font-size:22px;
	color:#fff;
	text-transform: uppercase;
}

input {
	padding: 10px;
	width: 100%;
	font-size: 17px;
	font-family: Raleway;
	/*border: 1px solid #aaaaaa;*/
}
.table .thead-dark th {
    background-color: #95a4b3;
    font-weight: 400;
}
input.invalid {
	background-color: #ffdddd;
}
/*.error{
	color:red;
	background-color: #ffdddd;
	padding:5px;
}*/
label{
	color:#fff;
}
.tab {
	display: none;
	margin-bottom: 30px;
	height:250px;
}

button {
	background-color: #ba0173;
	color: #ffffff;
	border: none;
	padding: 5px 20px;
	font-size: 17px;
	font-weight: 700;
	font-family: Raleway;
	cursor: pointer;
	border-radius: 8px;
	text-transform: uppercase;
}

button:hover {
	opacity: 0.8;
}

#prevBtn {
	background-color: #bbbbbb;
}

.step {
	height: 10px;
	width: 10px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;  
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}

.step.active {
	opacity: .1;
}

.step.finish {
	background-color: #4CAF50;
}

.radio-label {
	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;
}

.radio-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
	background-color: #232730;
	    border: 3px solid #fff;
	border-radius: 50%;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.radio-label:hover input ~ .checkmark {
	background-color: #ccc;
}

.radio-label input:checked ~ .checkmark {
	background-color: #2196F3;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radio-label input:checked ~ .checkmark:after {
	display: block;
}

.radio-label .checkmark:after {
	top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
	border-radius: 50%;
	background: #fff;
}
.table td, .table th {
	padding: 12px;
	text-align: center;
	color: #fff;
}
.table tr td:first-child{
	text-align: left;
}
.cc-selector{
	text-align: center;
}
.cc-selector input{
	margin:0;padding:0;
	float:left;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.visa{background-image:url(http://i.imgur.com/lXzJ1eB.png);}
.mastercard{background-image:url(http://i.imgur.com/SJbRQF7.png);}
.whatsapp{background-image:url(https://www.jotform.com/uploads/share.facebook0/form_files/whatsapp.5dc2f428d260f5.48966007.png);}
.facebook{background-image:url(https://www.jotform.com/uploads/share.facebook0/form_files/facebook.5dc2f3df93dac3.08368474.png);}
.google{background-image:url(https://www.jotform.com/uploads/share.facebook0/form_files/google.5dc2f57ae51a80.59373410.png);}
.instagram{background-image:url(https://www.jotform.com/uploads/share.facebook0/form_files/instagram.5dc2f58d254653.60515135.png);}
.walkin{background-image:url(https://www.jotform.com/uploads/share.facebook0/form_files/walking.5dc2f5a3da23e1.31503932.png);}
.oncall{background-image:url(https://www.jotform.com/uploads/share.facebook0/form_files/phone.5dc2f49b19b145.31674356.png);}
.notsatisfied{background-image:url('emoji/not_satisfied.png');}
.satisfied{background-image:url('emoji/satisfied.png');}
.somewhat_satisfied{background-image:url('emoji/somewhat_satisfied.png');}
.very_satisfied{background-image:url('emoji/very_satisfied.png');}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}
.cc-selector input[type=checkbox], .cc-selector input[type=radio] {
	    display: none !important;
	}
.drinkcard-cc{
	cursor:pointer;
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	width:100px;height:70px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
	-moz-filter: brightness(1.8) grayscale(1) opacity(.7);
	filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
	-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
	-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
	filter: brightness(1.2) grayscale(.5) opacity(.9);
}

a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}
@media only screen and (min-device-width: 600px) and (max-device-width: 800px) and (orientation:portrait) {
 .women-image {
     left: -11px;
     top: 160px;
 }
 .checkmark {
     height: 20px;
     width: 20px;
 }
 .radio-label .checkmark:after {
     width: 14px;
     height: 14px;
 }
 .table td, .table th {
     padding: 9px;
 }
 .drinkcard-cc {
     width: 60px;
     height: 55px;
 }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .women-image {
      left: 0px;
      top: 135px;
  }
}