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

 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/
 Description:  Divi Child Theme.
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

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

/*---------------------------------------
 GLOBAL
---------------------------------------*/
.separator {
  background-color: #dedede;
  width: 100%;
  max-width: 335px;
  height: 2px;
  margin-bottom: 20px;
  position: relative;
}
.separator::after {
  border-bottom: 5px solid #f50001;
  content: "";
  width: 100%;
  max-width: 80px;
  display: block;
  position: absolute;
  top: 0;
}
.separator-center {
  margin: 0 auto;
}
.separator-center::after {
  left: 0;
  right: 0;
  margin: 0 auto;
}

/*---------------------------------------
 HEADER
---------------------------------------*/
.header__main-menu .et_pb_menu__wrap {
  justify-content: flex-end;
}
.header__info::after {
  content: "";
  display: block;
  clear: both;
}
.header__info-content {
  position: relative;
  padding-left: 45px;
  float: right;
}
.header__info-content::before {
  content: "\f098";
  color: #e50000;
  font-size: 36px;
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 5px;
}
.header__info-content h4 {
  padding: 0;
  text-transform: uppercase;
  line-height: 15px;
  font-size: 16px;
}
.header__call {
  color: #00ad17;
  font-size: 22px;
  display: inline-block;
}

/*---------------------------------------
 FOOTER
---------------------------------------*/
.footer__menu-links #menu-footer-menu {
  display: block;
  padding-left: 11px !important;
}
.footer__menu-links #menu-footer-menu li {
  display: block;
  padding: 0;
}
.footer__link {
  color: #747474;
}

/*---------------------------------------
 CONTENT
---------------------------------------*/
.banner__details {
  background-color: rgba(0,0,0,0.5);
  padding: 30px;
  width: 100%;
  max-width: 445px;
}
.banner__text {
  color: #ffffff;
  font-size: 20px;
}
.banner__heading {
  color: #bd0101;
  font-size: 48px;
  font-weight: 700;
  text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
}
.banner__subtext {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: normal;
}
.banner__checklist {
  padding: 0 !important;
  margin: 20px 0;
}
.banner__checklist li {
  list-style: none;
  color: #ffffff;
  padding-left: 26px;
  font-size: 16px;
  position: relative;
}
.banner__checklist li::before {
  content: "\f058";
  color: #00ad17;
  font-size: 14px;
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  top: 0;
}
.banner__btn {
  display: inline-block;
  background-color: #00ad17;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  max-width: 260px;
  text-align: center;
  padding: 8px;
  border-radius: 3px;
}
.service-box .et_pb_blurb_container {
  padding: 0 20px 20px 20px;
}
.service-box .et_pb_image_wrap {
  border-bottom: 4px solid rgba(206, 0, 0, 1);
}
.service-area-service .et_pb_image_wrap {
  width: 105px;
}
.service-area-service .et_pb_image_wrap img {
  border-radius: 50% 50%;
}
.checklist {
  padding: 0;
}
.checklist li {
  position: relative;
  padding-left: 30px;
  list-style: none;
}
.checklist li::before {
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 20px;
  color: #e50001;
  position: absolute;
  left: 0;
  top: 1px;
}
.service__form {
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  max-width: 400px;
  padding: 30px;
  margin: 0 auto;	
}
.service__form h4 {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 25px;
}
.service__form p {
  color: #ffffff;
  line-height: normal;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 15px;
}
.service__form-group {
  margin-bottom: 10px;
}
.service__form-input {
  width: 100%;
  border: 0 none !important;
  padding: 15px 10px !important;
  border-radius: 2px !important;
}
.service__form-textarea {
  width: 100%;
  resize: none;
  height: 150px;
  border: 0 none !important;
  padding: 15px 10px !important;
  border-radius: 2px !important;
}
.service__form-submit-btn {
  width: 100%;
  border: 0 none;
  background-color: #e50000;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
  padding: 15px;
}
.ajax-loader {
  position: absolute;
}
.service__form-spam-text {
  display: block;
  text-align: center;
  color: #ffffff;
}
.contact-us__form-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 730px;
}
.contact-us__form-group {
  margin-bottom: 15px;
}
.contact-us__form-group label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #333333;
}
.contact-us__form-input {
  width: 100%;
  border: 1px solid #e4e4e4 !important;
  padding: 15px !important;
}
.contact-us__form-textarea {
  width: 100%;
  border: 1px solid #e4e4e4 !important;
  padding: 15px !important;
  resize: none;
  height: 150px;
}
.contact-us__form-submit-btn {
  color: #ffffff;
  border: 0 none;
  background-color: #e50001;
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
  font-size: 20px;
  padding: 10px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
}
/************** Step Form ***************/
.step-form-wrapper {top: 10px; right: 0px; 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('/wp-content/uploads/2020/10/Residential-Epoxy-Flooring.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(2){background-image: url('/wp-content/uploads/2020/10/Commercial-Epoxy-Flooring.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(3){background-image: url('/wp-content/uploads/2020/10/Pool-Deck-Resurfacing.png');}
.step-form-wrapper span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(4){background-image: url('/wp-content/uploads/2020/10/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;}
.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;}
.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(/wp-content/uploads/2020/10/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(/wp-content/uploads/2020/10/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(/wp-content/uploads/2020/10/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(/wp-content/uploads/2020/10/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;}
.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  END***************/

@media only screen and (max-width: 812px) {
 div.et_pb_section.et_pb_section_1,
 .home div.et_pb_section.et_pb_section_3{
   background-position: revert !important;
  }
}

