/*
Theme Name: MyFinancialCode
Author: Deo Nemeno
Author URI: http://myfinancialcode.com/
Template: astra
*/


/* # Imports
---------------------------------------------------------------------------------------------------- */
#overlayLoad {
    text-align: center;
    background: #fff;
    position: absolute;
    z-index: 999;
    width: 100%;
    right: 0;
    left: 0;
    height: 94vh;
    padding: 30vh 0;
}
	#overlayLoad img {
		width: 150px;
	}
.custom-form-1 button, .custom-form-2 button {
	background: #26d469;
	padding: 16px;
	color:#fff;
}
/*.custom-form-1 .input-wraps {
	padding-left: 15px;
	padding-right: 15px;
}*/
/*.custom-form-1 button {
	margin-top: 20px;
}*/
.custom-form-1 button:hover,
.custom-form-2 button:hover {
	background: #23c562;
}

.custom-form-1 .col-md-6.first-f {
	padding: 0 20px 20px 0!important;
}

@media (min-width: 768px) {
	.col-md-6 {
		float: left;
		width: 50%;
	}
	.col-md-3 {
		float: left;
		padding-right: 20px;
		width: 25%;
	}
	
	
	.custom-form-1 input, .custom-form-1 button, .custom-form-2 input, .custom-form-2 button {
		font-family: Montserrat;
		font-size: 18px;
		width: 100%;
		-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
	}

}
@media only screen and (max-width: 768px) {
	.personality{
    	display: flex;
    	flex-direction: column;
	}
	.txt{
	    order: 2;
	}
	.img{
    	order: 1;
	}
	.custom-form-1 button {
		margin-top: 0
	}
	.p-0 {
		padding: 0;
	}
	.custom-form-1 .col-md-6.first-f {
	    padding: 0 20px 0 0!important;
	}
	.custom-form-2 button {
	    font-size: 13px!important;
    	height: 47px;
	}
}
@media (max-width: 767px) {
	.col-md-6, .col-md-3 {
		float: left;
		width: 100%;
	}
	.col-md-6 input, .col-md-3 input {
		width: 100%;
	}
	.custom-form-1 .col-md-6{
	padding-bottom: 10px
	}
	.can-this-simple .elementor-column-wrap {
		background: none!important;
	}
	.custom-form-1 input, .custom-form-1 button, .custom-form-2 input, .custom-form-2 button {
		font-size: 18px;
	}
	.custom-form-1 .col-md-6.first-f {
	    padding: 0!important;
	}
	
}
@media (max-width: 700px) {
	.can-this-simple .elementor-column-wrap {
		background: none!important;
		padding: 20px;
	}
	.can-this-simple h2 {
		font-size: 20px!important;
	}
	#overlayLoad {
		height: 135vh;
	}
}
@media (max-width: 600px) {
	.quiz-bxslider {
		margin-left: 0;
	}
	.question-wrap label {
		min-width: 400px!important;
	}
}
@media (max-width: 500px) {
	.quiz-bxslider {
		margin-left: 0;
	}
	.question-wrap label {
		min-width: 285px!important;
	}
}
@media (max-width: 375px) {
	.question-wrap label {
		min-width: 240px!important;
	}
}
@media (max-width: 320px) {
	.question-wrap label {
		min-width: 200px!important;
	}
}


.clear{
clear:both;
}

.relative{
position:relative;
}



@media (min-width: 992px) {
	.col-md-1 {
		float: left;
		padding: 0 15px;
	}
	.col-md-2 {
		float: left;
		padding: 0 15px;
	}
	.col-md-3 {
		float: left;
		padding: 0 15px;
	}
	.col-md-4 {
		float: left;
		padding: 0 15px;
	}
	.col-md-5 {
		float: left;
		padding: 0 15px;
	}
	.col-md-6 {
		float: left;
		/*padding: 0 15px;*/
	}
	.col-md-7 {
		float: left;
		padding: 0 15px;
	}
	.col-md-8 {
		float: left;
		padding: 0 15px;
	}
	.col-md-9 {
		float: left;
		padding: 0 15px;
	}
	.col-md-10 {
		float: left;
		padding: 0 15px;
	}
	.col-md-11 {
		float: left;
		padding: 0 15px;
	}
}