/*---------------------------------------------------------------------------------

 Theme Name:   divi-child
 Theme URI:    https://www.elegantthemes.com/
 Description:  divi child theme
 Template:     Divi

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#menu-primary-menu .current_page_item a {
    font-weight: 600;
}
#header-email__blurb .et_pb_blurb_container {
    padding: 0;
}

/* Home Banner Form */
.slider-form__container {
    max-width: 350px;
    margin: 0 auto;
    padding: 20px 30px;
    background: rgb(0 0 0 / 58%);
}
.slider-form__container .form_subtitle {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.slider-form__container .form_title {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    padding: 0;
}
.slider-form__container .form_subtext {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin: 0;
    padding: 0;
}
.home-form__wrapper {
    width: 100%;
}
.home-form__wrapper input[type=text], .home-form__wrapper input[type=email], .home-form__wrapper input[type=tel] {
    width: 100%;
    margin-bottom: 3px;
    border-radius: 3px;
    font-size: 15px;
    padding: 5px 8px;
    line-height: normal;
    color: #747474;
}
.home-form__wrapper textarea {
    width: 100%;
    height: 70px;
    border-radius: 3px;
    padding: 5px 8px;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 10px;
}
.home-form__wrapper #home-form__submit {
    background: #00ad17;
    color: #fff;
    border: none;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
}

/* Home Bottom Form CSS */

.bot-form__container {
    width: 100%;
    padding: 30px 0;
}
.bot-form__container .bot-form__title {
    color: #000000;
    font-size: 35px;
    font-weight: 700;
	padding: 0;
}
.bot-form__container .bot-form__subtxt {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    padding: 0;
    margin-bottom: 10px;
}
.bot-form__wrapper .bot-form_label {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.bot-form__wrapper input[type=text], .bot-form__wrapper input[type=email], .bot-form__wrapper input[type=tel] {
    font-size: 15px;
    width: 100%;
    border-radius: 3px;
    line-height: normal;
    padding: 5px 8px;
    margin-bottom: 3px;
	color: #000;
}
.bot-form__wrapper textarea {
    font-size: 15px;
    line-height: normal;
    border-radius: 3px;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
	color: #000;
}
.bot-form__wrapper #bot-form__btn {
    background: #00b7eb;
    border: none;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 10px 0;
    border-radius: 3px;
    cursor: pointer;
}

/* Contact Page Form CSS */
.contact-form__wrapper {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}
.contact-form__wrapper .contact-two_cols {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 5px;
}
.contact-two_cols span {
    width: 49%;
}
.contact-form__wrapper input[type=text], .contact-form__wrapper input[type=tel], .contact-form__wrapper input[type=email], .contact-form__wrapper select {
    width: 100%;
	margin-bottom: 10px;
    font-size: 14px;
    padding: 5px 8px;
    color: #000;
    line-height: normal;
    border-radius: 3px;
}
.contact-form__wrapper textarea {
    width: 100%;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 8px;
    height: 150px;
    margin-bottom: 20px;
    line-height: normal;
    color: #000;
}
.contact-form__wrapper #contact-form__btn {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #00b7eb;
    padding: 10px 20px;
    width: 100%;
}


/* Services Page CSS */
.services__blurb .et_pb_module_header:after {
    content: "";
    display: block;
    position: relative;
    width: 50px;
    border-top: 3px solid;
    margin-top: 5px;
}

/* Service Banner Form CSS */
.service-frm__wrapper input[type=text], .service-frm__wrapper input[type=tel], .service-frm__wrapper input[type=email], .service-frm__wrapper select {
    width: 100%;
    border-radius: 3px;
    font-size: 14px;
	font-weight: 300;
    line-height: normal;
    padding: 3px 8px;
    height: 40px;
    margin-bottom: 5px;
    color: #333333;
}
.service-frm__wrapper textarea {
    width: 100%;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 300;
	line-height: normal;
    padding: 3px 8px;
    height: 70px;
    color: #333333;
}
.service-frm__wrapper input[type=submit] {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    background-color: #00b7eb;
    border: none;
    padding: 8px 35px;
    border-radius: 5px;
    text-transform: uppercase;
	cursor: pointer;
}

/* Service Bottom Form CSS */
.service-quick__wrapper {
    padding: 15px;
	text-align: center;
}
.service-quick__wrapper .two-cols__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 15px;
	width: 100%;
}
.service-quick__wrapper .frm-group {
    width: 49%;
    margin-right: 1%;
    display: flex;
    align-items: center;
    align-content: space-between;
	text-align: left;
}
.frm-group .wpcf7-form-control-wrap {
    width: 78%;
}
.service-quick__wrapper .frm-group label {
    width: 20%;
    font-size: 15px;
    line-height: normal;
    font-weight: 300;
    margin-right: 1%;
}

.service-quick__wrapper .frm-group input[type=text], .service-quick__wrapper .frm-group input[type=tel], .service-quick__wrapper .frm-group input[type=email], .service-quick__wrapper .frm-group select {
    width: 100%;
    font-size: 15px;
    line-height: normal;
    height: 40px;
}
.service-quick__wrapper textarea {
    width: 88%;
    margin-left: auto;
    height: 150px;
    font-size: 15px;
    display: block;
    font-weight: 300;
    line-height: normal;
    border-radius: 3px;
    padding: 3px 8px;
    margin-bottom: 10px;
    margin-right: 1.5%;
    color: #333;
}
.service-quick__wrapper #services-frm__btn {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    border: none;
    background-color: #0062c1;
    padding: 10px 35px;
    border-radius: 3px;
    cursor: pointer;
}

/* Blog Posts */
.sidebar-posts article {
    padding-bottom: 0 !important;
    margin-bottom: 20px !important;
}

.sidebar-posts .entry-featured-image-url {
    margin-bottom: 10px;
}


/************** Step Form ***************/
.step-form-wrapper {position: relative; max-width: 360px; padding: 20px 30px; background: rgba(36, 37, 32, 0.75); border-radius: 10px;}
.step-form-wrapper .form_title{font-family: 'Montserrat'; font-size:30px; line-height:40px; color:#fff; text-align:center; font-weight:500;}
.step-form-wrapper .form_desc{font-family: 'Montserrat'; font-size:16px; line-height:20px; color:#fff; text-align:center; font-weight:300; width: 100%; float: left;}
.step-form-wrapper .form_desc.form_desc_btm{margin:5px 0px;}
.step-form-wrapper .wpcf7-form .fieldset-cf7mls, .step-form-wrapper .fieldset-cf7mls-wrapper {padding:0px !important; margin: 0px !important;}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio {float: left; width: 100%; text-align: center; margin: auto !important;}
.step-form-wrapper span.wpcf7-list-item{margin:3px 0px !important;}
.step-form-wrapper span.wpcf7-list-item input[type = 'radio']{opacity: 0; position: absolute; left: 0px; width: 100%; height: 100%;cursor: pointer;}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item{opacity: .9; position: relative; cursor: pointer; width: 297px; height: 61px; display: inline-block; background-size: 297px 61px; background-repeat: no-repeat;}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:hover{opacity: 1; }
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(1){background-image: url('img/Residential-Epoxy-Flooring.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(2){background-image: url('img/Commercial-Epoxy-Flooring.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(3){background-image: url('img/Pool-Deck-Resurfacing.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(4){background-image: url('img/Others-Services.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label{width: 100%; position: relative; height: 100%; font-size: 0px;}
/*.step-form-wrapper span.wpcf7-list-item input[type = 'radio']:checked + span.wpcf7-list-item-label{opacity:1 !important;}*/
.step-form-wrapper .wpcf7-form .fieldset-cf7mls .cf7mls_back{background: #00ad17; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; float: left; margin: 5px 0px; border-bottom: 4px solid #00730f;}
.step-form-wrapper .wpcf7-form .fieldset-cf7mls .cf7mls_next{background: #00ad17; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; float: right; margin: 5px 0px; border-bottom: 4px solid #00730f;}

.fieldset-cf7mls-wrapper .fieldset-cf7mls:nth-child(1) .cf7mls_next.cf7mls_btn.action-button{display:none;}


.step-form-wrapper .wpcf7-form-control-wrap .wpcf7-text {font-weight: 400 !important; font-family: 'Montserrat'; background: rgba(167, 162, 162, 0.6); padding-left: 50px; height: 60px; font-size: 16px; color: #fff; border: 1px solid #a1a1a1; border-radius: 5px; width: 100%;}
.step-form-wrapper .wpcf7-form-control-wrap .wpcf7-textarea{font-weight: 400 !important; font-family: 'Montserrat'; background: rgba(167, 162, 162, 0.6); padding-left: 50px; height: 200px; font-size: 16px; color: #fff; border: 1px solid #a1a1a1; border-radius: 5px; width: 100%;}
.step-form-wrapper input:-webkit-autofill,
.step-form-wrapper input:-webkit-autofill:hover, 
.step-form-wrapper input:-webkit-autofill:focus,
.step-form-wrapper textarea:-webkit-autofill,
.step-form-wrapper textarea:-webkit-autofill:hover,
.step-form-wrapper textarea:-webkit-autofill:focus{
  border: 1px solid #a1a1a1; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #000 inset; transition: background-color 5000s ease-in-out 0s;}
.step-form-wrapper .wpcf7-form-control-wrap {position: relative; float: left; margin: 5px 0px;}
.step-form-wrapper .wpcf7-form-control-wrap .wpcf7-text::placeholder, .step-form-wrapper .wpcf7-form-control-wrap .wpcf7-textarea::placeholder {color: #ffffff; opacity: 1;}
.step-form-wrapper .wpcf7-form-control-wrap .wpcf7-text:-ms-input-placeholder, .step-form-wrapper .wpcf7-form-control-wrap .wpcf7-textarea:-ms-input-placeholder {color: #ffffff;}
.step-form-wrapper .wpcf7-form-control-wrap .wpcf7-text::-ms-input-placeholder, .step-form-wrapper .wpcf7-form-control-wrap .wpcf7-textarea::-ms-input-placeholder {color: #ffffff;}

.step-form-wrapper .wpcf7-form-control-wrap.your-name:before {content: '';position: absolute;background: url(https://www.epoxydallastx.com/wp-content/uploads/2019/12/spritesheet.png) no-repeat;top: 0px;bottom: 0px;left: 15px;margin: auto;width: 24px;height: 24px;background-position: -124px -5px;}
.step-form-wrapper .wpcf7-form-control-wrap.your-phone:before {content: '';position: absolute;background: url(https://www.epoxydallastx.com/wp-content/uploads/2019/12/spritesheet.png) no-repeat;top: 0px;bottom: 0px;left: 15px;margin: auto;width: 23px;height: 22px;background-position: -124px -39px;}
.step-form-wrapper .wpcf7-form-control-wrap.your-email:before {content: '';position: absolute;background: url(https://www.epoxydallastx.com/wp-content/uploads/2019/12/spritesheet.png) no-repeat;top: 0px;bottom: 0px;left: 15px;margin: auto;width: 22px;height: 22px;background-position: -71px -62px;}
.step-form-wrapper .wpcf7-form-control-wrap.your-message:before{ontent: '';position: absolute;background: url(https://www.epoxydallastx.com/wp-content/uploads/2019/12/spritesheet.png) no-repeat;top: 0px;bottom: 0px;left: 15px;margin: auto;width: 26px;height: 20px;background-position: -64px -94px;}
.step-form-wrapper .fieldset-cf7mls-wrapper .wpcf7-submit{ text-transform: none; letter-spacing: 0px; background: #00ad17; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; float: right; margin: 5px 0px; border-bottom: 4px solid #00730f; height: 50px; padding: 0px 20px; border-radius: 3px; cursor: pointer;}
.step-form-wrapper .fieldset-cf7mls-wrapper .wpcf7-submit:hover, .step-form-wrapper .wpcf7-form .fieldset-cf7mls .cf7mls_back:hover, .step-form-wrapper .wpcf7-form .fieldset-cf7mls .cf7mls_next:hover{background: #bd0101; border-bottom: 4px solid #7d0909;}

#step-form-wrapper .ajax-loader {
    display: none;
    margin: 0 !important;
}



/* Mobile CSS */

@media only screen and (max-width: 495px) {
	.service-quick__wrapper .two-cols__wrapper {
		display: block;
	}
	
	.service-quick__wrapper .frm-group {
		width: 100%;
		display: block;
	}
	.service-quick__wrapper textarea{
		width: 100%;
		margin: 0 auto !important;
	}
}
@media only screen and (max-width: 475px) {
	.contact-two_cols span {
		width: 100%;
	}
	.contact-form__wrapper .contact-two_cols {
		display: block;
		margin-bottom: 0;
	}
}