@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body{ margin:0; padding:0; font-weight:400; font-size:16px; font-family:'Source Sans 3', sans-serif; box-sizing:border-box; }
header{ background:#2a2a2a; position:fixed; z-index:99; width:100%; margin:0; padding:20px 0 0; float:left; top:0;}
a{ text-decoration:none; }
img{ max-width:100%;}
p{ margin:10px 0;}
a:hover{ text-decoration:none;}

.row{float:left; width:100%; margin:0;}
.container{ margin:0 auto; max-width:960px;}
.top-left{ float:left; width:20%; }
.top-left p{ margin:0; color:#fff; font-size:16px; line-height:1.5;}
.top-logo{ float:left; width:60%; }
.top-logo img{ margin:15px auto 0; display:table;}

.top-right{float:left; width:20%; }
.top-right .top-link1 a, .top-right .top-link2 a{ background:#f5f40a; border:1px solid #f5f40a; color:#2a2a2a; padding:10px 0; float:left; width:100%; text-align:center; margin:0 0 10px; }
.top-right .top-link1 a:hover{ background:#000; color:#fff; border:1px solid #000;}
.top-right .top-link2 a:hover{ background:#2a2a2a; color:#fff;  }
.top-right .top-link3{ float:left; width:100%; text-align:center;}
.top-right .top-link3 a{ color:#fff; font-size:20px;}

nav{ background:#000; float:left; width:100%; margin-top:20px;}
.menu{ padding:5px 0;}
.menu ul{ margin:0 auto; padding:0; display:table;}
.menu ul li{ display:table-cell; position:relative;}
.menu ul li i{ color:#fff; font-size:11px;}
.menu > ul >li::after{ content:'|'; color:rgba(255,255,255,.5);}
.menu > ul >li.last::after{content:inherit; }
.menu ul li a{ color:#fff; padding:10px 15px; display:inline-block;}
.menu ul li a::before, .menu ul li a.active{ border-top-width:2px; border-color:#f5f40a;}
.menu ul li a::after, .menu ul li a.active{ border-bottom-width:2px; border-color:#f5f40a;}
.menu ul li a.active, .menu ul li a:hover{ color:#f5f40a;}
.menu ul ul{display:none; position:absolute; background:#000; width:200px;}
.menu ul li:hover ul{ display:block;}
.menu ul ul li{ width:100%; float:left; border-bottom:1px solid #ccc;}
.menu ul ul li:last-child{border-bottom:0px}
.menu ul ul li a{ float:left; width:100%; box-sizing:border-box;}
.menu ul ul li a.active, .menu ul ul li a:hover{ background:#f5f40a; color:#000; }
.badges1{ position:fixed; right:0; top:0; margin:20px 20px 0 0;}

.banner{ position:relative; float:left; margin-top:237px; width:100%; max-height:500px; overflow:hidden; }
.banner img{ width:100%; margin-top:-200px;}
.banner .banner-bg{ background:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; top:0;}
.banner .banner-text{ padding:0; position:absolute; width:900px; text-align:center; color:#fff; top:100px; left:50%; margin-left:-450px; background:rgba(0, 0, 0, 0.5); padding:30px 0; 
border:0px dashed #ccc; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.banner-text h2{ font-size:48px; color:#f5f40a; margin:15px 0; font-weight:400; font-family:"Oswald", sans-serif;}
.banner-text h4{ font-size:20px; margin:0; font-weight:400; }
.banner .banner-text a{background:#f5f40a; font-weight:500; border:1px solid #f5f40a; color:#2a2a2a; padding:10px 0; display:inline-block; width:30%; margin:10px 0 0;}
.banner .banner-text a:hover{ background:#2a2a2a; color:#fff;}
.banner-text p{ color:#fff; font-weight:700;}
.banner-text p span{ color:#FF0000;}
.banner-text p span.open{ color:#40eb34;}

.home-content{ text-align:center; float:left; margin:20px 0 40px; width:100%;}
.home-content h2{ font-size:36px; color:#000; font-weight:400; margin:0 0 10px; font-family:"Oswald", sans-serif;}
.home-content p{ margin:0; padding:0; color:#2a2a2a;}

.home-services{ float:left; width:100%; background:#d1d1d1; padding:20px 0;}
.home-services .colummn{float:left; width:33%; padding:0 10px; margin:0 0 30px; box-sizing:border-box; text-align:center;}
.home-services .colummn img{}
.home-services .colummn h3{font-family:"Oswald", sans-serif; font-size:30px; color:#000; font-weight:400; margin:0;}
.home-services .colummn p{ color:#2a2a2a; line-height:1.5; font-size:15px;}
.home-services .colummn a{ background:#f5f40a; border:1px solid #333; color:#2a2a2a; padding:10px 0; float:left; width:100%; text-align:center; margin:0 0 10px;}
.home-services .colummn a:hover{ background:#2a2a2a; border-color:#f5f40a; color:#fff;}

.home-review{ float:left; width:100%; padding:40px 0 100px;}
.home-review .colummn-half{ float:left; width:50%;}
.home-review .colummn-half svg{ max-width:105px; margin:0 0px 0 -20px;}
.home-review .colummn-half h2{ font-size:36px; font-family:"Oswald", sans-serif; font-weight:400; max-width:60%; margin:0;}
.home-review .colummn-half a{ background:#f5f40a; border:1px solid #333; color:#2a2a2a; padding:10px 0; float:left; width:40%; text-align:center;}

.content-area{ float:left; width:100%; margin:0; margin:15px 0; }
.content-area .half-section{ width:45%; margin:0 5% 0 0; float:left;}
.content-area .half-section.last{width:45%; margin:0 0 0 5%; }
.content-area h3{ margin:0 0 15px; padding:0; font-size:30px; font-family:"Oswald", sans-serif; font-weight:400; }
.content-area p{ margin:0 0 15px; padding:0; color:#2a2a2a;}
.content-area p a{ color:#2a2a2a; text-decoration:underline;}
.content-area ul li{color:#2a2a2a;}
.content-top{ margin:30px 0;}
.content-top h3, .content-top p{ text-align:center;}
.gallery-section{}
.gallery-section .gallery-box{ width:46%; margin:0 2% 30px; float:left; position:relative;}
.gallery-box > img{float:left;}
.gallery-content{ background:rgba(0,0,0,0.5); position:absolute; width:100%; top:0; height:100%; text-align:center;}
.gallery-content h4{ font-size:24px; margin:30px 0; line-height:1.4; font-family:"Oswald", sans-serif; font-weight:400; color:#fff; }
.gallery-content>img{}

.services-left{ float:left; width:62%; }
.services-left iframe{ width:100%; height:360px;}
.services-right{ float:left; width:33%; margin-left:5%; }
.services-box{text-align:center; background-color: rgba(209,209,209,1); border-color: rgba(0,0,0,1); border-width:3px; border-bottom-width:3px; border-style:solid; border-bottom-style:solid; border-bottom-style:solid;
border-bottom-width:8px; border-top-left-radius:50px; border-bottom-right-radius: 50px; padding:30px 20px;}
.services-box svg{ width:80px;}
.services-box h4{ margin:0 0 20px; font-size:28px; font-family:"Oswald", sans-serif; font-weight:400;}
.services-box h3{ margin:0 0 20px; font-size:28px; font-family:"Oswald", sans-serif; font-weight:600;}
.services-box p{ padding:0 20%;}

.review-top{ display:table; margin:0 auto;}
.review-top a.review-btn{ background:#f5f40a; border:1px solid #f5f40a; color:#2a2a2a; padding:15px 80px; border:1px solid #000; }
.review-top a.review-btn:hover{ background:#2a2a2a; color:#fff;}
.review-text{ border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-top:30px; float:left; width:100%;}
.review-text p{ text-align:left; margin:0; padding:15px 0; font-size:18px;}
.content-top p.no-review{ margin:50px 0; float:left; width:100%; text-align:left;}

.review-main{float:left; width:100%; display:table;}
.review-main .review-box{width:33.33%; padding:0 3% 60px 3%; display:table-cell; text-align:center; box-sizing:border-box;}
.review-main .review-box.odd{background:rgba(209,209,209,1);}
.review-main .review-box.even{background:rgba(234,234,234,1);}
.review-main .review-box svg{width:55px; margin-top:-25px;}

.home-review .colummn-half a:hover{ background:#2a2a2a; border-color:#f5f40a; color:#fff;}
.footer-banner{ float:left; width:100%; position:relative; color:#fff; text-align:center; background:url('../img/sunflower-state-exteriors-video-home-2880w.webp') no-repeat; background-size:cover;}

.contact-left{ float:left; width:60%;}
.contact-right{ float:right; width:38%; padding:30px; box-sizing:border-box; background:rgba(244,244,244,1); border:1px solid rgba(42,42,42,1);}
.contact-right .contact-panel{ margin-bottom:50px;}

.contact-left.request-form{ width:100%;}

.contact-form{ float:left; width:100%;}
.contact-form .form-row{float:left; width:100%; margin:0 0 15px;}
.contact-form .form-row .form-column{ float:left; width:50%; padding:0 4% 0 0; box-sizing:border-box;}
.contact-form .form-row .form-column:last-child{padding:0;}
.contact-form .form-row label{ color:#000; width:100%; font-weight:normal;}
.contact-form .form-row input, .contact-form .form-row select, .contact-form .form-row textarea{ border:1px solid rgba(42,42,42,1); width:100%; padding:10px 10px; box-sizing:border-box; background:rgba(234,234,234,1);}
.contact-form .form-row input[type="submit"]{ width:auto; background:#f5f40a;  font-size:15px; border:1px solid #000; cursor:pointer; color:#2a2a2a; padding:10px 40px; float:left; text-align:center; }
.contact-form .form-row input[type="submit"]:hover{ background:#2a2a2a; color:#fff;}

.footer-banner .banner-text{ padding:100px 0; background:rgba(0,0,0,0.5);}

.footer-banner .banner-text h2{ margin:0 0 30px; color:#fff;}

img.thanks-img{ margin:0 0 50px 0; padding:10px; border:1px solid #ccc;}

.row-modal{display:flex;}
.modal-content .modal-body{ background:#000;}
.modal-content .modal-body p{ text-align:center; color:#fff;}
.modal-content .modal-body button.close{color:#000; background-color:#ccc; width:30px; height:30px; margin:-10px -10px 10px; border-radius:50%; opacity:1; }
.modal-btn{ width:50%; float:left; padding:0 1%;}
.modal-btn a{ background:#f5f40a; border:1px solid #f5f40a; color:#2a2a2a; padding:10px 0; float:left; width:100%; text-align:center; margin:0 0 10px;}
.modal-btn a:hover{ background:#2a2a2a; color:#fff;}
footer{ float:left; width:100%; padding:30px 0 0; border-top:2px solid #f5f40a; background:#333; color:#f7f7f7;}
.footer-col{ width:33%; float:left; margin:0 0 20px; text-align:center;}
.footer-col svg{color:#f5f40a; fill:#f5f40a; max-width:40px;}
.footer-col h3{ color:#f5f40a; margin:0;}
.footer-col a{color:#f5f40a; text-decoration:underline;}
.footer-bottom{ float:left; font-size:12px; padding:5px 0; text-align:center; color:#666; width:100%; background:#fff;}
.footer-bottom p{ margin:5px 0 0; padding:0;}
.footer-bottom a{ color:#666;}

.fb-bottom{ margin:10px 0 30px; float:left; width:100%;}
.fb-bottom .fb-bottom-left{ float:left; width:45%; padding:0 2%; }
.fb-bottom .fb-bottom-left hr{background:#f5f40a; border:none; height:2px;}
.fb-bottom .fb-bottom-center{ float:left; width:10%; text-align:center;}
.fb-bottom .fb-bottom-right{ float:left; width:45%; padding:0 2%; }
.fb-bottom .fb-bottom-right hr{background:#f5f40a; border:none; height:2px;}

.fixed-right .icon1{ position:fixed; right:0; top:0; margin-top:200px; z-index:100;}
.icon1 a{ background:#fff; float:left; width:180px; clear:left; margin-right:-140px; transition: margin-right 0.3s ease;}
.icon1 a:hover{ margin-right:0;}
.icon1 svg{ background:#afaf0a; fill:#fff; float:left; width:42px; padding:10px;}
.icon1 span{ float:left; color:#000; padding:9px 0 10px 10px;}

.fixed-right .icon2{ position:fixed; right:0; top:0; margin-top:244px; z-index:100;}
.icon2 a{ background:#fff; float:left; width:180px; clear:left; margin-right:-140px; transition: margin-right 0.3s ease;}
.icon2 a:hover{ margin-right:0;}
.icon2 svg{ background:#afaf0a; fill:#fff; float:left; width:42px; padding:10px;}
.icon2 span{ float:left; color:#000; padding:9px 0 10px 10px;}

.fixed-right .icon3{ position:fixed; right:0; top:0; margin-top:288px; z-index:100;}
.icon3 a{ background:#fff; float:left; width:180px; clear:left; margin-right:-140px; transition: margin-right 0.3s ease;}
.icon3 a:hover{ margin-right:0;}
.icon3 svg{ background:#afaf0a; fill:#fff; float:left; width:42px; padding:10px;}
.icon3 span{ float:left; color:#000; padding:9px 0 10px 10px;}

.fixed-right .icon4{ position:fixed; right:0; top:0; margin-top:330px; z-index:100;}
.icon4 a{ background:#fff; float:left; width:180px; clear:left; margin-right:-140px; transition: margin-right 0.3s ease;}
.icon4 a:hover{ margin-right:0;}
.icon4 svg{ background:#afaf0a; fill:#fff; float:left; width:42px; padding:10px;}
.icon4 span{ float:left; color:#000; padding:13px 0 10px 10px;}

.success-message{ background: #008000; padding:10px; color:#fff; border-radius:5px; margin:0 0px 10px; }