@charset "utf-8";

/* CSS Document */

/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #333;  font-family: "Nunito Sans", sans-serif; background: #fff; }
p,  span, table, th, tr, td, img, ul, ol, li{ font-family: "Nunito Sans", sans-serif;letter-spacing: 0.04em; }
h1, h2, h3, h4, h5, h6,a,span{ margin: 0; padding: 0; font-family: "Nunito Sans", sans-serif;letter-spacing: 0.04em;}
ul,ol{padding-left: 0px;}
img{width: 100%;height: auto;}

/*===== Go To Top Section =====*/
#back-top { display: block; position: fixed; bottom: 15px; right: 14px; text-align: center; z-index: 99999; }
#back-top a { display: block; text-decoration: none;  }
#back-top a .fa{ width: 40px; height: 40px; padding-top: 10px; font-size: 18px; border-radius: 5px; opacity: 1; color: #fff; background: #000; border: #fff solid 1px; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #fff; color: #000; border-color: #000; transform: scale(1.05,1.05);  }

/*===== Mobile Menu =====*/
.mobile_menu{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999999999; display: block; width: 100%; background: #000; height: 57px;border-bottom: 1px solid #fff;  }
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 12px; 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: #16FAD9; border: #16FAD9 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; }
.mobile_slideLogo img{ display: inline-block; float: none;  padding: 15px; margin-bottom: 15px; border-radius: 5px; width: 60%; height: auto;background: #fff; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #000; text-align: center; box-sizing: border-box; z-index: 999999; 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: #fff solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 14px; 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: #fff; transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li a:hover{color: #000;}
.sidebar ul li.active{ background: #fff; border-radius: 5px; }
.sidebar ul li.active a{color: #000;}


/*-- Modern Social Media Icon Display --*/
.social_media_block{ display: block; position: fixed; bottom: 15px; left: 15px; z-index: 999; }
.share_icon .fa-solid{ position: absolute; left: 0; bottom: 0; z-index: 2; cursor: pointer; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: #000; font-size: 24px; text-align: center; padding: 14px 0 0 0; transition: all linear 0.3s; }
.share_icon .fa-solid:hover{ transform: rotate(360deg); color: #fff; background: #000; }
.social_icon{ position: relative; overflow-y: hidden; border-bottom-left-radius: 52px; border-bottom-right-radius: 52px; transition: all linear 0.3s; }
.social_icon.active{ padding-top: 52px; }
.social_icon ul{ position: relative; display: block; text-align: center; transform: translateY(100%); transition: all linear 0.3s; }
.social_icon.active ul{ transform: translateY(-52px); }
.social_icon ul li{ list-style: none; }
.social_icon ul li .fa-brands{ width: 50px; height: 50px; border-radius: 50%; border: none; background: #0e59a9; color: #fff; font-size: 24px; text-align: center; padding: 13px 0px 0 0; transition: all linear 0.3s; }
.social_icon ul li .fa-brands:hover{ transform: rotate(360deg); }
.social_icon ul li:nth-child(1) .fa-brands{ background: #3d5a96; color: #fff; }
.social_icon ul li:nth-child(2) .fa-brands{ background: #F71919; color: #fff; }
.social_icon ul li:nth-child(3) .fa-brands{ background-image: linear-gradient(#8221b3, #c22268, #db8a40); color: #fff; }
.social_icon ul li:nth-child(4) .fa-brands{background:linear-gradient(-120deg,#4285f4, #34a853, #fbbc05, #ea4335);}

/* Wrapper */
.wrapper{ margin: 0; padding: 0; overflow: hidden; }
.transition{ transition: all linear 0.3s; }

/*===== Header Section =====*/

.header{position: absolute;z-index: 4;width: 100%;}
.header-page{position: relative;background: #fff;}
.header-top{background: #E69744;padding: 7px 0;}
.header-top ul{display: flex;align-items: center;gap: 40px;list-style: none;justify-self: flex-end;margin-bottom: 0;}
.header-top ul li a{font-size: 16px;font-weight: 600;text-decoration: none;color: #fff;}


.header-bottom{padding: 23px 0;}
.header-bottom .row{align-items: center;}
.logo img{width: 100%;border-radius: 4px;max-width: 200px;height: auto;}
.navbar{ padding: 0; }
.navbar .navbar-nav{ display: block; margin: 0; padding: 0; text-align: right; width: 100%; }
.navbar .navbar-nav > li{ display: inline-block; list-style: none; float: none; margin: 0; padding: 0; }
.navbar .navbar-nav > li > a{ position: relative; display: inline-block; padding: 0 15px;  border-radius: 0; color: #fff; background: transparent;font-size: 18px;line-height: 28px;font-weight: 500;text-transform: uppercase; text-decoration: none; font-family: "Nunito Sans", sans-serif; transition: all linear 0.3s; }
      
.header-page .navbar .navbar-nav > li > a{color:#000;}

.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: #fff; background: transparent; }

.header-page .navbar .navbar-nav > li > a:focus,
.header-page .navbar .navbar-nav > li > a:hover,
.header-page .navbar .navbar-nav > .active > a,
.header-page .navbar .navbar-nav > .active > a:hover,
.header-page .navbar .navbar-nav > .active > a:focus,
.header-page .navbar .navbar-nav > .open > a:hover,
.header-page .navbar .navbar-nav > .open > a:focus,
.header-page .navbar .navbar-nav > .open > a{ color: #000; }


.navbar .navbar-nav > li:first-child a{padding-left: 0;}
.navbar .navbar-nav > li:last-child{padding-right: 0;}


/* Dropdown Menu */
.navbar .navbar-nav > li .serv_dropdown_menu{ display: none; position: absolute; z-index: 999999; border-top: transparent solid 27px; background: transparent; top: 40px; margin-left: 0; width: 270px; overflow-x: hidden; transition: all linear 0.3s; }
.navbar .navbar-nav > li .serv_dropdown_menu li{ display: block; width: 100%; list-style: none; text-align: left; margin: 0; }
.navbar .navbar-nav > li .serv_dropdown_menu li a{ display: block; padding: 10px 15px; text-align: left; font-size: 16px; font-weight: 400; text-decoration: none; background: #000; color: #fff; border-top: rgba(255, 255, 255, 0.2) solid 1px; border-radius: 0; transition: all linear 0.3s; }
.navbar .navbar-nav > li .serv_dropdown_menu li a:hover{ padding-left: 20px; color: #fff; background: #000; }
.navbar .navbar-nav > li .serv_dropdown_menu li a .fa{ float: none; margin-right: 5px; font-size: 14px; }

/* My Own Custom Dropdown Animation */
.navbar .navbar-nav > li:hover .serv_dropdown_menu{ display: block; animation: slide-up .5s ease-out; }
@keyframes slide-up {
      0% { opacity: 0; transform: translateY(15%); }   
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes leftright {
      0% { left:calc(100% + 50px); }  
      50% { left:calc(100% + 25px); }  
      100% { left:calc(100% + 50px); }  
    
}

/*===== Banners Section =====*/
.banner{position: relative;}
.banner::before{position: absolute;height: 100%;width: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);content: '';z-index: 2;}
.banner img{ width: 100%; max-height: 960px;object-fit: cover;object-position: top;}
.banner-content{ position: absolute; top: 70%; left: 0; width: 100%; transform: translateY(-50%);z-index: 3;color: #fff; }
.banner-content-box h1{font-weight: 400;font-size: 56px;line-height: 68px;margin-bottom: 36px; font-family: "Nunito Sans", sans-serif;}
.banner-content-box h1 span{color: #E69744;}
.banner-content-box a{ display: inline-block; padding: 14px 69px;border-radius: 2px; text-transform: uppercase;  background: #E69744; color: #fff;text-decoration: none; font-weight: 400;font-size: 18px;line-height: 28px; transition: all linear 0.3s; }
.banner-content-box a:hover{ transform: translateY(-5px);}

/*===== Common Section =====*/
.section-title{ margin-bottom: 40px;color: #000;}
.section-title h4{font-family: "Nunito Sans", sans-serif;font-weight: 400;font-size: 20px;line-height: 28px;color: #E69744;}
.section-title h2{font-weight: 700;font-size: 32px;line-height: 42px; margin: 10px 0 20px;font-family: "Nunito Sans", sans-serif;}
.section-title p{font-size: 16px;line-height: 26px;font-weight: 400; font-family: "Nunito Sans", sans-serif;color: #4F4F4F;}

.site-link{text-align: left;margin-top: 35px;}
.site-link a{ display: inline-block; padding: 9px 31px;  background: #E69744; color: #fff; border-radius: 24px;font-weight: 400;font-size: 16px;line-height: 26px;box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1), 0px 17px 17px 0px rgba(0, 0, 0, 0.09), 0px 37px 22px 0px rgba(0, 0, 0, 0.05), 0px 66px 26px 0px rgba(0, 0, 0, 0.01), 0px 103px 29px 0px rgba(0, 0, 0, 0);text-decoration: none;text-transform: uppercase; transition: all linear 0.3s; }
.site-link a:hover{background: #fff;color: #000000;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }


/*===== Welcome Section =====*/ 
.welcome{ padding: 90px 0px 60px; position: relative; }
.welcome .section-title{margin-bottom: 0;}
.welcome .section-title p{margin-bottom: 10px;}
.welcome .section-title p.lastpara{font-weight: 700;font-style: italic;}

/*===== Offering Section =====*/
.services{padding: 80px 0px;background: #000000;}
.services .section-title h2,.services .section-title p{color: #fff;}
.services-card{position: relative;background: #FFFFFF;margin-bottom: 35px;z-index: 1;}
.services-card::before{position: absolute;content: '';height: 90%;width: 97%;background: transparent;border: 3px solid #E69744;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;}
.services-card-content{padding: 50px 60px;position: relative;z-index: 2;}
.services-card-content h4{font-size: 32px;line-height: 42px;font-weight: 700;}
.services-card-content p{color: #4F4F4F;font-size: 16px;line-height: 26px;font-weight: 400;margin:20px 0 40px;}
.services-card-content a{padding: 11px 26px;border-radius: 24px;background: #E69744;font-size: 16px;line-height: 26px;font-weight: 400;color: #fff;text-decoration: none;text-transform: uppercase;transition: all linear 0.3s;}
.services-card-content a:hover{background: #000;}
.service-link{text-align: center;margin-top: 50px;}
.service-link a{text-decoration: none;color: #FFF;font-size: 16px;line-height: 26px;font-weight: 400;text-transform: uppercase;padding: 14px 35px;background: #E69744;transition: all linear 0.3s;}
.service-link a:hover{background: #fff;color: #000;}
.services-card-image,.services-card-image img{height: 100%;object-fit: cover;}


/*===== Why Choose Us Section =====*/
.why-choose-us{ padding: 80px 0 ;}
.why-choose-us .section-title p{width: 60%;}
.wcu-content{padding-right: 100px;}
.wcu-content ul li h4{font-size: 18px;line-height: 26px;font-weight: 700;margin-bottom: 10px;}
.wcu-content ul li p{font-size: 16px;line-height: 26px;font-weight: 400;color: #4F4F4F;}
.wcu-thumbnail{display:inline-block;position:relative;}
.wcu-thumbnail img{min-height:900px;object-fit:cover;border-radius:305px;}
.wcu-thumbnail::before{position:absolute;content:'';background:transparent;height:95%;width:95%;left:50%;top:50%;transform:translate(-50%,-50%); border-radius:293px;border:6px solid #E69744;}
.para-bottom p{font-size: 16px;line-height: 26px;color: #000;font-style: italic;}



/*===== Home Free Estimate Section =====*/
.home-free-estimate{ padding: 80px 0px;position: relative; z-index: 1;background:#F4F4F4;z-index: 1;}
.home-free-estimate::before{position: absolute;content: '';height: 100%;width: 45%;right: 0;top: 0;background: #E69744;z-index: -1;}
.contactinfo h4{margin-bottom: 30px;font-size: 32px;line-height: 42px;font-weight: 700;}
.contactinfo ul li{ position: relative; padding-left: 68px; list-style: none; font-weight: 400;font-size: 16px;line-height: 20px;font-family: "Nunito Sans", sans-serif;text-transform: none; color: #000;text-decoration: none; margin-bottom:35px; }
.contactinfo ul li::before{ content: ''; position: absolute; top: 50%; left: 0;transform: translateY(-50%); color: #E69744; font-size: 20px; font-family: 'FontAwesome';background: #fff;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 12px 7px 0px rgba(0, 0, 0, 0.05), 0px 21px 8px 0px rgba(0, 0, 0, 0.01), 0px 33px 9px 0px rgba(0, 0, 0, 0);height: 48px;width: 48px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.contactinfo ul li:nth-child(1)::before{ content: '\f095'; }
.contactinfo ul li:nth-child(2)::before{ content: '\f0e0'; }
.contactinfo ul li:nth-child(3)::before{ content: '\f3c5'; }
.contactinfo ul li span{display: block;margin-bottom: 8px;}

.home-free-estimate-form{  padding: 50px 48px; background: #fff;box-shadow: 0px 15px 32px 0px rgba(0, 0, 0, 0.1), 0px 59px 59px 0px rgba(0, 0, 0, 0.09), 0px 132px 79px 0px rgba(0, 0, 0, 0.05), 0px 235px 94px 0px rgba(0, 0, 0, 0.01), 0px 368px 103px 0px rgba(0, 0, 0, 0);border-radius: 10px;max-width: 520px; margin-left: 50px;}
.home-free-estimate-form ul{padding-left: 0;}
.home-free-estimate-form ul li{ list-style: none; }
.home-free-estimate-form ul li:last-child{ text-align: center; }
.home-free-estimate-form-control{ height: 48px; border: #D1D1D1 solid 1px; border-radius: 2px; background: transparent;margin-bottom: 25px;font-weight: 500;font-size: 18px;line-height: 26px;color: #4F4F4F;font-style: italic;}
.btn-home-free-estimate-form-control{ display: inline-block;text-align: center; padding: 10px 76px;background: #E69744; color: #fff; font-size: 18px;text-transform: uppercase; border: none; text-decoration: none; border-radius: 24px; transition: all linear 0.3s; }
.btn-home-free-estimate-form-control:hover{ background: #000; }
.home-free-estimate-form textarea{min-height: 120px;}



/*===== Footer Section =====*/
.footer{ padding: 50px 0; background: #fff;}
.footer-content {color: #000;}
.footer-content h2{font-size: 24px;line-height: 34px;margin-bottom: 20px;text-transform: uppercase;}
.footer-content h2 span{color: #E69744;}
.footer-content h4{font-weight: 700;font-size: 24px;line-height: 26px;margin-bottom: 25px;}
.footer-content p{font-family: "Nunito Sans", sans-serif;font-weight: 400;font-size: 16px;line-height: 30px;width: 85%;}
.footer-content ul{padding-left: 30px;}
.footer-content ul li,.footer-content ul li a{font-weight: 400;font-size: 16px;line-height: 35px;text-transform: uppercase; font-family: "Nunito Sans", sans-serif;color: #000;text-decoration: none;}
.footer-logo {width: 200px;height: auto;}
.footer-quick-link{padding-left: 30px;}

/*===== Footer Section =====*/
.copyright{ padding: 20px 0;background: #000; border-top: #fff solid 1px;}
.copyright p{ color: #fff;font-size: 16px;font-weight: 400;line-height: 30px; text-align: center;margin-bottom: 0;   }
.copyright p a{ color: #E69744; text-decoration: none;font-size: 16px;line-height: 26px;font-weight: 700;font-family: "Nunito Sans", sans-serif;}

/*===== Slider Plugins =====*/
#banner-slider .owl-buttons{ display: none; }
#banner-slider .owl-dots { position: absolute; left: 50%; top: 90%; transform: translate(-50%,0); z-index: 9; }
#banner-slider .owl-dots .owl-dot span{ width: 15px; height: 15px; border-radius: 50%; background: #fff; border: none; opacity: 1; }
#banner-slider .owl-dots .active span{ background: #000; }

#testimonials-slider .owl-dots{ display: none; }
#testimonials-slider .owl-nav{ display: none; }
#testimonials-slider .owl-nav .owl-prev{ position: absolute; top: 50%; left: -20px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 48px; height: 48px; border: none; background: #fff; color: #000; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-next{ position: absolute; top: 50%; right: -20px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 48px; height: 48px; border: none; background: #fff; color: #000; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-prev:hover,
#testimonials-slider .owl-nav .owl-next:hover{ background: #16FAD9; color: #fff; }
#testimonials-slider .owl-nav .owl-prev span{ margin-right: 5px; margin-bottom: 5px; }
#testimonials-slider .owl-nav .owl-next span{ margin-left: 5px; margin-bottom: 5px; }



/*-- OWL-CAROUSEL CONFIGS --*/
#testimonials-slider .owl-item img{ width: initial; }

/*===== Pages Breadcrumb =====*/
.content-banner{ padding: 30px 0; background: #151515; }
.breadcrumb{ padding: 10px 15px; margin: 0; margin-bottom: 0; color: #151515; background: #fff; border-radius: 0;  font-family: "Nunito Sans", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; }
.breadcrumb a{ color: #000; text-decoration: none; }
.breadcrumb .fa{  display: inline-block; margin: 0 10px; font-size: 11px; font-weight: 700; margin-top: 4px; }

/*===== Content Pages =====*/
.content{ width: 100%; padding: 50px 0px;}
.content-block{ background: transparent; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #000; }
.content h2{ text-transform: uppercase; font-size: 24px;line-height: 34px; color: #000; font-weight: 900;  font-family: "Nunito Sans", sans-serif; margin-bottom: 10px; }
.content h3{ text-transform: uppercase; font-size: 18px;line-height: 26px; color: #000; font-weight: 700;  font-family: "Nunito Sans", sans-serif; margin-bottom: 10px; }
.content h4{ text-transform: uppercase; font-size: 20px; line-height: 28px; color: #000; font-weight: 700;  font-family: "Nunito Sans", sans-serif; margin-bottom: 10px; }
.content p{ font-size: 16px; line-height: 30px;  font-family: "Nunito Sans", sans-serif; color: #000; margin-bottom: 15px; }
.content ol,
.content ul{ margin:0 ; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px;  font-family: "Nunito Sans", sans-serif; color: #000; }

/*===== 404 || Page Not Found =====*/
.content-banner .page-not-found-title{ color: #fff; }
.page_not_found{ display: block; text-align: center; padding: 50px; }
.page_not_found h2{ font-size: 120px; color: #34495e; }
.page_not_found p{ font-size: 18px; color: #34495e; text-align: center; }
.page_not_found a{ display: inline-block; padding: 10px 25px; background: #c0392b; color: #fff; border-radius: 3px; text-decoration: none; }
.page_not_found a:hover{ background: #e74c3c; }

/*===== Latest Testimonials and Form Page =====*/
.content .reviewsblock{ padding: 15px 0; background: #000; width: 100%; text-align: center; }
.content .reviewsblock h4{ margin-bottom: 0; text-transform: uppercase; color: #fff; font-size: 24px; font-weight: 700; }
.reviewsform{ padding: 15px; background: #eee; min-height: 150px; width: 100%; }
.reviewsformstyle{ height: 44px; border-radius: 0; border: #666 solid 1px; color: #666; margin-bottom: 15px; }
.reviewsform input::placeholder{ color: #666; }
.reviewsform textarea::placeholder{ color: #666; }
.btn-reviewsformstyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #000; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; transition: all linear 0.3s; }
.btn-reviewsformstyle:hover{ background: #2ecc71; }

/* Bootstrap(v5.2.3) Accordion */
.testimonials-page{ display: block; margin-top: 15px; }
.testimonials-page .accordion-button:focus,
.testimonials-page .accordion-button:active,
.testimonials-page .accordion-button{ padding-bottom: 13px; background: #000; color: #fff; box-shadow: none; }
.testimonials-page .accordion-button.collapsed{ background: #fff; color: #000; }
.testimonials-page .accordion-button:not(.collapsed)::after{ content: '\f107'; font-family: 'fontawesome'; font-size: 18px; color: #fff; text-decoration: none; background-image: initial; }
.testimonials-page .accordion-button.collapsed::after{ content: '\f107'; font-family: 'fontawesome'; color: #000; text-decoration: none; background-image: initial; }

/*===== Latest Contact Form =====*/
.contact-form-section .form-group{ position: relative; overflow: hidden; margin: 0; margin-bottom: 30px; }
.contact-form-section .form-group .fa{ position: absolute; top: 0; z-index: 999; height: 100%; width: 50px; background: #000; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.contact-form-section .form-group .sms{ height: 100%; }
.contact-form-section .contact-form-control{ padding-left: 65px; height: 50px; border-color: #000; border-radius: 0; }
.contact-form-section .contact-form-control::placeholder{ color: #666; }
.contact-form-section textarea.contact-form-control{ height: 200px; }
.contact-form-section .btn-contact-form-control{ width: 150px; color: #fff; background-color: #000; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.contact-form-section .btn-contact-form-control:hover{ background: #2ecc71; }
.contact-page-location-map .googlemap{ height: 400px; overflow: hidden; border: #eee solid 1px; }

/*===== Latest Free Estimate Form =====*/
.free-estimate-form .form-title{ padding: 10px 15px; background: #097898; color: #fff; }
.free-estimate-form .form-group{ position: relative; overflow: hidden; margin: 0; margin-bottom: 30px; }
.free-estimate-form .form-group .fa{ position: absolute; top: 22px; z-index: 999; height: 100%; width: 50px; background: #097898; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.free-estimate-form .form-group .sms{ height: 100%; }
.free-estimate-form .form-group label{color: #fff;}
.free-estimate-form .free-estimate-form-control{ padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.free-estimate-form .free-estimate-form-control::placeholder{ color: #666; }
.free-estimate-form textarea.free-estimate-form-control{ height: 200px; }
.free-estimate-form .btn-free-estimate-form-control{ width: 150px; color: #fff; background-color: #097898; border: none; border-radius: 0; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; transition: all linear 0.3s; }
.free-estimate-form .btn-free-estimate-form-control:hover{ background: #2ecc71; }


/*===== Project Gallery Section =====*/
.project-page ul{ display: flex; flex-wrap: wrap; }
.project-page ul li{ list-style: none;margin: 0;padding: 1px; }
.project-page .project-content-item{ position: relative; overflow: hidden; margin-bottom: 1px; height: 300px;}
.project-page .project-content-item img{ width: 100%; height: 100%;object-fit: cover; }
.project-page .project-content-item a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: #fff; background: transparent; text-decoration: none; font-size: 30px; font-weight: 700; cursor: pointer; transition: all linear 0.3s; }
.project-page .project-content-item a .fa{ position: relative; opacity: 0;  color: #fff;  }
.project-page .project-content-item a.overlayer-box{ background: rgba(0,0,0,0.5); }
.project-page .project-content-item a:hover{ background: rgba(0,0,0,0.5); }
.project-page .project-content-item a:hover .fa{ opacity: 1; }
.project-page .project-content-item a.overlayer-box:hover{ background: rgba(0,0,0,0.7); }
.project-page .project-content-item a.overlayer-box span{ display: inline-block; padding: 15px 40px 13px; border-radius: 5px; text-decoration: none; background: #E36221; color: #fff; font-size: 16px; font-family: 'Viga', sans-serif; transition: all linear 0.3s; }
.project-page .project-content-item a.overlayer-box span:hover{ background: #E36221; }



/*========== Responsive ==========*/

@media (max-width: 1399px){
      .navbar .navbar-nav > li > a {padding: 0 10px; font-size: 16px;}
      .banner img{max-height: unset;min-height: 960px;}
      .banner-content-box h1 {font-size: 52px;}

      .section-title h2 {  font-size: 29px; line-height: 39px;}
      .section-title br{display: none;}

      .wcu-content{padding-right: 0;}


}
@media (max-width: 1099px){
     /*=====Social Media =====*/
      .share_icon .fa{ width: 45px; height: 45px; font-size: 18px; }
      .social_icon ul li .fa{  width: 43px; height: 43px; font-size: 18px; }
      .social_icon.active ul li:nth-child(1) .fa{ bottom: 188px; }
      .social_icon.active ul li:nth-child(2) .fa{ bottom: 145px; }
      .social_icon.active ul li:nth-child(3) .fa{ bottom: 102px; }
      .social_icon.active ul li:nth-child(4) .fa{ bottom: 59px; }

      /*===== Enable Header Menu Default in Small Device =====*/
      .mobile_menu{ display: block; width: 0; }
      .mobile_menu.active{ width: 100%; }
      .serv_dropdown_menu{ padding-left: 30px; }

      /*========== Body Section ===============*/
      .header{ padding: 57px 0 0px;}
      .header-bottom .navbar{ display: none; }

      .banner-content{bottom: unset;top: 50%;}
      .banner-content-box br{display: none;}
      .banner-content-box h1 {font-size: 35px;line-height: 52px;}
      
      .wcu-thumbnail img{min-height:unset;border-radius:10px;}
      .wcu-thumbnail::before{display:none;}
     
     .home-free-estimate-form{margin-left: 0;}

}

@media (max-width: 992px){
      .banner img{min-height: 560px;}

      .header{position: unset;background: #fff;padding-bottom: 20px;}
      .services-card-content { padding: 50px 30px;}
      .footer-logo{width: 100%;max-width: 200px;margin-bottom: 1.5rem;}
      .footer-quick-link{padding-left: 0;}
      .contactinfo ul li br{display: none;}

}

/* Meduim Device */

@media (max-width: 767px){

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

      .header-top{text-align: center;}
      .header-top ul{justify-content: center;}
      .logo {text-align: center;}
      .logo img{padding: 15px;border-radius: 8px;}
      .header-bottom{background: transparent;}

      .banner-content-box h1 {font-size: 21px;line-height: 36px; }
      .banner-content-box a { padding: 10px 28px;font-size: 16px;}

      .welcome{padding: 40px 0;}
      .welcome .row{flex-direction: column-reverse;}
      .welcome .section-thumbnail{margin-top: 1.5rem;}

      .services-card.services-card-two .row{flex-direction: column-reverse;}

      .section-title h2 { font-size: 22px;}
      .site-link a {padding: 12px 37px}

      .why-choose-us{padding: 40px 0;}
      .why-choose-us .section-title p{width: 100%;}
      .wcu-content ul{padding-left: 25px;}

     
      .home-free-estimate{padding: 40px 0;}
      .home-free-estimate .section-title{padding-top: 0;}
      .home-free-estimate-form{margin-top: 1.5rem;}
      .home-free-estimate::before{top: unset;bottom: 0;width: 100%;height: 53%;}

      .footer-content h4 {margin: 43px 0 25px;}
      .footer-quick-link, .footer-hours-of-operation{padding-left: 0;}
      .footer-content p{width: 100%;}
      .copyright span{display: block;}

      /*===== ALL Slider Section =====*/ 
      #banner-slider .owl-pagination{ top: 80%; }

      /*===== Pages Section =====*/
      .content{padding: 50px 0;}
      .content-banner{ padding: 10px 0;background: #000; }
      .content h2{ font-size: 24px; }
      .sectiontitleunderline{ margin: 0 0 15px; }
      .breadcrumb .fa{ margin: 5px; }
      .content p{ font-size: 16px; line-height: 26px; margin-bottom: 10px; }

      .project-page ul li{width: 50%;}

}