@-ms-viewport { width: device-width; }
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg'); font-weight: normal; font-style: normal; }
 
@charset "utf-8";

html { -ms-touch-action: manipulation; touch-action: manipulation; }
.side-box-product .side-box-product-img-wrap { position: relative; }
h2 .fa-envelope-o:before { content: "\f003"; margin: 0 10px 0 0 !important }
.sendByEmailText { text-align: center }

.cleaner { clear: both; height: 0; line-height: 0; font-size: 0 }
.hidden { display: none; }
.plWrapFooter .plWrapStock.hidden { display: block; opacity: 0; }

.Zeman {
    background: #fff;
    padding: 20px;
    margin-bottom: 40px;
}

#mailChimpRegForm { width: 100%; }
#mailChimpRegForm .mailchimpIn { width: 100%; max-width: 230px; margin: 0 auto; }
#mailChimpRegForm .formField-checkBox .label { width: calc(100% - 30px) }
#mailChimpRegForm .formField-checkBox .label label { width: 100%; text-align: right }
#mailChimpRegForm .formField-checkBox .edit { width: 15px; margin: 0 0 0 15px; }
#mailChimpRegForm .success { line-height: 1.5em }
.registrationNewsletterForm { margin: 0 0 20px 0; width: 100%; float: left; }
.registrationNewsletterForm .groupChecks .formField-checkBox { float: left; width: 50%; height: 25px; line-height: 25px; }
.registrationNewsletterForm .groupChecks .formField-checkBox .label { width: calc(100% - 30px) !important}
.registrationNewsletterForm .groupChecks .formField-checkBox .label label { width: 100%; text-align: right }
.registrationNewsletterForm .groupChecks .formField-checkBox .edit { width: 15px !important; margin: 0 0 0 15px }
.registrationNewsletterForm .groupChecks .formField-checkBox .edit input { margin: 6px 0 0 0 !important; }

@media screen and (max-width: 600px) {
    .registrationNewsletterForm .groupChecks .formField-checkBox { width: 100% !important}
}

.kosik {
    background: #fff;
}

.eshop {
    background: #f6f6f6!important;
}

.availGreen { color: #94c11e }
.availOrange { color: #f98904 }
.availBlue { color: #032f8f }
.availRed { color: #d52626 }

.blogCornerImage { float: left; margin: 0 20px 20px 0 }
.blogCornerImage img { max-width: 380px !important; }

.nonactiveProductBox { text-align: center; }
.nonactiveProductText { text-align: center; margin: 50px 0 20px 0; font-size: 1.2em; line-height: 1.5em }
.nonactiveProductText span { font-size: 1.5em }
.nonactiveProductBox .tlacitko { display: inline-block; border: none; background-color: #012472; color: #f0f0f0 !important; text-decoration: none; padding: 0 20px; font-size: 14px; position: relative; height: 34px; line-height: 34px; cursor: pointer; font-family: "Exo 2",sans-serif; }
.nonactiveProductBox .tlacitko:hover { background: #043093; color: #f0f0f0 !important }

#resetPasswordRequestForm .formButtonBig a { height: 32px; line-height: 32px; }

#resetPasswordRequestForm .formField { float: left; width: 70% }
#resetPasswordRequestForm .formButtonBig { float: left; width: 30% }
#resetPasswordRequestForm .formField div.edit input { margin: 0 }
#resetPasswordRequestForm .formField div.label label { padding: 6px 0 0 0 }

.blogWideImg { max-width: 700px; margin: 0 0 20px 0 }

.googlePlusButton { float: left }

.contactBox-37201 { display: none !important }
.contactBox-GreyBox { margin: 0 0% 5% 0 !important; }

#boxMain ul, #boxBlogPld ul { list-style: none; padding: 0; margin: 0 0 20px 0 !important; }
#boxMain ul, #boxBlogPld ul { margin: 0; padding: 0; list-style: none; display: table }
#boxMain ul li, #boxBlogPld ul li, .pldNBox ul li { display: block; font-size: 0.88rem; padding: 4px 0 4px 20px; color: #0e0e0e; text-decoration: none; background: url(images/rightLi.png) no-repeat left center; }
    #boxMain ul li h3, #boxBlogPld ul li h3, .pldNBox ul li h3 {margin:0;}

.popupGallery { width: 100%; float: left; }

.youtubeVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 20px 0; clear: both }
.youtubeVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#sendByEmailForm .editButton input { background-color: #ffc000; color: #080808; font-weight: 600; }
#sendByEmailForm .editButton input:hover { background: #ffd800; }

.filterSet-description span { font-size: 0; width: 15px; height: 15px; display: inline-block; background: url(images/otaznik.jpg) no-repeat left top; margin: 2px 0 0 0 }

/*#region autors */
.autorsWrap { float: left; width: 25%; margin: 0 28px 40px 27px; text-align: center; }
.autorsFoto { float: left; width: 100%; height: 200px; margin: 0 0 15px 0; text-align: center; overflow: hidden; position: relative; }
.autorsFoto img { border-radius: 50% }
.autorsTitle { float: left; width: 100%; text-align: center; overflow: hidden; height: 22px; margin: 0 0 4px 0; font-size: 18px; color: #181818; }
.autorsText { float: left; width: 100%; text-align: center; overflow: hidden; height: 16px; font-size: 12px; color: #878787; margin: 0 0 10px 0; }
.autorsBtn { float: left; display: block; width: 145px; height: 36px; line-height: 36px; text-align: center; text-decoration: none; color: #2a2a2a; background: #97e7d2; border: 1px solid #b9efe1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 0 0 20px; font-size: 14px; -moz-box-shadow: 0 1px 1px #bfc6cb; -webkit-box-shadow: 0 1px 1px #bfc6cb; box-shadow: 0 1px 1px #bfc6cb; }
.autorsBtn:hover { text-decoration: none; color: #2a2a2a; background: #6bf2cf; }
/* #endregion autors */

/*#region layout */
#pageWrap, #pageWrapI {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    /*background: #f6f6f6;*/

}

#headerWrapTop { width: 100%; background: #161616; border-bottom: 1px solid #3e3e3e; position: relative; z-index: 30 }
#headerTop { position: relative; margin: 0 auto 0 auto; z-index: 20;}

#headerNoMenuWrap { height: 5px; width: 100%; background: #94C11E; line-height: 0; font-size: 0; position: relative; z-index: 9 }

#headerWrap { width: 100%; background: #0f0f0f; position: relative; z-index: 10 }
#header { position: relative; margin: 0 auto 0 auto; padding: 2.0em 0 0 0 }



#header, #bcHeader, #footer, #headerTop, #footerT, #footerB { width: 1200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#bcBackground { position: relative; width: 100%; z-index: 2; }
#pageWrapI #bcBackground, .pageWrap100 #bcBackground { background: #e8eaeb }

#bcHeader { position: relative; margin: 0 auto 0 auto;width:100%; }

#bcFooter { position: relative; width: 100%; padding: 20px 0 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#pageWrap #bcFooter { min-height: 500px }

#page { position: absolute; z-index: 1; height: 100%; width: 100% }
#pageIn { max-width: 1200px; width: 100%; margin: 0 auto; height: 100%; position: relative }
.pageWrapL { width: 63%; /*background: #f6f6f6;*/ background: #fff; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }
.pageWrapR { width: 37%; background: #e8eaeb; height: 100%; position: absolute; top: 0; right: 0; z-index: 1 }

#pageBlog { position: absolute; z-index: 1; height: 100%; width: 100% }
#pageBlogIn { max-width: 1200px; width: 100%; margin: 0 auto; height: 100%; position: relative }
.pageWrapBlogL { width: 73.4%; background: #e8eaeb; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }
.pageWrapBlogR { width: 25%; background: #fff; height: 100%; position: absolute; top: 0; right: 0; z-index: 1 }

.background-detail-blog {width: 100%; background: #f6f6f6;  height: 100%;position: absolute; top: 0; left: 0;  z-index: 1;}

#pageAmb { position: absolute; z-index: 1; height: 100%; width: 100% }
#pageAmbIn { max-width: 1200px; width: 100%; margin: 0 auto; height: 100%; position: relative }
.pageWrapAmbL { width: 50%; background: #e8eaeb; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }
.pageWrapAmbR { width: 50%; /*background: #f6f6f6;*/ background: #fff; height: 100%; position: absolute; top: 0; right: 0; z-index: 1 }

#footerWrap { position: relative; width: 100%; z-index: 2; background: #000 }
#footer { position: relative; margin: 0 auto 0 auto; padding: 30px 0 0 0; background: url(images/footer.png) repeat-y 66% top; color: #fff }

#footerTWrap { background: #94c11e; width: 100%; z-index: 2; position: relative }
#footerT { margin: 0 auto; padding: 25px 0 40px 0 }

#footerBWrap { background: #000; width: 100%; z-index: 2; position: relative }
#footerB { margin: 0 auto; padding: 10px 0 10px 0; color: #000; position: relative; z-index: 5 }

/* #endregion layout */

/*#region headerTop */
.headerTel { float: right; color: #fff; background: #012472 url(images/headerTel.png) no-repeat 15px center; padding: 10px 20px 10px 50px }
/*#endregion */

/*#region jazyky */
.headerLang { float: right; color: #fff; margin: 0 0 0 18px; position: relative; z-index: 20 }
.headerLangTitle { float: left; padding: 11px 10px 11px 0; font-size: 0.85em }
.headerLang > ul { float: left; margin: 0; padding: 0; position: relative; list-style: none; border-right: 1px solid #3a3a3a; border-left: 1px solid #3a3a3a; }
.headerLang > ul:before { content: "\f0d7"; position: absolute; bottom: -14px; left: 15px; color: #909090; font-size: 1.5em }
.headerLang > ul > li > ul:before { content: "\f0d7"; position: absolute; top: -7px; left: 17px; color: #373737; font-size: 1.5em }
.headerLang > ul:hover:before { color: #333 }
.headerLang > ul:hover { background: #373737; }
.headerLang > ul > li { padding: 13px 15px 14px 15px; height: 10px; }
.headerLang > ul > li > img { display: block; margin: 2px 0 0 0; }
.headerLang > ul > li > ul { margin: 0; padding: 8px 0 5px 0; list-style: none; background: #1f1f1f; position: absolute; top: 37px; right: 0; display: none; -moz-box-shadow: 0px -2px 2px #474747 inset; -webkit-box-shadow: 0px -2px 2px #474747 inset; box-shadow: 0px -2px 2px #474747 inset; }
.headerLang > ul > li > ul > li { padding: 0; margin: 0 0 2px 0 }
.headerLang > ul > li > ul > li > a { padding: 2px 15px; text-align: center; display: block }
.headerLang > ul:hover > li > ul { display: block }
.headerLang > ul > li > ul > li img { border: 1px solid #666 }
.headerLang > ul > li > ul > li:hover img { border: 1px solid #aaa194 }

/*#endregion */

/* #region header */
#logo { float: left; margin: 0 4.0em 1.0em 0; width: 191px; height: 55px; background: url(images/logo.svg) no-repeat left top; background-size:contain; position: relative; }
#logo h1, #logo span { position: absolute; top: -9999px; left: -9999px }

.headerRight { float: right; color: #fff; margin: 0 0 1.3em 0; background-color: #2D2D2D }
/* #endregion header */

/*#region header basket */
.headerBasketBtn:after {
    width: 48px;
    height: 36px;
    background: #ffc000 url(images/basket.svg) no-repeat center;
    content: "";
    position: absolute;
    right: 0;
    background-size: 22px;
}
.headerBasket { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; color: #fff }
.headerBasket a.headerBasketBtn { display: block; color: #fff; text-decoration: none; width: 85px; height: 36px; background: #474747; padding: 0 56px 0 2px; text-align: right; line-height: 36px; position: relative; }
.headerBasket a.headerBasketBtn span { display: block; width: 20px; height: 20px; background: #d20000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 20px; text-align: center; color: #fff; font-size: 12px; position: absolute; bottom: -10px; right: 36px; z-index: 203; }
.headerBasket:hover a.headerBasketBtn { color: #fff; background-position: right bottom }
.headerBasketBox { position: absolute; top: 36px; right: 0; width: 470px; padding: 0 10px; background: #fff; border: 2px solid #ffc000; z-index: 10; display: none }
.headerBasketBox table { width: 100%; border-collapse: collapse }
.headerBasketBox table tr td { border-top: 1px solid #e8e8e8; padding: 15px 0 }
.headerBasketBox table tr:first-child td { border: none }
.headerBasketBox table tr.first td, .headerBasketBox table tr.last td { border: none }
.bTd1 { width: 70px; }
.bTd1 img { width: 60px }
.headerBasketBox table tr td.bTd3 { width: 50px; padding: 15px 15px 15px 0; color: #212223 }
.headerBasketBox table tr td.bTd2 { width: 320px; padding: 15px 15px 15px 0 }
.headerBasketBox table tr td.bTd2 a { color: #212223; text-decoration: none }
.headerBasketBox table tr td.bTd2 a:hover { color: #212223; text-decoration: underline }
.bTd4 { width: 20px; }
.bTd4 a { display: block; width: 18px; height: 18px; background: url(images/hBBX.png) no-repeat left top; line-height: 0; font-size: 0 }
.bTd4 a:hover { background-position: left bottom }
.bTd5 { width: 130px; text-align: right; font-size: 17px; font-weight: bold; color: #d20000 }

#priceForDeliveryFreePanel { font-size: 12px; color: #000000; font-weight: bold; display: block; text-align: center }
#priceForDeliveryFreePanel span { color: #03b4ed }
.bBtnL, .bBtnR { display: block; padding: 0 20px; height: 28px; line-height: 26px; color: #fff; text-decoration: none; font-weight: bold; width: 130px; text-align: center; font-size: 13px }
.bBtnL { float: left; background: #026598 }
.bBtnR { float: right; background: #ffc000; color: #080808; }
.bBtnL:hover { background: #0584c5; color: #fff; text-decoration: none }
.bBtnR:hover { background: #ffd800; color: #080808; text-decoration: none }
/*#endregion */

/*#region login header */
.boxLogin { float: left; height: 36px; line-height: 36px; padding: 0 15px; background: #2d2d2d; position: relative }
.boxLoginNC { background: none }
.boxLoginTitle { position: absolute; top: -30px; left: 0; font-size: 13px; font-weight: 600; color: #fff }
.boxLogin a { color: #fff; text-decoration: none; font-size: 0.9em; display: block; float: left }
.boxLogin a:hover { color: #94c11e; text-decoration: none; }
.bLoginName { font-weight: bold; margin: 0 10px 0 0; line-height: 1.2em; position: relative; padding: 0 0 0 20px }
.bLoginName span { display: table-cell; max-width: 100px; overflow: hidden; height: 36px; vertical-align: middle }
.bLoginName:before { content: "\f007"; color: #94c11e; position: absolute; top: 11px; left: 0 }
.bLoginEnd { margin: 0 10px 0 0; }
.bLoginEnd:before { content: "\f13e"; color: #d52626; padding: 0 10px 0 0; margin: 0 !important }
.bLoginEnd:hover { color: #d52626 !important; }

.boxLogin a.bLoginReg { margin: 0 20px 0 0; line-height: 1.2em; position: relative; padding: 0 0 0 20px; color: #94c11e; height: 36px; line-height: 36px }
.boxLogin a.bLoginReg:hover { text-decoration: underline; color: #94c11e }
.bLoginReg:before { content: "\f007"; color: #94c11e; position: absolute; top: 11px; left: 0 }
.boxLogin a.bLoginLog { color: #dfdfdf }
.boxLogin a.bLoginLog:before { content: "\f023"; padding: 0 8px 0 0; }
.boxLogin a.bLoginLog:hover { text-decoration: underline; }
/*#endregion */

/*#region headerTopNav */
#headerTopNav { float: left }
#headerTopNavIn { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#headerTopNavIn > ul { margin: 0; padding: 0; list-style: none }
#headerTopNavIn > ul > li { float: left; display: block; border-right: 1px solid #3a3a3a; background: url(images/hTNLi.png) repeat-x left top }
#headerTopNavIn > ul > li:last-child { border: none }
#headerTopNavIn > ul > li > a { display: block; color: #a0a0a0; text-decoration: none; padding: 10px 22px 10px 35px }
#headerTopNavIn > ul > li.hTN0 > a { background: url(images/hTN0.png) no-repeat left center; padding: 10px 22px 10px 28px }
#headerTopNavIn > ul > li.hTN1 > a { background: url(images/hTN1a.png) no-repeat 10px center }
#headerTopNavIn > ul > li.hTN2 > a { background: url(images/hTN2a.png) no-repeat 10px center }
#headerTopNavIn > ul > li:hover > a, #headerTopNavIn > ul > li.selected > a { color: #fff; text-decoration: none }
#headerTopNavIn > ul > li:hover, #headerTopNavIn > ul > li.selected { background-position: left bottom }
/*#endregion */

/*#region search */
#search { float: left; margin: 0 2.5em 1.0em 0; width: 32%; background: #fff; padding: 8px 0; position: relative; z-index: 250 }
#search .inputSearch { float: left; width: 85%; height: 18px; line-height: 18px; border: none; padding: 0 10px; color: #535353; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#search .inputSearch:focus { outline: none; overflow: auto }
#search .buttonSearch { width: 15%; height: 18px; line-height: 18px; position: relative; cursor: pointer; float: left; border-left: 1px solid #d2d2d2; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#search .buttonSearch:before { content: "\f002"; color: #969696; font-size: 14px }
#search .buttonSearch:hover:before { color: #000 }
#search .buttonSearch input { width: 100%; height: 34px; border: none; background: none; cursor: pointer; color: #fff; font-size: 15px; line-height: 31px; position: absolute; top: -8px; left: 0px; }
/*#endregion search */



/*#region btn */
.menuBtn, .divizeBtn { display: none; height: 37px; padding: 0; line-height: 40px; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer; margin: 0 10px 0 0; background: none; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}
.menuBtn { color: #fff; }
.divizeBtn { color: #e8eaeb;}
.searchBtn { display: none; height: 37px; padding: 0; line-height: 40px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer; margin: 0; background: none; border: none; float: left }
.menuBtn span, .divizeBtn span, .searchBtn span { height: 37px; line-height: 37px; display: block; float: left; padding: 0 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 18px; }
.menuBtn span.fa:before, .divizeBtn span.fa:before, .searchBtn span.fa:before { margin: 0 }
.menuBtn span { background: #94c11e }
.divizeBtn span { background: #808080; }
.divizeBtn:hover span { background: #939393; }
.searchBtn span { background: #b3b3b3 }
.searchBtn:hover span { background: #c2c2c2 }

.menuBtn strong, .divizeBtn strong { float: left; margin: 0 0 0 5px; font-weight: 600 }
.fa-bars:before { content: "\f0c9"; font-size: 16px }
.menuBtn:hover .fa-bars { color: #fff; text-decoration: none; background: #a0d21e }
.sarchBtnIco:before { content: "\f002"; font-size: 14px !important }

/*#endregion */

.fa-mobile:before { content: "\f10b"; }
.fa-shopping-basket:before { content: "\f07a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*#region bottom menu  */
#menuFooterWrap { border-top: 1px solid #2e2e2e; width: 100%; background: #000; z-index: 100; position: relative }
#menuFooter { z-index: 3; width: 1200px; position: relative; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.menuMainFooter { list-style: none; margin: 0 -10px; padding: 17px 0 18px 0; font-size:0;}
.menuMainFooter li { display: inline-block; vertical-align:top;}
.menuMainFooter li a { display: block; font-size: 14px; color: #fff; text-decoration: none; padding: 3px 10px; }
.menuMainFooter li.first a, 
.menuMainFooter li:first-child a { padding: 3px 10px; font-size: 0; line-height: 0 }
.menuMainFooter li.first a:before, 
.menuMainFooter li:first-child a:before { content: "\f015"; display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 16px; line-height: 1.1em }
.menuMainFooter li:hover a { color: #94c11e; text-decoration: none; }

@media (max-width: 1199px) {
    .menuMainFooter li a {font-size:12px}
}

@media (max-width: 990px) {
    .menuMainFooter li a {font-size:14px}
    .pldNBox table tr td {text-align:left;}
    .pldPrice {font-size:25px!important;}
}

@media (max-width: 549px) {
    .menuMainFooter li {width:100%;}
    .menuMainFooter li a {padding: 5px 10px; font-size:14px}
}

.menuFLine { display: none; width: 670px; height: 1px; line-height: 0; font-size: 0; background: #2e2e2e; position: absolute; left: -78%; top: -1px }

/* #endregion bottom menu  */

/* #region cs copyright */
#containerFooter { width: 100%; font-size: 12px; color: #707071; padding: 10px 0; text-align: center;display:inline-block; }
#containerFooter a { text-decoration: none; color: #707071;display:inline-block; }
#containerFooter a:hover { text-decoration: none; color: #999999; }
#containerFooter a span {display:inline-block;font-size:11px;font-weight:500;color:#777;margin:4px 10px 0 0;vertical-align:top;}
/* #endregion cs copyright */

/*#region fa */
.fa:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0 5px }
.fa-thumbs-up:before { content: "\f164"; }
.fa-wifi:before { content: "\f1eb"; }
.fa-diamond:before { content: "\f219"; }
.fa-angle-up:before { content: "\f106"; }
.fa-user:before { content: "\f007"; }
.fa-list-alt:before { content: "\f022"; }
.fa-heart:before { content: "\f004"; }
.fa-eye:before { content: "\f06e"; }
.fa-print:before { content: "\f02f"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-th-large:before { content: "\f009"; }
.fa-align-justify:before { content: "\f039"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-phone:before { content: "\f095"; }
.fa-times:before { content: "\f00d"; color: #d52626 }
/*#endregion */

.rAutorMail {margin:0 0 4px 0;}

.rAutorPhone .fa, .rAutorMail .fa, .rAutorMobile .fa { color: #94c11e; }
.rAutorPhone { margin: 0 0 0px 0 }
.rAutorMobile { margin: 0 0 15px 0 }
.rAutorPhone .fa { margin: 0 8px 0px 1px !important }
.rAutorMail .fa { margin: 0 6px 0px 0px !important }
.rAutorMail a { text-decoration: none; color: #0e0d6d; font-weight: 600 }
.rAutorMobile .fa { font-size: 1.4em; margin: 0 10px 0 2px !important }


/*#region hpBannerWrap */
#hpBannerWrap { width: 100%; background: #e8eaeb; position: relative; z-index: 8 }
#hpBanner { width: 1200px; margin: 0 auto; padding: 20px 0; display: table;  text-align: center; }
#hpBannerL { display: table-cell; width: 56%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; vertical-align: middle; }

#hpBannerR { display: table-cell; /*width:45%;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; position: relative }
#hpBannerRIn { position: relative; bottom: 0; width: 100% }

#hpBannerL img { width: 100%; max-width: 650px; display: block; }
#hpBannerL .sliderItem { position: absolute; display: block; top: 0; overflow: hidden; }
#hpBannerL .sliderItem img { position: relative; }
.hpBannerLIn { display: block; width: 100%; top: 0 }

#hpBannerBox { padding: 6% 6% 0 6%; position: absolute; top: 0; left: 0; width: 350px; color: #fff }
.hpBannerBTitle { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 1.7em; margin: 0 0 1.0em 0 }
.hpBannerBTitle strong { color: #fff; font-size: 2.0em; font-weight: 800; display: block }
.hpBannerBText { margin: 0 0 10px 0; color: #fff }

.hpBannerBText ul { margin: 0; padding: 0; list-style: none }
.hpBannerBText ul li { margin: 0 0 6px 0; padding: 0 0 0 18px; list-style: none; background: url(images/sliderOdrazka.png) no-repeat left 5px }

.hpBannerBBtn { display: block; padding: 12px 20px; text-transform: uppercase; font-size: 14px; float: left; color: #fff; text-decoration: none; margin: 20px 0 0 0; background: #012472 }
.hpBannerBBtn:hover { color: #fff; text-decoration: none; background: #043196 }

#hpBanner .links { position: absolute; bottom: 18px; left: 40px; z-index: 1000 }
#hpBanner .links .link { background: #fff; width: 14px; height: 14px; display: inline-block; border: 4px solid #424242; border-radius: 50%; margin: 0 4px 0 0; cursor: pointer }
#hpBanner .links .link.selected { background: #94c11e; }

.hpBannerImg { display: inline-block; width: 55%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; vertical-align: bottom; background-image: url("images/hpBannerImg.jpg"); background-position: center center; background-repeat: no-repeat; text-align: center; color: #fff; padding: 16px 0}
.hpBannerImg a { color: #fff; text-decoration: none; display: inline-block; width: 100%; }

.hpBannerImg p { margin: 0 0 15px 0 }
.hpBannerImgCounter { padding: 10px 0; margin: 0 0 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hpBannerBtn { display: table; margin: 0 auto 20px auto; height: 41px; line-height: 41px; width: 159px; text-align: center; background: url(images/hpBannerBtn.png) no-repeat left top; color: #000; text-decoration: none; text-transform: uppercase; font-size: 0.9em; font-weight: 600 }
.hpBannerImg a:hover .hpBannerBtn { background-position: left bottom; color: #000; text-decoration: none; }

/*#endregion */

/*#region benefits */
#benefitsWrap { width: 100%; background: #fff; z-index: 1; position: relative; }

/*#endregion */



/*#region btn */
.btn { display: block; text-decoration: none }
.btnBlue { background: #012472; color: #fff }
.btnBlue:hover { background: #032f8f; color: #fff; text-decoration: none }

.btnOrange { background: #ffc000; color: #080808 }
.btnOrange:hover { background: #ffd800; color: #080808; text-decoration: none }

.hpTitleC { font-size: 1.7em; margin: 0 0 30px 0; text-align: center }

.btnOrange.noPrice, .btnOrange.noPrice:hover { background: #777C81; color: #fff; cursor: default }

.btn01 { padding: 10px 20px; text-decoration: none; display: table }
.btn01:hover { text-decoration: none }
.boxCenter .btn01 { margin: 0 auto }
.boxCenter { text-align: center }

.pldBtn { text-align: center; height: 44px; line-height: 44px; font-weight: 600; font-size: 1.1em }
/*#endregion */

/*#region news */
#pageWrapI .newsCat i { padding: 0 10px 0 0; color: #94c11e; }
#pageWrapI .boxNewsL .newsCat i { font-size: 18px; }
#pageWrapI .boxNewsL { float: left; width: 70%; margin: 0 1.5% 0 0 }
#pageWrapI .boxNewsR { float: left; width: 28.5%; margin: 0 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#pageWrapI .boxNewsL .newsWrap { width: 100%; background: #fff }
#pageWrapI .boxNewsL .newsWrap .newsWrapL { width: 45%; display: table-cell; vertical-align: middle }
#pageWrapI .boxNewsL .newsWrap .newsWrapL img { width: 100%; max-width: 100%; display: block }
#pageWrapI .boxNewsL .newsWrap .newsWrapR { display: table-cell; width: 55%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 30px }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsCat { float: left; margin: 0 10px 12 px 0; font-weight: 600; text-transform: uppercase }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsCat a { text-decoration: none; color: #012472 }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsDate { float: right; color: #000; margin: 0 0 12px 0; line-height: 1.6em }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsTitle { font-size: 2.4em; color: #0d0d0d; margin: 0 0 15px 0 }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsTitle a { color: #0d0d0d; text-decoration: none }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsTitle a:hover { color: #0d0d0d; text-decoration: underline }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsText { color: #475055; margin: 0 0 20px 0; font-size: 1.05em; line-height: 1.4em }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsBtn { padding: 6px 0 0 1px; background: url(images/newsBtn.png) no-repeat left top; color: #000; text-decoration: none; font-size: 1.1em; display: block; line-height: 1.2em }
#pageWrapI .boxNewsL .newsWrap .newsWrapR .newsBtn:hover { color: #000; text-decoration: underline }

#pageWrapI .boxNewsR .newsWrap { width: 100%; background: url(images/newsWrap.png) repeat-x left bottom; padding: 0 0 6px 0; margin: 0 0 6px 0 }
#pageWrapI .boxNewsR .newsWrap .newsWrapL { float: left; width: 20%; margin: 0 5% 0 0 }
#pageWrapI .boxNewsR .newsWrap .newsWrapR { float: left; width: 75% }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsDate { color: #858687; margin: 0 0 3px 0; line-height: 1.2em; font-size: 0.9em }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsTitle { margin: 0 0 3px 0; font-size: 1.05em; line-height: 1.1em; height: 34px; overflow: hidden }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsTitle a { color: #012472; text-decoration: none }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsTitle a:hover { color: #012472; text-decoration: underline }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsCat { float: right; font-size: 0.9em }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsCat a { color: #000; text-decoration: none }
#pageWrapI .boxNewsR .newsWrap .newsWrapR .newsCat a:hover { color: #000; text-decoration: underline }
.btnNewsHl { text-align: center; padding: 5px 10px; font-size: 0.9em; text-transform: uppercase; font-weight: 600 }
/*#endregion */

.pldNBoxTitle { margin: 0 0 20px 0; font-weight: 600; font-size: 1.5em }
.mailChimpSubFormTitle { margin: 0 0 20px 0; font-weight: 600; font-size: 1.0em; text-align: center; }
#contactForm .success { font-weight: bold; font-size: 1.3em; margin: 0 0 30px 0 }

/*#region footerT */
#footerBoxT { width: 540px; margin: 0 auto; display: table; text-align: center; position: relative }
.footerTTitle { font-size: 1.6em; color: #0d0d0d; margin: 0 0 20px 0 }
.footerTTitle strong { font-weight: 600 }
.footerTText { color: #0d0d0d; margin: 0 0 20px 0 }
.footerSearch { position: relative; margin: 0 auto; display: table }
.footerSearchInput { float: left; width: 70% }
.footerSearch .fieldButton { float: left; width: 30% }

.fSearchInput { background: #fff; width: 358px; height: 38px !important; /*line-height:38px !important;*/ padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; color: #7b7b7b; font-size: 1.1em; float: left }
.fSearchBtn { height: 38px !important; line-height: 38px; border: none; padding: 0 20px; background: #012472; cursor: pointer; color: #fff; float: left; font-weight: 600; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fSearchBtn:hover { background: #032F8F }
.fSaarchSpan { width: 53px; height: 46px; background: url(images/fSaarchSpan.png) no-repeat left top; position: absolute; right: -64px; top: -49px }
.footerSearch .validator { padding: 5px 0 0 0; display: block; position: absolute; top: 40px; left: 20px }
.footerSearch span.val_email.error { color: #d52626 }

/*#endregion */

/*#region name */
#footerLogosWrap { background: #000; border-bottom: 1px solid #2e2e2e; z-index: 2; position: relative }
#footerLogos { width: 1200px; margin: 0 auto; padding: 30px 0; text-align: center }
#footerLogos img { margin: 0 20px }
/*#endregion */

/*#region footer */
#footerL { float: left; width: 66%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0 0; position: relative }
#footerR { float: left; width: 34%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0 3% }
    @media screen and (min-width: 550px){
        .logoRedbull { position: absolute; top: 135px; right: 78px; }
    }



.footerLTop { margin: 0 0 30px 0 }
#footerLogo { float: left; margin: 0 30px 0 0 }
.footerIco { float: left; padding: 7px 0 0 0 }
.footerIco a { position: relative; color: #818181; margin: 0 10px 0 0; font-size: 1.1em }
.footerIco a span { display: none }
.footerIco a.icoGoo:before { content: "\f0d5"; }
.footerIco a.icoTw:before { content: "\f099"; }
.footerIco a.icoFb:before { content: "\f09a"; }
.footerIco a.icoRss:before { content: "\f09e"; }
.footerIco a.icoIn:before { content: "\f08c"; }
.footerIco a.icoPi:before { content: "\f0d3"; }
.footerIco a.icoInsta:before { content: "\f16d"; }
.footerIco a.icoYt:before { content: "\f16a"; }
.footerIco a.icoGoo:hover { color: #C53326 }
.footerIco a.icoTw:hover { color: #00A7D3 }
.footerIco a.icoFb:hover { color: #005dc5 }
.footerIco a.icoRss:hover { color: #F47C25 }
.footerIco a.icoIn:hover { color: #007BB6 }
.footerIco a.icoPi:hover { color: #DC0C0A }
.footerIco a.icoInsta:hover { color: #ab5107 }
.footerIco a.icoYt:hover { color: #eb3030 }

/*#footerLL {float:left; width:32%; margin:0 2% 0 0; min-height:190px}
#footerLC {float:left; width:32%; margin:0 2% 0 0; min-height:190px}
#footerLR {float:left; width:32%; min-height:190px}*/

#footerLL { float: left; width: 49%; margin: 0 2% 0 0; /*min-height:190px*/; padding: 0 0 20px 0 }
#footerLC { float: left; width: 30%; margin: 0; /*min-height:190px*/; padding: 0 0 20px 0 }

.footerTitle { font-weight: 400; margin: 0 0 20px 0; font-size: 1.1em }
#footerLL ul, #footerLC ul, #footerLR ul { margin: 0; padding: 0; list-style: none }
#footerLL ul li, #footerLC ul li, #footerLR ul li { display: block }
#footerLL ul li a, #footerLC ul li a, #footerLR ul li a { display: block; padding: 1px 0; color: #929292; text-decoration: none }
#footerLL ul li a:hover, #footerLC ul li a:hover, #footerLR ul li a:hover { color: #929292; text-decoration: underline }

#footerR ul { margin: 0; padding: 0; list-style: none; }
#footerR ul li { display: block; padding: 0 0 28px 30px; color: #929292; }
#footerR ul li.fDivize0 { background: url(images/hTN0.png) no-repeat left top }
#footerR ul li.fDivize1 { background: url(images/hTN1.png) no-repeat left top }
#footerR ul li.fDivize2 { background: url(images/hTN2.png) no-repeat left top }
#footerR ul li a { padding: 0; text-align: left; display: block; color: #fff; text-decoration: none; font-size: 1.1em; margin: 0 0 8px 0 }
#footerR ul li a:hover { color: #fff; text-decoration: underline }
/*#endregion */

/*#region page */
#boxLeft { float: left; width: 63%; margin: 0 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 0; min-height: 10px }
#boxRight { float: left; width: 37%; margin: 0 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 30px; }

#boxLeft.blog-detail {margin:0 auto;float:none;width:83%;padding:0;background:white;}
#boxLeft.blog-detail #boxBlogPld {margin:0 auto;width:80%;}
.blog-detail-info {margin:0 0 46px;display:flex;}
.blog-detail-title {margin:0 20px 0 0;}
.blog-detail-title a {color:#002472;font-weight:700;}
.blog-detail-line {background:#94c11e;width:40px;height:4px;margin: 0 0 28px;}

#boxLeft #boxMain img { width: 100%; max-width: 100%; margin: 0 0 10px 0 }
#boxLeft #boxMain img.obtokVlevo,
#boxLeft #boxMain img.obtokVpravo,
#boxRight #boxMain img.obtokVlevo,
#boxRight #boxMain img.obtokVpravo { max-width: none; width: auto }

.popupGallery a { text-decoration: none }

.rightTitle { font-size: 30px;padding:40px 0 40px 0; font-weight: 800; text-align: center;  text-transform: uppercase;width:100%;}
.rightBoxUl { margin: 0 0 50px 0 }
.rightBoxUl ul { margin: 0; padding: 0; list-style: none }
.rightBoxUl ul li { display: block }
.rightBoxUl ul li a { display: block; font-size: 1.2em; font-weight: 600; padding: 4px 0 4px 20px; color: #0e0e0e; text-decoration: none; background: url(images/rightLi.png) no-repeat left 11px }
.rightBoxUl ul li a:hover { color: #94C11E; text-decoration: none; }

.rightBanner { display: block }
.rightBanner img { width: 100%; max-width: 393px }
.rightBanner .rightBannerA img { width: auto }
.rightBanner .rightBannerA { display: block; }
.rightBanner .rightBannerA .sNBImg { width: 100%; background: #fff; display: block; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rightBanner .rightBannerA .sNBImg img { margin: 0 auto; display: table }
.rightBanner .rightBannerA .sNBBox { background: #080808; color: #fff; display: block }
.rightBanner .rightBannerA .sNBBox .sNBBoxTitle { display: block; background: #080808; color: #fff; text-decoration: none; text-align: center; margin: 0; padding: 20px 0; height: auto }
/*#endregion */

/*#region drobeckova navigace */
#productsPath { display: block; width: 100%; margin: 0 0 25px 0; padding: 0; position: relative; z-index: 1000 }
#productsPath .pPH1 { display: block; font-size: 13px; color: #002864; }
#productsPath .pPH1 ul { list-style: none; margin: 0; padding: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#productsPath .pPH1 ul li { list-style: none; margin: 0; padding: 0 15px 5px 0; float: left; color: #333333; /*position:relative*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#productsPath .pPH1 > ul > li a:before { content: "\f105"; font: normal normal normal 18px/1 FontAwesome; display: block; line-height: 1.0em; pointer-events: none; text-align: center; position: absolute; top: 0; right: -8px }
#productsPath .pPH1 ul li.hasArrow a:before { content: ""; }
#productsPath > .pPH1 ul li:last-child a:before { content: ""; }
#productsPath .pPH1 ul li.hasArrow, #productsPath > .pPH1 ul li:last-child { padding: 0 8px 5px 0; }


/*#productsPath .pPH1 ul li:last-child a:before {content: "";}*/
#productsPath .pPH1 a { display: block; float: left; padding: 0 6px 0 0; color: #4d4d4d; text-decoration: none; height: 20px; line-height: 20px; position: relative }
#productsPath .pPH1 a:before { font: normal normal normal 18px/1 FontAwesome; display: block; line-height: 1.2em; pointer-events: none; text-align: center; }

#productsPath .pPH1 a:hover { color: #4d4d4d; text-decoration: underline }
#productsPath > .pPH1 > ul > li:first-child { padding: 0 }



#productsPath > .pPH1 > ul > li:first-child > a { font-size: 0; line-height: 0; /*width:28px;*/ height: 20px; padding: 0 10px 0 0 }
#productsPath > .pPH1 > ul > li:first-child > a > span > span { position: absolute; top: -9999px; left: -9999px }
#productsPath > .pPH1 > ul > li:first-child > a span:before { content: "\f015"; margin: -2px 20px 0 0; font: normal normal normal 18px/1 FontAwesome; display: block; line-height: 1.2em; pointer-events: none; text-align: center; }
#productsPath .pPH1 > ul > li:first-child a:before { content: "\f105"; font: normal normal normal 18px/1 FontAwesome; display: block; line-height: 1.0em; pointer-events: none; text-align: center; position: absolute; top: 0; right: 10px }


#productsPath > .pPH1 > ul > li:first-child > a:hover { color: #000; text-decoration: none }
#productsPath > .pPH1 > ul > li:last-child > a { background: none; }

#productsPath .pPH1 ul li .arrow { position: relative; width: 20px; height: 20px; background: #9da5ae; float: right; cursor: pointer }
#productsPath .pPH1 ul li .arrow:hover { background: #777c81; }
#productsPath .pPH1 ul li .arrow:before { font: normal normal normal 18px/1 FontAwesome; display: block; line-height: 1.1em; pointer-events: none; text-align: center; width: 20px; content: "\f107"; color: #fff }
#productsPath .pPH1 ul li .arrow.visible:before { content: "\f106"; }
#productsPath .pPH1 ul li:last-child .arrow { display: none; }

#productsPath .pPH1 ul li .arrow .arrowIn { position: absolute; /*top:20px;*/ left: 0; width: 250px; background: #777c81; display: none; padding: 15px; z-index: 10; display: none; color: #fff; }
#productsPath .pPH1 ul li .arrow.visible .arrowIn { display: block; }
#productsPath .pPH1 ul li .arrow .arrowIn ul { margin: 0; padding: 0 10px 0 10px; list-style: none; float: left; border-right: 1px solid #8b9198; }
#productsPath .pPH1 ul li .arrow .arrowIn ul:last-child { border: none }

#productsPath .pPH1 ul li .arrow .arrowIn ul li { display: block; width: 100% }
#productsPath .pPH1 ul li .arrow .arrowIn ul li a { display: block; padding: 2px 0; height: auto; color: #fff; text-decoration: none }
#productsPath .pPH1 ul li .arrow:hover .arrowIn ul li a:hover { color: #fff; text-decoration: underline }

#productsPath .pPH1 ul li .arrow .arrowIn2 { width: 500px; left: -60px }
#productsPath .pPH1 ul li .arrow .arrowIn3 { width: 750px; left: -100px }

#productsPath .pPH1 ul li .arrow .arrowIn2 ul { width: 50% }
#productsPath .pPH1 ul li .arrow .arrowIn3 ul { width: 33% }
/*#endregion */

/*#region blog list */
.rightTitle2 h1, .rightTitle2 h2 { font-size: 2.0em; font-weight: 600; color: #012472; padding: 0 0 15px 0; border-bottom: 1px solid #94c11e; margin: 0 0 20px 0 }

.pageWrapBlog #boxLeft { width: 75%; padding: 0 50px 0 0 }
.pageWrapBlog #boxRight { width: 25%; padding: 0 0 0 40px }
.btnRight { float: right; width: auto; font-weight: 400 }
#boxBlogPl { margin: 0 0 20px 0; }
.blogWrap { width: 47%; margin: 0 6% 6% 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
.blogWrap:nth-child(2n) { margin: 0 0 6% 0 }
.blogImg { position: relative; min-height: 206px }
.blogImg img { width: 100%; max-width: 100%; display: block }
.blogCat { position: absolute; bottom: 0; left: 0; color: #fff; text-transform: uppercase; font-size: 0.9em; font-weight: 600 }
.blogCat a { color: #fff; text-decoration: none; display: block; padding: 4px 12px 4px 5px; background: #012472; }
.blogCat a i { padding: 0 6px 0; font-size: 16px; line-height: 1.1em }
.blogCat a:hover { background: #032f8f }
.blogFooter { display: block; margin: 0 0 30px 0 }
.blogFooter a { display: block; padding: 25px; height: 210px; overflow: hidden; color: #080808; text-decoration: none }
.blogTitle { font-size: 1.3em; font-weight: 600; color: #080808; margin: 0 0 1.0em 0 }
.blogFooter a:hover .blogTitle { color: #87b01c }
.blogText { line-height: 1.5em }
.blogDate { float: left; margin: 0 20px 25px 25px; color: #87b01c; font-size: 0.9em; font-weight: 600 }
.blogAutor { float: right; color: #000; font-size: 0.9em; margin: 0 25px 25px 0; font-weight: 600 }
.blogAutor a { color: #001779; text-decoration: underline }
.blogAutor a:hover { color: #001779; text-decoration: none }

.blogAutor i { color: #919191; padding: 0 8px 0 0 }

.pldNBox .blogWrap { width: 31%; margin: 0 3.5% 4% 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
.pldNBox .blogWrap:nth-child(2n) { margin: 0 3.5% 4% 0 }
.pldNBox .blogWrap:nth-child(3n) { margin: 0 0 4% 0 }

/*#endregion */

/*#region blog detail */

#blogPldPlWrap, #blogPldPlWrap2 { width: 100%; position: relative; z-index: 3; background: #f6f6f6 }
#blogPldPl, #blogPldPl2 { margin: 0 auto; width: 1200px; padding: 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.blogPldPlTitle { font-size: 30px; padding: 50px 0;font-weight: 800;text-align:center;text-transform:uppercase; }
.boxPldPl { margin: 0 0 0 -10px; display:flex;flex-wrap:wrap;width:calc(100% + 20px);}

.boxPldPl .plWrap, .boxPl .plWrap {width: calc(33.33% - 20px); margin:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*border: 1px solid #cacccd;*/ background: #fff; text-align: center; padding: 20px 0 0 0; position: relative; }
/*.boxPldPl .plWrap, .boxPl .plWrap:first-child {margin: 10px 10px 10px 0;}
.boxPldPl .plWrap, .boxPl .plWrap:nth-child(3n+3) {margin:10px 0 10px 10px;}
.boxPldPl .plWrap, .boxPl .plWrap:nth-child(4n) {margin:10px 10px 10px 0;}*/
.boxPldPl .plWrap:hover {box-shadow: 0 10px 20px rgba(0,0,0,.3);}
.boxPl .plWrap:hover {box-shadow: 0 10px 20px rgba(0,0,0,.3);}
.boxPldPl .plWrap a, .boxPl .plWrap a { text-decoration: none }


/*.boxPldPl .plWrap:nth-child(4n), .boxPl .plWrap:nth-child(4n) { margin: 0 0 1.2% 0 }*/
.boxPldPl .plWrap .plWrapCode, .boxPl .plWrap .plWrapCode { /*position:absolute; top:5px; right:5px; */ font-size: 0.8em; color: #8a8a8a; float: left; margin: 3px 2px 0 0 }
.boxPldPl .plWrapImg, .boxPl .plWrapImg { height: 185px; display: table; margin: 0 auto 10px 0; position: relative; width: 100%; text-align: center }
.boxPldPl .plWrapImg span.plWrapImgS, .boxPl .plWrapImg span.plWrapImgS { height: 185px; display: table-cell; vertical-align: middle; text-align: center; width: 100%; margin: 0 auto }
.boxPldPl .plWrapImg img, .boxPl .plWrapImg img { /*width:100%;*/ max-width: 225px; max-height: 175px; /*display:block*/ margin: 0 auto; display: table }
.plWrapFooter { padding:5px 25px 25px 25px; display:flex; flex-wrap:wrap; justify-content:space-between;align-items:flex-end;height:42px; }


.plWrapTags { position: absolute; top: 10px; left: 10px; width: 75px; z-index: 10}
/*.plWrapTag { width: 100%; text-align: center; margin: 0 0 10px 0; padding: 5px 10px; }*/
.tags-mini {position:absolute;text-align:left;bottom:0;}
.tagFreeship span {
    background: #1ec17a;
    color: white;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 10px;
    max-width: 95px;
    width: 100%;
    font-size:13px;
}
.tagAkce {
    background: #ff6600;
    color: white;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 53px;
    width: 100%;
}
.tagNew {
    background: #73ca0e;
    color: white;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 53px;
    width: 100%;
}
.tagWarranty span {
    text-decoration: none;
    color: #fedd00;
    background: #090909;
    display: block;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 85px;
    width: 100%;
}
    .tagWarranty span:hover {
        background: lighten(#fedd00, 10%);
    }
    .tagWarranty.de span {max-width:100px;} 
.tagBazar {
    background: #a62929;
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 50px;
    width: 100%;
}
.tagFOMEITOP {
    background: #012472;
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 60px;
    width: 100%;
}
.tagFOMEIACTION {
    background: #ca0202;
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 15px;
    max-width: 60px;
    width: 100%;
}
.tagBazar.de {max-width:100px;}
.boxPldPl .plWrapTitle, .boxPl .plWrapTitle {
    font-size: 20px;
    margin: 0 0 5px 0;
    height: 40px;
    overflow: hidden;
    font-weight: 600;
    color: #111010;
    line-height: 1.3em;
    padding: 15px 80px;
    text-align: center;
}
.boxPldPl .plWrap:hover .plWrapTitle, .boxPl .plWrap:hover .plWrapTitle { color: #001779; }
/*.boxPldPl .plWrap:hover, .boxPl .plWrap:hover { border: 1px solid #94c11e }*/
.boxPldPl .plWrapImg { position: relative }
.boxPldPl .plWrap .plWrapStars, .boxPl .plWrap .plWrapStars { margin: 0 0 5px 0; /*position:absolute; bottom:-10px; right:18%;*/ z-index: 100; float: right }
.kolikRating { float: left; margin: 2px 0 0 5px; }
.plWrapStars .kolikRating { display: none }
.boxPldPl .plWrap .plWrapStars .lay-none, .boxPl .plWrap .plWrapStars .lay-none { display: none }
.boxPldPl .plWrapImg .plWrapStars span.kolikRating, .boxPl .plWrapImg .plWrapStars span.kolikRating, .boxPldPl .plWrapImg .plWrapStars span.kolikRating span, .boxPl .plWrapImg .plWrapStars span.kolikRating span { margin: 2px 0 0 5px }
.boxPldPl .plWrap .plWrapStars .stars, .boxPl .plWrap .plWrapStars .stars { float: left }
.plWFooterTop { min-height: 25px }

.boxPldPl .plWrap .plWrapStars img, .boxPl .plWrap .plWrapStars img { margin: 0 5px 0 0 }
.boxPldPl .plWrap .plWrapPrice, .boxPl .plWrap .plWrapPrice { font-size: 1.5em; font-weight: 800; color: #d52626; /*margin: 0 0 5px 0;*/ line-height: 1.0em;display: flex;flex-direction: column; }
.boxPldPl .plWrap .plWrapPrice strong, .boxPl .plWrap .plWrapPrice strong { font-size: 0.6em; font-weight: 400; color: #444; margin: 0 0 0px 0;display:none; }
.boxPldPl .plWrap .plWrapPrice strong, .boxPl .plWrap .plWrapPrice strong.PriceOnPhone { margin: 0 0 0 0; display: block; line-height: 1.4em; padding: 9px 0 0 0;display:none; }
.boxPldPl .plWrap .plWrapPrice2, .boxPl .plWrap .plWrapPrice2 { font-size: 1.0em; color: #444444; margin: 0 0 10px 0 }
.boxPldPl .plWrap .plWrapStock, .boxPl .plWrap .plWrapStock { font-size: 1.1em; font-weight: 600; /*text-transform:uppercase*/}
/*.boxPldPl .plWrap .plWrapFav, .boxPl .plWrap .plWrapFav { width: 100.7%; padding: 6px 20px; background: #94c11e; color: #fff; text-align: center; font-weight: 600; position: absolute; bottom: 0; left: -1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #94c11e; display: none; z-index: 10 }
.boxPldPl .plWrap .plWrapFav i, .boxPl .plWrap .plWrapFav i { font-size: 18px !important; padding: 0 8px 0 0 }
.boxPl .plWrap .plWrapFav-alreadyAdded { background: #777C81; }
.boxPl .plWrap .plWrapFav-alreadyAdded.plWrapFav:hover { background: #9a9b9d; }*/
.plWrapPriceMoc { font-size: 0.7em; }
.plWrapPriceDis { font-size: 0.65em; }
.plWrapPriceDis span, .plWrapPriceMoc span { font-size: 1.2em }
.boxPldPl .plWrap .plWrapPrice .plWrapPriceMoc strong, .boxPl .plWrap .plWrapPrice .plWrapPriceMoc strong { font-size: 0.9em; }
.boxPldPl .plWrap .plWrapPrice .plWrapPriceDis strong, .boxPl .plWrap .plWrapPrice .plWrapPriceDis strong { font-size: 0.9em; }
.plWrapPrice .onPhonePriceRows { font-size: 0.6em; font-weight: normal; color: #000000; line-height: 1.2em; display: block }
.plWrapPrice .bazarPrice { font-size: 0.6em; font-weight: normal; color: #000000; text-decoration: line-through;text-align:left; }

.pldWrapPriceMoc { font-size: 0.55em; line-height: 1;text-align:left; }
.pldWrapPriceMoc span { color: #000000;font-weight:600; }
.boxPldPl .plWrap:hover .plWrapFav, .boxPl .plWrap:hover .plWrapFav { display: block }
.wrap-price-top {color:black;font-size:15px;}
.wrap-price-bottom {font-size:30px;}

#boxBlogPld, #blogPldPl2 {
    width: 95%; font-size: 15px;
}
#boxBlogPld img, #blogPldPl2 img { max-width: 100%;margin: 0 auto;text-align: center; display: block; }
#boxBlogPld h1 {font-size:36px;font-weight:800;margin:0 0 10px;padding:90px 0 0 0;}
#boxBlogPld h2 {font-weight: 800; font-size: 24px;}
.boxVideo { margin: 0 0 30px 0; padding: 10px 0 0 0 }
.boxVideo img, .blogIco img { width: 100%; max-width: 100% }
.boxBlogIco { display: block; margin: 0 0 20px 0 }
.blogIco { margin: 0 0 20px 0 }

.boxBlogPld-footer {display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid #e5e5e5;padding:45px 0 0 0;width:100%;}
.blog-related {padding:15px 0 0 0;width:100%;display:flex;flex-wrap:wrap; width: calc(100% + 20px);  margin: 0 0 0 -10px}
.blog-related__wrap {width: calc(33.33% - 20px);margin: 10px; background: #fff;}
.boxRightIn {padding: 0 0px 20px 0;width:100%;max-width:380px;}



.rightAutor { margin: 0 0 0px 0;display:flex;flex-direction:column;align-items:center; }
/*.rightAutorL { display: table-cell; width: 24%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5% 30px 0; vertical-align: middle }*/
.rightAutorL {}
.rightAutorR { padding: 0 0 10px 0 }
.rightAutorText {width: 100%!important; text-align: center;max-width:380px;}
.rightAutorL img { width: 100%; max-width: 145px!important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.rightAutorText {color:#7b7b7b;font-size:14px;}
.rAutorTitle a { display: block; font-size: 28px; color:#002472;text-decoration: none; font-weight: 700 ;}
.rAutorTitle a:hover { text-decoration:underline; }
.rAutorTitle { font-size: 0.8em;padding:15px 0 15px 0; text-align:center;}
.rAutorTitle span {color: #000; font-size: 16px; font-weight: 600;}
.rightAutorC { margin: 0 0 20px 0 }
.rAutorText { font-style: italic; margin: 0 0 20px 0; line-height: 1.5em }
.rABtnL { float: left; margin: 0 20px 0 0 }
.rABtnR { float: left }
.rABtnL, .rABtnR { text-decoration: none; }
.rABtnL:hover, .rABtnR:hover { text-decoration: underline; }
.rABtnL i, .rABtnR i { padding: 0 10px 0 0 }
.rAutorContacts span {display:block;font-size:13px;font-weight:800;}

.rightSocial {display:flex;justify-content:center;}
.rightSocialItem .fa {color:#002472;font-size:20px;}

.next-products {
    text-align: center;
    display: block;
    padding: 70px 0 0 0;
}
.next-products a {
    display: inline-block;
    background: #e6e6e6;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}
.next-products a:hover {
    background: #94c11e;
    color:white;
}
/*#endregion */

/*#region right menu */
.rightMenu { margin: 0 0 50px 0 }
.rightMenu > ul { margin: 0 0 0 -20px; padding: 0; list-style: none }
.rightMenu > ul > li { display: block }
.rightMenu > ul > li > a { display: block; font-size: 1.2em; font-weight: 600; padding: 4px 0 4px 20px; color: #0e0e0e; text-decoration: none; background: url(images/rightLi.png) no-repeat right 11px; line-height: 1.3em }
.rightMenu > ul > li > a:hover, .rightMenu > ul > li.selected > a { color: #012472; text-decoration: none; background-position: left 11px }

.rightMenu > ul > li > ul { margin: 5px 0 10px 20px; padding: 0; list-style: none }
.rightMenu > ul > li > ul > li { display: block }
.rightMenu > ul > li > ul > li > a { display: block; font-size: 1.0em; font-weight: 600; padding: 2px 0 2px 15px; color: #000; text-decoration: none; background: url(images/rightLi2.png) no-repeat left 11px; line-height: 1.3em }
.rightMenu > ul > li > ul > li > a:hover, .rightMenu > ul > li > ul > li.selected > a { color: #94c11e; text-decoration: none; }
/*#endregion */

/*#region pager */
.contentPager {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: right;
}
.contentPagerIn { text-align: center;width: 100%;padding: 0; }
.contentPager .next-products {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 10px;
    background: #e6e6e6;
}
.contentPager .next-products:hover {background: #94c11e;color: white;}
.pagerTitle { float: left; margin: 3px 0 0 0; color: #1f150d; display:none; }
.pager { position: relative; list-style: none; margin: 0; padding: 70px 0 40px 0; font-size:0; }
.pager > li { display: inline-block; padding: 0; font-size: 15px;  margin: 0 2px;font-weight:600;position:relative; }
.pager > li > a { display: block; text-decoration: none; padding: 0 12px; text-align: center; height: 20px; line-height: 20px }
.pager > li.separator > span { display: block; height: 20px; line-height: 20px; padding: 0 5px; }
.pager > li.prev > a,
.pager > li.next > a { width: auto; }
.pager > li:not(.separator) > span { display: block; text-decoration: none; height: 24px;width: 24px; line-height: 24px; padding: 5px 5px; text-align: center;border-radius: 26px; }
.pager > li > a:before { color: rgba(255, 255, 255, 0.3); font: normal normal normal 16px/1 FontAwesome; display: block; height: 1em; pointer-events: none; position: absolute; margin: 0; transform:translateY(-50%); top:50%; }
.pager > li.item > a { color: #000 }
.pager > li.prev > a { color: #002157; padding: 0 0 0 10px; }
.pager > li.prev > a:before { content: "\f100"; left: -10px; color: #002157 }
.pager > li.prev-disabled > span { color: #77F; }
.pager > li.current > span { background: #91C126; color: #001134 }
.pager > li.next > a { color: #002157; padding: 0 12px 0 0; position: relative }
.pager > li.next > a::before { content: "\f101"; right: -10px; color: #002157; display: inline-block; font: normal normal normal 16px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; margin: 0;}
.pager > li.last > a { color: #002157 }
.pager > li.step > a { background: #777; }
.pager > li > a:hover { color: #002157; text-decoration: underline }
.pager > li.prev > a:hover { background-position: left bottom }
.pager > li.next > a:hover { background-position: right bottom }

.pagerRight { float: right; position: relative; }
.pagerRightTitle { height: 20px; line-height: 20px; font-weight: 600; color: #050505; margin: 0 10px 0 0; float: left }
.pagerNav { float: left; margin: 0; padding: 0; list-style: none }
.pagerNav > li { float: left; display: block; margin: 0 0 8px 8px }
.pagerNav > li > a { display: block; height: 20px; line-height: 20px; width: 30px; text-align: center; background: #bfc4ca; color: #2d2d2d; text-decoration: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.9em; }
.pagerNav > li:hover > a, .pagerNav > li.selected > a { background: #012472; color: #fff }

.pagerTopBtn { float: left; display: block; width: 22px; height: 22px; line-height: 1.3em; background: #012472; color: #fff; text-align: center }
.pagerTopBtn i:before { margin: 0 auto }
.pagerTopBtn:hover { background: #023199; color: #fff; }
/*#endregion */

/*#region list */
#boxMain ul li a {padding: 0;}

#boxMainPl { margin: 0 0 30px 0 }
#boxMainPl .title {display:flex; align-items: center;padding: 25px 0;}
#boxMainPl h1 {font-weight: 800;display: inline-block; line-height: 1.2;margin: 0;}
#boxMainPl a {/*padding: 5px 0 5px 40px;*/;padding:0; display:inline-block;font-size:14px;font-weight:600;text-decoration:underline;line-height:1.2;color:black;}
#boxMainPl .email-optica { padding: 0;}
#boxMainPlL { float: right; width: 100%; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#boxMainPlL img, #boxMainPlF img { max-width: 100%; }
#boxMainPlF { width: 100%; }
#boxMainPlR { float: right; width: 36%; margin: 0 0 0 2%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#boxMainPlR + #boxMainPlL { width: 62%; border-right: 1px solid #a9abab; padding: 0 20px 0 0; margin: 0 0 10px 0; }

#boxMainPlL a { color: #012472; text-decoration: underline }
#boxMainPlL a:hover { color: #012472; text-decoration: none }
#boxMainPlR ul { margin: 0 0 5px 0; padding: 0; list-style: none }
#boxMainPlR ul li { display: block }
#boxMainPlR ul li a { display: block; font-weight: 600; font-size: 1.1em; color: #000; text-decoration: none; padding: 0 0 5px 15px; background: url(images/plRLi.png) no-repeat left 7px }

#boxMainPlR ul li:hover a { color: #94c11e; text-decoration: none }
.btnMore { float: right; color: #012472; text-decoration: none }
.btnMore:hover { color: #012472; text-decoration: underline }
.OnlyMobile {display:none; padding:0 10px;}
.OnlyMobile p {text-align:justify;}
/*#endregion */

/*#region kategorie */

.boxPlCat { margin: 0 0 25px -3px;width: calc(100% + 10px); }

.boxPlCat > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.boxPlCat > ul > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin: 3px; border: 1px solid white; padding: 4px 10px 4px 10px; background: #fff; display:inline-flex; width: calc(20% - 9px); position: relative }
/*.boxPlCat > ul > li:first-child { margin: 3px 3px 3px 0};*/
.boxPlCat > ul > li > a { display: table; width: 100%; color: black; text-decoration: none; }
.boxPlCat > ul > li > a > span { width: 26%; display: table-cell; vertical-align: middle; text-align: center; padding: 0 10px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.boxPlCat > ul > li > a > span > img { display: inline-block; max-height: 40px; max-width: 100% }
.boxPlCat > ul > li > a > strong { width: 69%; display: table-cell; vertical-align: middle; font-size: 1.0em; font-weight: 700; height: 50px; line-height: 1.1em; overflow: hidden }
.boxPlCat > ul > li > a > i { width: 5%; display: table-cell; vertical-align: middle }
.boxPlCat > ul > li:hover, .boxPlCat > ul > li.selected { border: 1px solid #94c11e; }
.boxPlCat > ul > li:hover > a > i, .boxPlCat > ul > li.selected > a > i { color: #94c11e }
.boxPlCat .category-with-backg {color:white;}
.bulleted li {
    min-height: 120px;
}
.boxPlItem {display:flex; flex-wrap:wrap; width:100%;width: calc(100% + 20px); margin: 0 0 0 -10px;}

/*#endregion */
/*#region kategorie  stránka */
.boxPlCatPage {
    margin: 0 0 25px 0;
}
.boxPlCatPage > ul { margin: 0; padding: 0; list-style: none }
.boxPlCatPage > ul > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cacccd; padding: 4px 10px 4px 0px !important; background: #fff !important; float: left; width: 49%; margin: 0 1.3% 1.2% 0; position: relative }
.boxPlCatPage > ul > li:nth-child(2n) { margin: 0 0 1.2% 0 }
.boxPlCatPage > ul > li > a { display: table; width: 100%; color: #012472; text-decoration: none; }
.boxPlCatPage > ul > li > a > span { width: 25%; display: table-cell; vertical-align: middle; text-align: center }
.boxPlCatPage > ul > li > a > span > img { /*display:block;*/ max-height: 40px; width: auto !important; margin: 0 !important; max-width: 100% }
.boxPlCatPage > ul > li > a > strong { width: 70%; display: table-cell; vertical-align: middle; font-size: 1.1em; font-weight: 600; height: 40px; line-height: 1.1em; overflow: hidden }
.boxPlCatPage > ul > li > a > i { width: 5%; display: table-cell; vertical-align: middle }
.boxPlCatPage > ul > li:hover,
.boxPlCatPage > ul > li.selected { border: 1px solid #94c11e; }
.boxPlCatPage > ul > li:hover > a > i,
.boxPlCatPage > ul > li.selected > a > i { color: #94c11e }
.bulleted li { min-height: 120px; }
/*#endregion */

.catOdrTop { width: 100%; display: table; margin: 0 0 5px 0 }
.catOdrDesc { margin: 0 }
.catOdrTop .catImg { float: none; display: table-cell; vertical-align: middle; width: 22%; height: 40px }
.catOdrTop .catImg img { display: table-cell; vertical-align: middle; max-height: 40px; max-width: 50px; }
.catOdrTop strong { font-size: 1.1em; font-weight: 600; height: 40px; display: table-cell; vertical-align: middle; width: 78% }
.catOdrTop strong i { float: right }

.filterWarning { padding: 20px 20px; background: #ea9d9d; border: 2px solid #b92626; color: #b92626 }
.filterWarning h2 { margin: 0; color: #790909 }

/*#region filter */
.bPlFB { margin: 0 }
.boxPlFiltersBox { margin: 0 0 20px 0; background: white; padding: 27px 0; color: black; display:flex; flex-wrap:wrap; align-items:center; width:100%; }
    .boxPlFiltersBox .params {
        width: calc(20% - 27px);
        text-transform: uppercase;
        text-decoration: none;
        font-size: 15.4px;
        background: #e6e6e6;
        display: block;
        text-align: center;
        padding: 10px 0;
        font-weight: 700;
        margin-left: 27px;
        position:relative;
    }

.boxPlFiltersBox .params:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    border-top: 5px solid black;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.noPriceFilter {justify-content:space-between;flex-wrap:nowrap;}
.noPriceFilter .boxPlFiltersBoxC {border: none;width:50%;}
.noPriceFilter .filterDisplay {width:50%;text-align:right;}
.btnFilter { float: left; width: 18%; margin: 0 1% 0 0; padding: 8px 20px 8px 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 1.1em; text-align: center; position: relative }
.btnFilter.selected .fa-angle-down:before { content: "\f106"; }

.fa-angle-down:before { content: "\f107"; padding: 4px; background: #0a0a0a; color: #fff; width: 14px; position: absolute; top: 7px; right: 7px }
.btnGreen { color: #070707; background: #94c11e; }
.btnGreen:hover { background: #a1d31f }


.filterPrice { width: 100%; margin: 0; float: left; display: table }
.filterSliderIn { width: 100%; margin: 0; display: flex; flex-wrap:wrap;align-items:center; }
.filterSliderBefore, .filterSliderSlider, .filterSliderAfter {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.filterSliderBefore { width: 23%; padding: 0 20px 0 0; text-align: center; font-weight: 800; font-size: 1.1em }
.filterSliderSlider { width: 54%; padding: 0 0 0 0; }
.filterSliderAfter { width: 23%; padding: 0 0 0 5px; font-weight: 800; font-size: 1.1em; text-align: center; }
.filterSliderSlider img { width: 100%; max-width: 100% }

.filterDisplay {width: 20%; padding: 10px 0 10px 0; text-align: center; }
.filterDisplay ul { margin: 0; padding: 0; list-style: none;font-weight:600; }
.filterDisplay ul li { margin: 0 10px 0 15px; display: inline-block;cursor: pointer }
.filterDisplay ul li.selected, .filterDisplay ul li:hover { color: #94c11e }
.filterDisplay ul li i { padding: 0 5px 0 0; font-size: 1.0em }



.boxPlFWrap { width: 100%; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dedede; display: none }
.boxPlFWrapL { float: left; width: 21.5%; background: #efefef; border-right: 1px solid #dedede; min-height: 200px; border-bottom: 1px solid #dedede; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.boxPlFWrapR { float: left; width: 78.5%; padding: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.boxPlFWrapL > ul { margin: 0; padding: 10px 0; list-style: none }
.boxPlFWrapL > ul > li { display: block; padding: 0 0 1px 0 }
.boxPlFWrapL > ul > li > span { display: block; padding: 6px 20px; color: #050505; text-decoration: none }
.boxPlFWrapL > ul > li:hover > span, .boxPlFWrapL > ul > li.selected > span { background: #fff }

.btnCenter { display: table; margin: 0 auto; float: none }
.btnFilter2 { padding: 12px 20px 12px 20px; width: 18%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 1.1em; color: #070707; background: #94c11e; text-align: center; position: relative; margin: 20px auto 0 auto; }


.boxPlFWrapTitle { font-size: 1.4em; font-weight: 600; margin: 0 0 15px 10px }
.boxPlFWrapBox { display: block }
.fliresItems { float: left; width: 162px; margin: 0 10px 20px 10px }
.fliresItems label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 15px; }
.fliresItems input[type="checkbox"] { display: none; }
.fliresItems label:before { background-color: #fff; top: 1px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8); content: ""; display: inline-block; height: 16px; left: 0; margin-right: 10px; position: absolute; width: 16px; border: 1px solid #aeaeae; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.fliresItems .radio label:before { border-radius: 8px; }
.fliresItems .checkbox label:before { border-radius: 3px; }
.fliresItems input[type="checkbox"]:checked + label:before { color: #2d2d2d; content: "\2713"; font-size: 24px; font-weight: 400; line-height: 12px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

/*#endregion */

/*#region řazení */
.boxShift { width: 100%; margin: 0 0 5px 0 }
.boxShift > ul { margin: 0; padding: 0; list-style: none }
.boxShift > ul > li { display: block; float: left; margin: 0 10px 10px 0 }
.boxShift > ul > li > a { display: block; width: 130px; text-align: center; color: #080808; text-decoration: none; background: #bfc4ca; padding: 10px 5px }
.boxShift > ul > li:hover > a, .boxShift > ul > li.selected > a { background: #012472; color: #fff }
/*#endregion */


/*#region thumbGallery */
div.thumbGallery { float: left; width: 100%; max-width: 600px; padding: 0 0 0px 0; }
div.thumbGallery a { text-decoration: none; }

div.thumbGallery > div.detail { float: left; width: 100%; overflow: hidden; margin: 0; text-align: center }
div.thumbGallery > div.detail > a { display: block; }
div.thumbGallery > div.detail > a > img { margin: 0 auto; max-width: 100% }

div.thumbGallery > div.thumbnails { float: left; width: 100%; margin: 15px 0 0 -1px; }
div.thumbGallery > div.thumbnails > div { width: 100000px; }
div.thumbGallery > div.thumbnails > div > a { display: block; float: left; margin: 0 5px 0 0; width: 139px; height: 100px; position: relative; }
div.thumbGallery > div.thumbnails > div > a:hover img { border: 1px solid #c9ced3; }
div.thumbGallery > div.thumbnails > div > a.link { display: none; margin: 0; background: url('images/link.png') no-repeat center 10px; float: left; color: #000; line-height: 140px; height: 102px; text-align: center; font-size: 18px; border: 1px solid #c9ced3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.thumbGallery > div.thumbnails > div > a.link:hover { border: 1px solid #b2b6b9; }
div.thumbGallery > div.thumbnails > div > a.link > div { color: #000; margin: 0 2px 0 0; }
div.thumbGallery > div.thumbnails > div > a > img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 1px solid #fff; }
div.thumbGallery > div.thumbnails > div > div { float: left; margin: 0 2px 0 0; height: 68px; width: 500px; }
/*#endregion */

/*#region detail */
.pldPlTitle { font-size: 1.5em; margin: 0 }
#boxMainPld { display: block }
#boxMainPldL { float: left; width: 50%; margin: 0 5% 50px 0; position: relative; text-align: center }
#boxMainPldR { float: left; width: 45%; margin: 0 0 50px 0 }

#boxMainPld h1 { font-size: 2.0em; line-height: 1.2em; margin: 0 0 25px 0 }
.pldStars { margin: 0 0 30px 0 }
.pldStarsL { float: left; width: 40%; margin: 0 2% 0 0; padding: 4px 0 0 0 }
.pldStarsC { float: left; width: 22%; margin: 0 2% 0 0 }
.pldStarsR { float: left; width: 32%; margin: 0 0 0 0; text-align: right }
.pldStarsL img { margin: 1px 8px 0 0; float: left }
.pldStarsL span { color: #8a8a8a; font-size: 0.85em; float: left }
.pldBtnStars { font-weight: 600; font-size: 1.1em; color: #012472 }
.pldStarsTitle { font-weight: 600; color: #0c0c0c; padding: 1px 0 0 0 }
.pldStarsTitle a { text-decoration: none; color: #0c0c0c }
.pldStarsTitle a:hover { text-decoration: underline; color: #0c0c0c }

.pldBox2 { margin: 0 0 30px 0; max-width: 350px; }
.pldBox2 ul { margin: 0; padding: 0; list-style: none }
.pldBox2 ul li { padding: 0 0 10px 12px; background: url(images/pldBox2Li.png) no-repeat left 6px; font-size: 1.1em; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pldBox2 ul li strong { display: block; float: left; width: 50% }
.pldBox2 ul li span { display: block; float: left; width: 50%; text-align: right }
.pldBox2 ul li span a { color: #012472; text-decoration: none }
.pldBox2 ul li span a:hover { color: #012472; text-decoration: underline }

.pldTel { font-size: 1.2em; font-weight: 600; color: #c5c5c5; margin: 0 0 20px 0; text-align: right }
.pldTel span { color: #94c11e; }
.pldTel:before { content: "\f095"; padding: 0 10px 0 0; color: #012472 }
.pldTel span.hidden550 { color: #706f6f; display: none }

.pldFooter { background: #efefef; margin: 0 0 10px 0; padding: 15px 15px 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*.pldFooterL { float: left; width: 46%; margin: 0 0 15px 0; padding:0 10px 0 0}
.pldFooterC { float: left; width: 17%; margin: 0 0 15px 0; padding:0 10px 0 0}
.pldFooterR { float: left; width: 31%; margin: 0 0 15px 0 }*/

.pldPrice { font-size: 30px; font-weight: 700; text-align: center; color: #d52626;}
.pldPrice2 { font-size: 0.9em; color: #444444; text-align: left; margin: 0 0 5px 0;font-weight:600; }
.pldPrice3 { font-size: 0.9em; font-weight: 600; line-height: 1.4em; color: #575757; margin: 10px 0 0 0 }
.pldPrice3 strong { font-size: 1.5em; display: block; font-weight: 600; color: #1b1613 }
.pldDost { font-weight: 600; padding: 12px 0 10px 0; color: #474747; display: block; width: 100% }
.pldDost strong { float: left; display: block; /*width:47%;*/ font-weight: 600; margin: 0 10px 0 0 }
.pldDost span { float: left; display: block; /*width:52%; */ font-weight: 600; text-transform: uppercase; text-align: left }
.pldBazarPrice { font-size: 0.9em; color: #444444; text-align: right; text-decoration: line-through }

.pldDel { font-weight: 600; padding: 0 0 10px 0; color: #474747; display: block; width: 100% }
.pldDel strong { float: left; display: block; width: 47%; font-weight: 600; margin: 0 1% 0 0 }
.pldDel span { float: left; display: block; width: 52%; font-weight: 600; text-align: right }

.pldBox { font-size: 1.1em }
.pldBox a { color: #012472; text-decoration: none }
.pldIco a { float: left; display: block; margin: 0 15px 8px 0; color: #000; text-decoration: underline }
.pldIco a:hover { color: #000; text-decoration: none }
.pldIco a i:before { margin: 0 6px 0 0; color: #727171 }
.addFavoriteLink, .sendEmailLink, .sledovaniEyeLink { position: relative }
.favHoverText { display: none }
.addFavoriteLink:hover .favHoverText,
.sendEmailLink:hover .favHoverText,
.sledovaniEyeLink:hover .favHoverText { display: block; position: absolute; top: 20px; left: 0; text-decoration: none; background: #3e3e3e; color: #fff; padding: 8px 10px; width: 200px; z-index: 10000 }
/*#endregion */

/*#region počet kusů */
#boxMainPld .quantityEdit, #QuickOrder .quantityEdit { position: relative;width: 62px; height: 40px; float: right; margin: 0; }
#boxMainPld .quantityEdit input, #QuickOrder .quantityEdit input { position: absolute; left: 18px; top: -4px; border: none; width: 26px; text-align: center; height: 47px; line-height: 40px; background: #fff; font-size: 15px; font-weight: 300 }
#boxMainPld .quantityEdit div.qPlus, #QuickOrder .quantityEdit div.qPlus { position: absolute; top: -4px; left: 45px; width: 18px; height: 24px; cursor: pointer;background:#fff;}
#boxMainPld .quantityEdit div.qPlus:before, #boxMainPld .quantityEdit div.qMinus:before, #QuickOrder .quantityEdit div.qPlus:before, #QuickOrder .quantityEdit div.qMinus:before { color: #636363; text-align: center; line-height: 2.5em; width: 8px; font-size: 12px; font-weight: normal }
#boxMainPld .quantityEdit div.qPlus:before, #QuickOrder .quantityEdit div.qPlus:before { content: "\f067"; }
#boxMainPld .quantityEdit div.qMinus, #QuickOrder .quantityEdit div.qMinus { position: absolute; top: 21px; left: 45px; width: 18px; height: 24px; cursor: pointer;background:#fff;}
#boxMainPld .quantityEdit div.qMinus:before, #QuickOrder .quantityEdit div.qMinus:before { content: "\f068"; }
#boxMainPld .quantityEdit div.qPlus:hover:before, #boxMainPld .quantityEdit div.qMinus:hover:before, #QuickOrder .quantityEdit div.qPlus:hover:before, #QuickOrder .quantityEdit div.qMinus:hover:before { color: #727171 }
/*#endregion */

/*#region taby */
.pldNav { width: 100%; z-index: 3; position: relative }
.pldNav > ul { margin: 0; padding: 0; list-style: none; }
.pldNav > ul > li { display: block; float: left; padding: 0; margin: 0 6px 0 0; position: relative }
.pldNav > ul > li > span { cursor: pointer; display: block; height: 38px; line-height: 38px; padding: 0 1.5em; background: #c9ced3; color: #080808; text-decoration: none; font-size: 14px; }
.pldNav > ul > li:hover > span, .pldNav > ul > li.selected > span { background-color: #012472; color: #fff; text-decoration: none; }
.pldNav > ul > li.selected span:before { content: "\f0d7"; position: absolute; bottom: -15px; left: 45%; display: inline-block; font: normal normal normal 28px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #012472 }
.pldNBox { background: white; padding: 35px 35px 15px 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0 }
.pldNBox table { width: 100%; padding: 0; margin: 0 0 20px 0; border: none !important; border-collapse: collapse; border-spacing: 0px; }
.pldNBox table tr th { background: #c8c8c8; color: #000; padding: 5px 10px; text-align: left; }
.pldNBox table tr:nth-child(2n) td { background: #fff; color: #000; padding: 5px 10px; }
.pldNBox table tr:nth-child(2n+1) td { background: #e3e1e1; color: #000; padding: 5px 10px; }
/*#endregion */

.plDescBox { padding: 15px; margin: 20px 20px 15px 20px; position: relative; z-index: 1000; font-size: 0.9em; color: #555555;border: 1px solid #e4e4e4; /*background:#dedede; */ text-align: left; height: 46px; overflow: hidden; }
    .plDescBox p {margin: 0;line-height: 1.2em;height: 44px;overflow: hidden;color: #0b0b0b;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;}
/*.plWrap:hover .plDescBox {display:block}*/

/*#region list2 */
.boxPl2 { background: #fff; border: 1px solid #cacccd; margin: 0 0 15px 0 }
.boxPl2 .plWrap { width: 100%; border-bottom: 1px solid #cacccd; display: table }
.boxPl2 .plWrap:hover {border:none !important; border-bottom: 1px solid #cacccd !important;}
.boxPl2 .plWrap:last-child { border: none }
.boxPl2 .plWrap .plWrapL, .boxPl2 .plWrap .plWrapCL, .boxPl2 .plWrap .plWrapCR, .boxPl2 .plWrap .plWrapCC, .boxPl2 .plWrap .plWrapR { display: table-cell; vertical-align: middle }
.boxPl2 .plWrap .plWrapL { width: 100px; padding: 0 10px 0 10px }
.boxPl2 .plWrap .plWrapCL { padding: 0 10px 0 0 }
.boxPl2 .plWrap .plWrapCC { width: 200px; padding: 10px 10px 10px 0 }
.boxPl2 .plWrap .plWrapCR { position:relative;display: table-cell; vertical-align: middle; width: 35px; margin: 0 6px 0 0;float: left;}
.boxPl2 .plWrap .plWrapR { width: 300px }
.boxPl2 .plWrap .plWrapR .plWrapRIn {     float: right; /*width: 261px;*/width: 200px;  margin: 0 10px 0 0;}

.boxPl2 .plWrap .discountPercentListMain {display:table-cell;vertical-align:middle;width:35px; margin: 0 10px 0 0;float:right;}
.boxPl2 .plWrap .discountPercentListMain .discountPercentListIcon {display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; position: relative; background: #FF6600; font-weight: 800; font-size: 16px;}

.boxPl2 .plWrapImg { text-align: center; width: 180px; padding: 10px; height: 100px; }
.boxPl2 .plWrapImg a { display: table-cell; vertical-align: middle; width: 180px; height: 100px; }
.boxPl2 .plWrapImg img { max-width: 150px; max-height: 100px }
.boxPl2 .plWrap .plWrapCode { margin: 0 0 5px 0; color: #012472 }
.boxPl2 .plWrap .plWrapTitle { font-weight: 600; font-size: 1.1em; margin:0; line-height:1.2;}
.boxPl2 .plWrap .plWrapTitle a { color: #111010; text-decoration: none }
.boxPl2 .plWrap .plWrapTitle a:hover { color: #111010; text-decoration: underline }
.boxPl2 .plWrap .plWrapStock { text-transform: uppercase; font-weight: 600; margin: 0 0 2px 0 }
.boxPl2 .plWrap .plWrapPrice { color: #d52626; font-size: 1.2em; font-weight: 700; }
.boxPl2 .plWrap .plWrapPrice .SecondPrice { color: #222; font-size: 0.7em; font-weight: 600; }
.boxPl2 .plWrap .plWrapPrice2 { font-size: 0.9em; color: #444444 }
.boxPl2 .plWrap .plWrapFav { display: block; float: left; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; position: relative; background: #94c11e; margin: 0 10px 0 0 }
.boxPl2 .plWrap .plWrapFav-remove { background: #777C81; cursor: pointer }
.boxPl2 .plWrap .plWrapFav-remove.plWrapFav:hover { background: #9a9b9d; }
.boxPl2 .plWrap .plWrapFav span { font-size: 0; line-height: 0; position: absolute; top: -9999px; left: -9999px }
.boxPl2 .plWrap .plWrapFav:hover { background: #a3d61e; }
.boxPl2 .plWrap .plWrapFav i:before { margin: 0 }

.boxPl2 .plWrap .quantityEdit { float: left; width: 44px; background: #e8e8e8; height: 33px; border: none; margin: 0 5px 0 0; position: relative; border: 1px solid #AAA194; }
.boxPl2 .plWrap .quantityEdit.hidden { display: block !important; opacity: 0; pointer-events: none; }

@media (max-width: 480px) {
    .boxPl2 .plWrap .quantityEdit.hidden { display: none !important; opacity: 0; pointer-events: none;}
    .boxPlFiltersBox .params {
        width: 100%;
        margin: 0px;
        font-size: 14px;
        background: #94c11e;
    }
    .boxPlFiltersBox {padding:27px 0;}
    /*.boxPlFiltersBoxC, .filterDisplay {display:none;}*/
    .boxPl2 .plWrap .discountPercentListMain {margin: 0 5px 0 0;}
    .boxPl2 .plWrap .plWrapFav {margin: 0 5px 0 0;}
    .filterVariantIn {display:none;}
    .noPriceFilter .boxPlFiltersBoxC {width:100%;}
    .boxPldPl .plWrap, .boxPl .plWrap {padding: 0 0 35px 0;}
}

.boxPl2 .plWrap .quantityEdit a { text-decoration: none }
.boxPl2 .plWrap .quantityEdit input { position: absolute; left: 0; top: 0; border: none; width: 25px; text-align: center; height: 31px; line-height: 31px; background: none; font-size: 1.0em; font-weight: 400; background: #EFEFEF }
.boxPl2 .plWrap .quantityEdit .qPlus, .boxPl2 .plWrap .quantityEdit .qMinus { position: absolute; width: 16px; height: 16px; cursor: pointer; border: none; background: #EFEFEF; text-align: center; cursor: pointer; line-height: 16px }
.boxPl2 .plWrap .quantityEdit .qPlus { top: 0; right: 0; border-bottom: 1px solid #AAA194; border-left: 1px solid #AAA194; }
.boxPl2 .plWrap .quantityEdit .qMinus { bottom: 0; right: 0; border-left: 1px solid #AAA194; }
.boxPl2 .plWrap .quantityEdit .qPlus:before, .boxPl2 .plWrap .quantityEdit .qMinus:before { line-height: 0.9em; color: #636363; width: 16px; font-size: 10px !important; height: 16px }
.boxPl2 .quantityEdit div.qPlus:before { content: "\f067"; }
.boxPl2 .quantityEdit div.qMinus:before { content: "\f068"; }
.boxPl2 .plWrap .quantityEdit .qPlus:hover, .boxPl2 .plWrap .quantityEdit .qMinus:hover { }

.btnPl2 { float: left; padding: 0 20px; height: 36px; line-height: 36px; text-transform: uppercase; font-weight: bold; min-width: 49px; text-align: center; }
.boxPl { min-height: 500px }
/*#endregion */

/*#region 404 */
#box404 { min-height: 600px; text-align: center; padding: 40px 0 50px 0 }
#box404 h1 { font-size: 48px; font-weight: normal; color: #94c11e; margin: 0 }
.box404Title { font-size: 24px; color: #000; margin: 0 0 30px 0; padding: 0 0 400px 0; background: url(images/box404Title.png) no-repeat center bottom }
#box404A h2, #box404B h2 { font-size: 22px }
#box404A { margin: 0 0 40px 0 }
#box404A p { font-size: 18px; color: #39302c }
.box404Btn, .cartListEmptyBtn { display: table; font-size: 15px; padding: 0 50px; height: 48px; line-height: 48px; margin: 0 auto; background: #012472; color: #fff; text-decoration: none; text-transform: uppercase }
.cartListEmptyBtn { margin: 20px auto 0 auto; }
.box404Btn:hover, .cartListEmptyBtn:hover { background: #023195; color: #fff; text-decoration: none; }
/*#endregion 404 */

/*#region prazdne vyhledavani */
.searchBoxTitle { margin: 0 0 20px 0; font-size: 18px; padding: 20px; background: #fff }
.searchBoxText ul { margin: 0 0 20px 0; padding: 0; list-style: none }
.searchBoxText ul li { padding: 0 0 5px 0 }
.searchBoxBtn { display: block; float: left; font-size: 15px; padding: 0 50px; height: 48px; line-height: 48px; margin: 0 0 20px 0; background: #012472; color: #fff; text-decoration: none; text-transform: uppercase }
.searchBoxBtn:hover { background: #023195; color: #fff; text-decoration: none; }
.cartListEmptyText { padding: 0 0 223px 0; margin: 0 0 20px 0; background: url(images/cartListEmptyText.png) no-repeat center bottom }
/*#endregion */

/*#region ambasador list */
.boxAmbHiddenLinks { display: none; }
.boxAmb { display: block; margin: 0 0 20px 0 }
/*.boxAmb a {display:block; float:left; width:23.0%; margin:0 2.6% 2.6% 0; text-align:center; position:relative; text-decoration:none; color:#fff}
.boxAmb a:nth-child(4n) {margin:0 0 2.6% 0}*/
.boxAmb a:hover .ambFooter { background: #012472 }

.boxAmb .ambImg { display: block; margin: 0; padding: 0; width: 100% }
.boxAmb .ambImg img { width: 100%; max-width: 100%; display: table }
.boxAmb .ambFooter { position: relative; background: #090909; color: #fff; display: block; padding: 10px }
.boxAmb .ambFooter strong, .boxAmb .ambFooter h2 { display: block; font-size: 1.1em; text-align: center; font-weight: 600; padding: 0 25px; height: 40px; overflow: hidden; line-height: 1.2em; color:#fff;}
.boxAmb .ambFooter .ambText { font-size: 0.85em; display: block; line-height: 1.2em; height: 30px; overflow: hidden; padding: 0 10px; text-align: center; }
.masonry-wrapper .boxAmb .ambFooter .ambText { padding: 0 25px; }
.ambLang { position: absolute; top: 10px; right: 15px }
.ambLang img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }


.masonry-wrapper .boxAmb a { width: 100%; }
/*#endregion */

/*#region ambasador detail */
.pageWrapAmb #boxLeft, .pageWrapMap #boxLeft { width: 50%; padding: 0 20px 0 0; }
.pageWrapAmb #boxRight, .pageWrapMap #boxRight { width: 50%; padding: 0 0 0 30px; }
.pageWrapAmb #boxLeft { float: right }
.pageWrapAmb #boxRight { float: right }
.pageWrapMap #boxLeft { float: left }
.pageWrapMap #boxRight { float: left; position: relative; }
.pageWrapMap #boxRight #anchor { position: absolute; top: -150px; }

.ambGal { margin: 0 0 20px 0 }
.ambGal span { float: left; width: 32.2%; margin: 0 1.5% 1.4% 0; display: block }
.ambGal span:nth-child(3n) { margin: 0 0 1.4% 0; }
.ambGal span img { width: 100%; max-width: 100%; display: table }

.ambTitle { margin: 0 0 15px 0; position: relative }
.ambTitleL { float: left; width: 20% }
.ambTitleR { float: left; width: 80% }

.ambTitleL img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.ambTitleR h1 { padding: 0 40px 10px 0; border-bottom: 1px dashed #dddddd; font-size: 1.4em; color: #002472; margin: 10px 0; position: relative }
.ambTitleR .ambLang { top: 14px; right: 0 }
.ambWrapDetail { font-size: 1.1em }
.ambWrapDetail h2 { font-size: 1.2em; color: #012472; margin: 0 0 20px 0 }
.ambWrapDetail ul { margin: 0 0 20px 0; padding: 0; list-style: none }
.ambWrapDetail ul li { padding: 0 0 8px 25px; font-weight: 600 }
.place1 { background: url(images/place1.png) no-repeat left 2px }
.place2 { background: url(images/place2.png) no-repeat left 2px }
.place3 { background: url(images/place3.png) no-repeat left 2px }
/*#endregion */

/*#region mapa */
.storesFilter { margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dashed #dddddd }
.itemStores { float: left; margin: 0 20px 5px 0; position: relative }
.itemStores label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; font-size: 13px; font-weight: 600; color: #94c11e }
.itemStores input[type="checkbox"] { position: absolute; left: -9999px }
.itemStores 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; }
.itemStores input[type="checkbox"]:checked + label:before { color: #000; content: "\2713"; font-size: 16px; line-height: 15px; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }


.storesBox { margin: 0 0 20px 0 }
.storesWrap { width: 100%; display: table }
.storesWrap:last-child { border: none }
.storesWrap a { display: table; width: 100%; text-decoration: none; color: #475055; padding: 10px 0 10px 0; border-bottom: 1px dashed #dddddd; }
.storesWrap a:hover { background: #e9e9e9 }
.storesWrap a:hover .steoresWrapR span { color: #fff; background: #032F8F }
.steoresWrapL { width: 70%; display: table-cell; vertical-align: middle }
.steoresWrapR { display: table-cell; vertical-align: middle }
.steoresWrapL strong, .steoresWrapL h2 { display: block; font-size: 1.3em; color: #0d0d0d; margin: 0 0 0 0; font-weight: 600;}
.steoresWrapL span { color: #475055 }
.steoresWrapR span { padding: 6px 20px 6px 25px; float: right; text-transform: uppercase; font-size: 0.85em; font-weight: 600; background: #012472; color: #fff; display: block; text-decoration: none; position: relative }
.steoresWrapR span:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin: 0; content: "\f111"; color: #94c11e; font-size: 5px; position: absolute; top: 11px; left: 10px }
.storesMap { max-width: 500px }
.storesMap img { width: 100%; max-width: 100% }

h1.cs0, h1.cs1, h1.cs2, h1.cs3, h1.cs4, h1.cs5, h1.cs6, h1.cs7, h1.cs8, h1.cs9, h1.cs10, h1.cs11, h1.cs12, h1.cs13, h1.sk0, h1.sk1, h1.sk2, h1.sk3, h1.sk4, h1.sk5, h1.sk6, h1.sk7 { padding: 0 0 0 40px; font-size: 1.6em }
h1.cs0 { background: url(images/cs0.png) no-repeat left top }
h1.cs1 { background: url(images/cs1.png) no-repeat left top }
h1.cs2 { background: url(images/cs2.png) no-repeat left top }
h1.cs3 { background: url(images/cs3.png) no-repeat left top }
h1.cs4 { background: url(images/cs4.png) no-repeat left top }
h1.cs5 { background: url(images/cs5.png) no-repeat left top }
h1.cs6 { background: url(images/cs6.png) no-repeat left top }
h1.cs7 { background: url(images/cs7.png) no-repeat left top }
h1.cs8 { background: url(images/cs8.png) no-repeat left top }
h1.cs9 { background: url(images/cs9.png) no-repeat left top }
h1.cs10 { background: url(images/cs10.png) no-repeat left top }
h1.cs11 { background: url(images/cs11.png) no-repeat left top }
h1.cs12 { background: url(images/cs12.png) no-repeat left top }
h1.cs13 { background: url(images/cs13.png) no-repeat left top }
h1.sk0 { background: url(images/sk0.png) no-repeat left top }
h1.sk1 { background: url(images/sk1.png) no-repeat left top }
h1.sk2 { background: url(images/sk2.png) no-repeat left top }
h1.sk3 { background: url(images/sk3.png) no-repeat left top }
h1.sk4 { background: url(images/sk4.png) no-repeat left top }
h1.sk5 { background: url(images/sk5.png) no-repeat left top }
h1.sk6 { background: url(images/sk6.png) no-repeat left top }
h1.sk7 { background: url(images/sk7.png) no-repeat left top }
/*#endregion */

/*#region galerie */
.popupGallery a { float: left; display: block; width: 31%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 3.5% 3.5% 0 }
.popupGallery a:nth-child(3n) { margin: 0 0 3.5% 0 }
.popupGallery a img { width: 100%; max-width: 100% }

/*#endregion */

/*#region team list */
.imgCenter { display: table; margin: 0 auto 30px auto }
.rTeamBox { margin: 0 0 20px 0; width: 100% }
.rTeamBoxL { width: 39%; padding: 0 5% 30px 0; display: table-cell; vertical-align: middle }
.rTeamBoxR { width: 55%; display: table-cell; vertical-align: middle; padding: 0 0 30px 0 }
.rTeamBoxL img { width: 100%; max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.rTeamName h1 { font-size: 1.5em; color: #070707; margin: 0; font-weight: 600 }
.rTeamJobs { font-size: 0.9em; margin: 0 0 20px 0 }
.rTeamIco { display: block }
.icoTel, .icoMail { padding: 0 0 0 30px; margin: 0 0 10px 0; font-size: 1.1em }
.icoTel { }
.icoMail { }
.icoMail a { color: #012472; text-decoration: none; font-weight: 600 }
.icoMail a:hover { color: #012472; text-decoration: underline; }

.rTeamBoxTitle { margin: 0 0 15px 0; font-size: 1.2em; font-weight: 600; color: #012472 }
.rTeamBox ul { margin: 0 0 30px 0; padding: 0; list-style: none; font-size: 1.1em; font-weight: 600 }
.rTeamBox ul li { padding: 0 0 0 20px; background: url(images/rTeamLi.png) no-repeat left 7px; line-height: 1.3em ; margin:0 0 7px 0;}
.rTeamBox ul li a { color: #0e0e0e; text-decoration: none }
.rTeamBox ul li a:hover { color: #0e0e0e; text-decoration: underline }
.rTeamBox ul li a span { font-size: 0.8em; color: #929394 }
/*#endregion */

/*#region contact team */
#boxTeam { margin: 0 0 20px 0 }
#boxTeam > div { float: left; display: block; width: 30%; margin: 0 5% 5% 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#boxTeam > div:nth-child(3n) { margin: 0 0 5% 0 }
.bTNavWrap a { background: #fff; border: 1px solid #afafaf; display: block; padding: 20px 20px 30px 20px; text-decoration: none }
.bTNavWrap a:hover { border: 1px solid #939292 }
.bTNavImg { height: 140px; overflow: hidden; margin: 0 0 10px 0 }
.bTNavImg img { max-height: 140px; max-width: 100% }
.bTNavImg2 { height: 120px; overflow: hidden; margin: 10px 0 20px 0 }
.bTNavImg2 img { width: 100%; max-width: 120px; margin: 0 auto; display: table; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.btNavTitle { width: 100%; height: 46px; margin: 0 0 10px 0 }
.btNavTitle span { font-size: 0.9em; font-weight: 600; display: block; margin: 0 0 10px 0 }
.btNavTitle strong { display: block; height: 38px; line-height: 1.1em; font-size: 1.15em; font-weight: 600; text-transform: uppercase; color: #012472; }
.btNavBtn { display: table; margin: 0 auto; width: 80%; padding: 0 10px; height: 50px; line-height: 50px; color: #000; text-decoration: none; background: #87b01c; font-weight: 600; font-size: 1.1em; font-weight: 600 }
.bTNavWrap a:hover .btNavBtn { color: #000; text-decoration: none; background: #94c11e }

.bTBoxWrap { float: left; display: block; width: 30%; background: #9ca5ae; padding: 40px 20px 30px 20px; height: 308px }
.btBoxImg { height: 120px; margin: 0 0 25px 0; }
.btBoxImg img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.btBoxTitle { color: #fff; height: 42px; margin: 0 0 5px 0; font-weight: 600; text-transform: uppercase; font-size: 1.1em }
.btBoxCont { color: #012472; height: 42px; font-weight: 600; font-size: 1.1em }
.btBoxCont a { color: #012472; text-decoration: none }
.btBoxCont a:hover { color: #012472; text-decoration: underline }

.boxTeamAmb { display: block; margin: 0 0 20px 0 }
.boxTeamAmb a { display: block; float: left; width: 31.0%; margin: 0 3% 3% 0; text-align: center; position: relative; text-decoration: none; color: #fff }
.boxTeamAmb a:nth-child(3n) { margin: 0 0 3% 0 }
.boxTeamAmb a:hover .ambFooter { background: #012472 }

.boxTeamAmb .ambImg { display: block; margin: 0; padding: 0; width: 100% }
.boxTeamAmb .ambImg img { width: 100%; max-width: 100%; display: table }
.boxTeamAmb .ambFooter { position: relative; background: #090909; color: #fff; display: block; padding: 10px }
.boxTeamAmb .ambFooter strong { display: block; font-size: 1.1em; text-align: center; font-weight: 600; padding: 0 25px; height: 40px; overflow: hidden; line-height: 1.2em }
.boxTeamAmb .ambFooter .ambText { font-size: 0.85em; display: block; line-height: 1.2em; height: 30px; overflow: hidden; padding: 0 25px; }
.ambLang { position: absolute; top: 47px; right: 15px }
.ambLang img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/*#endregion */

/*#region prodejny detail */
.mapContH1 { color: #002472; font-size: 1.8em; font-weight: 600; padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #DDD; }
.mapContTitle { font-size: 1.7em; font-weight: 600; margin: 0 0 25px 0; color: #a1a4a6 }
.mapContTitle strong { font-weight: 600; color: #0d0d0d }
.mapContTel { font-size: 1.1em; padding: 0 0 0 30px; background: url(images/mapContTel.png) no-repeat left 4px; margin: 0 0 5px 0 }
.mapContMail { font-size: 1.1em; padding: 0 0 0 30px; background: url(images/mapContMail.png) no-repeat left 4px; margin: 0 0 30px 0; font-weight: 600; display: block; color: #002472; text-decoration: none }
.mapContMail:hover { color: #002472; text-decoration: underline }
.mapContTable { margin: 0 0 30px 0; font-size: 1.15em }
.mapContTable table { border-collapse: collapse; margin: 0 0 10px 0 }
.mapContTable table tr th { padding: 0 20px 0 0; text-align: left; font-weight: 400 }
.mapContTable table tr td { font-weight: 600 }
.mapContCloce { color: #012472; font-weight: 600; font-size: 1.1em }
.mapContAdress { margin: 0 0 10px 0; font-size: 1.15em }

.svgMapUrls a { display: block; float: left; padding: 5px 10px; font-size: 1.1em; width: 48%; margin: 0 1% 1% 1%; background: #323232; color: #fff; text-decoration: none; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 48px; overflow: hidden }
.svgMapUrls a span { display: table-cell; vertical-align: middle; height: 38px; line-height: 1.2em; width: 100%; text-align: center }
.svgMapUrls a.selected, .svgMapUrls a:hover { background: #032471 }
/*#endregion */

/*#region moje oblíbené produkty */
.favouriteItem { width: 100%; padding: 5px 0; border-top: 1px solid #dbdbdb; display: table; min-height: 50px }
.favouriteItem:first-child { border: none }
.favouriteNo { display: none }
.favouriteImage, .itemNameAndDescription, .itemActions, .itemPrices { display: table-cell; vertical-align: middle; }
.favouriteImage { width: 20%; padding: 0 10px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.favouriteImage img { display: table; margin: 0 auto; max-height: 50px }
.favouriteBuyLink { margin: 0 10px 0 10px; width: 20px; line-height: 1.0em; }
.itemActions a.favouriteBuyLink { font-size: 16px; line-height: 1.0em; color: #ffc000; text-align: right; }
.itemActions a.favouriteBuyLink:hover { color: #FFD800 }
.headerFavorite .favouriteBuyLink i { /*float:right;*/ color: #ffc000; font-size: 18px; }
.headerFavorite .favouriteBuyLink:hover i { color: #FFD800 }
.paramDiv { display: none; }
.itemBuyLink { display: table-cell; vertical-align: middle; }

.itemNameAndDescription { width: 55%; margin: 0 5% 0 0; }
.itemNameAndDescription a { color: #026598; text-decoration: none }
.itemNameAndDescription a:hover { color: #026598; text-decoration: underline }
.itemPrices { width: 20%; text-align: right }
.itemActions { width: 10%; text-align: right }
.itemActions a { display: block; float: right; line-height: 0; font-size: 0 }
.itemDeleteButton { background: url(images/hBBX.png) no-repeat left top; width: 15px; height: 15px; margin: 1px 0 0 0 }
.itemEdit { background: url(images/itemEdit.png) no-repeat left top; width: 20px; height: 18px; margin: 0 10px 0 0 }
.itemActions a:hover { background-position: left bottom }


#ajaxEditVehicle { width: 560px; margin: 0 auto; display: table; /*padding:10px 15px 15px 15px;*/ background: #fff; position: relative }
/*#ajaxEditVehicle h2 {border-bottom:1px solid #b3b3b3; padding:0 0 10px 0; margin:0 0 15px 0}
#ajaxEditVehicle .formSkinDefaultIn {padding:0}*/
/*#endregion */

.svgMap { position: relative }
.svgMapCurrent { position: absolute; top: -15px; right: 0; font-weight: 600; font-size: 1.2em }
.svgMap.sk .svgMapCurrent { top: auto; bottom: 0; right: 15px }

#exportOptions { margin: 0 0 40px 0 }
#exportOptionsLeft { float: left; width: 45%; margin: 0 10% 0 0 }
#exportOptionsLeft label.disabled { color: #999 }
#exportOptionsRight { float: left; width: 45%; margin: 0 0 0 0 }
#exportCategoriesBox { margin: 0 0 10px 0 }
#exportCategoriesBox input { cursor: pointer; /*border:none; background:none; color:#000*/ }
#checkboxCategoryTree { width: 45% }

.filterSkladem > ul > li, .filterAkce > ul > li, .filterNovinky > ul > li { display: none; }
.filterSkladem > ul > li:first-child,
.filterAkce > ul > li:first-child,
.filterNovinky > ul > li:first-child { display: block; }
.boxPlFiltersBoxL { width: 48%;}
.boxPlFiltersBoxC { width: calc(32% - 28px); border-left: 1px solid #c1c1c1; padding: 7px 0 7px 27px;}
.filterSet { float: left; margin: 9px 5px 5px 0 }
.filterSet:last-child { margin: 9px 0 5px 0 }
.filterHeader { float: left; margin: 0 10px 0 0; font-weight: 600; position: relative; padding: 0 4px 0 0; height: 35px; line-height: 35px; font-size: 1.1em; color: #94C11E; }
/*.filterHeader:before {content:":"; position:absolute; right:0; top:0}*/
/*.filterSkladem .filterHeader, .filterAkce .filterHeader,  .filterNovinky .filterHeader {display:none}*/
.filterViewVariant { float: right; /*width:25%*/;display:none; }
/*.filterSortVariant { margin: 0 0 15px 0 }*/
.filterSet .filterHeader { display: none }



.unpayed { color: #dd1f0b; }

/*#region kontaktní informace */
.cLeft { float: left; width: 48%; margin: 0 4% 0 0 }
.cRight { float: left; width: 48% }
.cMap { margin: 0 0 10px 0 }
.cTitle { color: #94c11e; padding: 0 0 10px 0; margin: 0 0 10px 0; background: url(images/cTitle.png) no-repeat left bottom }
.cTitle2 { font-size: 1.2em; font-weight: 600; color: #012472; margin: 0 0 20px 0; line-height: 1.1em }
.cTitle2 span { font-size: 0.8em; font-weight: 400; color: #000 }
.cText { margin: 0 0 20px 0 }
.cText a { color: #012472; text-decoration: none }
.cText a:hover { color: #012472; text-decoration: underline }
/*#endregion */

#orderTableBox { width: 100% }
#orderTableBox table { width: 100% }
#orderTableBox table tr th { text-align: center }
#orderTableBox table tr th:last-child { text-align: left }
#orderTableBox table tr th:first-child { text-align: left }
#orderTableBox table tr td { text-align: center; vertical-align: top }
#orderTableBox table tr td:nth-child(2n) { width: 100px; }
#orderTableBox table tr td:nth-child(3n) { width: 150px; }
#orderTableBox table tr td:last-child { text-align: left; }
#orderTableBox table tr td:last-child > span { padding: 8px 0; float: left }
#orderTableBox table tr td:last-child > div { float: left; margin: 0 20px 0 0; }
#orderTableBox table tr td:first-child { text-align: left }

#orderTableBox table tr td:last-child > div .quantityPricesListIcon { width: 30px; height: 30px; line-height: 30px; float: left; }

#orderTableBox table tr td:first-child input { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#orderTableBox table tr td .quantityEdit { float: none; margin: 0 auto 10px auto; display: table; height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#orderTableBox table tr td .quantityEdit input { height: 30px; line-height: 30px; font-size: 1.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#orderTableBox table tr td .quantityEdit div.qPlus { height: 16px; line-height: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#orderTableBox table tr td .quantityEdit div.qMinus { height: 15px; line-height: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; top: 15px; }
#orderTableBox table tr td .quantityEdit div.qPlus:before, #orderTableBox table tr td .quantityEdit div.qMinus:before { font-size: 10px }

.stockState .StockState-Cesta { color: #F98904 }
.stockState .StockState-Neni { color: #D52626 }
.stockState .StockState-Skladem { color: #94C11E }
.stockState .StockState-Dotaz { color: #F98904 }
.stockState .StockState-WrongCode { color: #ff0000 }

/*#region oblíbené položky */
.headerFavorite { padding: 0 10px 0 0; position: relative; float: left; background: #2D2D2D; height: 36px; line-height: 36px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.headerFavorite a > span { display: none }
.headerFavorite i { font-size: 1.5em; color: #fff }
.fa-heart-o:before { content: "\f08a"; }
.headerFavorite strong { position: absolute; bottom: -10px; left: -12px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 400; background: #D20000; color: #fff; z-index: 10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; z-index: 1000 }
.headerFavorite .headerBasketBox { border: 2px solid #2D2D2D; }
/*#endregion */


/*#region favorite */
.headerBasketBox { max-height: 510px; overflow-x: auto }
.headerBasketBox .favouriteItem { border-top: 1px solid #DBDBDB; width: 100%; display: table }
.headerBasketBox .favouriteItem .favouriteImage { display: table-cell; vertical-align: middle; width: 120px; padding: 0 20px 0 0 }
.headerBasketBox .favouriteItem .favouriteImage a img { max-height: 40px }
.headerBasketBox .favouriteItem .itemNameAndDescription { display: table-cell; vertical-align: middle; /*width:auto*/ width: 65%; }
.headerBasketBox .favouriteItem .itemNameAndDescription span { display: block; font-size: 14px; line-height: 1.2em; color: #000 }
.buyAllFavouriteItemsLink { display: block; float: right; padding: 8px 20px; background: #ffc000; color: #080808; text-decoration: none; margin: 20px 0 20px 0; font-weight: 600; }
.headerFavorite .buyAllFavouriteItemsLink { line-height: 1em; }
.buyAllFavouriteItemsLink:hover { background: #FFD800; color: #080808; }
/*#endregion */

/*#region katalogy */
.pdfCatalogueItem { float: left; display: block; width: 22%; margin: 0 4% 4% 0; text-align: center }
.pdfCatalogueItem:nth-child(4n+1) { margin: 0 0 4% 0 }
.pdfCatalogueItem a { display: block; margin: 0 0 10px 0; text-align: center; text-decoration: none; color: #002157 }
.pdfCatalogueItem a h2 { font-size: 1.5em; color: #000 }
.pdfCatalogueItem a img { width: 100%; max-width: 276px; display: table; margin: 0 auto }
.pdfCatalogueItem a:hover { text-decoration: underline }

/*#endregion */

.boxTrans { position: fixed; top: 0; left: 0; z-index: 0; height: 100%; width: 100%; display: none }
.infoBoxTitle { font-size: 1.2em; font-weight: 600; margin: 0 0 20px 0; color: #d52626 }
.infoBoxTableRemainingPay tr td { width: 50%; }
.OnlyUnpayedCheckbox { margin: 0 0 10px 0 }

.svgMapWrap { width: 90%; margin: 0 auto; display: table; height: 250px; }
.svgMapWrap > div:not(.svgMapCurrent) { height: 100%; }


/*#region partnerPremises */
#partnerPremisesPanel { padding: 0 0 10px 0 }
#partnerPremisesPanel select { width: 97% }
#partnerPremisesPanel #map { padding: 20px 20px 20px 10px }
.premiseAddress { padding: 10px 0 20px 0 }
.premiseOpeningHours { float: left; margin: 0 8% 0 0; width: 38% }
.premiseDetailLink a { background-image: none !important }
div.deliveryPaymentMethods div.methodList div.groupMethods ul > li .premiseDetailLink a { padding: 0 20px 0px 20px; float: left; height: 28px; line-height: 28px !important; background-color: #92BC2F !important; color: #fff !important; text-decoration: none; font-size: 12px; text-transform: uppercase; margin: 5px 0 5px 0 }
div.deliveryPaymentMethods div.methodList div.groupMethods ul > li .premiseDetailLink a:hover { background: #A4D82A !important }
/*#endregion */

#tabsOut { position: relative; }
#tabs { position: absolute; top: -200px; }

/*#region počítadlo v pravo */
.countdownRight { width: 100%; background: url(images/countdownRight.jpg) no-repeat center top; text-align: center; padding: 60px 0 20px 0; color: #fff; margin: 0 0 20px 0; }
.countdownRight .hpBannerImgCounter { background: none; display: table; margin: 0 auto; }
.countdownRight .hpBannerImgLogo { margin: 0 0 20px 0 }
.countdownRight .hpBannerImgBox { padding: 0 10px }
.countdownRight .hpBannerImgBox p { font-size: 1.3em; font-weight: 600; margin: 0 0 30px 0 }
.countdownRight .hpBannerImgBox p strong { display: block; font-size: 1.4em; font-weight: 700 }
.countdownRight .main-example { margin: 0 auto 30px auto; width: 300px }

.hpBannerCountTitle { font-size: 1.6em; font-weight: 700; margin: 0 0 30px 0; color: #fff }
.hpBannerCountTitle span { color: #87b01c }

.hpBCountLogos { display: table; margin: 0 auto; }
.hpBCountLogos img { margin: 0 6px; float: left; display: block; }
.hpBCountLogos img:nth-child(2) { margin: 8px 6px 0 }
/*#endregion */

/*#region pocitadlo */
.main-example { margin: 0 auto; width: 355px; }
.main-example .countdown-container { height: 120px; }
.main-example .time { border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); display: inline-block; text-align: center; position: relative; height: 95px; width: 65px; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.main-example .count { background: #202020; color: #f8f8f8; display: block; font-family: 'Oswald', sans-serif; font-size: 2.8em; line-height: 2.4em; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; }
.main-example .count.top { border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.1); border-radius: 5px 5px 0 0; height: 50%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.main-example .count.bottom { background-image: linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent); background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent); border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius: 0 0 5px 5px; line-height: 0; height: 50%; top: 50%; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.main-example .count.next { }
.main-example .label { font-size: normal; margin-top: 5px; display: block; position: absolute; top: 95px; width: 100%; }
/* Animation start */
.main-example .count.curr.top { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 3; }
.main-example .count.next.bottom { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 2; }
/* Animation end */
.main-example .flip .count.curr.top { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.main-example .flip .count.next.bottom { -webkit-transition: all 250ms ease-in-out 250ms; -moz-transition: all 250ms ease-in-out 250ms; -ms-transition: all 250ms ease-in-out 250ms; -o-transition: all 250ms ease-in-out 250ms; transition: all 250ms ease-in-out 250ms; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }


/*#endregion */
.footerSearch .editButton { float: left; width: 30% }
.fbEvent { margin: 20px auto; display: table }

.tableIco tr td a { position: relative }
.tableIco tr td span { display: none; position: absolute; top: -2px; right: -45px; padding: 3px 8px; background: #fff; color: #000; border: 1px solid #474747; font-size: 0.8em; font-weight: 600; text-transform: uppercase }
.tableIco tr td.pdf i:before { content: "\f1c1"; color: #d52626; margin: 0 10px 0 0 }
.tableIco tr td.xlsx i:before { content: "\f1c3"; color: #169d02; margin: 0 10px 0 0 }
.tableIco tr td.zip i:before { content: "\f1c6"; color: #ffc000; margin: 0 10px 0 0 }
.tableIco tr td.gif i:before { content: "\f1c5"; color: #000; margin: 0 10px 0 0 }
.tableIco tr td.jpg i:before { content: "\f1c5"; color: #008299; margin: 0 10px 0 0 }
.tableIco tr td a:hover span { display: block }


#MailingListRegistrationFormSimple, #MailingListRegistrationFormSimple2 { display: table; margin: 0 auto; text-align: center }

.newsletterBlogBox { background: #94c11e; padding: 25px 15px 35px 15px; margin: 0 0 30px 0 }
.newsletterBlogBox .fSearchInput { width: auto !important; }
.newsletterBlogBox .footerTTitle { font-size: 1.2em; color: #0d0d0d; margin: 0 0 0px 0 }
.newsletterBlogBox .footerTText { font-size: 1.2em; color: #0d0d0d; margin: 0 0 20px 0; font-weight: bold }


.buttonOrder { display: block; margin: 0 0 10px 0 }
.buttonOrder label { display: inline-block; cursor: pointer; position: relative; font-size: 14px; font-weight: 600; padding: 10px 20px; background: #012472; color: #fff }
.buttonOrder label:hover { background: #043093 }
.buttonOrder input[type="radio"] { display: none; }

.loading-image-pickitems { background: url('/templates/widgets/jquery.magnific-popup/images/loading.gif') no-repeat left top; width: 94px; height: 6px; display: table; margin: 0 auto 20px auto; }

.loading-image-orderitems { background: url('/templates/widgets/jquery.magnific-popup/images/loading.gif') no-repeat left top; width: 94px; height: 6px; display: table; margin: 0 auto 20px auto; }

.plWrapCR .quantityPricesList { position: absolute; bottom: -90px; right: 34px; width: 360px; z-index: 1000; background: #fff; box-shadow:0 10px 20px rgba(0,0,0,.3); padding: 10px; display: none; }

@media screen and (min-width: 990px) {
    .plWrapCR .quantityPricesList.selected {
        display: block;
    }
}
/*.plWrapCR .quantityPricesList:before { position: absolute; right: 0; bottom: 75px; content: "\f0d9"; color: #8f8f8f; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 1.2em; }*/

#boxViewer { float: left; width: 23%; background: #fff; margin: 0 0 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#boxViewer a { border: 1px solid #cacccd; display: block; text-decoration: none; }
#boxViewer a:hover { border: 1px solid #012472; }
#boxViewer a:hover .side-box-product-title { text-decoration: underline; }
.side-box-product-img-wrap { display: block; min-height: 150px; }
.side-box-product-img-wrap img { max-height: 132px; display: table; margin: 0 auto; padding: 10px 0 10px 0; }
.side-box-product-title { display: block; text-align: center; padding: 5px 10px 10px 10px; font-weight: 600; font-size: 1.1em; line-height: 1.2em; min-height: 38px; color: #000 }
.side-box-product-price { display: block; text-align: center; padding: 5px 10px 2px 10px; background: #012472; color: #fff; font-weight: 600; font-size: 1.1em; height: 21px; }
.side-box-product-price2 { display: block; text-align: center; padding: 0 10px 5px 10px; background: #012472; color: #fff; font-weight: 400; font-size: 0.8em; height: 14px; }
.side-box-product-price.side-box-product-price-no-price { height: 35px; line-height: 34px; }

/*#region nove ze spodu */
.newsletterIcon { padding: 0 40px 0 0; margin: 0 -40px 0 0 }
.newsletterIcon1 { background: url(images/newsIcon1.png) no-repeat right center; }
.newsletterIcon2 { background: url(images/newsIcon2.png) no-repeat right center; }
.newsletterIcon3 { background: url(images/newsIcon3.png) no-repeat right center; }
.newsletterIcon4 { background: url(images/newsIcon4.png) no-repeat right center; }
.newsletterIcon5 { background: url(images/newsIcon5.png) no-repeat right center; }

.outRegistration { float: right; display: block; border: none; background-color: #012472; color: #f0f0f0; text-decoration: none; padding: 0 9%; font-size: 14px; position: relative; height: 34px; line-height: 34px; cursor: pointer; font-family: "Exo 2",sans-serif; margin: 10px 0 0 0; }

.outRegistration:hover { background: #043093; color: #ffffff; text-decoration: none }

.titlePerson1 { background: #e9e9e9 url(images/person1.jpg) no-repeat 12px 12px !important }
.titlePerson2 { background: #e9e9e9 url(images/person2.jpg) no-repeat 12px 12px !important }

/*#region taby page */
#boxMain .tabs .tabNav { width: 100%; z-index: 3; position: relative }
#boxMain .tabs .tabNav > ul { margin: 0 !important; padding: 0; list-style: none; }
#boxMain .tabs .tabNav > ul > li { display: block; float: left; padding: 0; margin: 0 6px 0 0; position: relative }
#boxMain .tabs .tabNav > ul > li > span,
#boxMain .tabs .tabNav > ul > li > a { cursor: pointer; display: block; height: 38px; line-height: 38px; padding: 0 1.5em; background: #c9ced3; color: #080808; text-decoration: none; font-size: 14px; }
#boxMain .tabs .tabNav > ul > li:hover > span,
#boxMain .tabs .tabNav > ul > li.selected > span { background-color: #012472; color: #fff; text-decoration: none; }
#boxMain .tabs .tabNav > ul > li.selected span:before { content: "\f0d7"; position: absolute; bottom: -15px; left: 45%; display: inline-block; font: normal normal normal 28px/1 FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #012472 }
.tabBoxIn { background: #efefef; padding: 35px 35px 15px 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0 }
/*#endregion */

.footerFaceText { margin: 25px 0 0 0 }


.newsletterRegDoneMessageBox .doneUpperText .doneThanksTitle, .orderDoneMessageBox .doneUpperText .doneThanksTitle { font-weight: bold; font-size: 1.2em; color: #000 }
.newsletterRegDoneMessageBox .doneUpperText strong, .orderDoneMessageBox .doneUpperText strong { font-size: 1.2em; color: #000 }
.doneFace { margin: 0 0 30px 0 }
.doneFace img { max-width: 100% }
.doneNewsletter .footerSearch { border: 1px solid #012472; margin: 0 auto 30px auto; background: #012472; }


/*#endregion */


/*#region kalendař akcí list */
.pageWrapCal #bcBackground { background: #e9eaec; }
.eventCalendarWrap { width: 30%; margin: 0 5% 5% 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
.eventCalendarWrap:nth-child(3n) { margin: 0 0 5% 0 }
.eventCalendarImg { position: relative; /*min-height:206px*/ }
.eventCalendarImg img { width: 100%; max-width: 100%; display: block }
.eventCalendarTop { display: block; margin: 0 0 10px 0; padding: 15px 0 0 0; }
.eventCalendarFooter { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px 20px 20px; }

.eventCalendarWrap a { display: block; text-decoration: none; }
.eventCalendarWrap a:hover .eventCalendarTitle { color: #87b01c; text-decoration: none; }
.eventCalendarCategory { float: left; /*min-width: 70px;*/ padding: 0 10px 0 40px; position: relative; height: 30px; line-height: 30px; text-transform: uppercase; font-weight: 600; font-size: 0.8em; }
.eventCalendarCategory.color-38216, .eventCalendarCategory.color-38307 { background: #870b42; color: #fff; }
.eventCalendarCategory.color-38215, .eventCalendarCategory.color-38308 { background: #c5bb19; color: #fff; }
.eventCalendarCategory img { position: absolute; top: 5px; left: 10px; width: 20px; }
.eventCalendarWrap .eventCalendarDate { float: right; /*width: 52%;*/ text-align: right; color: #94c11e; padding: 0 10px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.9em; }
@media (max-width: 940px) {
    .eventCalendarWrap .eventCalendarDate {font-size: 0.8em; }
}

@media (min-width: 480px) and (max-width: 539px) {
    .eventCalendarDate {width:100%;}
    .eventCalendarWrap .timeFrom, .eventCalendarWrap .timeTo {width:auto !important;}
}

.eventCalendarWrap .dateFrom, .eventCalendarWrap .dateTo { font-size: 1em; font-weight: 600; float: left; line-height: 1.2em; font-family: 'Exo', sans-serif; }
.eventCalendarWrap .timeFrom, .eventCalendarWrap .timeTo { font-size: 1em; font-weight: 400; float: left; line-height: 1.2em; margin: 0; /*width: 54px;*/ font-family: 'Exo', sans-serif; padding:0 0 0 3px;}
.eventCalendarWrap .timeFrom span, .eventCalendarWrap .timeTo span { font-weight: 600; }
.eventCalendarWrap .from { display: table; float: right; }
.eventCalendarWrap .to { display: table; float: right; }
.eventCalendarTitle { color: #080808; font-size: 1.3em; font-weight: 600; height: 47px; line-height: 1.3em; margin: 0 0 5px 0; overflow: hidden; }

.eventCalendarText { height: 112px; overflow: hidden; font-size: 1em; line-height: 1.3em; }




/*#endregion */

/*#region kalendař akcí detail */
.eventCalendarPldDate { display: inline-block; font-size: 1em; color: #94c11e; margin: 0 0 10px 0; }
.eventCalendarPldDate .from { display: block; float: left }
.eventCalendarPldDate .to { display: block; float: left; padding: 0 0 0 15px; position: relative; margin: 0 0 0 5px }
.eventCalendarPldDate .to:before { content: "-"; position: absolute; top: 0; left: 0 }
.eventCalendarPldDate .dateFrom, .eventCalendarPldDate .dateTo { font-size: 1em; font-weight: 600; float: left; line-height: 1.2em; }
.eventCalendarPldDate .timeFrom, .eventCalendarPldDate .timeTo { font-size: 1em; font-weight: 600; float: left; line-height: 1.2em; margin: 0 5px 0 5px; }


/*#endregion */


/*#region menu na Fomei Top 2016 */
.contextPageMenuTitle { text-transform: uppercase; color: #012472; padding: 0 0 5px 0; margin: 0 0 20px 0; font-weight: 600; font-size: 2.4em; background: url(/templates/css/images/contextPageMenuTitle.png) no-repeat left bottom; }
.contextPageMenu { margin: 0; padding: 0; list-style: none; }
.contextPageMenu li { display: block; margin: 0 0 5px 0; }
.contextPageMenu li a { display: block; min-height: 25px; color: #000; text-decoration: none; padding: 2px 0 2px 42px; font-size: 1.2em; font-weight: 600; line-height: 1.3em; }
.contextPageMenu li.menuItem1 a { background: url(/templates/main/images/fomeiTop2016/uvod.png) no-repeat left top; }
.contextPageMenu li.menuItem2 a { background: url(/templates/main/images/fomeiTop2016/program.png) no-repeat left top; }
.contextPageMenu li.menuItem3 a { background: url(/templates/main/images/fomeiTop2016/hoste.png) no-repeat left top; }
.contextPageMenu li.menuItem4 a { background: url(/templates/main/images/fomeiTop2016/fotoVystavy.png) no-repeat left top; }
.contextPageMenu li.menuItem5 a { background: url(/templates/main/images/fomeiTop2016/novinky.png) no-repeat left top; }
.contextPageMenu li.menuItem6 a { background: url(/templates/main/images/fomeiTop2016/akce.png) no-repeat left top; }
.contextPageMenu li.menuItem7 a { background: url(/templates/main/images/fomeiTop2016/vyzkouseni.png) no-repeat left top; }
.contextPageMenu li.menuItem8 a { background: url(/templates/main/images/fomeiTop2016/registrace.png) no-repeat left top; }
.contextPageMenu li.menuItem9 a { background: url(/templates/main/images/fomeiTop2016/kudyKnam.png) no-repeat left top; }
.contextPageMenu li a:hover, .contextPageMenu li.current a { color: #012472; text-decoration: none; }
.contextPageMenu li.menuItem1 a:hover, .contextPageMenu li.menuItem2 a:hover, .contextPageMenu li.menuItem3 a:hover, .contextPageMenu li.menuItem4 a:hover, .contextPageMenu li.menuItem5 a:hover, .contextPageMenu li.menuItem6 a:hover, .contextPageMenu li.menuItem7 a:hover, .contextPageMenu li.menuItem8 a:hover, .contextPageMenu li.menuItem9 a:hover { background-position: left -125px }
.contextPageMenu li.menuItem1.current a, .contextPageMenu li.menuItem2.current a, .contextPageMenu li.menuItem3.current a, .contextPageMenu li.menuItem4.current a, .contextPageMenu li.menuItem5.current a, .contextPageMenu li.menuItem6.current a, .contextPageMenu li.menuItem7.current a, .contextPageMenu li.menuItem8.current a, .contextPageMenu li.menuItem9.current a { background-position: left -125px }
/*#endregion */

.plWrapImgArchiv { display: block; position: absolute; top: 0; right: 0; }
.plWrapImgArchivIn { width: 200px; height: 40px; text-align: center; line-height: 40px; background: #012472; color: #fff; font-weight: 600; font-size: 1.1em; opacity: 0.85; transform: rotate(-315deg); margin: 12px -65px 0 0; text-transform: uppercase; }
.eventCalendarImg { position: relative; overflow: hidden; }

.eventCalendarPldRightPanel img { max-width: 100%; }

.imgComponent { }
#genericRegForm { margin: 0 0 20px 0; }

.galeryBox {position: relative; }
.productNonActiveText { background: rgba(232, 232, 232, 0.8) none repeat scroll 0 0; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; height: 100%; }
.productNonActiveText .productNonActiveInner { text-align: center; position: absolute; top: 50%; width: 100%; transform: translateY(-50%) }
.productNonActiveText .productNonActiveInner span { color: red; font-size: 30px; font-weight: bold; line-height: 1.2em; display: block; text-align: center; margin: 0 0 15px 0; }
.productNonActiveText .productNonActiveInner button { display: inline-block; vertical-align: top; background: #ffc000; color: #000; border-radius: 0; border: none; font-weight: bold; padding: 10px 30px; outline: none; cursor: pointer; font-size: 0.9em; }
.productNonActiveText .productNonActiveInner button:hover { background: #ffd800; color: #000; }




@media screen and (min-width: 1300px) {
}

@media screen and (min-width: 1200px) {
    /*#region top menu */
    #search, #headerTopNavIn { display: block !important }
    /*#endregion top menu */

    /*#region layout */
    #header, #bcHeader, #footer, #headerTop, #benefits, .slider, #footerT, #footerB, #footerLogos, #blogPldPl, #blogPldPl2, .linksWrap, #menuFooter { max-width: 1200px; width: 100% }
    /*#endregion layout */


    #productsPath .pPH1 ul li .arrow:hover .arrowIn { display: block }

    .boxPlCat.boxPlCatRoot {width: 100%; margin: 0 2% 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPlCat.boxPlCatRoot > ul > li {width: calc(20% - 9px);;}
    /*.boxPlCat.boxPlCatRoot > ul > li:nth-child(4n) { margin: 0 0.5% 0.5% 0; }
    .boxPlCat.boxPlCatRoot > ul > li:nth-child(3n) { margin: 0 0 0.5% 0; }*/
}

@media screen and (min-width: 1200px) and (max-width: 1295px) {
    #heurekaTableft { display: none !important }
}

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

    #heurekaTableft { display: none !important }
    #hpBanner .links { position: absolute; bottom: 18px; right: 20px !important; z-index: 1000; left: auto }

    .addFavoriteLink:hover .favHoverText,
    .sendEmailLink:hover .favHoverText,
    .sledovaniEyeLink:hover .favHoverText { width: 150px }

    /*#region top menu */
    #search, #headerTopNavIn { display: block !important }
    #headerTopNavIn { display: block !important }
    /*#endregion top menu */

    /*#region layout */
    #header, #bcHeader, #footer, #headerTop, #hpBanner, #benefits, .slider, #footerT, #footerB, #footerLogos, #blogPldPl, #blogPldPl2, .linksWrap, #menuFooter { width: 100%;padding: 0 10px; }

    #footer { width: 100%; padding: 10px }
    #bcFooter { padding: 20px 10px }
    #menuFooter { padding: 0 10px }
    /*#endregion layout */
    #hpBannerNav > ul > li { float: left; margin: 0 0 0 2.3%; width: 31% }
    .hpBannerTitle { margin: 0 0 0.8em 0 }
    #benefitsL { padding: 0 0 0 5px }
    #pageWrapI .boxNewsR { padding: 0 10px 0 0 }
    #footerLogos img { margin: 0 6px 5px 6px }


    #boxTeam > div { width: 32%; margin: 0 1.5% 2% 0; }
    #boxTeam > div:nth-child(3n) { margin: 0 0 2% 0 }

    #productsPath .pPH1 ul li .arrow:hover .arrowIn { display: block }
    #productsPath .pPH1 ul li .arrow:hover .arrowIn { display: block }

    .tableDoprava tr td { width: 25% }
    .tableDoprava tr td:nth-child(2n) { width: 75% }
    #boxLeft #boxMain .tableDoprava tr td img { max-width: 130px }

    .boxPlFiltersBox .params {width: calc(20% - 15px);margin-left: 15px;padding: 8px 0; font-size: 14px;}
    .boxPlFiltersBoxL {width:38%;}
    .boxPlFiltersBoxC {width: calc(42% - 28px);}
    .boxPlCat.boxPlCatRoot { width: 100%; margin: 0 2% 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPlCat.boxPlCatRoot > ul > li { width: calc(25% - 8px); margin: 0 0.5% 0.5% 0; }
    .boxPlCat.boxPlCatRoot > ul > li:nth-child(4n) { margin: 0 0% 0.5% 0; }
    .boxPlCat.boxPlCatRoot > ul > li:nth-child(3n) { margin: 0 0.5% 0.5% 0; }
}

@media screen and (max-width: 1050px) {
    .logoRedbull { right: 55px; }
}

@media (max-width: 1050px) {

    .boxPlCatPage > ul > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cacccd; padding: 4px 10px 4px 10px !important; background: #fff !important; float: left; width: 100%; margin: 0 0 1.2% 0; position: relative }
    .boxPlCatPage > ul > li:nth-child(2n) { margin: 0 0 1.2% 0 }
}


@media screen and (min-width: 768px) and (max-width: 999px) {
    .headerLang > ul::before { content: ""; }
    #boxViewer { display: none; }
    #heurekaTableft { display: none !important }

    #hpBanner .links { position: absolute; bottom: auto; top: 5%; right: 5% !important; z-index: 1000; left: auto }

    #productsPath .pPH1 ul li .arrow:hover .arrowIn { display: block }
    #productsPath { margin: 0 0 10px 0 }

    /*#region layout */
    #header, #bcHeader, #footer, #headerTop, #hpBanner, #benefits, .slider, #footerT, #footerB, #footerLogos, #blogPldPl, #blogPldPl2, .linksWrap, #menuFooter { width: 100%; }
    #footer { width: 100%; padding: 10px; background: none }
    #footerB, #bcFooter, #blogPldPl2, #blogPldPl { padding: 10px }
    #menuFooter { padding: 0 10px }

    /*#endregion layout */

    /* #region top menu*/
    .menuBtn { display: block; float: left }
    /* #endregion top menu*/

    /*#region headerTopNav */
    #headerTopNav { margin: 0 10px 0 0 }
    #headerTopNavIn { margin: 0; width: 50%; z-index: 100; position: absolute; top: 38px; left: 93px; background: #000; border: 1px solid #808080; display: none }
    #headerTopNavIn > ul { width: 100%; background: none; margin: 0; padding: 0 }
    #headerTopNavIn > ul > li { display: block; padding: 0; background: none; width: 100%; border-right: none }
    #headerTopNavIn > ul > li > a { display: block; padding: 10px 10% 10px 50px; margin: 0; font-size: 1.2em; border-bottom: 1px solid #3e3e3e }
    #headerTopNavIn > ul > li.hTN0 > a { background: url(images/hTN0.png) no-repeat 15px center; padding: 10px 10% 10px 50px }
    /*#endregion */

    .hMSImg { width: 20% }
    .divizeBtn { display: block }
    .searchBtn { display: block }

    /*#region search */
    #search { position: absolute; top: 0; left: 208px; border: 1px solid #b3b3b3; z-index: 1001; display: none }
    /*#endregion */
    #logo { margin: -5px 2em 1.8em 0; }

    #hpBannerL, .hpBannerImg { display: table; margin: 0 auto; width: 70%; }
    .hpBannerImg { padding: 20px 0 }
    #hpBannerL .hpBannerLIn { display: block; position: relative; height: 342px; }

    #hpBannerR { width: 100%; display: block; }
    #hpBannerNav > ul > li { float: left; margin: 0 4% 0 4%; width: 25% }
    .hpBannerTitle { margin: 0.8em 0 }
    #hpBannerL img { position: relative; }
    #benefitsL { width: 55%; display: block; float: left; margin: 0 4% 2% 4%; padding: 35px 0 0 0 }
    #benefitsC { width: 35%; display: block; float: left; margin: 0 0 2% 0 }
    #benefitsR { width: 94%; display: block; margin: 0 3%; border-top: 1px solid #b3b3b3; float: left; padding: 15px 0 0 0 }
    #pageWrapI .boxNewsR { width: 49%; margin: 0 0 0 0; padding: 0 10px 0 0 }
    #pageWrapI .boxNewsL { width: 49%; margin: 0 2% 0 0 }
    #pageWrapI .boxNewsL .newsWrap .newsWrapL { display: none }
    #pageWrapI .boxNewsL .newsWrap .newsWrapR { width: 100%; min-height: 282px }

    #footerL { width: 100% }
    #footerR { width: 100%; padding: 15px 0 }
    #footerR ul li { float: left; width: 32%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #footerR ul li.fDivize0, #footerR ul li.fDivize1 { margin: 0 2% 0 0 }
    #footerR ul li span { display: block }
    #footerR ul li br { display: none }
    #menuFooter { border-bottom: 1px solid #2e2e2e; }
    .menuFLine { display: none }

    #footerLogos img { margin: 0 10px 5px 10px }

    #footerLL, #footerLC, #footerLR { padding: 0 0 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


    .pageWrapBlog #boxLeft { width: 68%; padding: 0 10px 0 0 }
    .pageWrapBlog #boxRight { width: 32%; }

    #boxLeft { width: 50%; padding: 0 10px 0 0 }
    #boxRight { width: 50%; }
    .pageWrapL, .pageWrapR { width: 50% }

    .pageWrapBlogL { width: 68%; }
    .pageWrapBlogR { width: 32%; }

    .pageWrapAmb #boxLeft { width: 50%; padding: 0 10px 0 0 }
    .pageWrapAmb #boxRight { width: 50%; }

    .pageWrapAmbL { width: 50%; }
    .pageWrapAmbR { width: 50%; }

    .blogWrap { width: 49%; margin: 0 2% 2% 0 }
    .blogWrap:nth-child(2n) { margin: 0 0 2% 0 }

    /*.boxPldPl .plWrap, .boxPl .plWrap { width: 32.8%; margin: 0 0.8% 2% 0 }*/
    /*.boxPldPl .plWrap:nth-child(3n), .boxPl .plWrap:nth-child(3n) { margin: 10px; }
    .boxPldPl .plWrap:nth-child(4n), .boxPl .plWrap:nth-child(4n) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPldPl .plWrap:nth-child(4n) .plWrapImg, .boxPl .plWrap:nth-child(4n) .plWrapImg { float: left; width: 40% }
    .boxPldPl .plWrap:nth-child(4n) .plWrapFooter, .boxPl .plWrap:nth-child(4n) .plWrapFooter { float: left; width: 60%; padding: 20px 0 0 0; text-align: left }*/

    .boxPlCat > ul > li { width: calc(33.33% - 5px);margin: 0 0.5% 0.5% 0; }
    .boxPlCat > ul > li:nth-child(4n) { margin: 0 0.5% 0.5% 0 }
    .boxPlCat > ul > li:nth-child(3n) { margin: 0 0% 0.5% 0 }
    .boxPlCat {margin:0 0 25px 0; width:100%;}

    .boxPldPl .plWrap:nth-child(4n) .plWrapFav, .boxPl .plWrap:nth-child(4n) .plWrapFav { width: 100.2%; bottom: -37px }

    .btnFilter { width: 22%; }
    .filterDisplay { width: 24% }
    .filterSliderBefore { width: 22%; }
    .filterSliderSlider { width: 56%; }
    .filterSliderAfter { width: 22%; }

    #boxMainPldL { width: 38%; margin: 0 5% 50px 0 }
    #boxMainPldR { width: 57%; margin: 0 0 50px 0 }

    div.thumbGallery > div.detail > a > img { }
    div.thumbGallery > div.thumbnails > div > a { max-width: 100px }
    div.thumbGallery > div.thumbnails > div > a > img { max-width: 100px }

    .boxPlFWrapL { width: 30%; }
    .boxPlFWrapR { width: 70%; }
    .btnFilter2 { width: 30% }



    /*.boxAmb a {display:block; float:left; width:24.2%; margin:0 1.0% 3% 0; text-align:center; position:relative; text-decoration:none; color:#fff}*/

    #boxTeam > div { width: 47%; margin: 0 6% 5% 0; }
    #boxTeam > div:nth-child(3n) { margin: 0 6% 5% 0 }
    #boxTeam > div:nth-child(2n) { margin: 0 0 5% 0 }

    
    .svgMapUrls a { height: 40px; padding: 10px; }
    .svgMapUrls a span { height: 20px }

    .svgMapCurrent { font-size: 1.1em }
    .boxPlFiltersBox .params {width:calc(35% - 27px)}
    .boxPlFiltersBoxL { width: 100%; }
    .filterDisplay {
        width: calc(50% - 5px);
        text-align: right;
        padding: 25px 5px 0 0;
    }
    .boxPlFiltersBoxC {width: calc(50% - 28px);border:none;padding: 25px 0 7px 5px;}
    .filterSliderIn { width: 100% }
    .filterPrice .filterHeader { width: 10%; margin: 0 }

    .pldNBox .blogWrap { width: 47%; margin: 0 3% 4% 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
    .pldNBox .blogWrap:nth-child(3n) { margin: 0 3% 4% 0 }
    .pldNBox .blogWrap:nth-child(2n) { margin: 0 0 4% 0 }

    .cLeft { float: left; width: 100%; margin: 0 0 10px 0 }
    .cRight { float: left; width: 100% }

    .pdfCatalogueItem { width: 30%; margin: 0 5% 4% 0; text-align: center }
    .pdfCatalogueItem:nth-child(4n+1) { margin: 0 5% 4% 0 }
    .pdfCatalogueItem:nth-child(3n+1) { margin: 0 0 4% 0 }

    .pldBox2 { width: 60%; }

    .tableDoprava tr td { width: 30% }
    .tableDoprava tr td:nth-child(2n) { width: 70% }
    #boxLeft #boxMain .tableDoprava tr td img { max-width: 130px }

    .eventCalendarWrap { width: 33%; margin: 0 0.5% 0.5% 0; }
    .eventCalendarWrap:nth-child(3n) { margin: 0 0 0.5% 0 }
}

@media screen and (min-width: 768px) and (max-width: 880px) {
    .blogWrap { width: 49.5%; margin: 0 1% 2% 0 }
    .blogWrap:nth-child(2n) { margin: 0 0 2% 0 }

    .boxTeamAmb a { width: 46%; margin: 0 8% 5% 0; }
    .boxTeamAmb a:nth-child(3n) { margin: 0 8% 5% 0 }
    .boxTeamAmb a:nth-child(2n) { margin: 0 0 5% 0 }
}


@media screen and (min-width: 481px) and (max-width: 767px) {
    #heurekaTableft { display: none !important }
    #hpBanner .links { position: absolute; bottom: auto; top: 5%; right: 5% !important; z-index: 1000; left: auto }
    #boxViewer { display: none; }
    /*#region layout */
    #header, #bcHeader, #footer, #headerTop, #hpBanner, #benefits, .slider, #footerT, #footerB, #footerLogos, #blogPldPl, #blogPldPl2, .linksWrap, #menuFooter { width: 100%; }
    #footer { width: 100%; padding: 10px; background: none }
    #footerB, #bcFooter, #blogPldPl2, #blogPldPl { padding: 10px }
    #boxMainPl, .boxPlCat, .filterVariant, #pagerCounter, .boxPl, .contentPager, .boxAmb { padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #pageWrap #bcFooter { padding: 10px 0 }
    #pageWrap.pageWrap100 #bcFooter { padding: 10px 0 0 0 }
    .pageWrap2Color #bcFooter { padding: 10px 0 0 0 !important }
    #menuFooter { padding: 0 10px }
    #boxMainPld { padding: 0 10px }
    #boxMainPld h1 {margin:45px 0 25px 0; }
    #boxLeft.blog-detail {width:100%;}

    /*#endregion layout */

    /* #region top menu*/
    .menuBtn { display: block; float: left }


    /* #endregion top menu*/

    /*#region headerTopNav */
    #headerTopNav { margin: 0 10px 0 0 }
    #headerTopNavIn { margin: 0; width: 100%; z-index: 100; position: absolute; top: 38px; left: 0; background: #000; border: 1px solid #808080; display: none }
    #headerTopNavIn > ul { width: 100%; background: none; margin: 0; padding: 0 }
    #headerTopNavIn > ul > li { display: block; padding: 0; background: none; width: 100%; border-right: none }
    #headerTopNavIn > ul > li > a { display: block; padding: 10px 10% 10px 50px; margin: 0; font-size: 1.2em; border-bottom: 1px solid #3e3e3e }
    #headerTopNavIn > ul > li.hTN0 > a { background: url(images/hTN0.png) no-repeat 15px center; padding: 10px 10% 10px 50px }
    /*#endregion */

    .hMSImg { width: 20% }

    .divizeBtn { display: block }
    .searchBtn { display: block }

    /*#region search */
    #search { position: absolute; top: 0; left: 0; border: 1px solid #b3b3b3; z-index: 1001; display: none; width: 100% }
    /*#endregion */
    #logo { margin: 0 1em 1.8em 0; }

    .headerTel span { display: none }
    .headerLang > ul::before { content: ""; }
    .boxLoginTitle { display: none }
    #headerRight { margin: 0 0 1.0em 0; }
    #header { padding: 1em 0 0 0; }

    #hpBannerL, .hpBannerImg { width: 100%; display: block; text-align: center }
    .hpBannerImg { padding: 20px 0; text-align: center }
    .hpBannerImg img { margin: 0 auto; display: table }
    #hpBannerL .hpBannerLIn { display: block; margin: 0 auto; position: relative; height: 342px; }
    #hpBannerL img { max-width: 100%; width: 100%; }
    #hpBannerR { width: 100%; display: block; }
    #hpBannerNav > ul > li { float: left; margin: 0 2% 0 2%; width: 29% }
    .hpBannerTitle { margin: 0.8em 0 }
    #hpBannerL img { position: relative; }
    #benefitsL { width: 50%; display: block; float: left; margin: 0 4% 2% 4%; padding: 25px 0 0 0 }
    #benefitsC { width: 42%; display: block; float: left; margin: 0 0 2% 0; }
    #benefitsR { width: 94%; display: block; margin: 0 3%; border-top: 1px solid #b3b3b3; float: left; padding: 15px 0 0 0 }
    #benefits { padding: 10px 0 }

    #pageWrapI .boxNewsR { width: 49%; margin: 0 0 0 0; padding: 0 10px 0 0 }
    #pageWrapI .boxNewsL { width: 49%; margin: 0 2% 0 0 }
    #pageWrapI .boxNewsL .newsWrap .newsWrapL { display: none }
    #pageWrapI .boxNewsL .newsWrap .newsWrapR { width: 100%; min-height: 282px }

    #footerBoxT { max-width: 540px; width: 100% }

    #footerL { width: 100% }
    #footerR { width: 100%; padding: 15px 0 }
    #footerR ul li { float: left; width: 49%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #footerR ul li.fDivize0 { width: 100% }
    #footerR ul li.fDivize1 { margin: 0 2% 0 0 }
    #footerR ul li span { display: block }
    #footerR ul li br { display: none }
    .menuFLine { display: none }
    #footerLogos img { margin: 0 10px 5px 10px }
    #footerLL { width: 70%; margin: 0 0 20px 0; min-height: auto }
    #footerLC { width: 48%; margin: 0 4% 20px 0; min-height: auto; }
    #footerLR { width: 48%; min-height: auto; margin: 0 0 20px 0 }
    .footerTitle { margin: 0 0 5px 0 }
    #containerFooter { text-align: center }
    #footerLL, #footerLC, #footerLR { padding: 0 0 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    .pageWrapL, .pageWrapR, #page { display: none }
    #boxLeft { width: 100%; margin: 0 0 10px 0; padding: 10px }
    .pageWrap2Color #boxLeft { padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*background:#E8EAEB*/ }
    #boxLeft #boxMain img { margin: 0 0 10px 0 }
    #boxRight { width: 100%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #pageWrap #boxRight { background: #E8EAEB; }
    #pageWrap.pageWrap2Color #boxRight { background: #fff; }
    .pageWrap2Color #boxRight { padding: 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxRightIn { float: left; width: 48%; margin: 0 2% 0 0 }    

    .pageWrapBlog #boxLeft { width: 100%; padding: 0 10px 0 0 }
    .pageWrapBlog #boxRight { width: 100%; padding: 0; }
    .pageWrapBlog .boxRightIn { width: 100% }
    .rightMenu ul { margin: 0 }

    .pageWrapBlogL { display: none }
    .pageWrapBlogR { display: none }
    .pageWrapBlog #bcBackground { background: #E8EAEB }


    .blogWrap { width: 49%; margin: 0 2% 2% 0 }
    .blogWrap:nth-child(2n) { margin: 0 0 2% 0 }

    #boxBlogPld, #blogPldPl2 { width: 100% }
    .rightBanner { display: block; width: 48%; float: left }
    .rightBanner.rightBanner2 { width: 100% }

    /*.boxPldPl .plWrap, .boxPl .plWrap { width: 49%; margin: 0 2% 2% 0 }
    .boxPldPl .plWrap:nth-child(2n), .boxPl .plWrap:nth-child(2n) { margin: 0 0 2% 0 }*/

    #boxMainPlL { width: 100%; margin: 0 0 15px 0; /*padding:0 0 20px 0; border:none; border-bottom:1px solid #a9abab;*/ border: none; padding: 0; }
    #boxMainPlR + #boxMainPlL { width: 100%; border: none; }
    #boxMainPlR { width: 100%; }

    .boxPlCat > ul > li { width: calc(50% - 4px);margin: 0 0.5% 0.5% 0; }
    .boxPlCat > ul > li:nth-child(4n) { margin: 0 0.5% 0.5% 0 }
    .boxPlCat > ul > li:nth-child(3n) { margin: 0 0.5% 0.5% 0 }
    .boxPlCat > ul > li:nth-child(2n) { margin: 0 0 0.5% 0 }

    /*.filterPrice { display: none }*/
    .btnFilter { width: 30%; margin: 0 5% 0 0 }


    #boxMainPldL { width: 100%; margin: 0 0 30px 0 }
    #boxMainPldR { width: 100%; margin: 0 0 20px 0 }
    .pldBox2 { width: 50% }

    .pldNav > ul > li { margin: 0 2% 1% 0; width: 32% }
    .pldNav > ul > li:nth-child(3n) { margin: 0 0 1% 0 }
    .pldNav > ul > li > span { padding: 0 0.5em; text-align: center }

    .boxPlFWrapL { width: 40%; }
    .boxPlFWrapR { width: 60%; }
    .btnFilter2 { width: 40% }
    .fliresItems { margin: 0 0 10px 10px; }


    .boxPl2 .plWrap .plWrapL { width: 70px; }
    .boxPl2 .plWrap .plWrapCL { padding: 10px 10px }
    .boxPl2 .plWrap .plWrapCC { padding: 10px 10px 10px 0; width: 120px }

    #hpBannerL, .hpBannerImg { display: table; margin: 0 auto; width: 80%; }
    #hpBannerL { text-align: left }
    #hpBannerL .hpBannerLIn { display: block; position: relative; height: 300px; }
    .hpBannerBText { height: 64px; overflow: hidden }

    .pageWrapBlog #boxLeft, .pageWrapAmb #boxLeft, .pageWrapMap #boxLeft { width: 100%; padding: 0 10px 0 10px }

    .pageWrapBlog #boxRight, .pageWrapAmb #boxRight, .pageWrapMap #boxRight { width: 100%; padding: 0 10px; margin: 0 0 10px 0 }
    .pageWrapBlog .boxRightIn, .pageWrapAmb .boxAmbIn { width: 100% }
    .rightMenu ul { margin: 0 }

    .pageWrapBlogL, .pageWrapAmbL { display: none }
    .pageWrapBlogR, .pageWrapAmbR { display: none }
    .pageWrapBlog #bcBackground { background: #E8EAEB }
    .pageWrapAmb #bcBackground { background: #fff }

    /*.boxAmb a {display:block; float:left; width:32%; margin:0 1.5% 1.5% 0; text-align:center; position:relative; text-decoration:none; color:#fff}
    .boxAmb a:nth-child(4n) {margin:0 1.5% 1.5% 0}
    .boxAmb a:nth-child(3n) {margin:0 0 1.5% 0}*/

    #boxTeam > div { width: 32%; margin: 0 1.5% 2% 0; }
    #boxTeam > div:nth-child(3n) { margin: 0 0 2% 0 }
    .pageWrapBlog #boxLeft { padding: 10px }
    .pageWrapBlog #boxRight { background: #fff; padding: 10px 10px 0 10px; margin: 0 0 2px 0 }
    .pageWrapBlog #productsPath, .pageWrapMap #productsPath, #pageWrap #productsPath { padding: 0 10px 0 10px }

    .svgMapUrls a { height: 40px; padding: 10px }
    .svgMapUrls a span { height: 20px }
    .boxPlFiltersBox {padding:27px 0;}
    .boxPlFiltersBox .params {
        width: 100%;
        margin: 0px 10px;
        font-size: 14px;
        background: #94c11e
    }
    .boxPlFiltersBoxL {
        width:100%;
    }
    .boxPlFiltersBoxC {
        padding: 25px 0 7px 5px;
        width: calc(50% - 5px);
        border: none;
    }
    .filterDisplay { width:calc(50% - 5px);text-align:right; padding: 25px 5px 0 0;}
    .filterVariantIn {display:none;}
    .filterViewVariant {display:none;}

    .pldNBox .blogWrap { width: 49%; margin: 0 2% 4% 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
    .pldNBox .blogWrap:nth-child(3n) { margin: 0 2% 4% 0 }
    .pldNBox .blogWrap:nth-child(2n) { margin: 0 0 4% 0 }

    .pldNBox { padding: 25px 15px 10px 15px; }

    .pdfCatalogueItem { width: 30%; margin: 0 5% 4% 0; text-align: center }
    .pdfCatalogueItem:nth-child(4n+1) { margin: 0 5% 4% 0 }
    .pdfCatalogueItem:nth-child(3n+1) { margin: 0 0 4% 0 }
    #mainContent { padding: 10px 10px }

    .pageWrapMap #boxRight #anchor { position: absolute; top: -10px; }

    #productsPath .pPH1 ul li .arrow .arrowIn { left: 0; width: 100% }
    #productsPath .pPH1 ul li .arrow { position: initial }
    #productsPath .pPH1 ul li { position: initial }

    .boxNoTablet #boxMainPlR { display: none }

    .eventCalendarWrap { width: 49%; margin: 0 2% 2% 0; }
    .eventCalendarWrap:nth-child(2n) { margin: 0 0 2% 0 }
    .eventCalendarWrap:nth-child(3n) { margin: 0 2% 2% 0 }
    .eventCalendar { padding: 0 10px; }
}

@media screen and (min-width: 481px) and (max-width: 620px) {
    .headerRight { width: 100% }
    #logo { margin: 0 auto 1.0em auto; float: none; display: table }
    .headerTel { display: none }
    .headerLang > ul:before { content: ""; }
    .boxLogin { width: 55%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerFavorite { width: 10% }
    .headerBasket { width: 35%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerBasket a.headerBasketBtn { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #pageWrapI .boxNewsR { width: 100%; margin: 0 0 0 0; padding: 0 10px 0 10px }
    #pageWrapI .boxNewsL { width: 100%; margin: 0 0 10px 0 }
    .fSaarchSpan { display: none }

    .boxRightIn { float: left; width: 100%; margin: 0 0 0 0 }

    .rightBanner { display: block; width: 100%; float: none }
    .pldBox2 { width: 60% }
    .fliresItems { margin: 0 0 5px 0; width: 100% }
    .btnFilter2 { width: 60% }


    .boxPl2 .plWrap .plWrapL { padding: 10px 10px 0 10px; float: left; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapCL { padding: 0 10px 10px 10px; float: left; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapCC { display: block; float: left; width: 39%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapCR { display: block; float: left; width: 12%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapR { display: block; float: right; width: 330px; margin: 10px 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapR .plWrapRIn { float: right;}
    .boxPl2 .plWrap .plWrapR .plWrapRIn > div, .boxPl2 .plWrap .plWrapR .plWrapRIn > a { float: left }
    .boxPl2 .plWrap .plWrapCC, .boxPl2 .plWrap .plWrapR { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 10px 10px }
    .plWrapCR .quantityPricesList { left: -130px; bottom: 15px; width: 350px }

    #hpBannerL { display: none }
    .hpBannerImg { display: table; margin: 0 auto; width: 95%; text-align: center }
    #ajaxEditVehicle { width: 90% }

    .cLeft { float: left; width: 100%; margin: 0 0 10px 0 }
    .cRight { float: left; width: 100% }

    .pdfCatalogueItem { width: 48%; margin: 0 4% 4% 0; text-align: center }
    .pdfCatalogueItem:nth-child(4n+1) { margin: 0 4% 4% 0 }
    .pdfCatalogueItem:nth-child(3n+1) { margin: 0 4% 4% 0 }
    .pdfCatalogueItem:nth-child(2n+1) { margin: 0 0 4% 0 }

    .tableDoprava tr td { width: 30% }
    .tableDoprava tr td:nth-child(2n) { width: 70% }
    #boxLeft #boxMain .tableDoprava tr td img { max-width: 130px }

    .plWrapCR .quantityPricesList:before { position: absolute; right: 10em; bottom: -6px; content: "\f0d8"; color: #8f8f8f; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 1.2em; }
}

@media screen and (max-width: 670px) {

    #boxTeam > div { width: 47%; margin: 0 6% 5% 0; }
    #boxTeam > div:nth-child(3n) { margin: 0 6% 5% 0 }
    #boxTeam > div:nth-child(2n) { margin: 0 0 5% 0 }

    #exportOptionsLeft { float: left; width: 100%; margin: 0 0 20px 0 }
    #exportOptionsRight { float: left; width: 100%; margin: 0 0 0 0 }
    #checkboxCategoryTree { width: 100% }

    .headerFavorite .headerBasketBox { right: -90px; width: 400px }
    .itemActions { min-width: 60px; }
}

@media screen and (min-width: 481px) and (max-width: 550px) {
    .blogWrap { width: 100%; margin: 0 auto 3% auto; max-width: 400px; display: table; float: none }
    .blogWrap:nth-child(2n) { margin: 0 auto 3% auto; }
    /*.boxPldPl .plWrap, .boxPl .plWrap { width: 100%; margin: 0 0 2% 0 }*/

    .pldNav > ul > li { margin: 0 2% 1% 0; width: 49% }
    .pldNav > ul > li:nth-child(3n) { margin: 0 2% 1% 0 }
    .pldNav > ul > li:nth-child(2n) { margin: 0 0 1% 0 }
    .pldNav > ul > li > span { padding: 0 0.5em; text-align: center }

    /* .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(2n) {margin:0 0 2% 0}*/

    .boxTeamAmb a { width: 48%; margin: 0 4% 4% 0; }
    .boxTeamAmb a:nth-child(3n) { margin: 0 4% 4% 0 }
    .boxTeamAmb a:nth-child(2n) { margin: 0 0 4% 0 }


    .boxPldPl .plWrap .plWrapFav, .boxPl .plWrap .plWrapFav { width: 100.5%; }
    .headerFavorite .headerBasketBox { right: -110px }
    .eventCalendarWrap .eventCalendarDate { font-size: 0.8em; padding: 2px 10px 0 0; }
    .eventCalendarWrap .timeFrom, .eventCalendarWrap .timeTo { /*width: 46px;*/ }
    .eventCalendarCategory { padding: 0 8px 0 30px; font-size: 0.7em; /*min-width: 65px*/ }
}

@media screen and (max-width: 480px) {
    #heurekaTableft { display: none !important }
    .boxPldPl .plWrap .plWrapFav, .boxPl .plWrap .plWrapFav { width: 100.5%; }
    
    #boxViewer { display: none; }
    /*#region layout */
    #header, #bcHeader, #footer, #headerTop, #hpBanner, #benefits, .slider, #footerT, #footerB, #footerLogos, #blogPldPl, #blogPldPl2, .linksWrap, #menuFooter { width: 100%; }
    #footer { width: 100%; padding: 10px; background: none }
    #footerB, #blogPldPl, #blogPldPl2 { padding: 10px 10px }
    #bcFooter { padding: 10px 0 }
    .plWrapFooter {padding: 0 25px 10px;}
    #menuFooter { padding: 0 10px }
    .pageWrap2Color #bcFooter { padding: 10px 0 0 0 !important }
    #boxMainPld { padding: 0 10px; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #productsPath { padding: 0 10px 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    #boxMainPl, .boxPlCat, .filterVariant, #pagerCounter, .boxPl, .contentPager, .boxAmb { padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    /*#endregion layout */

    /*.logoRedbull { top: 220px; }*/

    /* #region top menu*/
    .menuBtn { display: block; float: left }
    /* #endregion top menu*/


    /*#region headerTopNav */
    #headerTopNav { margin: 0 10px 0 0 }
    #headerTopNavIn { margin: 0; width: 100%; z-index: 100; position: absolute; top: 38px; left: 0; background: #000; border: 1px solid #808080; display: none }
    #headerTopNavIn > ul { width: 100%; background: none; margin: 0; padding: 0 }
    #headerTopNavIn > ul > li { display: block; padding: 0; background: none; width: 100%; border-right: none }
    #headerTopNavIn > ul > li > a { display: block; padding: 10px 10% 10px 50px; margin: 0; font-size: 1.2em; border-bottom: 1px solid #3e3e3e }
    #headerTopNavIn > ul > li.hTN0 > a { background: url(images/hTN0.png) no-repeat 15px center; padding: 10px 10% 10px 50px }
    /*#endregion */

    .divSelect { width: 100% }

    .hMSImg { width: 18% }


    .divizeBtn { display: block }
    .searchBtn { display: block }

    /*#region search */
    #search { position: absolute; top: 0; left: 0; border: 1px solid #b3b3b3; z-index: 1001; display: none; width: 100% }
    /*#endregion */

    .headerTel { display: none }
    .headerLang > ul:before { content: ""; }

    #logo { margin: 0 auto 1.0em auto; float: none; display: table }
    .headerRight { margin: 0 0 1.3em 0; width: 100% }
    #header { padding: 1.0em 0 0 0 }
    .boxLogin { width: 60%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerFavorite { width: 7% }
    .headerBasket { width: 33%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerBasket a.headerBasketBtn { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerBasketBox { width: 420px }
    .headerFavorite .headerBasketBox { right: -460%; width: 1340%; }
    .boxLoginTitle { display: none }

    #hpBannerL { display: none }
    .hpBannerImg { display: table; margin: 0 auto; width: 96%; text-align: center; padding: 20px; }
    #hpBannerR { width: 100%; display: block; }
    #hpBannerNav > ul > li { float: left; margin: 0 1% 0 1%; width: 31% }
    .hpBannerTitle { margin: 0.8em 0 }
    #hpBannerL img { position: relative; }
    #benefitsL { width: 45%; display: block; float: left; margin: 0 4% 2% 4%; padding: 25px 0 0 0 }
    #benefitsC { width: 47%; display: block; float: left; margin: 0 0 2% 0; }
    #benefitsR { width: 94%; display: block; margin: 0 3%; border-top: 1px solid #b3b3b3; float: left; padding: 15px 0 0 0 }
    #ben01, #ben02, #ben03, #ben04 { width: 100%; margin: 0 0 10px 0 }
    #benefits { padding: 10px 0 }

    #pageWrapI .boxNewsR { width: 100%; margin: 0 0 0 0; padding: 0 10px 0 10px }
    #pageWrapI .boxNewsL { width: 100%; margin: 0 0 10px 0 }
    #pageWrapI .boxNewsL .newsWrap .newsWrapL { display: none }
    #pageWrapI .boxNewsL .newsWrap .newsWrapR { width: 100%; min-height: 282px; padding: 12px 10px; }

    #footerBoxT { width: 100%; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .fSaarchSpan { display: none }
    .fSearchInput { width: 100% }
    .fSearchBtn { width: 100% }
    .footerSearchInput { width: 60% }
    .footerSearch .fieldButton { width: 40% }

    .footerSearch { width: 100%; }
    #footerLogos img { margin: 0 10px 5px 10px }

    #footerL { width: 100% }
    #footerR { width: 100%; padding: 15px 0 }
    #footerR ul li { float: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #footerR ul li.fDivize0 { width: 100% }
    #footerR ul li.fDivize1 { margin: 0 2% 0 0 }
    #footerR ul li span { display: block }
    #footerR ul li br { display: none }
    #menuFooter { border-bottom: 1px solid #2e2e2e; padding: 0 10px }
    .menuFLine { display: none }
    #footerLogos img { margin: 0 10px 5px 10px }

    #footerLL { width: 100%; margin: 0 0 20px 0; min-height: auto }
    #footerLC { width: 48%; margin: 0 4% 20px 0; min-height: auto; }
    #footerLR { width: 48%; min-height: auto; margin: 0 0 20px 0 }
    .footerTitle { margin: 0 0 5px 0 }

    #containerFooter { text-align: center }
    #footerLL, #footerLC, #footerLR { padding: 0 }
    #footerR ul li { padding: 0 0 20px 0; }
    #footerR ul li.fDivize0, #footerR ul li.fDivize1, #footerR ul li.fDivize2 { background: none }
    .footerLTop { margin: 0 0 20px 0 }

    .pageWrapL, .pageWrapR, #page { display: none }
    #boxLeft { width: 100%; margin: 0 0 10px 0; padding: 0 }
    #boxLeft.blog-detail {width:100%;}
    #boxLeft.blog-detail #boxBlogPld {width:95%;}
    .pageWrap2Color #boxLeft { padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% }
    #boxLeft #boxMain img { margin: 0 0 10px 0 }
    #boxRight { width: 100%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #boxLeft { padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #pageWrap #boxRight { background: #E8EAEB; }
    #pageWrap.pageWrap2Color #boxRight { background: #fff; }
    .pageWrap2Color #boxRight { padding: 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #E8EAEB }

    .pageWrapBlog #boxLeft { width: 100%; padding: 0 }
    .pageWrapBlog #boxRight { width: 100%; padding: 0 }
    .pageWrapBlog .boxRightIn { width: 100% }
    .rightMenu ul { margin: 0 }

    .pageWrapBlogL { display: none }
    .pageWrapBlogR { display: none }
    .pageWrapBlog #bcBackground { background: #E8EAEB }

    .blogWrap { width: 100%; margin: 0 auto 3% auto; max-width: 400px; display: table; float: none }
    .blogWrap:nth-child(2n) { margin: 0 auto 3% auto; }
    .pagerTitle { float: none; margin: 0 0 10px 0; text-align: center; }
    .pager { float: none; display: table; margin: 0 auto }

    #boxBlogPld, #blogPldPl2 { width: 100% }
    .rightBanner { display: block; width: 100%; float: none }


    #boxMainPlL { width: 100%; margin: 0 0 15px 0; padding: 0 0 0 0; border: none; border-bottom: 1px solid #a9abab; }
    #boxMainPlR { width: 100%; }

    .boxPlCat > ul > li { width: 100%; margin: 0 0 0.5% 0 }
    .boxPlCat > ul > li:nth-child(4n), .boxPlCat > ul > li:nth-child(3n), .boxPlCat > ul > li:nth-child(2n) { margin: 0 0 0.5% 0 }
    .boxPlCat > ul > li { padding: 0px 10px }
    .boxPlCat > ul > li > a > span { width: 20% }
    .boxPlCat > ul > li > a > strong { width: 70% }
    .boxPlCat > ul > li > a > i { width: 10% }

    .filterPrice { display: none }
    .btnFilter { width: 45%; margin: 0 3% 0 0 }
    .filterDisplay { display:none; }
    .filterDisplay span { margin: 0 0 0 10px; }

    .boxShift > ul > li { margin: 0 2% 10px 0; width: 49%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxShift > ul > li:nth-child(2n) { margin: 0 0 10px 0 }
    .boxShift > ul > li > a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    .pagerRight, .pagerTopBtn, .filterViewVariant { display: table; float: none }
    .pagerRight, .filterViewVariant { margin: 0 auto 0 auto; }
    .pagerTopBtn { margin: 0 auto 10px auto; }

    #boxMainPldL { width: 100%; margin: 0 0 30px 0 }
    #boxMainPldR { width: 100%; margin: 0 0 20px 0 }
    .pldBox2 { width: 100% }
    #boxMainPl a {padding: 5px 0 5px 0px;}
    .OnlyMobile {display:block;}

    .pldNav > ul > li {
        margin: 0 2% 1% 0;
        width: 49%
    }
    .pldNav > ul > li:nth-child(3n) { margin: 0 2% 1% 0 }
    .pldNav > ul > li:nth-child(2n) { margin: 0 0 1% 0 }
    .pldNav > ul > li > span { padding: 0 0.5em; text-align: center }

    .boxPlFWrapL { width: 50%; }
    .boxPlFWrapR { width: 50%; }
    .btnFilter2 { width: 100% }
    .fliresItems { margin: 0 0 5px 0 }

    .boxPl2 .plWrap .plWrapR .plWrapRIn {margin:0;}
    .boxPl2 .plWrap .plWrapL { padding: 10px 10px 0 10px; float: left; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapCL { padding: 0 10px 10px 10px; float: left; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapCC { padding: 0 10px 10px 10px; display: block; float: left; width: 70%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapCR { /*padding: 0 10px 10px 10px;*/ display: block; float: right; /*width: 30%;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxPl2 .plWrap .plWrapR { display: block; float: right; width: 100%; margin: 5px 0 0 0; }
    .boxPl2 .plWrap .plWrapCC, .boxPl2 .plWrap .plWrapR { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 10px 10px }



    .pageWrapBlog #boxLeft, .pageWrapAmb #boxLeft, .pageWrapMap #boxLeft { width: 100%; padding: 0 10px 0 10px }
    .pageWrapBlog #boxRight, .pageWrapAmb #boxRight, .pageWrapMap #boxRight { width: 100%; padding: 0 10px; margin: 0 0 10px 0 }
    .pageWrapBlog .boxRightIn, .pageWrapAmb .boxAmbIn { width: 100% }

    .rightMenu ul { margin: 0 }

    .pageWrapBlogL, .pageWrapAmbL { display: none }
    .pageWrapBlogR, .pageWrapAmbR { display: none }
    .pageWrapBlog #bcBackground { background: #E8EAEB }
    .pageWrapAmb #bcBackground { background: #fff }

    /*.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(2n) {margin:0 0 2% 0}*/



    #boxLeft #boxMain img.obtokVlevo, #boxLeft #boxMain img.obtokVpravo, #boxRight #boxMain img.obtokVlevo, #boxRight #boxMain img.obtokVpravo { max-width: 100%; width: 100% }

    .popupGallery a { float: left; display: block; width: 49%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 2% 2% 0 }
    .popupGallery a:nth-child(3n) { margin: 0 2% 2% 0 }
    .popupGallery a:nth-child(2n) { margin: 0 0 2% 0 }

    .pageWrapBlog #boxLeft { padding: 10px }
    .pageWrapBlog #boxRight { background: #fff; padding: 10px 10px 0 10px; margin: 0 0 2px 0 }
    .pageWrapBlog #productsPath, .pageWrapMap #productsPath, .pageWrap #productsPath { padding: 0 10px }

    #boxTeam > div { width: 49%; margin: 0 2% 2% 0; }
    #boxTeam > div:nth-child(3n) { margin: 0 2% 2% 0 }
    #boxTeam > div:nth-child(2n) { margin: 0 0 2% 0 }

    .boxTeamAmb a { width: 48%; margin: 0 4% 4% 0; }
    .boxTeamAmb a:nth-child(3n) { margin: 0 4% 4% 0 }
    .boxTeamAmb a:nth-child(2n) { margin: 0 0 4% 0 }

    #ajaxEditVehicle { width: 90% }

    .itemActions { width: 100%; min-width: 60px; }

    /*.boxPlFiltersBoxC, .filterDisplay { width: auto; margin: 0 auto 10px auto; display: table; float: none }*/

    .pldNBox .blogWrap { width: 100%; margin: 0 0 10px 0; }
    .pldNBox .blogWrap:nth-child(3n) { margin: 0 0 10px 0 }
    .pldNBox .blogWrap:nth-child(2n) { margin: 0 0 10px 0 }

    .cLeft { float: left; width: 100%; margin: 0 0 10px 0 }
    .cRight { float: left; width: 100% }
    .pldDost { float: none; display: block; width: 100%; text-align: right }
    .pldDost strong, .pldDost span { float: none; display: inline }
    .blogImg { min-height: 26px }
    .favouriteImage { width: 40% }

    .pdfCatalogueItem { width: 48%; margin: 0 4% 4% 0; text-align: center }
    .pdfCatalogueItem:nth-child(4n+1) { margin: 0 4% 4% 0 }
    .pdfCatalogueItem:nth-child(3n+1) { margin: 0 4% 4% 0 }
    .pdfCatalogueItem:nth-child(2n+1) { margin: 0 0 4% 0 }
    .pdfCatalogueItem a h2 { font-size: 1.3em }

    #mainContent { padding: 0 10px }

    #boxMainPld h1 { font-size: 1.5em;margin: 35px 0 25px 0; }
    h1 { font-size: 1.6em; margin: 0 0 0.6em 0 }
    #boxMainPl .title {flex-direction:column;padding:0;text-align:center;}

    .pldNBox {
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*.pldNBox table tr { display: block; float: left; width: 100% }*/
    /*.pldNBox table tr th { display: none }*/
    /*.pldNBox table tr td { display: block; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px; background: #fff }*/
    .pldNBox table tr:nth-child(2n+1) td { padding: 5px 10px; background: #E3E1E1 }


    .svgMapUrls a { height: 40px; padding: 10px }
    .svgMapUrls a span { height: 20px }

    .pageWrapMap #boxRight #anchor { position: absolute; top: -10px; }

    .footerSearch .editButton { width: 40% }

    #productsPath .pPH1 ul li .arrow .arrowIn { left: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #productsPath .pPH1 ul li .arrow { position: initial }
    #productsPath .pPH1 ul li { position: initial }

    .boxLogin a.bLoginLog span { display: block; float: right }


    .boxNoMobile { display: none }

    #resetPasswordRequestForm .formField { width: 100% }
    #resetPasswordRequestForm .formButtonBig { width: 100% }
    #resetPasswordRequestForm .formButtonBig a { float: left }

    .tableDoprava tr td { width: 35% }
    .tableDoprava tr td:nth-child(2n) { width: 65% }
    #boxLeft #boxMain .tableDoprava tr td img { max-width: 130px }
    .tabBoxIn { padding: 15px 15px 5px; }

    .eventCalendarWrap { width: 100%; margin: 0 0 10px 0; }
    .eventCalendarWrap:nth-child(3n) { margin: 0 0 10px 0; }
    .eventCalendar { padding: 0 10px; }

    .tagFreeship span {margin: 0 0 5px;padding: 5px 5px; /*font-size: 12px*/;}
    .tagAkce span {margin: 0 0 5px;padding: 5px 3px; font-size: 12px;}
    .tagNew span {margin: 0 0 5px;padding: 5px 3px; font-size: 12px;}
    .tagWarranty span {margin: 0 0 5px;padding: 5px 10px; /*font-size: 12px*/;}
    .contentPager .next-products {margin-bottom: 15px;}
    .pager > li.prev > a {display: none;}
    .pager > li.next > a {display:none;}
}

@media screen and (max-width: 450px) {
    /*.pldFooterL { width: 100%; margin: 0 0 5px 0 }
    .pldFooterC { margin: 0; width: 40%; margin: 0 2% 0 0 }
    .pldFooterR { width: 58%; margin: 0 0 5px 0; text-align: right }*/
    .pldTel { text-align: center }
    .pldTel span { display: block }
    .pldTel span.hidden550 { display: none }
    .ambTitleL { width: 25% }
    .ambTitleR { width: 75% }

    #boxTeam > div { width: 100%; margin: 0 0 10px 0; }
    #boxTeam > div:nth-child(3n) { margin: 0 0 10px 0 }
    #boxTeam > div:nth-child(2n) { margin: 0 0 10px 0 }

    .pldNBox { padding: 20px 15px 10px 15px; }
    .headerLangTitle { display: none }
}

@media screen and (max-width: 420px) {
    .boxLogin a.bLoginReg { display: none }
    .boxLogin a.bLoginLog span { display: block; font-size: 14px; line-height: 0; margin: 0 0 0 25px;float:none; }

    .boxLogin a.bLoginLog { width: 100px; height: 28px; display: block }

    .boxLogin a.bLoginLog:before { font-size: 20px !important; line-height: 0.9em }
    .boxLogin a.bLoginLog:hover:before { color: #a0d21e }

    .boxLogin a.bLoginLog::before { content: "\f007"; color: #a0d21e }

    .boxLogin { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerFavorite { display: none }
    .headerBasket { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .boxLogin a.bLoginEnd { position: absolute; top: 9px; right: -5px; line-height: 0; font-size: 0 }
    .boxLogin a.bLoginEnd:before { line-height: 16px !important; font-size: 16px !important; content: "\f00d"; color: #d52626 }
    .boxLogin a.bLoginEnd:hover:before { color: #fa1818 }

    .boxLoginTitle { display: none }
    .headerLangTitle { display: none }
    .headerLang { margin: 0 }
    .headerBasketBox { width: 200%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .headerBasketBox table tr td.bTd1 img { display: none; }
    .headerBasketBox table tr td.bTd1 { padding: 0; width: 0 }
    .bBtnL, .bBtnR { padding: 0 15px; width: auto }

    #logo { margin: 0 auto 1.0em auto; width: 114px; height: 22px; background: url(images/logo420.png) no-repeat left top; }

    #header { padding: 1.0em 0 0 0 }

    #hpBannerL { display: none }
    #hpBannerNav > ul > li { width: 100%; margin: 0 0 5px 0 }
    #hpBannerNav > ul > li > a > span.hpBNavImg { display: none }
    .hpBannerTitle { margin: 0 0 0.2em 0 }
    #benefitsL { width: 90%; margin: 0 5% 2% 5%; display: block; text-align: center; padding: 0 }
    #benefitsC { width: 90%; margin: 0 5% 2% 5%; display: block; text-align: center; }
    #hpBannerNav > ul > li > a > strong > span { height: auto; line-height: 1.2em; padding: 12px 0 }
    #hpBannerNav > ul > li > a > strong { height: auto }
    #benefits { padding: 10px 0 }

    #pageWrapI .boxNewsR .newsWrap .newsWrapL { display: none }
    #pageWrapI .boxNewsR .newsWrap .newsWrapR { width: 100% }

    #footerLL { width: 100%; margin: 0 0 20px 0; min-height: auto; }
    #footerLC { width: 100%; margin: 0 0 20px 0; min-height: auto; }
    #footerLR { width: 100%; margin: 0 0 20px 0; min-height: auto; }

    #footerLL, #footerLC, #footerLR { padding: 0 }
    #footerR ul li { padding: 0 0 20px 0; }
    #footerR ul li.fDivize0, #footerR ul li.fDivize1, #footerR ul li.fDivize2 { background: none }

    .boxPlFWrap { display: none }
    .btnFilter { display: none }
    .filterDisplay { padding: 0 }

    .ambGal span { float: left; width: 49.0%; margin: 0 2% 2% 0; display: block }
    .ambGal span:nth-child(3n) { margin: 0 2% 2% 0; }
    .ambGal span:nth-child(2n) { margin: 0 0 2% 0; }

    .boxTeamAmb a { width: 49%; margin: 0 2% 10px 0; }
    .boxTeamAmb a:nth-child(3n) { margin: 0 2% 10px 0 }
    .boxTeamAmb a:nth-child(2n) { margin: 0 0 10px 0 }

    .svgMapCurrent { font-size: 1.1em; }

    .boxLogin a.bLoginReg span .boxLogin a.bLoginLog span { display: none }
    .boxLogin a.bLoginReg:before, .boxLogin a.bLoginLog:before { font-size: 20px; height: 20px; top: 10px; position: relative }
    .boxLogin a.bLoginReg, .boxLogin a.bLoginLog { line-height: 1.2em; height: 20px; float: left; position: relative; padding: 0 }
    .svgMapUrls a { width: 100%; margin: 0 0 1% 0 }
    .main-example { width: 280px }
    .countdownRight .main-example { width: 280px }
    .hpBannerImg { width: 100%; padding: 20px 5px }
    .hpBannerImgBox { padding: 0 5px }
    #hpBannerNav, .hpBannerTitle { display: none }

    .boxPlCat > ul > li > a > span > img { max-width: 40px }
}

@media screen and (max-width: 400px) {
    .pldNav > ul > li { margin: 0 0 10px 0; width: 100% }
    .pldNav > ul > li:nth-child(3n) { margin: 0 0 10px 0 }
    .pldNav > ul > li:nth-child(2n) { margin: 0 0 10px 0 }

    /*.boxAmb a {display:block; float:left; width:100%; margin:0 0 2% 0; text-align:center; position:relative; text-decoration:none; color:#fff}
    .boxAmb a:nth-child(4n) {margin:0 0 2% 0}
    .boxAmb a:nth-child(2n) {margin:0 0 2% 0}*/
    .ambTitleL { width: 30% }
    .ambTitleR { width: 70% }

    .steoresWrapL, .steoresWrapR { width: 100%; margin: 0 0 5px 0; display: block }
    .btnStores { float: left }
    .itemStores { float: none; margin: 0 0 10px 0 }

    /*.thumbnails {display:none}*/

    .pdfCatalogueItem { width: 100%; margin: 0 0 4% 0; text-align: center }
    .pdfCatalogueItem:nth-child(4n+1) { margin: 0 0 4% 0 }
    .pdfCatalogueItem:nth-child(3n+1) { margin: 0 0 4% 0 }
    .pdfCatalogueItem:nth-child(2n+1) { margin: 0 0 4% 0 }

    .plWrapCR .quantityPricesList { width: 230px; }
}

@media screen and (max-width: 340px) {
    .boxTeamAmb a { width: 100%; margin: 0 0 10px 0; }
    .boxTeamAmb a:nth-child(3n) { margin: 0 0 10px 0 }
    .boxTeamAmb a:nth-child(2n) { margin: 0 0 10px 0 }

    .tableDoprava tr td { display: none }
    .tableDoprava tr td:nth-child(2n) { width: 100%; display: block }
    .tableDoprava tr td img { max-width: 130px }
}

@media screen and (max-width: 320px) {
    .ambTitleL { width: 32% }
    .ambTitleR { width: 68% }

    .popupGallery a { float: left; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 2% 0 }
    .popupGallery a:nth-child(3n) { margin: 0 0 2% 0 }
    .popupGallery a:nth-child(2n) { margin: 0 0 2% 0 }
}


@media (min-width: 991px) {
    .footerPayment { display:flex; width: 100%; margin: 15px 0; }
    .footerPayment img { margin: 0 10px 5px 0;max-height:25px; }
    .footerPayment .payu {max-height: 31px; margin: -7px 10px 5px 0;}
    .footerPayment .visa {max-height: 20px;}
    .footerPayment .mastercard {max-height: 31px; margin: -6px 10px 5px 0;}
    .footerPayment .gopay {margin:-3px 10px 5px 0;max-height:25px;}
}

@media (max-width: 991px) {
    .footerPayment { text-align: center; margin: 15px 0; display: flex; justify-content: center; flex-wrap:wrap;}
    .footerPayment img { margin: 0 10px 10px 0;max-height:25px; }
    .footerPayment .payu {max-height: 31px; margin: -7px 10px 5px 0;}
    .footerPayment .visa {max-height: 20px;}
    .footerPayment .mastercard {max-height: 31px; margin: -6px 10px 5px 0;}
    .footerPayment .gopay {margin:-3px 10px 5px 0;max-height:25px;}
}

/* ZÁRUKA ŠTÍTEK 9.SRPNA 2016 - PETR */

.zarukaTag { position: absolute; width: 100%; max-width: 125px; bottom: 0; /*right: 0;*/ display: table; left: calc(100% - 124px) }
.zarukaTagUpperPosition { bottom: 120px }
.zarukaTag .zarukaTagImg { position: absolute; width: 100%; top: 0; left: 0; z-index: 100 }
.zarukaTag .zarukaText { width: 100%; color: #454101; font-weight: bold; font-size: 1.7em; display: table-cell; vertical-align: middle; height: 124px; line-height: 0.7em; z-index: 100; position: relative; }
.zarukaTag .zarukaText strong { font-size: 1.3em }
.zarukaTag .zarukaText span { color: #cb0000; font-size: 0.8em }

.zarukaTaglist { position: absolute; width: 100%; max-width: 60px; bottom: 10px; /*right: 10px;*/ display: table; left: calc(100% - 70px) }
.zarukaTaglist .zarukaTagImg { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; }
.zarukaTaglist .zarukaTagImg img { max-width: 100%; width: 100% }
.side-box-product-img-wrap .zarukaTagImg img { padding: 0; }

.zarukaTaglist .zarukaText { width: 100%; color: #454101; font-weight: bold; font-size: 0.8em; display: table-cell; vertical-align: middle; height: 60px; line-height: 0.7em; z-index: 100; position: relative; text-align: center; }
.zarukaTaglist .zarukaText strong { font-size: 1.1em }
.zarukaTaglist .zarukaText span { color: #cb0000; font-size: 0.8em }

.zarukaLi { padding: 0 0 8px 12px; }
.zarukaLi span { text-align: left; }
.zarukaSmallTag { background: url(/templates/css/images/zaruka.png) no-repeat center center; background-size: cover; width: 20px !important; font-size: 0.8em; height: 20px; line-height: 18px; text-align: center !important; margin: 0 4px 0 0; float: none !important; display: inline-block !important; font-weight: bold; top: -1px; position: relative; }

.countdown { text-align: center !important; display: inline-block; width: 100%; font-size: 1.2em; font-weight: bold; color: #d20000 }

/* END ZÁRUKA ŠTÍTEK 9.SRPNA 2016 - PETR */

.cartListEmpty { text-align: center; padding: 40px 0; color: #555; font-size: 1.3em; background: url(images/cartEmpty.png) no-repeat 800px center }

@media (max-width: 1200px) {
    .cartListEmpty { background: url(images/cartEmpty.png) no-repeat right center }
}

@media (max-width: 940px) {
    .cartListEmpty { text-align: center; background: none }
}

@media (max-width: 840px) {
    .cartListEmpty { font-size: 1.0em; }
}

.cartEmptyText { font-size: 1.2em; margin: 0 0 40px 0 }
.cartEmptyText strong { font-size: 2.0em; }

.cartEmptyButton { margin: 0 0 40px 0 }
.cartEmptyButton a { text-decoration: none; display: inline-block; padding: 10px 40px; background: #012472; color: #fff; }
.cartEmptyButton a:hover { background: #023195; color: #fff; }

.cartEmptyButton2 { margin: 0 0 15px 0 }
.cartEmptyButton2 a { text-decoration: none; display: inline-block; padding: 10px 40px; background: #2D2D2D; color: #fff; }
.cartEmptyButton2 a:hover { background: #494949; color: #fff; }

.cartEmptyText2 { font-size: 1.2em; margin: 130px 0 15px 0 }

/*#region infoPanel */
#infoPanel { width: 100%; padding: 0 10px; text-align: center; font-size: 1.2em; color: #0F0F0F; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.infoPanelHidden { display: none; }
.infoPanelShown { position: fixed; z-index: 500; top: 25%; left: 0; }
.infoPanelIn { margin: 0 auto; display: table; max-width: 500px; background: #fff; border: 3px solid #FFC926; padding: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.infoBtnClose { background: url(images/infoPanelClose.png) no-repeat right top; width: 16px; height: 16px; display: block; font-size: 0; line-height: 0; position: absolute; right: 10px; top: 10px; }
.infoBtnClose:hover { cursor: pointer; }
#infoPanel p { margin: 0 0 10px 0; }
#infoPanel p a { color: #0F0F0F; }
/*#endregion */


.subpage-newsletter { margin: 40px 0; }
.subpage-newsletter .fSearchInput { border: 1px solid #ccc; border-right: none; }
.subpage-newsletter .fSaarchSpan { display: none; }

@media (max-width: 1199px) {
    .boxPldPl .plWrap, .boxPl .plWrap {
        width: calc(50% - 20px);
    }
    .blog-related__wrap {
        width: calc(50% - 20px);
    }
    /*.filterViewVariant {display:none;}*/
}
@media (max-width: 767px) {
    .boxPldPl .plWrap, .boxPl .plWrap {
        width: calc(100% - 20px);
        padding: 20px 0 35px 0
    }
    .boxPldPl {
        display: block;
    }
    .blog-related__wrap {
        width: calc(100% - 20px);
        display:block;
    }
    .blog-related {
        margin:0;width:100%;
    }
}
@media screen and (max-width: 550px) {
    .boxPldPl .plWrap {
        width: 100%;margin:0;
    }
    .boxPl .plWrap {
        width:100%;
    }
    .rightAutorL img {
        max-width: 110px !important;
    }
    .rAutorTitle a {font-size:20px;}
    .rAutorTitle span {font-size:14px;}
    .rightAutorText {font-size:14px;}

}
@media (max-width: 549px) {
    #boxMainPld {
        padding:0;
    }
    /*#footerB, #bcFooter, #blogPldPl2, #blogPldPl {
        padding:0;
    }*/
    .blogPldPlTitle {
        padding: 25px 0 40px 0;
    }
}
.boxMainPld

.ambLinks {
    margin: 0 0 10px 0
}
@media (max-width: 480px) {
    .boxPlFiltersBoxC {
        border: none;
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 777px) {
    .filterViewVariant {
        display: none !important;
    }
}


#cookieTextPanel {
    border-top: 1px solid #2e2e2e;
    width: 100%;
    background: #000;
    z-index: 100;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 30px 10px 10px 10px;
}

#cookieTextPanel a {
    color: inherit;
}

@media (min-width: 570px) {
    .action-header-panel {
        position: fixed;
        bottom: 35px;
        right: 35px;
        max-width: 420px;
        box-shadow: 0 0 25px rgba(0,0,0,0.6);
    }
}

.action-header-panel {
    background: #002472;
    z-index: 500;
    width: 100%;
}
    .action-header-panel__close {
        position: absolute;
        top: 25px;
        right: 20px;
        z-index: 10;
        outline: none !important;
        cursor: pointer;
        background: transparent;
        border: none;
    }
        .action-header-panel__close span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: #fff;
            font-size: 34px;
        }

    .action-header-panel__content {
        position: relative;   
        padding: 25px;
        text-align: center;
        color: #fff;
    }
        .action-header-panel__content a {
            color: inherit;                
        }

        .action-header-panel__title {
            font-size: 20px;
            line-height: 1.1;
            font-weight: 600;
            margin: 0 0 15px 0;
            padding: 0;
        }

        .action-header-panel__text {
            font-size: 15px;
            text-align: justify;
            line-height: 1.3;
            font-weight: normal;
            margin: 0;
            padding: 0;
        }

        .action-header-panel__btn {
            margin: 20px 0 0 0;
            display: inline-block;
            padding: 7px 15px;
            background: #fff;
            color: #002472 !important;
            font-size: 15px;
            text-decoration: none;
            transition: 0.3s;
            cursor: pointer;
            font-weight: 600;
        }

            .action-header-panel__btn:hover {
                background: #94c11e;
                color: #fff !important;
            }