@import url(https://fonts.googleapis.com/css?family=EB+Garamond&subset=latin-ext,latin);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext');

html,
body {
    height: 100%;
    width: 100%;
    visibility: hidden;
    background-color: #fafcfc;
}

.margin-0-auto {
    margin: 0 auto;
}

.margin0 {
    margin: 0 !important;
}

.margin-0-auto.img-badania-center-little {
    text-align: center;
}

.col-md-4.icons {
    min-height: 88px;
}

#map {
    margin-bottom: 50px;
}

#registration h3 {
    margin-top: 40px;
}

.progress {
    box-shadow: inset 0px 1px 10px rgba(0, 0, 0, .1);
}

.kontakt-adress-mail {
    position: relative;
    z-index: 999;
}

.btn-success {
    background-color: #009540;
}

.width100 {
    width: 100%;
}

.margin-top-40 {
    margin-top: 40px;
}

.text-center {
    text-align: center;
}

.float-left {
    float: left;
}

.float-right {
    float: right !important;
}

.tk-proxima-nova,
.tk-proxima-nova-2 {
    font-family: "proxima-nova", sans-serif !important;
}

.tk-arek {
    font-family: "proxima-nova", sans-serif !important;
}

.carousel {
    transition: margin .1s ease;
}

ul li {
    list-style-type: none;
}

/*a{    text-decoration: none;}*/

a:hover,
a:focus {
    text-decoration: none;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 1% auto -60px;
    padding-bottom: 60px;
    overflow-x: hidden;
}

a,
a:focus {
    outline: none;
}

/*.wrap > .container {



    padding: 70px 15px 20px;



}*/

.navbar-default {
    background-color: #fff;
    margin-top: 1.7%;
    margin-bottom: 1.3%;
    margin-right: -4%;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

ul.nav {
    text-transform: uppercase;
    font-weight: 600;
}

#promocja-1 {
    position: absolute;
    top: 0.4%;
    left: 0.3%;
}

#promocja-3 {
    position: absolute;
    top: -1.1%;
    left: 0.3%;
}

.navbar-header {
    width: 118%;
}

.navbar-default .navbar-nav > li > a {
    color: #3f3f3f;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #e5007e;
}

.nav > li > a {
    padding: 10px 10px;
}

.navbar-nav {
    font-size: 17px;
}

.navbar-nav > li > a {
    outline: none;
}

.navbar-nav > li > a:hover:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 25px;
    height: 3px;
    background-color: #e5007e;
}

.navbar-nav > li:nth-child(7) > a:hover:after {
    background-color: red;
}

#koszyk {
    color: #3f3f3f;
}

.fa-shopping-cart,
.fa-flask,
.fa-sign-in {
    margin-right: 5px;
}

#cena {
    color: #66bde7;
}

#login {
    color: #009540;
}

#rejestracja {
    color: #e5007e;
}

#ilosc-badan {
    padding: 1px 4px;
    background-color: #ffebf6;
    border-radius: 5px;
    color: #e5007e;
    margin-left: 6%;
}

.login > ul > li {
    list-style-type: none;
    float: left;
}

.koszyk-li-in-login {
    margin: 0px 15px;
}

.zaloguj-li-in-login {
    margin: 0 0 0 10px;
}

.rejestracja-li-in-login {
    margin: 0px 25px;
}

.login > ul > li:last-child {
    margin-right: 1px;
}

.login {
    float: right;
    font-weight: 600;
}

.nav.navbar-default.navbar-static-top {
    width: 100%;
    background-color: #fafcfc;
}

ul.navbar-nav {
    margin-right: 1%;
    /* float: left; */
    padding-top: 1.7%;
}

.img-logo {
    width: 250px;
}

.carousel-inner {
    margin-top: 3%;
}

/* Button on carousel */

/*a.left,a.right{visibility: hidden; }*/

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

/*.navbar-brand>img{margin-left: -5%;}*/

.pink {
    background-color: #ea3e9d !important;
}

.pink_text {
    color: #ea3e9d;
}

.blue {
    background-color: #41ade2 !important;
}

.blue_text {
    color: #41ade2;
}

.green {
    background-color: #7dc89e !important;
}

.green_text {
    color: #7dc89e;
}

.carousel-caption {
    /*position: absolute;*/
    right: 15%;
    bottom: 0;
    top: 2.500em;
    left: 3.750em;
    z-index: 10;
    padding-top: 1.250em;
    padding-bottom: 1.250em;
    color: #ffffff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    width: 53%;
}

.tittle-slider {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 600;
    line-height: 76px;
    margin-top: 2%;
    width: 80%;
    margin-left: 3%;
}

.tittle-1 {
    font-weight: 800;
    margin-top: -1%;
}

.text-slider {
    /*margin-top: 8%;*/
    font-size: 22px;
    line-height: 27px;
    margin: 4% 0 0 3%;
}

.text-1 {
    margin: 2% 0 0 3%;
}

.btn-slider {
    text-transform: uppercase;
    padding: 17px 40px;
    color: #ee60a9;
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    margin-left: 3%;
    border: none;
}

.btn-slider-0 {
    color: #fff;
    background-color: #1ea257;
}

.btn-slider-1 {
    color: #4D9CC3;
}

.btn-slider-3 {
    color: #6B0074;
}

.tittle-slider,
.text-slider,
.btn-slider {
    text-shadow: none;
}

#slider-icons {
    margin-left: 4%;
}

#slider-icons-1 {
    margin: -2% 0 0 3%;
}

.slider-icon {
    margin: 6% 5%;
}

.slider-icon:first-child {
    margin-left: 0;
}

.text {
    float: left;
}

.text-1 {
    width: 109%;
}

.girl {
    position: absolute;
    top: 0;
    right: 60px;
    height: 100%;
    z-index: 10;
    margin-top: -20px;
}

.carousel-inner {
    /*    overflow-x:hidden;*/
    /*    overflow:visible;  */
    /*    padding:15px 0;



    margin: 15px 0;*/
}

.carousel-inner > .item > .girl {
    height: 105%;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: "";
}

.carousel-indicators {
    display: none;
}

.avtive-boxy {
    box-shadow: 8px 39px 84px -50px #000000;
}

a.left,
a.right {
    width: 10%;
}

.koszyk-scroll li {
    font-size: 12px;
}

.boxy-text-1 {
    background: url(../images/boxy/covid.jpg) no-repeat;
    height: 130px;
    transition: .5s;
    /*    margin-left: -15px; */
}

.boxy-text-2 {
    background: url(../images/boxy/talent.jpg) no-repeat;
    height: 130px;
    transition: .5s;
}

.boxy-text-3 {
    background: url(../images/boxy/fit_ona.jpg) no-repeat;
    height: 130px;
    transition: .5s;
}

.boxy-text-4 {
    background: url(../images/boxy/otylosc.jpg) no-repeat;
    height: 130px;
    transition: .5s;
    /*    margin-right: -30px; */
}

#bx-pager .boxy-pager {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    float: left;
    margin-right: 5px;
    display: none;
    background: #ddd;
}

#bx-pager .active .boxy-pager {
    background: #e5007e;
}

@media screen and (max-width: 992px) {
    #bx-pager .col-md-3 {
        display: none;
    }

    #bx-pager .boxy-pager {
        display: block;
    }
}

@media screen and (max-width: 700px) {
    .boxy-text-1,
    .boxy-text-2,
    .boxy-text-3,
    .boxy-text-4 {
        background: none;
    }
}

.active .boxy-text-1,
.active .boxy-text-2,
.active .boxy-text-3,
.active .boxy-text-4 {
    transform: scale(1.1);
    box-shadow: 8px 39px 84px -50px #000200;
    -webkit-box-shadow: 8px 39px 84px -50px #000200;
    -moz-box-shadow: 8px 39px 84px -50px #000200;
    -o-box-shadow: 8px 39px 84px -50px #000200;
}

.boxy-shadow-js:hover {
    box-shadow: 8px 39px 84px -50px #000200;
    -webkit-box-shadow: 8px 39px 84px -50px #000200;
    -moz-box-shadow: 8px 39px 84px -50px #000200;
    -o-box-shadow: 8px 39px 84px -50px #000200;
}

.boxy-shadow-js {
    position: relative;
}

.boxy-little-row {
    content: "&";
    color: transparent;
    position: absolute;
    left: 9%;
    top: 20%;
    width: 25px;
    height: 3px;
    background-color: #fff;
    display: none;
}

.boxy-text-1 .boxy-text {
    color: red;
}

.boxy-text-2 .boxy-text {
    color: #755242;
}

.boxy-text-3 .boxy-text {
    color: #e5117e;
}

.boxy-text-4 .boxy-text {
    color: #00b3e5;
}

.boxy-text {
    text-transform: uppercase;
    margin-left: 5%;
    vertical-align: bottom;
    padding-top: 10px;
    margin-top: 4%;
    width: 50%;
    font: bold 18px 'proxima-nova', sans-serif;
}

.img-from-hide-0 {
    margin-left: -6%;
}

.img-from-hide-1 {
    margin-left: 9%;
}

.img-from-hide-2 {
    margin-left: -6%;
}

.img-from-hide-3 {
    margin-left: -3%;
}

.img-from-hide-5 {
    margin-left: -3.5%;
}

.img-from-hide-6 {
    margin-left: -6%;
}

.img-from-hide-7 {
    margin-left: -10%;
}

.marging-top-0 {
    margin-top: 4%;
}

.marging-top-1 {
    margin-top: 4%;
}

.marging-top-2 {
    margin-top: 9%;
}

.marging-top-3 {
    margin-top: 9%;
}

.marging-top-4 {
    margin-top: 0%;
}

.marging-top-5 {
    margin-top: 3.5%;
}

.marging-top-6 {
    margin-top: 0%;
}

.marging-top-7 {
    margin-top: 6.5%;
}

.marging-top-footer {
    margin-top: 10.8%;
}

.tittle-content {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}

.tittle-content:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: 2%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 20px;
    height: 3px;
}

.text-content {
    font-family: 'EB Garamond', serif;
    font-size: 20px;
    color: #797a7a;
    margin-top: 20px;
}

.btn-from-hide-0 a,
.btn-from-hide-1 a,
.btn-from-hide-2 a,
.btn-from-hide-3 a,
.btn-from-hide-4 a,
.btn-from-hide-5 a,
.btn-from-hide-6 a,
.btn-from-hide-7 a {
    font: bold 18px "proxima-nova", sans-serif;
    /*    border-bottom: solid 1px;*/
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.btn-from-hide-0 a:hover,
.btn-from-hide-1 a:hover,
.btn-from-hide-2 a:hover,
.btn-from-hide-3 a:hover,
.btn-from-hide-4 a:hover,
.btn-from-hide-5 a:hover,
.btn-from-hide-6 a:hover,
.btn-from-hide-7 a:hover {
    border-bottom: solid 2px;
}

/*.btn-from-hide-1>a:after,



.btn-from-hide-3>a:after,



.btn-from-hide-5>a:after,



.btn-from-hide-7>a:after{



    position: absolute;



    content: "";



    bottom: 0;



    left: 2000%;



    transition: 0.5s;



    width: 135px;



    height: 2px;



}



.btn-from-hide-0>a:after,



.btn-from-hide-2>a:after,



.btn-from-hide-4>a:after,



.btn-from-hide-6>a:after{



    position: absolute;



    content: "";



    bottom: 0;



    left: 2000%;



    transition: 0.5s;



    width: 135px;



    height: 2px;



}







.btn-from-hide-0>a:hover:after,



.btn-from-hide-1>a:hover:after,



.btn-from-hide-2>a:hover:after,



.btn-from-hide-3>a:hover:after,



.btn-from-hide-4>a:hover:after,



.btn-from-hide-5>a:hover:after,



.btn-from-hide-6>a:hover:after,



.btn-from-hide-7>a:hover:after{



    left: 0;



}*/

.btn-from-hide-0 > a:after {
    background-color: #35a8e0;
}

.btn-from-hide-1 > a:after {
    background-color: #e5007e;
}

.btn-from-hide-2 > a:after {
    background-color: #35a8e0;
}

.btn-from-hide-3 > a:after {
    background-color: #009540;
}

.btn-from-hide-5 > a:after {
    background-color: #35a8e0;
}

.element-of-content-5 > #content-4 > .tk-proxima-nova > a:after {
    background-color: #e5007e;
}

.element-of-content-7 > #content-6 > .tk-proxima-nova > a:after {
    background-color: #e5007e;
}

.btn-from-hide-7 > a:after {
    background-color: #009540;
}

#content-0,
#content-1,
#content-2,
#content-3,
#content-4,
#content-5,
#content-6,
#content-7 {
    overflow-x: hidden;
}

#color-szybkie {
    color: #35a8e0;
}

.btn-from-hide-0 > a {
    color: #35a8e0;
}

#color-szybkie:after {
    background-color: #35a8e0
}

#color-vitagenum {
    color: #e5007e;
}

.btn-from-hide-1 > a {
    color: #e5007e;
}

#color-vitagenum:after {
    background-color: #e5007e;
}

#color-ciekawostki {
    color: #35a8e0;
}

.btn-from-hide-2 > a {
    color: #35a8e0;
}

#color-ciekawostki:after {
    background-color: #35a8e0
}

#color-dieta {
    color: #009540;
}

.btn-from-hide-3 > a {
    color: #009540;
}

#color-dieta:after {
    background-color: #009540;
}

#color-encyklopedia {
    color: #e5007e;
}

.btn-from-hide-4 > a {
    color: #e5007e;
}

#color-encyklopedia:after {
    background-color: #e5007e;
}

#color-newsy {
    color: #35a8e0;
}

.btn-from-hide-5 > a {
    color: #35a8e0;
}

#color-newsy:after {
    background-color: #35a8e0;
}

#color-sport {
    color: #e5007e;
}

.btn-from-hide-6 > a {
    color: #e5007e;
}

#color-sport:after {
    background-color: #e5007e;
}

#color-zdrowie {
    color: #009540;
}

.btn-from-hide-7 > a {
    color: #009540;
}

#color-zdrowie:after {
    background-color: #009540;
}

.margin-for-contents,
.btn-from-hide-0 > a,
.btn-from-hide-2 > a,
.btn-from-hide-4 > a,
.btn-from-hide-6 > a {
    margin-left: 18%;
}

/*.box-shadow-content{



    box-shadow: 8px 39px 84px -50px #000000; 



}*/

#content-0 {
    /*margin-top: 10%;*/
    margin-left: 4%
}

#content-1 {
    margin-top: 1%;
}

#content-2 {
    margin-top: -1%;
    margin-left: 3%;
}

#content-3 {
    margin-top: -5%;
}

#content-4 {
    margin-top: 6%;
    margin-left: 3%;
}

#content-5 {
    margin-top: 8%;
}

#content-6 {
    margin-top: 12%;
    margin-left: 3%;
}

#content-7 {
    margin-top: -2%;
}

.tittle-from-hide-0,
.tittle-from-hide-1,
.tittle-from-hide-2,
.tittle-from-hide-3,
.tittle-from-hide-6,
.tittle-from-hide-7 {
    font-size: 26px;
}

.tittle-from-hide-4 {
    margin-top: 2%;
    font-size: 32px;
}

.tittle-from-hide-5 {
    font-size: 31px;
    margin-top: 3%;
}

.tittle-from-hide-7 {
    margin-top: 4%;
}

.text-from-hide-0 {
    margin-top: 3%;
    line-height: 28px;
}

.text-from-hide-1 {
    line-height: 27px;
    margin-top: 7%;
    width: 88%;
}

.text-from-hide-1 {
    font-size: 21px;
    margin-top: 7%;
    line-height: 28px;
}

.text-from-hide-3 {
    font-size: 21px;
    margin-top: 7%;
    line-height: 28px;
    width: 88%;
}

.text-from-hide-4 {
    margin-top: 7%;
    line-height: 27px;
    width: 80%;
}

.text-from-hide-5 {
    margin-top: 6%;
    width: 86%;
}

.text-from-hide-6 {
    margin-top: 7%;
    width: 80%;
}

.text-from-hide-7 {
    margin-top: 7%;
    font-size: 20px;
    width: 87%;
}

.btn-from-hide-0 {
    margin-top: 1.6%;
}

.btn-from-hide-1,
.btn-from-hide-4,
.btn-from-hide-5,
.btn-from-hide-6,
.btn-from-hide-7 {
    margin-top: 3%;
}

.btn-from-hide-3 {
    margin-top: 5%;
}

/*.row-first,.row-second{visibility: hidden;}*/

.footer-img {
    background: url(../images/footer/footer-bg.jpg) no-repeat;
    height: 610px;
    margin-top: 6.5%;
}

.footer-img .field-newsletter-accept {
    width: 50%;
    margin: 0 auto;
    height: 90px;
}

.footer-img .control-label[for="newsletter-accept"] {
    width: 95%;
    float: right;
    color: #fff;
    font-weight: 500;
}

#tittle-footer,
#opis-footer,
#text-footer {
    text-align: center;
    color: #fff;
}

#tittle-footer {
    font: bold 3em Arial, serif;
    text-transform: uppercase;
    margin-top: 64px;
}

/*#opis-footer,#text-footer{font-family: 'proxima nova', serif;}*/

#opis-footer {
    font-size: 35px;
    margin-top: 2.4%;
}

#text-footer {
    font-size: 22px;
    margin-top: 3%;
    line-height: 27px;
}

#form-footer {
    text-align: center;
    margin-top: 7%;
}

.block-text-footer {
    width: 80%;
    margin: auto;
    padding-top: 2%;
}

#inputEmail {
    width: 40%;
    height: 51px;
    margin-right: -4px;
    padding-left: 15px;
    border: none;
}

.btn-style {
    /*background-color: #009540;



    border-color: #009540;



    color: #fff;



    border-radius: 0; 



    margin-left: 0;



    text-transform: uppercase;



    padding: 10px 30px;



    height: 50px; 



    border: none;*/
    padding: 1.85% 5% !important;
    margin-left: 1%;
}

.img-from-hide-0,
.logo-from-hide-0,
.tittle-from-hide-0,
.text-from-hide-0,
.img-from-hide-1,
.logo-from-hide-1,
.tittle-from-hide-1,
.text-from-hide-1,
.img-from-hide-2,
.logo-from-hide-2,
.tittle-from-hide-2,
.text-from-hide-2,
.img-from-hide-3,
.logo-from-hide-3,
.tittle-from-hide-3,
.text-from-hide-3,
.img-from-hide-4,
.logo-from-hide-4,
.tittle-from-hide-4,
.text-from-hide-4,
.img-from-hide-5,
.logo-from-hide-5,
.tittle-from-hide-5,
.text-from-hide-5,
.img-from-hide-6,
.logo-from-hide-6,
.tittle-from-hide-6,
.text-from-hide-6,
.img-from-hide-7,
.logo-from-hide-7,
.tittle-from-hide-7,
.text-from-hide-7,
.btn-from-hide-0,
.btn-from-hide-1,
.btn-from-hide-2,
.btn-from-hide-3,
.btn-from-hide-4,
.btn-from-hide-5,
.btn-from-hide-6,
.btn-from-hide-7 {
    visibility: hidden;
}

.logo-whidth-footer {
    width: 70%;
}

.first-col-of-footer {
    /*text-align: center; */
    font-family: Arial, serif;
    font-size: 14px;
    line-height: 25px;
    color: #797a7a !important;
    margin-top: 20px;
    width: 70%;
    margin-top: 7%;
}

.tittle-links {
    text-transform: uppercase;
    font: bold 1.063em Arial, sans-serif;
    color: #ea3e9d;
    vertical-align: top;
    margin-top: 0;
}

.padding-0 {
    padding: 0;
    /*margin-top: 6%;*/
}

.padding-0 > li {
    /*font: 1.250em 'EB Garamond', sans-serif;*/
    list-style-type: none;
    /*margin-left: 0;*/
    margin-top: 10%;
    line-height: 14px;
    font-size: 1em;
}

.padding-0 > li > a {
    color: #797a7a;
    font-size: 14px;
}

.padding-0 > li > a:hover {
    color: #ea3e9d;
}

.tittle-kontakt {
    text-transform: uppercase;
    font: bold 1.063em Arial, sans-serif;
    color: #41ade2;
    vertical-align: top;
    margin-top: 0;
}

.mail-footer,
.number-footer {
    font: 2em/0.6em 'proxima nova', sans-serif !important;
    color: #797a7a !important;
}

/*.mail-footer{margin-top: 15%;}*/

.first-col-of-footer-3 {
    margin-top: 0;
    margin-bottom: 10%;
}

#facebook-link > img {
    margin-top: 5%;
}

.copyright-first,
.copyright-second {
    font-family: Arial, serif;
    font-size: 12px;
    color: #a0a2a2 !important;
    margin-top: 19%;
}

.copyright-second {
    float: right;
}

.copyright-second > a {
    color: #a0a2a2;
}

.copyright-second > a:hover {
    color: #4E008E;
}

.carousel-inner {
    overflow: visible;
}

/*.carousel {overflow: hidden; padding-bottom: 2%;}*/

.carousel {
    position: relative;
    overflow: hidden;
    /*padding: 10px;*/
    margin: -10px;
}

/*.mobile-version{display: none;}*/

@media screen and (max-width: 451px) {
    #content-1,
    #content-3,
    #content-5,
    #content-7 {
        margin-left: 5%;
    }

    #ilosc-badan {
        margin-left: 2%;
    }

    ul.navbar-nav {
        float: none;
    }

    /*.mobile-version{display: block;}*/
    body {
        width: 100%;
    }

    .navbar-header {
        width: 100%;
    }

    .box-shadow-content {
        max-width: 100%;
        margin-top: 7%;
    }

    .container {
        padding: 1.4%;
        overflow: hidden;
    }

    .footer-img {
        width: 100%;
    }

    /*.navbar-brand>img {margin-left: -4%;}*/
    #inputEmail {
        width: 100%;
        margin-bottom: 10%;
    }

    .login > ul > li {
        margin: 0.469em 0.7815em;
    }

    .boxy-text-1,
    .boxy-text-2,
    .boxy-text-3,
    .boxy-text-4 {
        margin-top: 10%;
    }

    .boxy-text-1 {
        background-size: cover;
        height: 6.250em;
    }

    .boxy-text-2 {
        background-size: cover;
        height: 6.250em;
    }

    .boxy-text-3 {
        background-size: cover;
        height: 6.250em;
    }

    .boxy-text-4 {
        background-size: cover;
        height: 6.250em;
    }

    .boxy-little-row {
        display: none;
    }

    .navbar-toggle {
        /*margin-top: 3%;*/
        margin-top: -11%;
    }

    .navbar-collapse {
        margin-top: 7.5%;
    }

    .img-from-hide-2,
    .img-from-hide-4,
    .img-from-hide-6 {
        margin-bottom: 10%;
    }

    .col-xs-12 > li {
        /*text-align: center;*/
        margin-bottom: 5%;
        display: inline-block;
        margin-right: 30px;
    }

    .nav-tabs > li.tab_1 > a,
    .nav-tabs > li.tab_2 > a,
    .nav-tabs > li.tab_3 > a,
    .nav-tabs > li.tab_4 > a,
    .nav-tabs > li.tab_5 > a,
    .nav-tabs > li.tab_6 > a {
        font: 14px/49px 'Open Sans' !important;
        font-weight: 800 !important;
    }

    .nav-tabs {
        margin-left: 15px;
    }

    .text-wiedza {
        margin-top: 5%;
    }

    .img-responsive {
        /*height: auto !important;*/
        height: 197px !important;
    }

    .tabs-content-top p {
        /*padding: 0 0 10px 15px;*/
        font-size: 18px;
        line-height: 28px;
    }

    #koszyk-1 {
        display: none;
    }

    .girl {
        margin-right: -16%;
        margin-top: -1%;
        right: 16%;
    }

    .tittle-slider {
        font: bold 1.6em Arial, sans-serif;
        margin-top: -18%;
        margin-left: -14%
    }

    .text-slider {
        font: 13px 'proxima-nova', sans-serif;
        margin-top: -4%;
        margin-left: -14%
    }

    #slider-icons
        /*.desktop-version*/
    {
        display: none;
    }

    .btn-slider {
        margin-top: 1%;
        margin-left: -15%;
        font: bold 0.7em Arial, sans-serif;
        padding: 1em 2em;
        margin-top: 7%;
    }

    .btn-slider-1 {
        color: #4D9CC3;
        font-size: 18px;
        font-weight: 600;
        margin-left: -15%;
        font: bold 0.7em Arial, sans-serif;
        padding: 1em 2em;
        margin-top: 7%;
        background-color: #fff;
    }

    .margin-top-for-footer {
        margin-top: 5%;
    }

    #tittle-footer {
        font: bold 2em Arial, serif;
        margin-top: 10%;
    }

    #opis-footer,
    #text-footer {
        font-family: 'proxima-nova', serif;
        line-height: 22px;
    }

    #opis-footer {
        font-size: 1.8em;
    }

    #text-footer {
        font-size: 1.150em;
    }

    #form-footer {
        text-align: center;
    }

    .block-text-footer {
        width: 80%;
    }

    .padding-0,
    .mail-footer {
        margin: 0;
    }

    .padding-0 {
        padding-left: 5%;
    }

    .first-col-of-footer {
        margin-top: 5%;
        text-align: center;
        width: 100%;
        padding: 0 5%;
    }

    .btn-from-hide-1,
    .btn-from-hide-2,
    .btn-from-hide-3,
    .btn-from-hide-4,
    .btn-from-hide-5,
    .btn-from-hide-6 {
        margin-top: 5%;
    }

    /*.btn-from-hide-2,.btn-from-hide-4,.btn-from-hide-6{margin-top: -5%;}*/
    .margin-for-contents,
    .btn-from-hide-0,
    .btn-from-hide-2 > a,
    .btn-from-hide-4 > a,
    .btn-from-hide-6 > a {
        margin-left: 0;
    }

    .col-md-4 > a > img.logo-width-footer {
        margin-left: 15%;
    }

    .tittle-links,
    .tittle-kontakt,
    .mail-footer,
    .number-footer {
        text-align: center;
    }

    #facebook-link {
        margin-left: 47.5%;
    }

    #facebook-link > img {
        margin: 6% 0 4% 0;
    }

    .logo-whidth-footer {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .tittle-kontakt {
        margin-top: 4%;
    }

    ul.navbar-nav {
        text-align: center;
    }

    .navbar-static-top {
        position: relative;
        margin: 3% 0 10% 0;
    }

    .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
    }

    .img-logo {
        width: 86%;
        margin-top: -1%;
    }

    div.login > div.col-xs-6 {
        text-align: center;
    }

    .carousel-caption {
        bottom: 0;
        top: 16%;
        z-index: 10;
        padding-top: 1.250em;
        padding-bottom: 1.250em;
        color: #ffffff;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        width: 54%;
    }

    .tittle-slider {
        width: 100%;
        font-size: 17px;
    }

    .boxy-text {
        color: #fff;
        font: bold 14px Arial, sans-serif;
        text-transform: uppercase;
        padding-top: 5em;
        margin-left: 2%;
    }

    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        line-height: 1;
        height: 38vh;
    }

    .text-slider {
        /* margin-top: 8%; */
        font-size: 15px;
        line-height: 20px;
    }

    .carousel {
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .boxy-text-3,
    .boxy-text-4 {
        margin-top: 23px;
    }

    .btn-from-hide-0 > a {
        margin-left: 0;
    }

    .img-from-hide-0 {
        margin-left: 0%;
    }

    .img-from-hide-2,
    .img-from-hide-3,
    .img-from-hide-5,
    .img-from-hide-6,
    .img-from-hide-7 {
        margin-left: 3%;
    }
}

@media screen and (min-width: 452px) {
    #koszyk-2 {
        display: none;
    }

    .btn-slider,
    .btn-slider-1 {
        margin-top: 2%;
    }
}

#koszyk-2 {
    position: relative;
    z-index: 999;
}

@media (min-width: 800px) {
    .navbar-nav > li > a {
        /*padding-top: 28px;*/
        padding-bottom: 10px;
    }
}

@media (min-width: 450px) and (max-width: 500px) {
    #text-footer {
        font-size: 1.150em;
    }
}

@media (min-width: 450px) and (max-width: 766px) {
    .img-logo {
        width: 85%;
        margin: 0 auto;
    }
}

@media (min-width: 766px) and (max-width: 990px) {
    .navbar-brand {
        margin: 4% 5% 7% 5%;
        z-index: 9999;
        position: relative;
    }

    .copyright-first,
    .copyright-second {
        font-size: 12px;
        color: #a0a2a2 !important;
        text-align: center;
        margin-top: 0 !important;
        float: none;
    }
}

@media (min-width: 700px) and (max-width: 766px) {
    .navbar-collapse.collapse {
        margin-top: 6%;
        text-align: center;
        overflow: hidden;
    }

    .navbar-toggle {
        position: absolute;
        top: 37px;
        right: 0;
    }

    .nav.navbar-default {
        position: relative;
        margin-bottom: 4%;
    }

    .navbar-brand > img {
        height: 300%;
        margin-left: 0;
    }

    /*.desktop-version{display: none;}*/
    .box-shadow-content {
        max-width: 100%;
        margin-top: 7%;
    }

    .btn-from-hide-0,
    .btn-from-hide-1,
    .btn-from-hide-2,
    .btn-from-hide-3,
    .btn-from-hide-4,
    .btn-from-hide-5,
    .btn-from-hide-6 {
        margin-top: 5%;
    }
}

@media (min-width: 700px) and (max-width: 766px) {
    .boxy-text {
        font-size: 12px;
        width: 45%;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .navbar-header {
        width: 90%;
    }

    ul.navbar-nav {
        margin-left: 5%;
        padding-top: 5px;
        float: left;
    }

    /*.mobile-version{display: block;}*/
    .box-shadow-content {
        /*        max-width: 90%;*/
        margin-top: 4%;
    }

    .boxy-text {
        font-size: 12px;
        width: 45%;
    }

    .carousel-caption {
        top: -1%;
        left: 3%;
        z-index: 10;
        padding-top: 1.250em;
        padding-bottom: 1.250em;
        color: #ffffff;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        width: 77%;
    }

    .tittle-slider {
        text-transform: uppercase;
        font: bold 58px Arial, sans-serif;
        line-height: 67px;
        margin-top: 0;
        width: 100%;
    }

    .text-slider {
        font: 25px 'EB Garamond', sans-serif;
        line-height: 27px;
        margin-top: 0;
    }

    .btn-slider,
    .btn-slider-1 {
        margin-top: 0;
    }

    #slider-icons {
        margin-bottom: -20px;
        margin-top: -8px;
    }

    .girl {
        right: 5px;
        margin-top: -15px;
    }

    /*    .box-shadow-content{width: 100%;}*/
    .logo-whidth-footer {
        display: block;
        margin: 0 auto;
        margin-bottom: 4%;
        text-align: left;
    }

    .first-col-of-footer {
        /*font-size: 22px;*/
        line-height: 27px;
        color: #a0a2a2;
        margin-top: 20px;
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .tittle-links {
        text-transform: uppercase;
        /*font: bold 29px Arial, sans-serif;*/
        color: #ea3e9d;
        vertical-align: top;
        margin-top: 0;
        text-align: center;
        margin-top: 4%;
    }

    .padding-0 {
        padding: 0;
        margin-top: 0%;
        /*padding-left: 16%;*/
    }

    .tittle-kontakt {
        text-transform: uppercase;
        /*font: bold 30px Arial, sans-serif;*/
        color: #41ade2;
        vertical-align: top;
        margin-top: 0;
        text-align: center;
        margin-top: 3%;
    }

    .mail-footer {
        margin-top: 5%;
    }

    .mail-footer,
    .number-footer {
        font: 33px 'EB Garamond', sans-serif;
        color: #a0a2a2;
        line-height: 0.8;
        text-align: center;
    }

    /*#facebook-link {margin-left: 47.5%;}*/
    #facebook-link > img {
        margin: 2% 0 -2%;
    }

    /*.desktop-version{display: none;}*/
    .btn-from-hide-0,
    .btn-from-hide-1,
    .btn-from-hide-2,
    .btn-from-hide-3,
    .btn-from-hide-4,
    .btn-from-hide-5,
    .btn-from-hide-6 {
        margin: 2% 0;
    }

    .btn-from-hide-2,
    .btn-from-hide-4,
    .btn-from-hide-6 {
        margin: 2% 0;
    }

    .margin-for-contents,
    .btn-from-hide-2 > a,
    .btn-from-hide-4 > a,
    .btn-from-hide-6 > a {
        margin-left: 0;
    }

    .boxy-text-1,
    .boxy-text-2,
    .boxy-text-3,
    .boxy-text-4 {
        background-size: cover;
    }

    /*    .boxy-text-3,.boxy-text-4{margin-top: 1px;}



    .boxy-text-1,.boxy-text-2{margin-top: -3px;}

*/
    .navbar-brand > img {
        margin-left: 15%;
    }

    .nav.navbar-nav {
        font-size: 14px;
    }

    .navbar-nav > li {
        margin-left: -1px;
    }

    .boxy-little-row {
        left: 9%;
    }

    .btn-from-hide-0 > a {
        margin-left: 0;
    }

    .img-from-hide-0 {
        margin-left: 5%;
    }

    .img-from-hide-2,
    .img-from-hide-3,
    .img-from-hide-4,
    .img-from-hide-5,
    .img-from-hide-6,
    .img-from-hide-7 {
        margin-left: 8%;
    }

    .logo-whidth-footer {
        width: 80%;
        margin-top: 6%;
        text-align: center;
    }
}

/*=============== styles for BXslieder =====================*/

.tittle-slider {
    position: absolute;
    top: 5%;
    left: 0%;
    width: 80%;
    color: #fff;
    font-weight: 800;
}

#promocja-1 {
    position: absolute;
    top: -0.22%;
    left: -0.1%;
    z-index: 9999;
}

.bx-wrapper .bx-viewport {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    left: 0 !important;
}

.bx-viewport {
    height: 620px !important;
}

.girl {
    height: 107%;
}

.text-slider {
    position: absolute;
    top: 15%;
    width: 60%;
    color: #fff;
    left: 0%;
}

.btn-slider {
    position: absolute;
    top: 0;
    top: 37%;
    left: 0%;
}

.slider-icons {
    position: absolute;
    top: 54%;
    left: 7%;
    width: 50%;
}

.slider-icons > img {
    float: left;
}

.bx-wrapper {
    margin-bottom: -2% !important;
}

.bx-viewport {
    width: 99.8% !important;
}

.bx-controls-direction {
    display: none;
}

ul.bxslider > li {
    margin-right: 2px;
}

/*    .active .boxy-shadow-js{

        box-shadow: 8px 39px 84px -50px #000200;

    } */

@media (max-width: 991px) {
    /*.nav.navbar-nav{margin-top: 5%;}*/
}

@media (min-width: 450px) and (max-width: 991px) {
    #tittle-footer {
        font: bold 2em Arial, serif;
        margin-top: 10%;
    }

    .marging-top-footer {
        text-align: center;
    }

    .first-col-of-footer {
        margin: 5% auto;
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1198px) {
    .nav.navbar-nav {
        font-size: 13px;
        margin-top: -1%;
        float: right;
    }

    #promocja-1 {
        top: -0.22%;
        left: -0.1%;
    }
}

@media (min-width: 1023px) and (max-width: 1198px) {
    .bx-viewport {
        height: 500px !important;
    }
}

@media (min-width: 992px) and (max-width: 1022px) {
    .tittle-slider {
        top: 8%;
        font-size: 50px;
    }

    .text-slider {
        top: 20%;
        font-size: 18px;
    }

    .slider-icons {
        top: 54%;
    }

    .bx-viewport {
        height: 500px !important;
    }

    .girl {
        right: 55px;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    #promocja-1 {
        top: -0.22%;
        left: -0.1%;
        height: 38%;
    }

    .tittle-slider {
        width: 80%;
        top: 5%;
        font-size: 40px;
    }

    .text-slider {
        top: 19%;
        width: 63%;
        font-size: 17px;
    }

    .bx-viewport {
        height: 400px !important;
    }

    .btn-slider {
        top: 46%;
    }
}

@media (min-width: 602px) and (max-width: 766px) {
    .tittle-slider {
        width: 80%;
        font-size: 40px;
        line-height: 40px;
        top: 2%;
    }

    .text-slider {
        top: 13%;
        width: 62%;
        font-size: 17px;
    }

    .btn-slider {
        top: 42%;
        padding: 13px 25px;
        font-size: 17px;
    }

    .slider-icons {
        display: none;
    }

    .girl {
        right: 9px;
    }

    .bx-viewport {
        height: 350px !important;
    }

    #promocja-1 {
        top: -0.22%;
        left: -0.1%;
        height: 43%;
    }
}

@media (min-width: 550px) and (max-width: 601px) {
    .girl {
        right: 5px;
    }

    .tittle-slider {
        font-size: 40px;
        line-height: 40px;
        width: 80%;
        left: 0%;
    }

    .slider-icons {
        display: none;
    }

    .text-slider {
        font-size: 18px;
        top: 16%;
        width: 68%;
    }

    .btn-slider {
        padding: 11px 30px;
        font-size: 16px;
        top: 67%;
    }

    .bx-viewport {
        height: 300px !important;
    }

    .girl {
        top: 4%;
    }

    #promocja-1 {
        top: -0.22%;
        left: -0.1%;
        height: 50%;
    }
}

@media (min-width: 460px) and (max-width: 550px) {
    .text-slider {
        font-size: 17px;
        line-height: 18px;
        top: 16%;
        width: 68%;
    }

    .tittle-slider {
        width: 80%;
        font-size: 30px;
        line-height: 30px;
        left: 0%;
    }

    .girl {
        right: 9px;
        top: 10px;
    }

    #promocja-1 {
        top: -0.22%;
        left: -0.1%;
        height: 50%;
    }

    .slider-icons {
        display: none;
    }

    .btn-slider {
        top: 68%;
        font-size: 14px;
        padding: 10px 25px;
    }

    .bx-viewport {
        height: 270px !important;
    }
}

#inputEmail {
    width: 50%;
}

.button-in-form-new {
    text-align: center;
}

.field-inputEmail {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 459px) {
    #inputEmail {
        width: 100%;
    }

    .copyright-first,
    .copyright-second {
        font-size: 12px;
        color: #a0a2a2 !important;
        text-align: center;
        margin-top: 0 !important;
    }

    .copyright-second {
        float: none;
    }

    .nav-tabs > li {
        float: none;
        margin-bottom: -3px !important;
        margin-right: 3% !important;
        display: inline-block;
    }

    #promocja-1 {
        height: 50%;
    }

    .slider-icons {
        display: none;
    }

    .tittle-slider {
        width: 80%;
        top: 43%;
        left: 20%;
        font-size: 22px;
    }

    .text-slider {
        top: 30%;
        left: 20%;
        font-size: 16px;
        line-height: 13px;
        width: 70%;
    }

    .btn-slider {
        top: 57%;
        left: 21%;
    }

    .bx-viewport {
        height: 215px !important;
    }
}

/*============== END ===============*/

.element-of-content-4 > #content-3 > .tk-proxima-nova,
.element-of-content-4 > #content-1 > .tk-proxima-nova > a {
    color: #009540;
}

.element-of-content-4 > #content-3 > #color-vitagenum:after {
    background-color: #009540;
}

.element-of-content-4-4 {
    /*margin-left: -6%;*/
    margin-top: 1%;
}

.element-of-content-5 > #content-4 > .tk-proxima-nova,
.element-of-content-5 > #content-4 > .tk-proxima-nova > a {
    color: #e5007e;
}

.element-of-content-5 > #content-4 > #color-szybkie:after {
    background-color: #e5007e;
}

.element-of-content-6 > #content-5 > .tk-proxima-nova,
.element-of-content-6 > #content-5 > .tk-proxima-nova > a {
    color: #35a8e0;
}

.element-of-content-6 > #content-5 > #color-vitagenum:after {
    background-color: #35a8e0;
}

.element-of-content-6-6 {
    margin-left: -6%;
    margin-top: 1%;
}

.element-of-content-7 > #content-6 > .tk-proxima-nova,
.element-of-content-7 > #content-6 > .tk-proxima-nova > a {
    color: #e5007e;
}

.element-of-content-7 > #content-6 > #color-szybkie:after {
    background-color: #e5007e;
}

.element-of-content-8 > #content-7 > .tk-proxima-nova,
.element-of-content-8 > #content-7 > .tk-proxima-nova > a {
    color: #009540;
}

.element-of-content-8 > #content-7 > #color-vitagenum:after {
    background-color: #009540;
}

.element-of-content-8-8 {
    margin-left: -8%;
}

@media (min-width: 990px) and (max-width: 1020px) {
    .box-shadow-content {
        width: 110%;
    }

    .img-from-hide-2,
    .img-from-hide-3,
    .img-from-hide-4,
    .img-from-hide-5,
    .img-from-hide-6,
    .img-from-hide-7 {
        margin-left: 0;
    }
}

@media (min-width: 1023px) and (max-width: 1199px) {
    .element-of-content-2-2,
    .element-of-content-4-4,
    .element-of-content-6-6,
    .element-of-content-8-8 {
        margin-left: -17%;
    }

    .element-of-content-3-3 > img,
    .element-of-content-5-5 > img,
    .element-of-content-7-7 > img {
        margin-left: -12%;
    }
}

@media (min-width: 1200px) {
    .first-child {
        width: 16.66% !important;
    }

    .last-child {
        width: 83.33% !important;
    }
}

@media (min-width: 359px) and (max-width: 450px) {
    .text-slider {
        font-size: 17px;
        line-height: 16px;
    }
}

@media (min-width: 452px) and (max-width: 459px) {
    .tittle-slider {
        top: 0;
        left: 5%;
    }

    .text-slider {
        top: 19%;
        left: 5%;
    }

    .btn-slider {
        top: 57%;
        left: 5%;
    }

    .boxy-text {
        font-size: 19px;
    }
}

/*================ content-2 ========================*/

.img-content-2 > img {
    width: 100%;
}

.tittle-content-2 {
    font-size: 25px;
    color: #35a8e0;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    line-height: 40px;
}

.tittle-content-2:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: 11px;
    transform: translateX(-50%);
    bottom: -10px;
    width: 20px;
    height: 3px;
    background-color: #35a8e0;
}

.text-content-2 {
    text-align: justify;
    font-size: 15px;
    opacity: 1;
    color: #939393;
    font-weight: 300 !important;
}

.text-content-2 > .btn-from-hide-0 > a {
    transition: 0.3s;
    text-transform: uppercase;
}

/*.text-content-2>.btn-from-hide-0>a:hover{font-size: 19px; margin-left: -1%;}*/

.btn-red {
    color: #fff;
    background-color: #e5007e;
    border-color: #e5007e;
}

.btn {
    border-radius: 0px !important;
    text-transform: uppercase;
}

.btn-red > a {
    color: #fff;
}

.btn-group-lg > .btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    /*margin-top: 2%;*/
}

.marging-top-for-content-2 {
    margin-top: 3%;
}

.btn-marg-18 > a {
    margin-left: 0;
}

.number-of-text-content-2 {
    line-height: 27px;
    font-size: 72px;
    font-weight: 500;
    color: #EDEFF5;
}

.img-content-2 {
    margin-top: 0;
    text-align: center;
}

.img-content-2 > img {
    width: 50%;
    margin-top: 9%;
}

@media (min-width: 991px) {
    p.text-content-2 {
        font-size: 19px;
        margin: 5% 0 4% 0;
        line-height: 28px;
        width: 90%;
    }
}

/*================ END ========================*/

/*================ content-3 ========================*/

.border-for-content-3 {
    border: 1px solid #e5007e;
    text-align: center;
    font-family: 'Open Sans';
    padding-bottom: 10%;
    margin-bottom: 10%;
}

.border-for-content-3 > img {
    max-width: 100%;
}

.border-for-content-3 > h3 {
    margin: 0;
    text-align: center;
    padding: 2%;
}

.tittle-content-3 {
    font-size: 37px;
    color: #FFF;
    font-weight: 400;
    background-color: #e5007e;
}

.price {
    color: #e5007e;
    font-size: 40px;
    font-weight: 400;
    margin-top: 4%;
    margin-bottom: 1%;
}

.padding-for-first-btn-content-3 {
    padding-right: 12%;
    padding-left: 12%;
}

.margin-top-2-pr {
    margin-top: 2%;
}

.padding-for-second-btn-content-3 {
    padding-right: 4%;
    padding-left: 3%;
}

.text-content-3 {
    width: 100%;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price-and-text {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.blue-content-3 {
    border-color: #35a8e0;
}

.blue-content-3 > .tittle-content-3 {
    background-color: #35a8e0;
}

.blue-content-3 > .price-and-text > .price {
    color: #35a8e0;
}

.blue-content-3 > .btn-red {
    background-color: #35a8e0;
    border-color: #35a8e0;
}

.blue-content-3 > .btn.btn-red.btn-lg:hover {
    background-color: #2589BA;
    border-color: #2589BA;
}

.green-content-3 {
    border-color: #009540;
}

.green-content-3 > .tittle-content-3 {
    background-color: #009540;
}

.green-content-3 > .price-and-text > .price {
    color: #009540;
}

.green-content-3 > .btn-red {
    background-color: #009540;
    border-color: #009540;
}

.green-content-3 > .btn.btn-red.btn-lg:hover {
    background-color: #027132;
    border-color: #027132;
}

.visible-hidden {
    display: none;
}

/*================ END ========================*/

/*================ WIEDZA ========================*/

.content-wiedza-with-images {
    margin-bottom: 4%;
    min-height: 222px;
}

.btn-group-vertical {
    width: 100%;
    color: #000;
    background-color: #f8f8f8;
}

.wiedza-active-link a {
    color: #e5007e !important;
}

.btn-group-vertical li {
    list-style-type: none;
}

.btn-group-vertical > li > a {
    text-align: left;
    color: #939393;
    font: 15px/30px 'Open Sans';
    /*text-transform: capitalize;*/
    font-weight: 600 !important;
}

.btn-group-vertical > li > a:hover {
    color: #e5007e;
}

.btn-group-vertical > li {
    text-align: left;
    padding: 5px 0 5px 15px;
}

.btn-group-vertical > li > img {
    margin-right: 5%;
}

.text-before-grop-vertikal {
    text-transform: uppercase;
    color: #3f3f3f;
    font: bold 18px/30px 'open sans';
}

.link-under-img {
    margin-bottom: 2%;
}

.link-under-img > a {
    vertical-align: top;
    color: #35a8e0;
    font-family: 'Open Sans';
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    /*background-color: #fff;*/
}

.left-btn-under-img {
    float: left;
    /*margin:7% 0 2% 0;*/
    text-decoration: none;
}

.spacer-60 {
    height: 60px;
}

.spacer {
    height: 75px;
}

.spacer-80 {
    height: 80px;
}

.nomargin {
    margin: 0;
    width: 100%;
}

.col-md-8 > .col-xs-12 > .btn-lg {
    padding: 11px 15px;
    font-size: 17px;
}

.img-content-wiedza {
    width: 270px;
    height: 200px;
    object-fit: contain;
    float: left;
    margin-right: 4%;
}

@media screen and (max-width: 658px) {
    .img-content-wiedza {
        width: 100%;
        height: 100%;
    }
}

.btn-for-wiedza > a {
    font: bold 17px "proxima-nova", sans-serif;
    color: #35a8e0;
    transition: 0.3s;
    text-transform: uppercase;
}

.opis-text-wiedza {
    font-size: 16px;
    line-height: 28px;
    color: #939393;
    height: 85px;
    overflow: hidden;
}

@media screen and (max-width: 588px) {
    .img-content-wiedza {
        float: none;
    }
}

/*================ END ========================*/

/*================ o nas ========================*/

.nav-tabs > li.tab_4 > a,
.nav-tabs > li.tab_5 > a,
.nav-tabs > li.tab_6 > a {
    color: #3e3e3e;
}

.nav-tabs > li.tab_4 > a:hover,
.nav-tabs > li.tab_4 > a:focus {
    color: #e5007e;
    cursor: default;
    background-color: #fff;
    border-bottom: 2px solid #e5007e;
    cursor: pointer;
}

.nav-tabs > li.tab_5 > a:hover,
.nav-tabs > li.tab_5 > a:focus {
    color: #35a8e0;
    cursor: default;
    background-color: #fff;
    border-bottom: 2px solid #35a8e0;
    cursor: pointer;
}

.nav-tabs > li.tab_6 > a:hover,
.nav-tabs > li.tab_6 > a:focus {
    color: #027132;
    cursor: default;
    background-color: #fff;
    border-bottom: 2px solid #027132;
    cursor: pointer;
}

.nav-tabs > li > a:hover {
    border-color: #fff;
}

.nav-tabs > li.tab_1 > a,
.nav-tabs > li.tab_2 > a,
.nav-tabs > li.tab_3 > a,
.nav-tabs > li.tab_4 > a,
.nav-tabs > li.tab_5 > a,
.nav-tabs > li.tab_6 > a {
    color: #3e3e3e;
    font: 22px/49px 'Open Sans';
    font-weight: 600;
}

.nav-tabs > li.active.tab_1 > a,
.nav-tabs > li.tab_1 > a:hover,
.nav-tabs > li.tab_1 > a:focus,
.nav-tabs > li.active.tab_4 > a,
.nav-tabs > li.tab_4 > a:hover,
.nav-tabs > li.tab_4 > a:focus {
    color: #e5007e;
    background-color: #fff;
    border-bottom: 3px solid #e5007e;
    cursor: pointer;
    padding: 5px 0;
    background-color: #fafcfc;
}

.nav-tabs > li.active.tab_2 > a,
.nav-tabs > li.tab_2 > a:hover,
.nav-tabs > li.tab_2 > a:focus,
.nav-tabs > li.active.tab_5 > a,
.nav-tabs > li.tab_5 > a:hover,
.nav-tabs > li.tab_5 > a:focus {
    color: #35a8e0;
    background-color: #fff;
    border-bottom: 3px solid #35a8e0;
    cursor: pointer;
    padding: 5px 0;
    background-color: #fafcfc;
}

.nav-tabs > li.active.tab_3 > a,
.nav-tabs > li.tab_3 > a:hover,
.nav-tabs > li.tab_3 > a:focus,
.nav-tabs > li.active.tab_6 > a.nav-tabs > li.tab_6 > a:hover,
.nav-tabs > li.tab_6 > a:focus {
    color: #00943f;
    background-color: #fff;
    border-bottom: 3px solid #00943f;
    cursor: pointer;
    padding: 5px 0;
    background-color: #fafcfc;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -3px;
    margin-right: 30px;
}

.nav > li > .tabs_tittle {
    position: relative;
    display: block;
    padding: 5px 0;
    border: 0;
}

.nav-tabs {
    border-bottom: 3px solid #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: none;
    border-left: none;
    border-right: none;
}

.tabs-content-all {
    font-size: 20px;
    line-height: 27px;
    color: #939393;
}

.img-o-nas {
    width: 108%;
    margin-left: -2%;
}

.tabs-content-all > div > h2 {
    margin-bottom: 2%;
    font-size: 34px;
}

.tabs-content-top {
    margin: 5% 0;
    line-height: 1.7em;
}

/*.line-before-text:before{content: "";border: 2px solid #939393;width: 4%;left: 3%;position: absolute;top: 30%;}*/

.padding-tabs-2 {
    padding-left: 6%;
}

.imie-pod {
    color: #00943f;
    font-size: 26px;
    line-height: 27px;
    margin: 5% 0 5% 4%;
    font-weight: 600;
}

.style-for-li-o-nas > .col-xs-12 > ul > li:before {
    font-size: 30px;
    color: #00943f;
    left: 5%;
    position: absolute;
    /*content: "—";*/
    content: "-";
    font-weight: 800;
    margin-right: 2%;
}

.style-for-li-o-nas > .col-xs-12 > ul > li {
    padding-left: 8%;
    width: 90%;
    line-height: 1.7em;
}

.style-for-li-o-nas > .col-xs-12 > ul {
    padding: 0;
}

.style-for-li-o-nas > .col-xs-12 > p > img {
    margin-top: 20%;
}

/*================ end ========================*/

.btn-back-green-badania {
    color: #fff;
    outline: none;
    border: none;
    padding: 6px 30px;
    font: 15px/30px 'proxima-nova';
    text-transform: uppercase;
    margin: 1% 0 3% 0;
    float: left;
    background-color: #009540;
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
    border-radius: 2px;
}

#base-product,
#extended-product {
    font: 36px/49px 'Proxima-nova', sans-serif;
    color: #009540;
    font-weight: bolder;
}

.radio-under-koszyk1 input:checked + span {
    color: #009540;
    font-weight: 800;
}

.radio-under-koszyk2 {
    margin-top: 25px;
}

.radio-under-koszyk1 .col-md-8.col-xs-5 p {
    margin: 0 0 6px;
}

.btn-back-green-badania:hover {
    background-color: #017533;
    border-color: #017533;
    color: #fff;
}

.btn-back-green-badania:active {
    color: #fff;
}

/*================ Products ========================*/

/*PINK*/

.pink-product h1,
.pink-product h2,
.pink-product h2 a,
.pink-product span,
.pink-product .cena,
.pink-product > li > span,
.pink-product p,
.pink-product blockquote,
.pink-product .wiedzic-wiecej a,
label.pink-product {
    color: #E5007E;
}

.pink-product .button-a {
    background-color: #E5007E;
}

.pink-product .button-a:hover {
    background-color: #cc0070;
    border-color: #cc0070;
}

.pink-product a .svg-border {
    fill: #E5007E;
    border: 1px solid #E4007E;
}

.pink-product a .svg-border:hover {
    fill: #fff;
    border: 1px solid #cc0070;
    background: #E5007E;
}

.pink-product a .close {
    fill: #E5007E;
}

.pink-product h2:after,
.pink-product p:after,
.pink-product li:before,
.pink-product span:after,
.pink-product blockquote:after,
.pink-product .w-ramach p:before,
.pink-product .icons div {
    background-color: #e5007e;
}

.authorContainer.pink-product,
.pink-product #prev,
.pink-product #next {
    color: #E5007E;
}

.authorContainer.pink-product {
    color: #3f3f3f;
}

.authorContainer.pink-product {
    width: 90%;
    padding-left: 22px;
}

.pink-product #prev:hover,
.pink-product #next:hover {
    color: #E4007E;
    text-shadow: none;
}

.pink-product .mouse,
.pink-product .wheel {
    border-color: #E5007E;
}

.pink-product .m_scroll_arrows {
    border-right-color: #E5007E;
    border-bottom-color: #E5007E;
}

/*BLUE*/

.blue-product h1,
.blue-product h2,
.blue-product h2 a,
.blue-product span,
.blue-product .cena,
.blue-product > li > span,
.blue-product p,
.blue-product blockquote,
.blue-product .wiedzic-wiecej a,
label.blue-product {
    color: #35a8e0;
}

.blue-product .button-a {
    background-color: #35a8e0;
}

.blue-product .button-a:hover {
    background-color: #2C85B1;
    border-color: #2C85B1;
}

.blue-product a .svg-border {
    fill: #35a8e0;
    border: 1px solid #35a8e0;
}

.blue-product a .svg-border:hover {
    fill: #fff;
    background-color: #35a8e0;
    border: 1px solid #2C85B1;
}

.blue-product a .close {
    fill: #35a8e0;
}

.blue-product h2:after,
.blue-product p:after,
.blue-product li:before,
.blue-product span:after,
.blue-product blockquote:after,
.blue-product .w-ramach p:before,
.blue-product .icons div {
    background-color: #35a8e0;
}

.authorContainer.blue-product,
.blue-product #prev,
.blue-product #next {
    color: #35a8e0;
}

.blue-product #prev:hover,
.blue-product #next:hover {
    color: #2C85B1;
    text-shadow: none;
}

.blue-product .mouse,
.blue-product .wheel {
    border-color: #35a8e0;
}

.blue-product .m_scroll_arrows {
    border-right-color: #35a8e0;
    border-bottom-color: #35a8e0;
}

/*GREEN*/

.green-product h1,
.green-product h2,
.green-product h2 a,
.green-product span,
.green-product .cena,
.green-product > li > span,
.green-product p,
.green-product blockquote,
.green-product .wiedzic-wiecej a,
label.green-product {
    color: #009540;
}

.green-product .button-a,
.green-product .icons div {
    background-color: #009540;
}

.green-product .button-a:hover {
    background-color: #017533;
    border-color: #017533;
}

.green-product a .svg-border {
    fill: #009540;
    border: 1px solid #009540;
}

.green-product a .svg-border:hover {
    fill: #fff;
    background-color: #009540;
    border: 1px solid #017533;
}

.green-product a .close {
    fill: #009540;
}

.green-product h2:after,
.green-product p:after,
.green-product li:before,
.green-product span:after,
.green-product blockquote:after,
.green-product .w-ramach p:before {
    background-color: #009540;
}

.authorContainer.green-product,
.green-product #prev,
.green-product #next {
    color: #009540;
}

.green-product #prev:hover,
.green-product #next:hover {
    color: #017533;
    text-shadow: none;
}

.green-product .mouse,
.green-product .wheel {
    border-color: #009540;
}

.green-product .m_scroll_arrows {
    border-right-color: #009540;
    border-bottom-color: #009540;
}



/* ORANGE */

.orange-product h1,
.orange-product h2,
.orange-product h2 a,
.orange-product span,
.orange-product .cena,
.orange-product > li > span,
.orange-product p,
.orange-product blockquote,
.orange-product .wiedzic-wiecej a,
label.orange-product {
    color: #F2994A;
}

.orange-product .button-a {
    background-color: #F2994A;
}

.orange-product .button-a:hover {
    background-color: #d9822f;
    border-color: #d9822f;
}

.orange-product a .svg-border {
    fill: #F2994A;
    border: 1px solid #F2994A;
}

.orange-product a .svg-border:hover {
    fill: #fff;
    border: 1px solid #d9822f;
    background: #F2994A;
}

.orange-product a .close {
    fill: #F2994A;
}

.orange-product h2:after,
.orange-product p:after,
.orange-product li:before,
.orange-product span:after,
.orange-product blockquote:after,
.orange-product .w-ramach p:before,
.orange-product .icons div {
    background-color: #F2994A;
}

.authorContainer.orange-product,
.orange-product #prev,
.orange-product #next {
    color: #F2994A;
}

.authorContainer.orange-product {
    color: #3f3f3f;
}

.authorContainer.orange-product {
    width: 90%;
    padding-left: 22px;
}

.orange-product #prev:hover,
.orange-product #next:hover {
    color: #d9822f;
    text-shadow: none;
}

.orange-product .mouse,
.orange-product .wheel {
    border-color: #F2994A;
}

.orange-product .m_scroll_arrows {
    border-right-color: #F2994A;
    border-bottom-color: #F2994A;
}



/* PURPLE – refined (calm / premium) */

.purple-product h1,
.purple-product h2,
.purple-product h2 a,
.purple-product span,
.purple-product .cena,
.purple-product > li > span,
.purple-product p,
.purple-product blockquote,
.purple-product .wiedzic-wiecej a,
label.purple-product {
    color: #5B55E0;
}

.purple-product .button-a,
.purple-product .icons div {
    background-color: #5B55E0;
}

.purple-product .button-a:hover {
    background-color: #4C47C2;
    border-color: #4C47C2;
}

.purple-product a .svg-border {
    fill: #5B55E0;
    border: 1px solid #5B55E0;
}

.purple-product a .svg-border:hover {
    fill: #fff;
    background-color: #5B55E0;
    border: 1px solid #4C47C2;
}

.purple-product a .close {
    fill: #5B55E0;
}

.purple-product h2:after,
.purple-product p:after,
.purple-product li:before,
.purple-product span:after,
.purple-product blockquote:after,
.purple-product .w-ramach p:before {
    background-color: #5B55E0;
}

.authorContainer.purple-product,
.purple-product #prev,
.purple-product #next {
    color: #5B55E0;
}

.purple-product #prev:hover,
.purple-product #next:hover {
    color: #4C47C2;
    text-shadow: none;
}

.purple-product .mouse,
.purple-product .wheel {
    border-color: #5B55E0;
}

.purple-product .m_scroll_arrows {
    border-right-color: #5B55E0;
    border-bottom-color: #5B55E0;
}



/* TURQUOISE */

.turquoise-product h1,
.turquoise-product h2,
.turquoise-product h2 a,
.turquoise-product span,
.turquoise-product .cena,
.turquoise-product > li > span,
.turquoise-product p,
.turquoise-product blockquote,
.turquoise-product .wiedzic-wiecej a,
label.turquoise-product {
    color: #00A8A8;
}

.turquoise-product .button-a,
.turquoise-product .icons div {
    background-color: #00A8A8;
}

.turquoise-product .button-a:hover {
    background-color: #008C8C;
    border-color: #008C8C;
}

.turquoise-product a .svg-border {
    fill: #00A8A8;
    border: 1px solid #00A8A8;
}

.turquoise-product a .svg-border:hover {
    fill: #fff;
    background-color: #00A8A8;
    border: 1px solid #008C8C;
}

.turquoise-product a .close {
    fill: #00A8A8;
}

.turquoise-product h2:after,
.turquoise-product p:after,
.turquoise-product li:before,
.turquoise-product span:after,
.turquoise-product blockquote:after,
.turquoise-product .w-ramach p:before {
    background-color: #00A8A8;
}

.authorContainer.turquoise-product,
.turquoise-product #prev,
.turquoise-product #next {
    color: #00A8A8;
}

.turquoise-product #prev:hover,
.turquoise-product #next:hover {
    color: #008C8C;
    text-shadow: none;
}

.turquoise-product .mouse,
.turquoise-product .wheel {
    border-color: #00A8A8;
}

.turquoise-product .m_scroll_arrows {
    border-right-color: #00A8A8;
    border-bottom-color: #00A8A8;
}

/* SLATE / NEUTRAL BLUE */

.slate-product h1,
.slate-product h2,
.slate-product h2 a,
.slate-product span,
.slate-product .cena,
.slate-product > li > span,
.slate-product p,
.slate-product blockquote,
.slate-product .wiedzic-wiecej a,
label.slate-product {
    color: #8E9AAF;
}

.slate-product .button-a,
.slate-product .icons div {
    background-color: #8E9AAF;
}

.slate-product .button-a:hover {
    background-color: #6F7C91;
    border-color: #6F7C91;
}

.slate-product a .svg-border {
    fill: #8E9AAF;
    border: 1px solid #8E9AAF;
}

.slate-product a .svg-border:hover {
    fill: #fff;
    background-color: #8E9AAF;
    border: 1px solid #6F7C91;
}

.slate-product a .close {
    fill: #8E9AAF;
}

.slate-product h2:after,
.slate-product p:after,
.slate-product li:before,
.slate-product span:after,
.slate-product blockquote:after,
.slate-product .w-ramach p:before {
    background-color: #8E9AAF;
}

.authorContainer.slate-product,
.slate-product #prev,
.slate-product #next {
    color: #8E9AAF;
}

.slate-product #prev:hover,
.slate-product #next:hover {
    color: #6F7C91;
    text-shadow: none;
}

.slate-product .mouse,
.slate-product .wheel {
    border-color: #8E9AAF;
}

.slate-product .m_scroll_arrows {
    border-right-color: #8E9AAF;
    border-bottom-color: #8E9AAF;
}





.svg-border {
    width: 50px;
    height: 42px;
    margin: 3%;
    padding: 9px;
    transition: 0.4s;
    outline: none;
}

/*.svg-border:hover{



    padding: 5px;



}*/

.tekst-in-add-product {
    margin-bottom: 5%;
}

.title-in-form-in-add-product {
    /*margin-bottom: 3%;*/
}

.box-shadow-badania {
    transition: 0.3s;
    padding: 5% 5% 5% 5%;
    margin: 4% 0;
    background-color: #fff;
    position: relative;
}

.box-shadow-badania > a {
    text-align: center;
}

.box-shadow-badania:hover {
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.12);
}

.badania > h2 {
    font-weight: 600;
}

.badania > p {
    /*text-align: justify;*/
    font-size: 16px;
    color: #ADADAD;
    line-height: 22px;
    overflow: hidden;
    max-height: 100px;
}

.fixed-height-for-badania-text {
    /*height: 86px;*/
    overflow: hidden;
}

.badania > img {
    max-width: 100%;
    height: 250px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

.badania > span {
    font: 24px/40px 'open sans';
    font-weight: 600;
}

.badania .button-a {
    color: #fff;
    outline: none;
    border: none;
    padding: 6px 30px;
    font: 15px/30px 'Open sans';
    text-transform: uppercase;
    margin-top: 3%;
    float: left;
}

.badania .button-a {
    color: #fff;
    text-decoration: none;
}

.badania-szczedoly > img {
    width: 75%;
}

.badania-szczedoly img {
    text-align: center;
}

.badania-szczedoly > h1 {
    font: bold 60px/55px 'open sans';
    /*margin: 15% 0 3% 0;*/
}

.badania-szczedoly > p {
    height: 100%;
    font-size: 16px;
}

.badania-szczedoly > .cena {
    font: bold 40px/80px 'open sans';
}

.badania .promo-text.survey-view-prom {
    color: #A6A6A6;
    font-weight: 100;
    position: relative;
    top: -15px;
}

/*================ end ========================*/

button {
    transition: 0.3s;
}

/*================ modal window ========================*/

.modal-content {
    padding-right: 15px;
    padding-left: 15px;
}

.modal-content > .row > .col-sm-8 {
    background-color: #FAFCFC;
}

.modal-content > .row > .col-sm-8 {
    padding: 15px 15px 55px 30px;
    box-shadow: inset 1px 0 20px -7px rgba(0, 0, 0, 0.35);
}

.modal-content > .row > .col-sm-4 {
    padding: 15px 40px;
}

.modal-content > .row > .col-sm-8 > .badania > p {
    width: 95%;
}

.modal-content {
    border-radius: 0;
}

.modal-content > .row > .col-sm-4 > .badania > img {
    width: 60%;
    margin-left: 12%;
}

.badania > form > .form-group > select {
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border-color: #D0D0D0;
    transition: 0.3s;
}

.badania > form > .form-group > select > option {
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border-color: #D0D0D0;
    transition: 0.3s;
}

.badania > form > .form-group > label {
    font: bold 16px/30px 'open sans';
    text-transform: uppercase;
}

.badania > a > span > svg {
    float: right;
    margin-right: 4%;
    width: 15px;
    margin-top: 1.2%;
    height: 15px;
    transition: 0.3s;
    opacity: 1;
}

.badania > a > span > svg:hover {
    width: 18px;
    height: 18px;
    margin-right: 3.7%;
    opacity: 1;
}

.dla-kogo > h2 {
    text-transform: uppercase;
    color: #000;
    font: 18px/19px 'open sans';
}

.dla-kogo > input {
    padding: 1.5% 0 1.5% 3%;
    width: 100%;
    outline: none;
    border: 1px solid #EBEBEB;
    font-size: 15px;
    background-color: #F3F3F3;
}

/*================ end ========================*/

.btn-for-wiedza {
    font: bold 18px "proxima-nova", sans-serif;
    color: #35a8e0;
}

.btn-for-wiedza:hover {
    border-bottom: solid 2px;
}

.thumb img {
    margin: 1% 0;
    filter: none;
    /* IE6-9 */
    -webkit-filter: grayscale(0);
    border-radius: 5px;
    /*background-color: #F5F3F3; 



    border: 1px solid #ddd; 



    padding: 10px;*/
    width: 100%;
    /*height: 380px;*/
}

.thumb img:hover {
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
}

.thumb {
    padding: 5px;
}

.border-certefikat {
    position: relative;
}

.img-responsive {
    height: 336px;
    width: 79% !important;
    padding: 9% 0 0 3.5% !important;
    margin-left: 6% !important;
}

.border-certefikat {
    margin-top: 30px;
}

.border-for-certefikaty {
    position: absolute;
    display: block;
    top: 0;
}

.title-for-all-details {
    color: #e5007e;
    font: bold 34px/40px 'Open Sans';
}

.opis-details {
    font: 16px/20px 'open sans';
    color: #ADADAD;
}

.survey-wrapper.margin-p-0 p {
    margin-top: 1%;
    margin-bottom: 0;
}

/*================ koszyk ========================*/

.pusty-koszyk {
    text-transform: uppercase;
    color: #A6A6A6;
    text-align: center;
    margin: 10px 0;
    background-color: #fff;
    width: 100%;
}

.pusty-koszyk p {
    font-size: 16px;
    margin: 20px 0 30px 0;
}

.pusty-koszyk a {
    text-decoration: underline;
    color: #ADADAD;
}

.margin-for-progres {
    margin: -2% 0 4% 0;
}

.upper-line-koszyk > svg {
    float: left;
    margin-right: 4%;
}

.text-koszyk {
    font: bold 17px/20px 'Open Sans';
    color: #3e3e3e;
    text-transform: uppercase;
}

.line-in-koszyk {
    width: 55%;
    height: 3px;
    background-color: #F0F1F1;
    float: right;
    margin-top: -5%;
    margin-right: 5%;
}

.line-in-koszyk-blue {
    width: 65%;
}

.blue-progress-text {
    color: #3BABE1;
    fill: #3BABE1;
}

.blue-progress-line {
    background-color: #3BABE1;
}

.price-koszyk {
    border-bottom: 2px solid #EBEBEB;
    float: left;
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 1049;
}

.price-koszyk .col-md-4.col-xs-7.text-right a svg {
    max-width: 25px;
}

.btn.btn-sm.btn-default.kv-editable-reset {
    margin-right: 10px;
}

.radio-under-koszyk1 h4,
.radio-under-koszyk1 label,
.radio-under-koszyk1 span {
    font: normal 18px/30px 'open sans';
}

.radio-under-koszyk1 label {
    /*margin:0 2% 3% 0;*/
    margin: 0 2% 1% 0;
}

.buttons-under-all.koszyk-button-bottom form a.btn-gray {
    padding: 1.5% 3.5%;
}

.glyphicon.glyphicon-pencil {
    color: #009540;
}

.static-opis {
    border-bottom: 2px solid #EBEBEB;
    background-color: #fff;
    margin-top: 4%;
    min-height: 210px;
}

.static-opis > p {
    margin: 3% 0 0% 3%;
    font: 15px/22px 'Open Sans';
}

.head-for-price {
    background-color: #EBEBEB;
    color: #A6A6A6;
    text-transform: uppercase;
    font: bold 15px/20px 'Open Sans';
    padding: 1% 0 0 0;
}

.head-for-price > .col-xs-2 > p {
    margin-left: 5%;
}

.pink-head-for-price {
    color: #009540;
    font: bold 15px/20px 'Open Sans';
    padding: 2% 0 1% 0;
    border-bottom: 1px solid #EBEBEB;
    border-top: 3px solid #EBEBEB;
}

.green-head-for-price {
    color: #009540;
    font: bold 15px/20px 'Open Sans';
    padding: 2% 0 1% 0;
    border-bottom: 1px solid #EBEBEB;
    border-top: 3px solid #EBEBEB;
}

.pen-session {
    width: 13px;
    height: 1%;
    transition: 0.1s;
}

.pen-session:hover {
    width: 16px;
}

.body-for-price {
    color: #3e3e3e;
    font: 18px/21px 'Open Sans';
    padding: 1% 0 0 0;
}

.name-of-by {
    /*margin-left: 3%;*/
}

.input-under-price {
    padding: 10px 0 10px 10px;
    width: 98%;
    outline: none;
    border: 1px solid #EBEBEB;
    font-size: 15px;
    margin-right: 136px;
}

.form-group.field-discountform-discountcode.required {
    float: left;
}

.btn-industi {
    font: 15px/18px 'proxima-nova';
    /*padding: 2.22% 5%;*/
    padding: 12px 30px 12px 30px;
    border-radius: 0;
    margin-bottom: 3px;
    outline: none;
    color: #fff;
    background-color: #009540;
    border-color: #009540;
}

.btn-industi:focus,
.btn-industi:hover {
    outline: none;
    color: #FFF;
    background-color: #025F2A;
}

.btn-industi-blue {
    font: 15px/18px 'proxima-nova';
    padding: 2.22% 5%;
    border-radius: 0;
    margin-bottom: 3px;
    outline: none;
    color: #fff;
    background-color: #3BABE1;
    border-color: #3BABE1;
}

.btn-industi-blue:focus,
.btn-industi-blue:hover {
    outline: none;
    color: #FFF;
    background-color: #2F8FBD;
}

.padding-btn-indsuti-blue {
    padding: 1.5% 3% !important;
}

.btn-in-modal-badania {
    color: #fff;
    outline: none;
    border: none;
    padding: 6px 30px;
    font: 15px/30px 'Open sans';
    text-transform: uppercase;
    margin-top: 3%;
    float: left;
}

.btn-gray:focus,
.btn-gray:hover {
    outline: none;
    color: #FFF;
    background-color: #B6B6B6;
}

.btn-gray {
    outline: none;
    color: #A6A6A6;
    background-color: #EBEBEB;
    border-color: #EBEBEB;
    margin-right: 1%;
}

.buttons > .col-md-6 {
    margin-top: 2%;
}

.all-cena-razem {
    float: right;
    text-align: right;
    font: 18px/30px 'Open Sans';
    width: 100%;
}

.green-total-cena {
    color: #009540;
}

.cena-razem > span {
    font-weight: 700;
}

.all-cena-razem .cena-razem {
    margin: 10px 0 10px;
}

.buttons-under-all {
    width: 100%;
    margin: 5% 0;
}

#login-form .buttons-under-all {
    margin: -10% 0;
}

.koszyk-button-bottom button {
    padding: 1.5% 3.5%;
}

.btn {
    outline: none !important;
    border: none !important;
}

.text-center {
    text-align: center;
}

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

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

.padding-for-static-opis {
    padding: 2% 0 0.5% 2.2%;
}

.padding-for-last-buttons {
    padding: 1% 2%;
}

.inputs-in-form {
    padding: 6px 0 6px 10px;
    /*padding: 2% 0 2% 3%;*/
    width: 100%;
    outline: none;
    border: 1px solid #EBEBEB;
    font-size: 15px;
}

input.inputs-in-form:focus {
    border: 1px solid #3BABE1;
}

.dane-o-wysylki {
    text-transform: uppercase;
    font: bold 18px/49px 'Arial';
    color: #3e3e3e;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
}

.name-of-inputs {
    /*margin: 2% 0 -1.5% 0;*/
    font: 15px/23px 'Open sans';
    color: #797a7a;
}

.check-box > input {
    float: left;
}

.check-box {
    margin-top: 3%;
}

@media screen and (max-width: 1000px) {
    .line-in-koszyk {
        display: none;
    }

    /*.col-xs-4>.upper-line-koszyk{text-align: center;}*/
}

@media screen and (max-width: 570px) {
    .text-koszyk {
        font: bold 13px/20px 'Open Sans';
    }

    .upper-line-koszyk > img {
        float: none;
    }
}

.select-registred-menu {
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border-color: #D0D0D0;
    transition: 0.3s;
}

.field-signupform-sex select {
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border-color: #D0D0D0;
    transition: 0.3s;
    height: 46px;
}

.text-for-registration h3 {
    text-transform: uppercase;
    font: bold 18px/49px 'Arial';
    color: #3e3e3e;
}

.clock-in-detail {
    margin: 3% 0 1% 0;
}

.clock-in-detail p {
    color: #ADADAD;
    font: 15px/15px 'Open Sans';
}

.clock-in-detail svg {
    width: 13px;
    height: 14px;
    fill: #ADADAD;
    float: left;
    margin-right: 7px;
    margin-top: 6px;
}

.way-for-detail {
    margin: 3% 0;
}

.way-for-detail svg {
    fill: #ADADAD;
    width: 13px;
    height: 14px;
    float: left;
    margin-top: 10px;
}

.breadcrumb a {
    color: #adadad;
}

.breadcrumb .active {
    color: #adadad;
}

.breadcrumb {
    background: none;
}

.breadcrumb li:before {
    color: #e5007e !important;
}

.way-for-detail span {
    color: #e5007e;
    float: left;
    margin: 0 5px;
}

.way-for-detail a {
    float: left;
    color: #ADADAD;
}

.site-signup > h1,
.login-box-body > h1 {
    text-transform: uppercase;
    font: bold 39px/34px 'open sans';
    text-align: center;
    color: #ADADAD;
    letter-spacing: 5px;
}

.padding-for-login-button {
    padding: 10px 20px;
    float: right;
}

#login input[type="text"] {
    padding: 5px 0 5px 11px;
    height: 45px;
    outline: none;
    border-radius: 0px;
    border: 1px solid #EBEBEB;
    font-size: 17px;
    background-image: url(../images/envelop.svg);
    background-position: 97% center;
    background-repeat: no-repeat;
}

#password input[type="password"] {
    padding: 5px 0 5px 11px;
    height: 45px;
    outline: none;
    border-radius: 0px;
    border: 1px solid #EBEBEB;
    font-size: 17px;
    background-image: url(../images/lock.svg);
    background-position: 97.8% center;
    background-repeat: no-repeat;
}

.site-reset-password h1 {
    text-transform: uppercase;
    font: bold 45px/45px 'proxima-nova';
    color: #3f3f3f;
}

#login input[type="text"]:focus,
#password input[type="password"]:focus {
    border: 1px solid #3BABE1;
}

.login-box-body {
    /*margin-top: 5%;*/
}

.login-box-body > h1 {
    margin-bottom: 5%;
}

.border-top-off {
    border-top: none;
}

.pink-summa {
    color: #e5007e;
    font: bold 15px/20px 'Open Sans';
    padding: 2% 5.6% 1% 0;
    text-align: right;
    background-color: #FFF;
    width: 100%;
    border-bottom: 2px solid #EBEBEB;
}

.green-summa {
    color: #009540;
    font: bold 15px/20px 'Open Sans';
    padding: 2% 5.6% 1% 0;
    text-align: right;
    background-color: #FFF;
    width: 100%;
    border-bottom: 2px solid #EBEBEB;
}

.green-summa-summary {
    color: #009540;
    font: bold 15px/20px 'Open Sans';
    padding: 2% 6.1% 1% 0;
    text-align: right;
    background-color: #FFF;
    border-bottom: 2px solid #EBEBEB;
}

.share-links-for-facebook {
    border-top: 1px solid #ebebeb;
    margin: 2% 0;
    padding-top: 1%;
}

.btn-facebook {
    background-color: #4267b2;
    color: #fff;
    border: none;
    border-radius: 3px;
    font: bold 13px/20px 'Open sans';
}

.btn-facebook:hover {
    background-color: #2C4D91;
}

.share-links-for-facebook > span {
    font: bold 13px/13px 'open sans';
}

.share-links-for-facebook > a > span {
    font: 13px/13px 'open sans';
}

/*============== KONTAKTY =================*/

.kontakt-adress-logo h3 {
    text-transform: uppercase;
    position: relative;
    color: #e5007e;
    font-weight: 700;
    font-size: 23px;
    line-height: 35px;
}

.kontakt-adress-logo > h3:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: 11px;
    transform: translateX(-50%);
    bottom: -10px;
    width: 20px;
    height: 3px;
    background-color: #e5007e;
}

.kontakt-adress-text {
    font-size: 18px;
    line-height: 33px;
    color: #939393;
    margin-top: 20px;
    width: 70%;
    margin-top: 10%;
}

.no-margin {
    margin-top: 0;
}

.kontakt-adress-mail,
.kontakt-adress-text {
    margin-top: 5%;
}

.kontakt-adress-mail-footer {
    font-size: 20px;
    color: #a0a2a2;
    line-height: 0.5;
}

.kontakt-adress-mail-footer a,
.kontakt-adress-mail-footer a:focus,
.number-footer a,
.mail-footer a {
    text-decoration: none;
    color: #939393;
}

.kontakt-adress-mail-footer a:hover,
.number-footer a:hover,
.mail-footer a:hover {
    text-decoration: underline;
}

.kontakt-adress-mail p {
    margin-top: 5%;
}

.inputs-in-form-in-kontakt {
    padding: 4% 0 4% 3%;
    width: 100%;
    outline: none;
    border: 1px solid #EBEBEB;
    font-size: 15px;
}

.kontakt-adress-control-label {
    color: #797a7a;
    font-weight: 200;
}

.kontakt-adress-coment {
    width: 100%;
    border: 1px solid #EBEBEB;
    outline: none;
}

.inputs-in-form-in-kontakt:focus,
.kontakt-adress-coment:focus {
    border: 1px solid #3BABE1;
}

.margin-top-for-btn-kontakt {
    margin-top: 2%;
}

.form-for-kontakt {
    margin-top: 6%;
    font-size: 16px;
}

.google-map {
    width: 100%;
    height: 280px;
    margin-top: 8%;
}

.margin-bottom-5-percent {
    margin-bottom: 5%;
}

/*============= szczegoly in badania ==============*/

.opis-szczegoly-li {
    margin: 4% 0 6% 0;
}

.opis-szczegoly-li span {
    /*color: #e5007e;*/
    font-weight: 800;
    margin-right: 1%;
    font-size: 30px;
    line-height: 15px;
}

.opis-szczegoly-li,
.opis-szczegoly-li p {
    font-size: 16px;
    color: #ADADAD !important;
    line-height: 28px;
}

.opis-szczegoly-li p {
    width: 98%;
}

.pink-opis-szczgoly {
    width: 95%;
    margin-left: 2%;
    font-size: 16px;
    line-height: 28px;
}

.pink-opis-szczgoly p:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: -22px;
    transform: translateX(-50%);
    width: 4px;
    height: 120%;
    bottom: -10px;
}

.pink-opis-szczgoly p {
    position: relative;
}

.polecane-badanie {
    text-align: center;
    font: 45px/65px 'open sans' !important;
    color: #d1d1d1 !important;
    margin: 5% 0;
}

.szczegoly-badania-new-page select,
.szczegoly-badania-new-page input {
    border-radius: 0;
    border: 1px solid #EBEBEB;
    font-family: 'proxima-nova';
    outline: none;
    box-shadow: none;
    height: 50px;
    font-size: 15px;
}

.szczegoly-badania-new-page select:focus,
.szczegoly-badania-new-page input:focus {
    border: 1px solid #3BABE1;
    font-family: 'proxima-nova';
}

.badania-add-product {
    transition: 0.3s;
    padding: 5% 20% 5% 10%;
    background-color: #fff;
    /*text-transform: capitalize;*/
}

.dla-kogo input {
    /*background-color: #f3f3f3;*/
}

#isFirm label {
    margin-right: 2%;
}

.navbarscroll {
    margin: 0;
    background: rgba(255, 255, 255, 0.96);
    padding: 10px 0 0 0;
    box-shadow: 0px 2px 16px -8px rgba(0, 0, 0, 0.75);
}

.navbarscroll .navbar-nav {
    padding: 0;
}

@media screen and (max-width: 450px) {
    blockquote {
        margin-top: 15%;
    }

    .survey-wrapper h2:after {
        left: 10px !important;
    }

    .box-shadow-badania {
        padding: 5% 10% 5% 10%;
    }

    .marging-top-footer {
        margin-top: 13%;
    }

    .text-content-2 .text-content-2 {
        margin-top: 30px;
        padding-right: 10px;
    }

    .btn-style {
        padding: 5% 10% !important;
        margin-left: 1%;
    }

    .navbarscroll {
        display: none !important;
    }
}

.navbarscroll .img-logo {
    width: 81%;
    margin: -5px 5px 5px 5px;
}

.navbarscroll .navbar-brand {
    float: none;
    padding: 0;
}

.survey-wrapper h2 {
    position: relative;
    text-transform: uppercase;
    font: 25px/30px 'proxima-nova';
}

/*.survey-wrapper h2:after{



        content: "&";



    color: transparent;



    position: absolute;



    left: 1%;



    transform: translateX(-50%);



    bottom: -10px;



    width: 20px;



    height: 3px;



}

*/

.w-ramach {
    padding-bottom: 20px;
}

.w-ramach p {
    position: relative;
    color: #939393;
    font: 18px/20px 'proxima-nova';
    padding-left: 10px;
}

.w-ramach h3 {
    color: #939393;
    font: bold 18px/20px 'proxima-nova';
    margin-bottom: 15px;
}

.w-ramach p:before {
    content: "";
    color: transparent;
    position: absolute;
    left: -5px;
    transform: translateX(-50%);
    top: 6px;
    width: 9px;
    height: 9px;
    background-color: #e5007e;
    /*border-radius: 50%;*/
}

.survey-wrapper li:first-child {
    margin-top: 4%;
}

.survey-wrapper li {
    position: relative;
}

.survey-wrapper ul li:before {
    content: "";
    color: transparent;
    position: absolute;
    left: -11px;
    transform: translateX(-50%);
    top: 7px;
    width: 14px;
    height: 14px;
    border-radius: 18%;
}

.survey-wrapper p {
    line-height: 26px;
    color: #adadad !important;
    font-size: 16px;
    /*margin-top: 3%;*/
    margin-bottom: 2%;
}

#learn-more {
    margin-top: 40px;
}

.czy-wiesz-ze {
    margin-top: 40px;
}

.survey-wrapper li,
.survey-wrapper li p {
    font-size: 16px;
    color: #ADADAD !important;
    line-height: 32px;
    margin-left: 1.5%;
}

.survey-wrapper li p {
    width: 98%;
}

.survey-wrapper blockquote {
    position: relative;
    font-size: 19px;
    line-height: 26px;
    margin: 50px auto;
    background-color: #f9eff6;
}

.co-mowia-eksperci {
    font: 25px/30px 'proxima-nova';
    font-weight: 900;
}

.survey-wrapper blockquote:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: -3px;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    bottom: 0;
}

/*===================FAQ=================*/

#title-in-faq {
    font: 50px/50px "proxima-nova";
    color: #e5007e;
    font-weight: 900;
}

.panel-group {
    margin-bottom: 5px;
}

.panel {
    border: none;
}

.panel a,
.panel a:hover,
.panel a:focus {
    text-decoration: none
}

.panel-collapse {
    background: #fafcfc;
}

.panel-heading {
    background: #f2f2f2;
    padding: 0 15px;
}

.panel-title {
    font: 18px/49px "proxima-nova";
    color: #959595;
    text-transform: uppercase;
    font-weight: 600;
    width: 98%;
    position: relative;
}

.panel-body p {
    font: 16px/28px 'proxima-nova';
    color: #adadad;
}

.minus {
    margin-right: 4px;
}

.minus,
.plus {
    position: absolute;
    right: -15px;
    top: 0;
    font-size: 35px;
}

a[aria-expanded="true"] .plus,
.minus {
    display: none;
}

a[aria-expanded="true"] .minus {
    display: block;
}

.active-navbar:after {
    content: "";
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 25px;
    height: 3px;
    background-color: #e5007e;
}

.active-navbar a {
    color: #e5007e !important;
}

.margin-top3pr {
    margin-top: 3%;
}

#w0 {
    margin-top: 3.6%;
}

#w0 .summary {
    display: none;
}

.img-404 {
    margin: 7% 0 -5% 0;
    width: 80%;
}

.box-shadow-badania img {
    width: 60%;
    object-fit: cover;
    /*height: 300px;*/
}

/*======================success================*/

#w0-success-0,
#w1-success-0,
#w2-success-0,
#w3-success-0 {
    text-align: center;
    font: bold 14px/22px 'open sans';
    text-transform: uppercase;
}

.alert-success {
    color: #669768;
    background-color: #D3F7DD;
    border-color: #D3F7DD;
}

.alert {
    border-radius: 0;
}

.simple-language a {
    color: rgba(63, 63, 63, 0.45);
}

.active-navbar-language {
    margin: 0 5px;
}

.active-navbar-language a {
    color: #e5007e;
}

.active-navbar-language a,
.active-navbar-language a:hover,
.navbar-language a:focus {
    text-decoration: none;
}

.language-style {
    font: bold 14px 'open sans';
    text-transform: uppercase;
}

.lang-block {
    height: 1px;
    width: 50px;
}

.dzienkowanie h2 {
    font: bold 48px/49px 'proxima-nova', sans-serif;
    color: #35a8e0;
    text-align: center;
}

.dzienkowanie p {
    text-align: center;
    font: 20px/27px 'proxima-nova', sans-serif;
    color: #939393;
    width: 85%;
    margin: 3% auto;
    position: relative;
}

.dzienkowanie:after {
    content: "";
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 25px;
    height: 3px;
    background-color: #35a8e0;
}

.login-box-body a {
    color: #41ade2;
}

.btn-payallone {
    padding: 1.5% 3% !important;
    margin-right: 1% !important;
}

.form-group.field-loginform-rememberme {
    float: right;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .img-responsive {
        height: 271px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .img-responsive {
        height: 277px !important;
    }
}

@media (min-width: 733px) and (max-width: 767px) {
    .img-responsive {
        height: 429px !important;
    }
}

@media (min-width: 710px) and (max-width: 732px) {
    .img-responsive {
        height: 415px !important;
    }
}

@media (min-width: 686px) and (max-width: 709px) {
    .img-responsive {
        height: 400px !important;
    }
}

@media (min-width: 664px) and (max-width: 685px) {
    .img-responsive {
        height: 387px !important;
    }
}

@media (min-width: 638px) and (max-width: 663px) {
    .img-responsive {
        height: 372px !important;
    }
}

@media (min-width: 600px) and (max-width: 637Px) {
    .img-responsive {
        height: 361px !important;
    }
}

@media (min-width: 560px) and (max-width: 599px) {
    .img-responsive {
        height: 335px !important;
    }
}

@media (min-width: 530px) and (max-width: 559px) {
    .img-responsive {
        height: 310px !important;
    }
}

@media (min-width: 499px) and (max-width: 529px) {
    .img-responsive {
        height: 292px !important;
    }
}

@media (min-width: 467px) and (max-width: 498px) {
    .img-responsive {
        height: 276px !important;
    }
}

@media (min-width: 410px) and (max-width: 466px) {
    .img-responsive {
        height: 252px !important;
    }
}

@media (min-width: 383px) and (max-width: 409px) {
    .img-responsive {
        height: 232px !important;
    }
}

@media (min-width: 363px) and (max-width: 382px) {
    .img-responsive {
        height: 218px !important;
    }
}

@media (min-width: 335px) and (max-width: 362px) {
    .img-responsive {
        height: 202px !important;
    }
}

@media (min-width: 300px) and (max-width: 334px) {
    .img-responsive {
        height: 185px !important;
    }
}

/*=============testomonial===========*/

.testamonial h1 {
    font: 3em 'proxima-nova', serif;
    text-transform: uppercase;
    color: #CFCFCF;
    text-align: center;
    font-weight: 800;
    margin-top: 6%;
}

.testamonial .col-md-6 div {
    background: #EDEEF4;
    border-radius: 10px;
    padding: 20px;
    color: #797a7a;
    position: relative;
    margin-bottom: 2%;
    font: italic 15px/24px 'proxima-nova', sans-serif;
    margin-top: 10%;
}

.testamonial .col-md-6 p {
    max-height: 93px;
    overflow: hidden;
}

.testamonial .col-md-6 a {
    color: #e5007e;
}

.testamonial .col-md-6 a:hover {
    text-decoration: underline;
}

.testamonial .col-md-6 img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    float: left;
    margin-right: 5%;
    object-fit: cover;
}

.testamonial .col-md-6 h3 {
    font: bold 18px/18px 'proxima-nova', sans-serif;
    color: #e5007e;
    display: inline-block;
}

.testamonial-badania .col-md-12 {
    padding-top: 50px;
    text-align: center;
}

.testamonial-badania .col-md-12 a {
    cursor: pointer;
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.16);
}

.testamonial-badania h1 {
    font-weight: normal;
}

.little-tr {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #EDEEF4 transparent transparent transparent;
    position: absolute;
    left: 30%;
    bottom: -15px;
}

/*=============registration==============*/

#registration .col-md-6 {
    margin: 0 0 7% 0;
}

#registration #w0 {
    margin-top: 0;
}

#registration input,
#registration select {
    padding: 5px 0 5px 11px;
    height: 45px;
    outline: none;
    border-radius: 0px;
    border: 1px solid #EBEBEB;
    font-size: 17px;
    /*background-image: url(../images/envelop.svg);*/
    background-position: 97% center;
    background-repeat: no-repeat;
    transition: .5s;
}

.input-group-addon {
    border-radius: 0;
}

#registerresultownerform-email {
    background-image: url(../images/envelop.svg);
}

#registerresultownerform-password,
#registerresultownerform-passwordrepeat {
    background-image: url(../images/lock.svg);
}

/*=============statistic page=================*/

.static_page_view h1 {
    font: 40px/50px 'open sans';
    margin-bottom: 5%;
    color: #e5007e;
}

.static_page_view {
    font-size: 14px;
    line-height: 24px;
    color: #797a7a;
}

.static_page_view li {
    list-style-type: disc;
}

/*============tabs-in-media=============*/

.tabs-in-media .nav-tabs {
    margin-bottom: 5%;
}

.badania-szczedoly h2 {
    font: 35px/35px 'proxima-nova' !important;
    font-weight: 900 !important;
}

.badania-szczedoly .static-title-badanie {
    font: 35px/35px 'proxima-nova' !important;
    float: left;
    margin-right: 5px;
    font-weight: 400 !important;
}

.badania-szczedoly h2:after {
    left: 2%;
}

#base-product .new-price,
#extended-product .new-price {
    font: 36px/49px 'Proxima-nova', sans-serif;
    color: #009540 !important;
    font-weight: 700;
}

.old-price {
    color: #797a7a;
    text-decoration: line-through;
}

.badania .old-price {
    color: #797a7a;
    text-decoration: line-through;
}

.promo-text {
    position: absolute;
    bottom: -5px;
    left: 19px;
    font-size: 10px;
}

.survey-view-prom {
    position: relative;
    left: 0;
    bottom: 0;
}

.badania.box-shadow-badania svg.svg-border {
    visibility: hidden;
}

.lable-displ-none label.control-label {
    display: none;
}

#w2 .help-block.help-block-error {
    font-size: 14px;
}

.wymaz-rej .btn.btn-industi {
    padding: 13px 8px;
}

.wymaz-rej .help-block.help-block-error {
    font-size: 14px;
    margin-left: 10px;
}

.wymaz-rej .col-md-2 p {
    color: #3e3e3e;
    font-size: 20px;
    line-height: 49px;
}

.green-head-for-price {
    color: #009540;
    font: bold 18px/20px 'Open Sans';
    padding: 2% 0 1% 0;
    border-bottom: 1px solid #EBEBEB;
    border-top: 3px solid #EBEBEB;
}

.body-for-price .col-xs-2 a {
    color: #3e3e3e;
}

.body-for-price .col-xs-2 a svg {
    width: 16px;
}

#tab1 .name-of-by {
    margin-left: 3%;
}

@media screen and (max-width: 450px) {
    .img-logo svg {
        width: 75% !important;
        margin-top: 3%;
    }

    .tittle-slider {
        font-size: 30px;
    }

    .text-slider {
        display: none;
    }

    .boxy-text {
        padding-top: 65px;
        margin-left: 10px;
    }

    #content-0 .text-content {
        margin-top: 6%;
    }

    .survey-wrapper li,
    .survey-wrapper li p {
        padding-left: 10px;
    }

    .element-of-content-4-4 {
        margin-left: 0;
    }

    .tabs-content-all {
        padding: 0 15px;
    }
}

.buttons.tk-proxima-nova {
    position: relative;
    z-index: 999;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: rgba(251, 138, 138, 1);
}

.logo-bezpieczenstwa {
    margin-top: 46px;
}

@media (min-width: 767px) and (max-width: 991px) {
    .navbarscroll .img-logo svg {
        width: 90%;
    }
}

@media (min-width: 452px) and (max-width: 766px) {
    .navbar-toggle {
        top: -53px;
    }

    .navbar-collapse.collapse {
        text-align: center;
    }

    ul.navbar-nav {
        float: none;
    }
}

@media screen and (max-width: 991px) {
    .navbarscroll {
        display: none !important;
    }
}

@media screen and (max-width: 450px) {
    .navbar-toggle {
        top: 0;
    }
}

@media (min-width: 460px) and (max-width: 765px) {
    .copyright-first,
    .copyright-second {
        margin-top: 0;
        text-align: center;
        float: none;
    }
}

@media (min-width: 450px) and (max-width: 567px) {
    .nav-tabs > li.tab_1 > a,
    .nav-tabs > li.tab_2 > a,
    .nav-tabs > li.tab_3 > a,
    .nav-tabs > li.tab_4 > a,
    .nav-tabs > li.tab_5 > a,
    .nav-tabs > li.tab_6 > a {
        font: 17px/49px 'Open Sans' !important;
        font-weight: 800 !important;
    }
}

.logo-bezpieczenstwa {
    margin-top: 52px;
    max-width: 135px;
    margin-right: 2px;
}

.logo-przelewy24 {
    max-width: 122px;
    margin-top: 40px;
    margin-right: 10px;
}

/*=============== mouse in badania ===================*/

.mouse_scroll {
    /*    display: block;

    margin: 0 auto;

    width: 24px;

    height: 100px;

    //background: blue;

    margin-top: 125px;*/
    float: right;
    margin-top: 13px;
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;
    width: 16px;
    height: 16px;
}

.unu {
    margin-top: 1px;
}

.unu,
.doi,
.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid red;
    top: 170px;
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
    height: 6px;
    width: 4px;
    border: 2px solid red;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 1s linear infinite;
    -moz-animation: mouse-wheel 1s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

/*===============   end in badania ===================*/

/*===============   slider in badania ===================*/

#carousel-badania {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #EDEEF4;
    padding: 5px 20px;
    margin-bottom: 50px;
}

#slides {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 250px;
}

#slides ul {
    list-style: none;
    width: 100%;
    height: 250px;
    margin: 0;
    padding: 0;
    position: relative;
}

#slides li {
    width: 100%;
    height: 250px;
    float: left;
    text-align: center;
    position: relative;
    font-family: 'proxima-nova', sans-serif;
}

/* Styling for prev and next buttons */

.btn-bar {
    width: 10%;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 99;
    background: #EDEEF4;
    padding-right: 30px;
    border-radius: 50px;
    height: 50px;
}

#buttons {
    padding: 0 0 5px 0;
    float: right;
}

#buttons a {
    text-align: center;
    font-size: 30px;
    float: left;
    outline: 0;
    margin: 0 10px;
    text-decoration: none;
    padding: 0px;
    width: 0px;
    font-weight: 700;
    display: block;
}

a#prev:hover,
a#next:hover {
    color: #cc0f77;
    text-shadow: .5px 0px #b14943;
}

.quote-phrase,
.quote-author {
    font-family: sans-serif;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px;
    font-family: 'proxima-nova', sans-serif;
}

.quote-phrase {
    max-height: 200px;
    font: italic 15px/24px 'proxima-nova', sans-serif;
    color: #797a7a;
    text-align: justify;
}

.quote-marks {
    font-size: 30px;
    padding: 0 3px 3px;
    position: inherit;
    display: none;
}

.quote-author {
    font-style: normal;
    font-size: 20px;
    color: #b14943;
    font-weight: 400;
    height: 30px;
}

.quoteContainer,
.authorContainer {
    display: table;
    width: 100%;
    text-align: left;
}

.authorContainer {
    position: relative;
    font: bold 25px/49px 'proxima-nova';
}

/*===============      end in badania ===================*/

#bx-pager {
    position: absolute;
    width: 97%;
    left: 40px;
    bottom: 60px;
}

@media (min-width: 1199px) and (max-width: 1199px) {
    #bx-pager {
        bottom: 165px;
    }
}

@media (min-width: 992px) and (max-width: 1198px) {
    #bx-pager {
        position: absolute;
        width: 97%;
        left: 30px;
        bottom: 40px;
    }
}

.navbarscroll .navbar-header {
    width: 85%;
}

.navbarscroll .navbar-nav {
    font-size: 15px;
}

.wysylka label {
    font-size: 12px;
    margin-bottom: 0px;
}

.tab-pane.active .col-md-12 {
    margin-bottom: 50px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wymaz-rej .col-md-2 p {
        font-size: 15px;
    }
}

.navbar-fixed-top {
    z-index: 99999;
}

.titles-all {
    text-transform: uppercase;
    /*text-align: center;*/
    font: bold 45px/45px 'proxima-nova';
    color: #3f3f3f;
    display: none;
}

.under-titles-all {
    /*text-transform: uppercase;*/
    /*text-align: center;*/
    color: #3f3f3f;
    display: none;
    margin: -5px 0 50px 0;
}

@media screen and (max-width: 1280px) {
    .titles-all,
    .under-titles-all {
        display: block;
    }

    .img-with-title-all {
        display: none;
    }
}

.reset-password {
    margin: 50px 0;
}

.reset-password input {
    padding: 5px 0 5px 11px;
    height: 45px;
    outline: none;
    border-radius: 0px;
    border: 1px solid #EBEBEB;
    font-size: 17px;
    transition: .5s;
}

.reset-password label {
    display: none;
}

@media (min-width: 767px) and (max-width: 991px) {
    #bx-pager {
        bottom: 0;
        left: 48%;
    }
}

@media (min-width: 701px) and (max-width: 766px) {
    #bx-pager {
        bottom: -30px;
        left: 50%;
    }
}

@media (min-width: 500px) and (max-width: 700px) {
    #bx-pager {
        bottom: -1%;
        left: 49%;
    }
}

@media (min-width: 460px) and (max-width: 499px) {
    #bx-pager {
        bottom: 0;
        left: 46%;
    }
}

@media (min-width: 400px) and (max-width: 459px) {
    #bx-pager {
        bottom: -25px;
        left: 46%;
    }
}

@media screen and (max-width: 399px) {
    #bx-pager {
        bottom: 0px;
        left: 46%;
    }
}

.isBillingAddress {
    float: left;
}

.showSameAddress {
    display: none;
}

.showSameAddress .btn-industi {
    padding: 12px 15px;
}

.hideOtherAddress {
    display: block;
    font: 18px/20px 'proxima-nova';
}

input.isBillingAddress[type=checkbox]:checked ~ .showSameAddress {
    display: block;
}

input.isBillingAddress[type=checkbox]:checked ~ .hideOtherAddress {
    display: none;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 4px 0 0;
}

.kv-editable,
.kv-editable-value {
    display: block;
    float: left;
}

.kv-editable-value {
    margin-right: 5px;
    margin-left: 5px;
}

@media (min-width: 1022px) and (max-width: 1199px) {
    .text-from-hide-0,
    .text-from-hide-1,
    .text-from-hide-2,
    .text-from-hide-3,
    .text-from-hide-4,
    .text-from-hide-5,
    .text-from-hide-6,
    .text-from-hide-7 {
        width: 80%;
    }
}

.test {
    font-size: 15px;
    color: #3e3e3e;
    font-weight: 100;
}

.test span {
    color: #009540;
    font: bold 15px/20px 'Open Sans';
}

#br-in-footer {
    display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #br-in-footer {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .col-md-2.col-xs-4 .row .upper-line-koszyk {
        float: right;
        width: 135px;
    }
}

.field-registerresultownerform-newsletter label,
.field-registerresultownerform-rulesaccepted label {
    font-size: 17px;
}

/
/
.col-md-9.survey-wrapper li {
/ / list-style-type: afar !important;
/ /
}

/
/
.col-md-9.survey-wrapper li:before {
/ / background-color: transparent !important;
/ /
}

.badanie-z-kwadratami .col-md-4.icons {
    margin: 15px 0;
}

.badanie-z-kwadratami .col-md-4.icons div {
    max-width: 30px;
    max-height: 30px;
    float: left;
    margin-right: 10px;
    border-radius: 20%;
    height: 30px;
    width: 30px;
    margin-top: 4px;
    background: #41ade2;
}

.icons p {
    padding-left: 40px;
}

.badanie-z-kwadratami .col-md-4 div img {
    width: 100%;
    height: 100%;
}

/*.badanie-z-kwadratami .col-md-4 p{
    padding-left: 40px;
}*/

/*.badanie-z-kwadratami .col-md-4 p:before{
        content: "";
    color: transparent;
    position: absolute;
    left: 30px;
    transform: translateX(-50%);
    top: 0px;
    width: 25px;
    height: 25px;
    background-color: #e5007e;
}*/

.btn-badanie-check-all .btn-badanie-check-1 a div,
.btn-badanie-check-all .btn-badanie-check-2 a div {
    width: 25px;
    height: 25px;
    /*background-color: #e5007e;*/
    float: left;
    margin: 3px 10px 0 -13px;
    display: table;
    padding-left: 5px;
}

.btn-badanie-check-all .btn-badanie-check-1 a div i,
.btn-badanie-check-all .btn-badanie-check-2 a div i {
    display: table-cell;
    vertical-align: middle;
}

.btn-badanie-check-all .btn-badanie-check-2 a {
    color: #009540;
    background-color: transparent;
    border: 1px solid;
    box-shadow: none;
    transition: .5s;
}

.btn-badanie-check-all .btn-badanie-check-2 a:hover {
    color: #017533;
    border: 1px solid #017533;
    background-color: rgb(239, 255, 246);
}

#base-product {
    background: #edeff5;
    border-radius: 4px;
    padding-top: 0;
    width: 160px;
    text-align: center;
    float: right;
    height: 72px;
}

#base-product,
#extended-product {
    display: table;
}

#base-product .old-price,
#extended-product .old-price {
    font: 16px/0 "proxima-nova";
    position: absolute;
    bottom: 0px;
    left: 60px;
    height: 14px;
}

#extended-product {
    background: #edeff5;
    border-radius: 10px;
    width: 160px;
    text-align: center;
    float: right;
    height: 72px;
    font-weight: 800;
}

.fixed-height-for-badania-text {
    padding-top: 15px;
}

.radio-in-badania label {
    font: 16px "proxima-nova";
    /*color: #adadad;*/
}

.badania .radio-choose-color {
    font: 24px/40px 'open sans';
    color: #adadad;
}

.radio-in-badania label strong {
    text-transform: uppercase;
    font-weight: 800;
}

.tresc-badanie-z-panel h2 {
    margin: 20px 0;
}

.badanie-z-kwadratami {
    margin-top: 15px;
}

.wiedzic-wiecej {
    text-align: center;
}

.wiedzic-wiecej h2,
.wiedzic-wiecej a {
    color: #41ade2 !important;
}

.wiedzic-wiecej h2:after {
    background: #41ade2;
}

.wiedzic-wiecej a {
    text-decoration: underline;
}

.wiedzic-wiecej h2:after {
    content: "&";
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 100px;
    height: 3px;
}

.btn-badanie-check-all-2 {
    margin: 10px 0;
}

.radio-in-badania div:first-child {
    margin-bottom: -15px;
}

#extension-options {
    /*height: 80px;*/
    margin-bottom: -10px;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.field-registerresultownerform-newsletter input,
.field-registerresultownerform-rulesaccepted input {
    height: 20px !important;
}

.field-registerresultownerform-newsletter label,
.field-registerresultownerform-rulesaccepted label {
    line-height: 30px;
}

.gwiazdy-o-nas {
    padding-top: 30px;
}

.form-group.field-registerresultownerform-rulesaccepted.required .checkbox label {
    width: 98%;
}

.ul-margin-badania ul {
    margin: 0px 0 20px 0;
}

@media (min-width: 767px) and (max-width: 991px) {
    .badania.badania-szczedoly {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .col-md-4.icons {
        min-height: 100%;
    }

    .ul-margin-badania ul {
        margin: -10px 0 20px 0;
    }
}

@media screen and (max-width: 767px) {
    .tittle-kontakt {
        margin-top: 30px;
    }

    .czy-wiesz-ze {
        display: none;
    }

    .btn-badanie-check-all .btn-badanie-check-1,
    .btn-badanie-check-all .btn-badanie-check-2 {
        width: 300px;
        margin: 0 auto;
    }

    .rwd-width-btn a,
    .row.col-md-12.btn-badanie-check-all.btn-badanie-check-all-2 a {
        width: 287px;
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 800px) {
}

@media screen and (max-width: 480px) {
    #base-product,
    #extended-product {
        float: none !important;
        margin: 0 auto;
    }

    .ul-margin-badania ul {
        margin: 0;
    }

    .testamonial h1 {
        font: 1.7em 'proxima-nova', serif !important;
    }

    .wiedzic-wiecej h2:after {
        left: 50% !important;
    }

    .badania-szczedoly .static-title-badanie {
        text-align: center;
        width: 100%;
    }

    .badania-szczedoly h2 {
        text-align: center;
    }

    .badania label[for=extended-product-radio] {
        width: 80%;
        margin-top: 20px;
    }

    #extended-product-radio {
        position: relative;
        top: -17px;
    }

    .survey-wrapper h2 {
        text-align: center;
    }

    .btn-badanie-check-all .btn-badanie-check-2 a {
        /*width: 287px;*/
    }

    .btn-badanie-check-all .btn-badanie-check-1,
    .btn-badanie-check-all .btn-badanie-check-2 {
        width: 300px;
        margin: 0 auto;
    }

    .rwd-width-btn a {
        width: 287px;
    }

    .row.col-md-12.btn-badanie-check-all.btn-badanie-check-all-2 a {
        width: 287px;
    }
}

.price-koszyk .col-md-4.col-xs-7.text-right svg {
    width: 20px;
}

.badania-3-pink ul li:before {
    background-color: #e5007e;
}

.badania-2-pink ul li:before {
    background-color: #009548;
}

.badania-3-pink-2 ul li:before {
    content: "";
    color: transparent;
    position: absolute;
    left: -11px;
    transform: translateX(-50%);
    top: 13px;
    width: 12px;
    height: 3px;
    background-color: #e5007e;
}

.blue-header-h2 {
    margin-bottom: 0px !important;
    background: #41ade2;
    color: #ffffff !important;
    padding: 7px 20px;
    color: #fff;
}

.green-header-h2 {
    background-color: #009548;
    color: #FFFFFF !important;
    padding: 7px 20px;
}

.pink-header-h2 {
    background: #E5007E;
    color: #ffffff !important;
    padding: 7px 20px;
}

.color-dark-gray-badania {
    color: #ADADAF;
}

.labelOff label {
    display: none;
}

@media screen and (max-width: 800px) {
    .nav-tabs > li.tab_1 > a,
    .nav-tabs > li.tab_2 > a,
    .nav-tabs > li.tab_3 > a,
    .nav-tabs > li.tab_4 > a,
    .nav-tabs > li.tab_5 > a,
    .nav-tabs > li.tab_6 > a {
        font-size: 16px;
    }

    .nav-tabs > li {
        margin-right: 15px;
    }
}

@media screen and (max-width: 480px) {
    .nav-tabs > li {
        margin-right: 5px !important;
        height: 50px;
    }

    .nav-tabs > li.tab_1 > a,
    .nav-tabs > li.tab_2 > a,
    .nav-tabs > li.tab_3 > a,
    .nav-tabs > li.tab_4 > a,
    .nav-tabs > li.tab_5 > a,
    .nav-tabs > li.tab_6 > a {
        line-height: 30px !important;
    }
}

.buttons-in-add-account {
    padding: 15px 0;
}

.buttons-in-add-account .btn-gray {
    padding: 11px 25px;
}

.table-in-tabs td {
    padding-left: 30px !important;
}

.style-for-table-in-tabs {
    background: #fff;
    border-top: 2px solid #ddd;
}

.field-unplugaccountform-rulesaccepted input[type="checkbox"] {
    height: auto !important;
}

.field-unplugaccountform-rulesaccepted .checkbox label {
    line-height: 30px;
    font-size: 17px;
}

#tab5 .btn-success {
    background-color: #35a8e0;
}

#tab5 .btn-warning {
    background-color: #e5007e;
}

.center_img_footer {
    text-align: center;
    width: 100%;
}

.center_img_footer img {
    margin-top: 40px;
    height: 75px;
}

.wiedza_img_bottom .img-responsive {
    height: 240px;
    object-fit: cover;
}

.modal-window-bottom {
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    background: #ffffffd6;
    text-align: center;
    height: 100px;
    display: table;
    transition: .3s;
    z-index: 99999;
}

.modal-window-bottom i {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
    font-size: 20px;
    color: #787979;
    cursor: pointer;
    transition: .3s;
}

.modal-window-bottom i:hover {
    color: #646868;
    transition: .3s;
}

.modal-window-bottom .btn-group {
    display: table-cell;
    vertical-align: middle;
}

.modal-window-bottom .top_text {
    font: bold 20px "proxima-nova", sans-serif;
    color: #35a8e0;
}

img[alt="bg_top_norel"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.space_for_img {
    height: 25vh;
}

.space_for_img_next_step {
    height: 36vh;
}

.norel-form h2 {
    font-weight: 800;
    color: #fff;
}

.norel-layout {
    background-color: #262727;
    margin: 0 auto -60px;
}

.norel-layout button[type="button"], .norel-layout button[type="submit"] {
    background-color: #E48E66;
}

.norel-layout .green-total-cena {
    color: #E48E66;
}

.modal-window-bottom .top_text {
    color: #411C71;
}

.norel-layout .logos img[alt="vitagenum"] {
    width: 100%;
    padding-top: 17px;
}

.norel-layout .logos {
    margin-top: 10px;
}

.norel-layout .logos img[alt="geno"] {
    padding-top: 14px;
}

@media (min-width: 767px) and (max-width: 1024px) {
    .space_for_img {
        height: 12vh;
    }
}

@media screen and (max-width: 766px) {
    .logos {
        text-align: center;
    }

    .logos img {
        margin: 5px 0;
    }

    .norel-layout {
        margin: 0;
    }

    .space_for_img {
        height: 10vh;
    }

    img[alt="bg_top_norel"] {
        top: 40vh;
    }

    .norel-layout .logos img[alt="vitagenum"] {
        width: 85%;
    }
}

#dynamic-norel-form {
    position: relative;
}





/* =========================
   ARTYKUŁ / CONTENT
========================= */
.detail-style-texr {
    max-width: 820px;
    margin: 3% auto 0;
    padding: 12px 0 48px;
    font-family: "proxima-nova", "Open Sans", sans-serif !important;
    font-size: 18px;
    line-height: 1.9;
    font-weight: 400;
    color: #1f1f1f;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.detail-style-texr p {
    margin: 0 0 22px 0;
    color: #1f1f1f;
    font-size: 18px;
    line-height: 1.9;
}

.detail-style-texr p:last-child {
    margin-bottom: 0;
}

.detail-style-texr .lead {
    font-size: 21px;
    line-height: 1.85;
    color: #111111;
    font-weight: 500;
    margin-bottom: 24px;
}

.detail-style-texr strong,
.detail-style-texr b {
    color: #111111;
    font-weight: 700;
}

.detail-style-texr em,
.detail-style-texr i {
    font-style: italic;
}

.detail-style-texr a {
    color: #111111;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.detail-style-texr a:hover {
    text-decoration: none;
}

/* =========================
   NAGŁÓWKI
========================= */
.detail-style-texr h1 {
    margin: 0 0 30px 0;
    font-size: 44px;
    line-height: 1.18;
    font-weight: 700;
    color: #111111;
    letter-spacing: -0.02em;
}

.detail-style-texr h2 {
    margin: 48px 0 18px 0;
    font-size: 30px;
    line-height: 1.28;
    font-weight: 700;
    color: #e64695;
    letter-spacing: -0.01em;
    text-transform: none;
}

.detail-style-texr h3 {
    margin: 34px 0 14px 0;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
    color: #111111;
}

.detail-style-texr h1 + p,
.detail-style-texr h2 + p,
.detail-style-texr h3 + p {
    margin-top: 0;
}

/* =========================
   LISTY
========================= */
.detail-style-texr ul,
.detail-style-texr ol {
    margin: 0 0 26px 28px;
    padding: 0;
}

.detail-style-texr li {
    margin-bottom: 12px;
    color: #1f1f1f;
    font-size: 18px;
    line-height: 1.85;
}

.detail-style-texr li:last-child {
    margin-bottom: 0;
}

/* =========================
   BOX / NOTATKA / CTA
========================= */
.knowledge-cta {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 36px 38px;
    margin: 46px 0 24px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.knowledge-cta-label {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: #e64695;
    font-weight: 700;
}

.knowledge-cta h3 {
    margin: 0 0 16px 0;
    font-size: 34px;
    line-height: 1.2;
    color: #111111;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.knowledge-cta p {
    margin: 0 0 16px 0;
    font-size: 17px;
    line-height: 1.85;
    color: #222222;
}

.knowledge-cta ul,
.knowledge-cta ol {
    margin: 0 0 26px 22px;
    padding: 0;
}

.knowledge-cta li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.8;
    color: #1f1f1f;
}

.knowledge-cta-button {
    display: inline-block;
    min-width: 220px;
    padding: 15px 28px;
    border-radius: 10px;
    background: #e64695;
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.knowledge-cta-button:hover {
    background: #d73d89;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

.knowledge-cta-button:focus {
    outline: 2px solid rgba(230, 70, 149, 0.35);
    outline-offset: 3px;
}

/* =========================
   DROBNE ELEMENTY
========================= */
.detail-style-texr .article-note {
    margin-top: 20px;
    font-size: 17px;
    line-height: 1.85;
    color: #2b2b2b;
}

.detail-style-texr hr {
    border: 0;
    height: 1px;
    background: #ececec;
    margin: 38px 0;
}

.detail-style-texr blockquote {
    margin: 30px 0;
    padding: 18px 22px;
    border-left: 4px solid #e64695;
    background: #fafafa;
    color: #1f1f1f;
    font-size: 18px;
    line-height: 1.85;
    border-radius: 8px;
}

/* =========================
   RESPONSYWNOŚĆ
========================= */
@media (max-width: 991px) {
    .detail-style-texr-wrap {
        max-width: 100%;
    }

    .detail-style-texr h1 {
        font-size: 38px;
    }

    .detail-style-texr h2 {
        font-size: 28px;
    }

    .knowledge-cta h3 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .detail-style-texr-wrap {
        padding: 0 0 32px;
    }

    .detail-style-texr {
        font-size: 16px;
        line-height: 1.8;
    }

    .detail-style-texr p,
    .detail-style-texr li {
        font-size: 16px;
        line-height: 1.8;
    }

    .detail-style-texr .lead {
        font-size: 18px;
        line-height: 1.75;
    }

    .detail-style-texr h1 {
        font-size: 31px;
        line-height: 1.2;
        margin-bottom: 22px;
    }

    .detail-style-texr h2 {
        font-size: 23px;
        line-height: 1.3;
        margin: 34px 0 14px 0;
    }

    .detail-style-texr h3 {
        font-size: 20px;
    }

    .detail-style-texr ul,
    .detail-style-texr ol {
        margin-left: 22px;
    }

    .knowledge-cta {
        padding: 24px 22px;
        margin: 36px 0 18px;
        border-radius: 16px;
    }

    .knowledge-cta h3 {
        font-size: 26px;
        line-height: 1.22;
    }

    .knowledge-cta p {
        font-size: 16px;
        line-height: 1.75;
    }

    .knowledge-cta li {
        font-size: 15px;
        line-height: 1.75;
    }

    .knowledge-cta-button {
        display: block;
        width: 100%;
        min-width: auto;
        padding: 15px 18px;
    }
}