/*
Theme Name:     Petzold Custom Carpentry LLC
Theme URI:      https://www.petzoldcc.com/
Description:    We are a husband and wife team General Contracting company. We specialize in home remodeling, additions, and custom mill work and design.
Version:        1.0.0

*/
@charset "utf-8";
/* CSS Document */
html {overflow-x: hidden;}
body {width: 100%;font-family: var(--primary-font);font-weight: 400;width: 100%;padding: 0px;margin: 0px;background-color: #fff;color: var(--black-color);overflow-x: hidden;}
a, input[type="button"], .btn {outline: none;transition: all 600ms ease-in-out;}
a:focus, a:hover {outline: none;text-decoration: none;}
ul {padding: 0px;margin: 0px;list-style: none;}
p {font-size: 17px;line-height: 26px;color: #4d4d4d;padding-bottom: 25px;font-family: 'Futura Bk BT';font-weight: 500;}
p:nth-last-child(1) {padding-bottom: 0px;}
a {text-decoration: none;transition: ease-in-out all 300ms;}

.common-btn {position: relative;display: inline-block; font-size:14px; line-height:16px; color:#fff; text-transform:uppercase; letter-spacing:1px; padding: 17px 65px 17px 35px; border:1px solid #fff; border-left:none;}
.common-btn:before{position:absolute; content:""; top:0; right:0; width:44px; height:100%; border-left:1px solid #fff; background: url(images/arrow.png) no-repeat center; transition: all 600ms ease-in-out;}
.common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}
.common-btn:after{position:absolute; content:""; left:-25px; top:0; height:100%; width:49px; background:url(images/c-icon.png) no-repeat center; background-size:100%;}
.common-btn:hover{color:var(--primary-color);}

.title-block{margin-bottom:40px; }
.title-block h4{position:relative; margin-bottom:25px;}
.title-block h4 strong{font-weight:500; font-size:15px; line-height:17px; color:#fff; text-transform:uppercase; padding:14px 22px; margin:0 40px 0 0; background:var(--primary-color);position:relative;}
.title-block h4 strong:after{position:absolute; content:""; right:-40px; bottom:0; width:33px; height:1px; background:var(--primary-color);}
.title-block h2{font-size:53px; line-height:55px; text-transform:uppercase; color:var(--black-color); font-weight:normal; padding:0; margin:0;}

:root {
  --primary-font: 'Futura Bk BT';
  font-weight: 400;
  --primary-color: #fa803e;
  --black-color: #272727;
}

@media screen and (min-width: 1300px) {
.container {max-width: 1300px;}
}


/* ========== Font Face Start ==========   */
@font-face {
    font-family: 'Futura Bk BT';
    src: url('fonts/FuturaBT-Book.woff2') format('woff2'),
        url('fonts/FuturaBT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('fonts/Jost-Regular.woff2') format('woff2'),
        url('fonts/Jost-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* ========== Font Face End ==========   */


/* =========== Header Start =========== */


.navbar-default {padding:0;margin:0px;background: #373536;border-bottom:1px solid rgba(255,255,255,.2);transition: all 600ms ease-in-out;border-radius: 0;-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.05);-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.05);box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.05);}
.navbar-default .container{display: flex;justify-content: space-between;align-items:center;}
.navbar-default .sf-menu li {padding-right: 76px;}
.navbar-default .sf-menu li:last-child {padding-right: 0;}
.navbar-default .sf-menu li a {font-size: 14px;text-transform: uppercase; letter-spacing: 1px;line-height: 16px;color: #fff;padding: 64px 0;}
.navbar-default .sf-menu li a:hover, .navbar-default .sf-menu li.active a {color: #fa803e;}
.navbar-default .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;}
.navbar-default .sf-menu .sub-menu li.active a,
.navbar-default .sf-menu .sub-menu li:hover a {color: #fa803e;}
.navbar-default .sf-menu ul {min-width: 360px;}
.navbar-default .sf-menu ul {background-image: -moz-linear-gradient(-11deg,rgb(88, 88, 90) 0%,rgb(130, 130, 130) 100%);background-image: -webkit-linear-gradient(-11deg,rgb(88, 88, 90) 0%,rgb(130, 130, 130) 100%);}
.navbar-default .mobile-menu-block{display:none;}


@media screen and (min-width: 992px) {

.navbar-default.navbar-fixed{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08); background:#373536; transition: all 600ms ease-in-out; border:none;}
.navbar-default.navbar-fixed .sf-menu li a{padding:40px 0; color:#fff;}
.navbar-default.navbar-fixed .sf-menu li a:hover, .navbar-default.navbar-fixed .sf-menu li.active a, .navbar-default.navbar-fixed .sf-menu .sub-menu li a:hover{color: #fa803e;}
.navbar-default.navbar-fixed .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;}
.navbar-default.navbar-fixed .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--primary-color); transition: all 600ms ease-in-out;}
.navbar-default.navbar-fixed .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.navbar-default.navbar-fixed .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.navbar-default.navbar-fixed .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}



}

/*Home page*/
.main-banner{padding:310px 15px 150px !important; position:relative;}
.main-banner:before{position:absolute; content:""; top:26%; right:0; background: url(images/banner-bg.png) no-repeat center; width:455px; height:269px; background-size:100%;}
.main-banner:after{position:absolute; content:""; top:28%; left:0; background: url(images/banner-bg.png) no-repeat center; width:455px; height:269px; background-size:100%;transform: rotate(180deg);}
.main-banner h1{font-family: 'Jost'; font-size:50px; line-height:52px; font-weight:300; color:#fff; padding:0; margin:0; text-transform:uppercase;}
.main-banner h1 strong{font-size:96px; line-height:80px; margin-top:20px; display:block; font-weight:700;}

.service-sec{padding-top:55px !important; position:relative;}
.service-sec:before{position:absolute; content:""; top:10%; left:0; width:242px; height:252px; background:url(images/service-before-bg.png) no-repeat center; background-size:100%;}
.service-sec:after{position:absolute; content:""; top:5%; right:0; width:724px; height:728px; background:url(images/service-after-bg.png) no-repeat center; background-size:100%; z-index:-1;}

.service-sec .service-box{margin-bottom:30px;}
.service-sec .service-box .box-inner{background:url(images/service-bg.png) no-repeat top left, #fff2eb; padding:27px 38px 30px 38px; position:relative; z-index:9;}
.service-sec .service-box .box-inner h3{font-size:32px; line-height:34px; color:var(--black-color); text-transform:uppercase; font-weight:normal; padding:0; margin:0 0 30px;}
.service-sec .service-box .box-inner p{margin:0 0 36px; padding:0; min-height:182px;}
.service-sec .service-box .box-inner .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.service-sec .service-box .box-inner .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.service-sec .service-box .box-inner .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.service-sec .service-box .box-inner .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}

.service-sec.remodel-service-sec .service-box .box-inner h3{font-size:28px; line-height:30px;}
.service-sec.remodel-service-sec .service-box .box-inner img{height:282px; width:282px; object-fit:cover; border-radius:50%;}
.service-sec.remodel-service-sec .service-box .box-inner p{min-height:72px;}

.about-sec{background:url(images/cloud-bg.png) no-repeat top center, url(images/cloud-bottom-bg.png) no-repeat bottom center; padding-top:167px !important; padding-bottom:150px; position:relative; top:-150px;}
.about-sec .btn-block{display:flex; gap:20px; align-items:center;}
.about-sec .btn-block i{padding: 12px 15px;background: #fff;border: 1px solid rgba(0,0,0,.2);font-size: 25px;color: var(--black-color); transition: ease-in-out all 500ms}
.about-sec .btn-block i:hover{background:var(--primary-color); color:#fff; border:1px solid var(--primary-color);}
.about-sec .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.about-sec .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.about-sec .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.about-sec .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}
.about-sec .home-img{position: absolute;bottom: -112px;margin-bottom: 0;right: -100px;}
.about-sec .home-img .vc_figure{position: relative;}
.about-sec .home-img .vc_figure:after{position:absolute; content:""; top:-50px; right:0; width:522px; height:523px; background:url(images/home-before-bg.png) no-repeat center; background-size:100%; z-index:-1;}


.gallery-sec{position:relative; margin-top:-200px;}
.gallery-sec:before{position:absolute; content:""; left:0; top:1%; width:505px; height:193px; background-size:100%; background:url(images/gallery-before-after.png) no-repeat center;}
.gallery-sec:after{position:absolute; content:""; right:0; top:30%; width:505px; height:193px; background-size:100%; background:url(images/gallery-before-after.png) no-repeat center; transform:rotate(180deg);}
.gallery-sec .owl-carousel .owl-item img{width:100%;}
.gallery-sec .white > .showcase_nav .owl-next{background:url(images/next-icon.png) no-repeat center, rgba(255,255,255,.8) !important; font-size:0; outline:none; }
.gallery-sec .white > .showcase_nav .owl-prev{background:url(images/previous-icon.png) no-repeat center, rgba(255,255,255,.8) !important; font-size:0; outline:none;}
.gallery-sec .white > .showcase_nav .owl-next:hover{background:url(images/next-icon.png) no-repeat center, rgba(255,255,255,.5) !important;  }
.gallery-sec .white > .showcase_nav .owl-prev:hover{background:url(images/previous-icon.png) no-repeat center, rgba(255,255,255,.5) !important;}
.gallery-sec .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.gallery-sec .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.gallery-sec .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.gallery-sec .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}

.testimonial-sec{background:#f4f4f4; padding-top:80px; position:relative; margin-top:20px; position:relative;}
.testimonial-sec:before{transform: rotateX(-180deg);position:absolute; content:""; left:0; top:72%; width:505px; height:193px; background-size:100%; background:url(images/gallery-before-after.png) no-repeat center;}
.testimonial-sec:after{position:absolute; content:""; right:0; top:25%; width:505px; height:193px; background-size:100%; background:url(images/gallery-before-after.png) no-repeat center; transform: rotateY(180deg);}


.testimonial-sec .box{background:#fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; text-align:center; padding-bottom:26px; border:1px solid rgba(0,0,0,.1);}
.testimonial-sec .box .inner-box{padding:30px 30px 40px;}
.testimonial-sec .box .inner-box p{padding:20px 0 25px;}
.testimonial-sec .box .inner-box h4{font-size:14px; line-height:16px; font-weight:bold; color:#222222;}
.testimonial-sec .box h5{font-size:16px; line-height:18px; position:relative; padding:0; margin:0 0 20px;}
.testimonial-sec .box h5 strong{padding:0 15px; background:#fff; font-weight:normal; position: relative; z-index:9;}
.testimonial-sec .box h5:after{position:absolute; content:""; left:0; right:0; top:0; bottom:0; margin: auto 0; width:100%; height:1px; background:rgba(0,0,0,.1); z-index:1;}
.testimonial-sec .owl-item{padding-bottom:30px;}

.testimonial-sec .sa_owl_theme .owl-nav .owl-next{background:url(images/next-icon.png) no-repeat center !important; font-size:0; right:-40px; outline:none; }
.testimonial-sec .sa_owl_theme .owl-nav .owl-prev{background:url(images/previous-icon.png) no-repeat center !important; font-size:0; left:-40px; outline:none; }
.testimonial-sec .sa_owl_theme .owl-nav .owl-next:hover{opacity:.8;}
.testimonial-sec .sa_owl_theme .owl-nav .owl-prev:hover{opacity:.8;}

.contact-sec{padding-top:70px !important; padding-bottom:80px;}
.contact-sec .contact-wrapper{position:relative;}
.contact-sec .title-block h2{color:#fff;}
.contact-sec .contact-block{position:relative;}
.contact-sec .contact-block .lt-block{width:390px; position:absolute; top:35px; padding:35px 35px 48px 35px; background:url(images/contact-bg.png) no-repeat center; background-size:cover; }
.contact-sec .contact-block .lt-block h3{text-transform:uppercase; font-size:28px; line-height:30px; color:#fff; padding:0; margin:0 0 50px;}
.contact-sec .contact-block .lt-block ul li{font-size:18px; line-height:20px; padding:0 0 56px 53px; color:#fff; background:url(images/insta-icon02.png) no-repeat; position:relative;}
.contact-sec .contact-block .lt-block ul li:after{position:absolute; content:""; left:14px; top:40px; width:1px; height:30px; background:rgba(255,255,255,.5);}
.contact-sec .contact-block .lt-block ul li a{color:#fff;}
.contact-sec .contact-block .lt-block ul li:nth-child(2){background:url(images/email-icon.png) no-repeat;}
.contact-sec .contact-block .lt-block ul li:last-child{padding-bottom:10px; font-weight:bold; font-size:23px; line-height:25px; background:url(images/phone-icon.png) no-repeat;}
.contact-sec .contact-block .lt-block ul li:last-child:after{display:none;}

.contact-sec .contact-block .rt-block{width:1097px; max-width:100%; background:#fff; padding:68px 35px 50px 250px; float:right; }
.contact-sec .contact-block .rt-block h3{text-transform:uppercase; font-size:28px; line-height:30px; color: var(--black-color) ; padding:0; margin:0 0 45px;}
.contact-sec .contact-block .rt-block .form-control{height:40px; border-radius:0; border:none; box-shadow:none; border-bottom:1px solid rgba(0,0,0,.2); padding-left:0; font-size:16px; color:var(--black-color);}
.contact-sec .contact-block .rt-block textarea.form-control{resize:none;}
.contact-sec .contact-block .rt-block .form-group{margin-bottom:48px;}
.contact-sec .contact-block .rt-block .common-btn{padding:0; border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.contact-sec .contact-block .rt-block .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.contact-sec .contact-block .rt-block .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.contact-sec .contact-block .rt-block .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}
.contact-sec .contact-block .rt-block .common-btn .btn-submit{background: transparent; text-transform:uppercase; letter-spacing:1px; border: none; font-size: 14px; line-height: 16px; padding:17px 0px 18px 44px;}

.blog-sec{padding-top:70px !important; padding-bottom:50px; position:relative;}
.blog-sec:before{transform: rotateX(-180deg);position:absolute; content:""; left:0; top:72%; width:505px; height:193px; background-size:100%; background:url(images/gallery-before-after.png) no-repeat center;}
.blog-sec:after{position:absolute; content:""; right:0; top:25%; width:505px; height:193px; background-size:100%; background:url(images/gallery-before-after.png) no-repeat center; transform: rotateY(180deg);}
.blog-sec .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.blog-sec .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.blog-sec .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color); }
.blog-sec .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}
.blog-sec .blog-items{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border:1px solid rgba(0,0,0,.08); background:#fff;}
.blog-sec .blog-items .img-block{position:relative;}
.blog-sec .blog-items .img-block img{width:100%; height:auto;}
.blog-sec .blog-items .img-block .date{padding:8px 25px; font-size:17px; color:#fff; background:var(--primary-color); border:4px solid #fff; position:absolute; bottom:-20px; left:40px;}
.blog-sec .blog-items .content{padding:40px 40px 35px;}
.blog-sec .blog-items .content h3{font-size:24px; line-height:26px; color:var(--black-color); margin-bottom:30px;}
.blog-sec .blog-items .content p{min-height:210px;}
.blog-sec .owl-carousel .owl-item{padding:0 0 20px !important;}
.blog-sec .owl-carousel .owl-nav{position: absolute;top: 50%;width: 100%;}
.blog-sec .owl-carousel .owl-nav .owl-prev{background: url(images/previous-icon.png) no-repeat center !important;font-size: 0;left: -40px; width:30px; height:40px; position:absolute;}
.blog-sec .owl-carousel .owl-nav .owl-next{background: url(images/next-icon.png) no-repeat center !important;font-size: 0;right: -40px; width:30px; height:40px; position:absolute;}

footer{padding-bottom:20px; background:url(images/footer-bg.jpg) no-repeat center; background-size:cover;}
footer .footer-top-block{border-bottom:1px solid rgba(255,255,255,.2);}
footer .footer-top-block .d-flex{justify-content:space-between;}
footer .footer-top-block h4{font-size:20px; line-height:18px; color:#fff; padding:0; margin:0 0 30px;}
footer .footer-top-block .col:nth-child(1){padding:35px 153px 0 0; max-width: 245px;}
footer .footer-top-block .col:nth-child(2){padding:50px 80px 70px; max-width: 853px; border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2);}
footer .footer-top-block .col:nth-child(2) .d-flex{gap:40px;}
footer .footer-top-block a{font-size:16px; line-height:18px; color:#fff;}
footer .footer-top-block a:hover{opacity:.8;}
footer .footer-top-block .col:nth-child(3){padding:50px 0 40px 80px; max-width: 228px;} 
footer .footer-top-block .col:nth-child(3) .d-flex{justify-content:normal; gap:10px; } 
footer .footer-top-block .col:nth-child(3) .d-flex a{font-size:24px;}
footer .footer-bottom-block{padding-top:30px;}
footer .footer-bottom-block p, footer .footer-bottom-block p a{color:#fff;}

/*Mobile Menu*/
.navbar-default .mobile-menu-block .menu-icon ul{display:block!important;width:40px !important;height: 28px;cursor:pointer;margin-top: 0;}
.navbar-default .mobile-menu-block .menu-icon ul li{display:block;float:right;width:100%;height:3px;background:#fff;padding:0;margin:2.8px 0;transition:all 600ms ease-in-out;border-radius: 20px;}
.navbar-default .mobile-menu-block .menu-icon ul li:last-child{width:80%}

.overlay #menu-mobile-menu{display:none;}

.overlay .overlay-content{height: 100vh; /*display: flex; align-items: center;*/ z-index:99999999999999; position: fixed; width: 100%; left:0; top: 0; transition: all .8s ease;color: #fff;background:rgba(0,0,0,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0;visibility: hidden;}
.overlay.open-mobile-menu .overlay-content{transition: all 1.2s ease;left: 0;opacity:1;visibility:visible;}
.overlay .menu-block{height: 100vh; width:370px;  position: fixed; right:-370px; top: 0; transition: all 1.2s ease; z-index: 2;background:rgb(63, 141, 169);    
background: #fff; overflow:auto; align-items:start;background-repeat: repeat-y;display: flex; flex-wrap:nowrap; padding:10px 0 70px 0;    flex-direction: column;}
/*.overlay.mobile-anim-menu .menu-block{border-left: 1px solid rgba(255,255,255,0.2);}*/
.overlay.open-mobile-menu .menu-block{transition: all .5s ease;right: 0;  }
.overlay .menu-block .mobile-menu{ transition:all .8s; padding-top:40px; padding-left:0; margin-bottom:0;  padding: 0 0 40px 0;}
.overlay.mobile-anim-menu .menu-block .mobile-menu{transition: all .8s;   }
/* .overlay .menu-block .mobile-menu .menu-item a{ font-size: 15px; color: #fff; line-height: 17px; font-weight: 500;  text-transform:uppercase; padding: 0; margin: 0; transition: all 500ms ease-in-out;font-family: var(--content-font);
  font-weight: normal;letter-spacing: 0.12em;} */

.overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item::after, .overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item:before{height: 0;}

.overlay .menu-block .mobile-menu .menu-item.active > a{ color:#fa803e;}
.overlay .menu-block .mobile-menu .menu-item a:hover{color:#fa803e;}

.overlay ul.mobile-menu{display: flex;width: 100%;flex-wrap: wrap;flex-direction: row;margin-bottom: 1rem;}
.overlay ul.mobile-menu li{ position:relative; text-align:left; padding:5px 0 5px 0; width: 100%;flex: 0 0 100%;max-width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.overlay ul.mobile-menu li a{ display:block; padding:15px 0 15px 25px; }
.overlay ul.mobile-menu li span{ display:block; font-size:20px; color:#272727; width:50px; text-align:right; position:absolute; right:0; top:17px; cursor:pointer;font-weight: 400;font-family: 'ITCAVANTGARDESTDMD'; text-align: center;}
.overlay ul.mobile-menu li span:before{ display:block; content:"\f107"; font-family:'FontAwesome'; }
.overlay ul.mobile-menu li span.menu-open:before{ content:"\f106"; }
.overlay ul.mobile-menu li ul li span:before{ content:"\f107"; }
.overlay ul.mobile-menu li ul li span.menu-open:before{ content:"\f106"; }
.overlay .sub-menu{ display:none;padding:0 10px 0 12px; margin-bottom: 0;transition: all 600ms ease-in-out;}
.overlay .sub-menu.open{display:block}

.overlay .menu-block .bottom-block{ padding:80px 40px 20px 25px; margin:0;}
.overlay .menu-block .bottom-block .menu-contact-info{ padding:0 0 0 20px; margin:0; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk{ padding-bottom:0px; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li{ display:block; padding:0 0 10px 0; transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li a{font-size:16px; color:#fff; line-height:18px; padding:4px 0 4px 27px; transition:all 600ms ease-in-out;font-family: 'Campton Book';font-weight: 400; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li a:hover{ color:var(--secondary-color); }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(1) a{ background:url(images/menu-ph-icon.png) no-repeat left center / 16px; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(2) a{ background:url(images/menu-email-icon.png) no-repeat left center / 16px; }

.overlay .menu-block .bottom-block .menu-contact-info .location-blk{ transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay .menu-block .bottom-block .menu-contact-info .location-blk p{ display:inline-block; color:#fff; font-size:16px; font-weight:300; line-height:25px; padding:4px 0 4px 30px; background:url(images/menu-location-icon.png) no-repeat left top 8px / 16px;font-family: 'Campton Book';font-weight: 400;}

.overlay a:hover, .overlay a:focus { color: #1e3e98;}
.overlay .closebtn {width: auto; position: fixed;
  top: 17px;
  right: 23px;
  font-size: 10px;
  font-weight: 300; visibility: hidden; opacity: 0; transition: all 0ms ease-in-out; z-index:999999999; border: none; height: 35px;
  border: 1px solid #6825003d; width: 35px;
  text-align: center;
  line-height: 33px;
  border-radius: 50%;
  background: rgba(250, 128, 62, 0.28);}
.overlay.open-mobile-menu .closebtn{visibility:visible; opacity:1; transition:all 400ms ease-in-out; transition-delay:1s;    color:#272727;}
.overlay.open-mobile-menu .closebtn span:nth-child(1){font-size: 16px;text-transform: uppercase;letter-spacing: 0.10em;}
.overlay.open-mobile-menu .closebtn:hover{color:#646464;border-color:#646464;}
.overlay .sub-menu .menu-item {padding: 5px 0;}
.overlay .sub-menu .menu-item a{}

.overlay .closebtn::after{display:none;}
.overlay ul.mobile-menu{ width:100%; padding:0 0 30px; }
.overlay ul.mobile-menu li{ transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay ul.mobile-menu li:last-child{ border-bottom:none;border-top: none; }
.overlay.mobile-anim-menu ul.mobile-menu li{ visibility:visible; opacity:1; transform:translateY(0px); transition:all 600ms ease-in-out; transition-delay:.2s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(2){ transition-delay:.2s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(3){ transition-delay:.3s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(4){ transition-delay:.4s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(5){ transition-delay:.5s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(6){ transition-delay:.6s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(7){ transition-delay:.7s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(8){ transition-delay:.8s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(9){ transition-delay:.9s; }
.overlay.mobile-anim-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li{ visibility:visible; opacity:1; transform:translateY(0px); transition-delay:.1s; }
.overlay.open-mobile-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(2){ transition-delay:.2s; }
.overlay.open-mobile-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(3){ transition-delay:.3s; }
.overlay.mobile-anim-menu .menu-block .bottom-block .menu-contact-info .location-blk{ visibility:visible; opacity:1; transform:translateY(0px); transition-delay:.3s; }

.overlay ul.mobile-menu li a { top:140px;font-weight: 500;font-size:16px; color:var(--black-color); line-height:22px;transition:all 600ms ease-in-out; border-radius:0 30px 30px 0; }
.overlay .mobile-menu li a:hover{color:var(--secondary-color); }
.overlay .menu-block ul.mobile-menu .sub-menu .menu-item a{ font-size:15px; line-height:19px; font-weight:400; }
/* .overlay ul.mobile-menu li a::after{content: "";position: absolute;top: auto;bottom:9px;left: 0;width: 100%;height: 1px;background:#292929CC;opacity: 1!important;transform: scaleX(0);transform-origin: bottom right;transition: transform 0.25s ease-out;}
.overlay ul.mobile-menu li a:hover::after{transform: scaleX(1);transform-origin: bottom left;} */
.overlay .overlay-content .bg-img-box{opacity:0;transition:all 600ms ease-in-out;}
.overlay .overlay-content .bg-img-box{width:100%;height:100vh;object-fit:cover;}
.overlay .overlay-content .bg-img-box video{width: 100%;height: 100vh;object-fit: cover;}
.overlay.mobile-anim-menu .overlay-content .bg-img-box{opacity:0.2;} 

.overlay .logo-menu-blk{/*position: fixed; top: -72px;left: 23px;*/background:rgba(63, 141, 169, 0); padding:15px 20px 24px; border-radius:0;transition: all 600ms ease-in-out; z-index:9;/*box-shadow: 1px 0 10px rgba(0, 0, 0, 0.3);*/ opacity:0;transform:translateY(20px);    margin-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.overlay .logo-menu-blk img{width:90%;height: auto;}
.overlay.mobile-anim-menu .logo-menu-blk {transition: all 600ms ease-in-out;opacity:1;transform:translateY(0px);}
html.menu-class { overflow: hidden;}

.overlay .meida-blk{ opacity:0;transform:translateY(20px);transition: all 600ms ease-in-out;}
.overlay.mobile-anim-menu .meida-blk{transition: all 600ms ease-in-out;transition-delay: 0.3s;opacity:1;transform:translateY(0px);}
.overlay .meida-blk a{display:inline-block;margin-right:14px; color: #fff;font-size:17px;transition: all 600ms ease-in-out;
  width: 34px;
  height: 34px;background:#fa803e;
  border-radius: 100%;text-align: center;
  font-size: 16px;
  line-height: 34px;transform: scale(1);backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);}
.overlay .meida-blk a:hover{transition:all 600ms ease-in-out;transform: scale(1.1);}


/*---Inner Banner---*/

.inner-banner{padding-top:266px!important;padding-bottom:145px!important;position:relative;}
.inner-banner:before{position:absolute; content:""; bottom: 0; right:0; background: url(images/banner-bg.png) no-repeat center; width:455px; height:269px; background-size:100%;}
.inner-banner:after{position:absolute; content:""; bottom: -50px; left:0; background: url(images/banner-bg.png) no-repeat center; width:455px; height:269px; background-size:100%;transform: rotate(180deg);}
.inner-banner h1.heading{ text-align:left !important; font-size: 67px;font-family: 'Jost';font-weight: 600;line-height:70px;text-transform:uppercase;}

/*---Home Additions---*/

.additions-main-block{padding-top:43px!important;padding-bottom:30px!important;position:relative;}
.additions-main-block:before{position:absolute; content:""; top: 0; left:0; background: url(images/additions-bg-texture.jpg) no-repeat; width:100%; height:100%; background-size:cover;background-position:top center;}
.additions-main-block::after{position: absolute;content: "";top: 40%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}

.additions-main-block .additions-top-block .vc_col-sm-12 .vc_column-inner .wpb_wrapper{border-bottom:1px solid rgb(71, 71, 71, 0.259);}
.additions-main-block .additions-top-block .vc_col-sm-12 .vc_column-inner .wpb_wrapper .wpb_wrapper{border-bottom:none;}
.additions-main-block .additions-top-block .top-text-blk{max-width: 65%;margin-left: auto;margin-right: auto;}
.additions-main-block .additions-top-block .top-text-blk p{font-size:16px;line-height:26px;}
.additions-main-block .additions-top-block  .img-blk{text-align:center;padding: 10px;}
.additions-main-block .additions-top-block  .img-blk figure{position:relative;}
.additions-main-block .additions-top-block  .img-blk figure::before{position:absolute; content:""; top: -29px; left: -19px;background: url(images/left-border.png) no-repeat; width:calc(100% + 24px);height: calc(100% + 48px);background-size: auto;background-position: left bottom;}
.additions-main-block .additions-top-block  .img-blk figure::after{position:absolute; content:""; top: -29px; right: -19px;background: url(images/right-border.png) no-repeat; width:calc(100% + 24px);height: calc(100% + 48px);background-size: auto;background-position: right bottom;}
.additions-main-block .additions-top-block  .img-blk figure .vc_single_image-wrapper {border-radius: 500px;overflow: hidden;}
.additions-main-block .additions-top-block  .img-blk figure .vc_single_image-wrapper img{width:100%;height:auto;}

.additions-main-block .additions-bottom-block{padding-top:14px;}
.additions-main-block .additions-bottom-block .left-content-blk {padding-top:50px;padding-right:40px;}
.additions-main-block .additions-bottom-block .left-content-blk h2{font-size:38px;line-height:53px;text-transform:uppercase;font-family: 'Futura Bk BT';padding-bottom:10px;margin-bottom:0;}
.additions-main-block .additions-bottom-block .left-content-blk h2 strong{color:#f37a33;font-size:47px;letter-spacing:0.04em;display:block;}
.additions-main-block .additions-bottom-block .right-content-blk h2 strong{color:#f37a33;}
.additions-main-block .additions-bottom-block .left-content-blk p{font-size:16px;line-height:26px;margin-bottom:0;}
.additions-main-block .additions-bottom-block .left-content-blk p:last-child {padding-bottom: 0;}
.additions-main-block .additions-bottom-block .left-content-blk ul li, .additions-main-block .additions-bottom-block .right-content-blk ul li{font-size:16px;line-height:23px;margin-bottom:0;color: #4d4d4d;font-family: 'Futura Bk BT';font-weight: 500;padding-left:52px;background: url(images/list-icon.png) no-repeat left top 4px;padding-bottom:18px;}

.additions-main-block .additions-bottom-block .right-content-blk {padding-top:50px;padding-left:40px;border-left:1px solid rgb(71, 71, 71, 0.259);}
.additions-main-block .additions-bottom-block .right-content-blk h2{font-size:38px;line-height:53px;text-transform:uppercase;font-family: 'Futura Bk BT';padding-bottom:10px;margin-bottom:0;}
.additions-main-block .additions-bottom-block .right-content-blk p{font-size:16px;line-height:26px;margin-bottom:0;}
.additions-main-block .additions-bottom-block .right-content-blk p:last-child {padding-bottom: 0;}


/*---About us---*/

.with-you-every-step{padding-top:70px!important;padding-bottom:40px!important;position:relative;}
.with-you-every-step:before{position:absolute; content:""; top: 0; left:0; background: url(images/additions-bg-texture.jpg) no-repeat; width:100%; height:100%; background-size:cover;background-position:top center;}
.with-you-every-step::after{position: absolute;content: "";top: 40%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}
.with-you-every-step .img-blk figure{padding:24px;position:relative;}
.with-you-every-step .img-blk figure::before{position:absolute; content:""; top: 5px; left:0; width:100%;height:100%;border:2px dashed rgb(71, 71, 71, 0.329);border-radius: 50%;}
.with-you-every-step .content-blk {padding-left: 50px;}
.with-you-every-step .content-blk h2{font-size:53px;line-height:64px;text-transform:uppercase;font-family: 'Futura Bk BT';padding-bottom:10px;margin-bottom:0;letter-spacing:0.08em;color: rgb(0, 0, 0);padding-bottom:15px;}
.with-you-every-step .content-blk p{font-size:16px;line-height:26px;margin-bottom:0;}
.with-you-every-step .content-blk p:last-child {padding-bottom: 0;}


.about-our-service{padding-top:6px!important;padding-bottom:6px!important; background: rgb(242, 121, 54);box-shadow: inset 0px 5px 68px 0px rgba(0, 0, 0, 0.1);}
.about-our-service .icon-box{padding:30px 40px 40px 40px;border-right:1px dashed rgba(255,255,255,0.369);}
.about-our-service .vc_row  .icon-box:last-child{padding-right:0;border-right:none;}
.about-our-service .vc_row  .icon-box:first-child{padding-left:0;}
.about-our-service .icon-box .icon figure{padding:72px 0 22px 0;position: relative;}
.about-our-service .icon-box .icon figure::before{content:'';width:180px;height:100%;top: 0;right: -59px;background: url(images/out-line-texture.png) no-repeat top right;position:absolute;} 
.about-our-service .icon-box h3{font-size:25px;line-height:26px;font-family: 'Futura Bk BT';color: rgb(255, 255, 255);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0;padding:5px 0 12px;}
.about-our-service .icon-box p{font-size:16px;line-height:23px;margin-bottom:0;color:#fff;text-align:center;}
.about-our-service .icon-box p:last-child {padding-bottom: 0;}


.why-choose-us-section{padding-top:65px!important;padding-bottom:71px!important; }
.why-choose-us-section h2{font-size:53px;line-height:64px;text-transform:uppercase;font-family: 'Futura Bk BT';margin-bottom:0;letter-spacing:0.08em;padding-bottom:47px;}
.why-choose-us-section .count-block .item-blk .vc_column-inner{display: flex;justify-content: center;}
.why-choose-us-section .count-block .item-blk:last-child .vc_column-inner{justify-content:flex-end;}
.why-choose-us-section .count-block .item-blk:first-child .vc_column-inner{justify-content:flex-start;}
.why-choose-us-section .count-block .item-blk .vc_column-inner .wpb_wrapper{padding:15px;border:2px dashed rgb(242, 121, 54);border-radius: 50%;}
.why-choose-us-section .count-block .item-blk .vc_column-inner .wpb_wrapper .wpb_wrapper{padding:0;border:none;border-radius:0;}
.why-choose-us-section .count-block .item-blk .block{width:320px;height:320px;border-radius: 50%;background-color: rgb(255, 255, 255);box-shadow: inset 0px 5px 8px 0px rgba(0, 0, 0, 0.55);display: flex;align-items: center;justify-content: center;padding: 25px 40px;}
.why-choose-us-section .count-block .item-blk .block h3{ font-size: 103px; font-family: "Jost";color: rgb(242, 121, 54);letter-spacing:0.04em;font-weight:700;line-height: 88px;text-align: center;}
.why-choose-us-section .count-block .item-blk .block  p{font-size:22px;line-height:29px;margin-bottom:0;color:#222222;text-align:center;padding-bottom:0;}


.know-about-us-section{padding-top:54px!important;padding-bottom:30px!important;}
.know-about-us-section h2{font-size:32px;line-height:40px;text-transform:uppercase;font-family: 'Futura Bk BT';margin-bottom:0;letter-spacing:0.04em;padding-bottom:18px;font-weight: normal;}
.know-about-us-section p{font-size:16px;line-height:23px;margin-bottom:0;}
.know-about-us-section p:last-child {padding-bottom: 0;}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-heading {background: transparent!important;border: none!important;border-radius: 0 !important;transition: all 600ms ease-in-out;}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-body {background: transparent!important;border: none!important;padding: 23px 23px 23px 0;}
.know-about-us-section .popular-questions-block .vc_tta-panel.vc_active .vc_tta-panel-heading { background: rgb(242, 121, 54)!important;}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-heading h4{font-size:16px;line-height:23px;font-family: 'Futura Bk BT';transition: all 600ms ease-in-out;}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-heading h4 a{color:#222222!important;transition: all 600ms ease-in-out;padding:10px 20px 10px 43px;}
.know-about-us-section .popular-questions-block .vc_tta-panel.vc_active .vc_tta-panel-heading h4{font-size: 15px;font-family: 'Futura Bk BT';text-transform: uppercase;letter-spacing:0.08em;text-transform:uppercase;}
.know-about-us-section .popular-questions-block .vc_tta-panel.vc_active .vc_tta-panel-heading h4 a{color:#fff!important;padding:10px 20px 10px 50px;transition: all 600ms ease-in-out;}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-heading a i.vc_tta-controls-icon {width: 30px;height: 30px;background: #f27936;left: 0;top: 7px;  transform: translateY(0);}
.know-about-us-section .popular-questions-block .vc_tta-panel.vc_active .vc_tta-panel-heading a i.vc_tta-controls-icon {width: 30px;height: 30px;background: #fff;left: 8px;top: 7px;  transform: translateY(0);}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-heading a i.vc_tta-controls-icon::after{background:url(images/down-right.png) no-repeat;border: none;width: 7px;height: 13px;left: 15px;top: 8px;}
.know-about-us-section .popular-questions-block .vc_tta-panel .vc_tta-panel-heading a i.vc_tta-controls-icon::before{background:url(images/down-arrow.png) no-repeat;border: none;width:13px;height: 7px;left:8px;}
.know-about-us-section .popular-questions-block{padding-left:70px;border-left:2px dashed #e9e9e9;}
.know-about-us-section .out-mission-block {padding-right:40px;}


.about-contact-info-section{padding-top:11px!important;padding-bottom:11px!important;}
.about-contact-info-section .item-blk h4{margin-bottom:0;font-size:25px;font-family: 'Futura Bk BT';padding-left:60px;padding:30px 0 30px 75px;}
.about-contact-info-section .item-blk h4.call-blk{background:url(images/call-icon.png) no-repeat left center;left:0;top:20px; }
.about-contact-info-section .item-blk h4 a:hover{color:#f27a38;}
.about-contact-info-section .item-blk h4.email-blk{background:url(images/emaill-icon.png) no-repeat left center;left:0;top:20px; }
.about-contact-info-section .item-blk h4.location-blk{background:url(images/insta-icon.png) no-repeat left center;left:0;top:20px; }
.about-contact-info-section .item-blk .vc_column-inner{display: flex;justify-content: center;border-right:2px solid rgb(255, 255, 255, 0.188);}
.about-contact-info-section .item-blk:last-child .vc_column-inner{justify-content:flex-end;border:none;}
.about-contact-info-section .item-blk:first-child .vc_column-inner{justify-content:flex-start;}


/*---Mill Work---*/

.mill-work-section{padding-top:83px!important;padding-bottom:70px!important;position:relative;background: url(images/additions-bg-texture.jpg) no-repeat;background-size:100% auto;background-position:top center;}
.mill-work-section:before{position: absolute;content: "";top:14%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}
.mill-work-section::after{position: absolute;content: "";top: 40px;right: 67px;width:724px; height: 728px; background: url(images/Mill-Work-bg-texture.png) no-repeat center;background-size: auto;background-size: 100%;}
.mill-work-section .inner-block .repeater-block .content-blk  h2{font-size: 38px;font-family: 'Futura Bk BT'; color: rgb(0, 0, 0);text-transform: uppercase;line-height:44px;margin-bottom:0;padding-bottom:30px;}
.mill-work-section .inner-block .repeater-block .content-blk  h2 strong{color:#f27a38;font-family: 'Futura Bk BT';font-weight:normal;letter-spacing:0.04em;}
.mill-work-section .inner-block .repeater-block .content-blk p{font-size:16px;line-height:26px;margin-bottom:0;}
.mill-work-section .inner-block .repeater-block .content-blk p:last-child {padding-bottom: 0;}
.mill-work-section .inner-block .repeater-block .content-blk .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.mill-work-section .inner-block .repeater-block .content-blk .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.mill-work-section .inner-block .repeater-block .content-blk .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.mill-work-section .inner-block .repeater-block .content-blk .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}

.mill-work-section .inner-block .repeater-block {padding-bottom:30px;}
.mill-work-section .inner-block .repeater-block{align-items:center;}
.mill-work-section .inner-block .repeater-block:nth-child(even){flex-direction: row-reverse;} 
.mill-work-section .inner-block .repeater-block:last-child{padding-bottom:0;} 
.mill-work-section .inner-block .repeater-block:nth-child(odd) .content-blk{padding-left:60px;}
.mill-work-section .inner-block .repeater-block:nth-child(even) .content-blk{padding-right:60px;}


/*---Gallery---*/
.gallery-main-section{padding-top:83px!important;padding-bottom:70px!important;position:relative;background: url(images/additions-bg-texture.jpg) no-repeat;background-size:100% auto;background-position:top center;}
.gallery-main-section:before{position: absolute;content: "";top:14%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}
.gallery-main-section::after{position: absolute;content: "";top: 40px;right: 67px;width:724px; height: 728px; background: url(images/Mill-Work-bg-texture.png) no-repeat center;background-size: auto;background-size: 100%;}
.gallery-main-section .modula-item{padding: 5px;}
.gallery-main-section .modula-item .modula-item-overlay{content:'';width: calc(100% + 10px);height: calc(100% + 10px);position: absolute;background: #fff;top: -5px;left: -5px;z-index: 1;}
.gallery-main-section .modula-item .modula-item-content{position: relative;z-index: 1;overflow: hidden;}
.gallery-main-section .modula-items .modula-item:nth-child(2) {margin-top:40px;} 
.gallery-main-section .modula-items .modula-item:nth-child(4) {margin-top:40px;} 
.gallery-main-section .modula-items .modula-item:nth-child(6) {margin-top:40px;} 

/*---Contact Us---*/

.contact-us-section{padding-top:83px!important;padding-bottom:50px!important;position:relative;background:#f9f6f4;}
.contact-us-section:before{position: absolute;content: "";top:25%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}

.contact-us-section h2{font-size: 28px;line-height:32px; font-family: 'Futura Bk BT';font-weight:normal;letter-spacing:0.08em;  text-transform: uppercase;color: rgb(26, 26, 26);margin-bottom:0;padding-bottom:18px;}
.contact-us-section p{font-size:16px;line-height:26px;margin-bottom:0;}
.contact-us-section .content-blk{padding-right:70px;}
.contact-us-section .content-blk .social-media{padding-top:22px;}
.contact-us-section .content-blk .social-media ul li{display:inline-block;margin-right:15px;}
.contact-us-section .content-blk .social-media ul li a{color:#202020;font-size:25px;transition:all 600ms ease-in-out;}
.contact-us-section .content-blk .social-media ul li a:hover{color:#f37a33;}
.contact-us-section .contact-us-blk{background-color: rgb(255, 255, 255);box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);border-radius: 20px;padding:40px;}
.contact-us-section .contact-us-blk .form-control{border:none;border-bottom:1px solid #cccccc;border-radius:0;outline:none;padding-left:0;font-family: 'Futura Bk BT';font-weight:normal;color: rgb(34, 34, 34);font-size: 16px;box-shadow:none;margin-bottom:15px;}
.contact-us-section .contact-us-blk .form-control::placeholder{color: rgb(34, 34, 34);opacity:1;}
.contact-us-section .contact-us-blk textarea.form-control {resize:none;height:90px;margin-bottom:30px;}
.contact-us-section .contact-us-blk .common-btn{padding:0; border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.contact-us-section .contact-us-blk .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size: contain;width: 63px;top: -1px;height: 103%;left: -32px;}
.contact-us-section .contact-us-blk .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.contact-us-section .contact-us-blk .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}
.contact-us-section .contact-us-blk .common-btn .btn-submit{cursor:pointer; background: transparent; text-transform:uppercase; letter-spacing:1px; border: none; font-size: 14px; line-height: 16px; padding:17px 15px 17px 55px;}

.contact-us-section .contact-info-block{padding-top:50px;}
.contact-us-section .contact-info-block .item-blk h4{border-radius: 23px;background-color: rgb(243, 122, 51);padding:43px 30px 43px 135px;min-height:114px;}
.contact-us-section .contact-info-block .item-blk h4 {font-size: 20px;font-family: 'Futura Bk BT';font-weight:normal;}
.contact-us-section .contact-info-block .item-blk h4.phone-blk {font-size: 24px;font-family: 'Futura Bk BT';font-weight:bold;background:rgb(243, 122, 51) url(images/mobile-icon.png);background-repeat: no-repeat;background-position: left 33px top 21px;background-size: 80px;}
.contact-us-section .contact-info-block .item-blk h4.email-blk {background:rgb(243, 122, 51) url(images/mail-icon.png);background-repeat: no-repeat;background-position: left 33px top 21px;background-size: 80px;}
.contact-us-section .contact-info-block .item-blk h4.location-blk {background:rgb(243, 122, 51) url(images/insta-icon01.png);background-repeat: no-repeat;background-position: left 33px top 21px;background-size: 80px;}


/*---Blog Css---*/
.blog-list-section{padding-top:80px!important;padding-bottom:50px!important;position:relative;background: url(images/additions-bg-texture.jpg) no-repeat;background-size:100% auto;background-position:top center;}
.blog-list-section:before{position: absolute;content: "";top:25%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}
.blog-list-section .lower_box .card-box{margin-bottom:30px;}
.blog-list-section .lower_box .card-box .img-block{margin-bottom:20px;}
.blog-list-section .lower_box .card-box .img-block img{height:auto;object-fit:cover;width:100%;}
.blog-list-section .lower_box .card-box .blog-post-date span{color:#B1B1B1;font-size:12px;font-family: 'Jost';font-weight:400;position:relative;padding:0 6px;letter-spacing: 0.08em;}
.blog-list-section .lower_box .card-box .blog-post-date span.categories{color:#fff;font-family: 'Jost';font-weight: 500;text-transform: uppercase;padding:6px 12px;background: #fa803e;border-radius: 4px;line-height: 13px;display: inline-block;}
.blog-list-section .lower_box .card-box .blog-post-date span.name{font-family: 'Jost';font-weight:500;text-transform:uppercase;padding:0 13px 0 9px;}
.blog-list-section .lower_box .card-box .blog-post-date span.name::after{content: '';width:3px;height:3px;border-radius:50%; background:#B1B1B1;position: absolute;right:0;top:0;bottom:0;margin: auto;}

.blog-list-section .lower_box .card-box h2{font-family: 'Jost';font-weight: 700;padding:12px 0;font-size: 28px;line-height: 38px;margin-bottom:0;}
.blog-list-section .lower_box .card-box h2 a{color: var(--black-color);transition:all 600ms ease-in-out;}
.blog-list-section .lower_box .card-box p{font-size:16px;line-height:23px;margin-bottom:0;}
.blog-list-section .lower_box .card-box h2 a:hover{color: #fa803e;}

.blog-list-section .lower_box .card-box .common-btn{border:1px solid var(--primary-color); border-left:none; color:var(--black-color); margin-left:25px;}
.blog-list-section .lower_box .card-box .common-btn:after{background:url(images/c-icon-orange.png) no-repeat center; background-size:100%; }
.blog-list-section .lower_box .card-box .common-btn:before{background:url(images/arrow-orange.png) no-repeat center; border-left:1px solid var(--primary-color);}
.blog-list-section .lower_box .card-box .common-btn:hover:before{background:url(images/arrow.png) no-repeat center, var(--primary-color);}

.blog-list-section .lower_box .pagination{padding: 40px 0 0 0;display: block;width: 100%; text-align: center;}
.blog-list-section .lower_box .pagination a.inactive, .blog-list-section .lower_box .pagination span.current{display: inline-block;width: 35px;height: 35px; border: 1px solid #000;border-radius: 100%;font-family: 'Jost';font-size:16px;font-weight:500;line-height: 33px;color: #000;transition:all 600ms ease-in-out;margin: 0 5px;}
.blog-list-section .lower_box .pagination a.inactive:hover, .blog-list-section .lower_box .pagination span.current{border: 1px solid #fa803e;color: #fff;background:#fa803e;}


.blog-banner.inner-banner{padding-top: 250px !important;padding-bottom: 250px !important;}
.blog-content-section{position:relative;background: url(images/additions-bg-texture.jpg) no-repeat;background-size:100% auto;background-position:top 120px center;}
.blog-content-section:before{position: absolute;content: "";top:40%;left: 0;width: 242px; height: 252px; background: url(images/service-before-bg.png) no-repeat center;background-size: auto;background-size: 100%;}
.blog-content-section::after{position: absolute;content: "";top: 40px;right: 67px;width:724px; height: 728px; background: url(images/Mill-Work-bg-texture.png) no-repeat center;background-size: auto;background-size: 100%;}
.blog-content-section .top-content{width: 100%;max-width: 1060px;padding:0;margin: -120px auto 0;position:relative;background:#fff;}
/* .blog-content-section .top-content .image-block{height: 450px;overflow:hidden;} */
.blog-content-section .top-content .image-block img{width: 100%;max-width: 100%;height: auto;}
.blog-content-section .top-content .blog-post-date span{color:#B1B1B1;font-size:12px;font-family: 'Jost';font-weight:400;position:relative;padding:0 6px;letter-spacing: 0.08em;}
.blog-content-section .top-content .blog-post-date span.categories{color:#fff;font-family: 'Jost';font-weight: 500;text-transform: uppercase;padding:6px 12px;background: #fa803e;border-radius: 4px;line-height: 13px;display: inline-block;}
.blog-content-section .top-content .blog-post-date span.name{font-family: 'Jost';font-weight:500;text-transform:uppercase;padding:0 13px 0 9px;}
.blog-content-section .top-content .blog-post-date span.name::after{content: '';width:3px;height:3px;border-radius:50%; background:#B1B1B1;position: absolute;right:0;top:0;bottom:0;margin: auto;}
.blog-content-section .top-content .title-blk{padding: 55px;text-align: center;}
.blog-content-section .top-content .title-blk h1{font-family: 'Jost';font-weight: 700;padding:20px 0 0 0;font-size: 45px;line-height: 60px;margin-bottom:0;color: var(--black-color);max-width: 85%;margin: 0 auto;}
.blog-content-section .wrapper{max-width: 65%;margin: 0 auto;padding:50px 0;}
.blog-content-section .wrapper h2{font-size: 27px; line-height: 32px;font-family: 'Jost';font-weight: 600;margin-bottom: 0;letter-spacing: 0.02em;padding-bottom: 13px; }
.blog-content-section .wrapper h3{font-size: 20px; line-height: 25px;font-family: 'Jost';font-weight: 500;margin-bottom: 0;letter-spacing: 0.02em;padding-bottom: 13px; }
.blog-content-section .wrapper p{font-size:16px;line-height:26px;margin-bottom:0;}

.blog-content-section .wrapper ul, .blog-content-section .wrapper ol{list-style:none; padding-left:0; padding-bottom:25px;}
.blog-content-section .wrapper ul li, .blog-content-section .wrapper ol li{position:relative;font-size: 16px; line-height: 26px; margin-bottom: 15px; padding-left: 20px;}
.blog-content-section .wrapper ul li:before, .blog-content-section .wrapper ol li:before{content: '';width: 8px;height: 8px;background-color:var(--primary-color);position: absolute;left: 0;top: 10px;bottom: 0;margin: 0;}
.blog-content-section .wrapper ul li:after, .blog-content-section .wrapper ol li:after{content: '';width: 8px;height: 8px;background-color: var(--black-color);position: absolute;left: 3px;top: 14px;bottom: 0;margin: 0;}

/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation: landscape) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (orientation: portrait) {
  body {
    -webkit-text-size-adjust: none;
  }
}

@media screen and (max-width: 1400px) {
    .main-banner h1{font-size:50px; line-height:52px;}
    .main-banner h1 strong{font-size:80px; line-height:76px;}
    .title-block h2{font-size:43px; line-height:45px;}
    .testimonial-sec{padding-top:90px;}
	.inner-banner h1.heading{font-size:60px; line-height:62px;}

}

@media screen and (max-width: 1299px) {
	
    .service-sec .service-box .box-inner h3{font-size:25px; line-height:30px;}
    .service-sec .service-box .box-inner p{min-height:210px;}
    .testimonial-sec .box .inner-box p{min-height:230px;}
    .contact-sec .contact-block .rt-block{width:910px;}
    .blog-sec .blog-items .content{padding:40px 30px 35px;}
    .blog-sec .blog-items .content h3{font-size:24px;}
    .title-block h2{font-size:40px; line-height:45px;}
	.title-block h4 strong{padding: 14px 18px;font-size: 13px;}
    .blog-sec{padding-bottom:30px;}
    footer .footer-top-block .col:nth-child(3){padding:50px 0 70px 86px;}
    footer .footer-top-block .col:nth-child(1){padding:35px 93px 0 0;max-width:185px;}
    .main-banner h1{font-size:45px; line-height:50px;}
    .main-banner h1 strong{font-size:70px; line-height:74px;}
	
	.about-sec .home-img{bottom: -200px;}
	 .common-btn{padding: 17px 66px 17px 39px;}
	.contact-us-section .contact-us-blk .common-btn .btn-submit{padding: 17px 0 17px 36px;}
	.contact-us-section .contact-us-blk .common-btn::before, .common-btn::before{width: 48px;background-size: 16px!important;}
	.navbar-default.navbar-fixed .common-btn::before{background-size: 16px!important;}
	 .common-btn:hover::before, .navbar-default.navbar-fixed .common-btn:hover::before, .contact-sec .contact-block .rt-block .common-btn::before, .blog-sec .common-btn::before, .gallery-sec .common-btn::before, .about-sec .common-btn::before, .service-sec .service-box .box-inner .common-btn::before{background-size: 16px!important;}
	.common-btn::after{height: calc(100% + 2px);top: -1px;left: -25px;width: 51px;background-size: contain!important;}
	.navbar-default .sf-menu li{padding-right: 40px;}
	.about-sec .btn-block i{padding: 15px 19px;font-size: 20px;}
	.contact-sec .contact-block .rt-block .common-btn .btn-submit{padding: 17px 1px 17px 40px;}
	footer .footer-top-block .col:nth-child(2) .d-flex{gap: 20px;}
	footer .footer-top-block h4{font-size: 18px;}
	footer .footer-top-block .col:nth-child(2){padding: 50px 57px 70px;}
	footer .footer-top-block .col:nth-child(3){padding: 50px 0 70px 60px;}
	footer{padding-bottom:5px;}
	footer .footer-bottom-block{padding-top: 20px;}
	footer .footer-bottom-block p{font-size: 14px;line-height: 20px;margin-bottom:10px;}
	.contact-sec .contact-block .lt-block h3{font-size: 25px;}
	.contact-sec .contact-block .rt-block h3{font-size: 25px;}
	
	 .inner-banner h1.heading{font-size:55px; line-height:58px;}
	
	.additions-main-block .additions-bottom-block .left-content-blk h2{font-size: 30px; line-height: 44px;}
	.additions-main-block .additions-bottom-block .left-content-blk h2 strong{font-size: 38px;}
	.additions-main-block .additions-bottom-block .right-content-blk h2{font-size: 30px;line-height: 44px;}
	
	.service-sec.remodel-service-sec .service-box .box-inner h3{font-size: 25px;line-height: 30px;}
	
	.with-you-every-step .img-blk figure::before{border: 1px dashed rgba(71, 71, 71, 0.33);}
	.with-you-every-step .img-blk figure{padding: 20px;}
	.with-you-every-step .content-blk h2{font-size: 42px;line-height: 52px;}
	.about-our-service .icon-box h3{font-size: 21px;line-height: 24px;}
	.why-choose-us-section h2{font-size: 40px;line-height: 50px;}
	.why-choose-us-section .count-block .item-blk .block h3{font-size: 65px;line-height:65px;}
	.why-choose-us-section .count-block .item-blk .block p{font-size: 18px;line-height: 26px;}
	.why-choose-us-section .count-block .item-blk .block{width: 280px;height: 280px;}
	.why-choose-us-section .count-block .item-blk .vc_column-inner .wpb_wrapper{padding: 10px;border: 1px dashed rgb(242, 121, 54);}
	.know-about-us-section h2{font-size: 28px;line-height: 32px;}
	.know-about-us-section .popular-questions-block{border-left: 1px dashed #e9e9e9;}
	.about-contact-info-section .item-blk h4{font-size: 21px;background-size: 50px !important;padding: 22px 0 22px 62px;}
	.about-contact-info-section .item-blk .vc_column-inner{border-right: 1px solid rgba(255, 255, 255, 0.19);}
	
	.blog-list-section .lower_box .card-box h2{font-size: 23px;line-height: 31px;}
	
	
}


@media screen and (max-width: 1199px) {
  
	.navbar-default .sf-menu li{padding-right:19px;}
	.navbar-default .sf-menu li.menu-item-has-children{padding-right: 31px;} 

	.navbar-default .header-block .common-btn {padding: 14px 60px 14px 33px;font-size: 13px;}
	.navbar-default .common-btn::before{width: 39px;background-size: 14px!important;}
	.navbar-default .common-btn::after{width: 45px;left: -23px;}
	.main-banner::after, .main-banner::before{background-size: contain;width:333px;height: 208px;}
	.main-banner{padding: 280px 15px 120px !important;}
	.main-banner h1{font-size: 35px;line-height: 50px;}
	.main-banner h1 strong{font-size: 58px;line-height: 61px;}
	.title-block h2{font-size: 35px;line-height: 41px;}
	.title-block h4 strong{padding: 12px 14px;}
	.service-sec .service-box .box-inner{padding: 27px 33px 30px 33px;background-size: 320px 320px;background-position:top 11px left 6px;}
	.service-sec .service-box .box-inner h3{font-size: 22px;line-height: 28px;margin: 0 0 20px;}
	.service-sec .service-box .box-inner .common-btn{padding: 17px 65px 17px 35px;}
	.service-sec .service-box .box-inner p{min-height: 260px;}
	.about-sec .btn-block{display: block;}
	.about-sec .common-btn{margin-bottom:15px;}
	.about-sec .btn-block i{padding: 14px 17px;font-size: 18px;}
	.about-sec .btn-block div a:last-child i {border-left:none;}
	.service-sec::before{background-size: contain;width: 172px;height: 190px;}
	.service-sec::after{background-size: contain;width: 593px;height: 602px;}
	.gallery-sec::before{background-size: contain;width: 505px; height: 193px;}
	.testimonial-sec .box .inner-box p{min-height:175px;}
	.contact-sec .contact-block .rt-block{width: 88%;padding: 54px 35px 50px 248px;}
	.contact-sec .contact-block .lt-block{width: 35%;}
	.contact-sec .contact-block .lt-block h3{font-size: 22px;}
	.contact-sec .contact-block .lt-block{padding: 35px 27px 48px 27px;}
	.contact-sec .contact-block .lt-block ul li{padding: 0 0 53px 42px;background-size: 19px;background-position: top left 5px;}
	.contact-sec .contact-block .lt-block ul li:nth-child(2){background-size: 23px;background-position: top 3px left;}
	.contact-sec .contact-block .lt-block ul li:last-child{background-size: 23px; background-position: top 5px left;font-size: 21px;}
	.contact-sec .contact-block .lt-block ul li::after{top: 36px;height: 24px;}
	.contact-sec .contact-block .lt-block h3{margin: 0 0 34px;}
	.contact-sec .contact-block .rt-block h3{margin: 0 0 34px;}
	.blog-sec .blog-items .content h3{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.blog-sec .blog-items .content{padding:35px 20px 25px;}
	.blog-sec .blog-items .img-block .date{padding: 6px 20px;font-size: 13px;border: 2px solid #fff;bottom: -18px;left: 19px;}
	.blog-sec .blog-items .content p{min-height: 260px;}
	footer .footer-top-block .col:nth-child(1){max-width: 160px;padding: 35px 50px 0 0;}
	footer .footer-top-block .col:nth-child(2){padding: 40px 46px 70px;}
	footer .footer-top-block .col:nth-child(3){padding: 40px 0 70px 60px;}
	.testimonial-sec .sa_owl_theme .owl-nav .owl-next{right: -25px;}
	.testimonial-sec .sa_owl_theme .owl-nav .owl-prev{left: -25px;}
	.blog-sec .owl-carousel .owl-nav .owl-prev{left: -30px;}
	.blog-sec .owl-carousel .owl-nav .owl-next{right: -30px;}
	
	.inner-banner{padding-top: 253px !important;padding-bottom: 96px !important;}
	.inner-banner h1.heading{font-size: 45px;line-height: 55px;}
	.mill-work-section .inner-block .repeater-block .content-blk h2{font-size: 32px;line-height: 36px;padding-bottom: 16px;}
	.inner-banner::after, .inner-banner::before{background-size: contain;width:254px;height: 190px;}
	
	.mill-work-section::before{background-size: contain;width: 150px;height: 139px;}
	.mill-work-section::after{background-size: contain;width: 461px;height: 442px;background-size: contain;}
	
	.additions-main-block::after{width: 168px; height: 190px;background-size: contain;}
	.additions-main-block .additions-top-block .img-blk figure::before{top: -9px;left: -12px;width: calc(66% + 22px);height: calc(94% + 44px);background-size: 100% 100%;}
	.additions-main-block .additions-top-block .img-blk figure::after{top: -9px;right: -12px;width: calc(66% + 22px);height: calc(94% + 44px);background-size: 100% 100%;}
	.additions-main-block .additions-bottom-block .right-content-blk h2, .additions-main-block .additions-bottom-block .left-content-blk h2{line-height: 40px;}
	.additions-main-block .additions-bottom-block .left-content-blk h2 strong{font-size: 30px;}
	
	.service-sec.remodel-service-sec{padding-top: 0px !important;}
	.service-sec.remodel-service-sec .service-box .box-inner h3{font-size: 22px; line-height: 20px;}
	.service-sec.remodel-service-sec .service-box .box-inner img{height: 224px;width: 224px;}
	.service-sec.remodel-service-sec .service-box .box-inner p{min-height: 104px;}
	
	.with-you-every-step::after{width: 150px;height: 171px;background-size: contain;}
	.with-you-every-step .content-blk h2{font-size: 35px; line-height: 43px;}
	.with-you-every-step .img-blk figure{padding: 15px;}
	.about-our-service .icon-box .icon figure{padding: 50px 0 17px 0;}
	.about-our-service .icon-box .icon figure::before{width: 133px;background-size: contain;right: -44px;}
	.about-our-service .icon-box .icon figure img{width: 60px;height: 60px;object-fit: contain;}
	.about-our-service .icon-box{padding: 30px 20px 40px 20px;}
	.why-choose-us-section h2{font-size: 35px; line-height: 44px;}
	.why-choose-us-section .count-block .item-blk .block{width: 250px; height: 250px;padding: 25px 18px;}
	.why-choose-us-section .count-block .item-blk .block h3{font-size: 55px;line-height: 52px;}
	.know-about-us-section h2{font-size: 25px;line-height: 31px;}
	.know-about-us-section .popular-questions-block{padding-left: 30px;padding-right: 30px;}
	
	.blog-list-section::before, .gallery-main-section::before{width: 148px;height: 144px;background-size: contain;}
	.gallery-main-section::after{width: 416px;height: 409px;right: 23px;background-size: contain;}
	
	.blog-banner.inner-banner{padding-top: 215px !important;padding-bottom: 205px !important;}
	.blog-content-section .top-content .title-blk h1{font-size: 40px;line-height: 58px;}
	.blog-content-section::before{display:none}
	.blog-content-section::after{width: 525px; height: 538px;background-size: contain;}
	.blog-content-section .wrapper{max-width: 80%;}

	.contact-us-section{padding-top: 50px !important;padding-bottom: 40px !important;}
	.contact-us-section::before{width: 148px;height: 144px;background-size: contain;}
	.contact-us-section .contact-info-block .item-blk h4.email-blk{background-position: left 14px top 21px;background-size: 48px;}
	.contact-us-section .contact-info-block .item-blk h4{font-size: 18px;padding: 30px 30px 30px 72px;min-height: 84px;border-radius: 12px;}
	.contact-us-section .contact-info-block .item-blk h4.phone-blk{background-position: left 14px top 21px;background-size: 48px;font-size: 20px;}
	.contact-us-section .contact-info-block .item-blk h4.location-blk{background-position: left 14px top 21px;background-size: 48px;}
	.contact-us-section h2{font-size: 22px; line-height: 26px;}
	.contact-us-section .contact-us-blk{padding: 25px;}
	.contact-us-section .contact-us-blk .form-control{font-size: 14px;}
	
	 .about-sec .home-img { bottom: -164px;}
}

@media screen and (max-width: 991px) {
  
	.navbar-default .header-block .common-btn{display:none;}
   .navbar-default .sf-menu li a{padding: 40px 0;}
	.navbar-default .sf-menu li{padding-right: 30px;}
  .navbar-default.navbar-fixed{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08); background:#373536; transition: all 600ms ease-in-out; border:none;}
.navbar-default.navbar-fixed .sf-menu li a{padding:30px 0; color:var(--black-color);}
.navbar-default.navbar-fixed .sf-menu li a:hover, .navbar-default.navbar-fixed .sf-menu li.active a, .navbar-default.navbar-fixed .sf-menu .sub-menu li a:hover{color: #fa803e;}
.navbar-default.navbar-fixed .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;}
	.navbar-default .header-block .logo-block{width: 70px;}
	.navbar-default .header-block .logo-block img{max-width: 100%;height: auto;}
	
	.main-banner h1{font-size: 25px; line-height: 48px;}
	.main-banner h1 strong{font-size: 48px;line-height: 53px;}
	.main-banner::after, .main-banner::before{width: 268px; height: 179px;}
	.main-banner{padding: 230px 15px 100px !important;}
	
	.service-sec{padding-top: 40px !important;}
	.title-block h4 strong{padding: 8px 10px;}
	.title-block h2{font-size: 30px; line-height: 34px;}
	.service-sec::before{width: 140px;height: 166px;}
	.service-sec::after{width: 433px;height: 448px;}
	.service-sec .vc_row{display: flex;flex-direction: column;}
	.service-sec .service-box{width: 100%;margin-bottom: 0px;}
	.service-sec .service-box .box-inner p{min-height: auto;}
	.service-sec .service-box .box-inner{text-align: center;}
	.service-sec .service-box .box-inner{background-image:none;position: relative;z-index: 1;overflow: hidden;}
	.service-sec .service-box .box-inner::before{content:'';width:400px;height:400px;background:url(images/service-bg.png) no-repeat;position:absolute;top:8px;left:0;right:-58px;margin: 0 auto;background-size: contain;}
	.about-sec{padding-top: 126px !important;}
	.about-sec p{margin-bottom:0;}
	.about-sec .top-content{display: flex;flex-direction: column;}
	.about-sec .top-content .vc_col-sm-6{width: 100%; text-align: center;}
	.about-sec .btn-block{display: flex;justify-content: center;}
	.about-sec .btn-block i{background: transparent;}
	.about-sec .home-img .vc_figure::after{width: 403px;height: 498px;top: -145px;right: 28px;}
	.gallery-sec::before{width: 327px;height: 170px;top: 4%;}
	.gallery-sec::after{top: 25%;width: 372px;height: 143px;background-size: contain;}
	.testimonial-sec{padding-top: 50px;}
	.testimonial-sec .owl-item{padding-bottom: 15px;}
	.testimonial-sec::before{background-size:contain;width: 360px; height: 145px;}
	.testimonial-sec::after{background-size:contain;width: 325px; height: 140px;}
	.testimonial-sec .box .inner-box p{min-height: 253px;}
	.contact-sec{padding-top: 50px !important;padding-bottom: 50px;}
	.contact-sec .contact-block .lt-block{width: 44%;}
	.blog-sec .blog-items .content p{min-height: 207px;}
	.blog-sec .blog-items .content h3{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;}
	.blog-sec{padding-bottom: 0;padding-top: 50px !important;}
	.blog-sec::before{background-size:contain;width: 360px; height: 145px;}
	.blog-sec::after{background-size:contain;width: 325px; height: 140px;}
	footer .footer-top-block .col:nth-child(1){max-width: 119px; padding: 35px 26px 0 0;}
	footer .footer-top-block .col:nth-child(2){padding:40px 54px 30px;}
	footer .footer-top-block .col:nth-child(3){padding: 40px 0 30px 48px;}
	footer .footer-top-block h4{font-size: 17px;line-height: 16px;margin: 0 0 24px;}
	footer .footer-top-block .col:nth-child(2) .d-flex{gap: 0;flex-wrap: wrap;justify-content: flex-start;}
	footer .footer-top-block .col:nth-child(2) .d-flex li{margin:0 20px 15px 0 ;}
	
	
	.inner-banner{padding-top: 192px !important;padding-bottom: 72px !important;}
	.inner-banner h1.heading{font-size: 35px;line-height: 39px;}
	.mill-work-section .inner-block .repeater-block .content-blk h2{font-size:27px;line-height: 34px;padding-bottom: 16px;}
	.inner-banner::after, .inner-banner::before{background-size: contain;width:254px;height: 190px;}
	.mill-work-section .inner-block .repeater-block:nth-child(2n+1) .content-blk{padding-left: 0;}
	.mill-work-section .inner-block .repeater-block:nth-child(2n) .content-blk{padding-right:0;}
	
	.additions-main-block::after{width: 132px; height: 141px;}
	.additions-main-block .additions-top-block .img-blk figure::before{height: calc(94% + 38px);}
	.additions-main-block .additions-top-block .img-blk figure::after{height: calc(94% + 38px);}
	.additions-main-block .additions-top-block .top-text-blk{max-width: 100%;}
	.additions-main-block .additions-bottom-block .left-content-blk{padding-top: 30px;padding-right: 20px;}
	.additions-main-block .additions-bottom-block .right-content-blk{padding-top: 30px; padding-left: 20px;}
	
	.service-sec.remodel-service-sec .service-box .box-inner p{min-height: auto;margin-bottom: 0;}
	.service-sec.remodel-service-sec .service-box .box-inner img{height: 282px;width: 282px;margin-bottom: 35px;}
	
	.with-you-every-step .content-blk{padding-left: 0;}
	.with-you-every-step .content-blk h2{font-size: 28px;line-height: 37px;}
	.about-our-service .icon-box .icon figure{padding: 38px 0 17px 0;}
	.about-our-service .icon-box .icon figure::before{width: 107px;right: -34px;}
	.about-our-service .icon-box h3{font-size: 18px;line-height: 22px;}
	.why-choose-us-section{padding-top: 50px !important;padding-bottom: 50px !important}
	.why-choose-us-section .count-block .item-blk .block{width: 200px;height: 200px;}
	.why-choose-us-section .count-block .item-blk .block h3{font-size: 40px;line-height: 39px;}
	.why-choose-us-section .count-block .item-blk .block p{font-size: 15px;line-height: 22px;}
	.why-choose-us-section .count-block .item-blk .vc_column-inner .wpb_wrapper{padding: 6px;}
	.why-choose-us-section h2{padding-bottom: 35px;line-height: 38px;}
	.know-about-us-section{padding-top: 40px !important;padding-bottom: 20px !important;}
	.know-about-us-section .vc_row{display: flex;flex-direction: column;}
	.know-about-us-section .out-mission-block{padding-right: 0;width: 100%;padding-bottom: 35px;}
	.know-about-us-section .popular-questions-block{padding-left: 0;padding-right: 0;width: 100%;border-left: none;}
	.about-contact-info-section .item-blk h4{font-size: 16px;background-size: 36px !important;padding: 22px 0 22px 43px;}
	
	.gallery-main-section{padding-top: 50px !important;padding-bottom: 50px !important;}
	.gallery-main-section .modula-item{border: 4px solid #868688!important;}
	.gallery-main-section .modula-item{padding: 2px;}
	.gallery-main-section .modula-items .modula-item:nth-child(2) {margin-top:20px;} 
.gallery-main-section .modula-items .modula-item:nth-child(4) {margin-top:20px;} 
.gallery-main-section .modula-items .modula-item:nth-child(6) {margin-top:20px;} 
	
	.blog-list-section{padding-top: 50px !important;padding-bottom: 20px !important;}
	.blog-content-section .top-content .title-blk h1{font-size: 32px;line-height: 44px;}
	.blog-content-section::after{width: 383px; height: 400px;}
	.blog-content-section .wrapper{max-width: 95%;padding: 40px 0;}
	.blog-content-section .wrapper h2{font-size: 24px;line-height: 31px;}
	.blog-content-section .top-content .title-blk{  padding: 40px;}
	
	.contact-us-section .content-blk{padding-right: 0;}
	.contact-us-section .contact-info-block .item-blk h4.email-blk{background-position: left 9px top 24px;background-size: 36px;}
	.contact-us-section .contact-info-block .item-blk h4{font-size: 16px;padding: 27px 30px 22px 56px;min-height: 93px;}
	.contact-us-section .contact-info-block .item-blk h4.email-blk a{word-break:break-all;}
	.contact-us-section .contact-info-block .item-blk h4.location-blk a{word-break:break-all;}
	.contact-us-section .contact-info-block .item-blk h4.phone-blk{background-position: left 9px top 24px;background-size: 36px;}
	.contact-us-section .contact-info-block .item-blk h4.location-blk{background-position: left 9px top 24px;background-size: 36px;}
	.contact-us-section .contact-info-block .item-blk h4.phone-blk{font-size: 18px;}
	.contact-us-section .content-blk .social-media ul li a{font-size: 20px;}
	
	.about-sec .home-img{bottom: -128px;}
}

@media screen and (max-width: 767px) {
	.main-banner{padding: 181px 15px 66px !important;}
	.main-banner h1{font-size: 18px;line-height: 45px;}
	.main-banner h1 strong{font-size: 40px;line-height: 43px;}
	.main-banner::after, .main-banner::before{width: 180px; height: 112px;}
	.main-banner::after{top: 54%;}
	.service-sec::before{width: 111px; height: 125px;}
	.service-sec::after{width: 317px;height: 268px;}
	.about-sec .home-img{bottom: -74px;right: -73px;}
	.about-sec .home-img .vc_figure::after{width: 331px;height: 464px;top: -162px;right: 28px;}
	.gallery-sec::before{width: 229px; height: 107px;top: 11%;}
	.gallery-sec::after{top: 25%;width: 253px;height: 102px;}
	.testimonial-sec .box .inner-box p{min-height: 150px;}
	.blog-sec::before, .testimonial-sec::before{width: 253px;height: 100px;}
	.blog-sec::after, .testimonial-sec::after{width: 241px;height: 100px;}
	.contact-sec .contact-block .lt-block{position: relative;top: 0;padding: 35px 30px 40px 30px;width:100%;}
	.contact-sec .contact-block .rt-block{width: 100%;float: none;padding: 40px 30px 40px 30px;}
	.contact-sec{padding-bottom: 15px;}
	.contact-sec .contact-block .rt-block h3, .contact-sec .contact-block .lt-block h3{margin: 0 0 22px;font-size: 19px;line-height: 26px;}
	.contact-sec .contact-block .rt-block .form-group{margin-bottom: 25px;}
	.contact-sec .contact-block .rt-block textarea.form-control{height:90px;}
	footer .footer-top-block .col:nth-child(2){padding: 40px 30px 30px;}
	footer .footer-top-block .col:nth-child(2) .d-flex li{margin: 0 20px 10px 0;width: 100%;}
	footer .footer-bottom-block .col-auto{width:100%;}
	footer .footer-bottom-block p{font-size: 12px; line-height: 17px;margin-bottom: 5px;text-align:center;}
	.navbar-default .mobile-menu-block{display: block;}
 
	.navbar-default.navbar-fixed .mobile-menu-block .menu-icon ul li{background: var(--primary-color);}
	
	.inner-banner{padding-top: 153px !important;padding-bottom: 50px !important;}
	.inner-banner h1.heading{font-size: 28px;line-height: 30px;}
	.inner-banner::after, .inner-banner::before{width: 195px;height: 131px;}
	.mill-work-section{padding-top: 40px !important;padding-bottom: 40px !important;}
	.mill-work-section .inner-block .repeater-block .content-blk h2{font-size: 25px;line-height: 31px; padding-bottom: 15px; padding-top: 25px;}
	.mill-work-section .inner-block .repeater-block{padding-bottom: 40px;}
	
	.additions-main-block{padding-top: 40px !important;}
	.additions-main-block .additions-top-block .top-text-blk{margin-bottom: 25px;}
	.additions-main-block .additions-top-block .img-blk figure::before{height: calc(91% + 38px);top: -9px; left: -10px;}
	.additions-main-block .additions-top-block .img-blk figure::after{height: calc(91% + 38px);right: -10px;}
	.additions-main-block .additions-top-block .img-blk{margin-bottom: 25px;}
	.additions-main-block .additions-bottom-block .left-content-blk{padding-top: 10px;padding-right: 0;}
	.additions-main-block .additions-bottom-block .right-content-blk{padding-left: 0;border-left: none;padding-top: 20px;}
	
	.with-you-every-step{padding-top: 50px !important;}
	.with-you-every-step::after{width: 110px; height: 125px;}
	.with-you-every-step .img-blk figure{padding: 10px;margin-bottom: 30px;}
	.with-you-every-step .content-blk h2{font-size: 26px; line-height: 34px;text-align: center !important;}
	.with-you-every-step .content-blk{text-align: center;}
	.about-our-service .icon-box{padding: 0 0 30px 0;border: none;}
	.about-our-service{padding-top: 40px !important;padding-bottom: 10px !important;}
	.why-choose-us-section h2{font-size: 30px;padding-bottom: 30px;}
	.why-choose-us-section .count-block .item-blk .vc_column-inner .wpb_wrapper{margin: 0 auto 20px;}
	.why-choose-us-section .count-block .item-blk .vc_column-inner .wpb_wrapper .wpb_wrapper{margin: 0;}
	.why-choose-us-section{padding-bottom: 20px !important;}
	.about-contact-info-section .item-blk:first-child .vc_column-inner{justify-content: center;border:none;}
	.about-contact-info-section .item-blk .vc_column-inner{border:none;}
	.about-contact-info-section .item-blk:last-child .vc_column-inner{justify-content: center;}
	.about-contact-info-section .item-blk .wpb_wrapper{width:210px;}
	.about-contact-info-section .item-blk h4{padding: 16px 0 16px 50px;}
	
	.blog-list-section::before, .gallery-main-section::before{width: 104px; height: 118px;}
	.gallery-main-section::after{width: 303px;height: 236px;}
	.gallery-main-section{padding-top: 40px !important;padding-bottom: 40px !important;}
	.gallery-main-section .modula-item{width: calc(33.33% - 20px) !important; height: 149px !important;}
	.gallery-main-section .modula-items{display: flex;flex-wrap: wrap;}
	.gallery-main-section .modula-item img.pic{width:100%!important; height: 149px !important;object-fit:cover;}
	
	.blog-list-section{padding-top: 40px !important;padding-bottom: 10px !important;}
	.blog-banner.inner-banner{padding-top: 144px !important;padding-bottom: 106px !important;}
	.blog-content-section .top-content .title-blk h1{font-size: 28px; line-height: 37px;max-width: 100%;}
	.blog-content-section .top-content .title-blk{padding: 40px 20px;}
	
	.contact-us-section{padding-top: 40px !important;}
	.contact-us-section .content-blk{padding-bottom: 30px;}
	.contact-us-section .contact-info-block{padding-top: 40px;}
	.contact-us-section .contact-info-block .item-blk{margin-bottom:14px;}
	.contact-us-section .contact-info-block .item-blk h4{min-height: auto}
	.contact-us-section .contact-info-block .item-blk:last-child{margin-bottom:0;}
	.contact-us-section .contact-info-block .item-blk h4.location-blk, .contact-us-section .contact-info-block .item-blk h4.phone-blk, .contact-us-section .contact-info-block .item-blk h4{padding: 23px 30px 23px 56px;background-position: left 9px top 18px;}
	.contact-us-section .contact-info-block .item-blk h4.email-blk{background-position: left 9px top 16px;}
	
}

@media screen and (max-width: 575px) {
	footer .footer-top-block .col:nth-child(1){padding: 35px 26px 0 15px;max-width: 148px;}
	footer .footer-top-block .col:nth-child(3){padding: 40px 15px 30px 48px;}
	.blog-sec #recentblog-slider{padding: 0 20px 0 20px;}
	.blog-sec .owl-carousel .owl-nav .owl-next{right: 16px;}
	.blog-sec .owl-carousel .owl-nav .owl-prev{left: -25px;}
	.blog-sec .blog-items .content p{min-height: auto;}
	.testimonial-sec .sa_owl_theme .owl-nav .owl-prev{left: -10px;}
	.testimonial-sec .sa_owl_theme .owl-nav .owl-next{right: -10px;}
	
	.additions-main-block .additions-bottom-block .right-content-blk h2, .additions-main-block .additions-bottom-block .left-content-blk h2{font-size: 25px;line-height: 34px;}
	.additions-main-block .additions-bottom-block .left-content-blk h2 strong{font-size: 25px}
	.additions-main-block .additions-bottom-block .left-content-blk ul li, .additions-main-block .additions-bottom-block .right-content-blk ul li{background-size: 22px;padding-left: 37px;}
	
	.blog-content-section .wrapper{max-width: 100%;padding: 30px 0 40px 0;}
	.blog-content-section::after{width: 264px; height: 277px;  right: 0;}
	
	.about-sec .home-img{bottom: -81px;right: -18px;}
}

@media screen and (max-width: 525px) {
	.main-banner h1{font-size: 16px;line-height: 38px;}
	.main-banner h1 strong{font-size: 30px;line-height: 26px;}
	.title-block h4{margin-bottom: 20px;}
	.title-block h4 strong{padding: 7px 10px;font-size: 11px;}
	.title-block h2{font-size: 26px;line-height: 31px;}
	.title-block{margin-bottom: 25px;}
	.about-sec{padding-top: 108px !important;}
	.about-sec .home-img{bottom: -73px; right: -28px;}
	footer .footer-top-block .col:nth-child(1){max-width: 100%;flex: 0 0 100%;padding:35px 26px 0 15px;text-align: center;border-bottom: 1px solid rgba(255,255,255,.2);}
  footer .footer-top-block .col:nth-child(2){max-width: 50%;flex: 0 0 50%;padding: 30px 30px 20px 15px;}
	footer .footer-top-block .col:nth-child(3){max-width: 50%;flex: 0 0 50%;padding: 30px 15px 20px 30px;}
	.contact-sec, .blog-sec{padding-top: 40px !important;}
	.testimonial-sec{padding-top: 40px;}
	.about-sec .home-img .vc_figure::after{opacity:0;}
	

}
@media screen and (max-width: 475px) {
	.about-sec .btn-block{display: block;}
  .overlay .menu-block {
    width: 320px;
  }
	.additions-main-block .additions-top-block .img-blk figure::before{height: calc(91% + 33px);top: -9px;left: -8px;}
	.additions-main-block .additions-top-block .img-blk figure::after{height: calc(91% + 33px);right: -8px;}
	
	.gallery-main-section .modula-item{width: calc(50% - 10px) !important; height: 149px !important;}
	.gallery-main-section .modula-item img.pic{width:100%!important; height: 149px !important;object-fit:cover;}
	.gallery-main-section .modula-items .modula-item:nth-child(2) {margin-top:0;} 
.gallery-main-section .modula-items .modula-item:nth-child(4) {margin-top:0;} 
.gallery-main-section .modula-items .modula-item:nth-child(6) {margin-top:0;} 
	
	.blog-content-section .top-content .title-blk h1{font-size: 25px;line-height: 33px;}
	.blog-content-section .top-content .title-blk{padding: 26px 20px 35px;}
	.blog-content-section .wrapper h2{font-size: 21px; line-height: 27px;}
	
}

@media screen and (max-width: 432px) {
}

@media screen and (max-width: 400px) {
}