﻿/* 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;
	}

	#header #topmenu > ul > li,
	#header #topmenu > div > ul > li
	{
		padding: 0px 20px;
	}

	#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 > 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: 13px;
	}

	#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%;
	}
}
