@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/Gotham-Light.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/Gotham-LightIta.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/Gotham-Book.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/Gotham-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/Gotham-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/Gotham-Black.otf") format("opentype");
}

@font-face {
    font-family: 'GothamNarrow';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/GothamNarrow-Light.otf") format("opentype");
}

@font-face {
    font-family: 'GothamNarrow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/GothamNarrow-Book.otf") format("opentype");
}

@font-face {
    font-family: 'GothamNarrow';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/GothamNarrow-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'GothamNarrow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/GothamNarrow-Bold.otf") format("opentype");
}

#lp-neocate a:hover {opacity:0.8}

#lp-neocate .gold {
    background: rgb(218, 178, 84);
    background: linear-gradient(270deg, rgba(218, 178, 84, 1) 0%, rgba(245, 226, 161, 1) 40%, rgba(245, 226, 161, 1) 60%, rgba(218, 178, 84, 1) 100%);
}

#lp-neocate .head {
    background: rgb(246, 241, 248);
    background: linear-gradient(180deg, rgba(246, 241, 248, 1) 0%, rgba(175, 144, 194, 1) 100%);
    font-family: Gotham;
    padding-bottom: 60px;
}

#lp-neocate .head .catch {
    position: relative;
    display: flex;
    align-content: baseline;
    align-items: center;
    padding: 30px 50px 15px;
}

#lp-neocate .head .left {
    border-radius: 20px;
    padding: 10px 40px;
    position: absolute;
    z-index: 0;
    padding-right: 50px;
    width: 35%;
    top: 100px;
}

#lp-neocate .head .left p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 41px;
    padding: 13px 0px 13px 0px;
}

#lp-neocate .head .center {
    width: 58%;
    margin: auto;
    z-index: 1;
}

#lp-neocate .head .right {
    position: absolute;
    width: 40%;
    right: 0;
}

#lp-neocate .head .right>p {
    text-align: center;
    margin: 0;
    padding: 8px;
    font-size: 19px;
    font-weight: bold;
}

#lp-neocate .head .right .gold h1 {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    color: #3c498f;
    font-family: gotham;
    font-weight: normal;
    margin: 0;
    padding: 13px 0px 13px 0px;
}

#lp-neocate .head .right .gold {
    padding: 10px 45px 10px 50px;
    border-radius: 20px;
}

#lp-neocate .head .right .gold h1 span {
    text-transform: none;
    font-style: italic;
}

#lp-neocate .head p.und {
    font-size: 24px;
    text-align: center;
    padding-top: 0;
}

#lp-neocate section.product.one {
    margin-top: -85px;
}

#lp-neocate section.product h2 {
    background: #4b2772;
    padding: 22px 10px;
    color: #FFF;
    font-size: 38px;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 35px;
    text-transform: uppercase;
}

#lp-neocate section.product .icontext {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 5px 105px;
}

#lp-neocate section.product .icontext>div {}

#lp-neocate section.product .icontext>p {
    margin-left: 20px;
    font-size: 30px;
}

#lp-neocate>section.product b {
    font-family: bariolbold;
}

#lp-neocate>section.product .lat {
    background: #f7f7f8;
    text-align: center;
    padding: 35px 115px;
    border-radius: 25px;
    margin-top: 30px
}

#lp-neocate>section.product .lat p {
    text-align: center;
    padding: 0;
}

#lp-neocate>section.product .lat p:nth-child(1) {}

#lp-neocate>section.product .lat p:nth-child(2) {
    font-size: 45px;
    padding-top: 25px;
}

#lp-neocate>section.product .lat p:nth-child(3) {
    font-size: 30px;
}

#lp-neocate>section.product .lat p:nth-child(4) {
    font-size: 30px;
}

#lp-neocate section.product p {
    text-align:left;
    font-size: 30px;
}
html main #lp-neocate section.product ul li{font-size:30px}
html main #lp-neocate section.product ul li::before {
    background: linear-gradient(270deg, rgba(218, 178, 84, 1) 0%, rgba(245, 226, 161, 1) 40%, rgba(245, 226, 161, 1) 60%, rgba(218, 178, 84, 1) 100%);
    border:0;
    top: 8px;
    left: 4px;
}
html main #lp-neocate section.product ul{margin: 10px 0px 25px 0px;}
html main #lp-neocate section.product span.italic{font-style: italic;}
html main #lp-neocate section.product.three {
	margin-top: 58px;
}
#lp-neocate section.product .twoside {
	display: flex;
	align-content: center;
	justify-content: center;
}
#lp-neocate section.product .twoside div:nth-child(1){}
#lp-neocate section.product .twoside div:nth-child(1) p:nth-child(3), #lp-neocate section.product .twoside div:nth-child(1) p:nth-child(4){padding-left:20px;}
#lp-neocate section.product .twoside div:nth-child(2) {
	margin-top: 60px;
	padding: 30px 0 30px 50px;
}
#lp-neocate section.product .twoside div:nth-child(2) img, #lp-neocate section.product .icontext > div img{max-width:initial}
#lp-neocate section.product.four p:nth-child(2) {
	text-align: center;
	margin-bottom: 30px;
}
html main #lp-neocate section.faq ul li span, body main #lp-neocate section.faq ul li span {
	
	padding: 10px 18px 20px;
}
html main #lp-neocate section.faq p.obw{font-size:24px; padding:0 30px}
#lp-neocate section.product img{max-width:100%}
html main #lp-neocate section.product.five .banerfood{
    background: rgb(246,241,248);
    background: linear-gradient(90deg, rgba(246,241,248,1) 0%, rgba(175,144,194,1) 100%);
    border-radius:25px;
    padding: 30px;

}
html main #lp-neocate section.product.five .banerfood .one {
	display: flex;
	align-content: center;
	align-items: center;
}
#lp-neocate section.product.five .banerfood .one p {
	width: 48%;
	margin-right: 20px;
}
html main #lp-neocate section.product.five .banerfood .two {
	display: flex;
	align-content: center;
	align-items: center;
}
#lp-neocate section.product.five .banerfood .two p {
	width: 60%;
	margin-right: 20px;
}
#lp-neocate section.product.five .banerfood .two a {
	font-size: 30px;
	color: #FFF;
	background: #1f307a;
	padding: 30px;
	border-radius: 25px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	flex: 1;
	text-align: center;
    font-family:bariolbold;
}
html main #lp-neocate section.product.five .banerfood .two{}
#lp-neocate section.product.six h2{color:#1f307a; background:none;}
#lp-neocate section.product.six .material {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	border: 2px solid #EEE;
	border-radius: 25px;
	margin-bottom: 20px;
	padding: 15px;
}
#lp-neocate section.product.six .material div:nth-child(1) {
	width: 250px;
	text-align: center;
	margin-right: 30px;
}
#lp-neocate section.product.six .material div:nth-child(2) {
	width: 60%;
}
#lp-neocate section.product.six .material a {
	background: #f73c89;
	padding: 25px 40px;
	color: #FFF;
	font-family: bariolbold;
	font-size: 30px;
	border-radius: 15px;
	text-decoration: none;
}
#lp-neocate section.product.six p.przypisy{font-size:18px; color:#727687; padding:20px 30px 40px; }

@media screen and (max-width: 1200px) {
    #lp-neocate .head .left p {
    
        font-size: 30px;
      
    }
    #lp-neocate .head .center {
       margin-left: 10%;
    }
    #lp-neocate .head .right .gold h1 {
	font-size: 19px;
	
}
#lp-neocate .head .right > p {
	font-size: 16px;
	
}
#lp-neocate .head p.und {
	font-size: 19px;
	
}


}
@media screen and (max-width: 768px) {
    #lp-neocate .head .catch {
       
        padding: 30px 20px 15px;
    }
    #lp-neocate .head .left p {
        font-size: 24px;
        padding: 0;
    }
    #lp-neocate .head .left {
     
        padding: 15px 25px;
      
    }
    #lp-neocate .head .right .gold h1 {
        font-size: 16px;
    }
    #lp-neocate .head .right > p {
        font-size: 13px;
    }
    #lp-neocate .head .center {
        margin-left: 13%;
        width:52%;
    }
    #lp-neocate .head p.und {
        font-size: 16px;
    }
    #lp-neocate section.product h2 {
       
        padding: 15px 10px;
       margin-bottom:5px;
        font-size: 25px;
      
    }
    #lp-neocate section.product.one {
        margin-top: -50px;
    }
    #lp-neocate section.product .icontext {
       
        padding: 5px 20px;
    }
    #lp-neocate section.product .icontext > p {
      
        font-size: 20px;
    }
    #lp-neocate > section.product .lat p:nth-child(4) {
        font-size: 20px;
    }
    #lp-neocate > section.product .lat p:nth-child(3) {
        font-size: 20px;
    }
    #lp-neocate > section.product .lat p:nth-child(2) {
        font-size: 30px;
    }
    #lp-neocate > section.product .lat {
       
        padding: 35px 70px;
       
    }
    #lp-neocate section.product img {
       
    }
    #lp-neocate section.product p {
     
        font-size: 20px;
    }
    html main #lp-neocate section.product ul li {
        font-size: 20px;
    }
    html main #lp-neocate section.product ul li::before {
        top: 7px;
    }
    #lp-neocate section.product .twoside {
       flex-flow: column;
    }
    #lp-neocate section.product .twoside div:nth-child(1) {
        order: 2;
    }
    #lp-neocate section.product .twoside div:nth-child(2) {
        margin-top: 10px;
        padding: 10px;
        text-align: center;
    }
    #lp-neocate section.product .twoside div:nth-child(2) img{max-width:50%}
    #lp-neocate section.product .twoside div:nth-child(1) p:nth-child(3), #lp-neocate section.product .twoside div:nth-child(1) p:nth-child(4) {
        padding-top:5px;
    }
    html main section.faq ul li > p, body main section.faq ul li > p {
      
        font-size: 24px;
       
    }
    html main section.faq ul li span, body main section.faq ul li span {
     
        font-size: 20px;
     
    }
    html main #lp-neocate section.faq p.obw {
        font-size: 16px;
     
    }
    html main #lp-neocate section.product.five .banerfood .one {
        flex-flow: column;
    }
    #lp-neocate section.product.five .banerfood .one p {
        width: 100%;
        margin-right: 0;
    }
    html main #lp-neocate section.product.five .banerfood .two {
        flex-flow: column;
    }
    #lp-neocate section.product.five .banerfood .two p {
        width: 100%;
        margin-right: 0;
    }
    html main #lp-neocate section.product.five .banerfood .one img{max-width:60%}
    #lp-neocate section.product.five .banerfood .two a {
        font-size: 20px;
       
    }
    #lp-neocate section.product.six .material {
      flex-flow: wrap;
    }
    #lp-neocate section.product.six .material div:nth-child(1) {
        width: 180px;
        margin-right: 10px;
    }
    #lp-neocate section.product.six .material div:nth-child(1) img{height:150px}
    #lp-neocate section.product.six .material a {
      
        padding: 10px 20px;
       
        font-size: 25px;
      
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    #lp-neocate section.product.six .material div:nth-child(2) {
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    #lp-neocate .head .catch {
        flex-flow: column;
        padding: 0 20px;
    }
    #lp-neocate .head .left {
        position: relative;
        top: initial;
        width: 100%;
        margin-bottom: 17px;
    }
    #lp-neocate .head .left p {
       text-align:center
    }
    #lp-neocate .head .center {
        margin-left: 0%;
        width: 52%;
    }
    #lp-neocate .head .right {
        position: absolute;
        width: 54%;
        right: 0;
        top: 30%;
    }
    #lp-neocate .head p.und {
	font-size: 15px;
	margin-top: 10px;
}
}
@media screen and (max-width: 520px) {
    #lp-neocate .head .right {
        position: relative;
        width: 100%;
      
    }
    #lp-neocate .head .center {
        margin-left: 5%;
        width: 80%;
        position: relative;
    }
    #lp-neocate section.product h2 {
      font-size: 20px;
    }
    #lp-neocate > section.product .lat {
        padding: 20px 10px;
    }
    #lp-neocate section.product .icontext > p {
        font-size: 18px;
    }
    #lp-neocate > section.product .lat p:nth-child(3) {
        font-size: 18px;
    }
    #lp-neocate > section.product .lat p:nth-child(2) {
        font-size: 25px;
        padding-top: 10px;
    }
    #lp-neocate > section.product .lat img {
        max-width: 90px;
    }
    html main #lp-neocate section.product ul li {
        font-size: 18px;
    }
    html main #lp-neocate section.product ul li::before {
        top: 6px;
    }
    #lp-neocate section.product p {
        font-size: 18px;
    }
    html main section.faq ul li > p, body main section.faq ul li > p {
        font-size: 20px;
    }
    #lp-neocate section.product.five .banerfood .two a {
               padding: 20px;
    }
    #lp-neocate section.product.six .material div:nth-child(1) {
       margin: auto;
    }
    #lp-neocate section.product.six .material div:nth-child(2) {
        width: 100%;
    }
    
    #lp-neocate section.product.six p.przypisy {
	font-size: 14px;
	
}
#lp-neocate section.product.six .material div p{text-align:center}
#lp-neocate .head {
	
	padding-bottom: 35px;
}

}