﻿/* GLOBAL */

html,body
{
	margin:0px;
	padding:0px;
	line-height:30px;
	font-family:'futura-pt', sans-serif;
	font-size:21px;
	font-weight:400;
	color:#000000;
	background:#ffffff;
}

body.resize *
{
	transition:none !important;
}

*:focus
{
	outline:none;
}

img,
img[style]
{
	max-width:100% !important;
	height:auto !important;
}

td,th,input,textarea,select
{
	font-family:'futura-pt', sans-serif;
	font-size:20px;
}

a
{
	color:#a7cbed;
	text-decoration:none;
	transition:/*color 100ms,*/ border 100ms;
}

a:hover
{
	text-decoration:underline;
}


a.read-more
{
	line-height:34px;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}

a.read-more::after
{
	content:' ';
	display:inline-block;
	margin:0px 0px 5px 15px;
	width:24px;
	height:24px;
	background: url(/file/1/bg-read-more.png) no-repeat top center;
	vertical-align:bottom;
}

a.read-more:hover
{
	color:#a7cbed;
	text-decoration:none;
}

a.read-more:hover::after
{
	background-position:bottom center;
}

a.older,
a.newer
{
	line-height:25px;
	font-size:20px;
	font-weight:500;
	letter-spacing: 2px;
	color:#000;
	text-transform:uppercase;
}

a.older::after
{
	content:' ';
	margin:2px 0px 1px 20px;
	display:inline-block;
	width:20px;
	height:17px;
	background: url(/file/1/bg-older.png) no-repeat top center;
}

a.newer::before
{
	content:' ';
	margin:2px 20px 1px 0px;
	display:inline-block;
	width:20px;
	height:17px;
	background: url(/file/1/bg-newer.png) no-repeat top center;
}

a.older:hover,
a.newer:hover
{
	color:#a7cbed;
	text-decoration:none;
}

a.older:hover::after,
a.newer:hover::before
{
	background-position:bottom center;
}

a.scroll-down
{
	overflow:hidden;
	display:inline-block;
	width:42px;
	height:42px;
	text-indent:-9999px;
	background: url(/file/1/bg-scroll-down.png);
}

a.scroll-down:hover
{
	background-position:center bottom;
}

h1,
h2.h1
{
	font-size:58px;
	line-height:65px;
	font-family:'futura-pt-bold', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

h2,
h1.h2
{
	font-size:32px;
	line-height:40px;
	font-weight:400;
	text-transform:uppercase;
}

h3
{
	font-size:24px;
	line-height:35px;
	font-family:'futura-pt-bold', sans-serif;
	font-weight:700;
}

h4
{
	margin:0px;
	padding:0px;
	font-size:20px;
	line-height:30px;
	font-weight:500;
	letter-spacing: 2px;
	text-transform:uppercase;
}

h4 span
{
	display:inline-block;
}

.container
{
	overflow:hidden;
	clear:both;
	float:left;
	width:100%;
}

.container.blue
{
	overflow:visible;
	color:#fff;
	background-color:#a7cbed;
}

.container.white
{
	overflow:visible;
	color:#000000;
	background-color:#ffffff;
}

.container.red
{
	overflow:visible;
	color:#fff;
	background-color:#eecda7;
}

.container.brown
{
	overflow:visible;
	color:#fff;
	background-color:#c8b9ae;
}

.container.margin
{
	margin:0px 0px 200px 0px;
}

.container.relative
{
	position:relative;
}

.container.relative > .container
{
	position:relative;
}

.container.relative > .container.background
{
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.container.relative > .container.background.contain
{
	background-size:contain;
}

.container.relative > .container.background.top-left
{
	background-position:top left;
}

.container.relative > .container.background.top-center
{
	background-position:top center;
}

.container.relative > .container.background.top-right
{
	background-position:top right;
}

.container.relative > .container.background.bottom-left
{
	background-position:bottom left;
}

.container.relative > .container.background.bottom-center
{
	background-position:bottom center;
}

.container.relative > .container.background.bottom-right
{
	background-position:bottom right;
}



.container.relative > .container.background > video,
.container.relative > .container.background > iframe
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	object-fit: cover;
}

.content
{
	clear:both;
	margin:0px auto;
	width:1320px;
}

.container::before,
.content::before,
.row::before,
.container::after,
.content::after,
.row::after
{
	content:' ';
	overflow:hidden;
	display:block;
	clear:both;
	float:left;
	width:100%;
	height:0px;
}

.row
{
	clear:both;
	margin:0px -10px;
}

.column
{
	float:left;
	padding:10px;
	box-sizing:border-box;
}

.column.c1of1,
.column.c2of2,
.column.c3of3,
.column.c4of4,
.column.c5of5
{
	width:100%;
}

.column.c1of2
{
	width:50%;
}

.column.c1of3
{
	width:33.33%;
}

.column.c2of3
{
	width:66.66%;
}

.column.c1of4
{
	width:25%;
}

.column.c2of4
{
	width:50%;
}

.column.c3of4
{
	width:75%;
}

.column.c1of5
{
	width:20%;
}

.column.c2of5
{
	width:40%;
}

.column.c3of5
{
	width:60%;
}

.column.c4of5
{
	width:80%;
}

.row.no-vertical-space .column
{
	padding:0px 10px;
}

.row.no-vertical-space::before,
.row.no-vertical-space::after
{
	display:none;
}

.align-left
{
	text-align:left;
}

.align-center
{
	text-align:center;
}

.align-right
{
	text-align:right;
}

.white-text
{
	color:#fff;
}

.black-text
{
	color:#000;
}

.upper
{
	text-transform:uppercase;
}

.logo
{
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}

@media screen and (max-width:940px)
{
	.row.collapse-tablet > .column
	{
		clear:both;
		width:100%;
	}
}

@media screen and (max-width:710px)
{
	.row.collapse-mobile > .column
	{
		clear:both;
		width:100%;
	}
}

@media screen and (min-width:940px) and (max-width:1360px)
{
	.content
	{
		width:900px;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	.container.relative > .container.background
	{
		background-size:cover;
	}

	.content
	{
		width:670px;
	}
}

@media screen and (max-width:710px)
{
	h1,
	h2.h1
	{
		font-size:29px;
		line-height:30px;
	}

	h2,
	h1.h2
	{
		font-size:24px;
		line-height:26px;
	}

	h3
	{
		font-size:20px;
		line-height:22px;
	}

	.hide-mobile
	{
		display:none;
	}

	.container.relative > .container.background
	{
		background-size:cover;
	}

	.content
	{
		width:320px;
	}
}

@media screen and (max-width:320px)
{
	.content
	{
		width:310px;
	}
}

/* HEADER */

#header
{
	z-index:99;
	overflow:visible;
	position:fixed;
	top:0px;
	left:0px;
	height:147px;
	background:rgba(255,255,255,1);
	transition:background 200ms, box-shadow 200ms;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

#header.fixed
{
	background:rgba(255,255,255,1);
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
}

#header + *
{
	padding-top:147px;
}


#header ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#header ul li
{
	float:left;
}

#header a.logo.isey
{
	float:left;
	margin:22px 0px 0px 0px;
	width:189px;
	height:107px;
	background:url(/file/1/logo-header.png) no-repeat top center;
}

#header a.logo.isey:hover
{
	background-position:bottom center;	
}

#header a#mobile
{
	display:none;
}

#header #shortcuts
{
	float:right;
}

#header #shortcuts ul li
{
	margin:13px;
}

#header .social
{
	display:none;
}

#header #shortcuts ul li a,
#header .social a
{
	overflow:hidden;
	float:left;
	height:27px;
	text-indent:-9999px;
	background: url(/file/1/bg-shortcuts-2.png) no-repeat;
}

#header #shortcuts ul li.instagram a,
#header .social a.instagram
{
	width:24px;
	background-position:0px 0px;
}

#header #shortcuts ul li.instagram a:hover,
#header .social a.instagram:hover
{
	background-position:0px -27px;
}

#header #shortcuts ul li.twitter a,
#header .social a.twitter
{
	width:26px;
	background-position:-51px 0px;
}

#header #shortcuts ul li.twitter a:hover,
#header .social a.twitter:hover
{
	background-position:-51px -27px;
}

#header #shortcuts ul li.facebook a,
#header .social a.facebook
{
	width:12px;
	background-position:-103px 0px;
}

#header #shortcuts ul li.facebook a:hover,
#header .social a.facebook:hover
{
	background-position:-103px -27px;
}

#header #shortcuts ul li.pinterest a,
#header .social a.pinterest
{
	width:19px;
	background-position:-137px 0px;
}

#header #shortcuts ul li.pinterest a:hover,
#header .social a.pinterest:hover
{
	background-position:-137px -27px;
}

#header #shortcuts ul li.search
{
	margin:0px 0px 0px 13px;
}

#header #shortcuts ul li.search a
{
	position:relative;
	width:76px;
	height:54px;
	background:#a7cbed;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#header #shortcuts ul li.search a::after
{
	content:' ';
	display:block;
	position:absolute;
	margin:-13px 0px 0px -12px;
	top:50%;
	left:50%;
	width:25px;
	height:27px;
	background: url(/file/1/bg-shortcuts-2.png) no-repeat -172px 0px;
}

#header #shortcuts ul li.search a:hover
{
	background:#000;
}

#header #topmenu
{
	float:right;
	width:1100px;
}

#header #topmenu #close
{
	display:none;
}

#header #topmenu > ul,
#header #topmenu > div > ul
{
	float:right;
	margin:39px 0px 0px 0px;
}

#header #topmenu > ul > li,
#header #topmenu > div > ul > li
{
	float:left;
	padding:0px 45px;
}

#header #topmenu > ul > li:last-child,
#header #topmenu > div > ul > li:last-child
{
	padding-right:0px;
}

#header #topmenu > ul > li > a,
#header #topmenu > div > ul > li > a
{
	float:left;
	padding:12px 0px;
	height:54px;
	line-height:30px;
	font-size:20px;
	font-weight:500;
	letter-spacing: 2px;
	color:#000;
	text-transform:uppercase;
	box-sizing:border-box;
}

#header #topmenu > ul > li > a.more,
#header #topmenu > div > ul > li > a.more
{
	display:none;
}

#header #topmenu > ul > li > a:hover,
#header #topmenu > ul > li:hover > a,
#header #topmenu > div > ul > li > a:hover,
#header #topmenu > div > ul > li:hover > a
{
	color:#a7cbed;
	text-decoration:none;
	border-bottom:6px solid #a7cbed;
}

#header #topmenu > ul > li.active > a,
#header #topmenu > div > ul > li.active > a
{
	font-family:'futura-pt-bold', sans-serif;
	font-weight:700;
	color:#a7cbed;
	text-decoration:none;
	border-bottom:6px solid #a7cbed;
}

#header #topmenu > ul > li > div
{
	display:none;
	position:absolute;
	left:0px;
	bottom:-60px;
	width:100%;
	background: #a7cbed;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
}

#header #topmenu > ul > li.active > div
{
	display:block;
}
/*
#header #topmenu > ul > li:hover > div
{
	z-index:2;
	display:block;
}
*/
#header #topmenu > ul > li > div ul
{
	float:right;
}

#header #topmenu > ul > li > div ul.return
{
	float:left;
}

#header #topmenu > ul > li > div ul > li
{
	padding:15px 30px;
}

#header #topmenu > ul > li > div ul.return > li
{
	padding-left:0px;
}

#header #topmenu > ul > li > div ul > li:last-child
{
	padding-right:0px;
}

#header #topmenu > ul > li > div ul > li > a
{
	line-height:30px;
	font-size:20px;
	font-weight:500;
	letter-spacing: 2px;
	color:#fff;
	text-transform:uppercase;
}

#header #topmenu > ul > li > div ul.return > li > a::before
{
	display:inline-block;
	content:' ';
	margin:0px 10px 0px 0px;
	width:20px;
	height:17px;
	background: url(/file/1/bg-return.png) no-repeat top center;
}

#header #topmenu > ul > li > div ul.return > li > a:hover::before
{
	background-position:bottom center;
}

#header #topmenu > ul > li > div ul > li.active > a,
#header #topmenu > ul > li > div ul > li > a:hover
{
	color:#000;
	text-decoration:none;
}

@media screen and (min-width:940px) and (max-width:1360px)
{
	#header #topmenu
	{
		width:700px;
	}

	#header #topmenu > ul > li
	{
		padding:0px 15px;
	}

	#header #topmenu > ul > li > div ul > li
	{
		padding:15px 15px;
	}
}

@media screen and /*(min-width:710px) and*/ (max-width:939px)
{

	#header a#mobile
	{
		overflow:visible;
		position:relative;
		display:block;
		float:right;
		margin:40px 0px 0px 0px;
		padding-top:60px;
		line-height:30px;
		width:62px;
		font-family:'futura-pt-bold', sans-serif;
		font-size:20px;
		font-weight:700;
		text-align:right;
		text-transform:uppercase;
		color:#a7cbed;
		border-bottom:6px solid #a7cbed;
	}

	#header a#mobile::before
	{
		position:absolute;
		top:0px;
		right:0px;
		display:block;
		content:' ';
		width:62px;
		height:50px;
		background:url(/file/1/bg-mobile.png) no-repeat top center;
	}

	#header a#mobile:hover
	{
		color:#000;
		text-decoration:none;
		border-color:#000;
	}

	#header a#mobile:hover::before
	{
		background-position:bottom center;
	}

	#header a#mobile span
	{
		float:right;
	}

	#header #shortcuts
	{
		position:fixed;
		top:147px;
		right:0px;
	}

	#header #shortcuts ul li
	{
		display:none;
	}

	#header #shortcuts ul li.search
	{
		display:block;
	}

	#header #shortcuts ul li.search a
	{
		width: 66px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 0px;
		box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
	}

	#header #topmenu
	{
		visibility: hidden;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
		position:fixed;
		top:0px;
		right:-100%;
		width:50%;
		height:100%;
		background:#fff;
		border-left:1px solid #000;
		transition: right 400ms, visibility 400ms;
	}

	#header.open #topmenu
	{
		visibility: visible;
		display:block;
		right:0%;
		transition: right 400ms;
	}

	#header #topmenu a#close
	{
		overflow:hidden;
		position: absolute;
		display:block;
		top:40px;
		right:45px;
		width:52px;
		height:52px;
		text-indent:-9999px;
		background:url(/file/1/bg-close.png) no-repeat top left;
	}

	#header #topmenu a#close:hover
	{
		background-position:bottom left;
	}

	#header #topmenu > ul
	{
		float: left;
		margin: 0px;
		padding:100px 45px 0px 45px;
		width:100%;
		box-sizing:border-box;
	}

	#header #topmenu > ul > li
	{
		clear:both;
		float:left;
		padding:0px;
		width:100%;
	}

	#header #topmenu > ul > li > a:hover,
	#header #topmenu > ul > li.active > a,
	#header #topmenu > ul > li.active:hover > a
	{
		color: #a7cbed;
		border-bottom:0px;
	}

	#header #topmenu > ul > li > a,
	#header #topmenu > ul > li:hover > a
	{
		color: #000000;
		border-bottom:0px;
	}

	#header #topmenu > ul > li > a.more
	{
		overflow:hidden;
		float:none;
		display:inline-block;
		margin:22px 10px;
		padding:0px;
		height:10px;
		width:14px;
		text-indent:-9999px;
		background: url(/file/1/bg-more.png) no-repeat top left;
	}

	#header #topmenu > ul > li.open > a.more
	{
		background-position:bottom left;
	}

	#header #topmenu > ul > li.active > a.more
	{
		background-position:top right;
	}

	#header #topmenu > ul > li.active.open > a.more
	{
		background-position:bottom right;
	}

	#header #topmenu > ul > li > div
	{
		overflow:hidden;
		max-height:0px;
		display: none !important;
		display: block !important;
		position: static;
		left: 0px;
		bottom: 0px;
		padding:0px 15px;
		margin:-15px 0px 15px 0px;
		box-sizing:border-box;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		transition:max-height 400ms;
		box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
	}

	#header #topmenu > ul > li.open > div
	{
		max-height:320px;
		display: block !important;
	}

	#header #topmenu > ul > li > div .content
	{
		clear:both;
		float:left;
		padding:10px 0px;
		width:100%;
	}

	#header #topmenu > ul > li > div ul 
	{
		float:left;
		width:100%;
	}

	#header #topmenu > ul > li > div ul > li
	{
		clear:both;
		padding:0px;
		width:100%;
	}

	#header .social
	{
		display:block;
		clear:both;
		float:left;
		padding: 0px 30px 0px 30px;
		width:100%;
	}

	#header .social a
	{
		margin:15px;
	}

}

@media screen and (max-width:710px)
{
	#header #topmenu
	{
		width:100%;
	}
}

/* FOOTER */


#footer
{
	color:#fff;
	background: url(/file/1/bg-footer.jpg) repeat fixed center center;
}

#footer .container
{
	padding:40px 0px;
}

#footer .container.dark
{
	padding:20px 0px;
	background:rgba(0,0,0,0.2)
}

#footer a
{
	color:#fff;
}

#footer a:hover
{
	color:#a7cbed;
	text-decoration:none;
}

#footer h4,
#footer p
{
	margin:0px;
	padding:0px;
}

#footer ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer a.logo.isey
{
	margin:0px 0px 50px 0px;
	width:184px;
	height:104px;
	background: url(/file/1/logo-footer.png) no-repeat top left;
}

#footer a.logo.isey:hover
{
	background-position:bottom left;
}

#footer a.logo.original
{
	width:195px;
	height:41px;
	background: url(/file/1/logo-original-footer.png) no-repeat top left;
}

#footer a.logo.original:hover
{
	background-position:bottom left;
}

#footer .column.c1of4 > h4:first-child,
#footer .column.c2of4 > h4:first-child
{
	margin:50px 0px 0px 0px;
}

#footer ul.social li
{
	float:left;
	margin:5px 25px 5px 0px;
}

#footer ul.social li a
{
	overflow:hidden;
	float:left;
	width:35px;
	height:35px;
	text-indent:-9999px;
	background: url(/file/1/bg-social.png) no-repeat;
}

#footer ul.social li.instagram a
{
	background-position:0px 0px;
}

#footer ul.social li.instagram a:hover
{
	background-position:0px -35px;
}

#footer ul.social li.twitter a
{
	background-position:-59px 0px;
}

#footer ul.social li.twitter a:hover
{
	background-position:-59px -35px;
}

#footer ul.social li.facebook a
{
	background-position:-117px 0px;
}

#footer ul.social li.facebook a:hover
{
	background-position:-117px -35px;
}

#footer ul.social li.pinterest a
{
	background-position:-175px 0px;
}

#footer ul.social li.pinterest a:hover
{
	background-position:-175px -35px;
}


@media screen and (min-width:940px) and (max-width:1360px)
{
	#footer .column.c1of4
	{
		width:33.33%;
	}

	#footer .column.c3of4
	{
		width:66.66%;
	}

	#footer .column.c2of4 .column.c2of4
	{
		width:100%;
	}

	#footer .column.c3of4  .column.c1of4
	{
		width:50%;
	}

	#footer .column.c1of4 > h4:first-child,
	#footer .column.c2of4 > h4:first-child
	{
		margin:40px 0px 0px 0px;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	#footer .content > .row > .column.c1of4,
	#footer .content > .row > .column.c3of4
	{
		width:50%;
	}

	#footer .content > .row > .column.c3of4 .column
	{
		width:100%;
	}

	#footer .column.c1of4 > h4:first-child,
	#footer .column.c2of4 > h4:first-child
	{
		margin:30px 0px 0px 0px;
	}
}

@media screen and (max-width:710px)
{
	#footer .content > .row .column
	{
		clear:both;
		width:100%;
	}

	#footer .content > .row .column.align-right
	{
		text-align:left;
	}

	#footer .column.c1of4 > h4:first-child,
	#footer .column.c2of4 > h4:first-child
	{
		margin:20px 0px 0px 0px;
	}
}

/* FRONT */


#front > .container.background + .container
{
	padding:230px 0px 160px 0px;
}

@media screen and (min-width:940px) and (max-width:1360px)
{
	#front > .container.background + .container
	{
		padding:160px 0px 100px 0px;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	#front > .container.background + .container
	{
		padding:170px 0px 150px 0px;
	}
}

@media screen and (max-width:710px)
{
	#front > .container.background + .container
	{
		padding:100px 0px 60px 0px;
	}
}

@media screen and (max-width:320px)
{
	.content
	{
		width:310px;
	}
}

/* BLOGFEED */


#main > .content::before
{
	height:10px;
}

#main > .content::after
{
	height:10px;
}

article.single
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
}

article.single .image
{
	position:absolute;
	top:0px;
	left:0px;
	width:66.66%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

article.single .text
{
	position:relative;
	float:right;
	width:100%;
	margin:0px;
	background:rgba(255,255,255,0.9);
}

article.single .image + .text
{
	padding:60px 80px;
	width:50%;
	margin:80px 0px 80px 0px;
	box-sizing:border-box;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

article.single .text h1,
article.single .text h2.h1
{
	margin:20px 0px; 
}

.article-list .c1of2:nth-child(2n+1)
{
	clear:both;
}

.article-list .c1of3:nth-child(3n+1)
{
	clear:both;
}

.article-list .image
{
	display:block;
	width:100%;
	padding-bottom:75%;
	background-color:#f2f2f2;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.article-list .text
{
	display:block;
	padding:15px 0px;
	border-bottom:4px solid #000;
}

.article-list .text h1,
.article-list .text h2.h1
{
	margin:0px;
	padding:0px;
	line-height:38px;
	font-size:32px;
	font-weight:500;
	letter-spacing: 2px;
}

article.single.item .image
{
	max-height:720px;
}

.sharing
{
	margin-top:150px;
}

.container.white .sharing
{
	margin-top:70px;
}

.sharing h4
{
	display:inline-block;
	line-height:35px;
	margin:0px 10px 0px 0px;
	vertical-align:bottom;
}

.sharing ul
{
	display:inline-block;
	margin:0px;
	padding:0px;
	height:35px;
	list-style:none;
	vertical-align:bottom;
}

.sharing ul li
{
	display:inline-block;
	margin:0px 5px;
	height:35px;
}

.sharing ul li:first-child
{
	margin-left:0px;
}

.sharing ul li:last-child
{
	margin-right:0px;
}

.sharing ul li a
{
	overflow:hidden;
	display:inline-block;
	width:35px;
	height:35px;
	text-indent:-9999px;
	background: url(/file/1/bg-sharing.png) no-repeat 0px 0px;
}

.sharing ul li.instagram a
{
	background-position:0px 0px;
}

.sharing ul li.instagram a:hover
{
	background-position:0px -35px;
}

.sharing ul li.twitter a
{
	background-position:-46px 0px;
}
.sharing ul li.twitter a:hover
{
	background-position:-46px -35px;
}

.sharing ul li.facebook a
{
	background-position:-92px 0px;
}
.sharing ul li.facebook a:hover
{
	background-position:-92px -35px;
}

.sharing ul li.pinterest a
{
	background-position:-138px 0px;
}
.sharing ul li.pinterest a:hover
{
	background-position:-138px -35px;
}

.sharing ul li.mail a
{
	background-position:-185px 0px;
}
.sharing ul li.mail a:hover
{
	background-position:-185px -35px;
}

.sharing ul li.print a
{
	background-position:-232px 0px;
}
.sharing ul li.print a:hover
{
	background-position:-232px -35px;
}


@media screen and (min-width:940px) and (max-width:1360px)
{
	article.single .image
	{
		width:80%;
	}

	article.single.item .image
	{
		max-height:650px;
	}

	article.single .image + .text
	{
		padding:30px 50px;
		width:70%;
		margin:90px 0px 0px 0px;
	}

	article.single.item .image + .text
	{
		margin:400px 0px 0px 0px;
	}

	.sharing
	{
		margin-top:40px;
	}

	.container.white .sharing
	{
		margin-top:20px;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	article.single .image
	{
		width:90%;
		height:65%;
	}

	article.single.item .image
	{
		max-height:610px;
	}

	article.single .image + .text
	{
		padding:30px 50px;
		width:90%;
		margin:280px 0px 0px 0px;
	}

	article.single.item .image + .text
	{
		margin:400px 0px 0px 0px;
	}

	.article-list .c1of3
	{
		width:50%;
	}

	.article-list .c1of3:nth-child(3n+1)
	{
		clear:none;
	}

	.article-list .c1of2:nth-child(2n+1),
	.article-list .c1of3:nth-child(2n+1)
	{
		clear:both;
	}

	.sharing
	{
		margin-top:20px;
	}

	.container.white .sharing
	{
		margin-top:10px;
	}
}

@media screen and (max-width:710px)
{
	article.single
	{
		position:static;
	}

	article.single .image
	{
		position:static;
		top:0px;
		left:0px;
		width:100%;
		height:240px;
	}

	article.single .image + .text
	{
		padding:15px 0px;
		width:100%;
		margin:0px 0px 0px 0px;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	}

	.article-list .c1of2,
	.article-list .c1of3
	{
		clear:both;
		width:100%;
	}

	.sharing
	{
		margin-top:50px;
	}

	.container.white .sharing
	{
		margin-top:25px;
	}
}

/* FAQ */


ul.faq
{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.faq
{
	border-top:1px solid #e5e5e5;
}

ul.faq li
{
	border-bottom:1px solid #e5e5e5;
}

ul.faq li h3
{
	margin:15px 0px;
	padding:0px;
	line-height:30px;
	text-transform:uppercase;
}

ul.faq li h3 a
{
	color:#000;
}

ul.faq li h3 a:hover
{
	color:#a7cbed;
	text-decoration:none;
}

ul.faq li h3 a::after
{
	display:inline-block;
	content:' ';
	margin:3px 0px 7px 15px;
	width:20px;
	height:20px;
	vertical-align:middle;
	background: url(/file/1/bg-faq.png) no-repeat top right;
}

ul.faq li h3 a::before
{
	display:none;
	content:' ';
	margin:3px 15px 7px 0px;
	width:20px;
	height:20px;
	vertical-align:middle;
	background: url(/file/1/bg-faq.png) no-repeat top right;
}

ul.faq li h3 a:hover::after,
ul.faq li h3 a:hover::before
{
	background-position:bottom right;
}

ul.faq li.open h3 a::after,
ul.faq li.open h3 a::before
{
	background-position:top left;
}

ul.faq li.open h3 a:hover::after,
ul.faq li.open h3 a:hover::before
{
	background-position:bottom left;
}

ul.faq li div
{
	padding:0px 30px;
	color:#fff;
	background: #a7cbed;
	box-sizing:border-box;
}

ul.faq li div::before,
ul.faq li div::after
{	
	clear:both;
	display:block;
	content:' ';
	height:15px;
	width:100%;
}

@media screen and (max-width:710px)
{
	ul.faq li h3 a::before
	{
		display:inline-block;
	}

	ul.faq li h3 a::after
	{
		display:none;
	}

	ul.faq li div
	{
		padding:0px 25px;
	}

	ul.faq li div::before,
	ul.faq li div::after
	{
		height:5px;
	}

}

/* PRODUCTS */

.container.margin
{
	margin:0px 0px 200px 0px;
}

img.offset
{
	margin:0px 0px -100px 0px;
}

.container.background > .background-image
{
	float:right;
	width:50%;
	height:100%;	
	background-position:center right;
	background-repeat:no-repeat;
	background-size:cover;
}

.container.blue .container,
.container.red .container,
.container.brown .container,
.container.white .container
{
	overflow:visible;
}

.container.blue .content,
.container.red .content,
.container.brown .content
{
	padding-top:100px;
}

.container.blue .container.background > .background-image
{
	width:50%;
}

.container.white .container.background > .background-image
{
	width:45%;
	background-position:center center;
}

.container.blue .row
{
	width:50%;
}

.container.white .row
{
	width:55%;
}

.container.red .container.background > .background-image
{
	width:35%;
}
.container.red .row
{
	width:65%;
}

.container.brown .container.background > .background-image
{
	width:40%;
}
.container.brown .row
{
	width:60%;
}

.container.blue a.read-more::after,
.container.red a.read-more::after,
.container.brown a.read-more::after
{
	background-image:url(/file/1/bg-read-more-white.png);
}
.container.blue a.read-more,
.container.red a.read-more,
.container.brown a.read-more
{
	color:#fff;
}
.container.blue a.read-more:hover,
.container.red a.read-more:hover,
.container.brown a.read-more:hover
{
	color:#000;
}

@media screen and (min-width:940px) and (max-width:1360px)
{
	.container.margin
	{
		margin:0px 0px 150px 0px;
	}

	img.offset
	{
		margin:0px 0px -75px 0px;
	}

	.container.blue .content,
	.container.red .content,
	.container.brown .content
	{
		padding-top:75px;
	}

	.container.blue .container.background > .background-image,
	.container.white .container.background > .background-image
	{
		width:45%;
	}
	.container.blue .row,
	.container.white .row
	{
		width:55%;
	}

	.container.red .container.background > .background-image
	{
		width:30%;
	}
	.container.red .row
	{
		width:70%;
	}

	.container.brown .container.background > .background-image
	{
		width:40%;
	}
	.container.brown .row
	{
		width:60%;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	.container.margin
	{
		margin:0px 0px 150px 0px;
	}

	img.offset
	{
		margin:0px 0px -75px 0px;
	}

	.container.blue .content,
	.container.red .content,
	.container.brown .content
	{
		padding-top:75px;
	}

	.container.blue .container.background,
	.container.red .container.background,
	.container.brown .container.background
	{
		display:none;
	}

	.container.white .container.background
	{
		position:static;
		display:block;
		width:100%;
		height:auto;
	}

	.container.white .container.background .background-image
	{
		width:100%;
		height:0px;
		padding-bottom:56.25%;
	}

	.container.blue .row,
	.container.red .row,
	.container.brown .row,
	.container.white .row
	{
		width:auto;
		min-width:100%;
	}
}

@media screen and (max-width:710px)
{
	.container.margin
	{
		margin:0px 0px 100px 0px;
	}

	img.offset
	{
		margin:0px 0px -50px 0px;
	}

	.container.blue .content,
	.container.red .content,
	.container.brown .content
	{
		padding-top:50px;
	}

	.container.blue .container.background,
	.container.red .container.background,
	.container.brown .container.background
	{
		display:none;
	}


	.container.white .container.background
	{
		position:static;
		display:block;
		width:100%;
		height:auto;
	}

	.container.white .container.background .background-image
	{
		width:100%;
		height:0px;
		padding-bottom:75%;
	}

	.container.blue .row,
	.container.red .row,
	.container.brown .row,
	.container.white .row
	{
		width:auto;
		min-width:100%;
	}

	.container.red .row .column.c1of4
	{
		width:50%;
	}

	.container.red .row .column.c1of4:nth-child(2n+1)
	{
		clear:both;
	}
}

/* SEARCH */


body.disabled
{
	overflow:hidden;
}
.container.overlay
{
	overflow:auto;
	z-index:99;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	background: rgba(255,255,255,0.8);
}

.container.overlay > .container
{
	padding:33px 0px;
	background:#fff;
}

.container.overlay > .container a.close
{
	overflow:hidden;
	float:right;
	margin:15px 0px 0px 0px;
	width:76px;
	height:65px;
	text-indent:-9999px;
	border-radius:3px;
	background: url(/file/1/bg-search-close.png) #a7cbed no-repeat center center;
}

.container.overlay > .container a.close:hover
{
	background-color:#000;
}

.container.overlay > .container form
{
	margin:0px;
	padding:0px;
}

.container.overlay > .container input
{
	margin:0px;
	padding:20px 10px;
	width:600px;
	height:81px;
	line-height:35px;
	font-size:32px;
	text-transform:uppercase;
	background:#fff;
	border-top:0px;
	border-right:0px;
	border-bottom:6px solid #a7cbed;
	border-left:0px;
	box-sizing:border-box;
}

.container.overlay > .container input:focus
{
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}

@media screen and (min-width: 710px) and (max-width: 939px)
{
	.container.overlay > .container input
	{
		width:550px;
	}
}

@media screen and (max-width: 710px)
{
	.container.overlay > .container a.close
	{
		margin:0px 0px 15px 0px;
	}

	.container.overlay > .container input
	{
		padding:10px 5px;
		width:320px;
		height:46px;
		line-height:20px;
		font-size:18px;
	}
}

/* SEARCH RESULTS*/


#search-results h1,
#search-results h2.h1
{
	margin:0px;
	padding:0px;
}

#search-results h2,
#search-results h1.h2
{
	margin:0px;
	padding:0px;
}

#search-results .container.blue .content
{
	padding:0px 0px;
}

#search-results .container.blue .content::before,
#search-results .container.blue .content::after
{
	height:30px;
}

.article
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	margin:30px 0px;
}

.article::after
{
	display:block;
	position:absolute;
	bottom:-30px;
	content:' ';
	left:0px;
	width:100%;
	height:1px;
	background:#e5e5e5;
}

.article:last-child
{
	margin-bottom:60px;
}

.article .image
{
	position:absolute;
	top:0px;
	left:0px;
	width:16%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.article .text
{
	float:left;
	margin:0 20% 0 0;
	width:80%;
}

.article .image + .text
{
	float:left;
	margin:0 20% 0 20%;
	width:60%;
}

.article .text p:last-child
{
	margin-bottom:0px;
	padding-bottom:0px;
}

@media screen and (min-width: 940px) and (max-width: 1360px)
{
	.article .image
	{
		width:26%;
	}

	.article .text
	{
		margin:0;
		width:100%;
	}

	.article .image + .text
	{
		margin:0 0 0 30%;
		width: 70%;
	}
}

@media screen and (max-width: 940px)
{
	.article .image
	{
		display:none;
	}

	.article .text,
	.article .image + .text
	{
		margin:0;
		width:100%;
	}
}

/* BANNER */


#banner
{
	padding:170px 0px 60px 0px;
	color:#fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

#banner h1,
#banner h2.h1
{
	margin:0px;
	padding:0px;
}

@media screen and (min-width: 710px) and (max-width: 939px)
{
	#banner
	{
		padding:54px 0px 54px 0px;
	}	
}

@media screen and (max-width: 709px)
{
	#banner
	{
		padding:54px 0px 30px 0px;
	}
}

/* PRODUCT LIST */

#products .c1of3:nth-child(3n+1)
{
	clear:both;
}

.product-list
{
	clear:both;
	float:left;
    position: relative;
	width:100%;
	margin:80px 0px 60px 0px;
	border-bottom:4px solid #000;
}

.product-list .product-sign
{
    background: #00A945;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 70px;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
}

.product-list .image
{
	clear:both;
	float:left;
	padding-bottom:66.66%;
	width:100%;
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}

.product-list .text
{
	clear:both;
	float:left;
	margin:30px 0px 50px 0px;
	width:100%;
}

.product-list .text h2,
.product-list .text h1.h2,
.product-list .text p
{
	margin:0px;
	padding:0px;
}

.product-list .text table
{
	margin:25px 0px;
}

@media screen and (min-width: 940px) and (max-width: 1360px)
{
	#products .c1of3:nth-child(3n+1)
	{
		clear:none;
	}

	#products .c1of2:nth-child(2n+1)
	{
		clear:both;
	}

	#products .c1of3
	{
		width:50%;
	}
}

@media screen and (min-width: 710px) and (max-width: 939px)
{
	#products .c1of3
	{
		clear:both;
		margin:0px 17%;
		width:66%;
	}

	.product-list
	{
		margin:40px 0px 30px 0px;
	}
}

@media screen and (max-width: 709px)
{
	#products .c1of3
	{
		clear:both;
		width:100%;
	}

	.product-list
	{
		margin:20px 0px 15px 0px;
		font-size:14px;
	}

	.product-list td,
	.product-list th
	{
		font-size:14px;
	}

	.product-list .text
	{
		margin:15px 0px 15px 0px;
	}
}

/* FILTER */


.filter
{
	position:relative;
	display:block;
	margin-top:10px;
	width:100%;
	text-align:left;
}

.filter > a
{
	overflow:hidden;
	display:block;
	padding:18px 70px 18px 25px;
	width:100%;
	height:57px;
	line-height:21px;
	font-size:17px;
	color:#fff;
	text-transform:uppercase;
	box-sizing:border-box;
	transition:none;
	white-space:nowrap;
	background: #a7cbed;
	border-radius:5px;
}

.filter > a::after
{
	display:block;
	content:' ';
	position:absolute;
	top:0px;
	right:0px;
	width:70px;
	height:57px;
	background: url(/file/1/bg-filter.png) no-repeat top center;
}

.filter > a:hover
{
	color:#000;
	text-decoration:none;
}

.filter > a.open
{
	color:#000;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

.filter > a:hover::after,
.filter > a.open::after
{
	background-position: bottom center;
}


.filter > a + *
{
	overflow:hidden;
	z-index:2;
	position:absolute;
	top:57px;
	left:0px;
	clear:both;
	float:left;
	width:100%;
	opacity:0;
	max-height:0px;
	background: #ffffff;
	box-sizing: border-box;
	transition:opacity 200ms, max-height 200ms;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	border-bottom-left-radius:5px;
}

.filter > a.open + *
{
	overflow:auto;
	z-index:2;
	opacity:1;
	max-height:255px;
	scrollbar-face-color: rgba(167,203,237,0.5);
	scrollbar-track-color: #ffffff;
}

.filter > a + *::-webkit-scrollbar,
.filter > a + *::-webkit-scrollbar-track
{
	padding-top:20px;
	width: 10px;
	background:#ffffff;
}

.filter > a + *::-webkit-scrollbar-thumb
{
	width:10px;
	background:rgba(167,203,237,0.5);
	transition:background 100ms;
}

.filter > a + *::-webkit-scrollbar-thumb:hover
{
	background:rgba(167,203,237,1);
}

.filter ul
{
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	list-style:none;
}

.filter ul li
{
	clear:both;
	float:left;
	width:100%;
	text-align:left;
}

.filter ul li a
{
	clear:both;
	float:left;
	width:100%;
	color:#000;
	box-sizing:border-box;
}

.filter > a ~ * > ul
{
	padding:15px 0px 30px 0px;
}

.filter > a ~ * > ul > li > a
{
	line-height:20px;
	font-size:16px;
	padding:5px 30px;
	color:#000000;
	text-transform:uppercase;
}

.filter > a ~ * > ul > li.active > a,
.filter > a ~ * > ul > li > a:hover
{
	color:#a7cbed;
	text-decoration:none;
}

.filter > a ~ * > ul > li > ul > li > a
{
	padding:5px 30px 5px 50px;
	line-height:15px;
}

.filter > a ~ * > ul > li > ul > li.active > a,
.filter > a ~ * > ul > li > ul > li > a:hover
{
	color:#a7cbed;
}

.filter > a ~ * > ul > li.line
{
	margin-top:10px;
	margin-bottom:-30px;
}

.filter > a ~ * > ul > li.line > a
{
	padding:15px 30px 10px 30px;
	border-top:1px solid #dfdfdf;
}

.filter ul li > ul
{
	display:none;
}

.filter ul li.active > ul
{
	display:block;
}

/* ABOUT */


.container.clip
{
	z-index:2;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 80px), 50% 100%, 0% calc(100% - 80px));
}

.container.clip + *.container
{
	margin-top:-80px;
	padding-top:80px;
}

.container.custom .content
{
	padding-top:600px;
}

.container.gradiant
{
	background:#a7cbed;
	background: -webkit-linear-gradient(#a7cbed, #a7cbed, #ffffff);
	background: -o-linear-gradient(#a7cbed, #a7cbed, #ffffff);
	background: -moz-linear-gradient(#a7cbed, #a7cbed, #ffffff);
	background: linear-gradient(#a7cbed, #a7cbed, #ffffff);
}

.container.gradiant.variant
{
	background:#a7cbed;
	background: -webkit-linear-gradient(#a7cbed, #a7cbed, #cadff4);
	background: -o-linear-gradient(#a7cbed, #a7cbed, #cadff4);
	background: -moz-linear-gradient(#a7cbed, #a7cbed, #cadff4);
	background: linear-gradient(#a7cbed, #a7cbed, #cadff4);
}

.container.mountain
{
	padding:350px 0px 100px 0px;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

table.blue thead th
{
	padding:10px 0px;
	line-height:30px;
	font-weight:normal;
	font-size:24px;
	color:#fff;
	background:#a7cbed
}

table.blue tbody td
{
	padding:0px 5px;
	line-height:35px;
	font-size:20px;
	font-weight:500;
	letter-spacing: 2px;
	border-bottom:1px solid #a7cbed;
}

@media screen and (min-width: 940px) and (max-width: 1360px)
{
	.container.origin .column.c1of2
	{
		width:60%;
	}

	.container.clip
	{
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), 50% 100%, 0% calc(100% - 50px));
	}

	.container.clip + *.container
	{
		margin-top:-50px;
		padding-top:50px;
	}

	.container.custom > .container.background
	{
		background-position:top center;
		background-size:1200px auto !important;
	}

	.container.custom .content
	{
		padding-top:300px;
	}

	.container.custom .c2of5
	{
		width:66.66%;
	}

	.container.mountain
	{
		padding:250px 0px 100px 0px;
		background-size:1360px auto;
	}
}

@media screen and (min-width: 710px) and (max-width: 939px)
{
	.container.origin .column.c1of2
	{
		width:70%;
	}

	.container.clip .c1of3,
	#new-dairy.container .c1of3,
	#our-story.container .c1of3
	{
		width:50%;
	}

	.container.clip
	{
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 40px), 50% 100%, 0% calc(100% - 40px));
	}

	.container.clip + *.container
	{
		margin-top:-40px;
		padding-top:40px;
	}

	.container.custom > .container.background
	{
		background-position:50% 50px;
		background-size:768px auto !important;
	}

	.container.custom .content
	{
		padding-top:300px;
	}

	.container.custom .c2of5
	{
		width:100%;
	}

	.container.gradiant .column.c1of4
	{
		width:50%;
	}

	.container.gradiant .column.c1of4:nth-child(2n+1)
	{
		clear:both;
	}

	.container.mountain
	{
		padding:150px 0px 100px 0px;
		background-size:940px auto;
	}

	.container.mountain .row:last-child .column
	{
		clear:both;
		width:100%;
	}
}

@media screen and (max-width: 710px)
{

	.container.origin .container.background
	{
		background-size:auto 100%;
		background-position:top left !important;
	}

	.container.origin .column.c1of2
	{
		width:100%;
	}

	.container.clip .c1of3,
	#new-dairy.container .c1of3,
	#our-story.container .c1of3
	{
		padding-bottom:50px;
		width:100%;
	}

	.container.clip .container.background
	{
		background-size:auto 100%;
		background-position:top left;
	}

	.container.clip
	{
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20px), 50% 100%, 0% calc(100% - 20px));
	}

	.container.clip + *.container
	{
		margin-top:-20px;
		padding-top:20px;
	}

	.container.custom > .container.background
	{
		background-position:50% 50px;
		background-size:480px auto !important;
	}

	.container.custom .content
	{
		padding-top:200px;
	}

	.container.custom .c2of5
	{
		width:100%;
	}

	.container.gradiant .column.c1of4
	{
		clear:both;
		width:100%;
	}

	.container.mountain
	{
		padding:130px 0px 50px 0px;
		background-size:710px auto;
	}

	.container.mountain .row .column
	{
		clear:both;
		width:100%;
	}
}

#content > .dc_webcomponents_html
{
	clear:both;
	float:left;
	width:100%;
}

/* PRINT */

@media print
{

	#header,
	#footer,
	#related,
	.sharing,
	.filter,
	.paging,
	.image,
	.container.background,
	a.read-more,
	.scroll-down
	{
		display:none !important;
	}

	*
	{
		color:#000 !important;
	}

	*[style]
	{
		margin:auto !important;
		padding:auto !important;
		height:auto !important;
	}

	.container,
	.container[style],
	.content,
	.content[style],
	.row,
	.row[style],
	.column,
	.column[style],
	.text,
	.text[style]
	{
		position:static !important;
		margin:0px !important;
		padding:0px !important;
		clear:both;
		float:left;
		width:100% !important;
		min-weight:640px !important;
		max-width:100% !important;
		height:auto !important;
		color:#000 !important;
		text-align:center;
		border-color:#ddd !important;
		background:#fff !important;
	}

	img.offset
	{
		margin:0px;
		padding:0px;
	}

	ul.faq li div,
	ul.faq li div[style]
	{
		display:block !important;
		color:#000;
	}
}

.product-list .text > h2 + p,
.product-list .text > h1.h2 + p
{
		display:block;
}

.product-list
{
		border-bottom:0px !important;
}

#header #shortcuts ul li.language a,
#header .social a.language
{
	opacity:0.5;
	width:38px;
	transition:opacity 200ms;
}


#header #shortcuts ul li.language.is a,
#header .social a.language.is
{
	background:url(/file/1/flag-is.gif);
}

#header #shortcuts ul li.language.en a,
#header .social a.language.en
{
	background:url(/file/1/flag-en.gif);
}

#header #shortcuts ul li.language a:hover,
#header .social a.language:hover
{
	opacity:1;
}

/* 80% FIX */

@media screen and (min-width:940px)
{
	#front > .container.background + .container
	{
		padding: 50px 0 150px 0;
	}

	#front > .container.background + .container img.dolla
	{
		width: 480px;
	}

	#front > .container.background + .container h1,
	#front > .container.background + .container h2.h1
	{
		line-height: 52px;
		font-size: 46px;
		text-align: center;
	}
}

@media screen and (max-width: 939px) and (min-width: 710px)
{
	#front > .container.background + .container
	{
		padding: 0px 0 50px 0;
	}
}

@media screen and (max-width: 710px)
{
	#front > .container.background + .container
	{
		padding: 0px 0 50px 0;
	}	
}


/* FIXES */

#header #mobile span
{
	white-space:nowrap;
}

#header #topmenu > ul > li:first-child
{
	padding-left:0px;
}

@media screen and (min-width: 940px) and (max-width: 1360px)
{
	#header #topmenu > ul > li
	{
		padding:0px 10px;
	}
}

/* WHERE */

@media screen and (min-width:940px)
{
	#where .row .column.c1of3:nth-child(3n+1)
	{
		clear:both;
	}
}

@media screen and (min-width: 710px) and (max-width: 939px)
{
	#where .row .column.c1of3
	{
		width:50%;
	}

	#where .row .column.c1of3:nth-child(2n+1)
	{
		clear:both;
	}
}

@media screen and (max-width: 710px)
{
	#where .row .column.c1of3
	{
		clear:both;
		width:100%;
	}

	#where .row .column.c1of3 img
	{
		max-width:80% !important;
	}
}

.show-desktop,
.show-tablet,
.show-mobile
{
	display:none;
}

@media screen and (min-width:940px)
{
	.show-desktop
	{
		display:block;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	.show-tablet
	{
		display:block;
	}

	.hide-tablet
	{
		display:none;
	}
}

@media screen and (max-width:710px)
{
	.show-mobile
	{
		display:block;
	}

	.hide-mobile
	{
		display:none;
	}
}

a.language-select
{
	line-height:34px;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}

a.language-select:hover
{
	color:#a7cbed;
	text-decoration:none;
}

a.language-select > img
{
	margin:0px 10px 0px 0px;
	vertical-align:bottom;
}

/* MOBILE UPDATE */

@media screen and (max-width: 709px)
{
	#header
	{
		height:112px;
	}

	#header + *
	{
		padding-top:112px;
	}

	#header a.logo.isey
	{
		width:124px;
		height:70px;
		background-size:124px auto;
	}

	#header #mobile
	{
		border-bottom:0px;
	}

	#header #mobile > span
	{
		display:none;
	}

	#secret.container.relative > .background,
	#new-dairy.container.relative > .background,
	#our-story.container.relative > .background
	{
		position:relative !important;
		height:320px !important;
		background-size:cover !important;
		background-position: top right !important;
	}

	#new-dairy.container.relative > .background ~ * .white-text,
	#our-story.container.relative > .background ~ * .white-text
	{
		color:#000;
	}

	#secret.container.relative > .background ~ * p:first-child,
	#new-dairy.container.relative > .background ~ * p:first-child,
	#our-story.container.relative > .background ~ * p:first-child
	{
		display:none;
	}
}

/* RECIPES BACKGROUND */

@media screen and (min-width: 940px)
{
	.container.white .container.background > .background-image
	{
		background-position:top right;
		background-size: contain;
	}
}


/* GLOBAL ICON */

#header #shortcuts ul li.global a,
#header .social a.global
{
	width:27px;
	background: url(/file/1/bg-global.png) no-repeat top center;
}

#header #shortcuts ul li.global a:hover,
#header .social a.global:hover
{
	background-position: bottom center;
}


#products.overview .product-list
{
	margin:0px;
}

#products.overview .product-list .text
{
	text-align:center;
}

#products.overview .product-list a
{
	color: #000000;
	text-decoration:none;
}

#products.overview .product-list a:hover
{
	color:#a7cbed;
}

.video-outer
{
	max-width:706px;
}

.video-container
{
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
}

.video-container > *,
.video-container > *[style],
.video-container > *[width],
.video-container > *[height]
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* VIDEO CONTAINER */

#video.container
{
	z-index:2;
	overflow:visible;
	color:#fff;
	text-align:center;
}

.container.video
{
	z-index:0;
	position:absolute !important;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.container.video > video
{
	object-fit: cover;
}

.container.video + .container
{
	overflow:visible;
}

#video.container h1,
#video.container h2.h1
{
	margin-top:125px;
}

#video.container img
{
	max-width:340px !important;
}

#secret.temp
{
	padding-top:240px;
}

@media screen and (max-width: 709px)
{
	#video.container h1,
	#video.container h2.h1
	{
		margin-top:25px;
	}

	#video.container img
	{
		margin:0px;
	}

	#secret.temp
	{
		padding-top:0px;
	}
}


/* VIDEOS */

#video-item
{
	overflow:hidden;
	position:relative;
	padding-bottom:56.25%;
	width:100%;
	height:0px;
}

#video-item > iframe
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

/* STORE LOCATOR */


.table-container
{
	clear:both;
	overflow:auto;
	max-width:100%;
}

.bh-sl-container
{
	padding:0px !important;
}

.bh-sl-container .bh-sl-map-container
{
	border:1px solid #ddd;
}

.bh-sl-container button
{
	line-height: 27px;	
	font-family: 'futura-pt',sans-serif;
	font-size: 20px;
}

table.stores
{
	border-collapse: collapse;
	width:100%;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

table.stores th,
table.stores td
{
	border-bottom:1px solid #ddd;
	margin:0px;
	padding:5px;
	text-align:left;
	vertical-align: top;
}

table.stores tr:nth-child(2n+0) th,
table.stores tr:nth-child(2n+0) td
{
	background:#f2f2f2;
}

table.stores a
{
	font-weight:bold;
}

@media screen and (max-width:767px)
{
	table.stores td,
	table.stores th
	{
		font-size:16px;
	}
}

/* TABLE CONTAINER */


.table-container
{
	overflow:auto;
	overflow-x:auto;
	overflow-y:hidden;
	max-width:100%;
}

.table-container table.blue thead th
{
	padding:10px 5px;
	text-transform:uppercase;
}

.table-container table.blue tbody tr:nth-child(2n+0) td
{
	background:rgba(167, 203, 237, 0.5);
}

@media screen and (max-width: 709px)
{
	.table-container td,
	.table-container th,
	.table-container table.blue thead th
	{
		clear:both;
		float:left;
		padding:0px 5px;
		width:100%;
		font-size:18px !important;
		box-sizing:border-box;
	}

	.table-container td:first-child,
	.table-container th:first-child
	{
		font-weight:bold;
	}

	.table-container td:last-child,
	.table-container th:last-child
	{
		margin-bottom:20px;
	}
}

/* ALDI */


table.blue.aldi
{
	max-width:1100px;
	margin:0px auto;
}

table.blue.aldi th
{
	padding-left:45px;
	padding-right:45px;
	font-weight:700;
}

table.blue.aldi td
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:45px;
	padding-right:45px;
	border-bottom:2px solid #e5e5e5;
}

@media screen and (max-width:767px)
{
	table.blue.aldi th,
	table.blue.aldi td
	{
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
	}
}

/* LANGUAGES */

#header #shortcuts ul li.language a,
#header .social a.language
{
	opacity:0.5;
	width:29px;
	height:21px;
	transition:opacity 200ms;
}

#header #shortcuts ul li.language.is a,
#header .social a.language.is
{
	background:url(/file/1/flag-is.gif) no-repeat center center !important;
	background-size:contain !important;
}

#header #shortcuts ul li.language.en a,
#header .social a.language.en
{
	background:url(/file/1/flag-en.gif) no-repeat center center !important;
	background-size:contain !important;
}

#header #shortcuts ul li.language.fr a,
#header .social a.language.fr
{
	background:url(/file/1/flag-fr.gif) no-repeat center center !important;
	background-size:contain !important;
}

#header #shortcuts ul li.language.de a,
#header .social a.language.de
{
	background:url(/file/1/flag-de.gif) no-repeat center center !important;
	background-size:contain !important;
}

#header #shortcuts ul li.language.ch a,
#header .social a.language.ch
{
	background:url(/file/1/flag-ch.gif) no-repeat center center !important;
	background-size:contain !important;
}

#header #shortcuts ul li.language a:hover,
#header .social a.language:hover
{
	opacity:1;
}

@media screen and (max-width: 939px)
{
	#header .social
	{
		position:relative;
	}

	#header .social a.language
	{
		opacity:1 !important;
		position:absolute;
		top:-40px;
		left:30px;
		border-radius:0 !important;
	}
}


.container.padding
{
	/*padding-top:250px;
	padding-bottom:250px;*/
	padding-top:150px;
	padding-bottom:100px;
	border-bottom: 6px solid #fff;
}

@media screen and (min-width:940px)
{
	.container.padding
	{
		/*min-height:calc(100vh - 100px);*/
		box-sizing:border-box;
	}
}

@media screen and (min-width:768px) and (max-width: 939px)
{
	.container.padding
	{
		/*padding-top:150px;
		padding-bottom:150px;*/
		padding-top:100px;
		padding-bottom:50px;
	}
}

@media screen and (max-width:767px)
{
	.container.padding
	{
		/*padding-top:100px;
		padding-bottom:100px;*/
		padding-top:50px;
		padding-bottom:25px;
	}
}

.container.relative > .container.background > img
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

/* LIMITED */

.container.limited
{
	background: url('/file/5/bg-limited.jpg') no-repeat center center;
	background-size:cover;
}

.container.limited .inner
{
	overflow:visible;
	position:relative;
	width: 100%;
	height:0%;
	padding-bottom: 56.25%;
}

.container.limited .inner > *
{
	position:absolute;
}

.container.limited .inner > .text-1
{
	position:absolute;
	left:0%;
	top:7.5%;
	max-width:25% !important;
}

.container.limited .inner > .text-2
{
	position:absolute;
	right:7.5%;
	bottom:43%;
	max-width:36% !important;
}

.container.limited .inner > .text-3
{
	position:absolute;
	left:0%;
	bottom:19%;
	max-width:15% !important;
}

.container.limited .inner > .dos
{
	left:11.6%;
	top:29%;
	max-width:38% !important;
}

.container.limited .inner > .youtube
{
	right:14.66%;
	bottom:17%;
	max-width:21%;
}

.container.limited.limited-2021
{
	background: url('/file/5/bg-limited-2021.jpg') no-repeat center center;
	background-size:cover;
}

@media screen and (max-width:767px)
{
	.container.limited .inner
	{
		padding-bottom:90%;
	}

	.container.limited .inner > .text-1,
	.container.limited .inner > .text-3,
	.container.limited .inner > .youtube
	{
		display:none;
	}

	.container.limited .inner > .dos
	{
		top:13%;
		left:50%;
		max-width:60% !important;
		transform: translateX(-50%);
	}

	.container.limited .inner > .text-2
	{
		bottom:3%;
		left:50%;
		right:auto;
		max-width:60% !important;
		transform: translateX(-50%)
	}
}


@media screen and (min-width:768px)
{
	.container.limited
	{
		background-size:100% auto;
		transition:background-size 600ms;
	}
	.container.limited:hover
	{
		background-size:110% auto;
		transition:background 600ms;
	}

	.container.limited .youtube
	{
		transform: rotate(0deg) scale(1);
		transition:all 200ms;
	}

	.container.limited .youtube:hover
	{
		transform: rotate(-3deg) scale(1.1);
	}
}


.container.limited.ch .inner > .text-1
{
	position:absolute;
	left:1.5%;
	top:9.5%;
	max-width:30% !important;
}

.container.limited.ch .inner > .text-2
{
	position:absolute;
	right:9%;
	bottom:41.5%;
	max-width:34% !important;
}

.container.limited.ch .inner > .dos
{
	left:-9%;
	top:27%;
	max-width:68% !important;
}

.container.limited.ch .inner > .youtube
{
	right:14.66%;
	bottom:16%;
	max-width:21%;
}

@media screen and (max-width:767px)
{
	.container.limited.ch .inner
	{
		padding-bottom:90%;
	}

	.container.limited.ch .inner > .text-1,
	.container.limited.ch .inner > .text-3,
	.container.limited.ch .inner > .youtube
	{
		display:none;
	}

	.container.limited.ch .inner > .dos
	{
		top:8%;
		left:6%;
		max-width:90% !important;
		transform: translateX(0%);
	}

	.container.limited.ch .inner > .text-2
	{
		bottom:5%;
		left:18.75%;
		right:auto;
		max-width:75% !important;
		transform: translateX(0%)
	}
}

@media screen and (max-width: 939px)
{
	#front,
	#front .container
	{
		overflow:visible !important;
	}
}


.container > img
{
	vertical-align:bottom;
}

.environment ul
{
	float:left;
	margin:0px;
	padding:0px 0px 100px 0px;
	width:50%;
	list-style:none;
	box-sizing:border-box;
}

.environment ul:first-child
{
	padding-right:50px;
}

.environment ul:last-child
{
	padding-left:50px;
}

.environment ul li
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	min-height:100px;
	padding:20px 40px 20px 140px;
	box-sizing:border-box;
}

.environment ul li .image
{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-50px;
	width:100px;
	height:100px;
	line-height:100px;
	text-align:center;
}

.environment ul li .text
{
	padding:0px 0px;
	min-height:60px;
}

.environment ul li .text p
{
	margin:0px;
	padding:0px;
}

@media screen and (min-width:940px) and (max-width: 1360px)
{
	.environment ul
	{
		padding:0px 0px 80px 0px;
	}

	.environment ul:first-child
	{
		padding-right:40px;
	}

	.environment ul:last-child
	{
		padding-left:40px;
	}

	.environment ul li
	{
		min-height:80px;
		padding:15px 30px 15px 110px;
	}

	.environment ul li .image
	{
		margin-top:-40px;
		width:80px;
		height:80px;
		line-height:80px;
	}

	.environment ul li .text
	{
		min-height:50px;
		line-height:21px;
		font-size:16px;
	}
}

@media screen and (max-width: 939px)
{
	.environment ul
	{
		clear:both;
		padding:0px !important;
		width:100%;
	}

	.environment ul:last-child
	{
		padding-bottom:50px !important;
	}
}

@media screen and (max-width:479px)
{
	.environment ul li
	{
		min-height:60px;
		padding:10px 20px 10px 80px;
	}

	.environment ul li .image
	{
		margin-top:-30px;
		width:60px;
		height:60px;
		line-height:60px;
	}

	.environment ul li .text
	{
		min-height:40px;
		line-height:18px;
		font-size:14px;
	}
}

.container.limited.limited-2022
{
	background-image: url(/media/5/limited-2022-bg.jpg);
}

.container.limited.limited-2022 .inner > .dos
{
	left:0%;
	max-width:48% !important;
}

.container.limited.limited-2022 .inner > .text-1
{
	left:0%;
}

.container.limited.limited-2022 .inner > .text-3
{
	left:0%;
	bottom:6%;
}

.container.limited.limited-2022 .inner > a.read-more
{
	position:absolute;
	right:17%;
	top:84%;
	color:#fff;
}

.container.limited.limited-2022 .inner > a.read-more:hover::after
{
	background-position: top center;
}

@media screen and (min-width: 940px) and (max-width: 1360px)
{
	.container.limited.limited-2022 .inner > a.read-more
	{
		right:14%;
	}
}

@media screen and (min-width: 710px) and (max-width: 939px)
{
	.container.limited.limited-2022 .inner > a.read-more
	{
		right:11%;
	}
}

@media screen and (max-width: 767px)
{
	.container.limited.limited-2022 .inner > .dos
	{
		top: 10%;
		left: 50%;
		max-width: 60% !important;
		transform: translateX(-50%);
	}

	.container.limited.limited-2022 .inner > .text-2
	{
		bottom:25%;
	}

	.container.limited.limited-2022 .inner > a.read-more
	{
		right:auto;
		top:auto;
		bottom:5%;
		left:50%;
		transform: translateX(-50%);
	}
}

#our-story,
#new-dairy
{
	text-shadow:1px 1px 1px #000;
}

.mobile-video
{
	width:100%;
	max-width:480px;
}

.mobile-video-container
{
	position:relative;
	display:block;
	width:100%;
	height:0%;
	padding-bottom:177.78%;
}

.mobile-video-container > *
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}