@charset "UTF-8";
/*
Theme Name: Rea's Cleaning Services
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

/*
--------------------------------------------------------------*/

html {line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {font-family: 'Open Sans', sans-serif; margin: 0 auto; width: 100%; min-width: 1200px; position: relative;}
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "font-awesome"; src: url('fonts/FontAwesome/fontawesome-webfont.eot'); src: url('fonts/FontAwesome/fontawesome-webfontd41d.eot?#iefix') format("embedded-opentype"),  url('fonts/FontAwesome/fontawesome-webfont.woff2') format("woff2"),  url('fonts/FontAwesome/fontawesome-webfont.woff') format("woff"),  url('fonts/FontAwesome/fontawesome-webfont.ttf') format("truetype"),  url('fonts/FontAwesome/fontawesome-webfont.svg') format("svg");}

/*###################################
## Layouts
###################################*/
.row {max-width: 1460px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.cta {display: none;}
.grecaptcha-badge {z-index: 999999;}
.home .entry-header{ display: none; }
.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

/*###################################
## Fonts
###################################*/
h1, h2 , h3, h4, h5, h6, p, ul, ol, a{ padding: 0; margin: 0}
a { font-family: 'Montserrat', sans-serif; }
a, a:visited { -webkit-transition: all .5s ease; text-decoration: none !important; text-decoration: none; -o-transition: all .5s ease; transition: all .5s ease;color: inherit;}
/*a:hover {text-shadow: 0px 0px 5px #000;}*/
a:focus {outline: none !important;}
h1, h2 , h3, h4, h5, .help {font-family: 'Barlow', sans-serif; font-weight: 700; line-height: 1.2; margin: 0 auto; font-size: 96px; color: #fff;}
h4{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; color: #1B1F28; line-height: 1.6 }
h3 { font-size: 32px; color: #0059B2 }
h5{ font-size: 25px }
p, ul, ol, a {font-family: 'Open Sans', sans-serif; line-height: 1.8; font-weight: 400; font-size: 17px; color: #333;}
.help:hover{color: #006BD7!important;}

/*###################################
## ADA
###################################*/
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle { top: 50px; }

/*###################################
## Buttons
###################################*/
.btn { font-family: 'Barlow', sans-serif; font-size: 17px; font-weight: 700; color: #fff!important; padding: 5px 0; width: 248px; background: #FF4505; position: relative; z-index: 1.2; display: block;  text-align: center;}
.btn:hover { background: #006BD7;}
.site-header .main-navigation ul li:last-of-type a,
.whitebtn{ border: 3px solid #fff; background: transparent; border-radius: 40px; padding: 20px 0; max-width: 265px; width: 100%  }
/*blue circle button*/
.btnblue{ background: #006BD7; width: 205px; border-radius: 40px; padding: 13px 0; }
/*btn arrow*/
.btnarrow{ position: absolute; top: -40px; display: block; text-align: center; left: 0; right: 0; margin: 0 auto; width: 68px; height: 68px; }
.btnarrow:before{ position: absolute; content: '\203A'; width: 100%; height: 100%; z-index: 9999; transform: rotate(90deg); font-size: 67px; line-height: .76; text-align: center; border-radius: 50%;left: 0; right: 0; margin: 0 auto;  background: #0059B2; color: #fff}
.btnarrow:hover:before{ background: #333333 }

/*###################################
## Forms
###################################*/
.ctc_form{ max-width: 1198px; margin: 0 auto }
.ctc_form .flex label{ width: 32.5%; }
.ctc_form label input, .ctc_form label textarea, .ctc_form label .btn{ display: block; background: #004284; border-radius: 5px; border: 1px solid #4FA7FF; padding: 15px 40px; height: 59px; width: 100% }
.ctc_form ::placeholder, .ctc_form label input, .ctc_form label textarea, .ctc_form label .btn{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 17px; color: #fff}
.ctc_form label textarea{ height: 290px; resize: none;  }
.ctc_form .msbtn{ position: relative; margin-top: -10px;}
.ctc_form .msbtn .btn{ position: absolute; content: ''; left: 0; right: 0; bottom: -20px; width: 100%; margin: 0 auto; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 60px; background: #006BD7; border: none; }
.home .wpcf7 form .wpcf7-response-output, .home .wpcf7-not-valid-tip{ color: #fff!important }


/*###################################
## Menus
###################################*/

/*Main Menu*/
.main-navigation {}
.navigation-top ul {align-items: center; display: -webkit-flex;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: flex; justify-content: space-between;}
.main-navigation ul li {display: flex; height: 92px; width: 126px; text-align: center;}
.navigation-top ul li a{ font-family: 'Barlow', sans-serif; font-size: 17px; font-weight: 700; color: #fff; line-height: 1.2; display: block; }
.main-navigation ul li a{ align-self: center; width: 100%; padding: 43px 0; position: relative;}
.main-navigation ul li:not(:last-child) a:before{ position: absolute; content: ''; left: 0; right: 0; bottom: -25px; margin: 0 auto; background: #006BD7; width: 10px; height: 34px; display: none;}
.main-navigation ul li:hover a:before, 
.main-navigation ul li.current-menu-item a:before{ display: block; }
.site-header .main-navigation ul li:last-of-type a:hover{ border: 3px solid #006BD7; }

/* sub-menu */
li#menu-item-181:hover li#menu-item-183 {display: block;}
li#menu-item-181:hover li#menu-item-182 {display: block;}
li#menu-item-183, li#menu-item-182{
	display: none;
/*   position: absolute; */
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;}

li#menu-item-183 a, li#menu-item-182 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
ul.sub-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        margin: 75px 0 0 -15px;
}


/*.main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}*/

/*Sub Menu*/
/*.main-navigation ul ul {background: rgba(106, 123, 100, .9); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: 0px 0px 2px #555; box-shadow: 0px 0px 2px #555; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 250px;display: block; opacity: 0;}
.main-navigation ul ul li {display: block; margin-right: 0;}
.main-navigation ul ul li a {padding: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;}
.main-navigation ul ul li a:hover {background: #D7BA5A;}*/

/*Sub Sub Menu*/
/*.main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px;  }
.main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }
.main-navigation ul ul ul li {}*/

/*Footer Menu*/
.footer-navigation {  max-width: 1000px; width: 100%; margin: 0 auto; }
.footer-navigation ul{ list-style: none; max-width: 955px; margin: 0 auto; padding: 50px 0}
.footer-navigation ul li{ display: inline-block; vertical-align: middle; }

/*Social Menu*/
.menu-social-menu-container ul{ list-style: none }
.menu-social-menu-container ul li a{ display: block; font-family: 'font-awesome';}
.menu-social-menu-container ul li a i{ font-style: normal; color: #fff; font-size: 25px }

/*###################################
## BEFORES LINES
###################################*/
.withlinetop{ position: relative; }
.withlinetop:before{ position: absolute; content: ''; top: 0; left: 0; right: 0; margin: 0 auto; width: 86px; height: 3px; background: rgb(255,255,255); background: rgba(255,255,255,.33); }


/*###################################
## HEADER
###################################*/
.site-header { position: absolute; content: ''; width: 100%; display: block; left: 0; top: 0; z-index: 1; }
.site-header .row{ max-width: 1790px; }
.custom-logo-link { max-width: 244px; width: 100%; display: block; margin-left: 80px}
.custom-logo-link img{ width: 100%; display: block;}
.site-header .row{ }
.site-header .htop{ background: #00458A;}
.site-header .htop .flex{ max-width: 568px; margin: 0; margin-left: auto; align-items: stretch;}
.site-header .htop .flex p, .site-header .htop .flex a{ font-family: 'Barlow', sans-serif; font-weight: 700; color: #fff; position: relative;}
.site-header .htop .flex a{  padding-left: 32px; }
.site-header .htop .flex p{ padding: 0 12px; }
.site-header .htop .flex p:hover{ background: #006BD7;}
.site-header .htop .flex p a:before{position: absolute; content: ''; left: 0; top: 0; bottom: 0; margin: auto 0; width: 25px; height: 20px; background: url('assets/images/sprites.png')no-repeat right; }
.site-header .htop .flex p:last-of-type{ padding: 7px 12px}
.site-header .htop .flex p:first-of-type a{ font-size: 25px; padding-left: 25px}
.site-header .htop .flex p:first-of-type a:before{width: 20px; background: url('assets/images/sprites.png')no-repeat left; }
.site-header .hbot{ margin-top: -35px; }
.site-header .hbot .flex { border-bottom: 1px solid rgba(255,255,255,.23); align-items: flex-end; padding-bottom: 10px}


/*###################################
## BANNER
###################################*/
/* .site-banner #banner{ padding: 410px 0 630px; position: relative; background-size: 100% 100%!important} */
.site-banner #banner{ padding: 130px 0 370px; position: relative; background-size: 100% 100%!important}
.site-banner #banner .menu-social-menu-container{position: absolute; content: ''; left: 0; top: 0; max-width: 80px; background: #00458A; height: 100%; width: 100%; z-index: 2;}
.site-banner #banner .menu-social-menu-container ul{ position: absolute; content: ''; left: 0; top: 0; max-width: 80px; height: 371px;  width: 100%; text-align: center; bottom: 0; margin: auto!important;}
.site-banner #banner .menu-social-menu-container ul li{ display: block; margin: 50px auto }
.site-banner #banner h3{ color: #fff; padding-top: 43px }
.site-banner #banner h3:before{ margin: 0 }
.site-banner #banner h2{ padding-bottom: 25px }
.site-banner #banner .btn{ width: 265px }


/*###################################
## CONTENT
###################################*/

.site-content { position: relative; }

/*WELCOME SECTION*/
#welcome { margin-top: -378px; position: relative; z-index: 3}
#welcome .wrapper { background: #fff; align-items: stretch!important; padding: 15px; border-radius: 15px; position: relative; }
#welcome .wrapper div * div { height: 100%;}
#welcome h2{ font-size: 52px; background: #0059B2;height: 100%; text-align: center; border-radius: 15px; padding: 100px 5px}
#welcome h3{ padding: 0; }
/* #welcome h3{ padding: 62px 0 15px } */
/* #welcome p{ max-width: 842px; } */
#welcome p{ max-width: 100%; }
#welcome .btnarrow{ right: -34px; bottom: 0; top: 0; left: unset; margin: auto;}
#welcome .btnarrow:before{  transform: rotate(0deg);}


/*SERVICES SECTION*/
#services { margin-top: -130px; padding-top: 230px; background: url('assets/images/services.png')no-repeat top center; background-size: 100% auto; position: relative; z-index: 2}
#services h2{ color: #333333; font-size: 96px; padding: 13px 0 65px; position: relative; }
#services h2:before{ background: #006BD7 }
#services .svccols{ position: relative; }
#services .svctext  { position: absolute; content: ''; bottom: 0; left: 0; right: 0; margin: 0 auto;  padding: 28px 0 67px 60px;  }
#services .svctext:before{ position: absolute; content: ''; top: 0; width: 250px; height: 1px; background: rgb(255,255,255); background: rgba(255,255,255,.3); left: 0 }
#services .svctext h3{ font-size: 52px; color: #fff;}
#services .svctext h5{ letter-spacing: 13px;  }


/*ABOUT SECTION*/
#about{ /*padding: 180px 0 175px; background-position: left!important; background-size: 55.31% 100%!important;*/ background-repeat: no-repeat!important; }
#about .wrapper{ max-width: 1196px; margin-left: auto; }
#about h1{ max-width: 876px; margin: 0 }
#about h1 span{ display: block; background: #0059B2; }
#about h1 span:first-of-type{ max-width: 100%; width: 100%; border-top-right-radius: 15px; border-top-left-radius: 15px;  padding-left: 24px;}
/* #about h1 span:first-of-type{ max-width: 358px; width: 100%; border-top-right-radius: 15px; border-top-left-radius: 15px;  padding-left: 24px;} */
/* #about h1 span:last-of-type {  font-size: 46px; letter-spacing: 23px;   padding: 10px 0 10px 24px;  border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;} */
#about h1 span:last-of-type {  font-size: 46px; letter-spacing: 5px;   padding: 10px 0 10px 24px;  border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
#about .abouttext{ max-width: 686px; margin: 0; margin-left: auto;}
#about .abouttext h5{ padding: 60px 0 22px; letter-spacing: 12px; color: #006BD7}
#about .abouttext p:nth-of-type(1), #about .abouttext p:nth-of-type(2){ padding-bottom: 40px }
#about .btnblue{ display: inline-block; vertical-align: top; }
#about .btnblue:first-of-type{ margin-right: 20px }
#about .btnblue:first-of-type:hover{background: #0059B2 }
#about .btnblue:last-of-type{ margin-bottom: 50px; background: #0059B2 }
#about .btnblue:last-of-type:hover{ background: #006BD7}
#about .phone{ font-size: 45px; font-family: 'Barlow', sans-serif; font-weight: 700; padding-left: 60px; background: url('assets/images/phone.png') no-repeat left center; display: block;}
#about h3{ text-align: center; padding: 160px 0 64px; position: relative;}
#about h3:last-of-type{ padding-bottom: 0}
#about h3:after{ position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; top: 0; width: 140px; height: 140px; background: url('assets/images/wsprite.jpg') no-repeat center center; border-radius: 50%}
#about h3:last-of-type:after{ background: url('assets/images/wsprite.jpg') no-repeat bottom center ;}
#about h3:first-of-type:after{ background: url('assets/images/wsprite.jpg') no-repeat top center; }

/*GET CONNECTED SECTION*/
#contact { /*padding: 145px 0 0;*/ position: relative; }
#contact h2{ padding: 15px 0 45px; line-height: 1 }
#contact .conbox{ background: #0059B2; padding: 85px 5px 105px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#contact .conbox h3{ font-size: 25px; letter-spacing: 12px; padding-bottom: 35px; color: #fff }


/*reviews*/
.review {
    margin: 50px auto;
    border: 1px solid gray;
    padding: 30px;
}
.review h2 {
    color: black;
    text-align: left;
    font-size: 30px;
    margin: 20px 0;
}
.review .flex span {
    font-size: 30px;
    margin: 0 5px;
}
.review .flex {
    justify-content: normal;
}
.checked {
    color: yellow;
}

/*MAP SECTION*/
#map iframe{ width: 100%; display: block; height: 340px; border: none;}

/*CONTACT DETAILS SECTION*/
#condetails .wrapper{ max-width: 1028px; margin: -35px auto 0; position: relative; z-index: 2; padding-bottom: 88px}
#condetails p{ font-size: 15px; padding: 100px 0 12px  }
#condetails h5, #condetails h5 a, #condetails h3 a{ color: #333; font-family: 'Barlow', sans-serif; font-size: 17px; font-weight: 700; max-width: 176px;}
#condetails h3 a{ font-size: 33px; line-height: 1 }
#condetails .cols, #condetails .wrapper .panel-grid-cell{ position: relative; }
#condetails .cols:before, #condetails .wrapper .panel-grid-cell:after{  position: absolute; content: ''; right: 0; }
#condetails .cols:before{width: 1px; height: 101px; background: #DDDDDD; bottom: 0; }
#condetails .wrapper .panel-grid-cell:after{ top: 0; left: 0; width: 68px; height: 68px; background: url('assets/images/sprites2.jpg')no-repeat top center; border-radius: 50%; margin: 0 auto}
#condetails .wrapper .panel-grid-cell:first-of-type:after{ background: url('assets/images/sprites2.jpg')no-repeat top left; }
#condetails .wrapper .panel-grid-cell:last-of-type:after{ background: url('assets/images/sprites2.jpg')no-repeat top right; }


/*OFFERS SECTION*/
#offers{ padding: 100px 0 80px; }
#offers .wrapper{ max-width: 765px; }
#offers h3{ font-size: 30px; color: #fff; padding: 43px 0 24px }
#offers h3:before{ margin: 0 }
#offers h2 a{ font-family: 'Barlow', sans-serif; font-weight: 700; line-height: 1.2; font-size: 45px; color: #fff; display: block; margin:0 0 30px; padding-left: 67px; position: relative;}
#offers h2 a:before{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; margin: auto; background: url('assets/images/sprites.png')no-repeat left center; width: 48px; height: 45px; background-size: 119px 45px }
#offers .menu-social-menu-container ul li{ display: inline-block; vertical-align: middle; margin-right: 53px }

/*FOOTER TOP WhAT WE DO*/
#footertop_whatwedo { padding: 90px 0 374px; }
#footertop { max-width: 800px;  padding: 0 10px 0 80px }
#footertop p{ color: #fff }
#footertop img{max-width: 410px; width: 100%;}
#footertop p.stars{ color: #FFBF00; font-size: 30px; letter-spacing: 16px; padding-top: 77px}
#footertop p.teststate{ padding-bottom: 32px; position: relative; }
#footertop p.teststate:before{ position: absolute; content: ''; left: -80px; background: url('assets/images/quote.png')no-repeat; width: 34px; height: 23px; top: 12px; }
#footertop .btn{ margin-top: 48px }

#whatwedo { margin-top: -485px; text-align: center; padding: 80px 10px 110px; border-radius: 20px; position: relative;}
#whatwedo h2{ font-size: 52px; padding-bottom: 16px; margin-bottom: 47px;}
#whatwedo h2:before{ top: unset; bottom: 0; }
#whatwedo ul{ list-style: none; color: #fff; font-family: 'Barlow', sans-serif; font-weight: 600; line-height: 2.4}
#whatwedo .btnarrow:before{ color: #000;  background: #fff;}
#whatwedo .btnarrow:hover:before{ background: #333; color: #fff}


/*###################################
## FOOTER
###################################*/

.site-footer { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; padding-bottom: 78px}
.site-footer .wrapper {border-top: 1px solid rgb(255,255,255); border-top: 1px solid rgba(255,255,255,.14);}
.site-footer .copyright { max-width: 1000px; margin: 0 auto; text-align: center; }
.site-footer .copyright p, .site-footer .copyright a{ font-family: 'Barlow', sans-serif; font-weight: 700; color: white; text-transform: uppercase;} 
.site-footer .copyright .techno{ display: block; } 
.site-footer .copyright img { width: 50px; display: inline-block; vertical-align: middle; }

/*###################################
## Inner Pages
###################################*/
.inner #content { padding: 10px 0; margin: 40px auto; min-height: 800px;  margin-top: -213px;  padding-top: 230px;  background: url(assets/images/services.png)no-repeat top center;  background-size: 100% auto;  position: relative;  z-index: 2;}
.inner #content .entry-content{ max-width: 1440px; margin: 0 auto; padding-left: 10px; padding-right: 10px; text-align: center; }
.inner #content h1 { text-align: center; font-size: 55px; margin: 0 auto 20px; color: #333}
.inner #content h3, .inner #content h4, .inner #content h5, .inner #content p, .inner #content ul { padding: 5px 0; }
.inner #content ul{ padding-left: 28px; max-width: 500px; margin: 0 auto; text-align: left;}
.inner #content ul li{ padding: 5px 0 }
.inner .site-footer { position: relative; background: url(../../uploads/2020/08/footer.jpg)no-repeat bottom center; background-size: cover; }

/*###################################
## HOME
###################################*/
.wwdo{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}


/*###################################
## ABOUT
###################################*/
#bbblink{ margin: 15px auto!important }

/*###################################
## SERVICES PAGE
###################################*/


/*###################################
## GALLERY PAGE
###################################*/
.page-id-20 #content .entry-content{  }

/*###################################
## CONTACT PAGE
###################################*/


/*###################################
## Error Page
###################################*/
.error-404 {text-align: center;}

/*###################################
## RESPONSIVE
###################################*/

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

	.site-header{ z-index: 999 }

}

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

	#banner { padding-left: 110px!important; }

	#welcome .btnarrow{ right: 10px }
}

@media screen and (max-width: 1500px) {
	
	ul.sub-menu {margin: 75px 0 0 0 !important;}

}

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

	#about h1 span:last-of-type{ letter-spacing: 20px }

	#welcome .wrapper{ padding-right: 85px!important }
	#welcome h2 {  font-size: 45px; }
	



}

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

	body{ min-width: 320px }

	.custom-logo-link{ margin-left: 0 }
	.site-banner #banner h2, h1, .help{ font-size: 45px!important }
	.site-banner #banner{ background-size: cover!important;  padding: 280px 0 300px; }

	#welcome { margin-top: -250px; }
	#welcome h2 {  font-size: 32px!important; }

	h2 { font-size: 45px!important }

	#services .wrapper, #condetails .wrapper{ justify-content: space-around!important; }
	#services .wrapper .svccols{ margin-bottom: 80px }

	#about { background-position: -100px 0!important; background-size: 90% 100%!important; }
	#about h1 span:last-of-type { letter-spacing: 12px; }
	#about .abouttext h5, #about .abouttext p { text-shadow: 1px 1px 1px #fff }
	#about .abouttext p a{ text-shadow: none; }

	#condetails .cols{ margin-bottom: 40px }
	#condetails .cols:before{ display: none; }

	#whatwedo{ margin-top: -300px }

}

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

	.site-header .htop .flex{ display: block; max-width: 285px;}
	.site-header .hbot {  margin-top: -82px; }
	.site-content{top:-105px;}
	.site-banner #banner { padding: 180px 0 100px }
	.site-banner #banner h2, h1, .help { font-size: 45px!important; }
/* 	.site-banner #banner .menu-social-menu-container ul{ top: unset; bottom: 10px } */

	#welcome{ margin-top: 0 }
	#welcome h2{ padding: 10px 5px }
	#welcome h3{ padding: 10px 0 }
	#welcome .btnarrow{ position: relative; }
	#welcome .btnarrow:before {  transform: rotate(90deg); }
	#welcome .wrapper{ padding-right: 10px!important; text-align: center; }

	#services .wrapper .svccols{ max-width: 500px; margin: 0 auto 80px }

	#about h1 span{ padding-left: 10px!important; text-align: center; }
	#about h1 span:last-of-type{ font-size: 30px;  }
	#about h1 span:first-of-type{ max-width: 100% }

	#about .abouttext{ max-width: 100%; text-align: center; }
	#about .phone{ max-width: 345px; margin: 0 auto;}
	#about h3{ padding: 145px 0 50px }

	#contact .conbox, #whatwedo{ padding: 50px 5px }

	#condetails p{ padding: 70px 0 8px }
	#condetails .cols { margin-bottom: 25px; }
	#condetails .wrapper{ padding-bottom: 50px }

	#offers{ padding: 50px 0 }

	#footertop_whatwedo { padding: 50px 0 190px; }
	#footertop{ padding: 0 ; text-align: center; }
	#footertop img{ max-width: 320px; margin: 0 auto }

	#whatwedo{ margin-top: 60px }
	#footertop .btn{ margin: 30px auto 0 }

	.inner #content{ background: none }

}



@media screen and (max-width: 767px) {
	.site-content{top: 0;}
	.site-header .hbot{ margin-top: 10px }
	.custom-logo-link, .site-banner #banner h3:before{ margin: 0 auto }

	.site-header .htop .flex{ max-width: 100%; text-align: center; }
	.site-header .htop .flex p:first-of-type a{ font-size: 17px }

	.site-banner #banner .menu-social-menu-container, .site-banner #banner .menu-social-menu-container ul{ position: relative; }

	.site-banner #banner{ padding: 280px 0 50px!important; text-align: center; }

	.btn{ padding: 10px 0; margin: 0 auto }
	.site-banner #banner h2, h1, .help { font-size: 30px!important; }
	h3{ font-size: 25px!important }
	h1, h2, #about .phone, #condetails h3 a, #offers h2 a{ font-size: 30px!important }

	.site-banner #banner .menu-social-menu-container{ margin-top: 10px }
	.site-banner #banner .menu-social-menu-container, .site-banner #banner .menu-social-menu-container ul{ max-width: 100% }
	.site-banner #banner .menu-social-menu-container ul{ height: auto; bottom: 0 }
	.site-banner #banner .menu-social-menu-container ul li{ display: inline-block; vertical-align: middle; margin: 10px }

	#welcome .wrapper{ padding: 10px 0!important }

	.btnarrow:before{ font-size: 41px }
	.btnarrow{ width: 40px; height: 40px }

	#services{ margin-top: 0; padding-top: 30px }
	.btnarrow{ top: -20px; }
	#services .svctext{ text-align: center; padding: 10px 5px 20px; }

	#services .svctext:before, #offers h3:before{ right: 0; margin: 0 auto }

	#about h1 span:first-of-type{ font-size: 30px!important }
	#about h1 span:last-of-type{ padding: 10px; letter-spacing: 2px }
	#about .btnblue:first-of-type{ margin: 0 auto 10px }
	#about h3:after{ width: 100px; height: 100px; background-size: 100% 301%!important; }
	#about h3 { padding: 105px 0 20px; }

	#contact .conbox h3{ letter-spacing: 2px }
	.ctc_form .flex label{ width: 100%; margin-bottom: 8px }

	#offers{ text-align: center; }
	#offers h2 a:before{ width: 40px; height: 40px; background-size: 92px 35px; }
	#offers .menu-social-menu-container ul li{ margin-right: 40px }

	#footertop img{ max-width: 244px }
	#footertop p.stars{ padding-top: 20px }
	
	.wwdo {
        text-align: left;
        justify-content: flex-start;
        padding-left: 40px;
}


}


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

    
}
.page-id-317 #content .entry-content{text-align:left !important}
.page-id-317 #content ul{max-width: unset !important;}
#menu-item-29 .sub-menu{display: none}
#menu-item-29:hover .sub-menu{display: flex; flex-direction: column; position: absolute; margin: 75px 0 0 0; background-color: #f1f1f1;}
#menu-item-29:hover .sub-menu a{color: #000;}

/*  revision*/
div#reas{width:40%; margin-left:auto; margin-top:-300px; text-align:center;}
ul#menu-social-menu-1{    display: flex;
    width: 80%;
    justify-content: space-between;
    margin: auto;}
h3.withlinetop{font-family: 'Barlow', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto;
    font-size: 36px;
    color: #fff;
}