html{
	scroll-behavior: smooth;
}
#gform{
	display: flex;
}

.content{
	width: 70% !important;
	margin: auto !important;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.bottom_btn_div{
	display: flex;
	justify-content: flex-start;
}
.bottom_btn_div button{
	background: linear-gradient(to bottom,#2293f9 0%,#136de4 100%);
	width: 41.5%;
	/* margin: auto; */
	border: none;
	outline: none;
	color: #FFF;
	height: 50px;
	border-radius: 5px !important;
	margin-top: 10px !important;

}
button:hover{
	opacity: 0.8 !important;
	cursor: pointer;
}
.col-6{
    width: 50% !important;
    display: block;
}
.col-8{
    width: 60% !important;
    display: block;
}
.col-4{
    width: 40% !important;
    display: block;
}
.col-12{
    width: 100% !important;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /* float: left */
}
.d_flex.flex_start{
    display: flex;
    justify-content: flex-start;
}
textarea{
    height: auto !important;
}
.contact_basic_info_div{
	border-right: solid 2px #e1e7ed;
}
.contact_comment_div{
	padding-left: 15px;
}

.chosen-container-single .chosen-single{
	height: 40px !important;
	font-size: 18px !important;
	padding-top: 1.5% !important;
}
.chosen-container-single .chosen-single abbr{
	top: 12px !important;
}
.chosen-container-active.chosen-with-drop .chosen-single div b{
	background-position: -15px 10px !important;
}
.chosen-container-single .chosen-single div b{
	background-position: 0px 9px !important;
}
form {
	padding: 20px;
	/* background: #2c3e50; */
	/* color: #fff; */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  }
  form label,
  form input
  {
	border: 0;
	margin-bottom: 3px;
	display: block;
	width: 100%;
  }
  
form input{
	height: 40px;
	line-height: 25px;
	background: #fff;
	color: #000;
	padding: 0 6px;
	border-radius: 5px !important;
	margin-top: 0px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input:empty{
	border:1px solid #CCC !important;
}

.contact_input{
	width: 60% !important;
}
textarea{
	border: 1px solid #CCC !important;
	border-radius: 5px !important;
	resize: none;
	box-sizing: border-box !important;
}
.border_bottom{
	padding: 5% 2% !important;
	margin: auto;
	width: 80% !important;
	display: block;
	border-bottom: 2px solid #e1e7ed;
}
.customer_div{
	padding: 5% 2% !important;
	margin: auto;
	width: 80% !important;
	display: block;
}

.customer_div p{
	font-size: 14px !important;
}

.check_fee_btn{
	background: linear-gradient(to bottom,#2293f9 0%,#136de4 100%);
	width: 90%;
	margin: auto;
	border: none;
	outline: none;
	color: #FFF;
	height: 50px;
	border-radius: 5px !important;
}
.schedule_btn{
	background: linear-gradient(to bottom,#1cb611 0%,#109d09 100%);
	width: 90%;
	margin: auto;
	border: none;
	outline: none;
	color: #FFF;
	height: 50px;
	border-radius: 5px !important;
}
.sales_head, .customer_head{
	color: #133ba3 !important;
	font-size: 14px;
	font-weight: bold;
}
.phone_link{
	color: #2293f9;
	font-size: 18px;
	font-weight: bolder;
}
.hours_comment{
	color: #444;
	font-size: 14px;
	margin-top: 10px;
}

.invalid_span{
	font-size: 14px !important;
	font-style: italic !important;
	color: #999;
}

input[type="radio"]{
	/* display: inline !important; */
	width: 15px !important;
	min-width: 12px !important;
	margin-left: 5% !important;
	cursor: pointer;
	background: transparent !important;
	/* display: none !important; */
	/* position: fixed; */
}

input[type="checkbox"]{
	/* display: inline !important; */
	width: 15px !important;
	min-width: 15px !important;
	margin-left: 5% !important;
	cursor: pointer;
	background: transparent !important;
	/* display: none !important; */
	/* position: fixed; */
}


.week_label{
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 25% !important;
	cursor: pointer;
}

.week_label span{
	font-size: 14px !important;
	margin-top: -5px !important;
}

.day_label{
	display: flex !important;
	flex-direction: row;
	align-items: center;
	width: auto;
	white-space: nowrap;
	cursor: pointer;
	/* margin: auto !important; */
}


.day_label span{
	margin-left: 3px !important;
	margin-top: -5px !important;
	font-size: 14px !important;
}

.week_div{
	display: flex !important;
	width: 60% !important;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.location_div{
	/* display: flex !important; */
	width: 80% !important;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#phone + .tooltiptext{
	visibility: hidden;
	width: fit-content;
	background-color: #FFF;
	color: red;
	box-shadow: 2px 2px #CCC;
	border: 1px solid #CCC;
	text-align: center;
	border-radius: 6px;
	padding: 6px 5px;
	font-size: 14px;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 23%;
	left: 44%;
	margin-left: -60px;
}
#email + .tooltiptext{
	visibility: hidden;
	width: fit-content;
	background-color: #FFF;
	color: red;
	box-shadow: 2px 2px #CCC;
	border: 1px solid #CCC;
	font-size: 14px;
	text-align: center;
	border-radius: 6px;
	padding: 6px 5px;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 33%;
	left: 44%;
	margin-left: -60px;
}
.tooltiptext::after{
	content: "";
    position: absolute;
    top: 23%;
    right: 100%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #CCC transparent  transparent;
}

.chosen-single span{
	font-size: 14px !important;
}

@media screen and (max-width: 1620px){
	.content{
		width: 80% !important;
	}
}

@media screen and (max-width: 1024px){
	.chosen-container-single .chosen-single{
		padding-top: 3% !important;
	}
	.week_label{
		width: auto !important;
	}
}

@media screen and (max-width: 1280px){
	.content{
		width: 95% !important;
	}
	.border_bottom{
		width: 90% !important;
	}
	.customer_div{
		width: 90% !important;
	}
	.contact_basic_info_div input{
		width: 80% !important;
	}
	input[type="radio"]{
		/* display: inline !important; */
		width: 15px !important;
		min-width: 12px !important;
		margin-left: 5% !important;
		cursor: pointer;
		/* display: none !important; */
		/* position: fixed; */
	}

	select{
		margin: 0px !important;
		width: 80% !important;
	}
	.week_div{
		width: 90% !important;
	}
}

@media (max-width: 590px){
    .col-4, .col-8, .col-12{
        width: 100% !important;
		text-align: center;
		display: block;
		float: left;
	}
	.content{
		display: block !important;
		width: 100% !important;
		text-align: left !important;
	}
	.contact_basic_info_div{
		border-right: none !important;
		padding: 0 !important;
		text-align: left;
	}

	.contact_basic_info_div input, textarea, select{
		width: 100% !important;
	}

	.contact_comment_div{
		width: 100% !important;
		padding: 10px 0 !important;
	}

	.check_fee_btn, .schedule_btn{
		width: 100% !important;
	}
	.border_bottom{
		border-bottom: none;
		width: 100% !important;
		text-align: left !important;
		padding: 0 !important;
		margin: 15px 0 !important;
	}
	.location_p{
		margin-top: 10px !important;
	}

	#captcha-wrap{
		width: 100% !important;
		margin: 10px auto !important;
	}
	.bottom_btn_div button{
		width: 100% !important;
	}
	.week_div{
		width: 100% !important;
	}
	input[type="radio"]{
		/* display: inline !important; */
		width: 15px !important;
		min-width: 12px !important;
		margin-left: 5% !important;
		cursor: pointer;
		/* display: none !important; */
		/* position: fixed; */
	}
	
	.contact_input{
		width: 100% !important;
	}
}
