@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,800');
body, html {
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
	font-weight: 300;
}

p {
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.5; 
}
h1, h2, h3, h4, h5 {
    font-weight: 300;
    line-height: 1.3;
}
.txt_white_shadow {
    text-shadow: 2px 2px 3px  #FFF;
}
.txt_black_shadow {
    text-shadow: 2px 2px 3px  #000;
}

.intro_img_mobile { display: none; }

.video-container {
	position: absolute;
	top: 0;
	z-index: -1;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: fill;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.seabuckthorn_intro, .lingonberry_intro {
	width: 100%;
	height: 100vh;
}


.lingonberry_intro {
	margin: -100px 0px 0px 0px;
	padding: 100px 0 0 0;
	min-height: 1000px;

}

.btn_lingon {
	display: block;
	margin: 20px auto 10px auto;
	width: fit-content;
	border-radius: 0;
	background: #be1e2d;
	color: #FFF;
	border: 1px solid #FFF;
	font-size: 16px;
	padding: 10px 20px;
}

.effects {
	background: #000 bottom center url(../img/products/flow/bg_stage_bw.jpg) no-repeat;
	background-size: cover;
}

.effects_h2 {
	display: block;
	position: relative;
	z-index: 2;
	color: #FFF;
	margin: auto;
	text-align: center;
}
.effects_h2 h1 { 
	font-size: 28px; font-weight: 400; }
.effects_h2 {
	font-size: 28px;
    font-weight: 300;
    line-height: 1.3;
	text-transform: uppercase;
	margin-top: 10px;
	text-align: center;
	padding-bottom: 3px;
}

.effects_h2 p {
	font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
	padding-bottom: 10px;
	padding-left: 25%;
	padding-right: 25%;
	text-align: center;
}

.effectboxes h2 {
	font-size: 20px!important;
    font-weight: 600;
    line-height: 1.3;
	text-transform: uppercase;
	margin-top: 5%;
	text-align: center;
	padding-bottom: 3px;
}
.effects p {
	font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 10px;
	text-align: center;
}
.effect_1 h2, .effect_2 h2, .effect_3 h2 {
	font-size: 20px!important;
	font-weight: 300!important;
}
.effect_1 p, .effect_2 p, .effect_3 p {
	padding-left: 0;
	padding-right: 0;
}
.videobox {
	margin: 10px 0;
}
#effectsvideo { 
	position: absolute;
	height: auto;
	width: auto;
	min-height: 100%;
	min-width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
	opacity: 0.3;
}
.he-50 { height: 50%; }
.he-100 {height: 100%; }

.flow_info {
	display: block;
	padding: 20px 0px;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin-top: 40px;
}
.flow_pack_info h1 {
	font-weight: 400; 
	font-size: 2em;
	text-transform: uppercase; 
	line-height: 1.3; 
	color: #000;
	text-align: center;
	text-transform: uppercase;
	margin: 40px auto;
}
.flow_info h2 {	
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 300;
	font-size: 18px;
}
.flow_pack_info p {
	font-weight: 300; 
	font-style: italic;
	font-size: 14px;
	line-height: 1.3; 
	color: #000;
	text-align: center;
	margin: 40px auto;
}


.flow_mix {
	margin-top: 10px;
	background-image: url(../img/products/flow/flow_mix_2022.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: none;
	height: auto;
	height: 70vh;
	position: relative;
	text-align: center;
	padding: 55% 0 0;	
	z-index: 1;
}
.flow_mix_txt {
	position: absolute;
	top:25%;
	right: 5%;
	width: 30%;
	text-align: center;
	color: #FFF;
	z-index: 9999;
}
.flow_mix_txt h2 {
	font-size: 1.6em;
	line-height: 1.2; 
	font-weight: 300;
	margin-bottom: 25px;
	color: #000;
}
.flow_mix_txt .center-block {
	width: 80%;
	max-width: 300px;
}

.flow_mix2 {
	margin-top: 10px;
	background-image: url(../img/products/flow/flow_mix3.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: none;
	height: auto;
	height: 70vh;
	position: relative;
	text-align: center;
	padding: 65% 0 0;	
	z-index: 1;
}
.flow_mix_txt2 {
	position: absolute;
	top:25%;
	right: 5%;
	width: 30%;
	text-align: center;
	color: #FFF;
	z-index: 9999;
}
.flow_mix_txt2 h2 {
	font-size: 1.6em;
	line-height: 1.2; 
	font-weight: 300;
	margin-bottom: 25px;
	color: #000;
}
.flow_mix_txt2 .center-block {
	width: 80%;
	max-width: 300px;
}


.flow_handful {
	margin-top: 10px;
	background-image: url(../img/products/flow/flow_berries.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: none;
	height: auto;
	height: 70vh;
	position: relative;
	text-align: center;
	padding: 55% 0 0;	
}

.handful_seabuckthorn {
	background-image: url(../img/products/flow/flow_seabuckthorn_berries.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: none;
	height: auto;
	height: 70vh;
	position: relative;
}

.flow_handful_txt {
	position: absolute;
	top:8%;
	right: 20%;
	left: 20%;
	width: 60%;
	text-align: center;
	color: #FFF;
	z-index: 9999;
}
.flow_seabuckthorn_handful_txt {
	position: absolute;
	top:25%;
	right: 5%;
	width: 30%;
	text-align: center;
	color: #FFF;
}
.flow_handful_txt h2 {
	font-weight: 600; 
	font-size: 2.6em;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
	text-shadow: 2px 1px 2px  #000;
}
.flow_seabuckthorn_handful_txt p {
	font-weight: 300; 
	color: #000;
	font-size: 1.6em;
	line-height: 1.2; 
	margin-bottom: 25px;
}

.handful_infobox {
	position: absolute;
	top: 55%;
	z-index: 9999;
	color: #FFF;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px -9px 8px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -9px 8px -2px rgba(0,0,0,0.75);
	box-shadow: 0px -9px 8px -2px rgba(0,0,0,0.75);
	padding: 30px 30px 40px 30px;
	right: 3%;
	width: 15%;
}
.handful_infobox p {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5; 
	text-shadow: 2px 1px 2px  #000;
}
.handful_infobox .btn {
	margin-top: 10px;
	border: 1px solid #FFF;
	padding: 10px 40px;
	border-radius: 0;
	color: #000;
	background: #FFF;
}
.handful_infobox .btn:hover {
	background: #be1e2d;
	color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none;
}
.handful_video {
	position: absolute;
	right: 0;
	top: 0px;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;	
	object-fit: fill;
}
.handful_video video {
	width: 100%;
}


.testimonials {
	clear: both;
	margin: 5% auto;
	width: 90%;
}

.testimonials .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:  flex;

}
.testimonials .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
	min-height: 400px;
	padding: 10px 20px;
	background-color: #FFF;
	color: #000;
}

.testimonials .card {
	height: 100%;
	padding: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
	0 3px 1px -2px rgba(0, 0, 0, 0.2), 
	0 1px 5px 0 rgba(0, 0, 0, 0.12);	
}
.card .img-box {
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
	margin-top: -40px;
	margin-bottom: 20px;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.img-box img {
	width: 100%;
	height: 100%;
}
.testimonial h3 {
    color: #be1e2d;
    text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
}
.testimonial_seabuckthorn h3 {
    color: #ff9900;
    text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
}

.testimonial p {
	font-size: 14px;
	line-height: 1.5;
	padding-left: 20px;
	padding-right: 20px;
}
.testimonial h4 {
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	margin: 0;
}
.testimonial h5 {
	font-weight: 300; 
	font-size:14px;
	font-style: italic;
	line-height: 1.2; 
	padding: 0 20px;
	margin: 5px 0px 0px 0px;
}

.floworder {
	margin: 3% auto;
	text-align: center;
}
.floworder h2 {
	font-weight: 300; 
	font-size:24px;
	line-height: 1.4; 
	padding: 0 5%;
	margin: 20px 0px 0px 0px;
}

.floworder h3 {
	font-weight: 300; 
	font-size:24px;
	line-height: 1.2; 
	padding: 0;
	margin: 10px 0px 0px 0px;
}
.btn_red {
	margin: 40px auto;
	padding: 20px 40px;
	color: #FFF;
	background: #be1e2d;
	border-radius: 0;
}

.flow_instantlong {
    background: #000;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	min-height: 450px;
	width: 100%;
	text-align: center;
	overflow: hidden;
    z-index: -101;
	font-weight: 300;
}
.flow_instantlong_beauty {
    background: #FFF;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	min-height: 450px;
	width: 100%;
	text-align: center;
	overflow: hidden;
    z-index: -101;
	font-weight: 300;
}

.flow_instantlong_container  {
	display: block;
    position: relative;
	width: 100%;
	min-height: 400px;
	padding: 50% 0 0;	
	margin: 0 auto;
	overflow: hidden;
}

.flow_instantlong_container_beauty  {
	display: block;
    position: relative;
	width: 100%;
	min-height: 400px;
	padding: 65% 0 0;	
	margin: 0 auto;
	overflow: hidden;
}

.flow_beauty_skin_video  {
	display: block;
    position: relative;
	width: 100%;
	min-height: 400px;
	padding: 55% 0 0;	
	margin: 0 auto;
	overflow: hidden;
}

.bgvid {
	width:100%;
	height: 100%;
	object-fit: cover;
    background-size: cover;
    position: absolute;
	top: 0;
    left: 0;
}
.flow_instantlong_logo {
	position: absolute;
	background-color: rgba(0,0,0, 0.8);
	-webkit-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);	
	width: 20%;
	top: 0;
	padding-top: 5%;
    overflow-y: hidden;
	left: 40%;
	right: 40%;
}

.flow_instantlong_logo_white {
	background-color: rgba(255,255,255, 0.5);
	width: 20%;
}
.seabuckthorn_instalong { height: 100vh;}

.flow_instantlonglogo {
	width: 70%;
	padding-bottom: 10%;
}

.flow_instantlong_txt {
	position: absolute;
	width: 80%;
	top: 40%;
	padding-top: 5%;
    overflow-y: hidden;
	left: 10%;
	right: 10%;
	z-index: 2000;
	text-align: center;
}

.flow_beauty_txt p {
	font-size: 2em;
	font-weight: 400;
	line-height: 1.5; 
	text-transform: uppercase;
	color: #000;
	text-shadow: 2px 1px 2px  #FFFFFF;
}

.flow_instantlong_txt p {
	display: block;
	font-size: 2.4em;
	font-weight: 800;
	line-height: 1.5; 
	text-transform: uppercase;
	margin: 0% auto 20px auto;
	text-align: center;
	color: #FFF;
	text-shadow: 2px 1px 2px  #000;
}

.flow_instantlong_txt .btn {
	margin-top: 20px;
	border: 1px solid #FFF;
	padding: 10px 40px;
	border-radius: 0;
	color: #000;
	background: rgba(255,255,255, 0.9);
}
.flow_instantlong_txt .btn:hover {
	background: rgba(190,30,45);
	color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none;
}


.btn_flow_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #be1e2d;
	color: #FFF;	
}
.btn_nf {
	display: inline-block!important;
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #666666;
	color: #FFF;
	text-transform: uppercase;
}

.flow_beauty_intro {
	display: block;
	position: relative;
	background-image: url(../img/products/flow/flow_beauty_1.jpg);
	background-size: cover;
	background-position: top left;
	background-repeat: none;
	height: 70vh;
	margin-top: -100px;
	min-height: 700px;
	margin-bottom: 10px;
	padding: 65% 0 0;
}
.flow_beauty_intro_txt {
	position: absolute;
	color: #000;
	z-index: 2;
	padding: 0px;
	width: 30%;
	min-width: 500px;
	margin: 0px;
	top: 20%;
	left: 5%;
	right: 10%;
	text-align: center;
}
.flow_beauty_intro_txt h1 {
	font-weight: 600; 
	font-size:28px;
	text-transform: uppercase; 
	line-height: 1.3; 
	padding: 0;
	margin: 20px 0px 5px 0px;
}
.flow_beauty_intro_txt h2 {
	font-weight:400; 
	font-size:26px;
	text-transform: uppercase;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.flow_beauty_intro_txt h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.5; 
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.txt {
	margin-top: 25%;
	width: 500px;
	padding: 0 40px;
}
.flow_beauty_skin {
	overflow: hidden;
}
.flow_beauty_skin_txt {
	width: 80%;
	max-width: 600px;
	display: block;
	margin: 15% auto 0 auto;
	padding: 40px 0;
	text-align: center;
}
.flow_beauty_skin p {
	font-weight:300; 
	font-size:22px;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

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

.flow_beauty_1_txt {
	position: absolute;
	color: #000000;
	z-index: 2;
	padding: 0px;
	width: 40%;
	min-width: 600px;
	margin: 0px;
	top: 35%;
	right: 20%;
	left: 30%;
	text-align: center;
}
.flow_beauty_1_txt h1 {
	font-weight:300; 
	font-size:2em;
	text-transform: uppercase;
	line-height: 1.3; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}
.flow_beauty_1_txt h2 {
	font-weight:400; 
	font-size:28px;
	text-transform: uppercase;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.flow_beauty_1_txt p {
	font-weight:300; 
	font-size:1.6em;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.flow_beauty_sun {
	width: 100%;
	height: 100vh;
}
.flow_beauty_sun_txt {
	position: absolute;
	color: #FFF;
	z-index: 2;
	padding: 0px;
	width: 25%;
	min-width: 500px;
	margin: 0px;
	bottom: 25%;
	left: 5%;
	text-align: center;
}
.flow_beauty_sun_txt p {
	font-weight:300; 
	font-size:1.6em;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
	text-shadow: 2px 1px 2px  #000;
}

.flow_beauty_skin_break p {
	font-weight:300; 
	font-size:24px;
	line-height: 1.3; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.flow_beauty_cell {
	display: block;
	position: relative;
	background-image: url(../img/products/flow/beauty_cell.jpg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: none;
	height: 50vh;
	min-height: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 50% 0 0;
}
.flow_beauty_cell_txt {
	position: absolute;
	color: #000;
	z-index: 2;
	padding: 0px;
	width: 30%;
	min-width: 550px;
	margin: 0px;
	top: 20%;
	right: 5%;
	text-align: center;
}
.flow_beauty_cell_txt h2 {
	font-weight:300; 
	font-size:2em;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.flow_beauty_berries h2 {
	font-weight:300; 
	font-size:1.6em;
	text-transform: uppercase;
	line-height: 1.3; 
	padding: 0;
	margin: 10px 0px 20px 0px;
}
.flow_beauty_berries p {
	font-weight:300; 
	font-size:18px;
	line-height: 1.3; 
	padding: 0 40px;
	margin: 0px 0px 20px 0px;
}
.seabuckthorn_img {
	width: 90%;
	margin: 0 auto;
}
.flow_beauty_berries_oil {
	overflow: hidden;
}
.flow_beauty_berries_oil .txt {
	width: 90%;
	margin-top: 30%;
}
.flow_beauty_berries_oil h1 {
	font-weight:300; 
	font-size:2em;
	line-height: 1.3; 
	padding: 0;
	margin: 0px 0px 20px 0px;
}

.flow_beauty_berries_oil h2 {
	font-weight:300; 
	font-size:1.6em;
	text-transform: uppercase;
	line-height: 1.3; 
	padding: 0;
	margin: 10px 0px 20px 0px;
}
.flow_beauty_berries_oil p {
	font-weight:300; 
	font-size:22px;
	line-height: 1.3; 
	padding: 0 40px;
	margin: 0px 0px 20px 0px;
}

.bottom-align-txt {
	width: 90%;
	padding: 0 40px;
    position: absolute;
    bottom: 20%;
    right: 0;
	left: 0;
}

.beauty_weather {
	height: 100vh;
	width: 100%;
	background-image: url(../img/products/flow/beauty_skin_winter.jpg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: none;
}

.beauty_weather p {
	font-weight:300; 
	font-size:22px;
	line-height: 1.2; 
	padding: 0;
	margin: 0px 0px 20px 0px;
	text-shadow: 2px 1px 2px  #FFFFFF;
}


.flowstory_intro {
	display: block;
	position: relative;
	background: transparent;
	height: 80vh;
	margin-top: -100px;
	min-height: 700px;
	margin-bottom: 10px;
	padding: 50% 0 0;
}
  .flowstory_intro_txt {
	position: absolute;
	color: #000;
	z-index: 100;
	padding: 20px 40px;
	width: 70%;
	margin: 0px;
	top: 30%;
	left: 15%;
	right: 15%;
	text-align: center;
}
.cells_bg {
	padding: 5px 0px 0px 0px;
	width: 200px;
	margin: 10px auto;
	border-radius: 30px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.cells_bg .flow_cells {
	width: 90%;
}
.flowstory_intro_txt h2 {
	font-size: 28px;
    font-weight: 800;
	line-height: 1.4;
	margin: 0;
    padding-bottom: 10px;
	color: #000;
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
}
.flowstory_intro_txt h3 {
	font-size: 24px;
    font-weight: 400;
	line-height: 1.4;
	margin: 0;
    padding-bottom: 10px;
	color: #000;
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
}
.flowstory_intro_txt p {
	font-size: 16px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}

 .flow_forest {
	display: block;
	background: top left url(../img/products/flow/flow_forrest.jpg) no-repeat;
	background-size: cover;
	height: auto;
	margin: 10px auto 10px auto;
	position: relative;
	text-align: center;
	width: 100%;
	padding: 50% 0 0;	
 }
 .flow_forest_txt {
	background: rgba(255,255,255, 0.9);
	-webkit-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);	
	padding: 20px 40px 20px 40px;
	position: absolute;
	bottom:15%;
	right: 5%;
	width: 25%;
	text-align: center;
	color: #000;
}
.flow_forest_txt h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.3; 
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.flow_forest_txt p {
	color: #000;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
}

 .flowstory_2 {
	display: block;
	background-color: #FFF;
	background-image: url(../img/products/flow/bg_tube.jpg);
	background-size: cover;
	background-position: top left;
	background-repeat: none;
	height: auto;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 100%;
	padding: 60% 0 0;	
 }
 .flowstory_2_txt {
	position: absolute;
	top:10%;
	left: 3%;
	width: 650px;
	text-align: center;
	color: #000;
	padding-bottom: 40px;
}
.flowstory_2_txt2 {
	position: absolute;
	top:45%;
	right: 5%;
	width: 500px;
	text-align: center;
	color: #000;
	padding-bottom: 40px;
}
.flowstory_2_txt2 img {
	width: 45%;
	display: inline-block;
}
.flowstory_2_txt h2 {
	font-size: 28px;
    font-weight: 800;
	line-height: 1.3;
	margin: 0;
    padding-bottom: 10px;
	color: #000;
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
	/*text-shadow: 2px 1px 2px  #000;*/
}

.flowstory_2_txt p, .flowstory_2_txt2 p {
	font-weight: 300; 
	font-size:16px;
	line-height: 1.5; 
	padding: 0 40px;
	margin: 20px 0px 20px 0px;
 }


.story_numbers {
	position: absolute;
	bottom: 25%;
	width: 350px;
	right: 5%;
}
.numblock {
	display: block;
	clear: both;
	width: 350px;
	text-align: right;
	padding-top: 20px;
}
.numblock h2 {
	font-size: 4em;
	font-weight: 800;
	color: #000;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
}
.story_numbers .arrow {
	width: 20%;
	float: left;
}

.flowstory_3 {
	margin: 3% auto 2% auto;
	text-align: center;
}
.flowstory_3 h2 {
	font-weight: 400; 
	font-size:28px;
	text-transform: uppercase; 
	line-height: 1.4; 
	padding: 0;
	margin: 20px 0px 20px 0px;	 
 }
.flowstory_3 p {
	font-weight: 300; 
	font-size:18px;
	line-height: 1.5; 
	padding: 0 10%;
	margin: 20px 0px 20px 0px;
 }

 .flowstory_3 .row {
	 margin: 40px auto;
	 width: 90%;
	 max-width: 800px;
 }
 .flowstory_3 img {
	 width: 60%;

 }
 .flowstory_3 blockquote {
	 margin-top: 40px;
	 border: none;
	 font-size: 18px;
	 padding: 0;
 }


/* ******************************************************************* */
/* ******************************************************************* */
/* FLOW SEABUCKTHORN */
/* ******************************************************************* */
/* ******************************************************************* */


 .btn_buckthorn {
	display: block;
	margin: 20px auto 10px auto;
	width: fit-content;
	background: #ff9900!important;
	color: #FFF;
	font-size: 16px;
	padding: 10px 20px;
}
.btn_buckthorn2 {
	display: block;
	margin: 20px auto 10px auto;
	width: fit-content;
	border-radius: 0;
	background: #FFFFFF!important;
	color: #ff9900;
	border: 1px solid #ff9900;
	font-size: 16px;
	padding: 10px 20px;
}
.btn_buckthorn_block {
	background: #ff9900!important;
	color: #FFF;
}
 
@media (min-width: 2000px){

}
@media (max-width: 1200px){
	.flowstory_2 {
		padding: 80% 0 0;
	}
	.flowstory_2_txt {
		background: rgba(255, 255, 255, 0.7);
		-webkit-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
		box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);	
		top:5%;
		left: 3%;
		width: 45%;	
		padding: 20px;
	} 
	.flowstory_2_txt h2, .flowstory_2_txt p,
	.flowstory_2_txt2 h2, .flowstory_2_txt2 p {
		padding-left: 20px;
		padding-right: 20px;
	}
	.flowstory_2_txt2 {
		background: rgba(255, 255, 255, 0.7);
		-webkit-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
		box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);	
		top:40%;
		right: 3%;
		width: 45%;	
		padding: 20px;
	} 
}
@media (max-width: 990px){
	.flowstory_intro {
		margin-top: 0;
		min-height: 450px;
		padding: 45% 0 0;
		height: 70vh;
	}
	.flowstory_intro_txt {
		top: 15%;
		width: 90%;
		left: 5%;
		right: 5%;
	}
	.flowstory_intro_txt h2 { font-size: 20px; }
	.flowstory_2 {
		padding: 0;
		background-position: top center;
	}
	.flowstory_2_txt, .flowstory_2_txt2 { 
		position: relative;
		left: 0;
		right: 0;
		width: 80%;
	}
	.flowstory_2_txt {
		margin: 40px auto 20px auto;
	}
	.flowstory_2_txt2 {
		margin: 20px auto 40px auto;
	}
	.flow_forest_txt {
		background: rgba(255, 255, 255, 0.7);
		top: 20%;
		bottom: auto;
		left: 25%;
		right: 25%;
		width: 50%;
	}

}
@media (max-width: 768px){
	.flowstory_intro {
		height: 60vh;
	}
	.flow_forest {
		padding: 60% 0 0;
	}
	.flow_forest_txt {
		width: 70%;
		left: 15%;
		right: 15%;
	}
	.flowstory_3  .pull-right {
		float: none!important;
		display: block;
		margin: 0 auto;
		left: 0;
	}
	.flowstory_3 img {
		width: 40%;
	}   
}
@media (max-width: 660px) {  
	.cartbox .border-start {border: none!important; }
	.videofallback_science {
		background: top center url(../img/products/flow/thumbmnail_science.jpg) no-repeat;
		background-size: cover;
		object-fit: fill;
		z-index: 3;
	}
	.videofallback_burning {
		background: top center url(../img/products/flow/thumbmnail_burning.jpg) no-repeat;
		background-size: cover;
		object-fit: fill;
		z-index: 3;
	}	
	.flowstory_intro {
		min-height: 500px;
	}
	.flowstory_intro_txt {
		top: 40px;
		padding: 20px 10px;
	}
	.flowstory_2_txt, .flowstory_2_txt2 { 
		position: relative;
		left: 0;
		right: 0;
		width: 90%;
	}
	.flowstory_intro_txt h2, .flowstory_2_txt h2 { 
		font-size: 20px; 
		padding-left: 20px;
		padding-right: 20px;
	}
	.flowstory_intro_txt p { 
		font-size: 14px; 
		padding-left: 20px;
		padding-right: 20px;
	}
	.flow_forest {		
		padding: 40px 20px;
		min-height: 400px;
		background-position: top center;
	}
	.flow_forest_txt {
		position: relative;
		margin: 40px auto;
		width: 96%;
		left: 0;
		right: 0;
	}
}


/* ******************************************************************* */
/* ******************************************************************* */
/* FLOW BILBERRY */
/* ******************************************************************* */
/* ******************************************************************* */
.flow-bilberry_intro {
	background: #000 top right url(../img/products/flow/bg_flow_bilberry2.jpg) no-repeat;
	background-size: cover;
	margin: -200px 0px 0px 0px;
	padding: 200px 0 0 0;
	min-height: 1000px;

}
.flow-bilberry_intro .flow-infobox{
	z-index: 1999;
}

.btn_bilberry {
	display: block;
	margin: 20px auto 10px auto;
	width: fit-content;
	border-radius: 0;
	background: #348ad8!important;
	color: #FFF;
	font-size: 16px;
	padding: 10px 20px;
}
.btn_bilberry2 {
	display: block;
	margin: 20px auto 10px auto;
	width: fit-content;
	border-radius: 0;
	background: #FFFFFF!important;
	color: #348ad8;
	border: 1px solid #348ad8;
	font-size: 16px;
	padding: 10px 20px;
}
.btn_bilberry_block {
	background: #348ad8!important;
}
.btn_bilberry_bw {
	word-wrap: break-word;
	background: rgba(255,255,255, 0.9);
}
.btn_bilberry_bw:hover {
	background: #348ad8;
	color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none;
}

.flow_pack_info_inner_bilberry {
	display: block;
	width: 98%;
	margin: 0 auto;
	max-width: 1100px;
}

.flow_bilberry_handful_txt h2 {
	font-size: 2.6em;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
	color: #000;
}
.flow_bilberry_handful_txt p {
	font-weight: 300; 
	color: #000;
	font-size: 1.6em;
	line-height: 1.2; 
	margin-bottom: 25px;
}
.berrylist {
	list-style-position: outside;
	text-align: left;
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.5;
	max-width: 500px;
	margin: 10px auto;
	padding: 0;
}
.bilberry_li, .blackcurrant_li, .greentea_li {
	list-style: none;
	list-style-position: outside;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 2em;
	text-indent: -1.8em;
}
.bilberry_li::before {
	content: '';
	margin-right: 5px;
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	width: 30px;
	background-image: url(../img/frontpage/berry_bilberry.png); 
	background-size:contain;
	background-repeat: no-repeat;
    text-align: right;	
}
.blackcurrant_li::before {
	content: '';
	margin-right: 5px;
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	width: 30px;
	background-image: url(../img/frontpage/berry_blackcurrant.png); 
	background-size:contain;
	background-repeat: no-repeat;
}
.greentea_li::before {
	content: '';
	margin-right: 5px;
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	width: 30px;
	background-image: url(../img/frontpage/greentea.png); 
	background-size:contain;
	background-repeat: no-repeat;
}

.blackcurrant_sq .txt {
	margin-top: 15%;
	width: 90%;
	padding: 0 20px;
}
.blackcurrant_txt h2, .blackcurrant_sq h2 {
	font-weight: 600; 
	font-size: 2.6em;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
}
.blackcurrant_txt p, .blackcurrant_sq p {
	font-weight: 300; 
	color: #000;
	font-size: 1.6em;
	line-height: 1.2; 
	margin-bottom: 25px;
}


.greentea {
	margin-top: 10px;
	background-image: url(../img/products/flow/bg_greentea.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: none;
	height: auto;
	height: 80vh;
	position: relative;
	text-align: center;
	padding: 55% 0 0;	
}
.greentea_txt {
	position: absolute;
	top:8%;
	right: 20%;
	left: 20%;
	width: 60%;
	text-align: center;
	color: #000;
	z-index: 1000;
}
.greentea_txt h2 {
	font-weight: 600; 
	font-size: 2.6em;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
}
.greentea_txt p {
	font-weight: 300; 
	color: #000;
	font-size: 1.6em;
	line-height: 1.2; 
	margin-bottom: 25px;
}

.flow_instantlong_logo_bilberry {
	background-color: rgba(0,0,0, 0.6);
	-webkit-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 5px -5px rgba(0,0,0,0.75);	
	width: 20%;
}
.instantlong_bilberry {
	height: 100vh;
	width: 100%;
}

.bioactivecompounds h2 {
	font-weight: 600; 
	font-size: 2.6em;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
}
.bioactivecompounds h5 { font-size: 2em; }


.content p {
	font-weight: 300;
	font-size: 1.2rem;
}

.bg_greyroom {
	background: url(../img/bg/bg_greyroom.jpg) no-repeat;
	background-size: cover;
	background-position: bottom center;
}
/* SAVINGS */
.onsale-section {
	position: absolute;
	top: -6px;
	right: 20px;
  }
  
  .onsale-section:after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 6px solid #8cc63f;
  }
  
  .onsale {
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #8cc63f;
	font-size: 12px;
	line-height: 1.3;
	padding: 12px 8px 6px;
	border-top-right-radius: 8px;
	width: 94px;
	text-transform: uppercase
  }
  
  .onsale:before,
  .onsale:after {
	position: absolute;
	content: '';
	display: block;
  }
  
  .onsale:before {
	background: #8cc63f;
	height: 7px;
	width: 6px;
	left: -6px;
	top: 0;
  }
  
  .onsale:after {
	background: #96a0a2;
	height: 7px;
	width: 8px;
	border-radius: 8px 8px 0 0;
	left: -8px;
	top: 0;
  }

  .product_card .card {
	border: none;
	overflow: hidden;
}
.main_image img { width: 450px; }
.thumbnail_images ul{
	list-style: none;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top:10px;
}
.thumbnail_images ul li{
	margin: 5px;
	padding: 10px;
	border: 2px solid #eee;
	cursor: pointer;
	transition: all 0.5s;
}
.product_gallery_img {width: 70px; }
.thumbnail_images ul li:hover{ border: 2px solid #000; }
.main_image{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
	overflow: hidden;
}
.ratings span{
	font-size: 14px;
	margin-left: 12px
}
.right-side { position: relative; } 

.product_description h4 {
	font-weight: 400;	
}
.product_description .input-group {
	max-width: 240px;
}


@media (max-width: 1400px){
	.flowbilberry_info h2 { font-size: 1.4rem;}	
	.flow_blackcurrant h2 { font-size: 1.4rem;}
	.flow_blackcurrant p, .flow_blackcurrant li { font-size: 1.2rem; }
}

@media (max-width: 1200px){
	.blackcurrant_sq .txt {
		width: 100%;
	}
	.blackcurrant_sq h2, .flow_bilberry_handful_txt h2, .greentea_txt h2, .flow_blackcurrant h2 {
		font-weight: 600; 
		font-size: 2.0em;
		text-transform: uppercase; 
		line-height: 1.2; 
		margin-bottom: 25px;
	}
	.blackcurrant_sq p, .flow_bilberry_handful_txt p, .greentea_txt p {
		font-weight: 300; 
		font-size: 1.2em;
		line-height: 1.2; 
		margin-bottom: 25px;
	}
	.berrylist {
		font-size: 1.2rem;
	}
	.flowbilberry_info h2 { font-size: 1.2rem;}	
}

@media (max-width: 1100px){
	.flow_beauty_berries_oil .txt {
		margin-top: 10%;
	}
}

@media (max-width: 990px){ 
	.flow_beauty_sun {
		height: 40vh;
	}
	.flow_mix_txt h2 {
		font-size: 1.4em;
	}
	.flow_mix_txt .center-block {
		width: 90%;
		max-width: auto;
	}			
	.container-flow_new  { margin-top: 0; }
	.flow-txt { 
		top: 15%;
		left: 2%;
	}
	.flow-infobox h2 { font-size: 20px;}
	.flow-infobox h3 { font-size: 18px; }

	.seabuckthorn_intro, .lingonberry_intro {
		height: 50vh;
		margin: 0;
		padding: 0;
		position: relative;
	}	
	.flow-bilberry_intro {
		margin-top: 0;
		padding-top: 0;
	}
	.handful_bilberry { background-position: top left;	}
	.blackcurrant_txt, .greentea_txt {
		top: 10%;
		right: 15%;
		left: 15%;
		width: 70%;
		background: rgba(255, 255, 255, 0.8);
		padding: 20px 20px 40px 20px;
		z-index: 1;
	}
	.bg_blackcurrant_sq {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.blackcurrant_txt h2, .blackcurrant_txt p, .blackcurrant_txt li {
		color: #000;
		text-shadow: none;
	}
	.blackcurrant_sq .txt {
		padding-bottom: 15%;
	}
	.product_description .input-group {
		max-width: 100%;
	}
	.flow_handful_txt h2 { font-size: 24px; }
	.handful_seabuckthorn {
		background-image: url(../img/products/flow/flow_seabuckthorn_berries_mobile.jpg);
		background-size: cover;
		background-position: top center;
		background-repeat: none;
		height: auto;
		height: 70vh;
		position: relative;
		padding: 90% 0 0 0;
	}
	.flow_seabuckthorn_handful_txt {
		top: 10%;
		right: 20%;
		left: 20%;
		width: 60%;
		background: rgba(255, 255, 255, 0.7);
		padding: 20px 40px 10px 40px;
		z-index: 1;
	}
	.testimonials .row { 
		display: block; 
		width: 100%;
		margin: 0 auto;
	}
	.testimonials .row > [class*='col-'] { 
		display: block;		
		width: 80%;
		margin: 40px auto;
		float: none;
	}
	.card .img-box {
		margin-left: 20%;
		margin-right: 20%;
	}	
	.flow_instantlong_txt p { font-size: 1.8em; }
	.flow_beauty_txt p { font-size: 1.8em; }
	.flow_instantlong_container {
		-webkit-border-radius: 1px;
		min-height: 450px;
	}
	.flow_usage h2 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.flow_usage .col-xs-12 {
		width: 25%;
	}
	.flow_beauty_intro {
		margin-top: 0;
		background-position: top center;
	}
	.flow_beauty_intro_txt {
		min-width: 400px;
	}
	.flow_beauty_skin_txt {
		width: 90%;
		max-width: auto;
		margin: 15% auto 0 auto;
		padding: 10px 40px 10px 20px;
	}
	.flow_beauty_skin p {
		font-size: 18px;
	}
	.beauty_weather {
		height: 50vh;
	}
	.beauty_weather p { font-size: 18px; }
	.flow_beauty_berries_oil .txt {
		width: 100%;
	}
	.flow_beauty_berries_oil p { 
		font-size: 18px; 
		padding-left: 20px;
		padding-right: 20px;
	}
	.seabuckthorn_instalong { height: auto;}

}
@media (max-width: 768px) {  
	.testimonials .row > [class*='col-'] { 
		display: block;		
		width: 100%;
		margin: 40px auto;
		float: none;
	}
	.flow_mix {
		margin-top: 0px;
		background-image: url(../img/products/flow/flow_mix2_mobile_2022.jpg);
		background-size: cover;
		background-position: top center;
		background-repeat: none;
		height: auto;
		height:70vh;
		position: relative;
		text-align: center;
		padding: 100% 0 0 0;	
		z-index: 1;	
	}
	.flow_mix_txt {
		top: 0%;
		right: 10%;
		left: 10%;
		width: 80%;
		padding: 10px;
	}	
	body { overflow-x: hidden; }
	.flow-txt { min-width: 450px; }
	.flow-infobox h1 { font-size: 24px; }

	.flow_pack_info_inner img {
		width: 70%;
		margin: 0 auto;
	}
	.flow_infoboxes {
		padding-top: 20px;
		width: 80%;
		margin: 0 auto;
	}
	.blackcurrant_txt, .flow_bilberry_handful_txt, .greentea_txt {
		top: 10%;
		right: 10%;
		left: 10%;
		width: 80%;
		padding-bottom: 40px;
	}
	.flow_bilberry_handful_txt h2, .flow_blackcurrant h2, .greentea_txt h2, .bioactivecompounds h2 {font-size: 18px;}
	.bioactivecompounds h5 { font-size: 18px; }
	.flow_bilberry_handful_txt p, .flow_blackcurrant p, .berrylist, .greentea_txt p {font-size: 1.2em;}
	.flow_mix_bilberry {
		background: none;
		height: auto;
	}
	.floworder h2, .floworder h3 { 
		font-size: 20px;
		padding-left: 10%;
		padding-right: 10%; 
		margin-bottom: 20px;
	}
	.flow_instantlong, .flow_instantlong_beauty {
		padding: 0;
		min-height: auto;
	}
	.bgvid video {
		-webkit-border-radius: 1px;
		position: relative;
		object-fit:cover;
		overflow:hidden;
		width:100%;
		height:100%;
	}
	.flow_beauty_txt {
		top: 30%;
	}
	
	.flow_instantlong_txt p { font-size: 24px; }
	.flow_beauty_txt p { font-size: 22px; }
	.flow_usage .col-xs-12 {
		width: 49%;
	}
	.flow_beauty_skin_txt {
		margin-top: 0;
	}
	.seabuckthorn_img {
		max-width: 350px;
		margin-bottom: 20px;
	}
	.flow_beauty_berries h2 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.flow_beauty_berries_oil img {
		width: 80%;
		margin: 0 auto;
	}
	.seabuckthorn_3d {
		text-align: right!important;
	}
	.seabuckthorn_3d img {
		float: right;
		width: 90%;
		margin: 0;
	}
	.box_drink {
		clear: both;
	}
	.seabuckthorn_3d .txt {
		margin-top: 0;
		padding-top: 0;
	}
	.box_drink .txt {
		padding-bottom: 20px;
	}

}
@media (max-width: 660px) {  
	.flow_seabuckthorn_handful_txt {
		top: 10%;
		right: 15%;
		left: 15%;
		width: 70%;
		background: rgba(255, 255, 255, 0.7);
		padding: 20px 20px 10px 20px;
	}
	.flow_handful_txt h2 { font-size: 18px; }
	.flow_seabuckthorn_handful_txt p { font-size: 18px; }
	.flow_mix {
		margin-top: 0px;
		background-image: url(../img/products/flow/flow_mix2_mobile_2022.jpg);
		background-size: cover;
		background-position: top center;
		background-repeat: none;
		height: auto;
		height:70vh;
		position: relative;
		text-align: center;
		padding: 150% 0 0 0;	
		z-index: 1;	
	}
	.flow_mix_txt h2 { font-size: 18px; }
	.container-flow_new { padding: 0; }
	.seabuckthorn_intro .video-container video, .lingonberry_intro .video-container video {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 0;
		right: 30%;
		transform: translate(-50%, -50%);
	}
	.seabuckthorn_intro h2, .seabuckthorn_intro h3, .seabuckthorn_intro h4 { color: #000; text-shadow: none; }
	.lingonberry_intro h2, .lingonberry_intro h3, .lingonberry_intro h4 { color: #000; text-shadow: none; }

	.flow_instantlonglogo { width: 100%; }
	.flow-txt {
		left: 0;
		right: 0;
		display: block;
		min-width: auto;
		background: #000;
		position: relative;
		padding: 20px 0px 30px 0px;
		width: 100%;
		margin: 0 auto;
	}
	.flow-infobox h1, .flow-infobox h2, .flow-infobox h3 {
		text-shadow: none;
		color: #FFF;
		margin-left: 20px;
		margin-right: 20px;
	}

	.intro_img_mobile { display: block; }
	.flow-bilberry_intro h2 { color: #000; text-shadow: none; font-size: 22px; }
	.flow-bilberry_intro h3, .flow-bilberry_intro h4 { color: #000; text-shadow: none; font-size: 18px; }
	.flow-bilberry_intro {
		background-image: none;
		background: #FFF;
		margin-top: 0;
		padding-top: 0;
		height: auto!important;
		min-height: auto;
	}
	.flow-bilberry_intro .flow-txt {
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		min-width: auto;
		background:rgba(0, 0, 0, 0.8);
		position: relative;
		padding: 20px 0px 30px 0px;
		width: 100%;
		margin: 0 auto;
	}
	.greentea {
		padding: 0;
		height: auto;
	}
	.greentea_txt {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}
	.berrylist {
		max-width: auto;
	}
	.bilberry_li, .blackcurrant_li, .greentea_li {
		text-indent: -2em;
	}
	.handful_bilberry {
		min-height: 0;
	}
	.flow_bilberry_handful_txt {
		position: relative;
		width: 100%;
		right: auto;
		left: auto;
		top: 0;
		padding: 20px;
		margin: 0 auto;
	}
	.handful_bilberry {
		background: none;
	}
	.flow_instantlong_logo_bilberry { width: 40%; }
	.instantlong_bilberry { height: auto; }
	.flow_bilberry_handful_txt p, .flow_bilberry_handful_txt li, .flow_blackcurrant p, .flow_blackcurrant li, .greentea p { font-size: 16px; }
	.main_image img { width: 350px; }
	.thumbnail_images ul li { padding: 3px; }
	#thumbnail { padding: 0; margin: 0 auto;}
	.product_gallery_img {width:35px; }
	.product_card .border-end { border: none!important; }
	.product_card h3, .seabuckthorn_intro h3 { font-size: 18px; }
	.product_card h4, .seabuckthorn_intro h4 { font-size: 16px; }
	.product_card p { font-size: 16px; }
	h2 { font-size: 18px; }
	p, li  { font-size: 16px; }
	.flow_pack_info p { 
		padding-left: 20px; 
		padding-right: 20px;
	}
	.testimonials {
		clear: both;
		margin: 5% auto;
		width: 98%;
	}	
	.card {
		padding: 20px 10px;
	}
	.testimonial h3, .testimonial h4, .testimonial h5, .testimonial p {
		padding-left: 10px;
		padding-right: 10px;
	}
	.floworder h2, .floworder h3 { 
		margin-top: 0;
		font-size: 18px;
		padding-left: 10%;
		padding-right: 10%; 
		margin-bottom: 20px;
	}
	.floworder .btn {
		margin: 10px auto;
	}
	.flow_instantlong_logo {
		width: 30%;
		left: 35%;
	}
	.flow_instantlong_txt p, .flow_beauty_txt p { font-size: 18px; }
	.flow_usage .col-xs-12 {
		float: none;
		display: block;
		width: 60%;
		margin: 10px auto 10px auto;
	}
	.flow_usage h2 { font-size: 18px; }
	.flow_usage h3 { font-size: 14px;}
	.flow_usage, .floworder {
		margin: 20px auto 0 auto;
	}
	.btn_flow_pdf {
		margin: 5px auto;
	}
	.flow_usage {
		padding-top: 10px;
	}
	.flow_identities h3 {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.4;
		padding-bottom: 10px;
		text-align: center;
	}
	.flow_beauty_intro{
		background-position: top center;
		height: 50vh;
		padding-top: 50%;
	}
	.flow_beauty_intro_txt {
		top: 10%;
		right: 10%;
		left: 10%;
		width: 80%;
		min-width: auto;
		background: rgba(255, 255, 255, 0.7);
		padding: 10px 20px 20px 20px;
	}
	.flow_beauty_intro_txt h1 { font-size: 18px; }
	.flow_beauty_intro_txt h3 { font-size: 16px; }
	.flow_beauty_skin_break p { margin-top: 10px; font-size: 18px; }	
	.beauty_weather  {
		background-position: bottom left;
	}
	.beauty_weather .col-md-6 {
		background: rgba(255, 255, 255, 0.7)
	}
	.beauty_weather p { text-shadow: none; font-size: 16px; }
	.flow_beauty_berries { overflow: hidden; }
	.flow_beauty_berries h2 { font-size: 18px; }
	.flow_beauty_berries p { font-size: 16px; }

}

@media (max-width: 480px) {
	.flow_mix {
		margin-top: 0px;
		background-image: url(../img/products/flow/flow_mix2_mobile_2022.jpg);
		background-size: cover;
		background-position: top center;
		background-repeat: none;
		height: auto;
		height:70vh;
		position: relative;
		text-align: center;
		padding: 190% 0 0 0;	
		z-index: 1;	
	}
	.flow_mix_txt h2 { font-size: 18px; }
}