/********************************************************
Perfect HomePros | Common
/********************************************************/
body{font-family:'Open Sans',sans-serif;overflow-x:hidden;font-weight:400;margin:0;padding:0;line-height:1.7;letter-spacing:.1px;font-size: 14px}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif}
ul,ol{margin:0;padding:0}
strong,b{font-weight:400}
a,input,button{text-decoration:none!important;outline:none!important}
img{max-width:100%}
@-webkit-keyframes topbottom {
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,50px);transform:translate(0,50px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes topbottom {
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,50px)}
}
@keyframes scale_img {0%{transform:scale(0.9)}100%{transform:scale(1.2)}}
.img-responsive{max-width: 100%;}
.mb-100{margin-bottom: 100px;}
.link-color{color: #4C7CD4}
/********************************************************
Header Section
/********************************************************/
header .container-fluid{padding:0 15px;max-width:1310px}
.logo img{width:200px}
.nav-toggle-btn{background-color:transparent;border:0;padding:0;display:none}
.hamburger{display:flex;align-self:center;flex-direction:column;justify-content:space-between;width:24px;height:24px;cursor:pointer;padding-top:5px;padding-bottom:5px}
.hamburger span{align-self:flex-end;height:2px;width:83.33333333%;background:#3E4651;transition:all 400ms ease-in-out}
.hamburger .meat{width:100%;transition:all 200ms ease-in-out}
.hamburger .bottom-bun{width:58.33333333%;transition:all 400ms ease-in-out}
.menu-open .hamburger .top-bun{transform:rotate(-45deg) translate(-4.5px,4px);width:100%;background-color:#fff}
.menu-open .hamburger .meat{width:0}
.menu-open .hamburger .bottom-bun{transform:rotate(45deg) translate(-4.5px,-4px);width:100%;background-color:#fff}
.blue_btn{background-color:#4C7CD4;color:#fff;font-size:16px;font-weight:600;padding:7px 18px;display:inline-block;border-radius:7px;transition:.2s all;border:0}
.blue_btn:hover{color:#fff;background-color:#395FA4}
.dropdown-menu{width:231px;filter:drop-shadow(0px 5px 10.5px rgba(48,48,48,0.21));background-color:#fff;left:inherit!important;right:0!important;border:0;transform:inherit!important;top:40px!important;border-radius:5px;overflow:hidden;padding:8px 0 0}
.dropdown-menu .dropdown-item{font-size:14px;color:#333;font-weight:600;position:relative;padding:11px 10px 10px 49px;background-color:transparent}
.dropdown-menu .dropdown-item:hover{background-color:#4C7CD4;color:#fff}
.dropdown-menu .dropdown-item i{position:absolute;left:15px;top:50%;font-size:20px;transform:translateY(-50%)}
.dropdown-menu .dropdown-item.logout{color:#f14646;border-top:1px solid #f7f3f3;margin-top:4px;padding-top:08px;padding-bottom:10px}
.dropdown-menu .dropdown-item.logout:hover{background-color:#f14646;color:#fff}
.dropdown-menu .dropdown-item.logout i{font-size:17px;left:20px}
header{filter:drop-shadow(0px 7px 6.5px rgba(0,0,0,0.08));position:absolute;left:0;right:0;top:0;background-color:#fff;padding:20px 0;z-index:4;transition:.5s all}
.header_sticky header{animation:slide-down 5.7s;position:fixed;z-index:9;background-color:#fff;box-shadow:rgb(0 0 0 / 20%) 0 0 18px;filter:initial}
nav li{display:inline-block;list-style:none;margin-left:27px}
nav li:first-child{margin-left:0}
nav li a{font-size:14px;color:#171725;font-weight:400;font-weight:600;position:relative}
nav ul{display:inline-block}
nav li a:before{content:"";height:3px;position:absolute;bottom:-10px;left:0;transition:.5s all;width:0;background-color:#4C7CD4;opacity:0;visibility:hidden}
nav li a:hover:before,nav li.active a:before{width:60%;opacity:1;visibility:visible}
nav li a:hover,nav li.active a{color:#4C7CD4}
.myaccunt_li > a{display:inline-block;padding:0 10px 0 43px;position:relative;max-width:200px}
.myaccunt_li > a.dropdown-toggle:after{content:none!important}
.myaccunt_li a.dropdown-toggle:before{content:"\f0d7";position:absolute;top:50%;right:0;font-family:"Font Awesome 5 Free";font-weight:700;color:#92929D;transform:translateY(-50%)}
.myaccunt_li > a > img{position:absolute;left:0;top:50%;height:32px;width:32px;margin-top:-16px;border-radius:100%;object-fit:cover}
.myaccunt_li .user_name{width:100%;font-size:14px;color:#171725;font-weight:400;font-weight:700;float:left;line-height:normal}
.myaccunt_li .user_profession{display:inline-block;width:100%;font-size:12px;color:#92929D;float:left;line-height:normal}
.join_btn_div{margin:0 33px 0 30px;display:inline-block}
.log-btn:hover{opacity: 0.8}
/********************************************************
Home Banner Section
/********************************************************/
.main_banner{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;padding:145px 0 221px;height:627px;overflow:hidden}
.main_banner .main_title{color:#fff;font-size:48px}
.main_banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#4C7CD4;opacity:.5}
.main_banner::after{background-image:url(../images/banner_shape.svg);content:"";position:absolute;right:-10px;bottom:0;top:0;width:331px}
.banner_inner{position:relative;max-width:736px;z-index:1}
.banner_stite{font-size:18px;color:#fff;font-weight:400;margin:0 0 26px}
.banner_stite span{background-color:#4C7CD4;font-weight:700;padding:3px 10px}
.main_title{font-size:36px;margin:0;color:#000;font-weight:700;line-height:normal;margin:0 0 38px}
.main_title span{color:#4C7CD4}
.title_span{color:#979797;font-size:16px;letter-spacing:6.5px;text-transform:uppercase;margin:0 0 12px}
.search_home{background-color:#fff;display:flex;border-radius:7px;padding:5px;margin-top:24px}
.search_home .search_home_left{width:calc(100% - 137px);padding:3px 10px 0 20px}
.search_home input{color:#252525;border:0;font-size:14px;padding:0 10px;height:36px;width:50.9%;float:left}
.search_home input::-webkit-input-placeholder{color:#252525;opacity:1}
.search_home input::-moz-placeholder{color:#252525;opacity:1}
.search_home input:-ms-input-placeholder{color:#252525;opacity:1}
.search_home input:-moz-placeholder{color:#252525;opacity:1}
.search_home input.search_input{border-right:1px solid #EBEBEB;width:49.1%;background:url(../images/search_icon.png) no-repeat left 0 center;background-size:18px;padding-left:29px}
.search_home input.search_city{background:url(../images/address_icon.png) no-repeat left 22px center;background-size:17px;padding-left:47px}
.search_home .search_home_btn{width:137px}
.search_home_btn .blue_btn{width:100%;height:42px}
.banner_contact{position:absolute;right:95px;bottom:68px;z-index:1;padding-left:76px;animation:topbottom 1.2s infinite;animation-duration:5s}
.banner_contact .banner_icon{height:59px;width:59px;background-color:#fff;border-radius:100%;text-align:center;line-height:58px;position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:-4px}
.banner_contact p{margin:0;font-size:14px;color:#fff;line-height:normal}
.banner_contact span{font-size:24px;color:#fff;font-weight:700;line-height:normal;position:relative;top:-4px}
.social_banner{position:absolute;right:-100px;bottom:343px;z-index:1;transform:rotate(-90deg)}
.social_banner li{display:inline-block;list-style:none}
.social_banner li:not(:last-child){margin-right:24px}
.social_banner li a{color:#fff;font-size:14px;font-weight:600;cursor:pointer}
/********************************************************
Welcome Introduction Section
/********************************************************/
.about_section{padding:102px 0 100px}
.about_section p{font-size:16px;color:#959595;line-height:normal;letter-spacing:0;margin:0 0 23px}
.about_inner .about_left{width:44.3%;padding-right:42px}
.about_inner .about_right{width:55.7%}
.about_video{padding:7px 0 0}
.about_video .video_left{width:192px}
.about_video .video_right{width:calc(100% - 192px);padding:0 70px 0 40px;font-size:16px;color:#252525;line-height:normal}
.about_video .video_right a{color:#4C7CD4;font-weight:600}
.video_popup_btn{position:absolute;left:0;right:0;top:50%;margin:0 auto;transform:translateY(-50%);height:50px;width:50px;display:inline-block;background-color:#4C7CD4;border-radius:100%;line-height:48px;padding:0 0 0 3px;text-align:center}
.video_popup_btn:hover{background-color:#CCD1D9}
.about_img{position:relative;min-height:400px}
.about_img img{position:absolute;border-radius:10px;box-shadow:8px 10px 9px rgba(0,0,0,0.1)}
.about_img .about_01{top:60px;left:-5px;z-index:0}
.about_img .about_02{top:2px;right:0;z-index:2}
.about_img .about_03{bottom:0;left:73px;z-index:3}
#home_video_play iframe {width: 100%;min-height: 518px;;}
/********************************************************
Home Service Section
/********************************************************/
.service_section{background-color:#F5F5F5;position:relative;padding:100px 0 70px;overflow:hidden}
.service_section::before{content:"";position:absolute;background:url(../images/service_bkg.png);top:0;left:0;right:0;background-size:cover;height:100%;animation:topbottom 1.2s infinite;animation-duration:5s}
.service_box{text-align:center;background-color:#fff;padding:10px 10px 20px 10px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1);margin-bottom:30px;transition:transform .2s;transition:.5s ease-in-out}
.service_box:hover{box-shadow:0 4px 20px rgba(0,0,0,0.2);transform:scale(1.05)}
.service_box .service_img{position:relative;height:186px}
.service_box .service_img > img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;border-radius:10px}
.service_box .service_icion{position:absolute;height:92px;width:92px;border-radius:100%;background-color:#fafcff;left:0;right:0;margin:0 auto;bottom:-46px}
.service_box .service_icion::before{content:"";height:108px;width:108px;background-color:#ffffff52;position:absolute;top:-8px;left:-8px;right:0;bottom:0;border-radius:100%}
.service_box:hover .service_icion::before{animation:scale_img 1.5s alternate infinite ease-in}
.service_box .service_icion img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding-bottom:5px}
.service_box .service_content{padding:77px 0 0;min-height:246px}
.service_box h3{margin:0 0 17px;font-size:16px;font-weight:700}
.service_box p{font-size:14px;color:#979797;line-height:normal;margin:0}
/********************************************************
Home Get a Service Quote Section
/********************************************************/
.get_service_quote{background-color: #4C7CD4;position: relative;overflow: hidden;padding: 50px 0;}
.get_service_quote::before{content:"";position:absolute;background:url(../images/get_service_quote_bg.svg);top:0;left:0;right:0;background-size:cover;height:100%;}
.white_btn{color: #222;font-size: 16px;font-weight: 600;padding: 7px 18px;display: inline-block;border-radius: 7px;transition: .2s all;border: 0;background-color: #fff}
.white_btn:hover{background-color: #222;color: #fff}
.get_service_quote_box {position: relative;z-index: 1;max-width: 730px;margin: 0 auto;text-align: center;}
.get_service_quote_box p{display: inline-block;color: #fff;margin-bottom: 0px;margin-right: 20px;font-size: 18px;}
/********************************************************
Home Get a Service Quote Section
/********************************************************/
.featured-local-service{padding: 100px 0;position: relative;overflow: hidden;background-color: #fff}
.featured-local-service::before{content:"";position:absolute;background:url(../images/featured-local-service.jpg);top:0;left:0;right:0;background-size:cover;height:100%;}
.featured-local-service-inner{position: relative;z-index: 1}
.local_service_box{}
.icon-box{width: 150px;height: 150px;position: relative;margin:0 auto;display: block;border-radius: 100%;overflow: hidden;transform:scale(1);-webkit-transition: 0.1s all linear;-moz-transition: 0.1s all linear;-ms-transition: 0.1s all linear;-o-transition: 0.1s all linear;transition: 0.1s all linear;}
.icon-box .icon_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.icon-box .service_icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.local_service_box h3 {font-size: 16px;font-weight: 600;color: #222;margin: 15px 0 0 0;line-height: 24px;}
.local_service_box {display: block;min-height: 190px;margin-bottom: 30px;}
.local_service_box:hover .icon-box {background-image: linear-gradient(#4c7cd41c, #4c7cd400);transform:scale(1.05);}
/********************************************************
Home hm Service Section
/********************************************************/
.hm_services_section{padding: 100px 0;position: relative;overflow: hidden;background-color: #4C7CD4}
.hm_services_section::before{content:"";position:absolute;background:url(../images/hm_services_section_bg.svg) no-repeat center;z-index: 0;position: absolute;width: 100%;height: 140%;background-size: cover;top: -50px;animation: topbottom 1.2s infinite;animation-duration: 5s;}
.hm-services-section-inner {border: 1px solid #7096DD;border-radius: 20px;background: #4c7cd4;position: relative;z-index: 1;color: #fff;margin:0px;}
.hm-services-section-inner .col-lg-4{padding: 0px;}
.transparency-box{border-right: 1px solid #7096DD;border-left: 1px solid #7096DD;}
.hm-services-section-box{color: #fff;padding: 40px;}
.hm-services-section-contain {position: relative;margin-top: -30px;}
.hm-services-section-contain h4{font-size: 16px;font-weight: 400;}
.hm-services-section-contain h3{font-size: 24px;font-weight: bold;margin-bottom: 15px}
.hm-services-section-contain span{height: 1px;width: 50%;background: #7096DD;display: block;margin: 0 auto;margin-bottom: 15px;}
.hm-services-section-contain p{font-size: 14px;margin-bottom: 0;}
/********************************************************
Home service deals and discounts Section
/********************************************************/
.home_service_deals_section .primary-btn{width: auto}
.home_service_deals_section{padding: 100px 0;position: relative;overflow: hidden;background-color: #fff}
.service_deals_search_box .form-group {margin: 0;position: relative;}
.service_deals_search_box {max-width: 950px;margin: 0 auto;}
.service_deals_search_box .form-group img {position: absolute;top: 15px;left: 20px;}
.service_deals_search_box .form-group input {padding-left: 50px;color: #000;font-weight: 600;}
.service_deals_box_img {border-radius: 8px 8px 0px 0px;overflow: hidden;}
.service_deals_box{margin-bottom: 20px;}
.service_deals_box_contain {border: 1px solid #EBEBEB;padding: 15px;border-top: 0px;display: table;border-radius: 0px 0px 8px 8px;}
.service_deals_box_contain h3 {font-size: 16px;font-weight: bold;color: #000000;}
.service_deals_box_contain p{font-size: 14px;}
.service_deals_box_contain a.primary-btn {width: auto;float: left;padding: 8px 15px;height: 40px;}
.service_deals_box_contain a.primary-btn:hover{color: #fff}
.service_deals_box_contain a:hover h3{color: #4C7CD4}
.service_deals_box_contain a.primary-btn del {padding-left: 6px;font-weight: 300;font-size: 14px;}
.theme-btn{background: #4C7CD4;position: relative;border-radius: 8px;height: 50px;color: #FFF;font-style: normal;font-weight: 600;font-size: 16px;line-height: 22px;text-align: center;border: 1px solid #4C7CD4;cursor: pointer;-webkit-transition: .5s;transition: .5s;padding: 10px 20px;}
/********************************************************
Home Testimonials Section
/********************************************************/
.our_testimonials{background-color: #FAFAFA;padding: 100px 0;overflow: hidden;position: relative;}
.our_testimonials:before {content: "";background: url(../images/wave-b.svg) no-repeat center;z-index: 0;position: absolute;width: 100%;height: 140%;background-size: cover;top: -50px;animation: topbottom 1.2s infinite;animation-duration: 5s;}
.testimonials_contain {max-width: 650px;min-height: 330px;margin: 0 auto;position: relative;padding: 0;}
.testimonials_contain .dot_icon {position: absolute;}
.testimonials_contain .dot_icon_1 {left: -110px;top: 0;}
.testimonials_contain .dot_icon_2 {right: -110px;bottom: 0;}
.testimonials_contain_inner {text-align: center;}
.testimonials_contain_inner p {font-weight: bold;font-size: 18px;margin-bottom: 30px;}
.testimonials_contain_inner h4 {font-size: 18px;color: #4C7CD4;margin-bottom: 10px;font-weight: bold;}
.testimonials_contain_inner h5 {font-size: 14px;text-transform: uppercase;letter-spacing: 6px;margin-bottom: 0px;}
.our_testimonials .carousel-control-next img, .our_testimonials .carousel-control-prev img{box-shadow: 0px 5px 20px 0px #0000003d;border-radius: 100%;}
.our_testimonials .primary-btn{width: auto;}
.user_photos_img {width: 80px;height: 80px;margin: 0 auto;margin-top: 20px;position: relative;overflow: hidden;}
.user_photos_img span {width: 50px;height: 50px;background: #fafafa;border-radius: 100%;position: absolute;left: 15px;top: -40px;}
.popular_cities_section{padding: 100px 0px;}
.popular_cities_section .main_title{font-size: 24px;}
.popular_cities_tag a{border: 1px solid #EBEBEB;padding: 6px 20px;border-radius: 8px;display: inline-block;color: #000000;margin: 4px 2px;font-size: 17px;}
.popular_cities_tag a:hover{background-color: #4C7CD4;color: #fff;border-color: #4C7CD4}
/********************************************************
footer Section
/********************************************************/
.subscribe-section{background:url(../images/subscribe_bg.jpg) no-repeat center;background-size: cover;padding: 100px 0;position: relative;overflow: hidden;}
.subscribe-section .main_title span {color: #000;}
.subscribe-section-box {background-color: #fff;padding: 40px;z-index: 1;position: relative;border-radius: 20px;}
.subscribe-section-box-inner{position: relative;}
.input-box label {width: 100%;display: block;}
.input-box input {border-radius: 5px;padding: 12px;width: 100%;border: 1px solid #EBEBEB;box-shadow: 0px 0px 0px 0px #000;}
.subscribe-section-box button.blue_btn {margin-top: 32px;padding: 13px;width: 100%;}
.footer_inner {background-color: #1A1E32;margin-top: -160px;z-index: 0;position: relative;padding: 110px 0 0; overflow: hidden;}
.footer_inner:before {content: "";background: url(../images/wave-a.svg) no-repeat center;z-index: 1;position: absolute;width: 100%;height: 140%;background-size: cover;top: -50px;animation: topbottom 1.2s infinite;animation-duration: 5s;}
.social-icons a{border-radius: 100%;border:1px solid #fff;display: inline-block;margin-right: 10px;}
.social-icons a:hover{border-radius: 100%;border:1px solid #0FAE7D;background-color: #0FAE7D}
.social-icons {margin: 30px 0;}
.footer_title{font-size: 16px;font-weight: bold;color: #fff;}
.footer_nav{list-style: none;margin: 0px;padding: 0px;}
.footer_nav li{width: 100%;}
.footer_nav li a{color: #A1A4B5;font-size: 14px}
.copy_right {border-top: 1px solid #292d44;padding-top: 20px;margin-top: 20px;padding-bottom: 5px;}
.copy_right p , .copy_right a{color: #A1A4B5;font-size: 14px;}
.copy_right span {color: #A1A4B5;padding: 0 10px;}
.white{color: #fff}
.footer_inner .container{position: relative;z-index: 1}
/********************************************************
Login | Signup Section
/********************************************************/
.ph-modal .modal-header{border-bottom:none}
.ph-modal .modal-content{border:none;box-shadow:0 15px 30px rgba(0,0,0,0.1);border-radius:20px;background-color:transparent}
.ph-modal .user-part{display:flex;overflow:hidden;border-radius:20px!important;width:100%;align-items:center;background:#4c7cd4}
.ph-modal .user-l-part{max-width:520px;min-width:520px;padding:80px 30px 70px 70px;background-color:#fff}
.ph-modal .user-r-part{max-width:100%;min-width:380px;background-color:#4C7CD4;padding:10px 45px;position:relative;color:#fff}
img.close-modal{position:absolute;right:20px;top:20px;z-index:1;cursor: pointer}
.info-text h2{font-weight:700;color:#252525;font-size:36px;line-height:49px}
.info-text .sub-span{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#000;margin:0 0 15px;display:block}
.info-text span a{color:#4C7CD4}
.space-gap{margin-top:45px;display:block;width:100%}
.form-group label{font-weight:400;font-size:14px;line-height:19px;color:#252525}
.form-group .form-control{background:#FFF;border:1px solid #EBEBEB;box-sizing:border-box;border-radius:8px;height:50px;max-width:392px;font-size:14px;line-height:19px;display:flex;align-items:center}
.primary-btn{background:#4C7CD4;border-radius:8px;height:50px;color:#FFF;font-style:normal;font-weight:600;font-size:16px;line-height:22px;text-align:center;border:1px solid #4C7CD4;width:100%;cursor:pointer;-webkit-transition:.5s;transition:.5s}
.primary-btn:hover{opacity:.9;-webkit-transition:.5s;transition:.5s}
.primary-btn:focus,.primary-btn:active{outline:none}
.input-checkbox{display:none}
.password-view{position:absolute;left:auto;right:25px;top:50px;cursor:pointer}
.password-view:hover{opacity:.8}
.label-checkbox{-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-block;position:relative;margin:3px 0;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:24px}
.label-checkbox span{display:inline-block;vertical-align:middle;transform:translate3d(0,0,0)}
.label-checkbox span:first-child{position:relative;width:18px;height:18px;border-radius:2px;transform:scale(1);vertical-align:middle;border:1px solid #c6c6c6;transition:all .5s ease}
.label-checkbox span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .5s ease;transition-delay:.1s;transform:translate3d(0,0,0)}
.label-checkbox span:first-child:before{content:"";width:100%;height:100%;background:#4C7CD4;display:block;transform:scale(0);opacity:1;border-radius:50%}
.label-checkbox span:last-child{padding-left:8px}
.label-checkbox:hover span:first-child{border-color:#4C7CD4}
.input-checkbox:checked + .label-checkbox span:first-child{background:#4C7CD4;border-color:#4C7CD4;animation:wave .8s ease}
.input-checkbox:checked + .label-checkbox span:first-child svg{stroke-dashoffset:0}
.input-checkbox:checked + .label-checkbox span:first-child:before{transform:scale(3.5);opacity:0;transition:all .8s ease}
.label-checkbox:hover > span:first-child:before{transform:scale(2.7);opacity:.11;transition:all .7s ease}
@keyframes wave {50%{transform:scale(0.9)}}
.forgot-text{font-weight:400;font-size:14px;line-height:19px;color:#010101}
.user-l-part .form-group{max-width:390px;position:relative;margin-bottom:25px}
.border-btn{border:1px solid rgba(255,255,255,0.33);box-sizing:border-box;border-radius:8px;background:transparent;color:#fff;height:50px;min-width:165px;font-style:normal;font-weight:600;font-size:16px;line-height:25px;cursor:pointer;padding:11px 60px 11px 20px;position:relative;display:inline-block}
.border-btn:hover{color:#fff;text-decoration:none}
.border-btn:before{content:"";background-image:url(../images/right-arrow.svg);width:22px;height:15px;position:absolute;background-repeat:no-repeat;right:20px;top:17px;transition:all .3s}
.border-btn:hover:before{right:15px;transition:all .3s}
.user-r-part h2{font-weight:700;font-size:36px;line-height:49px;position:relative;margin-bottom:50px;color:#FFF}
.user-r-part h2:before{content:"";position:absolute;width:102px;height:5px;left:0;bottom:-20px;background:#fff;display:block}
.user-r-part:before{content:"";background-image:url(../images/ellipse.png);width:86px;height:169px;position:absolute;background-repeat:no-repeat;right:0;left:0;top:80%;bottom:58px;animation:topBottom 5s infinite}
.info-boat{position:absolute;right:20px;bottom:25px;top:auto;left:auto;transition:all .3s;cursor:pointer}
.info-boat:hover{opacity:.9;transition:all .3s}
img.log-logo{margin-bottom:50px}
@keyframes topBottom {
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,20px);transform:translate(0,20px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.category-group{display:block}
.category-group .form-group{width:100%}
.social-login i{margin-right:10px}
.signinup .social-login i{width:23px;height:23px;background-color:#2672ca;border-radius:50%;bottom:5px;position:relative;color:#fff;right:7px}
.signinup .social-google i.fa-google{background-color:#fc3850}
.social-login a{color:#000;border:1px solid;border-radius:4px;padding:8px 0;width:100%;display:block}
.social-login a:hover{color:#000;opacity:.7;text-decoration:none}
.social-login a img{width:22px}
.form-group .error-border{border:1px solid #F64D4D;color:#F64D4D}
.error-border::-webkit-input-placeholder{color:#F64D4D}
.error-border:-ms-input-placeholder{color:#F64D4D}
.error-border::placeholder{color:#F64D4D}
.help-error{margin-top:-4px}
.form-group .text-danger{color:#F64D4D!important}
.otp-input{display:flex}
.otp-input input{width:50px;margin-right:15px;text-align:center}
.hint-text{position:absolute;right:0;top:4px;color:#959595;font-size:12px}
.v-scroll{width:auto;overflow-y:scroll;padding-right:0;padding-left:5px;margin:0}
.height-400{height:400px}
.v-scroll::-webkit-scrollbar{width:7px;background-color:#4c7cd4;border-radius:25px}
.v-scroll::-webkit-scrollbar-thumb{background-color:#4c7cd4;border-radius:25px}
.v-scroll::-webkit-scrollbar-track{background-color:#d0dcf3;border-radius:25px}
.upload-text .upload-title{color:#252525;font-size:14px;line-height:19px}
.upload-text .upload-sub-text{font-size:12px;line-height:20px;color:#919191;display:block}
.upload-text{padding:0 10px 10px 20px}
.image-upload:hover{cursor:pointer;opacity:.7}
.SignupModal .user-r-part .border-btn{padding:11px 60px 11px 0;min-width:145px;margin-top:0}
.user-r-part .nav-pills .nav-link.active{background-color:#fff;color:#252525;font-size:16px;line-height:22px;display:flex;-webkit-transition:.5s;transition:.5s}
.tab-n{padding-left:10px}
.user-r-part .nav-pills span{font-size:12px;line-height:16px;display:flex;align-items:center;display:block;color:#fff}
.user-r-part .nav-pills .nav-link{display:flex;border:1px solid #fff;margin-bottom:15px;color:#fff;height:55px;border-radius:8px;-webkit-transition:.5s;transition:.5s}
.user-r-part .nav-pills .nav-link span{color:#fff}
.user-r-part .nav-pills .nav-link.active span{color:#252525}
.user-part h1{text-align:center;font-weight:700;font-size:18px;line-height:25px;text-align:center;color:#FFF;margin-top:35px}
.d-block.user-b-part{background:#fff;width:100%;padding:20px}
/********************************************************
Request a Quote 3 Steps Section
/********************************************************/
#msform{text-align:center;position:relative;margin-top:20px}
#msform fieldset .form-card{background:#fff;border:0 none;border-radius:0;box-shadow:none;padding:0 30px;box-sizing:border-box;width:100%;margin:0 0 20px;position:relative}
#msform fieldset{background:#fff;border:0 none;border-radius:.5rem;box-sizing:border-box;width:100%;margin:0;padding-bottom:20px;position:relative;-webkit-transition:.5s;transition:.5s}
#msform fieldset:not(:first-of-type){display:none}
#msform fieldset .form-card{text-align:left;color:#9E9E9E;font-size:14px}
#msform .action-button{background:#4C7CD4;color:#fff;border-radius:8px;cursor:pointer;padding:10px 5px;margin:10px 5px;border:1px solid;width:156px;-webkit-transition:.5s;transition:.5s}
#msform .action-button:hover,#msform .action-button:focus{box-shadow:none;outline:none;opacity:.9;-webkit-transition:.5s;transition:.5s}
#msform .action-button-previous{background:#fff;color:#222;border:0 none;border-radius:0;cursor:pointer;padding:10px 5px;margin:10px 5px;border:1px solid #222;border-radius:8px;width:156px}
.step-footer{display:flex;justify-content:flex-end;padding:0 20px}
#msform .action-button-previous:hover,#msform .action-button-previous:focus{box-shadow:none;outline:none;opacity:.9}
select.list-dt{border:none;outline:0;border-bottom:1px solid #ccc;padding:2px 5px 3px;margin:2px}
select.list-dt:focus{border-bottom:2px solid #fff}
.card{z-index:0;border:none;border-radius:.5rem;position:relative}
.fs-title{font-size:25px;color:#2C3E50;margin-bottom:10px;font-weight:700;text-align:left}
#progressbar{overflow:hidden;padding:10px 30px 30px;background:#4c7cd4;width:100%;display:flex;justify-content:center;margin-bottom: 10px;}
#progressbar .active{color:#000}
#progressbar li{list-style-type:none;font-size:12px;width:25%;float:left;position:relative;z-index:99}
#progressbar #first-step:before{content:"1";z-index:99}
#progressbar #second-step:before{content:"2"}
#progressbar #third-step:before{content:"3"}
#progressbar li:before{width:45px;height:45px;line-height:35px;display:block;font-size:18px;color:#7B9FE1;background:#4C7CD4;border-radius:50%;margin:0 auto 10px;padding:2px;border:2px solid rgba(233,241,255,0.3)}
#progressbar li:after{content:'';width:100%;height:2px;background:#6F96DE;position:absolute;left:0;top:20px;z-index:-1}
#progressbar li.active:before,#progressbar li.active:after{background:#fff}
#progressbar li.active:after{z-index:-1}
#progressbar li.active:before{color:#000;font-weight:700}
#progressbar li:first-child:after{width:50%;left:50%}
#progressbar li:last-child:after{width:50%;right:50%}
.step-title{font-size:16px;line-height:22px;color:#000;display:block;margin-bottom:15px}
.s-item{height:159px;width:120px;border:1px solid #4C7CD4;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding-top:20px;cursor:pointer;opacity:.95;margin-left:15px;-webkit-transition:.5s;transition:.5s;margin-right:5px;margin-bottom:15px}
.services-list{display:flex;flex-wrap:wrap}
.s-icon{margin-bottom:15px}
.s-name{font-size:14px;line-height:19px;text-align:center;font-weight:600;text-transform:capitalize;color:#000}
.s-item:hover,.s-item.active{background:#E8F0FF;-webkit-transition:.5s;transition:.5s}
.form-compo{margin-top:30px}
.custom-dropdown{position:relative;width:100%;padding:10px 30px 10px 10px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,0.15);box-shadow:none;cursor:pointer;outline:none;height: 40px;line-height: 17px;}
.custom-dropdown .dropdown{position:absolute;top:40px;left:-1px;right:0;padding-left:0;width:100.5%;background:#fff;border-radius:inherit;border:none;box-shadow:0 0 5px rgba(0,0,0,0.1);font-weight:400;list-style:none;opacity:0;pointer-events:none}
.custom-dropdown .dropdown li a{display:block;padding:10px;text-decoration:none;color:#222;border-bottom:none;box-shadow:inset 0 1px 0 rgba(255,255,255,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:4px solid #fff}
.custom-dropdown .dropdown li i{float:right;color:inherit}
.custom-dropdown .dropdown li:hover a{background:#f6f6f6;border-left:4px solid #4C7CD4}
.custom-dropdown.active .dropdown{opacity:1;pointer-events:auto;z-index:9}
.custom-dropdown .dropdown-arrow-img{position:absolute;right:10px;top:15px;transition:all .5s ease}
.custom-dropdown:after{clear:both;content:"";display:table}
.no-opacity .custom-dropdown .dropdown,.no-pointerevents .custom-dropdown .dropdown{display:none;opacity:1;pointer-events:auto}
.no-opacity .custom-dropdown.active .dropdown,.no-pointerevents .custom-dropdown.active .dropdown{display:block}
.category-group{display:flex}
.category-group .form-group{width:50%}
.category-group .form-group:first-child{margin-right:2%;width:48%}
.flex-lg-column{overflow:visible!important}
.step-subtitle{font-size:14px;line-height:19px;color:#252525;width:100%;text-align:center;margin:0 auto;display:block;margin-bottom:20px}
.service-card{display:flex;flex-wrap:wrap;justify-content:space-between}
.request-service{margin:10px 0;justify-content:center;border-bottom:1px solid #DEDEDE;margin-bottom:20px;padding-bottom:20px}
.s-card-item{background:#FFF;border:1px solid #E0E0E0;box-sizing:border-box;border-radius:10px;padding:10px;position:relative;height:89px;width:auto;max-width:420px}
.s-card-item:nth-child(3){margin-top:15px}
img.user-img{position:absolute;left:10px}
.sc-info{padding-left:80px;display:flex;flex-direction:column}
.sc-title{font-size:18px;line-height:25px;color:#222}
.review-link{font-size:12px;line-height:16px;text-decoration-line:underline;color:#4C7CD4}
.icon-bin{position:absolute;right:10px;top:10px}
.icon-bin:hover{opacity:.8}
.review{font-weight:400;font-size:12px;line-height:16px;color:#6B6B6B;margin-right:10px}
.sc-sub-title{font-size:12px;line-height:16px;color:#6B6B6B;display:block;margin-bottom:5px}
.profile-point .profile-point-word{border-radius:3px;background-color:#f9cc19;color:#fff;font-size:12px;font-weight:600;padding:2px 5px;margin-right:5px}
.profile-point .fill{color:#f9cc19}
.profile-point .no-fill{color:#d5d5d5}
.green .profile-point-word{background-color:#089008}
.green .fill{color:#089008}
.red .profile-point-word{background-color:#f91919}
.red .fill{color:#f91919}
.second-step .s-item{width:160px}
.second-step .form-group{margin-bottom:20px}
span.radio-title{color:#252525}
.radiobtn-label{display:inline-block;position:relative;margin:3px 0;line-height:24px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:30px;margin-right:20px}
.radiobtn-label input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.radiobtn-label .checkmark-radio{display:block;float:left;margin-right:10px;-webkit-tap-highlight-color:transparent;position:absolute;top:2px;left:0;height:18px;width:18px;background-color:#fff;border-radius:50%;border:1px solid #c8ccd4}
.radiobtn-label .checkmark-radio:after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:100%;background:#4c7cd4;transform:scale(0);transition:all .5s ease;opacity:.09;pointer-events:none}
.radiobtn-label:hover .checkmark-radio:after{transform:scale(3.6)}
.radiobtn-label:hover .checkmark-radio{border-color:#4c7cd4;transition:all .5s ease}
input[type="radio"]:checked + .checkmark-radio{border-color:#4c7cd4;animation:wave .8s ease}
input[type="radio"]:checked + .checkmark-radio:after{transform:scale(1);transition:all .5s cubic-bezier(0.35,0.9,0.4,0.9);opacity:1}
.textarea textarea{background:#FFF;border:1px solid #EBEBEB;padding:10px;margin-top:5px;border-radius:8px}
.text-title{color:#252525}
.upload-note{font-size:14px;line-height:19px;color:#959595;margin-top:8px;display:flex}
.upload-note img{margin-right:5px}
.modal-popover{position:relative;display:inline-block}
.alert-danger{color:#fff;background-color:#F64D4D;border-color:#F64D4D}
.alert-danger button.close:focus{outline:none}
.help-icon{margin-top:-3px}
.modal-popover .tooltip-ph{top:25px;left:-25px;right:0;visibility:hidden;opacity:0;position:absolute;background:#fff;width:350px;border-radius:5px;text-align:left;padding:5px 10px;font-size:14px;z-index:9;-webkit-transition:all .7s ease;transition:all .7s ease;box-shadow:0 1px 6px rgba(57,73,76,0.35)}
.modal-popover i{content:"";position:absolute;top:-6px;left:33px;border:8px solid #fff;border-color:transparent transparent #fff #fff;transform:translateX(-50%) rotate(135deg);box-shadow:-2px 2px 3px rgba(57,73,76,0.1);right:auto}
.modal-popover .help-icon:hover{cursor:pointer}
.modal-popover:hover .tooltip-ph{visibility:visible;opacity:1}
.ph-input{box-shadow:none;display:block;width:100%;padding:10px 19px;border:1px solid #e0e0e0;border-radius:4px;height:43px;background-color:#FFF;background-image:none;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-align:left;color:#222}
.ph-input::-webkit-input-placeholder{color:#959595}
.ph-input:-ms-input-placeholder{color:#959595}
.ph-input::placeholder{color:#959595}
.ph-input:focus{outline:none;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
textarea:focus{outline:none;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.upload-img-text textarea{height:90px;margin-top:0}
.w-auto{width:auto!important}
.based-label{width:200px;display:flex;align-items:center;align-content:center;justify-content:center;height:42px;margin-top:7px}
.based-label .ph-input{border-radius:0}
.based-label .ph-input:focus{outline:none;box-shadow:none}
span.rate-value{height:43px;background:#4c7cd4;display:flex;align-items:center;width:100px;text-align:center;align-content:center;justify-content:center;font-size:18px;color:#fff}
.rate-value:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}
.rate-value:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
/********************************************************
Register steps Section
/********************************************************/
.register-title{font-weight:600;font-size:16px;line-height:22px;text-align:center;width:100%;padding:0;margin:50px 0 15px;color:#252525}
#registerstep{overflow:hidden;padding:0 0 40px 0;width:100%;display:flex;justify-content:center}
#registerstep .active{color:#000}
#registerstep li{list-style-type:none;font-size:12px;width:25%;float:left;position:relative;z-index:1}
#registerstep #first-step:before{content:"1";z-index:99}
#registerstep #second-step:before{content:"2"}
#registerstep #third-step:before{content:"3"}
#registerstep #four-step:before{content:"4"}
#registerstep #five-step:before{content:"5"}
#registerstep #first-step:after{z-index:99}
.rsteps-title{font-style:normal;color:#92929D;font-weight:700;font-size:14px;line-height:19px;text-align:left;display:block;width:100%;padding-top:16px}
#registerstep li:before{width:0;height:0;line-height:0;display:block;font-size:18px;margin-top:25px;color:#252525}
#registerstep li:after{content:'';width:100%;height:3px;background:#E0E0E0;position:absolute;left:0;top:0;z-index:-1}
#registerstep li.active:before,#registerstep li.active:after{background:#4c7cd4}
#registerstep li.active:after{z-index:-1}
#registerstep li.active:before{color:#4C7CD4;font-weight:700}
#registerstep li:first-child:after{width:100%;left:0}
#registerstep li:last-child:after{width:100%;right:0}
#registerstep .active .rsteps-title{color:#4C7CD4}
.rsteps-data{border:1px solid #EBEBEB;border-radius:5px;margin-bottom:20px;overflow:hidden}
.r-title{font-weight:600;font-size:16px;line-height:22px;display:flex;color:#252525;width:100%;justify-content:center;height:62px;border-bottom:1px solid #EBEBEB;align-items:center}
.r-data{padding:20px}
.rsteps-data .form-card{border-bottom:1px solid #EBEBEB!important;padding-left:0!important;padding-right:0!important}
.r-form .radiobtn-label:last-child{margin-right:0}
.r-form .help-icon{margin-top:0;display: inline-block;}
.panel-box h3{font-size:16px;line-height:19px;display:flex;align-items:center;margin-bottom:0;color:#252525}
.panel-title{background:#F8F8F8;border-radius:0;height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}
.panel-box .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#00A4D2;background-color:#00A4D2}
.panel-box .custom-switch .custom-control-label::after{top:calc(0px);left:calc(-51px);width:calc(30px - 4px);height:calc(30px - 4px);border-radius:50px;transition:none;box-shadow:none}
.panel-box .custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(25px);transform:translateX(25px);border-radius:50px;box-shadow:none}
.panel-box .custom-switch .custom-control-label::before{left:-55px;width:58px;pointer-events:all;border-radius:50px;box-shadow:none}
.panel-box{border:1px solid #EBEBEB;border-radius:5px;overflow:hidden}
.panel-data{padding:15px}
.panel-data h5{font-size:14px;line-height:19px;margin-bottom:0}
.modal-popover .tooltip-ph{border-radius:5px}
.check-list .label-checkbox span{display:inline-block;vertical-align:middle;transform:translate3d(0,0,0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.panel-box .custom-control-label::before{position:absolute;top:-3px;left:-1.5rem;display:block;width:1rem;height:2rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px;box-shadow:none}
.panel-data{display:none}
.sub-item .modal-popover i{left:36px}
.panel-box .custom-switch .custom-control-label:before{cursor:pointer}
.check-list .form-group label{margin-bottom:7px}
.panel-box .custom-switch .custom-control-input:checked~.custom-control-label::after{cursor:pointer}
.check-list{display:flex;flex-wrap:wrap;justify-content:start;margin-top:10px}
.check-list > div{flex:0 0 25%}
.reg-img-upload{justify-content:start;flex-wrap:wrap;margin-top:15px}
.reg-img-upload .image-upload{margin-right:25px}
.reg-img-upload a{margin:5px 0;width:100%;text-align:center;color:#4C7CD4;display:block}
.time-row{display:flex;justify-content:start;align-content:center;align-items:center;width:100%}
.time-row .trbox{min-width:220px;margin-right:20px;font-weight:600;font-size:14px;line-height:19px;color:#252525;margin-bottom:15px}
.time-row .w-100{min-width:100px;max-width:100px}
.trbox .panel-box{border:none;border-radius:0;overflow:visible;margin-left:20px}
.time-act{width:20px;height:20px;margin-right:5px}
.coupan-area{display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap}
.coupan-select{width:180px;height:140px;border:1px solid #E0E0E0;box-sizing:border-box;position:relative;border-radius:10px;background:#FBFBFB;margin-right:20px;display:flex;-webkit-transition:.5s;transition:.5s;justify-content:center;margin-bottom:10px;align-items:center;align-content:center;flex-direction:column;cursor:pointer}
.coupan-area .nav-link.active:before{background-image:url(../images/coupan/green-checkbox.svg);position:absolute;top:16px;right:45px;left:auto;content:"";width:24px;height:24px;z-index:1}
.upload-img img{width:100%;max-width:320px;margin-right:10px;margin-bottom:10px;border-radius: 10px;}
.coupan-area .nav-link.active{background:#fff}
.coupan-area .nav-link.active span{color:#4C7CD4}
.coupan-select:hover{opacity:.7;-webkit-transition:.5s;transition:.5s}
.coupan-select span{display:block;margin-top:10px;width:100%;font-weight:600;text-align:center;text-transform:capitalize;color:#979797}
.date-input{position:relative}
.date-schedule{position:absolute;left:auto;right:15px;top:38px}
.coupan-area .nav-tabs .nav-link{border:none;border-top-left-radius:0;border-top-right-radius:0;padding-left:0;position:relative}
.coupan-area .nav-tabs{border-bottom:none}
@media only screen and (max-width: 1200px) {
.check-list > div {flex: 0 0 50%;}
}
@media only screen and (max-width: 992px) {
.r-form .category-group{flex-direction:column}
.r-form .category-group .form-group{width:100%}
.time-row{flex-direction:column}
}
@media only screen and (max-width: 768px) {
.check-list > div{flex:0 0 100%}
.check-list .label-checkbox span{max-width:none}
.coupan-select{width:auto;height:auto;padding:5px;margin-right:10px}
.coupan-select > img{width:50px}
.coupan-select span{font-size:12px}
.coupan-area .nav-tabs .nav-link{padding-right:1px}
.coupan-area .nav-link.active:before{right:18px}
}
/********************************************************
Subscription Section
/********************************************************/
.subscription-data .rsteps-data .border-bottom-0{border-bottom:0!important}
.subscription-data .nav-tabs{border-bottom:1px solid #dee2e6;background:#E4EEFF;width:450px;border-radius:50px;display:flex;margin:0 auto;height:58px}
.subscription-data .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:225px;border-radius:50px;text-align:center;font-size:18px;line-height:40px;font-weight:600;color:#000}
.subscription-data .subscription-table{margin:0 auto;text-align:center;display:flex;justify-content:center;margin-top:40px}
.subscription-data .sub-table{width:360px;border:1px solid #E0E0E0;border-radius:10px 10px 0 0}
.subscription-data .sub-table:first-child{margin-right:50px}
.subscription-data .sub-title{height:160px;display:flex;align-items:center;justify-content:flex-start;padding-left:50px;border-bottom:1px solid #E0E0E0;margin-bottom:30px}
.subscription-data .nav-tabs .nav-item.show .nav-link,.subscription-data .nav-tabs .nav-link.active{background-color:#4C7CD4;border-color:#4C7CD4;color:#fff;min-height: 58px;}
.subscription-data img.sub-img{width:77px;height:77px;margin-right:15px}
.subscription-data .title-t{font-weight:700;font-size:30px;line-height:41px;text-align:left;color:#000}
.subscription-data .title-t span{font-weight:400;font-size:14px;line-height:19px;display:flex;align-items:center;color:#979797}
.subscription-data .sub-item{display:flex;align-items:center;align-content:center;justify-content:flex-start;margin-left:50px;margin-bottom:20px}
.subscription-data img.icon-tick{margin-right:10px}
.subscription-data .sub-data .modal-popover{margin-left:10px}
.subscription-data .sub-data .modal-popover .tooltip-ph{width:250px}
.subscription-data .sub-item span{font-weight:600;font-size:14px;line-height:19px;color:#252525;text-align:left}
.subscription-data .sub-data{padding:10px 20px 30px 0;min-height:430px}
.subscription-data .sub-price{font-size:14px;line-height:19px;align-items:center;color:#C6C6C6;display:flex}
.subscription-data .sub-price span.lt{font-size:30px;line-height:41px;font-weight:200;color:#C6C6C6}
.subscription-data .sub-price span{font-size:30px;line-height:41px;display:flex;font-weight:700;color:#000;margin-right:5px}
.subscription-data .sub-footer{border-top:1px solid #E0E0E0;padding:30px;align-items:center;justify-content:center;margin:0 auto;text-align:center;display:flex;flex-direction:column}
.subscription-data .free-month{display:none;position:absolute;left:0;z-index:999;top:18px;right:0}
.subscription-data .title-t span.yellow-txt{font-weight:700;font-size:14px;line-height:19px;color:#FBB540}
.subscription-data .nav-link.active.show{line-height:25px;position:relative;}
.subscription-data #nav-monthly-tab{line-height:40px}
.subscription-data .nav-tabs .nav-link.active .free-month{display:block;position:absolute;left:0;z-index:999;top:30px;right:0;font-weight:100;color:#FFF;font-size:14px}
.cvv-code{position: relative}
.cvv-code input{width: 50%}
.cvv-code img{position:absolute;top:-25px;left:184px;z-index:1}
SubscriptionModal .modal-popover .tooltip-ph{top:0;left:0;right:0;width:220px}
SubscriptionModal .modal-popover i{right:10px;left:auto}
SubscriptionModal .modal-popover{position:inherit;display:block}
.sub-selection{border:1px solid #dee2e6;background:transparent;width:452px;border-radius:50px;display:flex;margin:0 auto;height:58px;margin-top:20px}
.sub-selection .nav-tabs{border-bottom:none}
.sub-selection .nav-tabs .nav-item.show .nav-link,.sub-selection .nav-tabs .nav-link.active{background-color:#fff;border-color:#fff;color:#4C7CD4}
.sub-selection #nav-monthly-tab{line-height:40px}
.sub-selection .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:225px;border-radius:50px;text-align:center;font-size:18px;line-height:40px;font-weight:700;padding-left:55px;color:#fff;position:relative}
.nav-link.c-card:before{position:absolute;content:"";background-image:url(../images/subscription/icon-credit-card-w.svg);width:32px;height:32px;left:40px;top:13px}
.nav-link.c-paypal:before{position:absolute;content:"";background-image:url(../images/subscription/icon-paypal.svg);width:20px;height:21px;left:55px;top:18px}
.nav-link.c-card.active:before{position:absolute;content:"";background-image:url(../images/subscription/icon-credit-card.svg);width:32px;height:32px;left:40px;top:13px}
.nav-link.c-paypal.active:before{position:absolute;content:"";background-image:url(../images/subscription/icon-paypal-w.svg);width:20px;height:21px;left:55px;top:18px}
.SubscriptionModal .tab-content{border-bottom:1px solid #dee2e6!important;margin-bottom:10px}
.sub-selection .nav-tabs .nav-link.c-paypal{padding-left:30px}
.button-link img{cursor:pointer;margin-bottom:20px}
.button-link img:hover{opacity:.8}
h3.card-title{width:100%;text-align:center;font-size:14px;line-height:19px;margin-top:30px;color:#979797}
.power-by{display:flex;justify-content:center;font-size:14px;line-height:19px;margin:30px 0;color:#979797}
@media only screen and (max-width: 1100px) {
.subscription-data .subscription-table{width:1100px}
.subscription-data .tab-content{overflow:auto}
}
/********************************************************
breadcrumb
/********************************************************/
.breadcrumb-links{padding:15px 0}
.breadcrumb-links .container{max-width:1200px}
.br-links a{color:#959595;font-size:14px;line-height:19px}
.br-links a:hover{opacity:.8}
.br-links a.b-home{color:#4C7CD4;margin-right:15px}
/********************************************************
Filter Dropdown
/********************************************************/
.panel-data,.filter-wrapper{-webkit-transition:.5s;transition:.5s;z-index: 1}
.panel-data:hover{cursor: default}
.filter-btn:hover .filter-wrapper .panel-data {display:block;padding: 15px 30px 30px;position:absolute;width:100%;background: #fff;left: 0;top: 40px;border-radius: 10px;box-shadow: 0px 2px 30px rgb(0 0 0 / 0.1);-webkit-transition:.5s;transition:.5s}
.filter-wrapper .label-checkbox{margin:6px 0}
.filter-title{font-size: 14px; font-weight: 700;color: #252525;}
.filter-wrapper .check-list > div {flex: 0 0 23%;}
.filter-wrapper .check-list > div.filter-group:last-child {flex: 0 0 27%;}
.filter-wrapper .check-list .label-checkbox span{overflow: visible;color: #252525;}
@media only screen and (max-width: 768px){
.filter-wrapper .check-list > div {flex: 0 0 50%;}
}
@media only screen and (max-width: 767px){
.filter-wrapper .check-list > div {flex: 0 0 100%;}
}
/********************************************************
Account page
/********************************************************/
/*Inner page top links*/
.inner-links{background:#F9F9F9;padding:20px 0;border-bottom:1px solid #e6e6e6}
.ih-links{display:flex;justify-content:flex-start}
.link-item{display:flex;justify-content:space-around;align-items:center;border:1px solid #efefef;box-shadow:0 1px 6px rgba(0,0,0,0.102);border-radius:8px;margin-right:20px;width:auto;height:48px;background:#fff;cursor:pointer;padding:0 10px 0 7px}
.link-item.active,.link-item:hover{background:#4C7CD4;color:#fff}
.link-item.active span{color:#fff}
.link-item.active .help-icon{background-image:url(../images/account/help-white.svg);height:16px;width:16px;display:block}
.link-item:hover span{color:#fff}
.help-icon{background-image:url(../images/account/help-blue.svg);height:16px;width:16px;display:block}
.link-item:hover .help-icon{background-image:url(../images/account/help-white.svg);height:16px;width:16px;display:block}
.link-item span{display:block;padding:0 10px;color:#000;font-size:16px;line-height:22px}
.link-item .help-icon{margin-top:0}
.link-item .modal-popover .tooltip-ph{color: #222222;}
.link-item .modal-popover.rs .tooltip-ph{left: -324px;right: 0;}
.link-item .modal-popover.rs i{left: 332px;}
@media (max-width: 1024px) {
.ih-links{flex-direction:column}
.link-item{margin-bottom:10px;margin-right:0}
.midllecontent{overflow-x:hidden}
.link-item .modal-popover .tooltip-ph{left:-260px;right:-20px;width:auto}
.link-item .modal-popover i{left:268px}
}
/*Account banner*/
.inner-banner{padding: 100px 0;position: relative;overflow: hidden;background-color: #4C7CD4}
.inner-banner::before{content:"";position:absolute;background:url(../images/wave-v.svg) no-repeat center;z-index: 0;position: absolute;width: 100%;height: 130%;background-size: cover;top:-50px;animation: topbottom 1.5s infinite;animation-duration: 5s;}
/*Account tab*/
.account-tab{margin-top:-120px;background:#FFF;border:1px solid #E0E0E0;border-top:none;border-radius:15px;margin-bottom: 50px;}
.account-area{position:relative}
.account-tab .flex-column{border-top-left-radius: 15px;overflow: hidden;}
.account-area .nav-pills .nav-link.active,.account-area .nav-pills .show>.nav-link,.account-area .nav-pills .nav-link:hover{color:#4C7CD4;background-color:#F2F7FF;border-right:2px solid #4C7CD4}
.account-area .nav-pills .nav-link{border-radius:0;font-weight:600;font-size:14px;line-height:19px;border-right:2px solid #fff;color:#000;height:42px;align-items:center;align-content:center;display:flex}
.account-area .nav-pills .nav-link img{margin-right:10px}
.account-area .at-left,.account-area .at-right{padding-left:0;padding-right:0}
.at-title{font-weight:700;font-size:18px;line-height:25px;display:flex;align-items:center;letter-spacing:.1px;border-bottom:1px solid #DEDEDE;min-height:62px;color:#171725;padding-left:30px}
.at-right{border-left:1px solid #DEDEDE}
@media (max-width: 991px) {
.at-right{border-left:none;border-top:1px solid #DEDEDE}
.account-tab .flex-column{border-top-right-radius: 15px;}
.account-area{margin-left: 5px;margin-right: 5px;}
}
@media (max-width: 1200px) {
.ih-links{flex-wrap: wrap;}
.link-item{margin-bottom: 10px;}
}
/*account tab data*/
.profile-user-avtar{border-radius:50%;width:90px;height:90px;position:relative}
.profile-user-avtar img{border-radius:50%}
.add-edit-icon a{position:absolute;right:0;top:0;transition:all .3s}
.add-edit-icon a:hover{opacity:.9;transform:scale(1.2);transition:all .3s}
.at-data .custom-dropdown-box{text-align:left;color:#9E9E9E;font-size:14px}
.at-data span.radio-title,.at-data .text-title,.at-data .textarea textarea,.reg-img-upload a{font-size:14px}
.at-data .ph-input,.at-data .custom-dropdown-box{color:#000}
.at-footer{padding:20px;text-align:right;border-top:1px solid #DEDEDE}
.at-data .help-icon{margin-top: 0;display: inline-block !important;}
.at-data .check-list > div{flex:0 0 33%}
.at-subtitle{letter-spacing:.1px;color:#171725;font-weight:600;font-size:16px;line-height:22px}
.subs-item{background:#F9F9F9;border:1px solid #E0E0E0;box-sizing:border-box;border-radius:8px;display:flex;padding:15px;justify-content:space-between}
.subs-info{font-weight:400;font-size:14px;line-height:19px;display:flex;align-items:center;color:#222}
.subs-title{font-weight:700;font-size:18px;line-height:25px;display:flex;align-items:center;color:#222}
.billing-tbl{display:flex;justify-content:flex-start;align-items:center;font-weight:600;font-size:16px;line-height:22px;color:#222;padding-left:15px}
.billing-tbl .b-method{width:150px}
.billing-tbl .b-type{width:250px}
.billing-tbl .b-primary{width:100px}
.billing-row .br-method{width:150px}
.billing-row .br-type{width:250px}
.billing-row .br-primary{width:100px}
.billing-row{background:#F9F9F9;border:1px solid #E0E0E0;box-sizing:border-box;border-radius:5px;display:flex;justify-content:flex-start;align-items:center;padding:15px;margin:10px 0}
.payment-text{padding:10px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin:0 auto}
.payment-text h3{font-weight:600;font-size:16px;line-height:22px;display:flex;align-items:center;text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:5px;color:#000;width:100%;display:flex}
.payment-text p{font-size:14px;line-height:19px;display:flex;display:flex;justify-content:center;align-items:center;align-items:center;text-align:center;width:100%;display:flex;color:#979797}
.advertising-text{background:#E2ECFE;border:1px solid #4C7CD4;box-sizing:border-box;padding:20px 10px 20px 40px;border-radius:8px;position:relative;margin-left:35px}
.advertising-text h3{font-weight:600;font-size:16px;line-height:22px;color:#000}
.advertising-text:before{content:"1";position:absolute;left:-28px;top:50%;right:auto;background:#4c7cd4;width:50px;height:50px;border-radius:50px;margin-top:-23px;color:#fff;font-size:36px;font-weight:700;padding-left:13px;line-height:50px}
.advertising-text p{font-size:14px;line-height:19px;color:#000}
.at-data .help-icon{margin-top:0;display:inline-block!important}
.payment-img{position:absolute;right:10px;top:10px;left:auto}
.no-data{padding:80px 0;text-align:center}
.no-data img{margin-bottom:10px}
.no-data p{font-weight:600;font-size:18px;line-height:25px;color:#000;margin-top:20px}
.no-data p.sub-msg{font-size:14px;line-height:19px;display:flex;align-items:center;text-align:center;color:#92929D;font-weight:400;width:80%;margin:0 auto}
.input-icon{position:relative;display:flex}
.input-icon .ph-input{box-shadow:none;display:block;width:100%;padding:10px 19px;border:1px solid #e0e0e0;border-radius:4px;height:40px;background-color:#FFF;background-image:none;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:14px;font-stretch:normal;font-style:normal;line-height:18px;letter-spacing:normal;text-align:left;color:#222;padding-left:36px}
.input-icon i{position:absolute;top:-2px;right:auto;left:12px;display:block;width:14px;height:40px;line-height:40px;font-size:14px;text-align:center;margin-left:0;pointer-events:none;color:#10B4E3}
.sort-by{width:18%!important}
.sort-payment{width:100%;justify-content:flex-start}
.payment-group{width:80%;margin-right:2%}
@media (max-width: 991px) {
.at-data .check-list > div{flex:0 0 50%}
.auto-hide{overflow:auto}
.billing-row,.billing-tbl{width:850px;overflow:auto}
.payment-img{display:none}
.payment-group{width:60%}
.sort-by{width:40%!important}
}
@media (max-width: 480px) {
.at-data .check-list > div{flex:0 0 100%}
}
/********************************************************
Perfect HomePros | Button components
/********************************************************/
.fs-16{font-size:16px}
.button-primary,.button-primary-border{background:#4C7CD4;border:1px solid #4C7CD4;color:#ffffff;}
.button-primary:hover{background:#395FA4;border:1px solid #395FA4;color:#ffffff;}
.button-secondary,.button-secondary-border{background:#FC5A5A;border:1px solid #FC5A5A;color:#ffffff;}
.button-secondary:hover{background:#f73434;border:1px solid #f73434;color:#ffffff;}
.button-green,.button-green-border{background:#3DB45E;border:1px solid #3DB45E;color:#ffffff;}
.button-green:hover{background:#179c3c;border:1px solid #179c3c;color:#ffffff;}
.button-white,.button-white-border{background:#ffffff;border:1px solid #92929D;color: #222222}
.button-white:hover{background:#ffffff;border:1px solid #92929D;color: #222222}
.ph-btn{cursor:pointer;min-width:135px;padding:10px 30px;height:50px;position:relative;border-radius:8px;-webkit-transition:all .35s ease;transition:all .35s ease;text-align:center;text-decoration:none;box-shadow:none;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal}
.ph-btn-sm{cursor:pointer;color:#FFF;min-width:135px;padding:10px 30px;height:44px;position:relative;border-radius:8px;-webkit-transition:all .35s ease;transition:all .35s ease;text-align:center;text-decoration:none;box-shadow:none;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal}
.ic-btn img{margin-right:10px}
.ic-btn{display:flex;justify-content:center;align-content:center;align-items:center;min-width:197px;max-width:197px}
.button-icon{width:44px;height:44px;background:#4C7CD4;border:1px solid #4C7CD4;min-width:44px;max-width:44px;padding:2px;display:flex;align-items:center;justify-content:center}
.button-yellow,.button-yellow-border{background:#F9CC19;border:1px solid #F9CC19}
.button-yellow:hover{background:#c3a012;border:1px solid #c3a012}
.button-icon:hover{background:#395FA4;border:1px solid #395FA4}
.button-icon img{margin-right:0}
.delete-col{background:#FC5A5A;border:1px solid #FC5A5A}
.delete-col:hover{background:#f73434;border:1px solid #f73434}
.sm-btn{height:44px}
@media (max-width: 767px) {
.ph-btn{margin-bottom:10px}
}
@media (max-width: 480px) {
.ph-btn,.ph-btn-sm{min-width:auto;padding:10px 15px}
}
/********************************************************
Account
/********************************************************/
.payment-history-box {background-color: #f9f9f9;font-size: 14px;font-weight: 600;padding: 15px 20px;border-radius: 8px 8px 0px 0px;}
.paid-border {border: 1px solid #e0e0e0;}
.history-data {font-size: 14px;font-weight: normal;padding: 15px 20px;border: 1px solid #e0e0e0;border-top: none;border-radius: 0px 0px 8px 8px;}
.history-data .date-txt label {margin-bottom: 0px;}
.date-txt .dateTime, .paid-border .dateTime{width: 32%;float: left;}
.Membership {width: 55%;}
.history-data .amount-bl{font-weight: 600;float: right;margin-bottom: 0;}
.job_listing .container {max-width: 1200px;}
.service_bred{padding: 84px 0;position: relative}
.bread_banner:before{position: absolute;content: "";height: 100%;width: 110%;left: 0;top: 0;right: 0;background-position: top center;background-repeat: no-repeat;z-index: -1;background-size: cover;background-image: url(../images/job-listing/bred_banner.jpg)}
.bread_banner{padding: 84px 0;position: relative}
.inner-social-bg:before{position: absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;right: 0;background-position: top center;background-repeat: no-repeat;z-index: -1;background-size: cover;background-image: url(../images/job-listing/service_bred_bkg.jpg);}
.bread_banner .bread_inner {max-width: 730px;margin: 0 auto;text-align: center;}
.bread_banner .main_title {color: #fff;}
.black_btn{color: #222;font-size: 16px;font-weight: 600;padding: 7px 18px;display: inline-block;border-radius: 7px;transition: .2s all;border: 0;background-color: #222;color: #fff}
.black_btn:hover{background-color: #4C7CD4;color: #fff;}
.white_blue_btn {color: #000;font-size: 14px;padding: 6px 15px;display: inline-block;border-radius: 7px;transition: .2s all;background-color: #f2f6ff;border: 1px solid #4C7CD4;}
.white_blue_btn img{position: relative;top: -1px;margin-right: 12px;}
.white_blue_btn:hover{background-color: #eee;color: #000;}
.job_listing {border-top: 1px solid #E0E0E0;padding-bottom: 70px;}
.listing_inner{border: 1px solid #E0E0E0;min-height: 1000px;border-top:0;display: -ms-flexbox !important;display: flex !important;width: 100%;border-radius: 0 0 10px 10px;}
.listing_left {width: calc(100% - 399px);border-right: 1px solid #E0E0E0;padding: 17px 29px 15px;}
.listing_right {width: 399px;padding: 15px 30px;}
.count_label {font-weight: 600;font-size: 14px;color: #000000;}
.count_label .count_span {color: #4C7CD4;}
.select_label {font-size: 14px;color: #737373;}
.select_label .modal-popover img {margin-right: 10px;position: relative;top: -3px;}
.listing_box {border: 1px solid #E0E0E0;border-radius: 10px;margin-bottom: 15px;}
.listing_box .profile-top-header {padding: 10px;border-radius: 8px 8px 0 0;}
.listing_box .profile-top-header .profile-information{display: flex;}
.logo_span {max-width: 70px;display: inline-block;padding-left: 7px;}
.listing_box .review-link {text-decoration: underline !important;}
.listing_box .profile-information-right .title-label {color: #000;font-size: 13px;margin:0;}
.listing_box .profile-information-right span {font-size: 12px;color: #6B6B6B;}
.listing_body {padding: 15px;}
.listing_body .tool-icon {margin: -3px 0 0 8px;width: 16px;height: 16px;}
.listing_box .check_label {position: absolute;right: 0;top: 15px;}
.listing_box .label-checkbox span:last-child {padding-left: 0;width: 25px;height: 25px;border-radius: 5px;border-width: 2px;}
.listing_box .label-checkbox span:first-child svg {width: 18px;height: 14px;top: 3px;}
.listing_box .profile-information{padding-right: 0;justify-content: space-between;}
.listing_box .input-checkbox:checked + .label-checkbox span:first-child {background: #2ebf86;border-color: #2ebf86;}
.listing_box .profile-information-left{}
.rating i {color: #e0e0e0;}
.listing_box .profile-point .profile-point-word{width: 28px;text-align: center;display: inline-block;line-height: normal;padding: 0;}
.listing_box .profile-information-left h2 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listing_box .profile-information-right{width: 50%}
.listing_ancor .white_blue_btn {margin: 0 6px 16px;}
.listing_ancor {padding-top: 10px;}
.green_btn {background: #2EBF85;border-radius: 7px;color: #fff;font-weight: 600;font-size: 14px;display: inline-block;padding: 6px 15px;}
.green_btn:hover{background-color: #000;color: #fff;}
.listing_footer {padding: 15px;border-top: 1px solid #E0E0E0;}
.white_black_btn {background-color: transparent;color: #222;font-size: 16px;font-weight: 600;padding: 6px 27px;display: inline-block;border-radius: 7px;transition: .2s all;border: 1px solid #92929D;}
.white_black_btn:hover{background-color: #92929D;color: #fff;}
.full_width{width: 100%;}
.estimate_section .form-group label{color: #fff;display: inline-block;width: 100%;text-align: left;}
.estimate_section .form-group .ph-input{height: 50px;}
.estimate_section .white_btn {padding: 12px 70px;}
.estimate_section .form-group{position: relative}
.job_popular .container {max-width: 1320px;}
.project_complete{background: #252525;padding: 100px 0;}
.font-24{font-size: 24px !important;}
.owl-dots .owl-dot {background-color: transparent;border: 0;padding: 0 5px;}
.owl-dots .owl-dot span {height: 20px;width: 20px;border-radius: 100%;border: 4px solid #3f3f3f;opacity: 1;background-color: #3f3f3f;position: relative;margin: 0 10px;display: inline-block;}
.owl-dots .owl-dot span::before {height: 26px;width: 26px;content: "";position: absolute;left: -7px;top: -7px;background-color: transparent;z-index: 0;border: 3px solid #4771bd;border-radius: 100%;opacity: 0;transition: 0.5s all;visibility: hidden;}
.owl-dots .owl-dot.active span::before{opacity: 1;visibility: visible;}
.owl-dots .owl-dot.active span{border-color: #fff;background-color: #4d7cd4;}
.project_complete .carousel-indicators {margin: 20px 0 0;margin: 0;bottom: -35px;}
.owl-carousel .owl-nav button {box-shadow: 0px 5px 20px 0px #0000003d;border: 0;height: 50px;width: 50px;border-radius: 100%;background-color: #fff;position: absolute;color: #4C7CD4;}
.owl-carousel .owl-nav {position: absolute;top: 50%;margin-top: -25px;width: 100%;left: 0;right: 0;}
.owl-carousel .owl-nav button{box-shadow: 0px 5px 20px 0px #0000003d;}
.owl-carousel .owl-nav button span{display: none;}
.owl-carousel .owl-nav button::before {content: "\f054";position: absolute;left: 5px;right: 0;margin: 0 auto;font-family: "Font Awesome 5 Free";font-weight: 700;font-size: 20px;top: 8px;}
.owl-carousel .owl-nav button.owl-prev::before {content: "\f053";left: -3px;}
.owl-carousel .owl-nav .owl-prev {left: -25px;}
.owl-carousel .owl-nav .owl-next {right: -25px;}
.project_complete .service_deals_box_contain {background-color: #fff;text-align: left;}
.project_complete .service_deals_box_contain p{font-size: 14px;line-height: 19px;color: #979797;}
.project_complete .service_deals_box_contain ul {padding-bottom: 10px;}
.project_complete .service_deals_box_contain li{display: inline-block;width: 100%;color: #222;font-size: 14px;line-height: 19px;font-weight: 600;}
.project_complete .service_deals_box_contain li b{display: inline-block;padding-right: 10px;color: #979797;font-weight: 400;}
.faq_section {background-color: #F2F2F2;padding: 100px 0 70px;position: relative;}
.faq_section .title_div {position: relative;z-index: 1;}
.bottom_title{position: relative;z-index: 1;}
.faq_section::before {content: "";background: url(../images/job-listing/faq_bkg.svg) no-repeat center;z-index: 0;position: absolute;width: 100%;height: 100%;background-size: cover;top: 0;pointer-events: none;}
.faq_inner .panel {border-radius: 8px;background-color: #ffffff;padding: 0;margin-bottom: 27px;position: relative;z-index: 1;border: 1px solid #E0E0E0;}
.faq_inner .panel .panel-heading {font-size: 16px;color: #252525;padding: 11px 40px 13px 20px;cursor: pointer;letter-spacing: 0.1px;position: relative;background: #F8F8F8;border-radius: 9px;font-weight: 600;}
.faq_inner .panel.openn .panel-heading{border-radius: 9px 9px 0 0;}
.faq_inner .panel .panel-heading::before {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 24px;top: 12px;font-size: 16px;transition: 0.5s all;}
.faq_inner .panel.openn .panel-heading::before{transform: rotate(180deg);}
.faq_inner .panel .panel-body{font-size: 14px;line-height: 20px;color: #979797;border-top: 1px solid #E0E0E0;padding: 30px 20px 10px;}
.faq_inner .panel .panel-body h4{font-size: 14px;font-weight: 600;line-height: 20px;color: #252525;margin:0 0 10px;}
.faq_inner .panel .panel-body p {margin-bottom: 20px;}
.faq_section .primary-btn {width: 215px;}
.bottom_title h4{margin:20px 0 20px;line-height: normal;font-size: 24px;color: #000;font-weight: 600;}
.near_service .popular_cities_tag a{background-color: #EFF5FF;border: 1px solid #B3CEFF;}
.near_service .popular_cities_tag a:hover{background-color: #4C7CD4;border-color: #4C7CD4;}
.near_service {background-color: #FBFBFB;}
.listing_detail {margin-top: -150px;position: relative;padding-bottom: 60px;}
.listing_detail .br-links a{color: #fff;opacity: 0.6;}
.listing_detail .br-links a.b-home{opacity: 1;color: #fff;}
.listing_detail .container {max-width: 1200px;}
.listing_detail .nav-tabs .nav-link {letter-spacing: 0.1px;color: #92929D;font-weight: 600;font-size: 14px;line-height: 19px;border: 0;border-bottom: 2px solid transparent;border-radius: 0;padding: 10px 30px 25px;}
.listing_detail .nav-tabs .nav-link.active{border-color: #0062FF;color: #171725;}
.listing_left .tab-content .tab-pane {padding: 27px 29px;text-align: left;}
.detail_li .white_blue_btn {font-size: 16px;font-weight: 600;color: #4C7CD4;}
.detail_title {color: #171725;font-size: 18px;font-weight: bold;padding: 0 0 15px;width: 100%;}
.detail_label {display: inline-block;width: 100%;font-size: 14px;color: #737373;margin: 0 0 3px;}
.detail_li > li{display: inline-block;width: 100%;list-style: none;padding-bottom: 25px;}
.detail_li > li:last-child{padding-bottom: 0;}
.detail_li > li > p{font-size: 16px;color: #222;font-weight: 600;margin:0;}
.weekend_ul li{display: flex;width: 100%;list-style: none;font-size: 16px;color: #222;padding-bottom: 5px;}
.weekend_ul li.active{color: #4C7CD4;font-weight: 600;}
.weekend_ul li div{width: 50%;}
.prior_work {margin: 0 -10px;}
.prior_work .prior_img {padding: 0 10px 20px;display: inline-block;position: relative;}
.prior_work .prior_img img {height: 117px;width: 200px;object-fit: cover;border-radius: 10px;}
.special_offers {margin: 0 -10px;}
.special_offers .special_img {padding: 0 10px 20px;display: inline-block;position: relative;}
.special_offers .special_img img {height: 121px;width: 220px;object-fit: cover;}
.comment_box {background: #F9F9F9;border: 1px solid #E0E0E0;border-radius: 7px;padding: 10px 15px 20px 16px;margin-bottom: 20px;}
.comment_profile{position: relative;padding: 0 0 0 50px;}
.comment_profile img{height: 36px;width: 36px;border-radius: 100%;object-fit: cover;position: absolute;left: 0;top: 50%;margin-top: -18px;}
.comment_profile .comment_title{font-size: 14px;color: #222;font-weight: 600;}
.comment_profile .comment_date{font-size: 12px;color: #737373;}
.comment_box .comment_content {font-size: 16px;color: #222;line-height: 20px;padding: 10px 0 0 4px;}
.left_top {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.right_top {width: auto;display: flex;}
.verified_div {text-align: center;border-bottom: 1px solid #E0E0E0;padding: 30px 10px;}
.iframe_div {padding: 30px;}
.dropdown-menu .dropdown-item .drop_icon{position:absolute;left:10px;height:30px;width:30px;border-radius:100%;background-color:#fff;text-align:center;top:8px;line-height:27px}
.dropdown-menu .dropdown-item{font-weight:400}
.dropdown-menu .dropdown-item.logout{font-weight:600;padding-top:12px;padding-bottom:12px}
.myaccunt_li .dropdown-menu .user_name{border-bottom:1px solid #f7f3f3;padding:4px 12px 10px 20px;color:#4C7CD4}
.myaccunt_li .dropdown-menu .user_name img{margin-right:16px;height:32px;width:32px;border-radius:100%;object-fit:cover}
.listing_box .profile-user-avtar{border-radius:50%;width:65px;height:65px;position:absolute;left:0;top:7px}
.right_top .white_black_btn,.right_top .blue_btn{white-space: nowrap;}
/********************************************************
Coupon page
/********************************************************/
.coupon-area-contain{position: relative;overflow: hidden;margin-top: -120px;background: #FFF;border: 1px solid #E0E0E0;border-top: none;border-radius: 15px;margin-bottom: 50px;}
.profile-top-header {padding: 20px 30px;background: #F8F8F8;border-bottom: 1px solid #E0E0E0;}
.profile-information {padding: 6px 0px 6px 80px;position: relative;}
.coupon-area-contain .profile-user-avtar {border-radius: 50%;width: 65px;height: 65px;position: absolute;left: 0;top: 0;}
.online-offline-box{width:14px;height:14px;background-color:#E0E0E0;position:absolute;left:auto;right:0;top:auto;bottom:10px;border-radius:50%;border:2px solid #fff}
.online-offline-box.online{background-color: #42CD69}
.online-offline-box.away{background-color: #d6bd08}
.online-offline-box.busy{background-color: #d62e08}
.online-offline-box.offline{background-color: #ada9a9}
.profile-information{width: 100%;display: table;}
.profile-information-left h2 {font-size: 18px;font-weight: bold;}
.profile-information-right label.title-label {width: 30%;font-weight: bold;}
.special-offer-box {max-width: 770px;margin: 0 auto;padding: 40px 30px 20px;}
.c-title{font-weight: 700;font-size: 18px;margin-bottom: 20px;letter-spacing: .1px;color: #171725;}
.special-offer-box .coupan-area nav {margin: 0 auto;}
.special-offer-box .coupan-area .coupan-select{margin-right: 0px;}
.special-offer-box .coupan-area a#nav-image-tab{padding-right: 0px;}
.my-offer-coupons-section{border-top: 1px solid #E0E0E0;padding: 30px 30px;margin-top: 50px;}
.offer-box-coupons{background: #F9F9F9;border: 1px solid #E0E0E0;box-sizing: border-box;border-radius: 5px;display: flex;justify-content: flex-start;align-items: center;padding: 20px 30px 20px 240px;margin: 10px 0;position: relative;overflow: hidden;}
.offer-box-coupons .ph-btn-sm{position: absolute;left: 30px;min-width: 180px;}
.coupons-right-side-button {width: 105px;}
.coupons-right-side-button button {float: left;}
.coupons-info {width: calc(100% - 105px);float: left;}
.coupons-info h3 {font-size: 16px;font-weight: 600;margin-bottom: 0px;}
.coupons-info span{font-size: 14px;}
.offer-coupons-img-box .coupons-img{position: absolute;left: 0;width: 210px;}
.coupons-img img{width: 100%}
.button-orange,.button-orange-border{background:#FD9226;border:1px solid #FD9226}
.button-orange:hover{background:#ea8117;border:1px solid #ea8117}
.button-cancel,.button-cancel-border{background: #fff;color: #222;;border:1px solid #222}
.button-cancel-border:hover{background:#ea8117;border:1px solid #ea8117}
.print-btn {background: #48588B;border: 1px solid #48588B;}
.print-btn:hover{background: #36446d;border: 1px solid #36446d;}
.coupon-banner-info-line {font-size: 16px;margin: 0;position: absolute;text-align: center;width: 100%;color: #fff;top: 30px;padding: 0px 20px;}
.edit-offer-coupon-modal .ph-modal .user-part {border-radius: 0 !important;}
.edit-offer-coupon-modal .ph-modal .user-part h1 {margin: 20px 0;}
.edit-offer-coupon-modal .modal-content {border-radius: 20px;overflow: hidden;}
.edit-offer-coupon-body{background: #fff;border: 0 none;box-sizing: border-box;width: 100%;padding: 20px 40px 40px 40px;position: relative;-webkit-transition: .5s;transition: .5s;}
.coupon-area-contain .coupan-area .nav-link.active:before{right:25px}
.coupon-area-contain .coupan-area a#nav-image-tab.nav-link.active:before{right:10px}
@media (max-width: 1200px) {
.listing_inner{border:0;display: inline-block !important;width: 100%;}
.listing_left {width: 100%;border-right: 0;padding: 17px 0 15px;}
.listing_right{width: 100%;}
.job_popular br{display: none;}
}
@media (max-width: 992px) {
.right_top {width: auto;display: flex;flex-direction: column;}
.right_top .white_black_btn{margin-bottom: 10px;margin-right: 0 !important;margin-left: 0 !important;}
}
@media (max-width: 991px) {
.auto-hide{overflow:auto}
.offer-box-coupons{width:850px;overflow:auto}
.right_top {display: inline-block;padding-top: 20px;}
.right_top a{margin: 0 10px 5px !important;}
.offer-box-coupons {width: 100%;display: inline-block;text-align: center;padding: 20px 15px;}
.offer-box-coupons .ph-btn-sm{position: initial;margin-bottom: 10px;}
.coupons-info{width: 100%;}
.coupons-right-side-button {width: 100%;display: inline-block;padding-top: 10px;}
.coupons-right-side-button button {float: none !important;display: inline-block;margin: 0 10px !important;}
.coupon-area-contain .profile-information{padding: 5px 0 0 75px;}
.coupon-area-contain .coupan-area .nav-tabs .nav-link{padding-right: 1px; width: 150px; margin-right: 20px;}
.coupon-area-contain .coupan-area .nav-link.active:before {right: 10px;}
.coupon-area-contain .offer-coupons-img-box .coupons-img {position: relative; left: 50%; width: 160px;margin-bottom: 10px;transform: translateX(-50%);}
.coupon-area-contain .special-offer-box .coupan-area nav{width:60%}
}
@media (max-width: 767px){
.listing_box .profile-information-left {width: 100%;padding: 0 10px 10px 0;}
.listing_box .profile-information{display: inline-block;}
.listing_box .profile-information-right{width: 100%;}
.profile-information-left {padding-bottom: 10px;}
.coupon-area-contain .review-link{display:block;padding-top: 10px;}
.coupon-area-contain .profile-information-right label.title-label{width: auto;}
.left_top{flex-direction: column;}
.listing_box .profile-user-avtar{margin-bottom: 15px;}
.listing_count.d-flex.justify-content-between {flex-direction: column;}
.listing_count.d-flex.justify-content-between .select_label.d-flex.align-items-center {margin-top: 5px;margin-bottom: 5px;}
.listing_box .profile-top-header .profile-information{flex-direction: column;}
}
@media only screen and (max-width: 575px) {
.payment-history-box{display: none;}
.history-data{border-top: 1px solid #e0e0e0;border-radius: 8px;}
.date-txt .dateTime, .paid-border .dateTime{width: 100%;}
.edit-offer-coupon-body {padding: 20px 20px 30px 20px;}
.listing_footer{text-align: center;}
.listing_footer .green_btn{margin-bottom: 10px;}
.listing_footer .quote_btn a{margin:0 5px 10px;}
.listing_right{padding: 15px 0;}
.listing_right iframe{height: 300px;}
.job_listing{padding-bottom: 0;}
.faq_section {padding: 30px 0 40px;}
.bottom_title h4{font-size: 20px;}
.project_complete {padding: 40px 0;}
.owl-dots .owl-dot span{margin:0;}
.listing_left .tab-content .tab-pane {padding: 25px 15px;}
.weekend_ul li{font-size: 14px;}
.detail_li > li > p{font-size: 14px;}
.iframe_div {padding: 20px 15px;}
.listing_detail .nav-tabs .nav-link{padding: 10px;}
.special_offers .special_img img {height: 80px;width: 144px;}
.prior_work .prior_img img {height: 80px;width: 144px; }
.listing_box .profile-user-avtar, .coupon-area-contain .profile-user-avtar {position: relative;margin-bottom: 10px;}
.listing_box .profile-information, .coupon-area-contain .profile-information{padding: 0;}
.coupon-area-contain{margin-top: -80px;}
.profile-top-header {padding: 20px 20px;}
.subscription-data .nav-tabs{width: auto;}
.subscription-data .nav-tabs .nav-link{width: 50%;}
}
@media (max-width: 480px) {
.coupons-right-side-button button {float: left;padding: 0;}
.listing_box .profile-information{padding: 0;}
.listing_box .check_label{top: 0;}
.listing_detail .nav-tabs .nav-item{display: inline-block;width: 100%;}
}
/********************************************************
Job listing page
/********************************************************/
.job-listing{width:100%}
.job-listing .nav-tabs{margin-top:-50px;justify-content:center;width:100%;display:flex;border:none}
.job-listing .nav-tabs .nav-item.show .nav-link,.job-listing .nav-tabs .nav-link.active{color:#fff;background-color:transparent;border-color:transparent;border-bottom:4px solid #fff;font-weight:600}
.job-listing .nav-tabs .nav-link:hover{background-color:transparent;border-color:transparent;border-bottom:4px solid #fff}
.job-listing .nav-tabs .nav-link{border-bottom:4px solid transparent;color:#EDEDED;padding-left:40px;padding-right:40px;height:50px}
.job-listing div#myTabContent{min-height:500px}
.job-listing div#myTabContent .at-title{width:100%;justify-content:center}
.job-listing .at-data{padding:20px}
.job-listing .profile-name h2{font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px}
.job-listing .city-name{font-weight:400;font-size:12px;line-height:16px;color:#6B6B6B}
.job-listing .listing_box .profile-information{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0}
.job-listing .profile-user-avtar img{width:65px;height:65px}
.job-listing .listing_box .profile-avtar{width:65px;height:65px;margin-right:10px;position:relative}
.job-listing .listing_box .profile-avtar img{border-radius:50px;width:65px;height:65px;overflow:hidden}
.job-listing .profile-left{display:flex;align-items:center}
.job-listing .profile-middle .title-label{font-weight:600;font-size:14px;line-height:16px;margin-bottom:0;color:#000}
.job-listing .profile-middle{margin:0 15px;overflow:hidden;flex:0 0 33%}
.job-listing .profile-name{max-width:200px}
.job-listing .profile-middle-data{padding:20px;background:#fff;display:flex;justify-content: flex-start;align-items:center}
.job-listing .job-date{width:50%;overflow:hidden}
.job-listing .job-label{margin-bottom:5px}
.job-listing .job-value{font-weight:600;font-size:16px;line-height:22px;display:flex;align-items:center;color:#222}
.job-listing .profile-bottom-data{padding:20px;text-align:center;width:100%;display:flex;border-top:1px solid #E0E0E0;align-items:center;justify-content:center}
.job-listing .profile-bottom-data p{margin-bottom:0;font-weight:600;font-size:16px;line-height:22px;color:#000}
.job-listing .quote-tab .profile-middle{flex:0 0 25%}
.quote-req-message{padding:10px 10px 0 15px}
.quote-req-message label{font-weight:600;font-size:16px;line-height:22px;display:flex;align-items:center;color:#222;margin-bottom: 0}
.jl-detail{width:100%}
.jl-detail .listing_box{border:none;border-radius:0;margin-bottom:0}
.profile-listing{padding:20px}
.note-a,.note-b{display:flex;width:100%;align-items:center;justify-content:flex-start}
.note-a p,.note-b p{margin-bottom:0;font-weight:600;font-size:14px;line-height:19px;color:#000}
@media (max-width: 1150px) {
.job-listing .listing_box .profile-information{align-items:flex-start;flex-direction:column}
.job-listing .profile-left,.job-listing .profile-middle{margin:10px 0}
.job-listing .profile-left{margin-top:0;margin-bottom:0}
}
@media (max-width: 767px) {
.job-listing .nav-tabs .nav-link{padding-left:10px;padding-right:10px}
.job-listing .job-date{width:100%;margin-bottom:10px}
.job-listing .profile-middle-data{flex-direction:column}
.jl-bottom{margin:0 15px}
.note-profile .d-flex{flex-direction:column}
.ml-sm-2{margin-left:15px}
}
@media (max-width: 480px) {
.job-listing .nav-tabs .nav-link{font-size:11px;height:40px}
.job-listing .nav-tabs{margin-top:-40px}
}
/********************************************************
Plumbing Service Estimate
/********************************************************/
.plumbing-service.main_banner:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #4C7CD4; opacity: .5;}
.inner-social-right::after {background-image: url(../images/services/service-bg-social.svg);content: "";position: absolute;right: 0;bottom: 0;top: 0;width: 284px;height: 100%;background-repeat: no-repeat;left: auto;background-position: right;}
.inner-social-right .banner_contact {right: 55px;bottom: 70px;}
.service_bred .social_banner {right: 20px;bottom: auto;transform: none;top: 20px;}
.service_bred .social_banner a:hover{opacity: 0.7}
.service_bred .social_banner li{display:block}
.service_bred .social_banner li:not(:last-child){margin-right: 0; margin-bottom: 20px;}
.filter-nodata p{padding: 0 20%}
.plumbing-service.hm_services_section::before{background: url(../images/services/plumbing-service-bg.png) no-repeat center;}
.plumbing-service .coupan-area .nav-link.active{background: transparent;}
.plumbing-service .coupan-area .nav-link.active:before{right:25px}
.plumbing-service .c-title{color:#FFF}
.plumbing-service .custom-dropdown-box, .plumbing-service .custom-dropdown .dropdown li a{color: #959595;}
.plumbing-service .form-group .radiobtn-label{width:auto}
.plumbing-service span.rate-value{background: #395C9C;}
.plumbing-service .form-group .ph-input {height: 43px;}
.plumbing-service .ph-btn {background: #fff; color: #000;}
.plumbing-service .ph-btn:hover{background: #000; color: #fff;}
.plumbing-service .textarea {z-index: 1;position: relative;}
@media only screen and (max-width: 1024px){
.inner-social-bg .search_home, .inner-social-bg .main_title{position: relative;z-index: 1;}
.inner-social-right .banner_contact{animation: none;right: 10px;bottom: 10px;}
}
@media only screen and (max-width: 768px){
.plumbing-service .coupan-select {width: 180px;}
.inner-social-right::after{background-size: cover;}
}
@media only screen and (max-width: 767px){
.service_bred .social_banner{display: none;}
.plumbing-service .main_title{margin-bottom: 0;}
.plumbing-service .special-offer-box .coupan-area nav {width: 63%;}
.plumbing-service .radio-group{flex-direction: column;}
.filter-nodata p{padding: 0}
}
/********************************************************
Message
/********************************************************/
.m-user-area .user-list{height:575px;}
.m-user-area .user-list .user-line{padding:10px;border-bottom:1px solid #f2f2f2;position:relative;background: #ffffff;}
.m-user-area .user-list .user-line .user-image{width:36px;height:36px;position:absolute;border-radius:50%;left:15px;top:15px;}
.m-user-area .user-list .user-line .m-user-name{padding-left:45px;display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-user-area .user-list .user-line .m-msg-chat{padding-left:45px;margin-top:2px;display:block;width:100%;font-size:12px;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:90px;}
.m-user-area .user-list .user-line .m-msg-time{position:absolute;right:15px;bottom:15px;top:auto;font-size:10px;color:#737373;}
.m-user-area .user-list .user-line.active{background-color:#ededed;}
.m-user-area .user-list .user-line:hover{cursor:pointer;opacity:0.8;}
.m-user-area .user-list .user-presence-indicator{width:9px;height:9px;border:solid 1px #ffffff;background-color:#E0E0E0;position:absolute;bottom:13px;top:auto;left:41px;right:auto;border-radius:50%;}
.m-user-area .user-list .user-presence-indicator.away{background-color:#f0cf28;}
.m-user-area .user-list .user-presence-indicator.active{background-color:#67dd5a;}
.m-user-area .v-scroll{width:auto;overflow-y:scroll;padding-right:0;margin:0;padding-left: 0}
.v-scroll::-webkit-scrollbar{width:5px;background-color:#DEF4FA;border-radius:0;}
.v-scroll::-webkit-scrollbar-thumb{background-color:#10B4E3;border-radius:0;}
.v-scroll::-webkit-scrollbar-track{background-color:#DEF4FA;}
.over-h{overflow:hidden}
#msg-sidebar{min-width:310px;max-width:310px;transition:all .3s;background:#fafafa;overflow:hidden}
.message-chat{position:relative;width:100%;min-height:450px;background:#fff}
.message-bar{display:flex;align-items:stretch;width:100%;overflow:hidden;margin-left:0;margin-bottom:0;position:relative}
.pl-60{padding-left:60px!important;}
.m-user-area .profile-information{padding:0px 0px 0px 110px;position:relative;}
.m-user-area .profile-information h2{font-size:21px;font-weight:700;line-height:1.24;margin-bottom:10px;}
.m-user-area .profile-category{display:inline-block;}
.input-icon{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.profile-user-avtar{border-radius:50%;width:90px;height:90px;position:relative;}
.profile-user-avtar img{border-radius:50%;}
.profile-user-avtar img:hover{cursor:pointer;}
.input-icon{position:relative;}
.message-bar .card-header{background-color:#f9f9f9;font-size:18px;font-weight:700;padding:20px 25px;border-bottom:1px solid #e0e0e0;}
.message-bar .profile-user-avtar{position:absolute;left:0;top:-4px;}
.message-bar .profile-information h2{color:#0d1c2e;font-size:16px!important;}
.message-bar .profile-information h2 span{font-size:10px;color:#737373;font-weight: 500;}
.message-bar .profile-category{font-size:12px;color:#737373;font-weight: 600;}
.message-chat .card .card-header{height:72px;background-color:#F8F8F8;padding:15px 15px;border-bottom:1px solid #f2f2f2;display:flex;align-items:center;}
.seprator{padding:0;border-left:1px solid #dfdfdf;width:2px;height:20px;margin-left:20px;margin-right:20px;}
.m-arrow-right,.mi-icon{display:none;}
.row-a {display: flex;}
@media all and (max-width: 992px){
.message-chat .md-none{display:none;}
.message-chat .mi-icon{display:block;}
.message-chat .m-arrow-right{display:block;margin:0 15px;}
.message-chat .m-arrow-right:hover{opacity:0.8;}
.message-chat .card .card-header{padding:15px 5px;align-items:center;flex-wrap:wrap;height:auto;padding-bottom:10px;}
.message-bar .profile-category{font-size:12px;color:#737373;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:125px;}
.message-bar .profile-information h2{color:#0d1c2e;font-size:16px!important;white-space:nowrap;width:150px;overflow:hidden;text-overflow:ellipsis;}
.message-bar .profile-information{padding:5px 0px 0px 110px;}
.message-bar .profile-information h2 span{font-size:10px;color:#737373;display:block;margin-top:5px;}
.message-bar .profile-user-avtar{top:10px;}
.temp-class {flex-direction: column; margin-right: 5px;margin-left: 5px;}
}
.profile-user-avtar{border-radius:50%;width:90px;height:90px;position:relative;}
.message-bar .profile-user-avtar img{width:46px;height:46px;}
.profile-user-avtar.small .user-presence-indicator{width:11px;height:11px;bottom:5px;}
.profile-user-avtar img{border-radius:50%;}
.profile-user-avtar img:hover{cursor:pointer;}
.profile-user-avtar .user-presence-indicator{width:17px;height:17px;background-color:#E0E0E0;position:absolute;left:auto;right:0;top:auto;bottom:10px;border-radius:50%;border:1.5px solid #ffffff;}
.profile-user-avtar .user-presence-indicator.away{background-color:#f0cf28;}
.card-body{padding:25px;}
.message-bar .profile-user-avtar{position:absolute;left:0;top:-4px;}
.message-chat .v-scroll{padding-right:10px;}
.height-425{height:425px;}
.chat-area{margin:10px 0 10px 15px;}
.chat-area .first-user-chat{position:relative;}
.chat-area .first-user-chat .profile-user-avtar{width:24px;margin-top:20px;position:relative;height:24px;display:flex;align-items:center;top:0;}
.chat-area .first-user-chat .profile-user-avtar img{width:24px;height:24px;}
.chat-area .first-user-chat .profile-user-avtar .user-presence-indicator{width:7px;height:7px;bottom:1px;}
.chat-area .first-user-chat .profile-user-avtar .fu-name{white-space:nowrap;font-size:14px;color:#0d1c2e;margin-left:5px;}
.chat-area .first-user-chat .profile-user-avtar .msg-time{font-size:10px;color:#737373;margin:3px 0 0 5px;}
.chat-area .first-user-chat .user-msg{margin:5px 0 0 0;line-height:18px;max-width:70%;text-align:left;margin:5px 0 0 0;display:flex;justify-content:flex-start;}
.chat-area .first-user-chat .user-msg .text{border-radius:8px;border-top-left-radius:0;border:1px solid #f2f2f2;padding:10px;width:auto;text-align:left;background-color:#f2f2f2;}
.chat-area .first-user-chat .label-proposal{font-size:10px;font-weight:600;color:#10b4e3;border-radius:70px;background-color:#ffffff;padding:5px 8px;font-style:italic;}
.chat-area .first-user-chat.right-user .profile-user-avtar{flex-direction:row-reverse;width:auto;}
.chat-area .first-user-chat.right-user .user-msg-white{background-color:#ffffff;border-top-right-radius:0;text-align:right;margin:5px 0 0 0;display:flex;justify-content:flex-end;}
.chat-area .first-user-chat.right-user .user-msg-white .text{border-radius:8px;border-top-right-radius:0;border:1px solid #c6c6c6;padding:10px;width:auto;text-align:left;max-width:70%;}
.chat-area .first-user-chat.right-user .user-msg-white .text .label-proposal{background-color:#f6f6f6;color:#10b4e3;}
.chat-area .first-user-chat.right-user .fu-name{margin-right:5px;}
.chat-area .first-user-chat.right-user .msg-time{margin:3px 5px 0 0;}
@media all and (max-width: 992px){.message-bar .profile-user-avtar{top:10px}.chat-area .first-user-chat .user-msg{width:100%;max-width:100%}.chat-area .first-user-chat.right-user .user-msg-white .text{max-width:100%}.message-bar #msg-sidebar{min-width:100%;max-width:100%}.temp-class .message-chat{margin-top:30px;min-height:640px}}
.td-text-area{border:1px solid #f2f2f2;position:relative;background:#ffffff;width:100%;}
.td-text-area-input{padding:20px 150px 20px 20px;position:relative;}
.message-bar .input-area{position:relative;width:100%;}
.message-bar .input-area .td-text-area{border:none;}
.message-bar .input-area .td-text-area-input{padding:10px 60px 10px 0;border-top:1px solid #efefef;margin-right:20px;margin-left:15px;}
.message-bar .input-area .td-text-area-input .txt-area-icons *:hover{opacity:1;}
.message-bar .input-area .txt-area-icons{right:-20px;}
.comment-textarea{width:100%;border:none;resize:none;outline:none;}
.comment-textarea:focus {outline: none;box-shadow: none;}
.txt-area-icons{display:flex;width:60px;position:absolute;right:0;top:40px;align-items:center;margin-top:-22px;}
.txt-area-icons *{flex:auto;}
.txt-area-icons *:hover{opacity:0.8;}
.number-msg{background-color:#10b4e3;font-size:12px;color:#fff;position:absolute;right:15px;top:15px;padding:0 7px;border-radius:50%;left:auto}
/********************************************************
Perfect HomePros | Common Media Query
/********************************************************/
/*************max-width:1200PX***************************/
@media only screen and (max-width: 1200px) {
nav li{margin-left:15px}
header .logo{max-width:200px}
.about_inner{display:inline-block!important;width:100%}
.about_inner .about_right{width:100%}
.about_inner .about_left{width:100%;padding-right:0;max-width:490px;margin:0 auto 40px}
}
/*************min-width:992PX***************************/
@media (min-width: 992px) {
.ph-modal{max-width:920px}
.welcome-text{display:none}
}
/*************max-width:992PX***************************/
@media only screen and (max-width: 992px) {
header nav{position:fixed;z-index:11;background-color:rgba(0,0,0,0.95);width:100%;height:100vh;color:#fff;overflow-y:auto;-webkit-perspective:1200px;perspective:1200px;opacity:0;visibility:hidden;-webkit-transition:opacity 0.5s,visibility 0 .3s;transition:opacity 0.3s,visibility 0 .5s;left:0;top:0;bottom:0;padding:100px 50px}
.menu-open header nav{opacity:1;visibility:visible;-webkit-transition:opacity .5s;transition:opacity .5s;display:inline-block!important;width:100%}
.nav-toggle-btn{display:inline-block;position:absolute;right:0;z-index:11;opacity:1}
nav li{width:100%;margin-left:0;text-align:center;margin-bottom:40px}
nav li a{font-size:24px;color:#fff}
nav li a:before{right:0;margin:0 auto}
header .header-right{position:relative;padding-right:40px}
nav ul{width:100%;padding-bottom:50px}
.join_btn_div{display: none}
.banner_stite span{display: inline-block;margin-top: 5px;}
.banner_inner{max-width:670px}
.main_banner .main_title{font-size:30px;max-width:540px}
.main_banner::after{width:250px}
.main_banner{padding:120px 0 140px;height:auto}
.social_banner{bottom:210px}
.title_span{letter-spacing:3px}
.main_title{font-size:28px}
}
/*************max-width:991PX***************************/
@media (max-width: 991px) {
.ph-modal .user-l-part{max-width:100%;min-width:100%;padding:20px}
.form-group .form-control,.user-l-part .form-group{max-width:100%}
img.log-logo{text-align:center;display:flex;margin:0 auto;width:70%;margin-bottom:30px}
span.welcome-text{font-size:30px;text-align:center;width:100%;display:block;margin:0 auto;margin-bottom:16px;font-weight:700}
.info-text h2{font-size:26px}
.info-boat{display:none}
img.close-modal{background:#4C7CD4;border-radius:50%;width:25px;padding:3px;opacity:1;cursor: pointer}
.SignupModal{flex-direction:column}
.SignupModal .user-r-part{order:1}
.SignupModal .user-l-part{order:2}
.SignupModal .user-r-part h2{font-size:26px;line-height:36px}
.SignupModal .user-r-part p,.SignupModal .border-btn,.SignupModal .welcome-text{display:none}
.SignupModal div#v-pills-tab{margin-bottom:10px!important}
.SignupModal .v-scroll{padding-right:10px}
.SignupModal label.label-checkbox{display:flex}
/*.category-group .form-group:first-child{margin-right:0;width:100%}*/
.ph-modal .user-part{flex-direction:column}
.s-card-item{margin-bottom:10px}
.s-card-item:nth-child(3){margin-top:0}
.form-compo .category-group{display:flex;flex-direction:column}
.form-compo .category-group .form-group{width:100%}
.second-step .form-group .d-flex{flex-wrap:wrap!important}
.textarea textarea{width:100%}
.third-step .category-group{flex-direction:column}
.third-step .category-group .form-group{width:100%}
.user-r-part{display: none}
.SignupModal .user-r-part{display:block}
#registerstep .rsteps-title{font-size:10px}
#registerstep li:before{font-size:12px}
.hm-services-section-box {padding: 20px;}
.service_deals_box_img img{width: 100%;}
}
/*************max-width:767PX***************************/
@media only screen and (max-width: 767px) {
.banner_inner{max-width:100%;padding-right:50px}
.social_banner{right: -130px}
header{padding:15px 0}
.myaccunt_li .user_name,.myaccunt_li .user_profession{display:none}
.dropdown-menu{top:20px!important}
.main_banner .main_title{font-size:18px}
.search_home{display:inline-block;width:100%}
.search_home input{float:none;width:100%!important;padding:0 0 5px 30px !important;border-bottom:1px solid #4C7CD4;border-right:0!important;background-position:left 0 top 9px!important;margin-bottom:4px;height:45px}
.search_home .search_home_left{padding:0;width:100%}
.search_home{padding:15px}
.search_home .search_home_btn{width:100%;text-align:center;padding-top:10px}
.search_home_btn .blue_btn{width:150px}
.about_img{text-align:center}
.about_img img{position:initial;border-radius:10px;margin:0 auto 20px}
.about_inner .about_left{margin:0 auto 10px}
.about_inner .about_right{text-align:center}
.about_video{padding:7px 0 0;display:inline-block!important;width:100%}
.about_video .video_right{width:100%;padding:20px 0 0}
.about_video .video_left{margin:0 auto}
.title_span{letter-spacing:1px}
.main_title{font-size:22px}
.about_section{padding:40px 0}
.service_section{padding:40px 0 10px}
#registerstep .rsteps-title{font-size:0}
#registerstep li:before{font-size:12px}
.transparency-box {border-right: 0px;border-left: 0px;border-top: 1px solid #7096DD;border-bottom: 1px solid #7096DD;}
.service_deals_search_box .form-group{margin-bottom: 15px;}
.footer_inner .col-md-3.col-sm-12{margin-top: 30px;}
.copy_right .text-left, .copy_right .text-right{text-align: center !important;}
.featured-local-service, .hm_services_section, .home_service_deals_section, .our_testimonials, .popular_cities_section{padding: 40px 0;}
.subscribe-section{padding :15px;}
.get_service_quote_box p{padding: 0 0 20px 0 }
}
/*************max-width:575PX***************************/
@media only screen and (max-width: 575px) {
.service_box .service_content{min-height:10px}
.service_box{padding:20px 15px}
nav li a{font-size:20px}
header .logo{max-width:180px}
.payment-history-box{display: none;}
.history-data{border-top: 1px solid #e0e0e0;border-radius: 8px;}
.date-txt .dateTime, .paid-border .dateTime{width: 100%;}
}
/*************max-width:500PX***************************/
@media (max-width: 500px) {
.s-icon img{width:40px}
.s-item{width:43%;height:130px;padding:15px 10px 5px}
.s-card-item{height:auto}
img.user-img{width:45px}
.sc-info{padding-left:50px}
.sc-title{font-size:14px;padding-right:30px}
.second-step .s-item{width:30%;margin-right:5px;margin-left:5px}
#msform fieldset .form-card{padding:0 10px}
.footer_inner{text-align: center;}
}
/********************************************************
Our Blogs
/********************************************************/
.blog-banner{background: url(../images/blog/blog-bg.jpg) no-repeat center center;background-size: cover;}
.blog-banner:before{width:100%}
.blog-banner .bread_inner {max-width: 910px;}
.blog-banner .custom-dropdown .dropdown-arrow-img{top:10px; right:10px}
.blog-banner .custom-dropdown{border:none;border-right: 1px solid #ebebeb;border-radius: 0;min-width: 230px;text-align: left;padding-left: 20px;}
.blog-banner .custom-dropdown.blog-tools{min-width: 195px;}
.blog-banner .custom-dropdown.blog-percentage{min-width: 225px;}
.blog-banner .custom-dropdown.blog-money{min-width: 205px;border-right: none;}
.blog-banner .custom-dropdown.blog-money .dropdown-arrow-img{right:-5px}
.blog-banner .sub-menu {opacity:0; transition: all ease 0.3s;}
.blog-banner .blog-home:hover .sub-menu, .blog-banner .blog-tools:hover .sub-menu, .blog-banner .blog-percentage:hover .sub-menu, .blog-banner .blog-money:hover .sub-menu{opacity:1;position: absolute;width: 100%; height: 350px;min-width: 910px;left: -5px;top: auto;}
.blog-banner .blog-home:hover .sub-menu ul, .blog-banner .blog-tools:hover .sub-menu ul, .blog-banner:hover .blog-percentage .sub-menu ul, .blog-banner .blog-money:hover .sub-menu ul{opacity: 1; border-radius: 10px; top: 30px; pointer-events: all; z-index: 999; width: 100%;}
.blog-banner .blog-home:hover .sub-menu ul p, .blog-banner .blog-tools:hover .sub-menu ul p, .blog-banner .blog-percentage:hover .sub-menu ul p, .blog-banner .blog-money:hover .sub-menu ul p{border-bottom: 1px solid #979797;padding: 20px 20px 20px 20px;}
.blog-banner .sub-menu ul p {font-weight: 700;}
.blog-banner .blog-tools:hover .sub-menu{left:-235px;}
.blog-banner .blog-percentage:hover .sub-menu{left:-430px;}
.blog-banner .blog-money:hover .sub-menu{left:auto;right:-50px}
.blog-tools .modal-popover i {left: 29.5%;}
.blog-percentage .modal-popover i {left: 48.5%;}
.blog-money .modal-popover i {left: auto; right:23%}
.blog-banner .sub-menu ul .mega-menu{padding: 0 20px 20px;}
.blog-breadcrumb{border-bottom: 1px solid #979797;}
.blog-content {background: #fff; padding: 80px 0;position: relative;/*z-index: -1;*/}
.blog-content.grey-bg{background: #fbfbfb;}
.blog-content .owl-dots {display: none;}
.blog-content .read-more {color: #4c7cd4; font-weight: 600;}
.blog-page .owl-carousel .owl-nav .owl-prev.disabled, .blog-page .owl-carousel .owl-nav .owl-next.disabled{opacity: 0.5;}
@media (max-width: 1024px){
.blog-percentage .modal-popover i {left: 50.5%;}
}
@media (max-width:991px){
.blog-banner-detail {display: inline-block; width: 100%;}
.blog-banner .custom-dropdown{min-width: 100%;padding-left: 5px;padding-right: 25px;}
.blog-banner .custom-dropdown.blog-money, .blog-banner .custom-dropdown.blog-percentage, .blog-banner .custom-dropdown.blog-tools{min-width: 100%;}
.blog-banner .blog-home:hover .sub-menu, .blog-banner .blog-tools:hover .sub-menu, .blog-banner .blog-percentage:hover .sub-menu, .blog-banner .blog-money:hover .sub-menu{height: 100%;min-width: 100%;left:0}
.blog-banner .blog-home:hover .sub-menu ul, .blog-banner .blog-tools:hover .sub-menu ul, .blog-banner .blog-percentage:hover .sub-menu ul, .blog-banner .blog-money:hover .sub-menu ul{top:10px}
.blog-banner .sub-menu ul .mega-menu {flex-direction: column; align-items: flex-start !important;}
.blog-banner .custom-dropdown{border-right:none;border-bottom: 1px solid;}
.blog-banner .custom-dropdown.blog-money .dropdown-arrow-img{right:10px}
.blog-banner .blog-tools:hover .sub-menu{left:0;}
.blog-banner .blog-percentage:hover .sub-menu{left:0;}
.blog-banner .blog-money:hover .sub-menu{left:0;right:auto}
.blog-banner .modal-popover i{left:15px}
.blog-money .modal-popover i{right:auto}
}
/********************************************************
Blog Details
/********************************************************/
.blog-details-wrapper {padding: 0px 0 40px;}
.blog-detail-content{border:1px solid #eeeeef; border-bottom-left-radius: 10px;}
.blog-details-wrapper .s-card-item{border:none;max-width:100%;margin:10px}
.blog-details-wrapper .social-icons {margin: 15px 0;}
.detail-content {border-top: 1px solid #eeeeef; padding: 20px;color: #737373; min-height: 505px;}
.detail-content .title {font-weight: 700;color: #171725;}
.social-icons a:hover {border-radius: 100%; border: 1px solid #4C7CD4; background-color: #4C7CD4;}
.blog-content-left {display: inline-block; width: 68%; max-width: 770px;}
.blog-content-right {max-width: 400px; display: inline-block; width: 32%;}
.blog-content-right .form-title {color: #171725; font-weight: 700;}
.blog-content-right .form-title span {color: #4C7CD4;}
.blog-form, .related-blog{border: 1px solid #eeeeef; padding: 30px 20px 10px 20px;border-left: none;}
.blog-form .form-group{margin-bottom: 23px;}
.related-blog {border-bottom-right-radius: 10px;border-top:none;padding-right: 15px;min-height: 610px;}
.blog-txt .title {color: #000; font-size: 14px; line-height: 19px; font-weight: 700; margin-bottom: 0;}
.blog-txt .txt {color: #979797; font-size: 12px; line-height: 16px; margin-bottom: 0;}
.blog-img {float:left}
.blog-txt {display: inline-block; width: 72%; border: 1px solid #eeeeef; border-left: none; padding: 10px 7px 10px 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 20px;}
@media (min-width:1200px) and (max-width: 1024px){
.blog-img{width:70px}
.blog-txt {padding: 3px 7px 2px 7px;}
.blog-txt .title{font-size: 11px;}
.blog-txt .txt{font-size: 10px;}
.related-blog{min-height: 607px;}
}
@media (max-width:991px){
.blog-content-left, .blog-content-right{width:100%; max-width: 100%;}
.detail-content, .related-blog{min-height: auto;}
.blog-form, .related-blog{border-left:1px solid #eeeeef;border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px;}
.blog-detail-content{border-bottom-right-radius: 10px;margin-bottom: 20px;}
}
@media (max-width:767px){
.blog-details-wrapper .s-card-item{flex-direction: column; margin-bottom: 0;}
}
/********************************************************
Service Cost Details
/********************************************************/
.service-cost-banner:before{background-image: url(../images/service-cost-details-bg.jpg); background-position: -90px 0px;}
.service-cost-banner .bread_inner{max-width:800px}
.service-cost-detail-wrapper .blog-form {border-bottom-right-radius: 10px; min-height: 100%;}
.service-cost {padding: 20px;}
.service-cost p{font-size: 18px;font-weight: 700;}
.cost-content {border: 1px solid; border-radius: 10px; padding: 20px 30px;}
.cost-content.blue {background: #e2ecfe; border-color: #4C7CD4;}
.cost-content.blue p span{color: #4C7CD4;}
.cost-content.orange p span{color: #FEC33D;}
.cost-content.orange {border-color: #FEC33D; margin-top: 30px;}
.cost-content p {font-weight: 600; color: #000; font-size: 14px; line-height: 20px;margin-bottom: 0; padding-left: 20px;}
.service-cost-detail-wrapper .detail-content{min-height: 450px;}
@media (max-width:767px){
.service-cost-detail-wrapper .detail-content {min-height: auto;}
}
/********************************************************
Send a Message Modal
/********************************************************/
.sm-modal .s-card-item{width:100%; max-width: 100%;}
.sm-modal .sc-title {padding: 3px 0 10px 0;}
.sm-modal .request-service{border-bottom: none;padding-top: 20px;}
.sm-model .form-card {padding: 20px 30px !important;}
.city {display: flex; align-items: flex-end;padding-right: 10px;}
.sm-modal #msform .send-message{border-top:1px solid #dedede;padding-top: 30px;}
@media (max-width:991px){
.sm-modal .sc-info {flex: 0 0 100%;}
.sm-modal .sc-title {padding: 0;}
.sm-modal .city {position: absolute;bottom: 0;left: 90px;}
}
@media (max-width:767px){
.sm-modal .user-part h1 {padding: 0 10px;}
.sm-modal .request-service{padding-bottom: 0;}
.sm-modal .review-link{display: block;padding-top: 5px;}
.sm-modal .city {left: 60px;}
.sm-modal .s-card-item {padding-bottom: 25px;}
.sm-modal .category-group .form-group{width:100%}
.sm-modal .category-group {flex-direction: column;}
}
/********************************************************
Save Contact
/********************************************************/
#msform .form-card.save-contact {padding: 50px 0;border-bottom: 1px solid #dedede;}
.sc-modal .user-part {background: #fff;}
.save-wrap{flex-direction: column; align-items: center; flex: 0 0 100%;}
.save-wrap h1 {color: #222;}
.save-wrap p {font-size: 16px;max-width: 250px;text-align: center;}
@media (max-width:991px){
.sc-modal img.close-modal {background: #fff;}
}
/********************************************************
Offers / Discount
/********************************************************/
.offers-wrap{padding: 30px;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin-bottom: 30px;}
.offers-wrap .coupons-info {width: 63%;float: left;text-align: left;}
.offers-wrap .button-icon{width:166px; min-width: 166px; max-width: 166px;color: #fff;}
.offers-wrap .coupons-right-side-button {margin-left: 40px;}
.offers-wrap .button-icon img {padding-right: 15px;}
@media (max-width:991px){
.offers-wrap .coupons-info {width: 100%;text-align: center;}
.offers-wrap .coupons-right-side-button {margin-left: 0;}
.offer-coupons-img-box .coupons-img {position: relative; left: 50%;width: 210px;transform: translateX(-50%);margin-bottom: 15px;}
}
/********************************************************
Phone Number
/********************************************************/
.ph-number .address-details{border:1px solid #dedede; border-radius:10px;padding:20px;margin:30px 0}
.ph-number .profile-name {padding-left: 20px;}
.ph-number .note img {width: 70px;}
.ph-number .city-name {color: #6b6b6b; display: inline-block; max-width: 80%; padding-right: 20px;}
.ph-number .profile-name p {color: #222;}
.ph-number .address-left {display: inline-block;width: 49%;border-right: 1px solid #dedede;}
.ph-number .address-right {display: inline-block; width: 49%; vertical-align: top; padding-left: 20px;}
.ph-number .address-right .city-name{max-width:100%}
.ph-number .button-icon{width:185px; min-width: 185px; max-width: 185px;color: #fff;}
.ph-number .note button img {width: auto; padding-right: 15px;}
.ph-number .save-wrap p{color: #6b6b6b;font-size: 14px; max-width: 100%;}
.ph-number .address-right .save-wrap p{padding:0 50px}
.ph-number .send-message .button-icon{margin:0 auto}
@media (max-width:991px){
.ph-number .address-left, .ph-number .address-right{width: 100%; border-right: none; }
.ph-number .address-right{padding-left: 0; padding-top:20px}
.ph-number .send-message .address-left{padding-bottom:30px}
.ph-number .address-right .save-wrap p {padding: 0;}
}
/********************************************************
Plumbe List Modal
/********************************************************/
.pl-list-modal .save-wrap p {max-width: 420px;}
/********************************************************
Write Review Modal
/********************************************************/
.review-box {background: #f9f9f9; border: 1px solid #e0e0e0; padding: 20px 35px 10px; border-radius: 10px;}
.rate {font-size: 18px; line-height: 24px; font-weight: 700; color: #222;}
.negative, .positive {font-size: 14px; color: #222; font-weight: 600; line-height: 20px;}
.rate-title-d{flex:0 0 25%}
.ratting-detail {border-bottom: 1px solid #e0e0e0;padding: 15px 0; align-items: center;}
.rate-value.profile-point i {font-size: 26px;padding-right: 15px;}
.rate-value.profile-point i:last-child {padding-right: 0px;}
.rate-name p {color: #222;font-weight: 600;margin-bottom: 0;}
.no-border {border: none;}
.wr-modal .category-group.drop .form-group:first-child {margin-right: 2%; width: 70%;}
.wr-modal .category-group.drop .form-group:nth-child(2) {margin-right: 2%; width: 70%;}
.wr-modal .category-group.drop .form-group:last-child { width: 70%;}
@media (max-width:991px){
.wr-modal .category-group.drop .form-group:first-child {margin-right: 2%; width: 100%;}
.wr-modal .category-group.drop .form-group:nth-child(2) {margin-right: 2%; margin-top: 4%; width: 100%;}
.wr-modal .category-group.drop .form-group:last-child { width: 100%; margin-top: 4%;}
}
@media (max-width:767px){
.review-box{padding:10px}
.rate-value.profile-point i{padding-right: 0;}
.rate-title-d {flex: 0 0 45%;}
.wr-modal .category-group.drop .form-group:first-child {margin-right: 0;}
.wr-modal .category-group.drop .form-group:nth-child(2) {margin-right: 0; margin-top: 0;}
.wr-modal .category-group.drop .form-group:last-child {margin-top: 0;}
}
/********************************************************
Legal Pages
/********************************************************/
.legal-banner{padding: 120px 0;}
.legal-wrapper {padding: 40px 0;}
.legal-wrapper h2{padding-bottom:20px}
.legal-wrapper p {font-size: 16px; margin-bottom: 30px;}
.privacy-txt h3{font-size: 18px;font-weight: 600;}
/********************************************************
Scroll To Top
/********************************************************/
.scrollTop{position:fixed;bottom:30px;right:30px;z-index:600;opacity:0;visibility:hidden;transition:all .8s ease-in-out;transform:translate3d(0,200%,0);}
.scrollTop a{height:45px;width:45px;line-height:40px;text-align:center;border-radius:7px;box-shadow:0 0 15px 6px rgba(0,0,0,.1);}
.scrollTop a,.scrollTop a:visited{display:block;transition:all .3s ease-in-out;font-size:32px;color:#fff;background:#4c7cd4;}
.scrollTop a:focus,.scrollTop a:hover{color:#4c7cd4;opacity:.7;}
.scrollTop{opacity:0;visibility:visible;transform:translateZ(0);}
/********************************************************
Contact
/********************************************************/
.contact-page{padding:50px 0 0 50px;justify-content:space-between}
.font-w-4{font-weight:400}
.contact-page h2{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1.2}
@media (min-width:1200px) {
.contact-page h2{font-size:2rem}
}
.contact-page p{margin-top:0;margin-bottom:1rem}
.contact-page .lead{font-size:1.25rem;font-weight:300}
.contact-page .rounded{border-radius:1rem!important}
.contact-page span{-webkit-transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-ms-transition:all .5s ease-in-out 0;-o-transition:all .5s ease-in-out 0;transition:all .5s ease-in-out 0}
.contact-right{padding:0 50px 0 0}
.contact-page .f-icon-s{background-color:rgb(236 238 243)}
.contact-page .fa,.contact-page .fas{font-weight:900;font-size:2rem;line-height:2rem;color:#4c7cd4}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.list-inline{padding-left:0;list-style:none}
.lab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.social-icons ul{padding:0;margin:0;line-height:0}
.social-icons li{display:inline-block;list-style:none;padding:0;margin:0 8px 0 0}
.social-icons li a{display:inline-block;height:40px;width:40px;line-height:40px;font-size:14px;text-align:center;margin:0;border:0;background:transparent;color:#0d2c13;overflow:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.social-icons li:hover a{transform:translateY(-2px)}
.social-icons.social-colored a{color:#fff}
.social-icons.social-colored .social-facebook a{background-color:#3b5998}
.social-icons.social-colored .social-twitter a{background-color:#00aced}
.social-icons.social-colored .social-instagram a{background-color:#3f729b}
.social-icons.social-colored .social-dribbble a{background-color:#ea4c89}
.social-icons.social-colored .social-linkedin a{background-color:#007bb6}
@media (max-width:767.98px) {
.contact-page{padding:10px}
.contact-page h2{font-size:18px}
.contact-page .lead{font-size:14px}
.contact-right{padding:0;width:100%}
.map.h-50.mt-5.mb-5{margin-top:0!important}
}
/*Do not take*/
.show-pagination{float:left;width:100%;background:#3b424e;padding:15px;}
.show-pagination p{float:left;color:#fff;font:400 16px/30px "Open Sans", sans-serif;margin:0;}
.show-pagination .pagination{float:right;width:auto;text-align:right;margin:0;}
.show-pagination .pagination li{padding:0;border:0;display:inline-block;float:left;width:auto;}
.show-pagination .pagination li a{background:0;border:0;color:#939daf;}
.show-pagination .pagination li.active a{color:#fff;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.show-pagination{border-radius:8px;}
.show-pagination p{font-size:14px;}
.show-pagination .pagination li{margin:0 5px;}
/*Only copy this CSS*/
@media (min-width:992px) {
.ph-emp-listing_box{display:flex;justify-content:space-between;flex-wrap:wrap}
.ph-emp-listing_box .listing_box{width:49%;overflow:hidden}
.ph-emp-listing_box .profile-bottom-data{justify-content:flex-start}
.job-emp-list-page #show-pagination{width:49%}
}
.job-emp-list-page{padding-left:20px;padding-right:20px;margin-bottom:20px;display:flex;justify-content:flex-end;align-items:flex-end;width:100%}
.ph-contact-list .profile-information .profile-middle{flex: inherit;}
.ph-contact-list .profile-middle-data{justify-content: center;}
.ph-contact-list .profile-bottom-data .quote_btn .ph-btn{font-weight: 600;}
@media (max-width:992px) {.ph-contact-list .profile-bottom-data .quote_btn .blue_btn{margin-bottom: 10px;}}