*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { width: 100%; min-width: 1800px; margin: 0 auto; font-family: 'Poppins', sans-serif;  position: relative; }
/* body::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/Valley Handyman Services.fw.png') no-repeat center;
  opacity: .5;
  z-index: 99999;
} */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; color: inherit; }

div, article, section, dl, dt, dd, table, tr, td, ul, ol, li, p, span, small, em, h1, h2, h3, h4, h5, h6, nav { padding: 0; margin: 0; }

.row { width: 100%; max-width: 1625px; margin: 0 auto; }

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

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

/*typography*/
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

h1, h2 { font-family: 'Staatliches', sans-serif; font-size: 70px; font-weight: 400; line-height: 1.2; color: inherit; letter-spacing: -.02em;}
h1 span { color: #FEA020; background-color: rgba(0, 0, 0, 0.005); }
p, ul, nav ul li a { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.2; color: inherit; }


/*BUTTON*/
.btn { position: relative; overflow: hidden; z-index: 999; display: block; text-align: center; padding: 19px 0; width: 271px; font-size: 25px; font-family: 'Poppins', sans-serif; font-weight: 500; background: url('../images/content/btn-bg.png')no-repeat center;  color: #FFF; line-height: 1.2; -webkit-appearance: inherit; transition: 300ms; -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important; background-color: rgba(0, 0, 0, 0.005);}
.btn:hover { color: #fff; background: url('../images/content/btn-bg-hvr.png')no-repeat center;  }

/*FLEX*/
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; /* -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; */ }
/* img { width: 100%; } */

/*SOCIAL*/
.socials .flex { column-gap: 10px; justify-content: left; margin-top: 10px; }


/* COMMON */
.phone-holder { column-gap: 24px; justify-content: left; }
.phone-holder .img-holder { width: 72px; height: 72px; background-color: #FEA222; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.phone-holder .txt a { font-family: 'Staatliches', sans-serif; font-size: 50px; }

.foreword { font-size: 25px; color: #333; }

/*-----------------------------------------------HEADER-----------------------------------------------*/
#header { position: relative; width: 100%; z-index: 1000; background-color: #012B3A; color: #fff; padding: 18px 20px; }
#header .row { max-width: 1705px; }
#header .row.flex .left.flex { width: 100%; max-width: 1235px; }
#header nav a#pull { display: none }
#header nav { position: relative; z-index: 999; width: 100%; max-width: 780px; }
#header nav ul { justify-content: space-between; display: flex;}
#header .nav-holder { width: 100%; }
#header nav ul { margin: 0; padding: 0; list-style: none; }
#header nav ul li { display: inline-block; vertical-align: middle; }
#header nav ul li a { font-weight: 400; color: #fff; position: relative; padding: 7px 15px; display: inline-block; border-radius: 5px; }
#header nav ul li.active-menu a, #header nav ul li a:hover {background: url('../images/content/nav-hvr-bg.png')no-repeat center; -webkit-background-size: cover; background-size: cover; background-color: rgba(0, 0, 0, 0.005); }
#header nav ul li.active-menu a { font-weight: 700 !important;  }
#header .socials .flex img { width: 100%; max-width: 42px; }

/*-----------------------------------------------BANNER-----------------------------------------------*/
#banner { background: url('../images/content/banner-bg.jpg')no-repeat bottom center; -webkit-background-size: cover; background-size: cover;  width: 100%; position: relative; color: #fff; background-color: #000; padding: 130px 20px 220px;}
#banner .row.flex { justify-content: right; gap: 72px; width: 100%; max-width: 1522px; margin: 0; }
#banner .txt { width: 100%; max-width: 591px; text-align: center; }
#banner .txt p { font-size: 30px; }
#banner .txt .btn  { margin: 35px auto 0;}
/*-----------------------------------------------CONTENT-----------------------------------------------*/
/* ABOUT */
#about { background: url('../images/content/about-bg.jpg')no-repeat center; -webkit-background-size: cover; background-size: cover; position: relative;  width: 100%; padding: 180px 20px 154px; }
#about .right-content { width: 100%; max-width: 813px; margin-left: auto; }
#about h1 { color: #002B39; margin-top: 15px; font-size: 80px;}
#about p { color: #333; line-height: 35px; margin: 23px 0 30px;}
#about p b { color: #002B39; }

/* SERVICES */
#services { background: url('../images/content/services-bg.jpg')no-repeat center; -webkit-background-size: cover; background-size: cover; position: relative;  width: 100%; background-color: #000; color: #fff; padding: 110px 20px 70px; }
#services .flex.top .left { margin-top: -40px; padding-right: 30px; }
#services .foreword { color: #FFF; margin-bottom: 10px;}
#services h1 { line-height: 60px; }
#services h1 span { display: block; }
#services .flex.top { margin-bottom: 16px; padding-right: 20px; }
#services .flex.top p { font-size: 30px; width: 100%; max-width: 840px; letter-spacing: -.03em; }


.services-items { gap: 15px; position: relative; align-items: stretch; }
.services-items .item { background-color: #fff; color: #444; padding: 20px; border-radius: 10px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; }
.services-items .item img { border-radius: 5px;}
.services-items .item .label { font-family: 'Proxima Nova', sans-serif; font-size: 30px; font-weight: 700; letter-spacing: -.03em; margin-top: 23px; }
.services-items .item p { font-size: 21px; line-height: 30px; margin: 20px auto 25px;}
.services-items .item:nth-child(1) p { width: 100%; max-width: 408px; }
.services-items .item:nth-child(3) p { width: 100%; max-width: 458px; }
.services-items .item a { color: #FE921E; font-size: 25px; font-weight: 600; position: relative; background-color: rgba(0, 0, 0, 0.005); width: fit-content; margin: 0 auto; }
.services-items .item a:after { content: ""; width: 100%; height: 1.5px; background: #FE921E; position: absolute; bottom: 3px; left: 0; opacity: 50%; }

.slider-btns { width: 100%;}
.slider-btns .prev { position: absolute;  left: -82px; }
.slider-btns .next { position: absolute;  right: -82px; }
.slider-btns .prev a, .slider-btns .next a { display: flex; width: 72px; height: 72px; background-color: #FE921E; color: #111; font-size: 45px; font-weight: 500; align-items: center; justify-content: center; border-radius: 100%; }
.slider-btns .prev a:hover, .slider-btns .next a:hover { background-color: #fff; }

/* WHY CHOOSE */
#why { background: url('../images/content/why-bg.jpg')no-repeat center; -webkit-background-size: cover; background-size: cover; position: relative;  width: 100%; padding: 100px 20px 120px; color: #333;}
#why .left-content { width: 100%; max-width: 976px;}
#why .foreword { font-weight: 600; }
#why h1 { width: 100%; max-width: 610px; color: #002B39;}
#why p:not(.phone-holder p) { font-size: 25px; font-weight: 500; line-height: 35px; letter-spacing: -.03em; width: 100%; max-width: 777px; margin-bottom: 10px; }
#why ul { list-style: none; font-size: 20px; line-height: 35px; }
#why ul li { margin-bottom: 30px; }
#why .phone-holder .txt a { color: #111;}

/*SERVICES*/
#reviews { background: url('../images/content/reviews-bg.jpg')no-repeat center; -webkit-background-size: cover; background-size: cover; position: relative;  width: 100%; padding: 120px 20px 0; background-color: #000; color: #fff; text-align: center; }
#reviews .foreword { color: #fff; }
#reviews h1 { letter-spacing: normal;}
#reviews p.top { width: 100%; max-width: 780px; margin: 10px auto 0; font-size: 25px; line-height: 35px; letter-spacing: -.03em;}
#reviews .flex.center { justify-content: center; align-items: start; margin-top: 57px;     max-width: 1490px; width: 100%; }
#reviews .flex.center .ferson { margin-right: -77px; position: relative; z-index: 9;}
.review-item { position: relative; background-color: rgba(255, 255, 255, .8); color: #333; width: 100%; max-width: 853px; min-height: 488px; padding: 105px 75px 20px; text-align: left; display: flex; flex-direction: column; align-items: start; border-radius: 10px; -webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.65); box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.65); } 
.review-item .name { font-family: 'Proxima Nova', sans-serif; font-size: 30px; font-weight: 700; margin-bottom: 27px; }
.review-item p { font-weight: 500; font-style: italic; line-height: 45px; font-size: 30px; margin-top: 32px;}
.review-item .slider-btns { position: absolute; bottom: -17px; right: 211px; width: 125px;
}

/*GALLERY*/
#gallery { background-color: #fff; position: relative;  width: 100%; text-align: center; color: #202020; padding: 138px 20px 52px;}
#gallery .foreword { color: #444; }
#gallery h1 { color: #002B39; letter-spacing: normal; }
#gallery p { width: 100%; max-width: 813px; margin: 12px auto 35px; line-height: 35px; font-weight: 500; font-size: 25px; }
#gallery .flex img { display: block; }
#gallery .btn { margin: 28px auto 0;}


/*CONTACT*/
#contact { position: relative; margin-bottom: -200px; }
#contact .row { max-width: 1553px; }
#contact .content {  background-color: #012B3A; color: #fff; text-align: center; border-radius: 15px; padding: 53px 20px 25px; position: relative; z-index: 99; }
#contact .foreword { color: #fff;}
#contact .content h1 { font-size: 60px; letter-spacing: normal; margin-top: 10px; }
#contact p { width: 100%; max-width: 813px; margin: auto; letter-spacing: -.03em;     line-height: 1.6em; }
#contact form { margin-top: 15px; width: 100%; max-width: 1084px; margin: 15px auto 0;}
#contact .ctc-form label { width: 100% }
form .messages p { display: none; font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; letter-spacing: 0 !important; font-size: 16px !important; }
form .loading { display: none !important; }
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; }
.ctc-form { margin: 0 auto; text-align: center; }
.ctc-form .flex { gap: 10px;}
.ctc-form input:not([type="checkbox"], [type="submit"]), .ctc-form select, .ctc-form textarea { font-family: 'Poppins', sans-serif; font-size: 16px; color: #000; height: 51px; display: block; width: 100%; border: 1px solid #A8A8A8; padding: 5px 10px; box-sizing: border-box; margin: 0 auto 15px; resize: none; background: #fff; }
.ctc-form ::placeholder, .ctc-form label { font-family: 'Poppins', sans-serif; font-size: 15px; color: inherit; line-height: 1.8; letter-spacing: .03px; text-align: left; }
.ctc-form ::placeholder { color: #777; letter-spacing: .036em; }
.ctc-form textarea { height: 106px; padding-top: 10px; }
.ctc-form .ctcBtn { display: block; border: none; margin: auto;}
.ctc-form .recap { display: inline-block; }
.ctc-form .g-recaptcha div { margin: 0 auto 10px; }
.ctc-form .ctc-hide { display: none; }


/*-----------------------------------------------FOOTER-----------------------------------------------*/
.home #footer { padding-top: 228px;}
#footer { background: url('../images/content/footer.jpg')no-repeat top; -webkit-background-size: cover; background-size: cover; background-color: #000; color: #fff; padding: 80px 20px 25px;}
#footer .row { max-width: 1595px; }
#footer .flex.top { width: 100%; max-width: 1487px; margin-bottom: 30px; }
#footer .logo-holder img { width: 100%; max-width: 390px; }
#footer .txt-con.flex { width: 100%; max-width: 950px; align-items: start; }
#footer .top.label { color: #F3AB39; font-size: 20px; font-weight: 600; }
#footer .socials { text-align: center; margin-top: 40px;}
#footer .socials .flex { justify-content: space-evenly; margin-top: 20px; }
#footer .comp-info .img-holder { width: 50px; align-content: start; }
#footer .comp-info td .label  { color: #FEA121; font-size: 16px; font-weight: 500; line-height: 1; margin-bottom: 6px; }
#footer .comp-info td a { font-size: 25px; color: #fff; font-weight: 600; width: 100%; display: block; max-width: 352px; letter-spacing: -.03em; margin-top: 10px;}
#footer .comp-info tr { padding-bottom: 22px; display: block; }
#footer .hours { width: 100%; max-width: 445px; }
#footer .hours table { width: 100%; }
#footer .hours tr td { font-size: 22px; font-weight: 500; padding-bottom: 17px; line-height: 1; letter-spacing: .02em; }
#footer .comp-info .top.label { margin-bottom: 27px;} 
#footer .hours .top.label { margin-bottom: 30px;}
#footer hr { background: #ccc; border: 1px solid #fff; width: 100%; max-width: 1515px; }


#footer .nav-holder { width: 100%; }
#footer nav { width: 100%; max-width: 850px; margin: 30px auto 0; }
#footer nav ul { display: flex; align-items: center; justify-content: space-between; }
#footer nav ul li { display: inline-block; vertical-align: middle; text-align: left; box-sizing: border-box; }
#footer nav ul li.active-menu a { font-weight: 700;}

.copyrights { background-color: #FEA222; padding: 23px;}
.copyrights p { color: #fff; background-color: rgba(0, 0, 0, 0.005); text-align: center;  font-weight: 500; letter-spacing: .1em;}
.copyrights p img { width: 40px; }
.copyrights p, .copyrights p a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; }

/*---------------------------------------INNER PAGES-------------------------------------------*/
.inner #content { min-height: 400px; padding: 40px 0; max-width: 1200px; margin: 0 auto }
.inner #content h1 { padding-bottom: 20px; text-align: center; }
.inner #content p { text-align: center; }

.contact-page #content iframe.maps { width: 100%; margin-top: 80px;}

/*INNER GALLERY*/
.img-responsive { width: 200px; height: 200px; -o-object-fit: cover; object-fit: cover; }
#content .gallery-container { text-align: center; }
#content .gallery { list-style-type: none; margin: 0; padding: 0; }
#content .gallery li { display: inline-block; }
#content .thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: block; line-height: .42857; margin-bottom: 20px; padding: 4px; transition: border 0.5s ease-in-out 0s; }
#content .thumbnail:hover { 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:hover,
.page_navigation>a.active_page { background-color: #eceeef; border-color: #ddd; color: #014c8c; text-decoration: none; }
.inner #content .gallery-container { margin-bottom: 20px }


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


/*RESPONSIVE*/
@media screen and (max-width: 1700px) {
  body { zoom: 85% !important; }
}

@media screen and (max-width: 1660px) {
  body { zoom: 80% !important; }
}

@media screen and (max-width: 1440px) {
  body { zoom: 70% !important; }
}

@media screen and (max-width: 1280px) {
  body { zoom: 65% !important; }
}

@media screen and (max-width: 1024px) {
  body { zoom: 55% !important; }
}
/* @media screen and (max-width: 1200px) {
  body { min-width: 320px }
}

@media screen and (max-width: 959px) {
  #header .row { width: 100%; padding: 0; }
  #header nav {}
  #header nav ul { width: 100%; display: none; height: auto; border-bottom: 5px solid #000; padding: 0 15px; }
  #header nav ul li { width: 100%; position: relative; }
  #header nav ul li a { padding: 10px 0; text-align: left; width: 100%; }
  #header nav a strong { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; }
  #header nav a#pull { display: block; color: #fff; background-color: #000; height: 60px; padding: 10px 0; width: 100%; position: relative; }
  #header nav a#pull:after { content: ""; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
  .show { position: relative; }
  .cta { background: #035B96 url("../images/content/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px; border-top: 2px solid #013f9a; border-top-left-radius: 40px; bottom: 10%; display: block; height: 60px; position: fixed; right: 0; text-decoration: none; text-indent: -9999em; width: 60px; z-index: 999; }
  #footer .nav-holder { display: none; }
} */