@charset "UTF-8";
/*
Theme Name: Max House Painting
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/
*/
/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
html { font-size: 16px; /* 1em */ }
body { font-family: 'Open Sans', sans-serif; margin: 0 auto; padding: 0; min-width: 320px;}
a, a:visited { color: #9D8821;
  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-decoration: none; }
a:hover { color: #9D8821; text-decoration: none; }
img{ max-width: 100%; height: auto; }

h1, h2, h3, h4, h5 { margin-top: 0; font-family: 'Rubik', sans-serif; font-weight: 700;}

.button,
.so-widget-sow-button .ow-button-base a,
.sow-more-text a{
  background: #F9BD02 !important;
  border: 1px solid #F9BD02 !important;
  border-radius: 0px !important;
  color: #fff !important;
  font-family: 'Rubik', sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  display: block;
  height: 80px;
  line-height: 120%;
  max-width: 274px;
  margin: 0 auto;
  padding: 0 !important;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  align-items: center;
  display: flex;
  justify-content: center;
}
.ow-button-base.ow-button-align-right a{
  margin: 0 0 0 auto;
}
.ow-button-base.ow-button-align-left a{
  margin: 0;
}
.button:hover,
.so-widget-sow-button .ow-button-base a:hover,
.sow-more-text a:hover{
  background: #E49E3A !important;
  border-color: #E49E3A  !important;
  text-decoration: none !important;
}
/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.skip-link.screen-reader-text, .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; padding: 0; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site { margin: 0 auto; /*max-width: 1920px;*/ }

.full { width: 100%; }
.main { margin: 0 auto; }
.container { max-width: 1600px; margin: 0 auto;}
.medium{ max-width: 1460px; margin: 0 auto; }
.flex-row-center, .flex-row-start{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.flex-row-center{ align-items: center;  }
.flex-row-start{ align-items: flex-start; }
.flex-col-center{ align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-wrapper{ position: relative; }
.site-header { margin: 0 auto; width: 100%; padding: 0; position: absolute; left: 0; right: 0; z-index: 9;}
.site-logo{ padding-top: 10px; }
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
.main-menu-more{ display: none; }
/* Main Navigation */
.main-navigation { line-height: 1; margin: 0; width: 34%;}
.main-navigation ul{ align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: 0; padding-left: 0; }
.main-navigation li { position: relative; }
.main-navigation a { color: #fff; display: block; font-size: 15px; font-family: 'Rubik', sans-serif; font-weight: 700; line-height: 120%; text-decoration: none; padding: 45px 0 0; position: relative;}
.main-navigation a:hover:after, .main-navigation .current-menu-item > a:after{ content: ""; border-top: 7px solid #F9BD02; width: 42px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color: #fff; }

/*Sub Menu*/
.submenu-expand, .mobile-parent-nav-menu-item{ display: none !important; }
.main-navigation ul li:hover ul { visibility: visible; opacity: 1; margin-top: 0; }
.main-navigation ul ul { padding: 10px 5px; display: block; position: absolute; background: rgba(0, 0, 0, 0.5); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; visibility: hidden; opacity: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999; }
.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; text-transform: capitalize; }
.main-navigation ul ul li:hover a, .main-navigation ul ul li.current-menu-item > a { background: #F9BD02; color: #fff;}
.main-navigation ul ul li:hover a:after, .main-navigation ul ul li.current-menu-item > a:after{ display: none; }

/* Social menu */
ul.social-links-menu{ display: block; list-style-type: none; padding-left: 0; margin: 45px 0 0; }
ul.social-links-menu li { display: inline-block; vertical-align: middle; list-style: none; margin-left: 25px;}
ul.social-links-menu li:first-child{ margin-left: 0; }
ul.social-links-menu li a { align-items: center; display: flex; justify-content: center; transition: opacity 110ms ease-in-out; }
ul.social-links-menu li a:hover svg, ul.social-links-menu li a:active svg{fill: #F9BD02; }
ul.social-links-menu li a svg { display: block; fill: #fff; margin: 0 auto; width: 30px; height: 31px; transform: translateZ(0); }

/* Banner */
.site-banner{ position: relative;}
.site-banner .caption-wrapper{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.site-banner .bncaption{ max-width: 1050px; margin: 0 auto 150px; }
.site-banner .sow-image-container{ position: relative; }
.site-banner .sow-image-container:before{ content: ""; background: rgba(0,0,0,.4); position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; }
.site-banner h2{ color: #fff; font-size: 60px; line-height: 120%; text-align: center; }
.site-banner h2 small{ display: block; color: #fff; font-size: 15px; letter-spacing: 3px; line-height: 120%; margin-bottom: 20px;}
.site-banner .bninfo{ box-sizing: border-box; padding: 20px; }
.site-banner .bninfo p{ background: #E49E3A; font-size: 20px; font-family: 'Rubik', sans-serif; font-weight: 700; line-height: 120%; margin: 0; padding: 38px 0; text-align: center;}
.site-banner .bninfo p:hover{ background: #F9BD02; border-color: #F9BD02;}
.site-banner .bninfo p a{ color: #fff; }
.site-banner .bninfo p i{ color: #fff; margin-right: 20px; }
.site-banner .metaslider .slides img {filter: brightness(.85); min-height: 930px; object-fit: cover; object-position: center center;}
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.content-area h1, .content-area h3{ color: #253860; font-size: 60px; line-height: 110%; margin-bottom: 0;}
.content-area h1{ margin-bottom: 40px; }
.content-area .content-wrap h2, .bottom h2{ color: #E49E3A; font-size: 13px; letter-spacing: 4px; line-height: 120%; position: absolute; left: -20px; top: -50px;}
.content-area h5{ color: #555555; font-size: 18px; line-height: 120%; margin-bottom: 40px;}
.content-area p{ color: #333333; font-size: 16px; letter-spacing: .2px; line-height: 180%; margin: 30px auto; }
.content-area .content-wrap{ border-left: 1px solid rgba(255,255,255,.2); box-sizing: border-box; margin-left: 20px; padding-left: 50px; position: relative;}

.welcome-section, .services-section, .commercial, .projects-section{ padding: 100px 0; }
.welcome-section .content-wrap{ border-left: 1px solid #EEEEEE; max-width: 590px; }

.services-section .svc-wrap > .panel-grid-cell:first-child{ margin-top: 55px; }
.services-section h3, .services-section p{ color: #fff; }
.services-section p{ max-width: 350px; margin: 50px 0; }
.services-section .widget_sow-image{ margin-bottom: 20px !important; }
.services-section .so-widget-sow-image{ position: relative; }
.services-section .so-widget-sow-image h2{ box-sizing: border-box; color: #fff; font-size: 23px; margin-bottom: 0; position: absolute; left: 0; bottom: 0; padding: 0 30px 30px;}

.commercial .content-wrap{ border-left: 1px solid #EEEEEE;}
.commercial h3{ width: 93%; }
.commercial p{ max-width: 468px; margin: 50px 0; }
.commercial .comicons h2{ color: #333333; font-size: 25px; margin: 40px auto 0; text-align: center; }
.commercial .comicons .panel-grid > .panel-grid-cell:first-child{ border-right: 1px solid #eee; }
.commercial .comicons .panel-grid .panel-grid-cell .widget:first-child{ border-bottom: 1px solid #eee; }
.commercial .comicons .widget_sow-image{ padding: 111px 0; }
.commercial .comicons .widget_sow-image *{ transition: all .5s ease-in-out; }
.commercial .comicons .sow-image-container{ justify-content: center; }
.commercial .comicons .widget_sow-image:hover{ background: #F9BD02; }
.commercial .comicons .widget_sow-image:hover h2{ color: #fff; }
.commercial .comicons .widget_sow-image:hover img{ filter: brightness(0) invert(1); }

.projects-section h3, .projects-section p{ color: #fff; }
.projects-section h3{ width: 73%; }
.projects-section p{ max-width: 500px; margin: 50px 0; }

.testimonials{ padding: 100px 0 30px; }
.testimonials .testi-top {max-width: 1200px; margin: 0 auto;}
.testimonials h3, .strong-view.wpmtst-default .testimonial-content, .strong-view.wpmtst-default .wpmtst-testimonial-field, .strong-view.wpmtst-default .testimonial-name{ text-align: center !important; }
.testimonials .strong-content.strong-grid.columns-3 .wpmtst-testimonial{ border: 0; }
.strong-view.wpmtst-default .wpmtst-testimonial-inner{ display: flex !important; flex-direction: column; }
.strong-view.wpmtst-default .testimonial-content{ order: 3; }
.strong-view.wpmtst-default .testimonial-name{ color: #25385F; font-size: 25px; font-family: 'Rubik', sans-serif; font-weight: 700; margin: 20px auto;}

.bottom{ padding-bottom:470px; background-position: bottom center; background-repeat: no-repeat !important; }
.bottom .bottom-top {max-width: 1200px; margin: 0 auto;}
.bottom-image{ display: none; }
.bottom h2{ position: static; }
.bottom h2, .bottom h3{ text-align: center; }
.bottom h3{ max-width: 606px; margin: 0 auto 20px; }
.bottom .so-widget-sow-button .ow-button-base a{ margin: 40px auto 0; }

.gallery-section .so-widget-sow-button .ow-button-base a{ height: 60px; max-width: 250px; }
.gallery-wrap .panel-grid-cell, .gallery-wrap .sow-image-container{ position: relative; }
.gallery-wrap .sow-image-container:before{ content: ""; background: rgba(37,56,96,.9); height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; opacity: 0; }
.gallery-wrap .widget_sow-button{ position: absolute; left: 0; right: 0; top: 40%; visibility: hidden; }
.gallery-wrap .panel-grid-cell:hover .sow-image-container:before{ opacity: 1; }
.gallery-wrap .panel-grid-cell:hover .widget_sow-button{ visibility: visible; }

.wpcf7 form{ align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 1366px; margin: 0 auto; }
.wpcf7 label{ display: none; }
.wpcf7 .your-acceptance label{ display: block; color: #333; }
.wpcf7 p{ margin: 5px 0; }
.wpcf7 p.col-three{ width: 33%; }
.wpcf7 p.full{ max-width: 100%; width: 100%; }
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .wpcf7 input[type="date"], .wpcf7 input[type="number"]{ background: #fff; border: 1px solid #eee; border-radius: 0; box-sizing: border-box; color: #333; font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 200%; height: 50px; padding: 10px; width: 100%;}
.wpcf7 textarea{ height: 130px;}
.wpcf7 ::-webkit-input-placeholder{ color: #333; }
.wpcf7 :-ms-input-placeholder{ color: #333; }
.wpcf7 ::placeholder{ color: #333; }
.wpcf7 .full .button{ margin: 20px auto 0; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer-wrap{ padding: 40px 0 80px; }
.footer-wrap p, .footer-wrap li{ color: #333333; font-size: 16px; letter-spacing: .2px; line-height: 280%; margin: 0; text-align: center; }
.footer-wrap .ftop p{ line-height: 180%; max-width: 590px; margin: 20px auto; }
.footer-wrap .ftinfo{ position: relative; }
.footer-wrap .ftinfo:before{ content: ""; border-top: 1px solid #EEEEEE; width: 100%; position: absolute; left: 0; right: 0; top: 50px;}
.footer-wrap ul{ display: block; list-style: none; padding-left: 0; margin: 0 auto; }
.footer-wrap ul.sub-menu{ display: none; }
.footer-wrap h2{ color: #E49E3A; font-size: 20px; line-height: 120%; margin-bottom: 40px; text-align: center; }
.footer-wrap a{ color: #212121; }
.footer-wrap ul.social-links-menu{ margin: 45px 0 0; text-align: center; }
.footer-wrap ul.social-links-menu li a svg{ fill: #00308F; }
.footer-wrap ul.social-links-menu li a:hover svg{ fill: #E49E3A; }
.col1 p{ max-width: 390px; }
.col3 p{ max-width: 250px; }
.ftloc-wrap {max-width: 1440px; margin: 0 auto 60px; flex-direction: row !important;}
.ftloc-wrap .widget_media_image {display: flex; display: -webkit-flex; flex-direction: column-reverse;}
.ftloc-wrap .widget_media_image h2 {color: #333; margin: 20px auto 0 !important;}
.copyright{ background: #253860; color: #fff; font-size: 16px; font-family: 'Rubik', sans-serif; font-weight: 400; letter-spacing: .2px; line-height: 120%; text-align: center; padding: 30px 0;}

/*--------------------------------------------------------------
## Inner Pages
--------------------------------------------------------------*/
.inner .site-banner .caption-wrapper{ bottom: 10%; }
.inner .site-banner h1 {font-size: 50px; line-height: 120%; color: #FFF; text-align: center; margin-bottom: 0;}
.inner .site-banner h1 span {display: block; font-size: 60%; line-height: 120%; margin-top: 10px;}
.inner #content h2 {font-size: 30px; }
.inner .site-banner:before{ content: ""; background: rgba(0,0,0,.4); position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 400px; }
.inner .site-banner img{ height: 400px; object-fit: cover; object-position: center top; width: 100%;}
.inner #content{ padding: 50px 0; }
.inner .site-footer {box-shadow: 0 0 3px #333;}

.error404 #content {text-align: center;}

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1600px){
  .site-banner .metaslider .slides img {min-height: 930px;}
  .site-banner .bncaption {margin: 0 auto 5%;}
  .container{ box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
  .commercial h3{ width: 100%; }
  .projects-section h3{ width: 85%; }
}
@media screen and (max-width: 1440px){
  .site-banner .metaslider .slides img {min-height: 800px;}
  .inner .site-banner h1 {font-size: 45px;}
  .site-banner .bncaption { margin: 0 auto 50px; width: 75%; }
  .site-banner h2{ margin-bottom: 20px; }
  .site-banner h2, .content-area h1, .content-area h3{ font-size: 45px; }
  .content-area .content-wrap h2, .bottom h2{ top: -30px; }
  .welcome-section h1{ width: 80%; }
  .services-section .so-widget-sow-image h2{ font-size: 20px; }
  .commercial .comicons .widget_sow-image { padding: 50px 0; }
}
@media screen and (max-width: 1200px){
  .inner .site-banner h1 {font-size: 40px;}
  .main-navigation{ width: 50%; }
  .site-banner .bncaption { margin: 0 auto 30px; }
  .site-banner h2 small{ margin-bottom: 0; }
  .site-banner .bninfo p i{ margin-right: 10px; }
  .site-banner h2, .content-area h1, .content-area h3{ font-size: 38px; }
  .content-area .content-wrap{ padding-left: 20px; }
  .services-section .svc-wrap > .panel-grid-cell:first-child { margin-top: 50px; }
  .services-section .so-widget-sow-image h2{ font-size: 18px; padding: 0 20px 20px;}
  .commercial .comicons .widget_sow-image { padding: 30px 0; }
  .commercial .comicons h2{ font-size: 20px; }
  .testimonials .strong-view.wpmtst-default .wpmtst-testimonial-inner{ padding: 0; }
  .bottom h3{ width: 50%; }
  .gallery-section .so-widget-sow-button .ow-button-base a { height: 50px; width: 85%; }
  .footer-wrap p, .footer-wrap li{ line-height: 200%; }
}
@media screen and (max-width: 1024px){
  .site-banner .metaslider .slides img {min-height: 650px;}
  .inner .site-banner h1 {font-size: 38px;}
  .inner .site-banner .caption-wrapper{ bottom: 15%; }
  .button, .so-widget-sow-button .ow-button-base a, .sow-more-text a{ font-size: 16px !important; height: 50px; max-width: 220px; }
  .site-logo{ max-width: 180px; }
  .site-banner .bncaption { margin: 0 auto 15px; width: 70%; }
  .site-banner .bninfo p{ font-size: 16px; padding: 20px 0; }
  .site-banner h2, .content-area h1, .content-area h3{ font-size: 32px; }
  .content-area p{ line-height: 160%; margin: 20px auto; }
  .content-area h5{ font-size: 16px; margin-bottom: 20px; }
  .welcome-section, .services-section, .commercial, .projects-section{ padding: 60px 0; }
  .services-section .so-widget-sow-image h2{ font-size: 16px; padding: 0 10px 10px;}
  .services-section p, .commercial p, .projects-section p{ margin: 30px 0; }
  .commercial .comicons h2{ font-size: 18px; }
  .testimonials{ padding-top: 60px; }
  .strong-view.wpmtst-default .testimonial-name{ font-size: 20px; }
}
@media screen and (max-width: 900px){
  .inner .site-banner h1 {font-size: 35px;}
  .site-banner h2, .inner #content h2 { font-size: 28px; }
  .site-banner .bninfo p{ font-size: 14px; }
  .content-area .content-wrap h2, .bottom h2{ font-size: 12px; letter-spacing: 2px; }
  .welcome-section h1{ margin-bottom: 15px; }
  .services-section, .commercial{ padding: 30px 0; }
  .commercial .comicons h2{ font-size: 16px; margin: 20px auto 0; }
  .testimonials{ padding-top: 30px; }
}
@media screen and ( max-width: 800px){
  .site-banner .metaslider .slides img {min-height: 600px;}
  .inner .site-banner h1 {font-size: 33px;}
  #wprmenu_bar .bar_logo{ height: 50px; margin: -10px 0 0; padding: 0; }
  .site-banner{ margin: 38px auto 0; }
  .site-banner .bncaption{ width: 85%; }
  .site-banner .bninfo{ padding: 10px; }
  .site-banner .bninfo .panel-grid-cell{ width: 33% !important; }
  .site-banner .bninfo p{ font-size: 12px; }
  .site-banner .bninfo p i { font-size: 10px; margin-right: 5px; }
  .content-area h1, .content-area h3{ font-size: 28px; }
  .welcome-section .content-wrap{ border-left: 0; max-width: 100%; }
  .content-area .content-wrap{ border-left: 0; margin-left: 0; padding-left: 0; }
  .content-area .content-wrap h2, .bottom h2{ position: static; }
  .content-area h1{ margin-bottom: 20px; }
  .welcome-section h1, .projects-section h3{ width: 100%; }
  .welcome-section, .projects-section{ padding: 30px 0; }
  .services-section .svc-wrap > .panel-grid-cell:first-child { margin-top: 0; }
  .services-section p, .commercial p, .projects-section p{ max-width: 100%; }
  .services-section p, .commercial p, .projects-section p{ margin: 20px 0; }
  .bottom{ background: transparent !important; padding-bottom: 0; }
  .bottom h3{ width: 70%; }
  .bottom .widget_siteorigin-panels-builder{ position: relative; }
  .bottom-image{ display: block; margin: -100px -10px 0;}
  .bottom .so-widget-sow-button .ow-button-base a{ margin: 20px auto 0; }
  .strong-content.strong-grid.columns-3 .wpmtst-testimonial{ width: 100% !important; }
  .strong-view.wpmtst-default .testimonial-name{ margin: 0 auto 10px; }
  .gallery-wrap .widget_sow-button{ top: 33%; }
  .gallery-section .so-widget-sow-button .ow-button-base a{ height: 40px; font-size: 14px !important; }
  .footer-wrap{ padding: 30px 0; }
  .footer-wrap .ftinfo:before{ display: none; }
  .footer-wrap h2{ margin-bottom: 10px; }
  .ftloc-wrap {flex-wrap: wrap !important;}
  .ftloc-wrap > div {width: 50% !important; padding: 5px !important; box-sizing: border-box; margin: 0 auto !important;}
  .ftloc-wrap .widget_media_image h2 {margin: 10px auto !important;}
  .copyright{ padding: 15px 0; }

  .inner .site-banner:before, .inner .site-banner img{ height: 250px; }
  .inner #content{ padding: 30px 0; }
}
@media screen and ( max-width: 600px){
  .inner .site-banner h1 {font-size: 31px;}
  .inner #content h2 { font-size: 26px; }
	.button, .so-widget-sow-button .ow-button-base a, .sow-more-text a { font-size: 15px !important; height: 40px; max-width: 180px; }
	.site-banner .sow-image-container img{ height: 400px !important; object-fit: cover; }
	.site-banner h2{ font-size: 22px; }
	.site-banner h2 small{ font-size: 14px; letter-spacing: 2px; }
	.site-banner .caption-wrapper{ bottom: 50px; }
	.site-banner .bninfo{ flex-direction: column; }
	.site-banner .bninfo .panel-grid-cell{ width: 100% !important; }
	.site-banner .bninfo p { font-size: 14px; padding: 12px 0; margin: 0 auto 5px; max-width: 250px; }
  .ftloc-wrap .widget_media_image h2 {font-size: 16px !important;}
}
@media screen and ( max-width: 480px){
  .inner .site-banner h1 {font-size: 28px;}
	.site-banner .bncaption{ width: 100%; }
	.site-banner h2{ font-size: 17px; }
	.site-banner h2 small{ font-size: 12px; letter-spacing: normal; }
	.svc-col .panel-grid-cell{ width: 32% !important; }
	.svc-col .panel-grid-cell .widget{ margin-bottom: 5px !important; }
	.services-section .so-widget-sow-image h2 { font-size: 12px; padding: 0 5px 5px; }
	.commercial .comicons .widget_sow-image { padding: 15px 0; }
	.bottom h3 { font-size: 28px; width: 100%; }
	.gallery-section .so-widget-sow-button .ow-button-base a { height: 20px; font-size: 9px !important; }
}