/* GLOBAL / FRONT */

@media screen and (max-width:939px)
{
	#header
	{
		height:100px;
	}

	#header + *
	{
		padding-top:100px;
	}

	#header a.logo.isey
	{
		margin-top:25px;
		height:52px;
		width:92px;
		background-size:92px auto;
	}

	#header a.logo.isey:hover
	{
		background-position:bottom left;
	}

	#header #shortcuts
	{
		position:static;
		margin:33px 10px 0px 0px;
	}

	#header #shortcuts ul li.search > a
	{
		height:44px;
		width:44px;
		background:none;
		box-shadow:none;
	}

	#header #shortcuts ul li.search a,
	#header #shortcuts ul li.search a:hover
	{
		background:url('/file/1/bg-search-blue.png') no-repeat center center;
	}

	#header #shortcuts ul li.search a::after
	{
		display:none;
	}

	#header a#mobile
	{
		overflow:hidden;
		cursor:pointer;
		margin-top:33px;
		padding:12px 10px 11px;
		width:24px;
		height:21px;
		background:#a2cceb;
		border:0px;
		border-radius:5px;
	}

	#header a#mobile::before,
	#header a#mobile::after
	{
		cursor:pointer;
		display:block;
		content:' ';
		position:static;
		clear:both;
		float:right;
		margin:1px 0px 2px;
		width:100%;
		height:4px;
		background:#fff;
	}

	#header a#mobile > span
	{
		cursor:pointer;
		display:block;
		overflow:hidden;
		clear:both;
		float:right;
		margin:1px 0px 2px;
		width:82%;
		height:4px;
		background:#fff;
		text-indent:-9999px;
	}

	#header #topmenu
	{
		background: #101a21;
	}

	#header #topmenu::before
	{
		content:' ';
		position:absolute;
		top:27px;
		left:30px;
		width:114px;
		height:64px;
		display:block;
		background:url('/file/1/logo-white.png') no-repeat center center;
	}

	#header #topmenu a#close
	{
		top:40px;
		right:30px;
		width:44px;
		height:44px;
		background:#283138;
		border-radius:5px;
	}

	#header #topmenu a#close::before
	{
		content:' ';
		position:absolute;
		top:11px;
		left:11px;
		width:22px;
		height:22px;
		background: url('/file/1/bg-close.png') no-repeat top center;
		background-size:22px auto;
	}

	#header #topmenu > ul
	{
		padding: 130px 30px 50px 30px;
	}

	#header #topmenu > ul > li > a
	{
		padding:7px 0px;
		height:auto;
		color:#fff;
	}

	#header #topmenu > ul > li.active > a,
	#header #topmenu > ul > li:hover > a
	{
		color:#a7cbed;
	}

	#header #topmenu > ul > li > a.more,
	#header #topmenu > div > ul > li > a.more
	{
		display:none;
	}

	#header #topmenu > ul > li > div
	{
		display:block !important;
		margin:0px;
		padding:0px;
		max-height:9999px !important;
		background:none;
	}

	#header #topmenu > ul > li > div .content
	{
		padding:0px 0px 5px 0px;
	}

	#header #topmenu > ul > li > div ul > li > a
	{
		padding:5px 0px;
		line-height:24px;
		font-size:16px;
	}

	#header #topmenu > ul > li > div ul > li > a::before
	{
		content:'';
		display:inline-block;
		margin:3px 0px 7px 0px;
		width:10px;
		height:14px;
		background: url('/file/1/bg-topmenu-child.png') no-repeat left center;
		vertical-align:middle;
	}

	#header #topmenu > ul > li > div ul > li.active > a,
	#header #topmenu > ul > li > div ul > li > a:hover
	{
		color:#a7cbed;
	}

	#header .social
	{
		box-sizing:border-box;
	}

	#header .social::before
	{
		content:'YOU CAN ALSO FIND US AT';
		display:block;
		padding:20px 0px;
		width:100%;
		line-height:20px;
		color:#fff;
		font-family: 'futura-pt-bold',sans-serif;
		font-size:16px;
		font-weight: 700;
		text-transform:uppercase;
		border-top:1px solid #283138;
	}

	#header .social a
	{
		margin:0px 18px 28px 0px;
		width:40px !important;
		height:40px !important;
		background:url('/file/1/bg-social-mobile.png') no-repeat 0px -80px !important;
		border-radius:50%;
	}

	#header .social a.facebook
	{
		background-position:0px 0px !important;
	}

	#header .social a.twitter
	{
		background-position:-40px 0px !important;
	}

	#header .social a.instagram
	{
		background-position:-80px 0px !important;
	}

	#header .social a.pinterest
	{
		background-position:-120px 0px !important;
	}

	#header .social a.global
	{
		background-position:-160px 0px !important;
	}


	#header.fixed
	{
		height:84px;
		transition:height 200ms;
	}

	#header.fixed a.logo.isey
	{
		margin-top: 17px;
		transition:margin-top 200ms;
	}

	#header.fixed #shortcuts
	{
		margin-top:25px;
		transition:margin-top 200ms;
	}

	#header.fixed #mobile
	{
		margin-top:25px;
		transition:margin-top 200ms;
	}

	#language-select
	{
		margin:0px auto;
		display:block;
		z-index:2;
		position:relative;
		overflow:visible;
		height:65px;
		width:315px;
	}

	#language-select ul
	{
		cursor:pointer;
		overflow:hidden;
		position:relative;
		display:inline-block;
		margin:0px;
		padding:10px 70px 10px 20px;
		width:100%;
		max-height:65px;
		line-height:35px;
		list-style:none;
		text-align:left;
		background:#fff;
		border:1px solid #cdcdcd;
		border-radius:5px;
		box-sizing:border-box;
	}

	#language-select.open ul
	{
		cursor:default;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
		max-height:245px;
	}

	#language-select ul::after
	{
		opacity:1;
		position:absolute;
		top:20px;
		right:20px;
		display:block;
		content:'▼';
		width:20px;
		height:20px;
		line-height:20px;
		color:#777777;
		font-size:14px;
		font-weight:bold;
		text-align:center;
	}

	#language-select ul li
	{
		clear:both;
		display:none;
		padding:5px;
		white-space:nowrap;
	}

	#language-select ul li.active
	{
		display:block;
	}

	#language-select ul li a
	{
		pointer-events:none;
	}

	#language-select ul li a.language-select:hover
	{
		color:#000;
	}

	#language-select.open ul::after
	{
		opacity:0;
	}

	#language-select.open ul li
	{
		display:block;
	}

	#language-select.open ul li a.language-select:hover
	{
		color:#a7cbed;
	}

	#language-select.open ul li a.language-select
	{
		pointer-events:all;
	}
}

@media screen and (max-width:710px)
{
	.container.overlay > .container a.close
	{
		width:44px;
		height:44px;
	}

	#footer h4
	{
		margin-top:0px !important;
		line-height:21px;
		font-size:16px;
	}

	#footer p
	{
		line-height:21px;
		font-size:16px;
	}

	#footer .container
	{
		padding-bottom:0px;
	}

	#footer .container.dark
	{
		padding-top:0px;
	}

	#footer > .container > .content
	{
		position:relative;
	}

	#footer a.logo.isey
	{
		margin-bottom:35px;
		width:125px;
		height:70.6521px;
		background-size:125px auto;
	}

	#footer a.logo.original
	{
		width:125px;
		height:26.28px;
		background-size:125px auto;
	}

	#footer  .container > .content > .row > .c3of4 > .row > .c2of4 + .c2of4
	{
		position:absolute;
		top:0px;
		right:10px;
		width:35px !important;
	}

	#footer  .container > .content > .row > .c3of4 > .row > .c2of4 + .c2of4 h4
	{
		display:none;
	}

	#footer  .container > .content > .row > .c3of4 > .row > .c2of4 + .c2of4 ul.social
	{
		width:35px;
	}

	#footer  .container > .content > .row > .c3of4 > .row > .c2of4 + .c2of4 ul.social li
	{
		clear:both;
		margin:10px 0px;
	}
}

@media screen and (min-width:940px)
{
	#language-select ul
	{
		margin:0px -10px;
		padding:0px;
		list-style:none;
	}

	#language-select ul li
	{
		float:left;
		width:25%;
		padding:10px;
		text-align:left;
		box-sizing:border-box;
	}

	#language-select ul li:nth-child(4n+1)
	{
		clear:both;
	}
}

/* RECIPS */

@media screen and (max-width:939px)
{
	#banner p
	{
		display:none;
	}

	a.read-more
	{
		line-height:26px;
		font-size:20px;
	}

	.article-list .text p
	{
		margin:10px 0px 0px 0px;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	#banner
	{
		padding:150px 0px;
	}

	#banner h1
	{
		line-height:50px;
		font-size:40px;
	}

	#recipes .row.article-list > .column:first-child:last-child
	{
		width:100% !important;
	}

	#recipes .row.article-list > .column:first-child + .column ~ .column
	{
		width:33.33%;
	}

	#recipes .row.article-list > .column:first-child + .column ~ .column:nth-child(2n+1)
	{
		clear:none;
	}

	#recipes .row.article-list > .column:first-child + .column ~ .column:nth-child(3n+0)
	{
		clear:both;
	}

	#recipes .row.article-list > .column:first-child + .column ~ .column h1
	{
		line-height:28px;
		font-size:20px;
	}

	.row.article-list > .column:first-child + .column ~ .column a.read-more
	{
		font-size:16px;
		line-height:20px;
	}

	.row.article-list > .column:first-child + .column ~ .column a.read-more::after
	{
		width:22px;
		height:22px;
		background-size:22px auto;
	}

	#footer .container.dark .column
	{
		width:100%;
		text-align:left;
	}

	#footer .container.dark .column:first-child
	{
		display:none;
	}
}

@media screen and (max-width:710px)
{
	a.read-more
	{
		line-height:26px;
		font-size:20px;
	}

	#banner
	{
		padding:90px 0px 70px;
	}

	#banner h1
	{
		line-height:36px;
		font-size:30px;
	}

	.article-list .text h1
	{
		line-height:36px;
		font-size:28px;
	}

	.article-list .text h1[style]
	{
		height:auto !important;
	}
}

/* FAQ */

@media screen and (max-width:939px)
{
	ul.faq
	{
		border-top:0px;
	}

	ul.faq li
	{
		border-bottom-color:#000;
	}

	ul.faq li:last-child
	{
		border-bottom:0px;
	}

	ul.faq li h3 a::before
	{
		display:none;
	}

	ul.faq li h3 a::after
	{
		display:inline-block;
	}
}

/* PRODUCTS */

@media screen and (max-width:939px)
{
	.container.blue .content,
	.container.red .content,
	.container.brown .content
	{
		padding-top:35px;
	}

	.container.blue .content::after,
	.container.red .content::after,
	.container.brown .content::after
	{
		height:35px;
	}


	.container.blue .container .row > .column,
	.container.red .container .row > .column,
	.container.brown .container .row > .column
	{
		display:none;
	}

	.container.blue .container .row > .column:first-child,
	.container.red .container .row > .column:first-child,
	.container.brown .container .row > .column:first-child
	{
		display:block;
		width:100%;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	img.offset
	{
		margin: -25px 0 -115px 0;
	}

	.container.blue .content h1,
	.container.red .content h1,
	.container.brown .content h1
	{
		line-height:40px;
		font-size:36px;
	}

	.container.blue > .container.background,
	.container.red > .container.background,
	.container.brown > .container.background
	{
		display:block;
	}

	.container.blue > .container.background > .background-image,
	.container.red > .container.background > .background-image,
	.container.brown > .container.background > .background-image
	{
		width:50% !important;
		background-position:center right;
	}

	#lactose-free.container > .container.background > .background-image
	{
		background-position:30% 50%;
	}

	#organic.container > .container.background > .background-image
	{
		background-position:70% 50%;
	}

	.container.blue .container .row,
	.container.red .container .row,
	.container.brown .container .row
	{
		width:50%;
	}
}

/* BLOG */

@media screen and (max-width:939px)
{
	.article-list .text
	{
		border-bottom:2px solid #000;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	#content > .article-list .c1of3:nth-child(2n+1)
	{
		clear:none;
	}

	#content > .article-list .c1of3
	{
		width:33.33%;
	}

	#content > .article-list .c1of3:nth-child(3n+1)
	{
		clear:both;
	}

	#content > .article-list .c1of2 h1
	{
		line-height:36px;
		font-size:28px;
	}

	#content > .article-list .c1of3 h1
	{
		line-height:28px;
		font-size:20px;
	}
}

/* OUR STORY */

@media screen and (max-width:709px)
{
	#our-story
	{
		padding-top:35px;
		background-color: #fff;
		background-image: linear-gradient(top, #a7cbed 0%, #ffffff 50%);
		background-image: -moz-linear-gradient(top, #a7cbed 0%, #ffffff 50%);
		background-image: -webkit-linear-gradient(top, #a7cbed 0%, #ffffff 50%);
	}

	#our-story > .background
	{
		display:none;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	#our-story > .background
	{
		background-position:60% 40%;
	}

	#our-story h1
	{
		font-size:30px;
		line-height:30px;
	}
}


@media screen and (min-width:940px)
{
	.hide-desktop
	{
		display:none;
	}
}

@media screen and (max-width:939px)
{
	.container.mountain .row:last-child .column p,
	.container.gradiant .column.c1of4 p
	{
		margin-top:0px;
		padding:0px;
		line-height:26px;
		font-size:18px;
		font-weight:500;
	}

	.container.gradiant .column.c1of4 h2
	{
		line-height:30px;
		font-size:24px;
	}


	.container.gradiant h3
	{
		margin-bottom:0px;
		line-height:28px;
		font-size:20px;
		color:#fff;
		text-transform:uppercase;
	}

}

@media screen and (min-width:710px) and (max-width:939px)
{
	.container.mountain > .container > .content > .row:first-child + .row > .column.c2of3
	{
		width:100%;
	}

	.container.mountain > .container > .content > .row:first-child + .row > .column.c1of3
	{
		display:none;
	}

	.container.mountain .row:last-child .column
	{
		clear:none;
		width:50%;
	}

	.container.mountain table.blue tbody td
	{
		line-height:50px;
		font-size:22px;
	}

	.container.mountain h1
	{
		line-height:50px;
		font-size:40px;
	}

	.container.gradiant
	{
		background-color: #a7cbed;
		background-image: linear-gradient(top, #a7cbed 0%, #ffffff 75%);
		background-image: -moz-linear-gradient(top, #a7cbed 0%, #ffffff 75%);
		background-image: -webkit-linear-gradient(top, #a7cbed 0%, #ffffff 75%);
	}

}

@media screen and (max-width:709px)
{
	.container.gradiant .column.c1of4 h2 
	{
		margin:10px 0px 20px 0px;
	}

	.container.gradiant .column.c1of4 p
	{
		margin:0px;
	}

	.container.mountain > .container > .content > .row:first-child + .row
	{
		display:none;
	}

	.container.mountain h1
	{
		line-height:30px;
		font-size:30px;
	}

	.container.gradiant
	{
		background-color: #fff;
		background-image: linear-gradient(top, #a7cbed 0%, #ffffff 25%);
		background-image: -moz-linear-gradient(top, #a7cbed 0%, #ffffff 25%);
		background-image: -webkit-linear-gradient(top, #a7cbed 0%, #ffffff 25%);
	}
}

/* OUR SKYR */

@media screen and (min-width:940px)
{
	.hide-desktop
	{
		display:none;
	}
}

@media screen and (max-width:939px)
{
	.container.mountain .row:last-child .column p,
	.container.gradiant .column.c1of4 p
	{
		margin-top:0px;
		padding:0px;
		line-height:26px;
		font-size:18px;
		font-weight:500;
	}

	.container.gradiant .column.c1of4 h2
	{
		line-height:30px;
		font-size:24px;
	}


	.container.gradiant h3
	{
		margin-bottom:0px;
		line-height:28px;
		font-size:20px;
		color:#fff;
		text-transform:uppercase;
	}
}

@media screen and (min-width:710px) and (max-width:939px)
{
	.container.mountain > .container > .content > .row:first-child + .row > .column.c2of3
	{
		width:100%;
	}

	.container.mountain > .container > .content > .row:first-child + .row > .column.c1of3
	{
		display:none;
	}

	.container.mountain .row:last-child .column
	{
		clear:none;
		width:50%;
	}

	.container.mountain table.blue tbody td
	{
		line-height:50px;
		font-size:22px;
	}

	.container.mountain h1
	{
		line-height:50px;
		font-size:40px;
	}

	.container.gradiant
	{
		background-color: #a7cbed;
		background-image: linear-gradient(top, #a7cbed 0%, #ffffff 75%);
		background-image: -moz-linear-gradient(top, #a7cbed 0%, #ffffff 75%);
		background-image: -webkit-linear-gradient(top, #a7cbed 0%, #ffffff 75%);
	}
}

@media screen and (max-width:709px)
{
	.container.gradiant .column.c1of4 h2 
	{
		margin:10px 0px 20px 0px;
	}

	.container.gradiant .column.c1of4 p
	{
		margin:0px;
	}

	.container.mountain > .container > .content > .row:first-child + .row
	{
		display:none;
	}

	.container.mountain h1
	{
		line-height:30px;
		font-size:30px;
	}

	.container.gradiant
	{
		background-color: #fff;
		background-image: linear-gradient(top, #a7cbed 0%, #ffffff 25%);
		background-image: -moz-linear-gradient(top, #a7cbed 0%, #ffffff 25%);
		background-image: -webkit-linear-gradient(top, #a7cbed 0%, #ffffff 25%);
	}
}

/* CMS DISPLAY */

.pace ~ #container > #header
{
	position:absolute;
	z-index:9;
}

div[data-dr-type="component"]
{
	clear:both;
	float:left;
	width:100%;
}

div[data-dr-type="section"]
{
/*	clear:both;
	float:left;
	width:100%;*/
	min-height:50px;
}

.dr-component
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
}

.dr-sortable-placeholder
{
	clear:both;
	float:left;
	width:100%;
}

@media screen and (min-width:1360px)
{
	#header
	{
		height:100px;
	}

	#header a.logo.isey
	{
		margin:4px 0px 0px 0px;
		height:80px;
		width:141px;
		background-size:141px auto;
	}

	#header #topmenu > ul,
	#header #topmenu > div > ul
	{
		margin: 0px 0px 0px 0px;
		transition:margin 400ms;
	}

	#header #topmenu > ul > li > a,
	#header #topmenu > div > ul > li > a
	{
		padding: 7px 0px;
		height: 46px;
		font-size:18px;
	}

	#header #topmenu > ul > li,
	#header #topmenu > div > ul > li
	{
		padding: 0px 15px;
	}

	#header #topmenu > ul > li > div
	{
		bottom: -46px;
	}

	#header #topmenu > ul > li > div ul > li
	{
		padding: 8px 25px;
	}

	#header nav#shortcuts
	{
		margin:0px;
		transition:margin 400ms;
	}

/*
	#header.fixed nav#shortcuts
	{
		margin-top:-54px;
	}

	#header.fixed
	{
		height:60px;
	}


	#header.fixed #topmenu > ul,
	#header.fixed #topmenu > div > ul
	{
		margin-top:10px;
	}
*/
}

@media screen and (min-width: 940px) and (max-width: 1360px)
{
	#header
	{
		height:100px;
	}

	#header a.logo.isey
	{
		margin:4px 0px 0px 0px;
		height:80px;
		width:141px;
		background-size:141px auto;
	}

	#header #topmenu > ul,
	#header #topmenu > div > ul
	{
		margin: 0px 0px 0px 0px;
		transition:margin 400ms;
	}

	#header #topmenu > ul > li
	{
		padding: 0px 5px;
	}

	#header #topmenu > ul > li > a,
	#header #topmenu > div > ul > li > a
	{
		padding: 7px 0px;
		height: 46px;
	}

	#header #topmenu > ul > li > div
	{
		bottom: -46px;
	}

	#header #topmenu > ul > li > div ul > li
	{
		padding: 8px 10px;
	}

	#header #topmenu > ul > li > a,
	#header #topmenu > div > ul > li > a
	{
		    font-size: 12px;
	}

	#header nav#shortcuts
	{
		margin:0px;
		transition:margin 400ms;
	}
}


/* RU */


@media screen and (min-width:940px)
{
	#header nav#shortcuts
	{
		margin-bottom:13px;
	}

	#header #shortcuts ul li
	{
		margin:10px;
	}

	#header #shortcuts ul li a,
	#header .social a
	{
		height:21px;
		background-size:auto 42px !important;
	}

	#header #shortcuts ul li.global a,
	#header .social a.global
	{
		width:21px;
		background-size:auto 42px !important;
	}

	#header #shortcuts ul li.instagram a,
	#header .social a.instagram
	{
		width:19px;
		background-position: 0px 0px;
	}

	#header #shortcuts ul li.instagram a:hover,
	#header .social a.instagram:hover
	{
		background-position: 0px -21px;
	}

	#header #shortcuts ul li.twitter a,
	#header .social a.twitter
	{
		width:20px;
		background-position: -40px 0px;
	}

	#header #shortcuts ul li.twitter a:hover,
	#header .social a.twitter:hover
	{
		background-position: -40px -21px;
	}

	#header #shortcuts ul li.facebook a,
	#header .social a.facebook
	{
		width:10px;
		background-position: -80px 0px;
	}

	#header #shortcuts ul li.facebook a:hover,
	#header .social a.facebook:hover
	{
		background-position: -80px -21px;
	}

	#header #shortcuts ul li.pinterest a,
	#header .social a.pinterest
	{
		width:16px;
		background-position: -106px 0px;
	}

	#header #shortcuts ul li.pinterest a:hover,
	#header .social a.pinterest:hover
	{
		background-position: -106px -21px;
	}

	#header #shortcuts ul li.search
	{
		margin:0px 0px 0px 13px;
	}

	#header #shortcuts ul li.search a
	{
		width: 59px;
		height: 42px;
	}

	#header #shortcuts ul li.search a::after
	{
		margin: -10px 0px 0px -10px;
		width: 20px;
		height: 21px;
		background-position:-133px 0px;
		background-size:auto 42px;
	}
}

@media screen and (min-width:940px) and (max-width:1500px)
{
	.container.gradiant .collapse-desktop > *
	{
		clear:none;
		width:50%;
	}

	.container.gradiant .collapse-desktop > *:nth-child(2n+1)
	{
		clear:both;
	}
}


.product-list .image
{
	width:80%;
	margin-left:10%;
}


@media screen and (max-width: 710px)
{
	.content
	{
		width:90%;
	}

	#header
	{
		height:80px;
	}

	#header a.logo.isey
	{
		margin-top: 20px;
		height: 44px;
		width: 78px;
		background-size: 78px auto;
	}

	#header #shortcuts,
	#header a#mobile
	{
		margin-top:15px;
	}

	#header.fixed
	{
		height:64px;
	}

	#header.fixed a.logo.isey
	{
		margin-top: 10px;
	}

	#header.fixed #shortcuts,
	#header.fixed a#mobile
	{
		margin-top:10px;
	}
}


.row.article-list:first-child
{
	margin-top:10px;
}

.sharing,
.container.white .sharing
{
	margin-top:0px;
}

@media screen and (max-width: 939px)
{
	#header #topmenu > ul > li > div ul.return
	{
		display:none;
	}

	#header + *,
	#header + *[style]
	{
		padding-top: 100px !important;
	}
}

@media screen and (min-width: 1360px) and (max-height: 842px),
screen and (min-width: 940px) and (max-width: 1360px) and (max-height: 620px),
screen and (max-width: 939px) and (max-height: 490px)
{
	#video-item
	{
		padding-bottom:41.66%;
	}
}

/* LYKILL */


a.lykill
{
	z-index:2;
	position:absolute;
	top:30px;
	right:-120px;
	display:block;
	padding:15px 15px 15px 55px;
	width:155px;
	height:62px;
	font-size:11px;
	font-weight:Bold;
	line-height:14px;
	text-align:left;
	text-transform:uppercase;
	color:#13a35f !important;
	background:#fff url(/file/1/bg-lykill.png) no-repeat 7px 7px;
	border:2px solid #13a35f;
	border-radius:10px;
	box-sizing:border-box;
}

a.lykill:hover
{
	color:#000 !important;
}

.lykill-container
{
	display:none;
	overflow:auto;
	z-index:99;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
}

.lykill-info
{
	overflow:auto;
	position:relative;
	margin:20vh auto;
	padding:40px 50px;
	width:80vw;
	max-width:565px;
	line-height:19px;
	font-size:15px;
	background:#fff;
	border:2px solid #13a35f;
	border-radius:10px;
	box-sizing:border-box;
}

.lykill-info a
{
	color:#ff0000;
	text-decoration:underline;
}

.lykill-info a:hover
{
	color:#13a35f;
}

.lykill-info .lykill-close
{
	overflow:hidden;
	position:absolute;
	top:10px;
	right:10px;
	width:25px;
	height:25px;
	display:block;
	text-indent:-9999px;
	background: url(/file/1/bg-lykill-close.png) no-repeat center center;
}


.lykill-info .lykill-title
{
	display:inline-block;
	padding:15px 15px 15px 55px;
	width:155px;
	height:62px;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	text-transform:uppercase;
	color:#13a35f;
	background:#fff url(/file/1/bg-lykill.png) no-repeat 7px 7px;
	box-sizing:border-box;
}

@media screen and (max-width:1600px)
{
	a.lykill
	{
		top:-20px;
		right:-20px;
	}
}

@media screen and (max-width:980px)
{
	a.lykill
	{
		top:-20px;
		right:20px;
	}
}

@media screen and (max-width:767px)
{
	a.lykill
	{
		clear:both;
		margin:10px auto 10px auto;
		position:static;
	}

	.lykill-info
	{
		margin:10vh auto;
		padding:20px 25px;
		width:90vw;
	}
}

@media screen and (max-width:479px)
{
	.lykill-info
	{
		margin:15vh auto;
		padding:10px 15px;
		width:95vw;
	}
}

.image.top-left
{
	background-position:top left !important;
}

.image.top-center
{
	background-position:top center !important;
}

.image.top-right
{
	background-position:top right !important;
}

.image.middle-left
{
	background-position:center left !important;
}

.image.middle-center
{
	background-position:center center !important;
}

.image.middle-right
{
	background-position:center right !important;
}

.image.bottom-left
{
	background-position:bottom left !important;
}

.image.bottom-center
{
	background-position:bottom center !important;
}

.image.bottom-right
{
	background-position:bottom right !important;
}

/* NAVIGATION */

@media screen and (min-width: 1360px)
{
	.compress-navigation #header #topmenu > ul > li,
	.compress-navigation #header #topmenu > div > ul > li
	{
		padding: 0px 10px;
	}

	.compress-navigation #header #topmenu > ul > li > a,
	.compress-navigation #header #topmenu > div > ul > li > a
	{
		font-size:17px !important;
	}
}

@media screen and (max-width: 1359px) and (min-width: 940px)
{

	.compress-navigation #header #topmenu > ul > li
	{
		padding: 0px 7px;
	}

	.compress-navigation #header #topmenu > ul > li > a,
	.compress-navigation #header #topmenu > div > ul > li > a
	{
		font-size: 13px;
		letter-spacing: 0px;
	}
}

@media screen and (min-width: 1360px)
{
	.compress-navigation-more #header #topmenu > ul > li,
	.compress-navigation-more #header #topmenu > div > ul > li
	{
		padding: 0px 8px;
	}

	.compress-navigation-more #header #topmenu > ul > li > a,
	.compress-navigation-more #header #topmenu > div > ul > li > a
	{
		font-size:17px !important;
	}
}

@media screen and (max-width: 1359px) and (min-width: 940px)
{
	.compress-navigation-more #header #topmenu > ul > li
	{
		padding: 0px 5px;
	}

	.compress-navigation-more #header #topmenu > ul > li > a,
	.compress-navigation-more #header #topmenu > div > ul > li > a
	{
		font-size: 13px;
		letter-spacing: 0px;
	}
}

@media screen and (max-width: 710px)
{
	#new-dairy h1[style],
	#new-dairy h2[style],
	#new-dairy h3[style],
	#new-dairy p[style],
	#secret h1[style],
	#secret h2[style],
	#secret h3[style],
	#secret p[style],
	#our-story h1[style],
	#our-story h2[style],
	#our-story h3[style],
	#our-story p[style]
	{
		color: #000 !important;
		text-shadow:none !important;
	}
}


.hero-skvisa
{
	position:relative;
	height:calc(100vh - 100px);
}

.hero-skvisa a
{
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background: url('/media/5/heroskvisa.jpg') no-repeat 50% 65%;
	background-size:cover;
}



.hero-landslid
{
	position:relative;
	height:calc(100vh - 100px);
}

.hero-landslid a
{
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background: url('/file/5/islenska-landslidid-velur-skyr.jpg') no-repeat 55% 65%;
	background-size:cover;
}


.video-rounded
{
	overflow:hidden;
	box-sizing: border-box;
	background: #000;
	border:16px solid #fff;
	border-radius: 10px;
	box-shadow: 10px 10px 15px rgb(0 0 0 / 25%);
	box-sizing:border-box;
}
}


.row-special
{
	margin:0px -20px;
}

.row-special > .column
{
	padding:20px;
}



#header #shortcuts ul li.tiktok a,
#header .social a.tiktok
{
	width:24px;
	background: url(/file/1/bg-shortcuts-tiktok.png) no-repeat 0px 0px;
}

#header #shortcuts ul li.tiktok a:hover,
#header .social a.tiktok:hover
{
	background-position:0px -27px;
}


#footer ul.social li.tiktok a
{
	background: url(/file/1/bg-social-tiktok.png) no-repeat 0px 0px;
}

#footer ul.social li.tiktok a:hover
{
	background-position:0px -35px;
}

@media screen and (max-width:939px)
{
	#header .social a.tiktok
	{
		background:url('/file/1/bg-social-tiktok-mobile.png') no-repeat 0px 0px !important;
		background-position:0px 0px !important;
	}
}


@media screen and (min-width:940px)
{
	#header #shortcuts ul li a.tiktok,
	#header .social a.tiktok
	{
		background:url('/file/1/bg-social-tiktok-mobile.png') 0px 0px;
		background-size:auto 42px !important;
	}

	#header #shortcuts ul li.tiktok a:hover,
	#header .social a.tiktok:hover
	{
		background-position: 0px -21px;
	}
}

#footer ul.social li.newsletter a
{
	background:url(/file/1/icon-newsletter.png) no-repeat top center;
}

#footer ul.social li.newsletter a:hover
{
	background-position: bottom center;
}

@media screen and (min-width: 710px)
{
	#footer .mailinglist
	{
		clear:both;
		margin-top:100px;
	}

}

.new-product
{
	position: relative;
}

.new-product::after
{
	position:absolute;
	top:0px;
	right:-10px;
	display:block;
	content:' ';
	width:80px;
	height:80px;
	background:url(/media/9/icon-new.png) no-repeat center center;
}