@charset "UTF-8";/* TABLE OF CONTENTS
1.Colors
2.Custom Fonts
3.CSS & DIVI Hacks
4.Layout
5.Base HTML
6.Header
7.Footer
8.Main Navigation
9.Content
10. Validation Logos
11. Sidebar
12. Buttons, Links & Social icons
13. Home Page
14. REV Slider
15. Blogs, Recent Posts
16. Yoast Local SEO Plugin
17. PS Auto Sitemap
18. Weather Widgets
19. Testimonials
20. MG Products feed
21. Gravity & Custom Forms
22. Coupon Creator
23. Google & Service Area Map
*/
/*-_-_-_-_-_-_-_-_-_-/ 1. Colors */
/* Colors from Mini style guide
/*-_-_-/ Primary:
/*-_-_-/ Complimentary:
/*-_-_-/ Gradients:
*/
/*-_-_-_-_-_-_-_-_-_-/ 2. Custom Fonts from fonts.com and Google */
/*-_-_-_-_-_-_-_-_-_-/ 3. CSS HACKS */
.vertical-align{display:flex;flex-direction:column;justify-content:center;}
/*-_-_-_-_-_-_-_-_-_-/ 4. LAYOUT */
/*-_-_-_-_-_-_-_-_-_-/ 5. Base CSS */
h1,h2,h3,h4,h5,h6{font-family:'Barlow Semi Condensed',sans-serif!important;}
/*-_-_-_-_-_-_-_-_-_-/ 6. HEADER */
#logo{max-height:none !important;}
#et-secondary-menu .et-social-icons{display:none;}
.admin-bar.et_fixed_nav #top-header{padding-top:5px!important;}
.et_header_style_left .et_menu_container .logo_container{margin-top:0;max-height:100%;}
#top-header .header-ctas{text-align:right;}
#top-header .header-ctas a{border-radius:5px;color:#fff;}
#top-header .header-ctas a:hover{opacity:.87;}
#top-header .header-ctas a:hover span,
#top-header .header-ctas a .et-pb-icon{color:#fff;}
#top-header .header-ctas span.extratext{font-family:'Barlow Semi Condensed',sans-serif!important;font-weight:normal;font-style:normal;float:left;line-height:1.3em;}
header .header-ctas{display:none;}
.header-ctas{text-align:center;display:block;position:relative;z-index:10;}
.content-area{ padding:270px 10px !important;background:url(/wp-content/uploads/2018/04/installer-large.png) no-repeat right bottom;}
.divi-100-article-card .et_pb_blog_grid .article-card__category, .divi-100-article-card .et_pb_blog_grid .article-card__date{ background-color:#0c91cc;}
ul.city-list{text-align:center;}
ul.city-list li{display:inline;padding:12px;color:#fff;}
ul.city-list li a{ color:white !important;border-bottom:1px solid #fff;}
.rpwe-block h3{color:black !important;}
h3.rpwe-title{color:black !important;}
.mobile_menu_bar:before{color:#0c91cc !important;}
.header-ctas a{border:none;width:300px;font-size:19px;float:right;margin-right:0px;margin-left:20px;background-color:#cb0000;}
.header-ctas a:hover{background-color:#cb0000;}
#top-header .header-ctas a{width:250px;}
.header-ctas a span{font-size:22px;font-weight:400;vertical-align:baseline;display:inline-block;transition:all 0.2s ease;}
.header-ctas a .et-pb-icon{font-size:18px;padding-right:5px;color:#f5f5f5;border:transparent;}
.header-ctas a:hover{border:transparent;}
.header-ctas a:hover .et-pb-icon{color:#FF533D;}
.header-ctas a:hover span{color:#FF533D;}
.header-ctas a::after{display:none;}
.cta-phone, .cta-sched-btn{display:inline-block;}
.cta-phone a, .cta-sched-btn a{}
.cta-phone{float:right;}
.cta-phone a span.callus{color:#f5f5f5;transition:all 0.2s ease;}
.cta-phone a:hover span.callus{color:#0F1626;}
.cta-phone a span.number{font-weight:bold;font-size:22px;color:#f5f5f5;transition:all 0.2s ease;}
.cta-phone a:hover span.number{color:#0F1626;}
a.mgproductfeed-item-title{color:#0c91cc !important;}
a.mgproductfeed-item-view{color:#0c91cc !important;}
/*-_-_-/ TAGLINE */
/*-_-_-_-_-_-_-_-_-_-/ 7. FOOTER */
/*-_-_-/ Footer Bottom */
/*-_-_-_-_-_-_-_-_-_-/ 8. MAIN NAVIGATION */
/*---Nav mobile and desktop---*/
.mobile_menu_bar:before{color:#F04E23;}
.et_header_style_left #logo, .et_header_style_split #logo{}
.mobile_menu_bar{margin-top:10px;}
.et_mobile_menu{border-top:3px solid #F04E23;}
.nav-style-one #top-menu > li > a:before{background:#0c91cc;}
/*-_-_-_-_-_-_-_-_-_-/ 9. CONTENT */
.optics-page-title{background:url('/wp-content/uploads/2017/12/placeholder-internal.jpg') !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}
.optics-page-title h1{color:white;}
div.cc img{margin:5px 5px;}
/*-_-_-/ TOGGLES */
/*-_-_-/ Check Mark list */
/*-_-_-/ Staff/Bio pages */
/*-_-_-/ Custom Recent Posts Shortcode Wrapper */
/*-_-_-_-_-_-_-_-_-_-/ 10. LOGOS */
/*-_-_-/ Custom Co-op logo */
/*-_-_-/ Validations */
div.validation_logos_home img{margin:5px 50px 25px;max-height:140px;}
div.validation_logos_sidebar img{margin:5px 5px 25px;max-width:90%;}
div.validation_logos_brands img{margin:5px 30px 25px;max-height:120px;max-width:260px;}
div.validation_logos_reviews img{margin:5px 30px 25px;max-height:120px;max-width:260px;}
div.validation_logos_citypages img{margin:5px 50px 15px;/*max-height:150px;*/max-width:350px;}
div.validation_logos img{margin:5px 30px 25px;max-height:100px;max-width:240px;}
div.validation_logos2 img{margin:5px 25px 10px;max-width:250px;}
div.validation_logos3 img{margin:0 30px 15px;max-height:130px;}
div.validation_logos_footer img{margin:0px 15px 15px 0px;max-height:120px;max-width:170px;}
/*-_-_-_-_-_-_-_-_-_-/ 11. SIDEBAR */
h4.widgettitle{letter-spacing:normal;}
/*-_-_-_-_-_-_-_-_-_-/ 12. BUTTONS & Links */
.et_pb_bg_layout_dark a{color:#f8bc2d;}
body .et_pb_button{background-color:#cb0000 !important;}
body .et_pb_button:hover{color:#fff !important;background-color:#cb0000 !important;border-color:#fff!important;border-radius:5px;}
/*-_-_-_-_-_-_-_-_-_-/ 13. HOME PAGE */
.page-cta{}
.page-cta h2{margin-top:10px;font-size:21px;font-weight:500;}
.page-cta a.et_pb_promo_button.et_pb_button{border-color:WHITE;}
body.home .cctor_coupon_container .cctor_coupon_content .coupon-offer{font-size:large;}
body.home .cctor_coupon_container .cctor_coupon_content .offer-value{font-size:larger;}
/*-_-_-_-_-_-_-_-_-_-/ 14. REV SLIDER */
/*-_-_-_-_-_-_-_-_-_-/ 15. BLOGS */
/*-_-_-_-_-_-_-_-_-_-/ 16. Yoast Local SEO Plugin */
/*-_-_-_-_-_-_-_-_-_-/ 17. PS Auto Sitemap */
/*-_-_-_-_-_-_-_-_-_-/ 18. Weather Widgets */
/*-_-_-_-_-_-_-_-_-_-/ 19. Testimonials */
.speech-bubble{position:relative;background:#0c91cc;border-radius:.4em;}
.speech-bubble:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:0;border:32px solid transparent;border-top-color:#0c91cc;border-bottom:0;border-left:0;margin-left:-16px;margin-bottom:-32px;}
.testimonial-stars{display:block;margin:auto;max-width:45%;margin-bottom:25px;}
/*-_-_-_-_-_-_-_-_-_-/ 20. MG Products Custom Styles */
/*-_-_-_-_-_-_-_-_-_-/ 21. GRAVITY & Custom FORMS */
div.outer_gform_wrapper{background:rgba(0,0,0,.333);border:1px solid rgba(0,0,0,.5);padding:10px;display:block;border-radius:2px;}
div.gform_wrapper .gform_footer input.button, div.gform_wrapper .gform_page_footer input.button{border:none;font-weight:bold;text-transform:UPPERCASE;width:auto;margin:0px auto;padding:10px 15px;background:#cb0000 !important;border-radius:3px;color:WHITE;}
div.gform_wrapper .gform_footer input.button:hover, div.gform_wrapper .gform_page_footer input.button:hover{background:#3a4352;}
/*-_-_-_-_-_-_-_-_-_-/ 22. Coupon Creator */
.cctor_coupon_container .cctor_coupon_content h3{font-variant:none;}
.cctor_coupon_container .cctor_coupon_content .offer-value{text-shadow:1px 1px 1px #3a4352;color:#f9f9f9;background:#cb0000;}
.cctor_coupon_container .cctor_coupon_content img.coupon-dealer-logo{max-width:50%;}
/*-_-_-_-_-_-_-_-_-_-/ 23. Google Map Wrapper */
/* Printscreen Styles */
@media print{}
/*-_-_-_-_-_-/ Responsive Styles Large Desktop And Above */
@media all and (min-width:1405px){}
@media all and (min-width:1350px){}
/*-_-_-_-_-_-/ Responsive Styles Standard Desktop Only */
@media all and (min-width:1100px) and (max-width:1405px){}
@media all and (min-width:1100px) and (max-width:1280px){#top-menu{display:none;}
#et_mobile_nav_menu{display:block;}
}
/*-_-_-_-_-_-/ Responsive Styles Standard Desktop Only */
@media all and (min-width:981px) and (max-width:1405px){}
@media all and (min-width:1100px){}
/*-_-_-_-_-_-/ Responsive Styles 768px - 1100px */
@media all and (max-width:1100px){#top-menu{display:none;}
#et_mobile_nav_menu{display:block;}
}
@media all and (min-width:981px) and (max-width:1100px){.twoX2 .et_pb_column{max-width:50% !important;}
.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){margin:0 25%;}
}
@media all and (min-width:768px) and (max-width:1100px){}
/*-_-_-_-_-_-/ Responsive Styles Desktop Only */
@media all and (min-width:981px){}
/*-_-_-_-_-_-/ Responsive Styles Tablet And Below */
@media all and (max-width:980px){.content-area{background:none;}
#top-header .header-ctas{text-align:center;}
#top-header .header-ctas span.extratext{float:none;margin-right:0px;}
.cta-phone, .cta-sched-btn{float:none;}
.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){margin:0 25%;}
.et_pb_section .et_pb_row.twoX2 div.et_pb_column.et_pb_column_1_4{width:50% !important;margin-right:0;}
}
/*-_-_-_-_-_-/ Responsive Styles 782px */
@media all and (max-width:782px){}
/*-_-_-_-_-_-/ Responsive Styles Tablet Only */
@media all and (min-width:767px) and (max-width:980px){}
/*-_-_-_-_-_-/ Responsive Styles Tablet Portrait */
@media all and (max-width:768px){div.cta-sched-btn{display:none;}
div.cta-phone{display:none;}
}
/*-_-_-_-_-_-/ Responsive Styles Smartphone Only */
@media all and (max-width:767px){.mobile_hide{display:none !important;}
header#main-header{padding-bottom:20px;}
}
@media all and (min-width:480px) and (max-width:767px){}
@media all and (min-width:1281px) and (max-width:1600px){.et_header_style_left .logo_container{ position:absolute;left:-80px;width:100%;height:100%;}
#top-menu li{ display:inline-block;padding-right:12px;font-size:14px;}
div#et-top-navigation.nav-style-one{padding-left:207px !important;}
}
/*-_-_-_-_-_-/ Responsive Styles Smartphone Portrait */
@media all and (min-width:480px){}
@media all and (max-width:479px){.et_header_style_left .et_menu_container .logo_container{margin-top:10px;max-height:100%;}
.mobile_menu_bar{margin-top:10px;top:20px;}
.et_header_style_left #main-header #logo, .et_header_style_split #main-header #logo{max-width:75%;}
.header-ctas a{margin-left:0px !important;width:100%!important;}
.admin-bar.et_fixed_nav #top-header{padding-top:10px!important;}
}
@media all and (min-width:1601px) and (max-width:1900px){.et_header_style_left .logo_container{ position:absolute;left:-80px;}
div#et-top-navigation.nav-style-one{padding-left:207px !important;}
}
@media all and (min-width:1901px) and (max-width:2560px){.et_header_style_left .logo_container{position:absolute;left:-80px;}
div#et-top-navigation.nav-style-one{padding-left:207px !important;}
}
@media all and (min-width:240px){}