@charset "UTF-8";
/* CSS Document */
/*general settings */
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 	

}
body {
width:100%;
margin:0px auto;
padding:0px 0px 15px 0px
}
.navbar.navbar-inverse {
border-radius: 0px;
margin:0px auto; 
padding:0px;
max-width: 1300px

}
.col-xs-12 {
padding:0px;

}
.container-fluid {
max-width:1300px;

}
.container-fluid.content {
width:95%;
max-width:1260px;
padding:0px 0px;
}

.container-fluid.content.std_box {
padding-top:20px;
}
.row {
	position: relative;
	padding: 0px;
}
/*.row.block_hr_spacer {
 width:95%; 
 margin:0px auto
}*/
.margin0 {
margin:0px;
		
}
.padding0 {
padding:0px
}
.m_bottom20 {
margin-bottom:20px
}	
   
	/* Add a gray background color and some padding to the footer */
	footer {
      background-color: #f2f2f2;
      padding: 15px;
	  text-align:center;
	  
	  }
	@media screen and (min-width:768px) {
    footer {
      
      padding: 25px;
	  
	  
	  }
    }
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
    
  }
	

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
	.breaker {
		display:none;
		font-size:1px
	}
	@media (max-width: 700px) {
    .breaker {
		display:block
	}
  }
	strong {
	color:inherit
	}
	
	#extra {
	display:none	
	}
	a {
	color:rgba(0,0,0,0.7);
	text-decoration:underline
	}
	a:hover {
	color:rgba(0,0,0,1);
	text-decoration:none
	}
/*zero hr blank :: base */
	
    hr { 
    display: block;
	clear: both;
	height: 0;
	margin: 0px 0 0px;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:rgba(0,0,0,0);
	border-bottom:0px solid transparent;
	text-align: center;
	font-size: 60px;
	line-height: 1;
} 


/* px spacers */
.hr_spacer50px {
margin-top: 25px;
margin-bottom:25px

 
}
.hr_spacer40px {
margin-top: 20px;
margin-bottom:20px

 
}
.hr_spacer30px {
margin-top: 15px;
margin-bottom:15px

 
}
.hr_spacer20px {
margin-top: 10px;
margin-bottom:10px

 
}
.hr_spacer10px {
margin-top: 5px;
margin-bottom:5px
}
.std_box_col .std_box_col_ins .ins_insider.ins_hr_spacer {
padding-top:0px;
margin-top:-10px;
margin-bottom:0px;
border:1px solid transparent;

}

/*general typo*/
h1 {
font-size:3.5rem;
	

  /*font-size: 4.1vmax*/
}
h2 {
font-size:3rem;
  /*font-size: 3.4vmax*/
}
h3 {
font-size:2.5rem;
  /*font-size: 2.92vmax*/
}
h4 {
font-size:2rem;
  /*font-size: 2.34vmax*/
}
h5 {
font-size:1.6rem;
  /*font-size: 1.95vmax*/
}
p {
font-size: 1.4rem;
color:rgba(0,0,0,1)
			
}

@media (min-width: 768px) {
h1 {
font-size:4.8rem;
  /*font-size: 4.1vmax*/
}
h2 {
font-size:3.5rem;
  /*font-size: 3.4vmax*/
}
h3 {
font-size:3rem;
  /*font-size: 2.92vmax*/
}
h4 {
font-size:2.4rem;
  /*font-size: 2.34vmax*/
}
h5 {
font-size:2rem;
  /*font-size: 1.95vmax*/
}
p {
font-size: 1.5rem;
			
}
}
h1, h2, h3, h4, h5, h6 {
line-height:1.2;
margin-top:0px; 
margin-bottom:0px
	
}
img {
margin:0px;
padding:0px
}
img.product {
max-width:100%;
padding:0px 10%
}
@media (min-width: 768px) {
img.product {
max-width:100%;
padding:0px 7%
}
}
/* ===================== header*/
.header_frame,
.header_frame .container-fluid {
padding:0px;
position:relative;
margin-top:0px;

}

.butelka {
position:absolute;
top:3%;
z-index:10;
padding:0px

}
@media (min-width: 374px) {
.butelka {
top:3%;

}
}
@media (min-width: 500px) {
.butelka {
top:3%;

}
}
@media (min-width: 768px) {
.butelka {
top:2%;

}
}
@media (min-width: 991px) {
.butelka {
top:3%;
}
}
.butelka img {
display:block; 
width:80%; 
max-height:500px; 
margin-left:0px
}
.butelka img:nth-of-type(1) {
position:absolute; 
z-index:100;
top:1px

}
.butelka img:nth-of-type(2) {
position:absolute; 
z-index:10; 
opacity:0.4;
}


.header {
position:absolute;
left:0%;
bottom:0%;
border-bottom:2px solid rgba(0,0,0,1)
}
@media (min-width: 768px) {
.header {
border-bottom:4px solid rgba(0,0,0,1)
}
}
.header .ultraprevention {
width:100%;
background:rgba(0,0,0,0.5);
margin:0px;
padding:0%;
display:block
}
.header .ultraprevention:nth-of-type(2) {
width:100%;
margin:2vw 0px 0px 0px;
padding:0%;
display:block
}
.header .ultraprevention img {
width:100%;
margin:0px;
padding:0%;
display:block
}
.supplement {
margin-top:2%;
font-size:2.3rem;
margin-left:8px
}
@media screen and (min-width:600px) {
.supplement {
margin-top:1%;
font-size:3rem;
margin-left:8px
}
}
@media screen and (min-width:600px) {
.supplement {
margin-top:1%;
font-size:3rem;
margin-left:8px
}
}
@media screen and (min-width:991px) {
.supplement {
margin-top:1%;
font-size:4rem;
margin-left:8px
}
}
/* =========== hr header to content separator: to be used between scalable header and the first content block */
hr.header_bottom_spacer {
margin-top:6%;
border: 0;
  border-top: 1px solid rgba(0,0,0,0);
}
@media screen and (min-width:374px) {
hr.header_bottom_spacer {
margin-top:6%;
border: 0;
  border-top: 1px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:500px) {
hr.header_bottom_spacer {
margin-top:6%;
border: 0;
  border-top: 1px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:768px) {
hr.header_bottom_spacer {
margin-top:6%;
border: 0;
  border-top: 1px solid rgba(0,0,0,0);
}
}
@media screen and (min-width:991px) {
hr.header_bottom_spacer {
margin-top:6%;
border: 0;
  border-top: 1px solid rgba(0,0,0,0);
}
}
/*=========flex moduls 31 and 421.========= */ 
/*Modul 31: >768px: one row of 3 blocks of 32%each; <767px : 3 block 100% in column*/
/*Modul 421: >1100px: one row of 4 blocks, 24% each block; >768px: two rows of 2 blocks per row, 49% each block; <767px : 3 block 100% in column*/
/* flex moduls setup */	
.flex_wrap31, .flex_wrap421 {
display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: column; 
    flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_item31, .flex_item421 {
	width: 100%;
	margin-right:0%;
	margin-bottom:16px;
	position:relative;
	padding:10px;
	border-top:1px solid rgba(0,0,0,0);
	border-right:1px solid rgba(0,0,0,0);
	border-bottom:1px solid rgba(0,0,0,4);
	border-left:1px solid rgba(0,0,0,0);
	border-radius:0px			
}

.flex_item31:first-of-type, .flex_item421:first-of-type {
	border-top:1px solid rgba(0,0,0,0.4);		
}
.flex_item31:hover, .flex_item421:hover {
	background:rgba(0,0,0,0)		
}

@media (min-width:768px) {
.flex_wrap31, .flex_wrap421 {
	-webkit-flex-direction: row; 
	flex-direction: row;
	
}
.flex_item31, .flex_item421 {
	width: 32%;
	margin-right:2%;
	border-top:1px solid rgba(0,0,0,0.4);
	border-right:1px solid rgba(0,0,0,0.4);
	border-bottom:1px solid rgba(0,0,0,0.4);
	border-left:1px solid rgba(0,0,0,0.4);
	border-radius:16px
}
.flex_item421 {
	width: 49%;
}
.flex_item31 {
	width: 32%;
}
.flex_item31:hover, .flex_item421:hover {
	background:rgba(0,0,0,0.1)		
}
.flex_item31:nth-of-type(3n) {
	margin-right: 0;
}

.flex_item31:nth-of-type(3n+1) {
	margin-left: 0;	
}
.flex_item421:nth-of-type(2n) {
	margin-right: 0;

}

.flex_item421:nth-of-type(2n+1) {
	margin-left: 0;	
	
}
}
@media (min-width:1100px) {
.flex_wrap421 {
 -webkit-flex-direction: row; 
flex-direction: row;
	-webkit-align-items: stretch;
    align-items: stretch;
}
.flex_item421 {
	width: 24%;
	margin-right:1.3%;
	margin-bottom:15px;

}
.flex_item421:nth-of-type(2n) {
	margin-right: 1.3%;

}

.flex_item421:nth-of-type(2n+1) {
	margin-left: inherit;	
	

}
.flex_item421:nth-of-type(4n) {
	margin-right: 0;

}

.flex_item421:nth-of-type(4n+1) {
	margin-left: 0;	
	

}
}
.flex_item31 .bottom_link, .flex_item421 .bottom_link {
	position:absolute; 
	bottom:16px
}
.flex_item31 .bottom_link a strong .glyphicon, .flex_item421 .bottom_link a strong .glyphicon {
	padding-left:15px
}
/* common setup for 421 and 31 moduls :: layout inside each flex modul block: flex_item -> inside containers and elements */
.flex_insider {
	padding:8px;
	
	
}
.flex_ins_container {
	padding:0px;
	margin:0px;
	margin-bottom:35px; 
	
}
.flex_ins_container img {
	border:1px solid rgba(0,0,0,0.4);
	margin-bottom:10px;
	border-radius:8px;
	display:block;
	width:36%
}
@media (min-width:768px) {
	.flex_ins_container img {
	width:48%
	}
}
@media (min-width:1100px) {
	.flex_ins_container img {
	width:72%
	}
}
.flex_ins_container img.flag {
	border:1px solid rgba(0,0,0,0.4);
	margin-bottom:10px;
	border-radius:0px;
	display:block;
	width:auto
}
.flex_ins_container .headline {
margin-bottom:10px;
font-weight:bold;
}
.flex_ins_container p {
margin-bottom:15px;
text-align:left
}

/* ================ content-box */
.std_box {

}
.std_box .row {
padding:0px	
}
@media screen and (min-width:768px) {
.std_box .row {
padding:0px	
}	
}

.std_box_col {
padding:15px 0px;

}
.std_box_col:first-of-type {
padding:0px 0px 0px 0px;
margin-top:0px
}

.std_box_col:last-of-type {
padding:0px 0px 0px 0px	
}

@media screen and (min-width:768px) {
.std_box_col {
padding:0px 20px;

}
.std_box_col:first-of-type {
padding:0px 20px 0px 0px	
}
.std_box_col:last-of-type {
padding:0px 0px 0px 20px	
}
}

.std_box_col .std_box_col_ins {
padding:0px 0px;
margin:0px;

}

.std_box_col .std_box_col_ins .ins_insider {
padding:0px 0px 0px 0px;  /* 8px 9px 0px 9px; */
margin-top:10px;
margin-bottom:20px;

}
.std_box_col .std_box_col_ins .ins_insider:first-of-type {
margin-top:0px;
}
@media screen and (min-width:768px) {
.std_box_col .std_box_col_ins .ins_insider:first-of-type {
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
}	
}

.std_box_col:first-of-type .std_box_col_ins .ins_insider {
margin-left:0px
}
@media (min-width: 768px) {

.std_box_col:first-of-type .std_box_col_ins .ins_insider {
margin-left:0px
}	
}

.std_box_col:last-of-type .std_box_col_ins .ins_insider {
margin-right:0px;

}
@media (min-width: 768px) {

.std_box_col:last-of-type .std_box_col_ins .ins_insider {
margin-right:0px;

}	
}
.std_box_col .std_box_col_ins .ins_insider.only {
padding:0px 0px 0px 0px;  /* 8px 9px 0px 9px; */
margin-top:10px;
margin-bottom:0px;

}
.std_box_col .std_box_col_ins .ins_insider p {
padding:0px 0px 0px 0px;  /* 8px 9px 0px 9px; */
margin-top:0px;
margin-bottom:10px;
text-align:justify;
}
.std_box_col .std_box_col_ins .ins_insider p + p {
margin-top:20px;


}
@media screen and (min-width:768px) {
.std_box_col .std_box_col_ins .ins_insider p {
padding:0px 0px 0px 0px;
margin-top:0px;
margin-bottom:10px
}	
}
.std_box_col .std_box_col_ins .ins_insider p img {
display:block;
	width:50%;
	margin:20px auto
	}
/* ====================== image modul */
.ins_insider .img_modul_tr {
display:table-row
}
.ins_insider .img_modul_td {
display:table-cell;
}
.ins_insider .img_modul_td img {
display:block; 
width:100%
}
.std_box_col .std_box_col_ins .ins_insider img,
.std_box_col .std_box_col_ins .ins_insider .img-responsive {
margin:0px;
border:1px solid rgba(0,0,0,0.4)
}
@media (min-width: 768px) {
.std_box_col .std_box_col_ins .ins_insider img,
.std_box_col .std_box_col_ins .ins_insider .img-responsive {
margin:0px;
border:1px solid rgba(0,0,0,0.4)

}	
}
.ins_insider .img_modul_td img.no_border {
border:none;

}
.std_box_col .std_box_col_ins .ins_insider figcaption {
margin:5px auto 0px auto;
padding:0px 0px 0px 0px;
line-height:1.2em; 
text-align: center;
max-width:80%
}
.ins_insider .img_modul_table {
position:relative;
display:table; 
table-layout: auto; 
margin:0px auto;
width:inherit 

}
.col_separator {
display:none
}
@media screen and (min-width:768px) {
.col_separator {
display:block;
height:1px;
}
}
.ins_insider .img_modul_table.cite {
width:80%; 
margin-left:auto; 
margin-right:auto
}
cite {
font-weight:bold;
}
/* =====================   lists */
	/*list inside p and between p */
	/*li */
	ul, ol {

	list-style-position: inside;		
	}
	ul {
list-style-type: square;
			
	}
.ins_insider p ~ ul,
.ins_insider p ~ ol	{

padding:0px 0px 0px 10px;
margin:10px 0px 0px 0px;

}
.ins_insider p ~ ul li,
	.ins_insider p ~ ol li {
line-height:1.8
}
.ins_insider ul ~ p,
	.ins_insider ol ~ p {
margin-top:0px
	
}

/*stand alone list inside .ins_insider div */
	.ins_insider  ul,
	.ins_insider  ol {
	padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;

	}	
.ins_insider .style_none {
list-style: none;
padding:0px
}
.ins_insider .style_none li {
margin-bottom:10px;
}
.ins_insider .style_none li:last-child {
margin-bottom:0px;
}
.ins_insider .style_none li a{
font-size:1.6rem;
font-weight:bold
}
/*stand alone list  with links, inside .ins_insider div */
	.ins_insider  ul li a+span,
	.ins_insider  ol li a+span {
display:block; 
float:none; 
width:100%;
text-align:justify

	}	 
.center_text {
    text-align: center
}
.disclaimer {
		border:1px solid rgba(0,0,0,0.45); 
		/*background:rgba(255,200,0,0.45);*/ 
		padding:10px;
		margin-bottom:0px;
	font-size:1.2rem
	}
.top_disclaimer {
		font-size:1.5rem;
		text-align:center;
		padding:10px 20px
	}


.paypal {
text-align:center
}
.paypal:nth-child(2) {
display:none
}
.lineBraker {
	display:block
}
@media screen and (min-width:768px) {
.paypal:nth-child(2) {
display:block
}
.paypal form {
text-align:center
}
.lineBraker {
	display:none
}
}

/*polish shopping segment */
.btn.btn-lg.btn-default.pl_shop {
		width:100%; 
		background-color:rgba(78,156,245,0.50); 
		border-radius: 0px;
		padding:10 0px;
		font-size:1.4rem
		}
		.btn.btn-lg.btn-default.pl_shop img {
		margin-right:10px	
		}
		.btn.btn-lg.btn-default.pl_shop .buy_now_pl {
		font-size:1.1rem; 
		font-weight:500; 
		letter-spacing: 1px; 
		color:rgba(249,251,194,1.00); 
		margin-left:15px; 
		padding:6px 8px; 
		background:rgba(180,0,0,1.00)	
		}
		/*toggle button*/
		.btn.btn-info.to_paypal {
		width:100%; 
		background-color:rgba(78,156,245,0.50); 
		border-radius: 0px; 
		border:0px solid transparent; 
		padding:10 0px; 
		margin-bottom:0px 	
		}
		.btn.btn-info.to_paypal span {
		color:black
		}
		#offer p {
		width:90%; 
		margin: 10px auto;
		text-align:center	
		}
/* Facebook button*/
.col-xs-12.margin0.padding0.image .fb-follow {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	
}