html, body { font-display: auto; font-family: 'Raleway', sans-serif; font-weight: 300; font-style: normal; color: #303030; padding: 0; width: 100% !important; overflow-x: hidden !important; }
body { overflow-x: hidden; padding-top: 0 !important; }

body { -webkit-touch-callout: none;
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; }

iframe { width: 100%; }

.container { position: relative; }
.carousel-wrapper__arrow--prev {
    left: -80px;
}
.carousel-wrapper__arrow--next {
    right: -80px;
}
.carousel-wrapper__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 60px;
    cursor: pointer;
	margin-top: -10px;
}
.carousel-wrapper__arrow-arrow {
    -webkit-transition: fill .5s ease;
    transition: fill .5s ease;
}
.carousel-wrapper__arrow:focus .carousel-wrapper__arrow-circle, .carousel-wrapper__arrow:hover .carousel-wrapper__arrow-circle {fill:#1b2c3f}
.carousel-wrapper__arrow:focus .carousel-wrapper__arrow-arrow, .carousel-wrapper__arrow:hover .carousel-wrapper__arrow-arrow {fill:#fff}

a:hover, a:active, a:focus, input:hover, input:active, input:focus, button:hover, button:active, button:focus { outline: 0; }

#shop-evac { position: absolute; top: 30px; right: 0; width: 500px; height: auto; border:none !important; background: none !important; }
#shop-evac:hover { background: none !important; }
#shop-evac img { width: 100%; height: auto; }

#shop-evac-parts { position: absolute; top: 30px; right: 0; width: 500px; height: auto; border:none !important; background: none !important; }
#shop-evac-parts:hover { background: none !important; }
#shop-evac-parts img { width: 100%; height: auto; }

#shop-jets { position: absolute; right: 0; top: 32px; width: 240px; border:none !important; background: none !important; }
#shop-jets img { width: 100%; height: auto; border: none; background: none; }

.navbar { background-color: none !important; margin-top: 6px; font-weight: 700; text-transform: uppercase; font-size: 14px; color: #81817B; }
.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #303030; }
.navbar-light .navbar-toggler { position: absolute; right: 20px; top: -45px; }
.navbar-nav li { margin-right: 10px; }
.navbar-nav .dropdown-menu { left: auto !important; padding: 0; background-color: #303030; color: #fff; margin-top: 0; }
.navbar-nav .dropdown-menu a { color: #fff; }
.navbar-nav .dropdown-menu a:hover, .navbar-nav .dropdown-menu a:active, .navbar-nav .dropdown-menu a:focus { color: #303030; background: #f8f8f8; }
.navbar-nav .dropdown-item { padding: .5rem 1.5rem; font-size: 12px; }
.navbar-nav .dropdown-item:first-of-type { padding-top: .75rem; }
.navbar-nav .dropdown-item:last-of-type { padding-bottom: .75rem; }
.navbar #evacbtn { margin-top: -10px; margin-right: 14px; background-color: #65ac00; border-color: #65ac00; color: #fff; text-transform: uppercase; font-size: 14px; }
.navbar #evacbtn:hover { background-color: #fff; color: #65ac00; border-bottom: 1px solid #65ac00; }
.navbar #search { background-color: #303030 ; border-color: #303030; color: #fff; text-transform: uppercase; font-size: 14px; }
.navbar #search:hover { background-color: #fff; color: #303030; }

h2 { font-weight: 700; letter-spacing: 1px; color: #303030; text-align:center; }
h5 { margin-top: 10px; font-weight: 700; text-align: center; text-transform: uppercase; }
p { color: #818181; }
p a, h4 a:hover { color: #303030; }
p a:hover, h4 a { color: #818181; }
a { text-decoration: none !important; transition: all .3s ease; }
a.btn { padding: 10px 18px; margin: 20px 0 20px 0; vertical-align: middle; position: relative; z-index: 10; top: 15px; background: #1b2c3f; color: #fff; border-bottom: none; margin-top: -2px; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; }
a.btn:hover, a.btn:focus { background: #838a91; color: #fff; text-decoration: none; }
a.btn:before, #footer #cta a:before, #testimonial a:before { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; padding-right: 5px; display: inline-block; opacity: .5; }
a.quote { background: #1b2c3f; }
a.quote:hover { background: #838a91; }
img { width: 100%; height: auto; }
.bold, b, strong { font-weight: 700; }
ol { padding-left: 15px; }

.no-intro { margin-top: 110px; }

.right { float: right; text-align: right; }
.clear { display: block; clear: both; width: 100%; }
.show-mobile { display: none; }

.slick-dots li { background: #ddd; width: 80px !important; height: 5px !important; }
.slick-dots li.slick-active { background: #3e4852; }
.slick-dots-li button { opacity: 0 !important; }
.slick-dots-li button:before { display: none; opacity: 0 !important; }
.slick-slide h5 { margin: 20px 0 15px 0; }

#header { padding: 10px 0 15px 0; width: 100%; background: #fff; transition: all 0.5s ease; position: fixed; top: 0; z-index: 50; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5); }
.nav-up { top: -100px !important; opacity: .5; }

#logo { height: 60px; width: auto; margin-left: 20px; }

#introduction { width: 100%; height: 75vh; margin-top: 100px; background: #303030; background-size: cover; background-repeat: no-repeat; background-position: center center; box-sizing: border-box; position: relative; left: 0; right: 0; }

.page #introduction { height: calc(75vh - 100px); background-position: center center; background-size: cover; }
.page #introduction h1 { text-shadow: 0 0 20px #000; }

.page-body { text-align: center; }
.page-body ul { padding-left: 0; font-weight: bold; }
.page-body li { color: #818181; list-style: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
.page-body li:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#terms-conditions .page-body, #privacy-policy .page-body, #cookie-policy .page-body { text-align: left; }

.webp #introduction, .webp #introduction .inner { background-image: url(https://marinevac.com/images/marinevac-home-image-1.webp); }
.no-webp #introduction, .no-webp #introduction .inner { background-image: url(https://marinevac.com/images/marinevac-home-image-1.jpg); }

.webp #news #introduction { background-image: url(https://marinevac.com/images/latest-news-from-marinevac.webp); }
.no-webp #news #introduction { background-image: url(https://marinevac.com/images/latest-news-from-marinevac.jpg); }

.webp #services #introduction { background-image: url(https://marinevac.com/images/marinevac-services.webp); }
.no-webp #services #introduction { background-image: url(https://marinevac.com/images/marinevac-services.jpg) }

.webp .sink-and-drain-cleaning #introduction { background-position: center right; }
.no-webp .sink-and-drain-cleaning #introduction { background-position: center right; }

.webp #about-us #introduction { background-image: url(https://marinevac.com/images/marinevac-about-us.webp); }
.no-webp #about-us #introduction { background-image: url(https://marinevac.com/images/marinevac-about-us.jpg) }

.webp #our-clients #introduction { background-image: url(https://marinevac.com/images/our-superyacht-clients-marinevac.webp); background-position: right bottom; }
.no-webp #our-clients #introduction { background-image: url(https://marinevac.com/images/our-superyacht-clients-marinevac.jpg); background-position: right bottom; }

.webp #testimonials #introduction { background-image: url(https://marinevac.com/images/testi.webp); }
.no-webp #testimonials #introduction { background-image: url(https://marinevac.com/images/testi.jpg) }

.webp #contact-us #introduction { background-image: url(https://marinevac.com/images/contact-us-marinevac.webp); }
.no-webp #contact-us #introduction { background-image: url(https://marinevac.com/images/contact-us-marinevac.jpg) }

#introduction .container, #introduction .row { height: 100%; }
#introduction #inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: cover; background-position: center center; }
#introduction .home { width: 100%; height: 100%; }
#introduction #home carousel-item:first-of-type { background-image:url("https://marinevac.com/images/marinevac-engine-room.jpg");background-size:cover;background-position:center center; }
#introduction #home carousel-item:nth-of-type(2) { background-image:url("https://marinevac.com/images/marinevac-yacht.jpg");background-size:cover;background-position:center center; }
#introduction #home carousel-item:last-of-type { background-image:url("https://marinevac.com/images/superyacht-galley.jpg");background-size:cover;background-position:center center; }
#introduction .slick-track .slick-slide { display: block; height: 100%; width: 100%; }
#introduction .home .slick-list { width: 100%; height: 100%; }
#introduction .home .slick-dots { bottom: 30px; }
#introduction .home .slick-dots li.slick-active { background: #fff; }
#introduction .col-lg-10, #introduction .col-lg-12 { display:table; height: 100%; }
#introduction h1 { text-align: center; color: #fff; font-size: 2.15rem; text-shadow: 0 0 30px #000; font-weight: 700; display:table-cell; vertical-align:middle; }
#introduction h2 { color: #fff; position: absolute; bottom: 40px; left: 15px; width: calc(100% - 30px); font-size: 1.5rem; text-align: center; }
#introduction span, #introduction a { padding: 10px 20px; font-weight: 700; color: #fff; text-align: center; font-size: 1rem; letter-spacing: 1px; text-transform: uppercase; margin-top: 20px; display: inline-block; transition: all .3s ease; cursor: pointer; text-shadow: 0 0 30px #000; }
#introduction span:hover, #introduction a:hover { color: #fff; text-shadow: 0 0 30px #000; }
#introduction a { border: 1px solid #fff; }
#introduction a:hover { background: #1b2c3f; }

#featured-banner { background: #ca0000; color:#fff !important; font-weight: 700!important; text-align: center; padding: 20px 0 10px; margin: 0 0 20px; border-top: 1px solid #fff; }
#featured-banner h3, #featured-banner p, #featured-banner b { font-weight: bold; color: #fff; }

.slider {
  width: 100%;
  height: 100%;
  margin: 0;
  padding-bottom: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
  z-index: 0;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(https://marinevac.com/images/marinevac-engine-room.jpg)no-repeat center;
      background-size: cover;
    animation:fade 18s infinite;
-webkit-animation:fade 18s infinite;

} 
.slide2 {
  background: url(https://marinevac.com/images/marinevac-yacht.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 18s infinite;
-webkit-animation:fade2 18s infinite;
}
.slide3 {
    background: url(https://marinevac.com/images/superyacht-galley.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 18s infinite;
-webkit-animation:fade3 18s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

.content { padding-top: 5vh}

#our-services { width: 100%; }
#services #services { margin-top: 40px; }
#our-services .col-lg-3, #services .col-lg-4 { float: left; display: grid; }
.service { margin-bottom: 30px; min-height:440px; padding-bottom: 15px; text-align: center; opacity: .5; transition: all .3s ease; }
.service:hover { opacity: 1; }
.service img { margin-bottom: 20px; }
.service h4 { font-size: 1.15rem; font-weight: 500; min-height: 67px; }
.service p { color: #818181; min-height: 144px; }
.service a.btn { width: 100%; display: block; text-align: center; padding: 14px 10px; margin: -10px 0 10px; background: #fff; color: #818181; font-size: .85rem; line-height: .75rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; border: 1px solid #818181; }
.service a.btn:hover { background: #303030; color: #fff; border-color: #303030; }
.service a img { padding: 0; border: none; }
.service a:hover img { background: none; border: none; }
.service { opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.services:hover .service:not(:hover) { opacity: 1; }

#our-services #in-duct-air-purification-system { background: #3ddeed ; }
#our-services #puramyst { background: #7ABD43; }
#our-services #onboard-sanitation { background: #00A7D2 ; }
#our-services #puramyst h4, #our-services #puramyst p, #our-services #onboard-sanitation h4, #our-services #onboard-sanitation p, #our-services #in-duct-air-purification-system h4, #our-services #in-duct-air-purification-system p { color: #fff; padding-left: 10px; padding-right: 10px; }
#our-services #puramyst a.btn, #our-services #onboard-sanitation a.btn, #our-services #in-duct-air-purification-system a.btn { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; border-color: #fff; }
#our-services #puramyst a.btn:hover, #our-services #onboard-sanitation a.btn:hover, #our-services #in-duct-air-purification-system a.btn:hover { border-color: #fff; }

#news .page-body, #news .page-body h2 { text-align: left; }
#news .snippet { border: 1px solid #ddd; padding: 15px 0; margin-bottom: 30px; background: #f8f8f8; }
#news .snippet hr { margin: 10px 0 12px; }
#news .snippet img { opacity: 1; }
#news .col-lg-4 .snippet:first-of-type { margin-top: 20px; }
#news .col-lg-4 .snippet { margin: 15px 0 15px; }
#news .snippet .small a { margin-top: -10px; }
#news .page-body .col-lg-8 img { margin-bottom: 30px; }
#news .page-body a, #news .page-body a:hover, #news .page-body a:focus { color: #303030; font-weight: bold; text-decoration: none; }
#news .page-body a.btn { text-align: center; margin-top: -10px; padding: 10px 30px; background: #fff; color: #818181; font-size: .85rem; line-height: .75rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; border: 1px solid #818181; }
#news .page-body a.btn:hover, #news .page-body a.btn:focus { background: #303030; color: #fff; border-color: #b9bcbf; }
#news .page-body .related a.btn { width: 100%; margin-top: 0; padding: 15px; display: inline-block; }
#news .page-body .related a.btn:nth-of-type(even) { float: right; } 

#services .col-lg-4 .btn { width: 100%; }
#services .full { width: 100%; }
#services .left, #services .right { width: calc(50% - 10px); float: left; margin-bottom: 20px; }
#services .right { float: right; }
#services .fifty li { width: 50%; float: left; }
#services a.grey { background: #838a91; color: #fff; }
#services a.full:hover, #services a.grey:hover { background: #335777 ; color: #fff; text-decoration: none; }
#services .page-body h2, #services .page-columns h3 { color: #000; }
#services .page-body hr { margin: 30px 0; }
#services .page-columns { margin-bottom: 10px; }
#services .page-columns .btn { width: 100%; }
#services .page-columns ul { list-style: none; padding-left: 0; }
#services .page-columns li { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ddd; }
#services .page-columns li a { color: #335777; font-weight: bold; }
#services .page-columns li a:hover { color: #1b2c3f; padding-left: 20px; }
#services .page-columns li a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b"; margin-right: 15px; }
#services .img-half { width: 50%; float: left; margin: 8px 20px 0 0; }
#services #get-quote { margin-top: 0; padding: 60px 40px 55px; }
#services #get-quote h4 { float: left; font-size: 1.5rem; color: #fff; font-weight: 300; margin: -20px 0 20px 0; }
#services #get-quote a.btn { border: 1px solid #b9bcbf; float: right; margin-top: -41px; }
#services #get-quote #quoteform { clear: both; }
#services #get-quote #quoteform .card { background-color: #335777; background: #335777; border: none; padding: 20px 0 0; }
#services #get-quote #quoteform .card p { color: #fff; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #fff; }
#services #get-quote #quoteform .card p a { color: #fff; font-weight: bold; }
#services #get-quote #quoteform .card p a:hover { color: #9DACBC; }
#services #get-quote #quoteform .card label { color: #fff; }
#services blockquote { background: #9dacba; padding: 15px; }
#services blockquote p { color: #1b2c3f; }
#services blockquote:after { font-family: "Font Awesome 5 Free";
   content: "\f063";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900; font-size: 21px; }
#services blockquote:last-of-type:after { content: none; }
#services td { padding: 4px; }
#services .downloads img { width: calc(33.333.5 - 15px); display: inline-block; }
#services #grey { background: rgba(157, 172, 186, .5); padding: 30px 30px 10px; font-weight: bold; }
#services #grey h3 { font-weight: bold; color: #1b2c3f; }
#services #grey ul { margin-top: 20px; }
#services #grey li { border-color: #1b2c3f; color: #1b2c3f; font-weight: bold; }
#services #grey li:last-of-type { border-bottom: none; }

#services .page-columns ol li:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.vacuum-pump-maintenance-repair-service #introduction h1 { vertical-align: bottom; padding-bottom: 30px; }

#faqs { margin: 10px 0 30px; }
#faqs h2 { text-align: left; }
#faqs h2 .btn-link { color: #818181; font-weight: bold; }
#faqs h2 .btn-link:hover, #faqs h2 .btn-link:fOCUS { text-decoration: none; color: #303030; }
#faqs .card-body { padding: 1.25rem 2rem 0 2rem; }

#full-featured, .full-featured { background: #335777; color: #fff; text-align: center; padding: 40px 0; margin: 20px 0 ; font-size: 1rem; font-weight: 500; }
#full-featured .col-lg-4, .full-featured .col-lg-4 { padding-top: 20px; margin-top: 20px; }
#full-featured h2, #full-featured h5, .full-featured h2, .full-featured h5 { color: #9dacba; border-bottom: 1px solid #9dacba; padding-bottom: 20px; margin-bottom: 20px; }
#full-featured h6, .full-featured h6 { font-size: 1.25rem; }
#full-featured p, .full-featured p { color: #fff; padding: 0 20px; }
#full-featured p a, .full-featured p a { font-weight: bold; color: #fff; white-space: nowrap; }
#full-featured .fa, #full-featured .fas, #full-featured .far, .full-featured .fa, .full-featured .fas, .full-featured .far { color: #1b2c3f; font-weight: 900; font-size: 72px; }

.marine-hvac .air-purification { background: #3ddfee; margin: 30px 0; padding: 30px 30px 10px; }
.marine-hvac .air-purification h4 { margin-bottom: 20px; text-align: center; font-weight:bold; }
.marine-hvac .air-purification p { color: #303030; font-weight:bold; }
.marine-hvac .air-purification a { border: 1px solid #fff; background-color: #76be43; margin-top: -60px; }
.marine-hvac .air-purification a:hover, .marine-hvac .air-purification a:focus { background: #fff; color: #76be43; }

.puramyst .page-body h2 { text-indent: -99999px; height: 0; }
.puramyst .page-body hr:first-of-type { display: none; }
.puramyst .page-body img { max-width: 450px; height: auto; display: inline-block; }
.puramyst .page-body h3 { color: #009eca; font-weight: bold; max-width: 600px; display: inline-block; text-align: center; }
.puramyst .col-lg-6 li { font-weight: bold; color: #335777; }
.puramyst #full-featured, .puramyst .full-featured { padding-bottom: 20px; }
.puramyst .full-img { margin-top: -4.5rem; border-top: 1px solid #fff; }
.puramyst .mfp-inline-holder .mfp-content { width: auto; }
.puramyst .mfp-close-btn-in .mfp-close { color: #fff; }
.puramyst  #mini { margin-top: 18px; padding: 30px 30px 10px 100px; background: url(https://marinevac.com/images/puramyst-mini-2.jpg) no-repeat center; background-size: auto 100%; background-color: #212d5d; background-position: left; }
.puramyst  #mini span { display: none; padding: 10px 20px; background: #76be43; color: #fff; font-size: 14px; }
.puramyst  #mini h4 { margin-top: -10px; padding-bottom: 10px; }
.puramyst  #mini p, .puramyst  #mini h4 , .puramyst  #air p, .puramyst  #air h4 { color: #fff; }
.puramyst  #mini a, .puramyst  #air a { margin-top: -15px; border: 1px solid #fff; background-color: #76be43; }
.puramyst  #mini a:hover, .puramyst  #air a:hover, .puramyst  #mini a:focus, .puramyst  #air a:focus { border: 1px solid #fff; background-color: #fff; color: #1b2c3f; }
.puramyst .alert, #alert { background: #CC000A !important; padding: 20px; margin: 20px 0; color: #fff !important; }
.puramyst .alert p, #alert p { color: #¢fff; }
.puramyst .alert a { float: right; border: 1px solid #fff; background-color: #76be43; margin-top: -66px; }
#alert a { border: 1px solid #fff; background-color: #76be43; margin-top: 0; margin-bottom: 0;}
.puramyst .alert a:hover, .puramyst  .alert a:focus, #alert a:hover, #alert a:focus { background: #fff; color: #76be43; }
.puramyst .content .col-lg-12 h4 { text-align: center; }

.in-duct-air-purification-system #alert p:last-of.type { margin: 0; }

.rydlyme-marine-descaler a.half { width: calc(50% - 15px); float: left; display: grid; }
.rydlyme-marine-descaler a.half:nth-of-type(2) { float: right; }
.rydlyme-marine-descaler a.half:before { display: none; }
.rydlyme-marine-descaler a.half .fa-file-download { font-size: 24px; margin-bottom: 10px; }
.rydlyme-marine-descaler .half-list { margin: 20px 0; padding-left: 0; list-style: none; }
.rydlyme-marine-descaler .half-list li { width: calc(50% - 15px); margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; display: inline-block; }
.rydlyme-marine-descaler .half-list li:nth-child(even) { float: right; }
#rydlyme-list li { width: 33.33%; display: grid; float: left; }

.number-bg { font-size: 800px; font-weight: 700; opacity: .15; color: #9dacba; position: absolute; top: -300px; left: 20px; z-index: -1; }
.block-1, .block-2, .block-3, .block-4 { position: relative; }
.block-1 .bg, .block-2 .bg, .block-3 .bg, .block-4 .bg { padding: 30px 30px 10px 30px; margin: 30px 0; color: #fff; min-height: 530px; }
.block-1 .bg h3, .block-2 .bg h3, .block-3 .bg h3, .block-4 .bg h3 { margin-bottom: 20px; }
.block-1 .bg p, .block-2 .bg p, .block-3 .bg p, .block-4 .bg p { color: #fff; font-weight: bold; }
.block-1 .number, .block-2 .number, .block-3 .number, .block-4 .number { font-size: 250px; font-weight: 700; line-height: 100%; position: absolute; top: -60px; }
.block-1 .title, .block-2 .title, .block-3 .title, .block-4 .title { font-size: 50px; line-height: 54px; position: absolute; left: 170px; max-width: 350px; }
.block-1 .bg img, .block-2 .bg img, .block-3 .bg img, .block-4 .bg img { position: relative; top: 200px; }
.block-1 ul, .block-2 ul, .block-3 ul, .block-4 ul { list-style: none; margin-left: 0; padding-left: 0; }
.block-1 li, .block-2 li, .block-3 li, .block-4 li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #fff; }
.block-1 .bg { margin-top: 0; }
.block-1 .bg { background: #279bd7; }
.block-2 .bg { background: #28bbe1; }
.block-3 .bg { background: #29d4e2; }
.block-4 .bg { background: #4be7e0 ; }

#client-list { text-align: center; margin-bottom: 20px; }
#client-list ul { padding-left: 0; min-height: 170px; }
#client-list li { width: 25%; display: inline; float: left; list-style: none; padding-left: 0; margin-left: 0; font-weight: bold; color: #818186; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
#client-list li:nth-of-type(13) { float: left; }

.loro-x-stainless-steel-pipework .content h4, .sink-and-drain-cleaning .content h4 { font-weight: bold; border-top: 1px solid #ddd; padding-top: 20px; margin: 20px 0; }
.loro-x-stainless-steel-pipework .page-columns li:last-of-type { border-bottom: none !important; }

#our-clients .col-lg-4:nth-child(n+4) { margin-top: 10px; }
#our-clients .clients { margin-bottom: 40px; }

#testimonial, #get-quote { background: #335777; color: #9dacba; padding: 40px 40px 80px; margin-top: 40px; font-size: 1rem; font-weight: 500; }
#testimonial h4{ font-size: 1.25rem; color: #fff; font-weight: 300; margin-bottom: 20px; }
#testimonial p strong { color: #9dacba; margin-bottom: 20px; }
#testimonial span { float: left; max-width: 400px; font-weight: 500; font-size: 1.25rem; }
#testimonial a { float: right; padding: 10px 18px; background: #9dacba; color: #fff; border-bottom: none; margin-top: -2px; font-size: .75rem; text-transform: uppercase; letter-spacing: 1px; }
#testimonial a:hover { background: #fff; color: #9dacba; text-decoration: none; }

#evac { text-align: center; }
#evac div { background: url(https://marinevac.com/images/evac-bg.png); background-size: 100% 100%; background-repeat: repeat-y; }
#evac h4 { font-size: 1.5rem; color: #fff; font-weight: 300; margin: -20px 20px 20px; }
#evac .content a, #get-quote a.btn { padding: 10px 18px; display: inline-block; background: #1b2c3f; color: #fff; margin: 0 auto 10px; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; }
#evac .content a:hover, #get-quote a.btn:hover { background: #fff; color: #1b2c3f; text-decoration: none; }

.testimonial div { background: #f8f8f8; color: #303030; padding: 10px 20px; border-radius: 0; border: none; font-size: 1.25rem; font-weight: 500; margin-bottom: 0 !important; }
.testimonial h5, .testimonial-alt h5 { font-size: 1.1rem; line-height: 1.45rem; text-transform: none; text-align: left; font-weight: 300; margin-bottom: 10px; }
.testimonial span, .testimonial-alt span { color: #303030; margin: 20px 0; font-size: 1rem; }
.card-columns { column-count: 2; }
#testimonials h4 { margin-bottom: 30px; }
#testimonials .card { margin:10px 0 10px; border-radius: 0; padding-top: 0; }
#testimonials .card img { margin: 10px 0; }

#contact-us h5, #contact-us .loc h6 { color: #1b2c3f; font-weight: bold; }
#contact-us .loc div { margin: 10px 0 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; min-height: 290px; }

.alert-success { background-color: #65ac00; border-color: #65ac00; color: #fff; text-align: center; font-weight: bold; }
.alert-danger { background-color: #ca0000; border-color: #ca0000; }
#services #get-quote #quoteform .alert p, .alert-success p, .alert-danger p { color: #fff; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; text-align: center; font-weight: bold; }
.errors, ul.errors.help-block { color: #fff; margin: 0; padding: 5px 10px !important; list-style: none; background: #ca0000; border: 1px solid #ca0000; font-weight: bold; }

#form { background: #f0f0f5; padding-bottom: 40px; }
#form p { text-align: center; }
#form .col-lg-6, #quoteform .col-lg-6 { float: left; }
#form .col-lg-12, #quoteform .col-lg-12 { clear: both; }
#form form, #quoteform form { width: 100%; }
#form label, #quoteform label { width: 100%; display: block; margin-bottom: 10px; color: #818181 }
#form input, #form textarea, #quoteform input, #quoteform textarea { width: 100%; padding: 10px 15px; font-weight: 300; margin-bottom: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 1px solid #dddddd; }
#form [type=submit], #form [type=submit], #quoteform [type=submit], #quoteform [type=submit], #submitbtn { background-color: #65ac00; border-color: #65ac00; margin-bottom: 0; text-transform: uppercase; width: 100%; padding: 14px; border-radius: 0; transition: all .3s ease; }
#form [type=submit]:hover, #form [type=submit]:hover, #quoteform [type=submit]:hover, #quoteform [type=submit]:hover, #submitbt:hover { background: #1b2c3f; color: #fff; }

#footer { font-size: 18px; font-weight: 500; color: #1b2c3f; margin-top: 40px; }
#footer #cta, #footer #dload { margin-top: 10px; margin-bottom: 50px; display: block; position: relative; z-index: 0; text-align: center; }
#footer #cta h3 { font-weight: 300; font-size: 2.15rem; margin-bottom: 40px; color: #3e4852; text-align: center; }
#footer #cta a, #footer #banner-download a { padding: 14px 24px; background: #1b2c3f; color: #fff; border-bottom: none; margin-top: 10px; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; display: inline-block; }
#footer #cta a:hover, #footer #banner-download a:hover { background: #838a91; }
#footer .bar { background: #1b2c3f; padding: 40px 0; text-align: center; }
#footer .copy { font-size: 12px; font-weight: 300; }
#footer .email { margin-bottom: 1.45rem; }
#footer img { margin-top: 0; margin-bottom: 40px; width: 40%; margin-left: 30%; }
#footer p { color: #fff; }
#footer a { color: #fff; margin-right: 5px; border-bottom: 1px solid #1b2c3f; text-decoration:none; }
#footer a:hover { color: #5887CC; border-bottom: 1px solid #5887CC; text-decoration: none; }
#footer ul { padding-left: 0; font-weight: 700; text-transform: uppercase; }
#footer ul li { list-style: none; margin: 0 10px 1rem; display: inline-grid; width: auto; text-align: center; }
#footer ul li a.here, #footer ul li a.here:hover { color: #5887CC; border-bottom: none !important; }

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

	.service p { min-height: 120px; }

}

@media screen and (min-width: 768px) {
	#header { min-height: 100px; }
  	.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu { display: block; }
	.navbar .form-inline:last-of-type { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.navbar .form-inline{ display: none; }
	.service p { font-size: 1rem; }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {

	.vacuum-pump-maintenance-repair-service #introduction { background-size: cover; }

}

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

	html, body { width: 100%; overflow-x: hidden; }
	button:focus { outline: 0; }
	
	.carousel-wrapper__arrow--prev {
    left: -10px;
}
.carousel-wrapper__arrow--next {
    right: -10px;
}
.carousel-wrapper__arrow { width: 40px; }
	
	#shop-evac { width: 80%; height: auto; left: 10%; }
	
	.anti-flood-valve iframe { margin: -40px 0 -50px; }
	
	.nav-up { opacity: 1; top: 0 !important; }
	.navbar-light .navbar-toggler { border: none; }
	.navbar-nav { padding-left: 5px; }
	.navbar { padding: .5rem 0 .5rem 0; }
	.navbar-toggler { padding-right: 0; }
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { opacity: .5; }
	.navbar-light .navbar-toggler { right: 0; }
	.nav-link { padding: 1rem 0; border-bottom: 1px solid #ddd; transition: all .15s ease; }
	.navbar-nav .show>.nav-link { border-bottom: 1px solid #fff; }
	.navbar-nav li { margin-right: 0; }
	.navbar-nav .dropdown-menu { margin-top: 0; border-radius: 0; border: none; }
	.dropdown-toggle::after { margin-left: .5em; }
	.dropdown-toggle::after { transition: transform .25s linear; }
	.dropdown.show .dropdown-toggle::after { transform: rotate(-180deg); }
	
	.form-inline { width: calc(50% - 10px); margin: 10px 0 10px 5px; float: left; display: block; }
	.form-inline:last-of-type { width: calc(50% - 10px); margin: 2px 0 10px 0; float: right; display: block; }
	.navbar #evacbtn { float: left; width: 100%; border: 1px solid #65ac00; }
	.navbar #contactbtn { border: none; float: right; width: 100%; border: 1px solid #1b2c3f; font-size: 13px; pading-left: 0; padding-right: 0; }
	.navbar #contactbtn:hover { background: #fff; color: #1b2c3f; }
	
	#mesgnav, #emailnav { color: rgba(0,0,0,.25); font-size: 1.5em; position: absolute; transition: all .3s ease; }
	#mesgnav:hover, #emailnav:hover, #mesgnav:focus, #emailnav:focus, { color: rgba(0,0,0,.1); }
	#emailnav { font-size: 22px; top: -37px; right: 50px; }
	#mesgnav { font-size: 24px; top: -38px; right: 90px; }
	
	#services .page-body h2, #services .page-columns h3, .page-body p { text-align: left; }
	h3 { font-size: 1.25rem; text-align: left; }
	#featured-banner h3 { text-align: center; }
	
	.show-mobile { display: inherit; }
	.hide-mobile { display: none !important; }
	.slick-dots { display: none !important; }
	.nudge-up { margin-top: -20px; }
	.mobile-break { display: block; clear: both; }
	.no-intro { margin-top: -10px; }

	#header { position: relative; top: 0; padding-bottom: 0; }
	#logo { margin-left: 0; }
	
	#introduction { height: calc(75vh - 100px); background-size: 200% auto; background-position: center -50px; margin-top: 10px; background-color: #fff; }
	#introduction #inner h1 { font-size: 1.75rem; }
	#introduction h1 { font-size: 1.25rem; bottom: 20px; }
	#introduction h2 { font-size: 1rem; bottom: 20px; }
	
	#contact-us #introduction { background-position: 95% center; }
	
	#our-services { padding-top: 30px; margin: -10px 0 20px; background: #335777; }
	#our-services .slick-prev:before, #our-services .slick-next:before { font-size: 20px; }
	#our-services .slick-prev:before { font-family: FontAwesome; content: "\f060"; color: #335777; }
	#our-services .slick-next:before { font-family: FontAwesome; content: "\f061"; color: #335777; }
	#our-services .slick-prev, #our-services .slick-next { width: 40px; height: 40px; background: #fff; z-index: 50; }
	#our-services .slick-prev { left: 10px; }
	#our-services .slick-next { right: 10px; }
	
	.accordion>.card .card-header, #faqs h2 .btn-link { text-align: left; }
	.vacuum-toilet-de-scaling-system #introduction { background-position: left center; }
	
	.vacuum-pump-maintenance-repair-service #introduction { background-size: auto 80%; background-position: center top; background-color: #e9e8e3; }
	
	.services .slick-list { padding: 0 45px 0; }
	.services .slick-slide { opacity: .25; transition: all .3s ease; }
	.service { border: 1px solid #ddd; background: #fff; padding: 15px; opacity: 1; }
	.services [aria-hidden="false"] { opacity: 1; }
	.service a { background: #36bef0; }
	.service a.btn { margin-bottom: 15px; }
	.service h4 { min-height: 60px; }
	.service p { min-height: 96px; }
	.services:hover .service:not(:hover) { opacity: 1; }
	/* #services .col-lg-3 { flex: 0 0 50%; max-width: 50%; } */
	
	.puramyst  .alert a { float: none; margin-top: 0; }
	
	#client-list li { width: 50%; }
	#clients-link { margin-top: -60px; }
	#clients-link a { width: 100%; }
	
	#full-featured h3, .full-featured h3 { text-align: center; }
	
	#our-clients #services { background: none; padding-top: 0; margin: 0; }
	
	#clients { padding-bottom: 0 !important; margin-bottom: 10px !important; }
	#clients .slick-list { padding: 0 15px; }
	#clients .slick-slide { opacity: .25; transition: all .3s ease; }
	#clients [aria-hidden] { transition: all .3s ease; }
	#clients [aria-hidden="false"] { opacity: 1; }
	#clients [aria-hidden="true"] { opacity: .25; }
	
	#testimonial { padding: 20px 20px 120px; }
	#testimonial h4, #testimonial span { font-size: 1.25rem; }
	#testimonial a { float: left; width: 100%; margin-top: 20px; text-align: center; }
	#testimonials .testimonial { margin: 15px; }
	
	#services #get-quote { padding: 20px; text-align: center; }
	#services #get-quote h4 { text-align: center; margin: 0; }
	#services #get-quote a.btn { float: none; display: inline-block; margin: 0 0 20px 0; position: relative; }
	#services #get-quote #quoteform .card label { text-align: left; }
	
	.in-duct-air-purification-system .full-featured .btn { width: 100%; margin:20px 0 0 !important; }
	.in-duct-air-purification-system .full-featured .btn:first-of-type { margin: 0 !important; }
	.in-duct-air-purification-system .install { margin-top: -44px !important; }
	.in-duct-air-purification-system .install-led { display: none; }
	
	.rydlyme-marine-descaler .half-list li { width: 100%; }
	#rydlyme-list li { width: 50%; }
	
	.number-bg { display: none; }
	.block-1 .number, .block-2 .number, .block-3 .number, .block-4 .number, .block-1 .title, .block-2 .title, .block-3 .title, .block-4 .title { font-size: 1.75rem; line-height: 1.75rem; position: relative; top: 0; left: 0; max-width: inherit; margin-bottom: 20px; }
	.block-1 .title br { display: none; }
	.block-1 .bg img, .block-2 .bg img, .block-3 .bg img, .block-4 .bg img { top: 20px; }
	.block-1 .bg h3, .block-2 .bg h3, .block-3 .bg h3, .block-4 .bg h3 { margin-top: 20px; padding-top: 20px; }
	
	#news .snippet { margin-left: 0px; margin-right: 0px; }
	#news .snippet img { margin-bottom: 20px; }
	#news .page-body h2 { font-size: 1.25rem; }
	#news .page-body .col-lg-4 h4 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; }
	
	#evac h4 { padding: 0 20px; }
	
	#contact-us .loc div, #contact-us .loc:nth-of-type(6) div, #contact-us .loc:nth-of-type(7) div, #contact-us .loc:nth-of-type(8) div { margin: 10px 0 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; min-height: auto; }
	#contact-us .loc:last-of-type div { border-bottom: none; margin-bottom: 0; }
	#contact-us h4, #contact-us h5, #contact-us .loc h6 { text-align: left; }
	
	#footer { margin-top: 0; }
	#footer h4 { color: #fff; font-weight: 700; text-align: left; margin-bottom: 20px; border-top: 1px solid #fff; padding-top: 30px; }
	#footer #banner-download, #footer #banner-download h3, #footer #banner-download p, #footer #banner-download a { text-align: left !important; }
	#footer #cta { margin: 40px 0; height: auto; text-align: left; }
	#footer #cta a { margin-top: -5px; }
	#footer #cta h3 { font-size: 1.5rem; text-align: left; }
	#footer img { margin: 20px 0 40px; width: 80%; }
	#footer p, #footer .right { text-align: left; float: none; }
	#footer ul { display: block; padding-bottom: 0; margin-bottom: 20px; }
	#footer li { width: 50% !important; display: inline-gird !important; margin: 0 0 1rem !important; text-align: left; }
	#footer li a { text-align: left; }
	#footer li a:hover, #footer a:hover { border-bottom: none; color: #1D4C9B; }
	#footer li:last-of-type { margin-bottom: 40px; }
}

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

	#introduction { backgroun-position: center -50px; }
	#introduction h1 { font-size: 1.25rem; }
	#introduction h2, #testimonial h4, #testimonial span, #footer #cta h3 { font-size: 1rem; }
	
}

@media screen and (min-height: 800px) {
	
}

.card-columns {
    column-count: 2;
}

@media (min-width: 576px) { 
    .card-columns {
        column-count: 3;
   }
}
@media (max-width: 575px) { 
    .card-columns {
        column-count: 1;
   }
}
.navbar-toggle .icon-bar {
	 transition: 300ms ease-in-out;
	 background-color: #fff;
	 position: relative;
	 width: 24px;
	 height: 3px;
}
 .navbar-toggle .icon-bar:last-child {
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 top: -7px;
}
 .navbar-toggle .icon-bar:nth-child(2) {
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 transform: rotate(45deg);
	 top: 0px;
}
 .navbar-toggle .icon-bar:nth-child(3) {
	 opacity: 0;
}
 .navbar-toggle.collapsed .icon-bar {
	 -webkit-transform: rotate(0deg);
	 -ms-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
	 transform: rotate(0deg);
	 top: 0;
	 opacity: 1;
}
 