* { 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: "Poppins", sans-serif;}
a {color:inherit; text-decoration: none;}
a:hover {text-decoration: none; color:inherit;}
a,img {transition: all ease 0.5s;}
img { display: block; }
p { margin-bottom: 30px; font-family: "Poppins", sans-serif; }
p, li { padding: 0; margin-top: 0; line-height: 1.2; }
h1, h2, h3, h4, h5 { padding:0; margin-top: 0; line-height: 1.2; margin-bottom: 30px; font-weight: 400; }
h1, h2 {font-size: 80px;}
h3 {font-size: 50px;}
h4 {font-size: 18px;}
h5 {font-size: 30px;}
.dwn {display: block;}
.row {max-width: 1396px; margin: 0 auto; padding: 0 15px;}
.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: 18px; border: 1px solid #1276CD; text-align: center; color: #fff!important; background: #1276CD; padding: 15px 15px; display: inline-block; position: relative; z-index: 10; min-width: 200px; }
.btn:before { width: 100%; height: 0; background: #1A1A1A; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1; }
.btn:hover:before { height: 100%; }
.btn:hover { color: #fff!important; }

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

/* icon */
.col-blue { color: #1276CD; }

/* 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;}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom{ font-size: 16px; 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; }
.cc-btn { text-transform: uppercase; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 16px; }
.cc-compliance.cc-highlight a { color: #ffffff; }
a.cc-link { font-size: 16px; }

/*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 {font-family: "Poppins", 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 10px;}
.ctc-hide {display: none;}
.form-group { gap: 10px; }
.form-group label { width: 100%; }
.consentText { color: #444444; }
.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: #1276CD; color: #fff; font-family: 'Poppins', sans-serif; }
#content .page_navigation a.active_page { background: #1A1A1A; color: #fff; font-family: 'Poppins', sans-serif; color: #fff; }
#content .page_navigation a.no_more { background-color: #dedede; cursor: not-allowed; }
#content .page_navigation a.no_more:hover { background-color: #dedede; color: #fff; }

/*header*/
#header { position: absolute; z-index: 3; width: 100%; padding-top: 20px; }
#header nav a#pull { display: none; }
#header nav ul { margin: 0;padding: 0; list-style: none; display: flex; justify-content: space-between; align-items: center; }
#header nav ul, #header nav, #header nav ul li { height: 100%; }
#header nav ul li { display: inline-flex; justify-content: center; align-items: center; position: relative; }
/* #header nav ul li::after { content: ""; height: 0; background: #1276CD; width: 100%; transition: all ease 0.5s; position: absolute; bottom: 0; left: 0; right: 0; display: block; } */
#header nav ul li a { font-size: 18px; color: #fff; font-weight: 400; }
/* #header nav ul li a:hover > #header nav ul li::after { height: 5px; } */
/* #header nav ul li.active-menu a, #header nav ul li a:hover { color:#fff; } */
#header nav ul li.active-menu::after, #header nav ul li a:hover::after { content: ""; height: 5px; background: #1276CD; width: 100%; transition: all ease 0.5s; position: absolute; bottom: 0; left: 0; right: 0; display: block; }
#header .row { max-width: 1850px; }
#header nav ul li.dropdown-menu a:hover::after { display: none; }

#header .submenu { position: absolute; z-index: 1; min-width: max-content; opacity: 0; height: 0; display: block; background: #1276CD; font-weight: 400; overflow: hidden; }
#header nav ul li > .parent-menu { padding: 20px 0; position: relative; }
#header .submenu, #header nav ul li > .parent-menu:hover .submenu { -webkit-transition: all ease .7s; -moz-transition: all ease .7s; -ms-transition: all ease .7s; -o-transition: all ease .7s; transition: all ease .7s; }
#header nav ul li > .parent-menu:hover .submenu { top: 100%; opacity: 1; }
#header nav ul li > .parent-menu:hover .submenu { height: auto; }
/* #header nav ul li > .parent-menu:hover ul li a { padding: 0; } */
#header nav ul li > .parent-menu:hover ul li { padding: 15px 25px; display: block; }
#header nav ul li > .parent-menu:hover ul li:hover, #header nav ul li > .parent-menu:hover ul li.active-menu { background: #1A1A1A; }
#header nav ul li > .parent-menu:hover ul li:hover::after, #header nav ul li > .parent-menu:hover ul li.active-menu::after { display: none; }
#header nav ul li > .parent-menu:hover ul li a { background: unset; border-radius: unset; }
#header nav ul li > .parent-menu:hover ul li a:hover { background: unset; }

.hdLogo { width: 100%; max-width: 290px; }
.hdLogo img { width: 100%; object-fit: cover; object-position: center; }
.nav-wrapper { position: absolute; right: 0; top: 0; gap: 50px; width: 100%; margin-left: auto; align-items: stretch; }
.hdNav { width: 100%; max-width: 615px; }

/* social links */
.socials { margin-bottom: 0; gap: 3px; }
.socials .fa { font-size: 25px; font-weight: 400; }
.socials a { background-color: #1276CD; min-width: 100px; padding: 37px 5px; color: #ffffff; text-align: center; } 
.socials a:hover { background-color: #1A1A1A; }

/*content*/
#banner { position: relative; z-index: 2; }
#banner::before { content: ""; 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%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.banner-image { width: 100%; }
.banner-image img { width: 100%; height: 100vh; min-height: 1060px; object-fit: cover; object-position: top center; }
.bn-logo { display: none; }
.bn-logo img { width: 100%; object-fit: cover; object-position: center; }
.banner-text { color: #ffffff; z-index: 3; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.banner-text .wrapper { width: 100%; max-width: 735px; }
.banner-text .wrapper p { font-size: 20px; margin-bottom: 60px; }
.banner-text .wrapper h1 { margin-bottom: 40px; }
.bn-contact { position: absolute; bottom: 50px; z-index: 1; color: #ffffff; width: 100%; }
.bn-contact .row { max-width: 1850px; }
.bn-contact .wrapper { width: 100%; max-width: 800px; margin-left: auto; gap: 30px; }
.bn-contact .wrapper span.hr { width: 52px; height: 1px; background-color: #1276CD; display: block; }
.bn-contact .wrapper h4, .bn-contact .wrapper p { margin-bottom: 0; }
.bn-contact .wrapper p { font-size: 40px; }
.bn-contact .wrapper a { width: 100%; max-width: 200px; }
.bn-contact .wrapper a img { width: 100%; object-fit: cover; object-position: center; }
.bnPhone a:hover { color: #1276CD; }


/*content*/
#content {}

#service { padding: 100px 0; background-color: #1A1A1A; }
#service .text { padding-bottom: 100px; }
#service .text h3 { color: #ffffff; margin-bottom: 0; }
#service .image-wrapper { gap: 30px; padding-bottom:  100px; }
#service .image-wrapper .wrapper { width: 25%; position: relative; z-index: 1; }
#service .image-wrapper .wrapper::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); }
#service .image-wrapper .wrapper img { width: 100%; object-fit: cover; object-position: center; }
#service .image-wrapper .wrapper .caption { position: absolute; bottom: 50px; left: 0; right: 0; z-index: 1; border-left: 5px solid #1276CD; }
#service .image-wrapper .wrapper .caption p { margin-bottom: 0; color: #ffffff; font-size: 25px; padding-left: 25px; }
.achivement { gap: 30px; }
.achivement h4 { color: #FFFFFF; margin-bottom: 0; }
.achivement span.hr { width: 82px; height: 1px; background-color: #1276CD; display: block; }
.achivement .wrapper { width: 100%; max-width: 980px; }
.achivement .w-col { width: 100%; max-width: 98px; }
.achivement .w-col img { width: 100%; height: 100px; object-fit: scale-down; object-position: center; }

/* css finish & stairs */
#cfs { padding: 150px 0; background: url('../images/content/cfs/bk.png') no-repeat; background-position: 100% -380px; }
#cfs .text { color: #191919; width: 100%; max-width: 915px; padding-bottom: 100px; }
#cfs .text h3 { font-size: 40px; margin-bottom: 0; }
#cfs .wrapper { gap: 30px; }
#cfs .wrapper .img-area { width: 100%; max-width: 600px; }
#cfs .wrapper .img-area img { width: 100%; object-fit: cover; object-position: center; }
#cfs .wrapper .text { width: 100%; max-width: 600px; padding-bottom: 0; }
#cfs .wrapper .text p { font-size: 20px; color: #191919; }
#cfs .wrapper .text .b-text { gap: 30px; justify-content: flex-start; }
#cfs .wrapper .text .b-text .yelp img { width: 100%; max-width: 130px; margin: 0 auto; }
#cfs .wrapper .text .b-text .bbb img { width: 100%; max-width: 160px; margin: 0 auto; }

/* establish */
#establish { background: url('../images/content/establish/bk.jpg') no-repeat center center; background-size: cover; padding-top: 580px; }
#establish .text { width: 100%; max-width: 600px; margin: 0 0 0 auto; background-color: #1276CD; color: #ffffff; }
#establish .text .wrapper { width: 100%; max-width: 465px; margin: 0 auto; padding: 80px 10px; }
#establish .text h3 { font-size: 65px; }
#establish .text p { font-size: 20px; }
#establish .text p:last-child { margin-bottom: 0; }

/* review */
#review { padding: 130px 0 160px; color: #191919; background: url(../images/content/cfs/bk.png) no-repeat; background-position: 130% 400px; }
#review h2 { margin-bottom: 80px; }
.testimonial { align-items: flex-start; gap: 30px; }
.testimonial .wrapper { width: 100%; max-width: 285px; gap: 30px; }
.testimonial .wrapper img { width: 100%; max-width: 95px; object-fit: cover; object-position: center; }
.testimonial .wrapper span.hr { width: 82px; height: 1px; background-color: #1276CD; display: block; }
.testimonial .text { width: 100%; max-width: 970px;  }
.testimonial .text p { font-size: 23px; font-style: italic; line-height: 2; margin-bottom: 0; }
.testimonial .rating { gap: 30px; }
.testimonial .rating p { font-style: normal !important; color: #1276CD; font-size: 30px; letter-spacing: 5px; }
.testimonial .rating h5 { margin-bottom: 0; }

/* our gallery */
#og { background: #1A1A1A; color: #ffffff; padding: 90px 0; }
#og h3, #og p { margin-bottom: 0; }
#og .wrapper { flex-direction: column; }
#og .w-col { width: 25%; }
#og .w-col img { width: 100%; object-fit: cover; object-position: center; }
#og .image-wrapper { gap: 30px; padding-bottom: 140px; }
#og .text { width: 100%; padding-bottom: 100px; }
#og .text:last-child { padding-bottom: 0; }
#og .text h3.b-title { width: 100%; max-width: 675px; }
#og .text p.b-text { width: 100%; max-width: 345px; border-left: 3px solid #1276CD; padding-left: 35px; }
#og .text p.b-text span { font-size: 18px; display: block; margin-bottom: 20px; }
#og .text p.b-text a { font-size: 40px; }
#og .text p.b-text a:hover { color: #1276CD; }

/*footer*/
#footer { background: url('../images/content/footer/bk.jpg') no-repeat center center; background-size: cover; }
#footer .row { max-width: 1630px; }
.ftContainer { width: 100%; max-width: 720px; padding: 70px 0 50px; background-color: rgba(245,245,253,0.8); }
.ftContainer .wrapper { width: 100%; max-width: 500px; margin: 0 auto; padding: 0 10px; }
.ftContainer .logo-area { width: 100%; max-width: 287px; margin: 0 auto; padding-bottom: 60px; }
.ftContainer .logo-area img { width: 100%; object-fit: cover; object-position: center; }
.ftInfo { color: #191919; padding: 0 10px 100px; }
.ftInfo .fa { font-size: 16px; min-width: 60px; padding: 21px 10px; border-radius: 50%; border: 1px solid #1276CD; text-align: center; width: 10%; }
.ftInfo .info-row { align-items: flex-start; gap: 20px; margin-bottom: 60px; }
.ftInfo .info-row:last-child { margin-bottom: 0; }
.ftInfo .info-row p { margin-bottom: 0; width: 90%; }
.ftInfo .info-row p span { font-size: 16px; margin-bottom: 10px; }
.ftPhone a { font-size: 40px; }
.ftEmail a, .ftAddress { font-size: 25px; }
.ftPhone a:hover, .ftEmail a:hover, .ftCopy p a:hover { color: #1276CD; }
.ftCopy p { margin-bottom: 0; text-align: center; font-size: 20px; }

/*inner pages*/
.inner #content { min-height: 600px; padding: 80px 0;}
.inner-page-banner { position: relative; padding: 0 0; margin: 0; z-index: 1; }
.inner-page-banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; 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: top; object-position: bottom center; }
.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 .banner-text h1 { margin-bottom: 0; text-align: center; }
.inner .testimonial .text { max-width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.2); padding: 50px 0; }
.inner .testimonial .text:first-child { padding: 0 0 50px; }
.inner .testimonial .text:last-child { border-bottom: none; padding-bottom: 0; }
.inner .testimonial .text p:not(:last-of-type) { margin-bottom: 15px; }
.inner .testimonial .text .rating { flex-direction: column-reverse; gap: 0; }
.inner #sv h3, .inner #wcu h3 { font-size: 30px; }
.inner #sv { padding-bottom: 40px; }
.inner #sv, .inner #wcu { text-align: center; }
.inner .sv-content { gap: 30px; flex-direction: column; }
.inner .sv-content .img-area { width: 100%; max-width: 450px; }
.inner .sv-content .img-area img { width: 100%; object-fit: cover; object-position: center; }
.inner .sv-content .text p, .inner #wcu p { line-height: 1.6; font-size: 18px; margin-bottom: 15px; }
.inner .sv-content .text p:last-of-type { margin-bottom: 0; }
.about-page .wrapper { gap: 30px; padding-bottom: 50px; }
.about-page .wrapper:last-child { margin-bottom: 0; }
.about-page .wrapper .img-area, .about-page .wrapper .text-wrapper { width: 50%; }
.about-page .wrapper .text { padding-bottom: 50px; }
.about-page .wrapper .text:last-child { padding-bottom: 0; }
.about-page .wrapper .text h2 { font-size: 30px; }
.about-page .wrapper .text h3 { font-size: 25px; margin-bottom: 10px; }
.about-page .wrapper .text p { line-height: 1.6; font-size: 18px; }
.about-page .wrapper .text p:last-child { margin-bottom: 0; }
.about-page .img-area img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

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


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

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

  /* service */
  #service .image-wrapper .wrapper .caption p { font-size: 20px; }

}

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

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

}

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

  /* h tags */
  h1, h2 { font-size: 50px; }
  h3 { font-size: 40px; }
  h5 { font-size: 25px; }
  h4, .banner-text .wrapper h1, h2 { margin-bottom: 15px; }
  h4 { font-size: 16px; }

  /* header */
  #header nav ul li a { font-size: 16px; }
  .socials a { min-width: 70px; padding: 22px 5px; }
  .hdLogo { max-width: 190px; }
  .nav-wrapper { width: 70%; }
  .socials .fa { font-size: 18px; }

  /* banner */
  .bn-contact .wrapper { max-width: 630px; }
  .bn-contact .wrapper p { font-size: 30px; }
  .bn-contact .wrapper a { max-width: 150px; }

  /* service */
  #service { padding: 60px 0; }
  #service .text, #service .image-wrapper, #cfs .text, #og .text  { padding-bottom: 60px; }
  #service .image-wrapper .wrapper .caption p { padding-left: 15px; }
  #service .image-wrapper .wrapper .caption p, #cfs .wrapper .text p { font-size: 18px; }
  .achivement .wrapper { max-width: 850px; }

  /* css finishing stair */
  #cfs { padding: 80px 0; }
  #cfs .text h3 { font-size: 30px; }

  /* established */
  #establish { padding-top: 300px; }
  #establish .text h3 { font-size: 45px; }

  /* review */
  #review { padding: 80px 0; }
  .testimonial .wrapper { max-width: 200px; }
  .testimonial .wrapper img { max-width: 75px; }
  .testimonial .text p, .inner .testimonial .text p { font-size: 18px; }

  /* our gallery */
  #og { padding: 60px 0; }
  #og .image-wrapper { padding-bottom: 90px; }
  #og .text p.b-text a { font-size: 30px; }
  #og .text p.b-text span { font-size: 16px; }

  /* footer */
  .ftContainer .logo-area { max-width: 230px; }
  .ftPhone a { font-size: 30px; }
  .ftEmail a, .ftAddress { font-size: 20px; }
  .ftCopy p { font-size: 18px; }
  .ftInfo .info-row { margin-bottom: 30px; }
  .ftInfo .info-row p span { font-size: 14px; }
  .ftInfo .fa { min-width: 50px; padding: 15px 10px; }
  .ftContainer { max-width: 600px; padding: 60px 0; }

  /* inner */
  .inner #content { padding: 60px 0; }
  .inner-page-banner img { height: 350px; }
  .inner .sv-content .img-area { max-width: 300px; }
  .inner .sv-content .text p, .inner #wcu p { font-size: 16px; }
  .inner #sv h3, .inner #wcu h3 { font-size: 25px; }
  .about-page .wrapper .text p { font-size: 16px; }
  .about-page .wrapper .text h2 { font-size: 25px; }
  .about-page .wrapper { align-items: stretch; }
  .inner .testimonial .text { padding: 30px 0; }
  .inner .testimonial .text:first-child { padding: 0 0 30px; }

}

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

  /* h tags */
  h1, h2, h3, #establish .text h3 { font-size: 40px; }
  /* h3 { font-size: 25px; }  */

  /* header */
  #header { padding-top: 10px; }
  .nav-wrapper { width: 80%; gap: 10px; }
  .hdLogo { max-width: 120px; }

  /* banner */
  #banner::before { background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.85) 100%); }
  .banner-image img { min-height: unset; }

  /* service */
  #service .image-wrapper { flex-wrap: wrap; gap: 20px; }
  #service .image-wrapper .wrapper { flex: 1 1 calc(50% - 20px); }
  #service .image-wrapper .wrapper .caption p { font-size: 20px; }
  #service .image-wrapper .wrapper img, #og .w-col img { max-height: 400px; }
  .achivement .w-col { max-width: 70px; }
  .achivement .wrapper { max-width: 650px; }

  /* establish */
  #establish .text .wrapper { padding: 30px 10px; }
  /* #establish .text h3 { font-size: 35px; } */

  /* review */
  #review { padding: 50px 0; }
  #review h2 { margin-bottom: 50px; }

  /* our gallery */
  #og .image-wrapper { gap: 20px; flex-wrap: wrap; }
  #og .w-col { width: 50%; flex: 1 1 calc(50% - 20px); }
  #og .image-wrapper { padding-bottom: 60px; }

  /* footer */
  .ftPhone a { font-size: 25px; }
  .ftEmail a, .ftAddress { font-size: 18px; }
  .ftContainer { padding: 30px 0; max-width: 550px; }
  .ftContainer .logo-area { max-width: 180px; }
  .ftInfo { padding: 0 10px 80px; }

}

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

  /* h tags */
  h1, h2, h3, #establish .text h3 { font-size: 30px; }
  h5 { font-size: 20px; }

  /* button */
  .btn { min-width: 150px; padding: 15px 15px; font-size: 15px; }

  /* header */
  #header { background: #1276CD; padding: 10px 0; position: fixed; z-index: 11; }
  #header .row { width: 100%; max-width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; }
  #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: #1276CD; z-index: 9; margin: 0; }
  #header nav ul li { width: 100%;position: relative; height: unset; }
  #header nav ul li.active-menu a, #header nav ul li a:hover { color: #fff; background-color: #1A1A1A; }
  #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%; }
  #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 ul li > .parent-menu {padding: 0;width: 100%;}
  #header nav ul li > .parent-menu ul { display: block !important; position: static; }
  #header nav ul li > .parent-menu:hover ul li { padding: 0; }
  .hdLogo { display: none; }
  .nav-wrapper { position: static; width: 100%; }
  .hdNav { max-width: 100%; }
  .socials { display: none; }
  .hdLogo { max-width: 50px; }

  /* banner */
  .bn-logo { display: block; padding-bottom: 15px; width: 100%; max-width: 130px; margin: 0 auto; }
  .banner-text { text-align: center; padding: 0 15px; top: 40%; }
  .banner-text .wrapper h1, .banner-text .wrapper h4, .banner-text .wrapper p { text-shadow: 0 2px 2px #000000; }
  .banner-text .wrapper p { font-size: 18px; margin-bottom: 25px; }
  .bn-contact .wrapper { margin: 0 auto; flex-direction: column; gap: 10px; }
  .bn-contact .wrapper span.hr, .achivement span.hr { display: none; }
  .bn-contact { bottom: 25px; }
  .bn-contact .wrapper p { font-size: 25px; }
  .banner-image img { height: 650px; }

  /* service */
  #service { padding: 30px 0; }
  #service .image-wrapper { align-items: stretch; gap: 15px; }
  #service .image-wrapper .wrapper { background-color: #1276CD; }
  #service .image-wrapper .wrapper .caption { position: static; border: unset; }
  #service .image-wrapper .wrapper::before { display: none; }
  #service .text, #service .image-wrapper, #cfs .text, #og .text { padding-bottom: 30px; text-align: center; }
  #service .image-wrapper .wrapper .caption p { padding: 15px 5px; }
  #service .text { flex-direction: column; gap: 50px; }
  .achivement { flex-direction: column; gap: 20px; }
  .achivement .w-col { max-width: 50px; }
  .achivement h4 span { display: inline; }
  .achivement .wrapper { max-width: 430px; }
  .achivement .w-col img { height: 65px; }
  #service .image-wrapper .wrapper .caption p { font-size: 16px; }

  /* css finish stairs */
  #cfs { padding: 40px 0; }
  #cfs .text h3 { font-size: 25px; }
  #cfs .wrapper { flex-direction: column; }
  #cfs .wrapper .img-area, #cfs .wrapper .text { max-width: 100%; }
  #cfs .wrapper .text .b-text { max-width: 350px; margin: 0 auto; flex-direction: column; justify-content: center;  }
  #cfs .wrapper .text .b-text .yelp img, #cfs .wrapper .text .b-text .bbb img { max-width: 90px; }

  /* establish */
  #establish .text, #establish .text .wrapper { text-align: center; max-width: 100%; }
  #establish .text h3 { margin-bottom: 10px; }

  /* review */
  #review { text-align: center; }
  #review h2 { margin-bottom: 50px; }
  .testimonial { flex-direction: column; }
  .testimonial .rating { justify-content: center; align-items: center; flex-direction: column-reverse; gap: 15px; }
  .testimonial .wrapper { flex-direction: column; max-width: 100%; }
  .testimonial .wrapper span.hr { display: none; }
  .testimonial .wrapper img { max-width: 55px; }

  /* our gallery */
  #og .image-wrapper { gap: 15px; }
  #og .text .row { flex-direction: column; gap: 50px; }
  #og .text p.b-text { padding-left: 0; border: none; }
  #og .text p.b-text span { margin-bottom: 10px; }

  /* footer */
  .ftContainer { margin: 0 auto; }
  .ftInfo { text-align: center; }
  .ftInfo .info-row { flex-direction: column; }
  .ftInfo .fa { margin: 0 auto; }
  .ftInfo .info-row p { width: 100%; }
  .ftInfo .fa { font-size: 15px; }
  .ftInfo .info-row { gap: 10px; }
  .ftCopy p { font-size: 16px; }

  /* inner */
  .inner #content { padding: 40px 0; }
  .inner-page-banner img { height: 250px; }
  .inner .sv-content .img-area { max-width: 200px; }
  .about-page .wrapper { flex-direction: column; text-align: center; }
  .about-page .wrapper .img-area, .about-page .wrapper .text-wrapper { width: 100%; }
  .about-page .wrapper .img-area { max-width: 350px; margin: 0 auto; }
  .form-group { gap: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

}

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

  /* banner */
  .bn-logo { max-width: 90px; }

  /* establish */
  #establish { padding-top: 200px; }
  #establish .text h3 { font-size: 25px; margin-bottom: 20px; }
  #establish .text p { font-size: 18px; }

}

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

  /* recaptcha */
  .g-recaptcha { -webkit-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

}