.step-form-wrap{margin: 0 auto;width: 1140px;min-height: 500px;}
.findprolft a.profile-view-btn {float: right;}
.estimate-wrap a.show-phone-number{background: transparent !important;color: #000 !important;padding: 0px 0px 0px 0px !important;}
.estimate-wrap a.show-phone-number:hover{background: transparent !important;}
span.error-msg{color: red}
.clear-both {display: block;clear: both;}
#msform{text-align:left;position:relative;padding: 25px}
#msform fieldset{background:#fff;border:0 none;border-radius:.5rem;box-sizing:border-box;width:100%;margin:0;padding:0px;position:relative}
#msform .location-request{ margin-top: 1em;padding: 25px; border: 1px solid #eee; margin-bottom: 1em;}
#msform fieldset:not(:first-of-type){display:none}
#msform .action-button{width:150px;background:#d85027;color:#fff!important;border:0 none;border-radius:0;cursor:pointer;padding:20px;margin:60px 0 10px 5px;float:right;font-size: 18px;}
#msform .action-button:hover,#msform .action-button:focus{background-color:#333}
#msform .action-button-previous{width:150px;background:#616161;color:#fff!important;border:0 none;border-radius:0;cursor:pointer;padding:20px;margin:60px 5px 10px 0;float:right;font-size: 18px;}
#msform .action-button-previous:hover,#msform .action-button-previous:focus{background-color:#000}
.select-form{margin:20px 0px }
.select-form ul{list-style: none;margin: 0px;}
.select-form ul li{width: 100%; border: 1px solid #ccc;border-bottom: 0px;position: relative;padding: 15px;
cursor: pointer;display: table;margin-bottom: 0px;}
.select-form ul li:last-child {border-bottom:1px solid #ccc;}
.wrapper {margin: 0 auto;max-width: 70%;}
.wrapper .card{text-align: center;margin-right: 80px;border-radius:5px;display:inline-block;align-items:center;justify-content:space-evenly;flex-direction:column;}
.wrapper .card .circle{position:relative;height:180px;width:180px;border-radius:50%;cursor:default}
.card .circle .box,.card .circle .box span{position:absolute;top:35%;left:40%}
.card.location .circle .box, .card.location .circle .box span{left:44%}
.card .circle .box,.card .circle .box span i{font-size: 40px; color:#d85027;}
.card .text{font-size:16px;font-weight:normal;margin-top: 20px}
#msform .pro-note{padding: 15px;}
#msform .pro-note img{float: left; width: 25px;height: 25px;margin: 0 22px 0 0.5px;position: relative;top: 5px}
#msform .pro-note span{font-size: 20px;padding-left:30px}
#msform .pro-note { max-width: 80%;
float: left; width: 60%;background: #d85027;padding: 14px 14px 12px 14px;
color: #ffff;font-weight: 600;border-radius: 15px;margin-right: 20px;
}
#msform .pro-note img.next-arrow{float: revert;transform: rotate(270deg);margin-right: 0px;margin-left: 20px;}
#msform #next-pro{float: left;font-size: 18px;margin-top: 0px}
span.messagecrre.message{clear: both;}
.findprolft { display: flex; align-items: flex-start;}
.findprolft input.pro-partner-check { float:left;width: 26px;height: 26px;margin: 0 20px 0 0;}
.findprolft{padding-bottom:10px !important;border-bottom:1px solid #eee;padding-top:50px}
.findprolft .pro-logo{width:100%;max-width: 100%;float:left;cursor:pointer;padding:0px 10px 10px 10px;margin-bottom:20px;}
.findprolft .list-head{display:block;overflow:visible}
.findprolft .list-head .estimate-wrap{margin-top:0px;margin-bottom: 0px;}
.findprolft .list-head i{padding-right: 5px}
.findprolft p{margin-bottom:2px}
.findprolft h3{margin-bottom: 5px;;width:auto!important;float:left;margin-top:0}
.findprolft a.btn-call{float:right;margin-top:0}
.pro-content{max-height:min-content;min-height:82px;overflow:hidden;margin-bottom:20px; max-width: 1150px;}
.pro-content p br{display:none}
.findprolft a{color:#d85027}
.findprolft a:hover{color:#000}
.pro_short_review {margin-bottom: 13px;
margin-top: 0px;}
.service-details{margin-bottom: 20px;clear: both;}
.service-details span{margin-right: 20px;padding: 10px 15px 10px 5px;color: #222222;font-size: 16px;}
.service-details span img { position: relative;top: 5px;right: 3px;}
.bottom-links{float: right;}
.estimate-wrap button {
background: #000000 none repeat scroll 0 0!important;color: #fff!important;
padding: 15px 20px;font-size: 16px;border-radius: 30px;margin: 0px auto;float: right;
} .form-group-wrap {margin-bottom: 20px}
.content-area .contact-card textarea{font-size: 20px;color: #333;border-radius: 5px;margin-top: 15px}
.divLoading {
display : none;
}
.divLoading.show{
display : block;position : fixed;z-index: 100;
background-image : url(https://surfacecarepros.com/wp-content/uploads/2023/03/loading-gif.gif);
background-color:#666;opacity : 0.4;
background-repeat : no-repeat;background-position : center;left : 0;bottom : 0; right : 0;top : 0;
}
#loadinggif.show {left : 50%;
top : 50%; position : absolute; z-index : 101; width : 32px; height : 32px; margin-left : -16px; margin-top : -16px;
}
#msform #submit{width: 200px;
background: #d85027;
color: #fff!important;
border: 0 none;
border-radius: 0;
cursor: pointer;
padding: 20px;
margin: 10px 0px 10px 5px;
float: right;
font-size: 18px;}
.fs-title-bottom{}
@media(max-width: 753px) {
.wrapper{max-width:700px}
.wrapper .card{width:calc(50% - 20px);margin-bottom:20px}
}
@media(max-width: 505px) {
.wrapper{max-width:500px}
.wrapper .card{width:100%}
} h5.sect-title{margin-bottom: 20px}
span.hide-content{display:none;}
.slider_preview ul li figure {
margin-bottom: 30px; max-width: 208px;
max-height: 120px;
}
.slider_preview ul li{ display: inline-block;margin:0px 10px;}
.top-strip-pro{background: #d85027 none repeat scroll 0 0!important;
color: #fff!important;
padding: 14px 20px;
font-size: 16px;
border-radius: 20px;
height: 55px;
line-height: 30px;
margin-bottom: 30px;}
.top-strip-pro h2{padding-top:5px }
.top-strip-pro h2,.top-strip-pro a{color:#fff;}
.top-strip-phone{text-align: right;}
.otp-popup #estimate-model{display: block;}
#estimate-model .custome-container{display: block;text-align: left;}
.right .contact-detail li.estimate-wrap{margin: 30px 0px;}
.bg-wg-modal #estimate-model.wg-modal {width: 50%;}
.estimate-wrap a{background: #000000 none repeat scroll 0 0!important;
color: #fff!important;
padding: 5px 32px 0px 32px;position: relative;
top: -8px;
font-size: 30px;
border-radius: 30px;
margin: 10px auto;}
.estimate-wrap a:hover{background: #d85027 none repeat scroll 0 0!important;}
.text-overflow{width:100%;display:block;overflow:hidden;word-break:break-word;word-wrap:break-word}
h6.service_area{font-family:Overpass,Helvetica,Arial,sans-serif;font-weight:bold}
.btn-overflow{display:none;text-decoration:none}
.text-overflow-market{width:100%;height:68px;display:block;overflow:hidden;word-break:break-word;word-wrap:break-word}
.btn-overflow-market{display:none;text-decoration:none}
#pro-partner-profile .ccfw-breadcrumbs p a:after{display:none}
.review-popup #ccfw-header-wrap{z-index: 1;}
.review-popup .below-content-inner{z-index: 1;}
#review-pop-up{background:#d85027 none repeat scroll 0 0!important;color:#fff!important;padding:15px;font-size:16px;max-width:200px;border-radius:5px;margin:10px auto}
#review-pop-up:hover{background: #000000 none repeat scroll 0 0!important;}
.bg-wg-modal .wg-modal{width:75%;text-align:center;padding:50px}
#review-modal img{max-width:100%}
#review-modal .fb-review{padding-top:40px}
#review-modal h2{color:#000;line-height:30px;margin-bottom:15px;font-weight:bold;font-size: 32px}
#review-modal h4{color:#000;line-height:30px;margin-bottom:20px;font-size: 24px}
div#review-modal{z-index: 9999!important;width:100%!important;height:540px!important;
overflow:hidden!important;border:0!important;max-width:600px;border-radius:5px;
box-shadow:1px 4px 14px #000}
.new-row{display:inline-block;width:100%}
.container1{padding:35px 0 27px}
.wg-modal-close:hover{color:#004271!important}
.top-heading {text-align: left;}
.top-heading h4{text-align: center;}
.top-heading .popup-phone{margin: 20px 0px;}
.top-heading .popup-phone a{color: #444444;}
.top-heading .popup-phone a.see-number{text-decoration: underline;}
#estimate-model.wg-modal .wg-modal-close {
right: 20px;
top: 20px;line-height: 38px;
border: 1px solid;
border-radius: 50%;
}
.view_all {
background: #d85027 none repeat scroll 0 0!important;
color: #fff!important;
padding: 15px;
font-size: 16px!important;
max-width: 150px;
border-radius: 5px;
margin: 10px auto;
margin-top: 30px;
} .slider_privew ul li {
width: 21%;
text-align: center;
display: inline-flex;
justify-content: center;
vertical-align: middle;
padding: 12px 0;
} .page-content.profile-wraper.serviced.reviews_all p {
margin-top: 60px;
}
.page-content.profile-wraper.offered .cost_information h5 {
margin-bottom: 20px;
}
.page-content.profile-wraper.serviced.reviews_all {
padding: 40px 0;
}
.cost_information span {
margin-right: 15px;
padding: 10px 15px;
color: #222222;
font-size: 16px;
}
.cost_information span img{position: relative;
top: 5px;
right: 3px;}
.cost_information {
margin-bottom: 40px;
}
.cost_information.cost_info {
margin-top: 40px;
margin-bottom: 15px;
}
.cost_information.cost_info span{background: #ddd;}
@media only screen and (min-width: 633px) and (max-width: 990px) {
.top-strip-pro .col-lg-6.col-md-6{width: 50%;
display: block;
float: left;}
.bg-wg-modal #estimate-model.wg-modal {
width: 80%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
#msform .pro-note{width: 75%}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
div#review-modal{width:75%!important;border-radius:10px}
}
@media only screen and (min-width: 633px) and (max-width: 767px) {
.slider_privew ul li {
width: 33%;
margin: 1%;
text-align: center;
display: inline-block;
}
#review-modal .google-review{margin-left:0!important;margin-bottom:20px}
div#review-modal{width:80%!important;height:auto!important;overflow:hidden!important;border:0!important;max-width:700px;border-radius:10px}
#review-modal img{max-width:150px}
#review-modal .fb-review{padding-top:0;padding-bottom:15px}
.popup-row > div{display:inline;}
.container1{border:1px solid #000;padding:50px 0} 
}
@media only screen and (min-width: 414px) and (max-width: 632px) {
#next-pro,img.next-arrow{display: none;}
#next5{display: block!important;}
#msform .pro-note{width: 100%;max-width: 100%}
.slider_privew ul li {
width: 46%;
margin: 1%;
text-align: center;
display: inline-block;
}
.bg-wg-modal #estimate-model.wg-modal { width: 100%;}
.top-strip-pro{text-align: center;height: 80px;}
.top-strip-pro .top-strip-phone { text-align: center;}
#review-modal img{max-width:180px}
div#review-modal{width:90%!important;height:auto!important}
#review-modal .fb-review{padding-top:0px}
#review-modal .google-review{margin-left:0}
.bg-wg-modal .wg-modal{padding:30px}
#review-modal h2{color:#000;line-height:30px;margin-bottom:0px;font-size: 26px}
#review-modal h4{color:#000;line-height:3;margin-bottom:0px;font-size: 16px}
.container1{border:1px solid #000;padding:20px 0 25px}
}
@media only screen and (min-width: 320px) and (max-width: 413px) {
#msform .pro-note{width: 100%;max-width: 100%}
#next-pro,img.next-arrow{display: none;}
#next5{display: block!important;}
.slider_privew ul li {
width: 45%;
margin: 1%;
text-align: center;
display: inline-block;
}
.bg-wg-modal #estimate-model.wg-modal { width: 100%;}
.top-strip-pro{text-align: center;height: 100px;}
.top-strip-pro .top-strip-phone { text-align: center;}
div#review-modal{width:100%!important;height:auto!important;max-width:360px}
#review-modal .fb-review{padding-top: 15px}
.popup-row > div{display:inline;padding:50px}
#review-modal img{max-width:150px}
#review-modal .google-review{margin-left:0}
#review-modal h2{margin-bottom: 0px;font-size: 24px}
#review-modal h4{margin-bottom: 0px;font-size: 16px}
.bg-wg-modal .wg-modal{padding:29px}
}
@media(max-width: 1280px) {
.step-form-wrap {
margin: 0 auto;
width: 100%;
min-height: 500px;
}
.findprolft .pro-logo {
width:auto;
}
}
@media(max-width: 1024px) {
#msform {
padding: 0px; 
}
.findprolft .pro-logo {
width: 70%;
}
}
@media only screen and (max-width: 991px){
#profilter.home-find-a-pro .filter-field-wrap {
max-width: 100%;
margin: -15px 15px;
position: relative;
bottom: -95px;
}
}
@media(max-width: 990px) {
.findprolft .pro-logo {
width: auto;
}
.container {
width: 100%;
margin: 0 auto;
}
.top-bar-right .widget.widget_text .textwidget .top-strip a.top-strip-btn {
background: #d85027;
padding: 11px;
}
}
@media (min-width: 300px) and (max-width: 767px) {
.step-form-wrap {
width: 100%;
}
.select-form ul#childCat li label {
width: 80%;
line-height: 28px!important;
}
.select-form ul li label{
line-height: 28px!important;
}
.ti-widget[data-layout-id='27'][data-set-id='light-minimal'] .ti-header {
justify-content: flex-start!important;
}
.estimate-wrap button {
float: none !important;
}
.wrapper .card .circle {
margin: 0 auto;
}
.findprolft input.pro-partner-check {
margin: 0 30px 0 0;
}
.findprolft .list-head h3 {
width: 100% !important;margin-bottom: 20px;
}
.findprolft .list-head .estimate-wrap {
margin-bottom: 0px;
}
}