@font-face { font-family: 'Bentley-Regular';
             src: url('../fonts/Bentley-Regular.otf');
}

@font-face { font-family: 'Bentley-Bold';
             src: url('../fonts/Bentley-Bold.otf');
}

@font-face { font-family: 'Bentley-Light';
             src: url('../fonts/Bentley-Light.otf');
}
html {
	height: -webkit-fill-available;
}

body {
	font-family:Bentley-Light;
	font-weight: 300;
	background-color:#000000;
	color:#ffffff;
	min-height: 100vh;
	min-height:-webkit-fill-available;
	margin:0;
	display: grid;
  	grid-template-rows: auto 1fr auto;
}

.cursor-pointer {
	cursor:pointer;
}

.background {
    background-image: url('../images/backgrounds/b1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    z-index:-100;
    position:absolute;
    width:100%;
    height:100vh;
}

.text-box {
	width:100%;
	height:80%;
	border:2px solid white;
}

.text-area-1 {
	width:100%;
}

.message_outer_area {
	width:80%;
}

@media only screen and (max-width: 767px) {
	.text-area-1 {
	width:100%;
	}
	.message_outer_area {
	width:100%;
	}
}

@media only screen and (max-width: 575px) {
	.text-area-1 {
	width:100%;
	}
	.message_outer_area {
	width:100%;
	}
}

.bg-green {
	background-color:#335B4C;
}

.bg-black {
	background-color:#000000;
}

.h-line {
	background-color:#f3f3f3;
	width:100%;
	height:1px;
}

.h-line2 {
	background-color:#f3f3f3;
	width:70%;
	height:1px;
}

.mobile_only_line {
	display:none;
}

@media only screen and (max-width: 575px) {
	.mobile_only_line {
		display:block;
	}
}

.uppercase {
	text-transform: uppercase;
}

.text-color-red {
	color:#D30A0A;
}

.text-color-grey {
	color:#AAAAAA;
}

.text-color-green {
	color:#335B4C;
}

.text-color-lightgreen {
	color:#7f988f;
}

.text-size-2 {
	font-size:12px;
}

.text-size-3 {
	font-size:16px;
}
@media only screen and (max-width: 550px) {
	.gender-answer-label {
		font-size:14px;
	}
}
 

.text-size-question {
	font-size:24px;
}

.text-size-4 {
	font-size:24px;
}

.text-size-5 {
	font-size:40px;
}

@media only screen and (max-width: 550px) {
	.text-size-question {
		font-size:20px;
	}
	.text-size-4 {
		font-size:20px;
	}
	.text-size-5 {
		font-size:32px;
	}
}

.reduced-line-height-2 {
	line-height:0.9;
}

.reduced-line-height-1 {
	line-height:1.1;
}

.progressbar {
  width: 100%;
  background-color: grey;
}

#progress {
  height: 3px;
  background-color: #335B4C;
}

.next-button {
    --mdb-btn-padding-x:0.4rem !important;
    --mdb-btn-padding-top: 0.3rem !important;
    --mdb-btn-padding-bottom: 0.1rem !important;
}


.result-button {
	min-width:130px;
}

@media only screen and (max-width: 550px) {
	.result-button {
		min-width:50px;
		--mdb-btn-padding-x: 0.5rem;
	}
}

.radio-width-gender {
	width:100px;
}

@media only screen and (max-width: 500px) {
	.radio-width-gender {
	width:85px;
	}
}

@media only screen and (max-width: 380px) {
	.radio-width-gender {
	width:75px;
	}
}

.radio-width-q6 {
	width:200px;
}

@media only screen and (max-width: 650px) {
	.radio-width-q6 {
	width:150px;
	}
}

@media only screen and (max-width: 480px) {
	.radio-width-q6 {
	width:100px;
	}
}


.radio-width-q7 {
	width:200px;
}

.q7-answer-text-size {
	font-size:16px;
}

@media only screen and (max-width: 650px) {
	.radio-width-q7 {
	width:150px;
	}
	.q7-answer-text-size {
	font-size:12px;
	}
}

@media only screen and (max-width: 480px) {
	.radio-width-q7 {
	width:100px;
	}
	.q7-answer-text-size {
	font-size:12px;
	}
}

/*Radio Button*/
.form-check-input[type=radio]:checked:focus {
	background-color:#000000;
	border: 2px solid #335B4C !important;
}

.form-check-input[type=radio]:after {
	background-color:#000000;
}

.form-check-input[type=radio]:checked {
	background-color:#000000;
	border: 2px solid #335B4C !important;
}

.form-check-input:checked {
    border-color: #335B4C;
}

.form-check-input:checked:focus {
    border-color: #335B4C;
}

.form-check-input[type=radio]:checked:after {
	border-color: #335B4C;
	background-color: #335B4C;
}

.form-check-input:checked:focus:before {
    box-shadow: 0 0 0 13px #335B4C;
}

.form-check:focus {
	box-shadow:none !important;
}

.form-outline .form-control~.form-notch .form-notch-leading {
	border-radius:0 0.0rem 0.0rem 0 !important;
	box-shadow:none !important;
}

.form-outline .form-control~.form-notch .form-notch-trailing {
	border-radius:0 0.0rem 0.0rem 0 !important;
	box-shadow:none !important;
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-middle {
	box-shadow:none !important;
}

.form-outline .form-control~.form-notch div {
	border: 2px solid #bdbdbd;
}

.grey-input {
	border: 2px solid #AAAAAA !important;
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1600px;
	}
}

@media (min-width:600px){
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}
	
	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}
}