/* CSS OVERRIDE: Override bootstrap */ /* BEGIN GENERAL */ * {margin:0px;padding:0px;} body{color:#707070;font-family:Montserrat,Lato, Arial, Trebuchet MS, Verdana, sans-serif;font-size:14px;height:100vh;overflow-x:hidden;} a:link, a:visited{text-decoration:none;color:#0078c1;outline:none;} a:hover, a:active{text-decoration:underline;color:#006f51;outline:none;} a.white_underlined{color:#ffffff;text-decoration:underline;} a.btn {color:#ffffff;} a.btn:hover {text-decoration:none;} a.btn .bi {color:#919e9c;} a.btn-light:hover .bi{color:#0078c1;} a:not([href]):hover {cursor:pointer;} footer {background-color:#053b37;font-family:Montserrat;padding:80px 100px;} footer .footer_logo {max-width:100%;max-height:52px;} footer h5 {color:#cee565;font-weight:bold;font-size:1.5vw;margin-bottom:0px;} footer hr {color:#cee464;margin-top:0px;height:1px!important;} footer .accordion{display:none;} footer .accordion_container{display:none;} footer .accordion * {border-radius:0px!important;background-color:transparent!important;} footer .accordion-body {padding:0px;} footer .accordion-button::after {background-image:url("https://cdn.simplegreen.com/web22/images/footer/accordion_arrow_right.png");} footer .accordion-button {padding-left:0px;} footer .accordion-button[aria-expanded="true"] {border-color:#5e716e;box-shadow:none;} footer .accordion-button[aria-expanded="false"] {color:transparent!important;box-shadow:none!important;} footer .collapsed {box-shadow:0 0 0 0 transparent!important;} footer .accordion-button:not(.collapsed)::after {background-image:url("https://cdn.simplegreen.com/web22/images/footer/accordion_arrow_down.png");transform:unset;} #footer_form {width:100%;} #footer_form input {height:50px;color:white;} #footer_form #footer_email{text-align:center;} #footer_form #footer_first, #footer_form #footer_last{} #footer_form *{padding:0px;} #footer_form p{margin-bottom:0px;} #footer_email {text-align:center;width:70%;} #footer_first {margin-right:10px;} #footer_first, #footer_last {display:inline-block;padding-left:25px;width:calc(35% - 5px);} #footer_first::placeholder, #footer_last::placeholder,#footer_email::placeholder {color:#ffffff;} #footer_form #footer_submit {background-color:#e2816d;height:50px;width:70%;} .footer-body {border: 1px solid #dee2e6!important;border-left:none!important;border-right:none!important;margin-top:62px;} .footer-list {font-size:1.5vw;padding:20px 0 0 0!important;} .footer-list a{color:#929e9c;} .footer-list li{margin:16px 0px;} .footer-list li a:hover{text-decoration:none;color:#ffffff;} .footer-left {justify-content:space-between;} .footer-right {padding:0px 15px 0px 60px} .footer-headers {} .footer-headers h5 {line-height:115px;border-bottom:1px solid white;} .footer_hr {width:4em;} .footer_socials {margin-top:-15px!important;} .footer_social_icon img{max-height:35px;} .footer_social_icon img:hover{filter:brightness(100);} .footer_bottom {margin-top:65px!important;} .footer_bottom a{color:#929e9c;} #footer_form .footer_subscribe_text {padding:20px 0;} #in_the_know {font-family:LibreBaskerville;font-size:34px;line-height:115px;} .padding_top_138 {padding-top:138px;} .bg-pms342 {background-color:#006f51 !important;} /* dark green */ .bg-pms354 {background-color:#00b15a !important;} /* light green */ .bg-pms3288 {background-color:#008e7e !important;} /* aqua green */ .bg-pms872 {background-color:#b4985a !important;} /* gold metallic */f .bg-pms109 {background-color:#ffdd00 !important;} /* yellow */ .bg-pms185 {background-color:#ef3e42 !important;} /* red */ .bg-pms300 {background-color:#0078c1 !important;} /* blue */ .text-pms342 {color:#006f51 !important;} .text-pms354 {color:#00b15a !important;} .text-pms3288 {color:#008e7e !important;} .text-pms872 {color:#b4985a !important;} .text-pms109 {color:#ffdd00 !important;} .text-pms185 {color:#ef3e42 !important;} .text-pms300 {color:#0078c1 !important;} .text-white {color:#ffffff !important;} .form-control, .form-select{color:#707070;} .form-select:focus, .form-control:focus, .form-control.is-valid:focus, .was-validated .form-control:valid:focus {color:#006f51;border-color:#00b15a;box-shadow:0 0 0 2px #008e7e;} .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {box-shadow:0 0 0 2px #ef3e42;} .border-pms185 {border-color:#ef3e42 !important;} .btn-pms342 {background-color:#006f51 !important;color:#ffffff !important;} .btn-pms354 {background-color:#00b15a !important;color:#ffffff !important;} .btn-pms3288 {background-color:#008e7e !important;color:#ffffff !important;} .btn-pms872 {background-color:#b4985a !important;color:#ffffff !important;} .btn-pms109 {background-color:#ffdd00 !important;color:#006f51 !important;} .btn-pms185 {background-color:#ef3e42 !important;color:#ffffff !important;} .btn-pms300 {background-color:#0078c1 !important;color:#ffffff !important;} .btn-white {background-color:#ffffff !important;color:#707070 !important;border-color:#ced4da !important;} .btn-pms300:hover{background-color:#ffffff !important;color:#0078c1 !important;box-shadow:0 0 0 2px #0078c1;} .btn-pms342:hover{background-color:#ffffff !important;color:#006f51 !important;box-shadow:0 0 0 2px #006f51;} .btn-pms354:hover{background-color:#ffffff !important;color:#00b15a !important;box-shadow:0 0 0 2px #00b15a;} .btn:focus {box-shadow:0 0 0 2px #ef3e42;} .btn-white:active {box-shadow:none;} .btn-check:focus + .btn-white {outline:0;/*box-shadow:none;*/box-shadow:0 0 0 2px #00b15a;} .btn-check:checked + .btn-white {background-color:#006f51 !important; color:#ffffff !important; border-color:#006f51 !important;} .hero_container {position:relative;text-align:center;} .hero_text {font-family:LibreBakersville;font-size:40px;color:#000000;left:4vw;bottom:1vw;position:absolute;max-width:30vw;text-align:left;line-height:40px;} .hero_text hr {color:#000000;height:5px!important;} .section_gray {background-color:#f3f3f3;} .section_spacing {padding:30px 0px 0px 50px!important;} .ind_section_spacing {margin:30px 0px 0px 50px!important;} .home_carousel_buttons {margin-top:auto!important;margin-bottom:auto!important;padding:0px!important;text-align:center;width:8%!important;} .home_carousel_buttons a{margin:10px 0;} .home_carousel_buttons img{max-height:60px;} .carousel_buttons {margin-top:auto!important;margin-bottom:auto!important;padding:0px!important;text-align:center;} .carousel_buttons a{margin:10px 0px;} .carousel_buttons img{max-height:60px;} .col-1 hr {min-width:50px;} .z-500 {z-index:500;} .bg_light_gray {background-color:#ecf5f4;} .ff_squada {font-family:'Squada One'!important} .ff_montserrat {font-family:Montserrat!important} .hr_light_green {color:#00806e;} /* END GENERAL */ /* BEGIN ENVIROMENTAL CAROUSEL :: https://codepen.io/NeatDesigns/pen/ZPMEjy */ #slider {height:30vw;margin:80px auto;perspective:1400px;position:relative;transform-style:preserve-3d;width:50%;z-index:1000;} #slider input[type=radio] {cursor:pointer;height:18px;left:50%;margin:0px 15px 0 0;opacity:0.4;position:relative;top:108%;transform:translateX(-83px);width:18px;} #slider input[type=radio]:nth-child(13) {margin-right:0px;} #slider input[type=radio]:checked {opacity:1;} #slider label {align-items:center;border-radius:5px;cursor:pointer;display:flex;height:100%;left:0;top:0;position:absolute;transition:transform 300ms ease,opacity 200ms ease 100ms;width:100%;} /* Slider Functionality */ #slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7,#slide8,#slide9,#slide10,#slide11{opacity:0;} /* Active Slide */ #s1:checked ~ #slide1, #s2:checked ~ #slide2, #s3:checked ~ #slide3, #s4:checked ~ #slide4, #s5:checked ~ #slide5, #s6:checked ~ #slide6, #s7:checked ~ #slide7, #s8:checked ~ #slide8, #s9:checked ~ #slide9, #s10:checked ~ #slide10, #s11:checked ~ #slide11 {box-shadow:0 13px 26px rgba(0,0,0,0.3), 0 12px 6px rgba(0,0,0, 0.2);transform:translate3d(0%, 0, 0px);opacity:1;} /* Next Slide */ #s1:checked ~ #slide2, #s2:checked ~ #slide3, #s3:checked ~ #slide4, #s4:checked ~ #slide5, #s5:checked ~ #slide6, #s6:checked ~ #slide7, #s7:checked ~ #slide8, #s8:checked ~ #slide9, #s9:checked ~ #slide10, #s10:checked ~ #slide11, #s11:checked ~ #slide1 {box-shadow:0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);transform:translate3d(15%, 0, -100px);opacity:.7;} /* Next to Next Slide */ #s1:checked ~ #slide3, #s2:checked ~ #slide4, #s3:checked ~ #slide5, #s4:checked ~ #slide6, #s5:checked ~ #slide7, #s6:checked ~ #slide8, #s7:checked ~ #slide9, #s8:checked ~ #slide10, #s9:checked ~ #slide11, #s10:checked ~ #slide1, #s11:checked ~ #slide2 {box-shadow:0 1px 4px rgba(0,0,0, 0.4);transform:translate3d(30%, 0, -250px);opacity:.3;} /* Previous Slide */ #s1:checked ~ #slide11, #s2:checked ~ #slide1, #s3:checked ~ #slide2, #s4:checked ~ #slide3, #s5:checked ~ #slide4, #s6:checked ~ #slide5, #s7:checked ~ #slide6, #s8:checked ~ #slide7, #s9:checked ~ #slide8, #s10:checked ~ #slide9, #s11:checked ~ #slide10 {box-shadow:0 6px 10px rgba(0,0,0, 0.3), 0 2px 2px rgba(0,0,0, 0.2);opacity:.7;transform:translate3d(-15%, 0, -100px);} /* Previous to Previous Slide */ #s1:checked ~ #slide10, #s2:checked ~ #slide11, #s3:checked ~ #slide1, #s4:checked ~ #slide2, #s5:checked ~ #slide3, #s6:checked ~ #slide4, #s7:checked ~ #slide5, #s8:checked ~ #slide6, #s9:checked ~ #slide7, #s10:checked ~ #slide8, #s11:checked ~ #slide9 {box-shadow:0 1px 4px rgba(0,0,0, 0.4);transform:translate3d(-30%, 0, -250px);opacity:.3;} /* END ENVIROMENTAL CAROUSEL */ #environmental_commitment .checklist_border{border-left:1px solid #1a5242;max-width:70%;} #environmental_commitment > * {font-size:18px;} @media (max-width:767px) { #environmental_commitment .row:nth-child(even) {flex-direction:column-reverse !important;} #environmental_commitment .checklist_border{border:none;max-width:none;} } /** SWIFTYPE **/ .st-ui-injected-overlay-container {border-radius:20px!important;font-family:Montserrat!important;} .st-ui-content .st-search-results {font-family:Montserrat!important;} .st-ui-injected-overlay-container :not(select) {font-family:Montserrat!important;} .st-ui-injected-overlay-container .st-ui-footer .st-ui-search-summary {color:#0b806e!important;left:unset!important;} .st-ui-footer {background:#f2fcd6!important;padding:0px 36px!important;} a.st-ui-result {border-bottom:1px solid #c5f145!important;} .st-query-present > * {color:#0b806e!important;} /** END SWIFTYPE **/ /* BEGIN CLEANING TIP CATEGORY CAROUSEL */ #categoryCarousel {width:90%;} .carousel-inner {text-align:center;} #categoryCarousel .carousel-inner .carousel-item:not(.active) {opacity:.39;display:none;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:.39;margin:auto 6.5%;width:20%;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:.39;margin:auto 6.5%;width:20%;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:60%;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:60%;} #categoryCarousel .carousel-inner .carousel-item.active, #categoryCarousel .carousel-inner .carousel-item-next, #categoryCarousel .carousel-inner .carousel-item-prev { display:flex; } #categoryCarousel .carousel-inner .carousel-item-end, #categoryCarousel .carousel-inner .carousel-item-start { transform:translateX(0); } #categoryCarousel .category_carousel_slide {max-height:280px;} #categoryCarousel .category_carousel_slide img{max-height:280px;} /* END CLEANING TIP CATEGORY CAROUSEL */ /* BEGIN HOME PRODUCT CAROUSEL */ #homeProductCarousel {width:80%;} #homeProductCarousel .carousel-inner .carousel-item:not(.active) {opacity:.39;display:none;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:.39;margin:auto 2%;width:30%;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:.39;margin:auto 2%;width:30%;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:75%;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:75%;} #homeProductCarousel .carousel-inner .carousel-item.active, #homeProductCarousel .carousel-inner .carousel-item-next, #homeProductCarousel .carousel-inner .carousel-item-prev {display:flex;} #homeProductCarousel .carousel-inner .carousel-item-end, #homeProductCarousel .carousel-inner .carousel-item-start {transform:translateX(0);} #homeProductCarousel .category_carousel_slide {max-height:450px;} #homeProductCarousel .category_carousel_slide img{max-height:450px;} #useProductCarousel .carousel-inner .carousel-item:not(.active) {opacity:.39;display:none;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:.39;margin:auto 6.5%;width:20%;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:.39;margin:auto 6.5%;width:20%;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:50%;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:50%;} #useProductCarousel .carousel-inner .carousel-item.active, #useProductCarousel .carousel-inner .carousel-item-next, #useProductCarousel .carousel-inner .carousel-item-prev {display:flex;} #useProductCarousel .carousel-inner .carousel-item-end, #useProductCarousel .carousel-inner .carousel-item-start {transform:translateX(0);} #useProductCarousel .category_carousel_slide {max-height:350px;text-align:center;} #useProductCarousel .category_carousel_slide img{max-height:350px;} /* END HOME PRODUCT CAROUSEL */ /* BEGIN HOME TIP CAROUSEL */ #homeTipCarousel {width:80%;} #homeTipCarousel .carousel-inner .carousel-item {} #homeTipCarousel .carousel-inner .carousel-item:not(.active) {opacity:.39;display:none;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:.39;margin:auto 6.5%;width:20%;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:.39;margin:auto 6.5%;width:20%;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:75%;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:75%;} #homeTipCarousel .carousel-inner .carousel-item.active, #homeTipCarousel .carousel-inner .carousel-item-next, #homeTipCarousel .carousel-inner .carousel-item-prev { display:flex; } #homeTipCarousel .carousel-inner .carousel-item-end, #homeTipCarousel .carousel-inner .carousel-item-start { transform:translateX(0); } #homeTipCarousel .category_carousel_slide {max-height:280px;} #homeTipCarousel .category_carousel_slide img{max-height:280px;padding:20%;} /* END HOME PRODUCT CAROUSEL */ /* BEGIN FEATURED TIP CAROUSEL */ #featuredCarousel {width:90%;} #featuredCarousel .carousel-inner .carousel-item:not(.active) {display:none;} #featuredCarousel .carousel-inner .carousel-item.active, #featuredCarousel .carousel-inner .carousel-item-next, #featuredCarousel .carousel-inner .carousel-item-prev { display:flex; } #featuredCarousel .carousel-inner .carousel-item-end, #featuredCarousel .carousel-inner .carousel-item-start { transform:translateX(0); } #featuredCarousel {padding-left:0px;} #featuredCarousel .featured_carousel_slide {display:flex;justify-content:center;max-height:560px;} #featuredCarousel .featured_carousel_slide .card:hover {box-shadow:0px 0px 20px 10px #d5d5d5;} #featuredCarousel .featured_carousel_slide img{max-height:540px;} /* END FEATURED TIP CAROUSEL */ /* BOOTSTRAP CARD OVERRIDE - CLEANING TIPS */ .card * {border:0px!important;} .card {background-color:#ffffff;border-radius:0px;border:0px;margin:0px 15px;max-width:380px;width:fit-content;height:100%;} .card-header {border-bottom:0px;padding:0px;} .card-header,.card-footer {background-color:#ffffff;} .card-footer {align-self:end;padding-bottom:0px;padding-top:0px;} .card-header:first-child{border-radius:0px!important;} .card_container {background-color:#ffffff;max-width:380px;} .card_top {height:auto;} .card_bottom {display:grid;flex-basis:280px;flex:auto;} .card_bottom .card_bottom_title{color:#000000;font-size:28px;font-family:Montserrat;line-height:28px;padding:5%;} .card_bottom .card_read_more{color:#0a806d;font-size:20px;font-family:Montserrat;padding:5%;} .y-overflow-visible {overflow:visible!important;overflow-x:clip!important;} .tip_card_container a {text-decoration:none;} .tip_card_container .card:hover {box-shadow:0px 0px 20px 10px #d5d5d5;} /* END CARD OVERRIDE */ /* BEGIN NAVIGATION */ .dropdown-toggle::after {display:none;} #top_nav {background-color:#0a806d;height:50px;justify-content:end;-webkit-justify-content:flex-end;} .top_nav_division {font-family:Montserrat;font-size:14px;text-align:center;} .top_nav_division img{display:inline-block;max-height:50px;padding-right:15px;} .top_nav_division p {display:inline-block;font-size:14px;font-family:Montserrat;font-weight:bold;} .top_nav_division a {color:unset;display:block;} #navigation {position:fixed;top:50px;/*transition:all ease-in-out .5s;*/z-index:1000;width:100%;height:88px;} .navigation-household {background-color:#053b37;} .navigation-industrial {background-color:#c7e857;} .navigation-professional {background-color:#df9c4d;} .navigation-janitorial {background-color:#df9c4d;} #mobile_nav {margin-top:0px;max-width:642px;width:100%;overflow:hidden;overflow-y:scroll;} #mobile_nav #mobile_nav_div_int {text-align:center;} #mobile_nav #mobile_nav_div_int img{height:50px;padding:16px 0px;} #mobile_nav .top_nav_division{text-align:center;} #mobile_nav .top_nav_division img{padding:0 0 0 13px;} #mobile_nav_accordion .accordion-header {font-family:Montserrat;} #mobile_nav_accordion .accordion-item {border-bottom:1px solid #000000;} #mobile_nav_accordion .accordion-header .accordion-button {color:#000000;font-size:25px;} #mobile_nav_accordion .accordion-button::after{background-size:39px;height:39px;width:39px;background-image:url("https://cdn.simplegreen.com/web22/images/navigation/accordion_arrow_right.png");transform:unset;} #mobile_nav_accordion .accordion-button:not(.collapsed){background-color:transparent;} #mobile_nav_accordion .accordion-button:not(.collapsed)::after{background-image:url("https://cdn.simplegreen.com/web22/images/navigation/accordion_arrow_down.png");transform:unset;} #mobile_nav_accordion .accordion-button:focus {box-shadow:none;} #navigation #main_nav {height:88px;} #navigation ul, #navigation li{list-style:none;} #navigation .dropdown-menu {background-color:#ffffff;border:none;border-radius:0px;height:536px;z-index:10000;/*top:85%;*/} #navigation .dropdown-menu li {display:inline-grid;width:25%;} #navigation .dropdown-menu a, #navigation .dropdown-menu-end li {color:#000000;display:block;} #navigation .dropdown-menu-end li {width:100%;} #navigation .nav-link {font-family:Montserrat;font-size:16px;} #navigation a:hover {text-decoration:none;} #navigation .megamenu{padding-top:40px;box-shadow:0 25px 45px -2px #313131;} #navigation .navbar-toggler {padding:0 27px!important;-webkit-appearance:unset;} #navigation .navbar-toggler .dropdown-toggle{height:39px;width:39px;background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler.png");} #navigation .navbar-toggler .dropdown-toggle[aria-expanded="true"]{background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_expanded.png");} #navigation .navbar-toggler #toggle_industrial {height:39px;width:39px;background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_green.png");} #navigation .navbar-toggler #toggle_industrial[aria-expanded="true"]{background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_expanded_green.png");} #navigation .navbar-toggler #toggle_professional {height:39px;width:39px;background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_green.png");} #navigation .navbar-toggler #toggle_professional[aria-expanded="true"]{background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_expanded_green.png");} #navigation .navbar-toggler #toggle_janitorial {height:39px;width:39px;background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_green.png");} #navigation .navbar-toggler #toggle_janitorial[aria-expanded="true"]{background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_expanded_green.png");} #navigation .navbar-toggler #toggle_janitorial {height:39px;width:39px;background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_green.png");} #navigation .navbar-toggler #toggle_janitorial[aria-expanded="true"]{background-image:url("https://cdn.simplegreen.com/web22/images/common/navbar_toggler_expanded_green.png");} #navigation .navbar-nav {justify-content:space-evenly;height:100%;width:100%;} #navigation .navbar-nav .nav-item {flex-basis:185px;text-align:center;} #navigation .navbar-nav .nav-item .nav-link{color:#ffffff!important;line-height:88px;padding:0px!important;} #navigation .navbar-nav .nav-item .nav-link[aria-expanded="true"] {box-shadow:inset 0 -10px 2px -2px #d2f357;} #navigation .navbar-nav #nav-item-who-we-are .nav-link{box-shadow:none!important;} #navigation .navbar-brand {padding-left:5.5%;} #navigation .nav-link {font-size:1.2vw;} #navigation .navbar-nav .nav-item .nav_link_industrial {color:#013933!important;} #navigation .navbar-nav .nav-item .nav_link_industrial .nav-link {color:#013933!important;} #navigation .products_dropdown {font-family:Montserrat;font-size:14px!important;} #navigation .products_dropdown li{padding:0px 15px;} #navigation .products_dropdown h3{font-family:Montserrat;font-size:14px!important;font-weight:bold;} #navigation .products_dropdown_image {padding-left:8vw;} #navigation .products_dropdown_image img{vertical-align:unset;max-height:412px;} #navigation .products_dropdown ul {padding-left:60px;} #navigation .products_dropdown ul li {margin-top:20px;} #navigation .ct_dropdown_image img{max-width:300px;} #navigation .megamenu-cleaning-tips {padding-left:10vw;padding-top:0px;} #navigation .megamenu-cleaning-tips.show {display:flex;} #navigation .megamenu-cleaning-tips .ct_dropdown_category {border-right:1px solid black;font-family:Montserrat;font-weight:bold;height:118px;width:fit-content;vertical-align:middle;padding:0 13px;} #navigation .megamenu-cleaning-tips .ct_dropdown_category a {line-height:59px;} #navigation .megamenu-who-we-are {background-color:#053b37;border-top:10px solid #d2f357;font-family:Montserrat;font-size:20px;height:auto;/*192px;*/left:-42px;margin-top:-10px;width:339px;} #navigation .megamenu-who-we-are ul li a{color:#ffffff;} #navigation .megamenu-who-we-are ul li {display:unset;width:100%;} #navigation .megamenu-cleaning-solutions {padding-left:10vw;padding-top:0px;} #navigation .megamenu-cleaning-solutions.show {display:flex;} #navigation .megamenu-cleaning-solutions .ct_dropdown_category {border-right:1px solid black;font-family:Montserrat;font-weight:bold;height:auto;vertical-align:middle;padding:0 13px;} #navigation .megamenu-cleaning-solutions .ct_dropdown_category a {padding:20px;} #country_drop {width:200px;transform:translate(-150px,40px);} /* BEGIN PRODUCTS */ .product_image_bg {background: url("https://cdn.simplegreen.com/web22/images/products/product_background_household.jpg");height:auto;} #product_right {padding:18%;position:relative;} #products_buy_now {background-color:transparent;border:2px solid #003934;display:table-cell;vertical-align:middle;font-family:Montserrat;font-size:17px;height:45px;width:300px;text-align:center;margin:40px 0px;} #products_buy_now:hover{background-color:#003934;color:#ffffff;} #product_name {color:#053c37;font-family:LibreBaskerville;font-size:45px;line-height:45px;margin-bottom:unset;} #product_text {color:#053b37;font-family:Montserrat;font-size:16px;line-height:24px;} #additional_scents {color:#000000;font-family:Montserrat;font-size:14px;font-weight:bold;margin:40px 0px;} #additional_scents img{max-height:100px;} #product_hero_container {height:calc(100vw / 4.687);} #resource_accordion *{color:#053c37;box-shadow:none!important;font-family:Montserrat;} #resource_accordion {margin-bottom:40px;margin-top:40px;} #resource_accordion .resources_link{display: inline-block;min-width: 250px !important;font-family: Montserrat;color: #053c37 !important;border: 2px solid #053c37;text-decoration:none!important;text-align: center;padding: 5px 20px;} #resource_accordion .resources_link:hover{color:#ffffff!important;border: 2px solid #253e3a;background-color:#053c37;} #resource_accordion .resources_link a{text-decoration:none;} #resource_accordion .accordion-body{padding:unset;margin-bottom:50px;font-size:16px;line-height:32px;color:#253e3a;} #resource_accordion .accordion-body a{text-decoration:underline;} #resource_accordion {padding-left:10%;padding-right:10%} #resource_accordion .accordion-item {background-color:transparent;border-radius:unset;border-top:1px solid #003934;border-bottom:none;border-left:none;border-right:none;} #resource_accordion .accordion-item:last-of-type{border-bottom:1px solid #003934;} #resource_accordion .accordion-item .accordion-body {margin:25px 0px;} #resource_accordion .accordion-item .accordion-button {color:#000000!important;font-size:28px;font-weight:lighter;} #resource_accordion .accordion-item .accordion-button .accordion_plus{padding-right:55px;max-height:35px;} #resource_accordion .accordion-item .accordion-button:not(.collapsed) .accordion_plus{content: url("https://cdn.simplegreen.com/web22/images/common/accordion_minus.png");} #resource_accordion .accordion-item .accordion-button:not(.collapsed){background-color:transparent;} #resource_accordion .accordion-item .accordion-button:not(.collapsed)::after{background-image:unset;} #resource_accordion .accordion-item .accordion-button::after{background-image:unset;} #resource_accordion .accordion-item .accordion-body .sds_sample_div{text-align:center;} #resource_accordion .accordion-item .accordion-body .sds_sample_div img{max-width:50%;} #resource_accordion .accordion-item .accordion-body .all_sds_button{border:1px solid #053c37;height:auto;line-height:40px;text-align:center;padding:0 10px;max-width:300px;} #resource_accordion .accordion-item .accordion-body .all_sds_button:hover{background-color:#053c37;color:#ffffff!important;} #resource_accordion .accordion-item .accordion-body{padding-left:130px;} #product_accordion *{color:#053c37;box-shadow:none!important;font-family:Montserrat;} #product_accordion {margin-bottom:40px;} #product_accordion .accordion-body{padding:unset;margin-bottom:50px;} #product_accordion .accordion-body a{text-decoration:underline;} #product_accordion {padding-left:73px;padding-right:11.2vw;} #product_accordion .accordion-item {background-color:transparent;border-radius:unset;border-top:1px solid #003934;border-bottom:none;border-left:none;border-right:none;} #product_accordion .accordion-item:last-of-type{border-bottom:1px solid #003934;} #product_accordion .accordion-item .accordion-body {margin:25px 0px;} #product_accordion .accordion-item .accordion-button {color:#000000!important;font-size:28px;font-weight:lighter;} #product_accordion .accordion-item .accordion-button .accordion_plus{padding-right:55px;max-height:35px;} #product_accordion .accordion-item .accordion-button:not(.collapsed) .accordion_plus{content: url("https://cdn.simplegreen.com/web22/images/common/accordion_minus.png");} #product_accordion .accordion-item .accordion-button:not(.collapsed){background-color:transparent;} #product_accordion .accordion-item .accordion-button:not(.collapsed)::after{background-image:unset;} #product_accordion .accordion-item .accordion-button::after{background-image:unset;} #product_accordion .accordion-item .product_features .accordion-body{padding-left:130px;} #product_accordion .accordion-item .how_to_use .accordion-body{padding-left:130px;} #product_accordion .accordion-item .product_ingredients .accordion-body{padding-left:130px;} #product_accordion .accordion-item .product_sds .accordion-body{padding-left:130px;} #product_accordion .accordion-item .product_sds .accordion-body a{text-decoration:none;color:#000000;} #product_accordion .accordion-item .product_sds .accordion-body .all_sds_button{border:1px solid #053c37;height:auto;line-height:40px;text-align:center;padding:0 10px;max-width:300px;} #product_accordion .accordion-item .product_sds .accordion-body .all_sds_button:hover{background-color:#053c37;color:#ffffff!important;} #product_accordion .accordion-item .product_sds .accordion-body .sds_sample{padding-left:20px;} #product_accordion .accordion-item .accordion-body .card:hover {box-shadow:0px 0px 10px 10px #d5d5d5!important;} #product_accordion .accordion-item .accordion-body .tip_card_container {margin-top:0px!important;} #product_accordion .accordion-item .product_sds img{max-width:100px;} #product_features_ul {color:#053b37;font-weight:bold;margin-bottom:unset;padding-left:unset;} .product_accordion_wtb {display:table-cell;vertical-align:middle;text-align:center;margin-bottom:85px;line-height:64px;} .product_accordion_wtb img {display:table-cell;filter:grayscale(100%);vertical-align:middle;max-width:100%;} .product_accordion_wtb img:hover {filter:grayscale(0%);} .accordion_ct_div {display:inline-block;} .video-container {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;} .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #buy_now_btn {margin-top:16px;} #wtb_popup hr {color:#000000;height:1px!important;margin:20px 5%;} #wtb_popup #wtb_header_div {background-color:#0a806d;height:auto;} #wtb_popup {background-color:#ffffff;border-radius:6px;box-shadow: 0 0 40px #334846;display:none;width:64%;max-height:540px;height:auto;position:absolute;z-index:1;overflow-y:scroll;} #wtb_popup #close_wtb_pop {background-color:transparent;border:none;color:#db806d;float:right;right: 30px;position: relative;} #wtb_popup #close_wtb_pop img{height:15px;} #wtb_popup #wtb_popup_header {clear:both;color:#d1f158;font-family:Montserrat;font-size:24px;height:100%;margin-bottom:0px;text-align:center;width:100%;line-height:100px;} #wtb_popup #wtb_pop_up_stores {list-style:none;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-top:20px;} #wtb_popup #wtb_pop_up_stores .wtb_popup_item {display:table;width:100%;height:80px;} #wtb_popup #wtb_pop_up_stores .wtb_popup_item .available_product_pop {display:table-cell;text-align:center;width:50%;vertical-align:middle;} #wtb_popup #wtb_pop_up_stores .wtb_popup_item .available_product_pop_buy {display:table-cell;width:50%;vertical-align:middle;} #wtb_popup #wtb_pop_up_stores .wtb_popup_item .available_product_pop > img {width:170px;height:auto;margin:0 3%!important;} #wtb_popup #wtb_pop_up_stores .wtb_popup_item .wtb_popup_buy_now {background-color:transparent;border: 3px solid #003934;border-radius:0px;color:#1a5342;font-family:Montserrat;float:right;margin-right:20px;height:40px;width:80%;} #wtb_popup #wtb_pop_up_stores .wtb_popup_item .wtb_popup_buy_now:hover {cursor:pointer;background-color:#003934;color:#ffffff;} #accordionMobileFilter {display:none;} /* PRODUCT FAMILY */ .product_card_container,.tip_card_container {display:grid;min-width:275px;margin:30px 0px 30px 0;} .product_card {height:100%;padding:2.5%;display:grid;} .product_card:hover {box-shadow:0px 0px 10px 10px #d5d5d5!important;} .product_card a{text-decoration:none;} .product_card .product_card_end {align-self:flex-end;height:40px;} .product_card_name {color:#0a806d;font-size:18px;font-weight:600;line-height:18px;margin-bottom:0px;padding:20px 0;} .product_card_image {max-height:300px;text-align:center;} .product_card_image img{max-height:300px;} .product_card_list {color:#000000;list-style-position:inside;padding-left:0px;} .product_card_list li {padding:5px 0;} .product_learn_more_household {background-color:#d97f6d;border:2px solid #d97f6d;color:#ffffff!important;font-family:Montserrat;font-size:16px;line-height:35px;height:40px;width:100%;text-align:center;text-decoration:none;} .product_learn_more_industrial {background-color:#c7e857;border:2px solid #c7e857;color:#ffffff!important;font-family:Montserrat;font-size:16px;line-height:35px;height:40px;width:100%;text-align:center;text-decoration:none;} .product_learn_more_professional, .product_learn_more_janitorial {background-color:#df9c4d;border:2px solid #df9c4d;color:#ffffff!important;font-family:Montserrat;font-size:16px;line-height:35px;height:40px;width:100%;text-align:center;text-decoration:none;} .product_learn_more_household:hover {background-color:#ffffff;color:#0a806d!important;} .product_learn_more_industrial:hover {background-color:#ffffff;color:#0a806d!important;} .product_learn_more_professional:hover, .product_learn_more_janitorial:hover {background-color:#ffffff;color:#0a806d!important;} /* END PRODUCT FAMILY */ /* END PRODUCTS */ /* GREG ACCORDION */ #international_accordion *{box-shadow:none!important;font-family:Montserrat;} #international_accordion {margin-bottom:40px;} #international_accordion .accordion-body{padding:unset;margin-bottom:50px;} #international_accordion .accordion-item {background-color:transparent;border-radius:unset;border-top:1px solid #003934;border-bottom:none;border-left:none;border-right:none;} #international_accordion .accordion-item:last-of-type{border-bottom:1px solid #003934;} #international_accordion .accordion-item .accordion-button {color:#000000!important;font-size:34px;font-weight:lighter;} #international_accordion .accordion-item .accordion-button .accordion_plus{padding-right:55px;} #international_accordion .accordion-item .accordion-button:not(.collapsed){background-color:transparent;} #international_accordion .accordion-item .accordion-button:not(.collapsed)::after{background-image:unset;} #international_accordion .accordion-item .accordion-button::after{background-image:unset;} /* END GREG ACCORDION */ /* BEGIN BLOG */ .category_title {font-size:20px;font-weight:bold;} .category_title a{color:#000000;} .category_title img{height:20px;} /* END BLOG */ /* BEGIN WHERE TO BUY */ #wtb_body {padding:0px 10%;} .wtb_grid_item {height:218px;line-height:218px;margin:0px!important;padding:0px!important;text-align:center;} /* .wtb_grid_item:last-of-type {border-right:0px;} */ .wtb_grid_item{border-right:1px solid black;border-bottom:1px solid black;} /*.item_1,.item_3 {border:1px solid black;border-left:none;border-top:none;} .item_2 {border:1px solid black;border-left:none;border-top:none;} .item_4 {border:1px solid black;border-left:none;border-top:none;border-right:none;} */ .wtb_table tr:last-of-type{border-bottom:none;} .wtb_table tr td {border-right:1px solid black;border-bottom:1px solid black;} .wtb_table {border:none;} /* END WHERE TO BUY */ /* SDS */ .sds_download_btn {border:1px solid #053c37;border-radius:0px;color:#000000!important;font-size:14px!important;width:200px;} .sds_download_btn:hover {background-color:#053c37;color:#ffffff!important;} /* END NAVIGATION */ .reward_kit_box {border:1px solid #707070;color:#707070;text-decoration:none;} .reward_kit_box:hover{border-color:#00b15a;color:#00b15a;} /* BEGIN SIDE NAV */ #side_nav_search {height:50px;margin-bottom:35px;padding-left:35px;width:100%;} #side_nav_search .st-default-search-input{font-family:Montserrat;font-size:20px;background:100% 50% no-repeat url("https://cdn.simplegreen.com/web22/images/common/search_icon.png");background-size:30px;border:1px solid black;border-radius:0px;background-position-x:calc(100% - 35px);height:50px;width:100%;padding:unset;text-align:end;} #vert_side_nav {background-color:transparent;font-family:Montserrat;text-align:right;font-size:13.5px;position:-webkit-sticky;position:sticky;top:200px;z-index:1;} #vert_side_nav ul li{} #vert_side_nav ul li:not(#vert_nav_first_household) {color:#053b37;padding-right:35px;} #vert_side_nav ul li:not(#vert_nav_first_industrial) {color:#053b37;padding-right:35px;} #vert_side_nav ul li:not(#vert_nav_first_professional) {color:#053b37;padding-right:35px;} #vert_side_nav ul li:not(#vert_nav_first_janitorial) {color:#053b37;padding-right:35px;} #vert_side_nav .navbar-nav{width:100%} #vert_side_nav .nav-link, #vert_side_nav .nav-item{color:#000000;} #vert_nav_first_household,#vert_nav_first_industrial,#vert_nav_first_professional,#vert_nav_first_janitorial {display:table;font-size:13.5px;font-weight:bold;height:50px;padding-right:35px;width:100%;} #vert_nav_first_household p,#vert_nav_first_industrial p,#vert_nav_first_professional p,#vert_nav_first_janitorial p{color:#ffffff;display:table-cell;vertical-align:middle;} #vert_nav_first_household {background-color:#d97f6d;} #vert_nav_first_industrial {background-color:#c7e857;} #vert_nav_first_professional {background-color:#df9c4d;} #vert_nav_first_janitorial {background-color:#df9c4d;} .current_tab_household {background-color:#d97f6d;} .current_tab_industrial {background-color:#c7e857;} .current_tab_professional {background-color:#df9c4d;} .current_tab_janitorial {background-color:#df9c4d;} /* END SIDE NAV */ /* BEGIN CLEANING TIP */ #single_tip_container {background-color:#fafafa;} #ct_body {margin-top:calc((80%*(1866/1173))*(571/2800));padding-right:100px;} #ct_email_sign_up {display:none;background:url(https://cdn.simplegreen.com/web22/images/cleaning_tips/sign_up_background_leaves.png);} #join_mailing {color:#ffffff;font-family:Montserrat;font-size:50px;} #sign_up button {background-color:#e2816d;} #sign_up input {width:50%;margin:0 auto;} #sign_up #sign_up_first, #sign_up #sign_up_last {width:25%;margin:0 auto;} .section_title, .section_number {font-family:Montserrat;} .section_title {font-size:34px;color:#053b37;} .section_number {font-size:20px;} .household_ct_title {color:#053b37;} .industrial_ct_title {color:#053b37;font-family:'Squada One';font-size:42px;} .professional_ct_title {color:#053b37;} .janitorial_ct_title {color:#053b37;} hr {color:red;height:3px!important;opacity:1!important;} .ct_banner {position:relative;} .ct_hero {position:absolute;top:0px;right:20vw;max-width:700px;width:40vw;} .ct_hero_single {position:absolute;top:0px;text-align:left;padding-top:0px!important;padding-left:62px!important;} /*.ct_hero_single img{height:450px;width:auto;}*/ .ct_hero_single img{width:80%;} #tip_title {color:#253e3a;font-size:46px;line-height:46px;} #tip_intro, #tip_copy {font-size:18px;color:#253e3a;} #tip_intro br, #tip_copy br{} #tip_copy .header {font-weight:bold;} #what_you_need {background-color:#ffffff;padding:10px 0px;} #need_title {display:table;margin:auto 0px;color:#000000;font-family:LibreBaskerville;font-size:32px;min-height:115px;text-align:center;} #need_title p{display:table-cell;vertical-align:middle;} #need_list {font-size:16px;border-left:1px solid #000000;display:flex;} #need_list ul {height:fit-content;margin:auto 0px;} /* END CLEANING TIP */ /* BEGIN NEWS AND MEDIA */ #article_copy {font-size:18px;color:#253e3a;} #article_copy ul,#article_copy ol{list-style-position:inside;} #article_copy hr{color:#253e3a!important;height:1px!important;} /* END NEWS AND MEDIA */ /* BEGIN HOME */ #household_hero {background-image:url('https://cdn.simplegreen.com/web22/images/home/household_hero_background.jpg');background-size:cover;height:auto;} #industrial_hero {background-image:url('https://cdn.simplegreen.com/web22/images/home/industrial_hero_background.jpg');background-size:cover;height:auto;} #professional_hero {background-image:url('https://cdn.simplegreen.com/web22/images/home/professional_hero_background.jpg');background-size:cover;height:auto;} #janitorial_hero {background-image:url('https://cdn.simplegreen.com/web22/images/home/professional_hero_background.jpg');background-size:cover;height:auto;} #hero_left {padding:5% 0 5% 10%;} #hero_right {text-align:left;height:fit-content;padding-top:2%;} #hero_right img{max-width:80%;} #hero_callout_household {font-family:Montserrat;color:#1a5342;font-size:4vw;font-weight:800;line-height:initial;} #hero_callout_professional {font-family:Montserrat;color:#ffffff;font-size:4vw;font-weight:800;line-height:initial;} #hero_callout_janitorial {font-family:Montserrat;color:#ffffff;font-size:4vw;font-weight:800;line-height:initial;} #hero_callout_industrial {font-family:'Squada One';color:#ffffff;font-size:4vw;font-weight:800;line-height:initial;} #household_hero_copy {font-family:Montserrat;color:#053c37;font-size:20px;line-height:initial;padding-right:15%} #professional_hero_copy {font-family:Montserrat;color:#ffffff;font-size:20px;line-height:initial;padding-right:15%} #janitorial_hero_copy {font-family:Montserrat;color:#ffffff;font-size:20px;line-height:initial;padding-right:15%} #industrial_hero_copy {font-family:Montserrat;color:#ffffff;font-size:20px;line-height:initial;padding-right:15%} #household_hero_link {display:inline-block;min-width:250px!important;font-family:Montserrat;color:#053c37!important;border:2px solid #253e3a;text-decoration:none;text-align:center;padding:10px 0px;} #household_hero_link:hover {color:#ffffff!important;background-color:#253e3a;} #industrial_hero_link {display:inline-block;min-width:250px!important;font-family:Montserrat;color:#ffffff!important;border:2px solid #ffffff;text-decoration:none;text-align:center;padding:10px 0px;} #industrial_hero_link:hover {color:#253e3a!important;background-color:#ffffff;} #professional_hero_link {display:inline-block;min-width:250px!important;font-family:Montserrat;color:#ffffff!important;border:2px solid #ffffff;text-decoration:none;text-align:center;padding:10px 0px;} #professional_hero_link:hover {color:#253e3a!important;background-color:#ffffff;} #janitorial_hero_link {display:inline-block;min-width:250px!important;font-family:Montserrat;color:#ffffff!important;border:2px solid #ffffff;text-decoration:none;text-align:center;padding:10px 0px;} #janitorial_hero_link:hover {color:#253e3a!important;background-color:#ffffff;} .hero_logo_container {align-items:flex-end;padding:0 2.5%;} .hero_logo {width:50%;} .mobile_hero_product {max-height:500px;} #mh_prod_container {text-align:center;} .household_section_title {font-family:LibreBaskerville;font-size:48px;color:#053c37;padding:0 10px!important;width:100%;overflow:hidden;} .household_section_title:before,.household_section_title:after {background-color: #000;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;} .household_section_title:before {right: 0.5em;margin-left: -50%;} .household_section_title:after {left: 0.5em; margin-right: -50%;} /*.household_section_header {background-image:url('https://cdn.simplegreen.com/web22/images/home/bg_line.png');background-size:contain;}*/ .bg_marble {background-image:url('https://cdn.simplegreen.com/web22/images/home/home_bg_marble.png');background-size:cover;height:auto;} .household_section_header {margin:50px auto;} #our_story {background-color:#0a806d;position:relative;padding-top:calc((51.2vw * (9/16) - 50px) * .1);height:calc(51.2vw * (9/16) - 50px);} #our_story_vid {width:80%;} #our_story_vid iframe{height:calc(51.2vw * (9/16));} #household_home_products {background-image:url('https://cdn.simplegreen.com/web22/images/home/home_product_bg.png');background-position:center;background-repeat:no-repeat;background-size:cover;} #industrial_home_products {background-image:url('https://cdn.simplegreen.com/web22/images/home/bg_concrete.png');background-position:center;background-repeat:no-repeat} #home_about_us {background-color:#ecf5f4;padding:6vw 0!important;} .about_us_grid {display:grid;align-items:end;} #home_safer_choice {background-color:#fafafa;color:#053b36;font-family:LibreBaskerville;position:relative;} #home_safer_left #home_sc_img_container {} #home_safer_left #home_sc_img_container img{width:100%;} #home_safer_right {margin-top:50px;padding-left:calc(100% / 12);} #home_safer_right hr{color:#0a7e6c!important;} #home_sc_header {font-size:36px;} #home_sc_copy {padding-top:5%;font-family:Montserrat;font-size:18px;line-height:36px;width:80%;} #home_safer_right ul{font-family:Montserrat;font-size:16px;line-height:32px;font-weight:bold;list-style-position:inside;padding-left:0px;padding:5% 0px;} #home_wtb,#wtb_complete {padding:0 5%;} #wtb_complete {border-bottom:1px solid #000000;color:#053b37!important;} #wtb_complete a{color:#053b37!important;text-decoration:underline;} .home_about_header {font-size:22px;align-self:baseline;} .home_about_link {display: inline-block;min-width: 250px !important;font-family: Montserrat;color: #053c37 !important;border: 2px solid #253e3a;text-decoration: none;text-align: center;padding: 5px 0px;} .home_about_link:hover {color:#ffffff!important;background-color:#253e3a;text-decoration:none;} .home_about_link_industrial {display: inline-block;min-width: 250px !important;font-family: Montserrat;color: #c7e857 !important;border: 2px solid #c7e857;text-decoration: none;text-align: center;padding: 5px 0px;} .home_about_link_industrial:hover {color:#ffffff!important;background-color:#c7e857;text-decoration:none;} .home_about_link_janitorial {display: inline-block;min-width: 250px !important;font-family: Montserrat;color: #053c37 !important;border: 2px solid #253e3a;text-decoration: none;text-align: center;padding: 5px 0px;} .home_about_link_janitorial:hover {color:#ffffff!important;background-color:#053c37;text-decoration:none;} .home_about_link_professional {display: inline-block;min-width: 250px !important;font-family: Montserrat;color: #ffffff !important;border: 2px solid #ffffff;text-decoration: none;text-align: center;padding: 5px 0px;} .home_about_link_professional:hover {color:#000000!important;background-color:#ffffff;text-decoration:none;} #ct_search {display:inline-block;} #ct_search .st-default-search-input, .st-ui-search-input{border-radius:25px;border:none;height:50px;padding:0 0 0 20px;width:100%;z-index:1000;background-image:none!important;} #ct_search_div .carousel_buttons {margin-top:auto!important;margin-bottom:auto!important;margin-right:0px!important;padding-right:40px!important;} .industrial_section_title {color:#053c37;font-family:'Squada One';font-size:42px;padding:0 10px!important;width:100%;overflow:hidden;text-transform:uppercase;} .industrial_section_title_yellow {color:#c7e857;font-family:'Squada One';font-size:42px;padding:0 10px!important;width:100%;overflow:hidden;text-transform:uppercase;} .industrial_section_title:before,.industrial_section_title:after,.industrial_section_title_yellow:before,.industrial_section_title_yellow:after {background-color: #000;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;} .industrial_section_title:before,.industrial_section_title_yellow:before {right: 0.5em;margin-left: -50%;} .industrial_section_title:after,.industrial_section_title_yellow:after {left: 0.5em; margin-right: -50%;} .professional_section_title,.janitorial_section_title {color:#053c37;font-family:Montserrat;font-size:42px;padding:0 10px!important;width:100%;overflow:hidden;text-transform:uppercase;} .professional_section_title:before,.professional_section_title:after,.janitorial_section_title:before,.janitorial_section_title:after {background-color: #000;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;} .professional_section_title:before,.janitorial_section_title:before {right: 0.5em;margin-left: -50%;} .professional_section_title:after,.janitorial_section_title:after {left: 0.5em; margin-right: -50%;} #ind_resources_header {padding:unset;margin-bottom:50px;} #pro_resources_header {padding:unset;margin-bottom:50px;} /*.industrial_section_header {padding-left:10%;offset:unset!important;width:100%!important;margin-left:unset;}*/ /*.professional_section_header {padding-left:10%;offset:unset!important;width:100%!important;margin-left:unset;}*/ /*.janitorial_section_header{padding-left:10%;offset:unset!important;width:100%!important;margin-left:unset;}*/ .industrial_hr {color:#053c37;} .janitorial_hr {color:#df9c4d;} .professional_hr {color:#df9c4d;} .industrial_hr_yellow {color:#c7e857;} .industrial_uses_bg {background-color:#053b37!important;color:#c7e857!important;} .industrial_sc_bg {background-color:#053b37!important;color:#c7e857!important;} .professional_uses_bg {background-color:#f6f6f6!important;} .janitorial_sc_bg {background-color:#df9c4d!important;} .janitorial_uses_bg {background-color:#f6f6f6!important;} .professional_sc_bg {background-color:#df9c4d!important;} .industrial_uses_bg hr{color:#c7e857;} .industrial_sc_bg hr{color:#c7e857!important;} .accordion_header_household {color:#053c37!important;} .accordion_header_industrial {color:#053c37!important;} .accordion_header_professional {color:#df9c4d!important;} .accordion_header_janitorial {color:#df9c4d!important;} /* END HOME */ /* BEGIN CLEANING USES */ #use_description {color:#253e3a;padding-right:100px;} #use_description p{font-size:18px;line-height:3em;} #use_description .ind_desc_box {border:3px solid #bae848;padding:10px 20px;width:fit-content;} #value_proposition {background-color:#003934;color:#bae848;font-size:18px;} #value_proposition #value_left{padding:5%;} #value_title,#range_title,#applications_title {font-size:32px;} #range_title,#applications_title {padding:5% 0 0 5%;color:#053c37;} #value_right {text-align:right;} #value_img img{width:100%;} #uses_prod_range {margin-top:0px!important;background-image:url("https://cdn.simplegreen.com/web22/images/cleaning_uses/industrial/bg_concrete.png")} #use_applications {color:#003934;font-size:16px;font-weight:bold;line-height:3em;} #use_application_img {padding:2.5% 0%;} #ind_trust {background-color:#ffffff;padding:30px 0px;box-shadow:0px 0px 20px 10px #d5d5d5;} #quality_heading {color:#253e3a;border-right:3px solid #bae848;padding:2.5% 20px;} #quality_heading p {font-size:clamp(30px,100%,38px);} #quality_statement {color:#253e3a;font-family:Montserrat;font-size:18px;padding:2.5% 5%;line-height:2em;} #ind_questions {background-color:#253e3a;color:#bae848;font-family:Montserrat;font-weight:600;height:fit-content;padding:15px;} #uses_safety_audit {margin:40px 0px;} #use_video {padding-left:5%;padding-right:5%;} #use_video iframe{padding-left:5%;padding-right:5%;height:90%;} #uses_browse_type {padding-left:0px!important;} #uses_browse_featured {padding-left:0px!important;} /* END CLEANING USES */ /* BEGIN SAFETY CONSULTATION */ #signupAccordion .accordion-button:not(.collapsed){background-color:transparent;} #signupAccordion .accordion-button:focus{border:none;box-shadow:none;} /* END SAFETY CONSULTATION */ /* BEGIN CAROUSEL */ .bd-placeholder-img {font-size:1.125rem;text-anchor:middle;user-select:none;} .carousel {margin-bottom:1rem;} .carousel-caption {bottom:3rem;z-index:10;} /* .carousel-item {height:60vh;} .carousel-item > img {height:100%;left:0;position:absolute;top:0;min-width:100%;} */ .masthead2 { background-position:top center; background-repeat:no-repeat; background-size:cover; height:100vh; overflow:hidden; } .masthead { animation:masthead-move 30s infinite; background-position:top left; background-repeat:no-repeat; background-size:cover; height:100vh; overflow:hidden; } @keyframes masthead-move { 0% {background-position:0% 0%;} 50% {background-position:100% 100%;} 100% {background-position:0% 0%;} } .home_bg { background-position:top left; background-repeat:no-repeat; background-size:cover; height:100vh; overflow:hidden; } /* END CAROUSEL */ /* BEGIN CERTS AND SEALS */ #certs_lab_tested {background-color:#c7e758;} #certs_lab_tested p {display:table-cell;font-family:LibreBaskerville;font-size:min(4vw,40px);padding:0 5%;text-align:center;vertical-align:middle;} #certs_lab_tested img{max-height:300px;float:right;padding-right:50px;} /* END CERTS AND SEALS */ /* ============ desktop view ============ */ @media all and (min-width:1903px) { .footer-list {font-size:26px;} #navigation .nav-link {font-size:22px;} #navigation .navbar-brand {padding-left:104px;} } @media (min-width:1200px){ .wtb_grid_item:nth-of-type(4n) {border-right:none;} /* .col-3-mw33 {max-width:33%!important;} */} @media (max-width:1199px){ .wtb_grid_item:nth-of-type(3n) {border-right:none;} .wtb_grid_item:nth-of-type(3n-2) {border-right:1px solid black;} /* .col-3-mw33 {max-width:33%!important;} */} /* ============ desktop view ============ */ @media all and (min-width:992px) { #navigation .has-megamenu{position:static!important;} .navbar {padding:0px !important;} #navigation .megamenu{left:0px; right:0px; width:100%; margin-top:0px;} } /* ============ mobile view ============ */ @media(max-width:991px){ .padding_top_138 {padding-top:0px;} .navbar-toggler-icon {background-color:#00b15a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");} .navbar-toggler:focus {box-shadow:none;} .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {overflow-y:auto;max-height:90vh;margin-top:10px;} #navigation .dropdown-menu a {color:unset;} .top_nav_division img {padding:0px;} #navigation .navbar-brand {margin:0px!important;padding:0px!important;width:calc(100% - 96px);} #navigation {position:sticky;top:0px;} .top_nav_division p {font-size:11px;} #top_nav {display:none;} #navigation .dropdown-menu li {display:block;width:100%;} footer {padding:88px 24px;} .footer-left {display:none!important;} .footer-right {padding:0px;} #footer_first {margin-bottom:24px;} #footer_first, #footer_last, #footer_email,#footer_form #footer_submit {padding-left:0px;text-align:center;width:100%} footer .accordion {display:unset;} footer .accordion_container{display:unset;overflow-x:hidden;overflow-y:visible;} footer .accordion-item {border:1px solid #5e716e;border-left:0px;border-right:0px;overflow-x:clip;} .footer-list {font-size:30px;list-style-type:none;margin-bottom:0px;padding-top:0px!important;} .footer-list li {border-bottom:1px solid #485d5a;width:100%;margin:0px;} .footer-list li:first-of-type {border-top:1px solid #485d5a;} .footer-list li:last-of-type {border-bottom:unset;} .footer-list li a:hover{text-decoration:none;} footer h5 {font-size:30px;} .footer-body {border:none!important;margin-top:0px;overflow:visible;} .footer-body-container {margin-top:62px;} .footer_socials {border-bottom:1px solid #ffffff;justify-content: space-between !important;padding:75px 0px!important;} .footer_social_icon {padding:0px!important;} .footer_social_icon:hover {filter: brightness(100);} #footer_submit {margin-bottom:0px!important;} .footer_bottom {margin-top:0px!important;} .footer_legal {margin:65px 0px!important;} .item_2 {border-right:none;} #vert_side_nav {display:none;} #product_right {padding:5%;} #product_right #additional_scents {font-size:14px;} #product_right #additional_scents img {max-width:40%;} #product_right #products_buy_now {width:200px;} #product_right #product_name {font-size:30px;} #product_right #product_text {font-size:16px;line-height:18px;} #wtb_popup {width:90%;} #accordionMobileFilter * {box-shadow:none!important;font-family:Montserrat;background-color:transparent!important;} #accordionMobileFilter .accordion-body {padding:0px!important;} #accordionMobileFilter .mobile_filter_link {text-decoration:none;} #accordionMobileFilter .mobile_filter_link div{border-bottom:1px solid #919191;color:#000000!important;font-size:24px;padding:20px 0px;} #accordionMobileFilter .mobile_filter_link p {margin-left:20px;margin-bottom:0px;} #accordionMobileFilter .mobile_filter_link:last-of-type div{border-bottom:none;} #accordionMobileFilter {display:block;margin-bottom:50px;padding:0px;border-radius:0px;border-bottom:1px solid #000000;border-top:1px solid #000000;} #accordionMobileFilter .accordion-item .accordion-button::after{background-image:unset;} #accordionMobileFilter .accordion-item .accordion-button {color:#000000!important;font-size:22px;} #accordionMobileFilter .accordion-item .accordion-button img {height:16px;margin-right:20px;} #accordionMobileFilter .st-default-search-input {border:1px solid #919191!important;border-radius:0px;margin-left:20px;width:60%!important;min-width:300px;} .section_spacing {padding-left:10px!important;} .ind_section_spacing {margin:30px 0px 0px 0px!important;} #featuredCarousel {padding-right:0px;} .product_matrix {padding:0px 10px!important;} .ct_hero_single {padding-left:0px!important;text-align:center!important;} .ct_hero_single img{height:auto;width:80%;} #single_tip_container {padding-top:calc((100%*(1866/1173))*(571/2800))} #article_container {padding-top:calc((100%*(1866/1173))*(571/2800))} #ct_body {margin-top:unset;padding-right:unset;padding:0 2.5%!important;} #need_list ul:first-of-type{margin-bottom:0px;} #need_list ul:last-of-type {margin-top:0px;} #use_description {padding-right:unset;} .wtb_grid_item:nth-of-type(even) {border-right:none;} .wtb_grid_item:nth-of-type(odd) {border-right:1px solid black;} .hero_text {font-size:20px;color:#000000;left:4vw;bottom:1vw;position:absolute;max-width:30vw;text-align:left;line-height:20px;} #resource_accordion{padding-left:0px;padding-right:0px;} #resource_accordion .accordion-item .accordion-body{padding-left:0px;padding-right:0px;} .label_means_title::after,.label_means_title::before,.label_means_title_no_line::before,.label_means_title_no_line::after{display:none!important;} #pro_resources_header::after,#pro_resources_header::before{display:none!important;} .professional_section_title::after,.professional_section_title::before{display:none!important;} .hosehold_section_title::after,.household_section_title::before{display:none!important;} .industrial_section_title::after,.industrial_section_title::before,.industrial_section_title_yellow::after,.industrial_section_title_yellow::before{display:none!important;} .janitorial_section_title::after,.janitorial_section_title::before{display:none!important;} } @media (max-width:767px) { .wtb_grid_item:nth-of-type(even) {border-right:none;} .wtb_grid_item:last-of-type {border-bottom:none;} .wtb_grid_item a img {max-width:80%;} } /* medium and up screens */ @media (min-width:768px) { #featuredCarousel .carousel-inner .carousel-item-end.active, #featuredCarousel .carousel-inner .carousel-item-next { transform:translateX(calc(100%/3)); } #featuredCarousel .carousel-inner .carousel-item-start.active, #featuredCarousel .carousel-inner .carousel-item-prev { transform:translateX(calc(-100%/3)); } #categoryCarousel .carousel-inner .carousel-item-end.active, #categoryCarousel .carousel-inner .carousel-item-next { transform:translateX(calc(100%/3)); } #categoryCarousel .carousel-inner .carousel-item-start.active, #categoryCarousel .carousel-inner .carousel-item-prev { transform:translateX(calc(-100%/3)); } #homeProductCarousel .carousel-inner .carousel-item-end.active, #homeProductCarousel .carousel-inner .carousel-item-next { transform:translateX(calc(100%/3)); } #homeProductCarousel .carousel-inner .carousel-item-start.active, #homeProductCarousel .carousel-inner .carousel-item-prev { transform:translateX(calc(-100%/3)); } #useProductCarousel .carousel-inner .carousel-item-end.active, #useProductCarousel .carousel-inner .carousel-item-next { transform:translateX(calc(100%/3)); } #useProductCarousel .carousel-inner .carousel-item-start.active, #useProductCarousel .carousel-inner .carousel-item-prev { transform:translateX(calc(-100%/3)); } #homeTipCarousel .carousel-inner .carousel-item-end.active, #homeTipCarousel .carousel-inner .carousel-item-next { transform:translateX(calc(100%/3)); } #homeTipCarousel .carousel-inner .carousel-item-start.active, #homeTipCarousel .carousel-inner .carousel-item-prev { transform:translateX(calc(-100%/6)); } #product_accordion {padding-left:20px;padding-right:20px;} } @media (max-width:767px) { #categoryCarousel .carousel-inner .carousel-item > div { display:none; } #categoryCarousel .carousel-inner .carousel-item > div:first-child { display:block; } #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:1;margin:0;width:100%;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:1;margin:0;width:100%;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:unset;} #categoryCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:unset;} #homeProductCarousel .carousel-inner .carousel-item > div { display:none; } #homeProductCarousel .carousel-inner .carousel-item > div:first-child { display:block; } #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:1;margin:0;width:100%;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:1;margin:0;width:100%;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:unset;} #homeProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:unset;} #useProductCarousel .carousel-inner .carousel-item > div { display:none; } #useProductCarousel .carousel-inner .carousel-item > div:first-child { display:block; } #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:1;margin:0;width:100%;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:1;margin:0;width:100%;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:unset;} #useProductCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:unset;} #homeTipCarousel .carousel-inner .carousel-item > div { display:none; } #homeTipCarousel .carousel-inner .carousel-item > div:first-child { display:block; margin:0 auto; } #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) {opacity:1;margin:0;width:100%;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) {opacity:1;margin:0;width:100%;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(-n+1) img {width:unset;} #homeTipCarousel .carousel-inner .carousel-item.active .col-md-4:nth-child(n+3) img {width:unset;} #featuredCarousel .carousel-inner .carousel-item {justify-content:center;} #featuredCarousel .carousel-inner .carousel-item > div { display:none; } #featuredCarousel .carousel-inner .carousel-item > div:first-child { display:block; } #product_accordion .accordion-item .product_sds img{margin-top:20px;width:70%;} #product_accordion .accordion-item .product_sds .accordion-body .sds_sample_div{text-align:left;} #hero_left {padding:5% 10% 5% 10%;} #hero_callout_industrial {font-size:15vw;margin-bottom:40px!important;} #hero_callout_household {font-size:8vw;margin-bottom:40px!important;} #hero_callout_professional {font-size:8vw;margin-bottom:40px!important;} #hero_callout_janitorial {font-size:8vw;margin-bottom:40px!important;} #hero_copy {padding-right:0px!important;} #janitorial_hero_link {width:100%;} #professional_hero_link {width:100%;} #industrial_hero_link {width:100%;} #household_hero_link {width:100%;} #our_story {padding-top:calc((80vw * (9/16) - 50px) * .1);height:calc(80vw * (9/16) - 50px);} #our_story_vid iframe{height:calc(80vw * (9/16));} .about_us_grid {padding-top:20px;} .home_about_link {width:100%;} .home_about_link_industrial {width:100%;} .home_about_link_professional {width:100%;} .home_about_link_janitorial {width:100%;} .household_section_title:before,.household_section_title:after {display:none;} .carousel_buttons {margin-right:0!important;float:unset!important;} #home_safer_choice {height:auto;} #home_safer_left #home_sc_img_container{position:relative;width:100%;top:0px;max-height:unset;} #home_safer_left #home_sc_img_container img{width:100%;} #home_safer_right {padding:0 2.5%!important;} #home_sc_copy {width:unset;} #household_home_products {background-image:unset;} #ct_search .st-default-search-input, .st-ui-search-input {margin:20px 0;width:80%;} #quality_heading {color:#253e3a;border-bottom:3px solid #bae848;border-right:none;padding:0 20px;} } #product_accordion {padding-left:20px;padding-right:20px;} @media(max-width: 576px) { #mobile_nav .top_nav_division{text-align:center;width:50%} .tip_card_container {display:flex;justify-content:center;} #product_hero_container {height:unset;} #pro_resources_header {font-size: 42px;} } /* BRANDON NAVIGATION #navigation ul, #navigation li {list-style:none;box-sizing:border-box;} #navigation a {color:#ff0000;text-decoration:none;-webkit-tap-highlight-color:#000000;} * {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-appearance:none;} .content {margin:auto;width:80%;max-width:1300px;} .header-of-page {position:fixed;width:100%;left:0px;top:0px;z-index:3;user-select:none;} .header-content {width:92%;max-width:1300px;margin:auto;padding:22px 0px;height:80px;display:flex;justify-content:space-evenly;} .header-content::after {clear:both;width:0px;height:0px;content:'';overflow:hidden;display:block;} .header-content .logo {display:block;float:left;font-size:22px;height:60px;color:#000000;line-height:32px;position:relative;bottom:12px;} .header-content .logo .iconfont {font-size:24px;font-weight:600;color:#fe4066;vertical-align:top;} .header-content .nav-menu {float:left;} .header-content .nav-menu::after {clear:both;width:0px;height:0px;content:'';overflow:hidden;display:block;} .header-content .nav-menu .nav-item {float:left;} .header-content .nav-menu .nav-item + .nav-item {margin-left:40px;} .header-content .nav-menu .nav-item > span, .header-content .nav-menu .nav-item > a {display:block;line-height:36px;font-size:22px;color:#000000;-webkit-transition:0.15s;-o-transition:0.15s;transition:0.15s;cursor:pointer;} .header-content .nav-menu .nav-item > span:hover, .header-content .nav-menu .nav-item > a:hover {color:#fe4066;} .header-content .nav-menu .nav-item > span .iconfont {padding-left:5px;color:inherit;} .header-content .nav-menu .nav-item h3 {font-size:18px;line-height:28px;color:#000000;margin:0px;-webkit-transition:0.15s;-o-transition:0.15s;transition:0.15s;} .header-content .nav-menu .nav-item h3 .edition {font-size:12px;color:#8c8889;line-height:normal;} .header-content .nav-menu .nav-item p {font-size:12px;color:#8c8889;line-height:16px;margin:0px;} .header-content .nav-menu .nav-item .nav-menu-drop {background-color:#ffffff;display:none;position:absolute;width:100%;top:78px;left:0px;-webkit-box-shadow:0 10px 12px rgba(0, 0, 0, 0.05);box-shadow:0 10px 12px rgba(0, 0, 0, 0.05);} .header-content .nav-menu .nav-item .nav-menu-drop ul {max-width:1300px;margin:0 auto;width:92%;overflow:hidden;} .header-content .nav-menu .nav-item .nav-menu-drop .product-nav {padding:58px 30px 72px;} .header-content .nav-menu .nav-item .nav-menu-drop .product-nav li {display:inline-block;width:33.3%;} .header-content .nav-menu .nav-item .nav-menu-drop .product-nav li a {display:block;} .header-content .nav-menu .nav-item .nav-menu-drop .product-nav li a h3 {margin-bottom:7px;} .header-content .nav-menu .nav-item .nav-menu-drop .product-nav li a:hover h3 {color:#fe4066;} .header-content .nav-menu .nav-item.active > span {color:#fe4066;} .header-content .nav-menu .nav-item.active > span .iconfont {color:#fe4066;} .header-content .nav-menu .nav-item.active .nav-menu-drop {display:block;} .header-content .ph-menu-icon {display:none;font-size:24px;color:#000000;line-height:36px;float:right;cursor:pointer;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .header-content .ph-menu-icon:before {content:url(https://simple-green-web22.s3.us-west-2.amazonaws.com/images/common/mobile_menu.png);} .header-content .ph-menu-icon:hover {color:#fe4066;} .header-content .ph-head {display:none;} .black-bg .logo {color:#ffffff;} .black-bg .nav-menu .nav-item > span, .black-bg .nav-menu .nav-item > a {color:#ff0000;} .black-bg .ph-menu-icon {color:#ffffff;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} .header-of-page.active {background-color:#f7f4f5;} .header-of-page.active .logo {color:#000000;} .header-of-page.active .nav-menu .nav-item > span, .header-of-page.active .nav-menu .nav-item > a {color:#000000;} .header-of-page.active .ph-menu-icon {color:#000000;} .bg-color {background-color:#f7f4f5;-webkit-box-shadow:#dcdcdc 0 2px 10px;box-shadow:#dcdcdc 0 2px 10px;} .secondary-menu {text-align:center;border-bottom:1px solid #f0f0f0;white-space:nowrap;overflow:hidden;overflow-x:auto;} .secondary-menu a {display:inline-block;*display:inline;*zoom:1;position:relative;margin:0 40px;font-size:16px;color:#8c8889;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;line-height:70px;} .secondary-menu a::before {content:'';width:40px;height:3px;background:#fe4066;position:absolute;left:50%;bottom:-1px;margin-left:-20px;opacity:0;filter:alpha(opacity=0);} .secondary-menu a:hover {color:#fe4066;} .secondary-menu a.active {color:#fe4066;} .secondary-menu a.active::before {opacity:1;filter:alpha(opacity=100);} @media (max-width:1365px) { .secondary-menu a {margin:0 20px;} } @media (max-width:1299px) { .header-content .logo {font-size:20px;} .header-content .nav-menu {margin-left:4%;} .header-content .nav-menu .nav-item + .nav-item {margin-left:25px;} } @media (max-width:1130px) { .header-content .nav-menu {margin-left:2%;} .header-content .nav-menu .nav-item + .nav-item {margin-left:15px;} } @media (max-width:1100px) { } @media (max-width:999px) { .header-content {display:block;} .header-content .nav-menu {display:none;} .header-content .ph-menu-icon {display:block;} .header-of-page.active {background-color:#f0f0f0;height:100%;overflow-y:auto;padding-top:66px;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:5;} .header-of-page.active .header-content {height:auto;width:100%;padding:0px;} .header-of-page.active .header-content > .logo {display:none;} .header-of-page.active .header-content .nav-menu {background-color:#ffffff;display:block;float:none;margin:0px;} .header-of-page.active .header-content .nav-menu .nav-item {float:none;margin-left:0px;border-bottom:1px solid #e9e9e9;padding:10px 4% 10px 6%;} .header-of-page.active .header-content .nav-menu .nav-item:last-child {border:none;} .header-of-page.active .header-content .nav-menu .nav-item.active > span {color:#000000;} .header-of-page.active .header-content .nav-menu .nav-item.active > span .iconfont {color:#000000;} .header-of-page.active .header-content .nav-menu .nav-item.active .nav-menu-drop {display:none;} .header-of-page.active .header-content .nav-menu .nav-item > span {overflow:hidden;} .header-of-page.active .header-content .nav-menu .nav-item > span .iconfont {float:right;font-size:20px;} .header-of-page.active .header-content .nav-menu .nav-item .nav-menu-drop {position:relative;left:auto;top:auto;-webkit-box-shadow:none;box-shadow:none;} .header-of-page.active .header-content .nav-menu .nav-item .nav-menu-drop ul {width:100%;} .header-of-page.active .header-content .nav-menu .nav-item .nav-menu-drop .product-nav {padding:0px;} .header-of-page.active .header-content .nav-menu .nav-item .nav-menu-drop .product-nav li {float:none;padding:25px 0px 30px 0px;width:100%;border-bottom:1px solid #e9e9e9;} .header-of-page.active .header-content .nav-menu .nav-item .nav-menu-drop .product-nav li > a {max-width:100%;margin-top:15px;} .header-of-page.active .header-content .ph-menu-icon {display:none;} .header-of-page.active .header-content .ph-head {display:block;position:fixed;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.04);padding:15px 4% 15px 6%;box-sizing:border-box;background-color:#ffffff;border-bottom:1px solid #e9e9e9;width:100%;left:0px;top:0px;height:68px;} .header-of-page.active .header-content .ph-head .mobile-logo {position:relative;bottom:12px;} .header-of-page.active .header-content .ph-head .ph-menu-icon {display:block;} .secondary-menu a {margin:10px 10px 0px;font-size:14px;line-height:60px;} } @media (max-width:599px) { .secondary-menu a {line-height:50px;white-space:nowrap;} } */ /* END NAVIGATION */