/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.suspension-contain {max-height: 980px; overflow:hidden; position: relative;}
html.suspended {background: rgba(0,0,0,0.6);}
body {max-width: 100%; min-width: 320px; margin: 0 auto; font-family: "Montserrat", sans-serif;}
a {color:inherit; text-decoration: none;}
a:hover {text-decoration: none; color:#FD802B;}
a,img {-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}
img { display: block; }
p { margin-bottom: 30px; font-family: "Open Sans", sans-serif; line-height: 1.8; font-size: 16px; }
li { line-height: 1.2; font-size: 12px; letter-spacing: 1px; }
p, li { padding: 0; margin-top: 0; }
h1, h2, h3, h4, h5 { padding:0; margin-top: 0; line-height: 1.2; margin-bottom: 30px; font-weight: 800; }
h1 {font-size: 40px; letter-spacing: 8px; line-height: 1.6; }
h2 {font-size: 35px;}
h3 {font-size: 30px;}
h4 {font-size: 20px;}
h5 {font-size: 14px;}
.dwn {display: block;}
.row { max-width: 1630px; margin: 0 auto; padding: 0 15px; }
.mb-0 { margin-bottom: 0; }
.lh-0 { line-height: 0; }
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}

/*button*/
.btn { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-align: center; min-width: 200px; padding: 30px 5px; border-radius: 7px; color: #fff !important; background: #FD802B; display: inline-block; position: relative; z-index: 10; line-height: 0; overflow: hidden; }
.btn:before { width: 0; height: 100%; background: #222222; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: ""; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; z-index: -1; }
.btn:hover:before { width: 100%; left: 0; }
.btn:hover { color: #ffffff!important; }

/*floats*/
.fl {float:left;}
.fr {float:right;}

/* icon */
.icon { border-radius: 5px; text-align: center; }
.default-icon { background: #FD802B; min-width: 36px; padding: 10px 0; }
.icon-primary { color: #349CD0; }

/* fonts */
.f-z-18 { font-size: 18px; }
.f-z-12 { font-size: 12px; }

/* flex */
.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.d-iflex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; }
.justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

/* typography */
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/*clearings*/
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;font-size: 0;}
.clearfix {display:block;}

/* text wrapper */
.font-weight-600 { font-weight: 700; }
.font-weight-700 { font-weight: 700; }
.text-default h5 { letter-spacing: 3px; color: #FD802B; font-weight: 700; margin-bottom: 20px; }
.text-default h2, .text-default h3 { margin-bottom: 20px; }
.text-default h2 { letter-spacing: 7px; }
.text-default h3 { font-weight: 400; font-family: "Open Sans", sans-serif; }
.text-default p:last-of-type { margin-bottom: 50px; }
.small-title { font-size: 20px; }

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{font-size: 14px; padding: 5px 10px; position: fixed; display: block!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; bottom: 0!important; left: 20px!important;}

/*call to action*/
.destroy-on-load, .cta {display: none;}

/*contact form messages*/
form .messages p {display: none; font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
form .alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
form .alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
form [type="submit"] {margin:20px auto}

/*contact form*/
.ctc-form {margin: 0 auto;text-align: center;}
.ctc-form input:not([type="submit"]):not([type="checkbox"]),.ctc-form textarea,.ctc-form select {font-family: "Montserrat", sans-serif; height:45px;display: block;width: 100%; border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 10px;}
.ctc-form textarea {height: 120px; padding-top:10px;}
.ctc-form .recap {display: inline-block;}
.ctc-form .g-recaptcha div {margin: 0 auto; }
.ctc-hide {display: none;}
.form-group { gap: 10px; }
.form-group label { width: 100%; }
.consentText { color: #1f1f1f; }
.captcha-wrapper { padding-bottom: 10px; }

/*gallery*/
#content .gallery li { display: inline-block; width: 100%; max-width: 240px;}
#content .gallery img { width: 100%; max-width: 240px; height: 250px; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; }
#content .gallery-container { text-align: center; width: 100%; max-width: 1300px; margin: 0 auto; }
#content .gallery { list-style-type: none;margin: 0;padding: 0; }
#content .thumbnail { background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;-webkit-transition: border 0.5s ease-in-out 0s;-o-transition: border 0.5s ease-in-out 0s;transition: border 0.5s ease-in-out 0s; }
#content .thumbnail:hover { -webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02); }
#content .page_navigation { display: inline-block; }
#content .page_link,#content .previous_link,#content .next_link,#content  .first_link,#content  .last_link, #content .ellipse { background-color: #fff;border: 1px solid #ddd;color:  #0275d8; display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative; }
#content .page_navigation a { background-color: #dedede; color: #111111; font-family: 'Montserrat', sans-serif; }
#content .page_navigation a.active_page { background: #FD802B; color: #fff; font-family: 'Montserrat', sans-serif; }
#content .page_navigation a.no_more { background-color: #dedede; cursor: not-allowed; }
#content .page_navigation a.no_more:hover { background-color: #dedede; color: #FD802B; }

/*header*/
#header { position: absolute; top: 10px; right: 0; left: 0; z-index: 2; }
#header .row { max-width: 1820px; }
#header nav { width: 100%; padding-top: 20px; }
#header nav a#pull {display: none}
#header nav ul { width: 100%; max-width: 715px; list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; gap: 15px; }
#header nav ul li { padding-bottom: 25px; position: relative; }
#header nav ul li a { font-weight: 700; }
#header nav ul li.active-menu::after, #header nav ul li:hover::after { content: ""; width: 100%; height: 3px; position: absolute; top: 100%; left: 0; right: 0; background: #FD802B; }
.hdNav { gap: 15px; color: #ffffff; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 1700px; }
.main-menu { gap: 15px; width: 100%; max-width: 980px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 25px; }
.hdlogo { width: 100%; max-width: 260px; }
.hdlogo img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.hdPhone { margin-bottom: 0; width: 100%; max-width: 210px; gap: 5px; }
.hdPhone a { font-size: 14px; letter-spacing: 3px; }
.hdPhone a span { font-size: 20px; font-weight: 700; }

/*content*/
#banner { position: relative; z-index: 1; border-radius: 0 0 0 100px; overflow: hidden; }
/* #banner::before { content: ""; background: #868695; background-blend-mode: multiply; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } */
.slick-track { background-color: #868695; }
.banner-image-slider { width: 100%; }
.banner-image-slider img { width: 100%; height: 100vh; aspect-ratio: 1742 / 980; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; mix-blend-mode: multiply; }
/* .banner-image-noslider { width: 100%; }
.banner-image-noslider img { width: 100%; height: 100vh; aspect-ratio: 1742 / 980; object-fit: cover; object-position: bottom; mix-blend-mode: multiply; } */
.banner-text { position: absolute; bottom: 50px; left: 0; right: 0; color: #ffffff; text-align: center; }
.banner-text .btn { min-width: 50px; padding: 19px 0; border-radius: 50%; }
.banner-text h1, .banner-text h5 { margin-bottom: 20px; }
.banner-text h4 { letter-spacing: 6px; }
.banner-text h5 { letter-spacing: 2px; font-size: 12px; }
.banner-text p { font-size: 20px; width: 100%; max-width: 650px; margin: 0 auto 50px; }
.banner-text-inner { width: 100%; max-width: 1170px; margin: 0 auto; }

/*content*/
#content {background: #fff;}
/* welcome */
#welcome { padding: 200px 0 100px; background: #fff url('../images/content/welcome/background.png') top center no-repeat; background-size: 100% auto; margin-top: -100px; }
.w-wrapper { gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.w-wrapper .col { width: 50%; -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 15px); flex: 1 1 calc(50% - 15px); }
.w-text-wrapper { width: 100%; max-width: 610px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.w-image { overflow: hidden; border-radius: 50px 100px 50px 100px; }
.w-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

/* service */
#service { margin: 0; padding: 0; }
.s-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 10px; position: relative; z-index: 1; }
.s-wrapper .slide-nav { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); color: #A1A1A1; text-align: center; width: 37px; padding: 6px 0; background: #fff; border-radius: 50%; }
.s-wrapper .slide-nav:hover { color: #fff; background: #FD802B; } 
.s-wrapper .slide-nav .icon { font-size: 25px; line-height: 1; }
.s-wrapper .slide-nav.prev { left: 50px; }
.s-wrapper .slide-nav.next { right: 50px; }
.s-image { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 calc(33.33% - 10px); flex: 1 1 calc(33.33% - 10px); position: relative; z-index: 1; }
.s-image::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.85) 80%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(80%, rgba(0,0,0,0.85))); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.85) 80%); z-index: 1; height: 50%; }
.s-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.s-image-caption { padding: 0 40px; position: absolute; left: 0; right: 0; bottom: 50px; color: #ffffff; z-index: 2; }
.s-image-caption h4 { letter-spacing: 2px; padding-bottom: 25px; margin-bottom: 0; position: relative; }
.s-image-caption h4::after { content: ""; display: block; width: 50px; height: 3px; background-color: #FD802B; position: absolute; bottom: 0; left: 0; right: 0; }

/* business since */
.bs-wrapper { gap: 15px; padding: 140px 0; }
.bs-wrapper .col-45 { width: 45%; }
.bs-wrapper .col-55 { width: 55%; }
.bs-text-wrapper { width: 100%; max-width: 620px; }
.bs-text-wrapper p:last-child { margin-bottom: 0; }
.bs-text-wrapper p a:hover { color: #349CD0; }
.bs-thumbnails { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 35px; text-align: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.bs-thumbnails .thumbnails { -webkit-box-flex: 1; -ms-flex: 1 1 calc(33.33% - 35px); flex: 1 1 calc(33.33% - 35px); -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; padding: 60px 10px; border-radius: 15px; }
.bs-thumbnails .thumbnails h5 { margin-bottom: 0; font-weight: 700; color: #1F1F2E; }
.bs-th-wrapper { width: 100%; max-width: 78px; margin: 0 auto; padding-bottom: 30px; }
.bs-th-wrapper img { width: 100%; height: 78px; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; filter: brightness(0) saturate(100%) invert(69%) sepia(13%) saturate(7479%) hue-rotate(335deg) brightness(95%) contrast(110%); }

/* dreams into reality */
#dreams-into { padding: 545px 0 100px; position: relative; background: url('../images/content/dreams/bk.jpg') center center no-repeat; background-size: cover; z-index: 1; overflow: hidden; border-radius: 0 100px 0 100px; }
#dreams-into::before { content: ""; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(33,33,33,1) 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; mix-blend-mode: multiply; }
#dreams-into .row { max-width: 1366px; }
.di-text-wrapper h2, .di-text-wrapper p { color: #ffffff; }
/* .text-default p:not(.rating) { font-style: italic; } */
.di-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 15px; }
.di-wrapper .di-text-wrapper { width: 100%; max-width: 800px; }
.di-wrapper .di-text-wrapper h2 { line-height: 1.5; }
.di-wrapper .di-text-wrapper p:last-of-type { margin-bottom: 0; }

/* request estimate */
#estimate { background: url('../images/content/estimate/bk.png') bottom center no-repeat; background-size: 100% auto;  }
.re-wrapper { gap: 30px; padding: 80px 0; width: 100%; margin: 0 auto; align-items: flex-start; }
.re-wrapper .col-left { width: 100%; max-width: 565px; }
.re-wrapper .col-right { width: 100%; max-width: 930px; }
.re-wrapper p { margin-bottom: 40px; }
.re-wrapper h2 { line-height: 1.5; }
.re-wrapper h2, .re-wrapper p:last-child { margin-bottom: 0; }
.re-image-wrapper { gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 50px; width: 100%; max-width: 1000px; margin: 0 auto; }
.re-image { -webkit-box-flex: 1; -ms-flex: 1 1 calc(33.33% - 10px); flex: 1 1 calc(33.33% - 10px); }
.re-image .wrapper { margin-bottom: 10px; overflow: hidden; border-radius: 10px; width: 100%; }
.re-image .wrapper:last-child { margin-bottom: 0; }
.re-image .wrapper img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
/* .re-text-wrapper { width: 100%; max-width: 565px; } */

/* review */
.client-logo-wrapper { padding: 70px 15px 70px; margin: 120px auto -100px; overflow: hidden; border-radius: 15px; -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; background-color: #ffffff; position: relative; z-index: 10; text-align: center; }
.client-logo-wrapper h2 { margin-bottom: 60px; }
.client-logo-wrapper .logo-wrapper { width: 100%; max-width: 1366px; margin: 0 auto; }
.client-logo-wrapper .logo-wrapper img { width: 100%; max-width: 100px; }

/* .rw-testimonial { width: 100%; max-width: 1430px; padding: 0 10px; margin: 0 auto; }
.rw-testimonial p:not(.rating) { padding: 40px 0; margin-bottom: 0; }
.rw-testimonial h5 { color: #1F1F2C; margin-bottom: 0; letter-spacing: 2px; }
.rw-testimonial .rating { margin-bottom: 0px !important; font-size: 25px; color: #FFBF00; letter-spacing: 7px; }
.rw-testimonial a { font-size: 35px; color: #DDDDDD; }
.rw-testimonial a:hover { color: #FD802B; }
.rwt-wrapper { text-align: center; width: 100%; max-width: 1160px; margin: 0 auto; }
.rwt-wrapper img { width: 100%; max-width: 120px; margin: 0 auto; }
.review-slider { gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.review-slider .rs-col { width: 100%; max-width: 1200px; }
.review-slider .rs-col p.rating { margin-bottom: 20px; color: #FFBF00; font-size: 20px; letter-spacing: 6px; }
.review-slider .rs-col h4 { color: #ffffff; }
.review-previous, .review-next { color: #DDDDDD; font-size: 50px; margin-top: 50px; }
.review-previous:hover, .review-next:hover { color: #FD802B; } */
 
/*footer*/
#footer { background: #222222; overflow: hidden; border-radius: 0 100px 0 0; position: relative; z-index: 1; }
/* #footer::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.75)),to(rgba(255,255,255,0))); background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(255,255,255,0) 100%); } */
/* #footer .row { max-width: 1366px; } */
.f-logo { width: 100%; max-width: 260px; margin-bottom: 50px; }
.f-logo img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.f-navigation { padding: 150px 0 100px; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 100%; max-width: 1366px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.2); }
.f-menu-wrapper { gap: 15px; width: 100%; max-width: 865px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
.ft-menu:not(h5) { color: #ffffff; }
.ft-menu.sitemap { width: 100%; max-width: 100px; }
/* .ft-menu.sitemap ul { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; } */
.ft-menu ul { padding: 0; margin: 0; list-style: none; }
.ft-menu ul li a, .ft-menu p { font-weight: 400; font-family: "Open Sans", sans-serif; font-size: 16px; }
.ft-menu ul li a:hover, .ft-menu p:hover, .f-socials a:hover, .copyCvs a:hover { color: #FD802B; }
.ft-menu ul li, .ft-menu p { margin-bottom: 25px; }
.ft-menu h5 { margin-bottom: 35px; font-size: 16px; color: #FD802B; }
.f-service { width: 100%; max-width: 290px; }
.f-contact { width: 100%; max-width: 225px; }
.ft-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #FD802B; }
.ftPhone, .ftEmail, .ftAddress { padding-left: 30px; position: relative; line-height: 1.2; color: #ffffff; margin-bottom: 25px; }
.ftCopy { color: #ffffff; padding: 25px 0; border-top: 1px solid rgba(255,255,255,0.2); gap: 15px; }
.ftCopy p { font-size: 15px; margin-bottom: 10px; }
.ftCopy p:last-child { margin-bottom: 0; }
.f-socials a { display: inline-block; margin-right: 15px; }
.f-socials a:last-child { margin-right: 0; }
.fl-wrapper { width: 100%; max-width: 370px; }
.fl-wrapper p { color: #fff; }
/* .fl-wrapper a:hover { background: #BDF15D; background: -webkit-gradient(linear, left top, right top, from(#BDF15D), to(#2F853B)); background: -o-linear-gradient(left, #BDF15D 0%, #2F853B 100%); background: linear-gradient(to right, #BDF15D 0%, #2F853B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */
.f-top-navigation { padding: 90px 0 40px; }
.f-top-navigation ul { list-style: none; color: #ffffff; font-weight: 700; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 880px; margin: 0 auto; padding: 0; }
.f-top-navigation ul li { width: 16.66%; text-align: center; position: relative; }
.f-top-navigation ul li:not(:last-child):after { content: "/"; position: absolute; right: 0; top: 0; bottom: 0; color: #ffffff !important; }
.f-top-navigation ul li a:hover { background: #BDF15D; background: -webkit-gradient(linear, left top, right top, from(#BDF15D), to(#2F853B)); background: -o-linear-gradient(left, #BDF15D 0%, #2F853B 100%); background: linear-gradient(to right, #BDF15D 0%, #2F853B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/*inner pages*/
.inner #content { min-height: 600px; padding: 80px 0; background: url('../images/content/estimate/bk.png') bottom center no-repeat; background-size: 100% auto; }
.inner-page-banner { position: relative; padding: 0 0; margin: 0; z-index: 1; background-color: #868695; }
/* .inner-page-banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.45)),color-stop(27%, rgba(0,0,0,0)),to(rgba(0,0,0,0.85))); background: -o-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,0.85) 100%); z-index: 1; } */
.inner-page-banner img { width: 100%; height: 500px; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; mix-blend-mode: multiply; }
.inner .banner-text { position: absolute; top: unset; bottom: 10%; right: 0; left: 0; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 4; }
.inner .review-wrapper { margin: 0 0 50px; }
.inner #estimate { background: none; }
.inner .rwt-wrapper { max-width: 100%; }
.inner #welcome { padding: 0; margin-top: 0; background: none; }

/* service */
.service-page-inner .top-section { background: #fff; border-radius: 7px; }
.service-page-inner .top-section h2 span { font-size: 24px; color: #FD802B; }
.service-page-inner .top-section.about-page { text-align: center; }
.service-page-inner .top-section.about-page p { margin-bottom: 30px; }
.service-page-inner .top-section .media-wrapper { gap: 30px; align-items: stretch; padding-top: 30px; }
.service-page-inner .top-section .media-wrapper .col { width: calc(25% - 30px); }
.service-page-inner .top-section .media-wrapper .col img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 7px; }
.service-page-inner .section-list { display: flex; justify-content: space-between; align-items: flex-start; gap: 50px; }
.service-page-inner .section-list > ul { width: calc(50% - 50px); }
.service-page-inner .section-list > ul li h4 { margin-bottom: 15px; }
.service-page-inner .text-default p:last-of-type { margin-bottom: 0; }
.service-page-inner .w-wrapper { padding-bottom: 70px; }
.service-page-inner .w-wrapper:last-of-type { padding-bottom: 0; }
.service-page-inner .w-wrapper:nth-of-type(even) .w-image { order: -1; }
.service-page-inner .w-wrapper:nth-of-type(even) .w-text-wrapper { margin-left: auto; }  
.service-page-inner .top-section { margin-bottom: 50px; padding: 50px 30px; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; }
.service-page-inner .top-section ul { list-style: none; padding: 0; margin: 0; }
.service-page-inner .top-section ul li { margin-bottom: 15px; }
.service-page-inner .top-section ul li:last-of-type { margin-bottom: 0; }
.service-page-inner .top-section ul li > ul li::before { content: "\f058"; font-family: "Fontawesome"; font-size: 16px; color: #FD802B; margin-right: 10px; display: block; }
.service-page-inner .top-section ul li > ul li { font-size: 18px; display: flex; justify-content: flex-start; align-items: center; }
.service-page-inner .top-section ul li p:last-of-type, .service-page-inner .top-section p { margin-bottom: 0; }
.service-page-inner .top-section h4 { margin-bottom: 10px; }

/* clients */
.clients-wrapper { gap: 30px; flex-wrap: wrap; align-items: stretch; }  
.clients-wrapper .top-section { flex: 1 1 calc(50% - 30px); margin-bottom: 0; }
.clients-wrapper .section-title { display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 30px; }
.clients-wrapper .section-title img { width: 100%; max-width: 100px; }
.clients-wrapper .section-title h2 { margin-bottom: 0; }

/* facebook */
/* .fb-page { width: 500px !important; } */

/*privacy policy*/
.inPrivacyBox {max-width: 850px; margin: 0 auto;}
.inPrivacyBox p {text-align: justify!important;}


/** Responsive
-------------------------------------------------------*/

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

  /* h tag */
  h4 { font-size: 18px; }

  /* header */
  /* .hdlogo { max-width: 150px; } */

  /* business since */
  .bs-thumbnails { gap: 15px; }
  .bs-th-wrapper { max-width: 60px; }
  .bs-thumbnails .thumbnails { padding: 40px 10px; }

  /* service */
  .s-image-caption h4 { letter-spacing: 2px; }

}

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

  /* h tags */
  h1 { font-size: 35px; letter-spacing: 10px; }
  h2 { font-size: 30px; }
  h3 { font-size: 25px; }
  h5 { font-size: 13px; }

  /* header */
  #header nav ul li { padding-bottom: 15px; }

  /* banner */
  .banner-text h4 { margin-bottom: 10px; }

  /* welcome */
  #welcome { padding: 160px 0 70px; }

  /* service */
  .s-image-caption { bottom: 35px; }

  /* in business since */
  .text-default p { margin-bottom: 25px; }
  .text-default h5 { letter-spacing: 2px; }
  .bs-wrapper { padding: 80px 0; }
  .bs-th-wrapper { max-width: 45px; padding-bottom: 10px; }
  .bs-thumbnails .thumbnails { padding: 30px 10px; }

  /* dreams into reality */
  #dreams-into { padding: 200px 0 100px; }

  /* reviews */
  /* .rwt-wrapper img {max-width: 80px; } */

  /* footer */
  /* .f-navigation, .f-top-navigation { padding: 50px 0; } */
  /* .f-logo { max-width: 150px; } */
  .fb-page { width: 400px !important; }
  .fl-wrapper { max-width: 320px; }

  /* inner */
  .inner #content { padding: 60px 0; }
  /* .service-page #content { padding: 0 0 60px !important; } */
  #sv-container { padding: 50px 0 0; }
  .sv-page-list li { margin-bottom: 20px; }
  .sv-page-list li::before { font-size: 15px; }

  /* about */
  .service-page-inner .top-section .media-wrapper { gap: 10px; }
  .clients-wrapper .section-title img { max-width: 80px; }

}

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

  /* h tags */
  .text-default h2 { letter-spacing: 4px; }
  h2 { font-size: 35px; }
  h3 { font-size: 25px; }
  h4 { font-size: 16px; }

  /* icon */
  .default-icon { min-width: 25px; padding: 6px 0; font-size: 13px; }
  #header nav ul { max-width: 100%; }
  .hdPhone { max-width: 160px; }
  .hdPhone a { letter-spacing: 1px; font-size: 0; }
  .hdPhone a span { font-size: 16px; }

  /* header */
  #header nav, .main-menu { padding-top: 0; }
  .hdNav, .main-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .hdlogo { max-width: 150px; }
  .main-menu { max-width: 750px; }
  .hdPhone { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

  /* service */
  .s-image-caption h4 { padding-bottom: 15px; }

  /* review */
  /* .review-wrapper { margin: 70px auto -100px; } */

  /* footer */
  /* .f-logo {max-width: 180px; } */
  /* .ft-menu ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .ft-menu ul li, .ft-menu p { margin-bottom: 20px; } */

  /* inner */
  .sv-image { border-radius: unset; }

}

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

  /* h tags */
  h1 { font-size: 25px; letter-spacing: 3px; }
  /* h2 { font-size: 20px; } */
  /* h4 { font-size: 13px; } */

  /* display */
  .dwn { display: inline; }

  /* button */
  .btn { min-width: 140px; padding: 25px 5px; }

  /* border radius */
  #dreams-into, #banner, .w-image, #footer { border-radius: unset; }

  /* header */
  #header { background: #111111; padding: 10px 0; position: fixed; z-index: 11; top: 0; }
  #header nav { height: auto; position: static; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: none; }
  #header nav ul { width: 100%; max-width: 100%; display: none; height: auto; position: absolute; top: 100%; left: 0; background: #111111; z-index: 9; margin: 0; }
  #header nav ul li { width: 100%;position: relative; height: unset; padding: 0; }
  #header nav ul li.active-menu a, #header nav ul li a:hover { color: #fff; background-color: #FD802B }
  #header nav ul li.active-menu::after, #header nav ul li:hover::after { display: none; }
  #header nav ul li a { display: block; float:none; padding: 10px 15px; color: #fff; border-bottom: none; font-weight: 700; font-size: 13px; text-shadow: none; }
  #header nav ul li a::after { content: ""; width: 0; height: 0; display: none; margin: 0; }
  #header nav a { text-align: left; width: 100%; }
  #header nav a#pull { display: block; color: #fff; height: 30px; width: 30px; margin-left: auto; }
  #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 25px; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100% 100%; filter: brightness(0) saturate(100%) invert(69%) sepia(13%) saturate(7479%) hue-rotate(335deg) brightness(95%) contrast(110%); }
  #header nav ul li.active-menu a, #header nav ul li a:hover { border-radius: unset; }
  #header nav ul li.active-menu::after, #header nav ul li a:hover::after { display: none; }
  #header nav, .nav-menu, .main-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
  .hdPhone { display: none; }
  .hdNav, .main-menu { -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; }
  .hdlogo { max-width: 100px; }

  /* banner */
  .banner-image-slider img { height: 600px; }
  .banner-text p { margin-bottom: 35px; }
  .f-z-18 { font-size: 16px; }
  .banner-text .btn { min-width: 40px; padding: 14px 0; }
  .banner-text p { margin-bottom: 25px; }
  .banner-text { bottom: 50px; }

  /* welcome */
  .w-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; gap: 45px; }
  .w-wrapper .col { width: 100%; }
  .w-text-wrapper { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .w-image { max-width: 450px; margin: 0 auto; }

  /* service */
  .s-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: unset; flex-wrap: unset; }
  .s-image { width: 100%; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; max-width: 500px; margin: 0 auto; }

  .s-image-caption { padding: 0 10px; text-align: center; }
  .s-image-caption { bottom: 25px; }
  .s-image-caption h4::after { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
  
  /* in business */
  .bs-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }
  .bs-wrapper .col-45, .bs-wrapper .col-55 { width: 100%; }
  .bs-text-wrapper { max-width: 100%; }
  .bs-thumbnails { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; max-width: 250px; }

  /* dream into reality */
  #dreams-into { padding: 100px 0; text-align: center; }
  .di-wrapper { gap: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; align-items: center; }
  .di-wrapper .di-text-wrapper { max-width: 100%; }
  .di-text-wrapper, .di-facebook { width: 100%; }
  .fb-page { width: 280px !important; }

  /* request estimate */
  #estimate { padding-bottom: 50px; }
  .re-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }
  .re-wrapper .col-30, .re-wrapper .col-70 { width: 100%; }

  /* review */
  .review-wrapper { margin: 70px auto 0; }

  /* footer */
  .ft-menu ul li a, .ft-menu p { font-size: 20px; }
  .f-navigation { padding: 100px 0 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 45px; }
  .ft-menu ul li, .ft-menu p { margin-bottom: 15px; }
  .f-logo { margin: 0 auto 50px; max-width: 250px; }
  .ft-menu h5 { margin-bottom: 15px; }
  .f-menu-wrapper { padding-top: 0; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .ft-menu.sitemap, .f-service, .f-contact { max-width: 100%; }
  .ft-icon { position: static; display: block; -webkit-transform: unset; -ms-transform: unset; transform: unset; margin-bottom: 5px; }
  .ftPhone, .ftEmail, .ftAddress { padding-left: 0; text-align: center; margin-bottom: 15px; }
  .ftCopy { padding: 15px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .f-socials { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .c-wrapper { text-align: center; }
  .ftCopy p { margin-bottom: 0; }
  .fl-wrapper { max-width: 100%; text-align: center; }
  .f-top-navigation { display: none; }
  .ft-menu ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

  .cta{background: #FD802B  url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top: 2px solid #c46221 ;border-top-left-radius: 40px;bottom: 5%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 80px;z-index: 999;}

  /* inner */
  .inner #content { padding: 40px 0; }
  /* .service-page #content { padding: 0 0 40px !important; } */
  .inner-page-banner img { height: 300px; }
  .sv-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }
  .sv-wrapper:nth-of-type(even) .sv-image { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; }
  .sv-wrapper .col { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; }
  .sv-text-wrapper { max-width: 100%; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sv-text-wrapper p { margin-bottom: 10px; }
  #sv-container { padding: 40px 0 0; }
  .form-group { gap: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
  .inner .review-wrapper { margin: 0 0 25px; }
  .service-page-inner .w-wrapper:nth-of-type(even) .w-image { order: unset; }

  /* service */
  .service-page-inner .top-section { text-align: center; }
  .service-page-inner .section-list { flex-wrap: wrap; }
  .service-page-inner .top-section ul { width: 100%; }
  .service-page-inner .top-section ul li > ul li { justify-content: center; flex-direction: column; gap: 5px; }
  .service-page-inner .top-section ul li > ul li::before { margin-right: 0; }

  /* about */
  .service-page-inner .top-section .media-wrapper { flex-wrap: wrap; }
  .service-page-inner .top-section .media-wrapper .col { width: calc(50% - 10px); }
  .service-page-inner .top-section h2 span.dwn { display: block; }
  .service-page-inner .top-section.about-page h2 span { font-size: 20px; }

  .clients-wrapper .top-section { flex: 0 auto; }
  .clients-wrapper .section-title { flex-direction: column; justify-content: center; }
  .clients-wrapper .section-title h2 { font-size: 25px; }

}

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

  h2 { font-size: 20px; }  

  /* color overlay */
  #dreams-into::before { background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 30%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(0, 0, 0, 0.6))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 30%); }

  /* dreams into */
  #dreams-into { padding: 70px 0; }

  .re-image-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .re-image { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 10px; }
  .re-image .wrapper { margin-bottom: 0;}
  .re-image .wrapper img { height: 100%; -o-object-position: bottom; object-position: bottom; }

  .client-logo-wrapper .logo-wrapper { flex-wrap: wrap; gap: 30px; justify-content: center; max-width: 260px; }
  /* .client-logo-wrapper .logo-wrapper img { max-width: 70px; } */

  /* inner */
  .inner-page-banner img { height: 250px; }
  .sv-page-list { -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; }
  .sv-page-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; }
  .sv-page-list li::before { margin-right: 0; }
  /* .sv-page-list li::before { position: static; transform: unset; display: block; } */

}