/**
Theme Name: AlgaeBarn - Astra - Child
Author: Sean Tadjeran
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 2.6.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: algaebarn-astra-child
Template: astra
*/
.WSSContainer {
  display:grid;
  grid-template-rows: 100px 60px 150px 60px auto auto;
  font-family: proxima-nova, sans-serif !important;
}


.WSSContainer h1 {
  color: #FFF !important;
  background: #353235;
  text-align:center;
  padding-top:22px;
  font-size:40px !important;
  font-weight:900;
  margin-top:0px;
  margin-bottom:0px !important;
}

.freeShipUSPS {
  text-transform:uppercase !important;
  font-size:20px !important;
  text-align:center;
  padding-top:17px;
  background: #37b34c;
  color: #FFF !important;
  margin-top:0px;
  margin-bottom:0px !important;
}
    
.freeShipUSPSExplain {
  padding: 10px 20px 10px 20px;
}
    
    
    

.weeklyShip {
  text-transform:uppercase !important;
  font-size:26px !important;
  text-align:center;
  padding-top:17px;
  background: #353235;
  color: #FFF !important;
  margin-top:0px;
  margin-bottom:0px !important;
  font-weight:900;
}

.guaranteeEveryOrder {
  font-size:18px  !important;
  text-align:center;
  padding-top:14px;
  background: #37b34c;
  color: #FFF  !important;
  margin-top:0px;
  margin-bottom:0px  !important;
    font-weight:800;
}



.weightBoost {
  font-weight:900;
}
.freeShipUPS {
  text-transform:uppercase !important;
  font-size:20px !important;
  text-align:center;
  padding-top:17px;
  background: #ff9027;
  color: #FFF !important;
  margin-top:0px;
  margin-bottom:0px !important;
}

.freeShipUPSExplain {
    padding: 10px 20px 10px 20px;
}

.schedule {
  display:grid;
  grid-template-columns: 20% 20% 25% 35%;
  grid-template-rows:50px 130px 30px auto auto auto auto;

}

.schedule h2 {
  grid-column: 1/5;
  padding-left:20px;
}

.intro {
  grid-column: 1/5;
  margin-top:10px;
  padding-left:20px;
}

.scheduleR1 {
  grid-column: 1/5;
  text-transform:uppercase;
  font-weight:900;
  padding-left:20px;
}

.scheduleDay {
  text-align:center;
  font-weight:900;
  color: #FFF;
  background: #114565;
  align-self:center;
  padding-top:10px;
  padding-bottom:15px;
  
}



.scheduleCon {
  text-align:center;
  border:1px solid #114565;
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto 30px 50px 30px 50px;

}

.shipDay {
  border-bottom:1px solid #114565;
  font-weight:900;
  background: #37b34c;
  color: #FFF;
  display:grid;
  align-items:center;
}

.cutOff {
  text-align:center;
  padding-top:5px;
}


.timeCut {
  font-weight:900;
}

.last1 span {
  padding-top:120px;
}

.guaranteePortion {
  display:grid;
  grid-template-rows: 65px 55px;
  margin-top:50px;
}

.guaranteeText {
  padding-left:20px;
  padding-right:20px;
}

.makeRight {
  color: #FFF;
  background: #353235;
  text-align:center;
  padding-top:15px;
  padding-bottom:15px;
  font-size:20px;
  font-weight:700;
  margin-top:0px;
  margin-bottom:0px; 
  font-style: italic;
}

.gotBack {
  color: #FFF;
  background: #353235;
  text-align:center;
  padding-top:15px;
  padding-bottom:15px;
  font-size:16px;
  font-weight:700;
  margin-top:0px;
  margin-bottom:0px; 
}

.WSSContainer p {
  line-height:1.3em;
}

.orange {
  color:#ff9027;
}
    
    .last1 {
        display:block;
    }
    
    
    @media screen and (max-width:420px) {
        .WSSContainer {
            grid-template-rows: 140px 85px auto 80px auto auto auto auto;
        }
        
        
        .guaranteePortion {
            grid-template-rows: auto 110px; 
        } 
        
        .weeklyShip {
            font-size: 22px !important;
            padding: 17px 0px;
        }
        
        .scheduleCon {
            grid-template-rows: auto auto 50px auto 50px;
        }
        
        .schedule {
            grid-template-rows: 50px auto 30px auto auto auto auto;
        }
        
    }
    
    
    @media screen and (max-width:380px) {

        
        .scheduleCon {
            grid-template-rows: 50px auto 50px auto 50px;
        }
        

        
    }
    
    @media screen and (max-width:361px) {
        .WSSContainer {
            grid-template-rows: 140px 85px auto 80px auto 88px auto auto;
        }
        
        .guaranteePortion {
            grid-template-rows: 88px 110px;
        }

        
    }  
.main-header-bar {
    border: 0px;
}

.woocommerce-cart-count {
    display: block;
    position: absolute;
    top: 40px;
    right: -3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    text-align: center;
    z-index: 10;
    font-size: .857em;
    background: #1EB473;
}



.mb_container {
    display: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: proxima-nova, sans-serif !important;
    margin: 0px;
}

.ysm-active {
    display: none;
}

.catWrapMobile {
    display: none;
}

/* Primary Nav */
.primaryHeader {
    width: 100%;
    height: 100px;
    padding-top: 12px;
    background-size: cover;
    background: rgb(3, 67, 101);
    background: -webkit-linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034365", endColorstr="#064a8f", GradientType=1);

}




/* Notification Banner */
.notificationBanner {
    background: #404343;
    color: #000;
    text-align: center;
    padding: 5px;
    font-size: 12pt;
    letter-spacing: 0.05px;
}

.satGt {
    font-weight: 600;
    display:none;
}

.satGt + a {
    color: #22b573;
    text-decoration: none;
    font-weight: 600;
}

.satGt + a:hover {
    color: #FFF;
}

.satGt a {
    color: #FFF;
}

.satGt a:hover {
    color: #22b573;
}



/* Pod Jar Banner */

.podJarBanner {
    color: #104C8D;
    text-transform: uppercase;
    display: block; 
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 322px;
}

.podJarBanner img {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    max-width: none;
    height: 100%;
}

.bannerText {
    font-size: 1.4vw;
    letter-spacing: 1.2px;
    position: absolute;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: baseline;
        align-content: baseline;
    width: 100%;
    #text-shadow: 1px 1px #333;
    text-shadow: 2px 2px 1px #CCC;
    line-height: 1.5em;
    font-weight: 800;
    bottom: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.saltTank {
    font-weight: 600;
}




.bannerButton {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;


}


.learnHow {
    padding: 8px 35px 8px 35px;
    font-weight: 800;
    border-radius: 12px;
    background: #ff9027;
    font-size: 18pt;
    height: 60px;
    color: #FFF;
    line-height: 1.8;

}

.learnHow:hover {
    color: #FFF !important;
    cursor: pointer;
    background: #ec5013;
}


#gr-am-widgetbar {
    display: none !important;
}

    .bannerTextHyphen {
        display: none;
    }






/**Featured**/
.featuredIn {
    font-size: 20pt;
    font-weight: 800;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: .5px .5px #000;
}

.secFeatured ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-around;
    justify-content: space-evenly;
    list-style-type: none;
    margin-left: -50px;
    color: #FFF;
}


.secFeatured {
    background: -webkit-linear-gradient(167deg, rgba(34,181,115,1) 0%, rgba(27,169,117,1) 100%);
    background: -webkit-linear-gradient(283deg,rgba(34,181,115,1) 0,rgba(27,169,117,1) 100%);
    background: -o-linear-gradient(283deg,rgba(34,181,115,1) 0,rgba(27,169,117,1) 100%);
    background: linear-gradient(167deg,rgba(34,181,115,1) 0,rgba(27,169,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22b573", endColorstr="#1ba975", GradientType=1);
    background-size: cover;
    padding: 10px 0 80px 0;
    margin-top: -2px;
}




.ribbon {
    text-align: center;
    background-image: url(/wp-content/uploads/2018/08/algaebarn-learn-more-algae-lab.png);
    background-size: cover;
    padding: 10px 0;
    width: 100%;
}

.ribbon h2 {
    font-weight: 900;
    font-size: 22pt;
    text-transform: uppercase;
    color: #FFF;
}

section {
    width: 100%;
    margin: 0px;
}

.homepage-h1 {
    font-size: 32pt;
    text-align: center;
    color: #104C8D;
    font-weight: 900;
    font-family: proxima-nova, sans-serif;
    text-transform: uppercase;
}


.need-tank-wrapper {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* background-image: url('/wp-content/themes/algaebarn-fast/images/tank-selection-bg.png'); */
    background: rgb(3, 67, 101);
    background: -webkit-linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034365", endColorstr="#064a8f", GradientType=1);
    background-size: cover;
    border-radius: 0px;
    padding-top: 2%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-around;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.need-tank-h1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 1;
    grid-row: 1;
    color: #FFF;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-shadow: .5px .5px #000;
}

.box {
    padding: 1em;
    color: #d9480f;
    height: 380px;
    max-width: 350px;
    min-width: 320px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 80px auto auto 50px;
    grid-template-rows: 80px auto auto 50px;
}

.box1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
}

.box2 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
}

.box3 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
}

.needtank-title {
    text-align: center;
    font-size: 22pt;
    color: #FFF;
    font-weight: 900;
    margin: 20px 0 0 0;
    text-transform: uppercase;
}

.needtank-content {
    font-size: 1em;
    color: #FFF;
    text-align: center;
    line-height: 1.3;
}

.algae-button {
    text-align: center;
}

.calign {
    margin-left: auto;
    margin-right: auto;
}

.algae-button a {
    text-decoration: none;
    background: #22b573;
    padding: 15px 25px;
    color: #FFF;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
}

.needtank-img img {
    height: 80px;
    text-align: center;
}

.needtank-img {
    text-align: center;
}


.hide {
    display: none;
}

.ab_catWrap {
    display: none;
}


















/*''''''''''Product Category''''''''''*/

.productCat {
    padding-bottom: 80px;
    background: #E5E5E5;
    padding-top: 15px;
}


/* New & Featured Products*/

.newNfeaturedSec h1 {
    padding: 15px 0;
}


.newNfeatured {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-around;
    justify-content: space-evenly;
    margin-left: auto;
    margin-right: auto;
    width: 83%;

}

.newNfeatured-child {
    text-align: center;
    margin-bottom: 20px;
}



.newNfeatured-child div {
    background: #104C8D;
    color: #FFF;
    text-transform: uppercase;
    padding: 8px 0;
    font-weight: 800;
    font-size: 14pt;
    border-radius: 8px;
}




.algaeSplit hr {
    color: #104C8D;
    width: 70%;
    text-align: center;
    background: #104C8D;
    height: 3px;
    border-radius: 0;
}

.algaeLabbg {
    background: #FFF;
    padding-top: 35px;
}

.algaeLab {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}


.algaeLabContent {
    color: #000;
    margin-left: 5%;
    margin-right: 5%;

}

.algaeLabContent h3 {
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 900;
    color: #104C8D;
    padding-top: 20px;
}

.algaeLabContent a {
    text-decoration: none;
    color: #FFF;
}

.algaeLabContent p {
    margin-bottom: 25px;
    line-height: 1.5;
}

.content-button {
    background: #22b573;
    padding: 12px 25px;
    color: #FFF;
    border-radius: 8px;
    font-weight: 800;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;

}

.algaeLabHome {
    background: #F2F2F3;
    margin-top: 5%;
    padding-top: 3%;
}

/*Got Pods & Instagram */

.gotPods {
    background: #104C8D;
    color: #FFF;
    text-align: center;
    padding: 10px 0;

}

#instagram {
    padding-top: 50px;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.wdi_feed_item {
    width: 22% !important;
    margin-right: 3%;
}


.wdi_load_more_wrap {
    border-radius: 0px !important;
    height: 20px !important;

}

.wdi_feed_theme_1 .wdi_feed_wrapper {
    text-align: center !important;
}

#instagram + hr {
    color: #104C8D;
    width: 70%;
    text-align: center;
    background: #104C8D;
    height: 3px;
    border-radius: 0;
}

/* subfooter */

.subfooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-around;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
}


.subfooter > div {
    max-width: 300px;
    margin-bottom: 30px;

}

.subfooter div ul {
    margin: 0px;
    list-style-position: inside;
    list-style-type: none;
    padding-left: 0;
    width: 300px;
}

.subfooter div ul li {
    margin: 0px 0px 1em 0;
}

.subfooter div ul li img {
    width: 20px;
    margin-right: 10px;
}

.subfooter h4 {
    text-transform: uppercase;
    font-weight: 900;
    color: #104C8D;
    font-size: 1.8em;

}

.subfooter-text {
    line-height: 1.3em;
}

.follow img {
    width: 40px;
    margin: 1em 1em 0 0;
}

footer {
    background: #104C8D;
    padding-top: 30px;
}

#footerInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-around;
    justify-content: space-evenly;
    color: #FFF;
    font-size: 12pt;
    padding: 0 5% 0 5%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#footerInfo h4 {
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 900;
}

#footerInfo ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
}

#footerInfo ul img {
    list-style-type: none;
    list-style-position: inside;

}

.farRightFooter ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 50px 20px 50px;
    grid-template-rows: 50px 50px;
    -ms-grid-columns: 50px 10px auto;
    grid-template-columns: 50px auto;
    grid-row-gap: 20px;
    grid-column-gap: 10px;
}

.farRightFooter ul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.farRightFooter ul > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.farRightFooter ul > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.farRightFooter ul > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.centerText {
    text-align: center;
}


.storeLocator {
    width: 25px;
}

.wholesale {
    width: 40px;
}


#billing_autocomplete_field label .optional {
    display: none;
}

#billing_autocomplete_field label {
    opacity: 1 !important;
}

#shipping_autocomplete_field label .optional {
    display: none;
}

#shipping_autocomplete_field label {
    opacity: 1 !important;
}




#billing_autocomplete::-webkit-input-placeholder {
    /* WebKit browsers */
    opacity: 0;
}

#billing_autocomplete:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 0;
}

#billing_autocomplete::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 0;
}

#billing_autocomplete:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    opacity: 0;
}

#billing_autocomplete::-webkit-input-placeholder {
    /* WebKit browsers */
    opacity: 0;
}

#billing_autocomplete:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 0;
}

#billing_autocomplete::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 0;
}

#billing_autocomplete:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    opacity: 0;
}


#shipping_autocomplete::-webkit-input-placeholder {
    /* WebKit browsers */
    opacity: 0;
}

#shipping_autocomplete:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 0;
}

#shipping_autocomplete::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 0;
}

#shipping_autocomplete:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    opacity: 0;
}

#shipping_autocomplete::-webkit-input-placeholder {
    /* WebKit browsers */
    opacity: 0;
}

#shipping_autocomplete:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    opacity: 0;
}

#shipping_autocomplete::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    opacity: 0;
}

#shipping_autocomplete:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    opacity: 0;
}


.ast-site-identity {
    padding: 0 0 1em 0 !important;
}

.woocommerce-checkout.distraction-free .main-header-bar {
    padding-top: 1.3em !important;
}

#copyright {
    background: #383838;
    color: #FFF;
    min-height: 40px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 5px;
}


@media only screen and (max-width: 1322px) {
    .newNfeatured {
        width: 98%;
    }


}


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

    /* Convert New and Featured Products to a 4 square grid */
    .algae-lab-single:last-child {
        display: none;
    }

}

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

    /* Convert New and Featured Products to a 4 square grid */
    .algae-lab-single:last-child {
        display: -ms-grid;
        display: grid;
    }

    .subfooter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

}



@media only screen and (max-width: 768px) {
    /* Convert New and Featured Products to a 4 square grid */


}


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

    /* Convert New and Featured Products to a 4 square grid */
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.65em;
    }

}

.mobileBanner {
    display: none;
}

.algaeLabContent div.explore {
    margin-top: 30px;
}

@media(max-width: 420px) {

    .mobileBanner {
        display: block;
    }

    .algaelabMobile {
        display: block;
    }

    .desktopBanner {
        display: none;
    }

    .shopNow {
        height: inherit;
        padding: 5px 10px;
        left: 27%;
        line-height: inherit;
        top: 80px;
        right: 22%;
        font-size: 1.4em;
        width: 180px;
        text-align: center;
        color: #FFF;
    }

    .bannerButton {
        top: 7px;
        
    }
    
    
    table.shop_table tbody {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    ul#shipping_method {
        clear:left;
    }
    
    






   
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.9em;
        font-size: 4.5vw;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.5em;
        padding-top:0px;
        font-size: 3.5vw;
        
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 6.5vw;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 8.5vw;
        line-height: .9em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }    



    .bannerText {
        font-size: 1.2em;
        text-align: center;
        bottom: 10px;

        
    }


    .newNfeaturedSec {
        display: none;
    }

    .box {
        max-width: 420px;
    }

    .box2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background: #FFF;
    }

    .box3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        background: #FFF;
    }

    .box1 {
        background: #f4f6f7;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .need-tank-h1 {
        font-size: 1.5em;
        color: #104C8D;
        background: #FFF;
        padding-top: 10px;
    }

    .need-tank-wrapper {
        background: #FFF;

    }

    .algaeLabbg {
        border-top: 5px solid #323232;
        height: inherit;
    }


    .algaeLabContent h3 {
        padding-bottom: 20px;
        width: 100%;
    }

    .algaeLabContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .algaeLabContent div.ourTeamWork {
        padding-left: 10%;
        padding-right: 10%;
        text-align: center;
        padding-top: 30px;
        width: 100%;

    }

    .algaeLabContent a {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 80%;
        text-align: center;
    }

    .algaeLabContent div.explore .content-button {
        padding: 10px 25px;
    }



    .algaeLabContent div.explore {
        margin-top: 30px;

        width: 100%;
        height: 80px;
        padding-top: 16px;
        border-bottom: 5px solid #323232;
    }


    .needtank-title {
        color: #104C8D;
    }

    .needtank-content {
        color: #000;
    }

    .catWrap {
        display: none;
    }




}

/* HEADER */


#masthead {
    position: fixed !important;
    width: 100%;
}

.site-content {
    padding-top: 86px;
}






/* main */

    
    .spacebottom {
        padding: 2px;
    }

    
    /* Mobile Menu */


    .fade-in {
        animation: fadeIn ease 0.5s;
        -webkit-animation: fadeIn ease 0.5s;
        -moz-animation: fadeIn ease 0.5s;
        -o-animation: fadeIn ease 0.5s;
        -ms-animation: fadeIn ease 0.5s;
    }

    #mobile-hamburger {
        cursor: pointer;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }


    .product-search-results-content {
        height: 100% !important;
        position: fixed !important;
        right: 0;
        width: 400px !important;
    }


    a.xoo-wsc-ft-btn {
        text-transform: uppercase;
        font-weight: 700;
        border-radius: 5px;
        font-size: 1.2em;

    }

.xoo-wsc-header {
    background: linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    color:#FFF;
    font-weight: 800;
    text-transform: uppercase;
    
}

.xoo-wsc-sum-col a {
    font-weight: 700;
    
}

    .mhm-r-si-split-e {
        display: none;
    }

    .abM-mobile {
        background: -o-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
        background: linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
        width: 100%;
        height: 52px;
    }

    .m-left {
        display: none;
    }

    .mhm-r-menu {
        display: none;
        right: 0px;
        height: 100%;
        max-width: 400px;
        width: 85%;
        z-index: 999;
        -webkit-box-shadow: 0 8px 24px -5px #000;
                box-shadow: 0 8px 24px -5px #000;
        position: absolute;
    }






    @media screen and (min-width:320px) {
        .mhm-r-si-split-e {
            display: block;
        }



    }

    .AB-header {
        height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    div.ab-main-menu {
        margin-top: auto;
        margin-bottom: auto;
    }

    li.clams {
        background: url(https://www.algaebarn.com/wp-content/uploads/2019/01/ultra-maxima-2-600x333.jpg);
        -o-object-position: center;
           object-position: center;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .mcdInverts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 250px 250px;
        grid-template-rows: 250px 250px;
    }

    .mcdInverts > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mcdInverts > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .mcdInverts > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .mcdInverts > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }


    .contact-content {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        color: #0a4592;
    }

    .contact-title {
        display: block;
        text-align: center;
        line-height: 1em;
        font-weight: 700;
    }

    .contact-text {
        text-align: center;
        display: block;
    }


    .mhm-right {}

    /* Mega Menu Redo */
    .abM {
        background: -o-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
        background: linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
        height: 100px;
        display: none;
    }


    .abMM {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: auto 30px;
        width: 100%;

    }

    nav.abMM-l {
        display: -ms-grid;
        display: grid;
        list-style: none;
        -ms-grid-columns: auto 30px auto 30px auto 30px auto 30px auto 30px auto;
        grid-template-columns: repeat(6, auto);
        text-align: center;
        text-transform: uppercase;
        grid-column-gap: 30px;
    }


    nav.abM-mobile-m {
        display: -ms-grid;
        display: grid;
        list-style: none;
        -ms-grid-columns: auto 30px auto;
        grid-template-columns: repeat(2, auto);
        text-align: center;
        text-transform: uppercase;
        grid-column-gap: 30px;
        height: 52px;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0px 10px;
    }

    nav.abM-mobile-m>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
            align-self: center;
        margin-left: 10px;
    }



    nav.abMM-l>a {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        color: #efefef;
        font-size: 1.2em;
        font-weight: 900;
        text-shadow: 1px 2px 1px rgba(0, 0, 0, .8);
    }

    nav.abMM-l>a:hover {
        cursor: pointer;
    }


    .podJarBanner {
        margin-top: 0px;
    }

    nav.abMM-l #freeGuar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: 1em;
        font-weight: 900;
    }

    #freeship {
        line-height: 17px;
        font-weight: 700;
        color: #3abb75;
    }

    #freeship span {
        font-weight: 900;
        font-size: 1.2em;
    }

    #guaranteed {
        line-height: 17px;
        font-size: 1.1em;
    }

    nav.abMM-r {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 15px 80px 15px 80px;
        grid-template-columns: 1fr 80px 80px;
        list-style: none;
        text-align: center;
        grid-column-gap: 15px;
        width: 40%;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
    }

    nav.abMM-r>a {
        -ms-flex-item-align: end;
            -ms-grid-row-align: end;
            align-self: end;
        font-size: 1em;
        color: #FFF;
        font-weight: 700;
        padding: 0px;
        text-transform: uppercase;
        text-shadow: 1px 2px 1px rgba(0, 0, 0, .8);
        letter-spacing: 0.1px;
    }





    nav.abMM-r>a:hover {
        cursor: pointer;
    }

    nav.abMM-r img {
        height: 30px;
    }

    #cart img {
        margin-left: -6px;
    }

    .mcartText {
        font-size: 12px;
        font-weight: 900;
        color: #FFF;
        line-height: 5px;
    }

    #mCart,
    #mSearch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #mCart .xoo-wsc-sc-cont {
        height: 30px;
        width: 30px;
    }

    #mSearch img {
        height: 30px;
        width: 30px;
        padding: 3px;
        margin: 0px auto;
    }

    #mSearch {
        padding-right: 18px;
    }





    /* Shop Menu */
    .mhm-l-menu-shop {
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        overflow: hidden;
        position: absolute;
        /*Mobile*/
        height: 100%;
        left: 0px;
        width: 100%;
    }

    .mhm-l-m-s-l {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-shadow: 2px 0px 10px -7px #000;
                box-shadow: 2px 0px 10px -7px #000;
        z-index: 999;

        /*Mobile*/
        width: 100%;
        background: #FFF;
        padding: 0px 12px;


    }

    .mhm-l-m-s-r {
        display: none;
    }

    .mhm-l-m-s-l div {
        padding: 10px 10px 10px 15px;
        font-size: 1.2em;
        color: #0a4492;
        font-weight: 900;
        text-transform: uppercase;
        border-bottom: 1px solid gray;
    }

    .mhm-l-m-s-l-main {
        font-weight: 900;
        font-size: 1.1em;
    }
    
    .abM-mobile-pop-container {
        max-height: calc(100vh - 52px);
        max-width: 450px;
        width:100%;
        position: absolute;
        display:none;
        overflow-y: auto;
        height: calc(100vh - 52px);
        z-index: 1;
    }

    .abM-mobile-pop {
        display: flex;
        position: absolute;
        width: 100%;
        max-width: 450px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-height: auto;
        overflow-y: auto;
        border-right: 2px #afb9b7 solid;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }



    .abM-mobile-pop-shop-title {
        background-color: #FFF;
        color: #0a4492;
        font-weight: 900;
        border-bottom: 2px #afb9b7 solid;
        font-size: 14px;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        cursor: pointer;

    }


    .abM-mobile-pop-shop-title .see-all, .abM-mobile-pop-main .see-all {
        border: 1px solid #0a4492;
        align-self: center;
        background: linear-gradient(90deg, rgb(6, 74, 143)0%, rgb(3, 67, 101) 100%);
        border-radius: 5px;
        color:#FFF;
        font-weight: 800;
        font-size: 12px;
        padding: 2px 10px;
        display: none;
    }

    .abM-mobile-pop>div {
        background-color: #f5f7f7;
        color: #0a4492;
        font-weight: 900;
        border-bottom: 2px #afb9b7 solid;
        font-size: 14px;
        padding: 15px 20px;
        text-transform: uppercase;
        position: relative;
        min-height: 58px;
    }

    .abM-mobile-pop-shop {
        padding: 0px !important;
        display: none;
    }

    .abM-mobile-m-r {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-right: 15px;
        padding-bottom: 5px;

    }

    .abM-mobile-pop-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .abM-mobile-pop-main a {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
    }

    .abM-mobile-pop-main img {
        width: 80%;
        text-align: right;
    }


    .abM-mobile-pop-shop-sub {
        display: none;
        color: #0a4492;
        font-weight: 900;
        border-bottom: 2px #afb9b7 solid;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .abM-mobile-pop-shop .abM-mobile-pop-shop-title:last-child {
        border-bottom: 0px;

    }

    .abM-mobile-pop-shop-title span:nth-child(3) {
        -webkit-box-flex: 99;
            -ms-flex-positive: 99;
                flex-grow: 99;
        text-align: right;
        padding: 20px 20px 20px 40px;
        -ms-flex-item-align: center;
            align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .abM-mobile-pop-shop-title span:nth-child(1) {
        padding: 20px 20px 20px 40px;
    }


    .abM-mobile-pop-shop-sub a {
        display: block;
        background-color: #f5f7f7;
        color: #0a4492;
        font-weight: 900;
        border-bottom: 2px #afb9b7 solid;
        font-size: 14px;
        padding: 20px 20px 20px 60px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .abM-mobile-pop-shop-sub a:last-child {
        border-bottom: 0px;
    }


    /* Right Hand Menu Activated - SuperOverlay */
    .superOverlay {
        display: none;
        position: absolute;
    }


    .bar1,
    .bar2,
    .bar3 {
        width: 25px;
        height: 2px;
        background-color: #FFF;
        margin: 4px 0px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

    .grid {
        display: -ms-grid !important;
        display: grid !important;
    }

    .flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }


    .block {
        display: block !important;
    }
    
    .fixed {
        position: fixed;
    }

    .rotate {
        -webkit-transform: rotate(360deg) !important;
            -ms-transform: rotate(360deg) !important;
                transform: rotate(360deg) !important;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    .main-shop {
        padding-right: 20px;
    }

    #abM-mobile-pop-1 .see-all {
        display: none;
    }

    #abM-mobile-pop-1 {
        justify-content: flex-start;
        
    }

.arrow-down {
    display: flex;
    flex-grow: 99;
    justify-content: flex-end;
    align-self: center;
}

    #abM-mobile-pop-1 .arrow-down {
        flex-grow: 99;
        display:flex;
        align-self: center;
        justify-content: flex-end;
    }

    #abM-mobile-pop-1 .arrow-down img {
      height: 20px;
      width: 20px;
    }

    .abM-mobile-pop-deals,
    .abM-mobile-pop-learn,
    .abM-mobile-pop-contact,
    .abM-mobile-pop-login {
        display: none;
        padding: 0px !important;
    }

    .abM-mobile-pop-deals a,
    .abM-mobile-pop-learn a,
    .abM-mobile-pop-contact a,
    .abM-mobile-pop-login a {
        padding: 20px 20px 20px 40px;
        border-bottom: 2px #afb9b7 solid;
        background: #FFF;
        color: #0a4492;
        height:68px;
        position: relative;
        display: block;

    }

    #abM-mobile-pop-1,
    #abM-mobile-pop-2,
    #abM-mobile-pop-3,
    #abM-mobile-pop-4,
    #abM-mobile-pop-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #abM-mobile-pop-0 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 6px 12px 12px 12px;
        text-align: center;
        color: #FFF;
        background: -o-linear-gradient(283deg, rgba(6, 74, 143, 1) 0%, rgba(3, 67, 101, 1) 100%);
        background: linear-gradient(167deg, rgba(6, 74, 143, 1) 0%, rgba(3, 67, 101, 1) 100%);
    }

    #abM-mobile-pop-0 span:nth-child(2) {
        line-height: 8px;
    }

    #abM-mobile-pop-0 span:nth-child(1) {
        line-height: 23px;
    }


    #abM-mobile-pop-2 span:nth-child(2),
    #abM-mobile-pop-3 span:nth-child(2),
    #abM-mobile-pop-4 span:nth-child(2),
    #abM-mobile-pop-5 span:nth-child(2) {
        -webkit-box-flex: 99;
            -ms-flex-positive: 99;
                flex-grow: 99;
        text-align: right;
        -ms-flex-item-align: center;
            align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .abM-mobile-pop-login a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }


    .superOverlay>.superOverlayCont>div {
        display: none;
    }

    #mSearchBar {
        display: none;
        padding: 6px 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-pack: distribute;
            justify-content: space-around;

    }

    #mSearchBar #product-search-field-1 {
        border-radius: 30px;
    }

    .hidden {
        display: none !important;
    }
    
    #mSearchBar #product-search-1 {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
    
    .mSearchBarClose {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0px 10px;
    }


    @media screen and (min-width:1260px) {

        #mSearchBar {
            display: block;
        }

        .abM-mobile-pop {
            display: none;
        }

        .abM-mobile-pop-shop {
            display: none;
        }


        .mhm-l-menu-shop {
            height: auto;
            left: 20px;
            width: auto;
            border-radius: 8px;

        }

        .notificationBanner {
            display: none;
        }

        .product-template-default #primary {
            margin: 2.3em 0 4em 0 !important;
        }

        .abM-mobile {
            display: none;
        }

        .abM {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-shadow: 2px 3px 10px -7px #000;
                    box-shadow: 2px 3px 10px -7px #000;
        }

        .mhm-l-m-s-l {
            width: 250px;
            background: #39bb75;
            padding: 0px;
        }

        .mhm-l-m-s-l-main {
            display: none;
        }

        .mhm-l-m-s-l div {
            color: #FFF;
            border-bottom: 0px solid gray;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

        .mhm-l-m-s-l div:hover {
            padding-left: 25px;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            cursor: pointer;
        }

        .mhm-l-m-s-l div a {

            text-align: left;
            color: #FFF;
        }

        .mhm-l-m-s-l .shop-vm {
            color: #FFF;
            text-align: right;
            padding: 5px 10px;
            font-size: 0.8em;

        }

        .show-vm {
            display: block !important;
            margin-bottom: -15px;
            -webkit-transition: 1s;
            -o-transition: 1s;
            transition: 1s;
            left: 0;

        }




        .mhm-l-m-s-r {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            overflow: hidden;
            width: 1000px;
            background: #FFF;
            height: 600px;
            z-index: 2;
        }


        .mhm-l-m-s-r-ult,
        .mhm-l-m-s-r-macro,
        .mhm-l-m-s-r-fish,
        .mhm-l-m-s-r-invert,
        .mhm-l-m-s-r-coral {
            width: 1000px;
            background: #FFF;
            height: 600px;
            position: absolute;
            top: 600px;
            display: -ms-grid;
            display: grid;
        }

        .mhm-l-m-s-r-live ul li {
            margin-left: 20px;
        }

        .mhm-l-m-s-r-live ul li:last-child {
            margin-left: 10px;
        }


        .mhm-l-menu-shop>.mhm-l-m-s-r>div>ul {
            margin: 0px;
            list-style: none;
        }

        .mhm-l-m-s-r-ult {
            top: 0px;
            padding-top: 10px;
            grid-template-rows: 40px 1fr 1fr;
            grid-template-columns: repeat(3, 1fr);
        }


        .mhm-l-m-s-r-ult-urp {}
        .mhm-l-m-s-r-ult-prod {
            display:grid;
            grid-template-rows: 230px 1fr;
            width: 250px;
            text-align: center;
            text-transform: uppercase;
            font-weight: 900;
            font-size: 1.1em;
            color: #0a4592;
            cursor: pointer;
            justify-content: center;
        }
        
        
        
        .mhm-l-m-s-r-ult-prod img {
            width:250px;
            align-self: center;
        }

        
        



        .mhm-l-m-s-r-live-c,
        .mhm-l-m-s-r-macro-c,
        .mhm-l-m-s-r-addBact-c,
        .mhm-l-m-s-r-aquSup-c,
        .mhm-l-m-s-r-inv-c {
            display: -ms-grid;
            display: grid;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-grid-rows: 30px 160px 30px;
            grid-template-rows: 30px 160px 30px;
        }
        
        .mhm-l-m-s-r-macro-c {
            grid-row:2;
        }

        .mhm-l-m-s-r-live-c>div,
        .mhm-l-m-s-r-fish-c>div,
        .mhm-l-m-s-r-inv-c>div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-left: 20px;
        }

        .mhm-l-m-s-r-live-c>div>a,
        .mhm-l-m-s-r-macro-c>div>a,
        .mhm-l-m-s-r-addBact-c>div>a,
        .mhm-l-m-s-r-aquSup-c>div>a,
        .mhm-l-m-s-r-fish-c>div>a,
        .mhm-l-m-s-r-inv-c>div>a {
            font-size: 1.1em;
            text-transform: uppercase;
            font-weight: 700;
            color: #454b4c;
        }

        .mhm-l-m-s-r-macro-c>div>a {
            min-width: 250px;
        }


        .mhm-l-m-s-r-live-c>div>a:hover,
        .mhm-l-m-s-r-macro-c>div>a:hover,
        .mhm-l-m-s-r-addBact-c>div>a:hover,
        .mhm-l-m-s-r-aquSup-c>div>a:hover,
        .mhm-l-m-s-r-inv-c>div>a:hover,
        .mhm-l-m-s-r-fish-c>div>a:hover {
            color: #0a4592;
        }

        .mhm-l-m-s-r-live-b {
            -ms-grid-column: 1;
            -ms-grid-column-span: 4;
            grid-column: 1/5;
            height: 300px;
            margin-left: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;

        }

        .mhm-l-m-s-r-live-b h2 {
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-column: 1/3;
            text-transform: uppercase;
            font-size: 1.45em;
            font-weight: 800;
            color: #0a4592;
            line-height: 1.3;
            border-bottom: 1px solid #0a4592;
            height: 34px;
            margin-right: 10px;
        }

        .mhm-l-m-s-r-title {
            text-transform: uppercase;
            font-size: 2em;
            font-weight: 800;
            color: #0a4592;
            line-height: 1.3;
            border-bottom: 1px solid #0a4592;
            height: 35px;
            margin-right: 10px;
            width: 100%;
            margin-left: 10px;
            grid-column: 1/-1;
            margin-bottom: 0px !important;
            z-index: 2;
        }
        
        .mhm-l-m-s-r-title a {
            color: #0a4592;
        }

        .mhm-l-m-s-r-live-b-p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-pack: distribute;
                justify-content: space-around;
            width: 100%;
            margin: 10px 0;

        }


        .mhm-l-m-s-r-macro {
            -ms-grid-columns: 2fr 1.5fr;
            grid-template-columns: 2fr 1.5fr;
            padding-top: 10px;
            display: -ms-grid;
            display: grid;
        }

        .mhm-l-m-s-r-macro-c>div,
        .mhm-l-m-s-r-addBact-c>div,
        .mhm-l-m-s-r-aquSup-c>div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-left: 20px;
            max-height: 200px;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }

        .mhm-l-m-s-r-macro-b {
            -ms-grid-column: 1;
            -ms-grid-column-span: 4;
            grid-column: 1/5;
            height: 200px;
            margin-left: 10px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 2fr 1fr;
            grid-template-columns: 2fr 1fr;
            margin-top: 10px;

        }

        .mhm-l-m-s-r-macro-b h2 {
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-column: 1/3;
            text-transform: uppercase;
            font-size: 1.45em;
            font-weight: 800;
        }

        .mhm-l-m-s-r-macro-b-p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }


        .mhm-l-m-s-r-fish,
        .mhm-l-m-s-r-coral,
        .mhm-l-m-s-r-invert {
            -ms-grid-columns: (1fr)[4];
            grid-template-columns: repeat(4, 1fr);
            -ms-grid-rows: 50px (1fr)[3];
            grid-template-rows: 50px repeat(3, 1fr);
            padding: 10px 0px;
            top: 600px;
        }


        .mhm-l-m-s-r-fish > *:nth-child(1), .mhm-l-m-s-r-coral > *:nth-child(1), .mhm-l-m-s-r-invert > *:nth-child(1) {
                -ms-grid-row: 1;
                -ms-grid-column: 1;
        }


        .mhm-l-m-s-r-fish > *:nth-child(2), .mhm-l-m-s-r-coral > *:nth-child(2), .mhm-l-m-s-r-invert > *:nth-child(2) {
                -ms-grid-row: 1;
                -ms-grid-column: 2;
        }


        .mhm-l-m-s-r-fish > *:nth-child(3), .mhm-l-m-s-r-coral > *:nth-child(3), .mhm-l-m-s-r-invert > *:nth-child(3) {
                -ms-grid-row: 1;
                -ms-grid-column: 3;
        }


        .mhm-l-m-s-r-fish > *:nth-child(4), .mhm-l-m-s-r-coral > *:nth-child(4), .mhm-l-m-s-r-invert > *:nth-child(4) {
                -ms-grid-row: 1;
                -ms-grid-column: 4;
        }


        .mhm-l-m-s-r-fish > *:nth-child(5), .mhm-l-m-s-r-coral > *:nth-child(5), .mhm-l-m-s-r-invert > *:nth-child(5) {
                -ms-grid-row: 2;
                -ms-grid-column: 1;
        }


        .mhm-l-m-s-r-fish > *:nth-child(6), .mhm-l-m-s-r-coral > *:nth-child(6), .mhm-l-m-s-r-invert > *:nth-child(6) {
                -ms-grid-row: 2;
                -ms-grid-column: 2;
        }


        .mhm-l-m-s-r-fish > *:nth-child(7), .mhm-l-m-s-r-coral > *:nth-child(7), .mhm-l-m-s-r-invert > *:nth-child(7) {
                -ms-grid-row: 2;
                -ms-grid-column: 3;
        }


        .mhm-l-m-s-r-fish > *:nth-child(8), .mhm-l-m-s-r-coral > *:nth-child(8), .mhm-l-m-s-r-invert > *:nth-child(8) {
                -ms-grid-row: 2;
                -ms-grid-column: 4;
        }


        .mhm-l-m-s-r-fish > *:nth-child(9), .mhm-l-m-s-r-coral > *:nth-child(9), .mhm-l-m-s-r-invert > *:nth-child(9) {
                -ms-grid-row: 3;
                -ms-grid-column: 1;
        }


        .mhm-l-m-s-r-fish > *:nth-child(10), .mhm-l-m-s-r-coral > *:nth-child(10), .mhm-l-m-s-r-invert > *:nth-child(10) {
                -ms-grid-row: 3;
                -ms-grid-column: 2;
        }


        .mhm-l-m-s-r-fish > *:nth-child(11), .mhm-l-m-s-r-coral > *:nth-child(11), .mhm-l-m-s-r-invert > *:nth-child(11) {
                -ms-grid-row: 3;
                -ms-grid-column: 3;
        }


        .mhm-l-m-s-r-fish > *:nth-child(12), .mhm-l-m-s-r-coral > *:nth-child(12), .mhm-l-m-s-r-invert > *:nth-child(12) {
                -ms-grid-row: 3;
                -ms-grid-column: 4;
        }


        .mhm-l-m-s-r-fish > *:nth-child(13), .mhm-l-m-s-r-coral > *:nth-child(13), .mhm-l-m-s-r-invert > *:nth-child(13) {
                -ms-grid-row: 4;
                -ms-grid-column: 1;
        }


        .mhm-l-m-s-r-fish > *:nth-child(14), .mhm-l-m-s-r-coral > *:nth-child(14), .mhm-l-m-s-r-invert > *:nth-child(14) {
                -ms-grid-row: 4;
                -ms-grid-column: 2;
        }


        .mhm-l-m-s-r-fish > *:nth-child(15), .mhm-l-m-s-r-coral > *:nth-child(15), .mhm-l-m-s-r-invert > *:nth-child(15) {
                -ms-grid-row: 4;
                -ms-grid-column: 3;
        }


        .mhm-l-m-s-r-fish > *:nth-child(16), .mhm-l-m-s-r-coral > *:nth-child(16), .mhm-l-m-s-r-invert > *:nth-child(16) {
                -ms-grid-row: 4;
                -ms-grid-column: 4;
        }

        .mhm-l-m-s-r-invert .mhm-l-m-s-r-live-b,
        .mhm-l-m-s-r-coral .mhm-l-m-s-r-live-b {
            padding-top: 10px;
        }


        .mhm-l-m-s-r-fish-c {
            display: -ms-grid;
            display: grid;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -ms-grid-rows: 30px 1fr 30px;
            grid-template-rows: 30px 1fr 30px;
        }

        .mhm-l-m-s-r-fish-c-last {
            -ms-grid-row: 2;
            -ms-grid-row-span: 2;
            grid-row: 2/4;
            -ms-grid-column: 4;
            grid-column: 4;
            -ms-grid-rows: 30px 1fr 30px;
            grid-template-rows: 30px 1fr 30px;
        }

        .mhm-l-m-s-r-fish>h2 {}


        .mhm-l-m-s-r-live,
        .mhm-l-m-s-r-aquSup,
        .mhm-l-m-s-r-addBact {
            padding-top: 10px;
            top: 600px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            width: 1000px;
            background: #FFF;
            height: 600px;
            position: absolute;
            z-index: 99;
        }
    }


        /* Mobile Generic */
        .mhm-l-menu-generic {
            position: absolute;
            max-width: 400px;
            width: 100%;
            height: auto;
            background: #FFF;
            z-index: 99;
            border-radius: 8px;
        }


        /* Mobile Contact */
        .mhm-l-menu-contact {
            left: 0px;
            display: none;
        }

        .contact-img {
            -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            text-align: left;
            width: 85px;
            height: 63px;
        }

        .mhm-l-menu-contact-content {
            padding: 10px;
            height: 100%;
            overflow: auto;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            grid-row-gap: 5px;
            -ms-grid-rows: 20px 5px auto 5px auto 5px auto 5px auto 5px auto 5px auto;
            grid-template-rows: 20px repeat(6, auto);
        }

        .mhm-l-menu-contact-content a:hover {
            cursor: pointer;
        }

        .mhm-l-menu-contact-content > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-contact-content > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-contact-content > *:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-contact-content > *:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-contact-content > *:nth-child(5) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-contact-content > *:nth-child(6) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-contact-content > *:nth-child(7) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
        }

        .contact-img img {
            width: 60px;
            height: 60px;
        }

        .mhm-l-menu-generic h2,
        .mhm-r-menu h2 {
            font-size: 1.2em;
            font-weight: 800;
            color: #0a4592;
            text-align: center;
            text-transform: uppercase;
        }


        .mhm-l-menu-contact a,
        .mhm-l-menu-learn a {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 3fr;
            grid-template-columns: 1fr 3fr;
            border-radius: 7px;
            background: #efefef;
            padding: 10px;
            height: 80px;
        }

        .mhm-l-menu-contact a:hover,
        .mhm-l-menu-deals-content a:hover,
        .mhm-l-menu-learn-content a:hover {
            background: #FFF;
        }



        ul.mega-contact li div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 0px 5px;
        }


        /* Desktop Contact */
        @media screen and (min-width:1260px) {
            .mhm-l-menu-contact {
                left: 250px;
            }

            .mobile {
                display: none;
            }

            .mhm-l-menu-contact-content {
                padding: 20px;
                grid-row-gap: 10px;
                height: auto;
            }

            .contact-img {
                text-align: center;
            }

            .contact-img img {
                width: 60px;
                height: 60px;
            }

            .minimore img {
                width: 50px;
                height: 50px;
                margin-top: 5px;
            }

            .mhm-l-menu-deals-content .contact-img {
                height: 50px;
            }

            .mhm-l-menu-deals-content .contact-img img {
                width: 50px;
                height: 50px;
            }



            .mhm-l-menu-contact a {
                height: 80px;
            }

            #searchBar {
                width: 100%;
                -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                    align-self: center;
            }

            #product-search-field-0 {
                border-radius: 30px;
            }

            #product-search-results-0 {
                top: 30px;
            }

            .search-results a {
                text-shadow: none;
                color: #114b8e;
            }

            .search-results img.thumbnail {
                height: 128px;
            }

            .search-results .title,
            .search-results .description,
            .search-results .price,
            .search-results .wps_add_to_cart {
                text-align: center;

            }

            .wps_add_to_cart #shopMore {
                color: #FFF;
            }

        }







        /* Deals Menu */
        .mhm-l-menu-deals {
            left: 50px;
            display: none;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            overflow: hidden;
            position: absolute;
            z-index: 999;
            background: #FFF;
            border-radius: 8px;
        }

        .mhm-l-menu-deals-content {
            padding: 20px;
            grid-row-gap: 10px;
            height: auto;
            overflow: auto;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -ms-grid-rows: 20px 10px auto 10px auto 10px auto 10px auto;
            grid-template-rows: 20px repeat(4, auto);
        }

        .mhm-l-menu-deals-content > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-deals-content > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-deals-content > *:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-deals-content > *:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-deals-content > *:nth-child(5) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
        }


        .mhm-l-menu-deals-content a {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 3fr;
            grid-template-columns: 1fr 3fr;
            border-radius: 7px;
            background: #efefef;
            padding: 10px;
            height: 80px;
        }





        /* Learn Menu */

        .mhm-l-menu-learn {
            left: 140px;
            display: none;
            position: absolute;
            height: auto;
            background: #FFF;
            z-index: 999;
            border-radius: 8px;
        }


        .mhm-l-menu-learn-content {
            padding: 20px;
            grid-row-gap: 10px;
            height: auto;
            overflow: auto;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            -ms-grid-rows: 20px 10px auto 10px auto 10px auto;
            grid-template-rows: 20px repeat(3, auto);
        }


        .mhm-l-menu-learn-content > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        }


        .mhm-l-menu-learn-content > *:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        }


        .mhm-l-menu-learn-content > *:nth-child(3) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        }


        .mhm-l-menu-learn-content > *:nth-child(4) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        }

        .mhm-l-menu-deals-content a {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 3fr;
            grid-template-columns: 1fr 3fr;
            border-radius: 7px;
            background: #efefef;
            padding: 10px;
            height: 80px;
        }


        .mhm-l-menu-learn-content-FAQ {
            display: none;
        }

        .mhm-l-menu-learn-content-about {
            display: none;
        }

        .mhm-l-menu-learn-content-white {
            display: none;
        }

        .mhm-l-menu-learn-content-policies {
            display: none;
        }








        .superOverlayCont {
            position: fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin-top: 100px;
            background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
        }


        /* Right Hand Menu - Triggered by Clicking Sign In */
        .mhm-r-gray {
            width: 1000000px;
            height: 1000000px;
            z-index: 1;
            position: absolute;
            display: block;
        }

        .mhm-r-menu {
            display: none;
            right: 0px;
            height: 100%;
            max-width: 400px;
            width: 85%;
            z-index: 999;
            -webkit-box-shadow: 0 8px 24px -5px #000;
                    box-shadow: 0 8px 24px -5px #000;
            position: absolute;
        }


        .mhm-r-signin-padding {
            padding: 10px 12px;
            ;
            display: -webkit-box;
            ;
            display: -ms-flexbox;
            ;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

        .mhm-r-signin,
        .mhm-r-login {
            background: #FFF;
            list-style: none;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 700;
            height: 100%;
            width: 100%;
            margin: 0px;
        }

        .mhm-r-signin a {
            cursor: pointer;
        }



        .mhm-r-login {
            display: none;
        }

        .mhm-r-login-cont {
            padding-top: 10px;

        }

        .mhm-r-login-create {
            margin: 0px 15px;
            text-align: center;
            border: 1px solid gray;
            display: block;
            z-index: 999;
        }
    
    .mhm-r-login-create:hover {
        cursor: pointer;
    }

        .mhm-r-login-create div {
            padding: 10px;
        }


        .mhm-r-login form {
            padding: 0 15px;
        }

        .mhm-r-signin a {
            border-bottom: 1px solid gray;
            padding: 7px;
        }



        .mhm-r-login #loginform .login-username label,
        .mhm-r-login #loginform .login-password label {
            position: relative;
            top: 14px;
            margin-left: 10px;
            font-size: 12px;
            background: #FFF;

        }

        .mhm-r-login #loginform .login-username,
        .mhm-r-login #loginform .login-password {
            margin-bottom: 0px;
        }


        .mhm-r-login #loginform .login-username input,
        .mhm-r-login #loginform .login-password input {
            width: 100%;
        }

        .mhm-r-login #loginform .login-submit input#wp-submit {
            width: 100%;
        }

        .mhm-r-login #loginform .login-remember {
            margin: 1em 0px;
        }

        .mhm-r-login #loginform .login-remember input {
            margin-right: 3px;
        }

        .mhm-r-login .oneall_social_login {
            height: 125px;
            overflow: hidden;
        }

        .mhm-r-login .oneall_social_login_label {
            text-align: center;
        }



        .mhm-r-si-split {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }



        .mhm-r-close {
            border-bottom: 1px solid gray;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 7px 15px;

        }
    
    .mhm-r-close:hover {
        cursor: pointer;
    }
    
    .login-remember:hover {
        cursor: pointer;
    }

        .mhm-r-back {
            margin-top: 80px;
            border-bottom: 1px solid gray;
            border-top: 1px solid gray;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 7px 15px;
        }
    
        .mhm-r-back:hover {
            cursor: pointer;
        }




        .mcdFish-seeall {
            text-transform: uppercase;
            font-size: 12pt;
            font-weight: 900;
            margin-left: 10px;
            color: #0a4592;
        }

        .arrowshop,
        .arrowdeals,
        .arrowlearn,
        .arrowcontact {
            border-color: white transparent;
            border-style: solid;
            border-width: 0px 10px 10px 10px;
            height: 0px;
            width: 0px;
            position: absolute;
            top: -10px;
            display: none;
        }

        .arrowdeals {
            left: 238px;

        }

        .arrowshop {
            left: 150px;
            border-color: #39bb75 transparent;
        }

        .arrowlearn {
            left: 328px;
        }

        .arrowcontact {
            left: 435px;
        }

        .arrowBlock {
            display: block;
        }

        .shopSubArrow {
            border-top: 60px solid transparent;
            border-bottom: 60px solid transparent;
            border-right: 60px solid #E1E1E1;
            height: 0px;
            width: 0px;
            position: absolute;
            display: none;
            z-index: 9999;
            left: 260px;
        }


        .shopSubArrow1 {
            top: 16px;
        }

        .shopSubArrow2 {
            top: 69px;
        }

        .shopSubArrow3 {
            top: 123px;
        }

        .shopSubArrow4 {
            top: 177px;
        }

        .shopSubArrow5 {
            top: 230px;
        }

        .shopSubArrow6 {
            top: 282px;
        }

        .shopSubArrow7 {
            top: 336px;
        }

        .shopSubArrow8 {
            top: 388px;
        }


        .freeGuarantee {
            width: 75%;
            height: 95%;
            background: #FFF;
            border-radius: 7px;
            z-index: 9999;
            margin: 1em auto;
            display: none;
            padding: 15px;
            overflow: auto;
            position: absolute;
            left: 0;
            right: 0;
        }


        .shopTop {
            top: 0px;
            z-index: 99;
        }

        .paddingl25 {
            padding-left: 25px !important;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .popularProducts {
            width: 19%;
            display: -ms-grid;
            display: grid;
            -ms-grid-rows: 133px 14px 22px 18px 30px;
            grid-template-rows: 133px 14px 22px 18px 30px;
            padding: 0px 10px
        }

        .popularProducts img {
            width: 133px;
            margin: 0 auto;
            height: 133px;
            -o-object-fit: contain;
               object-fit: contain;
        }

        .popTitle {
            text-align: center;
            font-weight: 700;
            font-size: 1.2em;
            line-height: 0.611em;
            color: #0a4592;
        }

        .popDesc {
            text-align: center;
            font-weight: 600;
            font-size: 1.1em;
            line-height: 1.3em;
            color: #454b4d;
        }

        .popPrice {
            text-align: center;
            color: #0a4592;
            font-size: 0.9em;
            line-height: 1em;
            font-weight: 700;
            height: 16px;
        }

        .popBuy {
            text-align: center;
            color: #FFF;
            border-radius: 8px;
            text-transform: uppercase;
            font-weight: 900;
            height: 30px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
            -webkit-box-shadow: 2px 0px 10px -7px #000;
                    box-shadow: 2px 0px 10px -7px #000;
            background: -o-linear-gradient(283deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
            background: linear-gradient(167deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);

        }



/* end */

.woocommerce-cart-count {
    top: 30px !important;
    right: 3% !important;
    opacity: 0.9;
}

/* hide hamburger */


.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 5px;
    margin: 6px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.visible {
    visibility: visible !important;
}

.ruby-menu-contact:active .contact {
    opacity: 1 !important;
    visibility: visible !important;
}






.AB-header {
    background-size: cover;
    background: rgb(3, 67, 101);
    background: -webkit-linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    background: linear-gradient(167deg, rgba(3, 67, 101, 1) 0%, rgba(6, 74, 143, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034365", endColorstr="#064a8f", GradientType=1);
    width: 100%;
}



/* auto prefixing */
/* responsive */

@media(max-width: 1260px) {



    li {
        list-style: none;
        font-family: proxima-nova, sans-serif !important;
    }

    ul {
        list-style: none;
    }

    /* mobile menu */


    div.ruby-wrapper {
        height: 52px !important;
        padding: 14px 0 10px 0;
        position: relative !important;
    }

    #c-hamberger {
        display: block;
    }

    .homeIcon {
        display: none;
    }



    .homeIcon img {
        height: 20px;
        width: 20px;
    }

    .homeIconText {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-transform: uppercase;
        text-align: center;
        color: #FFF;
        font-weight: 900;
        font-size: 14px;
        padding-left: 10px;
        line-height: 12px;
        letter-spacing: 0.5px;
    }



    /* Hamburger Menu */

    .container {
        display: inline-block;
        cursor: pointer;
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 25px;
        height: 2px;
        background-color: #FFF;
        margin: 4px 0;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

    /* Rotate first bar */
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-5px, -1px);
        -ms-transform: rotate(-45deg) translate(-5px, -1px);
            transform: rotate(-45deg) translate(-5px, -1px);
    }

    /* Fade out the second bar */
    .change .bar2 {
        opacity: 0;
    }

    /* Rotate last bar */
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -5px);
        -ms-transform: rotate(45deg) translate(-8px, -5px);
            transform: rotate(45deg) translate(-8px, -5px);
    }


    .rotated {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -moz-transform: rotate(180deg);
        /* Firefox */
        -webkit-transform: rotate(180deg);
        /* Safari and Chrome */
        -o-transform: rotate(180deg);
        /* Opera */


    }


}

@media(min-width: 1260px)  {

    .site-content {
        padding-top: 67px;
    }

}


@media(min-width: 1000px) and (max-width:1260px) {

    .site-content {
        padding-top: 53px;
    }

}


@media(min-width: 754px) and (max-width:1000px) {

    .site-content {
        padding-top: 93px;
    }

}



@media(min-width: 501px) and (max-width:753px) {

    .site-content {
        padding-top: 86px;
    }

}





@media(min-width: 421px) and (max-width:500px) {
    .site-content {
        padding-top: 81px;
    }

}



/*Aquarium Supplies */

.woocommerce-cart-tab {
    display: none !important;
}



#cartDisplay {
    cursor: pointer;
}


.cartGoodies {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}



/* Learn */

/* White Papers */



.cartGoodies {
    margin-top: 88px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
}

.cg-qual {
    text-align: center;
}


.item1 {
    background-color: #FFF;
}

.addToCart {
    color: #FFF;
    border-radius: 7px;
    padding: 10px 15px 10px 15px;
    background: #40be7e;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
}

.cg-img {
    text-align: center;
}



@media only screen and (max-width: 1100px) {
    #footerInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    #footerInfo div {
        margin-bottom: 15px;
    }

    #footerInfo div:last-child {
        margin-bottom: 0px;
    }

}

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

    .cartIcon {
        display: none;
    }

}

@media only screen and (max-width: 1000px) {
    .dhm_left_desktop {
        display: none;
    }

    .dhm_left_mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

}

@media only screen and (max-width: 420px) {
    .site-content {
        padding-top: 81px;
    }

    #cartMobile {
        text-transform: uppercase;
        color: #FFF;
        font-size: 1.5em;
        font-weight: 900;
    }

    .notificationBanner {
        background: #404343;
        color: #FFF;
        max-width: 420px;
    }

    .satGt {
        color: #FFF;
    }

    .satGt + a {
        color: #23b575;
    }

    #footerInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;

    }

    #footerInfo div {
        margin-bottom: 15px;
    }

    .free23 {
        color: #FFF;
    }

    .free40 {
        color: #FFF;
    }

    .needtank-title {
        font-size: 1.6em;
    }

    .catWrapMobile {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .productCat .homepage-h1 {
        display: none;
    }

    .productCat {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .catWrapMobile-1 {}

    .catBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        text-transform: uppercase;
    }

    .catBox div {
        font-weight: 900;
        line-height: 1.1;
        font-size: 1.4em;
        padding-bottom: 10px;
    }

    .catBox a {
        background: #FFF;
        border-radius: 10px;
        padding: 5px 5px;
        color: #404343;
        width: 135px;
        text-align: center;
        margin: 0px auto;
        font-weight: 900;
        font-size: 1.4em;
    }


    .catWrapMobile-1-1 {
        background-color: #FFF;
        color: #23b575;
    }

    .catWrapMobile-1-1 div {
        line-height: 1.1;

    }

    .catWrapMobile-1-1 a {
        line-height: 1.1;
        background: #22b573;
        color: #FFF;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .catWrapMobile-2 {
        /* background: url(https://www.algaebarn.com/wp-content/uploads/2019/01/Home-Page-Combo-Packs-BG-MOBILE.png); */
        background: rgb(26, 179, 115);
        background: -webkit-linear-gradient(167deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
        background: -webkit-linear-gradient(283deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
        background: -o-linear-gradient(283deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
        background: linear-gradient(167deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ab373", endColorstr="#39b44a", GradientType=1);
        background-size: cover;
        color: #FFF;
    }

    .catWrapMobile-3 {
        /* background: url(https://www.algaebarn.com/wp-content/uploads/2019/01/210-Home-Page-Clean-Macroalgae-BG-MOBILE-2.png); */
        background: rgb(47, 53, 144);
        background: -webkit-linear-gradient(167deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        background: -webkit-linear-gradient(283deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        background: -o-linear-gradient(283deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        background: linear-gradient(167deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3590", endColorstr="#074162", GradientType=1);
        background-size: cover;
        color: #FFF;
    }

    .catWrapMobile-4 {
        /* background: url(https://www.algaebarn.com/wp-content/uploads/2019/01/210-Home-Page-Captive-Bred-Fish-BG-MOBILE-1.png); */
        background: rgb(245, 145, 32);
        background: -webkit-linear-gradient(167deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
        background: -webkit-linear-gradient(283deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
        background: -o-linear-gradient(283deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
        background: linear-gradient(167deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f59120", endColorstr="#f05a27", GradientType=1);
        background-size: cover;
        color: #FFF;
    }

    .catWrapMobile-5 {
        /* background: url(https://www.algaebarn.com/wp-content/uploads/2019/01/graygradient.png); */
        background: rgb(101, 101, 101);
        background: -webkit-linear-gradient(167deg, rgba(101, 101, 101, 1) 0%, rgba(77, 79, 78, 1) 100%);
        background: -webkit-linear-gradient(283deg, rgba(101, 101, 101, 1) 0%, rgba(77, 79, 78, 1) 100%);
        background: -o-linear-gradient(283deg, rgba(101, 101, 101, 1) 0%, rgba(77, 79, 78, 1) 100%);
        background: linear-gradient(167deg, rgba(101, 101, 101, 1) 0%, rgba(77, 79, 78, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#656565", endColorstr="#4d4f4e", GradientType=1);
        background-size: cover;
        color: #FFF;
    }

    .catWrapMobile-6 {
        background: #FFF;
        background-size: cover;
        color: #104C8D;
        text-transform: uppercase;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        text-align: center;
        font-weight: 900;
        font-size: 1.40em;
        line-height: 2.4em;
    }

    .catWrapMobile-7 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;

    }

    .catWrapMobile-8 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-around;
                justify-content: space-evenly;
        padding: 10px 0px;
        /* background: url(https://www.algaebarn.com/wp-content/uploads/2019/01/gradientbgwatchnow.png); */
        background: rgb(47, 53, 144);
        background: -webkit-linear-gradient(167deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        background: -webkit-linear-gradient(283deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        background: -o-linear-gradient(283deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        background: linear-gradient(167deg, rgba(47, 53, 144, 1) 0%, rgba(7, 65, 98, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3590", endColorstr="#074162", GradientType=1);
        background-size: contain;
    }

    .catWrapMobile-8 a {
        font-weight: 900;
        text-transform: uppercase;
        border-radius: 10px;
        padding: 5px 5px;
        width: 160px;
        text-align: center;
        margin: 0px auto;
        font-weight: 900;
        font-size: 1.4em;
        height: 46px;

    }

    .catWrapMobile-8 a:first-child {
        color: #404343;
        background: #FFF;
    }

    .catWrapMobile-8 a:last-child {
        color: #FFF;
        background: #25b574;
    }


    .bottomborder {
        border-bottom: 5px #404343 solid;
    }

    .secFeatured {
        display: none;
    }



}





.ysm-search-widget-1 {
    display: none;

}

.smart-search-results {
    width: 100% !important;
}

.search-field {
    text-align: center;
}

.learnMenu {
    height: 255px;
}

.greenButton {
    padding: 0.6em 3.2em;
    font-size: 1.4em;
    border-radius: 8px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
    background-color: #1FB574;
    border: 0;
    color: #FFF;
}







.bottomMenuContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    background: rgb(26, 179, 115);
    background: -webkit-linear-gradient(167deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
    background: linear-gradient(167deg, rgba(26, 179, 115, 1) 0%, rgba(57, 180, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ab373", endColorstr="#39b44a", GradientType=1);
    background-size: cover;
    background-position: center;

}

.bottomMenuContent div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    color: #FFF;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;

}

.bottomMenuContent a:first-child {
    -webkit-box-flex: 1.2;
        -ms-flex-positive: 1.2;
            flex-grow: 1.2;

}

.bottomMenuContent a {
    padding: 15px 0px 5px 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;

}


.bottomMenuContent a:hover {
    background-color: white;
    color: #21c279;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 10px 5px -3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0px 10px 5px -3px rgba(0, 0, 0, 0.06);


}

.bottomMenuContent a:hover img {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
    -webkit-filter: invert(0%);
            filter: invert(0%);

}

.bottomMenuContent a:hover div {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    color: #21c279;

}

.bottomMenuContent div img {
    margin-left: auto;
    margin-right: auto;
    height: 35px;
    -webkit-filter: invert(100%);
            filter: invert(100%);
    width: 35px;
}

.hideText {
    -webkit-transition: opacity 10s ease-out;
    -o-transition: opacity 10s ease-out;
    transition: opacity 10s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.showText {
    opacity: 1;
    height: auto;
}




@media only screen and (min-width:421px) {
    
.ab_catWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 251px 20px 251px 20px 251px 20px 251px;
    grid-template-columns: repeat(4, 251px);
    text-align: center;
    grid-column-gap: 20px;
    max-width: 1266px;
    margin: 0px auto;
    grid-row-gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

.catWrap1:not(:first-child) {
    width: 251px;
    height: 259px;
    margin: 0 auto;
    text-shadow: 0.5px 0.5px #000;
}

.catWrap1 a {
    text-align: center;

}


.catWrap1a, .catWrap2a {

    color: #FFF;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 900;
    height: 50px;
    padding-top: 8px;
    background-size: cover;
}


.catWrap-plf {
    background: rgb(2, 139, 193);
    background: -webkit-linear-gradient(167deg,rgba(2, 139, 193, 1) 0,rgba(6, 72, 98, 1) 100%);
    background: -webkit-linear-gradient(283deg,rgba(2, 139, 193, 1) 0,rgba(6, 72, 98, 1) 100%);
    background: -o-linear-gradient(283deg,rgba(2, 139, 193, 1) 0,rgba(6, 72, 98, 1) 100%);
    background: linear-gradient(167deg,rgba(2, 139, 193, 1) 0,rgba(6, 72, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#028bc1", endColorstr="#064862", GradientType=1);
}

.catWrap-combo {
    background: rgb(33, 225, 145);
    background: -webkit-linear-gradient(167deg, rgba(33, 225, 145, 1) 0, rgba(37, 149, 53, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(33, 225, 145, 1) 0, rgba(37, 149, 53, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(33, 225, 145, 1) 0, rgba(37, 149, 53, 1) 100%);
    background: linear-gradient(167deg, rgba(33, 225, 145, 1) 0, rgba(37, 149, 53, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21e191", endColorstr="#259535", GradientType=1);
}

.catWrap-macro {
    background: rgb(247, 7, 231);
    background: -webkit-linear-gradient(167deg, rgba(247, 7, 231, 1) 0%, rgba(106, 8, 95, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(247, 7, 231, 1) 0%, rgba(106, 8, 95, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(247, 7, 231, 1) 0%, rgba(106, 8, 95, 1) 100%);
    background: linear-gradient(167deg, rgba(247, 7, 231, 1) 0%, rgba(106, 8, 95, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f707e7", endColorstr="#6a085f", GradientType=1);
}

.catWrap-inverts {
    background: rgb(245, 145, 32);
    background: -webkit-linear-gradient(167deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
    background: -webkit-linear-gradient(283deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
    background: -o-linear-gradient(283deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
    background: linear-gradient(167deg, rgba(245, 145, 32, 1) 0%, rgba(240, 90, 39, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f59120", endColorstr="#f05a27", GradientType=1);
}


.catWrap-fish {
    background: rgb(6, 255, 255);
    background: -webkit-linear-gradient(167deg,rgba(6, 255, 255, 1) 0,rgba(2, 130, 130, 1) 100%);
    background: -webkit-linear-gradient(283deg,rgba(6, 255, 255, 1) 0,rgba(2, 130, 130, 1) 100%);
    background: -o-linear-gradient(283deg,rgba(6, 255, 255, 1) 0,rgba(2, 130, 130, 1) 100%);
    background: linear-gradient(167deg,rgba(6, 255, 255, 1) 0,rgba(2, 130, 130, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06ffff", endColorstr="#028282", GradientType=1);
}

.catWrap-urp {
    background: #FFF;
    background-size: cover;
    color: #20B573;
}

.catWrap-as {
    background: rgb(168, 26, 234);
    background: -webkit-linear-gradient(167deg,rgba(168, 26, 234, 1) 0,rgba(62, 2, 79, 1) 100%);
    background: -webkit-linear-gradient(283deg,rgba(168, 26, 234, 1) 0,rgba(62, 2, 79, 1) 100%);
    background: -o-linear-gradient(283deg,rgba(168, 26, 234, 1) 0,rgba(62, 2, 79, 1) 100%);
    background: linear-gradient(167deg,rgba(168, 26, 234, 1) 0,rgba(62, 2, 79, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a81aea", endColorstr="#4d4f4e", GradientType=1);
}








.catWrap2 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;

}
}

.blog_cta_div {
    text-align: center;
    margin-top:10px;
    margin-bottom:30px;
}



@media only screen and (min-width:2200px) {
    
    .podJarBanner {
     height:460px;   
    margin-top: 33px;
        background: #CCC;
    }  
    
    .bannerText {
        top: 6px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        justify-content: flex-start;
    }
    
    .bannerButton {
        bottom: 30px;
    }
    
    .bannerTextHyphen {
        display: block;
    }
    
    .learnHow {
        padding: 20px 50px;
        font-size: 16pt;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 22px;
    }
    
    .bannerTextForOnly {
        display: none;
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 44px;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 44px;
        text-shadow: 2px 2px 1px #BBB;
        line-height: 0.927em;
    }
    
    
    .bannerTextPrice span {
        font-size: .6em;
        font-weight: 700;
    }
    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
}






@media only screen and (min-width:2030px) and (max-width:2199px) {

    
    .bannerText {
        bottom: 47px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }    
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 1.4em;
        line-height: 0.9em;
    }


}







@media only screen and (min-width:1830px) and (max-width:2199px) {
    
    .podJarBanner {
     height:460px;   
    margin-top: 33px;
    }  
    
    .bannerText {
        bottom: 53px !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }


}


@media only screen and (min-width:1580px) and (max-width:2199px)  {
    
    .podJarBanner {
     height:460px;   
    margin-top: 33px;
    }  
    
    .bannerText {
        bottom: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .bannerButton {
        bottom: 13px;
    }
    .bannerTextHyphen {
        display: block;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.5em;
        font-size: 0.782em;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: .9em;
        padding-top:5px;
        font-size: 0.9em;
    }
    
    .sustEco {
        line-height: 1.154em;
        font-size: 1.154em;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 1.5em;
        line-height: 1em;
    }
    
    
    .bannerTextPrice span {
        font-size: .6em;
        font-weight: 700;
    }
    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
    

}

@media only screen and (min-width:1320px) and (max-width:1579px) {
    
    .podJarBanner {
     height:400px; 
    margin-top: 33px;
    }  
    
    .bannerText {
        bottom: 55px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .bannerButton {
        bottom: 12px;
    }
    .bannerTextHyphen {
        display: block;
    }
    
    .learnHow {
        padding: 10px 20px;
        font-size: 14pt;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 0.782em;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.0em;
        padding-top:0px;
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 1.6em;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 1.5em;
        line-height: 0.927em;
    }
    
    
    .bannerTextPrice span {
        font-size: .6em;
        font-weight: 700;
    }
    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
}


@media only screen and (min-width:1136px) and (max-width:1319px) {
    
    .podJarBanner {
     height:380px;
        margin-top: 33px;
    }  
    
    .bannerText {
        bottom: 43px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .bannerButton {
        bottom: 8px;
    }
    
    .bannerTextHyphen {
        display: block;
    }
    
    .learnHow {
        padding: 8px 20px;
        font-size: 14pt;
    }    
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 0.9em;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.065em;
        padding-top:2px;
        font-size: 1.1em;
        padding-bottom: 2px;
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 29px;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 2em;
        line-height: .9em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }
    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
}

@media only screen and (min-width:1001px) and (max-width:1135px) {
    
    .podJarBanner {
     height:350px;
     margin-top:32px;
    }  
    
}



@media only screen and (min-width:999px) and (max-width:1135px) {
    
    
    .bannerText {
        bottom: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .bannerButton {
        bottom: 8px;
    }
    
    .bannerTextHyphen {
        display: block;
    }
    
    .learnHow {
        padding: 8px 20px;
        font-size: 12pt;
    }   
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 0.9em;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.065em;
        padding-top:2px;
        font-size: 1.1em;
        padding-bottom: 2px;
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 28px;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 2em;
        line-height: .9em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }
    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
}

@media only screen and (min-width:999px) and (max-width:1000px) {
    
    .podJarBanner {
     height:350px;
     margin-top:-8px;
    }  
    
}


@media only screen and (min-width:761px) and (max-width:998px) {
    
    .podJarBanner {
     height:350px;
     margin-top:-8px;
    }  
    
  .bannerText {
        bottom: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    
    .bannerButton {
        bottom: 10px;
    }
    
    .bannerTextHyphen {
        display: block;
    }
    
    .learnHow {
        padding: 8px 20px;
        font-size: 12pt;
    }   
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 0.9em;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.065em;
        padding-top:2px;
        font-size: 1.1em;
        padding-bottom: 2px;
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 25px;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 2em;
        line-height: .9em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }
    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
}

@media only screen and (min-width:761px) and (max-width:875px) {
    
  .bannerText {
        bottom: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 2.4vw;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.065em;
        padding-top:2px;
        font-size: 1.9vw;
        padding-bottom: 2px;
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 3.9vw;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 3.4vw;
        line-height: .9em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }    

    
}


@media only screen and (min-width:601px) and (max-width:760px) {
    
    .podJarBanner {
     height:380px;
     margin-top:-7px;
    }  
    
  .bannerText {
        bottom: 65px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .bannerTextHyphen {
        display: none;
    }
    
    .bannerButton {
        bottom: 15px;
    }
    
    .learnHow {
        padding: 10px 20px;
        font-size: 11pt;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 2.4vw;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.065em;
        padding-top:2px;
        font-size: 1.9vw;
        
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 3.9vw;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 5vw;
        line-height: 1em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }    

    
    .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
    .need-tank-h1 {
        font-size:24pt;
    }
    

}

@media only screen and (min-width:500px) and (max-width:600px) {
    
  .bannerText {
        bottom: 55px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }    

    .learnHow {
        padding: 13px 20px;
        font-size: 11pt;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 3.5vw;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.5em;
        padding-top:2px;
        font-size: 1.9vw;
        
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 5vw;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 7vw;
        line-height: 1em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }    
    
    
    
    
        .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
    .need-tank-h1 {
        font-size:24pt;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media only screen and (min-width:500px) and (max-width:600px) {
    
  .bannerText {
        bottom: 55px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }    

    .learnHow {
        padding: 13px 20px;
        font-size: 11pt;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 3.5vw;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.5em;
        padding-top:2px;
        font-size: 1.9vw;
        
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 4vw;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 5vw;
        line-height: 1em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }    
    
    
    
    
        .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
    .need-tank-h1 {
        font-size:24pt;
    }
    
    
    
}


@media only screen and (min-width:421px) and (max-width:499px) {
    
  .bannerText {
        bottom: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }    

    .learnHow {
        padding: 13px 20px;
        font-size: 11pt;
    }
    
    .bannerTextFreeShipping {
        display: block;
        line-height: 0.817em;
        font-size: 3.5vw;
    }
    
    .bannerTextForOnly {
        display: block;
        line-height: 1.5em;
        padding-top:2px;
        font-size: 2.5vw;
        
    }
    
    .sustEco {
        line-height: 1em;
        font-size: 4vw;
    }
    
    .bannerTextSmallerScreen {
        display: none;
    }
    
    .satGt {
        display: block;
    }
    
    .bannerTextPrice {
        font-weight: 900;
        font-size: 6vw;
        line-height: 1em;
    }
    
    
    .bannerTextPrice span {
        font-size: .5em;
        font-weight: 700;
    }    
    
    
    
    
        .notificationBanner div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 0.8em;
    }
    
    .need-tank-h1 {
        font-size:24pt;
    }
    
    
    
}




@media only screen and (min-width:421px) and (max-width:650px) {
    .bannerText {
        font-size: 1.55em;
    }
    
    .need-tank-h1 {
        font-size:20pt;
    }
}

@media only screen and (min-width:540px) and (max-width:1078px) {
    .ab_catWrap {
        -ms-grid-columns: (251px)[2];
        grid-template-columns: repeat(2,251px);
    }
    
    .catWrap2 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row:2;
        grid-row:2;
    }
}


@media only screen and (min-width:421px) and (max-width:539px) {
    .ab_catWrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 251px;
    }
    
    .catWrap2 {
        -ms-grid-column: 1;
        grid-column: 1;

    }
    
    
    .catWrap-urp {
        font-size:.98em;
    }
    
    .productCat > .homepage-h1 {
        font-size: 24pt;
    }
}

.aquariums-promo {
    display: none;
}

.sand-color {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
}

@media only screen and (min-width:768px) {
    .sand-color {
        padding: 60px;
    }
}

.sand-color-heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media only screen and (min-width:640px) {
    .sand-color-heading {
        font-size: 22px;
    }
}

.sand-color-buttons {
    display:  grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-bottom: 30px;
}

@media only screen and (min-width:640px) {
    .sand-color-buttons {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

.sand-color-button {
    background-color: #fff;
    border-color: #3a3a3a;
    border-radius: 6px;
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    margin: 2px;
    max-width: 85px;
    padding: 17px 0;
}

.sand-color-button--selected {
    background-color: #3a3a3a;
    color: #fff;
}

.sand-color-add {
    border-radius: 6px;
    font-weight: 600;
}

.sand-color-add[disabled] {
    background-color: rgba(249,250,251,1);
    border-color: rgba(58,58,58,0.4);
    color: rgba(58,58,58,0.4);
    cursor: not-allowed;
}

.success {
    background-color: #d1fae5;
    border-radius: 100%;
    display: none;
    height: 40px;
    margin-bottom: 30px;
    text-align: center;
    width: 40px;
}

.success svg {
    height: 24px;
    margin-top: 8px;
    width: 24px;
}