/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 16 2021 | 11:28:49 */
#main { font-size: 18px; letter-spacing: 0.25px;}
#main p { font-size: 18px; letter-spacing: 0.25px; margin-bottom: 15px;}
#main p:last-child { margin-bottom: 0;}
#site-header #menu-main-menu li a { font-weight: 400; font-size: 16px;}
#site-header #menu-main-menu li.menu-button a { border-radius: 30px; padding: 15px 30px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; border: 1px solid; margin: 24px 0 0 10px; font-weight: 600;}
#main .intro { padding: 270px 0 150px;}
#main .intro-ttl, #main .intro-subttl { margin: 0; text-transform: uppercase;}
#main .intro-ttl .elementor-heading-title, #main .intro-subttl .elementor-heading-title, #main .intro p { color: #fff;}
#main .intro-ttl .elementor-heading-title { font-size: 60px; font-weight: 700;}
#main .intro-subttl .elementor-heading-title { font-size: 22px; font-weight: 200; letter-spacing: 5px; padding-bottom: 5px;}
#main .intro p { font-size: 22px;}
#main .elementor-button { border-radius: 30px; padding: 15px 30px; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; background: #f3b700; font-weight: 600; text-shadow: 1px 0 rgb(0 0 0 / 60%);}
#main .elementor-button:hover { background: #292929;}

#main .sec-ttl { margin-bottom: 50px;}
#main .sec-ttl .elementor-heading-title { color: #3c3c3c; text-transform: uppercase; font-size: 52px; font-weight: 700; position: relative;}
#main .sec-ttl .elementor-heading-title:before { content: ''; color: #3c3c3c; font-size: 150px; position: absolute; top: -30px; left: 0; width: 100%; z-index: 0; line-height: 100px; opacity: .08; letter-spacing: 10px;}
#main .sec-ttl.services .elementor-heading-title:before { content: 'Services';}
#main .sec-ttl.about .elementor-heading-title:before { content: 'About';}
#main .sec-ttl.photos .elementor-heading-title:before { content: 'Photos';}
#main .sec-ttl.review .elementor-heading-title:before { content: 'Reviews';}
#main .sec-ttl.quote .elementor-heading-title:before { content: 'Quote';}
#main .elementor-testimonial-wrapper .elementor-testimonial-content { background: #f6f6f6; padding: 30px; font-size: 19px; line-height: 1.4; border: 1px solid #e0e0e0; border-radius: 25px 0;}
#main .elementor-image-gallery .gallery-icon a { position: relative;}
#main .elementor-image-gallery .gallery-icon a:before { content: ''; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; opacity: .5; transform: scale(0); transition: all .4s ease-in-out;}
#main .elementor-image-gallery .gallery-icon a:hover:before { transform: scale(1);}
#main .wpforms-container { margin: 0;}
#main .wpforms-form input[type=text], #main .wpforms-form input[type=email], #main .wpforms-form select, #main .wpforms-form textarea { background: #FFF; border-color: #e2e2e2; border-radius: 4px; height: 45px; padding: 10px 15px;}
#main .wpforms-form textarea { resize: none; height: 150px;}
#main .wpforms-form .wpforms-field { padding: 0 0 10px;}
#main .wpforms-form label.wpforms-error { font-size: 14px; color: #f00; letter-spacing: 0px;}
#main .wpforms-form .wpforms-submit-container { text-align: center;}
#main .wpforms-form button[type="submit"] { border-radius: 30px; padding: 15px 50px; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; background: #f3b700; font-weight: 600; text-shadow: 1px 0 rgb(0 0 0 / 60%); border: 0;}
#main .wpforms-form button[type="submit"]:hover { background: #292929;}
#wrap #footer-bottom { background: #222; padding: 20px 0; color: #FFF;}
#wrap #footer-bottom #copyright { font-size: 16px;}
#main .process .elementor-image { width: 110px; height: 110px; padding: 25px; border: 2px solid rgba(255, 255, 255, 0.5); margin: 0 auto; border-radius: 50%;}
#main .process .elementor-heading-title { text-transform: uppercase; font-size: 20px; padding-bottom: 10px;}

#main .sec-alt *, #main .sec-alt .sec-ttl .elementor-heading-title, #main .sec-alt .sec-ttl .elementor-heading-title:before { color: #FFF;}
#main .service-box .elementor-image-box-wrapper { background: #f6f6f6; box-shadow: 0 0 5px rgba(0, 0, 0, .25);}
#main .service-box .elementor-image-box-title { text-transform: uppercase; color: #333; font-size: 22px; margin: 0 0 10px;}
#main .service-box.hg .elementor-image-box-title { font-size: 38px;}
#main .service-box .elementor-image-box-content { padding: 10px 20px 25px 20px;}
#main .service-box .elementor-image-box-description { font-size: 17px; line-height: 1.5;}
#main .service-box .elementor-button { display: block; max-width: 175px; margin: 15px auto 0;}

#site-header .oceanwp-mobile-menu-icon span { display: none;}
#site-header .oceanwp-mobile-menu-icon .mobile-menu { font-size: 28px;}
#site-header #mobile-dropdown ul li a { padding: 10px 20px;}
#site-header #mobile-dropdown .menu-text.hidden { display: none;}

@media only screen and (max-width: 1199px){
  #site-header #menu-main-menu li a { padding: 0 10px;}
  #site-header #menu-main-menu li.menu-button a { padding: 12px 20px; font-size: 14px; font-weight: 500; margin-top: 30px;}
}

@media only screen and (max-width: 959px){
  .container, body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container { max-width: 100%;}
  #wrap #site-header { position: relative; padding: 0 20px;}
  #main .intro { padding: 100px 0;}
  #main .intro-subttl .elementor-heading-title { font-size: 18px; letter-spacing: 2px; line-height: 1.25;}
  #main .intro-ttl .elementor-heading-title { font-size: 40px;}
  #main .intro p { font-size: 18px; margin: 3px 0 -5px;}
  #main .sec-ttl .elementor-heading-title { font-size: 42px;}
  #main .sec-ttl .elementor-heading-title:before { font-size: 120px;}
  #main .elementor-testimonial-wrapper .elementor-testimonial-content { font-size: 17px; padding: 20px;}
  #main .service-box .elementor-image-box-title { font-size: 19px;}
  #main .service-box .elementor-image-box-content { padding: 10px 15px 25px 15px;}
  #main .service-box .elementor-image-box-description { line-height: 1.3;}
  #main .process .elementor-heading-title { font-size: 18px;}
}

@media only screen and (max-width: 767px){
  #main .intro-subttl .elementor-heading-title { font-size: 20px; letter-spacing: 1px; line-height: 1.25;}
  #main .intro-ttl .elementor-heading-title { font-size: 35px;}
  #main .intro p { font-size: 16px; margin: 3px 0 -5px;}
  #main .process .elementor-heading-title { font-size: 16px; font-weight: 500;}
  #main .sec-ttl { margin: 0 0 20px;}
  #main .sec-ttl .elementor-heading-title:before { content: none !important;}
  #main .sec-ttl .elementor-heading-title { font-size: 28px;}
  #wrap #footer-bottom #copyright { font-size: 15px; letter-spacing: .5px;}
  #main { line-height: 1.4;}
}

@media only screen and (max-width: 479px){
  #main .elementor-image-gallery .gallery-item { width: 50%;}
  #main .process .elementor-image { width: 90px; height: 90px;}
}