* {
	margin:0;
	padding:0;
}

html, body {
    min-height: 100%;

}

body, .x-body {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.bodyBlackout {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #333;
    z-index: 100;
    opacity: .5;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
	font-family: 'Graphik Light';
	font-weight: 300;
    font-size: 42px;
    line-height: 56px;
    font-weight: 300;
}

.gcms h1 {
	font-family: 'Graphik Light';
	font-weight: 300;
    font-size: 42px;
    line-height: 56px;
    font-weight: 300;
    letter-spacing: -.02em;
    color: #333;
}

h2 {
	font-family: 'Graphik Light';
    font-weight: 300;
}

.gcms h2 {
	font-family: 'Graphik Light';
    font-weight: 300;
    font-size: 41px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #333;
}

input[type="text"], input[type="password"], input[type="email"], select {
    padding-left: 5px;
    padding-right: 5px;
}


.pageHeader {
    margin-bottom: 50px;
}

.colRight .pageHeader {
    margin-bottom: 32px;
}

.pageHeader h1 {
	font-family: "DM Sans", sans-serif;
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 48px;
    line-height: 1.1;
    color: #333;
    margin-bottom: 0;
}

.pageHeader h2 {
    font-family: 'Produkt';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #595959;
    margin-top: 16px;
}

.pageHeader h2.mediaSubheader {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #595959;
    letter-spacing: -.02em;
    margin-top: 16px;
}



.pageHeader2Col h2 {
    margin-bottom: 0;
}
.pageHeader2Col .rowPageHeader {
    display: flex;
   /* align-items: flex-end; */
    justify-content: space-between;
}
.pageHeader2Col .rowPageHeader .pageHeaderRight {
    padding-left: 40px;
    margin-left: 32px;
    border-left: 1px solid #d9d9d9;
    display: flex;
    align-items: flex-end;
}
.pageHeader2Col .rowPageHeader .pageHeaderRight .eyebrow {
    color: #333;
}
.pageHeader2Col .rowPageHeader .pageHeaderRight .social {
    margin-top: 20px;
}
.pageHeader2Col .rowPageHeader .pageHeaderRight .social a {
    display: inline-block;
    margin-left:28px;
    color: #333;
    font-size: 20px;
}
.pageHeader2Col .rowPageHeader .pageHeaderRight .social a:first-child {
    margin-left: 0;
}



.hero h1 {
    font-family: 'Graphik Extralight', 'Arial';
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 200;
    color: white;
    margin-bottom: 25px;
}

.hero .darkText h1 {
    color: #262626;
}



h2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 15px;
}

.hero h2 {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: .15em;
    margin-bottom: 12px;
    color: white;
    text-transform: uppercase;
}

.hero .darkText h2 {
    color: #262626;
}

.hero p {
  /*  max-height: 54px;  */
    margin-bottom: 40px;
}


.hero .darkText p {
    color: #262626;
}

.hero .eyebrowImg {
    max-height: 54px;
    margin-bottom: 40px;
}

.sectionHeader {
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 41px;
    line-height: 1.1;
    color: #262626;
    margin-bottom: 40px;
}

.sectionSubheader {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
    margin-bottom: 12px;
}

.sectionHeaderSmall {
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #262626;
    margin-bottom: 20px;
}

.blueBg .sectionHeader {
    color: #fff;
}
.blueBg .sectionHeader {
    color: #fff;
}

.headerLg {
    font-family: 'Graphik', 'Arial';
    font-size: 35px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #262626;
    margin-bottom: 24px;
}

.subheader {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
    margin-bottom: 12px;
}

.headerSm {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
    margin-bottom: 35px;
}

h3 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
}

.gcms h3 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    font-size: 35px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #333;
}

h4 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
}

.gcms h4 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #333;
}

.gcms h5 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #333;
}

h6 {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
}

.gcms h6 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #333;
}

.mobile480 {
    display: none;
}


.mobile767 {
    display: none;
}


.mobile991 {
    display: none;
}


.containerCool {
    width: 100%;
    max-width: 1280px;
    padding: 0 32px;
}
.containerCoolLg {
    width: 100%;
    max-width: 1400px;
}

.containerCool1440 {
    width: 100%;
    max-width: 1440px;
    padding: 0;
}

.row {
    margin-left: -16px;
    margin-right: -16px;
}

.row>* {
    padding-right: 16px;
    padding-left: 16px;
}

header {
    background-color: #fff;
}

.headerTop {
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    padding: 14px 0;
    background: black;
    color: white;
    height: 40px;
    padding: 0;
}

.headerTop > div.container {
    height: 100%;
}

.headerTop > div.container .row {
    align-items: center;
    height: 100%;
}

.headerTop a {
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    padding: 8px 0;
    color: white;
}

.headerTop .headerTopLeft a {
    text-decoration: underline;
}

.headerTop .headerTopRight ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.headerTop .headerTopRight .colInner {
    text-align: right;
}

.headerTop .headerTopRight ul li {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    z-index: 1;
}

.headerTop .headerTopRight ul li a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}

.headerTop .headerTopRight ul ul {
    display:none;
    position: absolute;
    min-width: 100px;
    top: 20px;
    right: 0;
    background: white;
    border: 1px solid gray;
}

.headerTop .headerTopRight ul li.globalNavActive ul {
    display:block;
}

.headerTop .headerTopRight ul ul li {
    display: block;
    margin-left: 0;
}

.headerTop .headerTopRight ul ul li a {
    color: #262626;
    display: block;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none;
}

.headerRight {
    position: absolute;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerRight .headerRightWrap {
    position: relative;
}

.headerRight .headerRightWrap a {
    display: inline-block;
    margin-left: 30px;
    color: #262626;
}

.headerRight .searchBox {
    position: absolute;
    top: -20px;
    left: -160px;
   display: none;
}

.headerRight .searchWrap {
    height: 60px;
    padding-top:15px;
    background: white;
}

.headerRight .searchBox input[type="text"] {
    width: 180px;
    height: 35px;
    padding-left: 30px;
    padding-right: 30px;
}

.backdrop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    /*background: rgba(0,0,0,0.7);  */
    backdrop-filter: blur(2px) contrast(.4);
}

/* nav */

/*.mobileNav {
    display:none;
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 1;
}  */

.mobileNav .navbar-nav {
    display:none;
}


.navbar {
    padding: 0;
    height: 65px;
    margin-bottom:12px;
    display: flex;
    align-items: flex-end;
}

.navbar-nav {
    width: 100%;
    align-items: center;
}

.navbar-nav li {
    padding: 0 12px;
}
.navbar-nav .nav-link {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #262626;
}
.navbar-nav .nav-link:hover {
    color: #262626;
    text-decoration: none;
}

.navbar-nav .nav-link:focus {
    color: #262626;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #262626;
}
.navbar-nav .nav-link i {
    font-size: 12px;
}

.navbar-nav a.nav-link i.fa-angle-up {
    display: none;
}

.navbar-nav a.prod-linkOn i.fa-angle-down {
    display: none;
}

.navbar-nav a.prod-linkOn i.fa-angle-up {
    display: inline;
}

.navbar-nav a.learn-linkOn i.fa-angle-down {
    display: none;
}

.navbar-nav a.learn-linkOn i.fa-angle-up {
    display: inline;
}

.navbar-nav a.support-linkOn i.fa-angle-down {
    display: none;
}

.navbar-nav a.support-linkOn i.fa-angle-up {
    display: inline;
}   

.navbar-brand {
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: 4px;
}

.navbar-brand img {
    width: 120px;
    padding: 0 0;
}

.navbar-brand img:hover {
    opacity: .5;
}

ul.dropdown-menu {
    margin-top: 20px !important;
    border-radius: 4px;
    padding: 0;
    width: 200px;
    border: none;
    background-color: #F1F2ED;
}

ul.dropdown-menu a {
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    display: block;
    padding: 12px 16px 12px 12px;
}

ul.dropdown-menu a:hover, ul.dropdown-menu a:focus {
    color: #fff;
    background-color: #035E55;
}

.prodNav {
    display: none;
    position: absolute;
    top: 117px;
    border-top: 1px solid #d9d9d9;
    width: 100%;
    background-color: white;
    z-index: 1000;
}

.prodNav .navHeader{
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 28px;
}

.prodNav .catHeader{
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #262626;
    padding-bottom:6px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px;
    margin-top: 12px;
}
.prodNav .prodNavRight .prodNavRow .prodNavCol .colInner .catHeader:first-child {

    margin-top: 0;
}


.prodNav .catHeader a {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #262626;
    display: block;
    text-decoration: none;
    position: relative;
}

.prodNav .catHeader a:hover {
    text-decoration: none;
}

.prodNav .catHeader a span:hover {
    text-decoration: underline;
}

.prodNav .catHeader a i {
    position: absolute;
    right: 8px;
    top: 1px;
}

.prodNavLeft {
    padding-top: 35px;
}

.prodNavLeft .colInner {
    height: 100%;
    border-right: 1px solid #d9d9d9;
    padding-right: 25px;
}

.prodNavLeft ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.prodNavLeft ul li {
    padding: 0;
    margin-bottom: 18px;
}

.prodNavLeft ul a {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #262626;
    display: block;
    text-decoration: none;
    position: relative;
}

.prodNavLeft ul a:hover {
    text-decoration: none;
}

.prodNavLeft ul a span:hover {
    text-decoration: underline;
}

.prodNavLeft ul a i {
    position: absolute;
    right: 8px;
    top: 1px;
}

.prodNavRight {
    padding-top: 35px;
}
.prodNav .prodNavRightImg {
  position: absolute;
  height: 100%;
  width: 275px;
  top: 0;
  right: 0;
  background-image: url('../images/prodnavRight.jpg');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 100% auto;
}

.prodNav .prodNavRightOver {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 275px;
    padding: 16px 16px 24px 16px;
    backdrop-filter: blur(2px) contrast(.7);
    background: rgba(0, 0, 0, 0.3);
}
.prodNav .prodNavRightOver h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    margin-bottom: 10px;
}
.prodNav .prodNavRightOver a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}


.prodNavRight .prodNavRow  {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.prodNavRight .prodNavRow .prodNavCol {
    width: 33.3%;
}

.prodNavRight .prodNavRow .prodNavCol .colInner {
    padding: 0 15px;
}

.prodNavRight .colInner {
    height: 100%;
}

.prodNavRight ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.prodNavRight ul li {
    padding: 0;
    /*margin-bottom: 18px;*/
    margin-bottom: 10px;
}

.prodNavRight ul a {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #262626;
    display: block;
    text-decoration: none;
    position: relative;
}

.prodNavRight ul a:hover {
    text-decoration: none;
}

.prodNavRight ul a span:hover {
    text-decoration: underline;
}

.prodNavRight ul a i {

}

.learnNav, .supportNav {
    display: none;
    position: absolute;
    top: 117px;
    left: 50%;
    transform: translate(-50%);
    width: 656px;
    height: 280px;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    z-index: 1000;
}
.navDd {
    padding: 32px;
}


.navDdLeft ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.navDdLeft ul li {
    padding: 0;
    margin-bottom: 18px;
}

.navDdLeft ul a {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #262626;
    display: block;
    text-decoration: none;
    position: relative;
}

.navDdLeft ul a:hover {
    text-decoration: none;
}

.navDdLeft ul a span:hover {
    text-decoration: underline;
}

.navDdLeft ul a i {
    position: absolute;
    right: 8px;
    top: 1px;
}

.navDdRight img {
    width: 100%;
    display: block;
}

.learnNav .navDdRight .imageOverlay {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 18px 16px;
    backdrop-filter: blur(2px) contrast(.7);
    background: rgba(0, 0, 0, 0.3);
}
.navDdRight .imageOverlay .arrowLink {
    color: white;
    font-size: 12px;
}


.navDdRight .imageOverlay .arrowLink:hover {
    color: white;
    text-decoration: none;
}

.navChat {
    background: #0e49ca;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    color: white;
    font-size: 14px;
}

.navChat .button {
    background-color: white;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    padding: 8px 16px;
}



.mobileNavActive .backdrop {
    display: block;
}

.mobileNavDrawer {
    position: fixed;
  /*  position: absolute;  */
    width: 400px;
    max-width: 100%;
    height: 100%;
    overflow-y: auto;
  /*  height: auto; */
    top: 0;
    right: 0;
    z-index: 10002;
    background: white;
    border-top: 1px solid #d9d9d9;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    margin-top: 117px;
}

.mobileNavInner {
    padding: 32px;
}

.mobileNavInner ul, .mobileNavInner ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileNavInner ul ul {
    padding-left: 24px;
    margin-bottom: 16px;
}

.mobileNavInner ul li {
    border-bottom: 1px solid #d9d9d9;
}

.mobileNavInner ul li li, .mobileNavInner ul.addlNav li {
    border-bottom: none;
}

.mobileNavInner ul li a {
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #262626;
    display: block;
    padding: 16px 0;
    position: relative;
}

.mobileNavInner ul li a i {
    position: absolute;
    right: 0;
}

.mobileNavInner ul.addlNav {
    margin-top: 32px;
}

.mobileNavInner ul.addlNav li a i {
    position: static;
}

.mobileNavInner ul li h3 {
    margin-bottom: 0;
}

.mobileNavInner ul li h3 a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #262626;
}

.mobileNavDrawer .drawerClose {
    top: -60px;
    right: 32px;
}
.mobileNavDrawer .drawerClose a {
    width: 62px;
    height: 42px;
    border-radius: 0%;
}

.mobileNavDrawer .mobileSecondary {
    display: none;
}

.mobileNavInner .mobileSecondary li a {
    padding-left: 24px;
}

.mobileNavInner .mobileSecondary li a i {
    right: auto;
    left: 0px;
}

.mobileNavInner .mobileSecondary ul li a {
    padding-left: 0;
}

.mobileNavInner .mobileSecondary ul li a {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
}

.mobileNavInner .mobileSecondary ul li:first-child a {
    font-weight: 600;
    cursor: default;
    text-decoration: none;
}

.headerAlt {
    background: #0e49ca;
}
.headerAlt a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: white;
}
.headerAlt .headerAltRow {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 16px;
    padding-bottom: 20px;
}





/* / end nav */

/* footer */

footer, footer a {
    color: white;
}

.footerNav h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #a4d5fc;
    margin-bottom: 22px;
}

.footerNav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footerNav ul li {
   margin-bottom: 10px;
}

.footerNav ul li:last-child {
   margin-bottom: 0;
}

.footerNav .colInner ul li a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

.footerBlue {
    background: linear-gradient(
    to right,
    #253068 0%,
    #253068 50%,
    #0e49c9 50%,
    #0e49c9 100%
  );
}

.footerBlue .colB1, .footerBlue .colB2 {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #253068;
}
.footerBlue .colB3 {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #0e49c9;
}

.footerGray {
    background: #404040;
    padding: 15px 0;
}

.footerBanner {
    background-image: url('../images/footerBanner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.footerBanner .row {
    height: 330px;
    align-content: flex-end;
}

.footerBanner .row > div {
    padding-bottom: 3%;
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #fff;
}

.logoFooter {
    max-width: 160px;
    display: block;
    margin-bottom: 50px;
    position: relative;
    top: -5px;
}

footer .contactLinks a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}

footer .contactLinks a:last-child {
    margin-bottom: 0;
}

footer .colB3 h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 22px;
}

footer .colB3 p {
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #fafafa;
    margin: 0;
    padding: 0;
}

footer .colB3 p a {
    text-decoration: underline;
}

footer .colB3 .colInner {
    padding-left: 20px;
}

footer .colB3 input {
    display: block;
    width: 100%;
}
footer .subscribeForm {
    margin-bottom: 18px;
}

footer .subscribeForm .inputWrap {
    max-width: 360px;
    position: relative
}

 footer .subscribeForm input[type="text"], footer .subscribeForm input[type="email"] {
    height: 35px;
    padding-right: 30px;
    padding-left: 10px;
}

footer .copyright ul, footer .social ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer .copyright ul li, footer .social ul li {
    display: inline-block;
    margin-right: 30px;
}

footer .copyright ul li:last-child, footer .social ul li:last-child {
    margin-right: 0;
}

footer .copyright ul li {
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #fff;
}

footer .copyright ul li a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #fff;
}

footer .social {
    text-align: right;
}

footer .social ul li i {
    font-size: 20px;
}

/* / end footer */


/* modals */
.modal-backdrop.show {
    opacity: .8;
}
.modal-lg {
   max-width: 800px;
}

.modal-content {
    color:  #262626;
    background-color: white;
    border: none;
    border-radius: 0;
}
.modal-header {
    background-color: #f9f7f3;
    border: none;
    border-radius: 0;
    justify-content: space-between;
    padding: 24px 24px 24px 32px;
}
.modal-header h5 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}
.modal-header .modalClose {
    color: #262626;
}
.modal-body-wrap {
    background-color: #fff;
}
.modalBodyScroll .modal-body-wrap {
    max-height: 540px;
    overflow: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}
.modal-body {
    padding: 24px 32px;
}

.modal-body h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    margin-bottom: 16px;
}

.modalTransHeader {
    background-color: transparent;
}

.modalTransHeader .modal-header {
    background-color: transparent;
    padding: 24px 0 24px 0;
}
.modalTransHeader .modal-header h5 {
    color: #fff;
}
.modalTransHeader .modal-header .modalClose {
    color: #fff;
}
.modalTransHeader .modal-body-wrap {
    background-color: white;
}

.modalSignup .modal-body {
    padding: 0;
}
.modalSignup .modalClose {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    color: #262626;
}

.modalSignup .modal-body h3 {
    font-size: 35px;
    margin-bottom: 8px;
}

.modalSignup .produkt {
    font-size: 16px;
    color: #333;
}

.modalSignup .modalRow {
    display: flex;
}
.modalSignup .modalRow .modalRowLeft {
    width: 38%;
    background-image: url('/images/modalSignup.jpg');
    background-size: cover;
}
.modalSignup .modalRow .modalRowRight {
    width: 62%;
}

.modalSignup .modalRow .modalRowRight .inner {
    padding: 40px 48px 48px 42px;
}

.modalSignup .formWrap {
  margin-top: 24px;
}


.modalSignup .fieldWrap {
    margin-bottom: 16px;
}

.modalSignup .fieldWrap input[type=text] {
    background-image: url(/images/icon-email-field.png);
    display: block;
    height: 45px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 12px center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.modalSignup .button {
    width: 100%;
    text-align: center;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 30px;
    padding: 16px 24px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
}

.modalSignup p.smaller {
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
}

/* /end modals */

/* forms */


.formErrMsg {
    display: none;
}

.formErrMsg p {
    font-weight: bold;
    color: #d24424;
}

.genForm {
    max-width: 720px;
}

.genForm .row > div {
    margin-bottom: 22px;
}

.genForm .row:last-child div:last-child {
    margin-bottom: 0;
}

.genForm  label {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    display: block;
    margin-bottom: 8px;
}

.genForm input[type="text"], .genForm input[type="password"], .genForm select {
    width: 100%;
    height: 48px;
    border: 1px solid #d9d9d9;
    padding-left: 5px;
    padding-right: 5px;
}

.genForm select {
 -webkit-box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
-moz-box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
}

.genForm textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #d9d9d9;
    padding-left: 5px;
    padding-right: 5px;
}

.genForm  .cbRadioInline  {
    display: inline-block;
}

.genForm  .cbRadioInline .cbRadio {
    display: inline-block;
    padding-right: 20px;
}

.genForm .cbRadio label {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 4px;
}

/* /end forms */

img.br8, .br8 img {
    border-radius: 8px;
}

.white {
    color: #fff !important;
}

.black {
    color: #000;
}

.clearAll {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden;
    display: block;
}

.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}


.rowValignCenter {
    align-items: center;
}

.rowValignBottom {
    align-items: flex-end;
}

.rowAlignCenter {
    justify-content: center;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

div.spacer40 {
    clear: both;
    height: 40px;
}

div.spacer80 {
    clear: both;
    height: 80px;
}

.p0 {
    padding: 0;
}


.m0 {
    margin: 0;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pb0 {
    padding-bottom: 0;
}

.pt0 {
    padding-top: 0;
}

.mt10 {
    margin-top: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mb25 {
    margin-bottom: 25px;
}

.pt25 {
    padding-top: 25px;
}

.pb25 {
    padding-bottom: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.pt30 {
    padding-top: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.pt50 {
    padding-top: 50px;
}

.pb50 {
    padding-bottom: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

ra4 {
    border-radius: 4px;
}

ra8 {
    border-radius: 8px;
}

.narrow .colInner {
    max-width: 800px;
    margin: 0 auto;
}

.fixedStuff {
    position: fixed;
    right: 16px;
    bottom: 8px;
}
.fixedStuff img {
    display: block;
}

.fixedStuff a:last-child {
    visibility: hidden;
}

a.backTo {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    display: inline-block;
}

a.backTo i {
    color: #0e49ca;
}

.ttip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.ttip .ttiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s;
}

.ttip:hover .ttiptext {
  visibility: visible;
  opacity: 1;
}

.ttip .ttiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.oneUpSplit {
    position: relative;
}

.bleedRight {

}
.bleedRight .bleedRightInner {
    width: calc(1200px + (100vw - 1200px) / 2);
}

.nostickRel {
    position: relative !important;
}

.eyebrow {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: .15em;
    margin-bottom: 12px;
    color: #595959;
    text-transform: uppercase;
}


.shipMeter {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
}

.shipMeter span {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    color: #262626;
}

.shipMeter .meterRow {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
.shipMeter .meterRow .meter {
    flex: 1;
}
.shipMeter .meterRow .meter div {
    height: 8px;
    border-radius: 4px;
    margin-top:6px;
    background: linear-gradient(to right, #ffbb45 0px, #ffbb45 60%, #e6e6e6 60%, #e6e6e6 100%);
}
.shipMeter .meterRow .meterTotal {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-left: 6px;
}


/* buttons */

button, .button {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    display:inline-block;
    border-radius: 30px;
    padding: 12px 24px;
    color: #333;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38,38,38,0.05);
}

.btnDisabled {
    background-color: #7f7f7f !important;
    color: #d9d9d9 !important;
    text-decoration: none !important;
    cursor: default !important;
}


.btnDark {
    background-color: #333;
    color: #fff;
}

.btnCheckout {
    background-color: #0e49ca;
    color: #fff;
    width: 100%;
    max-width: 342px;
}

.btnWhite {
    color: #333;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}

.btnTransWhite {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}

.btnWhiteBdr {
    background-color: #fff;
    border: 1px solid #262626;
    box-shadow: none;
}

.prodFilter .btnWhiteBdr {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 5px 7px 0px rgba(38, 38, 38, 0.2);
}


.arrowLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    white-space: nowrap;
}


.arrowLink:hover {
    color: #0e49ca;
}

.iconLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    white-space: nowrap;
}

.hero button, .hero .button {
    margin-right: 20px;
    background-color: white;
    padding: 15px 30px;
}

.hero .darkText button, .hero .darkText .button {
    background-color: #333;
    color: white;
}

.hero .arrowLink {
    font-size: 18px;
    color: white;
}

.hero .darkText .arrowLink {
    color: #262626;
}


.btnLtblue {
    background: #c7d9ff;
}


.btnCard {
    font-size: 14px;
    line-height: 1;
    background: #333;
    color: white;
    padding: 9px 20px;
}


.buttonFloat {
    display: none;
    position: fixed;
    top: 50%;
    width: 100%;
    background: #0E49CA;
}

.buttonFloat .inner {
    padding: 24px 16px;
}

.buttonFloat .btnFloat {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    display: inline-block;
    border-radius: 30px;
    width: 100%;
    text-align: center;
    padding: 16px 24px;
    background: #92ace6;
    color: #333;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
    cursor: default;
}

.buttonFloat .btnFloatActive {
    background: #fff;
    color: #333;
    cursor: pointer;
}


/* /end buttons */

section {
    margin-bottom: 80px;
    overflow: hidden;
}

.sectionTop {
    margin-top: 80px;
}

img.imgFull, .imgFull img {
    width: 100%;
}




.genBcrumb .bcrumbWrap {
    background: #f9f7f3;
    border-top: 1px solid #d9d9d9;
}

.genBcrumb .bcrumbWrap .row {
    height: 48px;
}

.genBcrumb .bcrumb {
    color: #262626;
}



.bcrumb {
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: 300;
}

.bcrumb, .bcrumb a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 12px;
    color: inherit;
}

.darkText .bcrumb, .darkText .bcrumb a {
    color: #262626;
}

.bcrumb a {
    display: inline-block;
    margin: 0 8px;
    font-weight: 600;
}

.bcrumb a:first-child {
    margin-left: 0;
}

.bcrumb a:last-child {
    cursor: default;
    opacity: 7;
}

/* heros */

.hero {
    position:relative;
    color: white;
}

.hero .container-fluid {
    padding: 0;
    margin: 0;
}

.hero .container-fluid > .row {
    height: 600px;
    margin: 0;
}

.hero .heroLeftBg {
    background-color: #0e49ca;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.hero .heroRightBg {
    background-image: url('/images/hero.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
}

.hero .heroOverlay {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    height: 100%;
}

.hero .heroOverlay .row {
    height: 100%;
    align-items: flex-end;
}

.hero .heroOverlay .row .heroLeft {
    padding-bottom: 90px;
    position: relative;
}

.hero .heroOverlay .bcrumb {
    position: absolute;
    top: 8px;
    z-index: 1;
}

.hero .heroLeftBg .borderLine {
    position: absolute;
    bottom: 0;
    height: 16px;
    width: 100%;
    background-color: #243067;
}

.heroAlt .heroLeftBg {
    background-color: #ffbb45;
}

.heroAlt .heroLeftBg .borderLine {
    background-color: #c38a1e;
}

.heroAlt h2 {
    color: #595959;
}

.heroAlt h1 {
    color: #262626;
}

.heroAlt button, .heroAlt .button {
    background-color: #333;
    color: #fff;
}

.heroAlt .arrowLink {
    color: #262626;
}

.heroAlt .bcrumb, .heroAlt .bcrumb a {
    color: #262626;
}



.heroV2 {
    background-image: url('/images/hero2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
}
.heroV2 .heroRightBg {
    background-image: none;
}

.heroV2 .heroLeftBg {
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: 48px;
}
.heroV2 .bcrumbOverlay {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
    background-color: #000;
    opacity: .75;
}

.heroPartBlur .partBlur {
    position: absolute;
    height: 100%;
    width: calc(400px + (100vw - 1200px) / 2);
    top; 0;
    left: 0;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.1);
}

.heroCollectionAlt .heroLeftBg {
    background-color: transparent;
    background-image: url('/images/heroSwatch.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.heroCollectionAlt .bcrumbOverlay {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
    background-color: #000;
    opacity: .75;
    z-index: 1;
}
.heroCollectionAlt .heroOverlay {
    z-index: 2;
}


.heroHalfBlur {
    background-image: url(/images/heroHome.jpg);
    background-size: cover;
    background-position: center;
}

.heroHalfBlur .containerCool > .row {
    height: 600px;
    align-items: flex-end;
}

.heroHalfBlur .heroLeft {
    padding-bottom: 80px;
}

.heroHalfBlur .partBlur {
    position: absolute;
    height: 100%;
    width: 50%;
    top; 0;
    left: 0;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.1);
}

.heroHalfBlur .bcrumbOverlay {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
    background-color: #000;
    opacity: .75;
}
.heroHalfBlur  .bcrumb {
    position: absolute;
    top: 8px;
    z-index: 1;
}

.heroHalfSolid {
        background-image: none;
    }

.heroHalfSolid .heroHalfSolidOverlay {
    position: absolute;
    width: 100%;
}

.heroHalfSolid .heroHalfSolidOverlay .halfSolidOverlayRow {
    display: flex;
    height: 600px;
}

.heroHalfSolid .heroHalfSolidOverlay .halfSolidOverlayLeft {
    background-color: #0e49ca;
    height: 100%;
    width: 50%;
    border-bottom: 16px solid #243067;
}

.heroHalfSolid .heroHalfSolidOverlay .halfSolidOverlayRight {
    background-image: url(/images/hero.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    width: 50%;
}

.heroHalfSolid .containerCool > .row {
        height: 600px;
        align-items: flex-end;
    }

.heroHalfSolid .heroLeft {
    padding-bottom: 80px;
    background-color: #0e49ca;
    border-bottom: 16px solid #243067;
}

.heroHalfSolid .heroRight {
    background-image: url(/images/hero.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.heroHalfSolid .bcrumbOverlay {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
    background-color: #000;
    opacity: .75;
}
.heroHalfSolid  .bcrumb {
    position: absolute;
    top: 8px;
    z-index: 1;
}

/*.heroHalfSolid .bcrumb, .heroHalfSolid .bcrumb a {
    color: #262626;
}  */


.hero1440 {
    background-image: url('/images/heroSwatch.jpg');
    background-repeat: repeat;
    height: 600px;
}

.hero1440 .hero1440Overlay {
    position: absolute;
    width: 100%;
    height: 600px;
}

.hero1440 .hero1440Overlay .hero1440OverlayRow {
    display: flex;
    height: 600px;
}

.hero1440 .hero1440Overlay .hero1440OverlayLeft {
    background-color: transparent;
    height: 100%;
    width: 50%;
}

.hero1440 .hero1440Overlay .hero1440OverlayRight {
    background-image: url(/images/heroCollectionRight.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    width: 50%;
}

.hero1440 .bcrumbOverlay {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
    background-color: #000;
    opacity: .75;
}
.hero1440  .bcrumb {
    position: absolute;
    top: 8px;
    z-index: 1;
}

.hero1440 > .containerCool {
        height: 100%;
}

.hero1440 > .containerCool > .row {
        height: 100%;
        align-content: flex-end;
}

.hero1440 .heroLeft {
    padding-bottom: 80px;
}

.hero1440 .heroRight {
        background-size: 0;
}


/* /end heros */

/* accordion */


.accordionWrap {
    border-top: 1px solid #a6a6a6;
}

.accordionWrap > ul, .accordionWrap > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}

.accordionWrap > ul > li {
    border-bottom: 1px solid #a6a6a6;
}

.accordionWrap > ul > li > h4  {
    display: block;
    padding: 30px 32px;
    position: relative;
    cursor: pointer;
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
}

.accordionWrap > ul > li > h4 i {
    position: absolute;
    right: 15px;
}

.accordionWrap .accordion h4 i.fa-angle-up  {
    display: none;
}

.accordionWrap .accordionOpen h4 i.fa-angle-up  {
    display: inline;
}

.accordionWrap .accordionOpen h4 i.fa-angle-down  {
    display: none;
}

.accordionWrap .accordion .accordionBody  {
    display: none;
    padding: 10px 32px 20px 32px;
}

.accordionWrap .accordionOpen .accordionBody  {
    display: block;
}


/* / end accordion */


section.grayBg {
    padding: 70px 0;
    background: #f9f7f3;
}

section.grayBg h6 {
    margin-bottom: 35px;
}


section.ltBlueBg {
    padding: 70px 0;
    background: #c4e4fd;
}


.produkt, .produkt p, .gcms p, .gcms ul li, .gcms ol li {
    font-family: 'Produkt';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #262626;
}

.produkt14, .produkt14 p {
    font-size: 14px;
}


.produkt.white p, .produkt14.white p, .produkt16.white p {
    color: #fff;
}

.hero .bodyCopy {
    margin-bottom: 36px;
    margin-top: -15px;
}

.hero .produkt p {
    font-family: 'Produkt';
    font-size: 19px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
}

.hero .produkt p:last-child {
    margin-bottom: 0;
}




.produkt16, .produkt16 p {
    font-family: 'Produkt';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #262626;
}

.products .prodFilter .mobile {
    display: none;
}

.products .prodFilter {
    margin-bottom: 18px;
}

.products .prodFilter .row {
    align-items: center;
}


.products .prodFilter .activeFilters{
    margin-top: 18px;
}

.products .prodFilter .filterRight {
    text-align: right;
}

.products .prodResults img {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.products .prodResults .row > div {
    margin-bottom: 44px;
    position: relative;
}

.products .prodResults .row div .bottom .row > div:last-child {
    text-align: right;
}

.products .prodResults a.fav {
    position: absolute;
    top: 5px;
    right: 25px;
}

.products .prodResults button.tag {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 12px;
    width: auto;
    padding: 3px 10px;
    border: none;
    box-shadow: none;
}

.products .prodResults button.tagBestseller {
    color: #fff;
    background-color: #22955c;
}

.products .prodResults button.tagNew {
    color: #592e2f;
    background-color: #f685af;
}

.products .prodResults .cat {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: .15em;
    color: #262626;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.products .prodResults .title {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    margin-bottom: 7px;
}

.products .prodResults .title a {
    color: inherit;
}

.products .prodResults .price {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
}

.products .activeFilters a {
    color: #333;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    text-decoration: underline;
}

.products .prodResults .price span {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #595959;
}

.products .activeFilters .button, .products .activeFilters a.button {
    display: inline-block;
    margin-right: 10px;
    background-color: #c7d9ff;
    color: #123c96;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 3px;
    box-shadow: none;
}

.products .activeFilters .button:hover {
    text-decoration: none;
}

.prodFilter .filterLeft .filterWrap {
    display: flex;
    align-items: center;
}

.prodFilter .filterLeft .coolSelect {
    margin-right: 14px;
}

.prodFilter .filterLeft > a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #262626;
}

.prodFilter .filterRight .coolSelect {
    margin-left: 14px;
}

.fieldWrap .fieldErrMsg {
    display: none;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    color: #d24424;
    margin-top: 2px;
}

.fieldErr .fieldErrMsg {
    display: block;
}
.fieldErr input[type=text], .fieldErr input[type=password], .fieldErr select, .fieldErr .fieldErrBorder {
    border: 2px solid #d24424 !important;
}

.fieldErr .fieldErrBorder {
    padding: 5px 4px;
    display: inline-block;
}


/* coolsSelect */

.coolSelect {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 4px;
    border: 1px solid #d9d9d9;
    box-shadow: rgb(217 217 217 / 87%) 1px 6px 10px 1px;
    list-style-type: none;
    z-index: 1;
    min-width: 150px;
    margin-bottom: 4px;
}
.coolSelect ul {
    margin-bottom: 0;
}

.coolSelect > i {
    position: absolute;
    right: 3px;
    top: 5px;
}

.coolSelect ul {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 200px;
    background: white;
    border: 1px solid black;
    padding: 0;
}

.coolSelectOn ul {
    display: block;
}

.coolSelect li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.coolSelect li a {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #595959;
    text-decoration: none;
    display: block;
    padding: 2px 20px 2px 5px;
    position: relative;
}

.coolSelect li a i {
    position: absolute;
    right: 4px;
    top: 8px;
}

.coolSelect li a i.fa-angle-up {
    display: none;
}

.coolSelectOn li a i.fa-angle-down {
    display: none;
}

.coolSelectOn li a i.fa-angle-up {
    display: inline;
}

.coolSelect ul li a {
    display: block;
    padding: 5px 3px 5px 20px;
    position: relative;
    font-size: 14px;
    line-height: 1.2;
}

.coolSelect li a input {
    position: absolute;
    left: 2px;
    top: 8px;
}

/* / end coolSelect */

/* drawers */

.drawerActive .backdrop {
    display: block;
}

.atcDrawer {
    position: fixed;
    width: 500px;
    max-width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10001;
    background: white;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.drawerActive .atcDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

.atcWrap {
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    position:relative;
}

.atcInner {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 25px;
}

.drawerClose {
    position:absolute;
    top: 10px;
    right: 10px;
}

.drawerClose a {
    color: #262626;
    text-decoration: none;
    background: white;
    display: flex;
    width: 30px;
    height: 30px;
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.drawerClose a:hover {
    color: #266bff;
}

.atcBottom {
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.atcDetailLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    display: block;
    padding: 20px 32px;
    color: white;
    background: #10285b;
}

.atcImg {
    margin-bottom: 30px;
}

.atcImg img {
    display: block;
    width: 100%;
}
.atcDetail {
    padding: 0 32px;
}
.atcDetail h3 {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    letter-spacing: -.02em;
    font-size: 30px;
    line-height: 33px;
    color: #262626;
    margin-bottom: 16px;
}

.atcDetail .priceLine {
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    letter-spacing: -.02em;
    color: #0a7b6c;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
}

.atcDetail .priceLine .price {
    font-size: 19px;
    line-height: 24px;
}

.atcDetail .priceLine .priceStrike {
    font-size: 16px;
    line-height: 20px;
    color: #595959;
    text-decoration: line-through;
}

.atcDetail .shortDesc {
	font-family: 'Produkt';
	font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #262626;
    margin-bottom: 16px;
}

.atcDetail .rating span {
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 10px;
}

.atcDetail .rating {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    letter-spacing: -.02em;
    color: #262626;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
}

.atcDetail .filterGroup {
    margin-bottom: 16px;
}

.atcDetail .fgbb {
    padding-bottom: 16px;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 6px;
}

.atcDetail .filterGroup label {
    display: block;
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    letter-spacing: -.02em;
    color: #262626;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 4px;
}

.atcDetail .filterGroup label span {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    padding-left: 8px;
}

.atcDetail a.policyLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.atcDetail a.moreLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #262626;
    text-decoration: none;
}

.atcDetail .btnSmall {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    background: #fff;
    display: inline-block;
    padding: 8px 18px;
    text-align: center;
    border: 1px solid #d9d9d9;
    margin-right: 4px;
    margin-bottom: 3px;
}

.atcDetail .btnSmallOn {
    background: #d9d9d9;
}



.filtersDrawer {
    position: fixed;
    width: 370px;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10001;
    background: white;
    transform: translateX(-370px);
    transition: transform 0.3s ease-in-out;
}


.drawerActive .filtersDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

.filtersDrawer .drawerClose {
    top: 22px;
    right: 22px;
}

.filtersDrawer .drawerClose a {
    background: transparent;
}

.filtersWrap {
    width: 100%;
    height: 100%;
    padding-bottom: 70px;
    position: relative;
}

.filtersInner {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 25px;
}

.filtersBottom {
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.filtersBottom .button {
    color: #fff;
    background: #333;
}

.filtersBottom .inner {
    padding: 15px 32px;
}


.filtersBottom .inner .col-6 {
    display: flex;
    align-items: center;
}

.filtersBottom .textLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.filtersDrawer h2 {
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    color: #262626;
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0;
    background: #F9F7F3;
    padding: 26px 32px;
}

.filtersDrawer .coolSelect {
    display: block;
    position: relative;
    margin: 0;
    padding: 38px 0;
    border: none;
    border-top: 1px solid #d9d9d9;
    box-shadow: none;
    list-style-type: none;
    z-index: 1;
}

.filtersDrawer .coolSelect li a {
    padding: 2px 32px 2px 32px;
    position: relative;
}

.filtersDrawer .coolSelect li a i {
    position: absolute;
    right: 32px;
    top: 8px;
}

.filtersDrawer .coolSelect ul {
    position: static;
    width: 100%;
    background: white;
    border: none;
    padding: 20px 32px 0 32px;
}

.cartDrawer {
    position: fixed;
    width: 500px;
    max-width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10001;
    background: white;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.drawerActive .cartDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

.cartDrawer .cartWrap {
    width: 100%;
    height: 100%;
    padding-bottom: 165px;
    position:relative;
}

.cartDrawer .cartHeader {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
    background: #f9f7f3;
}

.cartDrawer .cartHeader .cartHeaderRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.cartDrawer .cartHeader .cartHeaderLeft h1 {
    display: inline-block;
    font-family: 'Graphik', 'Arial';
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
    margin-bottom: 0;
    margin-right: 12px;
}

.cartDrawer .cartHeader .cartHeaderRight a i {
    color: black;
}

.cartDrawer .cartInner {
    width: 100%;
    height: calc(100% - 80px);
    overflow: auto;
    padding-bottom: 25px;
    padding-left: 32px;
    padding-right: 32px;
}

.cartDrawer .cartBottom {
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #243067;
    padding: 32px;
}

.cartDrawer .cartBottom .cartBottomRow {
    display: flex;
    justify-content: space-between;
}

.cartDrawer .cartBottom .cartBottomRow:first-child {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 28px;
}


.cartDrawer .cartBottom .cartBottomRow .button {
    padding-top: 11px;
    padding-bottom: 11px;
}

.cartDrawer .cartBottom .cartBottomRow .btnFullWidth  {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}


.cartDrawer .cartBottom .cartBottomRow .btnCartDrawer {
    color: #fff;
    background: #243067;
    border: 1px solid #fff;
}


.cartDrawer .cartBottom .cartBottomRow .btnCartDrawerWhite {
    color: #333;
    background: #fff;
    border: 1px solid #fff;
}

.cartDrawer .prodList .prodRow {
    padding: 24px 0;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    width: 100%;
}

.cartDrawer .prodList .prodRow .prodRowImg {
    width: 25%;
}

.cartDrawer .prodList .prodRow .prodRowImg img {
    padding-right: 16px;
}

.cartDrawer .prodList .prodRow .prodRowInfo {
    width: 75%;
}

.cartDrawer .prodList .prodRowInfo h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 4px;
    position: relative;
    padding-right: 25px;
}

.cartDrawer .prodList .prodRowInfo h3 a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    letter-spacing: inherit;
}


.cartDrawer .prodList .prodRow:hover .prodRowInfo h3 a {
    color: #0e49ca;
    text-decoration: underline;
}

.cartDrawer .prodList .prodRowInfo h3 a.cartRemove {
    position: absolute;
    right: 0;
    color: black;
}

.cartDrawer .prodList .prodRowInfo p {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #262626;
    margin-bottom: 6px;
}

.cartDrawer .prodList .prodRowInfo p a {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    text-decoration: underline;
}



.cartDrawer .prodRowInfoBtm {
    margin-top: 12px;
    position: relative;
    display: block;
}

.cartDrawer .prodRowInfoBtm a.cartRemove {
    position: absolute;
    top: 12px;
    right: 0;
    color: black;
}

.cartDrawer .prodList .prodRowInfo .qtyWrap {
    position: relative;
    height: 40px;
    width: 110px;
    margin-bottom: 12px;
}

.cartDrawer .prodList .prodRowInfo .qtyWrap input[type='text'] {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #262626;
    width: 100%;
    height: 100%;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.cartDrawer .prodList .prodRowInfo .qtyWrap a {
    position: absolute;
    top: 9px;
    color: #262626;
    text-decoration: none;
}

.cartDrawer .prodList .prodRowInfo .qtyWrap a.minus {
    left: 16px;
}

.cartDrawer .prodList .prodRowInfo .qtyWrap a.plus {
    right: 16px;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight {
  /*  width: calc(100% - 158px);  */
    width: 100%;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner {
    display: flex;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach {
    width: 60%;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .price {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .green {
    color: #0a7b6c;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .priceStrike {
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    color: #737373;
    text-decoration: line-through;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceTot {
    width: 40%;
    text-align: right;
}

.cartDrawer .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceTot .price {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}

.drawerActive .signinDrawer {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}
.signinDrawer {
    position: fixed;
    width: 500px;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    right: 0;
    z-index: 10001;
    background: white;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
.signinDrawer .signinHeader {
    height: 80px;
    padding-left: 32px;
    padding-right: 32px;
    background: #f9f7f3;
}
.signinDrawer .signinHeader .signinHeaderRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.signinDrawer .signinHeader .signinHeaderLeft h1 {
    display: inline-block;
    font-family: 'Graphik', 'Arial';
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
    margin-bottom: 0;
    margin-right: 12px;
}
.signinDrawer .signinHeader .signinHeaderRight a i {
    color: black;
}
.signinDrawer .signinInner {
    padding: 52px 32px 12px 32px;

}
.signinDrawer .drawerBlock {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 36px;
    margin-bottom: 52px;

}
.signinDrawer h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 35px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #333;
    margin-bottom: 32px;

}
.signinDrawer .fieldWrap {
    margin-bottom: 16px;
}
.signinDrawer .fieldWrap input[type=text], .signinDrawer .fieldWrap input[type=password] {
    display: block;
    height: 45px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 12px center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
.signinDrawer .fieldWrap input[type=text] {
    background-image: url('/images/icon-email-field.png');
}
.signinDrawer .fieldWrap input[type=password] {
    background-image: url('/images/icon-password-field.png');
}
.signinDrawer .fieldWrap .fieldErrMsg {
    display:none;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    color: #d24424;
    margin-top: 2px;
}
.signinDrawer .fieldErr input[type=text], .signinDrawer .fieldErr input[type=password] {
    border: 2px solid #d24424;
}
.signinDrawer .fieldErr .fieldErrMsg {
    display:block;
}
.signinDrawer .button {
    width: 100%;
    text-align: center;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 30px;
    padding: 16px 24px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border: none;
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
}
.signinDrawer .btnDrawerWhite {
    background-color: #fff;
    color: #333;
    border: 1px solid #262626;
    box-shadow: none;
}

/* / end drawers */

.filtersUlWrap .coolSelect ul {
    padding: 8px 8px 8px 12px;
    width: 220px;
}

.filtersDrawer .filtersUlWrap  .coolSelect ul {
    width: 100%;
    padding: 20px 32px 0 32px;
}

.filtersUlWrap .coolSelect ul li a {
    display: block;
    padding: 10px 3px 10px 22px;
    position: relative;
    font-size: 14px;
    line-height: 1.2;
}

.filtersUlWrap .coolSelect ul li a:hover {
    color: #0e49ca;
    text-decoration: underline;
}

.filtersUlWrap .coolSelect ul li a label {
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.filtersUlWrap .coolSelect li a input {
    top: 11px;
}


.qtyAtc .row {
    margin-left: -5px;
    margin-right: -5px;
}

.qtyAtc .row:first-child {
    margin-bottom: 16px;
}

.qtyAtc .row > * {
    padding-left: 5px;
    padding-right: 5px;
}

.qtyAtc .button {
    background: #333;
    color: white;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 0;
    width: 100%;
    text-align: center;
}

.qtyAtc .btnHollow {
    background: white;
    color: #262626;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 0;
    width: 100%;
    text-align: center;
    border: 1px solid #262626;
}

.qtyAtc input[type='text']  {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #262626;
    width: 100%;
    height: 100%;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.qtyAtc .qtyWrap {
    position: relative;
    height: 100%;
}

.qtyAtc .qtyWrap a {
    position: absolute;
    top: 12px;
    color: #262626;
    text-decoration: none;
}

.qtyAtc .qtyWrap a.minus {
    left: 16px;
}

.qtyAtc .qtyWrap a.plus {
    right: 16px;
}

/* twoUps */


.twoUpImgLeft .colLeft .colInner {
    padding-bottom: 30px;
}

.twoUpImgLeft .colLeft .colInner > img, .twoUpImgRight .colRight .colInner > img {
    width: 100%;
    box-shadow: 3px 11px 30px -6px rgba(102,102,102,1);
}

.twoUpImgLeft .colInner p, .twoUpImgRight .colInner p {
    font-family: 'Produkt';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #262626;
}

.twoUpImgLeft .colInner p:last-child, .twoUpImgRight .colInner p:last-child {
    margin-bottom: 0;
}

.twoUpImgLeft .colRight .colInner {
    padding: 0 72px;

}

.twoUpImgRight .colLeft .colInner {
    padding: 0 72px 0 104px;

}

.blockWrap {
    margin-bottom: 16px;
}

.blockWrapIcon {
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: top left;
}

.blockWrap h6 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 2.5;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.twoUpImgLeft .colInner .blockWrap p, .twoUpImgRight .colInner .blockWrap p {
    font-family: 'Produkt';
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #262626;
}

.starBullet {
    padding-left: 22px;
    background-image: url('/images/bulletStar.png');
    background-repeat: no-repeat;
    background-size: auto 13px;
    background-position: 0px 3px;
}

.checkBullet {
    padding-left: 30px;
    background-image: url('/images/bulletCheck.png');
    background-repeat: no-repeat;
    background-size: auto 21px;
    /*background-position: 0px 3px;    */
}

/* / end twoUps */

/* prod page */


.prodWrap .bcrumbWrap {
    background: #f9f7f3;
    border-top: 1px solid #d9d9d9;
}

.prodWrap .bcrumbWrap .row {
    height: 48px;
}

.prodWrap .bcrumb {
    color: #262626;
}


.prodHeader .prodHeadLeft img {
    width: 100%;
}
.prodHeader .row {
    margin-left: 0;
    margin-right: 0;
}

.prodHeader .qtyAtc .row > * {
    padding-left: 5px;
    padding-right: 5px;
}



.prodHeader .row > div {
    padding-left: 0;
    padding-right: 0;
}

.prodHeader .row > div.prodHeadLeft {
    width: 57.778%;
}

.prodHeader .prodHeadLeft .colInner {
    margin-right: 32px;
    height: 100%;
    background-image: linear-gradient(to left, rgba(239,239,239,1), rgba(239,239,239,0));
    background-position: right;
    background-repeat: no-repeat;
    background-size: 6px 100%;
    padding-bottom: 80px;
}

.prodHeader .prodHeadRight .colInner {
    max-width: 490px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.prodHeader .slider-for a, .prodHeader .slider-nav a {
    cursor: default;
}

.prodHeader .slider-for a.vidPop, .prodHeader .slider-nav a.vidPop {
    position: relative;
    cursor: pointer;
}

.prodHeader .slider-for a.vidPop img.playOverlay {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 48px !important;
}

.prodHeader .slider-nav a.vidPop img.playOverlay {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 32px !important;
}

.prodHeadRight h1 {
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 38px;
    line-height: 1.1;
    color: #262626;
    margin-bottom: 16px;
}

.prodHeadRight h3 {
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 38px;
    line-height: 1.1;
    color: #262626;
    margin-bottom: 16px;
}

.prodHeadRight .priceLine {
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    letter-spacing: -.02em;
    color: #0a7b6c;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
}

.prodHeadRight .priceLine .price {
    font-size: 19px;
    line-height: 1.25;
    color: #262626;
}

.prodHeadRight .priceLine .priceSale {
    color: #0a7b6c;
}

.prodHeadRight .priceLine .priceStrike {
    font-size: 16px;
    line-height: 1.25;
    color: #595959;
    text-decoration: line-through;
}

.prodHeadRight .shortDesc {
	font-family: 'Produkt';
	font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    margin-bottom: 20px;
}

.prodHeadRight .rating span {
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 10px;
}

.prodHeadRight .rating {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    letter-spacing: -.02em;
    color: #262626;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
}

.prodHeadRight .filterGroup {
    margin-bottom: 20px;
}

.prodHeadRight .fgbb {
    padding-bottom: 16px;
    border-bottom: 1px solid #a6a6a6;
    margin-bottom: 6px;
}

.prodHeadRight .filterButtons {
    display: inline-block;
}

.prodHeadRight .filterGroup label {
    display: block;
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    letter-spacing: -.02em;
    color: #262626;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}

.prodHeadRight .filterGroup label span {
    font-family: 'Graphik', 'Arial';
    font-weight: 400;
    padding-left: 8px;
}

.prodHeadRight a.policyLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.prodHeadRight a.moreLink {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #262626;
    text-decoration: none;
}

.prodHeadRight .btnSmall {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    background: #fff;
    display: inline-block;
    padding: 8px 18px;
    text-align: center;
    border: 1px solid #d9d9d9;
    margin-right: 4px;
    margin-bottom: 6px;
    box-shadow: 0px 2px 2px 0px rgba(38, 38, 38, 0.15);
}

.prodHeadRight .btnSmallOn {
    background: #d9d9d9;
    box-shadow: none;
}

.keyFeatures {
    padding: 80px 0;
    background: #0e49ca;
}

.keyFeatures .produkt p {
    font-size: 19px;
    line-height: 1.5;
    color: #fff;
}

.keyFeatures .eyebrow {
    color: #fff;
    margin-top: 65px;
}


.prodRelated .priceLine {
    font-family: 'Graphik Medium', 'Arial';
    font-weight: 500;
    letter-spacing: -.02em;
    /*color: #0a7b6c; */
    color: #262626;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 16px;
}

.prodRelated .priceLinePromo {
    color: #0a7b6c;
}

.prodRelated .priceLine .price {
    font-size: 16px;
}

.prodRelated .priceLine .priceStrike {
    font-size: 14px;
    line-height: 1.25;
    color: #595959;
    text-decoration: line-through;
}


.prodRelated .intro {
    margin-bottom: 50px;
}

.prodRelated .intro .row div:last-child {
    text-align: right;
}

.prodRelated .relatedRow {
    display: flex;
}

.prodRelated .relatedRow .relatedColLeft {
    width: 252px;
    margin-right: 28px;
}

.prodRelated .relatedRow .relatedColLeft .colInner {
    padding: 0 24px;
}

.prodRelated .relatedRow .relatedColRight {
    width: calc(100% - 252px);
}

.prodRelated .relatedRow {
    background: #f9f7f3;
}

.prodRelated .relatedBody .relatedColLeft {
    padding-top: 24px;
    background: #f1ede3;
}

.prodRelated .relatedBody .relatedColLeft img {
    display: block;
    margin-bottom: 18px;
}

.prodRelated .relatedBody .relatedColLeft h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 500;
    color: #262626;
    margin-bottom: 12px;
}

.prodRelated .relatedBody .relatedColRight {
    padding-top: 24px;
}


.scrollmenu {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

table.cards td {
  /*  width: 300px;  */
    min-height: 100px;
    position: relative;
    padding-bottom: 65px;
}

table.cards td .bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
}

table.cards td .bottom .starNum {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1;
    font-weight: 600;

}

table.cards td .bottom .row {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
}

table.cards td .bottom .row div:last-child {
    text-align:right;
}

table.cards td .tdInner {
    margin: 0 12px;
}


table.cards td .tdInner img {
    display: block;
    margin-bottom: 12px;
}

table.cards td .tdInner img.spacer {
    display: block;
    width: 280px;
    height: 1px;
    visibility: hidden;
    margin-bottom: 0;
}

table.cards td .tdInner eyebrow {
    margin-bottom: 10px;
}

table.cards td .tdInner h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 500;
    color: #262626;
    margin-bottom: 18px;
}

/* / end prod page */

/* carousels */



.prodStrip .cardWrap {
  /*  width: 300px;  */
    height: 100%;
    min-height: 100px;
    position: relative;
    padding-bottom: 65px;
}

.prodStrip .cardWrap .cardBottom {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.prodStrip .cardWrap .cardBottom .starNum {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1;
    font-weight: 600;

}

.prodStrip .cardWrap .cardBottom .row {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
}

.prodStrip .cardWrap .cardBottom .row div:last-child {
    text-align:right;
}

.prodStrip .cardWrap .cardInner {
    margin: 0 12px;
}


.prodStrip .cardWrap .cardInner img {
    display: block;
    margin-bottom: 12px;
}

.prodStrip .cardWrap .cardInner img.spacer {
    display: block;
    width: 280px;
    height: 1px;
    visibility: hidden;
    margin-bottom: 0;
}

.prodStrip .cardWrap .cardInner eyebrow {
    margin-bottom: 10px;
}

.prodStrip .cardWrap .cardInner h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 500;
    color: #262626;
    margin-bottom: 18px;
}

.prodStrip .cardWrap .cardInner h3 a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

.prodStrip .priceLinePromo {
    color: #0a7b6c;
}

.prodStrip .priceLine .price {
    font-size: 16px;
}

.prodStrip .priceLine .priceStrike {
    font-size: 14px;
    line-height: 1.25;
    color: #595959;
    text-decoration: line-through;
}

.prodStrip .cardWrap a.fav {
    position: absolute;
    top: 5px;
    right: 25px;
}

.slick-dots li button {
    box-shadow: none;
}
.slick-dots li button:before {
    font-size: 8px;
}


.carouselFeatures .carouselRow {
    display: flex;
}
.carouselFeatures .carouselRow .carouselItem {
    width: 25%;
}
.carouselFeatures .carouselRow .carouselItem .carouselItemWrap {
    border-left: 4px solid #ffbb45;
    height: 100%;
    min-height: 425px;
    background-color: #fff;
}

.carouselFeaturesIcons .carouselRow .carouselItem .carouselItemWrap {
    border-left: 1px solid #ffbb45;
    height: 100%;
    min-height: auto;
    background-color: transparent;
}
.carouselFeatures .carouselRow .carouselItem .inner {
    padding: 28px 16px;
}
.carouselFeaturesIcons .carouselRow .carouselItem .inner {
    padding: 12px 16px;
}

.carouselFeatures .carouselRow .carouselItem .inner .produkt, .carouselFeatures .carouselRow .carouselItem .inner .produkt p {
    font-size: 16px;
    color: #262626;
}

.carouselFeatures .carouselRow .carouselItem .inner .produkt14, .carouselFeatures .carouselRow .carouselItem .inner .produkt14 p {
    font-size: 14px;
}

.carouselFeatures .carouselRow .carouselItem .img img {
    display: block;
    width: 100%;
}
.carouselFeaturesIcons .carouselRow .carouselItem .img img {
    display: inline-block;
    height: 45px;
    width: auto;
    margin-left: 16px;
}

.carouselFeatures .carouselRow .carouselItem h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #262626;
    margin-bottom: 16px;
}

.carouselFeatures .carouselRow .carouselItem p {
    font-size: 16px;
}

.carouselFeatures .carouselRow .carouselItem a.arrowLink {
    font-size: 12px;
}
.carouselWrap .intro {
    margin-bottom: 32px;
}

.carouselWrap .colInner .buttons {
    margin-top: 24px;
}
.carouselWrap .colInner .blocksRow {
    margin-top: 24px;
}
.carouselWrap .colInner .blocksRow > div {
    margin-bottom: 16px;
}

.carouselWrap .colInner .block h4 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #fff;
    margin-bottom: 4px;
}

.carouselWrap .colInner .block .produkt p, .carouselWrap .colInner .block .produkt {
    font-size: 14px;
    color: #fff;
}

.carouselWrap .colInner .block .produkt14 p, .carouselWrap .colInner .block .produkt14 {
    font-size: 14px;
}

.carouselWrap .colInner .block .produkt p:last-child {
    margin-bottom: 0;
}

.carouselWrap .colInner .buttons .button {
    min-width: 140px;
    text-align: center;
    margin-right: 16px;
}


.keyFeatures .slick-track {
    display: flex !important;
}

.keyFeatures .slick-slide {
    height: inherit !important;
}



.prodStrip .slick-track {
    display: flex !important;
  /*  margin-left: -16px;
    margin-right: -16px;  */
}
.prodStrip .slick-slide {
    height: inherit !important;
    margin-left: 10px;
    margin-right: 10px;

}
.prodStrip .slick-track > div {
   /* display: block;
    padding-left: 16px;
    padding-right: 16px; */
}

/* / end carousels */




.bottomLabels .row > * {
    margin-bottom: 32px;
}
.bottomLabels .colInner img {
    display: block;
    width: 100%;
}
.bottomLabels .colInner {
    position: relative;
}
.bottomLabels .bottomLabel {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    padding: 16px 16px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.3);
}

.bottomLabels .colInner a:hover .bottomLabel {
    backdrop-filter: none;
    background-color: #0e49ca;
}


/* homepage */

.heroHome {
    background-image: url('/images/heroHome.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
}

.heroHome .containerCool > .row {
    height: 810px;
    align-items: flex-end;
}

.heroHome .heroLeft {
    padding-bottom: 80px;
}

.heroHome .heroRight, .heroPartBlur .heroRight {
    background-size: 0;
}

.threeUpImgLeft {
}

.threeUpImgLeft .row {
    margin: 0;
}

.threeUpImgLeft .row > div {
    padding: 0;
    background-color: #0e49ca;
}

.threeUpImgLeft .colLeft {
    min-height: 540px;
    background-image: url('/images/homePool.jpg');
    background-size: cover;
    background-position: center center;
    border-left: 4px solid #ffbb45;
}

.threeUpImgLeft .colInner {
    padding: 66px 75px 20px 20px;
}

.threeUpImgLeft .colInner .cBlock {
    margin-bottom: 34px;
}

.threeUpImgLeft .colLeft .colInner {
    padding: 32px 40px;
}

.threeUpImgLeft .colMid .colInner {
    padding-left: 64px;
}

.threeUpImgLeft .colInner .icon {
    display: block;
    margin-bottom: 15px;
    height: 48px;
}

.threeUpImgLeft .colInner h3 {
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 41px;
    line-height: 1.1;
    color: white;
    max-width: 265px;
}

.threeUpImgLeft .colInner h4 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 8px;
    color: white;
}

.threeUpImgLeft .colInner p {
    font-family: 'Produkt';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: white;
}

.threeUpImgLeft .colInner .eyebrow {
    color: white;
    margin-bottom: 16px;
}

.splitFull {
    padding: 0;
}
.splitFull .row {
    margin: 0;
}

.splitFull .row > div {
    padding: 0;
    position: relative;
}

.splitFull .row > div img {
    width: 100%;
}

.splitFull .row div .colInner {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 264px;
    background: #25DCBB;
    border-bottom: 4px solid #1d372c;
    padding: 16px 24px 20px 24px;
    min-height: 190px;
}

.splitFull .row > div:last-child .colInner {
    background: #592E2F;
    border-bottom: 4px solid #f685af;
}

.splitFull .row div .colInner h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.splitFull .row div .colInner h4 {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.splitFull .row div .colInner p {
    font-family: 'Produkt';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.splitFull .row div img.mobile {
    display: none;
}

.splitFull .row div .colInner .button  {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    margin-top: 8px;
    padding: 8px 18px;
    background: white;
}

.splitFull .row > div .darkText h3 {
    color: #333;
}

.splitFull .row > div .darkText h4 {
    color: #333;
}

.splitFull .row > div .darkText p {
    color: #333;
}

.dualFlushLeft {
    padding: 0;
}
.dualFlushLeft .row {
    margin: 0;
}

.dualFlushLeft .row > div {
    padding: 0;
}

.dualFlushLeft .row > div:first-child .colInner {
    padding-right: 16px;
}

.dualFlushLeft .row > div:last-child .colInner {
    max-width: 430px;
    margin-left: 10%;
}

.dualFlushLeft .row div .colInner h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 35px;
    line-height: 1.1;
    font-weight: 400;
    color: #333;
    margin-bottom: 16px;
}

.dualFlushLeft .row div .colInner h4 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.dualFlushLeft .row div .colInner .headerImg img {
    display: block;
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 24px;
}

.dualFlushRight .row > div:first-child {
    order: 2;
}

.dualFlushRight .row > div:last-child {
    order: 1;
}

.dualFlushRight .row > div:last-child .colInner {
    float: right;
    margin-left: 0;
    margin-right: 10%;
}

.rightSlider .row {
    justify-content: center;
}

.rightSlider .row > * {
    text-align: center;
}

.logoGrid .row {
    justify-content: center;
}

.logoGrid .row > * {
    text-align: center;
}

.logoGrid .row img {
    max-width: 216px;
}

.tiled {
  background: linear-gradient(
    to right,
    #0e49ca 0%,
    #0e49ca 40%,
    #243067 40%,
    #243067 100%
  );
}

.tiled .row > * {
    padding-top: 100px;

  padding-bottom: 100px;
}

.tiled .row > div:first-child {
  background: linear-gradient(
    to right,
    #0e49ca 0px,
    #0e49ca 296px,
    #243067 296px,
    #243067 100%
  );
}

.tiled .row > div:first-child .colInner {
  text-align: right;
}

.tiled .row > div:last-child .colInner {
  padding-left: 32px;
}

.tiled .colInner .imgNotFull {
    display: inline-block;
    width: 84%;
}

.tiled .colInner img.tiledOverlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 280px;
}

.tiled .colInner h6 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 8px;
}

.tiled .colInner .headerImg img {
    display: block;
    max-width: 100%;
    max-height: 100px;
    margin-bottom: 24px;
}

.tiled .colInner .white, .tiled .colInner .white p {
    color: #fff;
}

.tiledRight .row > div:first-child {
    order: 2;
}

.tiledRight .row > div:last-child .colInner {
    padding-left: 0;
}

.tiledRight .colInner img.tiledOverlay {
    display: none;
}

.tiledRight .colInner .imgNotFull {
    width: 92%;
}


.tiledRight {
  background: linear-gradient(
    to left,
    #0e49ca 0%,
    #0e49ca 40%,
    #243067 40%,
    #243067 100%
  );
}

.tiledRight .row > div:first-child {
  background: linear-gradient(
    to left,
    #0e49ca 0px,
    #0e49ca 296px,
    #243067 296px,
    #243067 100%
  );
}

.homeGallery .row {
    margin-left: -4px;
    margin-right: -4px;
}
.homeGallery .row > * {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
}

.homeGallery .intro .row > div:last-child .colInner {
  text-align: right;
}

.homeGallery .intro .sectionHeader {
    margin-bottom: 10px;
}

/* /end homepage */



.splitBg {
  background: linear-gradient(
    to right,
    #0e49ca 0%,
    #0e49ca 40%,
    #243067 40%,
    #243067 100%
  );
}

.splitBg > div > .row > * {
    padding-top: 100px;
    padding-bottom: 100px;
}

.splitBg > div > .row > div:first-child {
  background: linear-gradient(
    to right,
    #0e49ca 0px,
    #0e49ca 296px,
    #243067 296px,
    #243067 100%
  );
}


.splitBgAlt {
  background: linear-gradient(
    to right,
    #243067 0%,
    #243067 28%,
    #0e49ca 28%,
    #0e49ca 100%
  );
}

.splitBgAlt > div > .row > * {
    padding-top: 100px;
    padding-bottom: 100px;
}

.splitBgAlt > div > .row > div:first-child {
  background: linear-gradient(
    to right,
    #243067 0px,
    #243067 296px,
    #0e49ca 296px,
    #0e49ca 100%
  );
}

/* slick carousels */

.carousel{
 /*  width:90%;
  margin:0px auto; */
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
 /* border: 2px solid #fff; */
}
.wrapper .slick-dots li button:before {
  font-size:20px;
  color:white;
}

.carousel-indicators button.thumbnail {
  width: 100px;
}
.carousel-indicators button.thumbnail:not(.active) {
  opacity: 0.7;
}
.carousel-indicators {
  position: static;
}

/* / end slick carousels */

/* swatches */

.swatchWrap {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 8px;
}

.swatchWrap .swatch {
border-radius: 50%;
border: 2px solid white;
border: 2px solid transparent;
margin-right: 2px;
margin-bottom: 2px;
}

.swatchWrap .swatchOn, .swatchWrap .swatch:hover {
border: 2px solid black;
}

.swatchWrap .swatch div {
width: 30px;
height: 30px;
border-radius: 50%;
border: 4px solid white;
border: 4px solid transparent;
position: relative;
background-position: center !important;
background-size: 30px !important;
}

.prodHeadRight .swatchWrap .swatch div {
width: 48px;
height: 48px;
background-size: 48px !important;
}

.swatchWrap .swatchOn div, .swatchWrap .swatch:hover div {
border-radius: 50%;
border: 2px solid white;
border: 2px solid transparent;
}

.swatchWrap .swatch div .unavail {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url('/images/X.png');
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;
}


.prodResults .swatchWrap {
    display: block;
}

.prodResults .swatchWrap .swatch {
    display: inline-block;
}

/* / end swatches */


/* cart */

.cartlink {
    position: relative;
}

.cartlink span {
    display: none;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #ffbb45;
    border-radius: 50%;
    right: -5px;
    top: -3px;
}

.cartlinkOn span {
    display: block;
}


section.cart {
    border-top: 1px solid #d9d9d9;
    padding-top: 86px;
}

.cartTop .cartHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.cartTop .cartHeader .cartHeaderLeft h1 {
    display: inline-block;
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 48px;
    line-height: 1.1;
    color: #333;
    margin-bottom: 18px;
}

.cartTop .cartHeader .cartHeaderRight {
    text-align: right;
    margin-top: 16px;
}

.mobileCheckoutBtn {
    margin-bottom: 28px;
}



.cartTop .mobileTotal {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}

.cartBody .prodList .prodRow {
    padding: 32px 0;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    width: 100%;
}

.cartBody .prodList .prodRow .prodRowImg {
    width: 34%;
}

.cartBody .prodList .prodRow .prodRowImg img {
    padding-right: 32px;
}

.cartBody .prodList .prodRow .prodRowInfo {
    width: 66%;
    padding-top: 6px;
    padding-right: 10px;
}

.cartBody .prodList .prodRow:first-child {
    border-top: 1px solid #d9d9d9;
}

.cartBody .prodList .prodRowInfo h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 12px;
    position: relative;
    padding-right: 25px;
}

.cartBody .prodList .prodRowInfo h3 a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    letter-spacing: inherit;
}

.cartBody .prodList .prodRowInfo h3 a:hover {
    color: #0e49ca;
    text-decoration: underline;
}

.cartBody .prodList .prodRowInfo h3 a.cartRemove {
    position: absolute;
    right: 0;
    color: black;
}

.cartBody .prodList .prodRowInfo p {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #262626;
    margin-bottom: 6px;
}

.cartBody .prodList .prodRowInfo p a {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    text-decoration: underline;
}

.prodRowInfoBtm {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.prodRowInfoBtm a.cartRemove {
    position: absolute;
    top: 12px;
    right: 0;
    color: black;
}

.cartBody .prodList .prodRowInfo .qtyWrap {
    position: relative;
    height: 48px;
    width: 148px;
}

.cartBody .prodList .prodRowInfo .qtyWrap input[type='text'] {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #262626;
    width: 100%;
    height: 100%;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.cartBody .prodList .prodRowInfo .qtyWrap a {
    position: absolute;
    top: 12px;
    color: #262626;
    text-decoration: none;
}

.cartBody .prodList .prodRowInfo .qtyWrap a.minus {
    left: 16px;
}

.cartBody .prodList .prodRowInfo .qtyWrap a.plus {
    right: 16px;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight {
    width: calc(100% - 158px);
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner {
    display: flex;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach {
    width: 60%;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .price {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .green {
    color: #0a7b6c;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .priceStrike {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #737373;
    text-decoration: line-through;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceTot {
    width: 40%;
    text-align: right;
}

.cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceTot .price {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}



.cartBody .prodList .prodRowInfoConf {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cartBody .prodList .prodRowInfoConf .qtyWrap {
    height: auto;
    width: 110px;
}
.cartBody .prodList .prodRowInfoConf .qtyWrapRight {
    width: calc(100% - 110px);
}

.cartBody .cartSummaryConf .summaryHeader {
    color: #fff;
    background: #0e49ca;
}
.cartBody .msgBgLtgreen {
    background: #effef9;
    border-left: 2px solid #069b85;
    padding: 12px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}
.cartBody .rowCards {

}
.cartBody .rowCards .cardHeader {
    background: #f1ede3;
    padding: 24px 32px;
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #333;
}
.cartBody .rowCards .cardBody {
    padding: 32px;
    border: 1px solid #d9d9d9;
}
.cartBody .rowCards .cardBody h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 16px;
}
.cartBody .rowCards .cardBody .name {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 8px;

}
.cartBody .rowCards .cardBody .name span {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
}
.cartBody .rowCards .cardBody p {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    margin-bottom: 35px;
}
.cartBody .rowCards .cardBody p.smaller {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #595959;
}
.cartBody .rowCards .cardBody .borderBox {
    padding: 6px;
    border: 1px solid #e7dfc3;
}

.cartSummary {
    border: 1px solid #a6a6a6;
    position: sticky;
    top: 0;
}

.cartBody .summaryHeader {
    font-family: 'Graphik', 'Arial';
    font-size: 26px;
    line-height: 1.1;
    font-weight: 400;
    color: #262626;
    letter-spacing: -.02em;
    background: #a4d5fc;
    padding: 32px 32px;
}

.cartBody .summaryBody {
    padding: 36px 32px;
}

.cartBody .summaryGroup {
    margin-bottom: 32px;
}

.cartBody .summaryBody .summaryRow {
    display: flex;
    justify-content: space-between;
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
    margin-bottom: 16px;
}

.cartBody .summaryBody .summaryRow .smaller {
    font-size: 14px;
}

.cartBody .summaryBody .summaryRow .sRowRight {
    text-align: right;
}

.cartBody .summaryBody .summaryRowTotal {
    border-top: 1px solid #a6a6a6;
    padding-top: 16px;
    margin-bottom: 32px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}

.cartBody .cartSummary .promoLabel {
    margin-top: 42px;
    margin-bottom: 8px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}

.cartBody .cartSummary .promoWrap {
    position: relative;
    height: 48px;
    width: 100%;
    margin-bottom: 8px;
}

.cartBody .cartSummary .promoWrap input[type='text'] {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    width: 100%;
    height: 100%;
    padding: 5px 65px 5px 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.cartBody .cartSummary .promoWrap a {
    position: absolute;
    top: 12px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    text-decoration: underline;
    right: 16px;
}

.cartBody .cartSummary .summaryFooter {

    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
    margin-bottom: 32px;
    text-align: center;
}

.cartBody .promoRow {
    display: flex;
    justify-content: space-between;
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
    margin-bottom: 6px;
}

  .cartBody .promoList a.btnPromo {
    display: inline-block;
    margin-right: 0;
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 0;
    box-shadow: none;
}

  .cartBody .promoList a.btnPromo:hover {
    background-color: #0e49ca;
}   

.checkout {
    padding-top: 32px;
    border-top: 1px solid #d9d9d9;
}

.checkout .step {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}

.checkout .step .stepSave {
    display: none;
    margin-top:18px;
}

.checkout .stepHeader {
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -.02em;
    font-weight: 400;
    color: #262626;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;

}
.checkout .stepHeader .change {
}
.checkout .stepHeader .change a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.checkout .stepBody {
    padding: 24px;
    background-color: #f9f7f3;
    border-left: 4px solid #e7dfce;
    margin-bottom: 30px;
}

.checkout .stepOpen .stepBody {
    background-color: #fff;
    border-left: 4px solid #0e49ca;
}

.checkout .stepOpen .change {
    display:none;
}

.checkout .stepOpen .stepSave {
    display: block;
}

.checkout .stepBody .row > div {
    margin-bottom: 22px;
}

.checkout .stepBody .row:last-child div:last-child {
    margin-bottom: 0;
}


.checkout .stepBody .stepBodyInner {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
}


.checkout .stepBody .name {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 5px;
}

.checkout .stepBody .name span {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
}


.checkout .stepBody label {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    display: block;
    margin-bottom: 8px;
}

.checkout .stepBody input[type="text"], .checkout .stepBody select {
    width: 100%;
    height: 48px;
    border: 1px solid #d9d9d9;
}

.checkout .stepBody input[type="email"], .checkout .stepBody select {
    width: 100%;
    height: 48px;
    border: 1px solid #d9d9d9;
}

.checkout .stepBody select {
 -webkit-box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
-moz-box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
box-shadow: 3px 6px 10px -1px rgba(204,204,204,1);
}
 .checkout .step .stepSubheader {
    background-color: #f1ede3;
    padding: 16px 24px;
    border-left: 4px solid #e7dfce;
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
    margin: -24px -24px 24px -28px;
 }
 .checkout .step .stepSubheader .subRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 .checkout .step .shipProds img {
    display: inline-block;
    margin-right:3px;
    margin-bottom:3px;
    max-width: 108px;
 }

 .checkout .step .stepSubheader .subRow .subHeader {
    font-family: 'Graphik', 'Arial';
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    color: #262626;
    letter-spacing: -.02em;
    margin-bottom: 5px;
 }

 .checkout .step .stepSubheader .subRow .subHeader span {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
 }

.checkout .step .ccRow {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 20px;
}

.checkout .step .ccRow input[type='radio'], .checkout .step .ccRow input[type='checkbox'], .checkout .step .ccRow img {
    margin-right: 8px;
}
.checkout .step .ccRow .name {
    margin-bottom: 0;
    white-space: nowrap;
}

.checkout .step .ccRow .edit a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.checkout .step .stepBodyBlock {
    margin-bottom: 25px;
}


.checkout .stepOpen .stepSubheader {
    background-color: #a4d5fc;
    border-color: #0e49ca;
}

.checkout .stepBody .row > div.methods {
    margin-bottom: 0;
}
.checkout .shipMethodBlock .cbLabel {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
}
.checkout .shipMethodBlock {
    margin-bottom: 24px;
}
.checkout .shipMethodBlock:last-child {
    margin-bottom: 0;
}
.checkout .method {
    margin-bottom: 24px;
}
.checkout .method:last-child {
    margin-bottom: 0;
}
.checkout .methodRow {
    display: flex;
    justify-content: space-between;
}
.checkout .methodRow .methodLeft .methodRadio {
    float: left;
}
.checkout .methodRow .methodLeft .methodLabel {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    margin-left: 22px;
}
.checkout .methodRow .methodLeft .methodPrice {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
}
.checkout .methodDesc {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #595959;
    margin-left: 22px;
    margin-top: 4px;
}

 .cartSummary .summaryProds {
    border-bottom: 1px solid #a6a6a6;
 }

 .cartSummary .summaryProds .prodsCount {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
 }

 .cartSummary .summaryProdsOpen .prodsCount {
    padding-bottom: 12px;
 }

 .cartSummary .summaryProds .prodsCount i {
    color: #266bff;
    font-size: 24px;
 }

 .cartSummary .summaryProds .prodsCount i.fa-angle-up {
    display: none;
 }

 .cartSummary .summaryProdsOpen .prodsCount i.fa-angle-down {
    display: none;
 }

 .cartSummary .summaryProdsOpen .prodsCount i.fa-angle-up {
    display: inline-block;
 }

 .cartSummary .summaryProds .prodsBody {
    display: none;
    max-height: 200px;
    overflow: auto;
 }

 .cartSummary .summaryProdsOpen .prodsBody {
    display: block;
    padding: 0 32px;
 }

 .cartSummary .summaryProds .prodsBody .prodRow {
    display: flex;
    padding-top:16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
 }

 .cartSummary .summaryProds .prodsBody .prodRow:last-child {
    border-bottom: none;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowImg {
    width: 30%;
    padding-right: 16px;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowImg img {
    width: 100%;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo {
    width: 70%;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo h3 a {
    color: #262626;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo h3 a:hover {
    color: #0e49ca;
    text-decoration: underline;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo .prodRowInfoBody {
    display: flex;
    font-family: 'Graphik', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo .prodRowInfoBody .subtot {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo .prodRowInfoBody .qty {
    width: 27%;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo .prodRowInfoBody .price {
    width: 43%;
 }

 .cartSummary .summaryProds .prodsBody .prodRow .prodRowInfo .prodRowInfoBody .subtot {
    width: 30%;
    text-align: right;
 }

/* / end cart */

/* order detail */

.cartTop .orderDetailHeader {
    margin-bottom: 24px;
}

.cartTop .orderDetailHeader span {
    padding-right: 24px;
}

 .shipSubhead  {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 24px;
 }

.shipSubhead div span {
    font-size: 16px;
    color: #262626;
    padding-right: 16px;
 }

.shipSubhead div:last-child {
    font-size: 14px;
    color: #595959;
 }

.sidebarCard {
    margin-top: 32px;
 }

.prodRowInfoActions {
    /*display: flex;
    justify-content: space-between; */
    border-top: 1px solid #d9d9d9;
    padding-top: 12px;
    margin-top: 6px;
}

.prodRowInfoActions a {
    display: inline-block;
    margin-right: 24px;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
}

.prodRowInfoActions a:last-child {
    margin-right: 0;
}

.prodRowInfoActions a i {
    padding-right: 3px;
    color: #0e49ca;
}

/* /end order detail */


/* faqs */

.faqsWrap .colLeft .colInner {
  /*  padding-right: 32px;    */
}

.faqsWrap .accordionWrap > ul > li > h4 {
    font-size: 22px;
}

.faqForm .searchBox {
    margin-bottom: 24px;
}

.faqForm .searchBox input[type="text"] {
    width: 100%;
    height: 48px;
    padding-left: 36px;
    padding-right: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.faqForm .searchBox .fa-search {
    position: absolute;
    left: 10px;
    top: 17px
}

.faqForm .searchBox .fa-arrow-right {
    position: absolute;
    right: 10px;
    top: 17px
}

.leftNavHeader {
    margin: 0;
    padding: 16px 16px;
    color: #fff;
    background: #0e49ca;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.leftNavWrap .leftNavList {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.leftNavWrap .leftNavList li {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-bottom: 1px solid #d9d9d9;
}

.leftNavWrap .leftNavList li:last-child {
    border-bottom: none;
}

.leftNavWrap .leftNavList li a.leftNav {
    display: block;
    padding: 16px 16px;
    text-decoration: none;
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #262626;
}

.leftNavWrap .leftNavList li a.leftNav:hover {
    text-decoration: underline;
    background-color: #edf3ff;
    color: #0e49ca
}

.leftNavWrap .leftNavList li a.leftNavOn {
    font-family: 'Graphik Semibold', 'Arial';
    font-weight: 600;
    color: #262626;
    text-decoration: none;
    padding-left: 32px;
    background-image: url(/images/bulletBlue.png);
    background-repeat: no-repeat;
    background-position: 16px 20px;
}

.leftNavWrap .leftNavList li a.leftNavOn:hover {
    text-decoration: none;
    background-color: #fff;
    color: #262626;
}

 .leftNavWrap .callout {
    margin-top: 30px;
 }
 .leftNavWrap .callout img {
    display: block;
    width: 100%;
 }

 .leftNavWrap .callout .inner {
    padding: 24px 24px;
    border: 1px solid #d9d9d9;
 }

 .leftNavWrap .callout .inner p.produkt {
    font-size: 16px;
 }

 .leftNavWrap .callout .inner p.produkt14 {
    font-size: 14px;
 }

 .leftNavWrap .callout .inner h3 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #333;
    letter-spacing: -.02em;
    margin-bottom: 4px;
 }

 .leftNavWrap .callout .inner h4 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #333;
    letter-spacing: -.02em;
    margin-bottom: 16px;
 }

 .leftNavWrap .callout .inner .button {
    width: 100%;
    text-align: center;
    background-color: #333;
    color: white;
 }

 .leftNavWrap .callout .inner .button i {
    padding-right: 10px;
 }

 .prodFaq {
    margin-bottom: 32px;
 }

 .prodFaq h6 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
 }

 .prodFaq .produkt {
    font-size: 15px;
 }


/* /end faqs */

/* order history */

.ohFilters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.ohFilters div:nth-child(2) {
    width: 80%;
    text-align: right;
    padding-right: 16px;
}


.ohFilters select {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #595959;
    border: 1px solid #d9d9d9;
    box-shadow: rgb(217 217 217 / 87%) 1px 6px 10px 1px;
    height: 40px;
    padding: 0 8px;
    min-width: 168px;
}


.ohRows {
    border-bottom: 1px solid #d9d9d9;

}
.ohRow {
    display: flex;
    padding: 35px 0;
    border-top: 1px solid #d9d9d9;

}
.ohRow .ohCol {
    width: 50%;

}
.ohRow .ohCol .oStatus {
    float: left;
    width: 95px;
}
.ohRow .ohCol .oStatus button,  button.oStatus {
    font-size: 12px;
    color: #595959;
    padding: 2px 8px;
    background-color: #fff;
    border: 1px solid #58c0d8;
}

.ohRow .ohCol .oInfo {
    margin-left: 100px;
}


.ohRow .ohCol .oInfo .line1 {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
    margin-bottom: 4px;
}


.ohRow .ohCol .oInfo .line1 span {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    padding-right: 8px;
}

.ohRow .ohCol .oInfo .line2 {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #333;
    margin-bottom: 18px;
}


.ohRow .ohCol .oInfo .line2 span {
    padding-right: 20px;
}



.ohRow .ohCol .oInfo .detailLink  {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
}

.ohRow .ohCol .oInfo .detailLink 1 {
    padding-left: 10px;
}

.ohRow .ohCol .oImages {
    display: flex;
    justify-content: flex-end;
}

.ohRow .ohCol .oImage {
    padding-left: 16px;
}

.ohRow .ohCol .oImage img {
    max-width: 120px;
    max-height: 90px;
}
/* /end order history */

/* pagination */
 .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0;
 }
 .pagination > div {
    margin: 0 8px;
 }

 .pagination a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
 }

 .pagination a.active {
    color: #999;
    text-decoration: none;
 }

 .pagination a.prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #999;
    text-decoration: none;
    border-radius: 50%;
    border: 1px solid #999;
 }

 .pagination a.next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    text-decoration: none;
    /*padding: 20px; */
    border-radius: 50%;
    border: 1px solid #000;
    background: #000;
 }
/* /end pagination */


/* contact */

.contactTop {
    background-color: #0e49ca;
    border-bottom: 16px solid #243067;
}

.contactTop .contactTopBody {
    padding-top: 90px;
    padding-bottom: 70px;
}
.contactTop .bcrumbWrap .row {
    height: 48px;
}

.contactTop .bcrumb {
    color: #fff;
}

.contactTop h1 {
	font-family: 'Graphik Light';
	font-weight: 300;
    letter-spacing: -.02em;
    font-size: 56px;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 28px;
}

.contactTop .contactTopBody .colLeft p {
    font-size: 19px;
    line-height: 1.5;
    color: #fff;
}

.contactTop h2 {
    font-family: 'Graphik', 'Arial';
    font-size: 26px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 24px;
}

.contactTop h2 i {
    padding-right: 8px;
    color: #ffbb45;
}

.contactTop .colRight .colInner {
    padding: 28px 16px 24px 16px;
}

.contactTop .colRight p {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 8px;
}

.contactTop .colRight p.light {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #acc0ed;
}

.contactTop .colRight p a {
    color: inherit;
    text-decoration: underline;
}

.contactTop .colRight a.btnPhone {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
}

.contactTop .colRight .buttonChat {
    font-size: 12px;
    color: #595959;
    padding: 2px 8px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    display: block;
    margin-bottom: 12px;
}

.contactTop .colRight .btnFaqs {
    background-color: #fff;
    min-width: 200px;
    text-align: center;
    padding: 14px 24px;
    text-decoration: none;
}

.contactTop .contactTopBody .colLeft {
    padding-right: 48px;
}

.contactTop .row .row > div {
    border-left: 1px solid #6e92df;
}

.contactBody .formWrap {
    padding: 32px;
    background-color: #f9f7f3;
    margin-bottom: 80px;
}

.contactBody .colLeft {

}

.contactBody .colLeft p.produkt {
    font-size: 16px;
}

.contactBody .colLeft p.produkt14 {
    font-size: 14px;
}

.contactBody .colLeft ul {
    list-style-type: none;
    margin: 0;
    margin-top: 32px;
    padding: 0;
    margin-bottom: 24px;
}

.contactBody .colLeft ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 24px;
}

.contactBody .colLeft ul li:last-child {
    margin-bottom: 0;
}

.contactBody .colLeft ul li a{
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.contactBody .contactFaqs {

}

.contactBody .contactFaqs h2 {
    margin-bottom: 48px;
}

.contactBody .contactFaqs h3 {
    margin-top: 48px;
    margin-bottom: 24px;
}

.accordionWrap .accordion .accordionBody {
    padding-top: 0;
}

.contactBody .contactFaqs .accordionWrap > ul > li > h4 {
    font-size: 22px;
}
.contactBody .contactFaqs .accordionWrap .accordionBody .produkt, .contactBody .contactFaqs .accordionWrap .accordionBody .produkt p {
    font-size: 16px;
}
.contactBody .contactFaqs .accordionWrap .accordionBody .produkt14, .contactBody .contactFaqs .accordionWrap .accordionBody .produkt14 p {
    font-size: 14px;
}

.contactBody .contactFaqs .accordionWrap > ul > li:last-child {
    border-bottom: none;
}


.contactLocations .intro {
    margin-bottom: 80px;
}

.contactLocations .cards .cardInner {
    padding: 24px 32px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
}

.contactLocations .cards h5 {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .15em;
    color: white;
    text-transform: uppercase;
    padding: 16px 32px;
    background-color: #0e49ca;
    margin: 0;
}

.contactLocations .cards h4 {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -.02em;
    color: #333;
    margin-bottom: 8px;
}

.contactLocations .cards .row > div {

  margin-bottom: 32px;
}

.contactLocations .cards .cardRow {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.contactLocations .cards .cardRow:last-child {
  margin-bottom: 0;
}

.contactLocations .cards .loc {
  align-items: flex-start;
}

.contactLocations .cards .cardRow .icon {
  width: 36px;
}

.contactLocations .cards .cardRow i {
  color: #0e49ca;
}

.contactLocations .cards .phone a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    text-decoration: underline;
}

.contactLocations .cards .loc div {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #333;
}

.contactLocations .cards .email a {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #262626;
    text-decoration: none;
}

/* /end contact */

/* media */

.feature {
    margin-bottom: 60px;
}

.feature .coolBlue {
    background-color: #0e49ca;
}

.feature .featureRow {
    display: flex;
    align-items: center;
}

.feature .featureRow .colLeft {
    width: 50%;
}

.feature .featureRow img {
}

.feature .featureRow .colRight {
    width: 50%;
}

.coolBlue .eyebrow, .coolBlue .headerLg, .coolBlue .subheader, .coolBlue p {
    color: #fff;
}

.feature .produkt p {
    font-size: 16px;
}

.feature .produkt14 p {
    font-size: 14px;
}

.coolBlue .button {
    background-color: #fff;
}

.feature .featureRow .colRight .colInner{
    padding: 30px 90px 30px 100px;
}

.media .fixedLeft .colLeft {
    width: 208px;
}

.media .fixedLeft .colRight {
    width: calc(100% - 208px);
}

.mediaList > div {
    margin-bottom: 32px;
}


.mediaList .mediaWrap img:first-child {
    width: 100%;
    display: block;
}

.mediaList .mediaWrap {
    height: 100%;
    border: 1px solid #d9d9d9;
}

.mediaList .mediaWrap a {
    position: relative;
}

.mediaList .mediaWrap .playOverlay {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 48px !important;
}

.mediaList .mediaWrap:hover {
    box-shadow: 0px 10px 7px 0px rgba(38, 38, 38, 0.05);
}

.mediaList .mediaWrap .colInner {
    padding: 32px 32px;
}

.mediaList .mediaWrap .colInner .mediaType {
    font-size: 12px;
    color: #595959;
    padding: 2px 8px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    display: inline-block;
    margin-bottom: 14px;
    box-shadow: none;
}

.mediaList .mediaWrap .colInner .mediaDate {
    color: #737373;
    margin-bottom: 12px;
}

.mediaList .mediaWrap .colInner .mediaHeader {
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #333;
    letter-spacing: -.02em;
}

.mediaList .mediaWrap .colInner .mediaHeader a {
    color: #333;
    text-decoration: none;
}

.mediaList .mediaWrap:hover .colInner .mediaHeader a {
    color: #0e49ca;
    text-decoration: underline;
}

.mediaFilters {
    margin-bottom: 32px;
}

.mediaFilters {
    margin-bottom: 32px;
}

.mediaFilters .filtersRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mediaFilters select {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #595959;
    border: 1px solid #d9d9d9;
    box-shadow: rgb(217 217 217 / 87%) 1px 6px 10px 1px;
    height: 40px;
    padding: 0 8px;
    min-width: 168px;
}

/* /end media */


/* saved addresses */

.addressCards {
    font-family: 'Graphik', 'Arial';
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #262626;
}
.addressCards .colInner {
    height: 100%;
    padding:16px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding-bottom: 48px;
    position: relative;
}
.addressCards .row > div {
    margin-bottom: 32px;
}
.addressCards h5 {
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 14px;
    line-height: 1.25px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #262626;
}
.addressCards .colInner .cardBottom {
    position: absolute;
    padding: 0 16px;
    left: 0;
    bottom: 12px;
}

.addressCards .colInner .cardBottom a {
    color: #0e49ca;
}

/* /end saved addresses */



/* iframe video */

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.video-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.video-container-4x3 {
  padding-bottom: 75%;
}

.video-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height:0;
}

/* /end iframe video */

/* prodTables */

table.boldCol {
    width: 100%;
}

table.boldCol td {
    padding: 16px 12px;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}
table.boldCol tr td:last-child {
    border-right: none;
}
table.boldCol tr:last-child td {
    border-bottom: none;
}
table.boldCol tr td:first-child {
    background-color: #f9f7f3;
    width: 20%;
}

/* /end prodTables */



.slick-dots li {
    height: 8px !important;
}

.slick-dots li button {
    font-size: 8px !important;
    line-height: 1 !important;
    height: 8px !important;
}

.slick-dots li button:before {
    font-size: 8px !important;
    line-height: 10px !important;
    height: 8px !important;
}

.slick-dots li.slick-active button:before {
    background-color: black;
    border-radius: 4px;
}

/* carousel arrows */

.carouselFeatures .slick-prev, .carouselFeatures .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
  /*  background-color: #fff; */
}

.carouselFeatures .slick-prev {
    top: -40px;
    right: 50px;
    left: auto;
  /*  background-image: url(/images/carouselArrowLeft.svg); */
}

.carouselFeatures .slick-next {
    right: 5px;
    top: -40px;
  /*  background-image: url(/images/carouselArrowRight.svg); */
}

.carouselFeatures .slick-prev:before, .carouselFeatures .slick-next:before {
    font-size: 30px;
}

.oneUpSplit .slick-prev, .oneUpSplit .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
  /*  background-color: #fff; */
}

.oneUpSplit .slick-prev {
    top: -12px;
    right: 50px;
    left: auto;
  /*  background-image: url(/images/carouselArrowLeft.svg); */
}

.oneUpSplit .slick-next {
    right: 5px;
    top: -12px;
  /*  background-image: url(/images/carouselArrowRight.svg); */
}

.bleedRight .oneUpSplit .slick-prev {
    top: -25px;
   /* right: 50px;
    left: auto; */
    right: auto;
    left: 1100px;
  /*  background-image: url(/images/carouselArrowLeft.svg); */
}

.bleedRight .oneUpSplit .slick-next {
   /* right: 5px; */
    right: auto;
    left: 1150px;
    top: -25px;
  /*  background-image: url(/images/carouselArrowRight.svg); */
}

.oneUpSplit .slick-prev:before, .oneUpSplit .slick-next:before {
    font-size: 30px;
}

/* /carousel arrows */

.carouselFeatures .slick-dots {
    bottom: -50px;
}

.carouselFeatures .slick-dots li button:before {
    color: white;
}

.carouselFeatures .slick-dots li.slick-active button:before {
    background-color: white;
    color: white;
}

.splitBg .slick-dots {
    bottom: -50px;
}

.splitBg .slick-dots li button:before {
    color: white;
}

.splitBg .slick-dots li.slick-active button:before {
    background-color: white;
    color: white;
}

.prodResults {
    min-height: 220px;
}

.prodHeadLeft .slider-for .slick-arrow {
    display: none !important;
}

.prodHeadLeft .slider-nav .slick-prev:before, .prodHeadLeft .slider-nav .slick-next:before {
    display: none !important;
}

.prodHeadLeft .slider-nav .slick-prev, .prodHeadLeft .slider-nav .slick-next {
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: none;
    border-radius: 0;
    background-image: url('/images/icon-angle-left.png');
    left: 3px;
}

.prodHeadLeft .slider-nav .slick-next {
    background-image: url('/images/icon-angle-right.png');
    left: auto;
    right: 3px;
}

.prodHeadLeft .slider-nav .slick-list {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#productsort {
    height: 38px;
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    font-weight: 400;
    color: #595959;
    border: 1px solid #d9d9d9;
    box-shadow: rgb(217 217 217 / 87%) 1px 6px 10px 1px;
    margin-left: 12px;
     -webkit-appearance: none; /* For Chrome, Safari */
        -moz-appearance: none; /* For Firefox */
        appearance: none; /* Standard property */
     padding-right: 40px;
   background-image: url('/images/icon-angle-down.png');
   background-repeat: no-repeat;
   background-position: right 7px center;
}

.products .prodFilter .filterRight {
    font-family: 'Graphik', 'Arial';
    font-size: 16px;
    font-weight: 400;
    color: #595959;
}

.lowStock {
    padding: 10px 10px 10px 40px !important;
    border-left: 2px solid #ffab1a;
    background-color: #ffffe5;
    background-image: url(/images/icon-alert.png);
    background-repeat: no-repeat;
    background-position: left 8px center;
    margin-bottom: 3px;
}

.pStrip .pStripWrap {
    border-left: 4px solid #ffbb45;
    background-color: #fff;
    margin: 10px;
}

.pStrip .pStripWrap .inner {
    padding: 28px 16px;
}

.pStrip .pStripWrap img {
    display: block;
    width: 100%;
}

.pStrip .pStripWrap .inner h3 {
    font-family: 'Graphik', 'Arial';
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #262626;
    margin-bottom: 16px;
}

.pStrip .pStripWrap .inner .produkt p {
    font-size: 16px;
    color: #262626;
}

.pStrip .slick-dots {
    bottom: -50px;
}

.pStrip .slick-track {
    display: flex !important;
    margin-left: 0;
}

.pStrip .slick-slide {
    height: inherit !important;
}

.pStrip .slick-prev, .pStrip .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
  /*  background-color: #fff; */
}

.pStrip .slick-prev {
    top: -40px;
    right: 50px;
    left: auto;
  /*  background-image: url(/images/carouselArrowLeft.svg); */
}

.pStrip .slick-next {
    right: 5px;
    top: -40px;
  /*  background-image: url(/images/carouselArrowRight.svg); */
}

.pStrip .slick-prev:before, .pStrip .slick-next:before {
    font-size: 30px;
}

.pStrip .slick-dots {
    bottom: -50px;
}

.pStrip .slick-dots li button:before {
    color: white;
}

.pStrip .slick-dots li.slick-active button:before {
    background-color: white;
    color: white;
}

.gcms table th, .gcms table td {
    border-width: 1px;
    padding: 3px 5px;
}


@media screen and (max-width: 1440px) {
    .deskTop1400, .desktop1400 {
        display: none !important;
    }
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block;
        z-index: 1;
    }

    .headerRight .headerRightWrap {
        right: 80px;
    }
    .navbar-brand {
        position: relative;
        z-index: 1;
    }

    .prodNav {
      display: none !important;
    }

    .mobileNavActive .mobileNavDrawer {
        transform: translateX(0);
        transition: transform 0.3s ease-in-out;
    }

}

@media screen and (max-width: 1300px) {
    /* heros */
    .heroPartBlur .partBlur {
        width: 33.33%;
    }
    /* /end heros */

    .bleedRight .bleedRightInner {
        width: calc(100% + 32px);
    }
}

@media screen and (max-width: 1220px) {
.footerBanner {
    background-size: auto 100%;
}
/* prod page */
.prodHeader .prodHeadRight .colInner {
    padding-right: 32px;
    max-width: 100%;
}
/* / end prod page */

/* contact */

.contactTop .colRight a.btnPhone {
    font-size: 21px;
}

/* /end contact */

/* media */

.mediaList .mediaWrap .colInner {
    padding: 16px;
}

/* /end media */


    .oneUpSplit .slick-prev, .bleedRight .oneUpSplit .slick-prev {
        right: 50px;
        left: auto;
    }

    .oneUpSplit .slick-next, .bleedRight .oneUpSplit .slick-next {
        right: 5px;
        left: auto;
    }

}

@media screen and (max-width: 991px) {



.pStrip .slick-prev {
    top: -12px;
  /*  background-image: url(/images/carouselArrowLeft.svg); */
}

.pStrip .slick-next {
    top: -12px;
}

.oneUpSplit .cardWrap > .row > .col-lg-6:first-child .colInner {
    margin-bottom: 28px;
}



.deskTop991, .desktop991 {
    display: none !important;
}

.mobile991 {
    display: block;
}

.pageHeader2Col .rowPageHeader {
    flex-direction: column;
}

.pageHeader2Col .rowPageHeader .pageHeaderRight {
    width: 100%;
    border-top: 1px solid #d9d9d9;
    margin-top: 24px;
    padding-top: 24px;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
}


   .leftNavWrap .callout .inner .button {
    width: auto;
}

.leftNavWrap .leftNavHeader {
    padding: 0;
    font-family: 'Graphik Medium', 'Arial';
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #262626;
    letter-spacing: -.02em;
    background: #fff;
    text-transform: none;
    margin-bottom: 8px;
}

.leftNavWrap .coolSelect {
    padding: 10px 4px;
    width: 100%;
    margin-bottom: 24px;
    max-width: 480px;
}

.leftNavWrap .coolSelect li a i {
    right: 12px;
    top: 5px;
    font-size: 22px;
    padding-left: 12px;
}

.leftNavWrap .coolSelect ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #d9d9d9;
    box-shadow: rgb(217 217 217 / 87%) 1px 6px 10px 1px;
    border-radius: 4px;
    padding: 0;
}

.leftNavWrap .coolSelectOn ul {
    display: block;
}

.leftNavWrap .coolSelect ul li a {
    padding: 8px 3px 8px 20px;
    font-size: 16px;
    line-height: 1.25;
    color: #333;
}

 /* order history */
    .ohRow .ohCol .oStatus {
        float: none;
        width: auto;
        margin-bottom: 6px;
    }
    .ohRow .ohCol .oInfo {
        margin-left: 0;
    }
    .ohRow .ohCol .oInfo .line1 span {
        display: block;
    }

    .ohRow {
        padding: 24px 0;
        align-items: center;
    }
    /* /end order history */



.footerNav .colInner {
    margin-bottom: 50px;
}

/* twoUps */
.twoUpImgLeft .colRight .colInner, .twoUpImgRight .colLeft .colInner {
    padding: 0;
}

.twoUpImgRight .colRight {
    order: 1;
}

.twoUpImgRight .colLeft {
    order: 2;
}

.twoUpImgRight .colRight, .twoUpImgLeft .colLeft {
    margin-bottom: 32px;
}
/* / end twoUps */    

/* prod page */



.prodHeader .row > div.prodHeadLeft {
    width: 100%;
}


.prodHeader .prodHeadLeft .colInner {
    margin-right: 0;
}
.prodHeader .prodHeadRight .colInner {
    padding-left: 32px;
    padding-right: 32px;
}
/* / end prod page */


/* homepage */

.threeUpImgLeft .colLeft {
    min-height: 450px;
}

.threeUpImgLeft .colMid .colInner {
    padding-top: 46px;
    padding-left: 20px;
    padding-bottom: 0;
}
.threeUpImgLeft .colRight .colInner {
    padding-top: 0;
}

.dualFlushLeft .row > div:last-child  {
    margin-top: 40px;
}

.dualFlushLeft .row > div:first-child .colInner {
    padding-right: 0;
}

.dualFlushLeft .row > div:last-child .colInner {
    max-width: 100%;
    margin-left: 0;
    padding: 0 32px;
}

.dualFlushRight .row > div:last-child  {
    margin-top: 0;
}

.dualFlushRight .row > div:first-child  {
    margin-top: 40px;
}

.dualFlushRight .row > div:last-child .colInner {
    float: none;
    margin-right: 0;
}

.tiled {
  background: linear-gradient(
    to bottom,
    #0e49ca 0px,
    #0e49ca 20%,
    #243067 20%,
    #243067 100%
  );
}

.tiled .row > div:first-child {
  background: transparent;
}

.tiled .row > div:first-child {
  padding-bottom: 30px;
}

.tiled .row > div:last-child {
  padding-top: 30px;
}


.tiled .row > div:last-child .colInner {
  padding-left: 0;
}

.tiledRight {
    background: linear-gradient(to top, #0e49ca 0px, #0e49ca 20%, #243067 20%, #243067 100%);
}

.tiledRight .colInner .imgNotFull {
    width: 100%;
}

.tiledRight .row > div:first-child {
    padding-top: 0;
}

.tiledRight .row > div:last-child {
    padding-bottom: 50px;
    padding-top: 50px;
}

.homeGallery .intro .row > div:last-child .colInner {
  text-align: left;
}

/* /end homepage */

/* contact */

.contactTop h1 {
	font-family: 'Graphik Light';
    margin-bottom: 24px;
    font-size: 45px;
}

.contactTop .row .row > div {
    border-left: none;
}
.contactTop .row .row > div {
    border-top: 1px solid #6e92df;
}

.contactTop .contactTopBody .colLeft {
    padding-right: 0;
}
.contactTop .contactTopBody .colLeft {
    padding-bottom: 16px;
}

.contactTop .colRight .col-lg-4 .colInner {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
}

.contactTop .colRight .col-lg-4:nth-child(2) .colInner {
    align-items: flex-start;
}

.contactTop h2 {
    margin-bottom: 0;
    width: 80px;
}

.contactTop .contactTopBody {
    padding-top: 48px;
    padding-bottom: 32px;
}

/* /end contact */

/* media */

.feature .featureRow {
    display: block;
}

.feature .featureRow .colLeft, .feature .featureRow .colRight {
   width: 100%;
}

.feature .featureRow .colRight .colInner {
   padding-left: 16px;
   padding-right: 16px;
}

.media .leftNavHeader {
    margin: 0;
    padding: 16px 16px;
    color: #fff;
    background: #0e49ca;
    font-family: 'Graphik Semibold', 'Arial';
    font-size: 12px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
}

/* /end media */



    .splitBg {
        background: linear-gradient(to bottom, #0e49ca 0px, #0e49ca 20%, #243067 20%, #243067 100%);
    }

    .splitBg > div > .row > div:first-child {
      background: transparent;
    }

    .splitBg > div > .row > * {
        padding-top: 60px;
        padding-bottom: 60px;
    }


    .splitFull .row div .colInner {
        min-height: auto;
    }


    .splitBgAlt {
        background: linear-gradient(to bottom, #243067 0px, #243067 20%, #0e49ca 20%, #0e49ca 100%);
    }

    .splitBgAlt > div > .row > div:first-child {
      background: transparent;
    }

    .splitBgAlt > div > .row > * {
        padding-top: 60px;
        padding-bottom: 60px;
    }


    .splitFull .row div .colInner {
        min-height: auto;
    }

}



@media screen and (max-width: 832px) {
    /* modals */
    .modal-lg {
        margin: 16px;
    }
    /* /end modals */
}

@media screen and (max-width: 767px) {

    .desktop767 {
        display: none !important;
    }

    .mobile767 {
        display: block;
    }

    /* order history */
    .ohFilters  {
        align-items: flex-start;
        flex-direction: column;
    }

    .ohFilters div:nth-child(2) {
        display:  none;
    }
    .ohFilters > div {
        margin-bottom: 4px;
    }

    .ohFilters div:nth-child(2) {
        display:  none;
    }

    .ohRow .ohCol .oImage:nth-child(3) {
        display: none;
    }

    .ohRow .ohCol .oImage {
        padding-left: 6px;
    }

    .ohRow .ohCol .oImage img {
        max-width: 72px;
        max-height: none;
    }
    /* /end order history */


    /* modals */
    .modalSignup .modalRow {
        flex-direction: column;
    }
    .modalSignup .modalRow .modalRowLeft {
        width: 100%;
        order: 2;
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        height: 200px;
    }
    .modalSignup .modalRow .modalRowRight {
        width: 100%;
        order: 1;
    }

    .modalSignup .modalRow .modalRowRight .inner {
        padding: 32px;
    }


    .modalSignup .formWrap {
      max-width: 350px;
    }
    /* /end modals */

/* heros */

    .heroMain .heroOverlay .row {
        height: 50%;
        align-items: center;
    }

    .heroMain .heroOverlay .row .heroLeft {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .heroV2 .heroOverlay {
        padding-left: 0;
        padding-right: 0;
    }

    .heroV2 .heroOverlay .row {
        margin: 0;
    }

    .heroV2 .heroOverlay .row .heroLeft {
        padding: 30px 32px;
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, 0.1);
    }

    .heroV2 .heroLeftBg {
        backdrop-filter: none;
        background-color: transparent;
    }

    .heroV2 .heroOverlay .bcrumb {
        padding-left: 32px;
    }

    .products .prodFilter .mobile {
        display: inline-block;
    }

    .products .prodFilter .desktop {
        display: none !important;
    }

    .products .prodFilter .filterLeft {
        width: 60%;
    }

    .products .prodFilter .filterRight {
        width: 40%;
    }


    .heroHome {
        background-color: black;
        background-position: top center;
        background-size: auto 50%;
    }

    .heroHome {
        background-image: none !important;
    }
    .heroHome > .containerCool {
        padding: 0;
    }
    .heroHome .containerCool > .row {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .heroHome .heroLeft {
        order: 2;
        padding: 40px 32px;
    }
    .heroHome .heroRight {
        order: 1;
        height: 285px;
        background-image: url(/images/heroHome.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .heroPartBlur {
        background-image: none !important;
    }
    .heroPartBlur > .containerCool {
        padding: 0;
    }
    .heroPartBlur .containerCool > .row {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .heroPartBlur .heroLeft {
        order: 2;
        padding: 40px 32px;
    }
    .heroPartBlur .heroRight {
        order: 1;
        height: 285px;
        background-image: url(/images/heroHome.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .heroPartBlur .heroRight div {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 30px;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
        margin-left: -16px;
    }



    .heroHalfBlur .partBlur {
          display: none;
    }

    .heroHalfBlur {
        background-position: top center;
        background-size: cover;
    }

    .heroHalfBlur > .containerCool {
        padding: 0;
    }
    .heroHalfBlur .containerCool > .row {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .heroHalfBlur .heroLeft {
        order: 2;
        padding: 40px 32px;
        backdrop-filter: blur(4px);
        background-color: rgba(0, 0, 0, 0.1);
    }
    .heroHalfBlur .heroRight {
        order: 1;
        height: 285px;
        background-image: none;
    }
    .heroHalfBlur  .bcrumb {
        left: 32px;
    }

    .heroHalfSolid {
    }

    .heroHalfSolid > .containerCool {
        padding: 0;
    }
    .heroHalfSolid .containerCool > .row {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .heroHalfSolid .heroLeft {
        padding: 60px 32px 40px 32px;
    }
    .heroHalfSolid .heroRight {
        height: 500px;
    }
    .heroHalfSolid  .bcrumb {
        left: 32px;
    }

    .hero1440 {
        height: auto;
    }

    .hero1440 .hero1440Overlay .hero1440OverlayRight {
        background-image: none;
    }

    .hero1440 .hero1440Overlay {
        display: none;
    }


    .hero1440 > .containerCool {
            padding: 0;
    }

    .hero1440 > .containerCool > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .hero1440 .heroLeft {
        order: 2;
        padding: 40px 32px;
    }

    .hero1440 .heroRight {
        order: 1;
        background-image: url(/images/heroCollectionRight.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding-left: 0;
        padding-right: 0;
        height: 324px;
        margin-top: 70px;
    }

    .hero1440  .bcrumb {
        left: 32px;
    }


/* /end heros */

.footerBlue {
    background: #253068;
}


.footerBlue .colB2 {
    order: 3;
}

.footerBlue .colB3 {
    order: 2;
    width: calc(100% + 32px);
    max-width: none;
    padding-right: 32px;
    padding-left: 32px;
    margin-left: -16px;
}
.footerBlue .colB1, .footerBlue .colB2, .footerBlue .colB3 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.footerBlue .colB1 {
    text-align: center;
   }

.footerBlue .logoFooter {
    display: inline-block;
    top: 0;
}

footer .contactLinks div {
    display: inline-block;
    width: 20px;
}
footer .colB3 .colInner {
    padding-left: 0;
}

.footerNav .col-sm-6:last-child .colInner {
    margin-bottom: 0;
}

footer .copyright ul {
    margin-bottom: 30px;
}

footer .social ul {
    width: 80%;
}

footer .copyright ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
}

.footerGray {
    padding: 25px 0;
}
footer .social {
    text-align: left;
}

/* homepage */

.tiled .colInner img.tiledOverlay {
  width: 45%;
}

/* /end homepage */


    /* cart */

    .prodRowInfoBtm {
        display: block;
    }

    .cartBody .prodList .prodRowInfo .qtyWrap {
        margin-bottom: 12px;
    }

    .cartBody .prodList .prodRowInfo .qtyWrapRight {
        width: 100%;
    }

     .checkout .step .stepSubheader .subRow {
        flex-direction: column;
        align-items: flex-start;
     }



    .cartBody .prodList .prodRowInfoConf {
        justify-content: flex-start;
    }
    .cartBody .prodList .prodRowInfoConf h3 {
        margin-bottom: 8px;
    }
    .cartBody .prodList .prodRowInfoConf .qtyWrapRight {
        width: 100%;
    }

    .cartBody .prodList .prodRowInfoConf .prodRowInfoBtm {
        margin-top: 0;
    }

    .cartBody .prodList .prodRowInfoConf .qtyWrap {
        margin-bottom: 8px;
    }

    .cartBody .prodList .prodRow .prodRowInfoConf {
        padding-top: 0;
        padding-right: 0;
    }




    /* / end cart */

    /* order detail */

    .cartTop .orderDetailHeader span {
        display: block;
        margin-bottom: 6px;
        padding-right: 0;
    }

     .shipSubhead  {
        display: block;
     }

     .shipSubhead div:first-child {
        margin-bottom: 6px;
     }

     .shipSubhead div span {
        display: block;
        margin-bottom: 6px;
        padding-right: 0;
     }
     .cartBody .prodList .prodRowInfoConf .prodRowInfoBtmOd {
        margin-bottom: 6px;
    }

     .prodRowInfoActions {
        margin-top: 6px;
    }

     .prodRowInfoActions a {
        display: block;
        margin-right: 0;
        margin-bottom: 16px;
    }

    /* /end order detail */

/* faqs */

.leftNavWrap .accordionWrap > ul > li > h4 {
    font-size: 20px;
    padding: 18px 32px 16px 0;
}

.leftNavWrap .coolSelect li a i {
    font-size: 20px;
}

/* /end faqs */

  /* contact */

section.contactLocations {
    padding-top: 48px;
}

.contactLocations h2 {
    font-size: 29px;
}

.contactLocations .intro {
    margin-bottom: 48px;
}
.contactLocations .cards h4 {
    font-size: 18px;
}
.contactLocations .cards .cardInner {
    padding: 24px 24px;
}

/* /end contact */

/* media */

.media .fixedLeft {
    flex-direction: column;
}
.media .fixedLeft .colLeft, .media .fixedLeft .colRight {
    width: 100%;
}

.media .leftNavWrap .leftNavHeader {
        padding: 0;
        font-family: 'Graphik Medium', 'Arial';
        font-size: 16px;
        line-height: 1.25;
        font-weight: 500;
        color: #262626;
        letter-spacing: -.02em;
        background: #fff;
        text-transform: none;
        margin-bottom: 8px;
    }

/* /end media */


}



@media screen and (max-width: 550px) {

.logoGrid .row {
    justify-content: flex-start;
}

.logoGrid .row > * {
    text-align: center;
    width: 50%;
    flex: none;
}

.logoGrid .row img {
    width: 100%;
}
}


@media screen and (max-width: 480px) {



.prodHeadLeft .slick-slide {
    margin: 3px;
}

 .prodHeadLeft .slider-nav .slick-next {
    right: -3px;
    left: auto;
}
.prodHeadLeft .slider-nav .slick-prev {
    left: -3px;
}

section.genBcrumb {
    margin-bottom: 40px;
}

.buttonFloat {
    display: block;
}

.deskTop480, .desktop480 {
    display: none !important;
}

.mobile480 {
    display: block;
}
.headerRight {
    width: 100%;
    right: auto;
}
.headerRight .headerRightWrap {
       right: auto;
}

.headerRight .searchBox {
    left: 0;
    width: 60%;
}

.headerRight .searchBox input[type="text"] {
    width: 100%;
}

.headerRight .headerRightWrap a {
    margin-left: 63%;
}

.headerRight .headerRightWrap a.cartlink {
    margin-left: 6px;
}

margin-left: 6px;

.atcDetail .rating span {
    display: block;
    margin-right: 0;
}


  /* forms */
    .genForm input[type="text"], .genForm input[type="password"], .genForm select {
        height: 44px;
    }
  /* /end forms */

/* prod page */


.prodRelated .relatedRow {
    display: block;
}

.prodRelated .relatedRow > * {
    width: 100% !important;
}

.prodRelated .intro .row div:last-child {
    margin-top: 12px;
    text-align: left;
}

/* / end prod page */

/* homepage */

.splitFull .row div .colInner {
    left: 0;
    bottom: 0;
    width: calc(100% - 32px);
    margin: 16px;
}

.splitFull .row div img.desktop {
    display: none;
}

.splitFull .row div img.mobile {
    display: block;
}



.tiledRight .row > div:last-child {
    padding-bottom: 30px;
}

/* /end homepage */

    /* cart */

    .cartBody .prodList .prodRowInfo h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .price {
        font-size: 14px;
    }

    .cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceEach .priceStrike {
        font-size: 12px;
    }

    .cartBody .prodList .prodRowInfo .qtyWrapRight .qtyWrapRightInner .priceTot .price {
        font-size: 14px;
    }

    section.cart {
        padding-top: 50px;
    }

    .cartTop .cartHeader {
        margin-bottom: 14px;
    }

    .cartTop .cartHeader .cartHeaderRight {
        margin-top: 0;
    }

    .cartTop .cartHeader .cartHeaderLeft h1 {
        font-size: 36px;
    }
    .cartTop .cartHeader .btnDark {
        padding: 10px 24px;
    }

    .cartBody .prodList .prodRow .prodRowImg img {
        padding-right: 16px;
    }

    .cartBody .summaryHeader {
        font-size: 24px;
        padding: 24px 24px;
    }

    .cartBody .summaryBody {
        padding: 28px 24px 20px 24px;
    }

    .cartBody .summaryBody .summaryRowTotal {
        font-size: 18px;
    }

    .cartBody .summaryBody .summaryRowTotal {
        margin-bottom: 24px;
    }


    .cartBody .cartSummary .promoWrap {
                margin-bottom: 24px;
    }

    .cartBody .cartSummary .promoLabel {
        margin-top: 36px;
    }

    .cartBody .cartSummary .summaryFooter {
                margin-bottom: 24px;
    }

    .checkout .stepHeader {
        font-size: 26px;
    }
    .checkout .stepBody input[type="email"], .stepBody input[type="email"],
    .checkout .stepBody input[type="text"], .stepBody input[type="text"], .checkout .stepBody input[type="password"], .checkout .stepBody select {
        height: 44px;
    }

    .checkout .stepBody {
        padding: 16px 0 16px 16px;
    }

     .checkout .step .stepSubheader {
        padding: 16px 16px;
        margin: -16px 0 16px -20px;
     }

     .cartSummary .summaryProds .prodsCount {
        padding: 24px;
     }

     .cartSummary .summaryProdsOpen .prodsCount {
        padding-bottom: 6px;
     }


    .cartBody .prodList .prodRowInfoConf h3 {
        margin-bottom: 4px;
    }
    .cartBody .prodList .prodRowInfoConf .qtyWrap {
        margin-bottom: 0px;
    }
    .cartBody .prodList .prodRowInfoConf p {
        margin-bottom: 0px;
    }


/* / end cart */

    /* drawers */


    .cartDrawer .cartBottom .cartBottomRow:last-child {
        display: block;
    }

    .cartDrawer .cartBottom .cartBottomRow .button {
        display: block;
        width: 100%;
        text-align: center;
        max-width: 360px;
        margin: 0 auto;
    }

    .cartDrawer .cartBottom .cartBottomRow .button:nth-child(2) {
        margin-top: 16px;
    }
    .cartDrawer .cartInner {
        height: calc(100% - 130px);
    }
    .cartDrawer .prodList .prodRow .prodRowImg {
        width: 105px;
    }

    .cartDrawer .prodList .prodRow .prodRowInfo {
        width: calc(100% - 105px);
    }

    .atcDrawer, .cartDrawer, .signinDrawer {
        width: 98%;
    }


    /* / end drawers */

/* contact */

.contactTop {
    margin-bottom: 54px;
}
.contactBody h2 {
    font-size: 29px;
}
.contactBody .formWrap {
    padding-left: 16px;
    padding-right: 16px;
}

/* /end contact */



.footerBanner .row > div {
    padding-bottom: 40px;
    font-size: 26px;
}


.arrowLink {
    white-space: normal;
}

.cardWrap h3 {
  line-height: 1;
}





}

@media screen and (max-width: 375px) {
    /* modals */
    .modal-header {
        padding: 24px 16px 24px 16px;
    }
    .modal-body {
        padding: 24px 16px;
    }

    .modalSignup .modal-body h3 {
        font-size: 29px;
    }

    .modalSignup .modalRow .modalRowRight .inner {
        padding: 24px 16px;
    }
    /* /end modals */

      /* order history */
    .ohRow .ohCol .oInfo .line1 span {
        font-size: 16px;
    }
    /* /end order history */

    .containerCool {
        padding-left: 16px;
        padding-right: 16px;
    }

    section {
        margin-bottom: 60px;
    }

    section.grayBg, section.ltBlueBg {
        padding: 60px 0;
    }


   .leftNavWrap .callout .inner .button {
    width: 100%;
}


.pageHeader {
    margin-bottom: 36px;
}

.pageHeader h1 {
    font-size: 36px;
    line-height: 1.1;
}


.sectionHeader {
    font-size: 32px;
}

.sectionSubheader {
    font-size: 20px;
}

.sectionHeaderSmall {
    font-size: 30px;
}

.headerLg {
    font-size: 29px;
}

.subheader {
    font-size: 20px;
}

.headerSm {
    font-size: 20px;
}

.bleedRight .bleedRightInner {
    width: calc(100% + 16px);
}

.splitFull .row div .colInner h3 {
    font-size: 20px;
}

.dualFlushLeft .row div .colInner h4 {
    font-size: 18px;
}

/* heros */

    .hero h1 {
        font-size: 41px;
    }

    .hero .arrowLink {
        font-size: 16px;
    }

    .hero button, .hero .button {
        padding: 12px 24px;
    }

    .hero .produkt p {
        font-size: 18px;
    }

    .hero .produkt14 p {
        font-size: 14px;
    }

    .heroV2 .heroOverlay .row .heroLeft {
        padding: 30px 16px;
    }

    .heroV2 .heroOverlay .bcrumb {
        padding-left: 16px;
    }

    .heroHome .heroLeft, heroPartBlur .heroLeft, .heroHalfBlur .heroLeft, .heroHalfSolid .heroLeft  {
        padding: 35px 16px;
    }
    .heroHalfSolid .heroLeft {
        padding-top: 50px;
    }
    .heroHalfBlur .bcrumb, .heroHalfSolid .bcrumb {
        left: 16px;
    }

    .hero1440 .heroLeft {
        order: 2;
        padding: 32px 16px;
    }

    .hero1440  .bcrumb {
        left: 16px;
    }

.products .prodResults .title {
    font-size: 18px;
}

.prodHeadRight .priceLine .price {
    font-size: 18px;
}

.accordionWrap > ul > li > h4  {
    padding: 20px 20px;
    font-size: 26px;
}

table.cards td .tdInner h3 {
    font-size: 16px;
}

.prodStrip .cardWrap .cardInner h3 {
    font-size: 16px;
}


.prodHeadRight .btnSmall {
    padding: 8px 14px;
}

.qtyAtc .btnHollow {
    padding: 10px 0;
}



.bottomLabels .bottomLabel {
    padding: 12px 16px;
}

         

    .prodHeader .prodHeadRight .colInner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .dualFlushLeft .row > div:last-child .colInner {
        padding: 0 16px;
    }

    .footerBlue .colB3 {
        width: 100%;
      /*  padding-right: 16px;
        padding-left: 16px; */
        margin-left: 0;
    }

    .atcImg {
        margin-bottom: 20px;
    }

 /* drawers */

    .cartDrawer .cartHeader {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cartDrawer .cartInner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cartDrawer .cartBottom {
        padding: 24px 16px;
    }

    .signinDrawer .signinHeader .signinHeaderLeft h1 {
        font-size: 23px;
    }
    .signinDrawer h3 {
        font-size: 29px;
    }
    .signinDrawer .signinInner {
        padding: 42px 16px 12px 16px;
    }

    .filtersDrawer {
        width: 98%;
    }

 /* /end drawers */

 .checkout .methodRow .methodLeft .methodLabel {
    font-size: 18px;
}


}