@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Harmonia Sans Pro Semi-Bold';
    src: url('../fonts/HarmoniaSansProGlobal-SemiBd.woff') format('woff'),
    url('../fonts/HarmoniaSansProGlobal-SemiBd.ttf') format('truetype'); /* Keep TTF as a fallback for older browsers */
    font-display: swap; /* Very important for performance! */
}

@font-face {
    font-family: Icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon/icomoon.woff) format("woff"),url(../fonts/icomoon/icomoon.eot) format("eot"),url(../fonts/icomoon/icomoon.ttf) format("truetype")
}

html {-webkit-font-smoothing:antialiased;}
header, nav, section, article, aside, footer {display: block;}

* {margin:0;padding:0;border:none;}
a:hover {text-decoration:underline;}

a {color:#1180a5;}
.tARight {text-align:right !important;}
.tACenter {text-align:center !important;}

#dialog, #kosikDialog {display:none;color:#000;font-family:Georgia;font-size:36px;}

.heading {width:100%;line-height:52px;text-align:left;margin-top:20px;}
.heading h1 {text-align:left;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:25px;line-height:30px;color:#64a70b;font-weight:normal;display:inline-block;}
h1 .suffix {color:#69b716;text-decoration:underline;}
h1 .prefix {padding-right:37px;background:url('../images/podklad/heading-delimiter.png') right -13px no-repeat;}
h1 a {text-decoration:none;color:#fff;}
h1 a:hover {text-decoration:underline;}

body {font-family: 'Harmonia Sans Pro', Arial, sans-serif;
    font-size: 16px;}
.clear{clear:both;font-size:0;line-height:0;height:0;display:block;}
.centerBox {max-width: 1400px;
    margin: 0 auto;
    text-align: left;
    padding-right: 30px;
    padding-left: 30px;
    width: 100%;
    z-index: 2;}
.center {margin:0 auto;text-align:left;}
.centerBoxBaneers {width:1111px;margin:0 auto;}
.posRel {position:relative;}
.green {color:#5da70e;}
.h61 {height:61px !important;}
.mT2 {margin-top:2px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT18 {margin-top:18px !important;}
.mT19 {margin-top:19px !important;}
.mT23 {margin-top:23px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}
.mT40 {margin-top:40px !important;}
.mTm45 {margin-top:-45px;}
.mB5 {margin-bottom:5px !important;}
.bPT {background-position:left top !important;}
.fwB {font-weight:bold !important;}
.mLm4 {margin-left:-4px;}
.mL7 {margin-left:7px;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mL33 {margin-left:33px;}
.mL45 {margin-left:45px;}
.mL11 {margin-left:11px;}
.w1005 {width:1005px;}
.fs20 {font-size:20px !important;}
.mB4 {margin-bottom:4px !important;}
.w600 {width:100%;}
.w604 {width:604px;}
.w100 {width:100%;}
.osb14 {font-family:'OpenSansBold';font-size:14px;}
.gi20 {font-family:Georgia;font-size:20px;font-style:italic;}
.gi26 {font-family:Georgia;font-size:26px;font-style:italic;}
.w235 {width:235px;}
.flLeft {float:left;}
.flRight {float:right;}

h2 {
    font-family: "Harmonia Sans W01",Arial,sans-serif;
    font-weight: 700;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1em;
    color: #64a70b;
    display: block;
}
h3 {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.111em;
    color: #64a70b
}

h4 {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.133em;
    margin: .375rem 0;
    color: #1a1a1a
}

p {
    margin: 0 0 1em
}

p a {
    color: #64a70b;
    text-decoration: underline
}

p a:hover {
    text-decoration: underline
}

a {
    color: #1a1a1a;
    overflow: hidden;
    text-decoration: none
}

a.alt-link {
    font-size: 12px;
    font-size: .75rem
}

a:hover {
    color: #64a70b;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    #srovnaniHolder a, #srovnaniHolder body, #srovnaniHolder button, #srovnaniHolder div, #srovnaniHolder form, #srovnaniHolder h1, #srovnaniHolder h2, #srovnaniHolder h3, #srovnaniHolder h4, #srovnaniHolder img, #srovnaniHolder input, #srovnaniHolder p, #srovnaniHolder table, #srovnaniHolder td, #srovnaniHolder textarea, #srovnaniHolder tr {
        max-width: none !important;
    }
}

@media only screen and (max-width: 767px) {
    a, body, button, div, form, h1, h2, h3, h4, img, input, p, table, td, textarea, tr {
        max-width: 100%
    }
}

.compareButn {width:259px;height:58px;line-height:50px;color:#fff;font-family:Georgia;font-size:20px;font-style:italic;display:block;background:url('../images/podklad/btn-topbar-porovnani.png') left top no-repeat;text-decoration:none;float:right;margin-top:14px;text-align:center;}
.compareButn:hover {background-position: left -66px;text-decoration:underline;}
.compareButn span {color:#fff;font-family:Georgia;font-size:20px;font-style:italic;margin-left:44px;display:inline-block;}

header {width:100%;margin:0 auto;position:relative;text-align:left;background:#fff;}
#topUserBox {width: 1081px;margin: 0 auto;text-align:right;height:28px;line-height:28px;padding-right:12px;}
#topUserBox a {
    display: inline-block;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    color: #808080;
    text-decoration: none;
}
#system-login {background:url('../images/podklad/login-prijava-irobot.png') 0 4px no-repeat;display:inline-block !important;padding-left:24px !important;height: auto !important;}
#loggedUserHeaderHolder a {display:inline-block;padding-left:0;}
#topBox {background-color: #64a70b;height:75px;}
#topBoxInner {width:1081px;margin:0 auto;height:75px;}
#logoHolder {padding-top:7px;float:left;width:200px;height:62px;}
#logo {width:200px;height:62px;}

#cart {float:right;height:33px;line-height:33px;width:175px;background: #f7f7f7;margin-top:21px;}
#cart a.shop {
    float:left;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    padding: 8px 10px 7px 8px;
    color: #000;
    text-decoration: none;
}
#products_buy {
    float:left;
    position: relative;
    font-family: 'Harmonia Sans Pro', Arial, sans-serif;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 9px 0 0 33px;
    text-decoration: none;
    outline: 0;
    color: #787878;
}

#products_buy:before {
    background: url('../images/podklad/cart-ico.png') no-repeat 0 3px;
    content: '';
    position: absolute;
    top: 9px;
    left: 12px;
    width: 17px;
    height: 17px;
}
#products_buy:after {
    background: #ebebeb;
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 1px;
    height: 17px;
}
#menu {
    float: left;
    height:75px;
    padding: 0 10px 0 27px;
    background-color: #64a70b;
    font-size: 18px;
}
#menu a {
    color: #fff;
    display: block;
    float: left;
    padding: 0 0 0 15px;
    line-height: 75px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-os-x-font-smoothing: grayscale
}

#menu a:hover {
    background-color: #4e8828
}

#menu a:hover span, #menu a:hover span.noBorder {
    border-right: 1px solid #4e8828
}

#menu a span {
    line-height: 26px;
    border-right: 1px solid #fff;
    padding-right: 15px;
    padding-bottom: 3px
}
#menu a span.noBorder {
    border-right: 1px solid #64a70b
}
#menu a.last a {
    border: 0
}
#menu ul {
    float: left;
    margin-right: 15px;
    overflow: hidden
}
#menu ul li {
    float: left
}
#menu ul {
    overflow: auto;
    margin: 0;
    padding: 0
}
#menu ul li {
    padding: 0;
    margin: 0;
    list-style-type: none
}

#menu ul li a {
    text-decoration: none
}
#menu ul li p {
    clear: both;
    text-align: center;
    padding: 0;
    width: 100%;
    overflow: auto
}
#menu ul li p span {
    display: block;
    margin: auto;
    background: url('../images/podklad/menu-arrow-down.png') 0 0 no-repeat;
    height: 9px;
    width: 34px
}
#menu ul li.active a {
    background-color: #4e8828;
    border: 0;
    padding: 0 0 0 15px
}
#menu ul li.active a span {
    border: 0;
    padding-right: 15px
}
#menu ul li:last-child span {
    border: none
}
#menu ul li.on:last-child a span {
    padding-right: 37px
}

#bannersHolder {width:100%;height:499px;margin-bottom:22px;border-top:1px dashed #d1d1d1;overflow:hidden;border-bottom:1px dashed #d1d1d1;background:#fbfbfb url('../images/podklad/bg-lightgray.png');position:relative;}
#banners {width:1111px;}
#prev {width:73px;height:73px;background:url('../images/podklad/slider-left.png') left top no-repeat;position:absolute;top:210px;left:0px;cursor:pointer;z-index:100;}
#next {width:73px;height:73px;background:url('../images/podklad/slider-right.png') left top no-repeat;position:absolute;top:210px;right:0px;cursor:pointer;z-index:100;}
#prev:hover, #next:hover {background-position:0px -73px;}
.banner {position:relative;float:left;}
.banner h2 {position:absolute;top:160px;left:643px;color:#00853e;font-size:50px;font-family:'OpenSansLight';font-weight:normal;}
.bannerPerex {position:absolute;top:229px;left:643px;width:390px;line-height:28px;color:#000;font-size:25px;font-family:Georgia;font-style:italic;}
.bannerText {position:absolute;top:297px;left:639px;width:414px;line-height:20px;color:#fff;font-size:14px;font-family:'OpenSansRegular';text-align:justify;opacity:0.75;background-color:#000;-moz-box-shadow:0.5px 0.866px 2px 0px rgb(0,0,0);
-webkit-box-shadow:0.5px 0.866px 2px 0px rgb(0,0,0);
box-shadow:0.5px 0.866px 2px 0px rgb(0,0,0);}
.bannerTextInner {padding:15px 18px;}
.bannerFloatBox {position:absolute;}
.bannerFloatBox {width:325px;}
.bannerFloatBoxInner {position:relative;}
.bannerFloatBox span {position:absolute;left:0;top:0;display:block;background:url('../images/podklad/ico-plus.png') left top no-repeat;width:56px;height:57px;line-height:40px;cursor:pointer;}
.bannerFloatBox span.expanded {background-image:url('../images/podklad/ico-plus3d.png') !important;z-index:2001;}
.bannerFloatBoxText {position:absolute;left:23px;top:25px;color:#fff;font-family:'OpenSansRegular';font-size:14px;line-height:20px;display:none;background:url('../images/podklad/bg-green.png') left top;z-index:2000;-moz-box-shadow: 2px 1px 1px 0 rgba(0,0,0,0.57);
-webkit-box-shadow:2px 1px 1px 0 rgba(0,0,0,0.57);
box-shadow:2px 1px 1px 0 rgba(0,0,0,0.57);}
.bannerFloatBoxText img {float:left;padding:0 14px 0 0;margin:-10px 0 0 -14px;}
.bannerFloatBoxText p {padding:27px 23px 20px 36px;text-decoration:none !important;}
.bannerFloatBoxText a {float:right;margin:0 12px 9px 0;color:#fff;font-size:12px;font-family:Arial;font-weight:bold;display:inline-block;background:url('../images/podklad/ico-more.png') 0 3px no-repeat;padding-left:22px;}
a.bannerLink {display:block;text-decoration:none;}

#news-boxes h2 {
    font-size: 22px;
}

#hpBoxes {width:100%;height:325px;background:#414141 url('../images/podklad/bg-darkgray.png');}
.hpBox {width:360px;height:325px;float:left;position:relative;text-align:left;background:url('../images/podklad/hp-foorer-delimiter.png') left top no-repeat;}
.hpBoxInner {padding:24px 32px;}
.hpBox h2 {color:#fff;font-size:20px;font-family:'OpenSansLight';padding-left:57px;height:40px;line-height:33px;margin-bottom:0;}
.hpBox h2.news {background:url('../images/podklad/footer-news.png') left top no-repeat;}
.hpBox h2.produkty {background:url('../images/podklad/footer-produkty.png') left top no-repeat;}
.hpBox h2.roadshow {background:url('../images/podklad/footer-roadshow.png') left top no-repeat;}
.hpBox h2 a {color:#fff;font-size:20px;line-height:33px;font-family:'OpenSansLight';text-decoration:none;font-weight:normal;}
.hpBox h2 a:hover, .hpBox h3 a:hover {text-decoration:underline;}
.hpNovinka h3 {line-height:24px;margin-bottom:6px;}
.hpNovinka h3 a {color:#6cbb17;font-family:Georgia;font-size:22px;font-style:italic;text-decoration:none;font-weight:normal;line-height:24px;}
.hpBox p {text-align:justify;color:#fff;font-size:13px;font-family:'OpenSansRegular';line-height:18px;}
.hpBox img {float:left;margin:0 12px 12px 0;}
.hpProdukty h3 {line-height:24px;margin-bottom:6px;}
.hpProdukty h3 a {color:#6cbb17;font-family:Georgia;font-size:22px;font-style:italic;text-decoration:none;font-weight:normal;line-height:24px;}
.hpProdukty img {-moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:2px 2px 2px 1px rgba(0,0,0,0.4);
box-shadow:2px 2px 2px 1px rgba(0,0,0,0.4);}
.rightDashed {width:1px;float:left;height:325px;background:url('../images/podklad/hp-foorer-delimiter.png') right top no-repeat;}

.hpBox .tag {font-size:12px;display:inline-block;height:19px;line-height:19px;border-radius:8px;-moz-border-radius:8px;background-color:#989898;font-family:'OpenSansBold';color:#444;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.48);
-moz-box-shadow: inset 0px 1px 1px 1px rgba(255,255,255,0.4);
-webkit-box-shadow:inset 0px 1px 1px 1px rgba(255,255,255,0.4);
box-shadow:inset 0px 1px 1px 1px rgba(255,255,255,0.4);}
.hpBox .tag span {padding:0 10px;}

#products {margin-bottom:52px;}
#productsCategories {margin-top:26px;}
.productCategoryBunka {background:url('../images/podklad/produkty-bunka-bg.png') left top no-repeat;display:block;width:213px;height:58px;margin:0 3px 3px 0;float:left;}
.productCategoryBunkaInner {padding:3px;display:block;}
.productCategoryBunkaIco {width:56px;float:left;text-align:center;display:block;}
.productCategoryBunkaText {width:147px;margin-left:3px;color:#1d80a7;font-size:14px;font-family:helvetica;text-decoration:underline;float:left;line-height:17px;height:52px;display:table;}
.productCategoryBunkaText span {display:table-cell;vertical-align:middle;}
.productCategoryHeader {height:103px;line-height:103px;width:100%;background-color:#f7f7f7;text-align:left;font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;}
.productCategoryHeader h2 {color:#000;font-size:30px;font-weight:normal;display: inline-block;}
.prvek {display:inline-block;background:url('../images/podklad/produkty-prvek.png') right bottom no-repeat;margin-left:95px;width:63px;height:56px;}
.productCategoryHeader .suffix {color:#64a70b;font-size:30px;padding-right:18px;}
.vysavaceProductsHolder {float:left;margin-left:-32px;}
.venkovniRobotiTitleHolder {float:left;background:url('../images/podklad/products-venkovni-separate-bg.png') right top no-repeat;width:500px;}
.vysavaceTitleHolder {float:left;}
.categoryBg {background:url('../images/podklad/category-expanded-bg.png') left top no-repeat;}

.expandable h2 {background:url('../images/podklad/ico-plus-small.png') 0 15px no-repeat;padding-left:48px;}
.expandableExpanded {background-image:url('../images/podklad/products-category-header-expanded-bg.png') !important;}
.expandableExpanded h2 {background:url('../images/podklad/ico-minus-small.png') 0 15px no-repeat !important;}
.expandable .centerBox {cursor:pointer;}
#products .collapsed {height:30px;overflow:hidden;}
.collapsed .product {margin:-35px 0 35px 0 !important;}
.categoryExpanded {background:url('../images/podklad/category-expanded-bg.png') left top no-repeat;}
.venkovniRobotiHolder {float:left;background:url('../images/podklad/products-venkovni-separate-bg.png') right -62px no-repeat;width:500px;}
.productCategoryHeader .delimiter {display:inline-block;width:48px;height:60px;line-height:60px;margin-top:1px;background:url('../images/podklad/products-category-delimiter.png') center top no-repeat;}
.product {width:210px;height:539px;float:left;position:relative;margin:20px 20px 0 0;overflow:hidden;border:1px solid transparent;}
.productInner {padding:0 15px;}
.product:not(.noDetail):hover {border:1px solid #e3e3e3;}
.product:not(.noDetail):hover .productListSkladem {display:block;}
.product h3 {position:absolute;top:168px;left:15px;}
.product h3, .product h3 a {font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#000;font-size: 26px;line-height: 26px;text-decoration:none;font-weight:normal;}
.product .description {position:absolute;top:265px;left:15px;width:178px;color:#000;font-family:'OpenSansLight';font-size:13px;}
.noDetail {}
.product .eshopButtonHolder {position:absolute;top:360px;left:15px;width:178px;text-align:center;}
.eshopButtonHolder a {display:inline-block;width:151px;height:41px;line-height:37px;background:url('../images/podklad/tlacitko-eshop.png') left top no-repeat;text-decoration:none;font-family:Arial;font-weight:bold;font-style:italic;font-size:21px;color:#fff;}
.productPrice {position:absolute;top:370px;left:15px;width:178px;font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:22px;color:#808080;text-align:center;}

.productListSkladem {width:100%;text-align:center;margin-bottom: 10px;}
.productListSkladem span {font-size:16px;display:inline-block;}
.skladem {color:#69b816 !important;}
.neniSkladem {color:red !important;;}
.productDiscountPriceHolder {font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;text-align:center;}
.productOldPrice {font-size:16px;color:#808080;text-decoration: line-through;}
.productPriceDiscountText {color:#fd9d2c;font-size:26px;font-weight: bold;}
.productPriceNew {font-size:22px;color:#808080;}

.eshopButtonHolder a:hover {background-position:0 -41px;}
.eshopButtonHolder a span {padding-left:40px;}
.productImgHolder {position:absolute;top:18px;left:15px;text-align:center;width:180px;}
.productImgHolder a {display:block;margin:0 auto;text-align:center;width:100%;}
.hvezdicky {position:absolute;top:237px;right:15px;}
.id_product, .productRating {display:none;}
/* RATER PLUGIN */
.ui-rater-starsOff {width:105px;}
.ui-rater-starsOff, .ui-rater-starsOn {display:block;height:21px;background:url('../images/podklad/stars.png') repeat-x 0 1px;float:left;}
.ui-rater-starsOn {display:block;max-width:105px;top:0; background-position: 0 -42px;}
.ui-rater-starsHover {background-position: 0 -21px!important;}

.productInformationHolder {background:url('../images/podklad/bg-darkgray.png');width:100%;}
.productInformationBox {width:360px;float:left;margin-bottom:35px;text-align:center;}
.productInformationBox h3 {color:#fff;font-size:20px;padding-left:57px;height:40px;line-height:40px;display:inline-block;margin:25px 0 18px 0;}
.productInformationBox h3.slovnikPojmu {background:url('../images/podklad/footer-slovnik.png') left top no-repeat;}
.productInformationBox h3.iAdapt {background:url('../images/podklad/footer-iadapt.png') left top no-repeat;}
.productInformationBox p {color:#fff;font-size:13px;padding:0 32px;text-align:justify;}

#productDetail h1 {
    color:#64a70b;
    display: inline-block;
    margin: 8px 0 0 0;
}

.product-col-1, .product-col-2 {
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
}
.klicovaFunkceText, .klicovaFunkceVideo {
    width: 100%;
}

.klicovaFunkceVideo {
    margin-top: 8px;
}

.hvezdickyDetail {
    position:static !important;
    display:inline-block !important;
    margin-left:0;
}
#productDescription {margin-top:12px;}
#productHeaderHolder {margin-top: 12px;}
#productLeftHeaderInfoHolder {margin-bottom: 20px;}
#productLeftHeaderInfo {float:left;line-height: 18px;margin-top: 16px;}

#productLeftHeader {margin-bottom:14px;}
#productLeftHeader h2 {float:left;}

#productLeftHeader h2 {display:inline-block;padding-right:23px;background:url('../images/podklad/dust-green.png') no-repeat scroll right -1px transparent;}
#productLeftHeader .shareHolder {margin-top:8px;}
#productLeftHeader a:hover {text-decoration:none !important;}
.shareHolder {float:right;width:105px;height:22px;}
.shareHolder .addthis_button {background:url('../images/podklad/share-news.png') left top no-repeat;width:19px;height:19px;float:right;text-decoration:none;margin:2px 7px;}
.share_facebook {background:url('../images/podklad/share-facebook.png') left top no-repeat;width:10px;height:19px;float:right;text-decoration:none;margin:2px 8px;}
.share_twitter {background:url('../images/podklad/share-twitter.png') left top no-repeat;width:25px;height:17px;float:right;text-decoration:none;margin:3px 8px;}
.shareHolder a:hover {text-decoration:none;}
.addthis_button_facebook {background:url('../images/podklad/share-facebook.png') left top no-repeat;width:10px;height:19px;float:right;text-decoration:none;margin:2px 8px;}
.addthis_button_facebook span {background:none !important;}
.addthis_button_twitter {background:url('../images/podklad/share-twitter.png') left top no-repeat;width:25px;height:17px;float:right;text-decoration:none;margin:3px 8px;}
.addthis_button_twitter span {background:none !important;}

#productPriceCartHolder {
    width:100%;
    margin-top: 6px;
}
#productPriceCartHolder .button {line-height: 14px;
    float: right;
    margin-top: -4px;
    height: 30px;}
#productHeaderPrice {display:inline-block;margin-right:8px;float: right;}
.productDetailPrice {font-family: "Harmonia Sans W01",Arial,sans-serif;color: #64a70b;font-size: 22px;}
.productDetailDiscountPrice {font-family: "Harmonia Sans W01",Arial,sans-serif;color: #64a70b;font-size: 22px;}
.productDetailOldPrice {font-family: "Harmonia Sans W01",Arial,sans-serif;color: #000;font-size: 14px;text-decoration: line-through;}
.productSkladem {font-family: "Harmonia Sans W01",Arial,sans-serif;color: #64a70b;font-size: 14px;font-style: italic;}
.productSkladem.skladem {color:#64a70b;}
.productSkladem.neniSkladem {color:red;}
.productDetailDiscountPriceHolder {line-height: 23px;float:left;margin-top: -8px;}

#productDetail .klicovaFunkceVideo img {
  width: 100%;
}

#productBanner img {width:100%;}
.klicoveFunkceBox {width: 100%;
    height: 342px;
    position: relative;
    background-size: cover;
}
.klicoveFunkceBox h2 {position:absolute;left:6px;bottom:12px;}
.klicovaFunkceHolder {margin-top:25px;width:100%;color:#000;font-size:16px;line-height:24px;}
.klicovaFunkceHolder h3 {color:#1880a7;font-size:24px;font-weight:normal;}
.klicovaFunkceTitle {
    border-bottom:2px solid #e5e5e5;
    padding-left: 65px;
    width:100%;
    height:64px;
    line-height:50px;
}
#productDetail .klicovaFunkceTitle h3 {line-height: 22px;}
.funkceiAdapt {background:url('../images/podklad/product-ico-iadapt.png') 9px 0 no-repeat;}
.klicovaFunkceInner {padding:20px 0 0 7px;}
.klicovaFunkceInner p img {float:right;padding:0 0 15px 15px;}

#hlavniVyhody {width:100%;background:none !important;}
#hlavniVyhody h2 {margin-bottom:12px;}
#hlavniVyhody ul {width:100%;margin:0 0 0 15px;padding:0;background:url('../images/podklad/prvek-full.png') 195px bottom no-repeat;}
#hlavniVyhody ul li {list-style-image:url('../images/podklad/list.png');color:#000;font-size:16px;line-height:17px;margin:0;padding:7px 0 7px 1px;}

@media (min-width: 768px) {
    #hlavniVyhody {
        background:transparent right top no-repeat;
        background-size: 68%;
    }
    #hlavniVyhody ul {
        width:55%;
    }
}

.grayBox {background:url('../images/podklad/bg-gray-line-big.png') right bottom no-repeat;margin-bottom:19px;}
.grayBox p {color:#fff !important;font-size:14px !important;line-height:22px !important;padding-top:10px !important;margin-bottom:10px !important;}

.grayBox h2 {color:#cacaca !important;font-size:26px;font-weight:normal;margin-bottom:4px !important;}
.grayBoxInner {
    padding: 21px 12px 12px 12px;
}
.accessoryBox {width:100%;height:70px;margin:15px 0 0 0;float:left;overflow:hidden;}
.accessoryBox img {float:left;padding-right:12px;}
#obsahBaleniHolder p, #kDokoupeniHolder p {color:#000;}
.accessoryText {float:right;color:#000;font-size:12px;line-height:13px;}
.techSpecHolder {width:100%;margin-left:0;}
.techSpecTitle {height:35px;border-bottom:2px solid #000;width:100%;}
.techSpecHolder h3 {margin-left:0 !important;}
.techSpecLine {min-height:30px;line-height:18px;width:100%;border-bottom:1px solid #c2c2c2;color:#000;font-size:12px;}
.techSpecLine span {padding:5px 0 5px 5px;display:table-cell;vertical-align:middle;}

#klicoveFunkceHolder {width:100%;}
.klicoveFunkceDetail {margin:20px 0 0 20px;position:relative;width:96%;background:url('../images/podklad/bg-green-shadow.png') right bottom no-repeat;display:none;}
.klicoveFunkceDetail .plus {position:absolute;top:-19px;left:-19px;width:56px;height:57px;background:url('../images/podklad/ico-plus3d.png') left top no-repeat;}
.klicoveFunkceDetail h4 {font-style:italic;color:#fff;font-size:24px;font-weight:normal;margin:0 0 12px 20px;}
.klicoveFunkceDetail p {color:#fff !important;font-size:13px;line-height:17px;}
.klicoveFunkceDetailInner {padding:12px 30px 36px 27px;}
.klicoveFunkceDetail img {float:right;padding-left:18px;}
#productTags ul {margin-left:0;}

#productDetail .product-col-2 h3 {font-style:italic;color:#000;font-size:26px;font-weight:normal;}
#productDetail .product-col-1 h2 {font-style:italic;color:#000;font-size:24px;line-height:24px;font-weight:normal;}
#productDetail .product-col-1 .suffix {background:url('../images/podklad/dust-green.png') no-repeat scroll right -1px transparent;color:#5da70e;font-size:24px;font-style:italic;padding-right:14px;background-size: 25%;}

#productDetail .product-col-1 p {color:#000;font-size:16px;line-height:20px;}
#productDetail .product-col-1 .greenBox .suffix {font-size:30px;color:#fff;padding-right:22px;background:url('../images/podklad/dust-white.png') right top no-repeat;}

.greenBox {background:url('../images/podklad/bg-green-noshadow.png') right bottom no-repeat;position:relative;}
.greenBox p {color:#fff !important;font-size:14px !important;line-height:20px !important;padding-top:14px !important;width:100%;}
.greenBoxInner {padding: 21px 12px 12px 12px;}
.greenBox .greenBoxInner img {
    margin: 14px auto 8px auto;
    display: block;
}
.greenBox h2 {color:#000 !important;font-size:30px;font-weight:normal;}
.modelNumber {display: none;}

.priceBoxHolder {display: none;}
.priceBox {width:500px;height:75px;float:left;overflow:visible;z-index:10;position:relative;}
.priceButton {float:left;cursor:pointer;background:url('../images/podklad/btn-prize.png') left top no-repeat;width:280px;height:92px;display:block;line-height:86px;font-style:italic;color:#fff;font-size:22px;text-decoration:underline;}
.priceButton:hover {background-position:0 -92px;}
.priceButton span {padding:0 30px 0 84px;background:url('../images/podklad/cart-button-ico.png') right top no-repeat;}
.priceText {margin:10px 0 0 30px;height:54px;display:block;border-left:1px dashed #fff;font-family:'OpenSansLight';color:#fff;font-size:20px;float:left;width:133px;}
.priceText span {display:block;padding:8px 0 0 15px;line-height:20px;}
.price {font-family:Georgia;font-style:italic;color:#fff;font-size:43px;float:right;margin-right:-19px;display:block;z-index:10;height:75px;line-height:69px;}
.priceNote {font-family:Arial;font-style:italic;color:#848484;font-size:11px;position:absolute;bottom:-16px;left:47px;}

#productGalleryHolder {
    margin-top:16px;
    display: flex;
    flex-wrap: wrap;
}
.galleryImage {
    position:relative;
    overflow:hidden;
    height:163px;
    margin:0 0 4px 4px;
    text-align:center;
    flex: 1 1 50%;
    max-width: calc(50% - 4px);
    width: calc(50% - 4px);
}
.galleryImage a {
    display:block;
    z-index:1;
    cursor:pointer;
    text-decoration:none;
    background: url('../images/podklad/product-foto-overlay.png') no-repeat right top;
    background-size: cover;
    width: 100%;
    height:100%;
}
.galleryImage img {z-index:-1;position:absolute;left:0;top:0;}
.galleryImage:hover img {opacity:0.8;filter:alpha(opacity=80);}

#productLeftHeaderInfo span {display: block;float:left;border-right:1px solid #ccc;text-align: center;padding:0 12px;font-size: 12px;}
#productLeftHeaderInfo span span {display: inline-block;color:#1880a7;font-weight:bold;border-right:none;}

.product-add-to-cart {
    background-color: rgba(238,238,238,.9);
    border-top: 1px solid #414042;
    display: flex;
    padding: 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    text-align: center;
}

.product-add-to-cart .add-to-cart {
    display: block;
    border-radius: 0;
    font-size: 20px;
    line-height: 56px;
    height: 56px;
    padding: 0;
    width: 100%;
    font-family: "Harmonia Sans W01",Arial,sans-serif;
    font-weight: 400;
    cursor: pointer;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    text-align: center;
    transition: all .3s ease;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 768px) {
    #productDetail h1 {
        margin: 8px 0 5px 0;
    }
    #productHeaderHolder {
        margin-top: 0;
    }
    #productPriceCartHolder {
        margin-top:20px;
    }
    .product-add-to-cart {
        display: none;
    }
    .hvezdickyDetail {
        margin-left:14px;
    }
    #productHeaderPrice {
        margin-right:15px;
    }
    .product-col-1 {
        float: left;
        width: 58%;
        clear: none;
    }
    .product-col-2 {
        float: right;
        width: 40%;
        clear: none;
    }
    .klicovaFunkceText {
        float:left;
        width:400px;
    }
    .klicovaFunkceVideo {
        float:right;
        margin-top:4px;
        width: 250px;
    }
    #productDetail .klicovaFunkceVideo img {
        max-width: 250px;
    }
    #hlavniVyhody {
        margin:46px 0 0 0;
        background-size: inherit;
    }
    #hlavniVyhody ul {
        width: 60%;
        margin:0 0 0 20px;
        padding:0 0 24px 0;
        background:url('../images/podklad/prvek-full.png') 195px bottom no-repeat;
    }
    .accessoryBox {
        width:calc(50% - 8px);
        height:70px;
        margin:15px 0 0 8px;
        float:left;
        overflow:hidden;
    }
    .accessoryBox img {
        float:left;
        padding-right:0;
    }
    .techSpecHolder {
        width:100%;
    }
    .klicoveFunkceDetail {
        margin:20px 0 0 20px;
        position:relative;
        width:100%;
    }
    .productListSkladem {
        width:calc(100% - 90px);
        position: absolute;
        bottom: 45px;
        margin-bottom: 0;
    }
    .productListSkladem span {
        font-size:14px;
    }
    #productDetail .product-col-1 h2 {
        font-size:30px;
        font-weight:normal;
        line-height: 34px;
    }
    #productDetail .product-col-1 .suffix {
        font-size:30px;
        padding-right:14px;
        background-size: inherit;
    }
    #productDetail .product-col-1 p {
        color:#000;
        font-size:16px;
        line-height:20px;
    }
    .grayBoxInner {
        padding:26px 33px 33px 33px;
    }
    .klicoveFunkceBox {
        margin-bottom:40px;
    }
    .klicoveFunkceBox h2 {
        bottom:-26px;
    }
    .klicovaFunkceVideo {
        margin-top: 0;
    }
    #productDetail .product-col-1 .greenBox .suffix {
        font-size:30px;
        padding-right:22px;
    }
    .greenBoxInner {
        padding: 32px 34px 50px 34px;
    }
    .greenBoxInner img {
        margin: 0;
        display: inherit;
    }
    .greenBox p {
        font-size:14px !important;
        line-height:20px !important;
        padding-top:14px !important;
        width:65%;
        float:left;
    }
    .greenBox img {
        float:right;
    }
    .modelNumber {
        position:absolute;
        top:0;
        left:640px;
        font-family:Georgia;
        font-size:270px;
        color:rgba(0,0,0,0.07);
        font-style:italic;
    }
    #productGalleryHolder {
        margin-top:0;
    }

    #productLeftHeaderInfo span {
        padding:0 23px;
        font-size: 16px;
    }
    #productDescription {
        margin-top:30px;
    }
    .galleryImage {
        height:125px;
        flex: 1 1 25%;
        max-width: calc(25% - 4px);
        width: calc(25% - 4px);
    }
    .priceBox {

    }
    .priceBoxHolder {
        display: block;
        width:100%;
        background:url('../images/podklad/prize-bg.png') center top no-repeat;
        height:75px;
        margin-bottom:55px;
        margin-left: 13px;
    }
    .klicovaFunkceTitle {
        padding-left: 0;
        margin-left: 65px;
        width: calc(100% - 65px);
    }
    #productDetail .klicovaFunkceTitle h3 {
        line-height: 55px;
        padding-right: 0;
        font-size: 22px;
    }
}



p.description {padding:35px 0 0 0;width:100% !important;}
#productVideo {margin-top:12px;}

.funkce3stupne {background:url('../images/podklad/product-ico-3stage.png') 3px 0 no-repeat;}
.funkce4stupne {background:url('../images/podklad/product-ico-4stage.png') 3px 0 no-repeat;}
.funkceCisticiHlava {background:url('../images/podklad/product-ico-cleanhead.png') 1px 0 no-repeat;}
.funkceSbernyKos {background:url('../images/podklad/product-ico-aerovac.png') 4px 0 no-repeat;}
.funkceDetekce {background:url('../images/podklad/product-ico-dirtdetect.png') 3px 0 no-repeat;}
.funkceCasovani {background:url('../images/podklad/product-ico-timer.png') 4px 0 no-repeat;}
.funkceZed {background:url('../images/podklad/product-ico-lighthouse.png') 9px 0 no-repeat;}
.funkcePrislusenstvi {background:url('../images/podklad/product-ico-star.png') 4px 0 no-repeat;}
.funkceNizkoprofil {background:url('../images/podklad/product-ico-lowprofile.png') 4px 0 no-repeat;}
.funkceCisticiMody {background:url('../images/podklad/product-ico-twomodes.png') 4px 0 no-repeat;}
.funkceDalkovyOvladac {background:url('../images/podklad/product-ico-remote.png') 4px 0 no-repeat;}
.funkceOtresy {background:url('../images/podklad/product-ico-otresy.png') 4px 0 no-repeat;}
.funkceVydrz {background:url('../images/podklad/product-ico-battery.png') 4px 12px no-repeat;}
.funkceUdrzba {background:url('../images/podklad/product-ico-gears.png') 4px 0 no-repeat;}
.funkceProfilovanyNaraznik {background:url('../images/podklad/product-ico-naraznik.png') 1px 11px no-repeat;}
.funkceRozmery {background:url('../images/podklad/product-ico-rozmery.png') 1px 3px no-repeat;}
.funkceNorthStar {background:url('../images/podklad/product-ico-northstar.png') 1px 3px no-repeat;}
.funkceUterky {background:url('../images/podklad/product-ico-uterky.png') 1px 3px no-repeat;}
.funkceTichyUklid {background:url('../images/podklad/product-ico-tichy-uklid.png') 1px 3px no-repeat;}
.funkce2CisticiRezimy {background:url('../images/podklad/product-ico-2-cistici-rezimy.png') 1px 3px no-repeat;}
.funkceUklidPodelSten {background:url('../images/podklad/product-ico-uklid-podel-sten.png') 1px 3px no-repeat;}
.funkcePauseResume {background:url('../images/podklad/product-ico-pause-resume.png') 1px 3px no-repeat;}
.funkceProClean {background:url('../images/podklad/product-ico-pro-clean.png') 1px 3px no-repeat;}
.funkceKostky {background:url('../images/podklad/product-ico-kostky.png') 1px 3px no-repeat;}
.funkce2rezimyUklidu {background:url('../images/podklad/funkce-2-rezimy-uklidu.png') 1px 3px no-repeat;}
.funkce2nadrze {background:url('../images/podklad/funkce-2-nadrze.png') 1px 3px no-repeat;}
.funkceJednoduchaObsluha {background:url('../images/podklad/funkce-jednoducha-obsluha.png') 1px 3px no-repeat;}
.funkceRychlonabijeni {background:url('../images/podklad/funkce-rychlonabijeni.png') 1px 3px no-repeat;}
.funkceTrifazovyProces {background:url('../images/podklad/funkce-trifazovy-proces.png') 1px 3px no-repeat;}
.funkceOceneni {background:url('../images/podklad/ikony_braava_web_svsede-oceneni.png') 1px 3px no-repeat;}
.funkceDryDock {background:url('../images/podklad/funkce-dry-dock.png') 1px 3px no-repeat;}
.klicovaFunkceHolder h4 {color:#000;font-size:16px;font-weight:normal;margin-top:5px;}
.klicovaFunkceHolder h4 .prefix {font-style:italic;color:#69b716;font-size:30px;}

.productSlovnikTag {display:block;float:left;}
.productSlovnikTag a {background-color:#dedede;display:block;height:25px;line-height:25px;float:left;margin:2px 1px 0 0;;color:#2f2f2f;font-family:'OpenSansRegular';text-decoration:none;padding:0 4px;}
.productSlovnikTag a:hover {background-color:#69b716;}

.compareModelButton {background:#c3c1c1 url('../images/podklad/btn-compare.png') 7px 7px no-repeat;height:38px;line-height:38px;display:block;float:right;margin:22px 452px 0 0;text-decoration:none;font-family:'OpenSansLight';color:#fff;font-size:14px;}
.compareModelButton span {padding:0 14px 0 49px;}

.klicovaFunkce {width:70px;height:96px;background-position:center top;background-repeat:no-repeat;line-height:10px;float:left;margin:2px 4px 0 0;cursor:pointer;text-align:center;}
.klicovaFunkce strong {color:#000;font-size:10px;font-weight:normal !important;line-height:10px;padding:51px 0 0 0;display:block;}
.klicovaFunkce:hover, .klicovaFunkceActive {background-position:center -97px;}
#idressHolder {width:391px;height:475px;position:relative;margin-top:25px;}
#idressCarousel {width:391px;height:475px;overflow:hidden;}
#idressCarousel img {display:block;float:left;}
#idressHolder h3 {position:absolute;top:12px;left:12px;font-family:Georgia;font-style:italic;color:#fff;font-size:36px;}
#idressHolder a.link {position:absolute;top:347px;left:9px;font-family:Arial;font-weight:bold;color:#fff;font-size:14px;display:inline-block;padding-right:21px;background:url('../images/podklad/ico-more.png') right 2px no-repeat;}
#idressCarousel {position:absolute;top:0;left:0;}
#idressPager {position:absolute;top:368px;left:0;width:385px;height:105px;z-index:2;overflow:hidden;}
.idressPagerImg {width:127px;height:103px;text-align:center;border:1px solid #b4b4b4;float:left;display:block;cursor:pointer;background:#fff;}
.idressPagerImg:not(:first-child) {border-left:none;}

a.buttonLinkGreen {height:36px;line-height:36px;font-size:12px;color:#fff;font-family:'OpenSansBold';background:url('../images/podklad/footer-button.png') right top no-repeat;text-decoration:none;}
a.buttonLinkGreen span {height:36px;line-height:36px;padding:0 42px 0 34px;background:url('../images/podklad/ico-more.png') 12px 2px no-repeat;}
a.buttonLinkGreen span.add {background-image:url('../images/podklad/ico-add.png') !important;}
a.hpAllNewsLink {position:absolute;right:23px;top:296px;display:block;}
a.hpKomunityJoin {position:absolute;right:23px;top:296px;display:block;}
a.hpRoadshows {position:absolute;right:23px;top:296px;display:block;}
a.buttonLinkGreen:hover {background-position:right -36px;text-decoration:underline;}
#roadshowHp {position:relative;text-align:center;}
#hpRoadsHolder {position:absolute;top:98px;left:36px;}
#prevRoad {width:14px;height:79px;background:url('../images/podklad/footer-prev.png') left top no-repeat;position:absolute;top:134px;left:22px;cursor:pointer;z-index:100;}
#nextRoad {width:14px;height:79px;background:url('../images/podklad/footer-next.png') left top no-repeat;position:absolute;top:134px;right:22px;cursor:pointer;z-index:100;}
.homepageRoad {width:270px;margin:0 10px;float:left;}
.nextStop {color:#fff;font-family:'OpenSansRegular';font-size:17px;position:absolute;top:82px;left:0;width:100%;text-align:center;}
.roadshowCity {color:#6cbb17;font-family:Georgia;font-style:italic;font-size:50px;width:100%;text-align:center;margin-top:10px;}
.roadshowPlace {color:#fff;font-family:'OpenSansRegular';font-size:17px;width:100%;text-align:center;margin-top:14px;}
.roadshowDate {color:#fff;font-family:'OpenSansRegular';font-size:17px;width:100%;text-align:center;margin-top:2px;}

#mcs5_container {width:866px;}

.row .prodejciLoga img {
    width: 33%;
    max-width: 121px;
    float: left;
}
.prodejciText {font-family: "Harmonia Sans W01",Arial,sans-serif;}
.prodejciText h2 {color:#000;font-size:20px;font-weight:normal;}
.prodejciText p {color:#000;font-size:14px;text-align:justify;line-height:22px;margin-top:8px;}
#topProdejciHolder {width:100%;margin-top:10px;overflow:hidden;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;font-family: "Harmonia Sans W01",Arial,sans-serif;}
#topProdejciHolder h2 {padding-right:23px;margin:15px 0 12px 0;display:inline-block;}
#topProdejciHolder h2 a {color:#6cbb17;font-size:32px;font-weight:normal;}
#topProdejciHolder a {font-size:13px;color:#fff;text-decoration:none;}
#topProdejciHolder a:hover {text-decoration:underline;}
.logoHolder {width:50%;height:136px;float:left;text-align:center;}
.logoHolderImg {width:100%;height:92px;display:table;}
#prodejciSearchHolder {margin:28px 0 22px 0;}
#searchProdejci {cursor: pointer;}
#searchProdejciBox {width:100%;height:496px;background-color:#f7f7f7;font-family: "Harmonia Sans W01",Arial,sans-serif;}
#searchProdejciBoxInner {
    padding: 8px 0 0 10px;
}
#searchProdejciBox h2 {color:#000;font-size:24px;font-weight:normal;margin-bottom:14px;padding-left:8px;}
#searchProdejciBox p {padding:6px 0;width:100%;}
#searchProdejciBox label {width:100%;color:#000;font-size:14px;font-weight:bold;display:block;padding-left:18px;}
#searchProdejciBox select {width:287px;height:32px;line-height:31px;color:#363636;font-size:14px;box-sizing: content-box;}
#searchProdejciBox ::after, #searchProdejciBox ::before, #searchProdejciBox *, #prodejciSearchInputHolder * {box-sizing: content-box;}
#searchProdejciBox .select {margin-top:3px;height:32px;line-height:31px;color:#363636;font-size:14px;cursor:pointer;}
#searchProdejciBox button {display:block;border:none;width:278px;}
.searchButtonLine {padding-top:24px !important;}
#prodejciSearchInputHolder {margin-top:13px;width:100%;height:56px;}
#filterProdejci {background:url('../images/podklad/search-prodejci-input-bg.png') left top no-repeat;background-size:contain;width:calc(100% - 40px);height:38px;line-height:38px;padding:0 15px 0 25px;border:none !important;color:#363636;font-size:16px;margin-top:4px;}

#prodejciResultsBox {width:100%;}
#prodejciResultsBox .prodejna {width:100%;}
.prodejna {width:100%;margin-bottom:20px;font-family: "Harmonia Sans W01",Arial,sans-serif;}
.prodejna h3 {color:#000;font-size:26px;font-weight:normal;padding-right:18px;margin:0 0 12px 0;display:inline-block;}
.prodejna h3 a {color:#000;font-size:26px;font-weight:normal;text-decoration:none;}
.prodejna h3 a:hover {text-decoration:underline;}
.prodejnaLogo {width:50%;display:table;text-align:center;}
.img {display:table-cell;text-align:left;vertical-align:middle;}
.prodejny .prodejnaDetail {width:100%;}
.prodejnaDetail {width:100%;color:#000;font-size:12px;font-family: "Harmonia Sans W01",Arial,sans-serif;}
.prodejnaDetail p {color:#000;font-size:14px;line-height:18px;margin-top:-4px;}
.prodejnaDetail a {color:#000;font-size:12px;text-decoration:none;}
.prodejnaDetail a:hover {text-decoration:underline;}
.webPhoneDelimiter {float:left;margin:8px 10px 0 24px;}
.openHours {background:url('../images/podklad/contact-openhour.png') left -2px no-repeat;padding-left:25px;margin:8px 0 0 2px;line-height:22px;}
.prodejnaDetail .web {background:url('../images/podklad/contact-web.png') left -2px no-repeat;padding-left:25px;float:left;margin:8px 0 0 2px;height:22px;line-height:22px;}
.prodejnaDetail .phone {background:url('../images/podklad/contact-phone.png') left -2px no-repeat;padding-left:25px;float:left;margin:8px 0 0 2px;height:22px;line-height:22px;}
.prodejnaDetail .address {background:url('../images/podklad/contact-adress.png') left -2px no-repeat;padding-left:25px;margin:8px 0 0 2px;height:22px;line-height:22px;}
.prodejnaDetail .email, .friendDetail .email  {background:url('../images/podklad/enveloped_seda_20x20.png') left -2px no-repeat;padding-left:25px;float:left;margin:8px 0 0 2px;height:20px;line-height:20px;}
.prodejnaText p {color:#000;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:14px;line-height:18px;}

/* Historie */
#historieContent {margin:22px 0 24px 0;}
#historieLeft {margin-left:30px;width:600px;float:left;}
#historieRight {margin-left:32px;width:388px;float:left;}
#historieLeft h2 {color:#000;font-size:30px;font-family:Georgia;font-style:italic;font-weight:normal;}
#historieLeft h2 .suffix {color:#5da70e;font-size:30px;font-family:Georgia;font-style:italic;font-weight:normal;padding-right:28px;background:url('../images/podklad/dust-green.png') right -1px no-repeat;}
#historieLeft p {color:#000;font-family:'OpenSansLight';font-size:16px;line-height:24px;padding-top:12px;}
#historieLeft h3 {font-family:Georgia;font-style:italic;color:#000;font-size:26px;font-weight:normal;margin-top:20px;}

#timelineHolder {background:url('../images/podklad/timeline-bg.png') left top repeat-y;width:388px;position:relative;}
#timelineLeft, #timelineRight {width:194px;float:left;}
#timelineLeft .historyBox {margin-left:3px;}
#timelineRight .historyBox {margin-left:10px;}
.historyBox {width:182px;position:relative;-moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.44);
-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,0.44);
box-shadow:0 4px 4px 0 rgba(0,0,0,0.44);
background:#fff url('../images/podklad/timeline-box-bg.jpg') center top repeat-x;}
/*background-image: -ms-radial-gradient(center top, circle farthest-corner, #FFFFFF 30%, #f3f3f3 150%);
background-image: -moz-radial-gradient(center top, circle farthest-corner, #FFFFFF 30%, #f3f3f3 150%);
background-image: -o-radial-gradient(center top, circle farthest-corner, #FFFFFF 30%, #f3f3f3 150%);
background-image: -webkit-radial-gradient(center top, circle farthest-corner, #FFFFFF 30%, #f3f3f3 150%);}*/
.historyHolder {color:#000;font-family:'OpenSansLight';font-size:14px;line-height:18px;text-align:center;}
#timelineLeft .sipka {background:url('../images/podklad/history-arrow-left.png') 0 0 no-repeat;width:15px;height:15px;position:absolute;right:-15px;margin-top:-7px;}
.rok1990 {margin-top:0px;}
.rok1990 .sipka {top:65px;}
.rok1991 {margin-top:44px;}
.rok1991 .sipka {top:64px;}
.rok1996 {margin-top:34px;}
.rok1996 .sipka {top:64px;}
.rok2001 {margin-top:19px;}
.rok2001 .sipka {top:63px;}
.rok2002 {margin-top:33px;}
.rok2002 .sipka {top:64px;}
.rok2005 {margin-top:17px;}
.rok2005 .sipka {top:63px;}
.rok2007 {margin-top:13px;}
.rok2007 .sipka {top:63px;}
.rok2010 {margin-top:17px;}
.rok2010 .sipka {top:61px;}
.rok2011 {margin-top:13px;}
.rok2011 .sipka {top:63px;}
.rok2012 {margin-top:16px;}
.rok2012 .sipka {top:63px;}
.rok2013 {margin-top:16px;}
.rok2013 .sipka {top:63px;}
.rok2014 {margin-top:16px;}
.rok2014 .sipka {top:63px;}
#timelineRight .sipka {background:url('../images/podklad/history-arrow-right.png') 0 0 no-repeat;width:15px;height:15px;position:absolute;left:-15px;margin-top:-8px;}
.historyHolder p {padding:9px 0 13px 0;text-align:left;}
.historyHolderInner {padding:0 33px 25px 18px;}
.del {border-bottom:1px dashed #c5c5c5;}
span.del {width:100%;height:12px;font-size:1px;display:block;}
.historyHolder .year {display:block;width:100%;color:#393939;font-size:30px;font-family:Georgia;font-style:italic;height:50px;line-height:50px;border-bottom:1px dashed #c5c5c5;text-align:center;}
.historyNowHolder {width:201px;background:url('../images/podklad/history-now-bg.png') left top no-repeat;margin-top:12px;}
.historyNowHolder span {display:block;padding:26px 0 0 50px;color:#72bb24;font-size:22px;font-family:Georgia;font-style:italic;}

.novinkyBanner {
    margin:0;
    width: 100%;
}
.novinkyBanner img {
    width: 100%;
}
#novinkyLeft {
    margin:30px 0 0 0;
    width:100%;
}
#novinkyLeft .novinkaBox {width:100%;border-bottom:1px solid #eee;}
.novinkaBoxHeading h2 {width:100%;}
.novinkaBoxHeading h2, .novinkaBoxHeading a {color:#000;font-size:20px;font-weight:normal;}
.novinkaBoxHeading .info {
    margin-top: 8px;
    height:22px;
    width:100%;
}
.novinkaDatum {
    float:right;
    margin-top:0;
    padding-top:46px;
    display:block;
    line-height:13px;
    margin-left:12px;
    text-align:center;
    color:#fff;
    width:59px;
    height:82px;
    background-position:left top;
    background-repeat:no-repeat;
}
.detailLink {
    clear: both;
    margin-top: 10px;
    display:block;
    padding-left:22px;
    line-height:18px;
    background:url('../images/podklad/btn-plus-blue.png') 0 3px no-repeat;
    text-decoration:none;
    color:#000;
    font-weight:bold;
    font-size:14px;
    float:right;

}
#novinkyRight {
    margin:0;
    width:100%;
}
@media (min-width: 768px) {
    #novinkyLeft {
        margin:30px 0 0 0;
        width:70%;
        float:left;
    }
    .novinkaBoxHeading h2 {
        float:left;
        width:60%;
    }
    .novinkaBoxHeading h2, .novinkaBoxHeading a {
        font-size:30px;
    }
    .novinkaBoxHeading .info {
        width:30%;
        float:right;
        margin-top: 0;
    }
    .novinkaDatum {
        margin-top:-14px;
    }
    #novinkyRight {
        margin:30px 0 0 0;
        width: 28%;
        float: right;
    }
    .detailLink {
        margin-top: 0;
        font-size:16px;
        float:right;
    }
}

.novinkaBoxHeading h2 a {text-decoration:none;}
.novinkaBoxHeading h2 a:hover {text-decoration:underline;}
.info .delimiter {background:url('../images/podklad/web-phone-delimiter.png') center top no-repeat;display:block;width:20px;float:right;font-size:1px;height:22px;line-height:24px;}
.news_category {display:inline-block;float:right;height:24px;line-height:24px;padding-left:26px;color:#000;font-size:16px;font-style:italic;background-position:left top;background-repeat:no-repeat;}
.news_products {background-image:url('../images/podklad/category-products.png');}
.news_interests {background-image:url('../images/podklad/category-sellers.png');}
.news_brand {background-image:url('../images/podklad/category-irobot.png');padding-left:40px !important;background-position:0 2px !Important;}
.news_roadshow {background-image:url('../images/podklad/category-roadshow.png');}
.news_contest {background-image:url('../images/podklad/category-contest.png');}
.info .addthis_button {background:url('../images/podklad/share-news.png') left top no-repeat;margin-top:2px;width:19px;float:right;text-decoration:none;}
.novinkaBoxContent p {color:#000;font-family:'OpenSansLight';font-size:16px;line-height:24px;padding:11px 0;}
.novinkaBoxFooter {margin:20px 0 13px 0;}

.novinkaTags {float:left;}
.novinkaTags .tag {font-size:12px;display:inline-block;height:18px;line-height:18px;margin-right:4px;border-radius:8px;-moz-border-radius:8px;background-color:#bcbcbc;font-weight:bold;color:#fff;text-decoration:none;}
.novinkaTags .tag span {padding:0 8px;}

.novinkaBox .month {font-size:11px;font-style:italic;display:inline;
    clear: none;
    float: none;
    margin: 0;
    width: auto;
}
.novinkaBox .year {font-size:13px;font-weight:bold;display:inline;clear: none;
    float: none;
    margin: 0;
    width: auto;}
.date-1 {background-image:url('../images/podklad/date-1.png');}
.date-2 {background-image:url('../images/podklad/date-2.png');}
.date-3 {background-image:url('../images/podklad/date-3.png');}
.date-4 {background-image:url('../images/podklad/date-4.png');}
.date-5 {background-image:url('../images/podklad/date-5.png');}
.date-6 {background-image:url('../images/podklad/date-6.png');}
.date-7 {background-image:url('../images/podklad/date-7.png');}
.date-8 {background-image:url('../images/podklad/date-8.png');}
.date-9 {background-image:url('../images/podklad/date-9.png');}
.date-10 {background-image:url('../images/podklad/date-10.png');}
.date-11 {background-image:url('../images/podklad/date-11.png');}
.date-12 {background-image:url('../images/podklad/date-12.png');}
.date-13 {background-image:url('../images/podklad/date-13.png');}
.date-14 {background-image:url('../images/podklad/date-14.png');}
.date-15 {background-image:url('../images/podklad/date-15.png');}
.date-16 {background-image:url('../images/podklad/date-16.png');}
.date-17 {background-image:url('../images/podklad/date-17.png');}
.date-18 {background-image:url('../images/podklad/date-18.png');}
.date-19 {background-image:url('../images/podklad/date-19.png');}
.date-20 {background-image:url('../images/podklad/date-20.png');}
.date-21 {background-image:url('../images/podklad/date-21.png');}
.date-22 {background-image:url('../images/podklad/date-22.png');}
.date-23 {background-image:url('../images/podklad/date-23.png');}
.date-24 {background-image:url('../images/podklad/date-24.png');}
.date-25 {background-image:url('../images/podklad/date-25.png');}
.date-26 {background-image:url('../images/podklad/date-26.png');}
.date-27 {background-image:url('../images/podklad/date-27.png');}
.date-28 {background-image:url('../images/podklad/date-28.png');}
.date-29 {background-image:url('../images/podklad/date-29.png');}
.date-30 {background-image:url('../images/podklad/date-30.png');}
.date-31 {background-image:url('../images/podklad/date-31.png');}
.novinkaDetail {border:none !important;}
.novinkaDetail .novinkaDatum {margin-top:-30px;}
.novinkaDetail .novinkaBoxHeading {height:auto;}
.novinkaInfoBox {margin-top:7px;height:63px;}
.novinkaDetail .info {width:50%;float:right;}
.novinkaDetail .addthis_button {height:19px;}
.novinkaDetail .novinkaTags {float:right;margin-top:7px;width:50%;}
.novinkaDetail .tag {margin:0 0 0 4px;float:right;display:inline-block;}
.novinkaDetail .perex {font-size:18px;color:#000;font-family:'OpenSansBold';}
.perex img {padding:0 35px 20px 0;float:left;}
.novinkaDetail p {font-size:16px;color:#000;font-family:'OpenSansLight';line-height:24px;padding:11px 0;}
.novinkaInfoBox .backButton {display:block;height:63px;width:63px;background:url('../images/podklad/btn-back-blue.png') left top no-repeat;text-decoration:none;float:left;}
.novinkaDetail .citace {color:#3d3c3c;font-size:24px;font-family:Georgia;font-style:italic;margin:12px 21px;line-height:28px;}
.novinkaDetail h3 {color:#6bbb17;font-size:28px;font-family:'OpenSansBold';margin-top:20px;font-weight:normal;}
.novinkaDetail h4 {color:#000;font-size:30px;font-family:Georgia;font-style:italic;margin-top:20px;font-weight:normal;}
.novinkaDetail p a {color:#1880a7;font-size:20px;font-family:Georgia;font-style:italic;}
.novinkaDetail ul {margin-left:37px;}
.novinkaDetail ul li {line-height:17px;list-style-image:url('../images/podklad/list.png');font-family:'OpenSansLight';color:#000;font-size:16px;margin:0px;padding:7px 0 7px 1px;}
.novinkaDetail b {font-size:16px;color:#000;font-family:'OpenSansBold';font-weight:normal;}
.novinkaDetail .grayBox h3 {font-family:'OpenSansBold';color:#cacaca !important;font-size:24px;font-weight:normal;margin:0px;}
.novinkaDetail .grayBox p {line-height:22px;font-family:'OpenSansLight';color:#fff;font-size:14px;}
h4.dust {background:url('../images/podklad/prvek-full.png') right top no-repeat;padding-right:95px;display:inline-block;height:58px;line-height:58px;}
div.dust {position:relative;width:597px;height:296px;}
div.dust img {position:absolute;left:0;top:0;z-index:-1;}
div.dust span {position:absolute;right:0;bottom:0;width:29px;height:31px;display:block;background:url('../images/podklad/img-dustmask.png') left top no-repeat;z-index:2;}


#novinkyRight h2 {color:#000;font-size:26px;font-style:italic;font-weight:normal;}
#novinkyRight .tagHolder {margin-top:4px;}
#novinkyRight .tag {background-color:#dedede;display:block;height:25px;line-height:25px;float:left;margin:2px 1px 0 0;color:#2f2f2f;text-decoration:none;padding:0 4px;}
#novinkyRight .tag:hover {background-color:#69b716;}

#support {color: #6c7680;}
#support .button {float: right;margin-top: -40px;}
#supportContactHolder {width:100%;height:360px;background:url('../images/podklad/bg-green-shadow.png') right bottom no-repeat;color:#fff;font-size:16px;font-style:italic;line-height:18px;}

@media only screen and (min-width: 768px) {
    #supportContactHolder {
        width:390px;
        max-width:100%;
    }
}
#support h1.support-title {color: #6c7680;font-size: 1.8em;background:url('../images/podklad/support-headline.jpg') left top no-repeat;padding-left:90px;min-height:106px;margin-bottom: 20px;}

#supportContactHolder a {color:#fff;text-decoration:none;}
#supportContactHolder a:hover {text-decoration:underline;}
#supportContactInner {padding:15px 25px;}
#supportContactInner p {color: #fff;}
#supportContactHolder h4 {color:#fff;font-size:24px;font-style:italic;font-weight:normal;}
#supportContactHolder h5 {color:#fff;font-size:20px;font-weight:normal;padding-top:18px;}
#supportContactHolder p {padding-top:8px;}

#supportLeft {float:left;margin-left:9px;width:621px;}
#supportStep1Holder {width:621px;height:497px;background:url('../images/podklad/header-support.jpg') left top no-repeat;position:relative;}
.modelSelector {position:absolute;left:24px;bottom:63px;width:281px;height:145px;}
.typSelector {position:absolute;right:21px;bottom:63px;width:281px;height:145px;}
.stepHolder {width:281px;height:72px;border-bottom:1px solid #fff;}
.step {font-size:78px;color:#fff;float:left;height:56px;line-height:56px;display:inline-block;}
.stepDesc {float:left;font-size:30px;height:56px;display:inline-block;color:#fff;line-height:30px;}
.step2Desc {margin:30px 0 0 10px;}
#supportStep1Holder .select {width:210px;height:54px;background:url('../images/podklad/support-selector-bg.png') left top no-repeat;margin-top:18px;left:0;padding:0 51px 0 20px !important;color:#000;line-height:51px;font-size:20px;}
.typSelector select {margin-top:6px !important;}
#supportStep1Holder select {height:54px;;margin-top:18px;width:281px;cursor:pointer;}
.supportInfo {padding-left:36px;height:30px;display:inline-block;background:url('../images/podklad/info.png') left top no-repeat;color:#fff;font-size:16px;line-height:20px;position:absolute;left:24px;bottom:18px;text-decoration:underline;}
#supportInner {padding:150px 76px 0 76px;}
#underConstructionHeader {border-bottom:1px solid #fff;width:100%;font-size:40px;color:#fff;line-height:70px;padding-bottom:18px;}
#underConstructionHeader b {font-weight:normal;}
#underConstructionText {margin-top:5px;width:100%;text-align:right;color:#fff;font-size:20px;}

@media only screen and (min-width: 768px) {
    #underConstructionHeader {
        font-size:70px;
    }
    #supportInner {
        padding:234px 76px 0 76px;
    }
}

.errorsHolder {width:604px;margin-left:24px;}
.errorHolder {width:100%;}
.errorHolder h2 {background:url('../images/podklad/ico-plus-small.png') left top no-repeat;height:47px;line-height:32px;padding-left:51px;font-family:Georgia;font-size:26px;font-style:italic;font-weight:normal;color:#000;cursor:pointer;margin-top:32px;}
.errorHolder h2.expanded {background-image:url('../images/podklad/ico-plus3d-small.png') !important;}
.errorHolder h2 span {display:inline-block;}
.errorHolder .suffix {padding-right:16px;background:url('../images/podklad/dust-green.png') right -1px no-repeat;color:#5da70e;}
.errorDesc {margin:5px 0 0 31px;color:#000;font-family:'OpenSansLight';font-size:20px;line-height:24px;display:none;}
.errorDesc h3 {font-family:'OpenSansBold';font-size:20px;font-weight:normal;margin-bottom:12px;}
.errorBox {padding-left:20px;}
.errorBox p {font-size:16px;text-align:justify;}
.errorBlueBox {background:url('../images/podklad/error-box-blue-bg.png') left top repeat-y;}
.errorBlueBox h3 {color:#1880a7;}
.errorRedBox {background:url('../images/podklad/error-box-red-bg.png') left top repeat-y;}
.errorRedBox h3 {color:#fc2a2a;}
.errorGreenBox {background:url('../images/podklad/error-box-green-bg.png') left top repeat-y;}
.errorGreenBox h3 {color:#68ad1e;}
.errorKontrolkaHolder {float:left;width:263px;}
.errorKontrolkaHolder span {height:58px;display:inline-block;}
.errorProjevHolder {float:left;margin-left:18px;width:264px;}
.errorProjevHolder span {height:44px;display:inline-block;display:table-cell;vertical-align:bottom;padding-bottom:14px;}
.hlasiTitle {margin-top:20px;height:30px;line-height:30px;border-bottom:1px dashed #9d9d9d;width:100%;}
.robotErrorMessage {background:url('../images/podklad/voice-ico.png') 6px center no-repeat;border-bottom:1px dashed #9d9d9d;width:100%;color:#1880a7;font-family:Georgia;font-size:22px;font-style:italic;}
.robotErrorMessageInner {padding:12px 40px 12px 52px;}
.robotWarning {background:url('../images/podklad/ico-warning.png') 0 22px no-repeat;width:100%;font-size:16px;}
.robotWarningInner {padding:22px 40px 0 38px;}

#supportWidget {background:url('../images/podklad/support-widget.png') right top no-repeat;width:388px;font-size:16px;color:#333232;font-family:'OpenSansLight';}
#supportWidget p {padding-top:14px;}
#supportWidgetInner {padding:24px 146px 0 16px;}
#supportWidget strong {color:#333232;font-family:'OpenSansBold';font-size:20px;font-weight:normal;line-height:24px;}
#supportWidget a {color:#1180a5;}
.dashedDelimiter {border-bottom:1px dashed #999999;height:25px;width:100%;}
.chckBoxText {color:#1f1f1f;font-size:14px;font-family:Georgia;font-style:italic;}
#odborneCisteni, #potrebujiPoradit, #forgotPasswordLayer {display:none;}


.contactInformation {margin-top:16px;background:url('../images/podklad/dots-white.png') left top repeat-x;width:100%;}

#registrationBg {background:url('../images/podklad/header-login-patern.png') left top repeat-x;}
#registrationHolder {width:740px;margin:0 auto;}
#registrationInfo {color:#444444;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:28px;text-align:justify;margin-top: 40px;border-bottom: 1px solid #64a70b;padding-bottom: 25px;}
.changePasswordBox {width:357px;float: left;}
.registrationBox {width:357px;float: left;}
.regBoxTitle {width:100%;background:url('../images/podklad/dots-white.png') left bottom repeat-x;text-align:center;margin-top:40px;}
.regBoxTitle h3 {color:#64a70b;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:36px;line-height:40px;padding-bottom:12px;font-weight: 100;}
.loginBox {width:357px;float: right;}
.regNovinky a {color:#64a70b;}
#registrationHolder form {margin-top:30px;}
#registrationHolder p {padding-bottom:9px;width:100%;}
#registrationHolder input[type=text], #registrationHolder input[type=email], #registrationHolder input[type=password] {width:241px;height:54px;padding:0 20px;line-height:54px;color:#000;font-size:16px;font-family: "Harmonia Sans W01",Arial,sans-serif;margin-left:43px;border:3px solid #e7e6e6;}
#registrationHolder label {color:#444;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:14px;text-align:left;display:block;width:270px;}
#registrationHolder .button {width:287px;margin: 30px 0 0 43px;cursor: pointer;}
input.error {background-color:#f43035 !important;}
label.error {color:#eb1e23 !important;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:12px !important;font-style:normal !important;text-align:right !important;}
.regButton {display:block;border:none;margin:12px 0 0 47px;width:275px;height:48px;line-height:48px;overflow:hidden;background:url('../images/podklad/btn-gray.png') left top no-repeat;color:#414141;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:16px;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
.regButton:hover {background-position:0 -51px;cursor:pointer;}
.regButton span {background:url('../images/podklad/btn-ico-check.png') 0 -4px no-repeat;padding-left:41px;}
.registrationBox .select {width:208px;height:54px;background:url('../images/podklad/support-selector-bg.png') left top no-repeat;margin:0 0 9px 43px;left:-43px;padding:0 51px 0 20px !important;color: #666;
    line-height: 51px;
    font-size: 17px;
    font-family: "Harmonia Sans W01",Arial,sans-serif;
    border: 3px solid #e7e6e6;
    text-align: left;}
.registrationBox select {height:54px;width:281px !important;cursor:pointer;}

#registrationHolder p.fcb-user-box {padding-bottom:20px;}
.fcbLoginButton {background:url('../images/podklad/btn-facebook.png') left top no-repeat;width:284px;height:104px;display:block;color:#fff;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:16px;margin:41px 0 0 46px;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.49);}
.fcbLoginButton:hover {background-position:0 -104px;text-decoration:none;}
.fcbLoginButton span {display:inline-block;padding: 20px 0 0 87px;font-size: 14px;color:#fff !important;}
#klubInner {padding:0;text-align: center;}
#klubInner .klubHeading {height:86px;width:100%;}
.klubHeading h2 {color:#444444;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:42px;line-height:70px;font-weight:normal;display:inline-block;float:left;}
.loggedFCBUser {float:right;margin:25px 0 0 0;width:190px;}
.klubInfo {margin-top:28px;color:#424242;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:22px;line-height:35px;}
.klubTerminSpusteni {margin-top:40px;background:url('../images/podklad/line-gray-white.gif') left bottom repeat-x;width:100%;}
.klubTerminSpusteni p {padding-bottom:34px !important;color:#000;font-size:30px;font-family: "Harmonia Sans W01",Arial,sans-serif;font-style:italic;line-height:35px;}
.klubLogo {width:100%;text-align:center;margin-top:20px;}

#slovnikFilter {border-bottom:1px dashed #d4d4d4;width:100%;padding-bottom:15px;}
#slovnikFilter .filterCategoryHolder {float:left;position:relative;margin:15px 54px 0 50px;height:58px;width:165px;color:#333;font-size:18px;font-family:Georgia;font-style:italic;cursor:pointer;}
.chckBox {display:block;background:url('../images/podklad/checkbox.png') 0 6px no-repeat;width:22px;height:25px;font-size:1px;line-height:25px;float:left;margin:10px 0 0 20px;}
.checked {background-position:0 -60px !important;}
#slovnikFilter .chckBox {position:absolute;margin:0;left:75px;top:22px;}
#slovnikFilter .filterNameHolder {float:left;margin:0 2px 0 10px;line-height:18px;}
#slovnikFilter .filterName {line-height:25px;display:table-cell;height:48px;vertical-align:top;text-align:left;width:65px;}
#slovnikFilter .filterNameAll {position:absolute;top:23px;left:103px;}
#slovnikFilter .suffix {color:#5da70e !important;float:right;}
.filterImgHolder {float:left;width:65px;text-align:right;}
.filterCategoryHolder img {margin:2px 0 0 10px;float:left;}
#slovnikLeft {float:left;margin:39px 0 0 33px;width:604px;}
#slovnikRight {float:left;margin-left:53px;width:361px;}
.pojemHolder {width:604px;}
.pojemHolder h2 {background:url('../images/podklad/ico-plus.png') left top no-repeat;min-height:57px;line-height:40px !important;padding-left:56px;font-size:30px !important;font-style:italic;font-weight:normal !important;color:#5da70e;cursor:pointer;}
.pojemHolder h2.expanded {background-image:url('../images/podklad/ico-plus3d.png') !important;}
.pojemHolder h2 span {display:inline-block;padding-right:16px;background:url('../images/podklad/dust-green.png') right -1px no-repeat;}
.pojemDesc {margin:14px 0 0 56px;color:#000;font-family:'OpenSansLight';font-size:16px;line-height:24px;display:none;margin-bottom:24px;text-align:justify;}
.pojemDesc img {float:left;padding:0 14px 0 0;margin:-10px 0 0 -14px;}
.problem {background:url('../images/podklad/widget-problem.png') left top no-repeat;width:361px;height:142px;color:#1880a7;font-size:16px;font-family:Georgia;font-style:italic;text-align:left;}
.problem span {padding:85px 8px 0 154px;display:inline-block;}

#robotiBanner {margin:0 0 25px 11px;}
#robotiLeft {margin-left:34px;width:268px;float:left;}
#robotiRight {margin-left:72px;width:677px;float:left;}
#robotiRight h3 {font-family:Georgia;font-style:italic;color:#000;font-size:26px;font-weight:normal;}
.robotHolder {height:216px;margin-top:8px;width:268px;cursor:pointer;position:relative;}
.robot {height:216px;width:268px;cursor:pointer;position:absolute;left:0;bottom:0;display:block;z-index:5;}
.robot img {z-index:0 !important;position:absolute;left:0;bottom:0;}
.robot .name {line-height:35px;position:absolute;left:0;bottom:0;height:35px;width:268px;background-color: rgba(0,0,0,0.5);}
.robot .name strong {font-family:'OpenSansbold';font-weight:normal;color:#fff;font-size:18px;padding-left:16px;}
.robot:hover {background:url('../images/podklad/btn-profi-hover.png') center center no-repeat;text-decoration:none;}
.robot:hover .name, .selected .name {background-color:#69b716;}
.robotDescHolder {color:#000;font-family:'OpenSansLight';font-size:16px;line-height:24px;width:677px;}
.robotDescHolder .headline {width:677px;margin-bottom:16px;height:38px;line-height:38px;}
.robotDescHolder .headline .shareHolder {margin-top:10px;}
.robotDescHolder h2 {display:inline-block;padding-right:16px;background:url('../images/podklad/dust-green.png') right -1px no-repeat;font-family:Georgia;font-size:30px;font-style:italic;font-weight:normal;color:#000;float:left;}
.robotDescHolder h2 .suffix {font-size:32px;color:#5da70e;}
.robotDescHolder p {padding:20px 1px;}

#tiskoveZpravyHeaderHolder {height:350px;width:100%;border-bottom:1px solid #d4d4d4;}
#tiskoveZpravyHeader {height:350px;width:1058px;margin-left:11px;background:url('../images/podklad/header-media.jpg') left top no-repeat;position:relative;}
#tiskoveZpravyFilter {position:absolute;top:269px;left:0;}
#tiskoveZpravyFilter .filterCategoryHolder {float:left;margin:17px 0 0 0;height:58px;color:#333;font-size:18px;font-family:Georgia;font-style:italic;cursor:pointer;}
#tiskoveZpravyFilter .filterName {float:left;margin:0 5px 0 10px;}
#tiskoveZpravyFilter .filterName span {line-height:18px;display:table-cell;height:48px;vertical-align:middle;}
#tiskoveZpravyLeft {margin-left:22px;width:597px;float:left;}
#tiskoveZpravyRight {margin:32px 0 0 49px;width:413px;float:right;}
.tiskovaZprava {width:100%;margin:28px 0 20px 0;}
.tiskovaZpravaHeading h2 {float:left;width:370px;}
.tiskovaZpravaHeading h2, .tiskovaZpravaHeading a {color:#000;font-size:30px;font-family:Georgia;font-style:italic;font-weight:normal;}
.tiskovaZpravaHeading h2 a {text-decoration:none;}
.tiskovaZpravaHeading h2 a:hover {text-decoration:underline;}
.tiskovaZpravaHeading h2.green {color:#5da70e;font-size:32px;font-family:Georgia;font-style:italic;font-weight:normal;}
.tiskovaZpravaHeading .shareHolder {float:right;height:22px;margin-top:10px;}
.tiskovaZpravaContent p {color:#000;font-family:'OpenSansLight';font-size:16px;line-height:24px;margin-top:12px;}
.tiskovaZpravaFooter {margin:20px 0 13px 0;}
.tiskovaZprava .novinkaTags {float:right;margin-top:7px;width:50%;}
.tiskovaZprava .tag {margin:0 0 0 4px;float:right;display:inline-block;}
.tiskovaZprava .perex {font-size:18px;color:#000;font-family:'OpenSansBold';}
.tiskovaZprava p {font-size:16px;color:#000;font-family:'OpenSansLight';line-height:24px;padding:11px 0;}
.tiskovaZpravaInfoBox .backButton {display:block;height:63px;width:63px;background:url('../images/podklad/btn-back-blue.png') left top no-repeat;text-decoration:none;float:left;}
.tiskovaZprava .citace {color:#3d3c3c;font-size:24px;font-family:Georgia;font-style:italic;margin:12px 21px;line-height:28px;}
.tiskovaZprava h3 {color:#6bbb17;font-size:28px;font-family:'OpenSansBold';margin-top:20px;font-weight:normal;}
.tiskovaZprava h4 {color:#000;font-size:30px;font-family:Georgia;font-style:italic;margin-top:20px;font-weight:normal;}
.tiskovaZprava p a {color:#1880a7;font-size:20px;font-family:Georgia;font-style:italic;}
.tiskovaZprava ul {margin-left:37px;}
.tiskovaZprava ul li {line-height:17px;list-style-image:url('../images/podklad/list.png');font-family:'OpenSansLight';color:#000;font-size:16px;margin:0px;padding:7px 0 7px 1px;}
.tiskovaZprava b {font-size:16px;color:#000;font-family:'OpenSansBold';font-weight:normal;}
.tiskovaZprava .grayBox h3 {font-family:'OpenSansBold';color:#cacaca !important;font-size:24px;font-weight:normal;margin:0px;}
.tiskovaZprava .grayBox p {line-height:22px;font-family:'OpenSansLight';color:#fff;font-size:14px;}


#tiskoveZpravyLeft .novinkaDatum {margin-top:0px !important;}
#tiskoveZpravyRight h2 {color:#000;font-size:26px;font-family:Georgia;font-style:italic;font-weight:normal;margin-bottom:12px;}
.materialBox {width:183px;float:left;margin:0 15px 32px 0;}
.materialImage {position:relative;width:183px;height:189px;overflow:hidden;text-align:left;}
.materialImageBg {width:183px;height:189px;position:absolute;left:0px;top:0px;z-index:2;text-decoration:none;background:url('../images/podklad/media-foto-overlay.png') left top no-repeat;}
.materialImage span {display:block;color:#d7d7d7;font-size:16px;font-family:Georgia;font-style:italic;position:absolute;left:30px;top:128px;}
.materialImage img {z-index:-1;position:absolute;left:4px;top:1px;}
.materialDownloads {margin-top:3px;height:16px;width:100%;color:#5da70e;font-size:16px;font-family:Georgia;font-style:italic;margin-left:4px;}
.materialDownloads a {color:#5da70e;font-size:16px;font-family:Georgia;font-style:italic;text-decoration:none;padding:0 14px;}
.materialDownloads a:hover {text-decoration:underline;}
#mediaContacts {width:376px;background:url('../images/podklad/bg-green-shadow.png') right bottom no-repeat;clear:both;}
#mediaContactsInner {padding:28px 50px 46px 44px;}
#mediaContacts h2 {margin:0 0 5px -6px;color:#fff;font-size:24px;font-family:Georgia;font-style:italic;font-weight:normal;}
.contactBox {width:100%;background:url('../images/podklad/dots-white.png') left bottom repeat-x;margin-top:16px;color:#fff;font-size:16px;font-family:Georgia;font-style:italic;}
.contactBoxInner {padding:0 18px 14px 18px;}
.contactBox .name {font-family:'OpenSansLight';font-size:20px;}
.contactBox .position {font-family:'OpenSansBold';font-size:14px;}
.contactBox .phone {background:url('../images/podklad/contact-phone-w.png') left top no-repeat;padding-left:30px;float:left;line-height:20px;margin:0px;float:none;}
.contactBox .email {background:url('../images/podklad/contact-email-w.png') left top no-repeat;padding-left:30px;float:left;line-height:20px;margin:0px;float:none;text-decoration:none;color:#fff;font-size:16px;font-family:Georgia;font-style:italic;}
a.email:hover {text-decoration:underline;}
#mediaContacts .contactBox:last-of-type {background:none !important;}

#miseBanner {margin-left:11px;}
#miseLeft {margin:24px 0 0 36px;width:594px;float:left;}
#miseRight {margin:24px 0 0 50px;width:400px;float:left;}
#miseRight h2 {color:#000;font-size:26px;font-family:Georgia;font-style:italic;font-weight:normal;margin-bottom:12px;}
#filosofieHolder {width:376px;background:url('../images/podklad/bg-green-shadow.png') right bottom no-repeat;clear:both;}
#filosofieHoldterInner {padding:30px 33px 42px 33px;}
#filosofieHolder ul {color:#fff;font-family:'OpenSansLight';font-size:18px;margin-left:30px;}
#filosofieHolder ul li {padding:11px 0px 11px 10px;list-style-image:url('../images/podklad/list-white.png');line-height:18px;}
#miseLeft p {padding:12px 0;}
#zapujceniMapa {background:url('../images/podklad/zapujceni-robota-mapa-bg.png') left top no-repeat;width:379px;height:308px;margin-top:12px;position:relative;}
#zapujceniMapa h3 {font-family: Georgia;font-size:29px;font-style:italic;color:#000;font-weight:normal;position:absolute;top:31px;left:29px;}
#zapujceniMapkaHolder {position:absolute;top:165px;left:84px;}
.zapujceniProdejce {font-family: Georgia;font-size:20px;font-style:italic;color:#fff;display:block;}

.text {color:#000;font-family:'OpenSansLight';font-size:16px;}

#iadaptHolder {}
#iadaptHolder h2.shrnuti {color:#9EC54C;font-size:45px;font-family:Georgia;font-style:italic;font-weight:normal;text-align:left;font-weight:normal;}
.iAdaptShrnuti {background:url('../images/podklad/bg_compare_flash_final.jpg') no-repeat scroll center top transparent;color:#9EC54C;height:587px;position:relative;width:100%;}
#iadaptHolder h2 {color:#000;font-size:30px;font-family:Georgia;font-style:italic;font-weight:normal;}
#iadaptHolder h2 .suffix {color:#5da70e;font-size:30px;font-family:Georgia;font-style:italic;font-weight:normal;padding-right:28px;background:url('../images/podklad/dust-green.png') right -1px no-repeat;}
#iadaptHolder p {color:#000;font-family:'OpenSansLight';font-size:16px;line-height:24px;padding-top:12px;}
#iadaptHolder h3 {font-family:Georgia;font-style:italic;color:#000;font-size:26px;font-weight:normal;margin-top:20px;}
#iadaptMenu {list-style:none;margin:15px 0;height:80px;}
#iadaptMenu li {float:left;margin-right:80px;width:270px;height:80px;display:block;background: url('../images/podklad/one.png') no-repeat scroll left top transparent;}
#iadaptMenu li.methodical_cleaning {background-image: url('../images/podklad/two.png');}
#iadaptMenu li.random_cleaning {background-image: url('../images/podklad/three.png');}
#iadaptMenu li.active {background: url("../images/podklad/one_green.png") no-repeat scroll left top transparent;}
#iadaptMenu li.methodical_cleaning.active {background-image: url("../images/podklad/two_green.png");}
#iadaptMenu li.random_cleaning.active {background-image: url("../images/podklad/three_green.png");}
#iadaptMenu li.last {margin-right:0;}
#iadaptMenu li a img {border:none;}
.iAdaptHeading {padding:12px 0 12px;}

#flash .item {
    float: left;
    padding-left: 10px;
    width: 348px;
}
.itemLogo {
    margin: 8px 0;
}

#iadaptMenu li a, #iadaptMenu li a:visited {
    color: #808080;
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin-left: 0;
    padding: 17px 0 3px 105px;
    padding-top:21px \9;
    text-decoration: none;
    position:relative;
}
#iadaptMenu li.methodical_cleaning a, 
#iadaptMenu li.methodical_cleaning a:visited {padding: 13px 0 22px 116px;margin-left: 0;}
#iadaptMenu li.random_cleaning a, 
#iadaptMenu li.random_cleaning a:visited {padding: 2px 0 10px 130px;margin-left: 0;}
#iadaptMenu li a > span {
background: url('../images/podklad/iadapt-ico.png') no-repeat scroll left center transparent;
width:31px;
height:76px;
display:block;
position:absolute;
z-index: 100;
left:65px;
top:0;}
#iadaptMenu li.methodical_cleaning a > span {
background-image: url('../images/podklad/methodical_cleaning-ico.png');
width:51px;
left:70px;}
#iadaptMenu li.random_cleaning a > span {
background-image: url('../images/podklad/random_cleaning-ico.png');
width:51px;
left:70px;}
#iadaptMenu li a:hover, #iadaptMenu li.active a {background:transparent url('../images/podklad/bg_a_hover2.png') repeat left top scroll;}

#flash {
    width:100%;
    background-color:#4C4C4C;
    position: relative;
    z-index: 100;
    height: 553px;
    margin-bottom:50px;
}
#flash object {outline:none;position:relative!important;width:1700px;left:auto;top:auto;}
#flash .item {float:left;padding-left:10px;width:348px;font-family:'OpenSansLight';}
#flash .inner {margin:0 auto;padding-left:72px;width: 1074px;}
#flash span.heading {padding:18px 0 10px;}
#flash span.heading, #flash div.item .time li > span {font-size: 45px; display:block;}
#flash div.item .time li {font-size:24px;line-height:38px;}
#flash div.item {height:382px;}
#flash div.item ul.time {background: transparent url(../images/podklad/time28.png) no-repeat 0 3px scroll;margin-top:10px;}
#flash div.item ul.time19 {background-image: url(../images/podklad/time19.png);margin-top:25px;}
#flash div.item ul.time45 {background-image: url(../images/podklad/time45.png);margin-top:5px !important;}
#flash div.item ul {list-style:none;}
#flash div.item ul.descItems {font-size:15px;list-style:none;margin-top: 15px;}
#flash div.item ul.cons {margin-top: 30px;}
#flash div.item .time,#flash div.item .descItems{padding-left:50px;}
#flash div.item.button {height:59px;margin-top:25px;}
#flash a.replay:link, #flash a.replay:visited {
    background: url("../images/podklad/bg_replay_button.png") no-repeat scroll 0 0 transparent;
    color: #9EC54C;
    display: block;
    font-size: 25px;
    height: 50px;
    padding-left: 95px;
    padding-top: 9px;
    text-decoration: none;
    width: 118px;
}
* {
    border: medium none;
    margin: 0;
    padding: 0;
}
#flash div.item ul.descItems {
    font-size: 15px;
    list-style: none outside none;
    margin-top: 15px;
}
#flash div.item .time, #flash div.item .descItems {
    padding-left: 50px;
}
#flash div.item ul {
    list-style: none outside none;
}
ul.pros {
    background: url("../images/podklad/pros_ico.png") no-repeat scroll left top transparent;
    min-height: 40px;
}
ul.cons {
    background: url("../images/podklad/cons_ico.png") no-repeat scroll left top transparent;
    min-height: 40px;
}
#flash a.replay:hover {background-position: 0 -59px;}

footer {width:100%;margin:36px 0 30px 0;}
#footerContacts {width:1081px;margin:0px auto;color:#414141;font-family:'OpenSansLight';font-size:13px;line-height:18px;text-align:left;}
#footerContacts strong {font-family:'OpenSansSemibold';font-weight:normal;}
#footerContacts a {color:#414141;font-family:'OpenSansLight';font-size:13px;line-height:18px;text-decoration:none;}
#footerContacts a:hover {text-decoration:underline;}
#footerContactsInner {padding:28px 30px 0 100px;}
.footerBox {float:left;width:280px;margin-right:35px;}
.footerBox2 {float:left;width:215px;margin-right:35px;}
.addthis_button_facebook_follow {background:url('../images/podklad/header-fb.png') center top no-repeat;width:19px;}
.addthis_button_facebook_follow span {background:none !important;}
.addthis_button_twitter_follow {background:url('../images/podklad/header-twitter.png') center top no-repeat;width:25px;}
.addthis_button_twitter_follow span {background:none !important;}
a.header-facebook {background:url('../images/podklad/header-fb.png') center top no-repeat;width:19px;}
a.header-twitter {background:url('../images/podklad/header-twitter.png') center top no-repeat;width:25px;}
a.header-rss {background:url('../images/podklad/header-rss.png') center top no-repeat;width:24px;}
#shareBox a.addthis_button {background:url('../images/podklad/header-share.png') center top no-repeat;width:23px;}
#shareBox {float:right;}
#shareBox a {display:block;height:20px;float:left;margin-left:23px;text-decoration:none;}
#shareBox a:hover {background-position:center -33px;text-decoration:none;}
.at-icon-wrapper {width:0 !important;height:0 !important;}

input.styled { display: none; }
select.styled {position:relative;width:227px;opacity:0;filter:alpha(opacity=0);z-index:5;}
.disabled {opacity: 0.5;filter:alpha(opacity=50);}

.radio {
}
.select {
    position: absolute;
    width: 227px;
    height: 32px;
    padding: 0 45px 0 16px;
    background: url('../images/podklad/combobox-green.png') no-repeat;
    overflow: hidden;
    cursor:pointer;
}

.fb-comments {margin-top:20px;}

#kosikForm {width:100%;margin-top:56px;}
table.kosik {width:100%;}
#kosikHeading a {color:#6bba17;font-family:'OpenSansLight';font-size:30px;height:75px;line-height:75px;display:inline-block;margin:0 50px;}
#kosikHeading h1 {margin:0;}
#kosikHeading h1 a {height:75px;line-height:75px;text-align:left;font-family:'OpenSansLight';font-size:30px;font-weight:normal;color:#000;display:inline-block;}
#kosikHeading .centerBox {position:relative;}
.dashedRowBottom td, .dashedRowBottom th {border-bottom:1px dashed #cacaca;}
.cartHeader {height:36px;line-height:36px;}
.cartHeader th {color:#000;font-size:18px;font-family:Georgia;font-style:italic;font-weight:normal;}
.kosik td {padding:8px 0 !important;vertical-align:top;}
.kosikNazevProduktu {width:455px;}
.productDetailCart img {float:left;}
.productCartName {float:left;margin-left:18px;padding-top:45px;width:237px;}
.productCartName a {font-size:32px;color:#000;font-family:Georgia;font-style:italic;background:url('../images/podklad/dust-green.png') right -1px no-repeat;padding-right:15px;text-decoration:none;}
.productCartName a:hover {text-decoration:underline;}
.cartPrice {width:166px;text-align:right;}
.cartPrice span, .productCount span, .productCountReview span, .priceTotal span, .priceTotalReiew span {padding-top:48px;display:block;}
.productCount {width:208px;text-align:center;}
.productCountReview {width:128px;text-align:right;}
.productCount input {width:100px;height:57px;line-height:57px;margin:35px 0px 0px 40px;border:none;background:url('../images/podklad/pocet-input-bg.png') left top no-repeat;text-align:center;color:#000;font-size:26px;font-family:Georgia;font-style:italic;float:left;}
.productCount input::-moz-focus-inner {
    border:none !important;
}
.productCount input:focus {
    outline: none !important;-moz-outline-style:none !important;border:none !important;
}

.actions {width:33px;height:57px;line-height:57px;position:relative;float:left;margin-top:35px;background:url('../images/podklad/action-box-bg.png') left top no-repeat;}
.actions span {padding:0 !important;width:14px;height:7px;line-height:7px;font-size:1px;position:absolute;cursor:pointer;}
.arrowUp {background:url('../images/podklad/arrow-up.png') left top no-repeat;left:0;top:18px;}
.arrowDown {background:url('../images/podklad/arrow-down.png') left top no-repeat;left:0;bottom:18px;}
.productRemoveLink {width:16px;height:16px;line-height:16px;font-size:1px;background:url('../images/podklad/popelnice-ico.png') left top no-repeat;margin:57px 0 0 10px;float:left;}
.priceTotal, .cartPriceTotal {text-align:right;}
.priceTotalReiew, .cartPriceTotalReview {width:231px;text-align:right;}
.cartPrice, .priceTotal, .productCountReview, .priceTotalReiew  {color:#000;font-size:26px;font-family:Georgia;font-style:italic;}
.cartPriceTotal {color:#000;font-size:26px;font-family:Georgia;font-style:italic;}
.cartPriceTotal span {color:#6bba17;font-size:42px;font-family:Georgia;font-style:italic;font-weight:bold;padding-left:35px;}
.totalReview td {padding:0 !important;}
.cartDiscounts {line-height:48px;}
.cartDiscounts img {height:48px;vertical-align: middle;margin:-5px 8px 0 8px;}
.cartPriceTotalReview {color:#75ad2f;font-size:25px;font-family:Georgia;}
.total {height:59px;line-height:59px;}
.totalReview {color:#000;font-size:20px;font-family:Georgia;font-style:italic;height:44px;line-height:44px;}
.total td {border-collapse:collapse;margin:0 !important;width:250px;border-top:5px solid #6bba17;}
#cartButtonsHolder {width:100%;height:126px;}
#cartButtonsHolderInner {padding-top:30px;height:50px;line-height: 50px;}
#cartButtonsHolder button, #cartButtonsHolder .submitOrderButton {color:#fff;font-size:16px;font-family:Georgia;font-style:italic;border:none;text-align:center;cursor:pointer;float:right;}
.recalculate {background:url('../images/podklad/recalculate-button-bg.png') left top no-repeat;height:24px;margin-top:14px;line-height:24px;}
.recalculate span {padding-left:35px;color:rgba(0,0,0,0.5);}
.recalculate:hover span {text-decoration:underline;}
.nextStep {background:url('../images/podklad/next-step-button-bg.png') left top no-repeat;width:252px;margin-left:30px;height:50px;line-height:50px;text-align:center !important;}
.nextStep span {margin-left:47px;display:inline-block;}
.nextStep:hover span {text-decoration:underline;}
.submitOrderButton {background:url('../images/podklad/next-step-button-bg.png') left top no-repeat;width:252px;margin-left:30px;height:50px;line-height:50px;}
.submitOrderButton span {margin-left:47px;display:inline-block;}
.submitOrderButtonGreen {background:url('../images/podklad/dialog-button-bg.jpg') left top no-repeat;width:170px;height:39px;line-height:39px;text-align:center;color:#fff;font-family:Georgia;font-size:13px;font-style:italic;text-shadow:0 0 2px rgba(0, 0, 0, 0.3);border:0;display:block;cursor:pointer;text-decoration:none;}
.submitOrderButtonGreen:hover {background-position:0 -39px;}

a.addAccessories {color:#0088c4;display:inline-block;margin-top:20px;font-size:18px;line-height:24px;height:24px;font-family:Georgia;font-style:italic;text-decoration:underline;background:url('../images/podklad/add-accessories-ico.png') 0 0 no-repeat;padding-left:30px;}

#accessoryCarousel {width:1081px;}
.accessoriesBox {position:relative;z-index:0;}
.accessoriesBox h3 a {background:url('../images/podklad/dust-green.png') right -1px no-repeat;padding-right:15px;}
.accessoriesBox h3 {font-family:Georgia;font-style:italic;color:#000;font-size:24px;line-height:32px;text-decoration:none;font-weight:normal;position:absolute;top:168px;left:15px;}
.hideAccessories {display:block;background:url('../images/podklad/hide-accessories-ico.png') left top no-repeat;width:24px;height:24px;position:absolute;right:14px;top:-12px;cursor:pointer;}
.accessoriesBoxInner {padding:15px 20px 24px 25px;}
.kosikAccessoryBox {position:relative;width:210px;height:432px;overflow:hidden;float:left;}
.accessoryImgHolder {position:absolute;top:18px;left:15px;text-align:center;width:180px;}
.accessoryImgHolder a {display:block;margin:0 auto;text-align:center;width:100%;}
.accessoryPictogram {z-index:-1;position:absolute;right:25px;top:19px;}
.kosikAccessoryBox .priceHolder {position:absolute;top:342px;left:15px;width:178px;font-family:Georgia;font-style:italic;font-size:24px;color:#808080;text-align:center;}
.kosikAccessoryBox .description {position:absolute;top:237px;left:15px;width:178px;color:#000;font-family:'OpenSansLight';font-size:13px;}
.kosikAccessoryBox .addToCartButtonHolder {top:382px;}
#accessoryCarousel > div.accessoryBox:nth-of-type(5n+5) {
    margin-right:0 !important;
}
.prevButton {width:34px;height:56px;background:url('../images/podklad/accessories-prev-bg.png') left top no-repeat;position:absolute;top:175px;left:-20px;cursor:pointer;z-index:100;}
.nextButton {width:34px;height:56px;background:url('../images/podklad/accessories-next-bg.png') left top no-repeat;position:absolute;top:175px;right:-20px;cursor:pointer;z-index:100;}
.prevButton.disabled {display:none !important;}
.nextButton.disabled {display:none !important;}

#emptyBasket {text-align:center;color:#444;font-size:36px;line-height:48px;border-bottom:1px solid #444;margin:20px 0 50px 0;}
#emptyBasket a {color:#6bba17;}
#emptyBasketInner {padding:30px 0 56px 0;}
#thankyouText {text-align:center;color:#444;font-size:26px;line-height:32px;border-bottom:1px solid #444;margin:20px 0 50px 0;}
#thankyouText span {color:#6bba17;}
#thankyouText #cartButtonsHolder span {color:#fff;font-size:18px;}
#thankyouTextInner {padding:0 0 20px 0;}

.contactGroupTitle {font-family:Georgia;font-style:italic;color:#000;font-size:42px;margin:55px 0 30px 0;}

#info_box {clear:both;margin-top:30px;}

.doruceniGreen {color:#6cbc17 !important;}

.doruceniChckLine {margin-top:24px;line-height:20px;height:20px;padding:0 !important;}
#jina_adresa_div, #poznamka_div {display:none;}
#cartButtonsHolderInner .kosikBackButton {background:url('../images/podklad/back-arrow.png') 0 18px no-repeat;padding-top:10px;}
#cartButtonsHolderInner .kosikBackButton span {color:rgba(0,0,0,0.5);font-size:18px;font-family:Georgia;font-style:italic;padding-left:15px;text-decoration:underline;}
.kosikBackLink {background:url('../images/podklad/back-arrow.png') 0 8px no-repeat;float:right;color:rgba(0,0,0,0.5);font-size:18px;font-family:Georgia;font-style:italic;padding-left:15px;text-decoration:underline;margin-top:23px;display:inline-block;}

#potvrzeniObjednavky {margin-top:56px;}
#potvrzeniObjednavky .contactGroupTitle {font-family:Georgia;font-style:italic;color:#6bba17;font-size:28px;}
.borderGreenTop td {border-top:5px solid #6bba17;}
.borderGreenBottom td {border-bottom:5px solid #6bba17;}
#potvrzeniObjednavky .cartPriceTotalReview {color:#75ad2f;font-size:28px;font-family:Georgia;font-style:italic;}
.deliveryInfo {margin-left:30px;border-bottom:5px solid #6bba17;padding-bottom:54px;}
.deliveryInfo p {color:#424242;font-size:20px;font-family:Georgia;font-style:italic;}
.deliveryInfo p b {display:inline-block;width:292px;}

#prodejciHeaderHolder {}
#prodejciHeaderHolder h2 {font-family:Georgia;font-style:italic;color:#000;font-size:30px;font-weight:normal;}
#prodejciHeaderHolder h2 a {font-family:Georgia;font-style:italic;color:#000;font-size:30px;font-weight:normal;text-decoration:none;}
#prodejciHeaderHolder h2 a:hover {text-decoration:underline;}
#prodejciHeaderHolder p {color:#000;font-family:'OpenSansLight';font-size:14px;text-align:justify;line-height:22px;padding:15px 0 24px 0;}
#sitAutProdejcuTab {width:540px;float:left;margin-bottom:24px;}
#certPoradciTab {width:541px;float:left;margin-bottom:24px;}
#prodejciHeaderHolder h2 .novinka {font-family:Georgia;font-style:italic;color:#000;font-size:12px;font-weight:normal;display:inline-block;background-color:#fff200;padding:0 5px;margin-left:5px;}

.tabProdejciLogo {float:left;width:142px;text-align:center;}
.tabProdejciTextHolder {float:left;width:365px;}
.prodejciInfoButton {display:block;background:url('../images/podklad/prodejci-info-button-bg.png') left top no-repeat;width:170px;height:34px;line-height:32px;text-decoration:none;color:#fff;;font-size:14px;float:left;}
.prodejciInfoButton span {font-family:'OpenSansBold';color:#fff;font-size:14px;font-weight:normal;padding-left:40px;}
.prodejciInfoButton:hover {text-decoration:underline;}

#topFriendsHolder {width:100%;margin-top:10px;overflow:hidden;background:#414141 url('../images/podklad/bg-darkgray.png');}
#topFriendsHolder h2 {padding-right:23px;margin:35px 0 12px 0;background:url('../images/podklad/dust-flatgreen.png') right -1px no-repeat;display:inline-block;float:left;}
#topFriendsHolder h2 a {color:#6cbb17;font-size:32px;font-family:Georgia;font-style:italic;font-weight:normal;}
#topFriendsHolder a {font-size:13px;color:#fff;font-family:'OpenSansRegular';text-decoration:none;}
#topFriendsHolder a:hover {text-decoration:underline;}
.addFriendsButn {width:304px;height:58px;line-height:50px;color:#fff;font-family:Georgia;font-size:20px;font-style:italic;display:block;background:url('../images/podklad/btn-topbar-friends.png') left top no-repeat;text-decoration:none;float:right;margin-top:30px;}
.addFriendsButn:hover {background-position: left -66px;text-decoration:underline;}
.addFriendsButn span {color:#fff;font-family:Georgia;font-size:20px;font-style:italic;padding-left:61px;}
.topFriendHolder {float:left;width:235px;margin:28px 0 0 32px;position:relative;}
#topFriendsList {width:100%;clear:both;padding-bottom:40px;}
.topFriendImg {height:174px;width:235px;text-align:center;display:table-cell;vertical-align:middle;overflow:hidden;}
.topFriendRatingBig {width:42px;height:42px;display:block;position:absolute;right:44px;top:10px;}
.topFriendRating {display:block;background-color:#444;width:34px;height:34px;border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;position:absolute;right:48px;top:14px;text-align:center;line-height:34px;color:#fefefe;font-family:Georgia;font-size:18px;font-style:italic;}

.friendName {width:100%;margin-top:20px;text-align:center;}
.friendName a {color:#fff;font-family:Georgia;font-size:20px;font-style:italic;}
.friendListImg {width:124px;height:124px;position:relative;float:left;}
.friendListImg .friendImgMask {display:block;width:124px;height:124px;background:url('../images/podklad/friend-mask.png') left top no-repeat;position:absolute;left:0;top:0;z-index:5;}
.friendListImg .imgHolder {z-index:1;position:absolute;left:0;top:0;width:124px;height:124px;text-align:center;vertical-align:middle;display:table-cell;}
.friendDetail {float:left;margin-left:18px;width:230px;color:#000;font-family:Georgia;font-size:16px;font-style:italic;}
.friendDetail a {color:#000;font-family:Georgia;font-size:16px;font-style:italic;text-decoration:none;}
.friendDetail a:hover {text-decoration:underline;}
.friendDetailLink {display:block;width:250px;height:63px;line-height:63px;background:url('../images/podklad/friend-detail-link-bg.png') left top no-repeat;text-align:center;color:#fff;text-decoration:none;}
.friendDetailLink:hover {text-decoration:underline;}
.friendDetailLink span {color:#fff;font-family:Georgia;font-size:24px;font-style:italic;padding-right:43px;}
.friendHodnoceniFloatBox {float:right;width:250px;}
.friendHodnoceniFloatBoxTop {width:247px;height:48px;line-height:48px;color:#fff;font-family:Georgia;font-size:18px;font-style:italic;text-align:center;background:url('../images/podklad/heading-bg.png') left top repeat-x;text-decoration:none;}
.friendHodnoceniFloatBoxTop span {font-size:42px;font-family:'OpenSansItalic';}

div.container {margin-top:20px !important;}
.container label.error {display:block !important;text-align:left !important;}
#friendDetail {margin:28px auto 50px auto;}
#friendDetailLeft {width:315px;float:left;}
#friendDetailImg {width:311px;height:360px;margin-left:2px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.49);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.49);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.49);text-align:center;vertical-align:middle;overflow:hidden;}
#friendDetailLinks {width:100%;height:74px;margin-top:14px;}
#friendDetailLinks a {display:block;width:75px;height:74px;text-decoration:none;float:left;}
#friendDetailLinks .facebook {margin-right:5px;background:url('../images/podklad/friend-facebook-ico.png') left top no-repeat;}
#friendDetailLinks .info {margin-right:5px;background:url('../images/podklad/friend-info-ico.png') left top no-repeat;}
#friendDetailLinks .twitter {margin-right:5px;background:url('../images/podklad/friend-twitter-ico.png') left top no-repeat;}
#friendDetailLinks .google {background:url('../images/podklad/friend-google-ico.png') left top no-repeat;}
#friendCertifications {margin-top:34px;width:100%;}
.friendDetailSectionHead {height:44px;border-bottom:1px dashed #ddd;margin-bottom:6px;}
.certificationsHead {color:#6cbc17;font-family:Georgia;font-size:26px;font-style:italic;}
.certificatedFrom {color:#000;font-family:Georgia;font-size:14px;font-style:italic;}
.friendProduct {float:left;width:140px;height:140px;background:url('../images/podklad/friend-product-bg.png') left top no-repeat;margin-left:10px;margin-top:11px;}
.friendProductName {width:138px;color:#6cbc17;font-family:Georgia;font-size:20px;font-style:italic;text-align:center;margin-top:12px;}
#friendMap {margin-top:46px;width:100%;}
#map-canvas {width:315px;height:400px;}
#friendDetailRight {margin-left:28px;float:left;width:699px;position:relative;}
#friendDetailRight h2 {margin-top:24px;color:#000;font-family:Georgia;font-size:42px;font-style:italic;background:url('../images/podklad/dust-flatgreen.png') right -1px no-repeat;display:inline-block;padding-right:23px;font-weight:normal;}
#friendDetailRight .friendDetail {margin-left:0;width:400px;}
#friendDetailDescription {margin-top:28px;width:100%;font-family:'OpenSansLight';font-size:16px;color:#000;line-height:24px;}
#friendDetailDescription p {padding:12px 0;}
#friendDetailDescription a {color:#6cbc17;font-family:'OpenSansLight';font-size:16px;}
#friendSchuzka {margin-top:60px;width:100%;}
#friendSchuzka h3 {color:#6cbc17;font-family:Georgia;font-size:32px;font-style:italic;font-weight:normal;}
#schuzkaForm input {color:#a9a9a9;font-family:Georgia;font-size:20px;font-style:italic;background:#fff;border:0;}
#schuzkaFormHolder {background:url('../images/podklad/schuzka-form-bg.png');margin-top:22px;}
#schuzkaFormInner {padding:50px 50px 47px 40px;}
.schuzkaHeadline {color:#474747;font-family:Georgia;font-size:16px;font-style:italic;}
#schuzkaDatum {width:382px;float:left;}
#schuzkaDate {cursor:pointer;}
#schuzkaHodiny {width:89px;float:left;margin-left:22px;}
#schuzkaMinuty {width:89px;float:left;margin-left:22px;}
#schuzkaDatum .schuzkaHeadline, #schuzkaHodiny .schuzkaHeadline, #schuzkaMinuty .schuzkaHeadline {width:100%;padding-bottom:10px;display:inline-block;}
#schuzkaDatum input {width:298px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:55px;padding:0 60px 0 24px;background:#fff url('../images/podklad/calendar-ico.png') 332px 12px no-repeat;}
#schuzkaHodiny input, #schuzkaMinuty input {width:61px;height:55px;text-align:center;float:left;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;}
.schuzkaActions {float:left;width:28px;height:55px;background:#fff;position:relative;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
.schuzkaActions span {padding:0;width:14px;height:7px;line-height:7px;font-size:1px;position:absolute;cursor:pointer;}
.schuzkaArrowUp {background:url('../images/podklad/arrow-up-gray.gif') left top no-repeat;top:17px;}
.schuzkaArrowDown {background:url('../images/podklad/arrow-down-gray.gif') left top no-repeat;bottom:17px;}
#schuzkaProducts {margin-top:44px;}
#schuzkaProductsList {margin-top:20px;}
.schuzkaProduct {float:left;width:136px;height:136px;position:relative;background:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:0 20px 22px 0;}
.schuzkaProduct:nth-of-type(n+4) {margin-right:0;}
.schuzkaProductInfo {display:block;background:url('../images/podklad/product-info-bg.png') left top no-repeat;position:absolute;top:-4px;right:-5px;width:43px;height:22px;line-height:20px;color:#fff;font-family:Georgia;font-size:14px;font-style:italic;text-decoration:none;text-align:center;}
.schuzkaProductInfo:hover {text-decoration:underline;}
.schuzkaProductImg {width:136px;height:75px;padding-top:20px;text-align:center;display:table-cell;vertical-align:middle;}
.schuzkaProductName {margin:10px 0 0 10px;width:120px;color:#6cbc17;font-family:Georgia;font-size:16px;font-style:italic;}
.schuzkaProductName input {margin-right:10px;}
#schuzkaForm .schuzkaProductName .checkbox {background:url('../images/podklad/schuzka-product-chckbox-bg.png') left top no-repeat;height:22px;width:22px;padding:0;margin-right:6px;}
#schuzkaKontakt {margin-top:24px;}
#schuzkaKontakt input:nth-of-type(1) {margin-top:24px;}
#schuzkaKontakt input:nth-of-type(2) {margin-top:24px;}
#schuzkaKontakt input {width:258px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:55px;float:left;margin-bottom:15px;padding-left:24px;}
#schuzkaKontakt input:nth-of-type(2n+2) {margin-left:42px;}
#schuzkaKontakt textarea {width:582px;height:150px;max-width:582px;max-height:150px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:22px 0 0 24px;color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;}
#schuzkaKontakt input::-webkit-input-placeholder, #schuzkaKontakt textarea::-webkit-textarea-placeholder {color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#schuzkaKontakt input:-moz-placeholder, #schuzkaKontakt textarea::-moz-placeholder {color:#a9a9a9;opacity:1;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#schuzkaKontakt input::-moz-placeholder, #schuzkaKontakt textarea::-moz-placeholder {color:#a9a9a9;opacity:1;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#schuzkaKontakt input:-ms-input-placeholder, #schuzkaKontakt textarea::-ms-textarea-placeholder {color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#schuzkaBtn {background:url('../images/podklad/friend-schuzka-button-bg.png') left top no-repeat;width:699px;height:57px;display:block;text-align:center;cursor:pointer;margin-top:27px;}
#schuzkaBtn span {height:48px;line-height:38px;color:#fff;font-family:Georgia;font-size:20px;font-style:italic;display:inline-block;}

.fancybox-close {background:url('../images/podklad/popup-close.png') left top no-repeat;width:60px;height:60px;top:-30px;right:-30px;}
#friendsRequestLayer {display:none;text-align:left;}
.fancybox-skin {background-color:#fff;}
#friendsRequestLayerInner {padding:36px;}
#friendsRequestLayer h3 {color:#6cbc17;font-family:Georgia;font-size:32px;font-style:italic;font-weight:normal;}
#friendsRequestLayer p {padding-top:22px;color:#000;font-family:Georgia;font-size:20px;font-style:italic;line-height:34px;}
#friendRequestFormHolder {width:698px;margin-top:40px;background:url('../images/podklad/schuzka-form-bg.png');}
#friendRequestFormHolderInner {padding:24px 50px 24px 40px;}
#friendRequestFormHolder input {color:#a9a9a9;font-family:Georgia;font-size:20px;font-style:italic;background:#fff;border:none !important;width:258px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:55px;float:left;margin-bottom:15px;padding-left:24px;}
#friendRequestFormHolder input:nth-of-type(1) {margin-top:24px;}
#friendRequestFormHolder input:nth-of-type(2) {margin-top:24px;}
#friendRequestFormHolder input:nth-of-type(2n+2) {margin-left:42px;}
#friendRequestFormHolder textarea {width:582px;height:150px;max-width:582px;max-height:150px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:22px 0 0 24px;color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;}
#friendRequestFormHolder input::-webkit-input-placeholder, #schuzkaKontakt textarea::-webkit-textarea-placeholder {color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#friendRequestFormHolder input:-moz-placeholder, #schuzkaKontakt textarea::-moz-placeholder {color:#a9a9a9;opacity:1;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#friendRequestFormHolder input::-moz-placeholder, #schuzkaKontakt textarea::-moz-placeholder {color:#a9a9a9;opacity:1;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#friendRequestFormHolder input:-ms-input-placeholder, #schuzkaKontakt textarea::-ms-textarea-placeholder {color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}

#kosikDialogInner, #dialogInner {color:#000;font-size:36px;margin-top:15px;}
.dialogButtons {border-top:1px dashed #000;width:100%;margin-top:15px;padding:15px 0;}
.dialogButton {background:url('../images/podklad/dialog-button-bg.jpg') left top no-repeat;width:140px;height:39px;line-height:39px;text-align:center;color:#fff;font-size:12px;text-shadow:0 0 2px rgba(0, 0, 0, 0.3);border:0;display:block;cursor:pointer;text-decoration:none;}
.dialogButton:hover {background-position:0 -39px;}

#friendHodnoceniFloatBox {position:absolute;width:250px;height:11px;top:27px;right:14px;}
#friendHodnoceniFloatBoxTop {display:block;width:247px;height:48px;line-height:48px;color:#fff;font-family:Georgia;font-size:18px;font-style:italic;text-align:center;background:url('../images/podklad/heading-bg.png') left top repeat-x;text-decoration:none;}
#friendHodnoceniFloatBoxTop span {font-size:42px;font-family:'OpenSansItalic';}
#friendHodnoceniFloatBoxBottom {display:block;text-align:center;background:url('../images/podklad/friend-detail-link-bg.png') left top no-repeat;text-decoration:none;width:253px;height:63px;line-height:63px;color:#fff;font-family:Georgia;font-size:20px;font-style:italic;}
#friendHodnoceniFormHolder {padding:23px 50px 0 40px;}
#hodnoceniTitle {color:#6cbc17;font-size:32px;font-family:Georgia;font-style:italic;}
#friendHodnoceniForm {margin-top:30px;background:url('../images/podklad/schuzka-form-bg.png');margin-top:22px;padding-bottom:12px;}
#friendHodnoceniForm input:nth-of-type(1) {margin-top:24px;}
#friendHodnoceniForm input:nth-of-type(2) {margin-top:24px;}
#friendHodnoceniForm input {width:258px;border:none !important;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;height:55px;line-height:55px;float:left;margin-bottom:15px;padding-left:24px;color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;}
#friendHodnoceniForm input:nth-of-type(2n+2) {margin-left:42px;}
#friendHodnoceniForm textarea {width:582px;height:150px;max-width:582px;max-height:150px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:22px 0 0 24px;color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;}
#friendHodnoceniForm input::-webkit-input-placeholder, #schuzkaKontakt textarea::-webkit-textarea-placeholder {color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#friendHodnoceniForm input:-moz-placeholder, #schuzkaKontakt textarea::-moz-placeholder {color:#a9a9a9;opacity:1;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#friendHodnoceniForm input::-moz-placeholder, #schuzkaKontakt textarea::-moz-placeholder {color:#a9a9a9;opacity:1;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#friendHodnoceniForm input:-ms-input-placeholder, #schuzkaKontakt textarea::-ms-textarea-placeholder {color:#a9a9a9;font-size:20px;font-family:Georgia;font-style:italic;padding-left:24px;}
#hodnoceniBtn {background:url('../images/podklad/friend-schuzka-button-bg.png') right top no-repeat;width:609px;height:57px;display:block;text-align:center;cursor:pointer;margin:18px 0 0 40px;}
#hodnoceniBtn span {height:48px;line-height:38px;color:#fff;font-family:Georgia;font-size:20px;font-style:italic;display:inline-block;}
#sliderValue {width:50px;text-align:center;}
#friendHodnoceniSlider {width:271px;margin:15px 0 0 12px;}
#friendHodnoceniSlider a {text-decoration:none !important;outline: none;}
#friendHodnoceniSlider a span {text-decoration:none !important;color:#363636 !important;font-family:Georgia !important;font-size:18px !important;font-style:italic !important;}

#friendHodnoceni {display:none;margin-top:28px;}
#hodnoceniHolder {margin-top:30px;width:100%;}
#hodnoceniHolder h3 {color:#6cbc17;font-family:Georgia;font-size:32px;font-style:italic;font-weight:normal;}
#hodnoceniList {width:669px;height:612px;border:1px solid #e4e4e4;background-color:#fff;margin-top:10px;padding:15px 15px 20px 15px;}
.hodnoceniItemHolder {width:590px;margin:36px 0 0 43px;position:relative;}
.hodnoceniItemHolder:nth-of-type(1) {margin-top:5px;}
.hodnoceniRating {position:absolute;top:0;right:0;width:58px;height:40px;background-color:#67b416;line-height:40px;color:#fff;font-size:30px;font-family:'OpenSansBold';text-align:center;}
.ratingName {width:340px;height:40px;line-height:40px;margin-left:2px;float:left;background-color:#f3f3f3;color:#393939;font-size:14px;font-family:'OpenSansLight';}
.ratingName span {padding-left:7px;}
.hodnoceniItemHolder img {float:left;margin-top:2px;}
.hodnoceniItemHolder p {clear:both;font-family:'OpenSansLight';font-size:16px;color:#000;line-height:24px;padding:16px 0 0 41px;}
.hodnoceniDatum {height:33px;line-height:33px;text-align:right;width:551px;background-color:#f3f3f3;color:#494949;font-family:Georgia;font-size:16px;font-style:italic;margin:16px 0 0 40px;}
.hodnoceniDatum span {padding-right:13px;}

#hodnoceniList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(0,0,0,0.4) !important;width:7px !important;}
#hodnoceniList .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.4) !important;}
#hodnoceniList .mCSB_scrollTools .mCSB_draggerRail {background-color:transparent !important;}

.kuponHolder {width:837px;color: #7e7e7e;font-family: Georgia;font-size: 16px;font-style: italic;float:right;}
.kuponHolderInner {padding-top:20px;}
.kuponHolder label {font-size:24px;font-family:Georgia;font-style:italic;color:#000;float:left;margin-right:18px;padding-top:15px;}
.kuponHolder p {padding:13px 0;}
.kuponHolder input[type="text"] {border:none;float:left;width:379px;padding-left:8px;height:58px;line-height:58px;background:url('../images/podklad/slevovy-kod-input-bg.png') left top no-repeat;color:#000;font-size:24px;font-family:Georgia;font-style:italic;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.kuponHolder button {background:url('../images/podklad/slevovy-kod-btn-bg.png') left top no-repeat;text-align:center;width:128px;height:70px;line-height:58px;float:left;border:none;color:#fff;font-family:Georgia;font-style:italic;font-size:31px;cursor:pointer;margin:0 -8px 0 3px;}
.kuponHolder li {margin-left:268px;line-height:18px;}
#kosikPromoHolder {width:100%;font-size:18px;font-family:Georgia;font-style:italic;color:#010101;line-height:26px;}
#kosikPromoHolder p {padding:12px 22px;}
.kosikProductPromo {font-size:20px !important;font-family:Georgia !important;font-style:italic !important;color:#ff0000 !important;}
.promoCodes {float:left;margin-left:18px;color:#000;padding-top:18px;font-size:25px;font-family:Georgia;font-style:italic;}
.promoCodes span {font-size:32px;font-family:Georgia;font-style:italic;}


/*********************/
/** jRating CSS **/
/*********************/

/**Div containing the color of the stars */
.jRatingAverage {
    background:url('../images/podklad/friend-rating-star.png') 0 -35px repeat-x;
    position:relative;
    top:0;
    left:0;
    z-index:2;
    height:100%;
}
.jRatingColor {
    background: none;
    position:relative;
    top:0;
    left:0;
    z-index:2;
    height:100%;
}

/** Div containing the stars **/
.jStar {
    position:relative;
    left:0;
    z-index:3;
}

/** P containing the rate informations **/
p.jRatingInfos {
    position:		absolute;
    z-index:9999;
    background:	transparent no-repeat;
    color:			#FFF;
    display:		none;
    width:			91px;
    height:			29px;
    font-size:16px;
    text-align:center;
    padding-top:5px;
}
p.jRatingInfos span.maxRate {
    color:#c9c9c9;
    font-size:14px;
}

#compare-tab-1, #compare-tab-1:before, #compare-tab-1:after {background-color:#64a70b;z-index:4;}
#compare-tab-2, #compare-tab-2:before, #compare-tab-2:after {background-color:#1aa2dc;z-index:3;}
#compare-tab-3, #compare-tab-3:before, #compare-tab-3:after {background-color:#06475f;z-index:2;}

.compare-tab:before {
    border-radius: 8px 8px 0 0;
    display: block;
    content:" ";
    width: 32px;
    height: 52px;
    top: 0;
    left:-25px;
    position: absolute;
    transform:skewX(-15deg);
    -ms-transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg);
    z-index: -1;
}

.compare-tab {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    height: 52px;
    width: 100px;
    border-radius: 8px 0 0 0;
    position: relative;
    margin:0 15px 0 32px;
    float:left;
    text-align: center;
    cursor:pointer;
}

.compare-tab:after {
    border-radius: 8px 8px 0 0;
    display: block;
    content:" ";
    width: 32px;
    height: 52px;
    top: 0;
    position: absolute;
    right: -20px;
    transform:skewX(15deg);
    -ms-transform:skewX(15deg);
    -webkit-transform:skewX(15deg);
    z-index: 1;
}

.compare-tab span {color:#fff;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:10px;line-height:57px;}
#srovnaniFilterHolder {width:100%;height:57px;line-height:57px;color:#fefefe;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:16px;background-color:#64a70b;}
#srovnaniFilterHolder span {display:inline-block;padding-left:18px;}
.compare-holder {background-color:#fff;}
.srovnaniLeft {width:160px;float:left;border-left:1px solid #ededed;border-top:1px solid #ededed;vertical-align:top;position:relative;padding-top:311px;overflow:hidden;}
.srovnaniTitle {height:311px;color:#8b8b8b;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:22px;line-height:26px;border-bottom:1px solid #ededed;position:absolute;left:0;top:0;}
.srovnaniTitleInner {padding:30px 6px 0 6px;text-align: left;}
.srovnaniTitle span {color:#64a70b;}
.srovnaniTitle a {display:block;width:145px;height:33px;line-height:33px;text-align:center;border:2px solid #f2f2f2;color:#404040;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:16px;margin-top:82px;text-decoration:none;}
.srovnaniCategory {color:#000;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:20px;line-height:22px;border-bottom:1px solid #ededed;width:100%;height:85px;background:url("../images/podklad/bg-white.png") repeat scroll left top transparent;text-align: left;}
.srovnaniCategory span {display:inline-block;padding:6px 0 6px 16px;}
.srovnaniCategoryEmpty {height:85px;background:url("../images/podklad/bg-white.png") repeat scroll left top transparent;border-bottom:1px solid #ededed;}
.srovnaniParameterName {color:#8b8b8b;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:12px;line-height:15px;border-bottom:1px solid #ededed;width:100%;height:42px;}
.srovnaniParameterNameInner {width:133px;float:left;text-align:right;}
.srovnaniParameterName span {line-height:16px;width:133px;display:table-cell;height:42px;text-align:right;vertical-align:middle;}
.srovnaniParameterName a {display:inline-block;margin:16px 6px 0 6px;background:url('../images/podklad/info-ico-green.png') left top no-repeat;width:12px;height:12px;float:right;text-decoration:none;}
.srovnaniRight {float:left;width:calc(100% - 160px);background:url('../images/podklad/products-compare-left-bg.png') left top repeat-y;position:relative;}
.srovnaniProductsHolder {background:url('../images/podklad/products-compare-right-bg.png') right top repeat-y;}
.srovnaniProduct {width:192px;float:left;position:relative;padding-top:312px;}
.srovnaniProduct:hover {background-color:#f9f9f9;}
.srovnaniProductTop {height:312px;width:100%;border-right:1px solid #ededed;border-bottom:1px solid #ededed;position:absolute;left:0;top:0;}
.srovnaniProductTop .imgHolder {width:100%;height:145px;text-align:center;}
.srovnaniProductTop .imgHolder a {display:block;width:100%;height:145px;}
.srovnaniProductTop .imgHolder img {padding-top:24px;}
.srovnaniProductHeadline {padding:0 12px;}
.srovnaniProductHeadline h2 {height:60px;}
.srovnaniProductHeadline h2 a, .srovnaniProductHeadline h2 {color:#3c3c3c;font-size:24px;font-family: "Harmonia Sans W01",Arial,sans-serif;font-weight:normal;text-decoration:none;}
.srovnaniProductHeadline h2 a .suffix {color:#57a217;}
.srovnaniCena {color:#010101;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:22px;}
.srovnaniProduct .parameter {color:#8b8b8b;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:14px;line-height:16px;height:42px;width:100%;border-right:1px solid #ededed;border-bottom:1px solid #ededed;}
.srovnaniProduct .parameter span {display:table-cell;vertical-align:middle;height:42px;text-align:center;width:172px;}
.srovnaniProduct .parameterLast {line-height:16px;font-size:12px;}
.srovnaniProduct .parameterLast span {padding:10px 5px;}
.btnSrovnaniKoupit {width:150px;height:44px;line-height:44px;margin-top:10px;color:#fff;font-size:24px;font-family: "Harmonia Sans W01",Arial,sans-serif;font-style:italic;display:block;text-align:center;background-color:#69b716;text-decoration:none;}
.btnSrovnaniKoupit:hover {background-color:#1880a7;}
.mCSB_scrollTools {z-index:6000;}
.srovnaniRight .mCSB_horizontal > .mCSB_container {margin-bottom:0 !important;}
.srovnaniRight .mCSB_scrollTools .mCSB_draggerRail {height:9px !important;background-color:#ededed !important;}
.srovnaniRight .mCSB_dragger_bar {height:9px !important;background:#cbcbcb url('../images/podklad/dragger-bg.png') center top no-repeat !important;border-radius:0 !important;-moz-border-radius:0 !important;}
#srovnaniHolder .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail, #srovnaniHolder .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {margin:0;}
#srovnaniHolder .mCSB_scrollTools.mCSB_scrollTools_horizontal {height:9px;}
#srovnaniHolder .srovnaniRight .mCSB_buttonLeftFake {position:absolute;top:100px;left:-35px;background:url('../images/podklad/btn-srovnani-modelu-left.png') left top no-repeat;width:35px;height:68px;opacity:1;display:block;cursor: pointer;}
#srovnaniHolder .srovnaniRight .mCSB_buttonRightFake {position:absolute;top:100px;right:-30px;background:url('../images/podklad/btn-srovnani-modelu-right.png') left top no-repeat;width:35px;height:68px;opacity:1;display:block;cursor: pointer;}
#srovnaniHolder .srovnaniRight .mCSB_buttonLeft, #srovnaniHolder .srovnaniRight .mCSB_buttonRight {display:none !important;}

#srovnaniLayerHolder .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail, #srovnaniLayerHolder .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {margin:0;}
#srovnaniLayerHolder .mCSB_scrollTools.mCSB_scrollTools_horizontal {height:9px;}
#srovnaniLayerHolder .srovnaniRight .mCSB_buttonLeftFake {position:absolute;top:100px;left:-35px;background:url('../images/podklad/btn-srovnani-modelu-left.png') left top no-repeat;width:35px;height:68px;opacity:1;display:block;cursor: pointer;}
#srovnaniLayerHolder .srovnaniRight .mCSB_buttonRightFake {position:absolute;top:100px;right:-35px;background:url('../images/podklad/btn-srovnani-modelu-right.png') left top no-repeat;width:35px;height:68px;opacity:1;display:block;cursor: pointer;}
#srovnaniLayerHolder .srovnaniRight .mCSB_buttonLeft, #srovnaniLayerHolder .srovnaniRight .mCSB_buttonRight {display:none !important;}

.btnFullScreen {display:none;width:211px;height:42px;line-height:44px;color:#1880a7;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:16px;background:url('../images/podklad/btn-full-screen-gray.png') left top no-repeat;text-decoration:none;float:right;margin:7px 20px 0 0;text-align:center;}
.btnFullScreen:hover {text-decoration:underline;}
.btnFullScreen span {color:#000;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:16px;margin-left:44px;display:inline-block;padding:0 !important;text-align:center;}
.srovnaniProductHeadline span.skladem {color:#47aa42;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:10px;}
.srovnaniProductHeadline span.neniSkladem {color:#d31145;font-family: "Harmonia Sans W01",Arial,sans-serif;font-size:10px;}

.srovnani-tooltip, .srovnani-tooltip .arrow:after {
    background:#fff !important;
    border:none !important;
}

.srovnani-tooltip h2 {color:#000 !important;font-size:20px !important;font-family: "Harmonia Sans W01",Arial,sans-serif !important;font-weight:normal !important;padding-bottom:10px;}
.srovnani-tooltip {color:#666 !important;font-size:14px !important;font-family: "Harmonia Sans W01",Arial,sans-serif !important;font-weight:normal !important;line-height:18px !important;padding:15px 18px !important;text-align:left;}

.ui-tooltip, .arrow:after {
    background:rgba(0,0,0,0.6);
    border:none;
}
.ui-tooltip {
    padding:6px 8px;
    color:#fff;
    border-radius:4px;
    font-family:'OpenSansRegular';font-size:12px;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 19px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

#showHeurekaBadgeHere-1 {position:absolute;left:0;top:35px;}

#recaptcha_widget_div {margin-top:25px;}
#recaptcha_response_field {height:16px !important;color:#000 !important;font-family:helvetica,​sans-serif !important;font-size:10pt !important;}
#recaptcha_response_field::-moz-placeholder {
    color:#a9a9a9 !important;font-family:helvetica,​sans-serif !important;font-size:10pt !important;
    font-style:normal !important;
    padding-left:0 !important;
}
#recaptcha_response_field::-webkit-input-placeholder {
    color:#a9a9a9 !important;font-family:helvetica,​sans-serif !important;font-size:10pt !important;
    font-style:normal !important;
    padding-left:0 !important;
}
#recaptcha_response_field::-moz-placeholder {
    color:#a9a9a9 !important;font-family:helvetica,​sans-serif !important;font-size:10pt !important;
    font-style:normal !important;
    padding-left:0 !important;
}
#recaptcha_response_field:-ms-input-placeholder {
    color:#a9a9a9 !important;font-family:helvetica,​sans-serif !important;font-size:10pt !important;
    font-style:normal !important;
    padding-left:0 !important;
}

.obchodniPodminky {float:left;padding:17px 0 0 30px;}
#prodejciMapaHolder {margin-top:23px;}
#prodejciMapaHolder h2 {float:left;color:#6cbb17;font-family:Georgia;font-size:30px;font-style:italic;font-weight:normal;}
#prodejciMapaHolder a {display:block;width:252px;height:50px;line-height:46px;float:right;background:url('../images/podklad/btn-full-screen-prodejci.png') left top no-repeat;text-align:center;font-family:Georgia;font-size:20px;font-style:italic;color:#fff;text-decoration:none;margin-bottom:15px;}
#prodejciMapaHolder a span {padding-left:49px;}

#cetelemTooltipText {display:none;}
.cetelemTooltipText {position:relative;}
.cetelemTooltipText img {position:absolute;top:15px;left:9px;z-index:32000;}
.cetelemTooltipContent {width:165px;padding:15px 20px 0 108px;}
.cetelem-tooltip-nadpis {font-size:20px;font-family:'OpenSansItalic';color:#000;display:block;padding-bottom:14px;margin-top:5px;}
.cetelem-tooltip-text {font-size:13px;font-family:'OpenSansRegular';color:#808080;line-height:18px;display:block;padding-bottom:4px;}
.cetelem-tooltip-odkaz {font-size:13px;font-family:'OpenSansBold';color:#69b716;line-height:25px;padding-bottom:10px;display:inline-block;}
.qtip-cetelem {background:#fff;border:1px solid #8a8a8a;max-width:285px;}
.qtip-cetelem .qtip-content {overflow:visible;padding:0}
.qtip-shadow {box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.3)}
.qtip-rounded {border-radius:4px;}
.qtip-cetelem .qtip-close {background:url('../images/podklad/cetelem-tooltip-close.png') left top no-repeat;width:8px;height:8px;right:5px;top:5px;}
.qtip-cetelem .ui-icon-close {display:none;}

.cetelem-banner-nadpis {font-size:30px;font-family:'OpenSansItalic';color:#000;display:block;padding:15px 0 0 198px;}
.cetelem-banner-text {font-size:19px;font-family:'OpenSansRegular';color:#3d3d3d;display:block;margin:12px 0 0 198px;}
.cetelem-banner-odkaz {font-size:19px;font-family:'OpenSansBold';color:#68b516;display:block;margin:12px 0 0 198px;}
#buttonProdukty {display:block;background:#6EBB17;padding: 0 30px;height:37px;line-height:37px;text-decoration:none;text-align: center;color:#fff;font-size:18px;font-weight:bold;}

#numberOfInstalments {border:1px solid;height:28px;width:50px;}
#visaLogo {margin-top:40px;}
#visaLogo img {float:left;margin:0 20px 20px 0;max-height: 63px; max-width: 150px;}

.textContent {padding-bottom:30px;}
.textContent h2 {padding:25px 0 15px 0;}
.textContent p {color:#000;font-size:16px;line-height:24px;padding:11px 0;margin:0;}
.textContent h3 {margin-top:20px;}
.textContent h4 {margin-top:20px;}
.textContent p a {color:#1880a7;font-size:20px;}
.textContent ul {margin-left:37px;}
.textContent ul li {line-height:17px;list-style-image:url('../images/podklad/list.png');color:#000;font-size:16px;margin:0;padding:7px 0 7px 1px;}
.textContent ul li > p {padding: 0;line-height:17px;font-size:16px;margin: 0;}
.textContent b {font-size:16px;color:#000;}

.orangeBg {background-color:#f78d21 !important;}

.loginBox a {color:#64a70b;padding:0;font-style: normal;}
#forgotPasswordForm {padding:20px;width:320px;}
#forgotPasswordForm p {text-align:left;}
#forgotPasswordForm input {width:265px;padding-left:8px;height:44px;line-height:44px;color:#000;font-size:16px;font-family: "Harmonia Sans W01",Arial,sans-serif;border:3px solid #e7e6e6;}
#forgotPasswordForm .button {float: right;margin: 10px 41px 0 0;cursor:pointer;}

/* Homepage new */
.page-content {
    box-sizing: border-box;
}
.page-content *,
.page-content *::before,
.page-content *::after {
    box-sizing: inherit;
}
.page-content img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.content-wrapper {
    margin: 0 auto;
    max-width: 1256px;
}
.content-wrapper--narrow {
    margin: 0 auto;
    max-width: 980px;
}
.content-wrapper--wide {
    margin: 0 auto;
    max-width: 1400px;
}
.content-inner {
    padding-left: 27px;
    padding-right: 27px;
}
@media (min-width: 1200px) {
    .content-inner {
        padding: 0;
    }
}

.page-content .expandable-section:first-child .scroll-spy-anchor, .page-content .expandable-section:first-child .section-expand-anchor {
    top: 0;
}
.scroll-spy-anchor, .section-expand-anchor {
    display: block;
    height: 0;
    line-height: 0;
    position: relative;
    top: -3.2em;
    color: #64a70b;
    text-decoration: none;
}
.bg-img-callouts {
    overflow: hidden;
    position: relative;
}
.region {
    position: relative;
}
.row {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 15px;
}
.bg-img-callouts .row {
    padding: 0;
}
.row::after {
    clear: both;
    content: "";
    display: block;
}
.bg-img-callouts .callout {
    position: static;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
}
.bg-img-callouts .img-wrap.large {
    padding: 29.4643%;
}
.bg-img-callouts .bg-img {
    height: auto;
    max-width: none;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.bg-img-callouts .intro-980 .content {
    position: absolute;
    top: 25%;
    transform: translate(0px, -50%);
}
.bg-img-callouts .content {
    max-width: 1400px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    width: 100%;
    z-index: 1;
}
.content .header {
    padding: 0;
    text-align: center;
    background: none;
}
.bg-img-callouts .intro-980 .title::first-line {
    font-size: 0.6667em;
    font-weight: normal;
}
.bg-img-callouts .intro-980 .title {
    font-size: 3.6em;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 8px;
}
.bg-img-callouts sup {
    line-height: 0;
    position: relative;
    top: 0.2174em;
}
.bg-img-callouts .intro-980 .heading2 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 auto;
}
.bg-img-callouts .intro-980 .btn {
    margin-top: 50px;
}
.bg-img-callouts .pri-btn {
    text-shadow: none;
}
.pri-btn {
    background: #64a70b none repeat scroll 0 0;
    border-color: #64a70b;
    color: #fff;
}
.btn {
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-size: 17px;
    line-height: 16px;
    padding: 8px 11px;
    text-decoration: none;
    outline: 0 none;
}
.video {
    position: relative;
}
.video .img-wrap {
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.img-wrap {
    text-align: center;
}
.video.bg .bg-img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.video.bg .img-wrap {
    padding: 26.7857%;
}
.img-wrap img {
    background: #f3f3f3 none repeat scroll 0 0;
}
.row img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.expandable-section .section-toggle, .expandable-section .section-close {
    overflow: hidden;
    position: relative;
}
.expandable-section .section-toggle .row, .expandable-section .section-close .row {
    position: relative;
}
.expand-rule a, .section-expand-toggle a {
    color: #64a70b;
    text-decoration: none;
}
.page-content .expandable-section:first-child .scroll-spy-anchor, .page-content .expandable-section:first-child .section-expand-anchor {
    top: 0;
}
.scroll-spy-anchor, .section-expand-anchor {
    display: block;
    height: 0;
    line-height: 0;
    position: relative;
    top: -3.2em;
}
.expandable-section .section-expand-toggle {
    display: block;
    font-size: 1em;
    padding: 30px 0 70px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.expandable-section .expand-rule {
    bottom: 25px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    z-index: 0;
}

.expandable-section .expand-rule .rule {
    stroke: #ebebeb;
    stroke-width: 2px;
}
.expandable-section .expand-rule .symbol {
    stroke: #64a70b;
    stroke-width: 2px;
}

.expandable-section.open .expand-rule .v-cross {
    transform: rotate(-90deg);
}
.expandable-section .expand-rule .v-cross {
    transform-origin: 700px 15px 0;
    transition: transform 500ms ease 0s;
}

.expandable-section .expand-rule .circle {
    fill: transparent;
}
.figure-callouts .video.bg .play-button, .split-callouts .video.bg .play-button {
    top: 65% !important;
}
.video .img-wrap .play-button {
    cursor: pointer;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.video .img-wrap .play-button circle {
    fill: white;
}
.video .img-wrap .play-button polygon {
    fill: #757272;
}

.video .img-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
.video.bg .content {
    cursor: pointer;
    left: 50%;
    max-width: 1400px;
    position: absolute;
    text-align: center;
    top: 20%;
    transform: translate(-50%, 0px);
    width: 100%;
    z-index: 3;
}
.video.bg p {
    color: #fff;
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 auto 50px;
    max-width: 675px;
    padding: 0 50px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.section-title {
    border-top: 1px solid #ebebeb;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -0.22px;
    padding: 25px;
    text-align: center;
}

.figure-callouts .section-title:first-child, .figure-callouts *:first-child + .section-title {
    border-top: 0 none;
}
.page-content .section-content > div {
    margin-top: 15px;
}
.figure-callouts .callouts::after {
    clear: both;
    content: "";
    display: block;
}

.figure-callouts .third:first-child {
    border-width: 0 4px 0 0;
}
.figure-callouts .third {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0 2px;
    box-sizing: border-box;
    float: left;
    width: 33%;
}
.figure-callouts .video, .split-callouts .video {
    position: relative;
}
.figure-callouts .img-wrap {
    text-align: center;
}

.figure-callouts .third .content {
    padding: 25px 28px 35px;
}

.figure-callouts .third .fig-img {
    display: block;
    width: 100%;
}
.figure-callouts .header .title {
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 15px;
}
.figure-callouts .video .img-wrap, .split-callouts .video .img-wrap {
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.figure-callouts .video img, .split-callouts .video img {
    position: relative;
    z-index: 2;
}

.figure-callouts .video .img-wrap iframe, .split-callouts .video .img-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

.figure-callouts .video .img-wrap .play-button, .split-callouts .video .img-wrap .play-button {
    cursor: pointer;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.figure-callouts .video .img-wrap .play-button circle, .split-callouts .video .img-wrap .play-button circle {
    fill: white;
}

.figure-callouts .video .img-wrap .play-button polygon, .split-callouts .video .img-wrap .play-button polygon {
    fill: #757272;
}
.third .content .header, .third .content .body {
    text-align: left;
}
.figure-callouts .half:first-child {
    border-width: 0 4px 0 0;
}
.figure-callouts .half {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border: 0 solid transparent;
    border-left-width: 4px;
    box-sizing: border-box;
    float: left;
    width: 50%;
}

.figure-callouts .half .fig-img {
    vertical-align: middle;
    width: 450px;
}
.figure-callouts .half .fig-img, .figure-callouts .half .content {
    margin: 0 auto;
}

.figure-callouts .half .content {
    box-sizing: border-box;
    max-width: 450px;
    padding: 30px;
}
.figure-callouts .half .fig-img, .figure-callouts .half .content {
    margin: 0 auto;
}
.half .content .header, .half .content .body {
    text-align: left;
}
.half .content .body a, .third .content .body a {
    color: #64a70b;
    text-decoration: none;
    outline: 0 none;
}
.expandable-section .section-content > div {
    margin-top: 15px;
}
.expandable-section .section-toggle, .expandable-section .section-close {
    overflow: hidden;
    position: relative;
}
.expandable-section .section-expand-toggle {
    display: block;
    font-size: 1em;
    padding: 30px 0 70px;
    position: relative;
    text-align: center;
    z-index: 1;
    color: #64a70b;
    text-decoration: none;
}
.expandable-section .expand-rule {
    bottom: 25px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    z-index: 0;
}
.expandable-section.open .section-content {
    height: auto;
}
.expandable-section .section-content {
    height: 0;
    overflow: hidden;
}
.bg-img-callouts .callouts {
    padding: 0;
}
.bg-img-callouts .img-wrap.large {
    padding: 29.4643%;
}

.bg-img-callouts .title {
    font-size: 2.2em;
    margin: 0 0 15px;
}
.bg-img-callouts .hero .content {
    max-width: 825px;
}
.bg-img-callouts .hero .title {
    font-size: 1em;
    font-weight: inherit;
    margin: 0 0 8px;
}
.bg-img-callouts .hero .heading {
    font-size: 2.2em;
    font-weight: 500;
    margin: 0 auto 10px;
    max-width: 700px;
}
.bg-img-callouts .hero h2 {
    font-size: 2.2em;
    margin: 0 0 15px;
}
.bg-img-callouts .hero .description,
.bg-img-callouts .hero .body p {
    font-size: 1.28em;
}
.bg-img-callouts.altadena .hero .content {
    max-width: none;
}
.bg-img-callouts.altadena .hero .title {
    font-size: 2.2em;
}
.bg-img-callouts.altadena .hero .heading {
    font-size: 1.4em;
    max-width: none;
}
.qua-btn {
    background: rgba(255, 255, 255, 0.33) none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33);
}
.bg-img-callouts .btn + .btn {
    margin-left: 19px;
}
.bg-img-callouts .pri-btn {
    text-shadow: none;
}
.pri-btn {
    background: #64a70b none repeat scroll 0 0;
    border-color: #64a70b;
    color: #fff;
}
.scroll-spy {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 -1px #ebebeb inset;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.scroll-spy-anchor, .section-expand-anchor {
    display: block;
    height: 0;
    line-height: 0;
    position: relative;
    top: -3.2em;
}
.bg-img-callouts .content.right {
    max-width: 725px;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0px, -50%);
    width: 52%;
}
.split-callouts .split {
    align-items: center;
    display: flex;
}
.split-callouts .callout {
    position: relative;
    text-align: left;
}
.split-callouts .callout + .callout {
    border-top: 1px solid #ebebeb;
    margin: 20px 0 0;
    padding: 20px 15px 0;
}
.split-callouts .split .img-wrap {
    box-sizing: border-box;
    padding: 0 5px 0 0;
}
.split-callouts .split > *:first-child, .split-callouts .split > *:last-child {
    width: 50%;
}
.split-callouts .split:nth-child(2n) .img-wrap {
    order: 1;
    padding: 0 0 0 5px;
}
.split-callouts .split img {
    vertical-align: middle;
}
.split-callouts .split .body {
    margin: auto;
    width: 70%;
}
.split-callouts .split p:first-child {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.9em;
}
.split-callouts .split p {
    font-size: 1em;
}
.split-callouts .split p + p {
    margin: 0.8em 0 0;
}
.bg-img-callouts .content.left {
    left: 10%;
    max-width: 600px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 43%;
}
.screen-reader {
    color: transparent;
    pointer-events: none;
    position: absolute;
}
.interactive-section .header {
    margin: 0 auto;
    max-width: 850px;
    padding: 0 50px;
    text-align: center
}

.interactive-section .header p {
    margin: 20px 0 50px
}

.interactive-section .header .title {
    font-size: 2.2em;
    font-weight: 500;
    margin: 0 0 20px;
    padding: .64em 0 0
}

.interactive-section .figure-nav {
    left: 0;
    padding: 26.6%;
    position: absolute;
    right: 0;
    z-index: 10
}

.interactive-section .figure-nav ul {
    padding: 0;
    margin: 0
}

.interactive-section .figure-nav li {
    display: block
}

.interactive-section .figure-nav li:first-child .figure-link {
    margin: 0;
    top: -3.5em
}

.interactive-section .figure-link {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute
}

.interactive-section .figure-link.agitation {
    left: 57.2%;
    top: 95.3%
}

.interactive-section .figure-link.extraction {
    left: 38.5%;
    top: 61.842%
}

.interactive-section .figure-link.suction {
    left: 64.4%;
    top: 33.271%
}

.interactive-section .figure-link.active .interactive-circle .ring, .interactive-section .figure-link:hover .interactive-circle .ring, .interactive-section .figure-link.active .interactive-circle .bullseye, .interactive-section .figure-link:hover .interactive-circle .bullseye {
    -webkit-animation: pulse 2800ms infinite;
    animation: pulse 2800ms infinite;
    opacity: 0;
    transition: opacity 1000ms, stroke 0s 1000ms, fill 0s 1000ms
}

.interactive-section .figure-link.active .interactive-circle .ring, .interactive-section .figure-link:hover .interactive-circle .ring {
    stroke: #64a70b
}

.interactive-section .figure-link.active .interactive-circle .bullseye, .interactive-section .figure-link:hover .interactive-circle .bullseye {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    fill: #64a70b
}

.interactive-section .figure-link.active .interactive-circle .inner-ring, .interactive-section .figure-link:hover .interactive-circle .inner-ring {
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms
}

.interactive-section .figure-link.active .interactive-circle .middle-ring, .interactive-section .figure-link:hover .interactive-circle .middle-ring {
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms
}

.interactive-section .figure-link.active .interactive-circle .outer-ring, .interactive-section .figure-link:hover .interactive-circle .outer-ring {
    -webkit-animation-delay: 2200ms;
    animation-delay: 2200ms
}

.interactive-section .interactive-circle .ring, .interactive-section .interactive-circle .bullseye {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 40px 40px;
    -ms-transform-origin: 40px 40px;
    transform-origin: 40px 40px;
    -webkit-transition: opacity 1000ms, stroke 1000ms, fill 1000ms, -webkit-transform 1000ms;
    transition: opacity 1000ms, stroke 1000ms, fill 1000ms, -webkit-transform 1000ms;
    transition: opacity 1000ms, stroke 1000ms, fill 1000ms, transform 1000ms
}

.interactive-section .interactive-circle .ring {
    fill: rgba(255, 255, 255, .2);
    stroke: #737373;
    stroke-width: 2px
}

.interactive-section .interactive-circle .bullseye {
    fill: #737373
}

.interactive-section .figures {
    margin: 0 auto;
    max-width: 1020px;
    position: relative
}

.interactive-section .figure {
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 250ms;
    width: 100%
}

.interactive-section .figure:first-of-type {
    position: relative
}

.interactive-section .figure:first-of-type:not(.active) {
    opacity: 1
}

.interactive-section .figure:first-of-type:not(.active) p {
    opacity: 0
}

.interactive-section .figure:first-of-type figcaption {
    max-width: none;
    padding: 0 100px
}

.interactive-section .figure:first-of-type p {
    font-size: 1.8em
}

.interactive-section .figure.active {
    opacity: 1
}

.interactive-section img {
    margin-bottom: 50px
}

.interactive-section figcaption {
    margin: 0 auto;
    max-width: 375px
}

.interactive-section figcaption p {
    line-height: 1.2em
}

.interactive-section figcaption p:first-child {
    font-size: 1.2em;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 10px
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    33% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }
    67%, 100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1)
    }
    33% {
        opacity: 1;
        transform: scale(1.2)
    }
    67%, 100% {
        opacity: 0;
        transform: scale(1.2)
    }
}

/* Cetelem */

/**
 * clearfix float layoutu
 */
.clearfix {
    display: block;
    zoom: 1;
}
.clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ctlm-calc {
    font-family: "Arial CE", Arial, sans-serif;
    color: #474747;
    width: 100%;
}
/**
 *
 * info textova cast s logem
 * vlevo od kalkulatoru
 *
 */
.ctlm-calc {
    margin: 0 auto;
}
.ctlm-calc .ctlm-info {
    width: 521px;
    float: left;
    padding: 30px 15px;
    position: relative;
    z-index: 2;
}
.ctlm-calc .ctlm-info .logo {
    margin-bottom: 30px;
}
.ctlm-calc .ctlm-info .credito {
    position: absolute;
    display: block;
    top: 35px;
    right: -20px;
}
.ctlm-calc .ctlm-info .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    width: 55%;
}
.ctlm-calc .ctlm-info .subtitle {
    font-size: 18px;
    margin-bottom: 20px;
    width: 55%;
}
.ctlm-calc .ctlm-info ul {
    margin: 0;
    padding: 0;
    width: 60%;
}
.ctlm-calc .ctlm-info ul li {
    list-style: none;
    margin: 0;
    margin-bottom: 8px;
    padding-left: 15px;
    background: url('../images/cetelem/bg-li.png') 0 4px no-repeat;
}
.ctlm-calc .ctlm-form {
    /**
     *
     * formular kalkulatoru
     *
     */
    width: 438px;
    float: right;
    padding: 30px 0 0 0;
}
.ctlm-calc .ctlm-form form {
    position: relative;
}
.ctlm-calc .ctlm-form form fieldset {
    border: 1px solid #e4e4e4;
    border-radius: 5px 0 5px 5px;
    padding: 20px 16px 10px;
    background: #ffffff;
    background-color: bottom;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100% #f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    margin: 0;
}
.ctlm-calc .ctlm-form form fieldset label {
    float: left;
    width: 170px;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 12px;
    font-weight: bold;
}
.ctlm-calc .ctlm-form form fieldset label i {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #00a0dc 50% 50% no-repeat;
    border: 1px solid #0095cd;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    float: left;
    margin-right: 8px;
    vertical-align: middle;
}
.ctlm-calc .ctlm-form form fieldset label i.ico-cena {
    background-image: url('../images/cetelem/ico-cena.png');
}
.ctlm-calc .ctlm-form form fieldset .ctlm-message {
    position: absolute;
    width: 370px;
    padding: 16px;
    bottom: 1px;
    left: 1px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background: #c4ebfa;
    border-radius: 0 0 5px 5px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-message i {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 26px;
    background: #474747;
    border-radius: 100%;
    font-size: 20px;
    text-transform: lowercase;
    color: #c4ebfa;
    font-style: normal;
    font-weight: bold;
    font-family: serif;
    text-align: center;
    margin-right: 10px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input {
    width: 200px;
    margin-bottom: 10px;
    float: left;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input input {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    padding: 4px;
    margin: 0;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: "Arial CE", Arial, sans-serif;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input input:focus {
    outline: none;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input .ctlm-cena-value {
    line-height: 26px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-platba .ctlm-platba-min,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-platba .ctlm-platba-max {
    margin-top: 3px;
    font-size: 11px;
    line-height: 16px;
    float: left;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-platba .ctlm-platba-max {
    float: right;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad {
    width: 116px;
    padding-top: 6px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-min,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-min,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-max,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-max,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-min,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-min,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-max,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-max {
    margin-top: 8px;
    font-size: 11px;
    line-height: 16px;
    float: left;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-max,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-max,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-max,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-max {
    float: right;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-input,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-input,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-input,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-input {
    width: 50px;
    position: absolute;
    right: -80px;
    top: 0;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-input input,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-input input,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-input input,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-input input {
    width: 30px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-input input[disabled~="disabled"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-input input[disabled~="disabled"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-input input[disabled~="disabled"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-input input[disabled~="disabled"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-input input[readonly~="readonly"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-input input[readonly~="readonly"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-input input[readonly~="readonly"],
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-input input[readonly~="readonly"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=(35));
    opacity: 0.35;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-splatky-input span,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-splatky-input span,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatky .ctlm-odklad-input span,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-odklad .ctlm-odklad-input span {
    font-size: 12px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka {
    margin-bottom: 5px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka .ctlm-splatka-value {
    width: 100px;
    line-height: 26px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    float: left;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka .ctlm-button {
    background: #e66200;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 15px;
    float: right;
    margin-top: -3px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    border:none;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka .ctlm-button:hover {
    background: #cd5700;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka.loading .ctlm-splatka-value {
    color: #c7c7c7;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka.loading .ctlm-button,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka.loading .ctlm-button:hover {
    background: #e4e4e4 url('../images/cetelem/loading.gif') 0 50% no-repeat;
    color: transparent;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka.lock .ctlm-splatka-value {
    color: #c7c7c7;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka.lock .ctlm-button,
.ctlm-calc .ctlm-form form fieldset .ctlm-input.ctlm-splatka.lock .ctlm-button:hover {
    background: #e4e4e4;
    color: transparent;
}
.ctlm-calc .ctlm-form form fieldset hr {
    background: none;
    height: 2px;
    line-height: 2px;
    border: none;
    border-bottom: 2px solid #e4e4e4;
    margin: 10px 0 19px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver {
    /**
     * rekapitulace uveru
     */
    font-size: 11px;
    position: relative;
    text-align: center;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ico-info {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-left: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 11px;
    border: 1px solid #00a0dc;
    border-radius: 100%;
    font-size: 9px;
    color: #00a0dc;
    font-style: normal;
    font-weight: bold;
    font-family: serif;
    text-align: center;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver:hover .ico-info {
    background: #00a0dc;
    color: #ffffff;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ctlm-uver-detail {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 9px;
    text-align: left;
    width: 387px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 7px 5px 3px 10px;
    background: #ffffff;
    background-color: bottom;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100% #f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    margin: 0;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ctlm-uver-detail:before,
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ctlm-uver-detail:after {
    border-style: solid;
    border-color: transparent transparent #e4e4e4 transparent;
    border-width: 8px;
    display: block;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ctlm-uver-detail:after {
    border-color: transparent transparent #ffffff transparent;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver h3 {
    clear: both;
    font-size: 10px;
    margin: 0;
    margin-bottom: 5px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dl,
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dt,
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dd {
    padding: 0;
    margin: 0;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dt {
    width: 70%;
    float: left;
    margin-bottom: 5px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dt small {
    font-size: 9px;
    display: block;
    width: 130%;
    padding-top: 2px;
    color: #878787;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dt.short {
    width: 24%;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dd {
    font-size: 10px;
    font-weight: bold;
    width: 30%;
    float: left;
    margin-bottom: 5px;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver dd.short {
    font-weight: normal;
    width: 76%;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ctlm-left {
    width: 50%;
    float: left;
}
.ctlm-calc .ctlm-form form fieldset .ctlm-uver .ctlm-right {
    width: 50%;
    float: right;
}
/**
 *
 * nastylovana jquery-ui komponenta spinner
 * (tlacitka + a - u inputu)
 *
 */
.ctlm-calc .ctlm-form form .ui-spinner {
    height: 24px;
    overflow: visible;
    background: #ffffff;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-input {
    font-family: "Arial CE", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 190px;
    margin: 0;
    border: 0;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-button {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #00a0dc;
    border: 1px solid #0095cd;
    border-radius: 3px;
    z-index: 100;
    cursor: pointer;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-button.ui-state-hover {
    background: #008dc3;
    border-color: #0082b3;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-button.ui-spinner-up {
    position: absolute;
    top: -1px;
    right: -1px;
    border-radius: 0 3px 3px 0;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-button.ui-spinner-up .ui-icon {
    background: url('../images/cetelem/ico-plus.png') 50% 50% no-repeat;
    left: 20%;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-button.ui-spinner-down {
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 3px 0 0 3px;
}
.ctlm-calc .ctlm-form form .ui-spinner .ui-spinner-button.ui-spinner-down .ui-icon {
    background: url('../images/cetelem/ico-minus.png') 50% 50% no-repeat;
    left: 20%;
}
/**
 *
 * nastylovana jquery-ui komponenta slider
 * (tahlo na pocet splatek)
 *
 */
.ctlm-calc .ctlm-form form .ui-slider {
    border: none;
    background: url('../images/cetelem/bg-slider.png') 0 50% no-repeat;
}
.ctlm-calc .ctlm-form form .ui-slider .ui-slider-handle {
    background: #00a0dc;
    border: 1px solid #0095cd;
    width: 15px;
    height: 15px;
    top: 0;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.ctlm-calc .ctlm-form form .ui-slider .ui-slider-handle.ui-state-hover {
    background: #008dc3;
    border-color: #0082b3;
}
.ctlm-calc .ctlm-form form .ui-slider .ui-slider-handle:focus {
    outline: none;
}
/**
 *
 * nastylovana komponenta selectBoxIt
 * (na vyber baremu)
 *
 */
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper {
    position: absolute;
    top: -36px;
    right: 0;
    width: 404px;
    text-align: right;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper label {
    line-height: 41px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper label img {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container {
    float: right;
    text-align: left;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit.selectboxit-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=(100));
    opacity: 1;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit.selectboxit-disabled .selectboxit-text {
    color: #a1a1a1;
    text-decoration: none;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit,
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit span {
    height: 36px;
    line-height: 36px;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-btn {
    width: 225px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100% #ffffff));
    background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background-image: linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    border-radius: 5px 5px 0px 0px;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-btn .selectboxit-text {
    font-size: 12px;
    color: #00a0dc;
    text-decoration: underline;
    text-align: right;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-btn:hover,
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-btn:focus {
    background: #ffffff;
    background-position: 0 0;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-list {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-top: none;
    border-radius: 0 0 5px 5px;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
    background: #00a0dc;
}
.ctlm-calc .ctlm-form form .ctlm-barem-wrapper .selectboxit-container .selectboxit-list .selectboxit-option-anchor {
    font-size: 12px;
}

/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
    font: 14px Helvetica, Arial;
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
    width: 220px; /* Width of the dropdown button */
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 30px; /* Height of the drop down */
    line-height: 30px; /* Vertically positions the drop down text */
    display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
    outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

/* Button Text */
.selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;  /* Minimum Width of the dropdown list box options */
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    border-radius: 6px;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor{
    padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
    text-indent: 5px; /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
    cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
    /* Positions the down arrow */
    width: 30px;
    position: absolute;
    right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    /* Horizontally centers the down arrow */
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
    background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    color: #333333;
    background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.selectboxit-list {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
    color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #999999;
}

.ctlm-form #cartButtonsHolderInner .kosikBackButton {
    background: url('../images/podklad/back-arrow.png') 0 12px no-repeat;
}

#summitLeasing {
    margin-top: 20px;
}

#summitLeasing .row {
    width: 100%;
    padding: 5px 0;
}

#summitLeasing .row select {
    width: 100%;
}

#summitLeasing .row input {
    width: 46%;
}

#summitLeasing .row select, #summitLeasing .row input {
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    font-size: 13px;
    font-family: Georgia;
    font-style: italic;
    padding-left: 8px;
}

#summitLeasing .row input::-webkit-input-placeholder {font-size:10px;font-family:Georgia;font-style:italic;}
#summitLeasing .row input:-moz-placeholder {opacity:1;font-size:10px;font-family:Georgia;font-style:italic;}
#summitLeasing .row input::-moz-placeholder {opacity:1;font-size:10px;font-family:Georgia;font-style:italic;}
#summitLeasing .row input:-ms-input-placeholder {font-size:10px;font-family:Georgia;font-style:italic;}

#summitLeasing .row span.prefix {
    width: 38px;
    display: inline-block;
}

#summitLeasing .row #birth_place {
    width: 428px;
}

#summitLeasing .row #bank_account {
    width: 390px;
}

#summitLeasing .row #document_type {
    width: 48%;
}

#summitLeasing .row #document_number {
    float: right;
}

#summitLeasing .row input + input {
    float: right;
}

#summitLeasing::after {
    content: ' ';
    clear: both;
}

.video-js .vjs-big-play-button {
    top: 96px !important;
    left: 171px !important;
}

.featured-callouts {
    padding: 50px 0
}

.featured-callouts .callouts {
    font-size: 0;
    padding-bottom: 60px;
    position: relative
}

.featured-callouts .callout, .page-footer .callout {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.featured-callouts .half {
    width: 50%
}

.featured-callouts .third, .page-footer .third {
    width: 33%
}

.featured-callouts .content, .page-footer .content {
    display: inline-block;
    max-width: 380px;
    text-align: left;
    width: 85%
}

.featured-callouts .title {
    color: #64a70b;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 23px;
    overflow: hidden;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.featured-callouts .title span {
    display: inline-block;
    position: relative
}

.featured-callouts .title span::before, .featured-callouts .title span::after {
    background: #64a70b;
    content: '';
    height: 1px;
    position: absolute;
    top: 50%;
    width: 110px
}

.featured-callouts .title span::before {
    left: -125px
}

.featured-callouts .title span::after {
    right: -125px
}

.featured-callouts .heading {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 17px;
    height: auto;
    line-height: unset;
    background: none;
}

.featured-callouts p {
    font-size: 14px
}

.featured-callouts .btn {
    bottom: 0;
    position: absolute
}

.button {
    display: inline-block;
    transition: color .3s linear;
    transition-property: color;
    text-decoration: none;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 22.5px;
    text-align: center;
    font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    font-size: 16px;
}

.button:hover {
    background-color: #579802;
    text-decoration: none;
}

.button:focus {
    outline-color: #64a70b;
}

@media (min-width: 768px) {
    .page-header,
    .page-footer,
    .page-copyright {
        font-family: 'Harmonia Sans Pro', Arial, sans-serif;
    }
    .page-header a,
    .page-footer a,
    .page-copyright a {
        text-decoration: none;
    }
    .page-header {
        position: relative;
        z-index: 2;
    }
    .page-content {
        position: relative;
        z-index: 1;
    }
    .mm-header {
        display: none;
    }
    .mm-overlay {
        opacity: 0;
        visibility: hidden;
    }
    .global-modal {
        display: none;
    }

    .site-banner {
        background: #ebebeb
    }

    .site-banner .callout p {
        box-sizing: border-box;
        font-size: 14px;
        line-height: 21px;
        margin: 0 auto;
        max-width: 1200px;
        padding: 12px 600px 12px 10px;
        position: relative;
        z-index: 1
    }

    .site-banner .callout .spacer {
        height: 45px
    }
    .primary-nav-wrapper {
        background: #64a70b;
    }
    .primary-nav-wrapper-inner {
        margin: 0 auto;
        max-width: 1400px;
        padding: 0 10px;
        position: relative;
    }
    .no-search .primary-nav-wrapper-inner {
        max-width: 980px;
    }
    .primary-nav-left,
    .primary-nav-right {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    /* ===== 3a. PLACEHOLDER LEFT (Primary Nav) ===== */
    .primary-nav-left {
        left: 0;
    }
    .primary-nav-left .site-root-link {
        display: block;
    }
    .primary-nav-left .site-logo {
        height: auto;
        vertical-align: middle;
    }
    .primary-nav-left #select_language {
        margin-top: 5px;
    }
    .primary-nav-right {
        right: 10px;
        width: 219px;
    }
    .primary-nav-right .search {
        background: #fff;
        border: 1px solid #ebebeb;
        border-radius: 2px;
    }
    .no-search .primary-nav-right .search {
        display: none;
    }
    .primary-nav-right .search-box {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%;
    }
    .primary-nav-right .search-box form {
        display: inherit;
    }
    .primary-nav-right .field,
    .primary-nav-right .input-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
        display: block;
        font-family: inherit;
        font-size: 12px;
        height: 33px;
        line-height: 21px;
        margin: 0;
        min-width: 0;
        padding: 0;
    }
    .primary-nav-right .field {
        -ms-flex: 1 auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 10px;
    }
    .primary-nav-right ::-moz-placeholder {
        color: #000;
    }
    .primary-nav-right :focus::-moz-placeholder {
        color: #999;
    }
    .primary-nav-right ::-ms-input-placeholder {
        color: #000;
    }
    .primary-nav-right :focus::-ms-input-placeholder {
        color: #999;
    }
    .primary-nav-right ::-webkit-input-placeholder {
        color: #000;
    }
    .primary-nav-right :focus::-webkit-input-placeholder {
        color: #999;
    }
    .primary-nav-right .input-btn {
        background-color: #fff;
        /* -- /Base/Includes/images/icons/search.svg -- */
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaWQ9InNlYXJjaCI+PHBhdGggZD0iTTE1LjYgMTMuNWwtMy45LTMuOXMtLjIgMC0uMi0uMWMuNi0xIDEtMi4xIDEtMy40QzEyLjUgMi44IDkuNyAwIDYuMiAwIDIuOCAwIDAgMi44IDAgNi4yYzAgMy40IDIuOCA2LjIgNi4yIDYuMiAxLjMgMCAyLjQtLjMgMy40LTEgMCAuMSAwIC4yLjEuMmwzLjkgMy45Yy42LjYgMS42LjUgMi4xIDAgLjQtLjQuNS0xLjQtLjEtMnpNNi4yIDEwYy0yLjEgMC0zLjgtMS43LTMuOC0zLjggMC0yLjEgMS43LTMuOCAzLjgtMy44UzEwIDQuMSAxMCA2LjJDMTAgOC4zIDguMyAxMCA2LjIgMTB6Ii8+PC9zdmc+');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 17px 17px;
        cursor: pointer;
        width: 35px;
    }
    /* ===== 3c. NAV ITEMS (Primary Nav) ===== */
    .primary-nav {
        margin: 0 243px 0 204px;
        text-align: center;
    }
    .no-search .primary-nav {
        margin-right: 0;
    }
    .primary-nav .nav-list {
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        margin: 0;
    }
    .primary-nav .nav-item {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
        transition: background-color 100ms ease-in;
    }
    .primary-nav .nav-item.on,
    .primary-nav .nav-item.active,
    .primary-nav .nav-item:hover {
        background: #4e8828;
        transition: background-color 300ms;
    }
    .primary-nav .nav-item:before {
        background: #fff;
        content: '';
        height: 24px;
        left: 0;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        width: 1px;
    }
    .primary-nav .nav-item:first-child:before {
        content: none;
    }
    .primary-nav .nav-item:hover:before,
    .primary-nav .nav-item:hover + .nav-item:before,
    .primary-nav .nav-item.on:before,
    .primary-nav .nav-item.on + .nav-item:before {
        opacity: 0;
        transition: opacity 300ms ease-out;
    }
    .primary-nav .nav-item.on:after {
        border: 0 solid transparent;
        border-top-color: #4e8828;
        border-width: 8px 10px;
        content: '';
        left: 50%;
        margin-left: -10px;
        position: absolute;
        top: 100%;
    }
    .primary-nav .nav-link {
        color: #fff;
        display: block;
        -ms-flex: 1 auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 17px;
        line-height: 21px;
        padding: 30px 10px;
    }
    .primary-nav .facebook .nav-link {
        background-image: url('/~/media/Images/iRobot/Cool%20Stuff/Social_Networks/facebook_icon.png');
        background-size: 26px 26px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        color: transparent;
        font-size: 0;
    }

    .secondary-nav-wrapper {
        background: #fff;
    }
    .secondary-nav {
        margin: 0 auto;
        max-width: 1180px;
        padding: 0 10px;
        text-align: center;
        /* ===== 4a. LEVEL 1 (Secondary Nav) ===== */
        /* ===== 4b. LEVEL 2 (Secondary Nav) ===== */
        /* ===== 4c. DROPDOWN IMAGES (Secondary Nav - Level 2) ===== */
    }
    .secondary-nav .nav-list {
        margin: 0;
        padding: 0;
    }
    .secondary-nav .nav-item,
    .secondary-nav .nav-link {
        display: block;
    }
    .secondary-nav .nav-list--lvl1 {
        font-size: 0;
        padding: 20px 0 15px;
    }
    .secondary-nav .nav-item--lvl1 {
        display: inline-block;
        font-size: 17px;
        position: relative;
        z-index: 1;
    }
    .secondary-nav .nav-item--lvl1:before {
        content: '';
        width: 1px;
        height: 18px;
        background: #ebebeb;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -9px;
    }
    .secondary-nav .nav-item--lvl2.image {
        display: inline-block;
        padding: 15px;
        position: relative;
    }
    .secondary-nav .nav-item--lvl1:first-child:before,
    .secondary-nav .nav-item--lvl1.active:before,
    .secondary-nav .nav-item--lvl1.active + .nav-item--lvl1:before {
        content: none;
    }
    .secondary-nav .nav-link--lvl1 {
        color: #000;
        padding: 15px 25px;
    }
    .secondary-nav .nav-item--lvl1.on .nav-link--lvl1 {
        color: #64a70b;
        font-weight: 500;
    }
    .secondary-nav .nav-item--lvl1.on.mopping .nav-link--lvl1 {
        color: #1aa2dc;
    }
    .secondary-nav .nav-item--lvl1.active .nav-link--lvl1 {
        background: #f7f7f7;
        border-radius: 2px 2px 0 0;
    }
    .secondary-nav .nav-item--lvl1.active.nodropdown .nav-link--lvl1 {
        border-radius: 2px;
    }
    .secondary-nav .nav-list--lvl2 {
        background: #f7f7f7;
        border-radius: 0 0 2px 2px;
        display: none;
        font-size: 0;
        padding: 10px 0;
        position: absolute;
        top: 100%;
        white-space: nowrap;
    }
    .secondary-nav .nav-list--lvl2.image-dropdown {
        padding: 0;
    }
    .secondary-nav .nav-item--lvl1.active .nav-list--lvl2 {
        display: block;
    }
    .secondary-nav .nav-item--lvl2 {
        font-size: 16px;
    }
    .secondary-nav .nav-item--lvl2.image + .image {
        padding-left: 0;
        margin-left: -15px;
    }
    .secondary-nav .nav-link--lvl2 {
        color: #000;
        padding: 10px 20px;
        text-align: left;
    }
    .secondary-nav .nav-link--lvl2:hover {
        background: #ebebeb;
    }
    .secondary-nav .nav-item--lvl2.image .nav-link--lvl2 {
        height: 155px;
        padding: 5px 0 0;
        position: relative;
        text-align: center;
        width: 164px;
        display: block;
        position: absolute;
    }
    .secondary-nav .nav-item--lvl2.image .nav-link--lvl2 span {
        bottom: 5px;
        display: block;
        position: absolute;
        width: 100%;
    }
    .secondary-nav .nav-item--lvl2.image .a {
        content: '';
        height: 94px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 94px;
    }
    .secondary-nav .nav-item--lvl2.image.roomba .nav-link--lvl2:after {
        background-position: 70px -3px;
        height: 70px;
        margin: -35px 0 0 -35px;
        width: 70px;
    }
    .secondary-nav .nav-item--lvl2.image a {
        font-size: 0;
        padding: 10px 0;
    }
    .secondary-nav .nav-item--lvl2.image a {
        background-position: right top;
        background-repeat: no-repeat;
        height: 157px;
        width: 164px;
        z-index: 1;
        display: block;
    }
    .secondary-nav .nav-item--lvl2.image a:hover {
        background-position: left top;
    }

    .secondary-nav .nav-item--lvl2.image.braava .nav-link--lvl2:hover:after {
        background-position: left top
    }

    .secondary-nav .nav-item--lvl2.image.mirra .nav-link--lvl2:after {
        background-position: 72px -321px;
        height: 64px;
        margin: -32px 0 0 -36px;
        width: 73px
    }

    .secondary-nav .nav-item--lvl2.image.looj .nav-link--lvl2:after {
        background-position: 72px -418px;
        height: 60px;
        margin: -30px 0 0 -35px;
        width: 70px
    }

    .secondary-nav .nav-item--lvl2.image.ava500 .nav-link--lvl2:after {
        background-position: 173px 0;
        height: 96px;
        margin: -38px 0 0 -20px;
        width: 40px
    }

    .secondary-nav .nav-item--lvl2.image.rpvita .nav-link--lvl2:after {
        background-position: 170px 435px;
        height: 96px;
        margin: -38px 0 0 -20px;
        width: 40px
    }

    .secondary-nav .nav-item--lvl2.image.ava .nav-link--lvl2:after {
        background-position: 0 110px;
        height: 66px;
        margin: -23px 0 0 -22px;
        width: 45px
    }

    .utility-nav {
        max-width: 1320px;
        margin: 0 auto;
        position: absolute;
        right: 50%;
        top: 2px;
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        text-align: right;
        width: 100%;
        z-index: 2
    }

    .utility-nav .nav-list {
        margin: 0;
        padding: 0
    }

    .utility-nav .nav-link {
        display: block
    }

    .utility-nav .nav-list--lvl1 {
        display: inline-block
    }

    .utility-nav .nav-item--lvl1 {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }

    .utility-nav .nav-item--lvl1:before {
        background: #e3e3e3;
        content: '';
        height: 22px;
        left: 0;
        margin-top: -11px;
        position: absolute;
        top: 50%;
        width: 1px
    }

    .utility-nav .nav-link--lvl1 {
        color: #000;
        font-size: 12px;
        line-height: 16px;
        padding: 7px 13px
    }

    .utility-nav .nav-list--lvl2 {
        display: none
    }

    .utility-nav .country-nav {
        position: relative;
        z-index: 100
    }

    .utility-nav .country-nav:before {
        content: none
    }

    .utility-nav .country-nav .nav-list--lvl2 {
        background: #fff;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, .3) 1px 1px 2px;
        display: none;
        left: 0;
        min-width: 100%;
        padding-top: 35px;
        position: absolute;
        top: 0
    }

    .utility-nav .country-nav .nav-item--lvl2 {
        display: block;
        flex: 1 0 100%;
        font-size: 12px;
        text-align: left;
        white-space: nowrap
    }

    .utility-nav .country-nav .nav-link--lvl2 {
        color: #000
    }

    .utility-nav .country-nav .nav-link--lvl2:hover {
        color: #64a70b
    }

    .utility-nav .country-nav.active .nav-link--lvl1 {
        background-color: #fff;
        border-radius: 5px;
        font-size: 12px;
        position: relative;
        z-index: 1
    }

    .utility-nav .country-nav.active .nav-list--lvl2 {
        display: block
    }

    .utility-nav .country-nav .flag .nav-link--lvl2 {
        position: relative;
        padding: 10px 10px 10px 35px
    }

    .utility-nav .country-nav .nav-link--lvl1:before {
        margin-top: -9px !important;
    }

    .utility-nav .country-nav .nav-link--lvl1:before, .utility-nav .country-nav .flag .nav-link--lvl2:before {
        content: '';
        height: 16px;
        left: 7px;
        margin: -7px 0 0;
        position: absolute;
        top: 50%;
        width: 24px
    }

    .utility-nav .country-nav.flag--si .nav-link--lvl1:before, .utility-nav .country-nav .flag--si .nav-link--lvl2:before {
        background-image: url('../images/podklad/si-flag-22x16.png');
    }

    .utility-nav .country-nav.flag--hr .nav-link--lvl1:before, .utility-nav .country-nav .flag--hr .nav-link--lvl2:before {
        background-image: url('../images/podklad/hr-flag-22x16.png');
    }

    .utility-nav .country-nav.flag--commk .nav-link--lvl1:before, .utility-nav .country-nav .flag--commk .nav-link--lvl2:before {
        background-image: url('../images/podklad/rs-flag-22x16.png');
    }

    .utility-nav .country-nav .nav-link--lvl1 {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg==');
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 11px 6px;
        cursor: pointer;
        padding-left: 35px;
        padding-right: 31px
    }

    .utility-nav .help .nav-link--lvl1 {
        background-image: url('../images/podklad/phone.png');
        background-position: 10px 50%;
        background-repeat: no-repeat;
        background-size: 18px;
        padding-left: 38px
    }

    .utility-nav .my-account .nav-link--lvl1 {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzEgMjcyIDE3IDE3IiBpZD0ibXktYWNjb3VudCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NTQuNCAyODVjLS41LS44LTIuMi0xLjMtMy45LTEuOS0xLjctLjctMi4xLS45LTIuMS0uOXYtMS42cy42LS41LjgtMmMuNC4xLjgtLjYuOC0uOXMtLjEtMS4zLS41LTEuMmMuMS0uNy4yLTEuNC4xLTEuNyAwLTEuNS0xLjMtMi44LTMuMy0yLjhzLTMuMyAxLjMtMy40IDIuNmMwIC4zIDAgMSAuMSAxLjctLjQgMC0uNS45LS41IDEuM3MuNCAxLjEuOC45Yy4yIDEuNS44IDIgLjggMnYxLjZzLS40LjItMi4xLjktMy40IDEuMi0zLjkgMS45Yy0uNC44LS4zIDQuMS0uMyA0LjFoMTdzLjEtMy4zLS40LTR6Ii8+PC9zdmc+');
        background-position: 10px 50%;
        background-repeat: no-repeat;
        background-size: 17px 17px;
        cursor: pointer;
        padding-left: 37px
    }

    .utility-nav .my-account .nav-item--lvl2 {
        display: block;
        text-align: left;
        white-space: nowrap
    }

    .utility-nav .my-account .nav-link--lvl2 {
        background: #fff;
        color: #000;
        font-size: 15px;
        line-height: 19px;
        padding: 8px 15px;
        text-decoration: underline
    }

    .utility-nav .my-account.active {
        -webkit-filter: drop-shadow(rgba(0, 0, 0, .3) 1px 1px 2px);
        filter: drop-shadow(rgba(0, 0, 0, .3) 1px 1px 2px)
    }

    .utility-nav .my-account .nav-link--lvl2:hover {
        color: #64a70b
    }

    .utility-nav .my-account.active .nav-link--lvl1 {
        background-color: #f3f3f3;
        border-radius: 2px 2px 0 0;
        position: relative
    }

    .utility-nav .my-account.active .nav-list--lvl2 {
        background: #f3f3f3;
        border-radius: 2px 0 2px 2px;
        display: block;
        min-width: 100%;
        padding: 10px 0;
        position: absolute;
        right: 0;
        top: 100%
    }

    .utility-nav .cart .nav-link--lvl1 {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NjcgMjY5LjcgMjQuMyAyMy4zIiBpZD0ic2hvcHBpbmctY2FydCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NDMuOSAyNzMuMmMtLjItLjEtMSAwLTEuMiAwaC0xNi4xbC0uNi0yLjNjLS4xLS43LS43LTEuMi0xLjQtMS4yaC0yLjRjLS44IDAtMS40LjYtMS40IDEuNCAwIC44LjYgMS40IDEuNCAxLjRoMS4ybDEuNiA5LjdjMCAuMiAwIC4zLjEuNWwuNiAzLjRjLjEuNi42IDEgMS4yIDEuMWgxNC42Yy44IDAgLjgtLjYuOC0xLjRzMS4xLS45LjMtLjloLTEzLjdsLTEuMi0xLjJoMTUuMWMuNyAwIDEtLjUgMS4yLTEuMmwxLjItOC4yYzAtLjYtLjctLjgtMS4zLTEuMXptLTMuNCA4LjJoLTExLjZsLTEuMi01LjloMTMuOWwtMS4xIDUuOXpNLTQ1Ny43IDI4OC40Yy0xLjMgMC0yLjMgMS0yLjMgMi4zczEgMi4zIDIuMyAyLjMgMi4zLTEgMi4zLTIuMy0xLjEtMi4zLTIuMy0yLjN6TS00NDkuNyAyODguNGMtMS4zIDAtMi4zIDEtMi4zIDIuM3MxIDIuMyAyLjMgMi4zIDIuMy0xIDIuMy0yLjNjLjEtMS4zLTEtMi4zLTIuMy0yLjN6Ii8+PC9zdmc+');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 24.3px 23.3px;
        font-size: 0;
        height: 40px;
        margin-left: 2px;
        padding: 0;
        position: relative;
        width: 40px
    }

    .utility-nav .cart .nav-link--lvl1.has-items::after {
        background: #000;
        border-radius: 50%;
        color: #fff;
        content: attr(data-cart-count);
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        min-height: 12px;
        min-width: 12px;
        padding: 2px;
        position: absolute;
        right: 2px;
        text-align: center;
        top: 2px
    }

    .page-footer {
        background: #f3f3f3;
        padding-bottom: 10px;
    }

    .page-footer h2 {
        color: #64a70b;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .page-footer .body, .page-footer .body a {
        color: #434343 !important;
        font-size: 13px !important;
        font-weight: normal !important;
    }

    .button {
        padding: 7.5px 22.5px
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .site-banner .callout p {
        padding-right: 256px
    }

    .primary-nav-left {
        left: 29px
    }

    .primary-nav {
        margin: 0 0 0 173px;
    }

    .no-search .primary-nav {
        margin-right: 0
    }

    .utility-nav .nav-link--lvl1 {
        font-size: 0;
        padding-right: 0
    }

    .utility-nav .country-nav .nav-link--lvl1 {
        padding-right: 26px
    }

    .footer-nav .nav-link--lvl1 {
        font-size: 14px
    }

    .footer-nav .nav-link--lvl2 {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .btn {
        display: block;
        text-align: center;
    }
    .bg-img-callouts .content h2 {
        font-size: 1.8em;
        margin: 0 0 5px;
    }
    .bg-img-callouts .hero .header {
        margin: 0 0 50px;
    }
    .bg-img-callouts .hero .body .description,
    .bg-img-callouts .hero .body *:not(.btn) {
        display: none;
    }
    .bg-img-callouts .hero .pri-btn {
        display: none;
    }
    .bg-img-callouts .hero h2 {
        font-size: 1.8em;
        margin: 0 0 5px;
    }
    .bg-img-callouts.braava-300-hero .btn {
        margin-top: 10px;
    }
    .bg-img-callouts.braava-300-hero .btn + .btn {
        margin-left: 10px;
    }
    .bg-img-callouts.braava-300-hero .hero .header {
        margin: 0 0 10px;
    }
    .bg-img-callouts.altadena .hero .content {
        padding: 0 10px;
    }
    .bg-img-callouts.altadena .hero .header {
        margin: 0;
    }
    .bg-img-callouts.altadena .hero .title {
        font-size: 1.2em;
    }
    .bg-img-callouts.altadena .hero .heading {
        font-size: 1em;
    }
    .bg-img-callouts.altadena .hero .btn {
        margin-top: 10px;
    }
    .bg-img-callouts.altadena .hero .btn + .btn {
        margin-left: 10px;
    }

    .page-header, .page-footer, .page-copyright {
        font-family: 'Harmonia Sans Pro', Arial, sans-serif
    }

    .page-header a, .page-footer a, .page-copyright a {
        text-decoration: none
    }

    .global-modal {
        display: none
    }

    .site-banner .callout p {
        background: #fff;
        font-size: 14px;
        margin: 0;
        padding: 10px;
        text-align: center
    }

    .mm-header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background: #64a70b;
        box-shadow: rgba(0, 0, 0, .3) 0 1px 4.5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .mm-header .mm-toggle {
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0;
        background-color: transparent;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxNyIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTI0LjgsM0gxLjJDMC41LDMsMCwyLjUsMCwxLjhWMS4yQzAsMC41LDAuNSwwLDEuMiwwbDIzLjYsMEMyNS41LDAsMjYsMC41LDI2LDEuMnYwLjZDMjYsMi41LDI1LjUsMywyNC44LDN6Ii8+PHBhdGggZD0iTTI0LjgsMTBIMS4yQzAuNSwxMCwwLDkuNSwwLDguOFY4LjJDMCw3LjUsMC41LDcsMS4yLDdoMjMuNkMyNS41LDcsMjYsNy41LDI2LDguMnYwLjZDMjYsOS41LDI1LjUsMTAsMjQuOCwxMHoiLz48cGF0aCBkPSJNMjQuOCwxN0gxLjJDMC41LDE3LDAsMTYuNSwwLDE1Ljh2LTAuNkMwLDE0LjUsMC41LDE0LDEuMiwxNGgyMy42YzAuNywwLDEuMiwwLjUsMS4yLDEuMnYwLjZDMjYsMTYuNSwyNS41LDE3LDI0LjgsMTd6Ii8+PC9zdmc+DQo=');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 23px 17px;
        cursor: pointer;
        font-size: 0;
        height: 58px;
        position: static;
        width: 58px
    }

    .mm-header .mm-header-center {
        -webkit-box-flex: 1;
        -ms-flex: 1 auto;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        text-align: center
    }

    .mm-header .site-root-link {
        display: inline-block;
        padding: 15px
    }

    .mm-header .site-logo {
        height: auto;
        vertical-align: middle;
        width: 126px
    }

    .mm-header #select_language {
        margin: -5px 0 10px
    }

    .mm-header .mm-cart-nav {
        width: 58px
    }

    .mm-header .nav-list {
        margin: 0;
        padding: 0
    }

    .mm-header .nav-item, .mm-header .nav-link {
        display: block
    }

    .mm-header .nav-link {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NjcgMjY5LjcgMjQuMyAyMy4zIiBpZD0ic2hvcHBpbmctY2FydCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTS00NDMuOSAyNzMuMmMtLjItLjEtMSAwLTEuMiAwaC0xNi4xbC0uNi0yLjNjLS4xLS43LS43LTEuMi0xLjQtMS4yaC0yLjRjLS44IDAtMS40LjYtMS40IDEuNCAwIC44LjYgMS40IDEuNCAxLjRoMS4ybDEuNiA5LjdjMCAuMiAwIC4zLjEuNWwuNiAzLjRjLjEuNi42IDEgMS4yIDEuMWgxNC42Yy44IDAgLjgtLjYuOC0xLjRzMS4xLS45LjMtLjloLTEzLjdsLTEuMi0xLjJoMTUuMWMuNyAwIDEtLjUgMS4yLTEuMmwxLjItOC4yYzAtLjYtLjctLjgtMS4zLTEuMXptLTMuNCA4LjJoLTExLjZsLTEuMi01LjloMTMuOWwtMS4xIDUuOXpNLTQ1Ny43IDI4OC40Yy0xLjMgMC0yLjMgMS0yLjMgMi4zczEgMi4zIDIuMyAyLjMgMi4zLTEgMi4zLTIuMy0xLjEtMi4zLTIuMy0yLjN6TS00NDkuNyAyODguNGMtMS4zIDAtMi4zIDEtMi4zIDIuM3MxIDIuMyAyLjMgMi4zIDIuMy0xIDIuMy0yLjNjLjEtMS4zLTEtMi4zLTIuMy0yLjN6Ii8+PC9zdmc+');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 31px 30px;
        font-size: 0;
        height: 58px;
        position: relative;
        width: 58px
    }

    .mm-header .nav-link.has-items:after {
        background: #000;
        border-radius: 50%;
        color: #fff;
        content: attr(data-cart-count);
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        min-height: 12px;
        min-width: 12px;
        padding: 4px;
        position: absolute;
        right: 5px;
        text-align: center;
        top: 7px
    }

    .site-navigation {
        background: #fff;
        box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, .15);
        height: 100vh;
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        -webkit-transform: translate(-275px, 0);
        -ms-transform: translate(-275px, 0);
        transform: translate(-275px, 0);
        transition-property: -webkit-transform, visibility;
        transition-delay: 0s, 300ms;
        transition-duration: 300ms, 0s;
        transition-property: transform, visibility;
        transition-timing-function: ease-in;
        visibility: hidden;
        width: 275px;
        z-index: 100
    }

    body.mm-active {
        overflow: hidden
    }

    .mm-overlay {
        background: #000;
        bottom: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        transition-delay: 0s, 300ms;
        transition-duration: 300ms, 0s;
        transition-property: opacity, visibility;
        transition-timing-function: ease-in;
        visibility: hidden;
        z-index: 90
    }

    body.mm-active .mm-overlay {
        opacity: .3;
        pointer-events: auto;
        transition-delay: 0s;
        transition-duration: 375ms, 0s;
        transition-timing-function: ease-out;
        visibility: visible
    }

    body.mm-active .site-navigation {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition-delay: 0s;
        transition-duration: 375ms, 0s;
        transition-timing-function: ease-out;
        visibility: visible
    }

    .primary-nav-wrapper .primary-nav-left {
        display: none
    }

    .primary-nav {
        background: #f3f3f3;
        border: 0 solid #ebebeb;
        border-width: 1px 0;
        box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, .15);
        padding: 15px
    }

    .primary-nav .nav-list {
        background: #fff;
        border-radius: 2px;
        margin: 0;
        padding: 0
    }

    .primary-nav .nav-item {
        display: none
    }

    .primary-nav .nav-item + .nav-item {
        border-top: 1px solid #ebebeb
    }

    .primary-nav .nav-link {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 12px
    }

    .primary-nav .nav-link:hover, .primary-nav .nav-item.on .nav-link:hover, .primary-nav .nav-list.active .nav-item.on:hover .nav-link {
        background-color: #4e8828;
        color: #fff
    }

    .primary-nav .nav-item.on {
        display: block
    }

    .primary-nav .nav-item.on .nav-link {
        background-color: #64a70b;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg==');
        background-position: right 10px center;
        background-repeat: no-repeat;
        background-size: 20px 11px;
        border-radius: 2px;
        color: #fff
    }

    .primary-nav .nav-list.active .nav-item {
        display: block
    }

    .primary-nav .nav-list.active .nav-item.on .nav-link {
        background-image: none;
        border-radius: 0
    }

    .primary-nav .nav-list.active .nav-item:hover:first-child .nav-link, .primary-nav .nav-list.active .nav-item.on:first-child .nav-link {
        border-radius: 2px 2px 0 0
    }

    .primary-nav .nav-list.active .nav-item:hover:last-child .nav-link, .primary-nav .nav-list.active .nav-item.on:last-child .nav-link {
        border-radius: 0 0 2px 2px
    }

    .primary-nav .nav-item.on, .primary-nav .nav-item.on + .nav-item {
        border-top: 0
    }

    .primary-nav .facebook .nav-link {
        background-image: url('/~/media/Images/iRobot/Cool%20Stuff/Social_Networks/facebook_icon.png');
        background-size: 26px 26px;
        background-repeat: no-repeat;
        background-position: 15px 50%;
        color: transparent;
        font-size: 0;
        height: 21px
    }

    .secondary-nav {
    }

    .secondary-nav .nav-list {
        margin: 0;
        padding: 0
    }

    .secondary-nav .nav-item, .secondary-nav .nav-link {
        display: block
    }

    .secondary-nav .nav-link {
        color: #000;
        font-size: 15px;
        padding: 15px 15px 15px 35px
    }

    .secondary-nav .nav-link:hover {
        color: #64a70b
    }

    .secondary-nav .nav-item--lvl1 + .nav-item--lvl1 {
        border-top: 1px solid #ebebeb
    }

    .secondary-nav .nav-link--lvl1 {
        background-color: #f3f3f3;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJjaGV2LXNtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy4yIDIyLjEiPjxwYXRoIGZpbGw9IiM2NEE3MEIiIGQ9Ik0wLjMsMmwyLTJsMTAuOSwxMWwtMiwxLjlMMC4zLDIgTTExLjIsOS4xbDIsMS45bC0xMC45LDExbC0yLTEuOUwxMS4yLDkuMSBNMTEuMiwxM2wyLTEuOWwtMi0xLjlsMiwxLjkgQzEzLjIsMTEsMTEuMiwxMywxMS4yLDEzeiIvPjwvc3ZnPg==');
        background-position: 17px 50%;
        background-repeat: no-repeat;
        background-size: 9px 16px;
        box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, .15);
        font-weight: 500
    }

    .secondary-nav .nav-item--lvl1.nodropdown .nav-link--lvl1 {
        background-image: none;
        padding-left: 15px
    }

    .secondary-nav .nav-item--lvl2 {
        border-top: 1px solid #ebebeb
    }

    .secondary-nav .nav-link--lvl2 {
        padding-left: 50px
    }

    .secondary-nav .nav-link--lvl2 span {
        display: none
    }

    .secondary-nav .nav-list--lvl2 {
        display: none
    }

    .secondary-nav .nav-item--lvl1.active .nav-list--lvl2 {
        display: block
    }

    .utility-nav {
        border-top: 1px solid #ebebeb;
        padding-bottom: 50px
    }

    .utility-nav .nav-list {
        margin: 0;
        padding: 0
    }

    .utility-nav .nav-item, .utility-nav .nav-link {
        display: block
    }

    .utility-nav .nav-link {
        color: #000;
        font-size: 15px
    }

    .utility-nav .nav-item--lvl1 {
        border-bottom: 1px solid #ebebeb
    }

    .utility-nav .nav-link--lvl1 {
        padding: 15px 15px 15px 35px
    }

    .utility-nav .country-nav .nav-link--lvl1 {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg==');
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 20px 11px;
        cursor: pointer;
        padding: 15px 15px 15px 40px;
        position: relative
    }

    .utility-nav .country-nav:not(.active) .nav-link--lvl1:hover {
        color: #64a70b
    }

    .utility-nav .country-nav .nav-list--lvl2 {
        display: none
    }

    .utility-nav .country-nav.active {
        padding-bottom: 10px
    }

    .utility-nav .country-nav.active .nav-list--lvl2 {
        display: block
    }

    .utility-nav .country-nav.active .nav-link--lvl1 {
        background: none;
        cursor: auto;
        padding: 10px 15px 10px 40px
    }

    .utility-nav .country-nav .nav-link--lvl2 {
        padding: 5px 15px 5px 40px;
        position: relative
    }

    .utility-nav .country-nav .nav-link--lvl2:hover {
        color: #64a70b
    }

    .utility-nav .country-nav .nav-link--lvl1:before {
        margin-top: -9px !important;
    }

    .utility-nav .country-nav .nav-link--lvl1:before, .utility-nav .country-nav .flag .nav-link--lvl2:before {
        content: '';
        height: 16px;
        left: 7px;
        margin: -7px 0 0;
        position: absolute;
        top: 50%;
        width: 24px
    }

    .utility-nav .country-nav.flag--si .nav-link--lvl1:before, .utility-nav .country-nav .flag--si .nav-link--lvl2:before {
        background-image: url('../images/podklad/si-flag-22x16.png');
    }

    .utility-nav .country-nav.flag--hr .nav-link--lvl1:before, .utility-nav .country-nav .flag--hr .nav-link--lvl2:before {
        background-image: url('../images/podklad/hr-flag-22x16.png');
    }

    .utility-nav .country-nav.flag--commk .nav-link--lvl1:before, .utility-nav .country-nav .flag--commk .nav-link--lvl2:before {
        background-image: url('../images/podklad/rs-flag-22x16.png');
    }

    .utility-nav .help .nav-link--lvl1:hover, .utility-nav .my-account .nav-link--lvl2:hover {
        color: #64a70b
    }

    .utility-nav .help .nav-link--lvl1, .utility-nav .my-account .nav-link--lvl1, .utility-nav .cart .nav-link--lvl1 {
        background-position: 10px 50%;
        background-repeat: no-repeat
    }

    .utility-nav .help .nav-link--lvl1 {
        background-image: url('../images/podklad/phone.png');
        background-size: 18px;
    }

    .utility-nav .my-account {
        border-bottom: 0
    }

    .utility-nav .my-account .nav-link--lvl1 {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzEgMjcyIDE3IDE3IiBpZD0ibXktYWNjb3VudCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NTQuNCAyODVjLS41LS44LTIuMi0xLjMtMy45LTEuOS0xLjctLjctMi4xLS45LTIuMS0uOXYtMS42cy42LS41LjgtMmMuNC4xLjgtLjYuOC0uOXMtLjEtMS4zLS41LTEuMmMuMS0uNy4yLTEuNC4xLTEuNyAwLTEuNS0xLjMtMi44LTMuMy0yLjhzLTMuMyAxLjMtMy40IDIuNmMwIC4zIDAgMSAuMSAxLjctLjQgMC0uNS45LS41IDEuM3MuNCAxLjEuOC45Yy4yIDEuNS44IDIgLjggMnYxLjZzLS40LjItMi4xLjktMy40IDEuMi0zLjkgMS45Yy0uNC44LS4zIDQuMS0uMyA0LjFoMTdzLjEtMy4zLS40LTR6Ii8+PC9zdmc+');
        background-size: 17px 17px;
        cursor: default;
        padding: 15px 15px 10px 35px;
        pointer-events: none
    }

    .utility-nav .my-account .nav-link--lvl2 {
        padding: 10px 15px 10px 35px;
        text-decoration: underline
    }

    .utility-nav .cart {
        display: none
    }

    .page-footer {
        background: #f3f3f3;
        padding-bottom: 10px;
    }

    .page-footer h2 {
        color: #64a70b;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .page-footer .body, .page-footer .body a {
        color: #434343 !important;
        font-size: 13px !important;
        font-weight: normal !important;
    }

    .featured-callouts {
        padding: 30px 0
    }

    .featured-callouts .callouts {
        padding-bottom: 30px
    }

    .featured-callouts .callouts::after {
        content: none
    }

    .featured-callouts .callout, .page-footer .callout {
        display: block;
        width: auto
    }

    .featured-callouts .callout + .callout {
        margin: 50px 0 0
    }

    .featured-callouts .title {
        font-size: 18px;
        margin: 0 0 15px
    }

    .featured-callouts .title span::before, .featured-callouts .title span::after {
        width: 45px
    }

    .featured-callouts .title span::before {
        left: -60px
    }

    .featured-callouts .title span::after {
        right: -60px
    }

    .featured-callouts .content, .page-footer .content {
        text-align: center
    }

    .featured-callouts .heading {
        font-size: 16px;
        margin: 0 0 10px
    }

    .featured-callouts p {
        font-size: 14px;
        margin: 0 0 15px
    }

    .featured-callouts .btn {
        position: static
    }
}

@media (max-width: 567px) {
    .bg-img-callouts .hero .heading {
        font-size: 1.5em;
    }
}
@media (max-width: 400px) {
    .bg-img-callouts .btn {
        margin: 0 25px;
    }
    .bg-img-callouts .hero .header {
        margin: 0 0 25px;
    }
    .bg-img-callouts .hero .heading {
        bottom: 55px;
        font-size: 1.2em;
    }
    .bg-img-callouts .intro-980 .title {
        font-size: 2.5em;
    }
    .bg-img-callouts .intro-980 .content {
        padding: 0 15px !important;
    }
}

.pri-btn, .sec-btn, .ter-btn, .qua-btn, .shdw-btn {
    transition-duration: 300ms;
    transition-property: background, border-color, color
}

.sec-btn {
    background: #fff;
    border-color: #64a70b;
    color: #64a70b
}

.sec-btn:hover {
    background: #579802;
    border-color: #579802;
    color: #fff !important;
}

.page-footer .callouts {
    padding-top: 20px;
}

.page-footer .secured-logos {
    padding-top: 40px;
}

.page-footer .secured-logos .callout {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    float: left;
}

.page-footer .secured-logos .callout .content {
    display: inline-block;
    text-align: left;
    width: 90%;
    max-width: 753px;
}

.page-footer .secured-logos .callout .content .header {
    text-align: left;
    margin-bottom: 12px;
}

.page-footer .secured-logos .callout:first-of-type {
    width: 50%;
}

.page-footer .secured-logos .callout:last-of-type {
    width: 50%;
}

.page-footer .secured-logos .callout:last-of-type .content {
    max-width: 550px;
}

.page-footer .secured-logos a {
    display: block;
    float: left;
    margin: 0 12px 20px 0;
    max-height: 36px;
    max-width: 150px;
}

.page-footer .secured-logos a img {
    max-height: 36px;
    max-width: 150px;
    margin: 0;
}

.page-footer .secured-logos img {
    display: block;
    float: left;
    margin: 0 12px 20px 0;
    max-height: 36px;
    max-width: 150px;
}

.minicart-quantity {
    left: 30px;
    padding: 3px;
    top: 4px;
}

.minicart-quantity {
    background-color: #000;
    border-radius: 50%;
    color: #FFF;
    font-size: 10px;
    height: 10px;
    left: 21px;
    line-height: 10px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 10px;
}

.compare-button-holder {
    max-width: 1180px;
    margin: 0 auto;
    text-align: right;
    width: 100%;
    z-index: 2;
}

.recommendations {
    clear: left;
    padding: 0.4em 0
}

.recommendations h2 {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    font-style: italic;
    margin-left: 14px
}

.recommendations #carousel-recommendations {
    margin: auto;
    position: relative;
    overflow: hidden;
    width: 750px
}

.recommendations ul {
    list-style-type: none
}

.recommendations li {
    float: left;
    width: 250px
}

.recommendations .product-tile {
    padding: 0 2em
}

.recommendations .product-name {
    margin: .2em 0;
    width: 100%
}

.recommendations .product-tile:hover .recommendation-tooltip {
    display: block !important
}

.recommendations .recommendation-tooltip {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid;
    left: 50%;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 300px;
    z-index: 100
}

.recommendations {
    padding-bottom: 3.75rem
}

.recommendations .tab-head-contain {
    text-align: center;
    margin-bottom: .9375rem
}

.recommendations #pdp-cross-sell {
    padding: 0 .9375rem
}

.recommendations .slick-slide.slick-active + .slick-slide.slick-active .product-tile {
    border-left: 1px solid #ebebeb
}

.recommendations .rec-tile {
    height: 100%
}

.recommendations .product-tile {
    padding: 0 .75rem;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .recommendations .product-tile {
        padding: 0 1.25rem
    }

    .recommendations .product-tile img {
        display: inline-block
    }
}

.recommendations .product-tile .product-promo {
    width: 100%;
    overflow-wrap: break-word;
    text-align: left;
    height: 40px;
}

.recommendations .product-image {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1.25rem
}

.recommendations .product-name {
    text-align: left;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.133em;
    margin: .375rem 0;
    color: #1a1a1a;
    height: auto;
    overflow: hidden
}

.recommendations .product-pricing {
    text-align: left;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.133em;
    margin: .375rem 0;
    color: #1a1a1a;
    color: #64a70b
}

.recommendations .search-result-items {
    border: none
}

.recommendations .center {
    text-align: center
}

.product-tile {
    position: relative;
    overflow: hidden;
    padding: 0;
    color: #1a1a1a;
    font-size: 14px;
    font-size: .875rem
}

.product-tile img {
    max-width: 100%
}

.product-tile .product-image {
    height: auto;
    position: relative
}

.product-tile .product-image img {
    width: 100%
}

.product-tile .product-image .quickview {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 2.5rem
}

.product-tile .product-image:hover .quickview {
    display: block
}

.product-tile .tile-inner-divider {
    display: none
}

.product-tile .product-name {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    line-height: 16px;
    line-height: 1rem
}

.product-tile .product-number {
    margin: .2em 0 0
}

.product-tile .product-short-description {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.111em;
    color: #64a70b;
    color: #1a1a1a;
    margin-bottom: 1.5625rem
}

.product-tile .product-short-description + .product-number {
    margin: -1.25rem 0 .625rem
}

.product-tile .product-feature-list ul {
    padding: 0 0 0 .5em
}

.product-tile .product-feature-list li {
    display: block;
    float: left;
    clear: left;
    line-height: 1.8em
}

.product-tile .product-feature-list li:before {
    content: "\2022";
    position: absolute;
    font-size: 1em;
    line-height: 1.8em;
    margin-left: -.5em
}

.product-tile .product-feature-list .tooltip {
    display: inline-block
}

.product-tile .product-feature-list .tooltip:before {
    content: "?";
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    margin-left: .5em;
    border-radius: 50%;
    font-size: .87em;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #afafaf
}

.product-tile .product-pricing {
    margin: .2em 0 0;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.product-tile .product-pricing .product-standard-price {
    text-decoration: line-through;
    color: #afafaf
}

.product-tile .product-pricing .product-sales-price {
    color: #64a70b
}

.product-tile .non-transactional-message {
    font-size: 14px
}

.grid-tile .product-tile .product-swatches {
    float: right
}

.product-tile .product-swatches-all {
    cursor: pointer
}

.product-tile .product-swatches ul {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.product-tile .product-swatches ul.swatch-toggle {
    background: none repeat scroll 0 0 #fff;
    display: none;
    position: absolute
}

.product-tile .product-swatches:hover ul.swatch-toggle {
    display: block
}

.product-tile .product-swatches li {
    float: left
}

.product-tile .product-swatches .swatch {
    display: block;
    width: 16px
}

.product-tile .product-swatches .swatch img {
    border: 1px solid #fff;
    height: 12px;
    padding: 1px;
    width: 12px
}

.product-tile .product-swatches .selected img, .product-tile .product-swatches img:hover {
    border-color: #64a70b
}

.product-tile .product-promo {
    margin: 0;
    font-size: 12px;
    font-size: .75rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.3em
}

.product-tile .product-compare {
    float: left;
    line-height: .6875rem
}

.product-tile .product-compare label {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    line-height: 1;
    padding: 0 0 0 .5em;
    width: auto
}

.product-tile .product-compare input {
    float: left;
    margin: 0
}

.product-tile .product-review {
    margin-bottom: 1em
}

.product-tile .product-review .rating-title {
    display: inline-block;
    margin-right: 1em
}

.product-tile .product-review .rating {
    display: inline-block
}

.product-tile .product-buy-now {
    margin-top: .375rem;
    width: 100%
}

.product-tile .product-buy-now .button, .product-tile .product-buy-now button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .product-tile .product-buy-now .button, .product-tile .product-buy-now button {
        width: auto
    }
}

.line-margins {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%
}

.line-margins h2 {
    font-family: "Harmonia Sans W01",Arial,sans-serif;
    font-weight: 700;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1em;
    color: #64a70b;
}

@media only screen and (min-width: 768px) {
    .line-margins {
        width: auto
    }
}

.line-margins:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100%;
    background-color: #64a70b
}

.line-margins div, .line-margins h1, .line-margins h2, .line-margins h3, .line-margins h4, .line-margins p, .line-margins span {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 .85em
}

@media only screen and (min-width: 768px) {
    .line-margins div, .line-margins h1, .line-margins h2, .line-margins h3, .line-margins h4, .line-margins p, .line-margins span {
        margin: 0 82px
    }
}

.gen-home .page-content, .gen-learn .page-content {
    font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif
}

.gen-home .page-content button, .gen-learn .page-content button {
    transition: color .3s linear
}

.gen-home .page-content input[type=checkbox], .gen-home .page-content input[type=radio], .gen-home .page-content input[type=submit], .gen-learn .page-content input[type=checkbox], .gen-learn .page-content input[type=radio], .gen-learn .page-content input[type=submit] {
    width: auto
}

/*
.gen-home .page-content h1, .gen-home .page-content h2, .gen-home .page-content h3, .gen-home .page-content h4, .gen-home .page-content h5, .gen-home .page-content h6, .gen-learn .page-content h1, .gen-learn .page-content h2, .gen-learn .page-content h3, .gen-learn .page-content h4, .gen-learn .page-content h5, .gen-learn .page-content h6 {
    font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 22.5px
}

.gen-home .page-content h1:last-child, .gen-home .page-content h2:last-child, .gen-home .page-content h3:last-child, .gen-home .page-content h4:last-child, .gen-home .page-content h5:last-child, .gen-home .page-content h6:last-child, .gen-learn .page-content h1:last-child, .gen-learn .page-content h2:last-child, .gen-learn .page-content h3:last-child, .gen-learn .page-content h4:last-child, .gen-learn .page-content h5:last-child, .gen-learn .page-content h6:last-child {
    margin-bottom: 0
}

.gen-home .page-content h1, .gen-learn .page-content h1 {
    font-size: 50px;
    line-height: 55px
}

@media (min-width:768px) {
    .gen-home .page-content h1, .gen-learn .page-content h1 {
        font-size: 60px;
        line-height: 70px
    }
}

.gen-home .page-content h2, .gen-learn .page-content h2 {
    font-size: 38px;
    line-height: 42px
}

@media (min-width:768px) {
    .gen-home .page-content h2, .gen-learn .page-content h2 {
        font-size: 44px;
        line-height: 48px;
        letter-spacing: .5px
    }
}

.gen-home .page-content h3, .gen-learn .page-content h3 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home .page-content h3, .gen-learn .page-content h3 {
        font-size: 24px;
        line-height: 30px
    }
}

.gen-home .page-content h4, .gen-learn .page-content h4 {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .page-content h4, .gen-learn .page-content h4 {
        font-size: 18px;
        line-height: 26px
    }
}
*/

.gen-home .page-content img, .gen-learn .page-content img {
    /*width: 100%;*/
    font-style: italic;
    vertical-align: middle;
    height: auto;
    /*display: block;*/
    border: 0;
    /*max-height: 495px;*/
}

.gen-home .page-content a, .gen-learn .page-content a {
    /*color: #64a70b;*/
    transition: color .3s linear;
    text-decoration: none
}

.gen-home .page-content a img, .gen-learn .page-content a img {
    transition: opacity .3s linear
}

.gen-home .page-content a:hover img, .gen-learn .page-content a:hover img {
    opacity: .75
}

.gen-home .page-content a:focus, .gen-learn .page-content a:focus {
    outline-color: #64a70b
}

.gen-home .page-content .button, .gen-learn .page-content .button {
    display: inline-block;
    transition-property: all;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 15px;
    text-align: center
}

@media (min-width:768px) {
    .gen-home .page-content .button, .gen-learn .page-content .button {
        padding: 7.5px 22.5px
    }
}

.gen-home .page-content .button:hover, .gen-learn .page-content .button:hover {
    background-color: #579802
}

.gen-home .page-content .button ~ .button, .gen-learn .page-content .button ~ .button {
    margin-top: 10px
}

.gen-home .page-content .button--outline, .gen-learn .page-content .button--outline {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: 1px solid #64a70b;
    color: #64a70b
}

.gen-home .page-content .button--outline:hover, .gen-learn .page-content .button--outline:hover {
    background-color: #64a70b;
    border-color: #64a70b;
    color: #fff
}

.gen-home .page-content .button--secondary, .gen-learn .page-content .button--secondary {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left
}

.gen-home .page-content .button--secondary span:before, .gen-learn .page-content .button--secondary span:before {
    color: #64a70b;
    font-size: 50%;
    margin-left: 5px;
    overflow: visible;
    top: 0;
    transition: transform .3s linear;
    width: 0
}

.gen-home .page-content .button--secondary:hover, .gen-learn .page-content .button--secondary:hover {
    background-color: transparent;
    color: #222
}

.gen-home .page-content .button--white, .gen-learn .page-content .button--white {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: 1px solid #fff
}

.gen-home .page-content .button--white:hover, .gen-learn .page-content .button--white:hover {
    background-color: #64a70b;
    border-color: #64a70b;
    color: #fff
}

.gen-home .page-content .button-wrapper + .button-wrapper, .gen-learn .page-content .button-wrapper + .button-wrapper {
    margin-top: 10px
}

.gen-home .page-content .video-trigger, .gen-learn .page-content .video-trigger {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width:767px) {
    .gen-home .page-content .video-trigger, .gen-learn .page-content .video-trigger {
        display: inline-block;
        width: auto
    }
}

@media (max-width:767px) {
    .gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img {
        display: block;
        margin: 0 auto 15px !important
    }

    .gen-home .page-content .video-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .page-content .video-trigger img + .video-trigger__inner .video-trigger__text {
        font-size: 18px
    }

    .gen-home .page-content .video-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .page-content .video-trigger img + .video-trigger__inner .video-trigger__icon:before {
        font-size: 22px;
        margin-top: -4px
    }
}

@media (min-width:768px) {
    .gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img {
        width: 50%
    }

    .gen-home .page-content .video-trigger img + .video-trigger__inner, .gen-learn .page-content .video-trigger img + .video-trigger__inner {
        padding-right: 30px
    }
}

.gen-home .page-content .video-trigger__inner, .gen-learn .page-content .video-trigger__inner {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img {
    margin-right: 15px;
    width: 200px
}

@media (min-width:768px) {
    .gen-home .page-content .video-trigger img, .gen-learn .page-content .video-trigger img {
        width: 140px
    }
}

.gen-home .page-content .video-trigger__text, .gen-learn .page-content .video-trigger__text {
    transition: all .3s linear;
    position: relative
}

.gen-home .page-content .video-trigger__icon, .gen-home .page-content .video-trigger__icon:before, .gen-learn .page-content .video-trigger__icon, .gen-learn .page-content .video-trigger__icon:before {
    transition: all .3s linear
}

.gen-home .page-content .video-trigger__icon:before, .gen-learn .page-content .video-trigger__icon:before {
    display: inline-block;
    font-size: 20px;
    height: 24px;
    line-height: 24px;
    margin-top: -12px;
    padding-left: 2px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 24px
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon {
    display: inline-block;
    transition-property: all;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 15px;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4e8828;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #4e8828;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media (min-width:768px) {
    .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon {
        padding: 7.5px 22.5px
    }
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:hover, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:hover {
    background-color: #579802
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon ~ .button, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon ~ .button {
    margin-top: 10px
}

@media (min-width:768px) {
    .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__icon:before {
    content: "\e90e";
    font-size: 16px;
    margin-top: -3px;
    position: relative;
    top: 0
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text {
    display: inline-block;
    transition-property: all;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff;
    padding: 7.5px 15px;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media (min-width:768px) {
    .gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text {
        padding: 7.5px 22.5px
    }
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text:hover, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text:hover {
    background-color: #579802
}

.gen-home .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text ~ .button, .gen-learn .page-content .video-trigger .video-trigger__inner:first-child .video-trigger__text ~ .button {
    margin-top: 10px
}

.gen-home .page-content .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .page-content .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    background-color: #579802;
    color: #fff
}

.gen-home .page-content .video-trigger:hover img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .page-content .video-trigger:hover img + .video-trigger__inner .video-trigger__icon:before {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

@media (max-width:1022px) {
    .gen-home .page-content .video-trigger, .gen-learn .page-content .video-trigger {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .gen-home .page-content .video-trigger__inner, .gen-learn .page-content .video-trigger__inner {
        padding-right: 0
    }

    .gen-home .page-content .video-trigger__inner:first-child, .gen-learn .page-content .video-trigger__inner:first-child {
        width: 100%
    }

    .gen-home .page-content .video-trigger__text, .gen-learn .page-content .video-trigger__text {
        width: calc(100% - 41px)
    }
}

.gen-home .page-content dl, .gen-home .page-content ol, .gen-home .page-content ul, .gen-learn .page-content dl, .gen-learn .page-content ol, .gen-learn .page-content ul {
    margin-left: 30px
}

.gen-home .page-content em, .gen-learn .page-content em {
    font-style: normal
}

.gen-home .page-content strong, .gen-learn .page-content strong {
    font-weight: 700
}

/*
.gen-home .page-content p, .gen-learn .page-content p {
    color: #747474;
    margin-bottom: 22.5px
}

.gen-home .page-content p:last-child, .gen-learn .page-content p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .gen-home .page-content p, .gen-learn .page-content p {
        font-size: 14px;
        line-height: 20px
    }
}
*/
.gen-home .page-content sup, .gen-learn .page-content sup {
    font-size: 1.1em;
    font-weight: 400;
    line-height: inherit;
    position: relative;
    top: -1px;
    vertical-align: top
}

.gen-home .span-1, .gen-learn .span-1 {
    width: 100%
}

.gen-home .span-1.center, .gen-learn .span-1.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-1, .gen-learn .span-1 {
        width: 5.71429%
    }

    .gen-home .span-1.center, .gen-learn .span-1.center {
        margin-left: 47.14286%
    }
}

.gen-home .push-1, .gen-learn .push-1 {
    margin-left: 8.57143%
}

.gen-home .pull-1, .gen-learn .pull-1 {
    margin-left: -8.57143%
}

.gen-home .span-2, .gen-learn .span-2 {
    width: 100%
}

.gen-home .span-2.center, .gen-learn .span-2.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-2, .gen-learn .span-2 {
        width: 14.28571%
    }

    .gen-home .span-2.center, .gen-learn .span-2.center {
        margin-left: 42.85714%
    }
}

.gen-home .push-2, .gen-learn .push-2 {
    margin-left: 17.14286%
}

.gen-home .pull-2, .gen-learn .pull-2 {
    margin-left: -17.14286%
}

.gen-home .span-3, .gen-learn .span-3 {
    width: 100%
}

.gen-home .span-3.center, .gen-learn .span-3.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-3, .gen-learn .span-3 {
        width: 22.85714%
    }

    .gen-home .span-3 .span-3.center, .gen-learn .span-3 .span-3.center {
        margin-left: 38.57143%
    }
}

.gen-home .push-3, .gen-learn .push-3 {
    margin-left: 25.71429%
}

.gen-home .pull-3, .gen-learn .pull-3 {
    margin-left: -25.71429%
}

.gen-home .span-4, .gen-learn .span-4 {
    width: 100%
}

.gen-home .span-4.center, .gen-learn .span-4.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-4, .gen-learn .span-4 {
        width: 31.42857%
    }

    .gen-home .span-4 .span-4.center, .gen-learn .span-4 .span-4.center {
        margin-left: 34.28571%
    }
}

.gen-home .push-4, .gen-learn .push-4 {
    margin-left: 34.28571%
}

.gen-home .pull-4, .gen-learn .pull-4 {
    margin-left: -34.28571%
}

.gen-home .span-5, .gen-learn .span-5 {
    width: 100%
}

.gen-home .span-5.center, .gen-learn .span-5.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-5, .gen-learn .span-5 {
        width: 40%
    }

    .gen-home .span-5.center, .gen-learn .span-5.center {
        margin-left: 30%
    }
}

.gen-home .push-5, .gen-learn .push-5 {
    margin-left: 42.85714%
}

.gen-home .pull-5, .gen-learn .pull-5 {
    margin-left: -42.85714%
}

.gen-home .span-6, .gen-learn .span-6 {
    width: 100%
}

.gen-home .span-6.center, .gen-learn .span-6.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-6, .gen-learn .span-6 {
        width: 48.57143%
    }

    .gen-home .span-6 .span-6.center, .gen-learn .span-6 .span-6.center {
        margin-left: 25.71429%
    }
}

.gen-home .push-6, .gen-learn .push-6 {
    margin-left: 51.42857%
}

.gen-home .pull-6, .gen-learn .pull-6 {
    margin-left: -51.42857%
}

.gen-home .span-7, .gen-learn .span-7 {
    width: 100%
}

.gen-home .span-7.center, .gen-learn .span-7.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-7, .gen-learn .span-7 {
        width: 57.14286%
    }

    .gen-home .span-7.center, .gen-learn .span-7.center {
        margin-left: 21.42857%
    }
}

.gen-home .push-7, .gen-learn .push-7 {
    margin-left: 60%
}

.gen-home .pull-7, .gen-learn .pull-7 {
    margin-left: -60%
}

.gen-home .span-8, .gen-learn .span-8 {
    width: 100%
}

.gen-home .span-8.center, .gen-learn .span-8.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-8, .gen-learn .span-8 {
        width: 65.71429%
    }

    .gen-home .span-8.center, .gen-learn .span-8.center {
        margin-left: 17.14286%
    }
}

.gen-home .push-8, .gen-learn .push-8 {
    margin-left: 68.57143%
}

.gen-home .pull-8, .gen-learn .pull-8 {
    margin-left: -68.57143%
}

.gen-home .span-9, .gen-learn .span-9 {
    width: 100%
}

.gen-home .span-9.center, .gen-learn .span-9.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-9, .gen-learn .span-9 {
        width: 74.28571%
    }

    .gen-home .span-9.center, .gen-learn .span-9.center {
        margin-left: 12.85714%
    }
}

.gen-home .push-9, .gen-learn .push-9 {
    margin-left: 77.14286%
}

.gen-home .pull-9, .gen-learn .pull-9 {
    margin-left: -77.14286%
}

.gen-home .span-10, .gen-learn .span-10 {
    width: 100%
}

.gen-home .span-10.center, .gen-learn .span-10.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-10, .gen-learn .span-10 {
        width: 82.85714%
    }

    .gen-home .span-10.center, .gen-learn .span-10.center {
        margin-left: 8.57143%
    }
}

.gen-home .push-10, .gen-learn .push-10 {
    margin-left: 85.71429%
}

.gen-home .pull-10, .gen-learn .pull-10 {
    margin-left: -85.71429%
}

.gen-home .span-11, .gen-learn .span-11 {
    width: 100%
}

.gen-home .span-11.center, .gen-learn .span-11.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-11, .gen-learn .span-11 {
        width: 91.42857%
    }

    .gen-home .span-11.center, .gen-learn .span-11.center {
        margin-left: 4.28571%
    }
}

.gen-home .push-11, .gen-learn .push-11 {
    margin-left: 94.28571%
}

.gen-home .pull-11, .gen-learn .pull-11 {
    margin-left: -94.28571%
}

.gen-home .span-12, .gen-learn .span-12 {
    width: 100%
}

.gen-home .span-12.center, .gen-learn .span-12.center {
    margin-left: 0
}

@media (min-width:480px) {
    .gen-home .span-12, .gen-learn .span-12 {
        width: 100%
    }

    .gen-home .span-12.center, .gen-learn .span-12.center {
        margin-left: 0
    }
}

.gen-home .push-12, .gen-learn .push-12 {
    margin-left: 102.85714%
}

.gen-home .pull-12, .gen-learn .pull-12 {
    margin-left: -102.85714%
}

@media (min-width:240px) {
    .gen-home .span-1\@mobile, .gen-learn .span-1\@mobile {
        width: 5.71429%
    }

    .gen-home .span-1\@mobile.center, .gen-learn .span-1\@mobile.center {
        margin-left: 47.14286%
    }

    .gen-home .push-1\@mobile, .gen-learn .push-1\@mobile {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@mobile, .gen-learn .pull-1\@mobile {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@mobile, .gen-learn .span-2\@mobile {
        width: 14.28571%
    }

    .gen-home .span-2\@mobile.center, .gen-learn .span-2\@mobile.center {
        margin-left: 42.85714%
    }

    .gen-home .push-2\@mobile, .gen-learn .push-2\@mobile {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@mobile, .gen-learn .pull-2\@mobile {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@mobile, .gen-learn .span-3\@mobile {
        width: 22.85714%
    }

    .gen-home .span-3\@mobile.center, .gen-learn .span-3\@mobile.center {
        margin-left: 38.57143%
    }

    .gen-home .push-3\@mobile, .gen-learn .push-3\@mobile {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@mobile, .gen-learn .pull-3\@mobile {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@mobile, .gen-learn .span-4\@mobile {
        width: 31.42857%
    }

    .gen-home .push-4\@mobile, .gen-home .span-4\@mobile.center, .gen-learn .push-4\@mobile, .gen-learn .span-4\@mobile.center {
        margin-left: 34.28571%
    }

    .gen-home .pull-4\@mobile, .gen-learn .pull-4\@mobile {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@mobile, .gen-learn .span-5\@mobile {
        width: 40%
    }

    .gen-home .span-5\@mobile.center, .gen-learn .span-5\@mobile.center {
        margin-left: 30%
    }

    .gen-home .push-5\@mobile, .gen-learn .push-5\@mobile {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@mobile, .gen-learn .pull-5\@mobile {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@mobile, .gen-learn .span-6\@mobile {
        width: 48.57143%
    }

    .gen-home .span-6\@mobile.center, .gen-learn .span-6\@mobile.center {
        margin-left: 25.71429%
    }

    .gen-home .push-6\@mobile, .gen-learn .push-6\@mobile {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@mobile, .gen-learn .pull-6\@mobile {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@mobile, .gen-learn .span-7\@mobile {
        width: 57.14286%
    }

    .gen-home .span-7\@mobile.center, .gen-learn .span-7\@mobile.center {
        margin-left: 21.42857%
    }

    .gen-home .push-7\@mobile, .gen-learn .push-7\@mobile {
        margin-left: 60%
    }

    .gen-home .pull-7\@mobile, .gen-learn .pull-7\@mobile {
        margin-left: -60%
    }

    .gen-home .span-8\@mobile, .gen-learn .span-8\@mobile {
        width: 65.71429%
    }

    .gen-home .span-8\@mobile.center, .gen-learn .span-8\@mobile.center {
        margin-left: 17.14286%
    }

    .gen-home .push-8\@mobile, .gen-learn .push-8\@mobile {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@mobile, .gen-learn .pull-8\@mobile {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@mobile, .gen-learn .span-9\@mobile {
        width: 74.28571%
    }

    .gen-home .span-9\@mobile.center, .gen-learn .span-9\@mobile.center {
        margin-left: 12.85714%
    }

    .gen-home .push-9\@mobile, .gen-learn .push-9\@mobile {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@mobile, .gen-learn .pull-9\@mobile {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@mobile, .gen-learn .span-10\@mobile {
        width: 82.85714%
    }

    .gen-home .span-10\@mobile.center, .gen-learn .span-10\@mobile.center {
        margin-left: 8.57143%
    }

    .gen-home .push-10\@mobile, .gen-learn .push-10\@mobile {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@mobile, .gen-learn .pull-10\@mobile {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@mobile, .gen-learn .span-11\@mobile {
        width: 91.42857%
    }

    .gen-home .span-11\@mobile.center, .gen-learn .span-11\@mobile.center {
        margin-left: 4.28571%
    }

    .gen-home .push-11\@mobile, .gen-learn .push-11\@mobile {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@mobile, .gen-learn .pull-11\@mobile {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@mobile, .gen-learn .span-12\@mobile {
        width: 100%
    }

    .gen-home .span-12\@mobile.center, .gen-learn .span-12\@mobile.center {
        margin-left: 0
    }

    .gen-home .push-12\@mobile, .gen-learn .push-12\@mobile {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@mobile, .gen-learn .pull-12\@mobile {
        margin-left: -102.85714%
    }
}

@media (min-width:768px) {
    .gen-home .span-1\@tablet, .gen-learn .span-1\@tablet {
        width: 5.71429%
    }

    .gen-home .span-1\@tablet.center, .gen-learn .span-1\@tablet.center {
        margin-left: 47.14286%
    }

    .gen-home .push-1\@tablet, .gen-learn .push-1\@tablet {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@tablet, .gen-learn .pull-1\@tablet {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@tablet, .gen-learn .span-2\@tablet {
        width: 14.28571%
    }

    .gen-home .span-2\@tablet.center, .gen-learn .span-2\@tablet.center {
        margin-left: 42.85714%
    }

    .gen-home .push-2\@tablet, .gen-learn .push-2\@tablet {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@tablet, .gen-learn .pull-2\@tablet {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@tablet, .gen-learn .span-3\@tablet {
        width: 22.85714%
    }

    .gen-home .span-3\@tablet.center, .gen-learn .span-3\@tablet.center {
        margin-left: 38.57143%
    }

    .gen-home .push-3\@tablet, .gen-learn .push-3\@tablet {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@tablet, .gen-learn .pull-3\@tablet {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@tablet, .gen-learn .span-4\@tablet {
        width: 31.42857%
    }

    .gen-home .push-4\@tablet, .gen-home .span-4\@tablet.center, .gen-learn .push-4\@tablet, .gen-learn .span-4\@tablet.center {
        margin-left: 34.28571%
    }

    .gen-home .pull-4\@tablet, .gen-learn .pull-4\@tablet {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@tablet, .gen-learn .span-5\@tablet {
        width: 40%
    }

    .gen-home .span-5\@tablet.center, .gen-learn .span-5\@tablet.center {
        margin-left: 30%
    }

    .gen-home .push-5\@tablet, .gen-learn .push-5\@tablet {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@tablet, .gen-learn .pull-5\@tablet {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@tablet, .gen-learn .span-6\@tablet {
        width: 48.57143%
    }

    .gen-home .span-6\@tablet.center, .gen-learn .span-6\@tablet.center {
        margin-left: 25.71429%
    }

    .gen-home .push-6\@tablet, .gen-learn .push-6\@tablet {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@tablet, .gen-learn .pull-6\@tablet {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@tablet, .gen-learn .span-7\@tablet {
        width: 57.14286%
    }

    .gen-home .span-7\@tablet.center, .gen-learn .span-7\@tablet.center {
        margin-left: 21.42857%
    }

    .gen-home .push-7\@tablet, .gen-learn .push-7\@tablet {
        margin-left: 60%
    }

    .gen-home .pull-7\@tablet, .gen-learn .pull-7\@tablet {
        margin-left: -60%
    }

    .gen-home .span-8\@tablet, .gen-learn .span-8\@tablet {
        width: 65.71429%
    }

    .gen-home .span-8\@tablet.center, .gen-learn .span-8\@tablet.center {
        margin-left: 17.14286%
    }

    .gen-home .push-8\@tablet, .gen-learn .push-8\@tablet {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@tablet, .gen-learn .pull-8\@tablet {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@tablet, .gen-learn .span-9\@tablet {
        width: 74.28571%
    }

    .gen-home .span-9\@tablet.center, .gen-learn .span-9\@tablet.center {
        margin-left: 12.85714%
    }

    .gen-home .push-9\@tablet, .gen-learn .push-9\@tablet {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@tablet, .gen-learn .pull-9\@tablet {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@tablet, .gen-learn .span-10\@tablet {
        width: 82.85714%
    }

    .gen-home .span-10\@tablet.center, .gen-learn .span-10\@tablet.center {
        margin-left: 8.57143%
    }

    .gen-home .push-10\@tablet, .gen-learn .push-10\@tablet {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@tablet, .gen-learn .pull-10\@tablet {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@tablet, .gen-learn .span-11\@tablet {
        width: 91.42857%
    }

    .gen-home .span-11\@tablet.center, .gen-learn .span-11\@tablet.center {
        margin-left: 4.28571%
    }

    .gen-home .push-11\@tablet, .gen-learn .push-11\@tablet {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@tablet, .gen-learn .pull-11\@tablet {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@tablet, .gen-learn .span-12\@tablet {
        width: 100%
    }

    .gen-home .span-12\@tablet.center, .gen-learn .span-12\@tablet.center {
        margin-left: 0
    }

    .gen-home .push-12\@tablet, .gen-learn .push-12\@tablet {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@tablet, .gen-learn .pull-12\@tablet {
        margin-left: -102.85714%
    }
}

@media (min-width:1023px) {
    .gen-home .span-1\@large-tablet, .gen-learn .span-1\@large-tablet {
        width: 5.71429%
    }

    .gen-home .span-1\@large-tablet.center, .gen-learn .span-1\@large-tablet.center {
        margin-left: 47.14286%
    }

    .gen-home .push-1\@large-tablet, .gen-learn .push-1\@large-tablet {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@large-tablet, .gen-learn .pull-1\@large-tablet {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@large-tablet, .gen-learn .span-2\@large-tablet {
        width: 14.28571%
    }

    .gen-home .span-2\@large-tablet.center, .gen-learn .span-2\@large-tablet.center {
        margin-left: 42.85714%
    }

    .gen-home .push-2\@large-tablet, .gen-learn .push-2\@large-tablet {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@large-tablet, .gen-learn .pull-2\@large-tablet {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@large-tablet, .gen-learn .span-3\@large-tablet {
        width: 22.85714%
    }

    .gen-home .span-3\@large-tablet.center, .gen-learn .span-3\@large-tablet.center {
        margin-left: 38.57143%
    }

    .gen-home .push-3\@large-tablet, .gen-learn .push-3\@large-tablet {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@large-tablet, .gen-learn .pull-3\@large-tablet {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@large-tablet, .gen-learn .span-4\@large-tablet {
        width: 31.42857%
    }

    .gen-home .push-4\@large-tablet, .gen-home .span-4\@large-tablet.center, .gen-learn .push-4\@large-tablet, .gen-learn .span-4\@large-tablet.center {
        margin-left: 34.28571%
    }

    .gen-home .pull-4\@large-tablet, .gen-learn .pull-4\@large-tablet {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@large-tablet, .gen-learn .span-5\@large-tablet {
        width: 40%
    }

    .gen-home .span-5\@large-tablet.center, .gen-learn .span-5\@large-tablet.center {
        margin-left: 30%
    }

    .gen-home .push-5\@large-tablet, .gen-learn .push-5\@large-tablet {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@large-tablet, .gen-learn .pull-5\@large-tablet {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@large-tablet, .gen-learn .span-6\@large-tablet {
        width: 48.57143%
    }

    .gen-home .span-6\@large-tablet.center, .gen-learn .span-6\@large-tablet.center {
        margin-left: 25.71429%
    }

    .gen-home .push-6\@large-tablet, .gen-learn .push-6\@large-tablet {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@large-tablet, .gen-learn .pull-6\@large-tablet {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@large-tablet, .gen-learn .span-7\@large-tablet {
        width: 57.14286%
    }

    .gen-home .span-7\@large-tablet.center, .gen-learn .span-7\@large-tablet.center {
        margin-left: 21.42857%
    }

    .gen-home .push-7\@large-tablet, .gen-learn .push-7\@large-tablet {
        margin-left: 60%
    }

    .gen-home .pull-7\@large-tablet, .gen-learn .pull-7\@large-tablet {
        margin-left: -60%
    }

    .gen-home .span-8\@large-tablet, .gen-learn .span-8\@large-tablet {
        width: 65.71429%
    }

    .gen-home .span-8\@large-tablet.center, .gen-learn .span-8\@large-tablet.center {
        margin-left: 17.14286%
    }

    .gen-home .push-8\@large-tablet, .gen-learn .push-8\@large-tablet {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@large-tablet, .gen-learn .pull-8\@large-tablet {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@large-tablet, .gen-learn .span-9\@large-tablet {
        width: 74.28571%
    }

    .gen-home .span-9\@large-tablet.center, .gen-learn .span-9\@large-tablet.center {
        margin-left: 12.85714%
    }

    .gen-home .push-9\@large-tablet, .gen-learn .push-9\@large-tablet {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@large-tablet, .gen-learn .pull-9\@large-tablet {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@large-tablet, .gen-learn .span-10\@large-tablet {
        width: 82.85714%
    }

    .gen-home .span-10\@large-tablet.center, .gen-learn .span-10\@large-tablet.center {
        margin-left: 8.57143%
    }

    .gen-home .push-10\@large-tablet, .gen-learn .push-10\@large-tablet {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@large-tablet, .gen-learn .pull-10\@large-tablet {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@large-tablet, .gen-learn .span-11\@large-tablet {
        width: 91.42857%
    }

    .gen-home .span-11\@large-tablet.center, .gen-learn .span-11\@large-tablet.center {
        margin-left: 4.28571%
    }

    .gen-home .push-11\@large-tablet, .gen-learn .push-11\@large-tablet {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@large-tablet, .gen-learn .pull-11\@large-tablet {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@large-tablet, .gen-learn .span-12\@large-tablet {
        width: 100%
    }

    .gen-home .span-12\@large-tablet.center, .gen-learn .span-12\@large-tablet.center {
        margin-left: 0
    }

    .gen-home .push-12\@large-tablet, .gen-learn .push-12\@large-tablet {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@large-tablet, .gen-learn .pull-12\@large-tablet {
        margin-left: -102.85714%
    }
}

@media (min-width:1200px) {
    .gen-home .span-1\@desktop, .gen-learn .span-1\@desktop {
        width: 5.71429%
    }

    .gen-home .span-1\@desktop.center, .gen-learn .span-1\@desktop.center {
        margin-left: 47.14286%
    }

    .gen-home .push-1\@desktop, .gen-learn .push-1\@desktop {
        margin-left: 8.57143%
    }

    .gen-home .pull-1\@desktop, .gen-learn .pull-1\@desktop {
        margin-left: -8.57143%
    }

    .gen-home .span-2\@desktop, .gen-learn .span-2\@desktop {
        width: 14.28571%
    }

    .gen-home .span-2\@desktop.center, .gen-learn .span-2\@desktop.center {
        margin-left: 42.85714%
    }

    .gen-home .push-2\@desktop, .gen-learn .push-2\@desktop {
        margin-left: 17.14286%
    }

    .gen-home .pull-2\@desktop, .gen-learn .pull-2\@desktop {
        margin-left: -17.14286%
    }

    .gen-home .span-3\@desktop, .gen-learn .span-3\@desktop {
        width: 22.85714%
    }

    .gen-home .span-3\@desktop.center, .gen-learn .span-3\@desktop.center {
        margin-left: 38.57143%
    }

    .gen-home .push-3\@desktop, .gen-learn .push-3\@desktop {
        margin-left: 25.71429%
    }

    .gen-home .pull-3\@desktop, .gen-learn .pull-3\@desktop {
        margin-left: -25.71429%
    }

    .gen-home .span-4\@desktop, .gen-learn .span-4\@desktop {
        width: 31.42857%
    }

    .gen-home .push-4\@desktop, .gen-home .span-4\@desktop.center, .gen-learn .push-4\@desktop, .gen-learn .span-4\@desktop.center {
        margin-left: 34.28571%
    }

    .gen-home .pull-4\@desktop, .gen-learn .pull-4\@desktop {
        margin-left: -34.28571%
    }

    .gen-home .span-5\@desktop, .gen-learn .span-5\@desktop {
        width: 40%
    }

    .gen-home .span-5\@desktop.center, .gen-learn .span-5\@desktop.center {
        margin-left: 30%
    }

    .gen-home .push-5\@desktop, .gen-learn .push-5\@desktop {
        margin-left: 42.85714%
    }

    .gen-home .pull-5\@desktop, .gen-learn .pull-5\@desktop {
        margin-left: -42.85714%
    }

    .gen-home .span-6\@desktop, .gen-learn .span-6\@desktop {
        width: 48.57143%
    }

    .gen-home .span-6\@desktop.center, .gen-learn .span-6\@desktop.center {
        margin-left: 25.71429%
    }

    .gen-home .push-6\@desktop, .gen-learn .push-6\@desktop {
        margin-left: 51.42857%
    }

    .gen-home .pull-6\@desktop, .gen-learn .pull-6\@desktop {
        margin-left: -51.42857%
    }

    .gen-home .span-7\@desktop, .gen-learn .span-7\@desktop {
        width: 57.14286%
    }

    .gen-home .span-7\@desktop.center, .gen-learn .span-7\@desktop.center {
        margin-left: 21.42857%
    }

    .gen-home .push-7\@desktop, .gen-learn .push-7\@desktop {
        margin-left: 60%
    }

    .gen-home .pull-7\@desktop, .gen-learn .pull-7\@desktop {
        margin-left: -60%
    }

    .gen-home .span-8\@desktop, .gen-learn .span-8\@desktop {
        width: 65.71429%
    }

    .gen-home .span-8\@desktop.center, .gen-learn .span-8\@desktop.center {
        margin-left: 17.14286%
    }

    .gen-home .push-8\@desktop, .gen-learn .push-8\@desktop {
        margin-left: 68.57143%
    }

    .gen-home .pull-8\@desktop, .gen-learn .pull-8\@desktop {
        margin-left: -68.57143%
    }

    .gen-home .span-9\@desktop, .gen-learn .span-9\@desktop {
        width: 74.28571%
    }

    .gen-home .span-9\@desktop.center, .gen-learn .span-9\@desktop.center {
        margin-left: 12.85714%
    }

    .gen-home .push-9\@desktop, .gen-learn .push-9\@desktop {
        margin-left: 77.14286%
    }

    .gen-home .pull-9\@desktop, .gen-learn .pull-9\@desktop {
        margin-left: -77.14286%
    }

    .gen-home .span-10\@desktop, .gen-learn .span-10\@desktop {
        width: 82.85714%
    }

    .gen-home .span-10\@desktop.center, .gen-learn .span-10\@desktop.center {
        margin-left: 8.57143%
    }

    .gen-home .push-10\@desktop, .gen-learn .push-10\@desktop {
        margin-left: 85.71429%
    }

    .gen-home .pull-10\@desktop, .gen-learn .pull-10\@desktop {
        margin-left: -85.71429%
    }

    .gen-home .span-11\@desktop, .gen-learn .span-11\@desktop {
        width: 91.42857%
    }

    .gen-home .span-11\@desktop.center, .gen-learn .span-11\@desktop.center {
        margin-left: 4.28571%
    }

    .gen-home .push-11\@desktop, .gen-learn .push-11\@desktop {
        margin-left: 94.28571%
    }

    .gen-home .pull-11\@desktop, .gen-learn .pull-11\@desktop {
        margin-left: -94.28571%
    }

    .gen-home .span-12\@desktop, .gen-learn .span-12\@desktop {
        width: 100%
    }

    .gen-home .span-12\@desktop.center, .gen-learn .span-12\@desktop.center {
        margin-left: 0
    }

    .gen-home .push-12\@desktop, .gen-learn .push-12\@desktop {
        margin-left: 102.85714%
    }

    .gen-home .pull-12\@desktop, .gen-learn .pull-12\@desktop {
        margin-left: -102.85714%
    }
}

.gen-home .remove-center, .gen-learn .remove-center {
    margin-right: 0
}

.gen-home .row, .gen-learn .row {
    display: block
}

.gen-home .row:after, .gen-learn .row:after {
    content: "" !important;
    display: block !important;
    clear: both !important
}

.gen-home [class^=span-], .gen-learn [class^=span-] {
    float: left;
    margin-right: 2.85714%
}

.gen-home [class^=span-]:last-child, .gen-learn [class^=span-]:last-child {
    margin-right: 0
}

.gen-home .clearfix:after, .gen-learn .clearfix:after {
    content: "" !important;
    display: block !important;
    clear: both !important
}

.gen-home .hidden, .gen-learn .hidden {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: auto;
    width: 1px
}

.gen-home .reveal-adjust *, .gen-learn .reveal-adjust * {
    -ms-transform: none !important;
    transform: none !important;
    z-index: auto !important
}

.gen-home .reveal-adjust .reveal, .gen-learn .reveal-adjust .reveal {
    background-color: #fff !important;
    outline: 1px solid red;
    position: relative;
    z-index: 3000 !important
}

.gen-home .reveal-adjust .reveal-overlay, .gen-learn .reveal-adjust .reveal-overlay {
    background-color: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2000
}

.gen-home [class*=" icon-"]:before, .gen-home [class^=icon-]:before, .gen-learn [class*=" icon-"]:before, .gen-learn [class^=icon-]:before {
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gen-home .icon-arrow-d:before, .gen-learn .icon-arrow-d:before {
    content: "\e900"
}

.gen-home .icon-arrow-l:before, .gen-learn .icon-arrow-l:before {
    content: "\e901"
}

.gen-home .icon-arrow-r:before, .gen-learn .icon-arrow-r:before {
    content: "\e902"
}

.gen-home .icon-arrow-u:before, .gen-learn .icon-arrow-u:before {
    content: "\e903"
}

.gen-home .icon-cart:before, .gen-learn .icon-cart:before {
    content: "\e904"
}

.gen-home .icon-checkmark:before, .gen-home .icon-true:before, .gen-learn .icon-checkmark:before, .gen-learn .icon-true:before {
    content: "\e90f"
}

.gen-home .icon-circle-arrow-r:before, .gen-learn .icon-circle-arrow-r:before {
    content: "\e90b"
}

.gen-home .icon-close:before, .gen-learn .icon-close:before {
    content: "\e905"
}

.gen-home .icon-dash:before, .gen-home .icon-false:before, .gen-learn .icon-dash:before, .gen-learn .icon-false:before {
    content: "\e910"
}

.gen-home .icon-facebook:before, .gen-learn .icon-facebook:before {
    content: "\e906"
}

.gen-home .icon-instagram:before, .gen-learn .icon-instagram:before {
    content: "\e907"
}

.gen-home .icon-linkedin:before, .gen-learn .icon-linkedin:before {
    content: "\e908"
}

.gen-home .icon-menu:before, .gen-learn .icon-menu:before {
    content: "\e909"
}

.gen-home .icon-search:before, .gen-learn .icon-search:before {
    content: "\e90a"
}

.gen-home .icon-solid-arrow-r:before, .gen-learn .icon-solid-arrow-r:before {
    content: "\e90e"
}

.gen-home .icon-twitter:before, .gen-learn .icon-twitter:before {
    content: "\e90c"
}

.gen-home .icon-youtube:before, .gen-learn .icon-youtube:before {
    content: "\e90d"
}

.gen-home .wrapper, .gen-learn .wrapper {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width:768px) and (max-width:1399px) {
    .gen-home .wrapper, .gen-learn .wrapper {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media (min-width:1400px) {
    .gen-home .wrapper, .gen-learn .wrapper {
        padding-right: 30px;
        padding-left: 30px
    }
}

.gen-home .modaal-noscroll, .gen-learn .modaal-noscroll {
    overflow: hidden
}

.gen-home .modaal-accessible-hide, .gen-learn .modaal-accessible-hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.gen-home .modaal-overlay, .gen-learn .modaal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0
}

.gen-home .modaal-wrapper, .gen-learn .modaal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    transition: all .3s ease-in-out
}

.gen-home .modaal-wrapper *, .gen-learn .modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden
}

.gen-home .modaal-wrapper .modaal-close, .gen-learn .modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none
}

.gen-home .modaal-wrapper.modaal-start_none, .gen-learn .modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1
}

.gen-home .modaal-wrapper.modaal-start_fade, .gen-learn .modaal-wrapper.modaal-start_fade {
    opacity: 0
}

.gen-home .modaal-wrapper [tabindex="0"], .gen-learn .modaal-wrapper [tabindex="0"] {
    outline: none !important
}

.gen-home .modaal-wrapper.modaal-fullscreen, .gen-learn .modaal-wrapper.modaal-fullscreen {
    overflow: hidden
}

.gen-home .modaal-outer-wrapper, .gen-learn .modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.gen-home .modaal-fullscreen .modaal-outer-wrapper, .gen-learn .modaal-fullscreen .modaal-outer-wrapper {
    display: block
}

.gen-home .modaal-inner-wrapper, .gen-learn .modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 25px
}

.gen-home .modaal-fullscreen .modaal-inner-wrapper, .gen-learn .modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top
}

.gen-home .modaal-container, .gen-learn .modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    cursor: auto
}

.gen-home .modaal-container.is_loading, .gen-learn .modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden
}

.gen-home .modaal-fullscreen .modaal-container, .gen-learn .modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto
}

.gen-home .modaal-close, .gen-learn .modaal-close {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

.gen-home .modaal-close:focus, .gen-home .modaal-close:hover, .gen-learn .modaal-close:focus, .gen-learn .modaal-close:hover {
    outline: none;
    background: #fff
}

.gen-home .modaal-close:focus:after, .gen-home .modaal-close:focus:before, .gen-home .modaal-close:hover:after, .gen-home .modaal-close:hover:before, .gen-learn .modaal-close:focus:after, .gen-learn .modaal-close:focus:before, .gen-learn .modaal-close:hover:after, .gen-learn .modaal-close:hover:before {
    background: #b93d0c
}

.gen-home .modaal-close span, .gen-learn .modaal-close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.gen-home .modaal-close:after, .gen-home .modaal-close:before, .gen-learn .modaal-close:after, .gen-learn .modaal-close:before {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background .2s ease-in-out
}

.gen-home .modaal-close:before, .gen-learn .modaal-close:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gen-home .modaal-close:after, .gen-learn .modaal-close:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gen-home .modaal-fullscreen .modaal-close, .gen-learn .modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px
}

.gen-home .modaal-content-container, .gen-learn .modaal-content-container {
    padding: 30px
}

.gen-home .modaal-confirm-wrap, .gen-learn .modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0
}

.gen-home .modaal-confirm-btn, .gen-learn .modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: transparent
}

.gen-home .modaal-confirm-btn.modaal-ok, .gen-learn .modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background .2s ease-in-out
}

.gen-home .modaal-confirm-btn.modaal-ok:hover, .gen-learn .modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f
}

.gen-home .modaal-confirm-btn.modaal-cancel, .gen-learn .modaal-confirm-btn.modaal-cancel {
    text-decoration: underline
}

.gen-home .modaal-confirm-btn.modaal-cancel:hover, .gen-learn .modaal-confirm-btn.modaal-cancel:hover {
    text-decoration: none;
    color: #2f2f2f
}

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gen-home .modaal-instagram .modaal-container, .gen-learn .modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none !important
}

.gen-home .modaal-instagram .modaal-content-container, .gen-learn .modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent
}

.gen-home .modaal-instagram .modaal-content-container > blockquote, .gen-learn .modaal-instagram .modaal-content-container > blockquote {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important
}

.gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
    opacity: 0;
    margin: -6px !important;
    border-radius: 0 !important;
    width: 1000px !important;
    max-width: 800px !important;
    box-shadow: none !important;
    animation: a 1s linear forwards
}

.gen-home .modaal-image .modaal-inner-wrapper, .gen-learn .modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px
}

.gen-home .modaal-image .modaal-container, .gen-learn .modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.gen-home .modaal-gallery-wrap, .gen-learn .modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.gen-home .modaal-gallery-item, .gen-learn .modaal-gallery-item {
    display: none
}

.gen-home .modaal-gallery-item.is_active, .gen-home .modaal-gallery-item img, .gen-learn .modaal-gallery-item.is_active, .gen-learn .modaal-gallery-item img {
    display: block
}

.gen-home .modaal-gallery-label, .gen-learn .modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.gen-home .modaal-gallery-label:focus, .gen-learn .modaal-gallery-label:focus {
    outline: none
}

.gen-home .modaal-gallery-control, .gen-learn .modaal-gallery-control {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 100%;
    transition: all .2s ease-in-out
}

.gen-home .modaal-gallery-control.is_hidden, .gen-learn .modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default
}

.gen-home .modaal-gallery-control:focus, .gen-home .modaal-gallery-control:hover, .gen-learn .modaal-gallery-control:focus, .gen-learn .modaal-gallery-control:hover {
    outline: none;
    background: #fff
}

.gen-home .modaal-gallery-control:focus:after, .gen-home .modaal-gallery-control:focus:before, .gen-home .modaal-gallery-control:hover:after, .gen-home .modaal-gallery-control:hover:before, .gen-learn .modaal-gallery-control:focus:after, .gen-learn .modaal-gallery-control:focus:before, .gen-learn .modaal-gallery-control:hover:after, .gen-learn .modaal-gallery-control:hover:before {
    background: #afb7bc
}

.gen-home .modaal-gallery-control span, .gen-learn .modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.gen-home .modaal-gallery-control:after, .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:before {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background .2s ease-in-out
}

.gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:before {
    margin: -5px 0 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gen-home .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:after {
    margin: 5px 0 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gen-home .modaal-gallery-next, .gen-learn .modaal-gallery-next {
    left: 100%;
    margin-left: 40px
}

.gen-home .modaal-gallery-prev, .gen-learn .modaal-gallery-prev {
    right: 100%;
    margin-right: 40px
}

.gen-home .modaal-gallery-prev:after, .gen-home .modaal-gallery-prev:before, .gen-learn .modaal-gallery-prev:after, .gen-learn .modaal-gallery-prev:before {
    left: 22px
}

.gen-home .modaal-gallery-prev:before, .gen-learn .modaal-gallery-prev:before {
    margin: 5px 0 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gen-home .modaal-gallery-prev:after, .gen-learn .modaal-gallery-prev:after {
    margin: -5px 0 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gen-home .modaal-video-wrap, .gen-learn .modaal-video-wrap {
    margin: auto 50px;
    position: relative
}

.gen-home .modaal-video-container, .gen-learn .modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.gen-home .modaal-video-container embed, .gen-home .modaal-video-container iframe, .gen-home .modaal-video-container object, .gen-learn .modaal-video-container embed, .gen-learn .modaal-video-container iframe, .gen-learn .modaal-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gen-home .modaal-iframe .modaal-content, .gen-learn .modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.gen-home .modaal-iframe-elem, .gen-learn .modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block
}

@media only screen and (min-width:1400px) {
    .gen-home .modaal-video-container, .gen-learn .modaal-video-container {
        padding-bottom: 0;
        height: 731px
    }
}

@media only screen and (max-width:1140px) {
    .gen-home .modaal-image .modaal-inner-wrapper, .gen-learn .modaal-image .modaal-inner-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .gen-home .modaal-gallery-control, .gen-learn .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        -ms-transform: none;
        transform: none;
        background: rgba(0,0,0,.7)
    }

    .gen-home .modaal-gallery-control:after, .gen-home .modaal-gallery-control:before, .gen-learn .modaal-gallery-control:after, .gen-learn .modaal-gallery-control:before {
        background: #fff
    }

    .gen-home .modaal-gallery-next, .gen-learn .modaal-gallery-next {
        left: auto;
        right: 20px
    }

    .gen-home .modaal-gallery-prev, .gen-learn .modaal-gallery-prev {
        left: 20px;
        right: auto
    }
}

@media screen and (max-width:900px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 500px !important
    }
}

@media screen and (max-height:1100px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 700px !important
    }
}

@media screen and (max-height:1000px) {
    .gen-home .modaal-inner-wrapper, .gen-learn .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 600px !important
    }
}

@media screen and (max-height:900px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 500px !important
    }

    .gen-home .modaal-video-container, .gen-learn .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}

@media only screen and (max-width:600px) {
    .gen-home .modaal-instagram iframe, .gen-learn .modaal-instagram iframe {
        width: 280px !important
    }
}

@media only screen and (max-height:820px) {
    .gen-home .modaal-gallery-label, .gen-learn .modaal-gallery-label {
        display: none
    }
}

.gen-home .modaal-loading-spinner, .gen-learn .modaal-loading-spinner {
    background: none;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    -ms-transform: scale(.25);
    transform: scale(.25)
}

@keyframes b {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        opacity: .1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.gen-home .modaal-loading-spinner > div, .gen-learn .modaal-loading-spinner > div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute
}

.gen-home .modaal-loading-spinner > div > div, .gen-learn .modaal-loading-spinner > div > div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff
}

.gen-home .modaal-loading-spinner > div:first-of-type > div, .gen-learn .modaal-loading-spinner > div:first-of-type > div {
    animation: b 1s linear infinite;
    animation-delay: 0s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(3) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(3) > div {
    -ms-animation: b 1s linear infinite;
    -moz-animation: b 1s linear infinite;
    -webkit-animation: b 1s linear infinite;
    -o-animation: b 1s linear infinite
}

.gen-home .modaal-loading-spinner > div:first-of-type, .gen-learn .modaal-loading-spinner > div:first-of-type {
    -ms-transform: translate(84px,84px) rotate(45deg) translate(70px);
    transform: translate(84px,84px) rotate(45deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(2) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(2) > div {
    animation: b 1s linear infinite;
    animation-delay: .12s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(2), .gen-learn .modaal-loading-spinner > div:nth-of-type(2) {
    -ms-transform: translate(84px,84px) rotate(90deg) translate(70px);
    transform: translate(84px,84px) rotate(90deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(3) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(3) > div {
    animation: b 1s linear infinite;
    animation-delay: .25s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(5) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(5) > div {
    -ms-animation: b 1s linear infinite;
    -moz-animation: b 1s linear infinite;
    -webkit-animation: b 1s linear infinite;
    -o-animation: b 1s linear infinite
}

.gen-home .modaal-loading-spinner > div:nth-of-type(3), .gen-learn .modaal-loading-spinner > div:nth-of-type(3) {
    -ms-transform: translate(84px,84px) rotate(135deg) translate(70px);
    transform: translate(84px,84px) rotate(135deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(4) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(4) > div {
    animation: b 1s linear infinite;
    animation-delay: .37s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(4), .gen-learn .modaal-loading-spinner > div:nth-of-type(4) {
    -ms-transform: translate(84px,84px) rotate(180deg) translate(70px);
    transform: translate(84px,84px) rotate(180deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(5) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(5) > div {
    animation: b 1s linear infinite;
    animation-delay: .5s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-home .modaal-loading-spinner > div:nth-of-type(7) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(7) > div {
    -ms-animation: b 1s linear infinite;
    -moz-animation: b 1s linear infinite;
    -webkit-animation: b 1s linear infinite;
    -o-animation: b 1s linear infinite
}

.gen-home .modaal-loading-spinner > div:nth-of-type(5), .gen-learn .modaal-loading-spinner > div:nth-of-type(5) {
    -ms-transform: translate(84px,84px) rotate(225deg) translate(70px);
    transform: translate(84px,84px) rotate(225deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(6) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(6) > div {
    animation: b 1s linear infinite;
    animation-delay: .62s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(6), .gen-learn .modaal-loading-spinner > div:nth-of-type(6) {
    -ms-transform: translate(84px,84px) rotate(270deg) translate(70px);
    transform: translate(84px,84px) rotate(270deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(7) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(7) > div {
    animation: b 1s linear infinite;
    animation-delay: .75s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(7), .gen-learn .modaal-loading-spinner > div:nth-of-type(7) {
    -ms-transform: translate(84px,84px) rotate(315deg) translate(70px);
    transform: translate(84px,84px) rotate(315deg) translate(70px)
}

.gen-home .modaal-loading-spinner > div:nth-of-type(8) > div, .gen-learn .modaal-loading-spinner > div:nth-of-type(8) > div {
    animation: b 1s linear infinite;
    animation-delay: .87s
}

.gen-home .modaal-loading-spinner > div:nth-of-type(8), .gen-learn .modaal-loading-spinner > div:nth-of-type(8) {
    -ms-transform: translate(84px,84px) rotate(1turn) translate(70px);
    transform: translate(84px,84px) rotate(1turn) translate(70px)
}

.gen-home .modaal-close:before, .gen-learn .modaal-close:before {
    display: none
}

.gen-home .modaal-close:after, .gen-learn .modaal-close:after {
    background: transparent;
    content: "\e905";
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    left: 0;
    -ms-transform: none;
    transform: none;
    width: 50px
}

.gen-home .modaal-close:focus:after, .gen-home .modaal-close:hover:after, .gen-learn .modaal-close:focus:after, .gen-learn .modaal-close:hover:after {
    background: transparent;
    color: #64a70b
}

@media (max-width:767px) {
    .gen-home .modaal-video-wrap, .gen-learn .modaal-video-wrap {
        margin: auto 0
    }
}

.gen-home .slick-slider, .gen-learn .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.gen-home .slick-list, .gen-learn .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.gen-home .slick-list:focus, .gen-learn .slick-list:focus {
    outline: none
}

.gen-home .slick-list.dragging, .gen-learn .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.gen-home .slick-slider .slick-list, .gen-home .slick-slider .slick-track, .gen-learn .slick-slider .slick-list, .gen-learn .slick-slider .slick-track {
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.gen-home .slick-track, .gen-learn .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.gen-home .slick-track:after, .gen-home .slick-track:before, .gen-learn .slick-track:after, .gen-learn .slick-track:before {
    content: "";
    display: table
}

.gen-home .slick-track:after, .gen-learn .slick-track:after {
    clear: both
}

.slick-loading .gen-home .slick-track, .slick-loading .gen-learn .slick-track {
    visibility: hidden
}

.gen-home .slick-slide, .gen-learn .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .gen-home .slick-slide, [dir=rtl] .gen-learn .slick-slide {
    float: right
}

.gen-home .slick-slide img, .gen-learn .slick-slide img {
    display: block
}

.gen-home .slick-slide.slick-loading img, .gen-learn .slick-slide.slick-loading img {
    display: none
}

.gen-home .slick-slide.dragging img, .gen-learn .slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .gen-home .slick-slide, .slick-initialized .gen-learn .slick-slide {
    display: block
}

.slick-loading .gen-home .slick-slide, .slick-loading .gen-learn .slick-slide {
    visibility: hidden
}

.slick-vertical .gen-home .slick-slide, .slick-vertical .gen-learn .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.gen-home .slick-arrow.slick-hidden, .gen-learn .slick-arrow.slick-hidden {
    display: none
}

.gen-home .slick-loading .slick-list, .gen-learn .slick-loading .slick-list {
    background: #fff url(/images/ajax-loader.gif) 50% no-repeat
}

.gen-home .slick-next, .gen-home .slick-prev, .gen-learn .slick-next, .gen-learn .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: none
}

.gen-home .slick-next:focus, .gen-home .slick-next:hover, .gen-home .slick-prev:focus, .gen-home .slick-prev:hover, .gen-learn .slick-next:focus, .gen-learn .slick-next:hover, .gen-learn .slick-prev:focus, .gen-learn .slick-prev:hover {
    outline: none;
    background: transparent;
    color: transparent
}

.gen-home .slick-next:focus:before, .gen-home .slick-next:hover:before, .gen-home .slick-prev:focus:before, .gen-home .slick-prev:hover:before, .gen-learn .slick-next:focus:before, .gen-learn .slick-next:hover:before, .gen-learn .slick-prev:focus:before, .gen-learn .slick-prev:hover:before {
    opacity: .75
}

.gen-home .slick-next.slick-disabled:before, .gen-home .slick-prev.slick-disabled:before, .gen-learn .slick-next.slick-disabled:before, .gen-learn .slick-prev.slick-disabled:before {
    opacity: .25
}

.gen-home .slick-next:before, .gen-home .slick-prev:before, .gen-learn .slick-next:before, .gen-learn .slick-prev:before {
    font-family: Icomoon;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gen-home .slick-prev:before, .gen-learn .slick-prev:before {
    content: "\e901"
}

[dir=rtl] .gen-home .slick-prev:before, [dir=rtl] .gen-learn .slick-prev:before {
    content: "\e902"
}

.gen-home .slick-next:before, .gen-learn .slick-next:before {
    content: "\e902"
}

[dir=rtl] .gen-home .slick-next:before, [dir=rtl] .gen-learn .slick-next:before {
    content: "\e901"
}

.gen-home .slick-dotted .slick-slider, .gen-learn .slick-dotted .slick-slider {
    margin-bottom: 30px
}

.gen-home .slick-dots, .gen-learn .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.gen-home .slick-dots li, .gen-learn .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.gen-home .slick-dots li button, .gen-learn .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.gen-home .slick-dots li button:focus, .gen-home .slick-dots li button:hover, .gen-learn .slick-dots li button:focus, .gen-learn .slick-dots li button:hover {
    outline: none
}

.gen-home .slick-dots li button:focus:before, .gen-home .slick-dots li button:hover:before, .gen-learn .slick-dots li button:focus:before, .gen-learn .slick-dots li button:hover:before {
    opacity: .75
}

.gen-home .slick-dots li button:before, .gen-learn .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\e900";
    width: 20px;
    height: 20px;
    font-family: Icomoon;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #888;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gen-home .slick-dots li.slick-active button:before, .gen-learn .slick-dots li.slick-active button:before {
    color: #64a70b;
    opacity: 1
}

.gen-home .slick-arrow, .gen-learn .slick-arrow {
    z-index: 2
}

.gen-home .slick-arrow:before, .gen-learn .slick-arrow:before {
    color: #64a70b;
    display: block;
    font-size: 24px;
    text-align: center
}

.gen-home .slick-arrow:hover:before, .gen-learn .slick-arrow:hover:before {
    color: #579802;
    opacity: 1
}

.gen-home .slick-arrow.slick-disabled:before, .gen-learn .slick-arrow.slick-disabled:before {
    color: #b4b4b4;
    opacity: 1
}

.gen-home .slick-arrow.slick-disabled:hover:before, .gen-learn .slick-arrow.slick-disabled:hover:before {
    color: #b4b4b4
}

.gen-home .slick-prev, .gen-learn .slick-prev {
    left: -20px
}

[dir=rtl] .gen-home .slick-prev, [dir=rtl] .gen-learn .slick-prev {
    left: auto;
    right: -20px
}

.gen-home .slick-next, .gen-learn .slick-next {
    right: -20px;
}

[dir=rtl] .gen-home .slick-next, [dir=rtl] .gen-learn .slick-next {
    left: -20px;
    right: auto
}

.gen-home .slick-dots li button, .gen-learn .slick-dots li button {
    background-color: #888;
    border-radius: 100%;
    transition: background-color .3s linear
}

.gen-home .slick-dots li button:before, .gen-learn .slick-dots li button:before {
    display: none
}

.gen-home .slick-dots li.slick-active button, .gen-home .slick-dots li button:hover, .gen-learn .slick-dots li.slick-active button, .gen-learn .slick-dots li button:hover {
    background-color: #64a70b
}

.gen-home .slick-dots li, .gen-home .slick-dots li button, .gen-learn .slick-dots li, .gen-learn .slick-dots li button {
    height: 10px;
    width: 10px
}

.gen-home .carousel-pagination, .gen-learn .carousel-pagination {
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

.gen-home .carousel-pagination .slick-arrow, .gen-home .carousel-pagination .slick-dots, .gen-learn .carousel-pagination .slick-arrow, .gen-learn .carousel-pagination .slick-dots {
    position: relative
}

.gen-home .carousel-pagination .slick-arrow, .gen-learn .carousel-pagination .slick-arrow {
    height: auto;
    width: auto;
    top: auto;
    -ms-transform: none;
    transform: none
}

.gen-home .carousel-pagination .slick-dots, .gen-learn .carousel-pagination .slick-dots {
    bottom: auto;
    line-height: 0;
    margin: 0;
    padding: 0 22.5px
}

.gen-home .carousel-pagination .slick-dots li button, .gen-learn .carousel-pagination .slick-dots li button {
    background-color: #b4b4b4
}

.gen-home .carousel-pagination .slick-dots li.slick-active button, .gen-learn .carousel-pagination .slick-dots li.slick-active button {
    background-color: #64a70b
}

.gen-home .carousel-pagination .slick-dots li:not(.slick-active):hover button, .gen-learn .carousel-pagination .slick-dots li:not(.slick-active):hover button {
    background-color: #579802
}

.gen-home .carousel-pagination .slick-prev, .gen-learn .carousel-pagination .slick-prev {
    left: auto
}

.gen-home .carousel-pagination .slick-next, .gen-learn .carousel-pagination .slick-next {
    right: auto
}

.gen-home [dir=rtl] .slick-next, .gen-home [dir=rtl] .slick-prev, .gen-learn [dir=rtl] .slick-next, .gen-learn [dir=rtl] .slick-prev {
    left: auto;
    right: auto
}

.gen-home .slick-initialized + .carousel-pagination, .gen-learn .slick-initialized + .carousel-pagination {
    display: -ms-flexbox;
    display: flex
}

.gen-home .download-badges, .gen-learn .download-badges {
    margin: 0 auto;
    width: 100%
}

.gen-home .download-badges a, .gen-learn .download-badges a {
    display: inline-block;
    vertical-align: middle
}

.gen-home .download-badges a:first-child, .gen-learn .download-badges a:first-child {
    height: 62px;
    width: 188px
}

.gen-home .download-badges a:first-child img, .gen-learn .download-badges a:first-child img {
    margin: 10px
}

.gen-home .download-badges a:last-child, .gen-learn .download-badges a:last-child {
    height: 66px;
    width: 170px
}

.gen-home .download-badges img, .gen-learn .download-badges img {
    max-width: 170px
}

.gen-home .logo, .gen-learn .logo {
    display: block;
    max-width: 125px
}

.global-footer .gen-home .logo img, .global-footer .gen-learn .logo img, .global-header .gen-home .logo img, .global-header .gen-learn .logo img {
    display: block
}

.global-footer .gen-home .logo, .global-footer .gen-learn .logo {
    margin: 0 0 15px
}

.global-footer .gen-home .logo img, .global-footer .gen-learn .logo img {
    width: 100%
}

@media (min-width:900px) {
    .global-footer .gen-home .logo, .global-footer .gen-learn .logo {
        margin: 0
    }
}

.global-header .gen-home .logo, .global-header .gen-learn .logo {
    max-width: 40px
}

@media (min-width:900px) {
    .global-header .gen-home .logo, .global-header .gen-learn .logo {
        max-width: 50px
    }
}

.gen-home .skip-link, .gen-learn .skip-link {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: auto;
    width: 1px
}

.gen-home .skip-link:focus, .gen-learn .skip-link:focus {
    background-color: #fff;
    clip: auto;
    display: block !important;
    height: auto;
    left: 15px;
    padding: 7.5px 15px;
    top: 15px;
    width: auto;
    z-index: 6
}

.gen-home .col-4 td, .gen-home .col-4 th, .gen-learn .col-4 td, .gen-learn .col-4 th {
    width: 25%
}

.gen-home .throbber, .gen-learn .throbber {
    display: none
}

.gen-home .throbber.throbber--active, .gen-learn .throbber.throbber--active {
    color: #64a70b;
    display: block;
    font-size: 4px;
    margin: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    top: 15px;
    animation: c 1.3s infinite linear;
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@keyframes c {
    0%,to {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em
    }
}

.gen-home .toggle, .gen-learn .toggle {
    text-align: left
}

@media (min-width:1200px) {
    label.gen-home .toggle__container, label.gen-learn .toggle__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.gen-home .toggle__text, .gen-home .toggle__toggle, .gen-learn .toggle__text, .gen-learn .toggle__toggle {
    margin-bottom: 7.5px
}

.gen-home .toggle__text, .gen-learn .toggle__text {
    color: #696969;
    display: block;
    font-weight: 400
}

@media (min-width:1200px) {
    .gen-home .toggle__text, .gen-learn .toggle__text {
        margin-right: 15px
    }
}

.gen-home .toggle__toggle, .gen-learn .toggle__toggle {
    background-color: #696969;
    border-radius: 25px;
    display: block;
    height: 25px;
    position: relative;
    transition: all .3s linear;
    width: 50px
}

.gen-home .toggle__toggle:after, .gen-learn .toggle__toggle:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 19px;
    left: 3px;
    position: absolute;
    transition: all .3s linear;
    top: 3px;
    width: 19px
}

.gen-home .toggle__toggle:hover, .gen-learn .toggle__toggle:hover {
    cursor: pointer
}

.gen-home .toggle input:focus + label .toggle__toggle, .gen-learn .toggle input:focus + label .toggle__toggle {
    box-shadow: 0 0 5px 2px #64a70b
}

.gen-home .toggle input:checked + label .toggle__toggle, .gen-learn .toggle input:checked + label .toggle__toggle {
    background-color: #64a70b
}

.gen-home .toggle input:checked + label .toggle__toggle:after, .gen-learn .toggle input:checked + label .toggle__toggle:after {
    -ms-transform: translateX(25px);
    transform: translateX(25px)
}

.gen-home .countdown-clock, .gen-learn .countdown-clock {
    display: -ms-flexbox;
    display: flex;
    margin: 15px 0 22.5px;
    -ms-flex-pack: center;
    justify-content: center
}

.gen-home .countdown-clock__col, .gen-learn .countdown-clock__col {
    margin: 0 10px;
    text-align: center
}

.gen-home .countdown-clock__number, .gen-learn .countdown-clock__number {
    color: #64a70b;
    font-size: 24px;
    font-weight: 700
}

.gen-home .countdown-clock__label, .gen-learn .countdown-clock__label {
    color: #747474;
    font-size: 12px
}

.gen-home .featured-block__content, .gen-home .featured-block__image, .gen-learn .featured-block__content, .gen-learn .featured-block__image {
    position: relative
}

@media (min-width:1100px) {
    .gen-home .featured-block__content, .gen-home .featured-block__image, .gen-learn .featured-block__content, .gen-learn .featured-block__image {
        width: 50%
    }
}

.gen-home .featured-block__content p, .gen-learn .featured-block__content p {
    font-size: 16px;
    line-height: 26px
}

.gen-home .featured-block__content__disclaimer, .gen-learn .featured-block__content__disclaimer {
    display: block;
    margin-top: 30px
}

@media (min-width:1100px) {
    .gen-home .featured-block__content__disclaimer, .gen-learn .featured-block__content__disclaimer {
        margin-top: 60px
    }
}

.gen-home .featured-block__content__inner, .gen-learn .featured-block__content__inner {
    padding: 30px;
    text-align: center
}

@media (min-width:1100px) {
    .gen-home .featured-block__content__inner, .gen-learn .featured-block__content__inner {
        padding: 75px;
        text-align: left
    }
}

@media (min-width:1100px) {
    .gen-home .featured-block__row, .gen-learn .featured-block__row {
        -ms-flex-align: center;
        align-items: center;
        clear: both;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        width: 100%
    }

    .gen-home .featured-block__row:nth-child(2n), .gen-learn .featured-block__row:nth-child(2n) {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.gen-home .featured-block--basic .featured-block__content h3, .gen-learn .featured-block--basic .featured-block__content h3 {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .featured-block--basic .featured-block__content h3, .gen-learn .featured-block--basic .featured-block__content h3 {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .featured-block--basic .featured-block__content .button, .gen-home .featured-block--basic .featured-block__content p, .gen-learn .featured-block--basic .featured-block__content .button, .gen-learn .featured-block--basic .featured-block__content p {
    font-size: 14px;
    line-height: 20px
}

@media (min-width:768px) {
    .gen-home .featured-block--basic .featured-block__content .button, .gen-home .featured-block--basic .featured-block__content p, .gen-learn .featured-block--basic .featured-block__content .button, .gen-learn .featured-block--basic .featured-block__content p {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width:1100px) {
    .gen-home .featured-block--basic .featured-block__row, .gen-learn .featured-block--basic .featured-block__row {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin: 75px 0
    }

    .gen-home .featured-block--basic .featured-block__row:nth-child(2n), .gen-learn .featured-block--basic .featured-block__row:nth-child(2n) {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:1099px) {
    .gen-home .featured-block--basic .featured-block__image, .gen-learn .featured-block--basic .featured-block__image {
        display: none
    }
}

.gen-home .featured-block--basic .featured-block__image__mobile, .gen-learn .featured-block--basic .featured-block__image__mobile {
    margin: 15px 0
}

@media (min-width:1100px) {
    .gen-home .featured-block--basic .featured-block__image__mobile, .gen-learn .featured-block--basic .featured-block__image__mobile {
        display: none
    }
}

@media (max-width:1099px) {
    .gen-home .featured-block--basic .featured-block__content__inner, .gen-learn .featured-block--basic .featured-block__content__inner {
        padding-left: 0;
        padding-right: 0
    }

    .gen-home .featured-block--basic .video-trigger, .gen-learn .featured-block--basic .video-trigger {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:1099px) {
    .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__text {
    width: 100%
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child {
    padding-right: 0
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__text {
    background-color: transparent;
    color: #64a70b
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger__inner:first-child .video-trigger__icon {
    border-color: #64a70b;
    margin-left: -1px
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    background-color: #64a70b
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-home .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__content__cta .video-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    color: #fff
}

.gen-home .notification-banner, .gen-learn .notification-banner {
    background-color: #fff;
    height: 45px;
    overflow: hidden;
    transition: all .3s linear
}

.gen-home .notification-banner p, .gen-learn .notification-banner p {
    color: #222
}

.headroom--not-top .gen-home .notification-banner, .headroom--not-top .gen-learn .notification-banner {
    height: 0
}

[data-nav-open=true] .headroom--not-top .gen-home .notification-banner, [data-nav-open=true] .headroom--not-top .gen-learn .notification-banner {
    height: auto
}

.gen-home .notification-banner .wrapper, .gen-learn .notification-banner .wrapper {
    padding-bottom: 10px;
    padding-top: 10px
}

.gen-home .scroll-nav, .gen-learn .scroll-nav {
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    left: 0;
    line-height: 18px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5
}

@media (min-width:1023px) {
    .gen-home .scroll-nav, .gen-learn .scroll-nav {
        font-size: 18px;
        line-height: 22px
    }
}

.gen-home .scroll-nav table, .gen-learn .scroll-nav table {
    width: 100%
}

.gen-home .scroll-nav table th, .gen-home .scroll-nav table tr, .gen-learn .scroll-nav table th, .gen-learn .scroll-nav table tr {
    padding-bottom: 0;
    padding-top: 0
}

.gen-home .scroll-nav table th:first-child, .gen-learn .scroll-nav table th:first-child {
    padding-left: 0
}

.gen-home .scroll-nav table th:nth-child(2), .gen-home .scroll-nav table th:nth-child(3), .gen-home .scroll-nav table th:nth-child(4), .gen-learn .scroll-nav table th:nth-child(2), .gen-learn .scroll-nav table th:nth-child(3), .gen-learn .scroll-nav table th:nth-child(4) {
    padding-left: 30px;
    padding-right: 30px
}

.gen-home .scroll-nav table th:nth-child(3), .gen-home .scroll-nav table th:nth-child(4), .gen-learn .scroll-nav table th:nth-child(3), .gen-learn .scroll-nav table th:nth-child(4) {
    border-left: 1px solid #f4f4f4
}

.gen-home .scroll-nav table th, .gen-home .scroll-nav table th p, .gen-learn .scroll-nav table th, .gen-learn .scroll-nav table th p {
    color: #222
}

.gen-home .scroll-nav .wrapper, .gen-learn .scroll-nav .wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 15px
}

.gen-home .scroll-nav__cta .button, .gen-learn .scroll-nav__cta .button {
    white-space: nowrap
}

.gen-home .scroll-nav ul, .gen-learn .scroll-nav ul {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.gen-home .scroll-nav ul li, .gen-learn .scroll-nav ul li {
    list-style-type: none;
    padding: 0 15px;
    text-align: center
}

.gen-home .scroll-nav ul a, .gen-learn .scroll-nav ul a {
    color: #222;
    display: block;
    font-weight: 700;
    position: relative
}

.gen-home .scroll-nav ul a:hover, .gen-learn .scroll-nav ul a:hover {
    color: #579802
}

.gen-home .scroll-nav ul a.scroll-active:before, .gen-learn .scroll-nav ul a.scroll-active:before {
    background-color: #64a70b;
    bottom: -7.5px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.gen-home .scroll-nav__logo, .gen-learn .scroll-nav__logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.gen-home .scroll-nav__logo img, .gen-learn .scroll-nav__logo img {
    display: block;
    margin-right: 15px;
    width: 40px
}

.gen-home .scroll-nav__logo p, .gen-learn .scroll-nav__logo p {
    color: #222
}

.gen-home .scroll-nav--compare, .gen-learn .scroll-nav--compare {
    display: none
}

.gen-home .scroll-nav--compare table, .gen-learn .scroll-nav--compare table {
    table-layout: fixed
}

.gen-home .scroll-nav--compare td:first-child, .gen-home .scroll-nav--compare th:first-child, .gen-learn .scroll-nav--compare td:first-child, .gen-learn .scroll-nav--compare th:first-child {
    width: 40%
}

@media (min-width:1023px) {
    .gen-home .scroll-nav--compare td:first-child, .gen-home .scroll-nav--compare th:first-child, .gen-learn .scroll-nav--compare td:first-child, .gen-learn .scroll-nav--compare th:first-child {
        width: 335px
    }
}

@media (max-width:767px) {
    .gen-home .scroll-nav--utility, .gen-learn .scroll-nav--utility {
        display: none
    }
}

@media (min-width:1023px) {
    .gen-home .scroll-nav--utility .scroll-nav__logo, .gen-learn .scroll-nav--utility .scroll-nav__logo {
        width: 30%
    }
}

.gen-home .scroll-nav--utility .scroll-nav__logo a, .gen-learn .scroll-nav--utility .scroll-nav__logo a {
    margin-right: 4%
}

.gen-home .scroll-nav--utility .scroll-nav__logo img, .gen-learn .scroll-nav--utility .scroll-nav__logo img {
    margin-right: 0
}

.gen-home .social-carousel .slick-slide, .gen-learn .social-carousel .slick-slide {
    display: block
}

.gen-home .social-carousel__slide, .gen-learn .social-carousel__slide {
    position: relative
}

.gen-home .social-carousel__slide:focus .social-carousel__hover, .gen-home .social-carousel__slide:hover .social-carousel__hover, .gen-learn .social-carousel__slide:focus .social-carousel__hover, .gen-learn .social-carousel__slide:hover .social-carousel__hover {
    opacity: 1
}

@media (min-width:768px) {
    .gen-home .social-carousel__slide, .gen-learn .social-carousel__slide {
        width: 33.3%
    }
}

.gen-home .social-carousel__slide p, .gen-learn .social-carousel__slide p {
    color: #fff
}

@media (min-width:1023px) {
    .gen-home .social-carousel__slide p, .gen-learn .social-carousel__slide p {
        font-size: 20px;
        line-height: 24px
    }
}

.gen-home .social-carousel__content, .gen-learn .social-carousel__content {
    padding: 15px 30px;
    text-align: center
}

@media (min-width:768px) and (max-width:1022px) {
    .gen-home .social-carousel__content, .gen-learn .social-carousel__content {
        padding: 30px
    }
}

@media (min-width:1023px) {
    .gen-home .social-carousel__content, .gen-learn .social-carousel__content {
        padding: 60px
    }
}

.gen-home .social-carousel__icon, .gen-learn .social-carousel__icon {
    left: 15px;
    position: absolute;
    top: 15px
}

.gen-home .social-carousel__icon:before, .gen-learn .social-carousel__icon:before {
    color: #fff;
    font-size: 29px
}

.gen-home .social-carousel__hover, .gen-learn .social-carousel__hover {
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(100,167,11,.75);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.gen-home .social-follow, .gen-learn .social-follow {
    margin: 15px 0 0;
    padding: 0;
    text-align: left;
    width: 100%
}

@media (min-width:768px) {
    .gen-home .social-follow, .gen-learn .social-follow {
        margin-top: 0;
        text-align: right
    }
}

.gen-home .social-follow li, .gen-learn .social-follow li {
    display: inline-block;
    list-style-type: none;
    margin: 0 7.5px
}

@media (max-width:767px) {
    .gen-home .social-follow li:first-child, .gen-learn .social-follow li:first-child {
        margin-left: 0
    }
}

.gen-home .social-follow li a, .gen-learn .social-follow li a {
    color: #222;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 32px
}

.gen-home .social-follow li a span:not(.hidden), .gen-learn .social-follow li a span:not(.hidden) {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.gen-home .social-follow li a span:not(.hidden):after, .gen-learn .social-follow li a span:not(.hidden):after {
    background-color: #64a70b;
    border-radius: 100%;
    content: "";
    height: 32px;
    left: 50%;
    line-height: 32px;
    opacity: 0;
    position: absolute;
    top: 40%;
    transition: opacity .3s linear;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 32px;
    z-index: -1
}

.gen-home .social-follow li a span:not(.hidden).icon-facebook:after, .gen-learn .social-follow li a span:not(.hidden).icon-facebook:after {
    background-color: #3b5998
}

.gen-home .social-follow li a span:not(.hidden).icon-instagram:after, .gen-learn .social-follow li a span:not(.hidden).icon-instagram:after {
    background-color: #13548c
}

.gen-home .social-follow li a span:not(.hidden).icon-linkedin:after, .gen-learn .social-follow li a span:not(.hidden).icon-linkedin:after {
    background-color: #0077b5
}

.gen-home .social-follow li a span:not(.hidden).icon-twitter:after, .gen-learn .social-follow li a span:not(.hidden).icon-twitter:after {
    background-color: #1da1f2
}

.gen-home .social-follow li a span:not(.hidden).icon-youtube:after, .gen-learn .social-follow li a span:not(.hidden).icon-youtube:after {
    background-color: #e52d27
}

.gen-home .social-follow li a:hover, .gen-learn .social-follow li a:hover {
    color: #fff
}

.gen-home .social-follow li a:hover span:not(.hidden):after, .gen-learn .social-follow li a:hover span:not(.hidden):after {
    opacity: 1
}

.gen-home .card--category, .gen-learn .card--category {
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    margin-bottom: 30px;
    overflow: hidden
}

@media (min-width:768px) {
    .gen-home .card--category, .gen-learn .card--category {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .gen-home .card--category:hover .card__image img, .gen-learn .card--category:hover .card__image img {
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .gen-home .card--category:hover .card__info .button--secondary, .gen-home .card--category:hover .card__info .button--secondary .icon-arrow-r:before, .gen-learn .card--category:hover .card__info .button--secondary, .gen-learn .card--category:hover .card__info .button--secondary .icon-arrow-r:before {
        color: #64a70b
    }

    .gen-home .card--category:hover .card__info .button--secondary.hover-blue, .gen-home .card--category:hover .card__info .button--secondary.hover-blue .icon-arrow-r:before, .gen-learn .card--category:hover .card__info .button--secondary.hover-blue, .gen-learn .card--category:hover .card__info .button--secondary.hover-blue .icon-arrow-r:before {
        color: #1aa2dc
    }
}

.gen-home .card--category .card__description, .gen-learn .card--category .card__description {
    margin-bottom: 0
}

.gen-home .card--category .card__flag, .gen-learn .card--category .card__flag {
    position: relative;
    top: 0
}

.gen-home .card--category .card__flag-container, .gen-learn .card--category .card__flag-container {
    display: block;
    margin-bottom: 7.5px
}

.gen-home .card--category .card__image, .gen-learn .card--category .card__image {
    overflow: hidden;
    position: relative
}

.gen-home .card--category .card__image img, .gen-learn .card--category .card__image img {
    position: relative;
    transition: all .3s linear
}

.gen-home .card--category .card__info, .gen-learn .card--category .card__info {
    padding: 15px;
    position: absolute;
    z-index: 1
}

.gen-home .card--category .card__info .button, .gen-home .card--category .card__info p, .gen-learn .card--category .card__info .button, .gen-learn .card--category .card__info p {
    color: #fff
}

.gen-home .card--category .card__info .button, .gen-learn .card--category .card__info .button {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .5px
}

@media (min-width:768px) {
    .gen-home .card--category .card__info .button, .gen-learn .card--category .card__info .button {
        font-size: 18px;
        line-height: 26px;
        line-height: 24px
    }
}

.gen-home .card--category .card__info .button span:before, .gen-learn .card--category .card__info .button span:before {
    font-size: 85%
}

.gen-home .card--category .card__info .button:hover, .gen-learn .card--category .card__info .button:hover {
    color: #64a70b
}

.gen-home .card--category .card__info .card__description, .gen-learn .card--category .card__info .card__description {
    margin-top: -3px
}

.gen-home .card--category .card__content, .gen-learn .card--category .card__content {
    padding: 30px 30px 0
}

.gen-home .card--category .card__content h3, .gen-learn .card--category .card__content h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 7.5px;
    color: #222;
}

@media (min-width:768px) {
    .gen-home .card--category .card__content h3, .gen-learn .card--category .card__content h3 {
        font-size: 28px;
        line-height: 28px
    }
}

.gen-home .card--category .card__content h4, .gen-learn .card--category .card__content h4 {
    margin-bottom: 7.5px
}

.gen-home .card--category .card__content .button, .gen-learn .card--category .card__content .button {
    width: 100%
}

.gen-home .card--category .card__content .card__description, .gen-learn .card--category .card__content .card__description {
    margin-bottom: 30px
}

.gen-home .card--category .card__cta, .gen-learn .card--category .card__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    padding: 0 30px 30px
}

.gen-home .card--category .card__cta a, .gen-learn .card--category .card__cta a {
    display: block
}

.gen-home .card--category .card__price, .gen-learn .card--category .card__price {
    font-weight: 400;
    margin-top: 7.5px
}

.gen-home .card--category .card__title, .gen-learn .card--category .card__title {
    font-weight: 400
}

.gen-home .card--compare, .gen-learn .card--compare {
    border-radius: 5px;
    position: relative
}

.gen-home .card--compare.card--product:before, .gen-learn .card--compare.card--product:before {
    border: 2px solid #64a70b;
    border-radius: 4px;
    box-shadow: none;
    height: 100%;
    top: 0
}

@media (max-width:767px) {
    .gen-home .card--compare.card--product:before, .gen-learn .card--compare.card--product:before {
        z-index: 0
    }
}

.gen-home .card--compare:after, .gen-learn .card--compare:after {
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #64a70b;
    border-radius: 4px;
    color: #fff;
    content: "\e905";
    display: none;
    height: 20px;
    font-size: 12px;
    left: auto;
    line-height: 20px;
    position: absolute;
    right: -3.75px;
    text-align: center;
    top: -2.5px;
    width: 20px;
    z-index: 1
}

.gen-home .card--compare.selected:after, .gen-home .card--compare.selected:before, .gen-learn .card--compare.selected:after, .gen-learn .card--compare.selected:before {
    display: block
}

.gen-home .card--compare .card__content, .gen-learn .card--compare .card__content {
    text-align: center
}

.gen-home .card--compare .card__flag, .gen-learn .card--compare .card__flag {
    left: 50%;
    top: -7.5px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gen-home .card--compare .card__flag + h4, .gen-learn .card--compare .card__flag + h4 {
    margin-top: 15px
}

.gen-home .card--compare.card--product, .gen-learn .card--compare.card--product {
    display: block
}

.gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__title {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media (min-width:768px) {
    .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__title {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .gen-home .card--compare.card--product .card__cta, .gen-home .card--compare.card--product .card__price, .gen-home .card--compare.card--product .card__title, .gen-learn .card--compare.card--product .card__cta, .gen-learn .card--compare.card--product .card__price, .gen-learn .card--compare.card--product .card__title {
        font-size: 14px;
        line-height: 16px
    }
}

.gen-home .compare__chart .card--compare, .gen-learn .compare__chart .card--compare {
    margin: 0 auto;
    max-width: 265px
}

@media (max-width:767px) {
    .gen-home .compare__chart .card--compare, .gen-learn .compare__chart .card--compare {
        padding: 0
    }
}

.gen-home .compare__chart .card--compare:focus:before, .gen-home .compare__chart .card--compare:hover:before, .gen-learn .compare__chart .card--compare:focus:before, .gen-learn .compare__chart .card--compare:hover:before {
    display: none
}

.gen-home .compare__chart .card--compare .card__content, .gen-home .compare__chart .card--compare .card__cta, .gen-learn .compare__chart .card--compare .card__content, .gen-learn .compare__chart .card--compare .card__cta {
    text-align: left
}

.gen-home .compare__chart .card--compare .card__cta .button, .gen-learn .compare__chart .card--compare .card__cta .button {
    color: #64a70b;
    text-align: left
}

.gen-home .compare__chart .card--compare .card__cta .button:hover, .gen-home .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before, .gen-learn .compare__chart .card--compare .card__cta .button:hover, .gen-learn .compare__chart .card--compare .card__cta .button:hover .icon-arrow-r:before {
    color: #579802
}

.gen-home .compare__chart .card--compare .card__flag, .gen-learn .compare__chart .card--compare .card__flag {
    left: 0;
    -ms-transform: none;
    transform: none;
    top: 7.5px
}

.gen-home .compare__chart .card--compare .card__price, .gen-learn .compare__chart .card--compare .card__price {
    margin-bottom: 0
}

.gen-home .compare__chart .card--compare .card__title, .gen-learn .compare__chart .card--compare .card__title {
    margin-bottom: 0;
    margin-top: 30px;
    text-align: left
}

.gen-home .card--coupon.card, .gen-learn .card--coupon.card {
    max-width: none
}

@media (min-width:768px) {
    .gen-home .card--coupon.card, .gen-learn .card--coupon.card {
        max-width: 49%
    }
}

@media (min-width:480px) {
    .gen-home .card--coupon.card, .gen-learn .card--coupon.card {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.gen-home .card--coupon, .gen-learn .card--coupon {
    border: 2px dashed #dbdbdb;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 37.5px;
    position: relative;
    width: 100%
}

.gen-home .card--coupon:hover, .gen-learn .card--coupon:hover {
    border-style: solid
}

.slick-slide .gen-home .card--coupon, .slick-slide .gen-learn .card--coupon {
    display: -ms-flexbox !important;
    display: flex !important
}

.gen-home .card--coupon .card__content, .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__content, .gen-learn .card--coupon .card__image {
    width: 50%;
    width: calc(50% - 15px)
}

.gen-home .card--coupon .card__content, .gen-learn .card--coupon .card__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    padding-top: 15px
}

.gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon .card__content > div:first-child {
    margin: auto 0
}

.gen-home .card--coupon .card__content > div:last-child, .gen-learn .card--coupon .card__content > div:last-child {
    margin-top: auto
}

.gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__image {
    margin-left: 15px
}

@media (min-width:768px) {
    .gen-home .card--coupon, .gen-learn .card--coupon {
        padding: 15px;
        width: 49%
    }

    .gen-home .card--coupon ~ .card--coupon, .gen-learn .card--coupon ~ .card--coupon {
        margin-left: 2%
    }

    .gen-home .card--coupon:first-child:nth-last-child(3), .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3), .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon {
        width: 32.3333%
    }

    .gen-home .card--coupon:first-child:nth-last-child(4), .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4), .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon {
        width: 24%
    }

    .gen-home .card--coupon:first-child:nth-last-child(3), .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4), .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3), .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4), .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gen-home .card--coupon:first-child:nth-last-child(3) .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) .card__image, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__image, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__image, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__image {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .gen-home .card--coupon:first-child:nth-last-child(3) .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content {
        -ms-flex-positive: 2;
        flex-grow: 2;
        margin-top: 15px
    }

    .gen-home .card--coupon:first-child:nth-last-child(3) .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-home .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(3) ~ .gen-learn .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-home .card--coupon .card__content > div:first-child, .gen-learn .card--coupon:first-child:nth-last-child(4) ~ .gen-learn .card--coupon .card__content > div:first-child {
        margin: 0 0 15px
    }
}

.gen-home .card--coupon .card__title, .gen-learn .card--coupon .card__title {
    color: #222;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0
}

.gen-home .card--coupon .card__description, .gen-learn .card--coupon .card__description {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.gen-home .card--coupon .card__description span:before, .gen-learn .card--coupon .card__description span:before {
    color: #64a70b;
    font-size: 50%;
    margin-left: 5px;
    overflow: visible;
    top: 0;
    transition: transform .3s linear;
    width: 0
}

.gen-home .card--coupon .card__description:hover, .gen-learn .card--coupon .card__description:hover {
    background-color: transparent;
    color: #222
}

@media (min-width:768px) {
    .gen-home .card--coupon .card__description, .gen-learn .card--coupon .card__description {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .card--coupon .card__description em, .gen-learn .card--coupon .card__description em {
    color: #12a2dc
}

.gen-home .card--coupon .card__description, .gen-home .card--coupon .card__description:hover, .gen-learn .card--coupon .card__description, .gen-learn .card--coupon .card__description:hover {
    color: #747474
}

.gen-home .card--coupon:after, .gen-learn .card--coupon:after {
    display: inline-block;
    font-family: Icomoon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    position: relative;
    font-variant: normal;
    speak: none;
    text-transform: none;
    top: -3px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "\e902";
    font-size: 12px;
    left: 7px;
    position: absolute;
    top: 2px;
    z-index: 1
}

.gen-home .card--coupon:before, .gen-learn .card--coupon:before {
    border-color: #64a70b transparent transparent;
    border-style: solid;
    border-width: 50px 50px 0 0;
    content: "";
    height: 0;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 0;
    z-index: 1
}

@media (max-width:479px) {
    .gen-home .card--coupon, .gen-learn .card--coupon {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px
    }

    .gen-home .card--coupon .card__content, .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__content, .gen-learn .card--coupon .card__image {
        width: 100%
    }

    .gen-home .card--coupon .card__image, .gen-learn .card--coupon .card__image {
        margin-left: 0
    }
}

.gen-home .card--feature, .gen-learn .card--feature {
    margin-bottom: 60px
}

@media (max-width:767px) {
    .gen-home .card--feature:last-child, .gen-learn .card--feature:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .gen-home .card--feature, .gen-learn .card--feature {
        margin-bottom: 0
    }

    /*.gen-home .card--feature:nth-child(2), .gen-learn .card--feature:nth-child(2) {
        -ms-flex-order: -1;
        order: -1
    }*/
}

.gen-home .card--feature:before, .gen-learn .card--feature:before {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    content: "";
    display: none;
    height: 100%;
    left: 0;
    bottom: -30px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.gen-home .card--feature:first-child:before, .gen-learn .card--feature:first-child:before {
    height: 103%
}

@media (min-width:1023px) {
    .gen-home .card--feature:first-child:before, .gen-learn .card--feature:first-child:before {
        height: 100%
    }
}

.gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
    padding: 0;
    text-align: center
}

@media (min-width:768px) {
    .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
        padding-left: 22.5px;
        padding-right: 22.5px;
        height: 280px;
        position: relative;
    }
}

@media (min-width:1023px) {
    .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .gen-home .card--feature .card__content, .gen-learn .card--feature .card__content {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media (min-width:768px) {
    .gen-home .card--feature .card__cta, .gen-learn .card--feature .card__cta {
        opacity: 1;
        visibility: visible;
        position: absolute;
        bottom: 0;
        width: calc(100% - 90px);
    }
}

@media (max-width:767px) {
    .gen-home .card--feature .card__cta .button, .gen-learn .card--feature .card__cta .button {
        width: 100%
    }
}

.gen-home .card--feature .card__cta a ~ a, .gen-learn .card--feature .card__cta a ~ a {
    margin-top: 22.5px
}

.gen-home .card--feature .card__cta a:not(.button), .gen-learn .card--feature .card__cta a:not(.button) {
    display: block
}

.gen-home .card--feature .card__description, .gen-learn .card--feature .card__description {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .gen-home .card--feature .card__description, .gen-learn .card--feature .card__description {
        font-size: 14px;
        line-height: 20px
    }
}

.gen-home .card--feature .card__flag, .gen-learn .card--feature .card__flag {
    left: 10%;
    top: 46%
}

@media (max-width:767px) {
    .gen-home .card--feature .card__flag, .gen-learn .card--feature .card__flag {
        left: 0;
        top: 12%
    }
}

.gen-home .card--feature .card__image, .gen-learn .card--feature .card__image {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 75%;
    max-width: 200px;
}

.gen-home .card--feature .card__image__active, .gen-home .card--feature .card__image__hover, .gen-learn .card--feature .card__image__active, .gen-learn .card--feature .card__image__hover {
    transition: none
}

.gen-home .card--feature .card__image__hover, .gen-learn .card--feature .card__image__hover {
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    visibility: hidden;
    width: 100%
}

@media (min-width:768px) {
    .gen-home .card--feature .card__image__inner, .gen-learn .card--feature .card__image__inner {
        height: 0;
        padding-bottom: 100%;
        width: 100%
    }

    .gen-home .card--feature .card__image__active, .gen-learn .card--feature .card__image__active {
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-height: 200px;
    }
}

.gen-home .card--feature .card__price, .gen-learn .card--feature .card__price {
    color: #222;
    font-weight: 400;
    margin-bottom: 7.5px;
    font-size: 22px;
}

.gen-home .card--feature .card__title, .gen-learn .card--feature .card__title {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 7.5px;
    margin-top: 15px;
    text-align: center
}

.gen-home .card--feature .card__title span:before, .gen-learn .card--feature .card__title span:before {
    color: #64a70b;
    font-size: 70%;
    margin-left: 5px;
    overflow: visible;
    top: -1px;
    transition: transform .3s linear;
    width: 0
}

.gen-home .card--feature .card__title:hover, .gen-learn .card--feature .card__title:hover {
    background-color: transparent;
    color: #222
}

@media (min-width:768px) {
    .gen-home .card--feature .card__title, .gen-learn .card--feature .card__title {
        font-size: 19px;
        line-height: 22px;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .gen-home .card--feature .card__title, .gen-learn .card--feature .card__title {
        font-size: 17px;
        line-height: 20px;
    }
}

@media (min-width:768px) {
    .gen-home .card--feature:focus:before, .gen-home .card--feature:hover:before, .gen-learn .card--feature:focus:before, .gen-learn .card--feature:hover:before {
        display: block
    }
}

.gen-home .card--product, .gen-learn .card--product {
    padding: 15px;
    transition: all .3s linear
}

.gen-home .card--product:before, .gen-learn .card--product:before {
    border-radius: 2px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    content: "";
    display: none;
    height: calc(100% - 30px);
    left: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: -1
}

.gen-home .card--product:hover img, .gen-learn .card--product:hover img {
    opacity: 1 !important
}

.gen-home .card--product:hover .icon-arrow-r:before, .gen-learn .card--product:hover .icon-arrow-r:before, .gen-learn .card--feature:hover .icon-arrow-r:before {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.gen-home .card--product .card__description, .gen-learn .card--product .card__description {
    font-size: 14px;
    line-height: 22px
}

.gen-home .card--product .card__title, .gen-learn .card--product .card__title {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 15px
}

.gen-home .card--product .card__title span:before, .gen-learn .card--product .card__title span:before {
    color: #64a70b;
    font-size: 50%;
    margin-left: 5px;
    overflow: visible;
    top: 0;
    transition: transform .3s linear;
    width: 0
}

.gen-home .card--product .card__title:hover, .gen-learn .card--product .card__title:hover {
    background-color: transparent;
    color: #222
}

@media (min-width:768px) {
    .gen-home .card--product .card__title, .gen-learn .card--product .card__title {
        font-size: 24px;
        line-height: 30px
    }
}

.gen-home .card--product .card__price, .gen-learn .card--product .card__price {
    color: #222;
    font-weight: 400;
    margin-bottom: 15px
}

a.gen-home .card--product:focus:before, a.gen-home .card--product:hover:before, a.gen-learn .card--product:focus:before, a.gen-learn .card--product:hover:before {
    display: block
}

a.gen-home .card--product:focus img, a.gen-home .card--product:hover img, a.gen-learn .card--product:focus img, a.gen-learn .card--product:hover img {
    opacity: 1
}

.gen-home .card--quiz, .gen-learn .card--quiz {
    background-color: #64a70b;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 45px 7.5px 0;
    padding: 60px 30px;
    position: relative
}

.gen-home .card--quiz h3, .gen-home .card--quiz p, .gen-learn .card--quiz h3, .gen-learn .card--quiz p {
    color: #fff
}

.gen-home .card--quiz h3, .gen-learn .card--quiz h3 {
    font-size: 24px;
    line-height: 28px
}

@media (min-width:768px) {
    .gen-home .card--quiz h3, .gen-learn .card--quiz h3 {
        font-size: 36px;
        line-height: 36px
    }
}

.gen-home .card--quiz .button:not(.button--secondary), .gen-learn .card--quiz .button:not(.button--secondary) {
    background-color: #fff;
    border-color: #fff;
    color: #64a70b;
    width: 100%
}

.gen-home .card--quiz .button:not(.button--secondary):hover, .gen-learn .card--quiz .button:not(.button--secondary):hover {
    background-color: #579802;
    color: #fff
}

.gen-home .card--quiz .button.button--secondary, .gen-home .card--quiz .button.button--secondary span:before, .gen-learn .card--quiz .button.button--secondary, .gen-learn .card--quiz .button.button--secondary span:before {
    color: #fff
}

.gen-home .card, .gen-learn .card {
    color: #222;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.gen-home .card__content, .gen-learn .card__content {
    position: relative
}

.gen-home .card__flag, .gen-learn .card__flag {
    background-color: #64a70b;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    letter-spacing: .5px;
    padding: 0 3.75px;
    position: absolute;
    top: -30px;
    z-index: 1
}

.gen-home .card__title, .gen-learn .card__title {
    display: block
}

.gen-home .language-selector, .gen-learn .language-selector {
    margin: 15px 0;
    position: relative
}

.gen-home .language-selector__current, .gen-home .language-selector__select, .gen-learn .language-selector__current, .gen-learn .language-selector__select {
    display: inline-block;
    vertical-align: middle
}

.gen-home .language-selector__current, .gen-learn .language-selector__current {
    border-right: 1px solid #dbdbdb;
    margin-right: 15px;
    padding-right: 15px
}

.gen-home .language-selector__current img, .gen-learn .language-selector__current img {
    border-radius: 100%;
    margin-right: 7.5px;
    max-width: 35px
}

.gen-home .language-selector__current img, .gen-home .language-selector__current p, .gen-learn .language-selector__current img, .gen-learn .language-selector__current p {
    display: inline-block;
    vertical-align: middle
}

.gen-home .language-selector__current p, .gen-learn .language-selector__current p {
    color: #222;
    font-weight: 700
}

.gen-home .language-selector__dropdown, .gen-learn .language-selector__dropdown {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: all .4s cubic-bezier(0,1,0,1);
    width: 100%;
    visibility: hidden
}

.gen-home .language-selector__dropdown[aria-hidden=false], .gen-learn .language-selector__dropdown[aria-hidden=false] {
    max-height: 500px;
    transition-timing-function: cubic-bezier(.25,0,1,0);
    visibility: visible
}

.gen-home .language-selector__dropdown[aria-hidden=false] ul, .gen-learn .language-selector__dropdown[aria-hidden=false] ul {
    margin: 0;
    max-height: 470px;
    overflow: auto;
    padding: 15px 30px
}

@media (min-width:768px) {
    .gen-home .language-selector__dropdown, .gen-learn .language-selector__dropdown {
        box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
        bottom: 100%;
        position: absolute;
        right: 0;
        z-index: 3
    }
}

.gen-home .language-selector__dropdown li, .gen-learn .language-selector__dropdown li {
    list-style-type: none
}

.gen-home .language-selector__dropdown li a, .gen-learn .language-selector__dropdown li a {
    color: #747474;
    display: block;
    padding: 3.75px 0
}

.gen-home .language-selector__dropdown li a:hover, .gen-learn .language-selector__dropdown li a:hover {
    color: #64a70b;
    text-decoration: underline
}

.gen-home .language-selector__select button, .gen-learn .language-selector__select button {
    position: relative
}

.gen-home .language-selector__select button .icon-arrow-d:before, .gen-learn .language-selector__select button .icon-arrow-d:before {
    color: #64a70b;
    font-size: 12px;
    top: -1px
}

.gen-home .language-selector__select button[aria-expanded=true] .icon-arrow-d:before, .gen-learn .language-selector__select button[aria-expanded=true] .icon-arrow-d:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:767px) {
    .gen-home .mailing-list, .gen-learn .mailing-list {
        margin: 30px 0
    }
}

.gen-home .global-footer__mobile-toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .global-footer__mobile-toggle[aria-expanded=true] .icon-arrow-d:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .gen-home .global-footer__mobile-toggle, .gen-learn .global-footer__mobile-toggle {
        display: none
    }
}

@media (min-width:768px) {
    .gen-home .global-footer__group + .global-footer__group, .gen-learn .global-footer__group + .global-footer__group {
        margin-top: 30px
    }
}

.gen-home .global-footer__group ul, .gen-learn .global-footer__group ul {
    margin: 0;
    padding: 0
}

.gen-home .global-footer__group li, .gen-learn .global-footer__group li {
    list-style-type: none
}

.gen-home .global-footer__group li ~ li, .gen-learn .global-footer__group li ~ li {
    margin-top: 3.75px
}

.gen-home .global-footer__group li a, .gen-learn .global-footer__group li a {
    color: #747474
}

.gen-home .global-footer__group li a:hover, .gen-learn .global-footer__group li a:hover {
    color: #64a70b;
    text-decoration: underline
}

.gen-home .global-footer__group h2, .gen-learn .global-footer__group h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 15px
}

.gen-home .global-footer__group h2 a, .gen-learn .global-footer__group h2 a {
    color: #222
}

.gen-home .global-footer__group h2 a:hover, .gen-learn .global-footer__group h2 a:hover {
    color: #64a70b;
    text-decoration: underline
}

@media (max-width:767px) {
    .gen-home .global-footer__group, .gen-learn .global-footer__group {
        border-bottom: 1px solid #dbdbdb
    }

    .gen-home .global-footer__group ul, .gen-learn .global-footer__group ul {
        max-height: 0;
        overflow: hidden;
        transition: all .4s cubic-bezier(0,1,0,1);
        visibility: hidden
    }

    .gen-home .global-footer__group ul[aria-hidden=false], .gen-learn .global-footer__group ul[aria-hidden=false] {
        max-height: 400px;
        transition-timing-function: cubic-bezier(.25,0,1,0);
        visibility: visible
    }

    .gen-home .global-footer__group li a, .gen-learn .global-footer__group li a {
        display: block;
        padding: 3.75px 0
    }

    .gen-home .global-footer__group li:last-child, .gen-learn .global-footer__group li:last-child {
        margin-bottom: 15px
    }

    .gen-home .global-footer__group h2, .gen-learn .global-footer__group h2 {
        display: block;
        margin-bottom: 0;
        padding: 15px 30px 15px 0;
        position: relative;
        width: 100%
    }

    .gen-home .global-footer__group h2 button, .gen-learn .global-footer__group h2 button {
        height: 54px;
        padding: 15px;
        position: absolute;
        right: -15px;
        top: 0;
        width: 54px
    }

    .gen-home .global-footer__group h2 button .icon-arrow-d:before, .gen-learn .global-footer__group h2 button .icon-arrow-d:before {
        color: #64a70b;
        top: -1px
    }
}

.gen-home .global-footer__utility, .gen-learn .global-footer__utility {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 30px;
    padding-top: 30px
}

.gen-home .global-footer__utility ul, .gen-learn .global-footer__utility ul {
    margin: 0 0 15px;
    padding: 0;
    width: 100%
}

.gen-home .global-footer__utility li, .gen-learn .global-footer__utility li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 7.5px;
    margin-right: 15px
}

.gen-home .global-footer__utility p, .gen-learn .global-footer__utility p {
    margin-bottom: 22.5px
}

.gen-home .global-footer__utility a, .gen-learn .global-footer__utility a {
    color: #747474
}

.gen-home .global-footer__utility a:hover, .gen-learn .global-footer__utility a:hover {
    color: #64a70b;
    text-decoration: underline
}

@media (min-width:768px) {
    .gen-home .global-footer__utility p, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility p, .gen-learn .global-footer__utility ul {
        margin-bottom: 7.5px
    }

    .gen-home .global-footer__utility li, .gen-learn .global-footer__utility li {
        margin-bottom: 0
    }
}

@media (min-width:1160px) {
    .gen-home .global-footer__utility p, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility p, .gen-learn .global-footer__utility ul {
        margin-bottom: 0
    }

    .gen-home .global-footer__utility .global-footer__copyright, .gen-home .global-footer__utility ul, .gen-learn .global-footer__utility .global-footer__copyright, .gen-learn .global-footer__utility ul {
        float: left
    }

    .gen-home .global-footer__utility .global-footer__regulatory, .gen-learn .global-footer__utility .global-footer__regulatory {
        float: right;
        text-align: right;
        width: 72%;
        width: calc(100% - 320px)
    }
}

.gen-home .flyout, .gen-learn .flyout {
    background-color: #fff;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s linear;
    visibility: hidden
}

.gen-home .flyout li, .gen-learn .flyout li {
    list-style-type: none
}

.gen-home .flyout__link, .gen-learn .flyout__link {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.gen-home .flyout[aria-hidden=false], .gen-learn .flyout[aria-hidden=false] {
    max-height: 1000px;
    opacity: 1;
    visibility: visible
}

@media (max-width:899px) {
    .gen-home .flyout, .gen-learn .flyout {
        background-color: #55910e
    }

    .gen-home .flyout .wrapper, .gen-learn .flyout .wrapper {
        padding: 0
    }

    .gen-home .flyout__col a, .gen-learn .flyout__col a {
        color: #fff
    }

    .gen-home .flyout__children li, .gen-home .flyout__col, .gen-learn .flyout__children li, .gen-learn .flyout__col {
        position: relative;
        width: 100%
    }

    .gen-home .flyout__children li ~ li:before, .gen-home .flyout__col ~ .flyout__col:before, .gen-learn .flyout__children li ~ li:before, .gen-learn .flyout__col ~ .flyout__col:before {
        background-color: hsla(0,0%,86%,.2);
        content: "";
        display: block !important;
        height: 1px;
        left: 30px;
        position: absolute;
        top: 0;
        width: 90%;
        width: calc(100% - 60px)
    }

    .gen-home .flyout__link, .gen-home .flyout__toggle, .gen-learn .flyout__link, .gen-learn .flyout__toggle {
        display: block
    }

    .gen-home .flyout__link, .gen-learn .flyout__link {
        padding: 15px 60px 15px 45px;
        width: 100%
    }

    .gen-home .flyout__toggle, .gen-learn .flyout__toggle {
        padding: 15px 30px 15px 15px;
        position: absolute;
        right: 0;
        top: 0
    }

    .gen-home .flyout__toggle .icon-arrow-d:before, .gen-learn .flyout__toggle .icon-arrow-d:before {
        top: 0
    }

    .gen-home .flyout__toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .flyout__toggle[aria-expanded=true] .icon-arrow-d:before {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .gen-home .flyout__children, .gen-learn .flyout__children {
        background-color: #4e8828;
        max-height: 0;
        overflow: hidden;
        visibility: hidden
    }

    .gen-home .flyout__children[aria-hidden=false], .gen-learn .flyout__children[aria-hidden=false] {
        max-height: 1000px;
        visibility: visible
    }

    .gen-home .flyout__children a, .gen-learn .flyout__children a {
        display: block;
        padding: 15px 60px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__children li ~ li:before, .gen-home .flyout__col ~ .flyout__col:before, .gen-learn .flyout__children li ~ li:before, .gen-learn .flyout__col ~ .flyout__col:before {
        left: 45px;
        width: 80%;
        width: calc(100% - 90px)
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__link, .gen-learn .flyout__link {
        padding-left: 60px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__toggle, .gen-learn .flyout__toggle {
        padding-right: 45px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .flyout__children a, .gen-learn .flyout__children a {
        padding: 15px 75px
    }
}

@media (min-width:900px) {
    .gen-home .flyout, .gen-learn .flyout {
        box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
        left: 0;
        padding: 30px;
        position: fixed;
        width: 100%
    }

    .global-header ul.gen-home .flyout__children, .global-header ul.gen-learn .flyout__children {
        margin-top: 15px
    }

    .gen-home .flyout__children > li ~ li, .gen-learn .flyout__children > li ~ li {
        margin-top: 3.75px
    }

    .gen-home .flyout__children a, .gen-learn .flyout__children a {
        color: #747474;
        font-size: 15px
    }

    .gen-home .flyout__link, .gen-learn .flyout__link {
        font-size: 18px
    }

    .global-header .gen-home .flyout__link, .global-header .gen-learn .flyout__link {
        color: #222
    }

    .global-header .gen-home .flyout a:hover, .global-header .gen-learn .flyout a:hover {
        color: #64a70b;
        text-decoration: underline
    }

    .gen-home .flyout .row, .gen-learn .flyout .row {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gen-home .flyout__toggle, .gen-learn .flyout__toggle {
        display: none
    }

    .gen-home .flyout__col + .flyout__col, .gen-learn .flyout__col + .flyout__col {
        margin-left: 2.85714%
    }
}

.gen-home .global-header__logo, .gen-learn .global-header__logo {
    padding: 15px 0
}

@media (min-width:900px) {
    .gen-home .global-header__logo, .gen-learn .global-header__logo {
        padding: 22.5px 0
    }
}

.gen-home .global-header__cart, .gen-learn .global-header__cart {
    position: absolute;
    right: 0;
    top: 27px
}

@media (min-width:900px) {
    .gen-home .global-header__cart, .gen-learn .global-header__cart {
        top: 19.5px;
        -ms-transform: none;
        transform: none
    }
}

.gen-home .mini-cart__link, .gen-learn .mini-cart__link {
    position: relative;
    transition-property: opacity
}

.global-header .gen-home .mini-cart__link, .global-header .gen-learn .mini-cart__link {
    color: #fff
}

.gen-home .mini-cart__link:hover, .gen-learn .mini-cart__link:hover {
    opacity: .75
}

.gen-home .mini-cart__link .icon-cart:before, .gen-learn .mini-cart__link .icon-cart:before {
    font-size: 28px
}

@media (min-width:900px) {
    .gen-home .mini-cart__link .icon-cart:before, .gen-learn .mini-cart__link .icon-cart:before {
        font-size: 20px
    }
}

.gen-home .mini-cart__quantity, .gen-learn .mini-cart__quantity {
    background-color: #222;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -7.5px;
    text-align: center;
    top: -7.5px;
    width: 18px
}

.gen-home .global-header__mobile-toggle, .gen-learn .global-header__mobile-toggle {
    margin-right: 15px
}

.gen-home .global-header__mobile-toggle button, .gen-learn .global-header__mobile-toggle button {
    color: #fff
}

.gen-home .global-header__mobile-toggle .icon-menu, .gen-learn .global-header__mobile-toggle .icon-menu {
    display: block;
    text-align: center;
    width: 24px
}

.gen-home .global-header__mobile-toggle .icon-menu:before, .gen-learn .global-header__mobile-toggle .icon-menu:before {
    font-size: 26px;
    top: 0
}

@media (min-width:900px) {
    .gen-home .global-header__mobile-toggle, .gen-learn .global-header__mobile-toggle {
        display: none
    }
}

.gen-home .global-header__mobile-toggle .menu__toggle[aria-expanded=true] .icon-menu:before, .gen-learn .global-header__mobile-toggle .menu__toggle[aria-expanded=true] .icon-menu:before {
    content: "\e905";
    font-size: 20px
}

@media (max-width:899px) {
    .gen-home .menu__text-desktop, .gen-learn .menu__text-desktop {
        display: none
    }

    .gen-home .global-header__right, .gen-learn .global-header__right {
        background-color: #fff;
        display: none;
        left: 0;
        height: 90%;
        overflow: auto;
        position: fixed;
        width: 100%
    }

    .gen-home .global-header__right[aria-hidden=false], .gen-learn .global-header__right[aria-hidden=false] {
        display: block
    }

    .gen-home .global-header__logo, .gen-home .global-header__mobile-toggle, .gen-learn .global-header__logo, .gen-learn .global-header__mobile-toggle {
        display: inline-block;
        vertical-align: middle
    }

    .gen-home html[data-nav-open=true], .gen-home html[data-nav-open=true] body, .gen-learn html[data-nav-open=true], .gen-learn html[data-nav-open=true] body {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        width: 100%
    }
}

.gen-home .global-header__primary ul, .gen-learn .global-header__primary ul {
    margin: 0;
    padding: 0
}

.gen-home .global-header__primary .menu__toggle[aria-expanded=true] .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle[aria-expanded=true] .icon-arrow-d:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width:899px) {
    .gen-home .global-header__primary, .gen-learn .global-header__primary {
        background-color: #64a70b
    }

    .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li {
        position: relative;
        width: 100%
    }

    .gen-home .global-header__primary > ul > li ~ li:before, .gen-learn .global-header__primary > ul > li ~ li:before {
        background-color: hsla(0,0%,86%,.2);
        content: "";
        height: 1px;
        left: 30px;
        position: absolute;
        top: 0;
        width: 90%;
        width: calc(100% - 60px)
    }

    .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle {
        color: #fff;
        display: block
    }

    .gen-home .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__link {
        padding: 15px 60px 15px 30px;
        width: 100%
    }

    .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle {
        padding: 15px 30px 15px 15px;
        position: absolute;
        right: 0;
        top: 0
    }

    .gen-home .global-header__primary .menu__toggle .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle .icon-arrow-d:before {
        top: 0
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .global-header__primary > ul > li ~ li:before, .gen-learn .global-header__primary > ul > li ~ li:before {
        left: 45px;
        width: 80%;
        width: calc(100% - 90px)
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__link {
        padding-left: 45px
    }
}

@media (max-width:899px) and (min-width:480px) {
    .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle {
        padding-right: 45px
    }
}

@media (min-width:900px) {
    .gen-home .global-header__primary, .gen-learn .global-header__primary {
        z-index: 1
    }

    .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle {
        color: #fff;
        padding: 15px 0 22.5px;
        position: relative
    }

    .gen-home .global-header__primary .menu__link:after, .gen-home .global-header__primary .menu__toggle:after, .gen-learn .global-header__primary .menu__link:after, .gen-learn .global-header__primary .menu__toggle:after {
        background-color: #fff;
        content: "";
        display: block;
        height: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        transition: height .3s linear;
        width: 100%
    }

    .gen-home .global-header__primary .menu__link:hover:after, .gen-home .global-header__primary .menu__toggle:hover:after, .gen-learn .global-header__primary .menu__link:hover:after, .gen-learn .global-header__primary .menu__toggle:hover:after {
        height: 3px
    }

    .gen-home .global-header__primary .menu__link:after, .gen-learn .global-header__primary .menu__link:after {
        top: calc(100% - 18px)
    }

    .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__toggle {
        display: block;
        position: relative
    }

    .gen-home .global-header__primary .menu__toggle .icon-arrow-d:before, .gen-learn .global-header__primary .menu__toggle .icon-arrow-d:before {
        font-size: 11px;
        top: -1px
    }

    .gen-home .global-header__primary .menu__toggle:after, .gen-learn .global-header__primary .menu__toggle:after {
        top: calc(100% - 22.5px)
    }

    .gen-home .global-header__primary .menu__toggle span, .gen-learn .global-header__primary .menu__toggle span {
        display: inline-block
    }

    .gen-home .global-header__primary .menu__has-children .menu__link, .gen-home .global-header__primary .menu__has-children .menu__toggle .hidden, .gen-learn .global-header__primary .menu__has-children .menu__link, .gen-learn .global-header__primary .menu__has-children .menu__toggle .hidden {
        display: none
    }

    .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li {
        display: inline-block;
        list-style-type: none;
        margin-right: 2.85714%;
        position: relative
    }

    .gen-home .global-header__primary > ul > li:last-child, .gen-learn .global-header__primary > ul > li:last-child {
        margin-right: 0
    }

    .gen-home .global-header__primary > ul > li.active .menu__link:after, .gen-home .global-header__primary > ul > li.active .menu__toggle:after, .gen-learn .global-header__primary > ul > li.active .menu__link:after, .gen-learn .global-header__primary > ul > li.active .menu__toggle:after {
        height: 3px
    }
}

@media (min-width:900px) and (max-width:900px) {
    .gen-home .global-header__primary > ul > li, .gen-learn .global-header__primary > ul > li {
        margin-right: 2.5%
    }

    .gen-home .global-header__primary .menu__link, .gen-home .global-header__primary .menu__toggle, .gen-learn .global-header__primary .menu__link, .gen-learn .global-header__primary .menu__toggle {
        font-size: 14px
    }
}

@media (min-width:900px) {
    .gen-home .global-header__search, .gen-learn .global-header__search {
        bottom: -30px;
        position: absolute;
        right: -30px
    }
}

.gen-home .search, .gen-learn .search {
    position: relative
}

.gen-home .search__container, .gen-learn .search__container {
    background-color: #fff;
    border-radius: 2px;
    margin-top: 15px;
    position: relative
}

@media (min-width:900px) {
    .gen-home .search__container, .gen-learn .search__container {
        margin-right: 15px;
        margin-top: 0;
        overflow: hidden;
        position: absolute;
        right: 100%;
        top: -7.5px;
        width: 0
    }

    .gen-home .search__container[aria-hidden=false], .gen-learn .search__container[aria-hidden=false] {
        width: 230px
    }
}

.gen-home .search__input, .gen-learn .search__input {
    padding: 7.5px 0;
    margin: 0 15px;
    width: 90%;
    width: calc(100% - 30px)
}

.gen-home .search__input input, .gen-learn .search__input input {
    padding-right: 30px;
    width: 100%
}

.gen-home .search__submit, .gen-learn .search__submit {
    margin: 7.5px 0 7.5px 7.5px;
    position: absolute;
    right: 15px;
    top: 0
}

.gen-home .search__submit:hover, .gen-learn .search__submit:hover {
    color: #64a70b;
    cursor: pointer
}

.gen-home .search__input, .gen-home .search__submit, .gen-learn .search__input, .gen-learn .search__submit {
    display: inline-block;
    vertical-align: middle
}

.gen-home .search__toggle button, .gen-learn .search__toggle button {
    color: #fff;
    transition-property: opacity
}

.gen-home .search__toggle button:hover, .gen-learn .search__toggle button:hover {
    opacity: .75
}

.gen-home .search__toggle button .icon-search:before, .gen-learn .search__toggle button .icon-search:before {
    font-size: 18px;
    top: -2px
}

.gen-home .search__toggle button[aria-expanded=true] .icon-search:before, .gen-learn .search__toggle button[aria-expanded=true] .icon-search:before {
    content: "\e905"
}

@media (max-width:899px) {
    .gen-home .search__toggle, .gen-learn .search__toggle {
        display: none
    }
}

.gen-home .global-header__utility, .gen-learn .global-header__utility {
    padding: 15px 30px
}

@media (min-width:480px) and (max-width:899px) {
    .gen-home .global-header__utility, .gen-learn .global-header__utility {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media (max-width:899px) {
    .gen-home .global-header__utility, .gen-learn .global-header__utility {
        background-color: #fff
    }

    .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center
    }

    .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a {
        display: inline-block;
        transition-property: all;
        background-color: #64a70b;
        border: 1px solid #64a70b;
        border-radius: 2px;
        color: #fff;
        padding: 7.5px 15px;
        text-align: center;
        width: 48%
    }

    .gen-home .global-header__utility-links a:hover, .gen-learn .global-header__utility-links a:hover {
        background-color: #579802
    }

    .gen-home .global-header__utility-links a ~ .button, .gen-learn .global-header__utility-links a ~ .button {
        margin-top: 10px
    }
}

@media (max-width:899px) and (min-width:768px) {
    .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a {
        padding: 7.5px 22.5px
    }
}

@media (min-width:900px) {
    .gen-home .global-header__utility, .gen-learn .global-header__utility {
        padding: 0;
        position: absolute;
        right: 30px;
        text-align: right;
        top: -15px;
        width: 100%
    }

    .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links {
        float: right;
        font-size: 14px
    }

    .gen-home .global-header__utility-links a, .gen-learn .global-header__utility-links a {
        color: #fff
    }

    .gen-home .global-header__utility-links a:hover, .gen-learn .global-header__utility-links a:hover {
        text-decoration: underline
    }

    .gen-home .global-header__utility-links a ~ a, .gen-learn .global-header__utility-links a ~ a {
        margin-left: 15px
    }
}

@media (min-width:900px) and (max-width:900px) {
    .gen-home .global-header__utility-links, .gen-learn .global-header__utility-links {
        font-size: 12px
    }
}

.gen-home .accordion, .gen-learn .accordion {
    margin: 30px auto 60px
}

.gen-home .accordion__header, .gen-learn .accordion__header {
    margin-bottom: 22.5px
}

.gen-home .accordion__content, .gen-learn .accordion__content {
    display: none;
    margin-bottom: 15px
}

.gen-home .accordion__content[aria-hidden=false], .gen-learn .accordion__content[aria-hidden=false] {
    display: block
}

.gen-home .accordion__image, .gen-learn .accordion__image {
    margin-bottom: 15px
}

.gen-home .accordion__item ~ .accordion__item, .gen-learn .accordion__item ~ .accordion__item {
    border-top: 1px solid #dbdbdb
}

.gen-home .accordion__left, .gen-learn .accordion__left {
    display: none
}

.gen-home .accordion__toggle h3, .gen-learn .accordion__toggle h3 {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left;
    display: block;
    font-size: 18px;
    padding-bottom: 15px;
    padding-right: 60px;
    padding-top: 15px;
    position: relative;
    transition: color .3s linear;
    width: 100%
}

.gen-home .accordion__toggle h3 span:before, .gen-learn .accordion__toggle h3 span:before {
    color: #64a70b;
    font-size: 50%;
    margin-left: 5px;
    overflow: visible;
    top: 0;
    transition: transform .3s linear;
    width: 0
}

.gen-home .accordion__toggle h3:hover, .gen-learn .accordion__toggle h3:hover {
    background-color: transparent;
    color: #222
}

.gen-home .accordion__toggle h3 span, .gen-learn .accordion__toggle h3 span {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gen-home .accordion__toggle h3 span:before, .gen-learn .accordion__toggle h3 span:before {
    font-size: 65%;
    margin-left: 0;
    width: auto
}

.gen-home .accordion__toggle[aria-expanded=true] h3 span, .gen-learn .accordion__toggle[aria-expanded=true] h3 span {
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.gen-home .accordion__toggle:hover h3, .gen-learn .accordion__toggle:hover h3 {
    color: #64a70b
}

.gen-home .accordion__toggle:hover h3 span:before, .gen-learn .accordion__toggle:hover h3 span:before {
    -ms-transform: none;
    transform: none
}

@media (min-width:768px) and (max-width:1022px) {
    .gen-home .accordion__content__inner, .gen-learn .accordion__content__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gen-home .accordion__image, .gen-home .accordion__text, .gen-learn .accordion__image, .gen-learn .accordion__text {
        width: 48%
    }

    .gen-home .accordion__image, .gen-learn .accordion__image {
        margin-bottom: 0
    }
}

@media (min-width:1023px) {
    .gen-home .accordion .row, .gen-learn .accordion .row {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        position: relative
    }

    .gen-home .accordion__left, .gen-learn .accordion__left {
        display: block;
        width: 40%
    }

    .gen-home .accordion__right, .gen-learn .accordion__right {
        padding: 60px 0 60px 60px;
        width: 60%
    }

    .gen-home .accordion__image, .gen-learn .accordion__image {
        left: 0;
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40%
    }
}

@media (min-width:1100px) {
    .gen-home .accordion__image, .gen-home .accordion__left, .gen-home .accordion__right, .gen-learn .accordion__image, .gen-learn .accordion__left, .gen-learn .accordion__right {
        width: 50%
    }

    .gen-home .accordion__right, .gen-learn .accordion__right {
        padding-right: 60px
    }
}

#products .card-container__header h2 {
    color: #000;
}

@media (min-width:768px) {
    .gen-home .card-container .row, .gen-learn .card-container .row {
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    #products .row {
        flex-wrap: wrap;
    }

    #products .card {
        flex: 1 1 25%;
        max-width: 350px;
        width: 25%;
    }

    #products  .card__price {
        font-size: 16px;
    }

    #products .card-container__header {
        margin: 30px 0 0 0;
    }

    #products  .card-container__header {
        text-align: left;
    }
}

.gen-home .card-container__header, .gen-learn .card-container__header {
    margin-bottom: 60px;
    text-align: center
}

.gen-home .card-container__footer, .gen-learn .card-container__footer {
    margin-top: 30px
}

.gen-home .card-container--gutter, .gen-learn .card-container--gutter {
    margin: 75px 0
}

.gen-home .card-container--gutter .wrapper, .gen-learn .card-container--gutter .wrapper {
    position: relative
}

.gen-home .card-container--gutter .row, .gen-learn .card-container--gutter .row {
    padding: 0
}

@media (min-width:768px) {
    .gen-home .card-container--gutter .row, .gen-learn .card-container--gutter .row {
        display: -ms-flexbox;
        display: flex
    }
}

.gen-home .card-container--gutter .card-container__header, .gen-learn .card-container--gutter .card-container__header {
    margin-bottom: 45px
}

@media (min-width:768px) {
    .gen-home .card-container--gutter .card, .gen-learn .card-container--gutter .card {
        width: 49%
    }

    .gen-home .card-container--gutter .card ~ .card, .gen-learn .card-container--gutter .card ~ .card {
        margin-left: 2%
    }

    .gen-home .card-container--gutter .card:first-child:nth-last-child(3), .gen-home .card-container--gutter .card:first-child:nth-last-child(3) ~ .card, .gen-learn .card-container--gutter .card:first-child:nth-last-child(3), .gen-learn .card-container--gutter .card:first-child:nth-last-child(3) ~ .card {
        width: 32.3333%
    }

    .gen-home .card-container--gutter .card:first-child:nth-last-child(4), .gen-home .card-container--gutter .card:first-child:nth-last-child(4) ~ .card, .gen-learn .card-container--gutter .card:first-child:nth-last-child(4), .gen-learn .card-container--gutter .card:first-child:nth-last-child(4) ~ .card {
        width: 24%
    }
}

@media (min-width:1023px) {
    .gen-home .card-container--gutter .card ~ .card, .gen-learn .card-container--gutter .card ~ .card {
        margin-left: 30px
    }
}

@media (max-width:767px) {
    .gen-home .card-container--no-gutter .row, .gen-learn .card-container--no-gutter .row {
        padding: 0
    }
}

.gen-home .card-container--no-gutter .card-container__header, .gen-learn .card-container--no-gutter .card-container__header {
    margin-bottom: 0
}

.gen-home .card-container--no-gutter .wrapper, .gen-learn .card-container--no-gutter .wrapper {
    position: relative
}

@media (min-width:768px) {
    .gen-home .card-container--no-gutter .wrapper:before, .gen-learn .card-container--no-gutter .wrapper:before {
        /*background-image: url(/presentation/product-launch/images/background-feature.jpg);*/
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 7%;
        width: 100%;
        z-index: -1
    }
}

@media (min-width:768px) and (min-width:1023px) {
    .gen-home .card-container--no-gutter .wrapper:before, .gen-learn .card-container--no-gutter .wrapper:before {
        top: -25px
    }
}

.gen-home .card-container--no-gutter .card, .gen-learn .card-container--no-gutter .card {
    width: 100%
}

@media (min-width:768px) {
    .gen-home .card-container--no-gutter .card:first-child:nth-last-child(2), .gen-home .card-container--no-gutter .card:first-child:nth-last-child(2) ~ .card, .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(2), .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(2) ~ .card {
        width: 50%
    }

    .gen-home .card-container--no-gutter .card:first-child:nth-last-child(3), .gen-home .card-container--no-gutter .card:first-child:nth-last-child(3) ~ .card, .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(3), .gen-learn .card-container--no-gutter .card:first-child:nth-last-child(3) ~ .card {
        width: 33.3333%
    }
}

.gen-home .hero + .card-container--gutter, .gen-learn .hero + .card-container--gutter {
    margin-top: 15px
}

@media (min-width:1023px) {
    .gen-home .hero + .card-container--gutter, .gen-learn .hero + .card-container--gutter {
        margin-top: 60px
    }
}

@media (min-width:1023px) {
    .gen-home .hero + .card-container--no-gutter .card-container__header, .gen-learn .hero + .card-container--no-gutter .card-container__header {
        padding-top: 60px
    }
}

@media (max-width:1022px) {
    .gen-home .compare__chart th, .gen-home .compare__group-body td, .gen-learn .compare__chart th, .gen-learn .compare__group-body td {
        width: 33.3%
    }

    .gen-home .compare__chart th:nth-child(4), .gen-home .compare__group-body td:nth-child(4), .gen-learn .compare__chart th:nth-child(4), .gen-learn .compare__group-body td:nth-child(4) {
        display: none
    }

    .gen-home .compare__chart, .gen-learn .compare__chart {
        width: 100%
    }
}

.gen-home .compare__chart, .gen-learn .compare__chart {
    display: none
}

.gen-home .compare__chart table, .gen-learn .compare__chart table {
    table-layout: fixed;
    width: 100%
}

.gen-home .compare__chart thead th, .gen-learn .compare__chart thead th {
    vertical-align: top
}

.gen-home .compare__chart thead th:first-child, .gen-learn .compare__chart thead th:first-child {
    vertical-align: bottom
}

.gen-home .compare__chart thead th:nth-child(3), .gen-home .compare__chart thead th:nth-child(4), .gen-learn .compare__chart thead th:nth-child(3), .gen-learn .compare__chart thead th:nth-child(4) {
    border-left: 1px solid #f4f4f4
}

.gen-home .compare #compare-table-headers td:first-child, .gen-home .compare #compare-table-headers th:first-child, .gen-home .compare__group-body td:first-child, .gen-home .compare__group-body th:first-child, .gen-learn .compare #compare-table-headers td:first-child, .gen-learn .compare #compare-table-headers th:first-child, .gen-learn .compare__group-body td:first-child, .gen-learn .compare__group-body th:first-child {
    width: 40%
}

@media (min-width:1023px) {
    .gen-home .compare #compare-table-headers td:first-child, .gen-home .compare #compare-table-headers th:first-child, .gen-home .compare__group-body td:first-child, .gen-home .compare__group-body th:first-child, .gen-learn .compare #compare-table-headers td:first-child, .gen-learn .compare #compare-table-headers th:first-child, .gen-learn .compare__group-body td:first-child, .gen-learn .compare__group-body th:first-child {
        width: 335px
    }
}

.gen-home .compare__group-body, .gen-learn .compare__group-body {
    position: relative;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08)
}

.gen-home .compare__group-body th, .gen-learn .compare__group-body th {
    text-align: left
}

.gen-home .compare__group-body td, .gen-learn .compare__group-body td {
    text-align: center
}

.gen-home .compare__group-body td:nth-child(3), .gen-home .compare__group-body td:nth-child(4), .gen-learn .compare__group-body td:nth-child(3), .gen-learn .compare__group-body td:nth-child(4) {
    border-left: 1px solid #f4f4f4
}

.gen-home .compare__group-body td p, .gen-learn .compare__group-body td p {
    color: #222
}

.gen-home .compare__group-body td .icon-checkmark:before, .gen-home .compare__group-body td .icon-dash:before, .gen-learn .compare__group-body td .icon-checkmark:before, .gen-learn .compare__group-body td .icon-dash:before {
    font-size: 20px
}

.gen-home .compare__group-body td .icon-checkmark, .gen-learn .compare__group-body td .icon-checkmark {
    color: #64a70b
}

.gen-home .compare__group-body td .icon-dash, .gen-learn .compare__group-body td .icon-dash {
    color: #747474
}

.gen-home .compare__group-body tr ~ tr, .gen-learn .compare__group-body tr ~ tr {
    border-top: 1px solid #f4f4f4
}

.gen-home .compare__group-header, .gen-learn .compare__group-header {
    text-align: left
}

.gen-home .compare__row-heading, .gen-learn .compare__row-heading {
    position: relative
}

@media (min-width:768px) {
    .gen-home .compare__row-heading, .gen-learn .compare__row-heading {
        padding-right: 30px
    }
}

@media (max-width:767px) {
    .gen-home .compare__row-heading .compare__tooltip, .gen-home .compare__row-heading h4, .gen-learn .compare__row-heading .compare__tooltip, .gen-learn .compare__row-heading h4 {
        font-size: 14px;
        line-height: 16px
    }
}

.gen-home .compare__row-heading h4, .gen-learn .compare__row-heading h4 {
    display: inline;
    margin-right: 7.5px
}

.gen-home .compare__tooltip, .gen-learn .compare__tooltip {
    display: inline-block;
    margin-left: 6px;
    position: absolute
}

.gen-home .compare__tooltip input:focus ~ .compare__tooltip__content, .gen-home .compare__tooltip input:hover ~ .compare__tooltip__content, .gen-learn .compare__tooltip input:focus ~ .compare__tooltip__content, .gen-learn .compare__tooltip input:hover ~ .compare__tooltip__content {
    opacity: 1;
    visibility: visible
}

.gen-home .compare__tooltip input:focus + label, .gen-learn .compare__tooltip input:focus + label {
    box-shadow: 0 0 5px 2px #64a70b
}

.gen-home .compare__tooltip label, .gen-learn .compare__tooltip label {
    background-color: #64a70b;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    transition: background-color .3s linear;
    width: 20px
}

.gen-home .compare__tooltip label:hover, .gen-learn .compare__tooltip label:hover {
    background-color: #579802;
    cursor: pointer
}

.gen-home .compare__tooltip__content, .gen-learn .compare__tooltip__content {
    background-color: #64a70b;
    border-radius: 4px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08);
    left: 200%;
    opacity: 0;
    padding: 15px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s linear;
    visibility: hidden;
    width: 200px;
    z-index: 1
}

.gen-home .compare__tooltip__content:before, .gen-learn .compare__tooltip__content:before {
    border-color: transparent #64a70b transparent transparent;
    border-style: solid;
    border-width: 8px 15px 8px 0;
    content: "";
    height: 0;
    left: -15px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.gen-home .compare__tooltip__content, .gen-home .compare__tooltip__content p, .gen-learn .compare__tooltip__content, .gen-learn .compare__tooltip__content p {
    color: #fff
}

.gen-home .compare__tooltip__content p, .gen-learn .compare__tooltip__content p {
    font-weight: 400;
    margin: 0
}

.gen-home .compare, .gen-learn .compare {
    margin: 75px 0
}

.gen-home .compare__header, .gen-learn .compare__header {
    text-align: center
}

.gen-home .compare__header p, .gen-learn .compare__header p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 7.5px
}

@media (min-width:768px) {
    .gen-home .compare__header p, .gen-learn .compare__header p {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary {
    color: #64a70b;
    margin-bottom: 7.5px;
    margin-top: 0
}

.gen-home .compare__header__cta .button--secondary:hover, .gen-learn .compare__header__cta .button--secondary:hover {
    color: #579802
}

@media (max-width:1022px) {
    .gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary {
        display: block;
        text-align: center
    }
}

@media (min-width:1023px) {
    .gen-home .compare__header__cta .button--secondary, .gen-learn .compare__header__cta .button--secondary {
        margin-right: 15px
    }

    .gen-home .compare__header__cta .button--secondary:last-child, .gen-learn .compare__header__cta .button--secondary:last-child {
        margin-right: 0
    }
}

@media (max-width:1022px) {
    .gen-home .compare__instructions--desktop, .gen-learn .compare__instructions--desktop {
        display: none
    }
}

@media (min-width:1023px) {
    .gen-home .compare__instructions--mobile, .gen-learn .compare__instructions--mobile {
        display: none
    }
}

.gen-home .compare__mobile-cta, .gen-learn .compare__mobile-cta {
    margin-top: 30px;
    text-align: center
}

@media (min-width:1023px) {
    .gen-home .compare__mobile-cta, .gen-learn .compare__mobile-cta {
        display: none
    }
}

@media (max-width:767px) {
    .gen-home .compare__mobile-cta a, .gen-learn .compare__mobile-cta a {
        width: 100%
    }
}

.gen-home .compare__selection-container + .compare__mobile-cta, .gen-learn .compare__selection-container + .compare__mobile-cta {
    margin-top: 45px
}

.gen-home .compare #compare-reset, .gen-home .compare #compare-start, .gen-learn .compare #compare-reset, .gen-learn .compare #compare-start {
    display: none
}

.gen-home .compare__selection-container, .gen-learn .compare__selection-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0
}

.gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card {
    width: 50%
}

.gen-home .compare__selection-container .card:first-child:nth-last-child(3), .gen-home .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .gen-home .compare__selection-container .card:first-child:nth-last-child(4), .gen-home .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .gen-home .compare__selection-container .card:first-child:nth-last-child(5), .gen-home .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .gen-home .compare__selection-container .card:first-child:nth-last-child(6), .gen-home .compare__selection-container .card:first-child:nth-last-child(6) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(3), .gen-learn .compare__selection-container .card:first-child:nth-last-child(3) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(4), .gen-learn .compare__selection-container .card:first-child:nth-last-child(4) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(5), .gen-learn .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(6), .gen-learn .compare__selection-container .card:first-child:nth-last-child(6) ~ .card {
    width: 32.3333%
}

@media (min-width:1023px) {
    .gen-home .compare__selection-container .card, .gen-learn .compare__selection-container .card {
        width: 24%
    }

    .gen-home .compare__selection-container .card:first-child:nth-last-child(5), .gen-home .compare__selection-container .card:first-child:nth-last-child(5) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(5), .gen-learn .compare__selection-container .card:first-child:nth-last-child(5) ~ .card {
        width: 20%
    }

    .gen-home .compare__selection-container .card:first-child:nth-last-child(6), .gen-home .compare__selection-container .card:first-child:nth-last-child(6) ~ .card, .gen-learn .compare__selection-container .card:first-child:nth-last-child(6), .gen-learn .compare__selection-container .card:first-child:nth-last-child(6) ~ .card {
        width: 15.6%
    }
}

.gen-home .coupons, .gen-learn .coupons {
    margin: 75px 0;
    position: relative;
    width: 100%
}

.gen-home .coupons__carousel, .gen-learn .coupons__carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.gen-home .data-action, .gen-learn .data-action {
    margin: 75px 0
}

.gen-home .data-action:first-child, .gen-learn .data-action:first-child {
    margin-top: 0
}

.gen-home .data-action__button, .gen-learn .data-action__button {
    display: inline-block;
    margin-top: 15px;
    padding-right: 45px;
    position: relative
}

.gen-home .data-action__button button[disabled], .gen-learn .data-action__button button[disabled] {
    background-color: #747474;
    border-color: #747474;
    display: none
}

.gen-home .data-action__button button[disabled]:hover, .gen-learn .data-action__button button[disabled]:hover {
    background-color: #747474;
    border-color: #747474
}

.gen-home .data-action__error, .gen-home .data-action__stored, .gen-home .data-action__success, .gen-learn .data-action__error, .gen-learn .data-action__stored, .gen-learn .data-action__success {
    display: none
}

.gen-home .data-action__modal, .gen-learn .data-action__modal {
    background-color: rgba(0,0,0,.75);
    bottom: 0;
    height: 100%;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 7
}

.gen-home .data-action__modal[aria-hidden=false], .gen-learn .data-action__modal[aria-hidden=false] {
    display: block
}

.gen-home .data-action__modal__cta, .gen-learn .data-action__modal__cta {
    margin-top: 30px;
    text-align: right
}

.gen-home .data-action__modal__cta .delete-cancel, .gen-learn .data-action__modal__cta .delete-cancel {
    border: none
}

.gen-home .data-action__modal__cta .delete-cancel:hover, .gen-learn .data-action__modal__cta .delete-cancel:hover {
    background-color: transparent;
    color: #579802
}

.gen-home .data-action__modal__inner, .gen-learn .data-action__modal__inner {
    background-color: #fff;
    max-height: 80%;
    max-width: 80%;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.gen-home .data-action-modal--open, .gen-learn .data-action-modal--open {
    overflow: hidden;
    display:block;
}

.gen-home .data-action-modal--open .page-content, .gen-learn .data-action-modal--open .page-content {
    z-index: 1
}

.gen-home .featured-block, .gen-learn .featured-block {
    clear: both;
    margin: 60px auto 30px;
    position: relative;
    width: 100%
}

@media (min-width:768px) and (max-width:1099px) {
    .gen-home .featured-block, .gen-learn .featured-block {
        width: 85%
    }
}

.gen-home .featured-block__inner, .gen-learn .featured-block__inner {
    box-shadow: 0 0 40px 0 rgba(0,0,0,.08)
}

.gen-home .featured-block:not(.featured-block--basic) .featured-block__inner, .gen-learn .featured-block:not(.featured-block--basic) .featured-block__inner {
    border-radius: 5px;
    overflow: hidden
}

.gen-home .featured-block--basic .featured-block__inner, .gen-learn .featured-block--basic .featured-block__inner {
    box-shadow: none
}

.gen-home .featured-block .video-trigger, .gen-learn .featured-block .video-trigger {
    display: inline-block;
    max-width: 100%;
    width: auto
}

.gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger__inner:first-child {
    max-width: 100%;
    width: 209px
}

@media (max-width:1099px) {
    .gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger__inner:first-child {
        margin: 0 auto
    }
}

.gen-home .featured-block .button-row .button, .gen-learn .featured-block .button-row .button {
    width: 100%
}

@media (max-width:767px) {
    .featured-products__footer {
        padding-left: 30px;
        padding-top: 15px;
    }

    .gen-home .featured-block .button-row, .gen-home .featured-block .video-trigger, .gen-home .featured-block .video-trigger__inner:first-child, .gen-learn .featured-block .button-row, .gen-learn .featured-block .video-trigger, .gen-learn .featured-block .video-trigger__inner:first-child {
        width: 100%
    }
}

.gen-home .featured-products, .gen-learn .featured-products {
    margin: 75px 0;
    clear: both;
    float: left;
    position: relative;
    width: 100%
}

@media (max-width:1399px) {
    .gen-home .featured-products .wrapper, .gen-learn .featured-products .wrapper {
        padding: 0;
        width: 100%
    }

    .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header {
        padding-right: 30px;
        padding-left: 30px
    }

    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        padding-left: 30px
    }
}

@media (max-width:1399px) and (min-width:480px) and (max-width:767px) {
    .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media (max-width:1399px) and (min-width:768px) and (max-width:1399px) {
    .gen-home .featured-products__content, .gen-home .featured-products__header, .gen-learn .featured-products__content, .gen-learn .featured-products__header {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media (max-width:1399px) and (min-width:480px) and (max-width:767px) {
    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        padding-left: 45px
    }
}

@media (max-width:1399px) and (min-width:768px) and (max-width:1399px) {
    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        padding-left: 60px
    }
}

@media (min-width:768px) {
    .gen-home .featured-products__content, .gen-learn .featured-products__content {
        margin-top: 60px
    }
}

.gen-home .featured-products__content .button--secondary, .gen-learn .featured-products__content .button--secondary {
    color: #64a70b
}

.gen-home .featured-products__content h3, .gen-learn .featured-products__content h3 {
    font-size: 48px;
    line-height: 50px
}

.gen-home .featured-products__content p, .gen-learn .featured-products__content p {
    margin-bottom: 42px
}

.gen-home .featured-products__content .button, .gen-learn .featured-products__content .button {
    width: 100%
}

@media (min-width:768px) {
    .gen-home .featured-products__content .button, .gen-learn .featured-products__content .button {
        max-width: 300px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.gen-home .featured-products__content .button ~ .button, .gen-learn .featured-products__content .button ~ .button {
    margin-top: 10px
}

@media (max-width:767px) {
    .gen-home .featured-products__content h3, .gen-learn .featured-products__content h3 {
        text-align: center
    }

    .gen-home .featured-products__content .featured-products__disclaimer, .gen-home .featured-products__content p, .gen-learn .featured-products__content .featured-products__disclaimer, .gen-learn .featured-products__content p {
        display: none
    }

    .gen-home .featured-products__content .button, .gen-learn .featured-products__content .button {
        display: block;
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .gen-home .featured-products__child-carousel, .gen-home .featured-products__content, .gen-learn .featured-products__child-carousel, .gen-learn .featured-products__content {
        float: left
    }

    .gen-home .featured-products__content, .gen-learn .featured-products__content {
        padding-right: 30px;
        width: 50%
    }

    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        width: 50%
    }
}

@media (min-width:1025px) {
    .gen-home .featured-products__child-carousel, .gen-home .featured-products__content, .gen-learn .featured-products__child-carousel, .gen-learn .featured-products__content {
        float: left
    }

    .gen-home .featured-products__content, .gen-learn .featured-products__content {
        padding-right: 30px;
        width: 33.33%
    }

    .gen-home .featured-products__child-carousel, .gen-learn .featured-products__child-carousel {
        width: 66.66%
    }
}

.gen-home .featured-products__disclaimer, .gen-learn .featured-products__disclaimer {
    margin-top: 30px
}

.gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width:768px) {
    .gen-home .featured-products__header, .gen-learn .featured-products__header {
        display: table;
        width: 100%
    }

    .gen-home .featured-products__header .featured-products__pagination, .gen-home .featured-products__header h2, .gen-learn .featured-products__header .featured-products__pagination, .gen-learn .featured-products__header h2 {
        display: table-cell;
        vertical-align: top
    }

    .gen-home .featured-products__header h2, .gen-learn .featured-products__header h2 {
        width: 33.33%
    }

    .gen-home .featured-products__header .featured-products__pagination, .gen-learn .featured-products__header .featured-products__pagination {
        padding-left: 5%;
        width: 66.66%
    }
}

.gen-home .featured-products__pagination > .slick-dots, .gen-learn .featured-products__pagination > .slick-dots {
    bottom: auto;
    display: table;
    position: relative;
    text-align: left;
    width: 100%
}

@media (min-width:768px) {
    .gen-home .featured-products__pagination > .slick-dots, .gen-learn .featured-products__pagination > .slick-dots {
        text-align: right
    }
}

.gen-home .featured-products__pagination > .slick-dots li, .gen-learn .featured-products__pagination > .slick-dots li {
    display: table-cell
}

.gen-home .featured-products__pagination > .slick-dots li, .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li, .gen-learn .featured-products__pagination > .slick-dots li button {
    height: auto;
    width: auto
}

.gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li button {
    background-color: transparent;
    border-radius: 0;
    color: #000;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-right: 7.5px;
    position: relative;
    text-align: left
}

.gen-home .featured-products__pagination > .slick-dots li button:before, .gen-learn .featured-products__pagination > .slick-dots li button:before {
    background-color: #64a70b;
    border-radius: 5%;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    transition: height .3s linear;
    width: 100%
}

@media (min-width:1023px) {
    .gen-home .featured-products__pagination > .slick-dots li button, .gen-learn .featured-products__pagination > .slick-dots li button {
        margin-right: 0
    }
}

.gen-home .featured-products__pagination > .slick-dots li.slick-active button:before, .gen-home .featured-products__pagination > .slick-dots li button:hover:before, .gen-learn .featured-products__pagination > .slick-dots li.slick-active button:before, .gen-learn .featured-products__pagination > .slick-dots li button:hover:before {
    height: 3px;
    opacity: 1
}

.gen-home .featured-products__pagination > .slick-dots li.slick-active button, .gen-learn .featured-products__pagination > .slick-dots li.slick-active button {
    font-weight: 700
}

.gen-home .global-footer, .gen-learn .global-footer {
    background-color: #f4f4f4;
    font-size: 16px;
    line-height: 24px;
    padding-top: 60px
}

.gen-home .global-footer__middle, .gen-home .global-footer__top, .gen-learn .global-footer__middle, .gen-learn .global-footer__top {
    padding-bottom: 30px;
    padding-top: 30px
}

.gen-home .global-footer__middle, .gen-learn .global-footer__middle {
    padding-bottom: 60px
}

@media (min-width:768px) {
    .gen-home .global-footer__middle__left, .gen-learn .global-footer__middle__left {
        width: 100%
    }

    .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__right {
        margin-top: 45px;
        width: 305px
    }
}

@media (min-width:1023px) {
    .gen-home .global-footer__middle__left, .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__left, .gen-learn .global-footer__middle__right {
        float: left
    }

    .gen-home .global-footer__middle__left, .gen-learn .global-footer__middle__left {
        margin-right: 2.85714%;
        width: 74.28571%;
        width: calc(97.14286% - 305px)
    }

    .gen-home .global-footer__middle__right, .gen-learn .global-footer__middle__right {
        margin-top: 0;
        width: 305px
    }
}

@media (max-width:767px) {
    .gen-home .global-footer__top, .gen-learn .global-footer__top {
        padding-bottom: 0
    }
}

.gen-home .global-header, .gen-learn .global-header {
    background-color: #64a70b;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    transition: all .3s linear;
    width: 100%;
    z-index: 4
}

.gen-home .global-header.headroom--not-top, .gen-learn .global-header.headroom--not-top {
    left: 0;
    position: fixed;
    top: 0
}

.gen-home .global-header.headroom--not-top + *, .gen-learn .global-header.headroom--not-top + * {
    margin-top: 94px
}

[data-nav-open=true] .gen-home .global-header.headroom--not-top, [data-nav-open=true] .gen-learn .global-header.headroom--not-top {
    position: relative
}

[data-nav-open=true] .gen-home .global-header.headroom--not-top + *, [data-nav-open=true] .gen-learn .global-header.headroom--not-top + * {
    margin-top: 0
}

.gen-home .global-header__container > .wrapper > .row, .gen-learn .global-header__container > .wrapper > .row {
    position: relative
}

@media (min-width:900px) {
    .gen-home .global-header__container > .wrapper > .row, .gen-learn .global-header__container > .wrapper > .row {
        -ms-flex-align: end;
        align-items: flex-end;
        display: -ms-flexbox;
        display: flex
    }

    .gen-home .global-header__container > .wrapper > .row .global-header__left, .gen-home .global-header__container > .wrapper > .row .global-header__right, .gen-learn .global-header__container > .wrapper > .row .global-header__left, .gen-learn .global-header__container > .wrapper > .row .global-header__right {
        float: none
    }
}

@media (min-width:900px) {
    .gen-home .global-header__left, .gen-learn .global-header__left {
        margin-right: 4%;
        width: 50px
    }

    .gen-home .global-header__right, .gen-learn .global-header__right {
        position: relative;
        width: 90%;
        width: calc(96% - 50px)
    }
}

.gen-home .hero, .gen-learn .hero {
    clear: both;
    font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 0
}

@media (min-width:1023px) {
    .gen-home .hero, .gen-learn .hero {
        display: -ms-flexbox;
        display: flex;
        min-height: 600px;
        text-align: left
    }
}

.gen-home .hero .video-trigger, .gen-learn .hero .video-trigger {
    outline: none
}

.gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta {
    max-width: 100%;
    padding: 0;
    width: 320px
}

@media (max-width:1022px) {
    .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta {
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .gen-home .hero.has-secondary-cta .hero__cta, .gen-learn .hero.has-secondary-cta .hero__cta {
        width: 335px
    }
}

.gen-home .hero.has-secondary-cta .hero__cta .button-row, .gen-learn .hero.has-secondary-cta .hero__cta .button-row {
    max-width: 100%
}

.gen-home .hero.has-secondary-cta .hero__video + .button-row, .gen-learn .hero.has-secondary-cta .hero__video + .button-row {
    margin-top: -15px
}

@media (min-width:1200px) {
    .gen-home .hero.has-secondary-cta .hero__inner, .gen-learn .hero.has-secondary-cta .hero__inner {
        max-width: 50%
    }
}

.gen-home .hero.has-secondary-cta .video-trigger, .gen-learn .hero.has-secondary-cta .video-trigger {
    display: inline-block;
    width: auto
}

@media (max-width:1022px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width:1022px) and (min-width:480px) and (max-width:767px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media (max-width:1022px) and (min-width:768px) and (max-width:1399px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        padding-right: 60px;
        padding-left: 60px
    }
}

.gen-home .hero__content h2, .gen-learn .hero__content h2 {
    font-size: 20px;
    line-height: 26px;
    color: #000;
}

@media (min-width:768px) {
    .gen-home .hero__content h2, .gen-learn .hero__content h2 {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
    }
}

@media (min-width:1023px) {
    .gen-home .hero__content, .gen-learn .hero__content {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        padding-left: 60px;
        padding-right: 60px
    }

    .gen-home .hero__content, .gen-home .hero__content p, .gen-learn .hero__content, .gen-learn .hero__content p {
        color: #fff
    }
}

.gen-home .hero__cta, .gen-learn .hero__cta {
    margin-bottom: 0;
    margin-top: 30px;
    padding: 0 15px
}

@media (min-width:1023px) {
    .gen-home .hero__cta, .gen-learn .hero__cta {
        padding: 0
    }
}

.gen-home .hero__cta .button-wrapper + .button-wrapper, .gen-learn .hero__cta .button-wrapper + .button-wrapper {
    margin-top: 15px
}

@media (max-width:1022px) {
    .gen-home .hero__cta .button--white, .gen-learn .hero__cta .button--white {
        border-color: #64a70b;
        color: #64a70b
    }
}

.gen-home .hero__image, .gen-learn .hero__image {
    display: none
}

@media (min-width:1023px) {
    .gen-home .hero__image, .gen-learn .hero__image {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .gen-home .hero__image img, .gen-learn .hero__image img {
        left: 50%;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transition: all .3s linear;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: auto
    }
}

@media (min-width:1023px) {
    .gen-home .hero__image--mobile, .gen-learn .hero__image--mobile {
        display: none
    }
}

.gen-home .hero__image .hero__background-video, .gen-learn .hero__image .hero__background-video {
    height: 0;
    right: 0;
    opacity: 0;
    padding-bottom: 56.25%;
    position: absolute;
    top: 0;
    transition: all .3s linear;
    width: 100%
}

.gen-home .hero__image .hero__background-video iframe, .gen-learn .hero__image .hero__background-video iframe {
    height: 100%;
    right: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

@media (min-width:1023px) {
    .gen-home .hero__image .hero__background-video, .gen-learn .hero__image .hero__background-video {
        min-height: 100%;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .gen-home .hero__image .hero__background-video iframe, .gen-learn .hero__image .hero__background-video iframe {
        min-width: 1405px;
        top: 0;
        -ms-transform: none;
        transform: none
    }
}

.gen-home .hero__image.js-video-playing .hero__background-video, .gen-learn .hero__image.js-video-playing .hero__background-video {
    opacity: 1
}

.gen-home .hero__inner, .gen-learn .hero__inner {
    padding: 30px 0
}

@media (min-width:1023px) {
    .gen-home .hero__inner, .gen-learn .hero__inner {
        max-width: 60%;
        padding: 60px 0;
    }
}

@media (max-width:1022px) {
    .gen-home .hero__inner p, .gen-learn .hero__inner p {
        font-size: 16px;
        line-height: 24px
    }
}

.gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text {
    color: #fff
}

@media (max-width:1022px) {
    .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text {
        color: #64a70b
    }
}

@media (max-width:1022px) {
    .gen-home .hero__modal-trigger img + .video-trigger__inner, .gen-learn .hero__modal-trigger img + .video-trigger__inner {
        display: block;
        text-align: center
    }

    .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__icon:before {
        position: relative;
        margin-top: 0
    }

    .gen-home .hero__modal-trigger img + .video-trigger__inner .video-trigger__text, .gen-learn .hero__modal-trigger img + .video-trigger__inner .video-trigger__text {
        width: auto !important
    }
}

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    background-color: #fff
}

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon {
    background-color: #4e8828;
    border-color: #4e8828
}

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__icon:before {
    color: #fff
}

.gen-home .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text, .gen-learn .hero__modal-trigger:hover .video-trigger__inner:first-child .video-trigger__text {
    color: #64a70b
}

.gen-home .hero__modal-trigger:hover img + .video-trigger__inner .video-trigger__icon:before, .gen-learn .hero__modal-trigger:hover img + .video-trigger__inner .video-trigger__icon:before {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.gen-home .hero__video, .gen-learn .hero__video {
    margin: 30px 0
}

@media (min-width:768px) and (max-width:1022px) {
    .gen-home .hero:not(.hero--callout) .video-trigger img + .video-trigger__inner, .gen-learn .hero:not(.hero--callout) .video-trigger img + .video-trigger__inner {
        padding-right: 0
    }
}

.gen-home .hero:not(.hero--callout) .button-row, .gen-learn .hero:not(.hero--callout) .button-row {
    max-width: 400px
}

@media (max-width:1022px) {
    .gen-home .hero:not(.hero--callout) .button-row, .gen-learn .hero:not(.hero--callout) .button-row {
        margin: 0 auto
    }
}

.gen-home .hero:not(.hero--callout) .button-row .button, .gen-learn .hero:not(.hero--callout) .button-row .button {
    width: 100%
}

.gen-home .hero--callout, .gen-learn .hero--callout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1340px
}

@media (min-width:1023px) {
    .gen-home .hero--callout, .gen-learn .hero--callout {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        min-height: 410px
    }
}

.gen-home .hero--callout .hero__content h2, .gen-learn .hero--callout .hero__content h2 {
    font-size: 38px;
    line-height: 42px
}

@media (min-width:768px) {
    .gen-home .hero--callout .hero__content h2, .gen-learn .hero--callout .hero__content h2 {
        font-size: 44px;
        line-height: 48px
    }
}

.gen-home .hero--callout .hero__content p, .gen-learn .hero--callout .hero__content p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .hero--callout .hero__content p, .gen-learn .hero--callout .hero__content p {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width:767px) {
    .gen-home .hero--callout .hero__cta, .gen-learn .hero--callout .hero__cta {
        padding-left: 0;
        padding-right: 0
    }

    .gen-home .hero--callout .hero__cta .button, .gen-learn .hero--callout .hero__cta .button {
        width: 100%
    }
}

@media (max-width:1022px) {
    .gen-home .hero--callout .hero__inner, .gen-learn .hero--callout .hero__inner {
        padding-bottom: 0
    }
}

@media (min-width:1023px) {
    .gen-home .hero--callout .hero__inner, .gen-learn .hero--callout .hero__inner {
        max-width: 45%
    }
}

@media (min-width:1023px) {
    .gen-home .hero--right .hero__content, .gen-learn .hero--right .hero__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .gen-home .hero--right .hero__image, .gen-learn .hero--right .hero__image {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .gen-home .hero--right .hero__image img, .gen-learn .hero--right .hero__image img {
        left: 25%;
        -ms-transform: translate(-25%,-50%);
        transform: translate(-25%,-50%)
    }
}

.gen-home .hero--full-width, .gen-learn .hero--full-width {
    max-width: none
}

@media (min-width:1023px) {
    .gen-home .hero--full-width, .gen-learn .hero--full-width {
        min-height: 500px
    }
}

@media (min-width:1200px) {
    .gen-home .hero--full-width, .gen-learn .hero--full-width {
        min-height: 600px
    }

    .gen-home .hero--full-width .hero__content p, .gen-learn .hero--full-width .hero__content p {
        font-size: 16px;
        line-height: 24px
    }
}

.gen-home .hero--has-bg, .gen-learn .hero--has-bg {
    background-size: cover;
    background-position: 50%;
    border-radius: 4px
}

@media (max-width:1400px) {
    .gen-home .hero--has-bg, .gen-learn .hero--has-bg {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:1022px) {
    .gen-home .hero--has-bg, .gen-learn .hero--has-bg {
        background-image: none !important
    }
}

@media (min-width:1023px) and (max-width:1199px) {
    .gen-home .hero--has-bg, .gen-learn .hero--has-bg {
        min-height: 350px
    }
}

@media (max-width:768px) {
    .gen-home .hero--has-bg .hero__content, .gen-learn .hero--has-bg .hero__content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:1200px) {
    .gen-home .hero--has-bg .hero__inner, .gen-learn .hero--has-bg .hero__inner {
        padding-left: 45px;
        padding-right: 45px
    }
}

.gen-home .hero--has-bg .hero__image, .gen-learn .hero--has-bg .hero__image {
    display: none
}

.gen-home .hero--has-bg .hero__image--mobile, .gen-learn .hero--has-bg .hero__image--mobile {
    border-radius: 4px;
    overflow: hidden
}

.gen-home .icon-callouts, .gen-learn .icon-callouts {
    clear: both;
    margin: 75px 0
}

@media (max-width:767px) {
    .gen-home .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts__item + .icon-callouts__item {
        margin-top: 30px
    }
}

.gen-home .icon-callouts__content, .gen-learn .icon-callouts__content {
    float: left;
    padding: 0 30px;
    width: 90%;
    width: calc(100% - 40px)
}

@media (min-width:768px) and (max-width:1023px) {
    .gen-home .icon-callouts__content, .gen-learn .icon-callouts__content {
        padding: 0 15px
    }
}

.gen-home .icon-callouts__content h2, .gen-learn .icon-callouts__content h2 {
    font-size: 20px;
    line-height: 26px
}

@media (min-width:768px) {
    .gen-home .icon-callouts__content h2, .gen-learn .icon-callouts__content h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.gen-home .icon-callouts__content h2 a, .gen-learn .icon-callouts__content h2 a {
    display: inline-block;
    transition-property: all;
    background-color: transparent;
    border: none;
    color: #222;
    padding: 0 5px 0 0;
    text-align: left
}

.gen-home .icon-callouts__content h2 a span:before, .gen-learn .icon-callouts__content h2 a span:before {
    color: #64a70b;
    font-size: 50%;
    margin-left: 5px;
    overflow: visible;
    top: 0;
    transition: transform .3s linear;
    width: 0
}

.gen-home .icon-callouts__content h2 a:hover, .gen-learn .icon-callouts__content h2 a:hover {
    background-color: transparent;
    color: #222
}

.gen-home .icon-callouts__image, .gen-learn .icon-callouts__image {
    float: left;
    width: 40px
}

.gen-home .icon-callouts--featured .row, .gen-learn .icon-callouts--featured .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    width: 100%
}

@media (max-width:767px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item + .icon-callouts__item {
        margin-top: 0
    }
}

@media (min-width:480px) and (max-width:1022px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item {
        width: 48%
    }

    .gen-home .icon-callouts--featured .row .icon-callouts__item:nth-child(2n), .gen-learn .icon-callouts--featured .row .icon-callouts__item:nth-child(2n) {
        margin-left: 2%
    }
}

@media (min-width:1023px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item {
        width: 23%
    }

    .gen-home .icon-callouts--featured .row .icon-callouts__item ~ .icon-callouts__item, .gen-learn .icon-callouts--featured .row .icon-callouts__item ~ .icon-callouts__item {
        margin-left: 2%
    }
}

.gen-home .icon-callouts--featured .row .icon-callouts__image, .gen-learn .icon-callouts--featured .row .icon-callouts__image {
    width: 66px
}

.gen-home .icon-callouts--featured .row .icon-callouts__image img, .gen-learn .icon-callouts--featured .row .icon-callouts__image img {
    height: 66px;
    width: auto
}

.gen-home .icon-callouts--featured .row .icon-callouts__content, .gen-learn .icon-callouts--featured .row .icon-callouts__content {
    padding: 0 15px;
    width: 90%
}

.gen-home .icon-callouts--featured .row .icon-callouts__content h2, .gen-learn .icon-callouts--featured .row .icon-callouts__content h2 {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

@media (min-width:768px) {
    .gen-home .icon-callouts--featured .row .icon-callouts__content h2, .gen-learn .icon-callouts--featured .row .icon-callouts__content h2 {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .icon-callouts--horizontal, .gen-learn .icon-callouts--horizontal {
    border-top: 1px solid #dbdbdb;
    padding-top: 90px
}

.gen-home .icon-callouts--large-image, .gen-learn .icon-callouts--large-image {
    border-top: 0;
    padding-top: 0
}

.gen-home .icon-callouts--large-image .icon-callouts__image, .gen-learn .icon-callouts--large-image .icon-callouts__image {
    width: 75px
}

.gen-home .icon-callouts--large-image .icon-callouts__content, .gen-learn .icon-callouts--large-image .icon-callouts__content {
    width: 80%;
    width: calc(100% - 75px)
}

.gen-home .icon-callouts--large-image .icon-callouts__content h2, .gen-learn .icon-callouts--large-image .icon-callouts__content h2 {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .icon-callouts--large-image .icon-callouts__content h2, .gen-learn .icon-callouts--large-image .icon-callouts__content h2 {
        font-size: 18px;
        line-height: 26px
    }
}

@media (min-width:768px) {
    .gen-home .icon-callouts--vertical, .gen-learn .icon-callouts--vertical {
        text-align: center
    }

    .gen-home .icon-callouts--vertical .icon-callouts__content, .gen-learn .icon-callouts--vertical .icon-callouts__content {
        margin-top: 15px;
        width: 100%
    }

    .gen-home .icon-callouts--vertical .icon-callouts__image, .gen-learn .icon-callouts--vertical .icon-callouts__image {
        float: none;
        margin: 0 auto;
        max-width: 150px;
        width: auto
    }
}

@media (max-width:767px) {
    .gen-home .icon-callouts--vertical .icon-callouts__item, .gen-learn .icon-callouts--vertical .icon-callouts__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .gen-home .icon-callouts--vertical .icon-callouts__item + .icon-callouts__item, .gen-learn .icon-callouts--vertical .icon-callouts__item + .icon-callouts__item {
        border-top: 1px solid #dbdbdb;
        margin-top: 15px;
        padding-top: 15px
    }

    .gen-home .icon-callouts--vertical .icon-callouts__content, .gen-home .icon-callouts--vertical .icon-callouts__image, .gen-learn .icon-callouts--vertical .icon-callouts__content, .gen-learn .icon-callouts--vertical .icon-callouts__image {
        float: none
    }
}

.gen-home .industry, .gen-learn .industry {
    margin: 75px 0;
    width: 100%
}

.gen-home .industry__logo, .gen-learn .industry__logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    margin-bottom: 15px
}

.gen-home .industry__logo img, .gen-learn .industry__logo img {
    max-width: 100%;
    margin: 0 auto;
    width: auto
}

.gen-home .industry .slick-arrow, .gen-learn .industry .slick-arrow {
    opacity: 0
}

.gen-home .industry .slick-arrow:focus, .gen-learn .industry .slick-arrow:focus {
    opacity: 1
}

.gen-home .industry .slick-prev, .gen-learn .industry .slick-prev {
    left: 0
}

[dir=rtl] .gen-home .industry .slick-prev, [dir=rtl] .gen-learn .industry .slick-prev {
    left: auto;
    right: 0
}

.gen-home .industry .slick-next, .gen-learn .industry .slick-next {
    right: 0
}

[dir=rtl] .gen-home .industry .slick-next, [dir=rtl] .gen-learn .industry .slick-next {
    left: 0;
    right: auto
}

.gen-home .industry .slick-slide, .gen-learn .industry .slick-slide {
    max-width: 300px;
    display: block
}

.gen-home .industry__slide, .gen-learn .industry__slide {
    padding: 0 15px;
    text-align: center
}

@media (min-width:1200px) {
    .gen-home .industry, .gen-learn .industry {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 90px auto;
        max-width: 1400px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }

    .gen-home .industry__slide, .gen-learn .industry__slide {
        -ms-flex: 1;
        flex: 1
    }
}

.gen-home .page-header .primary-nav-right .search-box form, .gen-learn .page-header .primary-nav-right .search-box form {
    display: inherit;
    width: 100%
}

@media (min-width:1400px) {
    .gen-home .product-carousel, .gen-learn .product-carousel {
        padding: 0 60px;
        position: relative;
        right: -30px
    }
}

.gen-home .product-carousel__pagination, .gen-learn .product-carousel__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .gen-home .product-carousel__pagination, .gen-learn .product-carousel__pagination {
        margin: 0 auto;
        max-width: 75%
    }
}

.gen-home .product-carousel__slide, .gen-learn .product-carousel__slide {
    padding-bottom: 30px;
    padding-top: 30px
}

.gen-home .product-carousel .carousel-pagination, .gen-learn .product-carousel .carousel-pagination {
    margin-top: 0
}

.gen-home .product-carousel .slick-slide, .gen-home .product-carousel .slick-slide > div, .gen-home .product-carousel .slick-track, .gen-learn .product-carousel .slick-slide, .gen-learn .product-carousel .slick-slide > div, .gen-learn .product-carousel .slick-track {
    display: -ms-flexbox;
    display: flex
}

.gen-home .product-carousel__slide, .gen-learn .product-carousel__slide {
    display: -ms-flexbox !important;
    display: flex !important
}

.gen-home .product-carousel__slide .card, .gen-learn .product-carousel__slide .card {
    width: 100%
}

.gen-home .product-carousel .slick-slide, .gen-learn .product-carousel .slick-slide {
    float: none;
    height: auto
}

.gen-home .product-teaser, .gen-learn .product-teaser {
    background-color: #fff;
    font-family: Harmonia Sans Pro Semi-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;
    overflow: hidden;
    position: relative;
    text-align: center
}

.gen-home .product-teaser *, .gen-learn .product-teaser * {
    box-sizing: border-box
}

.gen-home .product-teaser h1, .gen-learn .product-teaser h1 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .gen-home .product-teaser h1, .gen-learn .product-teaser h1 {
        font-size: 60px;
        line-height: 70px
    }
}

@media (max-width:479px) {
    .gen-home .product-teaser h1, .gen-learn .product-teaser h1 {
        font-size: 42px;
        line-height: 50px
    }
}

.gen-home .product-teaser p, .gen-learn .product-teaser p {
    color: #747474;
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .gen-home .product-teaser p, .gen-learn .product-teaser p {
        font-size: 18px;
        line-height: 26px
    }
}

.gen-home .product-teaser sup, .gen-learn .product-teaser sup {
    font-size: 60%;
    position: relative;
    top: -1%
}

.gen-home .product-teaser__background, .gen-learn .product-teaser__background {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.gen-home .product-teaser__background__left, .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__left, .gen-learn .product-teaser__background__right {
    position: absolute;
    top: 30px;
    width: 400px
}

@media (min-width:768px) {
    .gen-home .product-teaser__background__left, .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__left, .gen-learn .product-teaser__background__right {
        top: 0;
        width: 600px
    }
}

.gen-home .product-teaser__background__left, .gen-learn .product-teaser__background__left {
    right: 80%
}

@media (min-width:768px) {
    .gen-home .product-teaser__background__left, .gen-learn .product-teaser__background__left {
        right: 90%
    }
}

.gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__right {
    left: 80%
}

@media (min-width:768px) {
    .gen-home .product-teaser__background__right, .gen-learn .product-teaser__background__right {
        left: 90%
    }
}

.gen-home .product-teaser__container, .gen-learn .product-teaser__container {
    margin: 0 auto;
    max-width: 700px;
    padding-top: 15px;
    position: relative;
    width: 100%
}

.gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown {
    position: relative;
    z-index: 3
}

@media (max-width:767px) and (min-width:480px) {
    .gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown {
        padding: 0 15%
    }
}

.gen-home .product-teaser__cta, .gen-learn .product-teaser__cta {
    margin: 15px 0
}

.gen-home .product-teaser__cta .btn, .gen-learn .product-teaser__cta .btn {
    font-weight: 700;
    padding-left: 60px;
    padding-right: 60px
}

.gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div {
    max-width: 277px;
    overflow: hidden
}

@media (max-width:767px) {
    .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div {
        margin: 30px auto 0
    }
}

@media (min-width:768px) {
    .gen-home .product-teaser__cta, .gen-learn .product-teaser__cta {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .gen-home .product-teaser__cta .btn, .gen-learn .product-teaser__cta .btn {
        margin-right: 15px
    }

    .gen-home .product-teaser__cta div, .gen-learn .product-teaser__cta div {
        margin-left: 15px
    }
}

.gen-home .product-teaser__image, .gen-learn .product-teaser__image {
    margin: 0 auto;
    max-width: 680px;
    z-index: 1
}

.gen-home .product-teaser__background, .gen-home .product-teaser__content, .gen-home .product-teaser__countdown, .gen-learn .product-teaser__background, .gen-learn .product-teaser__content, .gen-learn .product-teaser__countdown {
    opacity: 0;
    transition: all .9s ease-in
}

.gen-home .product-teaser__content, .gen-learn .product-teaser__content {
    transition-duration: 1s;
    overflow: hidden
}

.gen-home .product-teaser__content > *, .gen-learn .product-teaser__content > * {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 1.4s ease-out
}

.gen-home .product-teaser__image, .gen-learn .product-teaser__image {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 1.9s ease-out
}

.gen-home .product-teaser.load-in, .gen-home .product-teaser.load-in .product-teaser__background, .gen-home .product-teaser.load-in .product-teaser__content, .gen-home .product-teaser.load-in .product-teaser__countdown, .gen-learn .product-teaser.load-in, .gen-learn .product-teaser.load-in .product-teaser__background, .gen-learn .product-teaser.load-in .product-teaser__content, .gen-learn .product-teaser.load-in .product-teaser__countdown {
    opacity: 1
}

.gen-home .product-teaser.load-in .product-teaser__content, .gen-learn .product-teaser.load-in .product-teaser__content {
    transition-delay: .5s
}

.gen-home .product-teaser.load-in .product-teaser__content > *, .gen-learn .product-teaser.load-in .product-teaser__content > * {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.gen-home .product-teaser.load-in .product-teaser__countdown, .gen-learn .product-teaser.load-in .product-teaser__countdown {
    transition-delay: .3s
}

.gen-home .product-teaser.load-in .product-teaser__image, .gen-learn .product-teaser.load-in .product-teaser__image {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1.4s
}

.gen-home .social-carousel, .gen-learn .social-carousel {
    margin: 75px 0
}

.gen-home .social-carousel__header, .gen-learn .social-carousel__header {
    margin-bottom: 30px;
    text-align: center
}

.gen-home .social-carousel__header h2, .gen-learn .social-carousel__header h2 {
    margin-bottom: 0
}

.gen-home .social-carousel__header h2 + p, .gen-learn .social-carousel__header h2 + p {
    margin-top: 7.5px
}

.gen-home .social-carousel__container, .gen-learn .social-carousel__container {
    padding-bottom: 15px
}

.gen-home .user-action__item, .gen-learn .user-action__item {
    margin: 30px 0
}

.gen-home .user-action__item:first-child, .gen-learn .user-action__item:first-child {
    margin-top: 0
}

.gen-home .user-action__item a:hover, .gen-learn .user-action__item a:hover {
    color: #579802
}

.gen-home .user-action__screen, .gen-learn .user-action__screen {
    margin-top: 15px
}

.headroom--not-top + .page-content .gen-home .scroll_nav, .headroom--not-top + .page-content .gen-learn .scroll_nav {
    top: 94px
}

.headroom--not-top + .page-content .gen-home .scroll-spy, .headroom--not-top + .page-content .gen-learn .scroll-spy {
    top: 94px;
    z-index: 4
}

.gen-learn .communityFooterBG, .gen-learn .page-footer {
    z-index: 1
}

.cart-title {
    display: none
}

#cart-table {
    width: 100%;
}

th {
    text-align: left;
}

#cart-table-top.bonus-top.item-list {
    margin-bottom: 0
}

#cart-table-top.bonus-top.item-list tr {
    border: 0
}

#cart-table-top.bonus-top.item-list td {
    padding: 0
}

#cart-table-top.bonus-top.item-list .bonus-item-promo {
    padding: .9375rem 0
}

#kosikForm {
    border-top: 1px solid #ebebeb
}

@media only screen and (min-width: 768px) {
    #kosikForm {
        border: 0
    }
}

#cart-table thead {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table thead {
        display: table-header-group
    }
}

#cart-table thead .section-header {
    background-color: #f3f3f3;
    text-transform: none;
    font-size: 15px;
    font-size: .9375rem;
    padding: .5rem 0;
}

#cart-table thead .section-header:first-child {
    padding: 0 1.25rem
}

#cart-table thead .section-header:last-child {
    padding: 0 1rem
}

#cart-table thead .gift {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table thead .gift {
        display: table-cell
    }
}

#cart-table tr:first-child {
    border: 0
}

#cart-table tr.cart-row {
    position: relative
}

@media only screen and (min-width: 768px) {
    #cart-table tr.cart-row {
        display: table-row;
        position: initial;
        border-bottom: 1px solid #ebebeb
    }
}

#cart-table td {
    box-sizing: border-box;
    padding: .3125rem 0 1.25rem 0
}

@media only screen and (min-width: 768px) {
    #cart-table td {
        padding: .9375rem 0
    }
}

#cart-table td .cart-promo {
    float: left;
    padding: 0
}

#cart-table td .bonus-item-actions {
    display: none
}

#cart-table td .bonus-item-actions a.button {
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    margin-top: .3125rem
}

@media only screen and (min-width: 768px) {
    #cart-table td .bonus-item-actions {
        text-align: right;
        display: inline-block;
        width: 20%
    }
}

#cart-table td.cart-promo-footer {
    padding: 0
}

#cart-table td.cart-promo-footer .cart-promo {
    border-top: 1px solid #ebebeb;
    padding: .9375rem 0
}

#cart-table td .bonus-item-details {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    color: #64a70b;
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    #cart-table td .bonus-item-details {
        width: 50%;
        margin: .625rem 0 .3125rem 0;
        display: inline-block
    }
}

#cart-table td .bonus-item-details a.tooltip {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline
}

#cart-table td .bonus-item-details .bonus-item-actions-m {
    display: inline-block;
    width: 100%;
    margin-top: 1.25rem
}

@media only screen and (min-width: 768px) {
    #cart-table td .bonus-item-details .bonus-item-actions-m {
        text-align: right;
        display: none;
        width: auto
    }
}

#cart-table td .bonus-item-details .bonus-item-actions-m a.button {
    width: 100%;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    #cart-table td .bonus-item-details .bonus-item-actions-m a.button {
        width: auto
    }
}

#cart-table .header-total-price {
    text-align: right;
}

#cart-table .item-image {
    float: left;
    text-align: center;
    width: 40%
}

@media only screen and (min-width: 768px) {
    #cart-table .item-image {
        float: none;
        width: 40%;
        width: 10.625rem
    }
}

#cart-table .item-image img {
    width: 99%;
    min-width: 5.625rem;
    max-width: 200px;
}

#cart-table .item-details {
    float: left;
    width: 60%;
    padding: .9375rem .9375rem 0 1.25rem
}

@media only screen and (min-width: 768px) {
    #cart-table .item-details {
        float: none;
        width: auto;
        width: 32%;
        padding: .9375rem 1.875rem
    }
}

#cart-table .item-details .item-quantity-m {
    display: block;
    text-align: left;
    width: .625rem;
    margin-top: .625rem;
    width: 100%
}

#cart-table .item-details .item-quantity-m span {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    #cart-table .item-details .item-quantity-m {
        display: none
    }
}

#cart-table .item-details .item-quantity-t {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table .item-details .item-quantity-t {
        display: none
    }
}

#cart-table .item-details promo-adjustment {
    color: #1a1a1a;
    font-size: 13px;
    font-size: .8125rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

#cart-table .item-details .name {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.25rem
}

@media only screen and (min-width: 768px) {
    #cart-table .item-details .name {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

#cart-table .item-details .sku {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400
}

#cart-table .item-details .sku .value {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400
}

#cart-table .item-details .item-edit-details a {
    font-size: 12px;
    font-size: .75rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    text-decoration: underline
}

#cart-table .gift-options {
    width: 100%;
    float: left;
    padding: 0
}

@media only screen and (min-width: 768px) {
    #cart-table .gift-options {
        width: 16%;
        padding: .3125rem 0 1.25rem 1%;
        font-size: 14px;
        font-size: .875rem;
        float: none
    }
}

#cart-table .gift-options .item-stock {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table .gift-options .item-stock {
        display: block
    }
}

#cart-table .gift-options .gift-options-inner {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table .gift-options .gift-options-inner {
        display: block;
        padding: .625rem 0 0 0
    }
}

#cart-table .gift-options a {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table .gift-options a {
        display: block;
        text-decoration: underline
    }
}

#cart-table .gift-options-m {
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    float: left
}

@media only screen and (min-width: 768px) {
    #cart-table .gift-options-m {
        display: none
    }
}

#cart-table .gift-options-m a {
    text-decoration: underline
}

#cart-table .item-quantity {
    clear: left;
    float: left;
    text-align: center;
    width: 100%;
    margin-left: 40%;
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity {
        clear: none;
        display: table-cell;
        text-align: left;
        margin-left: 0;
    }
}

#cart-table .item-quantity .select-style {
    width: 90%
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity .select-style {
        width: 85%
    }
}

#cart-table .item-quantity .button-text {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    text-decoration: underline;
    color: #000;
    min-height: 0
}

#cart-table .item-quantity .item-quantity-t {
    display: none
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity .item-quantity-t {
        display: none
    }
}

#cart-table .item-quantity .item-quantity-m {
    display: block
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity .item-quantity-m {
        display: none
    }
}

#cart-table .item-quantity-details {
    display: none;
    width: 40%
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity-details {
        display: table-cell;
        min-width: 6.25rem;
        width: 20%
    }
}

#cart-table .item-quantity-details button {
    min-height: 0
}

#cart-table .item-quantity-m .button-text {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    text-decoration: underline;
    color: #000;
    min-height: 0
}

#cart-table .item-quantity-details-m {
    display: block;
    width: auto;
    max-width: inherit;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity-details-m {
        display: none
    }
}

#cart-table .item-quantity-details-m .item-user-actions .button-text {
    width: auto
}

#cart-table tr.rowcoupons .item-details .cartcoupon span {
    font-size: 12px;
    font-size: .75rem
}

#cart-table tr.rowcoupons .item-details .cartcoupon .label {
    font-weight: 700
}

#cart-table tr.rowcoupons .item-details .cartcoupon name {
    font-size: 15px;
    font-size: .9375rem
}

#cart-table tr.rowcoupons .item-details .discount {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem
}

#cart-table .item-quantity-details, #cart-table .item-quantity-details-m {
    text-align: left;
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity-details, #cart-table .item-quantity-details-m {
        padding: .875rem .5625rem 0 .625rem
    }
}

#cart-table .item-quantity-details .item-user-actions a, #cart-table .item-quantity-details .item-user-actions button, #cart-table .item-quantity-details-m .item-user-actions a, #cart-table .item-quantity-details-m .item-user-actions button {
    display: block;
    width: 100%;
    margin: 0;
    min-height: .625rem
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity-details .item-user-actions a, #cart-table .item-quantity-details .item-user-actions button, #cart-table .item-quantity-details-m .item-user-actions a, #cart-table .item-quantity-details-m .item-user-actions button {
        width: auto;
        height: 1.25rem
    }

    #cart-table .item-quantity-details .item-user-actions a span, #cart-table .item-quantity-details .item-user-actions button span, #cart-table .item-quantity-details-m .item-user-actions a span, #cart-table .item-quantity-details-m .item-user-actions button span {
        line-height: auto
    }
}

#cart-table .item-quantity-details ul.product-availability-list, #cart-table .item-quantity-details-m ul.product-availability-list {
    margin: .625rem 0 0 0;
    padding: 0;
    width: 5em;
    width: inherit;
    text-align: left
}

@media only screen and (min-width: 768px) {
    #cart-table .item-quantity-details ul.product-availability-list, #cart-table .item-quantity-details-m ul.product-availability-list {
        margin: 0;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        clear: both;
        width: 6.25rem;
        color: #a70b0b;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.25rem;
        margin: 0 0 .625rem 0
    }
}

#cart-table .item-quantity-details ul.product-availability-list li, #cart-table .item-quantity-details-m ul.product-availability-list li {
    list-style: none outside none;
    font-size: 14px;
    font-size: .875rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    color: #1a1a1a
}

#cart-table .item-quantity-details ul.product-availability-list .not-available, #cart-table .item-quantity-details-m ul.product-availability-list .not-available {
    color: #a70b0b
}

#cart-table .item-quantity-details ul.product-availability-list .on-order, #cart-table .item-quantity-details-m ul.product-availability-list .on-order {
    color: #64a70b
}

#cart-table .item-quantity-details button.button-text, #cart-table .item-quantity-details-m button.button-text {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    color: #1a1a1a;
    text-decoration: underline
}

#cart-table .item-price {
    float: left;
    display: none;
    padding: .75rem
}

@media only screen and (min-width: 768px) {
    #cart-table .item-price {
        float: none;
        width: 13%;
        display: table-cell;
        padding: .9375rem 0
    }
}

#cart-table .item-price .price-sales {
    font-size: 14px;
    font-size: .875rem
}

#cart-table .cart-row .price-promotion .price-sales {
    color: #1a1a1a
}

#cart-table .cart-row .price-promotion .price-standard {
    margin: 0 1em 0 0;
    text-decoration: line-through;
    color: #afafaf
}

@media only screen and (min-width: 768px) {
    #cart-table .cart-row .price-promotion .price-standard {
        display: block
    }
}

#cart-table .item-total {
    float: right;
    font-size: 14px;
    font-size: .875rem;
    text-align: left;
    width: calc(60% - 20px);
    margin-left: 45%;
    margin-top: .625rem
}

@media only screen and (min-width: 768px) {
    #cart-table .item-total {
        float: none;
        width: 13%;
        margin-left: 0;
        float: none;
        text-align: right;
        padding: .9375rem 1.25rem 0 0
    }
}

#cart-table .item-total .price-unadjusted {
    color: #afafaf
}

@media only screen and (min-width: 768px) {
    #cart-table .item-total .price-unadjusted {
        margin: 0
    }
}

#cart-table .item-total span {
    display: inline
}

@media only screen and (min-width: 768px) {
    #cart-table .item-total span {
        display: block;
        margin-top: 0
    }
}

#cart-table .price-unadjusted {
    color: #afafaf;
    display: inline;
    margin: 0 .625rem 0 0
}

#cart-table .price-unadjusted span {
    text-decoration: line-through
}

#cart-table .price-adjusted-total {
    color: #1a1a1a;
    display: inline;
    clear: both;
    margin: .42em 0 0
}

#cart-table .price-adjusted-total span {
    color: #64a70b
}

@media only screen and (min-width: 768px) {
    #cart-table .price-adjusted-total {
        display: block;
        margin-top: 0
    }
}

#cart-table .gift-cert-delivery {
    color: #64a70b
}

@media only screen and (min-width: 768px) {
    #cart-table .item-user-actions {
        width: 72px
    }

    #cart-table .item-total .promo-adjustment {
        width: 77px
    }
}

.cart-promo {
    color: #1a1a1a;
    font-style: italic;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 15px;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.cart-promo .bonus-item-actions {
    text-align: right;
    vertical-align: middle;
    display: none
}

@media only screen and (min-width: 768px) {
    .cart-promo .bonus-item-actions {
        display: inline-block;
        float: right;
        width: 20%
    }
}

.cart-promo-show {
    color: #1a1a1a;
    font-style: italic;
    margin: 0;
    padding: .625rem 0 0 0;
    float: left;
    width: 100%;
    font-size: 15px;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.cart-promo-show .bonus-item-actions {
    text-align: right;
    vertical-align: middle
}

.cart-footer {
    margin: .625rem 0 0 0
}

.cart-footer .cart-coupon-code {
    margin-top: .75rem
}

@media only screen and (min-width: 768px) {
    .cart-footer .cart-coupon-code {
        float: left;
        width: 60%
    }
}

.cart-footer .cart-coupon-code.coupon-show {
    display: none;
    padding-top: 1.25rem
}

@media only screen and (min-width: 768px) {
    .cart-footer .cart-coupon-code.coupon-show {
        display: none
    }
}

.cart-footer .cart-coupon-code.coupon-show input {
    width: calc(100% - 11.4em);
    margin-right: .75rem
}

@media only screen and (min-width: 768px) {
    .cart-footer .cart-coupon-code.coupon-show input {
        width: 45%
    }
}

@media only screen and (min-width: 768px) {
    .cart-footer .cart-coupon-code.large-up-show {
        display: block;
        margin-top: 0
    }
}

.cart-footer .cart-coupon-code.large-up-show input {
    margin-bottom: .5rem;
    width: 54%;
    margin-right: .3125rem
}

@media only screen and (min-width: 768px) {
    .cart-footer .cart-coupon-code.large-up-show input {
        width: 45%;
        margin-right: .9375rem
    }
}

.cart-footer .cart-coupon-code .error {
    padding-top: .4em
}

.pt_cart .cart-footer .cart-coupon-code button {
    margin-left: 0;
    top: .125rem;
    position: relative
}

.cart-footer-slot {
    border-top: 1px solid #ebebeb
}

.cart-footer-slot .html-slot-container {
    text-align: center;
    font-size: 15px;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    padding-top: 1.25rem;
    color: #64a70b
}

.cart-order-totals {
    margin: 1rem 0 0 0
}

@media only screen and (min-width: 48em) {
    .cart-order-totals {
        float: right;
        margin-top: 0;
        width: 26%
    }
}

.order-totals-table td {
    padding: 0;
    text-align: right;
    font-size: 14px;
    font-size: .875rem
}

.order-totals-table td:first-child {
    text-align: left
}

.order-totals-table .order-totals-item {
    width: 60%
}

.order-totals-table .order-totals-value {
    width: 40%
}

.order-totals-table .order-subtotal {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400
}

.order-totals-table .order-total {
    color: #64a70b;
    border-top: 1px solid #ebebeb
}

.order-totals-table .order-total td {
    padding: .625rem 0 0 0;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem
}

.order-totals-table .order-total td.order-value {
    width: 35%
}

.order-totals-table .order-sales-tax td {
    padding-bottom: 1.25rem
}

.order-value {
    white-space: nowrap
}

.cart-action-checkout {
    float: right;
    clear: both;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .cart-action-checkout {
        width: auto
    }
}

.cart-action-checkout button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cart-action-checkout button {
        clear: none;
        width: 100%;
        float: right
    }
}

.cart-actions-top {
    margin-top: 0;
    padding-bottom: .625rem
}

.cart-empty {
    margin-top: 4rem
}

.cart-empty h1 {
    text-align: center
}

.cart-empty .cart-action-continue-shopping {
    text-align: center;
    margin-bottom: 4rem
}

.cart-empty .product-listing h2, .cart-empty .recommendations h2 {
    text-align: center;
    margin: 0 auto;
    position: relative
}

.cart-empty .product-listing .search-result-items, .cart-empty .recommendations .search-result-items {
    margin-top: 1em
}

.cart-empty h3 {
    text-align: center;
    margin: 0 auto;
    color: #1a1a1a
}

.cart-empty .vip-text {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10%;
    font-weight: 700
}

.promo-adjustment {
    color: #64a70b
}

.pt_cart .cart-actions-div {
    float: left;
    width: 100%;
    border-top: 1px solid #ebebeb;
    padding: 1.25rem 0 0 0
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div {
        border-top: 1px solid #ebebeb;
        padding: .625rem 0 .625rem 0
    }
}

.pt_cart .cart-actions-div .col1 {
    float: left;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col1 {
        width: 42%;
        margin-top: 1.25rem
    }
}

.pt_cart .cart-actions-div .col1 .promo {
    padding: 0;
    display: block;
    color: #64a70b;
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col1 .promo {
        padding: 1.25rem 0
    }
}

.pt_cart .cart-actions-div .col1 .promo .cart-promo {
    padding: 0
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col1 .promo .cart-promo {
        color: #1a1a1a
    }
}

.pt_cart .cart-actions-div .col1 .promo .cart-promo.cart-promo-approaching span {
    color: #64a70b
}

.pt_cart .cart-actions-div .col1 .promo .cart-promo a.tooltip {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline
}

.pt_cart .cart-actions-div .col2 {
    width: 100%;
    float: right;
    margin-top: .5625rem
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col2 {
        width: 58%
    }
}

.pt_cart .cart-actions-div .col2 .cart-actions {
    width: 100%
}

.pt_cart .cart-actions-div .col2 .cart-actions .cart-action-continue-shopping {
    float: left;
    clear: both;
    margin: 0
}

.pt_cart .cart-actions-div .col2 .cart-actions .cart-action-continue-shopping button.button-text {
    line-height: 3.25em;
    margin-right: 1em;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    text-decoration: underline;
    color: #000
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col2 .cart-actions .cart-action-continue-shopping button.button-text {
        width: auto;
        float: right
    }
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col2 .cart-actions .cart-action-continue-shopping {
        width: auto;
        float: right;
        clear: none
    }
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col2 .cart-actions button {
        width: 300px
    }
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col2 .cart-actions button.textbutton {
        width: auto;
        float: right;
        margin-right: .9375rem
    }
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-div .col2 .cart-actions button.button-text {
        width: auto;
        float: right
    }
}

.pt_cart .approaching-discounts-footer {
    width: 100%;
    float: left
}

.pt_cart .approaching-discounts-footer span {
    color: #64a70b
}

.pt_cart .approaching-discounts-footer .approaching-discounts-inner {
    padding: 0 0 .9375rem 0;
    margin-bottom: .9375rem;
    border-bottom: 1px solid #ebebeb;
    width: 100%
}

.pt_cart .cart-actions-bottom {
    width: 100%
}

.pt_cart .cart-actions-bottom .cart-actions {
    float: right;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-bottom .cart-actions {
        width: 26%
    }
}

.pt_cart .cart-actions-bottom .cart-actions .cart-action-checkout {
    width: 100%
}

.pt_cart .cart-actions-bottom .cart-actions .cart-action-continue-shopping {
    float: left;
    clear: both
}

.pt_cart button.button-text {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    color: #64a70b;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    text-decoration: none
}

.pt_cart button.button-text:hover {
    text-decoration: underline
}

.pt_cart .cart-actions-bottom .cart-actions .cart-action-continue-shopping .button-text {
    margin-top: .625rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    text-decoration: underline;
    color: #000
}

@media only screen and (min-width: 768px) {
    .pt_cart .cart-actions-bottom .cart-actions .cart-action-continue-shopping .button-text {
        width: auto;
        float: right;
    }
}

.pt_cart .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.gen-learn .pt_cart table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    border-color: grey;
    line-height: 1.5rem;
}

.gen-learn .pt_cart td, th {
    padding: 0
}

.gen-learn .pt_cart th {
    text-align: left
}

.gen-learn .pt_cart td {
    vertical-align: top
}

.pt_cart input[type=text] {
    box-sizing: border-box;
    height: 2.1875rem;
    font-size: .75rem;
    padding: .625rem .6875rem;
    border: 1px solid #e3e3e3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-indent: 0;
}

.pt_cart .button.secondary, .pt_cart .buttonstyle.secondary, .pt_cart button.secondary, .pt_cart input[type=button].secondary {
    font-weight: 400;
    line-height: 21px;
    line-height: 1.3125rem;
    background-color: #fff;
    color: #64a70b
}

.pt_cart .button.secondary a, .pt_cart .buttonstyle.secondary a, .pt_cart button.secondary a, .pt_cart input[type=button].secondary a {
    color: #64a70b
}

.pt_cart .button.secondary a:hover, .pt_cart .buttonstyle.secondary a:hover, .pt_cart button.secondary a:hover, .pt_cart input[type=button].secondary a:hover {
    color: #fff
}

.pt_cart .button.secondary:hover, .pt_cart .buttonstyle.secondary:hover, .pt_cart button.secondary:hover, .pt_cart input[type=button].secondary:hover {
    background-color: #4c891f;
    border-color: #4c891f;
    color: #fff;
}

.pt_cart .button, .pt_cart button, .pt_cart input[type=button] {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    cursor: pointer;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 21px;
    line-height: 1.3125rem;
    color: #fff;
    display: inline-block;
    padding: .375rem .6875rem;
    text-align: center;
    transition: all .3s ease;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased
}

.pt_cart a, #cart-table a {
    color: #1a1a1a;
    overflow: hidden;
    text-decoration: none;
}

.pt_cart a:hover, #cart-table a:hover {
    color: #64a70b;
    text-decoration: none
}

 .cart-value-add { color: #666; font-size: 16px; margin: 50px 0 25px; overflow: hidden; text-align: center; }
.cart-value-add .promo { display: table; margin: auto; position: relative; }
.cart-value-add .promo::before, .cart-value-add .promo::after { background: #64a70b; content: ''; height: 1px; position: absolute; top: 50%; width: 250px; }
.cart-value-add .promo::before { left: -300px; }
.cart-value-add .promo::after { right: -300px; }
.cart-value-add b { color: #64a70b; font-size: 1.75em; }
@media (max-width: 767px) {
    .cart-value-add .promo::before { left: -275px; }
    .cart-value-add .promo::after { right: -275px; }
}

.item-list {
    margin-bottom: 1em
}

.item-list tr {
    border-bottom: 1px solid #ebebeb
}

.item-list tr.last {
    border: 0 none
}

.item-list tr.headings {
    display: none
}

.item-list td {
    padding: 1em;
    vertical-align: top
}

.section-header {
    padding: 1em
}

.item-details .product-list-item .name {
    font-style: italic
}

.item-details .product-list-item .value {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.item-details .product-list-item .promo {
    color: #64a70b
}

.gen-learn .pt_cart tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    padding: 0;
}

.item-user-actions a {
    text-decoration: underline !important;
}

.pdp-recommendations, .recommendations {
    padding-bottom: 0
}

.pdp-recommendations .tab-head-contain, .recommendations .tab-head-contain {
    text-align: center;
    margin-bottom: .9375rem
}

.pdp-recommendations #pdp-cross-sell, .recommendations #pdp-cross-sell {
    padding: 0 .9375rem
}

.pdp-recommendations .slick-slide.slick-active + .slick-slide.slick-active .product-tile, .recommendations .slick-slide.slick-active + .slick-slide.slick-active .product-tile {
    border-left: 1px solid #ebebeb
}

.pdp-recommendations .rec-tile, .recommendations .rec-tile {
    height: 100%
}

.pdp-recommendations .product-tile, .recommendations .product-tile {
    padding: 0 .75rem;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .pdp-recommendations .product-tile, .recommendations .product-tile {
        padding: 0 1.25rem
    }

    .pdp-recommendations .product-tile img, .recommendations .product-tile img {
        display: inline-block
    }
}

.pdp-recommendations .product-tile .product-promo, .recommendations .product-tile .product-promo {
    width: 100%;
    overflow-wrap: break-word;
    text-align: left;
}

.pdp-recommendations .product-image, .recommendations .product-image {
    height: 150px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1.25rem;
    overflow: hidden;
}

@media (min-width: 767px) {
    .pdp-recommendations .product-image, .recommendations .product-image {
        height: 200px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 1.25rem;
        overflow: hidden;
    }
}

.pdp-recommendations .product-name, .recommendations .product-name {
    text-align: left;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.133em;
    margin: .8rem 0 0 0;
    color: #1a1a1a;
    height: 34px;
    overflow: hidden
}

.pdp-recommendations .product-pricing, .recommendations .product-pricing {
    text-align: left;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.133em;
    margin: .375rem 0;
    color: #1a1a1a;
    color: #64a70b;
    padding-bottom: 54px;
}

.pdp-recommendations .search-result-items, .recommendations .search-result-items {
    border: none
}

.pdp-recommendations .center, .recommendations .center {
    text-align: center
}

.cart-recommendations {
    margin-top: 0;
}

.pt_cart .search-result-items {
    margin: 0 !important;
    padding: 2em 0 0 !important;
}

.pt_cart .search-result-items li {
    list-style: none outside none
}

.pt_cart .search-result-items .grid-tile {
    box-sizing: border-box;
    background: none repeat scroll 0 0 #fff;
    width: 100%;
    margin-bottom: 3em
}

.pt_cart .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.pt_cart .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
    max-width: none
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-slide:focus {
    outline: 0
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next, .slick-prev {
    position: absolute;
    z-index: 5;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: 1
}

.slick-next:before, .slick-prev:before {
    font-size: 1.875rem;
    line-height: 1;
    color: #000;
    opacity: 1
}

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    left: auto;
    right: 0
}

.slick-prev:before {
    content: "<";
    color: #afafaf
}

[dir=rtl] .slick-prev:before {
    content: "<"
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    left: 0;
    right: auto
}

.slick-next:before {
    content: ">";
    color: #afafaf
}

[dir=rtl] .slick-next:before {
    content: ">"
}

.slick-slide.slick-active:last-child {
    border: 0
}

.slick-slide.slick-active:first-child {
    border: 0
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 12px;
    min-height: 12px;
    width: 12px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    color: transparent;
    background-color: #afafaf;
    opacity: 1
}

.slick-dots li.slick-active button:before {
    color: #64a70b;
    background-color: #fff;
    opacity: 1
}

.item-list {
    margin-bottom: 1em
}

.item-list tr {
    border-bottom: 1px solid #ebebeb
}

.item-list tr.last {
    border: 0 none
}

.item-list tr.headings {
    display: none
}

.item-list td {
    padding: 1em;
    vertical-align: top
}

.section-header {
    padding: 1em
}

.item-details .product-list-item .name {
    font-style: italic
}

.item-details .product-list-item .value {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.item-details .product-list-item .promo {
    color: #64a70b
}

.item-details .product-list-item .price-standard {
    color: #1a1a1a;
    text-decoration: line-through
}

.addToCartButtonHolder {
    position:absolute;
    bottom:0;width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .addToCartButtonHolder {
        width: calc(100% - 2.5rem);
    }
}

.compare-button-holder {display: none;}
@media (min-width: 768px) {
    .compare-button-holder-m {
        display: none !important;
    }
    .compare-button-holder {
        display: inline-block;
    }
}
.compare-button {float: right;margin-top: -49px;}

.pt_checkout #cart-table .cart-row .shipment-label {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    margin-top: 35px
}

.pt_checkout .instore-shipment-header {
    width: 100%
}

.pt_checkout .instore-shipment-method {
    width: 100%;
    padding: 1em
}

.pt_checkout .instore-shipment-method span {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.pt_checkout .instore-shipment-address {
    width: 40%;
    float: left;
    padding-left: 1em
}

.pt_checkout .instore-shipment-message {
    clear: both
}

.pt_checkout .instore-shipment-messagetxt {
    width: 50%;
    float: right
}

.pt_checkout .form-horizontal .day, .pt_checkout .form-horizontal .month, .pt_checkout .form-horizontal .year {
    clear: none;
    float: left;
    margin: 0;
    width: 48%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .day, .pt_checkout .form-horizontal .month, .pt_checkout .form-horizontal .year {
        width: 27.4%
    }
}

.pt_checkout .form-horizontal .day .field-wrapper, .pt_checkout .form-horizontal .month .field-wrapper, .pt_checkout .form-horizontal .year .field-wrapper {
    width: 99%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .day .field-wrapper, .pt_checkout .form-horizontal .month .field-wrapper, .pt_checkout .form-horizontal .year .field-wrapper {
        width: 96%
    }
}

.pt_checkout .form-horizontal .year {
    float: right
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .year {
        float: left
    }
}

.day, .month, .year {
    clear: none;
    float: left;
    margin: 0 0 2% 0;
    width: 29%
}

.day .field-wrapper, .month .field-wrapper, .year .field-wrapper {
    width: 90%
}

.month .form-caption {
    margin-left: 0
}

.pt_checkout .form-horizontal .cvn {
    clear: left
}

.pt_checkout .form-horizontal .cvn .field-wrapper {
    width: 50%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .cvn .field-wrapper {
        width: 17%
    }
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .cvn .field-wrapper .input-text {
        width: 99%
    }
}

.pt_checkout .form-horizontal .cvn .field-wrapper span.error {
    display: block
}

.pt_checkout .form-horizontal .cvn .field-wrapper input[type=number]::-webkit-inner-spin-button, .pt_checkout .form-horizontal .cvn .field-wrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.pt_checkout .form-horizontal .cvn .field-wrapper input[type=number] {
    -moz-appearance: textfield
}

.ssn {
    clear: left
}

.bml-terms-and-conditions {
    border: 1px solid #afafaf;
    height: 400px;
    overflow: auto;
    padding: 1em
}

.bml-table-col-1 {
    width: 29%
}

.pt_checkout h3 {
    padding-bottom: 1em
}

.pt_checkout h2 .dialog-required {
    float: none;
    clear: both;
    display: block
}

@media only screen and (min-width: 768px) {
    .pt_checkout h2 .dialog-required {
        float: right
    }
}

.pt_checkout .content-asset img {
    width: 100%
}

.pt_checkout #cart-table {
    margin-top: 1.25rem
}

.pt_checkout #cart-table th.section-header {
    background-color: #f3f3f3;
    text-transform: none;
    padding: .5rem
}

.pt_checkout #cart-table tr.cart-row {
    border-bottom: 1px solid #ebebeb
}

.pt_checkout #cart-table tr:first-child {
    border-top: 0
}

.pt_checkout #cart-table .item-quantity {
    display: none;
    width: 15%
}

@media only screen and (min-width: 768px) {
    .pt_checkout #cart-table .item-quantity {
        display: inline
    }
}

.pt_checkout #cart-table .item-quantity-details {
    display: table-cell
}

.pt_checkout #cart-table .item-quantity-details .item-stock {
    width: 42%
}

.pt_checkout #cart-table .item-quantity-details .item-total {
    display: block;
    position: absolute;
    float: right;
    padding-top: .3125rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #cart-table .item-quantity-details .item-total {
        display: none
    }
}

.pt_checkout #cart-table .item-total {
    display: none
}

@media only screen and (min-width: 768px) {
    .pt_checkout #cart-table .item-total {
        display: table-cell;
        width: 20%;
        margin-top: 0
    }
}

.pt_checkout #cart-table .item-quantity-details {
    display: none
}

@media only screen and (min-width: 768px) {
    .pt_checkout #cart-table .item-quantity-details {
        display: table-cell
    }
}

.pt_checkout #cart-table .item-details {
    width: 56%
}

@media only screen and (min-width: 768px) {
    .pt_checkout #cart-table .item-details {
        width: 38%
    }
}

.pt_checkout #cart-table thead .section-header:last-child {
    width: 20%
}

.pt_checkout #cart-table .item-list tr.last {
    border: 1px
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary {
        width: 73%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary {
        width: 65%
    }
}

.pt_checkout #primary legend {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0 0 1.25rem 0
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary legend {
        width: 100%;
        float: left;
        padding: 0 0 1.5625rem 0;
        text-transform: none;
        line-height: .625rem
    }
}

.pt_checkout #primary legend .dialog-required {
    float: right
}

.pt_checkout #primary .checkout-shipping h2.chkout-title {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: .9375rem;
    padding-bottom: 1.25rem;
    line-height: .9375rem;
    font-family: "Harmonia Sans W01",Arial,sans-serif;
    font-weight: 700;
    font-size: 26px;
    font-size: 1.625rem;
    color: #64a70b;
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping h2.chkout-title {
        margin-bottom: 1.25rem;
        padding-bottom: 1.25rem
    }
}

.pt_checkout #primary .checkout-shipping button {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    padding: .375rem .6875rem
}

.pt_checkout #primary .checkout-shipping label {
    width: 100%;
    margin-top: .5625rem;
    padding-bottom: .3125rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping label {
        width: 18%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping label {
        width: 29%
    }
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv {
        padding-top: .625rem
    }
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row {
    margin: 0
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row.form-indent {
    margin-left: 1.25rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row.form-indent {
        margin-left: 0
    }
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row.form-indent label {
    margin-top: .9375rem
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .nospace {
    padding-top: 0;
    margin-top: 0
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .field-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: .3125rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .field-wrapper {
        width: 53%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .field-wrapper {
        width: 65%
    }
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .field-wrapper label {
    display: block;
    margin-top: 0
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .field-wrapper input[type=checkbox]:checked + label:before {
    margin-left: -35px;
    vertical-align: top
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .field-wrapper input[type=checkbox] + label:before {
    margin-left: -35px;
    vertical-align: top
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .emailsignuptext {
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .form-row .emailsignuptext {
        margin-left: 0
    }
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy {
    margin: .3125rem 0
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy {
        margin: .9375rem 0 2.1875rem 22%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy {
        margin: .9375rem 0 2.1875rem 36%
    }
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy .field-wrapper {
    margin-left: 1.875rem;
    width: 90%
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy .field-wrapper {
        width: 59%;
        margin-left: 0;
        line-height: .8125rem
    }
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy .field-wrapper label {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    width: 100%
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy .field-wrapper label span {
    line-height: .75rem
}

.pt_checkout #primary .checkout-shipping .emailsignupdiv .chk-privacy .field-wrapper .privacylink {
    text-decoration: underline
}

.pt_checkout #primary .checkout-shipping .emailsignuptext {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .form-indent {
        margin-left: 18%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .form-indent {
        margin-left: 29%
    }
}

.pt_checkout #primary .checkout-shipping .form-indent .field-wrapper {
    padding-left: 0
}

.pt_checkout #primary .checkout-shipping .form-indent .field-wrapper label {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem
}

.pt_checkout #primary .checkout-shipping .form-indent .field-wrapper label .tooltip {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem
}

.pt_checkout #primary .checkout-shipping .form-row .field-wrapper {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .form-row .field-wrapper {
        width: 53%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .form-row .field-wrapper {
        width: 65%
    }
}

.pt_checkout #primary .checkout-shipping .form-row .field-wrapper .select-style {
    width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .form-row .field-wrapper.label-inline .field-wrapper {
        width: 100%
    }
}

.pt_checkout #primary .checkout-shipping .form-row .form-caption {
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .form-row .form-caption {
        margin-left: 18%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .form-row .form-caption {
        margin-left: 29%
    }
}

.pt_checkout #primary .checkout-shipping .form-row .form-field-tooltip {
    width: 5%
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #primary .checkout-shipping .form-row .form-field-tooltip {
        margin-left: 29%
    }
}

.pt_checkout #primary .checkout-shipping .form-row-button {
    border-top: 1px solid #ebebeb;
    margin: 0;
    width: 100%;
    padding-top: 1.25rem;
    text-align: right
}

.pt_checkout #primary .checkout-shipping .form-row-button buttn {
    text-align: right
}

.pt_checkout #primary .checkout-shipping .select-address {
    border-top: 1px solid #ebebeb;
    padding-top: 1.25rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #primary .checkout-shipping .select-address {
        padding-top: 1.25rem
    }
}

.pt_checkout #primary #shipping-method-list {
    padding: 0
}

.pt_checkout #primary #shipping-method-list h2 {
    padding-bottom: .625rem
}

.pt_checkout #primary #shipping-method-list .form-indent {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0
}

.pt_checkout #primary #shipping-method-list .form-indent .form-caption {
    margin-left: 2.1875rem;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem
}

.pt_checkout #primary #shipping-method-list .form-indent .billing-coupon-code {
    margin-left: 0
}

.pt_checkout #primary #shipping-method-list .form-indent .field-wrapper {
    padding-left: 0
}

.pt_checkout #primary #shipping-method-list .form-indent .field-wrapper label {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    width: 100%
}

.pt_checkout #primary #shipping-method-list .form-indent .field-wrapper label .tooltip {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem;
    text-decoration: underline
}

.pt_checkout #primary #shipping-method-list .form-indent .field-wrapper .form-caption {
    line-height: .9375rem
}

.pt_checkout #primary #shipping-method-list .form-indent .shipping-method {
    margin-top: 0
}

.pt_checkout #primary #shipping-method-list .form-indent .shipping-method label:before {
    margin-right: .3125rem;
    padding-right: 0
}

.pt_checkout #primary #shipping-method-list .form-indent .shipping-method .form-caption {
    margin-left: 1.5625rem
}

.pt_checkout #primary #shipping-method-list .form-indent .shipping-method .standard-shipping {
    color: #afafaf;
    text-decoration: line-through;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400
}

.pt_checkout #primary .shipping-delivery-note {
    display: none
}

.pt_checkout #primary .shipping-delivery-note .field-wrapper {
    clear: both;
    padding-left: 0
}

.pt_checkout #primary .shipping-delivery-note .field-wrapper .char-count {
    font-size: 12px;
    font-size: .75rem;
    text-align: right
}

.pt_checkout #primary .shipping-delivery-note label {
    padding-bottom: .625rem;
    width: 100%
}

.primary-content {
    width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .page-content .primary-content {
        padding-left: 14px;
        width: 574px
    }

    .primary-focus .primary-content {
        width: 540px
    }
}

@media only screen and (min-width: 768px) {
    .primary-content {
        float: right;
        margin-left: -1px;
        padding: 0 0 20px;
        position: relative
    }

    .primary-focus .primary-content {
        border: 0 none;
        float: left;
        margin: 0;
        width: 76%
    }

    .full-width .primary-content {
        border: 0 none;
        width: 100%
    }

    .page-content .primary-content {
        padding-left: 3%
    }
}

#secondary {
    border: 0;
    float: none;
    font-size: 13px;
    font-size: .8125rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    #secondary {
        border-right: 1px solid #ebebeb;
        float: left;
        position: relative
    }

    #secondary nav {
        padding-left: 10px;
        padding-right: 10px
    }

    #secondary nav a {
        display: block
    }

    .primary-focus #secondary {
        background: 0 0;
        border: none;
        box-sizing: border-box;
        float: left;
        padding-left: .4rem
    }
}

.secondary-content {
    clear: both
}

.pt_error #primary {
    margin-top: 2.5rem;
    padding: 0 .9375rem;
    max-width: 500px;
    float: left;
    width: 100%
}

.pt_error #primary h1 {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1em;
    color: #1a1a1a;
    margin: .625rem 0;
    color: #64a70b;
    margin-bottom: 2.5rem
}

.pt_error #primary .error-page-search {
    margin: 1.5625rem 0
}

.pt_error #primary .error-page-search input {
    width: 83%
}

.pt_error #primary .error-page-search button {
    line-height: 0;
    min-height: 0;
    height: 34px
}

.pt_error #primary .error-page-footer {
    margin-bottom: 3.75rem
}

.pt_checkout #secondary {
    width: 100%;
    float: left;
    margin-top: 1.25rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #secondary {
        width: 25%;
        float: right;
        margin-top: 2.5rem
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout #secondary {
        margin-left: .625rem;
        width: 32%;
        float: right
    }
}

@media only screen and (min-width: 768px) {
    .pt_checkout #secondary .mini-summary-div {
        padding-top: 3.125rem
    }
}

.pt_checkout #secondary .mini-summary-div img {
    width: 100%
}

.pt_checkout #secondary .mini-summary-div .mini-cart-products {
    padding: 0
}

.pt_checkout #secondary .prop65 {
    height: 0;
    opacity: 0;
    transition: all .3s ease;
    border-top: 1px solid #ebebeb;
    margin-top: -1.25rem;
    padding: .9375rem
}

@media only screen and (min-width: 768px) {
    .pt_checkout #secondary .prop65 {
        border: 1px solid #ebebeb;
        border-top: none
    }
}

.pt_checkout #secondary .prop65 p {
    margin: 0
}

.pt_checkout #secondary .prop65 a {
    color: #1a1a1a;
    text-decoration: none
}

.pt_checkout #secondary .prop65.show {
    height: auto;
    opacity: 1
}

#secondary .min-summary-div {
    margin-top: .625rem;
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 768px) {
    #secondary .min-summary-div {
        border: 1px solid #ebebeb;
        margin-top: 1.25rem
    }
}

#secondary .min-summary-div h3.section-header {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: 1px solid #ebebeb;
    text-transform: none
}

#secondary .min-summary-div h3.section-header .section-header-note {
    float: right;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    color: #1a1a1a;
    text-decoration: underline
}

#secondary .min-summary-div .checkout-mini-cart {
    margin-left: 1.25rem
}

#secondary .min-summary-div .checkout-mini-cart .mini-cart-image {
    text-align: center;
    margin-top: .9375rem;
}

#secondary .min-summary-div .checkout-mini-cart .mini-cart-attributes, #secondary .min-summary-div .checkout-mini-cart .mini-cart-name, #secondary .min-summary-div .checkout-mini-cart .mini-cart-pricing, #secondary .min-summary-div .checkout-mini-cart .product-availability-list {
    width: 63%;
    float: right
}

#secondary .min-summary-div .checkout-mini-cart .collapsed .mini-cart-attributes, #secondary .min-summary-div .checkout-mini-cart .collapsed .mini-cart-name, #secondary .min-summary-div .checkout-mini-cart .collapsed .mini-cart-pricing, #secondary .min-summary-div .checkout-mini-cart .collapsed .product-availability-list {
    width: 98%
}

#secondary .min-summary-div .checkout-mini-cart .mini-cart-name {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem
}

#secondary .min-summary-div .checkout-mini-cart .mini-cart-name a {
    color: #1a1a1a
}

#secondary .min-summary-div .checkout-mini-cart .mini-cart-products {
    padding: 0
}

#secondary .min-summary-div .checkout-mini-cart .mini-cart-pricing .label {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem
}

#secondary .checkout-order-totals {
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    padding: .9375rem
}

@media only screen and (min-width: 768px) {
    #secondary .checkout-order-totals {
        border-top: 1px solid #ebebeb
    }
}

#secondary .checkout-order-totals .order-totals-table {
    padding: .9375rem .625rem .3125rem .9375rem;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.5rem;
}

#secondary .checkout-order-totals .order-totals-table .order-shipping a {
    display: none
}

.mini-shipment h3 {
    padding-left: 0;
    text-transform: none;
    border-bottom: 1px solid #ebebeb;
    color: #1a1a1a
}

.mini-shipment h3 a {
    color: #1a1a1a;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    text-decoration: underline
}

.mini-shipment .details {
    paddng-left: 0
}

.form-horizontal .form-row-button {
    float: right
}

@media only screen and (min-width: 768px) {
    .form-horizontal .form-row-button {
        float: right;
        width: auto
    }
}

.pt_checkout .add-line {
    border-top: 1px solid #ebebeb;
    margin-bottom: 1.875rem;
    width: 95%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .add-line .form-row-button {
        float: right;
        width: auto
    }
}

.pt_checkout .form-horizontal .field-wrapper {
    padding-left: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .field-wrapper {
        width: 53%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout .form-horizontal .field-wrapper {
        width: 65%
    }
}

.pt_checkout .form-horizontal .field-wrapper .form-caption {
    margin-left: 100%
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout .form-horizontal .field-wrapper .form-caption {
        width: 29%
    }
}

@media only screen and (min-width: 768px) {
    .pt_checkout .form-horizontal .field-wrapper .form-caption {
        width: 19%
    }
}

.pt_checkout .form-horizontal .field-wrapper .phone-div .field-wrapper {
    width: 30%
}

.pt_checkout .place-order-totals {
    clear: both
}

.pt_checkout .place-order-totals .order-totals-table {
    float: right;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .place-order-totals .order-totals-table {
        width: 30%
    }
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout .place-order-totals .order-totals-table {
        width: 40%
    }
}

@media only screen and (max-width: 47.999em) {
    .pt_checkout .place-order-totals .order-totals-table {
        width: 100%
    }
}

.pt_checkout .button-fancy-large {
    width: 100%;
    margin-left: 0;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .pt_checkout .button-fancy-large {
        font-size: 14px;
        font-size: .875rem
    }
}

.pt_checkout .back-to-cart {
    display: none
}

@media only screen and (min-width: 768px) {
    .pt_checkout .back-to-cart {
        display: block;
        float: left;
        margin-top: .625rem;
        text-decoration: underline
    }
}

.pt_checkout .back-to-cart-m {
    display: block;
    text-decoration: underline
}

@media only screen and (min-width: 768px) {
    .pt_checkout .back-to-cart-m {
        display: none
    }
}

.pt_checkout .payment-method-options {
    float: left;
    width: 80%
}

@media only screen and (min-width: 768px) {
    .pt_checkout .payment-method-options {
        width: 100%
    }
}

.pt_checkout .payment-method-options .field-wrapper {
    width: auto
}

.pt_checkout .errordiv {
    clear: both;
    float: left;
    margin-left: 0;
    padding-left: 0;
    text-align: left
}

.pt_checkout .errordiv .billing-error {
    margin: 0
}

#secondary .order-component-block {
    margin: 1.67em 0
}

#secondary .order-component-block h3 {
    color: #1a1a1a;
    padding-left: 0;
    text-transform: none;
    border-bottom: 1px solid #ebebeb
}

#secondary .order-component-block h3 a {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    color: #1a1a1a;
    text-decoration: underline
}

#secondary .order-component-block .details {
    color: #1a1a1a
}

#secondary .order-component-block .section-header a {
    float: right
}

#secondary .order-component-block .details {
    color: #1a1a1a;
    padding: .5em 1em
}

.order-summary-footer {
    position: relative
}

.order-summary-footer h2 {
    font-style: italic;
    font-weight: 400
}

@media only screen and (max-width: 47.999em) {
    .order-summary-footer h2 {
        width: 50%
    }
}

.summary-help {
    float: right;
    margin: 1em 0
}

.submit-order {
    clear: both;
    display: block;
    padding: 1.67em 0 0;
    text-align: none
}

@media only screen and (min-width: 768px) {
    .submit-order {
        text-align: right
    }
}

.submit-order .back-to-cart .button-fancy-large {
    width: 90%;
    box-sizing: content-box;
    margin-left: 0
}

@media only screen and (min-width: 768px) and (max-width: 74.999em) {
    .submit-order .back-to-cart .button-fancy-large {
        width: 100%
    }
}

.submit-order .back-to-cart:hover {
    text-decoration: underline
}

.submit-order button {
    margin-left: 1.5em
}

.submit-order .order-disabled {
    text-align: left
}

label {
    display: block;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: .3rem
}

.form-horizontal label {
    float: left;
    margin-top: .5rem;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .form-horizontal label {
        text-align: left;
        width: 22%
    }
}

.field-wrapper label, .label-inline label {
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    display: inline;
    float: none;
    margin-top: 0;
    text-align: left;
    width: auto
}

.label-above label {
    margin-bottom: .3rem;
    width: auto
}

.form-label-text {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-size: .8125rem;
    float: left;
    padding: .75em 0 0;
    text-align: right;
    width: 25%
}

.form-row {
    margin: .5rem 0 1rem
}

.form-row-button {
    clear: left
}

@media only screen and (min-width: 768px) {
    .form-horizontal .form-row-button {
        margin-left: 21%;
        width: 62%
    }
}

.field-wrapper {
    box-sizing: border-box;
    width: 100%;
    margin-top: .3125rem
}

@media only screen and (min-width: 768px) {
    .field-wrapper {
        margin-top: 0
    }
}

.form-horizontal .field-wrapper {
    float: left;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .form-horizontal .field-wrapper {
        padding-left: 2%;
        width: 60%
    }
}

.label-inline .field-wrapper {
    float: left;
    padding-left: 0;
    width: auto
}

.label-above .field-wrapper {
    float: none;
    padding-left: 0;
    width: auto
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
    box-sizing: border-box;
    height: 2.1875rem;
    font-size: 12px;
    font-size: .75rem;
    padding: .625rem .6875rem;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-indent: 0;
    width: 100%
}

textarea {
    box-sizing: initial;
    max-width: 100%;
    height: 4.375rem;
    box-sizing: border-box
}

select {
    width: 100%;
    height: 2.1875rem;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #1a1a1a;
    font-size: 12px;
    font-size: .75rem;
    background-color: #fff
}

.search-result-options select {
    height: auto
}

.select-style {
    overflow: hidden;
    width: 100%;
    background: #fff url(../images/podklad/down-triangle.svg) no-repeat scroll calc(100% - 10px) center;
@inclue border-radius(2 px);
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.select-style select {
    background: 0 0;
    padding: 2px 10px;
    width: 120%;
    width: calc(100% + 30px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

.select-style select:active, .select-style select:focus {
    border: 0
}

.select-style select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #1a1a1a
}

.select-style label {
    display: none
}

.pt_checkout input[type=checkbox], .pt_checkout input[type=radio] {
    opacity: 0;
    position: absolute
}

.pt_checkout input[type=checkbox] + label, .pt_checkout input[type=radio] + label {
    position: relative
}

.pt_checkout input[type=checkbox] + label:before, .pt_checkout input[type=radio] + label:before {
    content: "";
    background: #fff;
    border: 1px solid #afafaf;
    display: inline-block;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    text-align: center
}

.pt_checkout input[type=checkbox]:focus + label:before, .pt_checkout input[type=radio]:focus + label:before {
    outline: 5px auto;
    outline-color: Highlight;
    outline-color: -webkit-focus-ring-color
}

.pt_checkout input[type=checkbox]:checked + label:before {
    background: url(../images/podklad/checkmark.svg) no-repeat center
}

.pt_checkout input[type=radio] + label {
    display: block;
    clear: both
}

.options-inline input[type=radio] + label {
    display: inline;
    clear: none
}

.options-inline input[type=radio] + label:nth-of-type(n+2):before {
    margin-left: 2rem
}

.pt_checkout input[type=radio] + label:before {
    border-radius: 50%
}

.pt_checkout input[type=radio]:checked + label:before {
    background: url(../images/podklad/radio-dot.svg) no-repeat center
}

.form-caption {
    clear: left;
    width: auto;
    font-size: inherit
}

.checkbox .form-caption {
    font-size: 12px;
    font-size: .75rem;
    text-indent: 2rem
}

@media only screen and (min-width: 768px) {
    .form-horizontal .form-caption {
        margin-left: 21%;
        font-size: 12px;
        font-size: .75rem
    }
}

.label-above .form-caption {
    margin-left: 0
}

.form-indent .form-caption {
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .form-indent {
        margin-left: 27%
    }
}

.error-message {
    padding: .7em .5em;
    text-indent: 0;
    width: 49.5966%
}

.error, input.error {
    border-color: #a70b0b
}

div.error, span.error {
    font-size: 12px;
    font-size: .75rem;
    color: #a70b0b;
    background: 0 0
}

.error-form {
    color: #a70b0b;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    margin: .5em 0;
    padding: 0
}

.form-inline form {
    padding: 0 0 2em;
    width: 98%
}

.form-inline label {
    padding: 0 0 .75em;
    text-transform: uppercase;
    width: auto
}

.form-inline input[type=text], .form-inline select {
    margin-left: 0
}

.form-inline input[type=text] {
    width: 95%
}

.form-inline button {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.row-inline {
    display: inline
}

.row-inline label {
    width: auto
}

.require-dialog {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    position: absolute;
    right: 1em;
    text-transform: none;
    top: 1em
}

.required-indicator {
    margin-left: .25em;
    color: #1a1a1a
}

.form-field-tooltip {
    font-size: 12px;
    font-size: .75rem;
    float: left;
    width: 25%;
    margin-left: 3%;
    padding-top: .75em;
    line-height: 1em;
    text-decoration: underline
}

.checkout-progress-indicator {
    overflow: hidden;
    padding: 2.1875rem 0 1.25rem 0;
    border-bottom: 1px solid #ebebeb
}

@media only screen and (min-width: 768px) {
    .checkout-progress-indicator {
        padding: 3.4375rem 0 1.875rem 0
    }
}

.checkout-progress-indicator div {
    display: inline;
    color: #1a1a1a;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    width: 33%
}

.checkout-progress-indicator div a {
    color: #1a1a1a;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
}

@media only screen and (min-width: 768px) {
    .checkout-progress-indicator div {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.icon.arrow-small-left, .svg-arrow-small-left-dims {
    width: 14px;
    height: 24px
}

.icon.arrow-small-right, .svg-arrow-small-right-dims {
    width: 14px;
    height: 24px
}

.icon.checkmark, .svg-checkmark-dims {
    width: 12px;
    height: 10px
}

.svg-chev-down-dims {
    width: 20px;
    height: 11px
}

.icon.chev-sm, .svg-chev-sm-dims {
    width: 11px;
    height: 6px
}

.checkout-progress-indicator div.active {
    padding-left: 0;
    color: #64a70b
}

.checkout-progress-indicator div.active span {
    color: #64a70b;
    padding-left: 0
}

.checkout-progress-indicator div.active a {
    color: #64a70b
}

.checkout-progress-indicator div:first-child {
    padding-left: 0
}

.checkout-progress-indicator div span.fa-chevron-right {
    padding-left: 0;
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .checkout-progress-indicator div span.fa-chevron-right {
        padding-left: 1.25rem;
        padding-right: 1.125rem
    }
}

.checkout-progress-indicator div span.fa-chevron-right svg.arrow-small-right {
    width: .9375rem;
    height: 1rem;
    padding-left: .5rem
}

@media only screen and (min-width: 768px) {
    .checkout-progress-indicator div span.fa-chevron-right svg.arrow-small-right {
        width: 1.25rem;
        height: 1.125rem
    }
}

.checkout-progress-indicator .step-2, .checkout-progress-indicator .step-3 {
    padding-left: .9375rem
}

#form_kontakt {
    display: block;
    margin-top: 0;
}

legend {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 26px;
    line-height: 1.625rem;
    color: #64a70b;
    margin: 0;
    padding: 1.5625rem 0;
    position: relative;
    width: 96%
}

.ie7 legend {
    width: 94%
}

legend span {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    position: relative;
    text-transform: none;
    padding: 0 .5em;
    color: #1a1a1a
}

legend span em {
    color: #1a1a1a
}

.dialog-required {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    display: inline;
    font-size: 12px;
    font-size: .75rem;
    position: relative;
    padding: .16em 0;
    float: right;
    text-transform: none
}

.dialog-required em {
    color: #1a1a1a;
    font-style: normal;
    text-transform: capitalize
}

label {
    display: block;
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: .3rem
}

.form-horizontal label {
    float: left;
    margin-top: .5rem;
    margin-bottom: 0;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .form-horizontal label {
        text-align: left;
        width: 22%
    }
}

.field-wrapper label, .label-inline label {
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    display: inline;
    float: none;
    margin-top: 0;
    text-align: left;
    width: auto
}

.label-above label {
    margin-bottom: .3rem;
    width: auto
}

.form-label-text {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 13px;
    font-size: .8125rem;
    float: left;
    padding: .75em 0 0;
    text-align: right;
    width: 25%
}

.form-row {
    margin: .5rem 0 1rem
}

.form-row-button {
    clear: left
}

@media only screen and (min-width: 768px) {
    .form-horizontal .form-row-button {
        margin-left: 21%;
        width: 62%
    }
}

.field-wrapper {
    box-sizing: border-box;
    width: 100%;
    margin-top: .3125rem
}

@media only screen and (min-width: 768px) {
    .field-wrapper {
        margin-top: 0
    }
}

.error-message {
    padding: .7em .5em;
    text-indent: 0;
    width: 49.5966%
}

.error, input.error {
    border-color: #a70b0b
}

div.error, span.error {
    font-size: 12px;
    font-size: .75rem;
    color: #a70b0b;
    background: 0 0
}

.error-form {
    color: #a70b0b;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    margin: .5em 0;
    padding: 0
}

.pt_checkout .button, .buttonstyle, .pt_checkout button, .pt_checkout input[type=button] {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    cursor: pointer;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 21px;
    line-height: 1.3125rem;
    color: #fff;
    display: inline-block;
    padding: .375rem .6875rem;
    text-align: center;
    transition: all .3s ease;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased
}

.pt_checkout .button:hover, .pt_checkout .buttonstyle:hover, .pt_checkout button:hover, .pt_checkout input[type=button]:hover {
    background-color: #4c891f;
    border-color: #4c891f;
    color: #fff
}

.pt_checkout .button.disabled, .pt_checkout .button[disabled], .pt_checkout .buttonstyle.disabled, .pt_checkout .buttonstyle[disabled], .pt_checkout button.disabled, .pt_checkout button[disabled], .pt_checkout input[type=button].disabled, .pt_checkout input[type=button][disabled] {
    cursor: default;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.pt_checkout .button a, .pt_checkout .buttonstyle a, .pt_checkout button a, .pt_checkout input[type=button] a {
    color: #fff
}

.pt_checkout .button a:hover, .pt_checkout .buttonstyle a:hover, .pt_checkout button a:hover, .pt_checkout input[type=button] a:hover {
    color: #fff
}

.pt_checkout .button i.left, .pt_checkout .buttonstyle i.left, .pt_checkout button i.left, .pt_checkout input[type=button] i.left {
    margin-right: .6em
}

.pt_checkout .button i.right, .pt_checkout .buttonstyle i.right, .pt_checkout button i.right, .pt_checkout input[type=button] i.right {
    margin-left: .6em
}

.pt_checkout .button.secondary, .pt_checkout .buttonstyle.secondary, .pt_checkout button.secondary, .pt_checkout input[type=button].secondary {
    font-weight: 400;
    line-height: 21px;
    line-height: 1.3125rem;
    background-color: #fff;
    color: #64a70b
}

.pt_checkout .button.secondary a, .pt_checkout .buttonstyle.secondary a, .pt_checkout button.secondary a, .pt_checkout input[type=button].secondary a {
    color: #64a70b
}

.pt_checkout .button.secondary a:hover, .pt_checkout .buttonstyle.secondary a:hover, .pt_checkout button.secondary a:hover, .pt_checkout input[type=button].secondary a:hover {
    color: #fff
}

.pt_checkout .button.secondary:hover, .pt_checkout .buttonstyle.secondary:hover, .pt_checkout button.secondary:hover, .pt_checkout input[type=button].secondary:hover {
    background-color: #64a70b;
    color: #fff
}

.pt_checkout button.button-text {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    color: #64a70b;
    background-color: transparent;
    border-width: 0;
    padding: 0;
    text-decoration: none
}

.pt_checkout button.button-text:hover {
    text-decoration: underline
}

#form_kontakt .container label {
    float: none;
    width: 100%;
}

#mini-cart {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 3
}

@media only screen and (min-width: 768px) {
    #mini-cart {
        right: 0;
        top: -2.75rem
    }
}

#mini-cart .mini-cart-name {
    line-height: 15px;
    line-height: .9375rem
}

#mini-cart .mini-cart-name a {
    font-weight: 700
}

#mini-cart:hover .icon.shopping-cart {
    fill: #477708
}

.mini-cart-total {
    position: relative;
    z-index: 9
}

@media only screen and (min-width: 768px) {
    .mini-cart-total {
        right: 2px;
        position: absolute;
        overflow: hidden
    }
}

.mini-cart-total .mini-cart-link {
    display: block;
    padding: 14px 0 0
}

@media only screen and (min-width: 768px) {
    .mini-cart-total .mini-cart-link {
        width: 50px;
        line-height: 2.125rem;
        border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
        padding: 0 0 .75rem;
        margin: .25rem .3125rem 0
    }

    .mini-cart-total .mini-cart-link .icon.shopping-cart {
        margin-left: 11px
    }
}

.mini-cart-total .minicart-quantity {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 12px;
    left: 18px;
    line-height: 12px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 12px
}

@media only screen and (min-width: 768px) {
    .mini-cart-total .minicart-quantity {
        left: 30px;
        padding: 3px;
        top: 4px
    }
}

.mini-cart-total .mini-cart-empty:hover {
    background-color: transparent;
    box-shadow: none
}

@media only screen and (min-width: 768px) {
    .mini-show .mini-cart-link {
        background-color: #f3f3f3;
        box-shadow: .0625rem .0625rem .3rem 0 rgba(0, 0, 0, .3)
    }
}

.mini-cart-content {
    background-color: #f3f3f3;
    box-shadow: .0625rem .0625rem .3rem 0 rgba(0, 0, 0, .3);
    display: none;
    position: absolute;
    right: -1.25rem;
    top: 3.75rem;
    width: 16.25rem;
    font-size: 12px;
    font-size: .75rem
}

@media only screen and (min-width: 768px) {
    .mini-cart-content {
        top: 3.125rem;
        right: .4375rem;
        border-radius: 2px 0 2px 2px;
        -moz-border-radius: 2px 0 2px 2px;
        -webkit-border-radius: 2px 0 2px 2px
    }

    .mini-cart-content:before {
        position: absolute;
        right: 0;
        background-color: #f3f3f3;
        top: -2.75rem;
        height: 2.75rem;
        width: 3.3125rem
    }
}

.mini-cart-content .label {
    font-weight: 700
}

@media only screen and (max-width: 47.999em) {
    .mini-cart-content {
        max-width: 220px
    }
}

.mini-cart-header {
    line-height: 1.9125rem;
    text-align: center
}

.mini-cart-products {
    max-height: 245px;
    padding: .5em;
    overflow: auto;
    background-color: #fff
}

@media only screen and (max-width: 47.999em) {
    .mini-cart-products {
        max-height: 100%
    }
}

@media only screen and (min-width: 768px) {
    .mini-cart-products {
        max-height: 245px
    }
}

.mini-cart-product {
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    padding: .5em;
    position: relative
}

.mini-cart-product:last-of-type {
    border: none
}

.mini-cart-product .mini-cart-toggle .icon {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 10px;
    fill: #000
}

.mini-cart-product.collapsed {
    padding-left: .9375rem
}

.mini-cart-product.collapsed .mini-cart-attributes, .mini-cart-product.collapsed .mini-cart-name, .mini-cart-product.collapsed .mini-cart-pricing, .mini-cart-product.collapsed .product-availability-list {
    width: 100%
}

.mini-cart-product.collapsed .mini-cart-image {
    display: none
}

.mini-cart-product.collapsed .mini-cart-toggle .icon {
    transform: rotate(180deg)
}

.mini-cart-product .mini-cart-price {
    float: right;
    font-weight: 700;
    color: #64a70b
}

@media only screen and (min-width: 768px) {
    .collapsed {
        padding-left: 1.25rem
    }
}

.mini-cart-image {
    float: left;
    width: 30%
}

.mini-cart-image img {
    max-width: 90%
}

.mini-cart-name {
    float: left;
    width: 70%;
    line-height: 1.5rem;
}

.mini-cart-attributes, .mini-cart-product .product-availability-list {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    float: left;
    width: 70%
}

.mini-cart-pricing {
    clear: right;
    float: right;
    width: 70%
}

.mini-cart-totals {
    font-size: 18px;
    font-size: 1.125rem;
    color: #64a70b
}

.mini-cart-totals .mini-cart-link-cart {
    width: 90%;
    margin: 0 5%;
    line-height: 1.5625rem;
    padding: .4375rem 0
}

.mini-cart-subtotals {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    padding-top: .5em;
    font-size: 14px;
    font-size: .875rem
}

.mini-cart-subtotals .label {
    margin: 0 .5rem
}

.mini-cart-subtotals .value {
    margin-right: .625rem;
    float: right
}

.mini-cart-slot {
    font-size: 15px;
    font-size: .9375rem;
    text-align: center;
    line-height: 1.125rem;
    margin: 1em 0;
    color: #000
}

.mini-cart-link-checkout {
    clear: both;
    display: block;
    margin: .4em 0 1em;
    text-align: center;
    font-size: 15px;
    font-size: .9375rem;
    text-decoration: underline
}

.checkout-mini-cart {
    background-color: #fff;
    max-height: 330px;
    overflow: auto
}

.youtube-third .third {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.youtube-third .third iframe {
    max-width: 100%;
}

@media only screen and (min-width: 768px) {
    .youtube-third .third {
        width: 33%;
        float: left;
    }
}

.expandable-section .logoHolder {
    width: 50%;
}

.seznaj-button {
    padding: 14px 20px;
}

#topProdejciHolder h2 a {
    font-size: 26px;
}

@media only screen and (min-width: 768px) {
    .expandable-section .logoHolder {
        width:145px;
    }
    .seznaj-button {
        padding: 14px 50px;
    }
    #topProdejciHolder h2 a {
        font-size: 32px;
    }
    #thankyouText {
        font-size:36px;
        line-height:48px;
    }
    #thankyouTextInner {
        padding:30px 80px 56px 80px;
    }
    .heading h1 {
        font-size: 32px;
        line-height: 52px;
    }
    .btnFullScreen {
        display: block;
    }
    .compare-tab {
        width: 186px;
    }
    .compare-tab span {
        font-size: 16px;
    }
    .srovnaniLeft {
        width:218px;
    }
    .srovnaniRight {
        width:calc(100% - 218px);
    }
    .srovnaniTitle {
        font-size:36px;
        line-height:46px;
    }
    .srovnaniTitleInner {
        padding:60px 30px 0 16px;
    }
    .srovnaniTitle a {
        margin-top:20px;
    }
    .srovnaniCategory {
        font-size:30px;
        line-height:34px;
    }
    .srovnaniParameterNameInner {
        width:193px;
    }
    .srovnaniParameterName span {
        width:188px;
    }
    #srovnaniHolder .srovnaniRight .mCSB_buttonRightFake {
        right:-35px;
    }
    .dialogButton {
        width:170px;
        font-size:13px;
    }
    .prodejciLoga {
        float: left;
        width: 30%;
        clear: none;
    }
    .prodejciText {
        margin:0 0 14px 0;
        float:right;
        width: 66%;
        clear: none;
    }
    .prodejciText h2 {
        font-size:30px;
    }
    .logoHolder {
        width:145px;
        margin-right:29px;
    }
    .logoHolderImg {
        width:145px;
    }
    #searchProdejciBox {
        float:left;
        width:384px;
    }
    #searchProdejciBoxInner {
        padding:26px 0 0 47px;
    }
    #filterProdejci {
        width:305px;
        padding:0 57px 0 25px;
    }
    #prodejciResultsBox {
        margin-left:32px;
        width:600px;
        float:left;
    }
    #prodejciResultsBox .prodejna {
        width:640px;
    }
    .prodejna {
        width:684px;
    }
    #prodejciSearchInputHolder {
        width:451px;
    }
    .prodejnaLogo {
        float:left;
        width:120px;
        height:115px;
    }
    .prodejny .prodejnaDetail {
        width:485px;
    }
    .prodejnaDetail {
        float:left;
        margin-left:34px;
        width:520px;
        font-size:16px;
    }
    .prodejnaDetail a {
        font-size:16px;
    }
    .openHours {
        height:22px;
    }
}

#promoThirdHolder .split {
    display: block;
}

#promoThirdHolder .split > *:first-child, #promoThirdHolder .split > *:last-child {
    width: 100%;
}

#promoThirdHolder .split:nth-child(2n) .img-wrap {
    padding: 0;
}

#promoThirdHolder h2 {
    font-size: 16px;
    padding: 12px 0 0 0;
    text-align: left;
}

#promoThirdHolder .split p:first-child {
    margin: 0.8em 0;
}

#promoThirdHolder .split p + p {
    margin: 0.8em 0;
}

#promoThirdHolder .split .body {
    width: 100%;
}

#promoThirdHolder .callout + .callout {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    #promoThirdHolder .split {
        display: flex;
    }
    #promoThirdHolder .split > *:first-child, #promoThirdHolder .split > *:last-child {
        width: 50%;
    }
    #promoThirdHolder .split:nth-child(2n) .img-wrap {
        order: 1;
        padding: 0 0 0 5px;
    }
    #promoThirdHolder h2 {
        font-size: 16px;
        padding: 0 0 10px 3%;
        text-align: left;
    }
    #promoThirdHolder .split p:first-child {
        margin: 0 0 0.9em;
    }
    #promoThirdHolder .split p + p {
        margin: 0.8em 0 0;
    }
    #promoThirdHolder .split .body {
        width: 94%;
    }
    #promoThirdHolder .callout + .callout {
        border-top: 1px solid #ebebeb;
        margin: 20px 0 0;
        padding: 20px 15px 0;
    }
}

.breadcrumb {
    line-height: 1em;
    margin: 0;
    padding: .5em 1%
}

@media only screen and (min-width: 48em) {
    .breadcrumb {
        padding: .9375rem .625rem .625rem .625rem
    }
}

.breadcrumb li {
    display: inline;
    list-style: none outside none
}

.breadcrumb a {
    font-size: 14px;
    font-size: .875rem;
    color: #afafaf
}

.breadcrumb a:hover {
    color: #64a70b
}

.paging-current-page {
    left: -999em;
    position: absolute
}

.breadcrumb-element {
    color: #afafaf
}

.breadcrumb-element:after {
    color: #ebebeb;
    content: '/';
    margin-left: .4em
}

.breadcrumb-element:last-child:after {
    content: ''
}

.breadcrumb-refinement {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700
}

.breadcrumb-refinement:after {
    content: attr(data-divider);
    font-style: normal
}

.breadcrumb-refinement:last-of-type:after {
    content: ''
}

.breadcrumb-refinement-value {
    color: #64a70b;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 .42em .42em 0;
    padding: 0 .42em
}

.breadcrumb-relax {
    background: 0 0;
    color: #64a70b;
    font-style: normal;
    padding: 0 0 0 .4em
}

.breadcrumb .searchphraselink, .breadcrumb-result-text a {
    background: 0 0;
    color: #64a70b;
    padding: 0
}

.pt_account #main, .pt_orderhistory #main {
    padding: 0 .9375rem
}

@media only screen and (min-width: 48em) {
    .pt_account #main, .pt_orderhistory #main {
        padding: 0 .625rem
    }
}

.pt_account #primary, .pt_orderhistory #primary {
    clear: both;
    margin-bottom: 1.875rem
}

@media only screen and (min-width: 48em) {
    .pt_account #primary, .pt_orderhistory #primary {
        width: 72%;
        border-left: 0;
        clear: none;
        margin-bottom: 1.25rem
    }
}

.pt_account #primary h1, .pt_orderhistory #primary h1 {
    margin: 0;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 .625rem 0;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .pt_account #primary h1, .pt_orderhistory #primary h1 {
        padding: 0 0 1.5625rem 0
    }
}

.pt_account #primary .col-1, .pt_orderhistory #primary .col-1 {
    width: 100%;
    border-bottom: 1px solid #ebebeb
}

@media only screen and (min-width: 56.25em) {
    .pt_account #primary .col-1, .pt_orderhistory #primary .col-1 {
        width: 44%;
        margin: 0;
        border-bottom: 0 solid #ebebeb
    }
}

.pt_account #primary .col-1 .returning-customers button, .pt_orderhistory #primary .col-1 .returning-customers button {
    margin-top: .3125rem
}

.pt_account #primary .col-2, .pt_orderhistory #primary .col-2 {
    width: 100%
}

@media only screen and (min-width: 56.25em) {
    .pt_account #primary .col-2, .pt_orderhistory #primary .col-2 {
        width: 42%;
        margin: 0
    }
}

.pt_account #primary .field-wrapper, .pt_orderhistory #primary .field-wrapper {
    width: 100%
}

@media only screen and (min-width: 48em) and (max-width: 74.999em) {
    .pt_account #primary .field-wrapper, .pt_orderhistory #primary .field-wrapper {
        width: 75%
    }
}

@media only screen and (min-width: 56.25em) {
    .pt_account #primary .field-wrapper, .pt_orderhistory #primary .field-wrapper {
        width: 100%
    }
}

.pt_account #primary h2, .pt_orderhistory #primary h2 {
    margin: 1.5625rem 0 .625rem 0
}

.pt_account #primary p, .pt_orderhistory #primary p {
    margin: 0;
    line-height: 1.25rem
}

.pt_account #primary p.setnewpassword, .pt_orderhistory #primary p.setnewpassword {
    margin-top: 1.5625rem
}

.pt_account #primary form, .pt_orderhistory #primary form {
    margin: .9375rem 0 0 0
}

.pt_account #primary .form-row-button, .pt_orderhistory #primary .form-row-button {
    margin: .3125rem 0 0 0;
    width: 100%;
    float: left
}

.pt_account #primary .form-row-button button, .pt_orderhistory #primary .form-row-button button {
    float: left
}

.pt_account #primary .form-row-button .login-rememberme, .pt_orderhistory #primary .form-row-button .login-rememberme {
    display: block;
    float: left;
    margin: .9375rem 0 0 1.25rem
}

.pt_account #primary .form-row-button .login-rememberme .field-wrapper, .pt_orderhistory #primary .form-row-button .login-rememberme .field-wrapper {
    width: 100%
}

.pt_account #primary #password-reset, .pt_orderhistory #primary #password-reset {
    clear: both;
    float: left;
    font-size: 12px;
    font-size: .75rem;
    margin: .625rem 0;
    text-decoration: underline
}

.pt_account #primary .login-account, .pt_orderhistory #primary .login-account {
    padding: 0 0 1.5625rem 0
}

.pt_account #primary .login-order-track, .pt_orderhistory #primary .login-order-track {
    padding: 0 0 1.875rem 0
}

.pt_account #primary .login-order-track button, .pt_orderhistory #primary .login-order-track button {
    margin-top: .3125rem
}

.pt_account #primary .login-create-account, .pt_orderhistory #primary .login-create-account {
    padding: 0 0 1.875rem 0
}

.pt_account #primary .login-create-account button, .pt_orderhistory #primary .login-create-account button {
    margin: .9375rem 0 .9375rem 0
}

.pt_account #primary .login-create-account h3, .pt_orderhistory #primary .login-create-account h3 {
    margin: 1.25rem 0 1.25rem 0
}

.pt_account #primary .login-create-account .content-asset p, .pt_orderhistory #primary .login-create-account .content-asset p {
    padding: 0 0 .625rem 0
}

.pt_account #secondary, .pt_orderhistory #secondary {
    clear: both;
    padding-bottom: 3.75rem
}

@media only screen and (min-width: 48em) {
    .pt_account #secondary, .pt_orderhistory #secondary {
        clear: none;
        width: 24.7%;
        padding-bottom: 0;
        margin-top: .3125rem;
        border-right: 0;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 48em) {
    .pt_account #secondary nav, .pt_orderhistory #secondary nav {
        padding: 0
    }
}

@media only screen and (min-width: 48em) {
    .pt_account #secondary nav .secondary-navigation, .pt_orderhistory #secondary nav .secondary-navigation {
        padding: 0
    }
}

.pt_account #secondary nav .secondary-navigation .content-asset .navheader, .pt_orderhistory #secondary nav .secondary-navigation .content-asset .navheader {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    color: #64a70b;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: none;
    border: 1px solid #ebebeb;
    padding: .9375rem 1.25rem;
    margin: 1.875rem 0 0 0
}

@media only screen and (min-width: 48em) {
    .pt_account #secondary nav .secondary-navigation .content-asset .navheader, .pt_orderhistory #secondary nav .secondary-navigation .content-asset .navheader {
        border: 1px solid #ebebeb;
        padding: .9375rem 1.25rem;
        margin: 1.25rem 0 0 0
    }
}

.pt_account #secondary nav .secondary-navigation .content-asset span:first-child, .pt_orderhistory #secondary nav .secondary-navigation .content-asset span:first-child {
    margin-top: 0
}

.pt_account #secondary nav .secondary-navigation .content-asset .content-asset span:first-child, .pt_orderhistory #secondary nav .secondary-navigation .content-asset .content-asset span:first-child {
    margin: 1.25rem 0 0 0
}

.pt_account #secondary nav .secondary-navigation ul, .pt_orderhistory #secondary nav .secondary-navigation ul {
    padding: 0 0 1.25rem 0;
    border: 1px solid #ebebeb;
    border-top: 0;
    margin: 0
}

@media only screen and (min-width: 48em) {
    .pt_account #secondary nav .secondary-navigation ul, .pt_orderhistory #secondary nav .secondary-navigation ul {
        padding: 0 0 .9375rem 0
    }
}

.pt_account #secondary nav .secondary-navigation ul li a, .pt_orderhistory #secondary nav .secondary-navigation ul li a {
    display: block;
    color: #000;
    padding: 0 1.25rem
}

.pt_account #secondary nav .secondary-navigation ul li:first-child, .pt_orderhistory #secondary nav .secondary-navigation ul li:first-child {
    padding: .9375rem 0 0 0
}

.pt_account .alt-link, .pt_orderhistory .alt-link {
    text-decoration: underline
}

.pt_account .dialog-required, .pt_orderhistory .dialog-required {
    float: right;
    padding: 0;
    display: none
}

.pt_account .dialog-required .required-indicator, .pt_orderhistory .dialog-required .required-indicator {
    color: #000;
    text-transform: capitalize
}

.pt_account .dialog-required .required-indicator em, .pt_orderhistory .dialog-required .required-indicator em {
    font-style: normal
}

@media only screen and (min-width: 48em) {
    .pt_account .dialog-required, .pt_orderhistory .dialog-required {
        display: block
    }
}

.pt_account .login-oauth, .pt_orderhistory .login-oauth {
    display: none
}

.pt_account #primary #RegistrationForm {
    margin: 1.25rem 0 0 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #RegistrationForm fieldset {
        padding-bottom: 40px
    }
}

.pt_account #primary #RegistrationForm fieldset a.subscription {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    text-decoration: underline
}

.pt_account #primary #RegistrationForm fieldset legend {
    border-top: 1px solid #ebebeb;
    margin-top: 1.25rem;
    position: relative;
    width: 100%;
    padding: 1.25rem 0;
    float: left
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #RegistrationForm fieldset legend {
        padding: 0 0 1.25rem 0;
        border: 0
    }
}

.pt_account #primary #RegistrationForm fieldset:first-child legend {
    border-top: 0;
    margin-top: 0
}

.pt_account #primary #RegistrationForm fieldset .field-wrapper {
    width: 100%
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #RegistrationForm fieldset .field-wrapper {
        width: 55%
    }
}

.pt_account #primary #RegistrationForm fieldset .form-row-button {
    border-top: none;
    padding-top: 1.25rem;
    position: relative;
    width: 100%;
    margin: 0 0 1.25rem 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #RegistrationForm fieldset .form-row-button {
        border-top: 1px solid #ebebeb;
        padding-top: 0;
        margin: 1.25rem 0 1.25rem 0
    }
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #RegistrationForm fieldset .form-row-button label {
        width: 20%
    }
}

.pt_account #primary #RegistrationForm fieldset .form-row-button button {
    float: left;
    margin: 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #RegistrationForm fieldset .form-row-button button {
        float: left;
        margin: 1.25rem 0 .625rem 0
    }
}

@media only screen and (min-width: 41.875em) {
    .pt_account #primary #RegistrationForm fieldset .form-row-button button {
        float: left;
        margin: 1.25rem 0 .625rem 0
    }
}

.pt_account #primary .payment-list {
    overflow: hidden
}

.pt_account #primary .payment-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    min-height: 110px;
    width: 33%
}

@media only screen and (max-width: 47.999em) {
    .pt_account #primary .payment-list li {
        float: none;
        width: auto
    }
}

.pt_account #primary .payment-list form {
    margin: 0 0 1.25rem 0
}

.pt_account #primary .payment-list form button.delete {
    color: #1a1a1a;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400
}

.pt_account #primary .payment-list form button.delete.payment-remove {
    margin: 0
}

.pt_account #primary .payment-list form button.delete:hover {
    color: #64a70b;
    text-decoration: none
}

.pt_account #primary .address-list .mini-address-title {
    clear: both
}

.pt_account #primary .address-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    min-height: 135px;
    padding: 1em 0;
    box-sizing: border-box;
    width: 30%
}

.pt_account #primary .address-list li address {
    font-style: normal;
    margin-bottom: 1.25rem
}

.pt_account #primary .address-list li.default {
    border-bottom: 1px solid #f3f3f3;
    float: none;
    width: auto;
    padding-top: 0
}

@media only screen and (max-width: 47.999em) {
    .pt_account #primary .address-list li {
        float: none;
        width: auto
    }
}

.pt_account #primary .address-list li .mini-address-location a {
    text-decoration: underline
}

.pt_account #primary .address-list .mini-address-title {
    font-style: normal
}

.pt_account #primary .address-list, .pt_account #primary .payment-list {
    border-top: 1px solid #ebebeb;
    clear: both;
    padding: 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary .address-list, .pt_account #primary .payment-list {
        padding: 1.25rem .625rem
    }
}

.pt_account #primary .address-list button, .pt_account #primary .payment-list button {
    margin-top: 1.25rem;
    text-decoration: underline
}

.pt_account #primary .address-list h4, .pt_account #primary .payment-list h4 {
    font-style: normal;
    margin-bottom: 0
}

.pt_account #primary .address-list a.address-edit, .pt_account #primary .payment-list a.address-edit {
    text-decoration: underline
}

.pt_account #primary .address-list a.address-delete, .pt_account #primary .payment-list a.address-delete {
    text-decoration: underline
}

.pt_account #primary #addresses .button, .pt_account #primary #payments .button {
    float: right
}

.pt_account #primary #addresses h3, .pt_account #primary #payments h3 {
    float: left;
    width: auto;
    padding-top: 0
}

.pt_account #primary #addresses .section-header, .pt_account #primary #payments .section-header {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #addresses .section-header, .pt_account #primary #payments .section-header {
        padding: .75rem
    }
}

.pt_account #primary #addresses .section-header .section-header-note, .pt_account #primary #payments .section-header .section-header-note {
    margin: 0 0 .9375rem 0;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (min-width: 48em) {
    .pt_account #primary #addresses .section-header .section-header-note, .pt_account #primary #payments .section-header .section-header-note {
        width: auto;
        margin: .3125rem 0
    }
}

.pt_account #primary .account-banner {
    margin-bottom: 1.25rem
}

.pt_account #primary .account-banner img {
    width: 100%
}

.pt_account #primary #NewPasswordForm fieldset, .pt_account #primary #PasswordResetForm fieldset {
    width: 60%
}

.pt_account #primary #NewPasswordForm fieldset button, .pt_account #primary #PasswordResetForm fieldset button {
    float: left;
    margin-top: 1.25rem
}

.pt_account #secondary .contents-detail {
    padding: 0 1.25rem
}

.pt_account #primary .account-title {
    border-bottom: 1px solid #ebebeb
}

.pt_account #primary .account-title .line {
    display: none
}

@media only screen and (min-width: 48em) {
    .pt_account #primary .account-title .line {
        display: inline-block
    }
}

.pt_account #primary .account-title h1, .pt_account #primary .account-title h2 {
    width: auto;
    display: inline-block;
    color: #000;
    border-bottom: 0
}

.pt_account #primary .account-title h1 {
    padding: .625rem 0 0 0;
    margin: 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary .account-title h1 {
        padding: 0 0 1.5625rem 0
    }
}

.pt_account #primary .account-title h2 {
    display: block;
    margin-botom: 1.5625rem;
    margin-top: 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary .account-title h2 {
        display: inline-block
    }
}

.pt_account #primary .account-title .account-logout {
    float: right;
    position: relative;
    right: 0;
    margin-top: -35px;
    text-decoration: underline
}

@media only screen and (min-width: 48em) {
    .pt_account #primary .account-title .account-logout {
        margin-top: .9375rem;
        position: relative
    }
}

.pt_account #primary .account-options li {
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    padding: .625rem 0
}

@media only screen and (min-width: 48em) {
    .pt_account #primary .account-options li {
        margin: 0 2% 0 0;
        width: 48%;
        float: none;
        padding: 1.25rem 0 1.25rem 0;
        min-height: 6.875rem;
        display: inline-block;
        vertical-align: bottom
    }
}

.pt_account #primary .account-options li a {
    padding: 0
}

.pt_account #primary .account-options li:nth-child(even) {
    margin: 0
}

.pt_account #primary .account-options .account-landing {
    width: 100%;
    float: left
}

.pt_account #primary .account-options .account-landing .col1 {
    width: 13%;
    float: left;
    margin-top: .625rem;
    text-align: center
}

.pt_account #primary .account-options .account-landing .col1 .icon.my-account {
    width: 28px;
    height: 32px
}

@media only screen and (min-width: 48em) and (max-width: 74.999em) {
    .pt_account #primary .account-options .account-landing .col1 {
        width: 18%
    }
}

.pt_account #primary .account-options .account-landing .col2 {
    width: 80%;
    float: left
}

.pt_account #primary .account-options .account-landing .col2 p {
    padding-left: 0
}

.day label, .month label, .pt_checkout .form-horizontal .day label, .pt_checkout .form-horizontal .month label, .pt_checkout .form-horizontal .year label, .visually-hidden, .year label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.bonus-product-list .bonus-product-item:after, .bonus-product-list .bonus-product-list-footer:after, .cart-actions:after, .cart-empty:after, .cart-footer:after, .category-switch:after, .clearfix:after, .compare-items-panel:after, .form-row:after, .gift-registry-advanced:after, .level-1 > li:after, .level-2 > ul:after, .list-share:after, .menu-category:after, .pdp-main .product-actions:after, .pdp-main .product-review:after, .pdp-main:after, .product-suggestion:after, .product-thumbnails ul:after, .product-tile .product-feature-list:after, .product-tile:after, .product360.pt_product-details #main #primary .product-col-2:after, .responsive-grid:after, .search-suggestion-wrapper:after, .store-list-pdp-container .store-list-item:after, .subcat-list .subcat:after, .tab .tab-content:after, .top-banner:after, footer .footer-container .responsive-grid:after, nav[role=navigation]:after {
    content: "";
    display: table;
    clear: both
}

.content-asset p {
    line-height: 1.6em;
    margin: 1em 0
}

.content-asset ol, .content-asset ul {
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0 1.5em
}

.content-asset ul li {
    list-style: square outside none
}

.content-asset ol li {
    list-style: decimal outside none
}

.content-asset address {
    margin: 1em 0
}

.content-asset .account-options {
    margin: 0 !important;
    padding: 0;
    float: left;
    width: 100%;
}

@media only screen and (min-width: 48em) {
    .content-asset .account-options {
        padding: 0 0 9.0625rem 0
    }
}

.content-asset .account-options li {
    border-bottom: 1px solid #ebebeb;
    float: left;
    list-style: none outside none !important;
    margin: 0 0 0 4%;
    padding: 1em 0;
    position: relative;
    width: 46%
}

.content-asset .account-options li:last-child {
    border-bottom: 0 solid #ebebeb
}

@media only screen and (min-width: 48em) {
    .content-asset .account-options li:last-child {
        border-bottom: 1px solid #ebebeb
    }
}

@media only screen and (min-width: 48em) {
    .content-asset .account-options li {
        height: 5rem
    }
}

.content-asset .account-options li a {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.5em;
    padding: 0 0 0 4.58em
}

.content-asset .account-options li img {
    left: 0;
    position: absolute;
    top: .83em
}

.content-asset .account-options li p {
    margin: 0;
    padding-left: 4.58em
}

@media only screen and (max-width: 47.999em) {
    .content-asset .account-options li {
        float: none;
        width: auto
    }
}

.account-nav-asset {
    line-height: 1.5em;
    margin: 0;
    padding: 0 .625rem .625rem 0
}

@media only screen and (min-width: 48em) {
    .account-nav-asset {
        padding: 0 .625rem 2.5rem 0
    }
}

.account-nav-asset h2 {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    padding: .625rem;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 1.25rem 0 0 0;
    line-height: 1em;
    color: #64a70b;
}

.account-nav-asset p {
    padding: 0 .625rem;
    margin: 0
}

.nav ul {
    border: 0 none;
    list-style: none outside none;
    margin: .58em 0;
    padding: 0
}

.nav ul li {
    list-style: none outside none !important;
    margin: 0 0 .625rem !important
}

.nav .toggle {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    border: 0 none;
    display: block;
    margin: .83em 0 .58em;
    text-transform: uppercase
}

.nav .toggle span {
    background: none repeat scroll 0 0 transparent
}

.nav .expanded {
    background-position: left -96px
}

/* General */
.remove {display:none;}
input.readonly {background-color:#CCCCCC;}
div#header div.categorymenu {width:650px;}
.pt_storefront #divGigyaComments {margin:0 auto; padding-top:20px; clear:both;}


/*Activity Feed*/
#divGigyaActivityFeed td {padding:0; background-color: white;}

/* Login */
div.accountlogin h1 {padding-top:20px;}
.pt_account div.gigyaLoginParent {text-align: left;}
.pt_account #gigyaLoginContainerLogin {display:inline-block;}
.loginInstruction {margin-left:20px; font-weight: bold;}
.user-panel .liLoginHeader {padding-bottom:15px;}
.gigya-login-providers-container {width:auto !important;}
.gigya-login-provider-row {padding:0 !important;}

/* Registration */
.registration-selection {display:none;} /*Hide Default Facebook Option */
#RegistrationForm {visibility:hidden;}
.pt_account .registration #gigyaLoginContainerRegistration {margin-left:0px;}
.pt_account .registration #h3GigyaLogin {color:white; font-size: 1.5em;}
#divGigyaLinkAccount .registrationInstruction {margin:20px;}
#divGigyaLinkAccount {margin-bottom:20px;}
#divGigyaLinkAccount h4{margin-top:0;}
#divGigyaLinkAccount div.formactions {text-align:center;}
#gigyaLoginContainerRegistration {padding-bottom:10px;}
div.registration div.gigyaLoginParent {margin-left:0;}
#divGigyaErrorMsg { color:red; margin: 0px 0px 20px 20px;}
/* Game Mechanics */

div.gigyaGameModules {text-align:center; padding-top:20px;position:relative;float:left;}
div.gigyaGameModules h1{text-align:left;margin:10px 0;float:left; width:100%;}
div.gigyaGameModules > div {display:inline-block;width:100%;}

/*Product Page*/
div.reviewlinks {display:none;}
div.prSnippetEngine {display:none;}
#divGigyaRatings {padding-top:20px;}
div.sendtofriend {display:none;}
div.addthis_toolbox {display:none;}

/* Home Page*/
div#container.pt_storefront div#rightcolumn {padding-top:13px;}
#divGigyaFollow {padding-bottom: 5px;}

.hiddenForm {display: none;}
.gigya-error { color: #990000;margin: 1% 2% 2% 0;}
#txtGigyaAdditionalParameters {display: none;}

.gigya-screen-content a {
    color: #64a70b;
    text-decoration: none;
}

.gigya-screen-content h1,
.gigya-screen-content h2,
.gigya-screen-content h3,
.gigya-screen-content h4,
.gigya-screen-content h5,
.gigya-screen-content h6,
{
    font-weight: 500;
}

h1.gigya-screen-caption {
    display: none;
}

.gigya-required-display {
    color: #a70b0b;
    display: inline-block;
    padding: 0 5px;
}

.gigya-error-display {
    display: none !important;
}

.gigya-error-display-active {
    display: block !important;
}

.gigya-error-msg,
.gigya-error-msg-active.gigya-form-error-msg {
    color: #a70b0b !important;
    font-size: 14px !important;
    margin-top: -7px;
}

.gigya-error-msg-active.gigya-form-error-msg {
    border: 1px solid #a70b0b;
    border-radius: 2px;
    font-weight: bold;
    margin-top: 1px;
    padding: 10px;
    text-align: center;
}

.gigya-login-provider-row:first-child {
    padding-top: 0;
}

.gigya-input-text[type=text],
.gigya-input-password[type=password],
.gigya-screen select,
textarea.gigya-textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ebebeb !important;
    border-radius: 2px !important;
    font-family: inherit;
    font-size: 15px !important;
    line-height: 19px;
    padding: 11px 11px 7px !important;
    width: 100%;
}

.gigya-input-text[type=text].gigya-error,
.gigya-input-password[type=password].gigya-error,
.gigya-screen select.gigya-error,
textarea.gigya-textarea.gigya-error {
    border-color: #a70b0b !important;
}

.gigya-input-text[type=text]:disabled,
.gigya-input-password[type=password]:disabled {
    background-color: #f2f2f2;
    border-color: #d4dee4;
    color: #6a6a6a;
}

.gigya-screen input:-ms-input-placeholder {
    color: darkgrey;
}

.gigya-button,
.gigya-input-button[type=button],
.gigya-input-submit[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-family: inherit;
    line-height: 21px;
    padding: 6px 11px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gigya-input-checkbox[type=checkbox],
.gigya-input-radio[type=radio] {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.gigya-input-checkbox[type=checkbox]+label::before,
.gigya-input-radio[type=radio]+label::before {
    background: #fff;
    border: 1px solid #ccc;
    content: '';
    display: inline-block;
    height: 16px;
    margin: 0 12px -1px 0;
    vertical-align: middle;
    width: 16px;
}

.gigya-input-checkbox[type=checkbox]:checked+label::before,
.gigya-input-radio[type=radio]:checked+label::before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMiAxMCI+PHBhdGggZmlsbFJ1bGU9ImV2ZW5vZGQiIGQ9Ik0gNC4xOCAxMEMgNC4xOCAxMCAwLjAxIDUuMjggMC4wMSA1LjI4IDAuMDEgNS4yOCAxLjkyIDMuNjkgMS45MiAzLjY5IDEuOTIgMy42OSA0LjIzIDYuMyA0LjIzIDYuMyA0LjIzIDYuMyAxMC4xMiAwIDEwLjEyIDAgMTAuMTIgMCAxMS45OSAxLjY0IDExLjk5IDEuNjQgMTEuOTkgMS42NCA0LjE4IDEwIDQuMTggMTBaIiBmaWxsPSJyZ2IoMTAwLDE2NywxMSkiPjwvcGF0aD48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center;
}

.gigya-input-checkbox[type=checkbox]+label .gigya-label-text {
    vertical-align: middle;
}

.gigya-screen select {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDE1IDgiPjxwYXRoIGZpbGxSdWxlPSJldmVub2RkIiBkPSJNIDE0LjkzIDAuMkMgMTQuOTMgMC4yIDcuMzQgNy43OCA3LjM0IDcuNzggNy4zNCA3Ljc4LTAuMjUgMC4yLTAuMjUgMC4yLTAuMjUgMC4yIDE0LjkzIDAuMiAxNC45MyAwLjJaIiBmaWxsPSJyZ2IoMjUsMjUsMjUpIi8+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: center right 11px;
}

.gigya-screen option {
    padding: 5px;
    width: 100%;
}

.gigya-screen .letter-spacing-s {
    letter-spacing: -0.1px;
}


/* layout */

.gigya-screen-content {
    max-width: 66ch !important;
}

.gigya-layout-row .gigya-layout-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.gigya-layout-row.with-two-inputs .gigya-composite-control {
    padding-right: 7.5px;
}

.gigya-layout-row.with-two-inputs>.gigya-layout-cell+.gigya-layout-cell>.gigya-composite-control {
    padding-left: 7.5px;
    padding-right: 0;
}

.gigya-layout-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}


/* composite controls - spacing */

.gigya-composite-control {
    padding-bottom: 18px;
}

.gigya-composite-control-label {
    display: block;
    font-weight: 400;
}

.gigya-screen .main-text {
    display: block;
    padding-bottom: 25px;
}

.gigya-screen .main-text.inlined {
    display: inline-block;
    text-align: center;
}

.gigya-screen .social-login-title {
    display: inline-block;
    padding-bottom: 26px;
    text-align: center;
}

.gigya-composite-control-header {
    font-size: 1em;
    margin: 0 0 1.5em;
    padding-bottom: 0 !important;
    text-align: left;
}

.gigya-composite-control-dropdown,
.gigya-composite-control-password,
.gigya-composite-control-textbox {
    padding-bottom: 5px;
}

.gigya-composite-control-dropdown .gigya-label,
.gigya-composite-control-password .gigya-label,
.gigya-composite-control-textbox .gigya-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
}

.gigya-composite-control-dropdown input,
.gigya-composite-control-dropdown select,
.gigya-composite-control-password input,
.gigya-composite-control-password select,
.gigya-composite-control-textbox input,
.gigya-composite-control-textbox select {
    margin-bottom: 13px;
}

.gigya-composite-control-dropdown .gigya-error-msg-active,
.gigya-composite-control-password .gigya-error-msg-active,
.gigya-composite-control-textbox .gigya-error-msg-active {
    padding-bottom: 8px;
    padding-top: 0;
}

.gigya-captcha-wrapper {
    margin-bottom: 5px;
}

.gigya-captcha-wrapper .gigya-captcha {
    margin: 0 auto 13px;
}

.gigya-captcha-wrapper .gigya-captcha input {
    height: auto;
}

.gigya-captcha-wrapper .gigya-captcha .recaptcha_only_if_privacy a {
    font-size: 12px;
}

.gigya-captcha-wrapper .gigya-error-msg-active {
    padding-bottom: 8px;
    padding-top: 0;
}

.gigya-composite-control-tfa-widget {
    padding-bottom: 0;
}

.gigya-composite-control-link.button {
    display: block;
}

.gigya-footer {
    padding-bottom: 0;
}

.gigya-composite-control-social-login {
    padding: 0;
}

.gigya-composite-control-multi-choice .gigya-label {
    padding-bottom: 8px;
}

.gigya-composite-control-multi-choice .gigya-multi-choice-item {
    padding-top: 10px;
}

.gigya-composite-control-multi-choice .gigya-multi-choice-item {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    display: block;
    flex: 0 0 auto;
    margin-left: 8px;
    width: 100%;
}

.gigya-composite-control-checkbox {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.gigya-composite-control-checkbox .gigya-input-checkbox {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.gigya-composite-control-checkbox .gigya-label {
    display: block;
}

.gigya-submit-1-col {
    margin: 18px 0 0;
}

.gigya-forgot-password,
.gigya-back-to-login,
.gigya-different-account {
    display: table !important;
    margin-left: auto;
}

.gigya-terms-error {
    border: 1px solid #a70b0b;
    border-radius: 5px;
    margin-bottom: 18px;
    padding: 5px;
    position: relative;
    right: 6px;
    width: 100%;
}

.gigya-loginID-availability-available {
    margin-bottom: 18px;
}

.gigya-form-error .gigya-composite-control-button,
.gigya-form-error .gigya-composite-control-link.button,
.gigya-form-error .gigya-composite-control-submit {
    padding-bottom: 10px;
}

.gigya-form-error .gigya-composite-control-form-error.gigya-error-display-active {
    padding-bottom: 10px;
}

#gigya-update-profile-screen .first-name-row>div {
    padding: 0;
}

#gigya-update-profile-screen .first-name-row input {
    margin: 0;
}

#gigya-update-profile-screen .first-name-row input {
    margin-bottom: 13px;
}

#gigya-update-profile-screen .last-name-row>div {
    padding: 0;
}

#gigya-update-profile-screen .gigya-myPhoto {
    display: inline-block;
    padding: 0;
}

#gigya-update-profile-screen .second-cell {
    display: inline-block;
}

#gigya-update-profile-screen .gigya-layout-row {
    overflow: visible;
}

#gigya-update-profile-screen .gigya-layout-cell.gigya-tfa-off {
    float: none;
}

#gigya-link-account-screen .submit-cell {
    width: 100%;
}

#gigya-link-account-screen .main-Header {
    margin-bottom: 10px;
}

#gigya-link-account-screen .gigya-container .gigya-layout-cell {
    max-width: none;
}

#secondary h1 {
    margin: 0 0 14px
}

.primary-content dl {
    clear: both;
    overflow: hidden
}

.primary-content dl dt {
    clear: both;
    float: left;
    margin: 2% 0 0;
    min-width: 15%
}

.primary-content dl dd {
    float: left;
    margin: 2% 0 0;
    padding: 0 0 0 5%
}

.col-1 {
    float: left;
    margin: 4px 0;
    width: 48%
}

@media only screen and (max-width: 47.999em) {
    .col-1 {
        float: none;
        width: 100%
    }
}

.col-2 {
    float: right;
    margin: 4px 0;
    width: 48%
}

@media only screen and (max-width: 47.999em) {
    .col-2 {
        float: none;
        width: 100%
    }
}

.content-header {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: italic;
    margin: 0 0 14px !important
}

.section-header {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 1em 0;
    position: relative;
    text-transform: uppercase
}

.section-header .dialog-required {
    text-transform: none
}

.section-header-note {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 500;
    text-transform: none
}

@media only screen and (min-width: 48em) and (max-width: 74.999em) {
    table .section-header {
        font-size: 12px;
        font-size: .75rem
    }
}

.back {
    display: block;
    margin: 0 0 10px
}

#secondary a {
    color: #64a70b
}

.pt_account .button, .pt_account .buttonstyle, .pt_account button, .pt_account input[type=button] {
    font-family: "Harmonia Sans W01", Arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    cursor: pointer;
    background-color: #64a70b;
    border: 1px solid #64a70b;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 21px;
    line-height: 1.3125rem;
    color: #fff;
    display: inline-block;
    padding: .375rem .6875rem;
    text-align: center;
    transition: all .3s ease !important;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased
}

.pt_account .button:hover, .pt_account .buttonstyle:hover, .pt_account button:hover, .pt_account input[type=button]:hover {
    background-color: #4c891f;
    border-color: #4c891f;
    color: #fff
}

.pt_account .button.disabled, .pt_account .button[disabled], .pt_account .buttonstyle.disabled, .pt_account .buttonstyle[disabled], .pt_account button.disabled, .pt_account button[disabled], .pt_account input[type=button].disabled, .pt_account input[type=button][disabled] {
    cursor: default;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.pt_account .button a, .buttonstyle a, button a, input[type=button] a {
    color: #fff
}

.button-zone {
    padding: .625rem 0 .1875rem
}

.my-account .firstlast {
    display: block;
    margin: 0 1.125rem;
    line-height: 1.75rem
}

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

    .button-zone {
        background-color: #f3f3f3
    }

    .my-account .firstlast {
        line-height: 2.1875rem
    }

}

.button-zone a.button {
    display: block;
    font-family: "Harmonia Sans W01",Arial,sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem !important;
    cursor: pointer;
    background-color: #64a70b !important;
    border: 1px solid #64a70b !important;;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 21px;
    line-height: 1.3125rem !important;
    color: #fff !important;
    display: inline-block;
    padding: 0 1.25rem !important;
    margin: 0 1.125rem !important;
    text-align: center;
    transition: all .3s ease;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    text-decoration: none !important;;
}

.icon.my-account, .svg-my-account-dims {
    width: 17px;
    height: 17px
}

.icon.orders, .svg-orders-dims {
    width: 24px;
    height: 32px
}

.flex-grid * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

.flex-column-65 {
    width: 65%;
    padding: 0;
    text-align: center
}

@media (max-width: 1024px) {
    .o-hero .flex-column-65 {
        margin-top: 0;
        width: 100%
    }
}

.o-hero--contained .flex-column-65 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 65px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-column-35 {
    width: 35%;
    padding: 35px 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1280px) {
    .flex-column-35 {
        padding: 35px
    }
}

@media (max-width: 1024px) {
    .flex-column-35 {
        width: 100%
    }
}

.flex-column-grey {
    background: #f3f4f6
}

.a-paragraph {
    color: #6c7680;
    font-size: 16px;
    font-weight: 300;
    font-family: inherit;
    margin-top: 0;
    margin-bottom: 35px;
    text-align: left;
    max-width: 100%
}

.a-paragraph p {
    margin: 0
}

@media (max-width: 1024px) {
    .a-paragraph {
        font-size: 20px
    }
}

.a-paragraph .a-link {
    padding-bottom: 20px
}

.a-paragraph--white {
    color: #fff
}

.a-paragraph--bold {
    font-weight: 700
}

.o-hero .a-paragraph {
    font-weight: 300;
    font-size: 18px
}

.o-hero .a-paragraph--disclaimer {
    font-weight: 300;
    text-transform: none;
    font-size: 12px
}

@media screen and (max-width: 1280px) {
    .o-hero .a-paragraph {
        margin-bottom: 10px
    }
}

.o-hero--contained .a-h__h2 {
    color: white
}

.o-hero .a-h__h2 {
    font-weight: 600;
    text-transform: none;
    font-size: 29px;
}

@media screen and (max-width: 1280px) {
    .o-hero .a-h__h2 {
        font-weight: 600;
        text-transform: none;
        font-size: 24px
    }
}

picture img {
    width: 100%;
    height: auto;
    display: block
}

.flex--center-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    width: 100%;
    height: 100%
}

.a-image--product {
    max-width: 600px;
    max-height: 600px;
    width: 100%;
    height: auto
}

@media screen and (max-width: 767px) {
    .a-image--product {
        margin-bottom: 0
    }
}

.a-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    left: 0;
    margin-bottom: 20px;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.a-image--arrow {
    height: calc(100% - 4px);
    margin-left: 0px
}

.a-image--hero {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .a-image--hero {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.o-hero .a-image--hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.o-promo .a-image--product {
    width: auto;
    margin: 0 auto;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .a-image--product {
        margin-bottom: 0
    }
}

.m-social--container .a-image {
    margin-bottom: 0;
    width: 100%
}

.center {
    text-align: center;
    width: 100%
}

.m-breakingplaneimage__container {
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.o-hero .m-breakingplaneimage__container {
    height: auto
}

@media (max-width: 1024px) {
    .o-hero .m-breakingplaneimage__container {
        margin-top: 0;
        min-height: 195px
    }
}

.m-breakingplaneimage__image {
    position: absolute;
    top: -35px;
    width: 295px;
    max-width: 100%;
    left: calc(50% - 147px)
}

.o-productlineup .m-breakingplaneimage__image {
    width: 260px;
    left: calc(50% - 130px)
}

@media screen and (max-width: 1024px) {
    .m-breakingplaneimage__image {
        top: -20px
    }
}

.o-hero {
    margin-bottom: 100px;
    position: relative
}

@media screen and (min-width: 1920px) {
    .o-hero {
        max-width: 1920px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.o-hero__videocontainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
}

.o-productlineup .o-hero__videocontainer {
    margin-top: 35px
}

@media screen and (max-width: 1024px) {
    .o-hero__videocontainer {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-order: 2
    }
}

.o-hero__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    z-index: 1
}

.o-hero__video.oo-player-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    z-index: 1
}

.o-hero__video.oo-player-container .oo-player {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important
}

.o-hero__promo {
    margin-left: 169px;
    margin-right: 169px;
    width: calc(100% - 338px)
}

@media screen and (max-width: 1260px) {
    .o-hero__promo {
        max-width: 905px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1024px) {
    .o-hero__promo {
        width: calc(100% - 64px);
        max-width: calc(100% - 64px)
    }
}

.o-hero--contained {
    margin-left: 169px;
    margin-right: 169px
}

@media screen and (max-width: 1024px) {
    .o-hero--contained {
        margin-left: 35px;
        margin-right: 35px;
        width: calc(100% - 70px)
    }
}

@media screen and (max-width: 1024px) {
    .o-hero--mobilereverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .o-hero--mobilereverse.o-hero__videocomponent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 1024px) {
    .o-hero {
        margin-bottom: 65px
    }
}

.m-breakingplaneimage__text {
    padding: 35px 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .m-breakingplaneimage__text {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-order: 3
    }
}

.m-breakingplaneimage__text > *:last-child {
    margin-bottom: 0
}

.a-h {
    font-family: inherit;
    color: #6c7680;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 35px
}

@media screen and (max-width: 1280px) {
    .a-h {
        margin-bottom: 10px
    }
}

.a-h__h1 {
    font-size: 40px;
    text-align: left;
    font-weight: 700
}

@media (max-width: 1280px) {
    .a-h__h1 {
        font-size: 42px
    }
}

.a-h__h2 {
    font-size: 29px;
    font-weight: 600
}

.o-hero--contained .a-h__h2 {
    color: white
}

.o-hero .a-h__h2 {
    font-weight: 600;
    text-transform: none;
    font-size: 29px
}

@media screen and (max-width: 1280px) {
    .o-hero .a-h__h2 {
        font-weight: 600;
        text-transform: none;
        font-size: 24px
    }
}

.o-social .a-h__h2 {
    text-align: center;
    width: 100%
}

.a-h__h2--large {
    font-size: 40px;
    font-weight: 700;
    width: 100%;
    line-height: 40px
}

.a-h__h2--large h2 {
    font-size: 29px;
    text-align: inherit;
    font-weight: 600;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

@media (max-width: 1280px) {
    .a-h__h2 {
        font-size: 32px
    }

    .a-h__h2--large {
        font-size: 32px;
        margin-bottom: 0
    }
}

.a-h__h3 {
    font-size: 22px;
    font-weight: 600
}

@media (max-width: 1280px) {
    .a-h__h3 {
        font-size: 30px
    }
}

.o-product-lineup__standardcard .a-h__h3, .o-product-lineup__featuredcard .a-h__h3 {
    margin-bottom: 0
}

.o-promo .a-h__h3--bold {
    font-weight: 600;
    text-transform: none;
    font-size: 29px;
    margin-bottom: 0;
    text-transform: uppercase
}

.o-promo .a-h__h3--thin {
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
    margin-bottom: 20px
}

.o-product-lineup__featuredcard--upper .a-h__h3, .o-product-lineup__standardcard--upper .a-h__h3 {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .o-product-lineup__featuredcard--upper .a-h__h3, .o-product-lineup__standardcard--upper .a-h__h3 {
        color: #6c7680
    }
}

.o-product-lineup .a-h__h3 {
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
    text-align: center;
    font-weight: 600
}

.o-product-lineup--featured .a-h__h3 {
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
    text-align: left;
    font-weight: 600
}

.o-product-lineup--standard .a-h__h3 {
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
    text-align: left;
    font-weight: 600
}

.o-quizcomponent .a-h__h3, .o-valueadd .a-h__h3 {
    font-weight: 600;
    text-transform: none;
    font-size: 29px
}

@media screen and (max-width: 1024px) {
    .o-quizcomponent .a-h__h3, .o-valueadd .a-h__h3 {
        font-weight: 600;
        text-transform: none;
        font-size: 24px
    }
}

.o-hero--interactive .a-h__h3 {
    font-weight: 600;
    text-transform: none;
    font-size: 29px;
    margin-bottom: 35px
}

@media screen and (max-width: 1024px) {
    .o-hero--interactive .a-h__h3 {
        font-weight: 600;
        text-transform: none;
        font-size: 24px;
        text-align: center
    }
}

.a-h__h3 .o-product-lineup__featuredcard--upper, .a-h__h3 .o-product-lineup__standardcard--upper {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .a-h__h3 .o-product-lineup__featuredcard--upper, .a-h__h3 .o-product-lineup__standardcard--upper {
        color: #6c7680
    }
}

@media screen and (max-width: 1024px) {
    .m-search .a-h__h3 {
        margin-left: 116px
    }
}

.a-h__h4 {
    font-size: 18px;
    font-weight: 300
}

.o-hero__interactiveoption .a-h__h4 {
    font-weight: 300;
    text-transform: none;
    font-size: 20px;
    color: #bec5cd;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 20px;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .o-hero__interactiveoption .a-h__h4 {
        color: #6c7680;
        font-weight: 700;
        margin-top: 32px
    }
}

.o-hero__interactiveoption--active .a-h__h4 {
    color: #64a70b;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .o-hero__interactiveoption--active .a-h__h4 {
        color: #6c7680;
        font-weight: 700;
        margin-top: 32px
    }
}

.braava .o-hero__interactiveoption--active .a-h__h4 {
    color: #1aa2dc
}

@media screen and (max-width: 1024px) {
    .braava .o-hero__interactiveoption--active .a-h__h4 {
        color: #6c7680
    }
}

.m-categoryProductLineupCard__inner .a-h__h4 {
    font-weight: 300;
    text-transform: none;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .m-categoryProductLineupCard__inner .a-h__h4 {
        font-weight: 300;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        color: #fff
    }
}

@media (max-width: 1024px) {
    .a-h__h4 {
        font-size: 22px
    }
}

.a-h__h5 {
    font-size: 1.2em
}

.a-h__h6 {
    font-size: 1em
}

.a-h__h6--small {
    font-size: 0.8em
}

.a-h--center {
    text-align: center
}

.a-h--green {
    color: #64a70b;
    font-weight: 300
}

.a-h--white {
    color: #fff
}

.o-grid .a-h {
    text-align: center
}

.o-quizcomponent .a-h {
    text-align: center
}

.a-optionalflag {
    background: #f8941e;
    color: white;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 15px;
    text-transform: uppercase;
    line-height: 17px;
    display: inline-block;
    margin-bottom: 20px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.a-optionalflag:empty {
    height: 17px;
    background: none;
    display: block
}

.a-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-family: inherit;
    font-size: 17px;
    line-height: 17px;
    padding: 8px 12px;
    text-decoration: none;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background, border-color, color;
    transition-property: background, border-color, color;
    vertical-align: top;
    margin: 0;
    margin-bottom: 20px;
    cursor: pointer
}

.a-btn--primary-green {
    background: #64a70b;
    border-color: #64a70b;
    color: #fff
}

.a-btn--primary-green:hover {
    background: #4e8828;
    border-color: #4e8828;
    color: #fff
}

@media (max-width: 1024px) {
    .a-btn {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 24px);
        text-align: center
    }
}

input[type="text"] + .a-btn {
    border-left: 0px;
    margin-left: -2px
}

.a-link .a-btn {
    margin-top: 15px
}

.m-social--container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(25% - 10px);
    margin-bottom: 12px
}

@media screen and (max-width: 1024px) {
    .m-social--container {
        width: calc(50% - 2px) !important;
        margin-bottom: 0;
        padding: 0px;
        margin-bottom: 5px
    }
}

.m-social--overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #4e8828;
    color: #fff;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.m-social--overlay:hover {
    opacity: .8
}

@media screen and (max-width: 900px) {
    .m-social--overlay {
        width: calc(100% - 6px);
        height: calc(100% - 0px);
        margin: 0px 3px 0px 3px
    }

    .m-social--overlay:hover {
        opacity: .0
    }
}

@-webkit-keyframes animate-height {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes animate-height {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.o-social .a-h__h2 {
    text-align: center;
    width: 100%
}

.o-social .a-icon {
    font-size: 28px
}

.o-social {
    margin-left: 169px;
    margin-right: 169px;
    width: calc(100% - 338px);
    margin-bottom: 100px;
    position: relative
}

@media screen and (min-width: 1920px) {
    .o-social {
        max-width: 1582px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1260px) {
    .o-social {
        max-width: 905px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.a-inlinetext--green {
    color: #64a70b;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .o-social {
        width: calc(100% - 64px);
        max-width: calc(100% - 64px)
    }
}

.o-social__photocontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

@media screen and (max-width: 1024px) {
    .o-social__photocontainer {
        width: 100%
    }
}

.o-social__photocontainer * {
    max-width: initial
}

@media screen and (max-width: 1024px) {
    .o-social {
        margin-bottom: 65px
    }
}

.o-quizcomponent__buttoncontainer .a-btn {
    margin: 8px;
    text-align: center
}
.o-quizcomponent .a-h__h3, .o-valueadd .a-h__h3 {
    font-weight: 600;
    text-transform: none;
    font-size: 29px
}

@media screen and (max-width: 1024px) {
    .o-quizcomponent .a-h__h3, .o-valueadd .a-h__h3 {
        font-weight: 600;
        text-transform: none;
        font-size: 24px
    }
}

.o-quizcomponent .a-h {
    text-align: center
}

.o-quizcomponent {
    margin-left: 169px;
    margin-right: 169px;
    width: calc(100% - 338px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px;
    margin-bottom: 100px
}

@media screen and (min-width: 1920px) {
    .o-quizcomponent {
        max-width: 1582px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1260px) {
    .o-quizcomponent {
        max-width: 905px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1024px) {
    .o-quizcomponent {
        width: calc(100% - 64px);
        max-width: calc(100% - 64px)
    }
}

.o-quizcomponent__buttoncontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .o-quizcomponent__buttoncontainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 1024px) {
    .o-quizcomponent {
        margin-bottom: 65px
    }
}

.o-social .slick-slide > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .o-social .wrapper {
        width: 100%
    }

    .o-social .slick-list {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .flex-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column-50 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        vertical-align: middle
    }

    .flex-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .flex-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .flex-column-2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .flex-column-4 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .flex-column-6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .flex-column-65 {
        text-align: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .flex-column-35 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media screen and (max-width: 768px) {
    .flex-column {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 5px 0px;
        width: 100%
    }

    .flex-column-2 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 5px 0px;
        width: 100%
    }

    .flex-column-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 5px 0px;
        width: 100%
    }

    .flex-column-6 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 18%;
        flex: 1 0 18%;
        margin-left: 0px;
        margin-right: 5px;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .center--header, .right--header {
        display: none
    }

    .left--header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 40px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 20px;
        height: 22px
    }
}

#ytplayer {
    max-width: 99%;
}

.o-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (min-width: 1400px) {
    .o-footer__nav {
        max-width: 1400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.m-footer__contactcontainer .a-paragraph {
    margin-left: 8px
}

.m-footer__contactcontainer .a-icon {
    font-size: 1.125em;
    color: #393f45
}

.m-footer__iconcontainer .a-icon {
    background-color: #393f45;
    color: white;
    padding: 10px;
    border-radius: 20px;
    margin: 0;
    margin-left: 35px;
    width: 16px;
    height: 16px
}

@media screen and (max-width: 1350px) {
    .m-footer__iconcontainer .a-icon {
        margin-left: 16px
    }
}

@media screen and (max-width: 1024px) {
    .m-footer__iconcontainer .a-icon {
        margin: 0
    }
}

.m-footer__row {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0 0;
    margin-bottom: 15px
}

@media screen and (max-width: 1260px) {
    .m-footer__row {
        max-width: 905px;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 1024px) {
    .m-footer__row {
        width: calc(100% - 64px);
        max-width: calc(100% - 64px)
    }
}

@media screen and (max-width: 1024px) {
    .m-footer__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 20px
    }
}

.m-footer__contactcontainer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1024px) {
    .m-footer__contactcontainer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.m-footer__iconcontainer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .m-footer__iconcontainer {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0px
    }
}

.m-footer__row .m-icon__section {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 35px
}

.m-footer__row .m-icon__section:last-of-type {
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .m-footer__row .m-icon__section {
        width: 50%;
        margin-top: 16px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.a-inputcomponent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 25px
}

.a-inputcomponent__label {
    font-weight: 700;
    font-size: 12px;
    margin-right: 14px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #393f45
}

.a-inputcomponent__inputcontainer {
    border: 1px solid black;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 35px;
    position: relative
}

.a-inputcomponent__input {
    border: none;
    font-size: 16px;
    padding: 8px
}

.a-inputcomponent__input--standard {
    width: calc(100% - 16px)
}

.a-inputcomponent__button {
    background: none;
    border: 1px solid grey;
    border-radius: 32px;
    height: 24px;
    padding: 0;
    width: 24px;
    margin: 4px;
    background: white
}

.a-inputcomponent .form {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .a-inputcomponent {
        width: 100%
    }

    .a-inputcomponent .form {
        width: 100%
    }

    .a-inputcomponent__label {
        width: 110px
    }

    .a-inputcomponent__inputcontainer {
        width: 100%;
        margin-right: 0
    }

    .a-inputcomponent__inputcontainer .sxFormSingleLineText {
        width: 100%
    }

    .a-inputcomponent__button {
        width: 24px
    }
}

.a-inputcomponent__inputcontainer .a-icon {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 0;
    pointer-events: none;
    color: #393f45
}

.elq-form {
    margin: 0 auto 60px;
    max-width: 535px;
    width: calc(100% - 86px)
}

@media (max-width: 1024px) {
    .elq-form {
        width: calc(100% - 26px)
    }
}

.elq-form .field-size-top-large {
    width: calc(100% - 26px)
}

.elq-form .field-p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 25px
}

.elq-form .submit-button {
    border: 2px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-family: inherit;
    font-size: 17px;
    line-height: 17px;
    padding: 8px 12px;
    text-decoration: none;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    vertical-align: top;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 500;
    cursor: pointer;
    background: #64a70b;
    border-color: #64a70b;
    color: #fff;
    width: 100% !important;
    height: auto !important;
    margin-top: 16px
}

.elq-form .label-position {
    font-weight: 600;
    text-transform: none;
    font-size: 24px;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    width: calc(100% - 24px);
    margin: 0 auto 10px;
    display: block;
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .o-footer .a-inputcomponent > div {
        width: 100%
    }
}

.o-footer .elq-form {
    width: calc(100% - 26px);
    margin-bottom: 0;
    position: relative
}

@media (max-width: 1024px) {
    .o-footer .elq-form {
        width: 100%
    }
}

.o-footer .elq-form .field-size-top-large {
    width: calc(50% - 38px);
    padding-right: 38px
}

@media (max-width: 1024px) {
    .o-footer .elq-form .field-size-top-large {
        width: 100%
    }
}

.o-footer .elq-form .field-p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0
}

.o-footer .elq-form .submit-button {
    float: none;
    border: 1px solid grey;
    border-radius: 32px;
    height: 24px;
    padding: 0;
    width: 24px;
    margin: 4px;
    background: white;
    position: absolute;
    top: -30px;
    right: 12px;
    color: white;
    width: 19px !important
}

@media (max-width: 1024px) {
    .o-footer .elq-form .submit-button {
        top: -31px;
        right: 5px
    }
}

.o-footer .elq-form .field-style {
    margin: 0;
    width: 100%
}

.o-footer .elq-form .label-position {
    font-weight: 700;
    font-size: 12px;
    margin-right: 14px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #393f45;
    margin: 0 14px 0 0;
    padding-top: 0;
    width: auto
}

@media (max-width: 1024px) {
    .o-footer .elq-form .label-position {
        width: 100%;
        margin: 0
    }
}

.o-footer .elq-form .label-position:after {
    font-family: 'Icomoon';
    content: "\e902";
    position: absolute;
    top: 9px;
    right: 20px;
    z-index: 2;
    font-size: 9px;
    pointer-events: none
}

@media (max-width: 1024px) {
    .o-footer .elq-form .label-position:after {
        top: 30px;
        right: 13px
    }
}

@media (max-width: 1024px) {
    .a-inputcomponent > div {
        width: 100%
    }
}

.page-footer .callout {
    text-align: left;
}

.o-hero--fullwidth .m-onethirdtext {
    position: absolute;
    background: transparent;
    height: 100%;
    left: 0;
    right: auto;
}

.gen-home .page-content dl, .gen-home .page-content ol, .gen-home .page-content ul, .gen-learn .page-content dl, .gen-learn .page-content ol, .gen-learn .page-content ul {
    margin-left: 19px;
    margin-right: 11px;
}
.product-image-container .main-container .amp-slide img {
    padding-right: 15px;
}
@media screen and (max-width: 480px){
    div#mCSB_1_container {
        min-width: 1792px !important;
    }
    .cc-cookies {
        float:right;
    }
    img.card__image__active {
        width: 100%;
    }
    .gen-home .card--feature .card__image, .gen-learn .card--feature .card__image {
        width: 85%;
        max-width: 250px;
    }
}
.gen-home .hero__image, .gen-learn .hero__image {
    padding-bottom: 10%;
    display: block;
}
.pdp-main .product-add-to-cart {
    width: 100% !important;
}
iframe {
    max-width: 100%;
}
.desktop-full-view .amp-main-img.inner-element.amp.amp-image.amp-zoom {
    width: auto !important;
    min-height: 100% !important;
}