@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300i,400i');
@font-face{
   font-family:'VAGRounded Bold';
   src:url('../fonts/VAGRoundedLTPro-Bold.otf') format("opentype");
}
@font-face{
   font-family:'VAGRounded Light';
   src:url('../fonts/VAGRundschriftDOT-Lig.otf') format("opentype");
}

body{
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}
_:-ms-lang(x), _:-webkit-full-screen,
body {
	overflow-x:hidden;
}


header{
	background: #fff;
	position: fixed;
	z-index:1000;
	width:100%;
}

.header-row{
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	align-items: center;
	padding-top: 15px;
	padding-bottom:5px;
}

.header-row img{
	    margin-left: -80px;
	    max-width:280px;
}


ul#menu{
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size:20px;

}

ul#menu li a{
	padding: 15px;
	text-decoration: none;
	color: #7cccbf;
	transition: background ease-in-out 1s;
}

ul#menu li a span{
	color: #1f386d;
}

ul#menu li a span.menu-pro{
	color: #7cccbf;
}



ul#menu li.active a {
    color: #fff;
	background: #1f386d;
	text-transform: uppercase;
	padding: 12px 20px;
	    transition: background ease-in-out .25s;
}

ul#menu li.active a span {
	color: #fff;
	text-transform: none;
}

ul#menu li.active a .menu-pro {
	color: #7cccbf;
	text-transform: none;
}

main {
	padding-top:95px;
}

img{
	max-width: 100%;
}

h2{
	font-size:48px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-align: center;
	color: #1f386d;
}


h3{
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	font-weight: 300;
}

p{
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight: 300;
}


.turquoise{
	color:#7cccbf;
}

.navy{
	color:#1e376c;
}

.red{
	color: #d8263d;
}

.blue{
	color: #009fe3;
}

.weight-500{
	font-weight: 500;
}
.weight-600{
	font-weight: 600;
}

.weight-900{
	font-weight: 900;
}


#slider .container-fluid{
	padding-left: 0;
	padding-right: 0;
}

#slider .container-fluid img{
	width:100%;
	position:relative;
}


#slider .container-fluid video{
	width:100%;
	position:relative;

}

#slider h1{
	font-size: 60px;
    color: #1e376c;
    font-weight: 900;
    position:absolute;
    z-index: 500;
    left: 50%;
    transform: translateX(-50%);
    width:90%;
    font-family: 'VAGRounded Bold';
    top:0;
}

@-moz-document url-prefix() {
    #slider h1{
        font-weight: inherit;
    }
}

#probiotyki{
	margin-top:-30px;
	margin-bottom:15px;
}

#probiotyki h2{
	margin-bottom: 0;
    margin-top: 30px;
    margin-bottom:-15px;
}

#probiotyki .probiotyki-row{
	margin-top:80px;
    justify-content: center;
}

#probiotyki .col-md-3.probiotyki-circle {
	display: flex;
    flex-direction: column;
    align-items: center;
}

#probiotyki .col-md-3.probiotyki-circle p{
	text-align: center;
	font-size:18px;
	font-weight: 500;
}

#probiotyki .col-md-3.probiotyki-circle p sup{
	font-size:12px;
	font-weight: 800;
}

#probiotyki .pink-box{
	background: #e70983;
	border-radius:20px;
	margin-top: 30px;
}

#probiotyki .pink-box p{
	font-family: 'Roboto Condensed', sans-serif;
	font-style:italic;
	font-weight: 300;
	color: #fff;
	padding:15px 50px;
	font-size:24px;
}

#produkty h2 {
    font-size: 44px;
    margin-top: 40px;
    margin-bottom:22px;
}

#produkty h3{
	margin:0;
	font-size:28px;
}

#produkty p{
	font-size: 22px;
    font-weight: 400;
    color: #1f376d;
}


#produkty .row.flostrum-produkty{
	margin-top: 50px;
	margin-left:0;
	margin-right:0;
}

#produkty .row.flostrum-produkty .produkty-logos{
	padding-bottom:25px;
}

#produkty .row.flostrum-produkty .col-md-7{
	display: flex;
    flex-direction: column;
}

#produkty .row.flostrum-produkty .flostrum-right .col-md-7{
	align-items:flex-end;
}

#produkty .row.flostrum-produkty .flostrum-left{
	text-align:left;
}

#produkty .row.flostrum-produkty .flostrum-right{
	text-align:right;
}



#produkty .pinkbutton {
	color: #fff;
    text-transform: uppercase;
    background: #e6007e;
    width: max-content;
    padding: 14px 22px;
    font-size:21px;
    line-height: 1;
}


#produkty .flostrum-left .pinkbutton {
	border-bottom-right-radius: 20px;
	margin-top:10px;
}

#produkty .flostrum-right .pinkbutton {
	border-bottom-left-radius: 20px;
	margin-top:10px;
}


#produkty .button {
	color: #fff;
    text-transform: uppercase;
    width: max-content;
    padding: 13px 22px;
    font-size:20px;
    line-height: 1;
    border-radius:20px;
}

#produkty .bluebutton{
	background: #0f93d5;
	cursor:pointer;
	margin-top:55px;
}


#produkty .brownbutton {
	 background: #966f57;
	 cursor:pointer;
	 margin-top:65px;
	 margin-bottom:55px;
}

#produkty .bluebutton:hover, #produkty .brownbutton:hover{
	transform:scale(1.1);
	transition: 0.25s;

}

#bakterie {
	color:#fff;
	position:relative;
	margin-top:60px;
}
#bakterie h3{
	font-size:28px;
}



#bakterie::after{
    content: '';
    border: 3px solid white;
    padding: 22px;
    border-radius: 50%;
    position: absolute;
    z-index: 600;
    left: 50%;
    transform: translateX(-50%);
    background: #5eb4b2;
    bottom:-25px;
}


#bakterie .bacteria-box{
	 position: absolute;
    z-index: 900;
    left: 50%;
    transform: translate(-50%);
    top: -43px;
}

#bakterie .bacteria-row{
	position: relative;
}


#bakterie .col-md-6.rhamnosus{
	background-image: url('../img/bg-pink.jpg');
	text-align: right;
	padding-top: 45px;
	padding-bottom: 2px;
	background-size: cover;
	border-right: 2px solid white;
}

#bakterie .col-md-6.reuteri{
	background-image: url('../img/bg-turquoise.jpg');
	text-align: left;
	padding-top: 45px;
	padding-bottom: 20px;
	background-size: cover;
	border-left: 2px solid white;
}

#bakterie .col-md-6.rhamnosus .offset-md-4{
	padding-right:15px;
}

#bakterie .col-md-6.rhamnosus p, #bakterie .col-md-6.reuteri p{
	font-size:21px;
}

#bakterie .col-md-6.rhamnosus p sup, #bakterie .col-md-6.reuteri p sup{
	font-size: 14px;
    font-weight: 500;
}

#bakterie .col-md-6.reuteri .col-md-8{
	padding-left:45px;
}

#bakterie .col-md-6.rhamnosus .offset-md-4{
	padding-right:45px;
}


#flostrum-plus{
	background-color: #e9f6f4;
	border-top:2px solid #7bccbf;
	border-bottom:2px solid #7bccbf;
	position:relative;
	top: -38px;
}


#flostrum-plus::before {
  position:absolute;
  content: url('../img/triangle-before.png');
  top: -47px;
    left: 71%;
}


#flostrum-plus .container, #flostrum-baby .container, #flostrum-baby-mobile{
	display: flex;
	flex-direction: column;
	align-items:center;
	margin-top: 38px;
}

#flostrum-plus .container .row, #flostrum-baby .container .row, #flostrum-baby-mobile .row{
	display: flex;
	justify-content: center;
	width:100%;
}

 #flostrum-baby .container .row .col-md-2, #flostrum-baby-mobile .row .col-md-2{
 	flex: 0 0 20%;
    max-width: 20%;
 }

 #flostrum-baby-mobile .row .col-6{
 	flex: 0 0 50%;
    max-width: 50%;
 }



#flostrum-plus p{
	font-size:24px;
	line-height: 33px;
}


#flostrum-baby, #flostrum-baby-mobile{
	top: -38px;
	background-color: #e9f6f4;
    border-top: 2px solid #7bccbf;
    border-bottom: 2px solid #7bccbf;
    position: relative;
}

#flostrum-baby-mobile{
	padding-top:50px;
	padding-left: 40px!important;
	padding-right: 40px!important;
}

#flostrum-baby::before, #flostrum-baby-mobile::before {
  position:absolute;
  content: url('../img/triangle-before.png');
  top: -47px;
  right: 71%;
}

#flostrum-baby .container .flostrum-baby-logo, #flostrum-baby-mobile .flostrum-baby-logo, ,#flostrum-plus .container .flostrum-plus-logo{
	position: relative;
}


#flostrum-baby .container .close, #flostrum-plus .container .close{
	position: absolute;
	right: -40px;
    top: 30px;
	font-size:28px;
	color:#1e376c;
    font-weight: 900;
    font-style: italic;
    cursor:pointer;
	max-height: 100%;
}


#flostrum-baby-mobile .close{
	position: absolute;
	right: 50px;
    top: 30px;
	font-size:28px;
	color:#1e376c;
    font-weight: 900;
    font-style: italic;
    cursor:pointer;
}

#flostrum-baby .container .close p, #flostrum-plus .container .close p, #flostrum-baby-mobile .close p{
	display:flex;
	align-items: center;
}


#flostrum-baby .container .close img, #flostrum-plus .container .close img,#flostrum-plus-mobile .close img{
	height:26px;
	width:auto;
	margin-left:15px;
}

#flostrum-baby .container .row.flostrum-baby-info, #flostrum-plus .container .row.flostrum-plus-info, #flostrum-baby-mobile .row.flostrum-baby-info{
	flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}

#flostrum-baby p, #flostrum-baby-mobile p{
	font-size:24px;
	line-height: 33px;
}


#flostrum-baby .container .row.flostrum-baby-info p, #flostrum-plus .container .row.flostrum-plus-info p, #flostrum-baby-mobile .row.flostrum-baby-info p{
	font-size: 14px;
	margin:0;
  text-align:left;
  line-height: 1.3;
}

#flostrum-plus .container .row .col-md-2 p, #flostrum-baby .container .row .col-md-2 p, #flostrum-baby-mobile .row .col-md-2 p{
	font-size:18px;
	font-weight: 500;
	line-height:1.3;
}

#lab2pro{
	margin-top: -60px;
	margin-bottom:80px;
}

#lab2pro h2{
	font-size:44px;
	margin-bottom:-25px;
	margin-top:50px;
}

#lab2pro p{
	font-size: 28px;
}

#lab2pro .row.ochrona{
	background-image: url('../img/lab2pro.png');
	background-repeat: no-repeat;
    background-position: center;
    text-align: left;
    display: flex;
    justify-content: space-around;
    padding: 70px 0;
}


#lab2pro .row.ochrona .ochrona-left{
	padding-left:40px;
}
#lab2pro .row.ochrona p{
	font-size:24px;
}

#lab2pro .row.ochrona .col-md-6{
	padding: 50px 0;
}

#lab2pro .row.ochrona .col-md-4.ochrona-right{
	/*margin-top:25px;*/
}


#lab2pro .row.ochrona h3{
	font-weight: 700;
	margin:0;
	position: relative;
	margin-top:20px;
}

#lab2pro .row.ochrona h3.red::before{
	content: url('../img/red-before.png');
	position: absolute;
	left: 45%;
    bottom: 36px;
}

#lab2pro .row.ochrona h3.blue::before{
	content: url('../img/blue-before.png');
	position: absolute;
	left:-25%;
	bottom:36px;
}

#lab2pro .row.ochrona p{
	font-weight: 400;
	margin:0;
}

#lab2pro .bottomp{
	    margin-left: -15px;
    margin-right: -15px;
}
#dlaczego{
	background: #1960a8;
	color:#fff;
	position: relative;
}

#dlaczego .container{
	padding-top:40px;
}

#dlaczego::before{
    content: '';
    border: 3px solid white;
    padding: 23px;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 700;
    background: #1960a8;
}

#dlaczego::after{
    content: '';
    border: 3px solid white;
    padding: 23px;
    border-radius: 50%;
    position: absolute;
    z-index: 700;
    left: 50%;
    transform: translateX(-50%);
    background: #1960a8;
    bottom: -23px;
}

#dlaczego h2{
	color:#fff;
}

#dlaczego .dlaczego-mobile{
	padding-bottom: 50px;
}

#dlaczego .dlaczego-mobile p{
	font-size:18px;
	position: relative;
	padding-bottom: 25px;
}

#dlaczego .dlaczego-mobile p::before{
	content: url(../img/elipse-before-circle.png);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
}


#referencje{
	text-align: left;
}

#referencje h2{
	color: #93cfc5;
	font-size:18px;
	font-style: italic;
	text-align: left;
}

#referencje p{
	font-size:12px;
	color: #454444;
	margin:0;
}

#referencje .row{
	margin-top:20px;
}

#referencje .container .row.logos{
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 0;
}


#adamed{
	background: #143991;
}

#adamed .container .row{
	display: flex;
	align-items: center;
}

#adamed p{
	color: #fff;
	font-size:14px;
	text-align: left;
}

footer .footer-contact{
	color: #848484;
	background-color: #f1f1f1;
	padding: 30px 0;
}

footer .footer-contact p{
	font-size:14px;
	margin:0;
	text-align: left;
	font-weight: 700;
	line-height: 1.8;
}

footer .footer-contact p a{
		color: #848484;
		text-decoration: none;
}


footer .nr{
	color: #4cc1ae;
	font-size:15px;
}

footer .contact-info {
	display: flex;
	align-items:center;
}


footer .suplement{
    z-index: 900;
    right: 0;
    background: #e5e5e5;
    color: #777777;
    padding: 15px 27px;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    position: fixed;
    bottom: 0;
}
@media screen and (max-width: 1450px){
	#slider h1{
		right:20px;
		line-height: 1.1;
    	margin-top: 20px;
	}

}


@media screen and (max-width: 1366px){
	#flostrum-baby .container .close, #flostrum-plus .container .close{
		right:20px;
	}
}

@media screen and (max-width: 1300px){
	#referencje .container .row.logos{
		padding: 28px 50px;
	}

		#lab2pro .row.ochrona .ochrona-left {
	    padding-left: 0;
	}
}

@media screen and (max-width:1220px){
	.flostrum-right .col-md-4 img, .flostrum-left .col-md-4 img{
		max-width:100%;
	}

	#slider h1{
		font-size: 42px;
	}
}


@media screen and (max-width: 1060px){
	#flostrum-baby .container .close, #flostrum-plus .container .close{
		right:10px;
	}
}

@media screen and (max-width: 992px){

	header{
		display: none;
	}

	main {
    padding-top: 75px;
	}

	.slicknav_menu{
		background: #fff;
		position: fixed;
		width: 100%;
		z-index: 2000;
		margin-top:20px;
	}

	.slicknav_menu .slicknav_menutxt{
		display: none;
	}

	.slicknav_btn{
		background-color:#fff;
	}

	.slicknav_menu .slicknav_icon-bar {
    background-color: #1e376c;
	}

	.slicknav_nav a{
		color: #7cccbf;
		font-weight: 900;
	}
.slicknav_nav a:hover span {
	color:#fff;
}
	.slicknav_nav a span{
		color: #1e376c;
	}

	.slicknav_nav a span:hover{
		color: #fff;
	}

	.slicknav_nav a span.menu-pro{
		color: #7cccbf;
	}

	.slicknav_nav a:hover {
    border-radius: 0;
    background: #1e376c;
    color: #fff;
	}

	.slicknav-logo{
	float: left;
    max-width: 180px;
    padding: 10px;
	}

	#slider h1{
		font-size:36px;
	}

	#produkty .container{
		width:100%;
		padding-left:0;
		padding-right:0;
	}

	#produkty .row.flostrum-produkty{
		display: flex;
		flex-direction: column;
	}


	#produkty .row.flostrum-produkty .flostrum-left, #produkty .row.flostrum-produkty .flostrum-right{
		max-width: 100%;
	}


	#bakterie .bacteria-box{
		max-width: 100%;
	}



	#lab2pro .row.ochrona{
		background-size:25%;
	}

	#referencje .container .row.logos{
		justify-content: center;
	}
	#referencje .container .row.logos img{
		padding: 20px 20px;
	}

	#lab2pro .row.ochrona h3.red::before{
	content: url('../img/red-before2.png');
	position: absolute;
	left: 65%;
    bottom: 25px;
}

#lab2pro .row.ochrona h3.blue::before{
	content: url('../img/blue-before2.png');
	position: absolute;
	left:-35%;
	bottom:36px;
}

}

@media screen and (max-width: 767px){

	#slider{
		background-image: url('../img/flostrum-slider.jpg');
		background-size: cover;
    	background-position-x: center;
    	height:400px;
	}

	#slider .container-fluid img{
		display: none;
	}

	#slider video{
		display: none;
	}

	#slider h1{
		position: static;
		left: 0;
		transform: none;
		width:100%;
		padding-top:50px;
	}

	main {
		margin-top:-20px;
	}

		#bakterie .bacteria-box{
			display:none;
	}

	#bakterie .col-md-6.rhamnosus {
    	border-right: none;
    	padding-top: 50px;
    	padding-bottom: 50px;
    	text-align:center;
    }

    #bakterie .col-md-6.reuteri {
    	border-left: none;
    	padding-top: 50px;
    	padding-bottom: 20px;
    	text-align:center;
    	position: relative;
    }

	#bakterie .col-md-6.rhamnosus .bacteria-text-mobile, #bakterie .col-md-6.reuteri .bacteria-text-mobile {
		font-weight: 500;
	}

		#bakterie .col-md-6.rhamnosus p, #bakterie .col-md-6.reuteri p{
		font-size:28px;
	}

    #bakterie .col-md-6.reuteri .bacteria-box-mobile{
	    position: absolute;
	    left: 0;
	    width: 100%;
		top: 0;
	    transform: translateY(-50%);
	    padding-left: 10px;
	    padding-right: 10px;
    }

    #bakterie .col-md-6.rhamnosus .offset-md-4{
    	padding-left:45px;
    }

	#bakterie .col-md-6.reuteri .col-md-8{
    	padding-right:45px;
    	paddin-top:50px;
    }

    #produkty p{
    	text-align: center;
    }

    #produkty .row.flostrum-produkty .flostrum-left, #produkty .row.flostrum-produkty .flostrum-right{
    	display: flex;
    	flex-direction:column;
    	align-items:center;
    }

    #produkty .row.flostrum-produkty .flostrum-left .row{
    	flex-direction: column-reverse;
    }

    #produkty .row.flostrum-produkty .col-md-7{
    	align-items:center;
    }

        #produkty .row.flostrum-produkty .col-md-5{
    	display:flex;
    	justify-content:center;
    }

        #produkty .row.flostrum-produkty .col-md-5 img{
    	margin-top: 50px;
   }

    #produkty .row.flostrum-produkty .flostrum-right .col-md-7 {
    align-items: center;
	}

	#produkty .pinkbutton, #produkty .bluebutton{
		border-radius:20px;
	}

	#flostrum-baby .container .close, #flostrum-plus .container .close, #flostrum-baby-mobile .close, #flostrum-plus .container .close{
		right:-50px;
	}


	#flostrum-baby-mobile .close{
		right:50px;
	}


	#lab2pro .row.ochrona {
		background-image: none;
	}

	#lab2pro .row.ochrona h3.red::before{
		display:none;
	}

	#lab2pro .col-md-4.ochrona-left{
		position: relative;
	}
	#lab2pro .col-md-4.ochrona-left::after{
		content: url('../img/lab2pro-before.png');
		position:absolute;
		left: 39%;
    	z-index: 1000;
	}
	#lab2pro .col-md-4.ochrona-right{
		position: relative;
	}
	#lab2pro .col-md-4.ochrona-right::before{
		content: url('../img/lab2pro-after.png');
		position: absolute;
    	right: 33%;
    	top: -100%;
    	z-index:1000;
	}

	#lab2pro .col-md-1{
		display: flex;
	    justify-content: center;
	    align-items: center;
	}

	#lab2pro .lab2pro-img{
		margin-top:30px;
		max-width: 220px;
		height:auto;

	}

	#dlaczego h2{
	color:#fff;
	padding-bottom:25px;
	}


	.footer-contact .row .col-md-4{
		display: flex;
		flex-direction: column;
		align-items:center;
		padding-top: 20px;
	}

	#adamed {
    padding: 20px;
    display: flex;
    justify-content: center;
	}

	#adamed p{
		text-align:center;
	}

}

@media screen and (max-width:676px){
	#slider h1{
		font-size:26px;
	}

	#referencje .offset-md-1{
		padding-left:25px;
		padding-right:25px;
	}

	footer .suplement{
		font-size: 11px;
		padding: 18px 12px;
	}

		#flostrum-plus .container .flostrum-plus-logo, #flostrum-baby .container .close, #flostrum-plus .container .close, #flostrum-plus .container .close{
		position:static;
		margin-top:20px;
	}

	#flostrum-baby-mobile .close{
		position:static;
		margin-bottom:20px;
		}

	#flostrum-plus .container .row.close-row, #flostrum-baby .container .row.close-row, #flostrum-baby-mobile .row.close-row{
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
}


@media screen and (max-width:576px){
	#lab2pro .row.ochrona .ochrona-left{
		padding-left:20px;
	}
}

@media screen and (max-width:525px){
	#lab2pro .col-md-4.ochrona-left::after{
		left:37%;
		top:110%;
	}
}


@media screen and (max-width:514px){
	#lab2pro .col-md-4.ochrona-right::before{
		right:31%;
		top:-90%;
	}
}



@media screen and (max-width:420px){
	#lab2pro .col-md-4.ochrona-left::after{
		left:35%;
		top:110%;
	}
	#lab2pro .col-md-4.ochrona-right::before{
		right:28%;
		top:-90%;
	}
}

@media screen and (max-width: 370px){
	footer .suplement{
		padding:18px 6px;
	}
}

@media screen and (min-width: 1200px){
	.container {
	    width: 1250px;
	    max-width: 100%;
	}
}


@media screen and (min-width: 991px){
	.slicknav_menu{
		display:none;
	}

	.dlaczego-mobile{
		display: none;
	}

}


@media screen and (min-width: 768px){
	.bacteria-box-mobile{
		display: none;
	}

	#flostrum-baby-mobile{
		display: none;
	}

	.lab2pro-img{
		display: none;
	}

	.bacteria-text-mobile{
		display: none;
	}
}

@media screen and (max-width:1200px) and (min-width:992px){
	#produkty .container{
		width:100%;
	}

	#produkty .bluebutton{
		margin-top:0;
	}

	header .container {
		width:100%;
		padding-left:0;
		padding-right: 0;
	}


	header .container .col-md-4{
		max-width: 25%;
		flex: 0 0 25%;
	}

	header .container .col-md-7{
		max-width: 75%;
		flex: 0 0 75%;
	}

	.header-row img {
    margin-left: 0;
    max-width: 200px;
	}

	ul#menu li.active a{
		padding: 6px 10px;
	}
}

@media screen and (max-width:991px) and (min-width:768px){
  #flostrum-plus .container .row .col-md-2 p, #flostrum-baby .container .row .col-md-2 p, #flostrum-baby-mobile .row .col-md-2 p{
    font-size:12px;
  }
}