@charset "utf-8";

.success { text-align: center }
.iccProfilesSeoListLink {font-size:0; text-decoration: none; line-height: 0; display: none;}

/*#region shopSearch */
div.search { position: relative; z-index: 10000 }

div.search > div.quickSearchSuggestionsBox { position: absolute; display: none; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; background: #fff; }

div.search > div.quickSearchSuggestionsBox.active { display: block; }

div.search > div.quickSearchSuggestionsBox { position: absolute; z-index: 10000; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

div.search > div.quickSearchSuggestionsBox > div.frame { margin: 0 0 0 0; width: 100%; z-index: 10000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item > a { padding: 5px 2px; display: block; width: auto; text-decoration: none; min-height: 32px; position: relative; color: #000; }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.text { display: table-cell; vertical-align: middle; text-align: left }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.text span { padding: 3px 5px 2px 2px; display: block; overflow: hidden; }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.image { display: table-cell; vertical-align: middle; width: 70px; text-align: center; /*position: absolute; top: 3px; left: 3px;*/ height: 40px }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.image > img { padding: 0; margin: 0; max-width: 55px; max-height: 32px; }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item > a:hover { background-color: #e2e2e2; text-decoration: none; }

div.search > div.quickSearchSuggestionsBox > div.frame > div.empty { padding: 4px 8px; text-align: center; }

div.search > div.quickSearchSuggestionsBox > div.frame > div.item.focused a { background-color: #e2e2e2; text-decoration: none; }

/*#endregion */

.jqifade { position: absolute; background-color: #000; }

div.jqi { width: 400px; position: absolute; text-align: center; background: #fff; padding: 20px; border-top: 48px solid #92bc2f }

div.jqi .jqiclose { width: 17px; height: 17px; color: #fff !important; background: #d20000; font-size: 16px; line-height: 17px; top: -33px; right: 15px; position: absolute; cursor: pointer; font-family: Arial }

div.jqi .jqititle { padding: 5px 10px; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; }

div.jqi .jqimessage { padding: 0 15px 15px 15px; line-height: 20px; color: #444444; font-size: 15px }

div.jqi .jqimessage ul { margin: 0; padding: 0; list-style: none; display: table }

div.jqi .jqimessage ul li { display: block; font-size: 1.0em; padding: 4px 0 4px 20px; color: #0e0e0e; text-decoration: none; background: url(/templates/main/images/rightLi.png) no-repeat left 11px; text-align: left }

div.jqi .jqibuttons button { margin: 0 5px; padding: 7px 20px; border: none; color: #fff; font-weight: bold; font-size: 12px; outline: none; background: #026598 }

div.jqi .jqibuttons button:hover { background-color: #0482c3; color: #fff; cursor: pointer }

div.jqi .jqibuttons button.jqidefaultbutton { background: #ffc000; color: #080808 }

div.jqi .jqibuttons button.jqidefaultbutton:hover { background: #FFD800; color: #080808 }

/* sub states */
div.jqi .jqiparentstate::after { background-color: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

div.jqi .jqisubstate { position: absolute; top: 0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eeeeee; border-top: none; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }

div.jqi .jqisubstate .jqibuttons button { padding: 10px 18px; }

/* arrows for tooltips/tours */
.jqi .jqiarrow { position: absolute; height: 0; width: 0; line-height: 0; font-size: 0; border: solid 10px transparent; }

.jqi .jqiarrowtl { left: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowtc { left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }

.jqi .jqiarrowtr { right: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowbl { left: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowbc { left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }

.jqi .jqiarrowbr { right: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowlt { left: -20px; top: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowlm { left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }

.jqi .jqiarrowlb { left: -20px; bottom: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowrt { right: -20px; top: 10px; border-left-color: #ffffff; }

.jqi .jqiarrowrm { right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }

.jqi .jqiarrowrb { right: -20px; bottom: 10px; border-left-color: #ffffff; }


/*#region shopRating */

.starsL { float: left }

.starsR { float: right }


.starsWrap { position: relative; float: left }

.stars { background: url("/templates/images/star.png") 0 0 repeat-x; width: 100px; height: 20px; position: relative }

.stars.active { position: absolute; top: 0; left: 0; pointer-events: none; background-position: 0 -20px; }

.pldStarR > .voteButton > .starsWrap { display: none }

.voteButton { float: left; margin: 0 10px 0 0 }

.voteButton-right { margin: 0 0 0 10px }

.noRatings { line-height: 20px; float: left; margin: 3px 0 0 0; font-size: 12px }

.voteButton > input { border: none; background: none; padding: 3px 0 0 0; cursor: pointer; color: #000; text-decoration: underline }

.voteButton > input:hover { color: #000; text-decoration: none }

.ratingDetailBox { margin: 0 }

.pldRatingPreview { position: relative; width: 100px; }

.pldRatingPreview:hover > .ratingPopUpBox { display: block; }

.ratingPopUpBox { position: absolute; background: #fff; border: 1px solid #b8b8b8; padding: 10px; width: 180px; top: 0; left: 0; display: none; }

.ratingPopUpBox .ratingPopUpTitle { font-size: 22px; font-weight: bold }

.ratingPopUpBox .ratingPopUpAvarage { margin: 0 0 5px 0 }

.ratingPopUpBox .ratingPopUpAvarage strong { margin: 0 5px 0 0 }

.ratingPopUpBox .ratingPopUpStarItem { height: 25px; line-height: 25px; }

.ratingPopUpBox .ratingPopUpStarItem .starsWrap { float: left; }

.ratingPopUpBox .ratingPopUpStarItem .ratingPopUpNumber { float: left; margin-left: 5px; }

.starWrapTitle { font-size: 0.9em; margin: 0 0 2px 0 }

.pldStars { margin: 0 0 20px 0 }

.voteButton .starsWrap { margin: 0 }

.ratingPopUpStarItem .starsWrap { margin: 0 5px 0 0 }

.titleStars { margin: 0 0 5px 0; font-size: 0.95em; color: #d10000 }

.ratingFormStarImage .error .starsWrap { border: 1px solid #D10000; border-radius: 3px; float: left; width: auto !important; margin: 0 180px 2px 0; }

#shopRatingForm span.error { color: #D10000; }

#shopRatingForm span.error.val_required { color: #FFF; }
/* formular nastylovan v sekci formSkinDefault */

.pldRatingPreview { width: 100% }

.ratingStar { float: left; width: 100px; margin: 0 15px 0 0 }

.ratingLabel { float: left; margin: 3px 0 0 0; font-size: 12px }

.pldStarL .voteButton { float: left; margin: 0 15px 0 0 }

.ratingFormStarImage .starsWrap { width: 100%; margin: 0 0 5px 0; float: left }

.ratingFormStarImage { float: left; width: 62% }

.shopRatingFormIn .ratingFormWide { margin: 0 0 0 0 }

/* Vypis hodnocení a recenzí */
div.scoreBox { margin: 0 0 15px 0; /*background:#fff*/ }

div.scoreBox > div.scoreBoxTop { border-bottom: 2px solid #ECD5A3; padding: 7px 15px; }

div.scoreBox > div.scoreBoxTop > div.sBTTitle { float: left; margin: 0px 10px 0 0; font-weight: bold; font-size: 16px; }

div.scoreBox > div.scoreBoxTop > div.sBTScore { float: left; }

div.scoreBox > div.scoreBoxTop > div.sBTScore > div.starsWrap > div > div.stars { float: left; margin: 0px 15px 0 0; }

div.scoreBox > div.scoreBoxTop > div.sBTTDate { float: right; margin: 0px 0 0 0 }

div.scoreBox > div.cBBox { padding: 15px 15px 5px 15px; }

div.scoreBox > div.sBLeft { margin: 10px 0 10px 15px; float: left; width: 333px; }

div.scoreBox > div.sBLeft > ul { margin: 0; padding: 0; list-style: none; }

div.scoreBox > div.sBLeft > ul > li { margin: 0; padding: 0 0 7px 15px; }

div.scoreBox > div.sBRight { float: right; margin: 10px 15px 10px 0px; width: 333px; }

div.scoreBox > div.sBRight > ul { margin: 0; padding: 0; list-style: none; }

div.scoreBox > div.sBRight > ul > li { margin: 0; padding: 0 0 7px 15px; }


/*#endregion */
/*#region svgMap */

svg path { fill: silver; }

svg path.active { fill: #323232; cursor: pointer; }

svg path.active.selected { fill: #032471; }

svg path.active.hover { fill: #032471; }

svg path.active.selected.hover { fill: #032471; }

.pageWrapMap h1 { color: #032471; }
/*#endregion */
/*#region shopFilters */

/*
#shopFilters { position: relative; }
#shopFilters > .filterSet { line-height: 25px; }
#shopFilters > .filterSet .filterHeader { float: left; width: 80px; font-weight: bold; font-size: 1.2em; }
#shopFilters > .filterSet > ul { list-style: none; list-style-image: none; margin: 0; padding: 0; float: left; }
#shopFilters > .filterSet > ul > li { list-style-image: none; float: left; margin-right: 4px; }
#shopFilters > .filterSet > ul > li > input { position: absolute; left: -9999px; }
#shopFilters > .filterSet > ul > li > label { padding: 4px; background: silver; cursor: pointer; }
#shopFilters > .filterSet > ul > li > label:hover { text-decoration: underline; }
#shopFilters > .filterSet > ul > li > span { padding: 4px; background: #EEE; }
#shopFilters > .filterSet > ul > li.selected > label { background: gray; }
*/

#shopFilters { margin: 0 0 0 0; padding: 0 0 10px 0; /*border-bottom:1px dashed #dddddd*/ }

.filterSet { position: relative; }

.boxPlFiltersBoxC .filterSet { margin: 0 14px 0 0 }

.filterSet ul { margin: 0; padding: 0; list-style: none; position: relative }

.filterSet ul li { float: left; margin: 0 0 0 0; padding: 0 0 0 0; position: relative }

.filterSet-description { position: absolute; top: 0; right: -18px }

.filterSet:last-child ul li { margin: 0 0 5px 0 }

.filterSet > ul > li > span { display: none }

.filterSet label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; font-size: 13px; font-weight: 700; color: black }

.filterSet input[type="checkbox"] { position: absolute; left: -9999px }

.filterSet label:before { background-color: #fff; top: 1px; content: ""; display: inline-block; height: 14px; left: 0; margin-right: 10px; position: absolute; width: 14px; border: 1px solid #adadad; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.filterSet input[type="checkbox"]:checked + label:before { color: #012472; content: "\2713"; font-size: 16px; line-height: 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.filterSet input[type="checkbox"]:checked + label { color: #94C11E }

#boxRight .filterSet label { color: #94C11E; font-weight: 600; }


.btnStores { padding: 6px 20px; float: right; text-transform: uppercase; font-size: 0.85em; font-weight: 600; }

.filterSkladem ul li { margin: 0 0 5px 0 !important; }

.filterSet-description > span { cursor: default; display: block; padding: 0 }

.filterSet-description > div, .filterSet-descriptionDiv { /*visibility: hidden;*/ display: none; position: absolute; width: 200px; padding: 10px; background: #fff; z-index: 100; right: -15px; top: 22px; border: 1px solid silver }



#shopFilters > .filterSlider { line-height: 40px; width: 100%; height: 40px; margin: 0 0 10px 0; }

#shopFilters > .filterSlider > .filterHeader { float: left; width: 100px; font-weight: bold; font-size: 1.2em }

#shopFilters > .filterSlider > .filterSliderIn { float: left; width: calc(100% - 100px); height: 40px; }

#shopFilters > .filterSlider > .filterSliderIn > div { height: 40px; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderBefore { float: left; width: 100px; font-weight: bold; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderAfter { float: left; width: 100px; text-align: right; font-weight: bold; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderSlider { float: left; width: calc(100% - 234px); height: 18px; padding: 11px 17px; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderSlider .noUi-connect { background: gray; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderSlider .noUi-handle { width: 24px; height: 24px; left: -13px; top: -3px; cursor: pointer; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderSlider .noUi-handle:before,
#shopFilters > .filterSlider > .filterSliderIn > .filterSliderSlider .noUi-handle:after { left: 9px; height: 10px; background: gray; }

#shopFilters > .filterSlider > .filterSliderIn > .filterSliderSlider .noUi-handle:after { left: 12px; }

/*#shopFilters > .filterVariant { line-height: 25px; }*/
#shopFilters .filtervariant-container {display:flex; justify-content:space-between; align-items:center; width: 100%;margin-bottom: 15px;}

#shopFilters .filterSortVariant > .filterHeader { float: left; width: 100px; font-weight: bold; font-size: 1.2em; }

#shopFilters .filterSortVariant > .filterVariantIn { float: left; width: calc(100% - 100px); min-height: 40px; }

#shopFilters .filterSortVariant > select.filterVariantIn { height: 25px; width: 150px; }

#shopFilters .filterSortVariant > ul.filterVariantIn { list-style: none; list-style-image: none; margin: 0; padding: 0; float: left; width: 100% }

#shopFilters .filterSortVariant > ul.filterVariantIn > li { list-style-image: none; float: left; margin-right: 4px; margin-bottom: 4px }

#shopFilters .filterSortVariant > ul.filterVariantIn > li:last-child { margin: 0 }

#shopFilters .filterSortVariant > ul.filterVariantIn > li > input { position: absolute; left: -9999px; }

#shopFilters .filterSortVariant > ul.filterVariantIn > li > label { padding: 10px 20px; /*width:165px;*/ /*background:#bfc4ca;*/ cursor: pointer; display: block; text-align: center; font-weight: 600 }

#shopFilters .filterSortVariant > ul.filterVariantIn > li > label:hover { border-bottom: 5px solid #94c11e; font-weight: 900; }

#shopFilters .filterSortVariant > ul.filterVariantIn > li.selected > label { border-bottom: 5px solid #94c11e; font-weight: 900; }

#shopFilters .filterViewVariant > ul { margin: 0; padding: 0; float: right; list-style: none }

#shopFilters .filterViewVariant > ul > li { float: left; float: left; display: block; margin: 0 0 8px 8px; }

#shopFilters .filterViewVariant > ul.filterVariantIn > li > input { position: absolute; left: -9999px; }

#shopFilters .filterViewVariant > ul.filterVariantIn > li > label { padding: 0 8px; height: 20px; line-height: 20px; background: #bfc4ca; cursor: pointer; display: block; text-align: center; font-size: 0.9em; font-weight: 600; }

#shopFilters .filterViewVariant > ul.filterVariantIn > li > label:hover { background: #94c11e; color: #fff }

#shopFilters .filterViewVariant > ul.filterVariantIn > li.selected > label { background: #94c11e; color: #fff }

.filterSlider .filterHeader { display: none }

/*#endregion filters */

.filterUserData8 { width: 100% }

.filterUserData8 ul li { margin: 0 35px 5px 0 !important }

#shopFilters .filterUserData8 .filterHeader { display: none }

#premisesError { padding: 10px 10px 10px 25px; font-style: italic; text-align: justify; }


@media screen and (max-width: 480px) {
    .starsL .noRatings { display: none }

    .starsR { text-align: right }

    .voteButton-right { margin: 0 }
}
/*#region ewItemLoop */

div.itemLoop { position: relative; width: 660px; }

div.itemLoop > div.itemLoopWrapOut { width: calc(100% - 2 * 30px); overflow: hidden; position: relative; float: left; }

div.itemLoop > div.itemLoopWrapOut > div.itemLoopWrapIn { width: 100000px; position: relative; }

div.itemLoop > div.itemLoopWrapOut > div.itemLoopWrapIn > a { text-decoration: underline; float: left; }

div.itemLoop > div.itemLoopWrapOut > div.itemLoopWrapIn > a > img { display: block; }

div.itemLoop > div.prev { text-align: center; font-weight: bold; font-size: 28px; line-height: 80px; height: 80px; width: 30px; background: orange; cursor: pointer; float: left; }

div.itemLoop > div.next { text-align: center; font-weight: bold; font-size: 28px; line-height: 80px; height: 80px; width: 30px; background: orange; cursor: pointer; float: right; }

div.itemLoop > div.prev:hover { text-shadow: -4px 0 2px white, 4px 0 2px white; }

div.itemLoop > div.next:hover { text-shadow: -4px 0 2px white, 4px 0 2px white; }

/*#endregion */


/*#region masonry */
.masonry-wrapper { position: relative; width: 100%; }

.masonry-column { float: left; width: 22.9%; margin: 0 2.8% 0 0; }

.masonry-column:nth-child(4n) { margin: 0 }

.box { position: relative; border: 5px inset silver; box-sizing: border-box; background: white; padding: 5px; text-align: center; }

.boxAmb a { width: 23.0%; margin: 0 2.6% 2.6% 0; float: left; }

.boxAmb a:nth-child(4n) { margin: 0 0 2.6% 0 }

.masonry-wrapper .boxAmb a { margin: 0 0 5% 0; width: 100%; }

.masonry-wrapper .boxAmb a:nth-child(4n) { margin: 0 0 5% 0; }

@media screen and (max-width: 999px) {
    .masonry-column { width: 31%; margin: 0 3.5% 0 0; }

    .masonry-column:nth-child(4n) { margin: 0 3.5% 0 0 }

    .masonry-column:nth-child(3n) { margin: 0 0 0 0 }

    .boxAmb a { width: 32%; margin: 0 1.5% 1.5% 0; }

    .boxAmb a:nth-child(4n) { margin: 0 1.5% 1.5% 0 }

    .boxAmb a:nth-child(3n) { margin: 0 0 1.5% 0 }

    .masonry-wrapper .boxAmb a { margin: 0 0 10% 0; width: 100%; }

    .masonry-wrapper .boxAmb a:nth-child(4n) { margin: 0 0 10% 0; }

    .masonry-wrapper .boxAmb a:nth-child(3n) { margin: 0 0 10% 0; }
}

@media screen and (max-width: 750px) {
    .masonry-column { width: 49%; margin: 0 2% 0 0; }

    .masonry-column:nth-child(4n), .masonry-column:nth-child(3n) { margin: 0 2% 0 0 }

    .masonry-column:nth-child(2n) { margin: 0 0 0 0 }

    .masonry-wrapper .boxAmb a { margin: 0 0 5% 0; }

    .masonry-wrapper .boxAmb a:nth-child(3n) { margin: 0 0 5% 0; }

    .boxAmb .ambFooter strong { padding: 0 5px; }
}

@media screen and (max-width: 480px) {
    .boxAmb a { display: block; float: left; width: 49%; margin: 0 2% 2% 0; text-align: center; position: relative; text-decoration: none; color: #fff }

    .boxAmb a:nth-child(4n) { margin: 0 2% 2% 0 }

    .boxAmb a:nth-child(3n) { margin: 0 2% 2% 0 }

    .boxAmb a:nth-child(2n) { margin: 0 0 2% 0 }

    .masonry-wrapper .boxAmb a { margin: 0 0 10% 0; width: 100%; }

    .masonry-wrapper .boxAmb a:nth-child(4n) { margin: 0 0 10% 0; }

    .masonry-wrapper .boxAmb a:nth-child(3n) { margin: 0 0 10% 0; }

    .masonry-wrapper .boxAmb a:nth-child(2n) { margin: 0 0 10% 0; }
}



@media screen and (max-width: 420px) {
    .boxAmb .ambFooter strong { font-size: 1em; }
}

/*#endregion */

/*#region ewMasonry */



/*#endregion */

@media screen and (min-width: 768px) and (max-width: 999px) {
    .filterSet-descriptionDiv { width: 100%; left: 0 }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    #shopFilters .filterSortVariant > ul.filterVariantIn > li { list-style-image: none; float: left; margin: 0 2% 10px 0; width: 32% }

    #shopFilters .filterSortVariant > ul.filterVariantIn > li:nth-child(3n) { margin: 0 0 10px 0; }

    #shopFilters .filterSortVariant > ul.filterVariantIn > li > label { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    #shopFilters .filterSortVariant > .filterVariantIn { height: auto }

    .filterSet-descriptionDiv { width: 100%; left: 0 }

    #shopFilters .filterSortVariant > ul.filterVariantIn > li > label { width: 100%; background: #bfc4ca; }
}

@media screen and (max-width: 480px) {
    #shopFilters .filterSortVariant > ul.filterVariantIn > li { list-style-image: none; float: left; margin: 0 2% 10px 0; width: 49% }

    #shopFilters .filterSortVariant > ul.filterVariantIn > li:nth-child(2n) { margin: 0 0 10px 0; }

    #shopFilters .filterSortVariant > ul.filterVariantIn > li > label { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    #shopFilters .filterSortVariant > .filterVariantIn { height: auto }

    .filterSet-descriptionDiv { width: 100%; left: 0 }

    #shopFilters .filterSortVariant > ul.filterVariantIn > li > label { width: 100%; background: #bfc4ca; }
}


/*#region ewCounter */

.inputQuantityWrap { position: relative; width: 46px; float: left; }

.inputQuantityWrap a { position: absolute; display: block; height: 11px; width: 11px; font-size: 0; line-height: 0; left: 26px; }

.inputQuantityWrap a.inputQuantityPlus { top: 0px; background: url(/templates/images/ewCounter/quantityPlus.png) no-repeat left top; }

.inputQuantityWrap a.inputQuantityMinus { top: 12px; background: url(/templates/images/ewCounter/quantityMinus.png) no-repeat left top; }

.inputQuantityWrap a:hover { cursor: pointer; }

.inputQuantityWrap input { width: 20px; height: 20px; border: 1px solid #B1B3AA; background: none repeat scroll 0% 0% #FFF; margin: 0px 5px 0px 0px; text-align: center; color: #81827C; }

/*#endregion */

/* #region ewSize */

.ew-row { width: 100%; height: 100%; }

.ew-row:after { clear: both; display: block; content: ''; }

.ew-col { display: block; float: left; }

/* xs */
@media (max-width: 767px) {
    .ew-col-xs-1 { width: 8.3333%; }

    .ew-col-xs-2 { width: 16.6666%; }

    .ew-col-xs-3 { width: 25%; }

    .ew-col-xs-4 { width: 33.3333%; }

    .ew-col-xs-5 { width: 41.6666%; }

    .ew-col-xs-6 { width: 50%; }

    .ew-col-xs-7 { width: 58.3333%; }

    .ew-col-xs-8 { width: 66.6666%; }

    .ew-col-xs-9 { width: 75%; }

    .ew-col-xs-10 { width: 83.3333%; }

    .ew-col-xs-11 { width: 91.6666%; }

    .ew-col-xs-12 { width: 100%; }
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .ew-col-sm-1 { width: 8.3333%; }

    .ew-col-sm-2 { width: 16.6666%; }

    .ew-col-sm-3 { width: 25%; }

    .ew-col-sm-4 { width: 33.3333%; }

    .ew-col-sm-5 { width: 41.6666%; }

    .ew-col-sm-6 { width: 50%; }

    .ew-col-sm-7 { width: 58.3333%; }

    .ew-col-sm-8 { width: 66.6666%; }

    .ew-col-sm-9 { width: 75%; }

    .ew-col-sm-10 { width: 83.3333%; }

    .ew-col-sm-11 { width: 91.6666%; }

    .ew-col-sm-12 { width: 100%; }
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .ew-col-md-1 { width: 8.3333%; }

    .ew-col-md-2 { width: 16.6666%; }

    .ew-col-md-3 { width: 25%; }

    .ew-col-md-4 { width: 33.3333%; }

    .ew-col-md-5 { width: 41.6666%; }

    .ew-col-md-6 { width: 50%; }

    .ew-col-md-7 { width: 58.3333%; }

    .ew-col-md-8 { width: 66.6666%; }

    .ew-col-md-9 { width: 75%; }

    .ew-col-md-10 { width: 83.3333%; }

    .ew-col-md-11 { width: 91.6666%; }

    .ew-col-md-12 { width: 100%; }
}
/* lg */
@media (min-width: 1200px) {
    .ew-col-lg-1 { width: 8.3333%; }

    .ew-col-lg-2 { width: 16.6666%; }

    .ew-col-lg-3 { width: 25%; }

    .ew-col-lg-4 { width: 33.3333%; }

    .ew-col-lg-5 { width: 41.6666%; }

    .ew-col-lg-6 { width: 50%; }

    .ew-col-lg-7 { width: 58.3333%; }

    .ew-col-lg-8 { width: 66.6666%; }

    .ew-col-lg-9 { width: 75%; }

    .ew-col-lg-10 { width: 83.3333%; }

    .ew-col-lg-11 { width: 91.6666%; }

    .ew-col-lg-12 { width: 100%; }
}

/* #endregion */

/*#region cookiePanel */
#cookiePanel { position: fixed; bottom: 0; left: 0; right: 0; z-index: 50000; padding: 15px; font-size: 14px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }

#cookiePanel.visible { display: block; }

.cookiePanelIn { width: 1200px; margin: 0 auto }

#cookiePanel > div > div { float: left; margin: 3px 10px 3px 0; width: 90% }

#cookiePanel input { position: relative; display: block; float: right; cursor: pointer; border: none; color: #fff; text-transform: uppercase; font-weight: bold; padding: 2px 10px; }

.boxCookies { min-height: 500px; }
/*#endregion */

@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .cookiePanelIn { width: 1000px }
}

@media screen and (max-width: 999px) {
    .cookiePanelIn { width: 100% }

    #cookiePanel > div > div { width: 80% }
}


/*#region mainMenu */

.main-menu-in { width: 100%; background: #0f0f0f; position: relative; z-index: 9 }
@media screen and (max-width: 999px) {
    .main-menu-in { z-index: 10 }
}
@media screen and (max-width: 767px) {
    .main-menu-in .cleaner { display: none }
}

.main-menu-wrap { position: relative; margin: 0 auto 0 auto; padding: 0 }
.main-menu-wrap { width: 1200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 1200px) {
    .main-menu-wrap { max-width: 1200px; width: 100% }
}
@media screen and (max-width: 1199px) {
    .main-menu-wrap { width: 100%; }
}

@media screen and (min-width: 1000px) {
    .main-menu.hasHover .main-menu-wrap .top-menu ul li.top-menu-item.selected a { background: none; color: #fff;}
    .main-menu.hasHover .main-menu-wrap .top-menu ul li.top-menu-item.selected a:hover { background: url(images/menuA.png) no-repeat bottom center; color: #87b01c;}
    .main-menu.hasHover .main-menu-wrap .top-menu ul li.top-menu-item.selected.hover a { background: url(images/menuA.png) no-repeat bottom center; color: #87b01c;}
}
@media screen and (max-width: 999px) and (min-width: 768px){
      .top-menu {width: 100% !important;}
}

.top-menu { float: right; z-index: 2; margin: 2.0em 0 0 0 }

@media screen and (min-width: 1200px) {
    .top-menu { display: block !important }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .top-menu { display: block !important }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .top-menu { margin: 0; width: 50%; z-index: 100; display: none; position: absolute; top: -82px; left: 0; border: 1px solid #94c11e; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .top-menu .menuMain2 { width: 100%; background: none; display: block; float: left; position: relative; top: auto; left: auto; margin: 0; padding: 0 }
    .top-menu .menuMain2 > li, .menuMain2 > li.menuItem0 { display: block; padding: 0; margin: 0 }
    .top-menu .menuMain2 > li > a { color: #adc4cf; display: block; padding: 0.5em 0; margin: 0; background: #1c272c; font-size: 1.0em; border-bottom: 1px solid #314149; float: left; width: 100%; text-align: center }
    .top-menu .menuMain2 > li > a:hover { background: #0e1214; color: #adc4cf }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .top-menu { margin: 0; width: 100%; z-index: 310; display: none; position: absolute; top: -74px; left: 0; border: 1px solid #94c11e; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .top-menu .menuMain2 { width: 100%; background: none; display: block; float: left; position: relative; top: auto; left: auto; margin: 0; padding: 0 }
    .top-menu .menuMain2 > li, .menuMain2 > li.menuItem0 { display: block; padding: 0; margin: 0 }
    .top-menu .menuMain2 > li > a { color: #adc4cf; display: block; padding: 0.5em 0; margin: 0; background: #1c272c; font-size: 1.0em; border-bottom: 1px solid #314149; float: left; width: 100%; text-align: center }
    .top-menu .menuMain2 > li > a:hover { background: #0e1214; color: #adc4cf }
}

@media screen and (min-width: 481px) and (max-width: 620px) {
    .top-menu { top: -117px }
}

@media screen and (max-width: 480px) {
    .top-menu { margin: 0; width: 100%; z-index: 320; display: none; position: absolute; top: -117px; left: 0; border: 1px solid #94c11e; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .top-menu .menuMain2 { width: 100%; background: none; display: block; float: left; position: relative; top: auto; left: auto; margin: 0; padding: 0 }
    .top-menu .menuMain2 > li, .menuMain2 > li.menuItem0 { display: block; padding: 0; margin: 0 }
    .top-menu .menuMain2 > li > a { color: #adc4cf; display: block; padding: 0.5em 0; margin: 0; background: #1c272c; font-size: 1.0em; border-bottom: 1px solid #314149; float: left; width: 100%; text-align: center }
    .top-menu .menuMain2 > li > a:hover { background: #0e1214; color: #adc4cf }
}

@media screen and (max-width: 420px) {
    .top-menu { top: -104px }
}

.top-menu-in { list-style: none; margin: 0; padding: 0; }
.top-menu-in > li { list-style: none; padding: 0; margin: 0; float: left; }
.top-menu-in > li > a { display: block; color: #fff; text-decoration: none; text-align: center; position: relative; padding: 0 18px 14px 18px; font-size: 1.1em; background: url(images/menuA.png) no-repeat top center; height: 18px; }
.top-menu-in > li.first > a { font-size: 0; line-height: 0; padding: 0 0 14px 0; margin: 0 30px 0 0; }
.top-menu-in > li.first > a:before { color: #fff; content: "\f015"; display: inline-block; font: normal normal normal 18px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding: 0 0 0 0 }
.top-menu-in > li.first.selected > a:before, 
.top-menu-in > li.first.hover > a:before, 
.top-menu-in > li.first > a:hover:before { color: #94c11e; }
.top-menu-in > li:hover > a { color: #94c11e; }
.top-menu-in > li.selected > a,
.top-menu-in > li.hover > a { background-position: bottom center; color: #87b01c }

@media screen and (min-width: 1000px) {
    .top-menu-in.top-menu-has-selected > li.selected > a { background-position: top center; color: #fff }
    .top-menu-in > li.current > a { background-position: bottom center; color: #87b01c }
    .top-menu-in.top-menu-has-selected > li.selected.current > a { background-position: bottom center; color: #87b01c }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .top-menu-in { width: 100%; background: none; float: left; }
    .top-menu-in > li, .top-menu-in > li.first { display: block; float: left; background: none; width: 100%; padding: 0 }
    .top-menu-in > li.first > a { margin: 0; padding: 10px 10%; }
    .top-menu-in > li.first > a::before { content: ""; }
    .top-menu-in > li > a { color: #fff; padding: 10px 10%; margin: 0; background: #000; font-size: 1.2em; border-bottom: 1px solid #3e3e3e }
    .top-menu-in > li:last-child a { border: none }
    .top-menu-in > li > a:hover { background: #08090a; }
    .top-menu-in > li:hover > ul { display: none }
    .top-menu-in > li.first > a { height: auto; width: auto; font-size: 1.2em !important; line-height: 1.2em }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .top-menu-in { width: 100%; background: none; float: left; }
    .top-menu-in > li, .top-menu-in > li.first { display: block; padding: 0; float: left; background: none; width: 100%; }
    .top-menu-in > li.first > a { margin: 0; padding: 10px 10%; }
    .top-menu-in > li.first > a::before { content: ""; }
    .top-menu-in > li > a { color: #fff; padding: 10px 10%; margin: 0; background: #000; font-size: 1.2em; border-bottom: 1px solid #3e3e3e }
    .top-menu-in > li:last-child a { border: none }
    .top-menu-in > li > a:hover { background: #08090a; }
    .top-menu-in > li:hover > ul { display: none }
    .top-menu-in > li.first > a { height: auto; width: auto; font-size: 1.2em !important; line-height: 1.2em }
}

@media screen and (max-width: 480px) {
    .top-menu-in { width: 100%; background: none; float: left; }
    .top-menu-in > li, .top-menu-in > li.first { display: block; padding: 0; float: left; background: none; width: 100%; }
    .top-menu-in > li.first > a { margin: 0; padding: 10px 10%; }
    .top-menu-in > li.first > a::before { content: ""; }
    .top-menu-in > li > a { color: #fff; padding: 10px 10%; margin: 0; background: #000; font-size: 1.2em; border-bottom: 1px solid #3e3e3e }
    .top-menu-in > li:last-child a { border: none }
    .top-menu-in > li > a:hover { background: #08090a; }
    .top-menu-in > li:hover > ul { display: none }
    .top-menu-in > li.first > a { height: auto; width: auto; font-size: 1.2em !important; line-height: 1.2em }
}

.sub-menu { background: #94c11e; position: relative; z-index: 9 }

@media screen and (min-width: 1200px) {
    .sub-menu.right .sub-menu-in::after { content: ""; clear: both; display: table; }
    .sub-menu.right .sub-menu-in ul { float: right; width: auto; }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .sub-menu.right .sub-menu-in::after { content: ""; clear: both; display: table; }
    .sub-menu.right .sub-menu-in ul { float: right; width: auto; }
}

@media screen and (max-width: 999px) {
    #pageWrap.pageWrapPl .sub-menu { display: none }
}

.sub-menu-in { width: 1200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sub-menu-in { margin: 0 auto }

.sub-menu-in > ul { margin: 0; padding: 0; list-style: none; display: table; width: 100%; }
.sub-menu-in > ul > li { display: block; float: left; border-right: 1px solid #87b01c; }
.sub-menu-in > ul > li:last-child { border: none }
.sub-menu-in > ul > li > a { display: table; padding: 10px 25px 10px 10px; color: #050505; text-decoration: none; text-transform: uppercase; font-size: 1.0em; height: 34px; line-height: 1.2em; font-weight: 600; width: 100% }
.sub-menu-in > ul > li > a > span > img { display: table; padding: 0 10px 0 0 }
.sub-menu-in > ul > li > a > span { display: table-cell; vertical-align: middle; height: 40px }
.sub-menu-in > ul > li:hover > a { color: #fff; /*font-weight:600*/ }
.sub-menu-in > ul > li.selected > a { color: #fff; }
.sub-menu-in > ul > li div.sub-menu-item-nav { width: 100%; /*background: #fff url(images/subNav.png) repeat-y center top;*/ position: absolute; top: 60px; left: 0;  z-index: 4; /*border-bottom: 1px solid #dadcdd;*/ }
.sub-menu-in > ul > li div.sub-menu-item-nav-gray { position: absolute; left: 0; right: 0; height: 2000px; background: black; opacity: 0.5; z-index: 10; top:0;}
.sub-menu-in > ul > li:hover > div.sub-menu-item-nav { display: block; }

@media screen and (min-width: 1200px) {
    .sub-menu-in { max-width: 1200px; width: 100% }
    .sub-menu-in { min-height: 5px; }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .sub-menu-in { min-height: 5px; }
    .sub-menu-in { width: 100%; }
    .sub-menu-in > ul > li > a { padding: 10px 10px 10px 10px; }
    .sub-menu-in > ul > li > a > span { font-size: 0.9em; }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .sub-menu-in { width: 100%; }
    .sub-menu-in > ul > li { float: left; display: block; width: 33.3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #87b01c; }
    .sub-menu-in > ul > li:last-child { border-bottom: 1px solid #87b01c; }
    .sub-menu-in > ul > li > a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding: 5px 10px; }
    .sub-menu-in > ul > li div.sub-menu-item-nav { top: 46px }
    .sub-menu-in > ul > li:nth-child(4n) > .sub-menu-item-nav, .sub-menu-in > ul > li:nth-child(5n) > .sub-menu-item-nav, .sub-menu-in > ul > li:nth-child(6n) > .sub-menu-item-nav { margin: 56px 0 0 0 }
    .sub-menu-in > ul > li:nth-child(7n) > .sub-menu-item-nav, .sub-menu-in > ul > li:nth-child(8n) > .sub-menu-item-nav, .sub-menu-in > ul > li:nth-child(9n) > .sub-menu-item-nav { margin: 112px 0 0 0 }
    .sub-menu-in > ul > li.hMenu00 div.sub-menu-item-nav, .sub-menu-in > ul > li.hMenu01 div.sub-menu-item-nav, .sub-menu-in > ul > li.hMenu02 div.sub-menu-item-nav { top: 46px }
    .sub-menu-in > ul > li.hMenu03 div.sub-menu-item-nav, .sub-menu-in > ul > li.hMenu04 div.sub-menu-item-nav, .sub-menu-in > ul > li.hMenu05 div.sub-menu-item-nav { top: 92px }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .sub-menu-in { width: 100%; }
    .sub-menu-in > ul > li { float: left; display: block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #87b01c }
    .sub-menu-in > ul > li > a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding: 5px 10px; }
    .sub-menu-in > ul > li:last-child { border-bottom: 1px solid #87b01c; border-right: 1px solid #87b01c }
}

@media screen and (max-width: 480px) {
    .sub-menu-in { width: 100%; }
    .sub-menu-in > ul > li { float: left; display: block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #87b01c }
    .sub-menu-in > ul > li > a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding: 5px; }
    .sub-menu-in > ul > li:last-child { border-bottom: 1px solid #87b01c; border-right: 1px solid #87b01c }
}

@media screen and (max-width: 420px) {
    .sub-menu-in > ul > li { width: 100% }
    .sub-menu-in > ul > li > a { padding: 4px 10px; }
}


.sub-menu-item-nav-in { width: 1200px; margin: 0 auto; padding: 0 ; background: #fff; position: relative; z-index: 20;}
.sub-nav { float: left; width: 72%; box-sizing: border-box; /*max-height: 440px;*/ max-height:100%; overflow: hidden; padding: 25px 10px }
.subNavBox { float: left; width: 28%; box-sizing: border-box; padding: 20px; background: #e8eaeb; height: 410px; }
.sub-nav > ul { margin: 0; padding: 0; list-style: none }
.sub-nav > ul > li { display: block; float: left; width: 30%; margin: 10px 3% 10px 0 }
.sub-nav > ul > li > a { display: block; text-decoration: none; color: #000; font-size: 1.1em; }
.sub-nav > ul > li > a > span, .sub-nav > ul > li > a > strong { display: table-cell; vertical-align: middle; font-weight: 600 }
.sub-nav > ul > li > a > span { padding: 0 10px 0 0; width: 70px; height: 60px }
.sub-nav > ul > li > a > span > img { max-height: 45px; display: table; margin: 0 auto }
.sub-nav > ul > li > a > strong { font-weight: 600 }
.sub-nav > ul > li:hover > a, .sub-nav > ul > li.selected > a { text-decoration: none; color: #87b01c; }



.subNavBox a { display: block; text-decoration: none; border: 1px solid #d2d3d4; }
.subNavBox a:hover { border: 1px solid #012472; }
.subNavBox a .sNBImg { display: table; width: 100%; height: 210px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; text-decoration: none; position: relative }
.subNavBox a .sNBImg > span { display: table-cell; width: 100%; height: 205px; text-align: center; vertical-align: middle }
.subNavBox a .sNBBox { background: #012472; color: #fff; padding: 15px; height: 80px; text-align: center; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }
.subNavBox a .sNBBox.sNBBoxNoPrice { height: auto; }
.sNBBoxTitle { color: #000; font-size: 1.1em; height: 60px; line-height: 1.2em; font-weight: 600; margin: 0 0 2px 0; display: block; overflow: hidden; background: #fff; text-align: center }
.subNavBox a:hover .sNBBoxTitle { text-decoration: underline; }
.sNBBoxPrice { display: block; color: #fff; font-size: 1.5em; font-weight: 600; line-height: 1.2em; margin: 0 0 5px 0 }
.sNBBoxPrice2 { color: #fff; font-size: 0.9em; line-height: 1.2em; display: block; margin: 0 0 5px 0 }
.sNBBoxStock { font-weight: 600 }



.boxGray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #3e3e3e; z-index: 3; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; display: none }

@media screen and (min-width: 1200px) {
    .sub-menu-item-nav-in { max-width: 1200px; width: 100% }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .sub-menu-item-nav-in { width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .sub-menu-item-nav-in { width: 100%; }
    .sub-nav { width: 100%; background: #fff }
    .subNavBox { display: none }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .sub-menu-item-nav-in { width: 100%; }
    .sub-menu-item-nav { display: none !important }
}

@media screen and (max-width: 480px) {
    .sub-menu-item-nav-in { width: 100%; }
    .sub-menu-item-nav { display: none !important }
}
@media (max-width: 799px) {
    .filtervariant-container {
        display: none !important;
    }
}


.sub-menu-item-nav { display: none; }
.sub-menu-item.hover .sub-menu-item-nav { display: block; }
/*#endregion */