@font-face {font-family: 'Perpetua'; src: url('fonts/perpetua.eot'); src: url('fonts/perpetua.eot?#iefix') format('embedded-opentype'), url('fonts/perpetua.woff') format('woff'), url('fonts/perpetua.ttf') format('truetype'), url('fonts/perpetua.svg#perpetua') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'Perpetua'; src: url('fonts/perpetua.eot'); src: url('fonts/perpetua.eot?#iefix') format('embedded-opentype'), url('fonts/perpetua.woff') format('woff'), url('fonts/perpetua.ttf') format('truetype'), url('fonts/perpetua.svg#perpetua') format('svg'); font-weight: bold; font-style: normal;} @font-face {font-family: 'Roboto-Light'; src: url('fonts/roboto-light-webfont.eot'); src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'Roboto-Light'; src: url('fonts/roboto-light-webfont.eot'); src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light-webfont.woff') format('woff'), url('fonts/roboto-light-webfont.ttf') format('truetype'), url('fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: bold; font-style: normal;} @font-face {font-family: 'Roboto-Medium'; src: url('fonts/roboto-medium-webfont.eot'); src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium-webfont.woff') format('woff'), url('fonts/roboto-medium-webfont.ttf') format('truetype'), url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'Roboto-Medium'; src: url('fonts/roboto-medium-webfont.eot'); src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium-webfont.woff') format('woff'), url('fonts/roboto-medium-webfont.ttf') format('truetype'), url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: bold; font-style: normal;} @font-face {font-family: 'Roboto-Thin'; src: url('fonts/Roboto-Thin.eot'); src: local('☺'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'Roboto-Thin'; src: url('fonts/Roboto-Thin.eot'); src: local('☺'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg') format('svg'); font-weight: bold; font-style: normal;} /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'Roboto-Medium'; src: url('fonts/roboto-medium-webfont.svg#robotomedium'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-Medium'; src: url('fonts/roboto-medium-webfont.svg#robotomedium'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto-Light'; src: url('fonts/roboto-light-webfont.svg#robotolight'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-Light'; src: url('fonts/roboto-light-webfont.svg#robotolight'); font-weight: bold; font-style: normal; } } */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * {margin: 0px; padding: 0px; outline: none; font-smooth: never; -webkit-font-smoothing : none;} img {border: none;} body {color: #333; font-family: 'Georgia';} h1, h2, h3, h4, h5, h6 {font-weight: normal;} a {text-decoration: none;} li {list-style: none;} input[type="submit"] {cursor: pointer;} hr.dashed {height: 0px; border-bottom: 1px dashed #666; margin-bottom: 30px;} hr.thin {margin-bottom: 25px;} hr.slim {margin-bottom: 20px;} hr {margin-bottom: 40px; background: #CCC; height: 1px; border: none;} .wrapper {width: 980px; margin: 0px auto;} #logo {display: block; width: 149px; height: 87px; /*background: url('G/logo.jpg') no-repeat 0px 0px;*/ margin: 12px 0px 0px 25px;} #top {position: relative; padding-bottom: 4px; background: url('G/mainmenu_bar.jpg') no-repeat 0px bottom; z-index: 1000} #top .top {height: 115px; overflow: hidden; border-bottom: 1px solid #dedede;} .mainMenuContainer ul {display: table; width: 100%;} /*.mainMenuContainer ul li:first-child a {text-align: left; padding-left: 10px;}*/ .mainMenuContainer ul li a {display: block; font-size: 14px; color: #252525; text-transform: uppercase; text-align: center; padding: 0px 5px; font-family: 'Roboto-medium';} .mainMenuContainer ul li.current a, .mainMenuContainer ul li.active a, .mainMenuContainer ul li a:hover {color: #c20044;} .mainMenuContainer ul li.nav-path-selected {box-shadow: #bf0039 0px -1px 0px 0px;} .mainMenuContainer ul li {height: 76px; display: table-cell; vertical-align: middle; max-width: 140px;} .mainMenuContainer .submenu {display: none; margin: 10px 0; background: #EFEFEF; font-size: 10px; box-shadow: inset 0px 5px 20px rgba(0,0,0,0.07);} .mainMenuContainer {height: 72px; position: relative;} /*mobile menu*/ .mobileMenuContainer {display: none;} .mobileMenuContainer ul {display: table; width: 100%; box-shadow: 0 5px 5px rgba(0,0,0,0.20); background-color: #ffffff; background-image: url('G/mainmenu_bar.jpg'); background-position: top center; background-repeat: no-repeat;} .mobileMenuContainer ul li a {display: block; font-size: 14px; color: #252525; text-transform: uppercase; text-align: center; padding: 0px 5px; font-family: 'Roboto-medium';} .mobileMenuContainer ul li.current a, .mobileMenuContainer ul li.active a, .mobileMenuContainer ul li a.nav-path-selected, .mobileMenuContainer ul li a:hover {color: #c20044;} .mobileMenuContainer ul li.nav-path-selected {box-shadow: #bf0039 0px -1px 0px 0px;} .mobileMenuContainer ul li {height: 76px; display: table-cell; vertical-align: middle; max-width: 140px;} .mobileMenuContainer .submenu {display: none; margin: 10px 0; background: #EFEFEF; font-size: 10px; box-shadow: inset 0px 5px 20px rgba(0,0,0,0.07); padding-top: 0px; font-size: 11px;} .mobileMenuContainer {position: relative; /* height: 72px;top: 72px;*/} .mobileMenuContainer ul li.nav-path-selected ul li {box-shadow: none !important;} .mobileMenuContainer ul li ul.submenu a.nav-path-selected {font-weight: bold;} /* == */ #footer {background: url('G/mainmenu_bar.jpg') no-repeat 0px 0px; padding-top: 30px; padding-bottom: 20px; clear: both;} .copyrights {clear: both; padding-top: 20px; font-size: 14px; font-family: 'Georgia'; color: #999999; background: url('G/copyrights_dots.jpg') repeat-x 0px 0px; text-align: center;} .footerInfo {margin-bottom: 30px; overflow: hidden;} .footerInfo li h4 {font-family: 'Roboto-light'; font-size: 24px; color: #363636; margin-bottom: 20px;} .footerInfo li span {color: #c20044;} .footerInfo li p {line-height: 24px;} .footerInfo li .mailTo {color: #c20044;} .footerInfo li {padding-top: 120px; float: left; width: 33.3%; text-align: center; font-size: 16px;} .footerInfo li.salonsprzedazyclarena a:hover {text-decoration: underline;} .footerInfo li.salonsprzedazyclarena a {color: #333;} .footerInfo li.salonsprzedazyclarena span {margin: 0px 10px;} .footerInfo li.doradcyhandlowi a:after {content: "\00a0\2192"; font-family: 'Calibri'; font-size: 14px; color: #c20044;} .footerInfo li.doradcyhandlowi a {color: #333;} .footerInfo li.doradcyhandlowi {background: url('G/footericon_doradcyhandlowi.png') no-repeat center 0px;} .footerInfo li.salonsprzedazyclarena {background: url('G/footericon_salonsprzedazy.png') no-repeat center 0px;} .footerInfo li.biuroobslugi {background: url('G/footericon_bok.png') no-repeat center 0px;} .footerInfo {} .onlineStorePromotionBar {margin-bottom: 40px; overflow: hidden; text-align: center; padding-left: 90px;} .onlineStorePromotionBar h4 {display: block; float: left; margin-right: 30px; padding-top: 15px;} .onlineStorePromotionBar .goToRetailStore {display: block; float: left; position: static; top: auto; left: auto;} .goToPartnersStore, .goToRetailStore {font-family: 'Roboto-light'; color: #333; display: block; width: 132px; padding-left: 70px; height: 42px; padding-top: 9px; border: 1px solid #d6b982; top: 39px; position: absolute; font-size: 15px; line-height: 17px;} .goToRetailStore {background: url('G/partnersshop_icon.png') no-repeat 0px 0px; background-size: 59px 51px; border: 1px solid #666666; left: 460px;} .goToPartnersStore {background: url('G/retailshop_icon.png') no-repeat 0px 0px; background-size: 59px 51px; left: 240px;} .ccm-search-block-form input[type="text"] {height: 29px; padding: 0px 5px; width: 175px;} .ccm-search-block-form input[type="submit"] {color: #666666; float: right; font-family: 'Georgia'; font-size: 14px; width: 60px; height: 29px; border-left: 1px solid #cccccc; background: #FFF;} .ccm-search-block-form {width: 252px; height: 29px; border: 1px solid #CCC; right: 0px; top: 0px; position: relative;} .ccm-search-block-form h3 {display: none;} .languageSwitcher li:hover a, .languageSwitcher li.active a {color: #c1003c;} .languageSwitcher li a {color: #363636;} .languageSwitcher li {font-size: 14px; font-family: 'Roboto-light'; float: left; margin-left: 10px;} .languageSwitcher {color: #363636; font-size: 14px; position: absolute; top: 32px; right: 0px; overflow: hidden;} .subscribeNewsletter {color: #333; font-family: 'Roboto-light'; font-size: 14px; position: absolute; top: 32px; left: 725px; padding-left: 25px; background: url('G/subscribe_icon.png') no-repeat 0px center;} .pageHeader h1 {font-family: 'Roboto-light'; font-size: 24px; margin-bottom: 30px; text-transform: uppercase; padding-bottom: 20px; display: block; position: relative; background: url('G/pageheader_decoration.jpg') no-repeat center bottom;} .pageHeader p {padding: 0px 100px; font-size: 16px; line-height: 26px;} .pageHeader h2.special {font-family: 'Roboto-light'; font-size: 24px; line-height: 36px; color: #c10044;} .split.projektyEu h4 {font-weight: normal;} .pageHeader.projektyEu h1 {padding: 0px; background: url('G/innowacyjna_gospodarka.jpg') no-repeat center 0px; height: 150px; text-indent: -20000px;} .pageHeader.projektyEu {} .pageHeader.singleNews {margin-bottom: 10px;} .pageHeader.withoutDescription {margin-bottom: 10px;} .pageHeader {text-align: center; overflow: hidden; margin-bottom: 50px; padding-top: 27px;} #expertQaA li img {width: 82px; height: 97px; float: left; display: block; margin-right: 15px;} #expertQaA li .answer {overflow: hidden;} #expertQaA li .answer p {float: right; width: 490px;} #expertQaA li .question:after {content: ""; background: url('G/question_tip.png') no-repeat 0px 0px; width: 18px; height: 24px; position: absolute; display: block; bottom: -24px; left: 80px;} #expertQaA li .question {position: relative; padding: 30px; background: #fbfbfb; border: 1px solid #cfcac8; margin-bottom: 35px;} #expertQaA li {margin-bottom: 30px;} #expertQaA {width: 590px; float: left; margin-right: 30px;} .askExpert {overflow: hidden; padding-bottom: 50px;} .expertQuestionContainer {float: left; width: 358px; margin-bottom: 30px;} .questionBox {margin-bottom: 15px;} .questionBox form textarea {border: 1px solid #cfcac8; padding: 10px 15px; margin-bottom: 25px; width: 280px; height: 170px;} .questionBox form select, .questionBox form input {border: 1px solid #cfcac8; padding: 10px 15px; width: 280px; margin-bottom: 10px;} .questionBox form .stylizedSelect {margin-bottom: 10px;} .questionBox form select {width: 274px; height: 32px; padding: 0px; margin-bottom: 10px;} .questionBox form .inputContainer {overflow: hidden;} .questionBox form input[type="submit"] {width: 105px; height: 44px; border: 1px solid #cfcac8; float: right; background: #FFF url('G/button_arrow.png') no-repeat 78px 17px; font-size: 16px; font-family: 'Georgia'; padding-right: 25px;} .questionBox form {display: block; border: 1px dashed #a5a5a5; border-top: 0px; padding: 20px;} .questionContainerHeader h2 {margin-bottom: 20px;} .questionContainerHeader {border: 1px solid #cfcac8; padding: 20px;} #newsList .newsContent {line-height: 24px;} #newsList .newsMeta h3 a:hover {text-decoration: underline;} #newsList .newsMeta h3 a {color: #c2003c;} #newsList .newsMeta {text-align: left; float: right; width: 49%;} #newsList li .imageHolder {float: left; width: 47%; /*width: 464px; height: 319px;*/ margin-right: 25px;} #newsList li .date {font-size: 16px; margin-bottom: 25px; display: block; color: #999999; text-transform: uppercase;} #newsList li h3 {font-size: 24px; line-height: 30px; color: #c20044; font-family: 'Roboto-light'; margin-bottom: 10px;} #newsList li {margin-bottom: 25px; overflow: hidden;} #newsList li:last-child {margin-bottom: 0px;} #content #pagination {margin: 1em 0px;} #content .catalogProducts #pagination {margin: 0px;} .column50.last {margin-right: 0px;} .column50 {width: 476px; float: left; margin-right: 25px; min-height: 1px;} .column33 {float: left; width: 305px;} .column33.middle {margin: 0 30px;} ul.split, div.split {overflow: hidden; margin-bottom: 50px;} div.split.withQuote {padding-top: 20px;} .insetBox {margin-bottom: 30px;} .textFormat ol li:before {content: counter(num) " "; counter-increment: num; color: #bf003f;} .textFormat ol li {list-style-position: inside;} .textFormat ol {counter-reset: num; line-height: 24px; font-size: 16px;} .textFormat ul li {padding-left: 12px; margin-bottom: 21px; background: url('G/bullet.png') no-repeat 0px 8px;} .textFormat {} .textFormat a[href] {color: #c20045;} .textFormat p {line-height: 22px; font-size: 16px; margin-bottom: 26px;} .textFormat h4 {text-transform: uppercase; font-weight: bold; font-size: 16px; color: #252525; margin-bottom: 15px;} .expertFinder {margin-bottom: 30px;} .expertFinderBox .filter {border: 1px solid #cccccc; border-top: 0px; padding: 14px 25px;} .expertFinderBox .header h3 {padding: 23px 25px; color: #FFF; font-size: 16px; text-transform: uppercase;} .expertFinderBox .header {height: 68px; background: #c20045;} .finderExpertsList li .person {float: left; width: 200px;} .finderExpertsList li .address {float: left; font-size: 16px; line-height: 18px;} .finderExpertsList li .email a {color: #c20045;} .finderExpertsList li .name {display: block; width: 190px;} .finderExpertsList li:nth-child(odd) {background: #fbfbfb;} .finderExpertsList li {border: 1px dashed #a5a5a5; border-top: none; padding: 12px 25px; overflow: hidden; display: none;} .contactCentresList h3 {font-family: 'Roboto-light'; margin-bottom: 30px; font-size: 24px; text-align: center; color: #252525;} .contactCentresList .centreImage {margin-bottom: 35px; height: 215px;} #productsCatalog a {color: #333;} #productsCatalog {overflow: hidden; margin-bottom: 30px;} #productsCatalog li .productName {font-size: 18px; line-height: 23px;} #productsCatalog li .imageHolder {height: 210px; margin-bottom: 25px;} #productsCatalog li.n4 {margin-right: 0px;} #productsCatalog li:nth-child(4n) {margin-right: 0px;} #productsCatalog li {text-align: center; float: left; width: 193px; height: 334px; border: 1px solid #cfcac8; margin: 0px 13px 13px 0px; padding: 20px;} .catalogNavigation li.active a, .catalogNavigation li:hover a {background: #c30346; color: #FFF;} .catalogNavigation li a {display: block; width: 36px; height: 29px; border: 1px solid #cccccc; padding-top: 7px; color: #252525;} .catalogNavigation li {width: 38px; height: 38px; display: inline-block; margin: 0px 4px;} .catalogNavigation {overflow: hidden; text-align: center; padding-bottom: 40px;} .subSection .header {margin-bottom: 30px;} .subSection h2 {font-family: 'Roboto-light'; font-size: 24px; margin-bottom: 25px; color: #252525;} .subSection {text-align: center;} .externalInstructorFinder .filter input[type="submit"] {width: 95px; padding-right: 7px; text-transform: uppercase; height: 38px; background: url('G/button_arrow.png') no-repeat right center; border: none;} .externalInstructorFinder .filter .city {width: 285px; height: 36px; border: 1px solid #CCC; padding: 0px 10px;} .externalInstructorFinder .filter label {display: block; float: left; margin-right: 20px; padding-top: 7px;} .externalInstructorFinder .filter select {width: 175px; height: 36px; border: 1px solid #CCC;} .externalInstructorFinder .filter .criteria {float: left; margin-right: 20px;} .externalInstructorFinder .filter {margin-bottom: 20px; border: 1px dashed #a5a5a5; padding: 6px 15px; overflow: hidden;} .externalInstructorFinder {margin-bottom: 40px; float: left;} .promotionBox p {margin-bottom: 30px;} .promotionBox h4 {font-size: 16px; font-weight: normal; margin-bottom: 25px; text-transform: uppercase;} .promotionBox.calendarBox {width: 277px; float: right;} input[type="submit"] {font-family: 'Georgia';} .calendarBot .calendarContainer .months .next {right: 7px;} .promotionBox.formBox input[type="submit"] {width: 97px; height: 44px; border: 1px solid #cfcac8; background: url('G/button_arrow.png') no-repeat 70px 16px; padding-right: 15px; float: right; font-family: 'Georgia';} .promotionBox.formBox input[type="text"], .promotionBox.formBox input[type="tel"] {width: 277px; height: 37px; border: 1px solid #cfcac8; margin-bottom: 7px; padding: 0px 13px;} .promotionBox.formBox {width: 305px; float: left; margin-right: 30px;} .promotionBox.promoBox {width: 327px; margin-right: 40px;} .promotionBox {float: left; padding-left: 1px;} .salonInfo .salonPhoto {width: 696px; float: left;} .salonInfo .info h4 {font-weight: normal; margin-bottom: 30px;} .salonInfo .info {width: 264px; float: left; margin-right: 20px;} .salonInfo {overflow: hidden; padding-bottom: 65px;} #trainings {padding-top: 40px; overflow: hidden;} .trainingContent {float: left; width: 698px;} .trainingInset ul li:hover a, .trainingInset ul li.active a {color: #c20047;} .trainingInset ul li:hover a:after, .trainingInset ul li.active a:after {content: "\00a0\2192"; font-family: 'Calibri'; font-size: 14px;} .trainingInset ul li a {color: #333333;} .trainingInset ul li {margin-bottom: 22px;} .trainingInset ul {padding-left: 20px;} .trainingInset h3 {font-size: 16px; color: #c30046; text-transform: uppercase; margin-bottom: 22px;} .trainingInset {float: left; width: 282px !important;} .trainingHeader h1 {font-family: 'Roboto-light'; font-size: 24px; text-align: center; color: #252525; margin-bottom: 30px; background: none; padding-bottom: 0px;} .trainingHeader p {font-size: 16px; line-height: 26px; text-align: center;} .trainingHeader {margin-bottom: 40px;} .trainingImage {margin-bottom: 20px;} .textFormat table tbody td {border: 1px dashed #a5a5a5;} .textFormat table thead td {background: #c20045; color: #FFF; text-align: center;} .textFormat table tbody tr:nth-child(even) td {background: #fbfbfb;} .textFormat table td {padding: 15px;} .textFormat table {width: 100%; border-collapse: collapse; margin-bottom: 40px;} .trainingContent .agenda {overflow: hidden; margin-bottom: 40px;} .trainingContent .agenda .attachment .fileMeta {display: block; clear: both; font-size: 14px; color: #898989;} body .textFormat a.downloadLink[href] {color: #666;} .downloadLink, .trainingContent .agenda .attachment .downloadLink {margin-bottom: 12px; display: inline-block; padding: 11px 20px; padding-right: 35px; background: #FFF url('G/button_arrow_fr.png') no-repeat right center; border: 1px solid #cfcac8; color: #666666; text-transform: uppercase; padding-right: 45px;} .trainingContent .agenda .attachment strong {font-size: 16px; line-height: 24px; color: #c20044; font-weight: bold; margin-bottom: 20px; display: block;} .trainingContent .agenda .attachment {width: 260px; float: left;} .trainingContent .agenda .content {float: left; width: 415px; margin-right: 20px;} .trainingContent .agenda h3 {font-family: 'Roboto-light'; font-size: 24px; color: #252525; margin-bottom: 29px; text-align: center;} .carouselElements {/*height: 492px; width: 20000px;*/ padding-bottom: 4px;} .homeCarousel .slideMeta h3 {background: url('G/homeslider_header_decoration.jpg') no-repeat center bottom; padding-bottom: 17px; margin-bottom: 28px; font-family: 'Roboto-thin'; color: #c2003c; font-size: 50px;} .homeCarousel .slideMeta p {line-height: 24px;} .homeCarousel .slideMeta a.goTo {font-size: 14px; font-family: 'calibri'; color: #c20044; text-decoration: none;} .homeCarousel .slideMeta span.underline {text-decoration: underline;} .homeCarousel .slideMeta span, .homeCarousel .slideMeta a {color: #c20044;} .homeCarousel .item a p {color: #333;} .homeCarousel .slideMeta a {text-decoration: none;} .homeCarousel .slideMeta {position: absolute; left: 0px; top: 35px;} .carouselElements li {position: relative; float: left;} .homeCarousel .pagination li.current, .homeCarousel .pagination li.active, .homeCarousel .pagination li:hover {background: url('G/homecarousel_pagination.png') no-repeat 0px 0px;} .homeCarousel .pagination li {cursor: pointer; margin: 0px 2px; width: 8px; height: 8px; text-indent: -10000px; overflow: hidden; display: inline-block; background: url('G/clarena_pagination.png') no-repeat -8px 0px;} .homeCarousel .pagination li.active {cursor: default;} .homeCarousel .pagination {position: absolute; bottom: 30px; width: 100%; left: 0px; text-align: center;} .homeCarousel {overflow: hidden; position: relative; /*height: 492px;*/ background: url('G/mainmenu_bar.jpg') no-repeat 0px bottom; padding-bottom: 4px; margin-bottom: 30px;} .nivo-controlNav {position: absolute; bottom: 10px; z-index: 100; width: 100%; right: 0;} .homeCarousel .theme-default .nivoSlider {box-shadow: none; margin-bottom: 0px;} .homeHub .goTo {font-family: 'Calibri'; font-size: 14px; color: #c20044;} .homeHub li a p {color: #333;} .homeHub li a {display: block; overflow: hidden; color: #333;} .homeHub li p {text-align: center; line-height: 24px;} .homeHub li h3 {font-size: 24px; margin-bottom: 15px; text-align: center; font-family: 'Roboto-light'; color: #c20044;} .homeHub .imageHolder {margin-bottom: 20px;} h2.decoration {margin-bottom: 35px; font-size: 24px; padding-bottom: 22px; font-family: 'Roboto-light'; text-transform: uppercase; background: url('G/pageheader_decoration.jpg') no-repeat center bottom;} ul.split.homeHub {margin-bottom: 15px;} blockquote.staffQuote p:last-child {display: block; color: #666; text-align: center;} blockquote.staffQuote p:first-child {font-size: 18px; font-style: italic; color: #111; margin-bottom: 30px; line-height: 30px; text-align: center; display: block;} blockquote.staffQuote:before {content: ""; display: block; position: absolute; left: 215px; width: 37px; height: 39px; background: url('G/quote_decoration.png') no-repeat 0px 0px; top: -20px;} blockquote.staffQuote {overflow: visible; position: relative; border: 1px dashed #b1b1b1; padding: 35px;} .mediaAttachments {margin-bottom: 80px;} .horizontalMediaAttachments li {margin-bottom: 70px;} .horizontalMediaAttachments .downloadLink, .mediaAttachments .downloadLink {text-transform: none;} .mediaAttachments li.last {margin-right: 0px;} .mediaAttachments li .imageMeta {margin-bottom: 14px; display: block;} .mediaAttachments li .imageHolder img {position: absolute; bottom: 0px; left: 0px; border: 1px solid #cfcac8;} .mediaAttachments li .imageHolder {height: 202px; margin-bottom: 17px; position: relative;} .mediaAttachments li {float: left; width: 162px; margin-right: 42px;} .mediaAttachments {padding-top: 40px; overflow: hidden;} .horizontalMediaAttachments li .imageMeta {display: block; margin-bottom: 16px;} .horizontalMediaAttachments li .imageHolder img {border: 1px solid #cfcac8;} .horizontalMediaAttachments li .imageHolder {margin-bottom: 10px;} .horizontalMediaAttachments li {margin-bottom: 60px;} .purchaseOptions {margin-bottom: 40px; border: 1px dashed #d6b982;} #content h5 {text-align: center; font-size: 16px; margin-bottom: 35px;} .purchaseOptions > div p {margin-bottom: 15px; font-size: 16px; line-height: 24px; height: 48px;} .purchaseOptions .optionLocal .goTo {color: #333333; padding-left: 35px; padding-right: 5px; height: 31px; width: 221px; padding-top: 8px; border: 1px solid #d6b982; display: inline-block; background: url('G/gotolink.png') no-repeat 0px 0px;} .purchaseOptions .optionOnline .goTo {font-family: 'Roboto-light'; color: #333; display: inline-block; width: 132px; padding-left: 70px; height: 42px; padding-top: 9px; border: 1px solid #d6b982; font-size: 15px; line-height: 17px; text-align: left; background: url('G/retailshop_icon.png') no-repeat 0px 0px;} .purchaseOptions > div {width: 50%; float: left; text-align: center; padding-top: 32px; padding-bottom: 40px;} .purchaseOptions {overflow: hidden; background: url('G/purchase_separator.png') repeat-y center 0px;} .howToJoinSplit {overflow: hidden; margin-bottom: 45px;} .howToJoinSplit .leftColumn .step {margin-bottom: 45px;} .howToJoinSplit .leftColumn .downloadLink {text-transform: none;} .howToJoinSplit .leftColumn {width: 485px; float: left; margin-right: 30px;} .howToJoinSplit .rightColumn .imageHolder {margin-bottom: 35px;} .howToJoinSplit .rightColumn {width: 465px; float: left;} .howToJoinSplit .leftColumn h2 span {display: block; color: #252525; font-size: 30px;} .howToJoinSplit .leftColumn h2 {font-size: 24px; color: #bf003f; font-family: 'Roboto-light'; margin-bottom: 15px;} .newsNavigation .goBack {display: block; width: 70px; height: 30px; padding-top: 10px; border: 1px solid #cfcac8; color: #333333; padding-left: 40px; background: url('G/arrow_back.png') no-repeat 13px 15px;} #product .goBack.bottom {margin-bottom: 25px; clear: both; display: block; float: left; position: static; left: auto; top: auto;} #product .goBack {position: absolute; height: 30px; padding-top: 10px; border: 1px solid #cfcac8; left: 0px; top: 25px; color: #333333; padding-left: 40px; padding-right: 20px; background: url('G/arrow_back.png') no-repeat 13px 15px;} #product .rightColumn {padding-top: 12px; float: left; width: 510px;} #product .leftColumn {width: 440px; margin-right: 30px; float: left;} #product {overflow: hidden; position: relative; padding-top: 25px;} #product .productTiming {margin-bottom: 17px;} #product .productName span {color: #363636; font-size: 24px; display: block; margin-top: 10px; line-height: 1.1em;} #product .productName {margin-bottom: 12px; color: #c10043; font-size: 50px; line-height: 1.2em; font-family: 'Roboto-light';} .productIcons li.night, .productTiming .productIcons li.night {background: url('G/product_timing_icons.png') no-repeat -19px 0px;} .productIcons li.day, .productTiming .productIcons li.day {background: url('G/product_timing_icons.png') no-repeat 0px 0px;} .productIcons li.custom1 {width: 37px; background: url('G/product_timing_icons.png') no-repeat -38px 0px;} .productIcons li, .productTiming .productIcons li {float: left; width: 19px; height: 19px; margin-right: 5px; overflow: hidden; text-indent: -1000px;} .productTiming .productIcons {float: left; overflow: hidden; margin-right: 12px;} .productTiming {overflow: hidden;} #product .orderOptions a.partner {background: url('G/product_orderoption.png') no-repeat 0px 0px;} #product .orderOptions a.retail {background: url('G/product_orderoption.png') no-repeat 0px -39px;} #product .orderOptions a.retail {border: 1px solid #666666;} #product .orderOptions a.partner {border: 1px solid #d6b982;} #product .orderOptions a {color: #333333; padding-left: 55px; height: 31px; padding-top: 8px; display: block; margin-bottom: 5px; width: 350px;} #product .orderOptions {margin-bottom: 33px;} #product .productDescription {margin-bottom: 10px;} #product .productImage {margin-bottom: 72px;} #product .productExpertSection a {color: #333;} #product .productExpertSection span.goTo {font-family: 'Calibri'; font-size: 14px; color: #c20044;} #product .productExpertSection .askExpert .avatar {position: absolute; display: block; background: url('G/product_expert.png') no-repeat 0px 0px; width: 165px; height: 168px; right: 0px; bottom: 0px;} #product .productExpertSection .expertsAdvice {padding: 20px;} #product .productExpertSection .askExpert {border-bottom: 1px dashed #a5a5a5; height: 112px; position: relative; overflow: visible; padding: 20px 0px 0px 20px;} #product .productExpertSection {border: 1px dashed #a5a5a5; margin-bottom: 22px;} #product .productExpertSection .expertsAdvice h3, #product .productExpertSection .askExpert h3 {font-size: 24px; color: #363636; font-family: 'Roboto-light'; margin-bottom: 13px;} #product .impact h4 {font-family: 'Roboto-light'; font-size: 24px; color: #252525; margin-bottom: 30px; border-bottom: 1px solid #b5b5b5; padding-bottom: 27px;} #product .impact p {font-size: 16px; line-height: 24px; margin-bottom: 20px;} .relatedProducts {margin-bottom: 30px;} #offerIndex .section table {margin-bottom: 10px;} #offerIndex .section table tr td {vertical-align: middle;} #offerIndex .section table tr td.dlCell {text-align: center; width: 180px;} #offerIndex .section table tr td .downloadLink {margin-bottom: 0px; color: #252525; text-transform: none;} #offerIndex .section table thead tr td {background: #FFF; color: #333333; font-weight: bold; border: 1px solid #cccccc; text-align: left; text-transform: uppercase; padding-top: 25px; padding-bottom: 25px;} #offerIndex .section h2 {margin-bottom: 20px; font-size: 24px; color: #252525; font-family: 'Roboto-light';} #offerIndex .section {margin-bottom: 50px; clear: both;} #offerIndex .section table tr td img, .offerIndex table tr td img {display: block; margin-right: 30px; float: right;} .menMark {float: right; width: 60px; height: 36px; background: url('G/men_mark.jpg'); display: block; margin-right: 30px;} #content .textFormat .tableLegend li .explaination {float: left; padding-top: 7px;} #content .textFormat .tableLegend li .mark {float: left; margin-right: 15px;} #content .textFormat .tableLegend li {overflow: hidden; background: none; padding: 0px;} #content .textFormat .tableLegend {padding: 0px;} .dynamicOfferIndexHeader {text-transform: uppercase; padding: 25px 15px; border: 1px solid #cccccc; font-size: 16px; color: #333;} .dynamicOfferIndex .menMark {margin-top: -7px;} .dynamicOfferIndex {margin-bottom: 18px; border-top: 1px dashed #b0b0b0;} #content .textFormat .dynamicOfferIndex .expander.active:after {content: "\00a0\2191"; font-weight: normal;} #content .textFormat .dynamicOfferIndex .expander:hover {color: #c20044;} #content .textFormat .dynamicOfferIndex .expander.active {font-weight: bold; color: #c20044;} #content .textFormat .dynamicOfferIndex .expander:after {content: "\00a0\2193"; font-family: 'Calibri'; color: #c20044;} #content .textFormat .dynamicOfferIndex .expander {display: block; color: #333333;} #content .textFormat .dynamicOfferIndex > li:nth-child(odd) {background: #fbfbfb;} #content .textFormat .dynamicOfferIndex > li {border: 1px dashed #b0b0b0; border-top: none; padding: 25px 15px; background: none; margin-bottom: 0px; position: relative;} #content .textFormat .dynamicOfferIndex .slimRelatedProducts ul li {float: left; width: 114px; height: 114px; margin-right: 10px; border: 1px solid #d2cdcb; overflow: hidden; background: none; padding: 0px;} #content .textFormat .dynamicOfferIndex .slimRelatedProducts ul {overflow: hidden;} #content .textFormat .dynamicOfferIndex .slimRelatedProducts strong {font-weight: normal; text-transform: upeprcase; display: block; margin-bottom: 20px;} #content .textFormat .dynamicOfferIndex .slimRelatedProducts {} #content .textFormat .dynamicOfferIndex .moreInformations {display: none; padding-top: 30px;} #slimCatalog .catalogCategories h3 {margin-bottom: 32px; color: #c20245; text-transform: uppercase;} #slimCatalog .catalogCategories ul ul {padding-top: 20px;} #slimCatalog .catalogCategories ul li.active > a {color: #c20145;} #slimCatalog .catalogCategories ul li.active > a:after {color: #c20145; content: "\00a0\2193"; font-family: 'Calibri'; font-size: 14px;} #slimCatalog .catalogCategories ul li a:hover:after {content: "\00a0\2192"; font-family: 'Calibri'; font-size: 14px;} #slimCatalog .catalogCategories ul li a:hover {color: #c20145;} #slimCatalog .catalogCategories ul li a {color: #333333; line-height: 14px;} #slimCatalog .catalogCategories ul li {margin-bottom: 13px; line-height: 22px;} #slimCatalog .catalogCategories ul {padding-left: 20px;} #slimCatalog .catalogCategories {float: left; width: 340px; padding-top: 18px;} #slimCatalog .catalogProducts .catalogFilter {border: 1px dashed #a5a5a5; padding: 9px; height: 36px; margin-bottom: 20px;} #slimCatalog .catalogProductsList .item:hover {border: 1px solid #c4084b;} #slimCatalog .catalogProductsList .item .imageHolder img {bottom: 0px; height: auto; width: 100%;} #slimCatalog .catalogProductsList .item h3 {font-size: 16px; line-height: 20px; color: #363636; font-family: 'Roboto-light';} #slimCatalog .catalogProductsList .item .imageHolder {height: 190px; width: 100%; display: table-cell; vertical-align: bottom; text-align: center;} #slimCatalog .catalogProductsList .item a {display: block; overflow: hidden; padding: 20px 10px; height: 255px;} #slimCatalog .catalogProductsList .item.n3 {margin-right: 0px;} #slimCatalog .catalogProductsList .item h3 span {font-size: 12px;} #slimCatalog .catalogProductsList .item:nth-child(3n) {margin-right: 0px;} #slimCatalog .catalogProductsList .item {width: 205px; height: 295px; float: left; margin-right: 9px; margin-bottom: 10px; border: 1px solid #d1ccca; text-align: center;} #slimCatalog .catalogProductsList {overflow: hidden;} #slimCatalog .catalogProducts .catalogHeader {margin-bottom: 10px;} #slimCatalog .catalogProducts {float: left; width: 640px;} #slimCatalog {overflow: hidden; padding-top: 35px; margin-bottom: 50px;} #slimCatalog .catalogFilter select {width: 180px; height: 36px;} #slimCatalog .catalogFilter form .field.last {float: right;} #slimCatalog .catalogFilter form .field:last-child {margin-right: 0px;} #slimCatalog .catalogFilter form .field label {padding-top: 9px; display: block; float: left; margin-right: 5px;} #slimCatalog .catalogFilter form .field {width: 50%; float: left; overflow: hidden;} #slimCatalog .catalogFilter form {overflow: hidden;} #slimCatalog .catalogFilter {} .afterNewsList {text-align: center; margin-bottom: 30px;} .jobOffers h2 {display: block; text-align: center; margin-bottom: 24px; color: #c10044; font-family: 'Roboto-light';} .jobOffers table td.position a:after {content: "\00a0\2192"; font-family: 'Calibri'; color: #c20044; font-size: 14px;} .jobOffers table td.position a:hover {color: #c20044;} .jobOffers table td.position a {color: #333;} .jobOffers table td.position {text-align: left;} .jobOffers table thead td {color: #333333; background: #FFF; border: 1px solid #cccccc; font-weight: bold;} .jobOffers table td {padding: 20px; text-align: center;} .jobOffers {} .jobOfferDetails .jobOfferDescription .jobOfferLocation {margin-bottom: 30px;} .jobOfferDetails .jobOfferDescription h2 {color: #c10044; font-size: 24px; margin-bottom: 20px; font-family: 'Roboto-light';} .jobOfferDetails .jobOfferDescription {width: 485px; float: left;} .jobOfferDetails .jobOfferImage {min-height: 1px; width: 465px; float: left; margin-right: 30px;} .jobOfferDetails {padding-top: 45px; overflow: hidden; margin-bottom: 40px;} #singleNews {overflow: hidden; margin-bottom: 40px;} #singleNews .newsMedia blockquote {margin-bottom: 25px;} #singleNews .newsMedia .imageHolder {margin-bottom: 35px;} #singleNews .newsContent h2 {font-size: 24px; color: #c20044; font-family: 'Roboto-light'; letter-spacing: -0.5px; margin-bottom: 6px;} #singleNews .newsContent .newsDate {margin-bottom: 25px; color: #999999; margin-bottom: 30px; display: block;} .newsContent a, .newsContent a p {color: #333;} .newsContent .goTo {font-size: 14px; font-family: 'calibri'; color: #c20044;} #singleNews .newsContent {width: 485px; float: left;} #singleNews .newsMedia {float: left; width: 465px; margin-right: 30px;} #singleNews .attachment strong {display: block; margin-bottom: 20px; color: #c20044; font-size: 16px; line-height: 24px; font-weight: bold;} #singleNews .attachment {text-align: center;} #singleNews .attachment .fileMeta {display: block; margin-bottom: 30px; font-size: 14px; color: #898989;} #singleNews .attachment .downloadLink {margin-bottom: 10px;} #newsGallery .bigImage .showcase-arrow-next, #newsGallery .bigImage .showcase-arrow-previous {position: absolute; width: 34px; height: 41px; top: 305px; display: block; background: url('G/newsgallery_onimage_navigation.png') no-repeat 0px 0px; cursor: pointer; z-index: 100;} #newsGallery .bigImage .showcase-arrow-previous {left: -11px;} #newsGallery .bigImage .showcase-arrow-next {right: -11px; background: url('G/newsgallery_onimage_navigation.png') no-repeat 0px -41px;} .newsGalleryNavigation .prevNext a.next {background: url('G/newsgallery_next.png') no-repeat center center; width: 80px; height: 111px; display: block; cursor: pointer;} .newsGalleryNavigation .prevNext {float: left; width: 80px; height: 111px;} .newsGalleryNavigation .railContainer {float: left; width: 890px; margin-right: 10px;} .newsGalleryNavigation {overflow: hidden;} .newsGalleryNavigation ul {width: 20000px;} .showcase-thumbnail:hover img, .showcase-thumbnail.active img {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%);} .showcase-thumbnail img {opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .newsGalleryNavigation li {margin-right: 15px; float: left; width: 166px; height: 111px;} .newsNavigation {padding-bottom: 25px; overflow: hidden;} #newsGallery {margin-bottom: 25px;} /*h2.claim:after {content: ""; position: absolute; display: block; top: 47px; left: 206px; width: 5px; height: 8px; background: url('G/perpetua_tail.png') no-repeat 0px 0px;}*/ .wrapper.en h2.claim:after, .wrapper.de h2.claim:after {display: none;} h2.claim {position: relative; font-size: 72px; line-height: 50px; margin-top: -5px; color: #d6b982; text-align: center; font-weight: normal; margin-bottom: 50px; color: #d6b982; font-family: 'Perpetua', 'Georgia'; text-transform: uppercase;} #awards h2 {text-align: center; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 35px;} #awards .awardsList li {overflow: hidden; margin-bottom: 30px;} #awards .awardsList .awardAbout p {font-size: 16px; line-height: 24px;} #awards .awardsList .awardAbout h3 {font-size: 24px; line-height: 30px; margin-bottom: 15px; color: #c10044; font-family: 'Roboto-light';} #awards .awardsList .awardAbout {width: 510px; float: left;} #awards .awardsList .imageHolder {float: left; width: 290px; margin-right: 30px; text-align: center;} #awards .awardsList {/*padding-left: 150px;*/ margin-bottom: 40px; overflow: hidden;} #awards .split h3 {color: #c10044; font-size: 24px; margin-bottom: 20px; font-family: 'Roboto-light';} #awards .split .column50 {margin-bottom: 20px;} #awards .split {padding-top: 35px;} .equal {clear: both;} #euProjectsListning h2 {color: #c10044; font-size: 24px; font-family: 'Roboto-light'; margin-bottom: 30px;} #euProjectsListning .projectsList li a {color: #333;} #euProjectsListning .projectsList li .goTo {font-weight: normal; font-family: 'Calibri'; color: #c20044; font-size: 14px;} #euProjectsListning .projectsList li p {font-size: 16px; line-height: 24px; font-weight: bold;} #euProjectsListning .projectsList li {margin-bottom: 55px;} #euProjectsListning {margin-bottom: 30px; margin-bottom: 70px;} #breadcrumbs ul li {padding-right: 17px; margin-right: 9px; background: url('G/breadcrumbs_separator.png') no-repeat right center; display: block; float: left;} #breadcrumbs ul li strong {color: #c10044; font-weight: normal; font-size: 14px;} #breadcrumbs ul li a:hover {color: #c10044;} #breadcrumbs ul li a {color: #252525; font-size: 14px;} #breadcrumbs ul li:last-child {background: none;} #breadcrumbs {padding: 20px 0px; overflow: hidden; border-bottom: 1px dashed #a5a5a5;} .clarenaCarousel .navigation .goPrev, .clarenaCarousel .navigation .goNext, .homeProductsOverview .navigation .goPrev, .homeProductsOverview .navigation .goNext {width: 41px; height: 41px; background: url('G/carousel_navigations.png') no-repeat 0px 0px; position: absolute; top: 40%; display: block; cursor: pointer;} .clarenaCarousel .navigation .goPrev, .homeProductsOverview .navigation .goPrev {left: 0px;} .clarenaCarousel .navigation .goNext, .homeProductsOverview .navigation .goNext {background: url('G/carousel_navigations.png') no-repeat 0px -41px; right: 0px;} .clarenaCarousel .rail li.item {float: left;} .clarenaCarousel .rail li.item .productMeta p, .homeProductsOverview .rail li.item .productMeta p {font-size: 16px; line-height: 24px;} .clarenaCarousel .rail li.item .productMeta h3 a, .clarenaCarousel .rail li.item .productMeta a, .clarenaCarousel .rail li.item .productMeta a p {color: #333;} .clarenaCarousel .rail li.item .productMeta h3, .homeProductsOverview .rail li.item .productMeta h3 {font-size: 22px; color: #363636; font-family: 'Roboto-light'; margin-bottom: 10px; clear: both;} .clarenaCarousel .rail li.item .productMeta .productIcons, .homeProductsOverview .rail li.item .productMeta .productIcons {float: none; width: 100%; margin-bottom: 5px; overflow: hidden;} .homeProductsOverview .rail li.item .productMeta {padding-top: 90px; text-align: left; width: 270px; float: left;} .homeProductsOverview .rail li.item .productImage .sticker {position: absolute; top: 30px; left: 0px } .homeProductsOverview .rail li.item .productImage {position: relative; width: 140px; float: left;} .homeProductsOverview .rail li.item {width: 410px; padding: 0px 15px; float: left; overflow: hidden;} .clarenaCarousel .rail, .homeProductsOverview .rail {width: 20000px; overflow: hidden;} .clarenaCarousel .carousel, .homeProductsOverview .carousel {margin: 0px 50px; overflow: hidden;} .clarenaCarousel {overflow: hidden; position: relative; margin-bottom: 30px; padding-bottom: 30px;} .homeProductsOverview {margin-bottom: 30px; overflow: hidden; position: relative; height: 350px;} .clarenaCarousel .genericPagination li.active {background: url('G/clarena_pagination.png') no-repeat 0px 0px; cursor: default;} .clarenaCarousel .genericPagination li {display: inline-block; width: 8px; height: 8px; margin: 0px 4px; overflow: hidden; text-indent: -1000px; background: url('G/clarena_pagination.png') no-repeat -8px 0px; cursor: pointer;} .clarenaCarousel .goTo {font-family: 'Calibri'; font-size: 14px; color: #c20044;} .clarenaCarousel .genericPagination {overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center;} .clarenaCarousel {overflow: hidden;} #submenuContainer {display: none; border-top: 1px dashed #a5a5a5; padding: 23px; padding-bottom: 25px;} #submenuContainer .submenu li a:hover:after {content: "\00a0\2192"; font-family: 'Calibri'; font-size: 14px; color: #c20044;} #submenuContainer .submenu li a:hover {color: #c20044; text-decoration: underline;} #submenuContainer .submenu li a {color: #252525;} #submenuContainer .submenu li {display: block; width: 33%; height: 19px; float: left; margin-bottom: 10px;} #submenuContainer .submenu {overflow: hidden; margin: 0px 150px;} .relatedProducts h3.header {font-size: 24px; color: #363636; font-family: 'Roboto-light'; margin-bottom: 20px; text-align: center;} .relatedProductsCarousel .rail li.item {width: 311px; padding: 0px 7px;} .relatedProductsCarousel .item .productMeta {width: 260px;} .relatedProductsCarousel .item .productImage {text-align: center; width: 260px;} .relatedProductsCarousel .item .productImage img {height: 180px !important; width: auto !important;} .relatedProductsCarousel .navigation {display: none;} .relatedProductsCarousel .carousel {margin-left: 0px; margin-right: 0px;} .relatedProductsCarousel .rail li.item .productMeta h3 {font-size: 20px;} .calendarContainer .calendar table {border-collapse: collapse; text-align: center;} .calendarContainer .calendar thead td:last-child {border-right: 1px solid #cfcac8;} .calendarContainer .calendar thead td {border-right: 1px solid #fbfbfb; background: #fbfbfb;} .calendarContainer .calendar td {width: 34px; height: 34px; border: 1px solid #cfcac8;} .calendarContainer .calendar td a {color: #333; display: block; padding-top: 8px; width: 34px; height: 26px;} .calendarContainer .calendar .disabled {font-size: 14px; color: #CCC;} .calendarContainer .months .monthName {padding-top: 12px; text-align: center; font-weight: bold; font-size: 14px; font-weight: bold; display: block;} .calendarContainer .months .prev, .calendarContainer .months .next {display: block; width: 37px; height: 37px; position: absolute; top: 0px; background: url('G/calendar_navigation.png') no-repeat 0px 0px; cursor: pointer;} .calendarContainer .months .next:hover {background: url('G/calendar_navigation.png') no-repeat -37px -37px;} .calendarContainer .months .next {right: 0px; background: url('G/calendar_navigation.png') no-repeat -37px 0px;} .calendarContainer .months .prev:hover {background: url('G/calendar_navigation.png') no-repeat 0px -37px;} .calendarContainer .months .prev {left: 0px; background: url('G/calendar_navigation.png') no-repeat 0px 0px;} .calendarContainer .months {margin-bottom: 8px; position: relative; overflow: hidden; margin-right: 18px; height: 37px;} .calendarContainer .calendar {font-size: 14px; color: #333;} .calendarContainer {} .stylizedSelect select.stylizedSelect {display: none;} .stylizedSelect .label {text-align: left;} .stylizedSelect {text-align: left; cursor: pointer; display: inline-block; padding-right: 28px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; background: url('G/dropdown_tick.jpg') no-repeat right center; border: 1px solid #cccccc;} #abstractSelect .option:nth-child(odd) {background: #fbfbfb;} #abstractSelect .option:hover {background: #c20045; color: #FFF;} #abstractSelectOverlay {background: #000; opacity: 0; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 900; display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #abstractSelect .option {cursor: pointer; border-bottom: 1px solid #CCC; padding: 7px; font-family: 'Arial'; font-size: 13px;} #abstractSelect {box-shadow: #BBB 2px 2px 2px 0px; display: block; position: absolute; display: none; background: #FFF; z-index: 999; top: 0px; left: 0px;} .linkScope {cursor: pointer;} #contact {margin-bottom: 25px; padding-top: 15px;} input, textarea, select {font-size: 14px; font-family: 'Georgia';} .example {color: #252525; font-size: 14px; font-family: 'Georgia';} .c5-panel .mainMenuContainer {height: auto;} .c5-panel .productImage .ccm-add-block {margin-top: 45px;} .c5-panel .productName div {line-height: normal;} #submenuContainer .submenu li.active a {color: #C20245;} .nav-path-selected a, .mainMenuContainer .nav-path-selected a, #submenuContainer .submenu li.nav-path-selected a {color: #C20245;} .productTiming img {margin-right: 5px; position: relative; top: 3px;} .projectsList img {width: 95% !important; height: auto !important;} #euProjectsListning .projectsList h2 {font-size: 16px; font-weight: bold; line-height: 24px; color: #333; font-family: Georgia; display: none;} #euProjectsListning .projectsList li p {font-size: 0px; line-height: 0px;} #offerIndex .image, .offerIndex.image {width: 285px; float: left; margin-top: 53px;} #offerIndex .offerContent {float: left; width: 694px;} .slimRelatedProducts a {background: none; border: 1px solid #D2CDCB; display: inline-block; height: 114px; margin-right: 10px; overflow: hidden; padding: 0; width: 114px;} .projectsList p {text-align: left !important;} .no_margin p, .no_margin {margin: 0px !important; padding: 0px !important;} #content .AttrGoBack.bottom {clear: both; display: block; float: left; left: auto; margin-bottom: 25px; position: static; top: auto;} #content .AttrGoBack {background: url("G/arrow_back.png") no-repeat scroll 13px 15px rgba(0, 0, 0, 0); border: 1px solid #CFCAC8; color: #333333; height: 30px; left: 0; padding-left: 40px; padding-right: 20px; padding-top: 10px; top: 25px; display: inline-block; position: relative; z-index: 10002} #content {position: relative;} #euProjectsListning .projectsList li img {float: none !important;} #productsCatalog li .imageHolder img {width: 100% !important; height: auto !important;} #productsCatalog li h3 span {font-size: 12px;} .banner {height: 240px; position: relative; margin-bottom: 10px; margin-top: 50px;} .banner img {position: absolute; bottom: 40px;} .banner p {position: absolute; bottom: 0px;} .banner_link a {background: url("G/button_arrow_fr.png") no-repeat scroll right center #FFFFFF; border: 1px solid #CFCAC8; color: #666666; display: inline-block; margin-bottom: 12px; padding: 11px 45px 11px 20px;} .banner img, .banner_h img {border: 1px solid #CFCAC8;} .banner_h p {line-height: 45px;} .banner_link p:last-child {display: none;} .banner_link {margin-bottom: 35px;} #code {display: none;} .catalogCategories ul.submenu {display: none;} .catalogCategories li.active > ul.submenu {display: block;} .catalogCategories li.active > ul.submenu li.active > ul.submenu {display: block;} #offerIndex {float: left; clear: both;} .ccm-search-block-form input {border: none;} .offerIndex table {margin-bottom: 10px;} .offerIndex table tr td {vertical-align: middle;} .offerIndex table tr td.dlCell {text-align: center; width: 180px;} .offerIndex table tr td .downloadLink {margin-bottom: 0px; color: #252525; text-transform: none;} .offerIndex table thead tr td {background: #FFF; color: #333333; font-weight: bold; border: 1px solid #cccccc; text-align: left; text-transform: uppercase; padding-top: 25px; padding-bottom: 25px;} .offerIndex h2 {margin-bottom: 20px; font-size: 24px; color: #252525; font-family: 'Roboto-light';} .offerIndex .mark {float: left; margin-right: 15px;} .offerIndex .explaination {float: left; padding-top: 7px;} .form_cont {height: 29px; position: absolute; right: 0; top: 63px; width: 252px;} .productName {color: #C10043; font-family: 'Roboto-light'; font-size: 50px; line-height: 44px;} ul.trainingList li {width: 196px; margin-right: 25px; float: left;} ul.trainingList li:nth-child(3n+1) {clear: both;} ul.trainingList li .imageHolder img {width: auto !important; height: 154px !important;} ul.trainingList li .imageHolder {overflow: hidden; height: 154px;} ul.trainingList li h4.name {color: #252525; font-size: 24px; text-align: center; padding: 10px 0px; font-weight: normal; font-family: 'Roboto-light';} #content .textFormat .dynamicOfferIndex > li .men img {position: absolute; top: 20px; right: 20px;} .ccm-pagination span.numbers {display: inline-block; font-family: Georgia; font-size: 14px; line-height: 36px; border: 1px solid #cccccc; width: 36px;} .ccm-pagination span.numbers a {display: block; color: #333333;} .ccm-pagination span.active {border: 1px solid #c20146;} .ccm-pagination span.active strong {color: #c20146; font-weight: normal;} .ccm-pagination span.ccm-pagination-ellipses {display: inline-block; width: 30px;} .ccm-pagination span.ccm-page-left, .ccm-pagination span.ccm-page-right {display: inline-block; font-family: Georgia; font-size: 14px; line-height: 36px; border: 1px solid #cccccc; width: 36px; font-family: 'Calibri'; color: #cccccc;} .ccm-pagination span.ccm-page-left a, .ccm-pagination span.ccm-page-right a {display: block; color: #333333; font-family: 'Calibri';} #searchResults .searchResult {margin-bottom: 40px;} #searchResults .searchResult h2 a {font-size: 24px; color: #363636; font-family: 'Roboto-light';} #searchResults .searchResult p {margin-top: 1em;} #searchResults .searchResult p a {clear: both; display: block; color: #c20047;} #searchResults .searchResult p span {background: #f3e5cb !important;} .homeProductsOverview .rail li.item .productImage img {/*position: absolute; z-index: 1; left: -100px;*/} .homeProductsOverview .rail li.item .productMeta {width: 230px; padding-top: 30px;} .homeProductsOverview .rail li.item .productImage {text-align: left; width: auto;} .homeProductsOverview .rail li.item {padding: 0px; width: 440px;} .homeProductsOverview {height: auto;} .page404 {text-align: center;} .productName, .productname {color: #C10043; font-family: 'Roboto-light'; font-size: 50px; line-height: 1.2em;} .defList .imageHolder img {width: 100%; height: auto; margin: 0px !important;} .expertFinderBox .stylizedSelect {width: 210px !important;} .name_pl h4 {color: #363636; font-size: 24px; line-height: 1.1em; font-weight: normal; font-family: 'Roboto-light'; margin-top: 10px;} #slimCatalog .catalogProductsList .item .imageHolder img:last-child {display: none;} #slimCatalog .catalogProductsList .item .imageHolder img:first-child {display: block;} .bullets ul {margin: 12px 0px 12px 20px;} .bullets ul li {background: url('G/bullet.png') no-repeat 0px 0.7em; margin-bottom: 21px; padding-left: 12px;} .offerIndex table tr td p {margin: 0px;} ul.trainingList li.n3 {margin-right: 0px;} .languageSwitcher {/*display: none;*/} .subscribeNewsletter {display: none;} .tabela_zabiegi tr td a {background: url("G/button_arrow_fr.png") no-repeat scroll right center #FFFFFF; border: 1px solid #CFCAC8; margin-bottom: 0; text-transform: none; display: inline-block; color: #666666 !important; padding: 11px 45px 11px 20px;} .goToRetails {display: none; visibility: hidden;} .menu-divided {display: inline-block; width: auto;} .mainMenuTrigger {display: none; cursor: pointer; width: 35px; height: 30px; padding: 14px 5px 0 5px; border-radius: 3px; border: 1px solid #D8D8D8; z-index: 1000; position: absolute; top: 130px; right: 15px;} .search_form_trigger {display: none} .clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} .clearfix {display: inline-block} html[xmlns] .clearfix {display: block} * html .clearfix {height: 1%} .visible-480 {display: none;} .hidden-480 {display: block;} .hidden-over-480 {display: none !important;} table p {font-size: 16px; line-height: 26px;} @media (max-width : 1001px){ .wrapper {width: 90%; margin: 0 5%;} #top {background-position: bottom center;} #footer {background-position: top center;} #logo {width: 129px; height: 65px; margin: 17px 0 0 15px} #logo img {width: 100%; height: auto;} #top .goToPartnersStore, #top .goToRetailStore {width: 122px; font-size: 13px; line-height: 15px;} #top .goToPartnersStore {left: 200px;} #top .goToRetailStore {left: 400px;} .form_cont {top: 61px;} #submenuContainer .submenu {margin: 0 75px;} /* misc */ .column33 {width: 30%;} .column33 img {width: 100%; height: auto;} .imageHolder { // max-width: 45%; // width: auto !important } .imageHolder img {width: 100%; height: auto;} .youtubeBlock {width: 100%; height: auto;} .youtubeBlock > iframe {width: 100%; height: auto; min-height: 320px;} .homeProductsOverview .rail li.item .productImage {width: 40%; float: left;} .homeProductsOverview .rail li.item .productImage img {width: 80%; height: auto;} .homeProductsOverview .rail li.item .productMeta {width: 60%; float: right;} #singleNews .newsMedia {width: 47%; float: left; margin: 0;} #singleNews .imageHolder {max-width: 100%;} #singleNews .newsContent {width: 50%; float: right;} #singleNews blockquote.staffQuote:before {left: 48%;} .awardsList li .imageHolder {width: 29% !important; margin-right: 0; float: left;} .awardsList li .awardAbout {width: 62% !important; float: left; margin-left: 3%;} .accept_cookies_content {max-width: 100% !important; width: calc(100% - 40px) !important; -webkit-box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.11); box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.11);} .accept_cookies_content p {width: 100%;} .page-firma .pageHeader p, .page-laboratorium .pageHeader p {padding: 0 50px;} /* zapytaj eksperta */ #expertQaA {width: 55%; margin-right: 0px;} .expertQuestionContainer {width: 42%; float: right;} #expertQaA li .answer p {width: calc(100% - 97px); float: right} .questionBox form select, .questionBox form input, .questionBox form textarea {width: calc(100% - 40px);} /* podstrona kategorii produktow */ #slimCatalog .catalogCategories {width: 34% !important;} #slimCatalog .catalogProducts {width: 66% !important;} #slimCatalog .catalogProducts .catalogHeader img {width: 100%; height: auto;} #slimCatalog .catalogProductsList .item {width: 32%; margin: 0 0 10px 0;} #slimCatalog .catalogProductsList .item:nth-child(3n+2) {margin: 0 1% 10px 1% !important;} #slimCatalog .catalogProductsList .item .imageHolder {height: auto;} /* produkt */ #product {padding-top: 55px;} #product .leftColumn {width: 44% !important; float: left; margin-right: 0px} #product .productImage img {width: 100%; max-width: 100%; height: auto;} #product .rightColumn {width: 52% !important; float: right;} #product .orderOptions a {width: calc(100% - 57px);} /* zabiegi */ #offerIndex {float: none; width: 100%; display: block;} #offerIndex .image {width: 30%;} #offerIndex .image img {width: 100%; height: auto;} #offerIndex .offerContent {width: 68%; float: right;} /* gdzie kupic */ .onlineStorePromotionBar {padding-left: 0px;} .onlineStorePromotionBar h4 {float: none; width: 100%; text-align: center; margin: 0px;} .onlineStorePromotionBar .goToRetailStore {width: 45%; max-width: 45%; display: block; float: none; margin: 20px auto; visibility: visible} /* pro - wspolpraca */ .ccm-layout-1-col-2 img {width: 100%; height: auto;} .ccm-layout-1-col-1 .leftColumn {width: 90%;} blockquote.staffQuote:before {left: 46%;} /* pro - do pobrania */ .page-dla-salonow-kosmetycznych .ccm-layout-cell .banner img {max-width: 105px; height: auto;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-1, .page-dla-salonow-kosmetycznych .ccm-layout-4-col-2 {width: 45% !important;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-1 {margin-right: 5% !important;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-2 .staffQuote {padding: 35px 15px 0 15px;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-2 .staffQuote p {font-size: 15px; line-height: 19px;} /* szkolenia */ .page-szkolenia .trainingList .item {width: 30% !important; margin-right: 0 !important; margin-bottom: 20px;} .page-szkolenia .trainingList .item:nth-child(3n+2) {margin: 0 3% !important;} .page-szkolenia .trainingList .item .imageHolder {max-width: 100% !important;} ul.trainingList li h4.name {font-size: 20px;} .page-szkolenia #slimCatalog .catalogCategories ul li {max-width: 50%; width: 50%; display: inline-block} .trainingContent {width: 64%; float: right;} .trainingContent img {width: 100%; height: auto;} /* kontakt */ #contact .column50, .expertFinder .column50 {width: 48%; margin: 0;} .column50.last {float: right;} .column50.last img {width: 100%; height: auto;} /* showcase concrete5 */ .showcase {width: 100% !important;} .showcase-content-container {min-height: 383px;} .showcase-thumbnail-restriction {width: calc(100% - 160px) !important;} .showcase .showcase-content {width: 100% !important; height: auto !important;} .showcase-content .showcase-content {width: inherit !important; height: inherit !important;} .showcase-content img {width: 100%; height: auto;} #newsGallery .bigImage .showcase-arrow-next, #newsGallery .bigImage .showcase-arrow-previous {top: 40%;} } @media (max-width : 955px){ .goToPartnersStore, .goToRetailStore {background-size: 35px 30px; height: 30px; line-height: 30px; width: auto; padding: 0 15px 0 45px; left: 240px; top: 15px;} .goToRetailStore {top: 60px;} } @media (min-width: 768px) and (max-width: 955px) { .jobOfferDetails .jobOfferDescription { width: 385px; float: left; } .jobOfferDetails .jobOfferImage { max-width:300px; width:300px; height:auto; position: relative; display:block; /*margin:0 auto;*/ float:left; } .jobOfferImage img { width:300px !important; height:100% !important; display:block; margin:0 auto; } #top .goToRetailStore { left: 200px; } } @media (max-width : 768px){ .wrapper {width: 94%; margin: 0 3%;} .mainMenuGoHome {display: none !important;} #logo img {width: 100%; height: auto;} #top .goToPartnersStore, .goToRetailStore {left: 200px; padding: 0 10px 0 40px; display: none; visibility: hidden;} .goToRetails {display: block; visibility: visible; padding: 20px 0; border-bottom: 1px solid #DEDEDE;} .goToRetails a {background-size: 35px 30px; height: 30px; line-height: 30px; width: 44%; margin: 0 2.5%; display: inline-block; visibility: visible; position: relative; font-family: 'Roboto-light'; color: #333; border: 1px solid #d6b982; font-size: 14px;} .goToRetails a span {padding: 0 0 0 45px;} .goToRetail {background: url('G/partnersshop_icon.png') no-repeat 0px 0px; border: 1px solid #666 !important;} .goToPartners {background: url('G/retailshop_icon.png') no-repeat 0px 0px;} .form_cont, .languageSwitcher {right: 15px;} #mainMenu li a {font-size: 12px; line-height: 18px;} #submenuContainer .submenu {margin: 0; font-size: 14px;} .column33 {width: 100%; display: block; float: none;} .column33.middle {margin: 0;} .column33 .main-page-box-wrap {width: 40%; margin: 0 4%; display: block; float: left;} .column33 img {width: 100%; height: auto;} #blockStyle13564Column1203, #blockStyle13565Column2204, #blockStyle13566Column3205 {padding: 0;} .newsContent {font-size: 14px; } .clarenaCarousel .rail li.item .productMeta h3, .homeProductsOverview .rail li.item .productMeta h3 {font-size: 18px;} .homeProductsOverview .rail li.item .productImage img {width: 100%; height: auto;} .footerInfo li h4 {font-size: 20px;} .footerInfo li p {font-size: 14px; line-height: 19px;} h2.claim {line-height: 65px; font-size: 55px;} .youtubeBlock {width: 100%; height: auto; max-width: 100%;} .page-firma .pageHeader p, .page-laboratorium .pageHeader p {padding: 0;} .withoutDescription p {padding: 0;} /* kategoria */ #slimCatalog {padding-top: 15px;} #slimCatalog .catalogCategories {width: 100% !important; margin: 0; padding: 0;} #slimCatalog .catalogCategories .productName {line-height: 28px; margin-bottom: 15px; display: block;} /*#slimCatalog .catalogCategories ul {display: block;}*/ #slimCatalog .catalogCategories ul li {display: block; max-width: 100%; width: 100%;} #slimCatalog .catalogProducts {width: 100% !important;} /* submenu na profesce */ #slimCatalog .catalogCategories ul li.nav-selected {width: 100%; max-width: 100%;} #slimCatalog .catalogCategories ul li.nav-selected ul {display: block; width: 100%; font-size: 14px;} #slimCatalog .catalogCategories ul li.nav-selected ul li {display: inline-block; max-width: 25%; width: 25%;} /* produkt */ #product .leftColumn {width: 100% !important; float: none;} #product .productImage {margin-bottom: 0px;} #product .productImage img {width: 70%; max-width: 70%; height: auto; margin: 50px 15% 0 15%;} #product .rightColumn {width: 100% !important; float: none;} /* profeska - gdzie kupic */ .purchaseOptions {background: none;} .purchaseOptions > div {width: 100%; float: none; display: block; margin-bottom: 20px;} .purchaseOptions .optionOnline {border-bottom: 1px dashed #d6b982} /* pro - do pobrania */ .page-dla-salonow-kosmetycznych .ccm-layout-cell .banner {height: 220px;} .page-dla-salonow-kosmetycznych .ccm-layout-cell .banner img {max-width: 240px; height: auto;} .page-dla-salonow-kosmetycznych .ccm-layout-5-col-1, .ccm-layout-5-col-2, .ccm-layout-5-col-3, .ccm-layout-5-col-4, .ccm-layout-5-col-5 {width: 33% !important;} .banner_h img {width: 100%; height: auto;} /* szkolenia */ .trainingInset {float: none !important; display: block; width: 100%;} .trainingInset ul li {display: inline-block !important; width: 50% !important; max-width: 50% !important;} .trainingContent {width: 100%; float: none; display: block;} /* kontakt */ .expertFinderBox .filter {padding: 14px 15px;} .expertFinderBox .stylizedSelect {padding: 10px 0 !important; width: 100% !important; margin-top: 10px;} .expertFinderBox .stylizedSelect .label {padding: 8px;} .expertFinderBox .header {height: auto;} .finderExpertsList li {padding: 10px 15px;} .finderExpertsList li .person {width: 100%; display: block; float: none;} .finderExpertsList li .name {display: block; width: 100%;} .finderExpertsList li p.adress {display: block; width: 100%;} /* showcase concrete5 */ .showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward {width: 50px;} .showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {width: 50px;} .showcase-thumbnail-restriction {width: calc(100% - 100px) !important;} .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {max-width: 100px;} .pageHeader {padding-top: 47px;} /* JOB OFFER */ .jobOfferDetails {width:100% !important;} .jobOfferDetails .jobOfferImage { max-width:100%; height:auto; position: relative; display:block; margin:0 auto; float:none; } .jobOfferImage img { width:100% !important; height:100% !important; display:block; margin:0 auto; } .jobOfferDetails .jobOfferDescription { width: 100% !important; } #slimCatalog .catalogCategories ul li:before { color: #c20145; content: "\00a0\2192"; font-family: 'Calibri'; font-size: 14px; margin-right:3px; } } @media (max-width : 699px){ .mainMenuGoHome {display: block !important; text-align: center !important;} .mainMenuGoHome a {text-align: center !important; padding-left: 0px !important} .goToRetails a {font-size: 12px;} #top {z-index: 9999; overflow: visible; padding-bottom: 40px;} #top .top {overflow: visible;} .mainMenuContainer {display: none} .mainMenuTrigger {display: block; top: 55px;} .mainMenuTrigger .bar {width: 100%; height: 2px; background: #656565; display: block; margin: 0 0 5px 0;} .form_cont, .languageSwitcher {right: 85px} .mobileMenuContainer {display: block; top: 50px; z-index: 10000;} .mobileMenuContainer ul#mainMenu {display: none;} .mobileMenuContainer ul li {display: block; text-align: center; height: auto; max-width: 90%; margin: 0 5%; border-bottom: 1px solid #e9e9e9; padding: 0} .mobileMenuContainer ul li a {padding: 10px 0;} .mobileMenuContainer ul li:last-child {border-bottom: 0px;} .awardsList li .imageHolder {width: 60% !important; max-width: 60% !important; margin: 0 20% !important; float: none !important; text-align: center !important} .awardsList li .imageHolder img {margin: 0 auto !important;} .awardsList li .awardAbout {width: 100% !important; float: none; margin: 20px 0 0 0;} /* tabelki */ .textFormat table {width: 100%; font-size: 13px;} /* pro - do pobrania */ .page-dla-salonow-kosmetycznych .ccm-layout-5-col-1, .ccm-layout-5-col-2, .ccm-layout-5-col-3, .ccm-layout-5-col-4, .ccm-layout-5-col-5 {width: 48% !important;} /* kontakt */ .expertFinder .column50 {width: 100%; display: block; float: none;} .expertFinder .column50.last {float: none; display: none;} } @media (max-width : 641px){ .homeProductsOverview .rail li.item .productImage img {width: 80%; height: auto;} .goToRetails a {width: 48%; margin: 0 0.5%;} .onlineStorePromotionBar .goToRetailStore {width: 65%; max-width: 65%;} /* showcase concrete5 */ .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {max-width: 70px; float: none !important; display: inline-block !important;} #newsGallery .bigImage .showcase-arrow-next, #newsGallery .bigImage .showcase-arrow-previous {top: 32%;} .showcase-thumbnail-restriction, .showcase-thumbnail-wrapper-horizontal {width: 100% !important; margin-left: 0px !important} } @media (max-width : 481px){ .visible-480 {display: block;} .hidden-480 {display: none;} .hidden-over-480 {display: block !important;} #top .top {height: 95px; overflow: visible;} .languageSwitcher {top: 0px; right: 0} .form_cont {top: 37px; right: 0} .ccm-search-block-form {width: 100%; background: #fff} .ccm-search-block-form input[type="text"] {width: calc(100% - 145px);} .ccm-search-block-form input[type="submit"] {width: 22%;} #logo {width: 90px; height: 55px; margin: 0px; position: absolute; top: 20px; left: 0;} #logo img {width: 100%; height: auto;} a.goToPartners {font-size: 12px; width: 75%; margin: 0 12.5% 20px 12.5%;} a.goToRetail {font-size: 12px; width: 75%; margin: 0 12.5%;} .mainMenuTrigger {top: 30px; right: 0px;} .mobileMenuContainer {top: 97px; z-index: 9000} .form_cont form {display: none; position: absolute; top: 63px; left: 0; padding: 25px 0; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.1); border: 0; z-index: 9009} .form_cont form .ccm-search-block-text {border: 1px solid #C1C1C1; margin-left: 15px;} .search_form_trigger {display: block;width: 35px;height: 35px;background: none;cursor: pointer;color: #575757;border-radius: 3px;border: 1px solid #D8D8D8;line-height: 33px;text-align: center;position: absolute;top: -7px;right: 75px;padding: 5px 5px 4px 5px;} .ccm-search-block-form input[type="submit"] {border: 1px solid #ccc; margin-right: 15px; height: 31px;} .column33 .main-page-box-wrap {width: 90%; margin: 0 4%; display: block; float: none;} .column33 img { // width: 85% !important; // max-width: 85% !important; height: auto; } .imageHolder { //max-width: 85%; width: auto !important; // margin: 0 7.5% 20px 7.5% !important; margin-right:0px !important; } .newsMeta { width: 100% !important; //margin: 0 7.5% 10px 7.5%; display: block; } .homepageNews .newsContent {position: relative; max-height: 130px; overflow: hidden; line-height: 18px !important;} .homepageNews .newsContent:after {position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80%); /*pointer-events: none;*/ cursor: pointer} .homeProductsOverview .rail li.item .productImage {width: 80%; float: none; display: block; margin: 0 10%;} .homeProductsOverview .rail li.item .productImage img {width: 100%; height: auto; margin: 0 auto} .homeProductsOverview .rail li.item .productMeta {width: 80%; float: none; display: block; margin: 0 10%;} .footerInfo li {width: 80%; display: block; float: none; margin: 0 auto; padding: 80px 0 40px 0; background-size: 60px 60px} .footerInfo li.doradcyhandlowi {background: url('G/footericon_doradcyhandlowi.png') no-repeat center 0px; background-size: 60px 60px} .footerInfo li.salonsprzedazyclarena {background: url('G/footericon_salonsprzedazy.png') no-repeat center 0px; background-size: 60px 60px} .footerInfo li.biuroobslugi {background: url('G/footericon_bok.png') no-repeat center 0px; background-size: 60px 60px} div.ccm-pagination span.ccm-page-left {position: absolute; top: -60px; left: 0px;} div.ccm-pagination span.ccm-page-right {top: -60px;} div.ccm-pagination span {margin: 65px 4px 20px 0;} #singleNews blockquote.staffQuote {padding: 20px 15px; font-size: 15px; line-height: 20px;} #singleNews blockquote.staffQuote:before {left: 38%;} /* pojedyncza aktualnosc */ .single-news-page .newsMedia {width: 100% !important; float: none !important; margin: 0;} .single-news-page .imageHolder {max-width: 100% !important; margin: 0 0 40px 0 !important} .single-news-page .newsContent {width: 100% !important; float: none !important;} .single-news-page blockquote.staffQuote:before {left: 48%;} /* firma */ .page-firma #singleNews .newsMedia {width: 100% !important; float: none !important; margin: 20px 0 !important;} .page-firma #singleNews .newsMedia .imageHolder { //margin: 0 5% 25px 5% !important; } .page-firma h2.claim {line-height: 55px; margin-bottom: 10px;} .page-firma #singleNews blockquote.staffQuote:before {left: 44% !important;} .page-firma #singleNews .newsContent {width: 100%; float: none;} /* tabelki */ .jobOffers table td {padding: 5px; word-break: keep-all} .jobOfferDetails {width:100% !important;} .jobOfferDetails .jobOfferImage { // width: 100% !important; max-width:100%; height:auto; position: relative; display:block; margin:0 auto; } .jobOfferImage img { width:100% !important; height:100% !important; display:block; } .jobOfferDetails .jobOfferDescription { width: 100% !important; } /* zapytaj eksperta */ #expertQaA {width: 100%;} .expertQuestionContainer {width: 100%;} /* kategoria */ #slimCatalog {padding-top: 15px;} #slimCatalog .catalogCategories {width: 100% !important; margin: 0; padding: 0;} #slimCatalog .catalogCategories .productName {line-height: 28px; margin-bottom: 15px; display: block;} /*#slimCatalog .catalogCategories ul {display: block;}*/ #slimCatalog .catalogCategories ul li {display: block; max-width: 100%; width: 100%;} #slimCatalog .catalogCategories ul li.nav-selected {width: 100%; max-width: 100%;} #slimCatalog .catalogCategories ul li.nav-selected ul {display: block; width: 100%; font-size: 14px; padding: 0; margin: 0;} #slimCatalog .catalogCategories ul li.nav-selected ul li {display: inline-block; max-width: 50%; width: 50%;} #slimCatalog .catalogProducts {width: 100% !important;} #slimCatalog .catalogProductsList .item {width: 48%;} #slimCatalog .catalogProductsList .item .imageHolder {height: auto;} #slimCatalog .catalogProductsList .item:nth-child(3n+2) {margin: 0 0 10px 0 !important;} #slimCatalog .catalogProductsList .item:nth-child(2n+2) {margin: 0 1% 10px 1% !important;} #slimCatalog .catalogProductsList .item h3 {font-size: 14px; line-height: 18px;} #slimCatalog .catalogProductsList .item h3 span {font-size: 11px;} /* produkt */ #product .productImage img {width: 100%; max-width: 100%; height: auto; margin: 50px 0 0 0;} #product .productName {font-size: 36px;} #product .productName span {font-size: 18px;} #product .orderOptions a.retail {font-size: 15px; height: 41px; line-height: 41px; padding-top: 0px; padding-left: 0px; background: none; text-align: center; width: 98% !important} #product .orderOptions a.retail:before {content: "\f07a"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px;} #product .orderOptions a.retail:active {background: #666666; color: #fff;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-1, .page-dla-salonow-kosmetycznych .ccm-layout-4-col-2 {width: 100% !important; float: none !important} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-1 {margin-right: 0% !important;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-2 .staffQuote {padding: 35px 15px 0 15px; margin: 40px 0 20px 0;} .page-dla-salonow-kosmetycznych .ccm-layout-4-col-2 .staffQuote p {font-size: 16px; line-height: 20px;} .page-dla-salonow-kosmetycznych .ccm-layout-23-col-1, .page-dla-salonow-kosmetycznych .ccm-layout-23-col-2 {width: 100% !important; float: none !important} .page-dla-salonow-kosmetycznych .ccm-layout-23-col-2 table tr {padding-bottom: 20px;} .page-dla-salonow-kosmetycznych .ccm-layout-23-col-2 td a span {font-size: 13px;} /* szkolenia */ .page-szkolenia .trainingList .item {width: 46% !important; margin: 0 2% 0 2%; float: none; display: inline-block; height: 240px;} .page-szkolenia .trainingList .item:nth-child(3n+2) {margin: 0 2% 0 2% !important;} .page-szkolenia .trainingList .item .imageHolder {max-width: 100% !important; margin: 0 !important;} ul.trainingList li h4.name {font-size: 20px;} .page-szkolenia #slimCatalog .catalogCategories ul li {max-width: 50%; width: 50%; display: inline-block; font-size: 13px;} .promotionBox.formBox {width: 98%; display: block; margin-bottom: 20px;} .page-oferta .promotionBoxes p {display: block; width: 100%;} .trainingInset ul li {font-size: 14px;} /* showcase */ #newsGallery .bigImage .showcase-arrow-next, #newsGallery .bigImage .showcase-arrow-previous {top: 26%;} .showcase-content-container {min-height: 275px;} /* marka prywatna */ div[data-id-strony='1137'] .newsMedia {display: none !important;} div[data-id-strony='1137'] .newsContent {display: block !important; float: none !important; width: 100% !important;} /* kontakt */ #contact .column50, .expertFinder .column50 {width: 100% !important;} #contact .column50 .downloadLink {margin: 18px 0 0 0; color: #C20045 !important; text-transform: none; padding-right: 35px; padding-left: 10px; font-size: 14px;} /* certyfikaty */ table.certyfikaty td {width: 100%; display: table-row !important} table.certyfikaty td img {padding: 0 0 40px 0 !important; margin: 0 auto;} } @media (max-width : 399px){ a.goToPartners {font-size: 13px; width: 95%; margin: 0 2.5% 20px 2.5%;} a.goToRetail {font-size: 13px; width: 95%; margin: 0 2.5%;} .ccm-pagination span.numbers {width: 24px; line-height: 24px;} .jobOffers {margin-left: -5px;} .jobOffers table td {padding: 3px; word-break: keep-all; font-size: 10.5px;} #slimCatalog .catalogProductsList .item {width: 99%;} #slimCatalog .catalogProductsList .item .imageHolder {max-width: 50%; width: 50%; height: auto;} #slimCatalog .catalogProductsList .item .imageHolder img {max-width: 60%; width: 60%; height: auto; margin: 0 auto} #slimCatalog .catalogProductsList .item:nth-child(3n+2) {margin: 0 0 10px 0 !important;} #slimCatalog .catalogProductsList .item:nth-child(2n+2) {margin: 0 0 10px 0 !important;} #slimCatalog .catalogProductsList .item h3 {font-size: 16px; line-height: 20px;} #slimCatalog .catalogProductsList .item h3 span {font-size: 13px;} #slimCatalog .catalogCategories ul li.nav-selected {width: 100%; max-width: 100%;} #slimCatalog .catalogCategories ul li.nav-selected ul {display: block; width: 100%; font-size: 14px; padding: 0; margin: 10px 0 0 0;} #slimCatalog .catalogCategories ul li.nav-selected ul li {display: inline-block; max-width: 50%; width: 50%; margin-bottom: 5px;} /* produkt */ #product .orderOptions a.retail {font-size: 15px; padding: 15px 5px; background: none; text-align: center; width: auto !important; height: auto; line-height: 18px;} #product .orderOptions a.retail:before {content: "\f07a"; font-family: 'FontAwesome'; font-size: 16px; margin-right: 10px;} .productName, .productname {font-size: 36px;} /* zabiegi */ #offerIndex .image {width: 0%; display: none} #offerIndex .image img {width: 100%; height: auto;} #offerIndex .offerContent {width: 100%; float: none; display: block;} .onlineStorePromotionBar .goToRetailStore {width: 80%; max-width: 80%;} .ccm-layout-table .ccm-layout-1-col-1, .ccm-layout-table .ccm-layout-1-col-2 {float: none; width: 100% !important;} .ccm-layout-table .ccm-layout-1-col-2 {margin-bottom: 40px;} #awards .split .column50 {width: 100%; text-align: left !important} #awards .split .column50 p {text-align: justify;} /* szkolenia */ .page-szkolenia .trainingList {margin-top: 40px;} .page-szkolenia .trainingList .item {width: 100% !important; margin: 0 0%; float: none; display: inline-block; height: 240px;} .page-szkolenia .trainingList .item:nth-child(3n+2) {margin: 0 5% !important;} /* showcase */ #newsGallery .bigImage .showcase-arrow-next, #newsGallery .bigImage .showcase-arrow-previous {top: 13%;} .showcase-content-container {min-height: 245px;} .showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward {display: none !important;} .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {max-width: 46%;} #newsGallery .bigImage .showcase-arrow-next {right: -10px;} } @media (max-width : 341px){ .ccm-search-block-form input[type="text"] {width: 45%;} .ccm-search-block-form input[type="submit"] {width: 35%;} .imageHolder { // max-width: 90%; width: auto !important; // margin: 0 5% 20px 5% !important; } .newsMeta { width: 100% !important; //margin: 0 5% 10px 5%; display: block; } #slimCatalog .catalogCategories ul {padding-left: 0;} #slimCatalog .catalogCategories ul li {display: block; max-width: 100%; width: 100%; font-size: 13px; font-weight: bold;} #slimCatalog .catalogCategories ul li.nav-selected ul li {display: block; max-width: 100%; width: 100%; margin-bottom: 5px; font-weight: normal;} /* showcase */ #newsGallery .bigImage .showcase-arrow-next, #newsGallery .bigImage .showcase-arrow-previous {top: 8%;} .showcase-content-container {min-height: 205px;} .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {max-width: 130px;} /* szkoleniowcy */ .externalInstructorFinder .filter .city { width: 100%; height: 36px; border: 1px solid #CCC; padding: 0px 10px; } }