﻿/* TOP HEADER */
header, .mm-header { z-index: 210; }
header, header * { font-family: "ProximaNova", Helvetica, Arial, sans-serif; }
header .header_top { height: 70px; background: #fff; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; }
.header_right { align-self: flex-end; padding-bottom: 14px; }
header .header_top .header_left img { margin: 0; }
header .container { display: flex; align-items: center; height: 100%; justify-content: space-between; box-sizing: border-box; padding: 0 15px; }
header .header_top #navigation { background-color: #fff; }
header .header_top #navigation li a { background: none; color: #000; text-decoration: none; }
header .header_top #navigation li:last-child a { padding-right: 0 !important; }

/* Mega Menu */
.leaf-logo { height: auto !important; width: 101px; vertical-align: top; }
.full-logo { height: 120px; }
.mm-header { display: block; padding: 10px; display: block; float: none; clear: both; min-height: 152px; width: 100%; box-sizing: border-box; position: relative; background: #fff; }
.mm-header * { box-sizing: border-box; }
.mm-container { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
/*.mm-container .mm-col { float: left; position: relative; }*/
.mm-container .mm-col-logo { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }
.mm-container .mm-col-menu { margin-right: auto; padding: 15px 0 24px; width: 100%; display: flex; flex-wrap: wrap; }
.mm-container .mm-col-search { padding: 15px 0 24px; position: relative; margin-left: auto; }
.mm-container .mm-col-search .srch-toggle { background: none; box-shadow: none; border: 0; font-size: 25px; cursor: pointer; padding-bottom: 0; position: absolute; right: 0; top: 0; }
.mm-container .mm-col-search form { position: absolute; top: 60px; right: 0; height: 90px; padding: 18px; background: #f4f4f4; width: 340px; z-index: 2; display: none; }
.mm-container .mm-col-search form .form-wrapper { position: relative; display: flex; height: 100%; align-items: center; }
.mm-container .mm-col-search form button { position: absolute; height: 50px; right: 10px; top: 0; bottom: 0; margin: auto; background: none; color: #0e7fc4; box-shadow: none; border-radius: 0; border: 0; color: #000; cursor: pointer; }
.mm-container .mm-col-search form input { background: #FFFFFF; border: 1px solid #B5B5B5; height: 50px; width: 100%; color: #666666; font-size: 16px; padding: 10px 30px 10px 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.mm-container .mm-col-menu nav:not(.topnav) { padding-bottom: 24px !important; border-bottom: 1px solid #eee; margin-left: 70px; }
.mm-container .mm-col-menu nav menu > ul { list-style: none; padding: 0; margin: 0; }
.mm-container .mm-col-menu nav menu > ul > li { display: inline-block; }
.mm-container .mm-col-menu nav menu > ul > li:not(:last-child) { margin-right: 55px; }
.mm-container .mm-col-menu nav menu > ul > li:hover .mm-menu { /*display: block;*/ }
.mm-container .mm-col-menu nav menu > ul > li > a { text-transform: uppercase; display: block; text-decoration: none; font-size: 15px; padding: 10px 0; color: #000; position: relative; font-weight: 600; }
.mm-container .mm-col-menu nav menu > ul > li > a:before { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 7px; width: 0; bottom: -22px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #238190; z-index: 2; }
.mm-container .mm-col-menu nav menu > ul > li > a:hover:before { width: 100% !important; }
.mm-container .mm-col-menu nav menu > ul li.mm-dropdown.open > a:before,
.mm-container .mm-col-menu nav menu > ul li.active > a:before { width: 100%; }
.mm-container .mm-col-menu nav menu > ul li.mm-dropdown > a:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: none; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; padding-left: 10px; }
.mm-container .mm-col-menu nav menu > ul li.mm-dropdown.open > a { opacity: 1 !important; }
.mm-container .mm-col-menu nav menu > ul li.mm-dropdown.open > a:after { content: "\f077"; }
.mm-container .mm-col-menu nav menu > ul li.mm-dropdown > a .svg-inline--fa { margin-left: 10px; }
.mm-menu { position: absolute; left: 0; display: none; padding: 15px; top: 87px; background: #fff; z-index: 1; }
.mm-menu.mm-products { padding: 0; }
.mm-menu.mm-styles { padding-top: 25px; }
.mm-menu.full { width: 100%; }
.mm-menu.contained { width: 90%; margin: auto; right: 0; }
.mm-menu.bordered { border: 1px solid #c3c3c3; -webkit-box-shadow: 5px 5px 0px 0px rgba(184,184,184,1); -moz-box-shadow: 5px 5px 0px 0px rgba(184,184,184,1); box-shadow: 5px 5px 0px 0px rgba(184,184,184,1); }
.mm-menu.shadowed { -webkit-box-shadow: 0 9px 40px -35px #000; -moz-box-shadow: 0 9px 40px -35px #000; box-shadow: 0 9px 40px -35px #000; }
.mm-row.gray-bg { background-color: #f6f6f6; box-shadow: none !important; border: 0; }
.mm-menu.open { display: block; }
.mm-menu .mm-rows { display: block; width: 100%; }
.mm-menu .mm-rows .mm-row { display: block; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ececec; clear: both; float: left; }
.mm-menu .mm-rows .mm-row.no-border, .mm-menus .mm-menu .mm-rows .mm-row:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.mm-menu .mm-rows .mm-row .mm-col { float: left; display: block; }
.mm-menu .mm-rows .mm-row .mm-col.mm-col-4 { width: 25%; }
.mm-menu .mm-rows .mm-row .mm-col.mm-col-3 { width: 33.33333%; }
.mm-menu .mm-rows .mm-row .mm-col.mm-col-6 { width: 66.66666%; }
.mm-menu .mm-rows .mm-row .mm-col.mm-col-12 { width: 100%; }
.mm-menu .mm-rows .mm-row .mm-col-links ul { list-style: none; padding: 0; margin: 0; line-height: 22px; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li { margin-bottom: 6px; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li a { text-decoration: none; color: #000; font-size: 14px; position: relative; padding-bottom: 2px; display: inline-block; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li a:after { content: ""; transition: 0.2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 2px; width: 0; bottom: 0px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #398092; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li a:hover { color: #398092 !important; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li a:hover:after { width: 100% !important; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li a.blue-lnk { color: #398092 !important; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li a.blue-lnk:hover { color: #000 !important; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li.mm-ul-haeder { font-weight: 700; font-size: 15px; text-transform: uppercase; }
.mm-menu .mm-rows .mm-row .mm-col-links ul li.mm-ul-haeder a { font-weight: 700; font-size: 14px; }
.mm-menu .mm-rows .mm-section-header { width: 100%; float: left; clear: both; position: relative; margin: 25px 0 25px; }
.mm-menu .mm-rows .mm-section-header .line { width: 100%; height: 10px; background: #efefef; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; }
.mm-menu .mm-rows .mm-section-header h2 { padding: 0; margin: 0; display: inline-block; background: #fff; color: #000; position: relative; z-index: 2; padding-right: 20px; font-size: 16px; text-transform: uppercase; font-weight: 600; }
.mm-menu .mm-rows .mm-row .mm-image { margin-right: 15px; padding-left: 188px; }
.mm-menu .mm-rows .mm-row .mm-image img { width: 200px; }
.mm-menu .mm-rows .mm-row .mm-links { padding-left: 70px; }
.mm-menu .mm-rows .mm-row .mm-links .eyebrow { text-transform: uppercase; font-size: 15px; font-weight: 600; }
.mm-menu .mm-rows .mm-row .mm-links .title { margin: 20px 0 25px; }
.mm-row-flex { display: flex !important; flex-direction: row; }
.mm-menu .mm-rows .mm-row .mm-links .title a { font-size: 26px; line-height: 43px; color: #000; text-decoration: none; line-height: 35px; font-family: 'Libre Baskerville', serif; }
.mm-toggle-menu, .mm-toggle-search { display: none; background: none; border: 0; box-shadow: none; border-radius: 0; height: 100%; color: #0077c0; }
.mm-toggle-menu img { width: 45px; }
.mm-toggle-search { position: absolute; right: 0px; width: 70px; z-index: 1; }
.mm-toggle-search-x { display: none; right: 30px !important; width: 33px; }
.mm-header button:focus { box-shadow: none !important; outline: 0; }
.fadee > a { opacity: 0.3; }

@media screen and (max-width: 995px) {
    .mm-header { padding: 0; display: flex; float: none; justify-content: space-between; min-height: 50px; }
    .mm-col-logo { display: flex; align-items: center; width: auto; margin-left: 1rem; z-index: 1; }
    .mm-col-logo img { width: 165px; }
    .mm-col-menu { display: none; width: 100%; clear: both; flex-grow: 1; flex-basis: 100%; background: #fff; position: relative; top: 1px; }
    .mm-col-search { }
    .mm-col-search form { width: calc(100% - 35px); display: none; position: absolute !important; right: 18px; top: 0; bottom: 0; margin: auto; height: 30px; z-index: 5; transition: all .25s linear; }
    .mm-col-search.expanded { z-index: 5; }
    .mm-col-search.expanded form { width: calc(100% - 35px); }
    .mm-col-menu nav menu ul { display: flex; flex-direction: column; position: static; }
    .mm-container .mm-col-menu nav menu > ul > li { border-bottom: 1px solid #c3c3c3; position: relative; margin: 0 !important; }
    .mm-container .mm-col-menu nav menu > ul > li > a { padding: 20px; }
    .mm-container .mm-col-menu nav menu > ul li.mm-dropdown.open > a { opacity: 1 !important; }
    .mm-container .mm-col-menu nav menu > ul li.mm-dropdown > a:after { position: absolute; right: 30px; }
    .mm-menu { width: 100%; position: static; border: 0; box-shadow: none; }
    .mm-menu .mm-col { width: 100% !important; margin-bottom: 14px; }
    .mm-menu .mm-rows .mm-section-header .line { position: static; margin-bottom: 15px; }
    .mm-menu .mm-rows .mm-row .mm-image { height: 100%; }
    .mm-menu .mm-rows .mm-row .mm-links { width: 100%; }
    .mm-menu .mm-rows .mm-row:last-child { border-bottom: 0; }
    .mm-menu-expanded .mm-col-menu { display: flex !important; }
    .mm-search-expanded .mm-col-search form { display: block; }
    .mm-search-expanded .mm-toggle-search { display: none; }
    .mm-search-expanded .mm-toggle-search-x { display: inline-block; }
}

.mm-row-more { border-bottom: 0 !important; text-align: right; }
.mm-more { color: #000; text-decoration: none; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.mm-more:hover { text-decoration: none; color: #398092; }
.mm-more .svg-inline--fa { margin-left: 10px; }
.mm-menu.mm-products .mm-product-display .container { align-items: flex-start; }
.mm-menu.mm-products .mm-product-display a { color: #0e8093 !important; }
.mm-menu.mm-products .mm-product-display a:hover { color: #1fa0b5 !important; }
.mm-menu.mm-products .mm-rows .mm-row .mm-col-links ul li a { color: #0e8093; font-size: 16px; }
.mm-menu.mm-products .mm-rows .mm-row .mm-col-links ul li a .svg-inline--fa { margin-right: 6px; }
.mm-product-display { padding: 30px 0 10px; }
.mm-product-view-link { display: inline-block; border-radius: 30px; background: #398092; text-decoration: none; color: #fff; font-size: 16px; padding: 10px 25px; }
.mm-product-view-link:hover { }

.seperator { margin-bottom: 20px; width: 100%; height: 1px; background: #ececec; }

.mm-breadcrumbs { padding-top: 24px; margin-left: 70px; flex-basis: 100%; }
.mm-breadcrumbs span { display: inline-block; margin-right: 5px; font-weight: 400; font-size: 15px; }
.mm-breadcrumbs span a { transition: .25s; color: #398092 !important; font-size: 15px; }

.breadcrumb-sep { font-size: 12px; opacity: .5; }


@media screen and (max-width: 995px) {
    
    .mm-xl { display: none; }
    .xl-logo { display: none !important; }
    .horizontal-logo { width: 215px; display: inline-block !important; }
    .mm-header { background: #fff; transition: 0.2s; }
    .mm-container .mm-col-logo { display: flex; align-items: center; width: auto; margin-left: 1rem; z-index: 1; order: 1; }
    .mm-container { display: flex; position: relative; width: 100% !important; padding: 5px 0; justify-content: space-between; align-items: center; }
    .mm-container .mm-col-menu { position: absolute; height: 100%; background: none; }
    nav.topnav { position: absolute; background: none; display: block; bottom: 1px; border: 0; padding-bottom: 0 !important; }
    nav.topnav menu { background: #fff; }
    nav.topnav menu li { padding: 1.1em 0; padding-left: 10px; border-bottom: 1px solid #000; }
    nav.topnav menu li:hover { background: #fff; }
    nav.topnav menu li a { color: #000; }
    nav.topnav menu li a:hover { color: #398092; }
    .mm-container .mm-col-search form { top: 138px; }
    .mm-container .mm-col-search { padding: 0; display: flex; align-items: center; justify-content: center; order: 2; }
    .mm-container .mm-col-menu { order: 3; padding: 0; }
    .mm-container .mm-col-search .srch-toggle { padding-bottom: 5px !important; position: static; }
    .mm-toggle-menu, .mm-toggle-search { display: inline-block; z-index: 1; }
    .mm-container .mm-col-menu nav { margin-left: 0; }
    .mm-breadcrumbs { display: none; }
    .header_right { margin-left: auto; }
}

.sticky { position: fixed; top: 0; width: 100%; }
.sticky + .content { padding-top: 102px; }

.sticky.s-xl { min-height: 60px; box-sizing: border-box; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.15); box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.15); }
.sticky.s-xl .xl-logo { display: none !important; }
.sticky.s-xl .horizontal-logo { width: 215px; display: inline-block !important; }
.sticky.s-xl .mm-container { align-items: center; }
.sticky.s-xl .mm-container .mm-col-menu { padding: 0; }
.sticky.s-xl .mm-container .mm-col-menu nav menu > ul > li > a:hover { color: #398092; }
.sticky.s-xl .mm-container .mm-col-menu nav menu > ul > li > a:before { content: none; }
.sticky.s-xl .mm-container .mm-col-menu nav:not(.topnav) { padding: 0 !important; border: 0; }
.sticky.s-xl .mm-container .mm-col-search .srch-toggle { padding: 0 !important; }

.sticky.s-xl .mm-menu { top: 68px; }
.sticky.s-xl .mm-breadcrumbs { padding: 5px 0px 5px 0px !important; }


.rwdOverlayMask { opacity: 0.4; }
.flex-ul { display: flex; }
.flex-ul li:nth-child(2) { margin: 0 50px; }
.mm-menu.mm-products .mm-row.no-border .container,
.mm-menu.mm-products .mm-row.mm-row-more .container { padding-left: 200px; padding-right: 50px; }