@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');
/*===== Pre CSS =====*/
body{ font-size: 16px; font-weight: 400;  font-family: "Alegreya Sans", sans-serif; line-height: 26px;}
p,a, span, table, th, tr, td, h1, h2, h3, h4, h5, h6, img, ul, ol, li{ margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{ font-family: "Alegreya Sans", sans-serif;}
b, strong {font-weight: 600 !important;}
a[href^=tel] { text-decoration:inherit; color: inherit; }
/* [class*="col-"] { margin-bottom: 30px;} */
p {font-size: 16px; font-weight: 400;line-height: 26px; font-family: "Alegreya Sans", sans-serif;}
img{height: 100%; width: 100%; object-fit: cover;}
.ms-flex { display: flex; align-items: center; justify-content: center;}
.bg-default,::after,::before{background-size: cover;background-position: center; background-repeat: no-repeat;}
a:hover{text-decoration: none;}
/*===== Go To Top Section =====*/
#back-top{ display: block; position: fixed; bottom: 140px; right: 10px; bottom: 10px; text-align: center;  z-index: 99999; }
#back-top a{ display: block; text-decoration: none; }
#back-top a .fa{ width: 40px; height: 40px; padding-top: 8px; font-size: 20px; border-radius: 5px; opacity: 1; color: #fff; background: #2c2c2c; border: #fff solid 2px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #EFE613; color: #000; }

/* Modal Body */
.modal-body .close{ position: absolute; top: 8px; right: -4px; transform: translate(-50%,-50%); opacity: 1; color: #000; }
.modal-body img{ width: 100%; }

/* Wrapper */
.wrapper{ position: relative; margin: 0; padding: 0; overflow: hidden; }
.transition{ -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; }

/*===== Mobile Menu =====*/
.mobile_menu.active{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9999999999; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999999999; display: block; width: 100%; background: #191919; height: 57px; }
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 14px; font-size: 10px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 5px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #747474; border: #747474 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }

.menu_icon{ position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; padding: 1px 5px; background: transparent; box-sizing: border-box; cursor: pointer; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #fff; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon.active{ color: #fff; padding: 8px 3px 0; }
.menu_icon.active span{ position: absolute;     width: 85%; }
.menu_icon.active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon.active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon.active span:nth-child(2){ display: none; }

.mobile_slideLogo{ display: block; text-align: center; background-color: #fff;}
.mobile_slideLogo img{ display: inline-block; float: none; padding: 15px; margin-bottom: 15px; border-radius: 5px; width: 60%; height: auto; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #191919; text-align: center; box-sizing: border-box; z-index: 999999; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; }
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #747474 solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 400; border-radius: 5px; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #747474; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li.active{ background: #747474; border-radius: 5px; }

.free-social-links h6{color: #fff; font-size: 14px; font-weight: 400;}
.free-social-links{display: flex;align-items: center; justify-content: end;}
.free-social-links ul li{height: 35px; width: 35px; background-color: #fff; border: 1px solid #fff; border-radius: 5px; margin-left: 20px;}
.free-social-links ul li iconify-icon{color: #000; font-size: 25px; display: block;}
.social-icons-text ul li a{font-size: 18px;}
.social-icons-text ul li{margin-left: 20px;}
.social-icons-text ul li a iconify-icon{font-size: 25px;}
/*===== Header Section =====*/

.top-header{background: linear-gradient(90deg, #497D59 0%, #C06326 100%);; padding: 12px 0px;position: relative;z-index: 1;}
.social-icons ul li a{color: #000; margin: 0px 5px;}
.top-left-text h6{color: #fff; font-size: 14px;font-weight: 400; line-height: unset;}
.social-icons-text ul li a span:last-child{color: #fff; font-size: 20px; font-weight: 400;}
.social-icons-text ul li a{font-size: 18px;}
.social-icons-text ul li{margin-left: 20px;}
.social-icons-text ul li a span:first-child{color: #fff; margin-right: 8px; line-height: 0;}
.social-icons-text ul li a iconify-icon{font-size: 25px;}

.header-bottom{background-color: #fff; padding: 10px 0px; z-index: 1;}
.header-bottom [class*="col-"] { margin-bottom: 0px; }
.navbar { border: none; background: transparent; background-color: transparent !important; padding:0; }
.navbar { margin-top: 0; margin-bottom:0; min-height: 0;}
.navbar .navbar-nav{display:flex; align-items: center; justify-content: space-between; width: 100%;}
.navbar .navbar-nav > li > a{font-size: 16px; font-weight: 600;color: #000;}
.navbar a.learn-btn{background-color: #C06326; border-radius: 5px; padding: 11px 22px; border: 1px solid #C06326; color: #fff !important; display: inline-block;}
.navbar a.learn-btn:hover{color: #C06326 !important; background-color: transparent;}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a{color: #C06326 !important; background: transparent;text-decoration: none; position: relative;}
.navbar .navbar-nav > li:last-child > a:after{display:none;}
.navbar .navbar-nav .nav-link { color: rgb(255, 255, 255); font-weight: 400;}
.navbar .navbar-nav > li > a:hover::before,
.navbar .navbar-nav > li > a:hover::before,
.navbar .navbar-nav > li > a:focus::before,
.navbar .navbar-nav > .active > a::before,
.navbar .navbar-nav > .active > a:hover::before,
.navbar .navbar-nav > .active > a:focus::before,
.navbar .navbar-nav > .open > a:hover::before,
.navbar .navbar-nav > .open > a:focus::before,
.navbar .navbar-nav > .open > a::before{ left: 25px; width: calc(100% - 50px); }
.header-bottom .logo{position: relative;}
/* .header-bottom .logo::before{content: ""; background: white; box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.10); border-radius: 10px; height: 160px; width:300px; transform: rotate(-15.38deg); position: absolute; left: -60px; top: 0px; margin: 0 auto; z-index: 0;} */
.header-bottom .logo img{height: auto; width: 137px; object-fit: contain; position: relative;}
 
/*===== Banner Section =====*/
.banner{background: linear-gradient(270deg, rgba(73, 125, 89, 0.60) 0%, rgba(192, 99, 38, 0.60) 100%); width:90%; border-radius: 16px;; padding: 20px 0px; position: relative; color: #000; z-index: 0; margin: 0 auto;}
 .banner-content-box h2{ font-size: 36px; font-weight: 500; margin-bottom: 30px; line-height: 70px;  font-family: "Alegreya Sans", sans-serif; letter-spacing: 1px;}
.banner-content-box p{font-size: 16px; font-weight: 400; width: 75%;  font-family: "Alegreya Sans", sans-serif;}
.banner-content-box a{ color: #fff; font-size: 18px; font-weight: 500; padding: 12px 32px; margin-top: 30px; display: inline-block; background-color: #C06326;border: 1px solid #C06326; border-radius: 4px; transition: .3s;}
.banner-content-box a:hover{transform: translateY(-5px);background: transparent; border-color: #fff;text-decoration: none; color: #fff;}
.banner-img-box{position: relative;}
.banner-img-box1 img{height: 482px; width: 482px; object-fit: contain;}
.banner-img-box2 img{height: 605px; width: 605px; object-fit: contain; margin-top: -150px;}


/*===== Title Sections =====*/
.section-heading{ text-align: center; margin-bottom: 50px; }
.section-heading h2{font-size: 32px; font-weight: 500; line-height: 50px; position: relative;}
.section-heading p{ display: block; font-size: 16px;  font-family: "Alegreya Sans", sans-serif; line-height: 30px; margin-top: 20px; }
.section-heading h6{color: #C06326; font-size: 18px; font-weight: 700; margin-bottom: 15px; position: relative; display: inline-block;}
.section-link a, a.fancybox.overlayer-box span{color: #fff; font-weight: 500; padding: 12px 30px; display: inline-block; background-color: #C06326; border-radius: 4px; border: 1px solid #C06326; transition: .3s;}
.section-link a:hover{text-decoration: none;background: transparent; border-color:#C06326; color:#C06326; transform: translateY(-5px); }

/*===== Welcome Sections =====*/
.welcome{padding: 90px 0px; overflow: hidden; position: relative; z-index: 1;}
.welcome .section-heading p{color: #000; font-size: 16px; font-weight: 400; line-height: 26px; margin-top: 8px;  position: relative;}
.welcome .section-link a{padding: 12px 28px; font-size: 16px;font-weight: 700; margin-top: 0;}
.welcome .section-link a:hover{background: transparent; color: #181D42;}
.welcome .about-img{position: relative;}
.welcome .about-img img{height: 464px; width: 397px; object-fit: contain;}
.welcome .about-img img:last-child{height: 190px;width: 219px;object-fit: contain;position: absolute;bottom: 45%;left: -20%;}

.welcome2 .about-img img:last-child{height: 190px;width: 219px;object-fit: contain;position: absolute;bottom: 45%;left: unset; right: 0% !important;}

.mcv{margin-bottom: 90px;}
.mcv [class*="col-"] {margin-bottom: 30px;}
.mcv .mcv-card{background-color: #C063264D; padding: 25px 22px; border-radius: 15px; min-height: 260px;}
.mcv .mcv-card h4{color: #000; font-size: 18px; font-weight: 700; margin-bottom: 15px;}
/*===== Services Sections =====*/
.services{background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/Loving-Touch-Foundation/services-bg.webp"); position: relative; color: #000; padding: 60px 0px; z-index: 1;}
.services [class*="col-"] { margin-bottom: 30px;}
.services .section-heading h6{color: #C06326;}
.services .services-item{background: #fff; padding: 30px; box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.15); border-radius: 10px}
.services .services-thumbnail img{overflow: hidden; height: 120px; border-radius: 10px;}
.services .services-icons img{height: 60px; width: 60px; object-fit: contain; margin-right: 20px;}
.services .services-item .services-content{background-color: #fff; color: #000; margin: 0px 25px;}
.services .services-item .services-content h4{font-size: 20px; font-weight: 700; line-height: 28px; margin: 20px 0px 15px; font-family: "Alegreya Sans", sans-serif;}
.services .services-item p{color: #000000;border-top: 1px solid #0000004D;padding: 20px 0px 30px; margin: 30px 25px 0px;}
.services .services-item:hover{ transform: translateY(-5px);}
.services .services-section-link {rotate: -135deg; }
.services .services-section-link a span{color: #000; font-size: 30px;}


.mcv.mcv2 .mcv-card{background-color: #8ab900!important;}
.services2{background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/Loving-Touch-Foundation/services2-bg.webp"); position: relative; color: #000; padding: 60px 0px; z-index: 1;}
.services2 .section-heading h6{color: #497D59;}
/*===== Why Choose Us Section =====*/
.wcu { padding: 90px 0;position: relative; }
.wcu [class*="col-"] {margin-bottom: 30px;}
.wcu .wcu-item:not(:last-child){margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #00000080;}
.wcu-item .wcu-icon{ height: 60px; width: 60px;}
.wcu .wcu-thumbnails{height: 613px; width: 499px; position: relative;}
.wcu .wcu-thumbnails::before{content: "";height: 100%;width: 100%;background-color: #EBEBEB;border-radius: 20px;position: absolute;bottom: 0;left: -60px;transform: rotate(-7deg);z-index: -1;}
.wcu .wcu-content{flex: 1; margin-left: 15px;}
.wcu .section-content h4{color: #C06326; font-size: 18px; font-weight: 700;line-height: 38px; margin-bottom: 10px; display: inline-block;}
.wcu .why-choose-us-item a span{font-size: 24px;}
.wcu .section-content a iconify-icon {display: block; font-size: 30px;}
.wcu .section-link a:hover{background-color: transparent; color: #fff; border-color: #fff;}
.wcu article{color: #000; line-height: 34px; margin: 25px auto 0px; letter-spacing: 0.5px; width: 65%;}

/*===== Testimonials Sections =====*/
.testimonials {color: #000; position: relative; padding: 60px 0px; z-index: 0; background-attachment: fixed;  background-position: 25% 5%;}
.testimonials .section-heading h2 span{color: #BE9639;}
.testimonials .section-body p{ margin-bottom: 10px;}
.testimonials .test-content {background: linear-gradient(180deg, rgba(73, 125, 89, 0.30) 0%, rgba(192, 99, 38, 0.30) 100%); box-shadow: 2px 2px 24px rgba(0, 0, 0, 0.15);padding: 23px; border-radius: 10px; position: relative;}
.testimonials .test-content .icons{height: 50px; width: 50px; position: absolute; top: -30px; left: 20px;}
.testimonials .test-content .icons img{object-fit: contain;}
.testimonials .test-content .author h5{font-size: 18px; font-weight: 700; margin-top: 20px;}
.testimonials .ratings span { color: #000; font-size: 20px; margin-top: 15px;}
.testimonials .section-link a{background: linear-gradient(0deg, #497D59 0%, #C06326 100%); color: #fff; border-color: #C06326;}
/* button iconify-icon {display: block; font-size: 25px !important;}
button.am-prev ,button.am-next{background: transparent; color: #fff; padding: 10px; height: 50px; width: 50px; border: 2px solid #fff; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -10%;}
button.am-next{left: unset; right: -10%;} */

/*===== Project Sections =====*/
.project {background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/Loving-Touch-Foundation/gallery-bg.webp"); padding: 70px 0px; }
.project [class*="col-"] { margin-bottom: 30px;}
.project .project-content-item {position: relative; overflow: hidden;}
.project .project-content-item img { width: 100%; height: 220px; border-radius: 10px; }
.project .project-content-item a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; background: transparent; text-decoration: none; font-size: 24px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;}
.project .project-content-item a:hover { background: rgba(0,0,0,0.5); transform: none;}
.project .project-content-item a i { opacity: 0;}
.project .project-content-item a:hover i {opacity: 1;}
.project .project-content-item a.overlayer-box {background-color: rgba(0,0,0,0.5); margin-top: 0; font-size:16px; border: unset;}
.project .section-link a{background: linear-gradient(0deg, #497D59 0%, #C06326 100%); color: #fff; border-color: #C06326;}


/*===== Free Estimate Sections =====*/
.home-free-estimate{background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/Loving-Touch-Foundation/free-bg.webp"); padding: 70px 0px; position: relative; color: #000;z-index: 1;}
.free-estimate-wrapper .section-heading{ background: linear-gradient(180deg, #497D59 0%, #C06326 100%); box-shadow: 7px 7px 23px rgba(0, 0, 0, 0.10), 30px 30px 42px rgba(0, 0, 0, 0.09), 67px 66px 57px rgba(0, 0, 0, 0.05), 120px 118px 67px rgba(0, 0, 0, 0.01), 187px 185px 74px rgba(0, 0, 0, 0); border-radius: 8px; padding: 35px;}
.home-free-estimate .form-control {line-height: 1.8; height: 45px; color: #333; background-color: transparent; border: 1px solid #FFFFFF; border-radius: 5px; padding: 12px 10px;}
.home-free-estimate textarea.form-control{padding-left: 10px; height: unset;}
.home-free-estimate input::placeholder,.home-free-estimate textarea::placeholder{color: #fff !important; opacity: 1;}
.home-free-estimate .form-control:focus { color:#fff; background-color: transparent; border-color: #333; box-shadow: unset;}
.btn-home-free-estimate-form-control{ color:#000; font-size: 16px; font-weight: 700; padding: 12px 48px; background-color: #fff; border-radius: 5px; border: 1px solid transparent; display: block; text-align: center; transition: .5s; width: 100%;}
.btn-home-free-estimate-form-control:hover{ background: #fff; color: #000;}

/*===== Footer Section =====*/
  .footer-top{padding: 50px 0px 0px;}
  .footer-top .inner-content-wrapper{background-color: #D9D9D9; border-radius: 10px; color: #000; padding: 30px 40px 30px;  z-index: 1;}
  .footer-top .inner-content-wrapper .icon-images{height: 50px; width: 40px; margin-right: 10px;}
  .footer-top .inner-content-wrapper .icon-images img{object-fit: contain;}
  .footer-top .services-content h4{font-size: 18px; font-weight: 700; line-height: 28px;}


.footer {color: #000; padding: 70px 0px 0px;}
.footer .footer-logo-text img{width: 137px; height: auto; object-fit: contain;}
.footer-logo-text p{width: 94%; margin-top: 20px;}
.footer .footer-title h5{ font-size: 20px; font-weight: 700;  font-family: "Alegreya Sans", sans-serif; color: #000; display: inline-block; line-height: 30px; position: relative; padding: 10px 8px;}
.footer .footer-title h5 span{color: #C06326 ;}
.footer .footer-title h5::after{content: ""; height: 2px; width: 100%; background-color: #fff; border-radius: 1px; position: absolute; bottom: 0; left: 0;}
.contact-wrap .img-wrapper img{height: 120px; width: 120px; margin-right: 20px;}
.footer .contact-detail{ display: flex;}
.footer .contact-wrap ul li a, .footer .contact-detail span{font-size: 16px; font-weight: 400;}
.footer .contact-wrap .icon{margin-right: 10px; line-height: 0; height: 35px; padding: 12px; width: 35px; background-color: #E7E7E7; border-radius: 5px;}
.footer .navlinks li iconify-icon{font-size: 12px; color: #000; margin-right: 8px;}
.footer iconify-icon{ font-size: 22px; display: block; color: #000;} 
.logo-content-wrap img{height: 115px; width: 150px; object-fit: contain;}
.footer .contact-wrap ul li{display: flex; align-items: center; margin-top: 10px;}
.footer .contact-wrap ul li a{color: #000;}
/* .footer .contact-wrap ul li.active a,.footer .contact-wrap ul li.active iconify-icon{color: #C06326;} */

/*===== copyright Section =====*/
.copyright{background: linear-gradient(270deg, rgba(73, 125, 89, 0.60) 0%, rgba(192, 99, 38, 0.60) 100%);
 padding: 15px 0; border-top: #ccc solid 1px; margin-top: 70px;}
.copyright p{ color: #000; font-size: 16px; text-align: center; }
.copyright p a{ color: #000; font-weight: 600; text-decoration: none; }


/*===== Content Pages =====*/
.content-banner{background-color: #C06326;padding: 25px 0;}
.content-banner,
.content-block [class*="col-"] {margin-bottom: 0px; position:relative; z-index:1;}
.content-block {background-color: #fff; padding: 30px 20px;}
.breadcrumb{background: #ffffff;padding: 5px 20px;border-radius: 0;margin-bottom: 0px;text-align: center;color: #000; font-family: "Alegreya Sans", sans-serif;font-weight: 400;font-size: 16px;display: flex;align-items: center;}
.breadcrumb i {font-size: 15px; margin: 0px 10px;}
.breadcrumb a{color: #000; font-family: "Alegreya Sans", sans-serif;font-weight: 400;font-size: 16px;}
.goto-info{ display: block; text-align: center; font-size: 16px; color: #fff; margin-top: 5px; }
.content-banner h4{ text-align: center; color: #b00d23; font-size: 18px; text-transform: uppercase; }
.content-banner ul{ display: block; text-align: center; }
.content-banner ul li{ display: inline-block; float: none; width: 50px; height: 4px; border-radius: 15px; background: #fff; }
.content-banner ul li:nth-child(2){ position: relative; top: -3px; width: 10px; height: 10px; border-radius: 50%; }

.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #333; }
.content { width: 100%; background: #efefef;}
.content h2{ font-size: 25px; font-weight: 600; color: #000;  font-family: "Alegreya Sans", sans-serif; margin-bottom: 10px; }
.content h3{ font-size: 20px; font-weight: 600; color: #2c2c2c;  font-family: "Alegreya Sans", sans-serif; margin-bottom: 10px; }
.content h3 .about-span-break{ font-size: 20px; color: #2c2c2c;  font-family: "Alegreya Sans", sans-serif; }
.content h4{ font-size: 16px; color: #666;  font-family: "Alegreya Sans", sans-serif; margin-bottom: 10px; }
.content .ms-inner-content h5{ font-size: 18px; font-weight: 600; color: #333;  font-family: "Alegreya Sans", sans-serif; margin-bottom: 5px; }
.content ol,
.content ul{ margin:0 ; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px;  font-family: "Alegreya Sans", sans-serif; color: #444; }

/*===== Testimonials Page =====*/
.reviewsblock{padding: 15px 0 5px;background: #808080;width: 100%;text-align: center;}
.reviewsblock h4{ text-transform: uppercase; color: #fff; font-size: 20px; font-weight: 700; }
.reviewsform{padding: 15px 0 1px;background: #fff;min-height: 150px;width: 100%;}
.reviewsformstyle{height: 44px;border-radius: 0;border: #ddd solid 1px;color: #333;background: #fff;}
.reviewsform input::placeholder{ color: #666; }
.reviewsform form [class*="col-"]{padding-left:0px; padding-right:0px;}
.reviewsform textarea::placeholder{ color: #666; }
.btn-reviewsformstyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #191919; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
.btn-reviewsformstyle:hover{background: #2ecc71;}
.testimonials-page{ display: block; margin-top: 15px; }
.testimonials-page .panel-title a{position: relative;display: block;padding: 15px 50px 15px 15px;margin-bottom: 0;background: #808080;text-decoration: none;text-transform: uppercase;font-size: 16px;color: #fff;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-o-transition: all linear 0.3s;transition: all linear 0.3s;}
.testimonials-page .panel-title a:hover{background: #000;color: #fff;}
.testimonials-page .accordion>.card>.card-header {background: #fff; color: #191919; position: relative; border: 1px solid #ddd;}
.testimonials-page .btn-link { font-size: 18px; font-weight: 500; color: #000; text-decoration: none;}
.testimonials-page .panel-title .collapsed{ background: #fff; color: #191919; position: relative; }
.testimonials-page .btn.btn-link.btn-block.text-left.collapsed::before{ content: ""; position: absolute; top: 50%; right: 0; width: 25px; font-family: 'fontawesome'; text-align: center; font-size: 20px; transform: translate(-50%,-50%); z-index: 999; }
.testimonials-page .btn.btn-link.btn-block.text-left::before{ content: ""; position: absolute; top: 50%; right: 0; width: 25px; font-family: 'fontawesome'; text-align: center; font-size: 20px; transform: translate(-50%,-50%); }
.testimonials-page h4{ margin-bottom: 0; margin: 0; }
.testimonials-page .panel-body{ border: #eee solid 1px; border-top: none; padding:10px; }
.testimonials-page .panel-body p{ margin-bottom: 0; }
.btn.focus, .btn:focus {outline: 0; box-shadow:none !important;
}
/*===== Contact Form Section =====*/
.formstyle{padding-left: 60px;height: 50px;border-color: #ddd;border-radius: 0;background-color: #fff; color: #000;}
.btn-formstyle{ margin-top: 15px; width: 150px; color: #fff; background-color: #2c2c2c; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.btn-formstyle:hover{background: #2ecc71;}
.googlemap{ height: 500px; overflow: hidden; border: #eee solid 1px; }
.form-horizontal .form-group{ margin-right: 0; margin-left: 0; }
.content .form-horizontal .form-group input::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea::placeholder{ color: #666; }
.content .form-horizontal .form-group textarea{ min-width: 100%; max-width: 100%; }
.form_section .fa{position: absolute;top: 0;height: 100%;width: 50px;text-align: center;padding-top: 15px;color: #000;background-color: #ddd;font-size: 18px;}
/*===== Quote Form Section =====*/
.quoet-address{ margin-top: 30px; }
.quoet-address ul li{ list-style: none; font-size: 20px; margin-left: 5px; margin-bottom: 30px; line-height: 30px; }
.quoet-address ul li span{ font-size: 18px; color: #666; }
.quoet-address ul li a{ color: #2c2c2c; }

/*===== Free Estimate Form Page =====*/
.free-estimate-form .freeblock{ padding: 15px 20px; background: #666; color: #fff; text-transform: uppercase; }
.freeestimatestyle{ padding-left: 65px; height: 50px; border-radius: 0; border: #666 solid 1px; }
.btn-freeestimatestyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #2c2c2c; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; }
.btn-freeestimatestyle:hover{ background: #2ecc71; }
.free-estimate-form .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }
.free-estimate-form .fa{position: absolute;top: 32px;height: calc(100% - 56px);width: 50px;background: #666;text-align: center;padding-top: 15px;color: #fff;font-size: 18px;}

/*===== Page =====*/
.contact-page-location-map{ display: block; margin-top: 30px; }
.about-span-break{ display: block; }

/*========== Responsive ==========*/
@media (max-width: 1199px){

      .navbar .navbar-nav > li > a{ padding: 45px 15px; }
      .navbar .navbar-nav > li > a:hover::before,
      .navbar .navbar-nav > li > a:hover::before,
      .navbar .navbar-nav > li > a:focus::before,
      .navbar .navbar-nav > .active > a::before,
      .navbar .navbar-nav > .active > a:hover::before,
      .navbar .navbar-nav > .active > a:focus::before,
      .navbar .navbar-nav > .open > a:hover::before,
      .navbar .navbar-nav > .open > a:focus::before,
      .navbar .navbar-nav > .open > a::before{ left: 15px; width: calc(100% - 30px); }
      .banner-content-box h2{ font-size: 70px; line-height: 100px; }
      .section-heading h2 span{ display: inline; }
      .testimonials .section-heading{padding: 0; margin-bottom: 20px; }

}
@media (max-width: 991px){

      .header-bottom .container{ width: 100%; }
      .header-top ul{ text-align: center; }
      .banner-content-box h2{ font-size: 48px; line-height: 70px; }
      .banner-content-box a{ font-size: 24px; }
      .section-heading h4{ margin-bottom: 15px; }
      .section-heading h2{ font-size: 36px; line-height: 48px; }
      .section-heading p{ width: 100%; padding: 0; }
      .welcome::after,
      .welcome::before{ left: calc(50% + 100px); }
      .logo-list{ display: block; margin-top: 30px; }
      .logo-list img:first-child{ margin-bottom: 15px; margin-right: 15px; }
      .services .container{ width: 100%; }
      .footer-content h4{ margin-top: 30px; }

}
@media (max-width: 767px){

  /*===== Go To Top =====*/
  #back-top{ right: 10px; bottom: 10px; }
  #back-top a .fa{ font-size: 16px; width: 40px; height: 40px; padding-top: 10px; }

  /*===== Left Social Icon =====*/
  .share_icon .fa{ left: 9px; bottom: 9px; width: 42px; height: 42px; font-size: 20px; padding: 10px 2px 0 0; }
  .social_icon ul li .fa{ left: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 20px; text-align: center; padding: 10px 0px 0 0; }
  .social_icon.active ul li:nth-child(3) .fa{ bottom: 130px; }
  .social_icon.active ul li:nth-child(2) .fa{ bottom: 90px; }
  .social_icon.active ul li:nth-child(1) .fa{ bottom: 50px; }

  /*===== Body Section =====*/

  .header-bottom .logo2{margin-top: 30px !important; text-align: center !important;}
      .header-bottom .logo::before,.top-header{display: none;}
      .header-bottom{padding: 0;}
      .header-top{ padding: 70px 0 15px; }
      .header-top ul{display: block; text-align: left;}
      .header-top ul li{ font-size: 14px; }
      .header-top ul li:nth-child(2){ margin: 0; }
      .header-top ul li:nth-child(3){ margin-left: 15px; }
      .header-bottom .logo{margin: 100px 0 20px;text-align: center;}
      .header-bottom .logo img{display: inline-block; object-fit: contain; margin-bottom: 0px}
      .top-nav-wrapper.ms-flex {display: block;}

      .banner{padding: 50px 0px;}
      .banner-img-box1 img{height: 100%; width: 100%; object-fit: contain;}
      .banner-img-box2 img{height: 100%; width: 100%; object-fit: contain; margin-top: 50px;}
      .banner-content-box h5 span.line{width: 100px;}
      .banner-content-box h2{ font-size: 20px; line-height: 36px; margin-bottom: 15px; }
      .banner-content-box p{width: 100%;}
      .banner-content-box a{ padding: 7px 28px; font-size: 16px; }
      .banner-content-box h5{font-size: 16px; margin-bottom: 0px;}
      .banner-content-box {margin-bottom: 20px;}
      .banner-content-box::after{display: none;}
    

      .section-heading h4{ font-size: 30px; }
      .section-heading h2{font-size: 20px;line-height: 28px;text-transform: inherit;margin-bottom: 0px;}
      .section-heading p{ font-size: 16px; line-height: 30px; }

      .welcome{ padding: 50px 0; }
      .welcome [class*="col-"] { margin-bottom: 30px;}
      .welcome .section-heading{ padding-left: 0 !important; margin-bottom: 0px;}
      .welcome .section-heading p{ font-size: 16px; line-height: 30px;}
      .welcome .about-img img{margin-left: 0px; width: 100%;}
      .welcome .section-link{display: block !important;}
      .welcome .section-link img{margin-left: 0; margin-top: 15px;}
      .welcome .about-img img:last-child{bottom: 0; left: 0;}
      .mcv{margin-bottom: 50px;}


      .services{ padding: 50px 0; }
      .services .section-body{ display: block; margin-top: 30px; }
      .services-item{ margin-top: 30px; display: block !important; }
      .services .services-item .service-content{width: 100%;}
      .services-thumbnail{left: 0;}
      .services-item a{ padding: 10px 10px 8px; font-size: 14px; }

      .wcu { padding: 50px 0;}
      .wcu .wcu-thumbnails{width: 100%; height: 100%;}

      .testimonials{ padding: 50px 0; }
      .testimonials-content{ padding: 0px; border-radius: 10px; }
      .testimonials-content-item p{ font-size: 16px; line-height: 30px; }
      .testimonials-content-item h4{ font-size: 18px; margin-top: 15px; margin-bottom: 10px; }
      .testimonials .section-link{ padding-left: 0; }
      .testimonials .section-link a{font-size: 14px; }
      .testimonials .test-content{padding: 50px 20px; margin: 0px;}
      button.am-prev, button.am-next{display: none;}

      .home-free-estimate{ padding: 50px 0; background-position: initial; margin:0px;}
      .home-free-estimate .section-heading h2,.home-free-estimate .section-heading p{color: #fff;}
      .home-free-estimate::after{width: 100%;}
      .free-images{display: block; padding: 0px !important;}
      .home-free-estimate-form{position: unset;}
      .home-free-estimate .free-estimate-content{width: 100%;}
      .home-free-estimate-form{padding: 25px 20px !important;width: 100%;border-left: none;box-shadow: unset;}
      .home-free-estimate-form-control{ height: 40px; }
      .btn-home-free-estimate-form-control{ padding: 8px 20px; font-size: 16px; }
      .free-images img{width: 100%; height:unset;}
      .home-free-estimate-form h3{font-size:24px;}

      .project .gallery-box-wrapper{margin: 0;}
      .project{ padding: 50px 0 30px; }
      .project .section-heading{ margin-bottom: 30px; }
      .project-content-item{ margin-bottom: 15px; }
      .gallery-box-wrapper{margin: 0;}
      
      .footer{padding: 40px 0px 0px;}
      .footer-content h4{ margin-bottom: 15px; }
      .footer [class*="col-"] { margin-bottom: 30px;}
      .footer .logo-content{padding-right: 0px !important;}
      .footer .col-md-3.pl-5{padding-left: 15px !important;}
      .footer-content ul li,
      .footer-content p{ line-height: 30px; font-size: 14px; }
      .footer-content h3 span{ display: block;  font-family: "Alegreya Sans", sans-serif; margin-bottom: 5px; }
      .copyright{ padding: 15px 0; }
      .copyright-content{ padding: 0 30px; }
      .footer-content-wrapper{width: 100%;}
      .footer .contact-wrap.mb-5.text-center {text-align: left !important;}
      .footer .contact-wrap.ml-5 {margin-left: 0 !important;}
      .footer ul.list-unstyled.ms-flex {justify-content: left;}
      .footer .contact-detail .mail{font-size: 16px;}
      .copyright{margin-top: 0px;}

  /*===== Slider Section =====*/
  #owl-demo .owl-pagination{ width: 100%; top: 95%; }
  #owl-demo2 .owl-buttons .owl-prev{ left: -15px; }
  #owl-demo2 .owl-buttons .owl-next{ right: -15px; }

  /*===== Page Section =====*/

/*  .content-block{ margin-top: 80px}*/
  .breadcrumb{ font-size: 16px; }
  .content-banner ul li{ height: 2px; }
  .content-banner ul li:nth-child(2){ top: -2px; width: 6px; height: 6px; }
  .content{ padding: 30px 0; }
  .content h2{ font-size: 20px; }
  .content h3{ font-size: 16px; }
  .content h4{ font-size: 16px; }
  .sectiontitleunderline{ width: 100px; margin-bottom: 15px; }
  .content p,
  .content ul li{ font-size: 14px; line-height: 26px; }
  .content ul li span{ font-size: 14px; line-height: 26px; }
  .reviewsform{ margin-bottom: 30px; }
  .reviewsblock h4{ font-size: 18px; }
  .btn-reviewsformstyle{ font-size: 14px; }
  .testimonials-page h4{ font-size: 14px; }
  .testimonials-page p{ padding: 0; }
  .formstyle{ padding-left: 50px; height: 40px; }
  .form_section .fa{ width: 40px; }
  .btn-formstyle{ display: block; margin: 0 auto; width: 100px; font-size: 14px; margin-bottom: 15px; }
  .quoet-address{ margin-top: 15px; }
  .quoet-address ul{ margin-bottom: 15px; }
  .quoet-address ul li{ margin-bottom: 15px; font-size: 14px; }
  .quoet-address ul li span{ font-size: 16px; }
  .free-estimate-form .freeblock{ margin-bottom: 0; }
  .freeestimatestyle{ height: 40px; padding-left: 50px; }
  .btn-freeestimatestyle{ display: block; margin: 0 auto; width: 100%; font-size: 14px; }
  .free-estimate-form .fa{ width: 40px; height: 40px; }
  .free-estimate-form .sms{ width: 40px; height: 174px; }
  .testimonials-page .panel-body p{ font-size: 14px; line-height: 30px; }
  
}