@charset "utf-8";
@import url("../fonts/museo-sans-cyrl.css");
@import url("../fonts/font-awesome.css");
/*
	font-family: 'MuseoSansCyrl', serif;
*/

*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }


img { border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }
video { width: 100%; }

html, body { font-family: 'MuseoSansCyrl', serif; font-weight: 300; height: 100%; }
html { overflow-y: scroll; }


:focus { outline: none; }
a[href^=tel] { color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5 { font-weight: 700; }
fieldset { border: none; }
iframe { max-width: 100%; }


select { border-radius: 0; }
textarea,input[type="text"],input[type="submit"] { font-family: 'MuseoSansCyrl', serif; -webkit-appearance: none; border-radius: 0; }
::-webkit-input-placeholder { color: #c3c3c3; } .parsley-error::-webkit-input-placeholder { color: red; }
:-moz-placeholder { color: #c3c3c3; opacity: 1; } .parsley-error:-moz-placeholder { color: red; opacity: 1; }
::-moz-placeholder { color: #c3c3c3; opacity: 1; } .parsley-error::-moz-placeholder { color: red; opacity: 1; }
:-ms-input-placeholder { color: #c3c3c3; } .parsley-error:-ms-input-placeholder { color: red; }


b, strong { font-weight: 700; }


hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #000000; }


a { color: inherit; text-decoration: none; }

.text-left, .ce-headline-left { text-align: left; }
.text-right, .ce-headline-right { text-align: right; }
.text-center, .ce-headline-center { text-align: center; }
.text-justify { text-align: justify; }


/* buttons */
.button, .buy_online { display: inline-block; margin-top: 10px; padding: 5px 40px; border-radius: 4px; text-transform: uppercase; font-weight: 700; }
.buy_online { margin-right: 30px; }
.button:hover {  }
.button:after, .buy_online:after { content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */


/* displays */
main, header, footer, nav, section, article { display: block; }


/* limiters */
.inner, .inner-1360, .productsliderIn, .newsDetail { max-width: 1360px; margin: 0 auto; }
.productslider .swiper-container, .inner-1180 { max-width: 1180px; margin: 0 auto; }


/* clearer */
.clear { line-height: 0; font-size: 0; height: 0; text-indent: -999px; clear: both; }
#footer:after, #header:after, #hTop:after, #hBottom:after, #searchbox:after, .tx-powermail form:after, #naviMainMobile > ul:nth-child(4):after, .product:after, .news > .news-container-paginated:after, .pFSearch form:after, .infoHead:after, #naviFooter > ul:after,
.row:after { clear: both; content: ''; display: table; }
.navi ul { list-style: none; }


/* effects */
#naviMain a, .mobicon span, .page-navigation > ul > li, .pharmacy, .pharmacy a, #content a, #naviMain > ul > li > ul, #naviLanguage > ul > li > ul,  #naviMainMobile a, #naviMainMobile a:after,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* font-sizes */
.size-18, .productDetail .content .button, .productDetail .content .buy_online { font-size: 18px; }
.size-20, html, body, h6, #naviMain > ul > li > ul > li > ul > li > a, #tx_indexedsearch input[type="text"], .tx-powermail .powermail_fieldwrap input, .tx-powermail .powermail_fieldwrap textarea { font-size: 20px; }
.size-23, #naviMain a { font-size: 19px; }
.size-24, h4, h5 { font-size: 24px; }
.size-30, span.big, h3 { font-size: 30px; }
.size-35, .pFSearch input[type="text"], .pFSearch input[type="submit"] { font-size: 35px; }
.size-40, h2 { font-size: 40px; }
.size-70, h1 { font-size: 50px; }


/* line-heights */
.line-height-24, footer p { line-height: 24px; }
.line-height-30, #content p, #content ul li, #content ol li { line-height: 30px; }
.line-height-46, span.big { line-height: 46px; }


/* colors */
.color.white, .button, .buy_online, footer, #naviMeta a, #naviLanguage a, .pFSearch input[type="submit"], .tx-powermail .powermail_fieldwrap input[type="submit"] { color: #FFF; }
.color.darkblue, html, body, .pFSearch input[type="text"] { color: #333F48; }
.color.blue, .layout-blue h2, .layout-blue h3, .blue h2, .blue h1 { color: #0076A8; }
.color.green, .toolbar .fb-share a, .layout-green h2, .layout-green h3, .green h2, .green h1 { color: #333F48; }
.color.lavender, .layout-lavender h2, .layout-lavender h3, .lavender h2, .lavender h1 { color: #7F6A7B; }
.color.berry, .layout-berry h2, .layout-berry h3, .berry h2, .berry h1 { color:rgb(156,37,64); }
.color.panton, .layout-panton h2, .layout-panton h3, .panton h2, .panton h1 { color:rgb(24,72,90); }


/* background-colors */
.background.white, .pharmacy.active, .pharmacy:hover, #naviMain > ul > li > ul { background-color: #FFF; }
.background.darkblue, .button, .layout-blue .productDetail .button, .layout-green .productDetail .button, .layout-lavender .productDetail .button, .product .button:last-child, #hTop, #fTop, #banner .swiper-pagi .swiper-pagination-bullet { background-color: #333F48; }
.background.green, #fBottom, #naviLanguage { background-color: #00BF6F; }
.background.turquoise, .productslider, .product, .productDetail .imageBox .ce-image { background-color: rgba(51, 63, 72, 0.05); }
.background.lavender, .layout-lavender .button { background-color: #7F6A7B; }
.background.berry, .layout-berry .button { background-color: rgb(156,37,64); }
.background.panton, .layout-panton .button { background-color: rgb(24,72,90); }
.background.blue, .layout-blue .button { background-color: #0076A8; }
.background.green, #naviLanguage > ul > li > ul, #naviSocial, .pFSearch input[type="submit"], .layout-green .button, .tx-powermail .powermail_fieldwrap input[type="submit"] { background-color: #343f47; }
.background.red, .buy_online { background-color: #FF002B; }
.background.grey, .page-navigation > ul > li.current, .page-navigation > ul > li:hover { background-color: #F0F0F0; }
.background.lightgrey, .pharmacy { background-color: #EDEDED; }
.background.orange .ce-image{background-image: url('/fileadmin/user_upload/white-blurred-background_1034-249.jpg');
					background-size: cover;
					background-repeat: no-repeat;	
					min-width: 600px;}


/* margins */
.margin-100, .space-after-100 { margin-bottom: 100px; }
.margin-85, .space-after-85 { margin-bottom: 85px; }
.margin-70, .space-after-70 { margin-bottom: 70px; }
.margin-50, .space-after-50 { margin-bottom: 50px; }
.margin-16, #content p, #content ul, #content ol, #content hr { margin-bottom: 30px; }

.background.turquoise { padding: 90px 0; }


/* header */
#header { position: relative; }
#naviMeta { float: right; }
#naviMeta > ul > li { float: left; position: relative; border-left: 1px solid #FFF; }
#naviMeta > ul > li#nav_24 > a { padding: 13px 70px 13px 25px; background-image: url(../img/shop_neg.svg); background-size: 24px 26px; background-position: center right 25px; background-repeat: no-repeat; }
#naviMeta > ul > li > a { display: block; padding: 13px 25px; }

/* naviLanguage */
#naviLanguage { float: right; min-width: 230px; }
#naviLanguage > ul > li { display: none; }
#naviLanguage > ul > li.active { position: relative; display: block; border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
#naviLanguage > ul > li.active > a { position: relative; display: block; padding: 13px 15px 13px 50px; font-weight: 900; }
#naviLanguage > ul > li.active > a > img { position: absolute; top: 15px; left: 13px; }
#naviLanguage > ul > li.active > a > span { display: inline-block; }
/* naviLanguage first level */
#naviLanguage > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; z-index: 50; }
#naviLanguage > ul > li:hover > ul { padding: 10px 0; opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviLanguage > ul > li > ul > li { position: relative; margin: 0 25px 5px 15px; }
#naviLanguage > ul > li > ul > li > a { white-space: nowrap; }
#naviLanguage > ul > li > ul > li > a > img { position: absolute; top: 2px; left: 0; }
#naviLanguage > ul > li > ul > li > a > span { padding-left: 45px; }

#hBottomLeft { float: left; }
#logo { margin: 50px 0; max-width: 318px; }
#logo .logo_link { display: block; line-height: 0; font-size: 0; }

#hBottomRight { float: right; }
#searchbox { margin-top: 20px; margin-bottom: 55px; }
#searchbox form { float: right; position: relative; }
#searchbox input[type="text"] { padding: 2px 15px 7px 25px; background: none; border: none; border-bottom: 1px solid #333F48; min-width: 225px; }
#searchbox input[type="submit"] { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; cursor: pointer; background: none; border: none; font-size: 0; background-image: url(../img/search.svg); background-repeat: no-repeat; }


/* naviMain */
#naviMain { position: relative; }
#naviMain > ul > li { display: inline-block; position: relative; margin-left: 30px; }
#naviMain > ul > li > a { display: block; text-transform: uppercase; padding-bottom: 17px; }
#naviMain > ul > li:hover > a { color: #00BF6F; }
#naviMain > ul > li.active > a { font-weight: 700; color: #00BF6F; }

/* naviMain first level */
#naviMain > ul > li > ul { border-radius: 4px; box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5); opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); z-index: 50; }
#naviMain > ul > li:hover > ul { padding: 20px 0 10px 0; opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li { position: relative; margin: 0 27px 25px 27px; }
#naviMain > ul > li > ul > li > a { display: inline-block; padding-bottom: 12px; white-space: nowrap; text-transform: uppercase; font-weight: 500; }
#naviMain > ul > li > ul > li:hover > a,
#naviMain > ul > li > ul > li.active > a { color: #00BF6F; }

/* naviMain second level */
#naviMain > ul > li > ul > li > ul > li { position: relative; margin-left: 10px; margin-bottom: 10px; }
#naviMain > ul > li > ul > li > ul > li > a { white-space: nowrap; }
#naviMain > ul > li > ul > li > ul > li:hover > a,
#naviMain > ul > li > ul > li > ul > li.active > a { color: #00BF6F; }


#naviSocial { position: absolute; top: 387px; right: 0; z-index: 10; width: 50px; padding: 10px 12px; }
#naviSocial > ul > li { display: block; position: relative; margin-bottom: 7px; }
#naviSocial > ul > li:last-child { margin-bottom: 0; }
#naviSocial > ul > li > a { display: block; width: 26px; height: 30px; font-size: 0; background-size: 26px 30px; background-repeat: no-repeat; }
#naviSocial > ul > li#nav_26 > a { background-image: url(../img/facebook_neg.svg); }
#naviSocial > ul > li#nav_27 > a { background-image: url(../img/instagram_neg.svg); }


/* banner */
#banner { position: relative; margin-bottom: 60px; }
.no-banner #banner { display: none; }
.blue #banner .variation-bar { border-bottom: 10px solid #0076A8; }
.green #banner .variation-bar { border-bottom: 10px solid #00BF6F; }
.lavender #banner .variation-bar { border-bottom: 10px solid #7F6A7B; }
#banner .swiper-wrapper > .csc-default { width: 100%; height: 100%; position: relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
#banner .ce-gallery img { width: 100%; }
/* typo3 banner resets */
#banner .ce-gallery, #banner .ce-row, #banner .ce-column { margin: 0; float: none; }
#banner .ce-outer, #banner .ce-inner { float: none; position: static; right: 0; }
#banner .ce-gallery figure { display: block; }
#banner .ce-textpic, #banner .ce-image { overflow: visible; }

#banner .ce-textpic .ce-bodytext { position: absolute; top: 0; left: 0; width: 100%; display: none; }
#banner .ce-right .ce-bodytext .bannerShow { float: left;  }
#banner .ce-left .ce-bodytext .bannerShow { float: right;  }
#banner .swiper-pagi-out { position: absolute; bottom: -60px; left: 0; width: 100%; text-align: center; z-index: 5; line-height: 16px; }
#banner .swiper-pagi .swiper-pagination-bullet { height: 10px; width: 10px; margin: 0 5px; opacity: 1; }
#banner .swiper-pagi .swiper-pagination-bullet-active { opacity: 0.5; }


/* content */
#content { margin-top: 140px; }
.no-banner #content,
.blue #content, .green #content, .lavender #content { margin-top: 85px; }
#content h1,
#content h2 { margin-bottom: 30px; text-transform: uppercase; }
#content h3 { margin-bottom: 30px; text-transform: uppercase; }
#content h4 { margin-bottom: 60px; font-weight: 500; }
#content h5 { margin-bottom: 30px; }
#content h6 { margin-bottom: 30px; }
#content p {  }
#content ul, #content ol { padding-left: 23px; }
#content span.big { font-weight: 500; }

.overlayOut { position: relative; }


/* text / image */
.variation-imagetext { position: relative; }
.variation-imagetext .ce-below .ce-gallery { margin-top: 0; }
#content .grid_25_25_25_25 .variation-imagetext h2{font-size: 1rem;}
#content .variation-imagetext .ce-bodytext h2 { color: #FFF; font-weight: 600; margin-bottom: 0; }
.variation-imagetext .ce-bodytext { position: absolute; width: 100%; bottom: 19px !important; left: 0; z-index: 50; }
.variation-imagetext .ce-center.ce-above .ce-bodytext { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; }
#content .variation-imagetext .ce-center.ce-above .ce-bodytext h2 { font-weight: 700; }

@media screen and (min-width: 750px) and (max-width: 992px) {
    #content .grid_25_25_25_25 .variation-imagetext h2{
        top: 1rem;
        position: relative;
    }
}

@media screen and (max-width: 750px) {
    #content .grid_25_25_25_25 .variation-imagetext h2{
        font-size: 1.5rem;
    }
}

/*.productslider { padding: 160px 0 50px 0; position: relative; background-image: url(../img/bgProductslider.jpg); background-repeat: no-repeat; background-position: top center; }*/
/*.variation-flat .productslider { background-image: none; background-color: rgba(51, 63, 72, 0.05); }*/
.productslider { padding: 50px 0 50px 0; position: relative; }
.productsliderIn { position: relative; }
.productslider .swiper-wrapper > .csc-default { width: 100%; height: 100%; position: relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.productslider .swiper-button-prev,
.productslider .swiper-button-next { width: 28px; height: 50px; margin-top: -25px; background-size: 28px 50px; }
.productslider .swiper-button-prev { left: 0; background-image: url(../img/arrow-left.svg); }
.productslider .swiper-button-next { right: 0; background-image: url(../img/arrow-right.svg); }

/*.product { background-image: url(../img/bgProduct.jpg); background-repeat: no-repeat; background-position: top center; }*/
/*.variation-flat .product { background-image: none; background-color: rgba(51, 63, 72, 0.05); }*/
.product > .image { float: left; width: 43%; }
.product > .image img { max-width: 380px; }
.product > .content { float: left; width: 57%; padding-top: 40px; padding-bottom: 20px; padding-right: 115px; }
.product > .content .button {  margin-right: 15px !important; padding: 5px 30px; }

.productDetail { position: relative; }
.productDetail.grid > .row { margin-left: -48px; margin-right: -48px; }
.productDetail.grid > .row > .col { padding-left: 48px; padding-right: 48px; }
.productDetail.grid > .row > .col.images { width: 47.9%; }
.productDetail.grid > .row > .col.content { width: 52.1%; }
/*.productDetail .imageBox .ce-image { background-image: url(../img/bgProduktDetail.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }*/
/*.variation-flat .productDetail .imageBox .ce-image { background-image: none; background-color: rgba(51, 63, 72, 0.05); }*/
.productDetail .image_1 { margin-bottom: 30px; }
.productDetail .imageBox .ce-gallery { margin-bottom: 0; }
.productDetail .image_1 .ce-center .ce-outer,
.productDetail .image_1 .ce-center .ce-inner { float: none; right: auto; }
.productDetail .image_1 .ce-column,
.productDetail .image_1 figure { width: 100%; }
.productDetail .image_1 img { max-width: 600px; margin: 0 auto; }
.productDetail .image_2 img, .productDetail .image_3 img, .productDetail .image_4 img { max-width: 180px; margin: 0 auto; }
.productDetail .content  .ce-gallery { margin-bottom: 40px; }
.productDetail .content  .ce-gallery .ce-column { margin-right: 30px; }
.productDetail .content .button { padding: 5px 28px; margin-right: 30px; }
.productDetail .content .button:last-child { padding: 5px 16px; margin-right: 0; }
.productDetailOverlay { display: none; position: absolute; top: 50px; left: 0; width: 100%; z-index: 99; padding: 30px 0; background-color: rgba(255, 255, 255, 0.9); }
.productDetailOverlay.change-top { top: -150px; }
.productDetailOverlay .overlayClose { position: absolute; top: 20px; right: 20px; cursor: pointer; font-weight: 700; }

.news { overflow: hidden; }
.news > .news-container-paginated { margin-left: -15px; margin-right: -15px; }
.news > .news-container-paginated > .article { float: left; width: 50%; margin-bottom: 100px; padding-left: 15px; padding-right: 15px; }
.news > .news-container-paginated > .article:nth-child(3){clear:both;}
.article > .img { margin-bottom: 40px; }
#content .article > .header h3 { margin-bottom: 20px; }
.article > .teaser-text { margin-bottom: 40px; }
#content .article > .teaser-text p { margin-bottom: 0; display: inline; }
.article > .teaser-text a { font-weight: 700; }
.toolbar .date { display: inline-block; margin-right: 40px; }
.toolbar .liked { display: inline-block; margin-right: 40px; }
.toolbar .fb-share { display: inline-block; }
.toolbar .fb-share a { font-weight: 700; }

.news-image-container { margin-left: -15px; margin-right: -15px; }
.article-image { float: left; width: 33.33%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; }
.news-image-container > .article-image { margin-bottom: 50px; }
.likeIt { cursor: pointer; }

.page-navigation { float: left; width: 100%; margin-bottom: 50px; }
#content .page-navigation > ul { padding: 0; margin: 0; text-align: center; }
.page-navigation > ul > li { position: relative; display: inline-block; width: 34px; height: 34px; margin: 0 5px; padding-top: 3px; }
.page-navigation > ul > li.current { font-weight: 700; }
.page-navigation > ul > li.previous,
.page-navigation > ul > li.next { background-color: transparent !important; }
#content .page-navigation > ul > li.previous a,
#content .page-navigation > ul > li.next a { position: absolute; top: 10px; left: 0; display: inline-block; width: 34px; height: 34px; padding-top: 0; background-image: url(../img/arrow-small.svg); background-position: center; background-repeat: no-repeat; background-size: 7px 14px; font-size: 0; line-height: 0; }
.page-navigation > ul > li.next a { transform: rotate(180deg) }

.newsDetail { margin-bottom: 100px; }
.news-backlink-wrap { margin-bottom: 15px; }
.news-backlink-wrap a { font-weight: 500; padding-left: 20px; background-image: url(../img/arrow-small.svg); background-repeat: no-repeat; background-size: 7px 14px; background-position: left center; }
.newsDetail > .header h1 { text-align: center; }
.newsDetail > .img { margin-bottom: 50px; }
.newsDetail > .toolbar { float: right; margin-bottom: 40px; }


.pharmacyFinder { margin-bottom: 100px; }
.pFSearch { max-width: 800px; margin: 80px auto 40px auto; }
.pFSearch form { margin-bottom: 25px; }
.pFSearch input[type="text"] { float: left; width: 75%; padding: 14px 20px; border: 1px solid #979797; text-transform: uppercase; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pFSearch input[type="submit"] { float: right; width: 25%; padding: 15px 20px; cursor: pointer; text-transform: uppercase; border: none; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-weight: 300; }

.pFSearch.inside { position: absolute; top: 0; left: 0; z-index: 10; margin: 30px 0 0 30px; }
.pFSearch.inside input[type="text"] { font-size: 30px; width: 500px; }
.pFSearch.inside input[type="submit"] { font-size: 30px; width: 170px; padding: 15px 0; }

.pFMap { position: relative; }
#pFResults { position: absolute; top: 0; left: 0; width: 435px; height: 100%; padding: 30px; background-color: rgba(51, 63, 72, 0.8); }
#pFResults.inside { padding: 126px 30px 30px 30px; }
.pharmaciesOut { height: 100%; }

.pharmacy { padding: 15px; margin-bottom: 20px; }
#content .pharmacy p { margin-bottom: 15px; }
.pharmacy .title { float: left; width: 60%; font-size: 26px; font-weight: 500; margin-bottom: 10px; }
.pharmacy .distance { float: right; font-size: 16px; text-align: right; }
.pharmacy a { display: inline-block; padding-left: 30px; font-weight: 500; line-height: 30px; background-image: url(../img/pin.png); background-repeat: no-repeat; background-position: left; }
.pharmacy.active a, .pharmacy:hover a { background-image: url(../img/pin_red.png); }

.os-host-overflow { overflow: visible !important; }
.os-scrollbar-vertical { right: -24px; }
.os-theme-light>.os-scrollbar { padding: 0; }
.os-theme-light>.os-scrollbar-vertical { width: 18px; }
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { background: #FFF; }


.tx-powermail label,
.tx-powermail legend,
.tx-powermail h3 { display: none; }
.tx-powermail form { margin-left: -15px; margin-right: -15px; }
.tx-powermail fieldset { float: left; width: 50%; padding-left: 15px; padding-right: 15px; }
.tx-powermail .checkbox label { display: inline-block; }
.tx-powermail .checkbox.parsley-error label { color: red; }
.tx-powermail .powermail_fieldwrap { margin-bottom: 20px; }
.tx-powermail .powermail_fieldwrap input[type="email"],
.tx-powermail .powermail_fieldwrap input[type="text"],
.tx-powermail .powermail_fieldwrap input[type="tel"],
.tx-powermail .powermail_fieldwrap textarea { width: 100%; padding: 13px 20px; border: none; box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.25); -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.25);-webkit-appearance: none;}
.tx-powermail .powermail_fieldwrap textarea { min-height: 329px; }
.tx-powermail .powermail_fieldwrap input[type="submit"] { padding: 13px 20px; border: none; float: right; text-transform: uppercase; cursor: pointer; }
.tx-powermail .parsley-errors-list { display: none; }

.tx-powermail .checkbox input[type="checkbox"] { display: none; }
.tx-powermail .checkbox input[type="checkbox"] + label { position: relative; display: inline-block; padding-left: 45px; cursor: pointer; }
.tx-powermail .checkbox input[type="checkbox"] + label > span { position: absolute; top: 0; left: 0; width: 25px; height: 25px; vertical-align: middle; box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.25); background-color: #FFF; cursor: pointer; }
.tx-powermail .checkbox input[type="checkbox"]:checked + label > span , 
.powermail_form_24 .checkbox input[type="checkbox"]:checked + label > span 
{ background-image: url(../img/check.svg); background-size: 15px; background-position: center; background-repeat: no-repeat; }

#powermail-overlay-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 51; background-color: rgba(0, 0, 0, 0.75); }
#powermail-overlay-box { position: fixed; top: 50%; left: 0; width: 100%; z-index: 51; transform: translate(0, -50%); }
#powermail-overlay-box h2 { margin-bottom: 30px; }
#powermail-overlay-close { position: absolute; top: 10px; right: 15px; font-size: 30px; cursor: pointer; }
#powermail-overlay .powermail_create { position: relative; max-width: 1400px; margin: 0 auto; padding: 50px 0; background-color: #FFF; }



#tx_indexedsearch legend, .tx-indexedsearch-icon, .tx-indexedsearch-percent, .tx-indexedsearch-info,
#tx_indexedsearch label { display: none; }
#tx_indexedsearch fieldset { position: relative; margin: 0 auto; max-width: 580px; line-height: 0; }
#tx_indexedsearch input[type="text"] { width: 100%; padding: 15px 10px; border: 1px solid #333F48; text-transform: uppercase; font-style: italic; }
#tx_indexedsearch input[type="submit"] { position: absolute; top: 0; right: 0; width: 56px; height: 56px; cursor: pointer; background: none; border: none; font-size: 0; background-size: 36px; background-position: center; background-image: url(../img/search.svg); background-repeat: no-repeat; }
.tx-indexedsearch-browsebox { margin-bottom: 50px; }
#content .tx-indexedsearch-res h3 { margin-bottom: 10px; font-size: 24px; }
.tx-indexedsearch-res { border-bottom: 1px solid #333F48; margin-bottom: 30px; }

#content div.tx-indexedsearch-browsebox { margin-bottom: 30px; }
#content .tx-indexedsearch-browsebox { padding: 0; margin: 0; text-align: center; list-style: none; }
ul.tx-indexedsearch-browsebox > li { position: relative; display: inline-block; width: 50px; margin: 0 5px; }

.hide-desktop { display: none; }

/* overlay bulgarian */
#bgOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 150; }
#bgOverlayBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 151; background-color: rgba(0, 0, 0, 0.75); }
#bgOverlayContent { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 1000px; padding: 30px; text-align: center; z-index: 152; transform: translate(-50%, -50%); background-color: #FFF; }
#bgOverlayContent > h2 { margin-bottom: 50px; }
#bgOverlayContent img { margin-bottom: 10px; }

/* grids */
.grid { overflow: hidden; }
.grid > .row { margin-left: -15px; margin-right: -15px; }
.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px;}
.grid_20_20_20_20_20 > .row > .col { width: 20%; }
.grid_25_25_25_25 > .row > .col { width: 25%; }
.grid_30_30_30 > .row > .col { width: 33.33%; }
.grid_50_50 > .row > .col { width: 50%; }


/* footer */
footer .grid_50_50 > .row { margin-left: -40px; margin-right: -40px; }
footer .grid_50_50 > .row > .col { width: 50%; padding-left: 40px; padding-right: 40px; padding-top: 24px; padding-bottom: 30px; }
footer .grid_50_50 > .row > .col_50_1 { border-right: 1px solid #FFF; }
footer .grid_50_50 > .row > .col_50_1 > .csc-default { float: right; }

#naviFooter > ul { text-align: center; }
#naviFooter > ul > li { min-width: 230px; display: inline-block; position: relative; border-left: 1px solid #FFF; }
#naviFooter > ul > li:last-child { border-right: 1px solid #FFF; }
#naviFooter > ul > li > a { display: block; padding: 13px 25px; text-transform: uppercase; }

body, html {
	height: auto !important;
}

#banner,
#content > .csc-default, 
#content > .csc-default > .background > .csc-default,
#content .csc-default .col {
	/*visibility: hidden;*/
}

.productDetailOverlay .col {
	visibility: visible !important;
	opacity: 1 !important;
}

html[lang="sk"] div#c4898 {
    display: none !important;
}

#c6958 .ce-gallery figure {
    display: table;
    margin: 0;
    height: 135px;
    width: 160px;
    position: relative;
    margin: 20px 0;
}

#c6958 .ce-gallery img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}



/* color adjustments */
/* #naviMain > ul > li > a {
    color: rgb(147, 159, 167);
}

#naviMain > ul > li.active > a, #naviMain > ul > li:hover > a {
    color: #333F48;
}

#naviMain > ul > li > ul {
    border-radius: 0;
    box-shadow: none;
    background-color: #393939;
    color: #fff;
}

#naviMain > ul > li > ul > li,
#naviMain > ul > li > ul > li > ul > li {
	margin: 0;
	padding: 0;
}

#naviMain > ul > li > ul > li {
	margin-bottom: 10px;
}

#naviMain > ul > li > ul > li > a,
#naviMain > ul > li > ul > li > ul > li > a {
	margin: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#naviMain > ul > li > ul > li > a {
	padding-left: 20px;
	padding-right: 20px;
}

#naviMain > ul > li > ul > li > ul > li > a {
	padding-left: 30px;
	padding-right: 30px;
}

#naviMain > ul > li > ul > li:hover > a, 
#naviMain > ul > li > ul > li.active > a,
#naviMain > ul > li > ul > li > ul > li:hover > a, 
#naviMain > ul > li > ul > li > ul > li.active > a {
    background-color: #595959;
    color: inherit;
} */

.new-label {
	width: 110px;
    height: 110px;
    background-color: #e6012c;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 185px;
    margin-top: -55px;
    margin-right: -55px;
    font-weight: bold;
    font-size: 18px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

html[lang="hu"] .new-label {
    font-size: 13px;
}

html[lang="sk"] .new-label,
html[lang="cz"] .new-label {
    font-size: 14px;
}

.grid_30_30_30 > .row > .col .new-label {
	display: none !important;
}

.productDetail .image_2 img, .productDetail .image_3 img, .productDetail .image_4 img {
    cursor: pointer;
}

#naviLanguage {
    min-width: 188px;
}

#naviLanguage > ul > li.active > a > img {
    display: none;
}

#naviLanguage > ul > li.active > a {
    padding-left: 15px;
}

#naviLanguage > ul > li > ul > li > a > img {
    display: none;
}

#naviLanguage > ul > li > ul > li > a > span {
    padding-left: 0;
}

#naviLanguage > ul > li.active > a {
    text-transform: uppercase;
    font-weight: normal;
}

#naviLanguage, #naviLanguage > ul > li > ul, #fBottom {
    background-color: #7a8189;
}

#naviMain > ul > li:hover > a,

#naviMain > ul > li > ul > li:hover > a,
#naviMain > ul > li > ul > li > ul > li:hover > a {
    color: #9a9ea1;
}

#naviMain > ul > li.active > a,
#naviMain > ul > li > ul > li.active > a, 
#naviMain > ul > li > ul > li > ul > li.active > a {
    /* font-weight: bold;
    color: #334048; */
    font-weight: 300;
    color: #9a9ea1;
}

.after-footer-menu-copyright {
    display: inline-block;
    position: relative;
    border-right: 1px solid #FFF;
    padding: 13px 25px;
}

nav#naviFooter {
    text-align: center;
}

#naviFooter > ul {
    display: inline-block;
}

#naviFooter > ul > li {
    min-width: 329px;
}

.after-footer-menu-copyright {
    min-width: 330px;
}

#naviFooter > ul > li > a,
.after-footer-menu-copyright {
    font-size: 18px;
    padding: 14px 20px;
}

/*.product .new-label {
	display: none !important;
}*/

.product .ce-center .ce-outer {
    position: static;
    float: none;
    /* overflow: hidden; */
}

.product .ce-center .ce-inner {
    float: none;
    right: 0;
}

.product .ce-column {
    display: block;
    float: none;
}

.product .ce-gallery figure {
    margin: 0 auto;
}

.product .new-label {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: auto;
    left: 0;
    margin-right: 0;
    margin-left: -55px;
}

/*style about new backgrounds*/
.background.orange figure img{
	max-width: 600px;
    margin: 0 auto;
}

/*SOME TEST STYLE*/
/*#c500 h1.ce-headline-center{color: #333F48}*/
#c5260 a.buy_online { background-color: #343f47; }

body #c5261  .ce-textpic .ce-bodytext ,body #c5290  .ce-textpic .ce-bodytext  {
    position: absolute;
    top: 87%;
    left: 48%;
    width: 100%;
    display: inline !important;
}

/*style for 25Years page*/

.background.sweepstakeBG{padding-top: 0 !important}
.width40{width: 40% !important}
.width60{width: 60% !important}
.width60 img{margin-top:70px !important}
.redCross h3 {font-weight: inherit !important;}

h3.red-Cross{
	padding-left: 46px;
    position: relative;
}

.redCross h3.text-center{
	padding-top: 70px;
}

h3.red-Cross:before{
	content: url('/fileadmin/_processed_/2/b/csm_red_cross_icon_3a3e465e2b.png');
	position: absolute;
    left: 0;
   }

  .redCross p.under-title {
    font-size: 1.3em;
    color: #757575;
  }

 #content .redCross  p {
    margin-bottom: 11px ;
}

#content .redCross h3 {
    text-transform: none;
}

#content .redCross sup {
    top: -12px;
    position: absolute;
    font-size: 21px;
    margin-left: -9px;
}

.redCross {
    padding-bottom: 0 !important;
}

 body.sweepstake    fieldset {
    
    width: 33%;
}

p.promo-text {
    font-size: 13px;
    font-style: italic;
    border-top: 1px solid grey;
    padding-top: 13px;
}

.tx-powermail .powermail_fieldwrap select   {
    width: 100%;
    border: none;
    box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.25);
    height: 49px;
    font-size: 21px;
    color: #c3c3c3;
    padding-left: 13px;
}

body.sweepstake  .checkbox input[type="checkbox"] + label
{font-size: 15px}

body.sweepstake .powermail_form{
    color: #8b8b8c;
}

p.promo-text span
{color: red}

body.sweepstake  .powermail_fieldwrap input[type="submit"] {
    margin-top: 70px;
     float: left;
}

img.image-bcg {
    margin-left: -54px;
}

body.sweepstake  .powermail_fieldwrap input[type="email"], body.sweepstake  .powermail_fieldwrap input[type="text"], body.sweepstake .powermail_fieldwrap input[type="tel"], body.sweepstake  .powermail_fieldwrap textarea {
   
    box-shadow: inset 0px 0px 2px 1px rgba(0,0,0,0.25);
}

.sweepstake #swiper-containertent{margin-top: 0}
.sweepstake #naviMain , form.powermail_form_34   input#powermail_field_code,
form.powermail_form_35   input#powermail_field_code {display: none !important;}

form.powermail_form_25  a,form.powermail_form_26  a,form.powermail_form_30  a, form.powermail_form_31 a{
    text-decoration: underline;
}

#sweepNavi > ul > li {
    display: inline-block;
    position: relative;
    margin-left: 30px;
}

 .sweepstake .mobicon {
    display: none;
}

 .sweepstake #content{margin-top: 0}

 .sweepstake .background.turquoise {
    padding: 102px 0;
}
 .sweepstake #c5489 .background.turquoise {
    padding: 45px 0;
}

select, textarea, input{
    font-family: MuseoSansCyrl, serif !important;
 
}

 /* The Modal (background) */
.modal {
 
  position: fixed; /* Stay in place */
  z-index: 9; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

div.success {
    border-top: 51px solid green;
    height: 300px
}

div.error{
    border-top: 51px solid red;
    height: 300px
}

#c4898 {display: none !important;}

#cookie-bar {
    display: none !important;
}

.sg-cookie-optin-box.sg-cookie-optin-box-new.sg-cookie-optin-invisible {
    max-width: 100% !important;
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
}
#SgCookieOptin .sg-cookie-optin-box {
max-width: 100% !important;
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
}

.sg-cookie-optin-box-footer-user-hash-container {
    display: none;
}
#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item {
    padding-right: 10px;
}

.sg-cookie-optin-box-copyright.sg-cookie-optin-box-copyright-link-hidden {
    display: none !important;
}

#SgCookieOptin .sg-cookie-optin-box.sg-cookie-optin-box-new .sg-cookie-optin-box-cookie-list .sg-cookie-optin-box-cookie-list-item {
    padding: 2% 2% 0 0 !important;
    flex: 0 0 25% !important;
}

#content .grid_20_20_20_20_20 .variation-imagetext .ce-bodytext h2{
	font-size:15px !important;
}