@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');
body, html {
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}

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

@font-face {
    font-family: 'Playfair Display';
    src: url('../font/PlayfairDisplay-Regular.eot');
    src: url('../font/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/PlayfairDisplay-Regular.woff2') format('woff2'),
    url('../font/PlayfairDisplay-Regular.woff') format('woff'),
    url('../font/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
li.open_submenu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 9px;
    border-top: solid 4px #000;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 5px transparent;
    margin-left: 4px;
}
li.toptimeline a {
    margin-top: -4px;
    top: -64px;
    position: relative;
}
.row.akademiacorektalamelar2 {
    top: -58px;
    position: relative;
}
.lamelar-ic-cor-1928 p{
    margin-top: 40px;
}
.lamelar-ic-cor-1928 span {
    margin-top: 87px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #222222;
    /* padding-top: 100px; */
    display: block;
}
.lamelat-color-cor-a12{
    margin: 133px 0 153px;
}
.weerdlamelrar{
    margin: -111px -199px;
    z-index: -1;
    position: relative;
}
.addonlamelar{
    margin-top: 233px;
    margin-bottom: 160px;
}
.addonlamelar span{
    margin-top:47px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 128%;
    /* identical to box height, or 44px */

    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.addonlamelar p{
    margin-top:17px;
    /* Rubik 18 */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 128%;
    /* or 23px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.nobargintab{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.iqcolor1-c img{
    margin-top: -90px !important;
    z-index: -1;
    position: relative;
}
.iqcolorbez2 img{
    margin-top: 125px;
}
.realfaq .card {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}
.realfaq .card-body{
    /* Rubik 15 */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.mb-0 button{/* Rubik 18 */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 128%;
/* identical to box height, or 23px */

    text-align: left;
    letter-spacing: 0.02em;
    white-space: normal;

/* BLACK */

    color: #222222;}
.realfaq{
    text-align: left !important;
}
.faqbox{
    margin-top: 151px;
}
.faq p{
    margin-top: 27px;
    /* Rubik 24 */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    /* or 31px */

    letter-spacing: 0.02em;
    text-transform: uppercase;

    /* BLACK */

    color: #222222;
}
.corektaleft15{
    margin-left: -15px;

}
.frame.frame-1 {
    text-align: center;
}
ul.slidee {
    margin: 0 auto;
    display: inline-flex;
    text-align: center;
}

.ind-slider{
    margin-top:40px;
}
.ind-slider .frame ul li:hover .slidee-text {
    bottom: 13px;
    opacity: 1;
}
.ind-slider .frame ul li:hover{opacity:1}
.ind-slider .frame ul li:hover:before{transform:scale(0)}
.ind-slider .frame ul li:hover:after{transform:scale(1)}

.ind-slider .frame ul li:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 156px;
    background: url(../img/slide-active.png) no-repeat center center;
    z-index: 1;
    transform: scale(0);
    transition: transform .5s;
    background-size: contain;
}
.slidee-text span{
    /* Rubik 15 - KONTRA */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;
}
.ind-slider .slidee-text h4 {
    display: block;
    color: #fff;

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    /* identical to box height, or 23px */

    text-align: center;
    letter-spacing: 0.02em;

    margin-bottom: 0px !important;
    margin-top: 0px !important;

}
.ind-slider .slidee-text {
    position: absolute;
    bottom: 0;
    opacity: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-shadow: 0 4px 4px rgb(0 0 0 / 58%);
    transition: bottom .5s,opacity .2s;
}
.ind-slider .frame ul li img {
    width: auto;
    height: 156px;
}
.ind-slider .frame ul li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/slide-inactive.png) no-repeat center center;
    z-index: 1;
    transform: scale(1);
    transition: transform .5s;
}
.ind-slider .frame ul li {
    float: left;
    height: 156px;
    box-sizing: border-box;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
    opacity: .6;
    transition: opacity .2s;
}
.ind-slider .frame ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.spaceriq23{
    margin-top:115px;
}
.bezbox p{
    margin-top: 40px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.bezbox span{
    margin-top:15px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.bezbox h4{
    margin-top:46px;
    /* Playfair Display 34 */

    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 128%;
    /* identical to box height, or 44px */

    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.bezbox{
    text-align: center;
    height: 333px;
    background: #e2ddd7;
}
.miedzybaner{
    margin:70px auto 91px;
}
.miedzybaner span{

    /* Playfair Display 20 */

    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 128%;
    /* or 26px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.miedzybaner p{
    margin-top: 40px;
    /* Rubik 15 */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.spacjakoloriq{
    padding-top: 250px;
}
.banner{
    margin-top: 115px !important;
}
.windy h3{
    margin-top: 115px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 128%;
    /* identical to box height, or 44px */

    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.windy span{
    margin-top:40px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 128%;
    /* or 26px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.windy p{
    margin-top:40px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.podroz img{
    margin-top: 168px;
}
.efektcolor{
    margin-top: 168px;
}

.efektcolor img{margin: 17px auto;}
.iqcolorsmart-txt h3{
    margin-top: 165px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 128%;
    /* or 44px */

    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;

}
.iqcolorsmart-txt span{
    margin-top: 9px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcolorsmart-txt p{
    margin-top: 35px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcolorsmart{
    position: relative;
    right: 0;
}
.color123{
    margin-top: 46px;
}
.color123 span{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 46px;
    /* or 46px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.color123 p{
    margin-top: 17px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    /* or 23px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcolorbez{
    margin-top: 120px;
    background: #d8d0c5;
}
.prod-tabhide{
    display: none;
}
#iq1, #iq2, #iq3 ,#iq4{clear: both}
.tabelaprod{
    list-style: none;
    margin: 25px 0;
    padding: 0;
    border-bottom: 1px solid #222222;
}
.tabelaprod li{
    display: block;
    padding: 10px 6px;
    border-top: 1px solid #222222;

    vertical-align: middle;
    line-height: 45px;
}

.blackbutton{
    margin: 0px 0;
    width: 220px;
    height: 40px;
    padding: 13px 0;
    /* BLACK */
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    /* or 17px */
    display: block;
    text-align: center;
    letter-spacing: 0.05em;
    color:#fff;
    background: #222222;
}
.iqcolor-produkty{
    padding-top: 31px;
}
.iqcolor-produkty p{
    /* Rubik 15 */
    padding: 15px 0;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    /* or 20px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcolor-produkty span{
    /* Rubik 18 */

    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    /* identical to box height, or 23px */

    letter-spacing: 0.02em;

    /* BROWN */

    color: #8C634B;
}
.iqcolormenu{
    list-style: none;
    padding: 40px 0;
    margin: 0 auto;
    display: inline-flex;
    text-align: center;

}
.iqcolormenu li.active{
    border-bottom: 1px solid #222222;
    text-decoration: none !important;
}
.iqcolormenu li{
    cursor: pointer;
    margin: 0 10px;
    padding: 0 46px;
    display: inline;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    /* identical to box height, or 23px */
    height: 43px;
    text-align: center;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #E5E5E5;
    /* BLACK */

    color: #222222;}
.meetiq p{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    /* identical to box height, or 44px */

    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.max118{max-width: 118%;}
.iqcolor-bedge{
    padding-left: 35px;
}
.iqcolor-bedge h2{
    padding-top: 91px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    /* or 44px */

    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.iqcolor-bedge p{
    max-width: 480px;
    padding-top: 20px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    /* or 20px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcolor-bedge p strong{
    max-width: 480px;
    padding-top: 27px;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    /* or 23px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcolor-bedge{
    background: #dbd3c8;
    margin: 115px 0;
    min-height: 569px;
}
.wloskorekta{
    margin-right: -15px;
    position: relative;
    right: 77px;

}
.iqcolorb span, .iqcolorb{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    /* identical to box height, or 44px */

    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;

}
.videoiqcolor {
    margin: 0 auto;
    padding-top: 40px;
    max-width: 830px;
    text-align: center;
}
.jounusiq{
    margin-top: 60px;
}
.jounusiq .btn{
    margin-top: 46px;
    margin-bottom: 60px;
}
.topproduktyiq{
    margin-top: 112px;
}
.bartekiqrow{
    margin-top: 112px;
}
.bartekiqrow img{
    position: relative;
    margin: 0 auto;
}
.teamiq{
margin-top: 155px;
}
.teamiq .btn{
    margin-top: 73px;
}
.iqgray{
    margin-top: 84px;
    padding-top: 30px;
   background: #eae8eb;
}
.lamellargray{
    text-align: right;
    margin-top: 84px;
    padding-top: 30px;
    background: rgb(219,218,213);
    background: linear-gradient(90deg, rgba(219,218,213,1) 0%, rgba(205,202,197,1) 100%);
}
.akademiaiq{
    margin-top: 206px;
}
.akademiaiq .btn{
    margin-top: 102px;
}
.updates{
    margin-top: 146px;
}
.threekolory{ margin-top: 153px;}
threekolory1{
    margin-top: 30px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.threekolory2{
    margin-top:9px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.odcienieiq{
    margin-top:51px;
}
.odcienieiq1{
    margin-top: 30px;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 128%;
    /* identical to box height, or 26px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.odcienieiq2{
    margin-top:9px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iq1{font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 127.5%;
    /* identical to box height, or 17px */

    text-align: center;
    letter-spacing: 0.15em;
    text-decoration-line: underline;

    /* BLACK */

    color: #222222;}
.iq2{
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 128%;
    /* identical to box height, or 44px */

    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.iq3{
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
#logo img {
    width: 122px;
    margin-top: 39px;
}
.toppadmenu{margin-top: 21px;}
div#langmenu {
    width: 68px;
    display: inline-flex;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #292929 !important;
    text-decoration: none;
    background-color: #fff !important;
    outline: 0;
    width: 100%;
}
ul.dropdown-menu {
    margin: -27px 0 !important;
    padding: 0;
}
ul.dropdown-menu li a {
    line-height: 24px;
    padding: 8px;
    margin: 0px;
}
.ryt-green{color: #86ae8b;}
.ryt-sos{color: #cfc095;}
.ryt-pure{color: #d1a3aa;}
.rytual-pure{
    margin: 50px 0;
    text-align: center;
    background: url("../img/ryp.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.rytual-sos{
    margin: 50px 0;
    text-align: center;
    background: url("../img/ryt-sos.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.rytual-water{
    margin: 50px 0;
    text-align: center;
    background: url("../img/ryt-wat-ban.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.rytual-tabela ul, .rytual-tabela a{margin-top:30px;}
.rytual-tabela{margin-top: 40px;}
.rytual-tabela h3{font-size: 24px; text-transform: uppercase; border-bottom: 1px solid #000;font-weight: 100;}
.rytual-tabela h4{font-size: 15px;
    color: #222222;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    margin-top: 32px;
    font-weight: bold;}
.fixtextleft{text-align:left !important;}
a.btn.btn-default:hover {
    background-color: #000 !important;
    color: #fff;
}
.bgspecialhome{width: 100%;
    background: url(../img/peh4.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.panel-heading .panel-title a{display: block;
}
.panel-heading .panel-title a:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .panel-title a.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.xpinkbar{
    background-color: #e9d4d5 !important;
    color: #000;
    border: none;
}
.xyellowbar{
    background-color: #ebe1a5 !important;
    color: #000;
    border: none;
}
.xgreenbar{
    background-color: #bbc9c1 !important;
    color: #000;
    border: none;
}
.bepullup2 {
    margin-top: -65vh;
}
.bepullup {
    margin-top: -36vh;

}
.brazhead {
    background-color: #c59f6a !important;
    color: #fff;
    border: none;
}
.brazhead h4{color: #fff;}
.green{color: #bbc9c1;}
.topgreen{border-top: 10px solid #bbc9c1;}
.greenbg{background: #bbc9c1; min-height: 300px; padding: 20px 29px;
    font-size: 12px;}

.yellow{color: #ebe1a5;}
.topyellow{border-top: 10px solid #ebe1a5;}
.yellowbg{background: #ebe1a5; min-height: 300px; padding: 20px 29px;
    font-size: 12px;}

.toppink{border-top: 10px solid #e9d4d5;}
.pinkbg{background: #e9d4d5; min-height: 300px; padding: 20px 29px;
    font-size: 12px;}
.inboxpeh {
    max-width: 90%;
    margin: 0 auto;
    min-height: 300px;
}
.pink{color: #e9d4d5;}
.pehheader{text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #000;
    margin-top: 14px;}
.boxwite{background: #fff;}
.copeh2{

    width: 100%;
    height: 100vh;
    background: url(../img/peh4.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: 0px;

}
.spacerpeh{padding-top: 60vh;}
.pehcard{position: absolute;margin-top: 50vh;}
.copeh{

    width: 100%;
    height: 100vh;
    background: url(../img/peh2.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: 60px;
    color:#fff;
}
.pehbalance-1{
    width: 100%;
    height: calc(100vh + 105px);
    background: url(../img/pehbalance.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -29px;
}
.beopakowania-3{
    width: 100%;
    height: unset;
    background: url(../img/beo5.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -29px;
}
.beopakowania-1{width: 100%;
    height: calc(100vh + 105px);
    background: url(../img/beopakowania.jpg) no-repeat;
    background-position: top center;
    background-size: cover;}
.ecogreenbar2{display: block; padding: 10px; background: #efefef; color: #000; margin: 30px 0; font-weight: bold;}
.ecogreenbar{display: block; padding: 10px; background: #afcdb1; color: #000; margin: 30px 0; font-weight: bold;}
.bewater-1{width: 100%;
    height: calc(100vh + 105px);
    background: url(../img/bewater.jpg) no-repeat;
    background-position: top center;
    background-size: cover;}
.yellowbar{display: block; padding: 10px; background: #f2edb8; color: #000; margin: 30px 0; font-weight: bold;}
.benature-1{
    width: 100%;
    height: calc(100vh + 105px);
    background: url(../img/benature.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.bepure-3{
    width: 100%;
    height: 100vh;
    background: url(../img/bep4.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    margin-top: -29px;
}
.pinkbar{display: block; padding: 10px; background: #f6e3e5; color: #000; margin: 30px 0; font-weight: bold;}
.bepurelogo{text-shadow: 3px 0px 30px #0000004a;
    margin-top: 34vh;}
.bepurelogo h2{    font-weight: bold;
    font-size: 54px;}
.beswiatlogo p{
    font-size: 21px;
    line-height: 30px;
    font-weight: 100;
}
.bepure-1{
    width: 100%;
    height: calc(100vh + 105px);
    background: url(../img/bepure.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.middlebox2 p {
    margin-top: 26vh;
    font-size: 32px;
    line-height: 40px;
    font-family: "Playfair Display";
}
.paddminbanner{padding-top: 200px;}
.beswiat-3{
    width: 100%;
    height: 110vh;
    background: url(../img/bes6.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.becard{background: #fff;
    padding: 20px;
    width: 400px;
    margin: -61px auto;
    position: relative;
    text-align: center;
    box-shadow: 2px 0px 21px #0000002e;}
.middlebox p {
    margin-top: 22vh;
}
.maximg100 img{max-width: 100%;}
.modp{line-height: 35px;}
.beswiatlogo2 {
    color: #fff;
    text-shadow: 3px 0px 30px #0000004a;
    margin-top: 72vh;
}
.beswiat-2 {
    width: 100%;
    height: 100vh;
    background: url(../img/beswiat2.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.beswiatlogo{    color: #fff;
    text-shadow: 3px 0px 30px #0000004a;
    margin-top: 44vh;}
.beswiatlogo h2{    font-weight: bold;
    font-size: 54px;}
.beswiatlogo p{
    font-size: 21px;
    line-height: 30px;
    font-weight: 100;
}
.beswiat-1 {
    width: 100%;
    height: 100vh;
    background: url(../img/beswiat1.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}
.tranbebox {
    background: rgb(255 255 255 / 73%);
    padding: 20px 30px;
    margin-top: 100px;
    margin-top: 200px;
    margin-bottom: 200px;
}

.betlo3 {
    width: 100%;
    background: url(../img/betlo3.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}

.betlo2 {
    width: 100%;
    background: url(../img/betlo2.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}

.spacerbe {
    padding-top: 100px;
}

.beblance {
    background: #222;
    text-align: center;
    color: #fff;
    margin: 100px 0 20px;
}

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

.beborderright {
    border-right: 1px solid #000;
}

.bewhitebox {
    width: 355px;
    background: #fff;
    margin-top: 68px;
    box-shadow: 2px 0px 13px #00000014;
}

.inbewhite {
    padding: 10px 20px;
    min-height: 277px;
}

.behometext {
    margin-top: 140px;
}

.beekologo h2 {
    font-weight: bold;
    font-size: 54px;
}

.beekologo {
    color: #fff;
    text-shadow: 3px 0px 30px #0000004a;
    margin-top: 36vh;
}

.behome-1 {
    width: 100%;
    height: 100vh;
    background: url(../img/behome1.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}

.behome-2 {
    width: 100%;
    height: 100vh;
    background: url(../img/behome2.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
}

.rwdshow {
    display: none;
}

.overbanner {
    max-width: calc(100% + 209px);
}

img.rwdhide.max100pic {
    width: 100%;
}

#bartekphoto2021 {
    text-align: right;
}

#bartekphoto2021 img {
    margin-left: unset !important;
    margin-right: unset !important;
    float: right;
}

.comphide {
    display: none;
}

.row.menuszkolenia {
    position: relative;
    z-index: 999;
}
.mobhide{display: block;}
.mobshow{display: none;}

@media (min-width: 1300px) {
  .greybh.height-1 {
    min-height: 972px;
}
  .comphide.tablethide {
    display: none;
}
    .greybh.height-1 {
        min-height: 950px;
    }

    .greybh.height-2 {
        min-height: 1006px;
    }

    .greybh.height-3 {
        min-height: 1029px;
    }

    .greybh.height-4 {
        min-height: 1012px;
    }
}

.play-button {
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 28px;
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0 auto;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 0.5s ease;
}

.thumbimage {
    margin-top: 10px;
    width: 100%;
    height: 149px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
}

.greycontent {
    background: #faf6f7;
    font-family: 'Raleway', sans-serif;
    padding: 10px;
}

.overfade {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5802696078431373) 100%);
    position: absolute;
    width: 730px;
    height: inherit;
}

.thumbimage2 {
    margin-top: 10px;
    width: 100%;
    height: 310px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
}

.star {
    float: left;
    width: 1.1em;
    /*padding: 0 .1em;*/
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 114%;
    line-height: 1.2;
    color: #ddd;
    text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0, 0, 0, .5);
}

.star:before {
    content: '★ ';
}

.star.active {
    color: #4aa1b4;
    text-shadow: 1px 1px #4aa1b4, 2px 2px #535353, 0.1em 0.1em 0.2em rgba(0, 0, 0, .5);
}

.slidertext2 {
    position: absolute;
    float: left;
    left: 34px;
    max-width: 58%;
    /* top: 96px; */
    text-align: left;
    color: #fff;
    bottom: 17px;
}

.slidertext2 p {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 31px;
    margin: 4px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.slidertext2 span {
    font-family: 'Raleway', sans-serif;
    color: #539cae;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.greycontent p {
    margin: 5px 0;
    text-transform: uppercase;
    color: #000;
}

.greycontent span {
    color: #539cae;
    font-weight: 700;
    font-size: 13px;
    text-transform: capitalize;
    margin-top: 5px;
}

.col-md-12.nopaddingrwd {
    margin: 0px -30px;
    width: calc(100% + 60px);
}

.max100 {
    max-width: 100%;
}

.akphoto2 {
    float: right;
    margin: -20px -40px;
}

.akphoto {
    float: right;
    margin: -20px -40px;
    height: 387px;
}

.liftdark {
    margin-top: -20px;
}

.newbgh2 {
    background: #eae8ea url(../img/szko20201-10.jpg) no-repeat !important;
    background-size: contain !important;
    background-position: right !important;
}

.newbgh {
    background: url('../img/szko20201-3.png') no-repeat !important;
    background-size: cover !important;
    background-position: bottom;
}

.imgcor {
    margin: -19px -39px 20px;
    width: calc(100% + 78px);
}

.xx {
    float: left;
    padding-right: 6px;
}

.cols4 {
    width: 24%;
    float: left;
    margin-right: 1%;
}

.cols3 {
    width: 32%;
    float: left;
    margin-right: 1%;
}

.darkbh {
    background: #222222;
    padding: 20px 40px;
    color: #fff;
}

.greybh {
    background: #eae8ea;
    padding: 20px 40px;
}

.greybh-b {
    /* background: #eae8ea; */
    padding: 20px 40px;
    background: rgb(144, 183, 190);
    background: linear-gradient(340deg, rgba(144, 183, 190, 1) 0%, rgba(233, 231, 234, 1) 100%);
}

.row.narrow.spacer {
    margin-top: 20px !important;
}

.instagram-photos {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 16px;
}

.instagram-photo {
    border: 4px solid #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    margin: 8px;
    position: relative;
    width: calc(100% / 2 - (8px * 2));
}

a.instagram-photo img {
    max-width: -webkit-fill-available;
    position: relative;
    z-index: 2;

}

.instagram-photo:hover span {
    position: absolute;
    z-index: 2;
    top: 0px;
    display: block !important;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .2px;
    color: #fff;
    height: 42px;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4% 40px 0;
    background: rgba(0, 0, 0, 0.5);
    height: -webkit-fill-available;
    align-items: center;
    padding-bottom: calc(25% - 3px);
}

@media only screen and (min-width: 768px) {
    .instagram-photo {
        width: calc(100% / 4 - (8px * 2));
        height: 266px;
        overflow: hidden;

    }
}

.instagram-photo:focus::after, .instagram-photo:hover::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 104%;

}

.zobacz {
    position: absolute;
    background: #f00;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
    padding: 5px 20px;
    width: 150px;
    bottom: -22px;
    left: calc(50% - 75px);
}

.col-md-4.middle, .col-md-8.middle {
    display: inline-block;
    vertical-align: middle;
}

.col-md-4.middle::before, .col-md-8.middle::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

.middle > * {
    vertical-align: middle;
}

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.findme {
    background: #eae8ea;
    width: 100%;
    height: 40px;
    color: #000;
    line-height: 40px;
    text-align: center;
    border: none;
}

.blackborderinput {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.blackborderinput::-webkit-input-placeholder { /* WebKit browsers */
    padding-left: 10px;
    color: #cfcfcf;
    font-weight: 100;
}

.blackborderinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    padding-left: 10px;
    color: #cfcfcf;
    font-weight: 100;
}

.blackborderinput::-moz-placeholder { /* Mozilla Firefox 19+ */
    padding-left: 10px;
    color: #cfcfcf;
    font-weight: 100;
}

.blackborderinput:-ms-input-placeholder { /* Internet Explorer 10+ */
    padding-left: 10px;
    color: #cfcfcf;
    font-weight: 100;
}

.widgetlist li {
    border-top: 1px solid #000;
    clear: both;
    margin: 10px 0;
    padding: 5px 0;
}

.sidebar-content, .widgetlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.darkbg {
    background: #222222;
    width: calc(100% - 30px);
    display: block;
    height: auto;
    color: #fff;
    padding: 50px;
    margin: 15px 16px 35px;
}

.ge-content.ge-content-type-tinymce.pic-6-frame {
    height: 300px;
    overflow: hidden;
}

.newblogheading h2 {
    min-height: 72px;
    margin: 15px 0;
}

.newblogheading {
    font-size: 35px;
    font-family: 'Playfair Display';
    padding: 0px 0 40px;
}

.updatepar {
    font-size: 16px;
    min-height: 68px;
}

.bartekbox, .bartekbox p span {
    font-family: 'Playfair Display';
}

.bartekbox h2 {
    line-height: 50px;
    font-size: 34px;
}

.siema {
    height: 506px;
}

.carousel-caption h3 {
    font-size: 35px;
    padding-bottom: 40px;
}

.carousel-caption {
    right: 121px;
    left: unset;
    top: 90px;
    padding-bottom: 30px;
    text-align: right;
    color: #000;
    text-shadow: unset;
    max-width: 24%;
    font-family: 'Playfair Display';
}

h2.post-title {
    /*min-height: 88px;*/
}

a.btn.btn-default.white {
    color: #fff !important;
    border-color: #fff !important;
    width: 100%;
    margin: 10px 0 0;
}

p.post-intro {
    min-height: 111px;
}

a.btn.btn-default {
    text-transform: uppercase;
    min-width: 220px;
    border: 2px solid #222222;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    /* or 17px */

    text-align: center;
    letter-spacing: 0.05em;

    color: #222222;
}

.blackboxupdate img {
    display: none;
}

.prodframe img {
    mix-blend-mode: multiply;
}

.coverframe {
    height: 300px;
    width: 300px;
    overflow: hidden;
}

.post-preview, .prod-preview {
    width: 300px;
    float: left;
    margin: 6px 20px;
}

h2.prod-preview-title {
    font-size: 25px;
    font-family: 'Playfair Display';
    min-height: 67px;
}

.prod-preview {
    background: #fff;
    text-align: center
}

p.prod-intro {
    min-height: 107px;
}

.prodframe img {
    max-height: 300px;
    text-align: center;
}

.prodframe {
    text-align: center;
}

.prodboxupdate {
    padding: 20px;
    min-height: 266px;
}

h2.prod-title {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 128%;
    /* or 26px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}

.coverframe img{
    object-fit: fill;

    max-height: 100%;
}
.prod-preview img {
    max-width: 100%;
}

.semiblack {
    background-color: #222222 !important;
    color: #fff !important;
    border-color: #000 !important;
    border-radius: 0px !important;
    min-width: 200px;
}

.blackboxupdate {
    background: #ffffff;
    color: #222222;
    margin-top: -20px;
    padding: 22px;
}

h2.post-title {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    /* or 23px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}

.mainhead {
    font-size: 60px !important;
    font-family: 'Playfair Display';
    padding-bottom: 15px;
}

.wbox2020 {
    box-shadow: -3px 3px 26px rgb(53 53 53 / 16%);
    padding: 37px;
    width: 120%;
    position: relative !important;
    max-width: unset !important;
    margin: 82px 0 0;
}

.btn-default {
    color: #333;
    background-color: transparent !important;
    border-color: #000 !important;
    border-radius: 0px !important;
}

.bannercard {
    position: absolute;
    /* float: right; */
    right: 0px;
}

.nowhite {
    background: transparent !important;
    text-align: right !important;
    margin-top: 105px;
    font-size: 16px;
}

.footlogofix {
    right: -21px;
    position: relative;
}

.footmenu ul li {
    display: inline-flex
}

.footmenu ul {
    margin: 58px -15px 0;
    padding: 0px;
}

.footmenu ul li a {
    font-weight: normal;
    padding-right: 20px;
}



.fasocial a {
    color: #000;
    font-size: 16px;
    padding: 0 3px;
    margin: 61px 0px;
    display: inline-block;
}

#langmenu select.form-control {
    border: none;
    margin: 33px 0px;
    display: inline-flex;
    box-shadow: none;
    
}

#langmenu select.form-control option{color: #000 !important;}

#langmenu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#langmenu li {
    float: left;
    line-height: 14px;
    padding: 0px 5px;
    text-align: center;
}

#langmenu li a {
    padding: 0px 0px 0px 10px;
}

.sideNav li + li a {
    border-left: 1px solid #000;
}

.blactopbar {
    width: 100%;
    height: 30px;
    background: #000;
    line-height: 30px;
}

.blactopbar a {
    color: #fff;
    text-transform: uppercase;
}

.blactopbar span {
    font-size: 10px;
    margin-top: -3px;
    top: -1px;
    position: relative;
}

.video_contain {

}

.sutodesc {
    max-width: 500px;
}

.floatmenu {
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p {
    line-height: 22px;
    font-family: 'Rubik', sans-serif;
}

#tobar {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
    z-index: 9000;
}

.narrow {
    width: 1138px;
    margin: 0px auto !important;
    position: relative;
}

#logo {
    position: relative;
}

.manubar {
    text-align: right;
}

.manubar ul {
    margin-top: 0px;
    padding-bottom: 29px;
    list-style: none;
    text-align: left;
    left: 0px;
    width: auto;
    float: none;
    display: inline-flex;
}

.manubar li {
    float: left;
    display: inline;
    padding: 0px 17px;
}
.paddinglammelar2802{padding-top: 140px;}
.manubar li a {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #222222;
    font-family: 'Rubik';
    font-weight: 300;
    font-style: normal;
}
ul.dropdown-menu{
    display: none;
}

#bannerplaceholder {
    width: 100%;
    height: 700px;
    background: url(../img/islandiabanner.png) no-repeat;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
}
#bannerlamelarplaceholder {
    width: 100%;
    height: 700px;
    background: url(../img/lamellarbanner.png) no-repeat;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
}
#banneriqcolor {
    width: 100%;
    height: 700px;
    background: url(../img/iqcolor-banner.png) no-repeat;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
}
.lamelarbanerintro .maximize{
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 46px !important;
    line-height: 106.5%;
    /* or 49px */
    max-width: 361px;
    letter-spacing: 0.02em;
    font-feature-settings: 'liga' off;

    /* BLACK */

    color: #222222;
}
.lamelarbanerintro span{

    padding-top:51px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 128%;
    /* or 31px */

    letter-spacing: 0.02em;
    text-transform: uppercase;

    /* BLACK */

    color: #222222;

}
.lamelarbanerintro img{margin-top:182px;margin-bottom:51px;}
.lamelarbanerintro p{
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 128%;
    /* or 31px */
    padding-top: 10px;
    letter-spacing: 0.02em;
    text-transform: none;

    /* BLACK */

    color: #222222;
}
.videoiqframe{
    margin: 0 auto;
    padding-top: 115px;
    max-width: 830px;
    text-align: center;
}
.iqbez{
    margin-top: 163px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(219,220,214,1) 33%, rgba(219,220,214,1) 100%);
}
.iqbez img{
    margin: 0 158px;
}
.iqcare7a{
    padding-top: 100px;
    max-width: 400px;
    margin: 0 auto;
}
.iqcare7a span{

    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 128%;
    /* or 46px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcare7a p{

    /* Rubik 15 */
padding-top: 27px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcare7b{
    padding-top: 185px;

    max-width: 400px;
    margin: 0 auto;
}
.iqcare7b span{

    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 128%;
    /* or 46px */

    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcare7b p{    /* Rubik 15 */

    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */
    padding-top: 38px;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.icare6{
    margin-top: 115px;
    text-align: center;
}
.iqcare5{
    text-align: center;
    max-width: 310px;
    margin: 0 auto;
}
.iqcare5 img{
margin-top:58px;
    margin-bottom: 38px;
    height: 125px;
}
.iq5limiterbox{height: 46px;}
.iqcare5 span{

    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 128%;
    /* or 23px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcare5 p{
 padding-top: 30px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcare4{
    padding-top: 115px;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 128%;
    /* identical to box height, or 44px */

    align-items: center;
    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;
}
.iqcare3{
    text-align: center;
    margin-top: 115px;
}
.iqcare2{
    text-align: center;
    margin-top: 115px;
}
.iqcare2 img{
    margin: 0 auto;
}
.iqcareb{
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
}
.iqcareb span{
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 128%;
    /* or 26px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.iqcareb p{
    padding-top: 40px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
.lamellara1 p{
    padding-top: 40px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */
    max-width: 680px;
    text-align: center;
    letter-spacing: 0.02em;
    margin: 0 auto;
    /* BLACK */

    color: #222222;
}
.lamellara1{
    margin: 0 auto;
    max-width: 780px;
    padding-top: 104px;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 128%;
    /* or 44px */

    text-align: center;
    letter-spacing: 0.01em;

    /* BLACK */

    color: #222222;

}
.lamellara1 img{
    margin-top:40px;
    margin-bottom:115px;
}
#bannerplaceholder1 {
    width: 100%;
    min-height: 500px;
    background: url("../img/b1a.jpg") no-repeat;
    background-position: bottom center;
    background-size: cover;
}

#bannercard {
    width: 749px;
    min-height: 217px;
    background: #fff;
    margin-top: -100px;
    left: 50%;
    margin-left: -374px;
    position: relative;
    padding: 20px 10px;
    text-align: center;


    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
#bannercard p{
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 135%;
    /* or 20px */

    text-align: center;
    letter-spacing: 0.02em;

    /* BLACK */

    color: #222222;
}
#bannercard h1 {
    font-size: 35px;
}

#footer {
    margin-top:90px;
    background: #ffffff;
    width: 100%;
    min-height: 200px;
    padding: 30px 10px 0px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    font-style: normal;
    border-top:1px solid #222222;
}

.copyrights {
    text-align: right;
    border-top: 1px solid #fff;
    padding: 10px 0px;
    font-size: 10px;
}

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

.text-center {
    text-align: center;
}
.iqcarespacing{
    padding-top: 175px;
}
#footer img{
    margin-top: 25px;
}
.footmenu ul {
    list-style: none;
}

.footmenu li a {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    /* BLACK */

    color: #222222;
}

.wbox {
    background: #fff;
    /*margin: 76px 0px 0px 0px;*/
    position: relative;
    z-index: 3999;
    max-width: 447px;
    /*padding: 30px;
    right: -129px;*/
}

.wbox h2, .wbox h3, .wbox2 h2, .wbox2 h3 {
    font-family: 'Playfair Display';
}

.wbox h2, .wbox2 h2 {
    font-size: 58px;
}

.wbox h3, .wbox2 h3 {
    padding-bottom: 10px;
    padding-top: 30px;
}

.padding1 {
    padding: 22px 0px 0px;
}

.padding50 {
    padding: 50px 0px 0px;
}

#turnee {
    width: 100%;
    min-height: 637px;
    background: url("../img/turnebg2019a.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
}

.tourne1 {
    text-align: center;
    margin-left: -138px;
}

.tourne1 h2, #szkolenia h2, #bartek h2 {
    font-family: 'Playfair Display';
    font-size: 42px;
}

.tourne1 p {
    font-size: 24px;
}

.tourne2 {
    margin-left: -67px;
    max-width: 100%;
}

.tourne2 p {
    padding: 10px 0px;
}

#szkolenia {
    width: 100%;
    min-height: 300px;
    background: url("../img/szkoleniabg.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 422px;
    padding: 31px 0px 0px;
}

.rtxt {
    position: absolute;
    text-align: right;
    right: 44px;
    padding-top: 70px;
}

.rtxt h3 {
    font-family: 'Playfair Display';
    font-size: 32px;
}

@-moz-keyframes fadein {
    0% {
        opacity: .1;
        -moz-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: .1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadein {
    0% {
        opacity: .1;
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.uppercase {
    text-transform: uppercase;
}

.testimonial-widget {
    position: relative;
    text-align: center;

    padding: 0 20px;
    height: 486px;
}

.testimonial {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.testimonial.current {
    opacity: 1;
    position: relative;
    z-index: initial;
    -moz-animation: fadein 0.7s ease;
    -webkit-animation: fadein 0.7s ease;
    animation: fadein 0.7s ease;
}

.prev-testimonial,
.next-testimonial {
    position: absolute;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    width: 30px;
    top: 110px;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 9999;
    display: block;
}

.prev-testimonial:focus,
.next-testimonial:focus {
    outline: none;
}

.prev-testimonial:before,
.next-testimonial:before {
    content: "";
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.prev-testimonial {
    left: 0;
}

.prev-testimonial:before {
    left: 10px;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
}

.next-testimonial {
    right: 0;
}

.next-testimonial:before {
    right: 10px;
    border-top: solid 1px black;
    border-right: solid 1px black;
}

.testimonial__mug {
    width: 100px;
    height: 100px;
    margin: 16px auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.grey-out {
    opacity: .2;
}

.wrap {
    padding-top: 56px;
    width: 100%;
    margin: 0px auto;

    max-width: 900px;
}

.tbox img {
    margin: -46px 0px;
    z-index: 9999;
}

#szkolenia2 {
    width: 100%;
    min-height: 300px;
    background: url('../img/szk1.png') no-repeat;
    background-position: top center;
    background-size: cover;
    margin: -55px 0px;
    height: 420px;
    position: absolute;
}

#szkolenia3 {
    width: 100%;
    min-height: 300px;
    background: url('../img/szk2.png') no-repeat;
    background-position: top center;
    background-size: cover;
    margin: -55px 0px;
    height: 420px;
    position: absolute;
}

div#szknapis {
    margin-top: -101px;
    position: relative;
    z-index: 6000;
}

#szkolenia3 .rtxt, #szkolenia2 .rtxt {
    position: absolute;
    text-align: right;
    right: 44px;
    padding-top: 115px;
}

#bartek {
    width: 100%;
    min-height: 300px;
    background: url("../img/bartekbg.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 422px;
}

.bartekbox {
    padding-left: 0px;
    padding-top: 29px;
}

.bartekbox2 {
    padding-left: 96px;
    padding-top: 25px;
}

.bartekbox2 h2 {
    font-family: 'Playfair Display';
    font-size: 42px;
}

#plex {
    width: 100%;
    min-height: 300px;
    background: url("../img/milarich.png") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 842px;
    margin-top: 279px;
}

#plexR {
    width: 100%;
    min-height: 300px;
    background: url("../img/milarich2.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 842px;
    margin-top: 200px;
}

#plex2 {
    width: 100%;
    min-height: 300px;
    background: url("../img/plex2bg.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 842px;
    margin-top: 0px;
}

.pleximg {
    position: absolute;
    margin: 75px -85px;
}

#plex2 .pleximg {
    position: absolute;
    margin: 138px -85px;
}

#plex .tbox {
    margin: 47px -43px;
    position: absolute;
    text-align: left;
    right: 56px;
}

#plex2 .tbox {
    margin: 354px 0px;
    position: absolute;
    text-align: right;
    right: 56px;
}

#plex .tbox h2, #plex2 .tbox h2 {
    font-family: 'Playfair Display';
    font-size: 62px;
}

#plex .tbox h3, #plex2 .tbox h3 {
    font-family: 'Playfair Display';
}

.fixed {
    position: fixed !important;
    z-index: 9999999;
    border-bottom: 1px solid #d3d3d3;
}

#tobar.fixed {
    width: 100%;
    height: 56px;
    background: #fff;
    transition-duration: 1s;
    top: 0px;
}

.fixed .fasocial a {
    color: #000;
    font-size: 16px;
    padding: 0 3px;
    margin: 17px 0px;
    display: inline-flex;

}

.fixed .manubar li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #242424;
    line-height: 51px;
   font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-style: normal;

}

.fixed #langmenu select.form-control {
    border: none;
    margin: 8px 0px;
    display: inline-flex;
    box-shadow: none;

}

.fixed #logo img {
    height: 31%;
    width: 100%;
    margin: 6px;
}

.fixed .langswitch {

    transition-duration: 1s;
}

li.active {
    text-decoration: underline;
}

.pageinfo {
    text-align: center;
    font-family: 'Rubik', sans-serif;
}

.whitebg {
    background: #fff;
}

#udpates {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.slick-arrow {
    position: absolute !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    background-color: transparent !important;
    border: none !important;
    width: 30px !important;
    top: 363px !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
    z-index: 4999;
    display: block;
}

.slick-next:before, .slick-prev:before {
    content: "";
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slick-prev:before {
    left: 10px;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
}

.slick-next:before {
    right: 10px;
    border-top: solid 1px black;
    border-right: solid 1px black;
}

.slick-next {
    right: 300px;
}

.slick-prev {
    left: 300px;
}

.sliderbox {
    width: 100%;
}

ul.slick-dots {
    margin: 0px auto 20px;
    text-align: center;
    list-style: none;
}

.slick-dots li {
    display: inline-block;
    padding: 0px 10px;
}

.slick-dots li button {
    border-radius: 50%;
    border: 1px solid #000;
    background: #fff;
    width: 30px;
    height: 30px;
}

.slick-active button {
    background: #000 !important;
    color: #fff;
}

li.widget {
    list-style: none;
}

.wbox2 {
    background: #fff;
    margin: 76px 0px 0px 0px;
    position: relative;
    z-index: 9999;
    max-width: 447px;
    padding: 30px;
    right: -69px;
}

.korekta img {
    margin-right: 69px;
    right: 0px;
    position: absolute;
}

#menu-produkty {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 8000;
    min-height: 200px;
    border-top: 1px solid #d3d3d3;
    display: none;
    position: absolute;
}

.visible {
    display: block !important;
}

div#menu-produkty.fixed {
    margin-top: 0px;
}

#menu-produkty ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#menu-produkty li a {
    color: #000;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
	font-weight: 100;
}

.subprod {
    padding-top: 32px;
    padding-bottom: 60px;
}

.subprod b {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
}

.filtr h3 {
    font-family: 'Rubik', sans-serif;
}

.filtr h4 {
    font-family: 'Rubik', sans-serif;
}

.filtr li {
    text-transform: uppercase;
}

.filtr li a {
    color: #000;
    font-family: 'Rubik', sans-serif;
}

.filtr {
    padding-bottom: 50px;
}

.zawartosc ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.zawartosc li {
    float: left;
    padding: 10px;
    text-align: center;
    width: 273px;
}

.zawartosc li img {
    max-height: 226px;
}

.zawartosc li h2 {
    font-family: 'Playfair Display';
    padding-bottom: 20px;
    font-size: 22px;
}

.zawartosc li p {
    padding-bottom: 20px;
}

.prodList {
    display: none;
}

.show {
    display: block !important;
}

.omarce1 h2 {
    font-family: 'Playfair Display';
    font-size: 42px;
}

#omarce2 {
    width: 100%;
    min-height: 870px;
    background: url("../img/omarce2.jpg") no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.omniebox1 {
    padding-top: 351px;
    max-width: 416px;
}

.kolekcjeFont h3 {
    font-family: 'Playfair Display';
}

.navbox_time ul {
    list-style: none;
}

.navbox_time li {
    max-width: 200px;
    text-align: center;
    float: left;
    margin: 0px 9px;
    width: auto;
    padding: 0px;
}

.navbox_time li.active:before {
    content: '\2022';
    position: absolute;
    margin: -50px -36px;
    font-size: 42px;
    color: #000 !important;
    width: 200px;
}

.navbox_time li:before {
    content: '\2022';
    position: absolute;
    margin: -50px -36px;
    font-size: 42px;
    color: #d3d3d3 !important;
    width: 200px;
}

.navbox_time li a {
    color: #000;
}

.lSSlideOuter .lSPager.lSGallery li {
    height: 51px;
}

/*.milaClubJak{width:100%; min-height: 469px; background: url("../img/grafika_1920x469px_v2.jpg")no-repeat; background-position: bottom center; background-size: contain;margin-top:50px;}*/
.milaClubJak img {
    width: 100%;
}

.milaClubJak {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 30px;
}

.milaClubJak .col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.row.milaClubJak p {
    font-size: 18px;
    color: #fff;
    padding: 0px;
    line-height: 23px;
    text-shadow: 2px 2px 2px #000;
    font-family: 'Rubik', sans-serif;
}

.milaClubText {
    padding-top: 100px;
}

.abowe:before {
    content: '';
    position: absolute;
    margin: -31px -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ffffff transparent transparent transparent;
    left: 50%;

}

.greybg {
    background: #ebebeb;
}

.blackbar {
    background: #000;
    height: 30px;
    width: 100%;
}

.blackbar p {
    line-height: 30px;
    color: #fff;
}

.blackbar:before {
    content: '';
    position: absolute;
    margin: 25px -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #000 transparent transparent transparent;
    left: 50%;

}

.pnone {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.p10e {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.milabox {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    box-shadow: none;
}

.milasubmit {
    text-align: center;
    margin: 10px auto;
    border: 1px solid #00;
    border-radius: 0px;
    width: 200px;
}

.listbg {
    background: url('../img/listbg.jpg') no-repeat;
    padding: 20px 10px;
    width: 350px;
    height: 160px;
    overflow: hidden;
    margin: 5px 0px;
}

.menuszkolenia ul {
    list-style: none;
    text-align: center;
}

.menuszkolenia li {
    display: inline;
    width: 200px;
    padding: 10px 66px;
    border: 1px solid #000;
    cursor: pointer;
    margin: 0px 20px;
}

.szkoleniabg1 {
    width: 100%;
    min-height: 300px;
    background: url("../img/szkoleniabg1.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: 822px;
}

.szkoleniabg1 h2 {
    font-family: 'Playfair Display';
    font-size: 42px;
}

.paddingbann {
    padding-top: 150px;
}

.quote h2 {
    font-family: 'Playfair Display';
}

#liftup {
    margin-top: -151px !important;
}

#bgall {
    padding-top: 190px;
    width: 100%;
    min-height: 300px;
    background: url("../img/szkoleniabg4all.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
}

.schoolbox {
    border: 1px solid #000;
    margin: 10px;
    height: 808px;
    padding: 10px;
    background: #fff;
}

.schoolbox2 {
    border: 1px solid #000;
    margin: 100px 10px;
    height: 730px;
    padding: 10px;
    background: #fff;
}

.schoolbox3 {
    border: 1px solid #000;
    margin: 285px 10px;
    height: 447px;
    padding: 10px;
    background: #fff;
    position: absolute;
}

.stop {
    background: #000;
    margin: -27px auto;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -26%;
    padding: 0px 10px;
    width: 54%;
}

.stop2 {
    width: 29px;
    background: #000;
    margin: -27px auto;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
}

.scont p, .scont2 p {
    line-height: 20px;
}

.sprice, .sprice2 {
    background: #fff;
    border: 1px solid #000;
    margin: 20px auto;
    line-height: 30px;
    height: 30px;
    width: 100px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.sprice small {
    font-size: 14px;
    font-weight: normal;
}

.scont {
    height: 687px;
    padding-top: 20px;
}

.scont2 {
    height: 403px;
    padding-top: 20px;
}

#szonlinebg {
    padding-top: 66px;
    width: 100%;
    min-height: 793px;
    background: url("../img/szkoleniabg5.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
}

#szonlinebg h2 {
    font-family: 'Playfair Display';
    font-size: 42px;
    margin-top: 0px;
}

.sonlintxt p {
    margin: 84px 0px;
    position: absolute;
    text-align: right;
    right: 56px;
    font-family: 'Playfair Display';
    font-size: 24px;
    line-height: 33px;
}

#instruktorzy {
    padding-top: 65px;
    padding-bottom: 100px;
}

#instruktorzy h2 {
    font-family: 'Playfair Display';
    font-size: 42px;
    margin-top: 0px;
}

#instruktorzy h3 {
    font-family: 'Playfair Display';
    font-size: 22px;
    padding-top: 10px;
}

.claSzko {
    font-size: 32px;
    padding: 700px 0px 0px;
    position: absolute;
}

.claSzko p {
    line-height: 40px;
}

div#RWD {
    position: fixed;

    width: 100%;
    z-index: 9999999;
    padding: 29px 41px;
    display: none;
    right: 60px;
}

.fixed div#RWD {
    position: fixed;
    width: 60px;
    z-index: 9999999;
    padding: 20px 41px;
    display: none;
    right: 60px;
}

.fixed .bar {
    width: 20px;
    height: 2px;
    background: #0d0d0d;
    margin: 5px;
    clear: both;
}

.btnrwd {
    display: inline-block !important;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -moz-user-select: none;
    float: left;
    margin: 14px 7px 14px 0px;
    width: 32px;
    background: transparent;
}

.bar {
    width: 20px;
    height: 2px;
    background: #232323;
    margin: 5px;
    clear: both;
}

#RWDMENu {
    width: 0;
    position: fixed;
    height: 100%;
    display: block;
    left: -49%;
    height: 100vh;
    overflow-x: hidden;
    z-index: 6000;
    transition: 0.5s;
}

.collapsein {
    width: 100% !important;
    background: #fff;
    color: #000;
    display: block !important;
    float: left;
    z-index: 999;
    left: 0 !important;
    transition: 0.5s;

}

.slim ul {
    list-style: none;
    padding-top: 123px;
    padding-left: 22px;
    padding-right: 22px;
}

.slim li {
    padding: 10px 23px;
    text-align: center;
}

.slim li a {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */

    display: block;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    /* BLACK */

    color: #222222;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    transition: opacity 1.5s;
}

.sidebar-overlay.triggered {
    display: block;
    transition: opacity 1.5s;
}

#closeprod {
    display: none;
}

.slick-list, .slick-slide {
    outline: none !important;
}

ul.slick-dots {
    padding-top: 30px;
}

div#menu-produkty.fixed {
    margin-top: 79px;
}

.lslide img, .clone img {
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
    max-height: 83vh;
}

.lSSlideOuter .lSPager.lSGallery li img {
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

@media (max-width: 1600px) {
    .mobhide{display: block;}
    .mobshow{display: none;}
  .greybh.height-1 {
    min-height: 972px;
}
    body, html {
        overflow-x: hidden;
    }

    div#menu-produkty.fixed {
        margin-top: 79px;
    }

    #bannerplaceholder1 {
        width: 100%;
        min-height: 326px;
        background: url(../img/b1a.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
    }

    #closeprod {
        display: block;
        margin: -70px 0px;
        right: 26px;
        position: absolute;
        font-size: 27px;
    }

    .slick-prev {
        left: 50px;
    }

    .slick-next {
        right: 50px;
    }
}

/* style dla telefon orientacja marta --------------------------------------------------------*/
@media (max-width: 1390px) and (min-width: 805px) {
    .mobhide{display: block;}
    .mobshow{display: none;}
  .paddminbanner {
    padding-top: 0px !important;
}
    .bepullup {
        /*margin-top: -36vh;*/
        margin-top: -29vh;
    }
.bepullup2 {
    margin-top: -56vh;
    top: -102px;
    position: relative;
}
.beopakowania-3 {
    width: 100%;
    height: unset;
}
}
/* style dla orientacja tablet --------------------------------------------------------*/
@media (max-width:805px) and (min-width:600px){

    .mobhide{display: none;}
    .mobshow{display: block;}
  ul.dropdown-menu {
    padding-top: 0px !important;
}
  .wehavecert {
      position: absolute;
      right: 23px;
  }
  .newbgh {
    background: url(../img/szko20201-3.png) no-repeat !important;
    background-size: cover !important;
    background-position: -240px 0px !important;
}
.newbgh p{max-width: 60%;}
.newbgh p br{display: none;}
  .betlo3 {
    background: none;
}
  .tabshow{display:block;
    margin: -20px -26px 20px !important;
    width: calc(100% + 52px) !important;
    max-width: calc(100% + 52px) !important;}
  .tabtextleft{text-align: left !important; }
.pehbalance-1{margin-top: 0px !important;}
  .bepurelogo {
   text-shadow: 3px 0px 30px #0000004a;
   margin-top: 161px;
   max-width: 49%;
}
  .bepure-1, .benature-1, .bewater-1, .beopakowania-1, .pehbalance-1 {
      height: 700px !important;
  }
  .tabhightfix {
    min-height: 615px;
}
  .inboxpeh{
    font-size: 11px;
    min-height: 264px;
  }
  .detboxpure {
    min-height: 45px;
}
.tabcenter img{width: 100%;}
  .inbewhite {
      padding: 10px 20px;
      min-height: 336px;
  }
  .carousel-inner>.item>img {
    line-height: 1;
    text-align: center;
    margin: 0 auto;
}
  .item {text-align: center;}
  .tabcenter p img, .tabcenter{text-align: center;margin: 0 auto !important;}
  .tablethide{display: none !important;}
  #bannerplaceholder {
    background-position: top center !important;
  }
  .copeh {
    width: 100%;
    height: 52vh;}

  .mobmonika{padding-top:30px !important;}
  .paddminbanner {
    padding-top: 31vh;
}
  .prodboxupdate h2.prod-title {
    min-height: 110px;
}
    .beswiatlogo p {
        font-size: 16px !important;
        line-height: 19px !important;
        font-weight: 100;
    }
    .beopakowania-3 {
      width: 100%;
height: auto !important;
background: url(../img/beo5m.jpg) no-repeat;
margin-top: 47px;
padding-top: 200px;
background-size: cover;

    }
    .mobfull2 {
        margin: -20px -30px 0px !important;
        width: calc(100% + 60px) !important;
        max-width: calc(100% + 60px) !important;
    }
    .middlebox2 p {
        margin-top: 1vh !important;
        font-size: 32px;
        line-height: 40px;
        font-family: "Playfair Display";
    }
    .font27 {
        font-size: 27px !important;
    }

    .becard {
        background: #fff;
        padding: 20px;
        width: 90% !important;
        margin: -61px auto;
        position: relative;
        text-align: center;
        box-shadow: 2px 0px 21px #0000002e;
    }
    .middlebox p {
        margin-top: 4vh;
    }
    .beswiatlogo2 {
        color: #fff;
        text-shadow: 3px 0px 30px #0000004a;
        margin-top: 45vh !important;
    }
    .beswiat-2 {
        width: 100%;
        height: auto !important;
        background: url(../img/beswiat2.jpg) no-repeat;
        background-position: -174px 0 !important;
        background-size: cover;
    }
    .bepullup2 {
        margin-top: -11vh;
    }
    .copeh2 {
        width: 100%;
        height: calc(100% + 100px);
        background: url(../img/peh4.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
        margin-top: 0px;
        padding-bottom: 100px;
    }
    .font30{font-size: 38px !important;}
    .spacerpeh{    padding-top: 0;}
    .pehcard {
        position: relative;
        margin-top: unset;
    }
    .mobfull{margin: -20px -30px 20px !important;
        width: calc(100% + 60px)  !important;
        max-width: calc(100% + 60px) !important;}
    .mobcenter{text-align: center; color: #000; text-shadow: none !important;}
    .mobcenter h2{color: #000 ;}
.tabwhite{color:#fff !important;}



    .bepure-3 {
        width: 100%;
        height: unset;
        background: url(../img/bep4.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
        margin-top: -29px;
        padding-bottom: 131px;
    }
    .spacerbe {
        padding-top: 40px;
    }
    .font50{font-size: 48px !important;}
    .bepurelogo h2 {
        font-weight: bold;
        font-size: 46px;
    }



    .tranbebox {
        background: #ffffff;
        padding: 20px 17px;
        margin-top: 100px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -30px;
        margin-right: -30px;
    }
    .mobfix2{max-width: 200%;
        margin-left: -17px;
        margin-top: 15px;}
.mobbut{margin: 10px 0 15px !important;}
    .beblance {
        background: #222;
        text-align: center;
        color: #fff;
        margin: 100px -15px 25px;
    }
.removebr p br, .removebr br{display: none;}
    .mob1 img{margin-left: -23px;}
    .beborderright {
        border-right: none;
    }

    .bepullup {
        margin-top: -50px;
    }
    .bewhitebox {
        width: 355px;
        background: #fff;
        margin-top: 0px;
        box-shadow: 2px 0px 13px #00000014;
        max-width: 100%;
    }
    .behometext {
        margin-top: 0px;
    }
    .behome-2 {
        width: 100%;
        height: 100vh;
        background: url(../img/behome2m.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
    }
    .behome-1 {
        width: 100%;
        height: 100vh;
        background: url(../img/behome1m.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
    }
    .beekologo h2 {
        font-weight: bold;
        font-size: 40px;
    }

    div#szonlineoff {

    }

    h2 span {
        font-size: 39px !important;
    }

    .akphoto2 {

        margin: unset !important;
    }

    .overfade {
        width: calc(100% - 30px) !important;

    }

    .unsetmatch {
        height: unset !important;
        padding: 20px 23px !important;
    }

    .unsetmatch img.akphoto {
        float: unset !important;
        margin: -19px 0px 16px !important;
        height: unset;
        width: calc(100% + 23px) !important;
        max-width: unset;
        position: relative;
    }

    .unsetmatch p br {
        display: none;
    }

    .greybh {
        margin-top: 20px;
    }




    .rwd100 {
        width: 100% !important;
        text-align: center;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 170px !important;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    div#bannercard:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 20px;
        border-color: transparent transparent #fff transparent;
        content: " ";
        position: absolute;
        top: -20px;
        left: calc(50% - 17px);
    }

    #bartekphoto2021 {
        text-align: center !important;
    }

    #bartekphoto2021 img {
        margin-left: auto !important;
        margin-right: auto !important;
        float: unset;
    }

    .wbox h2, .wbox2 h2 {
        font-size: 45px;
    }

    .bartekbox h2 {
        line-height: 44px;
        font-size: 31px;
    }



    .comphide {
        display: block;
    }

    .post-preview, .prod-preview {
        width: 248px !important;
        float: left;
        margin: 6px 0px;
        padding: 3px;
        height: 630px;
    }

    .coverframe {
        height: 148px;
        width: 100%;
        overflow: hidden;
    }

    a.btn.btn-default {
        text-transform: uppercase;
        min-width: 199px !important;

    }

    .prodframe img {
        max-height: 276px;
        text-align: center;
    }

    p.prod-intro {
        min-height: 155px;
        clear: both;
    }

    .mainhead {
        font-size: 45px !important;
    }

    img.szko1ah {
        margin: 0px !important;
        right: -40px;
        position: relative;
    }

    p span {
        line-height: 25px;
    }

    .imgcor {
        margin: -19px -39px 20px;
        width: calc(100% + 79px);
        max-width: unset;
        position: relative;
    }

    div#matchpicture {
        height: 387px;
    }

    .greybh.newbgh2 {
        padding-top: 176px;
        background-position: top !important;
    }

    .cols4 {
        width: 100%;
        float: unset;
        margin-right: 1%;
        display: block;
    }

    .cols3 {
        width: 100%;
        float: unset;
        margin-right: 1%;
        display: block;
    }

    .akphoto {
        float: unset !important;
        margin: -19px -40px;
        height: unset;
        width: calc(100% + 80px) !important;
        max-width: unset;
        position: relative;
    }

    .row.narrow.cenerwd {
        text-align: center;
    }

    .column.col-md-5.bannercard {
        position: relative;
    }

    img.overbanner {
        width: 182%;
        max-width: unset;
    }

    .wbox2020 {
        box-shadow: unset;
        width: 100% !important;
    }

    .wbox2020 p br {
        display: none;
    }

    .carousel-caption {
        right: unset;
        left: unset;
        top: unset;
        padding-bottom: 30px;
        text-align: right;
        color: #000;
        text-shadow: unset;
        max-width: 100%;
        font-family: 'Playfair Display';
        position: relative !important;
        text-align: center;
    }

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

    .nowhite {
        background: transparent !important;
        text-align: center !important;
        margin-top: 105px;
        font-size: 16px;
    }

    .darkbg {
        background: #222222;
        width: 100%;
        display: block;
        height: auto;
        color: #fff;
        padding: 50px;
        margin: 15px 0px 35px;
    }

    button#showRWDmenu2 {
        margin: 48px 13px 0;
    }

    .borderdraver {
        background: #000;
        color: #fff;
        padding: 5px 43px;
        position: absolute;
        width: 100%;
        bottom: 97px;
    }

    .borderdraver a {
        color: #fff;
    }

    .col-md-1.fasocial {
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 30px !important;
        margin-left: 30px;
    }

    .fasocial a {
        color: #000;
        font-size: 22px;
        padding: 0 3px;
        margin: 44px 0px;
        display: inline-flex;
    }

    div#langmenu {
        top: 0px;
        position: relative;
        margin-top: -21px;
    }

    div#RWD {
        position: relative;
        width: 100%;
        z-index: 2;
        padding: 29px 0px;
        right: 0px;
    }


    #logo {
        position: relative;
        margin: -39px auto;
        position: relative;
    }

    .blactopbar {
        display: none;
    }

    .sonlintxt {
        margin-right: -51px;
    }

    #closeprod {
        display: none;
        margin: -22px 0px;
        right: 14px;
        z-index: 99999999999;
        /* top: 145px; */
    }

    #bannerplaceholder1 {
        width: 100%;
        min-height: 196px;
        background: url(../img/b1amob.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
    }

    div#szknapis {
        margin-top: -101px;
        position: relative;
        z-index: 1;
    }

    #bannercard h1 {
        font-size: 35px;
        padding-bottom: 24px;
    }

    .letitbe {
        display: block !important;
        transition-duration: 1s;
    }

    div#logo img {
        width: 152px;
        margin: 15px calc(50% - 82px);
    }

    #menu-produkty {
        display: none;
    }

    .manubar {
        display: none;
    }

    .narrow {
        width: 100%;

    }

    .wbox {
        z-index: 1 !important;
        right: unset;
        padding: 0px;
        margin: 0px 0px 0px 0px;
    }

    #bannercard {
        width: calc(100% - 20px);
        min-height: unset;
        background: #fff;
        margin-top: -27px;
        left: unset;
        margin-left: unset;
        position: relative;
        padding: 20px 10px 0px;
        text-align: center;
        font-family: 'Playfair Display';
        clear: both;
        left: 10px;
        margin-left: unset;
    }

    .tboxR {
        padding: 574px 0 0 230px;
    }

    #plex .tbox {
        margin: 307px 0px 0px;
        position: absolute;
        text-align: right;
        right: 12px;
    }

    .wbox h3 {
        padding-bottom: 10px;
        padding-top: 30px;
        display: none;
    }

    .padding1 {
        padding: 0px 0px 0px;
    }

    img {
        max-width: 100%;
        height: auto;
        float: unset !important;
    }

    .tourne1 {
        text-align: center;
        margin-left: 0px;
    }

    .bartekbox {
        padding-left: 0px;
        padding-top: 25px;
    }

    #plex {
        width: 100%;
        min-height: 300px;
        /* background: unset; */
        background-position: -1308px 154px;
        background-size: cover;
        height: 956px;
        margin-top: 355px;
    }

    .pleximg {
        position: absolute;
        margin: 75px -0px;
    }

    #tobar.fixed {
        width: 100%;
        height: 89px;
        background: #fff;
        transition-duration: 1s;
    }

    #tobar {
        width: 100%;
        height: 116px;
        background: transparent;
        position: relative;
        z-index: 2;
    }

    #turnee {
        width: 100%;
        min-height: unset;
        background: none;
        background-position: -626px 0px;
        background-size: cover;
        padding: 0px 0px 33px;
    }

    .tourne2 {
        margin-left: 2px;
        max-width: 100%;
    }

    .tourne2 .btn {
        text-align: center;
        margin-top: -112px;
    }

    .wrap {
        padding-top: 81px;
        width: 100%;
        margin: 0px auto;
        max-width: 900px;
    }

    .rtxt {
        position: absolute;
        text-align: right;
        right: 44px;
        padding-top: 145px;
    }

    #szkolenia3 .rtxt, #szkolenia2 .rtxt {
        position: absolute;
        text-align: right;
        right: 44px;
        padding-top: 201px;
        text-shadow: 1px 1px 3px #fff;
    }

    #bannerplaceholder {
        width: 100%;
        height: 44vh;
        background: url(../img/maintop.jpg) no-repeat;
        background-position: -340px center ;
        background-size: cover;
        overflow: hidden;
    }

    .slick-list {
        height: auto;
    }

    .korekta img {
        margin-right: 69px;
        right: 0px;
        position: relative;
    }

    #omarce2 {
        width: 100%;
        min-height: 503px;
        background: url(../img/omarce2mob.jpg) no-repeat;
        background-position: -477px bottom !important;
        background-size: cover;
    }

    .omniebox1 {
        margin-top: 261px;
        padding: 6px;
        background: #fff;
    }

    .footmenu ul {
        list-style: none;
        text-align: center;
        padding: 0px;
        margin: 14px 0px;
    }

    .menuszkolenia li {
        display: block;
        width: 90%;
        padding: 10px 66px;
        border: 1px solid #000;
        cursor: pointer;
        margin: 15px auto;
    }

    .menuszkolenia ul {
        list-style: none;
        text-align: center;
        margin: 0px;
        padding: 0px;
    }

    .szkoleniabg1 h2 {
        font-family: 'Playfair Display';
        font-size: 34px;
    }

    .scont img {
        float: left !important;
    }

    .schoolbox {
        border: 1px solid #000;
        margin: 48px 10px;
        height: auto;
        padding: 10px;
        background: #fff;
    }

    #bgall {
        padding-top: 10px;
    }

    .schoolbox2 {
        border: 1px solid #000;
        margin: 100px 10px;
        height: auto;
        padding: 10px;
        background: #fff;
    }

    .scont {
        height: inherit;
        padding-top: 20px;
        margin-bottom: 51px;
        clear: both;
    }

    .sprice, .sprice2 {
        background: #fff;
        border: 1px solid #000;
        margin: 0px -50px;
        line-height: 30px;
        height: 30px;
        width: 100px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        clear: both;
        position: absolute;
        left: 50%;
        bottom: -15px;
    }

    .szkoleniabg1 .bartekbox {
        padding-top: 373px;
    }

    .szkoleniabg1 .bartekbox h2 {
        text-shadow: 2px 1px 0px #fff;
    }

    .sonlintxt p {
        margin: 23px 0px;
        position: relative;
        text-align: right;
        right: 56px;
        font-family: 'Playfair Display';
        font-size: 24px;
        line-height: 33px;
    }

    .schoolbox3 {
        border: 1px solid #000;
        margin: 86px 10px;
        height: 447px;
        padding: 10px;
        background: #fff;
        position: relative;
    }

    .claSzko {
        display: none;
    }

    .scont2 {
        height: auto;
        padding-top: 20px;
    }

    #instruktorzy {
        padding-top: 10px;
        padding-bottom: 100px;
    }

    .wbox2 {
        background: #fff;
        margin: -11px 0px 0px 0px;
        position: relative;
        z-index: 9999;
        max-width: 447px;
        padding: 30px;
        right: unset;
    }

    .slick-arrow {
        position: absolute !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        background-color: transparent !important;
        border: none !important;
        width: 30px !important;
        top: unset !important;
        text-indent: -9999px !important;
        cursor: pointer !important;
        z-index: 4999;
        display: block;
        bottom: 14px;
    }

    ul.slick-dots {
        margin: 26px auto 20px;
        text-align: center;
        list-style: none;
        padding: 0px;
    }

    .navbox_time li {
        max-width: 116px;
        text-align: center;
        float: left;
        margin: 0px 5px;
        width: 116px;
        padding: 0px;
    }

    .navbox_time ul {
        list-style: none;
        clear: both;
    }

    .listbg {
        background: url(../img/listbg.jpg) no-repeat;
        padding: 20px 10px;
        width: 100%;
        height: 160px;
        overflow: hidden;
        margin: 5px 0px;
        background-position: right top;
    }

    #plex2 .pleximg {
        position: absolute;
        margin: -36px -68px;
    }

    #plex2 {
        width: 100%;
        min-height: 300px;
        background: url(../img/plex2bg.jpg) no-repeat;
        background-position: -980px top;
        background-size: cover;
        height: 842px;
        margin-top: 0px;
    }

    #totlanew {
        width: 114px !important;
        height: 46px;
        line-height: 46px;
        text-align: center;
        border: 1px solid #000;
        font-weight: bold;
        right: -223px;
        position: relative;
        margin-bottom: 100px;
    }

    #plex2 .tbox {
        margin: 354px 0px;
        position: absolute;
        text-align: right;
        right: 3px;
    }

    #menu-produkty {
        background: #fff !important;
        position: fixed !important;
        overflow-y: scroll;
        top: 0px;
        padding: 112px 0px 0px;
        height: 100vh;
        margin-top: 0px !important;
    }

    .subprod {
        padding-top: 10px;
    }

    .prev-testimonial, .next-testimonial {
        position: absolute;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        width: 30px;
        top: 110px;
        text-indent: -9999px;
        cursor: pointer;
        z-index: 1000;
        display: block;
    }

    #liftup {
        margin-top: 12px !important;
    }

    .rwdhide {
        display: none;
    }

    .clearstyle {
        margin: 180px 10px 0px !important;
    }

    .zawartosc li {
        float: left;
        padding: 10px;
        text-align: center;
        width: 50%;
    }

    .prwdtitle {
        height: 100px !important;
    }

    .prwddesc {
        height: 130px !important;
    }

    .milaClubJak img {
        display: none;
    }

    .milaClubJak {
        width: 100%;
        min-height: 1180px;
        background: url(../img/jakmob.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
        margin-top: 50px;
    }

    .rwdclear {
        clear: both;
    }

    .btn {
        display: inline-block;
        padding: 6px 6px !important;
    }
}
/* style dla telefon orientacja pionowa --------------------------------------------------------*/
@media (max-width: 599px) {
    .navbox_time li:before, .navbox_time li.active:before{
        content: unset;
    }
    li.toptimeline a {
        margin-top: unset;
        top: unset;
        position: relative;
        display: initial;
    }
    .subprod{
        padding-bottom: 0px;
    }
    .updates2 {
        margin-top: -4px !important;
    }
    .addonlamelar span{
        /* Playfair Display 28 */

        font-family: 'Playfair Display';
        font-style: normal;
        font-weight: 400;
        font-size: 28px !important;
        line-height: 36px;
        /* or 36px */

        text-align: center;
        letter-spacing: 0.01em;

        /* BLACK */

        color: #222222;
    }
    .addonlamelar p{
        font-family: 'Rubik';
        font-style: normal;
        font-weight: 300;
        font-size: 18px !important;
        line-height: 23px;
        /* or 23px */

        text-align: center;
        letter-spacing: 0.02em;

        /* BLACK */

        color: #222222;
    }
    .max87{
        max-width: 87% !important;
        padding-bottom: 23px;
    }
    .iwcorekta-23032020 span{
        font-family: 'Playfair Display';
        font-style: normal;
        font-weight: 400;
        font-size: 28px !important;
        line-height: 128%;
        /* identical to box height, or 36px */

        text-align: center;
        letter-spacing: 0.01em;

        /* BLACK */

        color: #222222;
    }
    .lamelar-ic-cor-1928 span {
        margin-top: 49px;
        font-size: 28px;
    }
    .row.akademiacorektalamelar2 {
        top: unset !important;
        position: relative;
    }
    div#bannercard{margin-top: 0px !important;}
    div#bannercard:before{
        display: none;
    }
    .threekolory {
        margin-top: 19px !important;
    }
.iqacor61{
    margin-top: -145px;
}
    .iqacor60{
    margin-top: -64px;
    padding-bottom: 30px;
}
    .iqacor59{
        padding-top: 59px;
        margin: 0 auto;
    }
    .addonlamelar{
        margin-top: 80px !important;
        text-align: center;
        margin-bottom: 0px !important;
    }
    .iqcolor1-c img {
        margin-top: 4px !important;
    }
    .mb-0 button {
        white-space: normal;
    }
    .col-md-6.bezbox {
        margin-top: 0px;
        padding-top: 1px;
        height: unset !important;
        padding-bottom: 33px;
    }
    .bezbox {
        margin-left: -30px !important;
        width: calc(100% + 60px) !important;
    }
    .frame.frame-1{
        overflow: scroll !important;
    }
    .ind-slider .frame ul li {
        width: 250px;
    }
    .iqcolorkorektabanermid{
        height: auto !important;
    }
    .col-md-4.iqcolorsmart-txt {
        text-align: center;
    }
    .iqcolorsmart-txt h3 {
        margin-top: 24px;
        font-family: 'Playfair Display';
        font-style: normal;
        font-weight: 400;
        font-size: 34px;
        line-height: 128%;
        letter-spacing: 0.01em;
        color: #222222;
        text-align: center;
    }
    .iqcolorsmart-txt a{
        margin: 0 auto  35px !important;
    }
    .iqcolorbez2 img {
        margin-top: 0px;
        right: -30px;
    }

    .iqcolor-bedge {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px !important;
        position: relative;
        width: calc(100% + 30px);
    }
    .iqcolor-bedge {
        padding-left: 0px;
    }
    .iqcolor-bedge h2 {
        padding-top: 0px;
    }
    .beforeAfter {
        height: auto !important;
    }
    .beforeAfter img{
        max-width: unset !important;
    }
    .iqbez img {
        margin: 0 -25px !important;
    }
    #footer img {
        margin-top: 25px;
        margin-left: -17px;
    }
    .iqbez {
        margin-top: 22px;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(219,220,214,1) 33%, rgba(219,220,214,1) 100%);
    }
    .iqcare7b {
        padding-top: 40px;
        max-width: 400px;
        margin: 0 auto;
        text-align: right;
    }

    .iqcare7a {
        padding-top: 100px;
        max-width: 400px;
        margin: 0 auto;
        padding-bottom: 80px;
    }
    .widerthanbox{
        margin-left: -30px;
        width: calc(100% + 60px);
        max-width: unset !important;
    }
.icare6mobcorect{
    margin-top: 122px;
}
    .iqcare2 img{
        margin: 0 auto;
    }
    .videoiqframe {
        margin: 0 auto;
        padding-top: 28px;
    }
    video {
        max-width: 100%;
    }

    .iqcareb{
        text-align: center;
    }
    .akademiacorektalamelar{
        margin-top: -100px;
    }
    .updates {
        margin-top: 80px;
    }
    div#footer {
        text-align: center;
    }
    .footmenu ul li {
        display: block;
        text-align: center;
    }
    .footmenu ul li a{
        display: block;
        padding-top: 15px;
        text-align: center;
        font-family: Rubik;
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 18px;
        align-items: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;

        /* BLACK */

        color: #222222;
    }
    .jounusiq span{
        font-family: Playfair Display;
        font-style: normal;
        font-weight: normal;
        font-size: 28px !important;
        line-height: 36px !important;
        /* or 36px */

        text-align: center;
        letter-spacing: 0.01em;

        /* BLACK */

        color: #222222;
    }
    .teamiq span{
        font-family: Playfair Display;
        font-style: normal;
        font-weight: normal;
        font-size: 28px !important;
        line-height: 36px !important;
        /* identical to box height, or 36px */

        letter-spacing: 0.01em;

        /* BLACK */

        color: #222222;
    }
    .lamelarmobbg2{
        background: #eae8eb;
    }
    .iqgray {
        margin-top: 84px;
        padding-top: 30px;
        background: #fff;
    }
    .akademiaiq {
        margin-top: 16px;
    }

    .siema {
        height: auto;
    }

    .teamiq {
        margin-top: 40px;
    }

    .lamelarbgmob1{
        background: rgb(219,218,213);
        background: linear-gradient(90deg, rgba(219,218,213,1) 0%, rgba(205,202,197,1) 100%);
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .lamellargray{
        background: #fff !important;
    }
    .lamelarbanerintro img {
        margin-top: 37px;
        margin-bottom: 51px;
		width: 172px;
    }
    .lamelarbanerintro{
        text-align: center;
    }
    .lamellara1 {
        font-family: Playfair Display;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 26px;
        /* or 26px */

        text-align: center;
        letter-spacing: 0.02em;

        /* BLACK */

        color: #222222;
    }

    .mobhide{display: none;}
    .mobshow{display: block;}
  ul.dropdown-menu {
    padding-top: 0px !important;
}
    .liniaboxryt span{
        font-size: 50px !important;;
        line-height: 41px;
        margin-bottom: 50px;}
    .liniaboxryt p{padding-top: 20px;}
    .faketxt img{margin-bottom: 20px;}
    .rytual-tabela h4 {
        font-size: 15px;
        color: #222222;
        border-bottom: unset;
        text-transform: uppercase;
        margin-top: 32px;
        font-weight: bold;
        text-align: center;
    }
    .rytual-pure{
        background: url("../img/rypm.jpg")no-repeat;
    }
    .rytual-sos{
        background: url("../img/ryt-sosm.jpg")no-repeat;
    }
    .rytual-water{
        background: url("../img/ryt-wat-banm.jpg")no-repeat;
    }
  .greybh-b p br{display:none;}
  .detboxsos {
    min-height: 85px;
}
  .copeh {
    width: 100%;
    height: 85vh;}

  .mobmonika{padding-top:30px !important;}
  .paddminbanner {
    padding-top: 31vh;
}
  .prodboxupdate h2.prod-title {
    min-height: 110px;
}
    .beswiatlogo p {
        font-size: 16px !important;
        line-height: 19px !important;
        font-weight: 100;
    }
    .beopakowania-3 {
      width: 100%;
height: auto !important;
background: url(../img/beo5m.jpg) no-repeat;
margin-top: 47px;
padding-top: 200px;
background-size: cover;

    }
    .mobfull2 {
        margin: -20px -30px 0px !important;
        width: calc(100% + 60px) !important;
        max-width: calc(100% + 60px) !important;
    }
    .middlebox2 p {
        margin-top: 1vh !important;
        font-size: 32px;
        line-height: 40px;
        font-family: "Playfair Display";
    }
    .font27 {
        font-size: 27px !important;
    }
    .beswiat-3 {
        width: 100%;
        height: 127vh !important;
        background: url(../img/bes6m.jpg) no-repeat !important;
        background-position: top center;
        background-size: cover;
    }
    .becard {
        background: #fff;
        padding: 20px;
        width: 90% !important;
        margin: -61px auto;
        position: relative;
        text-align: center;
        box-shadow: 2px 0px 21px #0000002e;
    }
    .middlebox p {
        margin-top: 4vh;
    }
    .beswiatlogo2 {
        color: #fff;
        text-shadow: 3px 0px 30px #0000004a;
        margin-top: 45vh !important;
    }
    .beswiat-2 {
        width: 100%;
        height: auto !important;
        background: url(../img/beswiat2.jpg) no-repeat;
        background-position: -174px 0 !important;
        background-size: cover;
    }


    .beopakowania-1 {
        width: 100%;
        height: unset;
        background: #fff;
        background-position: top center;
        background-size: cover;
    }
    .bepullup2 {
        margin-top: -17vh;
    }
    .copeh2 {
        width: 100%;
        height: calc(100% + 100px);
        background: url(../img/peh4.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
        margin-top: 0px;
        padding-bottom: 100px;
    }
    .font30{font-size: 38px !important;}
    .spacerpeh{    padding-top: 0;}
    .pehcard {
        position: relative;
        margin-top: unset;
    }
    .mobfull{margin: -20px -30px 20px !important;
        width: calc(100% + 60px)  !important;
        max-width: calc(100% + 60px) !important;}
    .mobcenter{text-align: center; color: #000; text-shadow: none !important;}
    .mobcenter h2{color: #000 !important;}
    .pehbalance-1 {
        width: 100%;
        height: unset;
        background: #fff;
        background-position: top center;
        background-size: cover;
        margin-top: -29px;
    }
    .bewater-1 {
        width: 100%;
        height: unset;
        background: #fff;
        background-position: top center;
        background-size: cover;
    }
    .benature-1 {
        width: 100%;
        height: unset;
        background: #fff;
        background-position: top center;
        background-size: cover;
    }
    .margintop30{margin-top: 30px;}
    .bepure-3 {
        width: 100%;
        height: unset;
        background: url(../img/bep4.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
        margin-top: -29px;
    }
    .spacerbe {
        padding-top: 40px;
    }
    .font50{font-size: 48px !important;}
    .bepurelogo h2 {
        font-weight: bold;
        font-size: 46px;
    }
    .bepurelogo {
        text-shadow: 3px 0px 30px #0000004a;
        margin-top: 0;
    }
    .bepure-1 {
        width: 100%;
        height: unset;
        background: #fff;
        background-position: top center;
        background-size: cover;
    }

    .tranbebox {
        background: #ffffff;
        padding: 20px 17px;
        margin-top: 100px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -30px;
        margin-right: -30px;
    }
    .mobfix2{max-width: 200%;
        margin-left: -17px;
        margin-top: 15px;}
.mobbut{margin: 10px 0 15px !important;}
    .beblance {
        background: #222;
        text-align: center;
        color: #fff;
        margin: 100px -15px 25px;
    }
.removebr p br, .removebr br{display: none;}
    .mob1 img{margin-left: -23px;}
    .beborderright {
        border-right: none;
    }

    .bepullup {
        margin-top: -50px;
    }
    .bewhitebox {
        width: 355px;
        background: #fff;
        margin-top: 0px;
        box-shadow: 2px 0px 13px #00000014;
        max-width: 100%;
    }
    .behometext {
        margin-top: 0px;
    }
    .behome-2 {
        width: 100%;
        height: 100vh;
        background: url(../img/behome2m.jpg) no-repeat;
        background-position: top center;
        background-size: cover;
    }
    .behome-1 {
        width: 100%;
        height: 100vh;
        background: url(../img/behome1m.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
    }
    .beekologo h2 {
        font-weight: bold;
        font-size: 40px;
    }

    div#szonlineoff {

    }

    h2 span {
        font-size: 39px !important;
    }

    .akphoto2 {

        margin: unset !important;
    }

    .overfade {
        width: calc(100% - 30px) !important;

    }

    .unsetmatch {
        height: unset !important;
        padding: 20px 23px !important;
    }

    .unsetmatch img.akphoto {
        float: unset !important;
        margin: -19px 0px 16px !important;
        height: unset;
        width: calc(100% + 23px) !important;
        max-width: unset;
        position: relative;
    }

    .unsetmatch p br {
        display: none;
    }

    .greybh {
        margin-top: 20px;
    }


    .rwdshow {
        display: block !important
    }

    .rwd100 {
        width: 100% !important;
        text-align: center;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 170px !important;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    div#bannercard:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 20px;
        border-color: transparent transparent #fff transparent;
        content: " ";
        position: absolute;
        top: -20px;
        left: calc(50% - 17px);
    }

    #bartekphoto2021 {
        text-align: center !important;
    }

    #bartekphoto2021 img {
        margin-left: auto !important;
        margin-right: auto !important;
        float: unset;
    }

    .wbox h2, .wbox2 h2 {
        font-size: 45px;
    }

    .bartekbox h2 {
        line-height: 44px;
        font-size: 31px;
    }

    .mobhide {
        display: none;
    }

    .comphide {
        display: block;
    }

    .post-preview, .prod-preview {
        width: 248px !important;
        float: left;
        margin: 6px 0px;
        padding: 3px;
        height: auto;
    }

    .coverframe {
        height: 243px;
        width: 100%;
        overflow: hidden;
    }

    a.btn.btn-default {
        text-transform: uppercase;
        min-width: 199px !important;

    }

    .prodframe img {
        max-height: 276px;
        text-align: center;
    }

    p.prod-intro {
        min-height: 155px;
        clear: both;
    }

    .mainhead {
        font-size: 45px !important;
    }

    img.szko1ah {
        margin: 0px !important;
        right: -40px;
        position: relative;
    }

    p span {
        line-height: 25px;
    }

    .imgcor {
        margin: -19px -39px 20px;
        width: calc(100% + 79px);
        max-width: unset;
        position: relative;
    }

    div#matchpicture {
        height: 387px;
    }

    .greybh.newbgh2 {
        padding-top: 176px;
        background-position: top !important;
    }

    .cols4 {
        width: 100%;
        float: unset;
        margin-right: 1%;
        display: block;
    }

    .cols3 {
        width: 100%;
        float: unset;
        margin-right: 1%;
        display: block;
    }

    .akphoto {
        float: unset !important;
        margin: -19px -40px;
        height: unset;
        width: calc(100% + 80px) !important;
        max-width: unset;
        position: relative;
    }

    .row.narrow.cenerwd {
        text-align: center;
    }

    .column.col-md-5.bannercard {
        position: relative;
    }

    img.overbanner {
        width: 182%;
        max-width: unset;
    }

    .wbox2020 {
        box-shadow: unset;
        width: 100% !important;
    }

    .wbox2020 p br {
        display: none;
    }

    .carousel-caption {
        right: unset;
        left: unset;
        top: unset;
        padding-bottom: 30px;
        text-align: right;
        color: #000;
        text-shadow: unset;
        max-width: 100%;
        font-family: 'Playfair Display';
        position: relative !important;
        text-align: center;
    }

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

    .nowhite {
        background: transparent !important;
        text-align: center !important;
        margin-top: 105px;
        font-size: 16px;
    }

    .darkbg {
        background: #222222;
        width: 100%;
        display: block;
        height: auto;
        color: #fff;
        padding: 50px;
        margin: 15px 0px 35px;
    }
.corpad08042022{
    padding-bottom: 38px;
}
    button#showRWDmenu2 {
        margin: 17px 13px 0;
    }

    .borderdraver {
        background: #000;
        color: #fff;
        padding: 5px 43px;
        position: absolute;
        width: 100%;
        bottom: 97px;
    }

    .borderdraver a {
        color: #fff;
    }

    .col-md-1.fasocial {
        position: absolute;
        bottom: 30px;
        text-align: center;
        font-size: 30px !important;
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 60px);
    }

    .fasocial a {
        color: #000;
        font-size: 22px;
        padding: 0 3px;
        margin: 44px 0px;
        display: inline-flex;
    }

    div#langmenu {
        top: 0px;
        position: relative;
        margin-top: -21px;
    }

    div#RWD {
        position: relative;
        width: 100%;
        z-index: 2;
        padding: 29px 0px;
        right: 0px;
    }


    #logo {
        position: relative;
        margin: -39px auto;
        position: relative;
        text-align: center;
    }

    .blactopbar {
        display: none;
    }

    .sonlintxt {
        margin-right: -51px;
    }

    #closeprod {
        display: none;
        margin: -22px 0px;
        right: 14px;
        z-index: 99999999999;
        /* top: 145px; */
    }

    #bannerplaceholder1 {
        width: 100%;
        min-height: 196px;
        background: url(../img/b1amob.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
    }

    div#szknapis {
        margin-top: -101px;
        position: relative;
        z-index: 1;
    }

    #bannercard h1 {
        font-size: 35px;
        padding-bottom: 24px;
    }

    .letitbe {
        display: block !important;
        transition-duration: 1s;
    }

    div#logo img {
        width: auto;
        margin: 15px auto;
        max-height: 90px;
    }

    #menu-produkty {
        display: none;
    }

    .manubar {
        display: none;
    }

    .narrow {
        width: 100%;

    }

    .wbox {
        z-index: 1 !important;
        right: unset;
        padding: 0px;
        margin: 0px 0px 0px 0px;
    }

    #bannercard {
        width: calc(100% - 20px);
        min-height: unset;
        background: #fff;
        margin-top: -27px;
        left: unset;
        margin-left: unset;
        position: relative;
        padding: 20px 10px 0px;
        text-align: center;
        font-family: 'Playfair Display';
        clear: both;
        left: 10px;
        margin-left: unset;
    }

    .tboxR {
        padding: 574px 0 0 230px;
    }

    #plex .tbox {
        margin: 307px 0px 0px;
        position: absolute;
        text-align: right;
        right: 12px;
    }

    .wbox h3 {
        padding-bottom: 10px;
        padding-top: 30px;
        display: none;
    }

    .padding1 {
        padding: 0px 0px 0px;
    }

    img {
        max-width: 100%;
        height: auto;
        float: unset !important;
    }

    .tourne1 {
        text-align: center;
        margin-left: 0px;
    }

    .bartekbox {
        padding-left: 0px;
        padding-top: 25px;
    }

    #plex {
        width: 100%;
        min-height: 300px;
        /* background: unset; */
        background-position: -1308px 154px;
        background-size: cover;
        height: 956px;
        margin-top: 355px;
    }

    .pleximg {
        position: absolute;
        margin: 75px -0px;
    }

    #tobar.fixed {
        width: 100%;
        height: 89px;
        background: #fff;
        transition-duration: 1s;
    }

    #tobar {
        width: 100%;
        height: 116px;
        background: transparent;
        position: relative;
        z-index: 2;
    }

    #turnee {
        width: 100%;
        min-height: unset;
        background: none;
        background-position: -626px 0px;
        background-size: cover;
        padding: 0px 0px 33px;
    }

    .tourne2 {
        margin-left: 2px;
        max-width: 100%;
    }

    .tourne2 .btn {
        text-align: center;
        margin-top: -112px;
    }

    .wrap {
        padding-top: 81px;
        width: 100%;
        margin: 0px auto;
        max-width: 900px;
    }

    .rtxt {
        position: absolute;
        text-align: right;
        right: 44px;
        padding-top: 145px;
    }

    #szkolenia3 .rtxt, #szkolenia2 .rtxt {
        position: absolute;
        text-align: right;
        right: 44px;
        padding-top: 201px;
        text-shadow: 1px 1px 3px #fff;
    }

    #bannerplaceholder {
        width: 100%;
        height: 44vh;
        background: url(../img/maintop.jpg) no-repeat;
        background-position: -340px center ;
        background-size: cover;
        overflow: hidden;
    }

    .slick-list {
        height: auto;
    }

    .korekta img {
        margin-right: 69px;
        right: 0px;
        position: relative;
    }

    #omarce2 {
        width: 100%;
        min-height: 503px;
        background: url(../img/omarce2mob.jpg) no-repeat;
        background-position: -477px bottom !important;
        background-size: cover;
    }

    .omniebox1 {
        margin-top: 261px;
        padding: 6px;
        background: #fff;
    }

    .footmenu ul {
        list-style: none;
        text-align: center;
        padding: 0px;
        margin: 14px 0px;
    }

    .menuszkolenia li {
        display: block;
        width: 90%;
        padding: 10px 66px;
        border: 1px solid #000;
        cursor: pointer;
        margin: 15px auto;
    }

    .menuszkolenia ul {
        list-style: none;
        text-align: center;
        margin: 0px;
        padding: 0px;
    }

    .szkoleniabg1 h2 {
        font-family: 'Playfair Display';
        font-size: 34px;
    }

    .scont img {
        float: left !important;
    }

    .schoolbox {
        border: 1px solid #000;
        margin: 48px 10px;
        height: auto;
        padding: 10px;
        background: #fff;
    }

    #bgall {
        padding-top: 10px;
    }

    .schoolbox2 {
        border: 1px solid #000;
        margin: 100px 10px;
        height: auto;
        padding: 10px;
        background: #fff;
    }

    .scont {
        height: inherit;
        padding-top: 20px;
        margin-bottom: 51px;
        clear: both;
    }

    .sprice, .sprice2 {
        background: #fff;
        border: 1px solid #000;
        margin: 0px -50px;
        line-height: 30px;
        height: 30px;
        width: 100px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        clear: both;
        position: absolute;
        left: 50%;
        bottom: -15px;
    }

    .szkoleniabg1 .bartekbox {
        padding-top: 373px;
    }

    .szkoleniabg1 .bartekbox h2 {
        text-shadow: 2px 1px 0px #fff;
    }

    .sonlintxt p {
        margin: 23px 0px;
        position: relative;
        text-align: right;
        right: 56px;
        font-family: 'Playfair Display';
        font-size: 24px;
        line-height: 33px;
    }

    .schoolbox3 {
        border: 1px solid #000;
        margin: 86px 10px;
        height: 447px;
        padding: 10px;
        background: #fff;
        position: relative;
    }

    .claSzko {
        display: none;
    }

    .scont2 {
        height: auto;
        padding-top: 20px;
    }

    #instruktorzy {
        padding-top: 10px;
        padding-bottom: 100px;
    }

    .wbox2 {
        background: #fff;
        margin: -11px 0px 0px 0px;
        position: relative;
        z-index: 9999;
        max-width: 447px;
        padding: 30px;
        right: unset;
    }

    .slick-arrow {
        position: absolute !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        background-color: transparent !important;
        border: none !important;
        width: 30px !important;
        top: unset !important;
        text-indent: -9999px !important;
        cursor: pointer !important;
        z-index: 4999;
        display: block;
        bottom: 14px;
    }

    ul.slick-dots {
        margin: 26px auto 20px;
        text-align: center;
        list-style: none;
        padding: 0px;
    }

    .navbox_time li {
        border: 1px dashed #d3d3d3;
        max-width: unset;
        text-align: center;
        float: unset;
        margin: 5px 5px;
        width: 97%;
        padding: 6px;
    }

    .navbox_time ul {
        list-style: none;
        clear: both;
    }

    .listbg {
        background: url(../img/listbg.jpg) no-repeat;
        padding: 20px 10px;
        width: 100%;
        height: 160px;
        overflow: hidden;
        margin: 5px 0px;
        background-position: right top;
    }

    #plex2 .pleximg {
        position: absolute;
        margin: -36px -68px;
    }

    #plex2 {
        width: 100%;
        min-height: 300px;
        background: url(../img/plex2bg.jpg) no-repeat;
        background-position: -980px top;
        background-size: cover;
        height: 842px;
        margin-top: 0px;
    }

    #totlanew {
        width: 114px !important;
        height: 46px;
        line-height: 46px;
        text-align: center;
        border: 1px solid #000;
        font-weight: bold;
        right: -223px;
        position: relative;
        margin-bottom: 100px;
    }

    #plex2 .tbox {
        margin: 354px 0px;
        position: absolute;
        text-align: right;
        right: 3px;
    }

    #menu-produkty {
        background: #fff !important;
        position: fixed !important;
        overflow-y: scroll;
        top: 0px;
        padding: 11px 0px 0px;
        height: 100vh;
        margin-top: 42px !important;
        border-top: none !important;
    }

    .subprod {
        padding-top: 10px;
    }

    .prev-testimonial, .next-testimonial {
        position: absolute;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        width: 30px;
        top: 110px;
        text-indent: -9999px;
        cursor: pointer;
        z-index: 1000;
        display: block;
    }

    #liftup {
        margin-top: 12px !important;
    }

    .rwdhide {
        display: none;
    }

    .clearstyle {
        margin: 180px 10px 0px !important;
    }

    .zawartosc li {
        float: left;
        padding: 10px;
        text-align: center;
        width: 100%;
    }

    .prwdtitle {
        height: 100px !important;
    }

    .prwddesc {
        height: 130px !important;
    }

    .milaClubJak img {
        display: none;
    }

    .milaClubJak {
        width: 100%;
        min-height: 1180px;
        background: url(../img/jakmob.jpg) no-repeat;
        background-position: bottom center;
        background-size: cover;
        margin-top: 50px;
    }

    .rwdclear {
        clear: both;
    }

    .btn {
        display: inline-block;
        padding: 6px 6px !important;
    }
}
@media (max-width: 400px) {
    .mobhide{display: none;}
    .mobshow{display: block;}
  .mobboxfix {
    min-height: 84px;
}
}