@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
    font-family: "Open Sans Condensed SemiBold";
    src: url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.eot");
    src: url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/6de6b449e0c2fb72f227151e5007a758.svg#Open Sans Condensed SemiBold")format("svg");
}
@font-face {
    font-family: "Open Sans Condensed Bold";
    src: url("https://db.onlinewebfonts.com/t/c28df5d67b8e0fd14ff07235537b1c77.eot");
    src: url("https://db.onlinewebfonts.com/t/c28df5d67b8e0fd14ff07235537b1c77.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c28df5d67b8e0fd14ff07235537b1c77.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c28df5d67b8e0fd14ff07235537b1c77.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c28df5d67b8e0fd14ff07235537b1c77.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c28df5d67b8e0fd14ff07235537b1c77.svg#Open Sans Condensed Bold")format("svg");
}
/*===== Pre CSS =====*/
body{ font-size: 16px; font-weight: 400; font-family: "Open Sans", sans-serif; line-height: 28px;}
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: "Open Sans", sans-serif;}
a[href^=tel] { text-decoration:inherit; color: inherit; }
/* [class*="col-"] { margin-bottom: 30px;} */
p {font-size: 16px; font-weight: 400;font-family: "Open 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; }

/* 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;padding: 8px 0px;}
.tab_button{ float: left; }
.tab_button a{display: inline-block;padding: 4px 10px;font-size: 10px;font-weight: 500; line-height: 20px; 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;}
.mobile_slideLogo img{background-color: #fff; display: inline-block; float: none; padding: 15px; border-radius: 5px; width: 40%; height: auto; margin-bottom: 15px;}
.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; }

/*===== Header Section =====*/
.header-bottom.home{position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; z-index: 1; background-image:unset; padding: 9px 0px;}
.header-bottom [class*="col-"] { margin-bottom: 0px; }
.header-bottom{background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/landlocked-bookkeeping/banner.webp"); padding: 30px 0px}
.navbar { border: none; background: transparent; background-color: transparent !important; padding:0; }
.navbar .navbar-nav{display:flex; align-items: center; justify-content: space-between; width: 100%;}
.navbar .navbar-nav > li{display: inline-block;}
.navbar .navbar-nav > li > a{font-size: 16px; line-height: 30px; font-weight: 600; font-family: "Open Sans Condensed Bold"; color: #05354F;}
.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: #000000; background: transparent;text-decoration: none; position: relative;}
.navbar .navbar-nav > li > a.learn-btn{background-color: #45ABCA; border-radius: 5px; padding: 14px 28px; border: 1px solid #45ABCA; color: #fff !important; display: inline-block;}
.navbar .navbar-nav > li > a.learn-btn:hover{color: #000 !important; border-color: #000;  background-color: transparent;}
.navbar .navbar-nav .nav-link { color: rgb(255, 255, 255); font-weight: 400;}
.header-bottom .logo{height: auto; width: 96px;}
.header-bottom .logo img{object-fit: contain;}

/*===== Banner Section =====*/
.banner{background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/landlocked-bookkeeping/banner.webp"); padding: 325px 0px 285px; color: #05354F; position: relative; z-index: 0;}
/* .banner::before{content: ""; height: 100%; width: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%); position: absolute; top: 0; left: 0;} */
.banner-content-box h5{font-size: 18px; font-weight: 600; line-height: 28px;display: flex; margin-bottom: 20px;}
.banner-content-box h2{font-size: 56px; font-weight: 500; line-height: 80px; font-family: "Open Sans Condensed SemiBold"; letter-spacing: 1px; position: relative;}
.banner-content-box p{font-size: 16px; font-weight: 400; line-height: 30px; font-family: "Open Sans", sans-serif; width: 90%; margin-top: 25px;}
.banner-content-box a{ color: #fff; font-size: 16px; font-weight: 500; line-height: 26px; padding: 14px 28px; margin: 30px 0px 0px; background-color: #05354F;border: 1px solid #05354F;border-radius: 4px; transition: .3s; display: inline-block;}
/* .banner-content-box a span,.section-link a span{height: 34px; width: 34px;background-color: #fff; display: inline-block;} */
.banner-content-box a iconify-icon,.section-link a iconify-icon, .services .services-item a iconify-icon{font-size: 20px;display: inline-block;vertical-align: sub; color: #fff;}
.banner-content-box a:hover{transform: translateY(-5px);background: transparent; border-color: #000; text-decoration: none; color: #fff;}
.banner-images-box img{width: 680px; height: auto; object-fit: contain; position: relative; z-index: 0;}

/*===== Title Sections =====*/
.section-heading{ margin-bottom: 50px; }
.section-heading h2{font-size: 32px; font-weight: 600; font-family: "Open Sans Condensed SemiBold"; line-height: 50px; position: relative; margin-bottom: 25px;}
.section-heading p{ display: block; font-size: 16px; font-weight: 400; line-height: 26px;}
.section-heading p span{display: block;}
.section-heading h6{color: #05354F; font-size: 18px; font-weight: 700; font-family: "Open Sans Condensed SemiBold"; line-height: 28px; margin-bottom: 12px; position: relative; display: inline-block;}
.section-heading h6 img {height: 30px; width: 30px; object-fit: contain; margin-right: 15px;}
.section-link a, a.fancybox.overlayer-box span{color: #fff; font-size: 16px; font-weight: 600; font-family: "Open Sans Condensed SemiBold"; line-height: 26px; padding: 14px 28px; display: inline-block; background-color: #05354F; border-radius: 5px; border: 1px solid #05354F; transition: .3s; display: inline-block;}
.section-link a:hover{text-decoration: none;background: transparent; border-color:#3C3B6E; color:#3C3B6E; transform: translateY(-5px); }

/*===== Welcome Sections =====*/
.welcome{padding: 100px 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::after{content: "";height: 118px;width: 623px;background-color: #D9D9D9;border-radius: 8px;position: absolute;bottom: -70px;left: 50%;transform: translateX(-50%);margin: 0 auto;z-index: -1;}
.welcome .about-img{height: auto; width: 580px; object-fit: contain;}
.welcome .about-img img:nth-child(2){height: 124px; width: 138px; object-fit: contain; position: absolute; bottom: 25px; left: 15px; z-index: 0;}
.welcome .about-img img:last-child{height: 124px; width: 138px; object-fit: contain; position: absolute; bottom: 25px; right: 10px; z-index: 0;}

/*===== Services Sections =====*/
.services{position: relative; background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/landlocked-bookkeeping/services-bg.webp"); color: #fff; padding: 80px 0px;}
.services [class*="col-"] { margin-bottom: 30px;}
.services .section-heading h6{color: #fff;}
.services .services-item {position: relative; background: linear-gradient(180deg, #A3D7E3 0%, #5A767D 100%); box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.10), 0px 27px 27px rgba(0, 0, 0, 0.09), 0px 61px 37px rgba(0, 0, 0, 0.05), 0px 109px 44px rgba(0, 0, 0, 0.01), 0px 170px 48px rgba(0, 0, 0, 0); padding: 50px 30px; text-align: center; border-radius: 8px;}
.services .services-thumbnail {height: 65px; width: 65px; background-color: #05354F; border: 1px solid #05354F; border-radius: 50%; margin: 0 auto 20px;}
.services .services-thumbnail img{height: 40px; width: 40px; margin: auto;}
.services .services-item .services-content{position: relative; text-align: center;}
.services .services-item .services-content h4{color: #05354F; font-size: 18px; font-weight: 600; font-family: "Open Sans Condensed SemiBold"; line-height: 30px;}
.services .services-item .services-content p{color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; margin-top: 8px;}
.services .services-item a {background-color: #05354F; color: #fff; padding: 8px 22px; border-radius: 5px; display: inline-block; font-size: 16px; font-weight: 500; font-family: "Open Sans Condensed SemiBold"; margin-top: 20px;;}
.services .services-item a:hover{background-color: transparent; color: #3C3B6E;}

/*===== Why Choose Us Section =====*/
.why-choose-us{padding: 100px 0px;}
.why-choose-us [class*="col-"] { margin-bottom: 30px;}
.why-choose-us .wcu-card{background: white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10), 0px 6px 6px rgba(0, 0, 0, 0.09), 0px 13px 8px rgba(0, 0, 0, 0.05), 0px 22px 9px rgba(0, 0, 0, 0.01), 0px 35px 10px rgba(0, 0, 0, 0); border-radius: 8px; border: 0.30px rgba(0, 0, 0, 0.50) solid; padding: 20px; margin-bottom: 40px;}
.why-choose-us .wcu-card:last-child{margin-bottom: 0px;}
.why-choose-us .wcu-img{position: relative;}
.why-choose-us .wcu-img img:last-child{height: 120px; width: 323px; position: absolute; bottom: 25px; right: 0; object-fit: contain;}
.why-choose-us .wcu-card .wcu-desc h5{font-size: 18px;margin-bottom: 10px;font-weight: 600;}

/*===== Project Sections =====*/
.project {background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/landlocked-bookkeeping/gallery-bg.webp"); padding: 70px 0px; color: #fff;}
.project [class*="col-"] { margin-bottom: 30px;}
.project .section-heading h6{color: #fff;}
.project .project-content-item {position: relative; overflow: hidden;}
.project .project-content-item img { width: 100%; height: 364px; border-radius: 8px;}
.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; border-radius: 5px;}
.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;} */
a.fancybox.overlayer-box span{font-size: 16px; font-weight: 500; margin-top: 120px; border: 1px solid #fff; padding: 10px 40px;}

/*===== Testimonials Sections =====*/
.testimonials {position: relative; padding: 90px 0px; z-index: 0; background-image: url("https://jasperusa.sfo3.cdn.digitaloceanspaces.com/landlocked-bookkeeping/test-bg.png"); background-attachment: fixed;  background-position: 25% 5%;}
.testimonials .section-heading h2:after{background-color: #fff;}
.testimonials .section-body p{ margin-bottom: 10px;}
.testimonials .test-content {position: relative; border-left: 6px solid #05354F; padding-left: 50px;}
.testimonials .test-content .icons{height: 60px; width: 60px;}
.testimonials .test-content .icons img{object-fit: contain;}
.testimonials .test-content p{font-size: 16px;font-weight: 400;line-height: 26px;}
.testimonials .test-content .author h5{font-size: 18px; font-weight: 600; margin-top: 20px;} 
.testimonials .ratings span { color: #FEC400; font-size: 20px; margin-bottom: 20px;}
.testimonials button iconify-icon {display: block; font-size: 25px !important;}
.testimonials button.am-prev ,button.am-next{background: #fff; color: #3C3B6E; padding: 10px; height: 48px; width: 48px; border: 2px solid #fff; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0%;}
.testimonials button.am-next{left: unset; right: 0%;}
/* .owl-dots{text-align: center; margin: 20px 0px;}
.owl-carousel button.owl-dot {height: 18px; width: 18px; background-color: #D9D9D9; border-radius: 50%; margin: 10px;}
.owl-carousel button.owl-dot.active{width: 40px; background-color: #0D1282; border-radius: 12px;} */


/*===== Free Estimate Sections =====*/
.home-free-estimate{padding: 100px 0px; color: #000; position: relative; z-index: 1;}
.home-free-estimate-form {background-color: #05354F; width: 477px; padding: 35px; margin-left: auto; border-radius: 6px;}
.home-free-estimate-form h3{text-align: center; color: #fff; font-size: 32px; font-weight: 600;font-family: "Open Sans Condensed SemiBold";  margin-bottom: 30px;}
.home-free-estimate-form .form-control {line-height: 1.8; color: #fff; background-color: transparent; border: 1px solid #fff; border-radius: 5px; padding: 7px 10px;}
.home-free-estimate-form input{height: calc(1.8em + .85rem + 2px);}
.home-free-estimate-form input::placeholder,.home-free-estimate-form textarea::placeholder{color: #fff !important; opacity: 1;}
.home-free-estimate-form .form-control:focus { color:#333; background-color: #fff; border-color: #333; box-shadow: unset;}
.btn-home-free-estimate-form-control{ color:#000; font-size: 16px; font-weight: 600; padding: 10px 50px; background-color: #fff; border-radius: 4px; border: 1px solid transparent; display: block; text-align: center; transition: .5s; width: 100%}
.btn-home-free-estimate-form-control:hover{ background: #fff; color: #0245A3;}
.free-estimate-images{height: auto; width:760px;  margin-left: -100px;}
 .free-estimate-images img{object-fit: contain;}

/*===== Footer Section =====*/
.footer {background-color: #000000; color: #fff; padding: 70px 0px 60px;}
.footer .section-heading img{width: 120px; height: auto; object-fit: contain; margin-bottom: 30px;}
.footer .section-heading p {width: 90%;}
.footer .footer-lower-text{margin-top: 65px;}
.footer .footer-title h5{ font-size: 18px; font-weight: 600; font-family: "Open Sans Condensed SemiBold"; color: #45ABCA; display: inline-block; line-height: 30px; margin-bottom: 15px; position: relative;}
.footer .contact-detail{ display: flex; flex-direction: column;}
.footer .contact-wrap ul li a, .footer .contact-detail span{font-size: 16px; font-weight: 500;}
.footer .contact-wrap .icon{margin-right: 10px; line-height: 0; height: 35px; padding: 12px; width: 35px; background-color: #D9D9D9; border-radius: 5px;}
.footer .navlinks li iconify-icon{font-size: 6px; color: #fff; margin-right: 8px;}
.footer iconify-icon{ font-size: 25px; display: block; color: #05354F;} 
.logo-content-wrap img{height: 115px; width: 150px; object-fit: contain;}
.footer .contact-wrap ul li{display: flex; align-items: center; margin-top: 12px;font-size: 16px; font-weight: 500;}
.footer .contact-wrap ul li a{color: #fff;}
.footer .contact-wrap .icon-side{height: 130px; width: 150px; object-fit: contain;}
/* .footer .contact-wrap ul li.active a,.footer .contact-wrap ul li.active iconify-icon{color: #3C3B6E;} */

/*===== copyright Section =====*/
.copyright{ padding: 15px 0;  background-color: #000; border-top: #fff solid 1px; }
.copyright p{ color: #fff; font-size: 16px; font-weight:400; font-family: "Open Sans Condensed Bold";line-height: 26px; text-align: center; }
.copyright p a{ color: #fff; font-size: 16px; font-weight: 700; font-family: "Open Sans Condensed Bold"; text-decoration: none; }


/*===== Content Pages =====*/
.content-banner{background-color: #000;padding: 25px 0;}
.content-banner,
.content-block [class*="col-"] {margin-bottom: 0px;}
.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: "Open 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: "Open 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: "Open Sans", sans-serif; margin-bottom: 10px; }
.content h3{ font-size: 20px; font-weight: 600; color: #2c2c2c; font-family: "Open Sans", sans-serif; margin-bottom: 10px; }
.content h3 .about-span-break{ font-size: 20px; color: #2c2c2c; font-family: "Open Sans", sans-serif; }
.content h4{ font-size: 16px; color: #666; font-family: "Open Sans", sans-serif; margin-bottom: 10px; }
.content ol,
.content ul{ margin:0 ; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #666; }

/*===== 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: 36px;height: calc(100% - 64px);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; }
      /* .header-bottom .logo::before{display: none;} */
      .banner{padding: 200px 0px;}
      .banner-content-box h2{ font-size: 40px; line-height: 70px; }
      .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 .about-img img{width: 100%; margin: 0; padding: 0px;}
      .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 .logo::before,.top-header{display: none;} */
      .top-header{padding-top: 75px;}
      .social-icons-text{display: block;}
      .top-header::after{display: none;}
      .social-icons-text ul{display: block !important;}
      .social-icons-text ul li a{justify-content: left; margin: 10px 0px;}
      .header-bottom.home{position: unset;}
      .header-bottom .logo{margin: 20px auto; text-align: center; position: unset;}
      .social-icons-text{text-align: left !important; margin-bottom: 10px;}
      .header-bottom .logo img{display: inline-block; object-fit: contain;}
      .top-nav-wrapper.ms-flex {display: block;}
      .customer-support ul{display: block !important;}
      .customer-support ul li{margin: 10px 0px;}
      .free-social-links{justify-content: start;}


      .banner{padding: 120px 0px 60px;}
      .banner-content-box h2{ font-size: 27px; line-height: 36px;}
      .banner-content-box p{width: 100%; font-size: 16px; line-height: 26px;}
      .banner-content-box a{ padding: 7px 28px; font-size: 16px;}
      .banner-content-box h5{font-size: 22px; line-height: 32px;}
      .banner-content-box {margin-bottom: 20px;}
      .banner-btn-text.d-flex{flex-direction: column; position: unset;}
      .banner-btn-text .ban-text{width: 100% !important; border-radius: unset;}
    
      .section-heading{margin-bottom: 30px;}
      .section-heading h6{ font-size: 20px; }
      .section-heading h2{font-size: 22px;line-height: 35px;text-transform: inherit;margin-bottom: 0px;}
      .section-heading p{ font-size: 15px; line-height: 30px; }
      .section-link a,.welcome .section-link a, .services .services-item a{font-size: 14px; padding: 8px 20px;}

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


      .services{ padding: 50px 0; }
      .services::before{width: 100%; border-radius: 0px;}
      .services .owl-carousel .owl-stage-outer{padding: 0px;}
      .services .services-item .services-content{width: 100%;}
      .services .services-thumbnail{margin-bottom: 15px;}
      .services .services-item{flex-direction: column; padding: 20px 15px;}

      .why-choose-us{padding: 40px 0px;}
      .why-choose-us .wcu-card{width: 100%;}
      .why-choose-us .choose-thumbnail{width: 100%; height: auto; margin-bottom: 20px;}
      .why-choose-us .wcu-card:not(:last-child){margin-bottom: 30px;}
      .why-choose-us .wcu-img{margin: 30px 0px;}
      .why-choose-us .wcu-wrapper{margin-left: 0px;}
      
      .testimonials{ padding: 50px 0; }
      .testimonials .testimonials-content{margin-top: 40px;}
      .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: 18px; padding: 8px 20px; }
      button.am-prev, button.am-next{display: none;}
      .testimonials .test-content::before,.testimonials .test-content::after{width: 45%;}

      .home-free-estimate{ padding: 50px 0; background-position: initial; margin-bottom: 0px;}
      .home-free-estimate [class*="col-"]{margin-bottom: 30px;}
      .home-free-estimate-wrap .section-thumbnails{height: auto; width: auto;}
      .home-free-estimate-form{position: unset; padding: 20px !important; width: 100%;}
      .home-free-estimate .free-estimate-content{width: 100%;}
      .home-free-estimate .home-free-estimate-wrap{padding: 20px !important;width: 100%;border-left: none;}
      .free-estimate-images{margin-left: 0px; width: 100%;}
      .home-free-estimate-form-control{ height: 40px; }
      .btn-home-free-estimate-form-control{ padding: 8px 20px; font-size: 16px; }
      .home-free-estimate .section-heading p{width: 100%;}
      .free-images img{width: 100%;}
      .home-free-estimate-form::after{display: none;}
      .project .gallery-box-wrapper{width: 100%;}
      .project{ padding: 50px 0 30px; }
      .project-content-item{ margin-bottom: 15px; }
      .gallery-box-wrapper{margin: 0;}
      .project .col-md-4 .project-content-item img{height: auto;}
      
      
      .footer{padding: 40px 0px 0px!important;}
      .footer .section-heading p{width: 100%;}
      .footer .section-heading{margin-bottom: 0px;}
      .footer .footer-lower-text{margin-top: 30px;}
      .footer-content h4{ margin-bottom: 15px; }
      .footer .footer-title h5{font-size: 20px;}
      .footer [class*="col-"] { margin-bottom: 30px;}
      .footer .logo-content{padding-right: 0px !important;}
      .contact-wrap.pl-4,.footer .logo-content{padding-left: 0px !important;}
      .footer-content ul li,
      .footer-content p{ line-height: 30px; font-size: 14px; }
      .footer-content h3 span{ display: block; font-family: "Open 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;}

  /*===== 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-banner{ padding: 30px 0px; }
/*  .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; }
  .btn-freeestimatestyle{ display: block; margin: 0 auto; width: 100%; font-size: 14px; }
  .testimonials-page .panel-body p{ font-size: 14px; line-height: 30px; }
  
  
}