@font-face {
    font-family: 'sofia_pro_soft_regularregular';
    src: url('../fonts/SofiaProSoft/mostardesign_-_sofia_pro_soft_regular-webfont.eot');
    src: url('../fonts/SofiaProSoft/mostardesign_-_sofia_pro_soft_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SofiaProSoft/mostardesign_-_sofia_pro_soft_regular-webfont.woff2') format('woff2'),
         url('../fonts/SofiaProSoft/mostardesign_-_sofia_pro_soft_regular-webfont.woff') format('woff'),
         url('../fonts/SofiaProSoft/mostardesign_-_sofia_pro_soft_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.logo_abrigaIMG {
    max-height: 27px;
    max-width: 130px;
    display: inline-block;
    position: relative;
    top: 8px;
}


@font-face {
    font-family: 'GT-Walsheim-Pro-Light';
    src: url('../fonts/GTWalsheim/GT-Walsheim-Pro-Light.eot');
    src: url('../fonts/GTWalsheim/GT-Walsheim-Pro-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GTWalsheim/GT-Walsheim-Pro-Light.woff') format('woff'),
         url('../fonts/GTWalsheim/GT-Walsheim-Pro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'GT-Walsheim-Pro-Bold';
    src: url('../fonts/GTWalsheim/GT-Walsheim-Pro-Bold.eot');
    src: url('../fonts/GTWalsheim/GT-Walsheim-Pro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GTWalsheim/GT-Walsheim-Pro-Bold.woff') format('woff'),
         url('../fonts/GTWalsheim/GT-Walsheim-Pro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

html,body{ margin:0; padding:0; }
body{ font-family:GT-Walsheim-Pro-Light, Arial; color:#000; font-size:12px; color:#111; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
img{ max-width:100%; height: auto; width:auto; }
header{ background:#9D85D1; position:fixed; width:100%; height:60px; z-index:100; box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition:linear .3s; top:-1px; }
article{ width:100%; max-width: 1170px; margin:0 auto; }
header h1{ width:15%; min-width:174px; display:inline-block; vertical-align: middle; margin:0.5em 0 0.5em 1em; }
header h1 a{ color:#fff; }
header nav{ width:65%; text-align:right; }

nav ul{ list-style:none; /*margin-top:1.5em;*/ display:inline-block; vertical-align:middle; width:80%; }
nav ul li{ width:auto; display:block; vertical-align:middle; padding:0; position:relative; margin:0.7em 0; }
nav ul li a{ color:#fff; text-decoration:none; font-size:1.6em; font-family:GT-Walsheim-Pro-Light;}
nav ul li:after{ content:none; }

header img{ transition:linear .3s; margin:0; max-width:130px; }

.bt{ font-family:sofia_pro_soft_regularregular; background:#99E800; color:#000; text-decoration:none; display:block; text-align:center; width:auto; padding:0.5em; font-size:1.5em; text-transform:uppercase; -moz-border-radius:4em; -webkit-border-radius:4em; -khtml-border-radius:4em; border-radius:4em; margin-top:1.8em; letter-spacing:2.5px; }

.mobile-hide, .tablet-show{ display:none; }
.mobile-show{ display:block; }

img { display:block; margin:0 auto; }

#write-about-us p{ text-align:center; }
.list-allergens li{ }
.list-allergens li:nth-child(3), .list-allergens li:nth-child(4){ margin-top:2em; }
.list-allergens li img{ width:80%; }

.stodek{text-align: center;}
.bt span{font-size: 0.85em; display: block; text-transform: none; padding-top:0.4em; letter-spacing: 0.2px;}
h2{ font-size:2.5em; font-family: GT-Walsheim-Pro-Bold; text-align: center; margin:1em 0 0.8em; line-height:1.3em; }
h2 span.tablet-hide{ font-family:GT-Walsheim-Pro-Bold; }
h3{ font-size:1.8em; font-family: GT-Walsheim-Pro-Bold; margin:1em 0 0.8em; color:#9e85d2; }
h4{ font-size:2.0em; font-family: GT-Walsheim-Pro-Light; margin:1em 0 0.8em;  }

.bt{ max-width:225px; }

.menu-top{ display:none; position:fixed; background:#9D85D1; z-index:100; top:0; left:0; right:0; bottom:0; width:100%; height:325px; padding:15%; text-align:left; box-sizing:border-box;  }
.menu-top.active{  }
.menu-top.active li{ display:block; margin:0; padding:10px 0; border-bottom:1px solid #FFFFFF; font-size:0.8em; text-transform:uppercase; }
.menu-top.active li:last-child{ margin:0; }
.menu-top.active li a{ font-size:2em; }
.menu-top.active .close{ position:absolute; top:20px; right:20px; color:#FFFFFF; font-size:2em; background:url('../img/X_smal.svg') no-repeat; width:22px; height:22px; background-size:contain; }

.bg-menu{ background:#9D85D1; position:fixed; width:100%; height:100%; top:0; left:0; z-index:2; }

.menu-top-toggle{ position:absolute; top:10px; right:20px; width:35px; transition:linear .3s; }
.menu-top-toggle .line{ width:100%; height:5px; background:#FFFFFF; display:block; border-radius:5px; margin:7px 0; }
header nav.prawo{ }
header nav ul.menu, a.fb{ display:none; }


/*
--------------------
*/



h2{ margin:0; text-align:left; }
h2 span{ font-family:'GT-Walsheim-Pro-Light'; font-weight:100; }
.bt{ padding:1.3em 0; width:100%; font-size:1.5em; margin:0 auto; }
ul{ list-style-type:none; margin:0; padding:0; }
p{ margin:1em 0; font-size:1.5em; }
figure{ margin:0; }

.flex-box{ display:block; }


section{ box-sizing:border-box; padding:0 1.5em; }
.section-after{ text-align:center; padding:0; font-size:0.9em; }

#customer-satisfaction .bt{ width:90%; }
#top{ background:url("../img/HELLOSLIM_WWW_2560_slajd2m.png") no-repeat bottom right; background-position:-330px 0px; height:400px; position:relative; text-align:center; color:#FFFFFF; margin-top:59px; }
#top{ background:url('../img/HELLOSLIM_WWW_320_RWD00_cut_02.png'); height:411px; background-repeat:no-repeat; background-size:cover; }
#top article{ background:rgba(247,168,158,0.4); position:absolute; top:0; left:0; width:100%; height:96%; }
#top article{ background:transparent; }
#top .logo{ margin:2em auto 1em auto; }
#top h2{ text-align:center; }
#top .effects{ font-size:1.5em; margin:0; }
#top .bt{ font-size:1.5em; margin:1em auto 0.5em auto; width:65%; padding:1em 0; }
#top .effects{ max-width:225px; text-align:center; margin:0 auto; }
#top div.resolution-min-1024{ display:none; }


#write-about-us p{ font-size:2em; color:#9B83BC; margin:0.3em 0; }
.list-newspaper{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.list-newspaper li{ width:50%; }
.list-newspaper li:last-child{ width:100%; }


#rebuild-balance{ margin:4em 0; text-align:center; }
#rebuild-balance h2{ text-align:center; }


#testimonials-insta{ text-align:center; }
#testimonials-insta h2{ font-size:2.7em; line-height:1.3em; text-align:center; margin:1em 0 0.6em 0; }
#testimonials-insta h2 span{ display:block; }
#testimonials-insta-after{ text-align:center; }


#howitworks{ position:relative; height:auto; min-height:650px; margin-top:3em; }
#howitworks article{ padding:0; }
#howitworks .kol1 div img, #howitworks .kol2 div img{ margin:3em auto; }
#howitworks .kol1, #howitworks .kol2{ height:765px; }
#howitworks .bt{ width:100%; margin:1em auto; padding:0.5em 0; font-size:1.9em; }
#howitworks .kol1 div p, #howitworks .kol2 div p{ margin-bottom:1em; }
#howitworks .kol1 .krok1, #howitworks .kol2 .krok2{ top:-20px; left:0; margin:0; max-width:80px; display:block; margin-left:12px; }


#why-teatox{ margin:1em 0; text-align:center; }
#why-teatox h2{ text-align:center; padding:0.7em 0 0 0; }
.list-why-teatox h3{ margin:0; font-size:2.1em; }
.list-why-teatox li img{ margin:2em auto; max-width:150px; }
.list-why-teatox li p{ margin-top:0.3em; font-size:1.5em; }
#why-teatox .bt{ margin-top:1em; }


#toxic{ margin-top:2em; }


#customer-satisfaction-before{ margin-top:3em; }
#customer-satisfaction-before h2{ text-align:center; }
#customer-satisfaction{  }
#customer-satisfaction article{ position:relative; }
.percent{ margin:3em 0; }
.list-percent{ background:#9D85D1; border-radius:6em; box-sizing:border-box; padding:2em; max-width:500px; }
.list-percent li{ color:#FFFFFF; margin:10px 0; }
.list-percent li:first-child{ margin-top:0; }
.list-percent li:last-child{ margin-bottom:0; text-align:center; }
/*.list-percent li:last-child p:nth-of-type(2){ font-size:1.7em; }*/
.list-percent li span{ float:left; font-size:3.5em; margin-right:0.5em; }
.list-percent li .txt{ overflow:hidden; font-size:1.5em; }


#without-allergens h2{ text-align:center; padding:0 0 0.3em; }
.list-allergens{ display:flex; justify-content:space-between; flex-wrap:wrap; margin:2em 0; }
.list-allergens li{ width:50%; }
.list-allergens li img{ max-width:150px; }


#expert h2{ margin:1em 0; text-align:center; font-family:'GT-Walsheim-Pro-Light'; font-weight:100; }
#expert .author{ font-size:1.6em; }
#expert .author span{ display:block; font-size:0.9em; }
#expert p{ font-size:1.3em; }
#expert-after{ margin:2em 0 5em 0; }
#expert-after p{ margin:2em 0; text-align:center; font-size:1.3em; }


#oh-tomi-about{ background:url('../img/HELLOSLIM_WWW_320_RWD00-(1)_02.jpg') no-repeat; background-position-x:center; background-color:#AF7CB5; background-size:cover; text-align:center; color:#FFFFFF; }
#oh-tomi-about article{ padding:4em 0 2em 0; }
#oh-tomi-about h2{ text-align:center; }
#oh-tomi-about h2 img{ display:inline; max-width:200px; margin:0.4em 0.1em 0 0.1em; }
#oh-tomi-about p{ font-size:1.5em; }


#faq{ margin:4em 0; }
#faq h2{ text-align:center; padding-bottom:1em; font-size:2.8em; }


#benefits{ margin:5em 0; }
#benefits h2{ margin:1em 0; text-align:center; }
.list-benefits{  }
.list-benefits li{ position:relative; font-size:1.8em; margin:0 0 1.6em 55px; }
.list-benefits li:before{ content:''; background:url('../img/HELLOSLIM_WWW_1280_00_31.png'); width:44px; height:44px; display:block; position:absolute; top:0; left:-55px; }


#slider-mobile-day img, #slider-mobile-night img{ width:85%; max-width:275px; }
#slider-mobile-day figcaption, #slider-mobile-night figcaption{ padding:0 1em; margin-top:2em; font-size:0.8em; }
#slider_day, #slider_night{ position:absolute; top:0; left:0; right:0; z-index:30; margin:0em auto 0; height:500px; display:block; opacity:0; visibility:hidden; height:765px; }
#slider_night{ top:765px; }
#slider_day h2, #slider_night h2{ margin:1em 0; padding:0 0.5em; text-align:center; font-size:2.1em; }
#close img{ margin-top:0.3em; }
#slider_day .ctn, #slider_night .ctn{ display:none; }

#slider_day.active, #slider_night.active{ opacity:1; visibility:visible; z-index:30; }
#slider_day #close, #slider_night #close{ margin:0; left:auto; right:8px; }


.bx-wrapper .bx-viewport{ background:transparent; box-shadow:none; border:none; left:0; }
.bx-wrapper .bx-controls-direction a{ top:auto; bottom:-35px; }
.bx-wrapper .bx-pager.bx-default-pager a{ background:rgba(0,0,0,0.2); }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#FFFFFF; }
.bx-wrapper{ height:450px; }
.bx-wrapper .bx-controls-direction a{ text-indent:0; font-size:4em; font-weight:bold; color:#FFFFFF; width:auto; height:auto; }
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{ background:transparent; }
.bx-wrapper .bx-pager{ bottom:-3em; }
.bx-wrapper .bx-pager.bx-default-pager a{ width:13px; height:13px; border-radius:50%; margin:0 10px; }

.column-left img{ margin-top:2em; }

.fala_footer{background: url("../img/HELLOSLIM_WWW_1280_00_108.png") top center repeat-x; width: 100%; height:53px; }
footer { background:#9D85D1; padding-bottom:2em; margin-bottom:-2em; }
footer .social{width: 50%; text-align: center; margin:0 auto;}
footer .social a{ font-size:2.3em; display:inline-block; color:#fff; padding:0.5em 0.2em; margin-right:10px; }
footer nav{width: 65%; margin: 0 auto; text-align: center;}
footer nav ul{text-align: center; margin-top:0;}
footer nav ul li:last-child{margin-right:0;}
footer p{ text-align:center; font-size:1.2em; color:#fff; padding:0px 0px; }

.list-all-reserved{ color:#FFFFFF; text-align:center; }
.list-all-reserved li{ display:inline-block; margin-right:10px; }


#howitworks{ padding:0; width:96%; margin:2em auto; }
#howitworks .kol1{width: 100%; right: 0;}
#howitworks .kol2{width: 100%; left:0;}
#howitworks .kol1, #howitworks .kol2{ position:relative; height:670px; height:765px;}
#howitworks .kol1 .element1, #howitworks .kol1 .element4, #howitworks .kol1 .element5{ display:none; }


#accordion h3{ color:#111; font-family:GT-Walsheim-Pro-Bold; border-bottom:solid 1px #ccc; position:relative; padding-left:0.7em; margin:0; padding:10px; transition:0.5s all linear; -webkit-transition:0.5s all linear; font-size:1.6em; cursor:pointer; outline:0; }
#accordion h3 span{ display:none; }


.list-newspaper li{ margin:-0.5em 0; }
.list-newspaper li img{ width:120px; }


#instaslider{ display:flex; flex-wrap:wrap; max-width:1700px; margin:0 auto; width:100%; }
#instaslider .img{ width:33%; height:106px; background-position:center center!important; background-repeat:no-repeat!important; background-size:125%!important; margin-right:0px; position:relative; flex-basis:auto; }
#instaslider a{ position:absolute; top:0; bottom:0; left:0; right:0; }
#testimonials-insta-after p{ font-size:1.3em; }


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


#contact_header{ background:url("../img/HS_kontakt_topfoto_02.png") no-repeat; background-size:cover; height:240px; margin-top:59px; background-position:-35em 0; }
#contact_header article{ position:relative; }
#contact_header article .box1{ text-align:center; width:59%; z-index:2; position:relative; float:right; }
#contact_header article .box1 h2{color:#fff; margin:0.35em 0 0.3em 0;}
#contact_header article .box1 p{color:#fff; font-size: 1.65em; width: 65%; margin:auto;}
#contact .kol1{width: 60%; display: inline-block; vertical-align: top; }
#contact .kol2{width: 40%; display: inline-block; vertical-align: top; }
#contact h2{ font-size:2.5em; margin:0 ; padding: 1em 0; text-align: left;}
#contact h4{ font-size:1.1em; margin-bottom: 0px;}
#contact p{ font-size:1.4em; }
#contact .telefon{margin-bottom: 2em;}
#contact .telefon img{vertical-align: top; display: inline-block; padding-top:1em;}
#contact .telefon span {color:#9D85D1; font-size: 5em; font-family:GT-Walsheim-Pro-Bold; display: inline-block;}
#contact .telefon span span{font-size: 0.4em; display: block; text-align: right; font-family:GT-Walsheim-Pro-Light;}
#contact .adres{width: 33%; display: inline-block; vertical-align: middle; font-size: 1.3em;}
#contact .box_img{width: 49%; display: inline-block; vertical-align: middle;}
#contact ::-webkit-input-placeholder { color:#111; }
#contact ::-moz-placeholder { color:#111; }
#contact :-ms-input-placeholder { color:#111; }
#contact input:-moz-placeholder { color:#111; }
#contact .form-row{width: 100%; /*border-bottom:solid 2px #111;*/ padding:0em 0; margin:0.3em 0em 0.7em 3em;
display: inline-block; font-size: 1.26em; position:relative;  }
#contact .form-row.error{ /*border-bottom:solid 2px red;*/ }
#contact .form-row.error label{color:red;}
#contact .form-row label{width: 36%; display: inline-block; vertical-align: top; }
#contact .form-row label .reguired{color:red;}
#contact .form-row input, #contact .form-row select, #contact .form-row textarea  {width: 100%;
box-sizing:border-box;  border:solid 1px #fff; outline: none; background: none; border:none; padding:8px 10px; }
#contact .form-row textarea{height: 100px;}
#contact .form-row div.input .inputdesc{font-size: 0.85em; padding:0.5em 0; text-decoration: none; color: #9e85d2; position:absolute; left:0;}
#contact .form-row div.input .inputdesc br{display:none;}
#contact-us{margin-top:2em; margin-left:4em; margin-right:4em;}
#contact .processing2{cursor: pointer;}
#contact .processing2 input {display: none;}
#contact .processing2 .checkGraphic{ cursor: pointer; vertical-align: top; float:left; border:solid 2px #111; width: 30px; height: 30px;display:inline-block; border-radius:3em; }
#contact .processing2 p{width: 88%; font-size: 0.9em; padding-top:0px; line-height:1.5; color:#666; }
#contact .fa-square-o:before{content:''; }
#contact .fa-check-square-o:before{content:''; display:inline-block; width: 15px; height: 15px; border-radius: 90px; margin: 7.5px 0px 0px 7.5px; background: #99E800; }
#contact .bt{margin:1em 0 0 2.5em; border:none; outline: none; width: 100%; padding:1em;}
.infoError{display:none;}
#contact h2{ text-align:center; padding:0.5em 0; }
#contact p{ margin-top:0; }
.contact-header-mobile{ text-align:center; margin-top:-5em; }
.left-mobile{ display:none; }
#contact-us{ margin:0; }
#contact .form-row{ margin:0.3em 0; }
#contact .kol1, #contact .kol2{ width:100%; display:block; }
#contact .kol1 .adres, #contact .box_img{ display:none; }
#contact .contact-input{ border:1px solid #89888D; border-radius:7px; }
#contact .telefon img{ display:none; }
#contact .telefon span{ font-size:2.9em; text-align:center; }
#contact .telefon span span{ text-align:center; font-size:0.42em; }
#contact .bt{ margin:1em auto 3em; max-width:none; }
.contact-mobile-end-info .address{ text-align:center; font-size:1.3em; }
#contact_header{ position:relative; }
.hs-logo{ position:absolute; top:1.3em; left:1.5em; }
.hs-logo-mobile{ position:absolute; left:1em; top:1em; }
.footer-links a{ text-decoration:none; color:#FFFFFF; margin-right:20px; font-size:1.1em; }
#contact .footer-links p{ text-align:center; }

.list-percent p:first-child{ font-size:1.1em; }

#contact .send-info{ display:block!important; color:#99E800; font-size:1.5em; text-align:center; font-weight:bold; }
#TransferujGPOption.otherPayment:after {
    content: '';
    width: 32px;
    height: 35px;
    background: url(../includes/platnosci_icon/t-pay.png) no-repeat center;
    display:block;
    right:0;
    position:absolute;
}

#PayPal_GPOption.otherPayment:after{
    width: 142px;
    height: 27px;
    background: url(../includes/platnosci_icon/banner_pl_just_pp_319x110.jpg) no-repeat center;
    background-size: contain;
    bottom: 3px;
    content:'';
    display:block;
    right:0;
    position:absolute;
}


@media screen and (min-width: 375px)
{
    #top{ height:481px; }
    #top h2{ font-size:2.8em; }
    #top .bt{ padding:1.4em 0; }

}

@media screen and (min-width: 414px)
{
    #top h2{ padding:0 1em; }
    #top .bt{ margin-top:2em; }
}

/* MODAL i POPUP - skopiowane z orphica.pl -> dl.css */
.modalBack{position:fixed;width:100%;height:100%;background:#fff;background:rgba(255,255,255,0.6);z-index:1000;top:0;left:0;display:none;overflow:auto}
.modalFront{max-width:920px; background:#fff;left:50%;position:absolute;margin-top:5%}
span.modalClose{width:14px;height:14px;position:absolute;right:15px;top:15px;background:url(../img/svg/X_blue.svg);background-size:contain;cursor:pointer}

.popup_snap{padding:20px; max-width: 600px; width: 600px; box-sizing:border-box;}
.popup_snap img{max-width: 100%;}

@media screen and (max-width: 667px) and (min-width: 0px) {
    .popup_snap{padding:20px; max-width: 600px; width: 320px; box-sizing:border-box;}
}
a.snapchat{cursor: pointer;}