@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin-ext);
@import url(http://weloveiconfonts.com/api/?family=fontawesome|typicons|entypo);

/* fontawesome */
[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

.zoomImg{
    background: white;
}

/* typicons */
[class*="typicons-"]:before {
    font-family: 'Typicons', sans-serif;
}

/* entypo */
[class*="entypo-"]:before {
    font-family: 'typicons', sans-serif;
}

@media (max-width: 1450px){
    .bigframe{
        width: 417px !important;
        height: 618px !important;
        background: url(../img/product/1.MainPage/frame1.png) no-repeat 50% 50%;
        background-size: 80%;
        padding: 14px;

    }

    .bigframe .theList ul li a{
        font-size: 2.5em !important;
        margin-top:-40px !important;
    }

}


.BigWrapper{
}

.right{
    float: right;
}
.left{
    float: left;
}

.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}

.bg-trans-300ms{
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}




.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    background-color: #eeeeee;
    padding: 42px 0;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    /*width: 100%;*/
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.shifter-open {
    overflow: hidden
}
.shifter-page{

}
.shifter-open .shifter-header *, .shifter-open .shifter-page * {
    pointer-events: none
}



.shifter-enabled .shifter-page {
    min-height: 100%;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 2px 0 2px rgba(0, 0, 0, .15);
    display: block;
    overflow: hidden
}

.shifter-enabled.shifter-left .shifter-page {
    box-shadow: -2px 0 2px rgba(0, 0, 0, .15)
}

.shifter-enabled .shifter-navigation {
    width: 270px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 0;
    background: #fff;
    display: block;
    overflow: auto;
    pointer-events: none;
    -webkit-transition: opacity .001s linear .2s, -webkit-transform .2s ease;
    transition: opacity .001s linear .2s, transform .2s ease
}

.shifter-enabled .shifter-header, .shifter-enabled .shifter-navigation, .shifter-enabled .shifter-page {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.shifter-enabled .shifter-header, .shifter-enabled .shifter-page {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease
}

.shifter-enabled .shifter-handle {
    width: 30px;
    height: 30px;
    position: relative;
    background: transparent;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shifter-enabled .shifter-handle:after {
    height: 3px;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #666;
    box-shadow: 0 5px 0 #666, 0 -5px 0 #666;
    content: '';
    display: block;
    margin: auto
}

.shifter-enabled .shifter-navigation {
    right: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.shifter-open .shifter-header, .shifter-open .shifter-page {
    -webkit-transform: translate3D(-270px, 0, 0);
    -ms-transform: translate3D(-270px, 0, 0);
    transform: translate3D(-270px, 0, 0)
}

.shifter-enabled.shifter-left .shifter-navigation {
    left: 0;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.shifter-enabled.shifter-left.shifter-open .shifter-header, .shifter-enabled.shifter-left.shifter-open .shifter-page {
    -webkit-transform: translate3D(270px, 0, 0);
    -ms-transform: translate3D(270px, 0, 0);
    transform: translate3D(270px, 0, 0)
}

.shifter-open .shifter-navigation {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition: opacity .001s linear 0s, -webkit-transform .2s ease;
    transition: opacity .001s linear 0s, transform .2s ease
}

.no-csstransforms3d .shifter-enabled.shifter-navigation {
    right: -270px
}

.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation, .no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
    left: -270px
}

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
    right: 0
}

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
    left: auto;
    right: -270px
}

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
    left: 0
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none
}


blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}


@font-face {
    font-family: 'bebas_neuethin';
    src: url('../mk/BebasNeue/thin/fonts/BebasNeueThin.eot');
    src: url('../mk/BebasNeue/thin/fonts/BebasNeueThin.eot') format('embedded-opentype'),
        url('../mk/BebasNeue/thin/fonts/BebasNeueThin.woff2') format('woff2'),
        url('../mk/BebasNeue/thin/fonts/BebasNeueThin.woff') format('woff'),
        url('../mk/BebasNeue/thin/fonts/BebasNeueThin.ttf') format('truetype'),
        url('../mk/BebasNeue/thin/fonts/BebasNeueThin.svg#bebas_neuethin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/mk/BebasNeue/bold/BebasNeueBold.eot');
    src: url('../fonts/mk/BebasNeue/bold/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mk/BebasNeue/bold/BebasNeueBold.woff2') format('woff2'),
        url('../fonts/mk/BebasNeue/bold/BebasNeueBold.woff') format('woff'),
        url('../fonts/mk/BebasNeue/bold/BebasNeueBold.ttf') format('truetype'),
        url('../fonts/mk/BebasNeue/bold/BebasNeueBold.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/mk/BebasNeue/book/BebasNeueBook.eot');
    src: url('../fonts/mk/BebasNeue/book/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mk/BebasNeue/book/BebasNeueBook.woff2') format('woff2'),
        url('../fonts/mk/BebasNeue/book/BebasNeueBook.woff') format('woff'),
        url('../fonts/mk/BebasNeue/book/BebasNeueBook.ttf') format('truetype'),
        url('../fonts/mk/BebasNeue/book/BebasNeueBook.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuelight';
    src: url('../fonts/mk/BebasNeue/light/BebasNeueLight.eot');
    src: url('../fonts/mk/BebasNeue/light/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mk/BebasNeue/light/BebasNeueLight.woff2') format('woff2'),
        url('../fonts/mk/BebasNeue/light/BebasNeueLight.woff') format('woff'),
        url('../fonts/mk/BebasNeue/light/BebasNeueLight.ttf') format('truetype'),
        url('../fonts/mk/BebasNeue/light/BebasNeueLight.svg#bebas_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neue_regular';
    src: url('../fonts/mk/BebasNeue/regular/BebasNeueRegular.eot');
    src: url('../fonts/mk/BebasNeue/regular/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mk/BebasNeue/regular/BebasNeueRegular.woff2') format('woff2'),
        url('../fonts/mk/BebasNeue/regular/BebasNeueRegular.woff') format('woff'),
        url('../fonts/mk/BebasNeue/regular/BebasNeueRegular.ttf') format('truetype'),
        url('../fonts/mk/BebasNeue/regular/BebasNeueRegular.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

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

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

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

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

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

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

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

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

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

html {
    height: 100%
}

body {
    font: 14px OpenSansRegular, Arial, Helvetica, sans-serif;
    color: #656565;
    background-color: #fff;
    line-height: 24px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
h1, h2, h3, h4, h5, h6{

    font-family: bebas_neuebold !important;
}
h1 {
    font-size: 60px;
    line-height: 62px
}

h2 {
    font-size: 38px;
    line-height: 62px
}

h3 {
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: #656565 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    margin: 30px auto 10px;
}
p{
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 14px !important;
    line-height: 24px;
}

sup {
    vertical-align: super;
    font-size: 14px;
}
.bold {
    font-family: OpenSansBold, Arial, Helvetica, sans-serif
}

.semibold {
    font-family: OpenSansSemibold, Arial, Helvetica, sans-serif
}

.light {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif
}

.regular {
    font-family: OpenSansRegular, Arial, Helvetica, sans-serif
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

::-moz-selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none
}

a {
    text-decoration: none
}

a:active, a:focus, a:hover {
    outline: 0 none
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    clear: both
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clear {
    clear: both
}

.display-none {
    display: none !important
}

.one{
    width: 100%;
    position: relative;
overflow: hidden;
}

.one-half {
    width: 50%;
    margin-left:0 !important;
    margin-right: 0 !important;
}

.one-third {
    width: 32%
}

.one-third:last-child{
    margin-right: 0;
}

.two-third {
    width: 66%
}
@media only screen and (max-width: 768px) {
    .one-third,
    .two-third{
        width:100%!important;
    }
    
    .color-picker-menu{
       width:100%!important; 
    }
}
.one-fourth {
    width: 23.5%
}

.three-fourth {
    width: 74.5%
}

.one-fifth {
    width: 18.4%
}

.two-fifth {
    width: 36.8%
}

.three-fifth {
    width: 61.2%
}

.four-fifth {
    width: 79.6%
}

.one-sixth {
    width: 15%
}

.five-sixth {
    width: 83%
}

.five-sixth, .four-fifth, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifth, .three-fourth, .two-fifth, .two-third {
    position: relative;
    margin-right: 2%;
    float: left
}

.last {
    margin-right: 0 !important;
    clear: right
}

.center {
    max-width: 1280px;
    margin: 0 auto
}

.menu .links {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #fff;
    padding: 19px 0 0
}

.menu .links span {
    font-size: 30px;
    /* font-weight: 300; */
    text-transform: uppercase;
    /* font-family: OpenSansLight, Arial, Helvetica, sans-serif; */
    margin: 0 0 25px;
    display: table;
    color: #656565;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
}



.menu .links ul li {
    margin: 15px 0 0
}

.menu .links ul li a {
    color: #656565;
    /*font-size: 32px;*/
    text-transform: uppercase;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    -webkit-transition: color 1000ms ease;
    -moz-transition: color 1000ms ease;
    -o-transition: color 1000ms ease;
    -ms-transition: color 1000ms ease;
    transition: color 1000ms ease;
    font-size: 22px;
    line-height: 1.3;
    font-family: "Open Sans Condensed" , sans-serif;
    letter-spacing: 0px;
}

.menu .links ul li a:hover {
    color: #12bbb7;
}

.menu .search {
    float: right;
    padding: 25px 0 0;
    width: calc(100% - 27px);
    margin: 0 0 18px
}

.menu .search input[type=text] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 12px 13px;
    text-transform: uppercase;
    font-size: 11px;
    color: #858585;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    float: left;
    width: calc(100% - 39px)
}

.menu .search input[type=submit] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
    background: url(../img/search.png) no-repeat 50% 50%;
    height: 39px;
    width: 39px;
    background-color: #000;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.menu .search input[type=submit]:hover {
    background-color: #12bbb7;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.menu .tags {
    margin: 0 47px;
    line-height: 18px
}

.menu .tags li {
    color: #656565;
    float: left;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 5px 0 0;

}

.menu .tags li a {
    color: #656565;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.menu .tags li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.menu .language {
    text-transform: uppercase;
    color: #858585;
    margin: 27px 0 0 27px;
    font-size: 11px;
    overflow:hidden;
    float:left; 
}

.menu .language .choose {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: 8px 3px 7px;
    float: left;
    position: relative;
    min-width:85px;
}

.menu .language .choose span {
    background-color: #c9c9c9;
    width: 1px;
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 0
}

.menu .language select {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: #858585;
    font-family: OpenSansSemibold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    height: 39px;
    padding: 0 10px;
    cursor: pointer;
    background: url(../img/select.png) no-repeat 85% 50%;
    background-color: #fff;
    float: left
}
.menu .eshop-menu{
    float:right;  
    height: 39px;
    margin-top:27px;
}
@media (max-width: 1450px){
    .menu .eshop-menu{
        margin-top:19px;
    }
}

@media screen and (max-width: 1375px) {
    .menu .eshop-menu:lang(en), .menu .language:lang(en){
        margin-top:40px;
        float:none;
    }
}

header .login-bar ul.lang:lang(pl) .pl a {
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 1275px) {
    .menu .eshop-menu, .menu .language{
        margin-top:40px;
        float:none;
    }
}

.menu .eshop-menu img{
    background: #fff url(../img/icon_eschop_front.png) no-repeat;
    height: 39px;
    width:97px;
}

.main_h .cart-icon img{
background: url(../img/icon_eschop_front.png) no-repeat;
    height: 39px;
    width:97px;
    
}
.menu .language select::-ms-expand {
    display: none
}

.home {
    width: 100%;
    height: 100%;
    background: url(../img/bg1.jpg) 50% 50% no-repeat;
    color: #fff;
    display: table;
    position: relative;
    margin-bottom: 20px;
}

.home .content {
    border: 4px solid #fff;
    position: absolute;
    top: 45px;
    right: 45px;
    bottom: 45px;
    left: 45px
}

.home .content .click {
    background: rgba(255,255,255, .65);
    color: #656565;
    text-transform: uppercase;
    font-size: 18px;
    position: absolute;
    top: 50px;
    left: 78px;
    cursor: pointer;
    height: 80px;
    width: 250px;
    z-index: 1;
    -webkit-transition: background-color 1000ms ease;
    -moz-transition: background-color 1000ms ease;
    -o-transition: background-color 1000ms ease;
    -ms-transition: background-color 1000ms ease;
    transition: background-color 1000ms ease;
}

.home .content .click:hover {
    background: rgba(255,255,255, .85);
}

.home .content .click img {
    position: absolute;
    top: 28px;
    left: 23px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.home .content .click span {
    position: absolute;
    top: 28px;
    right: 53px
}

.home .content img.logo {
    position: absolute;
    top: 50px;
    right: 78px;
    width: 100px;
    margin-right: auto;
}

.home .content .menu {
    position: absolute;
    right: 80px;
    bottom: 55px;
    left: 80px;
    display: block;
    background: rgba(255,255,255, .65);
    padding: 2em;

    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    -ms-transition: background 1s ease;
    transition: background 1s ease;
}
.home .content .menu:hover {
    background: rgba(255,255,255, .85);
}


.home .arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
    -webkit-animation: mymove 2s infinite;
    animation: mymove 2s infinite
}

.home .naviHead{
    color: #656565;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}
.home .naviHead:hover{
    color: #12bbb7;
}

.index-content-section{
    min-height: 670px;
}



.main_h, main_hh {
    position:fixed;
    z-index: 999;
    width: 100%;

    overflow: visible;
    background: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    top: -100px;

}

.submain_h{
    position:fixed;
    z-index: 999;
    width: 100%;
    opacity: 1 !important;
    overflow: visible;
    background: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top:0 !important;

}

.short{
    width: 30%
}
@media only screen and (max-width: 1080px) {
    .home .content .menu{display:none;}
}


@media only screen and (max-width: 766px) {
    .main_h, main_hh {
        padding-top: 2px;
    }
}

#top-scroll{
    float: right
}

.cart-icon{
    float: right !important;
    width: 40px;
    position: relative;
    left: -30px;
}

.cart-icon a img{
    margin-top: -34px;
    position: relative;
    top: 16px;
}

#top-scroll a{
    width: auto !important;
    padding: 0;
    margin: 20px 0px 15px;
    font-size: 2em;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

#top-scroll a span{

    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

#top-scroll a:hover span,
#top-scroll a:focus span{
    color: #ffffff;
}
#top-scroll a:hover span, #top-scroll a:focus span {
    color: #656565;
}


.sticky {

    opacity: 1;
    top: 0px;

}
.auto-width{
    text-align: left;
    float: left;
}
.separator{
    text-align: center;
    cursor: none;
    padding: 21px 0px;
    font-size: 45px;
    color: #8f8f8f;
    border-left: 1px solid #656565;
    margin: 16px 0px 0 0px;
}

.innerNav .search input[type=text] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 12px 13px;
    text-transform: uppercase;
    font-size: 11px;
    color: #858585;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    float: left;
    width: calc(100% - 39px);
    background-color: transparent;
}

.innerNav input[type=submit] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
    background: url(../img/search.png) no-repeat 50% 50%;
    height: 39px;
    width: 39px;
    background-color: #000;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.innerNav .language {
    text-transform: uppercase;
    color: #858585;
    width: 256px !important;
    padding: 17px 33px;
    font-size: 11px;
    text-align: center;
}

.innerNav .language .choose {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    background-color: transparent;
    padding: 8px 13px 7px;
    float: left;
    position: relative;
}
.innerNav .language select {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: #858585;
    font-family: OpenSansSemibold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    height: 39px;
    padding: 0 15px;
    cursor: pointer;
    background: url(../img/select.png) no-repeat 85% 50%;
    background-color: transparent;
    float: left;
}

#search-form{
    width: 256px !important;
    padding: 17px 16px !important;
    padding: 17px 34px !important;
}



li#language:hover, li#search-form:hover {
    background: transparent;

}
.main_h .logo, .main_hh .logo {
    width: 100px;
    font-size: 20px;
    color: #8f8f8f;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    display: block;
    line-height: 1;
    padding-right:20px;
}


.main_h nav, .main_hh nav {
    width: 100%;
}

.main_h nav ul ul, .main_hh nav ul ul {
    display: none;
}

.main_h	nav ul li:hover > ul, .main_hh	nav ul li:hover > ul {
    display: block;
}

.main_h nav ul, .main_hh nav ul {
    background: rgba(255,255,255, .45);
    width: 100%;
    list-style: none;
    position: relative;
    display: inline-table;
    margin: 0;
    padding: 0 15px;
    box-shadow: 0px 5px 7px 0px rgba(0,0,0, .23);
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.main_h nav ul:hover, .main_hh nav ul:hover {
    background: rgba(255,255,255, .9);
}



.main_h	nav ul:after, .main_hh	nav ul:after {
    content: ""; clear: both; display: block;
}

.main_h nav ul li, .main_hh nav ul li {
    float: left;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}
.main_h	nav ul li:hover, .main_hh	nav ul li:hover {
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    transition: all 400ms ease-in;

}
.main_h	nav ul li:hover a, .main_hh	nav ul li:hover a {


}

.main_h	nav ul li a, .main_hh	nav ul li a {
    display: block;
    padding: 25px 0px;
    width: 256px !important;
    text-align: center;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: #656565 !important;
    text-decoration: none;

    text-transform: uppercase;
    font-size: 24px;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}





.main_h nav ul ul, .main_hh nav ul ul {
    background: rgba(255,255,255, .9);
    border-radius: 0px; padding: 0;
    position: absolute;
    width: auto
}
.main_h	nav ul ul li,.main_hh	nav ul ul li {
    float: none;
    position: relative;
}
.main_h	nav ul ul li a, .main_hh	nav ul ul li a {
    padding: 14px 5px;
    width: 256px;
    font-size: 16px;
}
.main_h		nav ul ul li a:hover, .main_hh		nav ul ul li a:hover {
    background: #656565;
    color: #ffffff !important;
}

.main_h nav ul ul ul, .main_hh nav ul ul ul {
    position: absolute; left: 100%; top:0;
}




.row {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

* {
    box-sizing: border-box;
}






.fa {
    font-size: .8em;
    line-height: 22px !important;
}






/************************
*JSSOR SLIDER CSS TWEAKS
************************/
/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 {
    position: absolute;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
    position: absolute;
    /* size of bullet elment */
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(../img/b21.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)
*/
.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../img/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }



#products-for-women{
    height: auto;
    background: #ffffff;
    /* padding-top: 85px; */
    margin-bottom: 0px;
}








@-webkit-keyframes mymove {
    0% {
        bottom: 1px
    }
    50% {
        bottom: 21px
    }
    100% {
        bottom: 1px
    }
}

@keyframes mymove {
    0% {
        bottom: 1px
    }
    50% {
        bottom: 21px
    }
    100% {
        bottom: 1px
    }
}

.slider {
    background-color: #ffffff;
    padding: 40px 0 65px;
    position: relative
}
.slider-background{
    background-color: #eeeeee;
}

.s-content{
    margin:0 auto;
    max-width: 1680px;
}
@media screen and (min-width: 1280px) and (max-width: 1680px) {
    .s-content{
        max-width: 1280px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
    .s-content{
        max-width: 960px;
    }
}  

@media screen and (min-width: 768px) and (max-width: 959px) {
    .s-content{
        max-width: 768px;
    }
} 

@media screen and (min-width: 480px) and (max-width: 767px) {
    .s-content{
        max-width: 480px;
    }
}

@media screen and (max-width: 479px) {
    .s-content{
        max-width: 320px;
    }
}


.slider span.lead{
    font-size: 44px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    text-align: center;
    color: rgb(120, 123, 122);
    margin: 25px auto 59px;
    display: table;
}

.slider .item .img {
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;

}

.slider .item .img a {
    display: none;
    background-color: #f6f6f6;
    width: 100%;
    height: 42px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: rgb(120, 123, 122);
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.slider .item .img a:hover {
    color: #fff;
    background-color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.slider .item .img a img {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 11px;
    left: 23px
}

.slider .item .img a span {
    margin: 9px 0 0 60px;
    display: table
}

.slider .item .content {
    background-color: #fff;
    display: table;
    width: 100%;
    
    position: relative
}

.slider .item .content .content-inner{
    padding: 6px 0px 22px;
    min-height:100px;
}

.slider .item .content .date {
    font-size: 16px;
    color: #5e5e5e;
    margin: 0 auto;
    margin-bottom: 15px;
    display: table
}

.slider .item .content h3 {
    color: rgb(120, 123, 122);
    font-size: 18px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0 10px;
    margin: 7px auto;
}

.slider .item .content .line {
    background-color: #313131;
    height: 1px;
    width: 80px;
    margin: 0 auto;
    margin-top: 12px
}

.slider .item .content p {
    font-size: 12px;
    text-align: justify;
    margin-top: 14px;
    z-index: 4
}

.slider .item .content .hover {
    background: url(../img/s.png) 50% 50% repeat-x;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    z-index: 5
}

.slider .move {
    position: absolute;
    top: 230px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10
}

.slider .left, .slider .right {
    background-color: #12bbb7;
    position: absolute;
    top: calc(50% - 40px);
    width: 40px;
    height: 40px;
    padding-top: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
        margin:0 auto;
}

.slider .left img, .slider .right img,
.slider .left i, .slider .right i
{
    margin: 0 auto;
    display: table;
    color:#fff;
}
/*NOWE 7052015*/
.slider .left:hover, .slider .right:hover {
    background-color: rgba(232,232,232, .8);
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}
/*NOWE 7052015*/
.slider .left .typicons-left,
.slider .right .typicons-right{
    position: absolute;
    font-size: 2em;
    color: #ebebeb;
    top: 12px;
    left: 5px;
}
/*NOWE 7052015*/
.slider .left .typicons-left:hover,
.slider .right .typicons-right:hover{
    color: rgb(120, 123, 122);
}

.slider .left {
    left: 20px
}

.slider .right {
    right: 20px
}


.img-1 {
    background: url(../img/slider/1.jpg) no-repeat 85% 50%
}

.img-2 {
    background: url(../img/slider/2.jpg) no-repeat 85% 50%
}

.img-3 {
    background: url(../img/slider/3.jpg) no-repeat 85% 50%
}

.img-4 {
    background: url(../img/slider/4.jpg) no-repeat 85% 50%
}

.img-5 {
    background: url(../img/slider/5.jpg) no-repeat 85% 50%
}

.img-6 {
    background: url(../img/banner/1.jpg) no-repeat 85% 50%;
}

.img-7 {
    background: url(../img/banner/2.jpg) no-repeat 85% 50%
}

.img-8 {
    background: url(../img/banner/3_3.jpg) no-repeat 85% 50%
}

.img-9 {
    background: url(../img/banner/4.jpg) no-repeat 85% 50%
}

.img-10 {
    background: url(../img/slider/6.jpg) no-repeat 85% 50%
}

.img-11 {
    background: url(../img/slider/7.jpg) no-repeat 85% 50%
}

.img-12 {
    background: url(../img/slider/8.jpg) no-repeat 85% 50%
}

.img-13 {
    background: url(../img/slider/9.jpg) no-repeat 85% 50%
}

.img-14 {
    background: url(../img/masonary/1.jpg) no-repeat 85% 50%
}

.img-15 {
    background: url(../img/masonary/2.jpg) no-repeat 85% 50%
}

.img-16 {
    background: url(../img/masonary/3.jpg) no-repeat 85% 50%
}

.img-17 {
    background: url(../img/masonary/4.jpg) no-repeat 85% 50%
}

.img-18 {
    background: url(../img/masonary/5.jpg) no-repeat 85% 50%
}

.img-19 {
    background: url(../img/masonary/6.jpg) no-repeat 85% 50%
}

.img-20 {
    background: url(../img/masonary/7.jpg) no-repeat 85% 50%
}

.img-21 {
    background: url(../img/masonary/8.jpg) no-repeat 85% 50%
}

.img-22 {
    background: url(../img/masonary/9.jpg) no-repeat 85% 50%
}

.img-23 {
    background: url(../img/masonary/10.jpg) no-repeat 85% 50%
}

.img-24 {
    background: url(../img/masonary/11.jpg) no-repeat 85% 50%
}

.img-25 {
    background: url(../img/masonary/12.jpg) no-repeat 85% 50%
}

/************************
*Produkty powiązane
************************/

.connected-prods{
    background-color: #ffffff;
    position: relative;
    display: block;
    padding: !important;
}
.connected-prods .owl-carousel .owl-item{
    max-width: 400px;
    height: auto;
}

.product-line .one-third p{
    text-transform: uppercase;
}

.connected-prods .product-line {
    position: relative;
    width: 100%;
    display: inline-block;
    background: url(../img/product_hover.png) no-repeat 50% 50%
}


.connected-prods .product-line .img-wrapp {
    height: 340px;
    position: relative
}

.connected-prods .product-line .img-wrapp a {
    display: none;
    background-color: #f6f6f6;
    width: 100%;
    max-width: 340px;
    height: 42px;
    position: absolute;
    left: 50%;
    bottom: 1%;
    transform: translate(-50%,1%);
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: #2d2d2d;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    z-index: 1;
}

.connected-prods .product-line .img-wrapp a:hover {
    color: #fff;
    background-color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
    z-index: 1;
}

.connected-prods .product-line .img-wrapp a img {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 11px;
    right: auto;
    bottom: auto;
    left: 23px
}

.connected-prods .product-line .img-wrapp a span {
    margin: 9px 0 0 60px;
    display: table
}

.connected-prods .product-line img {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
    max-height: 340px;
    z-index: 0;
}

.connected-prods .product-line .ornament{
    bottom: 0px;
    z-index: 2;
}
.connected-prods .product-line span.title {
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    display: table;
    font-size: 22px;
    margin-top: 8px;
    margin-bottom: 2px;
}

.connected-prods .product-line p {
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #656565;
    width: 90%;
    word-spacing: 0;
    margin: 0 auto;
}

/************************
*Kosmetyka pielegnacyjna
************************/
.img-26{
    background: url(../img/product/1.MainPage/kp_main_banner.jpg) no-repeat 50% 50%;
    margin:0
}


.social {
    padding: 42px 0 0;
    background-color: #ffffff
}

.social span {
    font-size: 24px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
    display: table
}

.social ul {
    margin: 0 auto;
    display: table;
    margin-top: 22px;
    margin-bottom: 47px
}

.social ul li {
    display: inline-block;
    margin: 0 19px
}

.social ul li a {
    display: block;
    background-position: 0 0
}


.social .line {
    background-color: #313131;
    height: 1px;
    width: 80px;
    margin: 0 auto;
    display: table
}

.social-icon{
    display:block;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out;
    cursor:pointer;
}
.social .facebook {
     width: 10px;
    height: 22px;
    background: url(../img/social/1.png)!important;
}

.social .facebook:hover {
    background-position: 10px 0!important;
}

.social .twitter {
    background: url(../img/social/3.png)!important;
    width: 17px;
    height: 22px;
}

.social .twitter:hover {
    background-position: 17px 0!important;
}

.social .instagram {
    background: url(../img/social/4.png)!important;
    width: 22px;
    height: 21px;
    
}
.social .instagram:hover {
    background-position: 22px 0!important;
}
.social .gplus {
    background: url(../img/social/google.png);
    width: 22px;
    height: 21px;
    
}

.social .gplus:hover {
    background-position: 22px 0
}
#world-of-lambre{
    background: url(../img/worldOfLambre/mapka_2.png) no-repeat 50% 50% scroll;
    background-size: 46%;
}

.map {
    background-color: #ffffff;
    position: relative
}

.map .title {
    font-size: 20px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding-top: 45px
}

.map #map {
    border: none;
    width: 100%;
    height: 600px
}

.map .gm-style-iw * {
    display: block;
    width: 100%
}

.map .gm-style-iw h4, .map .gm-style-iw p {
    margin: 0;
    padding: 0
}

.map .gm-style-iw a {
    color: #4272db
}

.map .info {
    width: 338px;
    height: 316px;
    background-color: #fff;
    font-size: 12px;
    position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    box-shadow: 7px 8px 6px 2px rgba(0,0,0, 0.14);
    background: #fff;
    background-size: cover;
}

.map .info .img {
    width: 100%;
    height: 184px;
    display: table;
    background:url(../img/img_stopka4.jpg) no-repeat scroll 50% 50%;
}

.map .info .content {
    padding: 10px 9px;
    text-align: center;

}

.map .info .content span {
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #656565;
    font-size: 14px;
}

.map .info .content ul {
    color: #838383;
    line-height: 20px;
    font-size: 11px;
}

.map .info .content ul a {
    color: #985051;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.map .info .content ul a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.banner {
    width: 100%;
    max-height: 560px;
    display: table;
    background-size: cover;
    margin-top: 100px;
    position: relative
}

.subpage .banner h2{display:none;}


.banner .cover {
    background-color: rgba(0, 0, 0, .15);
    width: 100%;
    height: 100%;
    display: table
}

.banner h2 {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif !important;
    font-size: 77px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}


.banner2 {
    width: 100%;
    height: 560px;
    display: table;
    background-size: cover;
    margin-top: 100px;
    position: relative
}

.banner2 .cover {
    background-color: rgba(0, 0, 0, .15);
    width: 100%;
    height: 100%;
    display: table
}

.banner2 h2 {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif !important;
    font-size: 77px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}


.px1{display:none}

.img-8{
    background: none;
} 
.img-8 img{   
    width:100%;
    height:auto;
    max-height: 560px;
}

 
@media only screen and (max-width: 1023px) {
    .banner {
    width: 100%;
    max-height: 560px;
    }
}
@media only screen and (max-width: 1550px) {
    .banner2 h2{
        font-size: 57px;
    }
}
@media only screen and (max-width: 980px) {
    .banner2 h2{
        font-size: 45px;
    }
}
@media only screen and (max-width: 768px) {
    .banner2 h2{
        font-size: 32px;
    }
}
@media only screen and (max-width: 570px) {
    .banner2 h2{
        font-size: 25px;
    }
}
@media only screen and (max-width: 460px) {
    .banner2 h2{
        font-size: 20px;
    }
}
footer {
    padding: 38px 0;
    background: #ebebeb;
}

footer ul {
    margin: 0 auto;
    display: table
}

footer ul li {
    float: left
}

footer ul li a {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #656565;
    text-transform: uppercase;
    margin: 0 11px;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

footer ul li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 74px;
}

header .top {
    height: 100px;
    background-color: #fff
}

header .top .logo {
    float: left;
    margin: 13px 0 0 30px
}

header .top .breadcrumbs {
    float: left;
    color: #858585;
    font-size: 11px;
    text-transform: uppercase;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    margin: 38px 0 0 25px
}

header .top .breadcrumbs li {
    float: left;
    margin: 0 5px 0 0
}

header .top .breadcrumbs li a {
    color: #858585;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header .top .breadcrumbs li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header .top .show {
    cursor: pointer;
    float: right;
    height: 100px;
    width: 100px;
    background-color: #fff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

header .top .show:hover {
    background-color: #f7f7f7;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

header .top .show img {
    margin: 0 auto;
    display: table;
    margin-top: 38px
}

header .menu {
    background-color: #f7f7f7;
    display: none;
    width: 100%;
    padding: 0 30px 40px;
    float: left
}

header .menu .links {
    border-color: #c9c9c9;

    padding: 0;
    margin-top: 38px
}

header .menu .links span {
    font-size: 13px;
    margin: 0 0 12px
}

header .menu .links ul li {
    margin: 7px 0 0
}

header .menu .links ul li a {
    color: #a1a1a1;
    font-size: 24px;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header .menu .links ul li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header .menu .search {
    float: right;
    padding: 38px 0 0;
    width: calc(100% - 47px);
    margin: 0 0 18px
}

header .menu .search input[type=text] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 12px 13px;
    font-size: 11px;
    color: #858585;
    float: left;
    width: calc(100% - 39px)
}

header .menu .search input[type=submit] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #4e4e4e;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

header .menu .search input[type=submit]:hover {
    background-color: #12bbb7;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

header .menu .tags {
    margin: 0 47px;
    line-height: 18px
}

header .menu .tags li {
    float: left;
    font-size: 11px;
    margin: 0 5px 0 0
}

header .menu .tags li a {
    color: #999;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header .menu .tags li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

header .menu .language {
    color: #858585;
    margin: 27px 0 0 47px;
    font-size: 11px
}

header .menu .language .choose {
    background-color: #fff;
    padding: 8px 13px 7px;
    float: left
}

header .menu .language .choose span {
    background-color: #c9c9c9
}

header .menu .language select {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: #858585;
    padding: 0 15px;
    background-color: #fff;
    float: left
}

header .menu-open {
    background-color: #f7f7f7 !important
}

.Scroll-progress-indicator.visible {
    -webkit-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
    opacity: 1;
}
.Scroll-progress-indicator {
    will-change: opacity, transform;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    left: -10px;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    opacity: 0;
    padding: 2em;
    -webkit-transform: translateX(200%) translateY(-50%);
    -ms-transform: translateX(200%) translateY(-50%);
    transform: translateX(200%) translateY(-50%);
    background-color: rgba(0,0,0,0.1);
}

.index-header {
    display: none
}
/****************************************************************************
13. SUBPAGE
****************************************************************************/

.subpage .banner{
    margin-top: 75px
}


.subpage .center{
    max-width:1024px;
    margin: 0 auto
}
.subpage .center p{
    margin-bottom: .5em;
    word-spacing: 2px;
}
.subpage .center .lead{

    text-align: center; font-size: 44px; font-family: bebas_neuebold, Arial, Helvetica, sans-serif;text-align: center;color: rgb(120, 123, 122);margin: 25px auto; display: table;
}

.subpage .center .half-lead{
    text-align: center; font-size: 22px; font-weight: 700; text-align: center;color: rgb(120, 123, 122);margin: 25px auto; display: table;
}

.subpage .center section{

    margin: 15px auto

}

.subpage #colorName{
    font-size: 26px;
    font-family: bebas_neuebold;
}




.intro {
    margin: 45px 0 0;
    position: relative
}
@media screen and (max-width:960px){
    .intro{padding:5px;}
}
.intro .product, .intro .tower {
    position: absolute;
    top: -46px;
    left: 0;
    width: 33%;
}

.intro p {
}

.intro .line {
    background-color: #c9c9c9;
    height: 1px;
    width: 116px;
    margin: 0 auto;
    margin-bottom: 19px;
    position: absolute;
    bottom: -20px;
    display: block;
}

.intro .share {
    margin: 25px auto 0;
    display: table;
    float: right;
    position: relative;
    width: 120px;
    text-align: right;}

.intro .share span {
    float: left;
    font-size: 11px;
    text-transform: uppercase
}

.intro .share ul {
    float: left;
    margin: 1px 0 0 11px;
    width: 72px
}

.intro .share ul li {
    display: inline-block;
    margin: 0 5px 0
}

.intro .share ul li a {
    display: table;
    background-position: 0 0
}

.intro .share ul li:nth-child(1) a {
    background: url(../img/share/1.png);
    width: 6px;
    height: 13px;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.intro .share ul li:nth-child(1) a:hover {
    background-position: 6px 0
}

.intro .share ul li:nth-child(2) a {
    margin-top: 1px;
    background: url(../img/share/2.png);
    width: 13px;
    height: 10px;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.intro .share ul li:nth-child(2) a:hover {
    background-position: 13px 0
}

.intro .share ul li:nth-child(3) a {
    margin-top: 1px;
    background: url(../img/share/3.png);
    width: 14px;
    height: 11px;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.intro .share ul li:nth-child(3) a:hover {
    background-position: 14px 0
}

.magazine {
    margin: 117px 0 0
}

.magazine .center {
    position: relative
}

.magazine .center .mag {
    float: left;
    max-width: 100%
}

.magazine .center a {
    position: absolute;
    top: 80px;
    right: 100px;
    background: url(../img/watch.png);
    width: 395px;
    height: 124px;
    display: table;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.magazine .center a:hover {
    background-position: 0 124px
}

.related {
    text-transform: uppercase;
    font-size: 26px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
    margin-bottom: 0px
}

.main {
    margin: 60px 0 0
}

.main img {
    margin: 0 auto;
    display: table;
    margin-bottom: 40px;
    max-width: 100%
}

.main p {
    line-height: 26px;
    word-spacing: 5px;
    margin: 0 0 40px
}

.main .video {
    width: 100%;
    height: 300px;
    display: table;
    padding: 30px 0
}

.main .highlight {
    width: 100%;
    display: table;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 30px 0
}

.main .highlight .line {
    background-color: #c9c9c9;
    height: 1px;
    width: 205px;
    margin: 0 auto;
    margin-bottom: 42px
}

.main .highlight h3 {
    margin-bottom: 44px
}

.product-line{
    position: relative;
}
.product-line .one-third{
    position: relative;
}

.product-line .one-third p{
    text-transform: uppercase;
}

.main .product-line {
    width: 100%;
    display: table;
    background: url(../img/product_hover.png) no-repeat 50% 50%
}


.main .product-line .img-wrapp {
    height: 450px;
    position: relative
}

.main .product-line .img-wrapp a {
    display: none;
    background-color: #f6f6f6;
    width: 100%;
    height: 42px;
    position: absolute;
    right: 0;
    bottom: 1px;
    left: 0px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: #2d2d2d;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.main .product-line .img-wrapp a:hover {
    color: #fff;
    background-color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.main .product-line .img-wrapp a img {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 11px;
    right: auto;
    bottom: auto;
    left: 23px
}

.main .product-line .img-wrapp a span {
    margin: 9px 0 0 60px;
    display: table
}

.main .product-line img {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 340px;
}

.main .product-line .ornament{
    bottom: -44px;
}
.main .product-line span.title {
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    display: table;
    font-size: 22px;
    margin-top: 11px;
    margin-bottom: 11px;
	text-align: center;
}

.main .product-line p {
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #656565;
    width: 90%;
    word-spacing: 0;
    margin: 0 auto;
}

.main .product-category {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px
}

.main .product-category .one-half {
    background-color: #dcdbdb;
    background-size: cover;
    margin-bottom: 2%
}

.main .product-category .one-half a {
    width: 100%;
    height: 100%;
    display: table;
    color: #fff;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.main .product-category .one-half a img {
    max-height: 200px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: 0
}

.main .product-category .one-half a span {
    background-color: #12bbb7;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.main .product-category .one-half a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.main .product-category .one-half a:hover span {
    background-color: #fff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.main .category-txt .line {
    margin: 0 0 70px;
    display: table
}

.main .category-txt .line a {
    float: left;
    color: #fff;
    background-color: #12bbb7;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.main .category-txt .line a:hover {
    color: #12bbb7;
    background-color: #fff;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.main .category-txt .line p {
    margin-bottom: 20px
}

.main .category-txt .line h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: #000
}

.main .category-txt .line img {
    margin: 0
}

.main .category-txt .line.invert a {
    float: right
}

.main .category-txt .line.invert h3, .main .category-txt .line.invert p {
    text-align: right
}

.main .product-info {
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none
}

.main .product-info .hide {
    background-color: #12bbb7;
    color: #fff;
    font-size: 10px;
    float: right;
    width: 100%;
    display: table;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.main .product-info .hide:hover {
    background-color: #f6f6f6;
    color: #646464;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

ul.tabs {
    float: left;
    width: 100%;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #12bbb7
}

ul.tabs li {
    float: left;
    overflow: hidden;
    position: relative;
    background-color: #12d5d0;
    margin: 1px 1px 0 0;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

ul.tabs li.active {
    background-color: #12bbb7
}

ul.tabs li a {
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    display: block
}

ul.tabs li:hover {
    background-color: #12bbb7;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.tab-container {
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%
}

.tab-container .content {
    padding: 20px 0
}

.tab-container .content h4 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
    text-transform: uppercase
}

.tab-container .content p {
    text-align: left !important;
    margin-bottom: 20px
}

.load-more {
    display: table;
    margin: 0 auto;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    color: #676767;
    font-size: 20px;
    border: 2px solid #676767;
    padding: 20px 95px;
    margin-top: 88px;
    margin-bottom: 30px;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.load-more:hover {
    background-color: #eee;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.masonary-container {
    margin-bottom: 50px
}

.masonary-container .item {
    width: 31%;
    margin: 1%;
    float: left;
    background-color: #dcdbdb;
    background-size: cover;
        border:1px solid lightgrey;
}


.masonary-container .w1 {
    height: 430px
}

.masonary-container .w2 {
    height: 370px
}

.masonary-container .cover {
    background-color: rgba(255, 255, 255, .8);
    padding: 0 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center
}

.masonary-container .cover .date {
    font-size: 16px;
    color: #5e5e5e;
    margin: 0 auto;
    margin-top: 17px;
    margin-bottom: 15px;
    display: table
}

.masonary-container .cover a {
    color: #2d2d2d;
    font-size: 18px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.masonary-container .cover a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.masonary-container .cover .line {
    background-color: #313131;
    height: 1px;
    width: 80px;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 32px
}

.masonary-container .cover p {
    font-size: 12px;
    text-align: justify;
    z-index: 4;
    color: #242323;
    line-height: 18px;
    display: none
}

/**/
.masonary-container2 {
    margin-bottom: 50px
}

.masonary-container2 .item {
    width: 31%;
    margin: 1%;
    float: left;
    background-color: #dcdbdb;
    background-size: cover;
        border:1px solid lightgrey;
}


.masonary-container2 .w1 {
    height: 430px
}

.masonary-container2 .w2 {
    height: 370px
}

.masonary-container2 .cover {
    background-color: rgba(255, 255, 255, .8);
    padding: 0 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center
}

.masonary-container2 .cover .date {
    font-size: 16px;
    color: #5e5e5e;
    margin: 0 auto;
    margin-top: 17px;
    margin-bottom: 15px;
    display: table
}

.masonary-container2 .cover a {
    color: #2d2d2d;
    font-size: 18px;
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.masonary-container2 .cover a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.masonary-container2 .cover .line {
    background-color: #313131;
    height: 1px;
    width: 80px;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 32px
}

.masonary-container2 .cover p {
    font-size: 12px;
    text-align: justify;
    z-index: 4;
    color: #242323;
    line-height: 18px;
    display: none
}


.shifter-handle {
    display: none !important;
    float: right;
    margin: 19px 20px 0 0
}

.shifter-navigation .menu {
    background-color: #f7f7f7;
    width: 100%;
    padding: 15px 20px 20px;
    float: left
}

.shifter-navigation .menu .links {
    border: none;
    padding: 0;
    margin-top: 38px
}

.shifter-navigation .menu .links span {
    font-size: 14px;
    margin: 0;
}

.shifter-navigation .menu .links ul li {
    margin: 7px 0 0
}

.shifter-navigation .menu .links ul li a {
    color: #a1a1a1;
    font-size: 18px;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.shifter-navigation .menu .links ul li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.shifter-navigation .menu .search {
    float: left;
    padding: 0;
    width: 100%;
    margin: 0 0 18px
}

.shifter-navigation .menu .search input[type=text] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 12px 13px;
    font-size: 11px;
    color: #858585;
    float: left;
    width: calc(100% - 39px)
}

.shifter-navigation .menu .search input[type=submit] {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #4e4e4e;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.shifter-navigation .menu .search input[type=submit]:hover {
    background-color: #12bbb7;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.shifter-navigation .menu .tags {
    margin: 0;
    line-height: 18px
}

.shifter-navigation .menu .tags li {
    float: left;
    font-size: 11px;
    margin: 0 5px 0 0
}

.shifter-navigation .menu .tags li a {
    color: #999;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.shifter-navigation .menu .tags li a:hover {
    color: #12bbb7;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}

.shifter-navigation .menu .language {
    color: #858585;
    margin: 27px 0 0;
    font-size: 11px
}

.shifter-navigation .menu .language .choose {
    background-color: #fff;
    padding: 8px 13px 7px;
    float: left
}

.shifter-navigation .menu .language .choose span {
    background-color: #c9c9c9
}

.shifter-navigation .menu .language select {
    border: none;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    color: #858585;
    padding: 0 15px;
    background-color: #fff;
    float: left
}

.shifter-navigation .one-fourth {
    width: 100%;
    margin-top: 30px
}

.shifter-navigation .menu .links ul{
    width: 100%;
    float: left;
    text-align: left;
    margin: -3px 0 19px;
}
.shifter-navigation .menu .links ul #search-form{
    width: 196px !important;
    padding: 0 !important;
    margin: 0;
}

/****************************************
****Product - Kosmetyka Pielęgnacyjna i kolorowa****
*****************************************/
.kk_main_page .breadcrumbs{
    
    text-align: left!important;
        padding-left:45px;
}
   

.breadcrumbs2{
    margin:0 auto;
    margin-top: 100px; margin-bottom: -100px;
    max-width: 1024px;
}

figure.category-block {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    height: 400px !important;
    width: 400px !important;
    float: left !important;
    margin: 45px !important;
}
@media only screen and (max-width: 1000px) {
    figure.category-block {      
        height: auto !important;
        width: 44% !important;
        float: left !important;
        margin: 2% !important;
    }
    
    .kk_main_page .breadcrumbs,
    .breadcrumbs2
    {
        padding-left:2%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 778px) {
    figure.category-block {      
        height: auto !important;
        width: 80% !important;
        float: left !important;
        margin: 10% !important;
    }
    
    .kk_main_page .breadcrumbs,
    .breadcrumbs2
    {
        padding-left:10%;
    }
}
@media only screen and (max-width: 500px) {
    figure.category-block {      
        height: auto !important;
        width: 98% !important;
        float: left !important;
        margin: 1% !important;
    }
    
    .kk_main_page .center img{
       width: 100% !important; 
    }
    
    .kk_main_page .breadcrumbs{
        margin-left:1%;
    }
    
    .kp_product_page #white_girl, .kk_product_page #white_girl{display:none;}
    
    .connected-prods .product-line img{      
        max-width: 100%;
        max-height: 340px;
        z-index: 0;
    }
}

figure.category-block a img {
    transform: scale(1.05, 1.05);
    /* Change these numbers to suit your needs */

    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    width: 100% !important;
    height: 100% !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

figure.category-block a {
    opacity: 1 !important;
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    float: left !important;
    margin: 0 3px 3px 0 !important;
    z-index: 1 !important
}

figure.category-block a:hover img {
    transform: scale(1, 1);
    /* Change these numbers to suit your needs */

    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    opacity: .7 !important;
    position: relative !important;
    z-index: 99 !important;
}



figure.category-block span {
    font-family: "bebas_neuebold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 100% !important;
    position: absolute !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: #656565 !important;
    padding: 10px 20px !important;
    opacity: 0 !important;
    top: -80px !important;
    -webkit-transition: all 0.4s ease !important;
    -moz-transition: all 0.4s ease !important;
    -o-transition: all 0.4s ease !important;
    -ms-transition: all 0.4s ease !important;
    transition: all 0.4s ease !important;
    z-index: 100 !important;
    text-align: center !important;
    left:0px;
}

figure.category-block:hover span {
    opacity: 1 !important;

    top: 0px !important
}

.aligncenter{
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    right: auto;
    left: auto;
    display: block;
}

.alignright{
    margin-left:auto;
    display:block;
}

strong{
    font-weight:bold;
}

i{
    font-style: italic;
}


figure.category-block .cover{
    background-color: rgba(255, 255, 255, .8);
    width: 100% !important;
    height: 128px !important;
    display: table !important;
    position: absolute !important;
    bottom: 0 !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 100 !important
}
figure.category-block .cover h2{
    font-size: 38px !important;
    display: block !important;
    text-transform: uppercase;
    width: 100% !important;
    text-align: center;
    padding-top: 10px;
    color: #656565
}


.kp_main_page .active{
    color:  #656565 ;
}

.kp_main_page .banner2 {
    width: 100%;
    height: 600px;
    display: table;
    background-size: cover;
    margin-top: 75px;
    position: relative;
}

.kp_main_page .banner2 .cover{
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    height: 234px;
    display: table;
    position: absolute;
    bottom: 0;
}

.kk_main_page{

}

.kk_main_page .center{
    display: block ;
    text-align: center;

}

.kk_main_page .center img{
    width: 532px;
}

.kk_main_page .center h2{
    text-transform: uppercase;
    font-family: "bebas_neuebold", Arial, Helvetica, sans-serif;
    font-size: 69px;
    color: #656565;
}

.kk_main_page .cover{
    background-color: rgba(255, 255, 255, .8);
    width: 100%;
    height: 128px;
    display: table;
    position: absolute;
    bottom: 0;
}

.kk_main_page .block{
    height: 400px;
    float: left;
    width: 400px;
    position: relative;
    margin: 45px;
}
.kk_main_page .block h2 a {
    color: #656565;
    display: block;
    padding: 50px 0px !important;

    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}
.kk_main_page .block h2 a:hover {
    color:  #12bbb7
}
.kk_main_page .block img{
    width: 100%;
    height: 100%;
}
.kk_main_page .block .cover:hover{
    background-color: rgba(255,255,255,.9);
}
.kk_main_page .block .cover:hover  h2 a{
    color:  #12bbb7
}
/*Bloki kk hover effect*/



.kk_main_page #headWrapper{
    margin-top: 6em;
    padding-top: 6em;
    height: 230px;
}

.kp_main_page .banner2 .cover h2, .kk_main_page .one .cover h2{
    font-family: "bebas_neuebold", Arial, Helvetica, sans-serif !important;
    color: #656565;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.kk_main_page .one .cover h2{
    line-height: 39px;
    font-size: 38px;
    display: block;
    width: 100%;
}



.kp_main_page .banner2 .cover img{
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -87%);
}



.kp_main_page .one{
    margin-top: 160px;
}

.kp_main_page .one .one-half{
    padding: 0 2.5%;
}
@media (max-width: 850px){
    .one-half{
        width:100%;
      
    }
    .one-half>div{ float:none!important; margin:0 auto;}
    
    .kp_main_page .banner2{        
        height: 400px;
    }
    
    .img-26 {
        background-size: contain!important;
    }    
    .kp_main_page .banner2 .cover h2, .kk_main_page .one .cover h2 {   
        top: 40%;    
    }
    .kp_main_page .banner2 .cover {       
        height: 200px;        
    }
    .kp_main_page .banner2 .cover img{
            top: 80%;
    }
}

@media (max-width: 768px){
    .kp_main_page .banner2{        
        height: 350px;
        margin-top:50px;
    }
       
    .kp_main_page .banner2 .cover h2, .kk_main_page .one .cover h2 {   
        top: 30%;    
    }
    .kp_main_page .banner2 .cover {       
        height: 250px;        
    }
    .kp_main_page .banner2 .cover img{
            top: 65%;
    }
}

@media (max-width:  550px){
           
    .kp_main_page .banner2{        
        height: 250px;
        margin-top:30px;
    }
       
    .kp_main_page .banner2 .cover h2, .kk_main_page .one .cover h2 {   
        top: 50%;    
    }
    .kp_main_page .banner2 .cover {       
        height: 250px;        
    }
    .kp_main_page .banner2 .cover img{
            top: 65%;
    }
}

@media (max-width: 360px){    
    .one-half{position:relative;}
    .one-half>div{ float:none!important;margin-left:-50px;}
    .kp_main_page .banner2 .cover img{
     display:none;
    }
}

.kp_main_page .frame{
    width: 403px;
    height: 711px;
    background: url(../img/product/1.MainPage/frame1.png) no-repeat 50% 50%;
}

.kp_main_page .bigframe2{
    background:none!important;
    height:auto!important;
    min-height: 558px;
}

.kp_main_page .bigframe2-hdr{
    background: url(../img/product/1.MainPage/frame1.png) no-repeat top center;
    width: 100%;
    height: 100px;
    background-size: 100%;
}
.kp_main_page .bigframe2-ftr{
    background: url(../img/product/1.MainPage/frame1.png) no-repeat bottom center;
    width: 100%;
    height: 100px;
    background-size: 100%;
   margin-bottom:20px;
}


.kp_main_page .frame .theList-bg{
    background: url(../img/product/1.MainPage/frame1_content.png) repeat-y center center;
    width: 100%;
    background-size: 100%;
}

.kp_main_page .frame .theList{
    text-transform: uppercase;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 0em;
    text-align: center; 
    position:relative;
}
.kp_main_page .frame .theList-title{
    font-family: "bebas_neuebold", Arial, Helvetica, sans-serif;
    color: #656565;
    text-align: center;
    line-height: 34px;
    font-size: 40px !important;
    position:absolute;
    top: -50px;
    margin:0 auto;
    width:100%;
}
@media (max-width: 860px){
    .kp_main_page .bigframe2-ftr{
        margin-top:-20px;
    }
    
    .kp_main_page .frame .theList{
    
        padding-left: 0em;
        padding-right: 0em;
    }
}

.kp_main_page .frame .theList p{
    font-family: "bebas_neuebold", Arial, Helvetica, sans-serif;
    color: #656565;
    margin: 83px 0px 104px;
    text-align: center;
    line-height: 34px;
    font-size: 40px !important;
}

.theList ul li{
    text-align: left;
    position: relative;
    left: 25px;
}

.theList p:first-child{
    margin-top: 50px !important;
    margin-bottom: 60px !important;
    text-align: center;
}

.kp_main_page .frame .theList ul{
    padding-left:15px;
}

.kp_main_page .frame .theList ul li{
    margin-bottom: 1.4em;
}

.kp_main_page .frame .theList ul li a{
    font-family: bebas_neuelight, sans-serif;
    color: #919191;
    font-size:3em;
    font-weight: 300;
    margin-bottom: .4em;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear
}
.kp_main_page .frame .theList ul li a:hover{
    color: #12bbb7;


}


.kp_main_page .frame .theList ul li a span{
    font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-right: .1em;

}

.kp_main_page .main{
    border-top: 1px solid #656565;
    border-bottom: 1px solid #656565;
    padding-bottom: 4em;
}




.intro .leadHeader{
    font-family: "bebas_neuebold", Arial, Helvetica, sans-serif;
    font-size: 77px !important;
    color: #656565;
    margin: 183px auto 80px;
    text-transform: uppercase;
    text-align: center;
    line-height: 65px;
}





/*Product page - kosmetyka pielęgnacyjna i kolorowa*/


.describ p, .describ li {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    text-align: justify;
    line-height: 24px;
    padding: 0 20px;
}

.describ p{
    padding:0px;
    font-size: 18px !important;
}

.describ {
    text-align:justify;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif !important;
    font-size: 18px;
    font-weight: 300 !important;
}

.product-description__text ul{
    list-style: inherit;
    list-style-position: inside;
    text-align: left;
    margin: 15px 22px;
    margin-left:50px;
}

.product-description__text ol{
    list-style: decimal;
    list-style-position: inside;
    text-align: left;
    margin: 15px 22px;
    margin-left:50px;
}

.product-description__text ol > li{
    list-style-type: decimal;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.product-description__text ul > li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.kp_product_page .product-description, .kk_product_page .product-description {
    margin: 0 auto;
}
.kp_product_page .product-description__text,.kk_product_page .product-description__text{
    width: 765px;
    height: auto;
    padding-bottom: 50px;
}

@media all and (max-width: 749px) {
    .kp_product_page .product-description, .kk_product_page .product-description,
    .kp_product_page .product-description__text,.kk_product_page .product-description__text
    {
        width:100%!important;
    }
    .kp_product_page .product-description__header h1, .kk_product_page .product-description__header h1{
        font-size: 58px!important;
        white-space: normal!important;
    }
    
    .kp_product_page .three-fourth ul li a.active, .kk_product_page .product-description__menu ul li a{
        font-size:25px!important;
    }
}
.kp_product_page .product-description__header, .kk_product_page .product-description__header{
    margin: 16em auto 4em;
}

.kp_product_page .product-description__header h1, .kk_product_page .product-description__header h1{
    font-size: 80px;
    font-family:bebas_neuebold;
    color: #656565;
    text-align: right;
    margin-right: 14px;
}


.kp_product_page .product-description__img img, .kk_product_page .product-description__img img{
    width: auto;
    max-height: 700px;
    margin: 0 auto;
}

.kp_product_page .product-description__menu{
    float: right;
    text-align: right;
    height: 645px;
}
.kk_product_page .product-description__menu{
    float: right;
    text-align: right;
    height: 420px;
}
.kp_product_page .three-fourth ul,.kk_product_page .product-description__menu ul{

}
.kp_product_page .three-fourth ul li,.kk_product_page .product-description__menu ul li{

}
.kp_product_page .three-fourth ul li a, .kk_product_page .product-description__menu ul li a{
    font-family:bebas_neuebold;
    font-size: 38px;
    color: #d1cfcf;
    line-height: 50px;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear

}
.kp_product_page .three-fourth ul li a:hover, .kk_product_page .product-description__menu ul li a:hover{
    color: #656565;

}
.kp_product_page .three-fourth ul li a.active, .kk_product_page .product-description__menu ul li a.active{
    display: block;
    color: #656565;
    visibility: visible;
}

.kp_product_page .active,.kk_product_page .active{
    display: block;
    visibility: visible;
}

.kk_family_page .intro .product, .kk_family_page .intro .tower {
    position: absolute;
    top: -46px;
    left: 0;
    width: 26%;
}
.kp_product_page #dzialanie,.kp_product_page #skl_aktywne,.kp_product_page #badania{
    display: none;
}

.kp_product_page .three-fourth div, .kk_product_page .product-description__menu div{
    position: absolute;
    bottom: 0;
}
.kp_product_page .three-fourth img, .kk_product_page .product-description__menu img{
    width: 200px;

}
.kp_product_page .one-fourth, .kk_product_page .one-fourth{
    margin: 0;
}
.kp_product_page .lead, .kk_product_page .lead{
    font-family:bebas_neuebold;
    font-size: 24px !important;
    color: #656565;
    text-align: right;
    padding: 1em 0 0;
    position: absolute;
    top: 0 !important;
    display: none;
    visibility: hidden;
}

.kp_product_page .semi-lead, .kk_product_page .semi-lead{
    font-family: bebas_neue_regular, Arial, Helvetica, sans-serif;
    font-size: 24px !important;
    color: #656565;
    text-align: right;
    margin-right: 14px;
}
.kp_product_page #white_girl, .kk_product_page #white_girl{
    position: absolute;
    left: 0;
    top: 142px;
    width: 29%;
}

.kp_product_page .center, .kk_product_page .center{
    margin: 125px auto;
}
.color-picker #cp-img-display{
    height: 405px
}
.color-picker-menu{
    list-style: none;
    display: block;
    width: 310px;
    float:right
}
.color-picker-menu li{
    display: inline-table;
    width:41px;
    height: 41px;
    margin: 0 5px;
}
.color-picker-menu li img{
    border: 1px solid #ffffff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}
.color-picker-menu li img:hover{
    border: 1px solid #656565
}
.active-li-img{
    border: 1px solid #656565 !important;
}

.color-picker #c2, .color-picker #c3, .color-picker #c4,.color-picker #c5, .color-picker #c6,.color-picker #c7, .color-picker #c8, .color-picker #c9,.color-picker #c10{
    display: none
}
/*Wspólne dla perfumerii, kosmetyk kolorowych i białych*/

.p_product_page .social-small, .kp_product_page .social-small, .kk_product_page .social-small {
    position: relative;
    width: 100%;
    height: 70px;
    position: relative;
    text-align: right;
    margin: 0;
    padding: 20px 0;
    display: block;
    background-color: transparent;
}

.p_product_page .social-small ul, .kp_product_page .social-small ul, .kk_product_page .social-small ul{
    position: relative;
    margin: 0;
    padding: 0;
    text-align: right;
    float: right;

}
.p_product_page .social-small ul li, .kp_product_page .social-small ul li,.kk_product_page .social-small ul li{
    position: relative;
    margin: 0 10px;
    display: inline-flex;

}
.p_product_page .social-small ul li span, .kp_product_page .social-small ul li span, .kk_product_page .social-small ul li span{
    font-size: 13px;
}



.p_product_page .social-small ul li:nth-child(2) a, .kp_product_page .social-small ul li:nth-child(2) a, .kk_product_page .social-small ul li:nth-child(2) a {
    background: url(../img/social/1.png);
    width: 10px;
    height: 22px;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.p_product_page .social-small ul li:nth-child(2) a:hover, .kp_product_page .social-small ul li:nth-child(2) a:hover, .kk_product_page .social-small ul li:nth-child(2) a:hover {
    background-position: 10px 0
}

.p_product_page .social-small ul li:nth-child(3) a, .kp_product_page .social-small ul li:nth-child(3) a, .kk_product_page .social-small ul li:nth-child(3) a {
    background: url(../img/social/2.png);
    width: 25px;
    height: 19px;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.p_product_page .social-small ul li:nth-child(3) a:hover, .kp_product_page .social-small ul li:nth-child(3) a:hover, .kk_product_page .social-small ul li:nth-child(3) a:hover {
    background-position: 25px 0
}

.p_product_page .social-small ul li:nth-child(4) a, .kp_product_page .social-small ul li:nth-child(4) a, .kk_product_page .social-small ul li:nth-child(4) a {
    background: url(../img/social/3.png);
    width: 17px;
    height: 22px;
    -webkit-transition: background-position .2s ease-out;
    -moz-transition: background-position .2s ease-out;
    -o-transition: background-position .2s ease-out;
    transition: background-position .2s ease-out
}

.p_product_page .social-small ul li:nth-child(4) a:hover, .kp_product_page .social-small ul li:nth-child(4) a:hover, .kk_product_page .social-small ul li:nth-child(4) a:hover {
    background-position: 17px 0
}

.p_product_page .social-small ul li a, .kp_product_page .social-small ul li a, .kk_product_page .social-small ul li a{
    position: relative;
}


/****************************************
****Product - Perfumeria****
*****************************************/

/*Product Page*/
.p_product_page .product-description{
    width: 945px;
    margin: 200px auto 100px;
    position: relative;
    display: block;
    padding: 0 .4em;

}
.p_product_page .lead{
    font-family: bebas_neue_regular, Arial, Helvetica, sans-serif;
    font-size: 4vw;
    color: #656565;
    text-align: right;
    padding: 1em 0 .5em;
}

.p_product_page .semi-lead{
    font-family: bebas_neue_regular, Arial, Helvetica, sans-serif;
    font-size: 2.1vw;
    color: #656565;
    text-align: right;
}

.p_product_page .product-description .one-half p{
    font-family: "OpenSansRegular" , sans-serif;
    font-size: 1.2vw;
    color: #656565;
    line-height: 47px;
    text-align: justify;


}

.p_product_page #perfum_girl{
    position: absolute;
    left: 0;
    top: 142px;
    width: 29%;
}


.p_product_page .product-description__header{

}
.p_product_page .product-description__img img{
    width: 400px;
}
.p_product_page .product-description__text {
    padding-top: 200px;
}




.p_product_page .main{

    border-top: 2px solid #ebebeb;
    padding-bottom: 4em;
}

/**************
****Effects****
**************/
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loader-wrapper .loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    border-radius: 50%;
    z-index: 1001;


}
.loader-wrapper .loader img {
    position: relative;

    width: 100%;
    height: 100%;
}




/*Section */
.loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #dbdbdb;
    z-index: 1000;
}

.loader-section.section-left {
    left: 0;
}

.loader-section.section-right {
    right: 0;
}

/*Finished Loading Styles*/
.loaded .section-left {
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: translateX(-100%);
}

.loaded .section-right {
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: translateX(100%);
}

.loaded .loader {
    transition: all 0.3s ease-out;
    opacity: 0;
}

.loaded .loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s 1s ease-out;
}



#crumbs{
    font-size: 10px;
}

#crumbs li{
    display: inline-block;
    margin-right: 10px;
}

#search-form-menu{
    margin-top:17px;
}

footer ul{
    display: none !Important;
}

.mySingleArticle ul, .mySingleArticle ol{
    list-style: initial;
    
}

.mySingleArticle ul{
    list-style-type: initial;
}

.mySingleArticle ol{
    list-style-type: decimal;
}

.myArticle ul, .myArticle ol{
    list-style:initial;
}

.category figure.category-block {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    height: 310px !important;
    width: 310px !important;
    float: left !important;
    margin: 15px !important;
}

.category figure.category-block h2 {
    line-height: 39px;
    font-size: 30px!important;
    display: block;
    width: 100%;
}

.__youtube_prefs__{
	width:100%;
min-height:550px;
}