/*
Theme Name: Stamfles Group
Theme URI: http://stamfles.com
Description: Stamfles Group website theme
Author: Seamless Communications
Author URI: http://stamfles.com
Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-x:hidden;
}
html, body {
	width: 100%;
	max-width: 100%;
	height: 100%;
	background: url(../../_images/bg.png) repeat #fff;
	font-family: "Baskerville", "Century Schoolbook L", "Times New Roman", serif;
	font-size: 16px;
	font-weight: 400;
	color: #363636;
	line-height: normal;
}

#all {
	margin: 0 auto;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	position: relative;
}

.none {
	display: none;
}

a {
	padding: 0;
	color: #2a2a2a;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

a:hover {
	color: #ffbb00;
	text-decoration: none;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

b {
	font-weight: 600;
}

.textwrap {
	display: block;
}

.transparent, .transparent .button a {
	color: transparent;
	text-shadow: 3px 3px 0px transparent;
	-webkit-text-shadow: 3px 3px 0px transparent;
    -moz-text-shadow: 3px 3px 0px transparent;
	border: transparent;
}

.none {
	display: none;
}


/* Headers */

h1 {
	display: block;
	margin: 0;
	padding: 50px 0;
	color: #2a2a2a;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
}

h2 {
	display: block;
	margin: 0;
	padding: 50px 0;
	color: #fff;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
}

h3 {
	display: block;
	margin: 0 0 35px;
	padding: 0;
	color: #2a2a2a;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
}

h4 {
	display: block;
	margin: 0 0 60px;
	padding: 0;
	font-family: Baskerville, 'Libre Baskerville', "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
}

h5 {
	display: block;
	margin: 0 0 18px;
	padding: 0;
	color: #ffbb00;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: left;
}

h6 {
	display: block;
	margin: 0 0 35px;
	padding: 0;
	color: #2a2a2a;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: left;
}

/* Separators */

.sep1 {
	margin: 0 auto 50px;
	width: 120px;
	height: 5px;
	background: #ffbb00;
}

.sep2 {
	margin: 0 auto 20px;
	width: 340px;
	height: 1px;
/*	background: #bff071;   */
	background: #ffbb00;
}


.sep3 {
	position: relative;
	float: left;
	display: inline-block;
	width: 1px;
	margin: 40px 0 0;
	height: 210px;
	background: #EEE;
}


/* Navigation */

div#nav {
	position: fixed;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #2a2a2a;
	font-size: 11px;
	word-spacing: -1;
	text-align: center;
	z-index: 2;
}
nav {
	width: 100%;
	overflow-x:scroll;
	overflow-y: hidden;
	height:auto;
	margin: 0 auto;
}

nav ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 1157px;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	list-style-type: none;
}

nav ul li#item {
	position: relative;
	float: left;
	margin: 0 0 -4px;
	padding: 0;
	color: #eee;
	text-align: center;
}

nav ul li#item a {
	position: relative;
	float: left;
	margin: 0 20px;
	padding: 25px 0;
	width: auto !important;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	border-bottom: 5px solid transparent;
}

nav ul li#item a:hover, nav ul li#item a.active {
	color: #ffbb00;
	text-decoration: none;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	border-bottom: 5px solid #ffbb00;
}

#mobile {
	display: none;
}


/* Home */

#home {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: url("../../_images/stamfles_bg.jpg") center center no-repeat;
	background-size: cover;
	z-index: 1;
	text-align: center;
}

#home h3 {
	margin-top: 50px;
	font-size: 13px;
	color: #fff;
}

#home h4 {
	font-size: 20px;
	color: #fff;
	margin: 0 0 50px;
}

.logowrap {
	margin: 0 auto;
	width: 1280px !important;
}

#logo {
	position: relative;
	left: 50px;
	top: 130px;
	width: 204px !important;
	height: 88px !important;
	background: url("../../_images/stamfles_logo.png") center center no-repeat;
    background-size: contain;
}

.scrollwrap {
	position: absolute;
	bottom: 25px;
	left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	text-align: center;
}
.scrollwrap {
	position: absolute;
	bottom: 25px;
	left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	text-align: center;
}

#scroll {
	positon: relative;
	margin: 0 auto;
	display: inline-block;
	width: 25px !important;
	height: 45px !important;
	background: url("../../_images/scroll-mouse.svg") center center no-repeat;
	background-size: cover cover;
}

#mobile-scroll {
	display: none;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 300%;
	font-weight: 700;
	letter-spacing: .4em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.sliderwrap {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: center;
}

li#slide {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slidecontain {
	margin: 0 auto;
	max-width: 900px;
    width: 70%;
}

.slidecontain2 {
	margin: 0 auto;
	max-width: 680px;
    width: 70%;
}

.slidecontain3 {
	margin: 0 auto;
	max-width: 820px;
    width: 70%;
}

#home .button a {
	margin: 0 auto;
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	background: none;
	border: 3px solid #fff;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

#home .button a:hover  {
	color: #fff;
	background: #ffbb00;
	border: 3px solid transparent;
}

/* brands */
#home #ourbrands {
	margin: 50px auto;
	display: block;
	height: 140px;
	max-width: 1280px;
}

#home .ourbrandswrap {
	margin: 0 auto;
	text-align: center;
}

#home #col1, #home #col2, #home #col3 {
	position: relative;
	margin: 0;
	padding: 0;
    width: calc(100% / 3)!important;
	height: auto !important;
	max-height: 260px !important;
}

#home .brand {
	position: relative;
	float: left;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

#home h6 {
	margin: 20px 0 25px;
	padding: 0;
	font-size: 11px;
	text-align: center;
	color: #fff;
}

#home .brand .stamfles {
	display: block;
	margin: 0 auto;
	width: 165px !important;
	height: 104px !important;
	background: url(../../_images/logo_stamfles_w.png) center center no-repeat;
	background-size: contain;
	border: 0;
}

#home .brand .easygourmet {
	display: block;
	margin: 0 auto;
	width: 150px !important;
	height: 104px !important;
	background: url(../../_images/logo_easygourmet_w.png) center center no-repeat;
	background-size: contain;
	border: 0;
}

#home .brand .roost {
	display: block;
	margin: -10px auto;
	width: 150px !important;
  height: 124px !important;
  background: url(../../_images/logo_roost_w.png) center center no-repeat;
  background-size: contain;
  border: 0;
}



/* Main Content */

#content {
	position: absolute;
	top: 100%;
	margin: 0;
	width: 100%;
	min-width: 100%;
	height: auto !important;
}


/* Who We Are */

#whoweare {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background: #eee;

}

#whoweare #wrapper {
	margin: 0 auto;
	width: 100% !important;
	max-width:1280px;
}

#whoweare #wrapper #innerwrap {
	position: relative;
	float: left;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

#whoweare .photo {
	width: 25% !important;
	height: 100%;
	position: absolute;
	overflow: hidden;
	text-align: center;
}

#whoweare .photo img {
	width: auto !important;
	height: 100%;
	display: block;
	float: left;
	/*margin-left: -44px;*/
}

#whoweare .copy {
	position: relative;
	float:right;
	margin: 0;
	width:65%;
	padding: 60px 5% 120px;
	height: auto !important;
	background: #fff;
}


/* What We Do */

#whatwedo {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	border-bottom: 1px solid #ddd;
	background: #eee;

}

#whatwedo #wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px !important;
}

#whatwedo #wrapper #innerwrap {
	position: relative;
	float: left;
	width: 100%;
}

#whatwedo .photo {
	width: 25% !important;
	height: 100%;
	position: absolute;
	right: 0;
	overflow: hidden;
	text-align: center;
}

#whatwedo .photo img {
	width: auto !important;
	height: 100%;
	display: block;
	float: right;
}

#whatwedo .copy {
	position: relative;
	float: left;
	margin: 0;
	padding: 60px 5% 120px;
	width: 65% !important;
	height: auto !important;
	background: #fff;
}

#whatwedo .copy #col1 {
	position: relative;
	float: left;
    width: calc(100% - 300px);
    max-width: 500px !important;
}

#whatwedo .copy #col2 {
	position: relative;
	float: left;
	margin: 0 0 0 30px;
	width: 270px !important;
}


/* Vision & Mission */

#vismis {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	/*min-width: 1280px !important;*/
	background: #ffbb00;
	text-align: center;
}


#vismis #wrapper {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}

#vismis #row1, #vismis #row2 {
	position: relative;
}

#vismis #images {
	position: relative;
	float: left;
	width: 50% !important;
	height: 435px !important;
	background: #333;
	display: block;
	padding: 0;
	margin: 0;
}

#vismis #row1 #images #col1 {
	position: relative;
	float: left;
	width: 75% !important;
	height: 100%;
	background-image: url(../../_images/vis2.jpg);
	background-size: cover;
	background-position: 78% 100%;
	background-repeat: no-repeat;
}

#vismis #row1 #images #col2 {
	position: relative;
	float: left;
	width: 25% !important;
	height: 100%;
}

#vismis #row1 #images #col2 .row1 {
	width: 100%;
	height: 50% !important;
	background-image: url(../../_images/vis1.jpg);
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
}

#vismis #row1 #images #col2 .row2 {
	width: 100%;
	height: 50% !important;
	background-image: url(../../_images/vis3.jpg);
	background-size: cover;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#vismis #row2 #images #col1 {
	position: relative;
	float: left;
	width: 75% !important;
	height: 100%;
	background-image: url(../../_images/mis1.jpg);
	background-size: cover;
	background-position: 30% 100%;
	background-repeat: no-repeat;
}

#vismis #row2 #images #col2 {
	position: relative;
	float: left;
	width: 25% !important;
	height: 100%;
}

#vismis #row2 #images #col2 .row1 {
	position: relative;
	float: left;
	width: 100%;
	height: 170px !important;
	background-image: url(../../_images/mis2.jpg);
	background-size: 300px;
	background-position: 58% 40%;
	background-repeat: no-repeat;
}

#vismis #row2 #images #col2 .row2 {
	position: relative;
	float: left;
	width: 100%;
	height: 265px !important;
	background-image: url(../../_images/mis3.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#vismis #text {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 22px;
	width: 50% !important;
	height: 435px !important;
}

#vismis .textwrap {
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding: 0 30px;
}

#vismis h2 {
	top: 0;
	padding: 0 0 50px;
}

#vismis #text big {
	font-size: 50px;
	font-style: italic;
}


/* Core Values */

#corevalues {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 60px 0 120px;
	width: 100%;
	/*min-width: 1280px !important;*/
	height: 100%;
	min-height: 100%;
	background: #2a2a2a;
	text-align: center;
}

#corevalues h6 {
	font-size: 16px;
	text-align: center;
}

#corevalues #wrapper {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	width: 1024px !important;
}

#corevalues .values {
	font-size: 18px;
	color: #2a2a2a;
}

#corevalues #row {
	position: relative;
	float: left;
	margin: 0 auto;
	display: inline-block;
}

#corevalues #row #col1, #corevalues #row #col2, #corevalues #row #col3, #corevalues #row #col4, #corevalues #row #col5, #corevalues #row #col6  {
	margin: 0 0 1px;
}

#corevalues #row #col1, #corevalues #row #col2, #corevalues #row #col3, #corevalues #row #col4, #corevalues #row #col5, #corevalues #row #col6 {
	position: relative;
	float: left;
	background-size: cover;
	background-position: center center;
}

#corevalues #row #col1, #corevalues #row #col2 {
	width: 340px !important;
	height: 180px !important;
}

#corevalues #row #col1, #corevalues #row #col2, #corevalues #row #col3, #corevalues #row #col4, #corevalues #row #col5, #corevalues #row #col6 {
	padding: 30px;
	width: 280px !important;
	height: 120px !important;
}

#corevalues #row #col1 {
	background: url(../../_images/cv_people_bg.png) no-repeat;
}

#corevalues #row #col2 {
	background: url(../../_images/cv_services_bg.png) no-repeat;
}

#corevalues #row #col3 {
	background: url(../../_images/cv_excellence_bg.png) no-repeat;
}

#corevalues #row #col4 {
	background: url(../../_images/cv_financial_bg.png) no-repeat;
}

#corevalues #row #col5 {
	background: url(../../_images/cv_teamwork_bg.png) no-repeat;
}

#corevalues #row #col6 {
	background: url(../../_images/cv_cando_bg.png) no-repeat;
}



/* Achievements & News */

#achievements {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 60px 0 120px;
	width: 100%;
	/*min-width: 1280px;*/
	height: 100%;
	min-height: 100%;
	background: #fff;
	text-align: center;
}

#achievements h6 {
	position: relative;
	margin: 0 0 25px;
	text-align: center;
	color: #fff;
}

#achievements .textwrap {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding: 30px 0;
	display: block;
	text-align: center;
	width: 100%;
}

#achievements #wrapper {
	margin: 0 auto;
	width: 1024px !important;
}

.news {
	position: relative;
	display: block;
	color: #fff;
	background: #2a2a2a;
	overflow: hidden;
}

a.click {
	color: transparent;
	dislay: block;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	background: none;
}

a.click .clicktextwrap {
	position: absolute;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	padding: 0;
	display: block;
	text-align: center;
	width: 100%;
}

a.click .button {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 30px;
	background: transparent;
	color: transparent;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
	border: 3px solid transparent;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

a.click:hover .button {
	color: #fff;
	border: 3px solid #fff;
	opacity: 1;
}

/* row1 */
.news#row1 #col1 {
	position: relative;
	float: left;
	padding: 0;
	max-width: 190px !important;
	width: 100%;
	height: 100%;
	min-height: 300px !important;
	border-right: 1px solid #444444;
}

.news#row1 #col2 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 242px !important;
	min-height: 300px !important;
	border-right: 1px solid #444444;
}

	.news#row1 #col2 #r1, .news#row1 #col2 #r2 {
		position: absolute;
		left: 0;
		border-bottom: 1px solid #444444;
		padding: 0;
		height: 50% !important;
		min-width: 242px !important;
	}

	.news#row1 #col2 #r1 {
		border-bottom: 1px solid #444444;
	}

	.news#row1 #col2 #r2 {
		top: 50%;
	}

.news#row1 #col3 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 590px !important;
	min-height: 300px !important;
}

	.news#row1 #col3 a {
		display: block;
		background: url("../../_images/news_1.png") center center no-repeat;
		background-size: cover cover;
		border: 0;
		width: 100%;
		height: 100%;
		max-width: 590px !important;
		min-height: 300px;
	}

	.news#row1 #col3 a:hover {
		background: url("../../_images/news_1_hover.png") center center no-repeat #2a2a2a;
	}

/* row2 */
.news#row2 #col1 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 342px !important;
	min-height: 430px !important;
}

	.news#row2 #col1 a {
		display: block;
		background: url("../../_images/news_2.png") center center no-repeat;
		background-size: cover cover;
		border: 0;
		width: 100%;
		height: 100%;
		max-width: 342px !important;
		min-height: 430px !important;
	}

	.news#row2 #col1 a:hover {
		background: url("../../_images/news_2_hover.png") center center no-repeat #2a2a2a;
	}

.news#row2 #col2 {
	position: relative;
	float: left;
	width: 682px !important;
	height: 430px !important;
	background: url("../../_images/news_3.png") center center no-repeat;
	background-size: cover cover;
	border: 0;
}


/* row3 */
#row3 #col1 {
	position: relative;
	float: left;
	width: 525px !important;
	height: 420px !important;
	background: url("../../_images/news_4.png") center center no-repeat;
	background-size: cover;

}

#row3 #col2 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 297px !important;
	min-height: 420px !important;
}

	#row3 #col2 a {
		display: block;
		background: url("../../_images/news_5.png") center center no-repeat;
		background-size: cover;

		width: 100%;
		height: 100%;
		max-width: 297px !important;
		min-height: 420px !important;
	}

	#row3 #col2 a:hover {
		background: url("../../_images/news_5_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}

#row3 #col3 {
	position: relative;
	float: left;
	padding: 0;
	max-width: 200px !important;
	width: 100%;
	height: 100%;
	min-height: 420px !important;
}
/* row4 */
#row4 #col1 {
	position: relative;
	float: left;
	width: 438px !important;
	height: 438px !important;
	background-size: cover;

}
#row4 #col1 a {
		display: block;
		background: url("../../_images/news_6.png") center center no-repeat;
		background-size: cover;

		width: 100%;
		height: 100%;
		max-width: 438px !important;
		min-height: 438px !important;
	}

	#row4 #col1 a:hover {
		background: url("../../_images/news_6_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}




#row4 #col2 {
	position: relative;
	float: left;
	width: 317px !important;
	height: 438px !important;
	background-size: cover;

}

	#row4 #col2 a {
		display: block;
		background: url("../../_images/news_7.png") center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		max-width: 317px !important;
		min-height: 438px !important;
	}

	#row4 #col2 a:hover {
		background: url("../../_images/news_7_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}

#row4 #col3 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 269px !important;
	min-height: 438px !important;
}

	#row4 #col3 a {
		display: block;
		background: url("../../_images/news_8.png") center center no-repeat;
		background-size: cover;

		width: 100%;
		height: 100%;
		max-width: 269px !important;
		min-height: 438px !important;
	}

	#row4 #col3 a:hover {
		background: url("../../_images/news_8_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}

/* row5 */
#row5 #col1 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 512px !important;
	min-height: 370px !important;
}

	#row5 #col1 a {
		display: block;
		background: url("../../_images/news_9.png") center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		max-width: 512px !important;
		min-height: 370px !important;
	}

	#row5 #col1 a:hover {
		background: url("../../_images/news_9_hover.png") center center no-repeat #2a2a2a;
		background-size: cover;
	}

#row5 #col2 {
	position: relative;
	float: left;
	width: 512px !important;
	height: 370px !important;
	background: url("../../_images/news_10.png") center center no-repeat;background-size: cover;

}


/* row6 */
#row6 #col1 {
	position: relative;
	float: left;
	padding: 0;
	max-width: 200px !important;
	width: 100%;
	height: 100%;
	min-height: 453px !important;
}

#row6 #col2 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 824px !important;
	min-height: 45px !important;
}

	#row6 #col2 a {
		display: block;
		background: url("../../_images/news_11.png") center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		max-width: 824px !important;
		min-height: 453px !important;
	}

	#row6 #col2 a:hover {
		background: url("../../_images/news_11_hover.png") center center no-repeat #2a2a2a;
		background-size: cover;
	}



/* row7 */
#row7 #col1 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 506px !important;
	min-height: 353px !important;
}

	#row7 #col1 a {
		display: block;
		background: url("../../_images/news_12.png") center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		max-width: 506px !important;
		min-height: 353px !important;
	}

	#row7 #col1 a:hover {
		background: url("../../_images/news_12_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}

#row7 #col2 {
	position: relative;
	float: left;
	width: 518px !important;
	height: 353px !important;
	background: url("../../_images/news_13.png") center center no-repeat;
	background-size: cover;

}

/* row8 */
#row8 #col1 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 683px !important;
	min-height: 427px !important;
	background: url("../../_images/news_14.png") center center no-repeat;
	background-size: cover;
}



#row8 #col2 {
	position: relative;
	float: left;
	width: 341px !important;
	height: 427px !important;

}
	#row8 #col2 a {
		display: block;

		width: 100%;
		height: 100%;
		max-width: 341px !important;
		min-height: 427px !important;
		background: url("../../_images/news_15.png") center center no-repeat;	background-size: cover;
	}

	#row8 #col2 a:hover {
		background: url("../../_images/news_15_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}
/* row9 */
#row9 #col1 {
    position: relative;
    float: left;
    padding: 0;
    max-width: 198px !important;
    width: 100%;
    height: 100%;
    min-height: 252px !important;
}
#row9 #col1 h6 {margin:0 !important;}
#row9 #col2 {
	position: relative;
	float: left;
	width: 242px !important;
	height: 252px !important;

}
	#row9 #col2 a {
		display: block;
		float: left;
		width: 100%;
		height: 100%;
		max-width: 242px !important;
		min-height: 252px !important;
		background: url("../../_images/news_16.png") center center no-repeat;
		background-size: cover;
	}

	#row9 #col2 a:hover {
		background: url("../../_images/news_16_hover.png") center center no-repeat;
		background-size: cover;
	}


#row9 #col3 {
	position: relative;
	float: left;
	width: 584px !important;
	height: 252px !important;

}
	#row9 #col3 a {
		display: block;

		width: 100%;
		height: 100%;
		max-width: 584px !important;
		min-height: 252px !important;
		background: url("../../_images/news_17.png") center center no-repeat;	background-size: cover;
	}

	#row9 #col3 a:hover {
		background: url("../../_images/news_17_hover.png") center center no-repeat #2a2a2a;background-size: cover;
	}
/* row10 */

#row10 #col1 {
	position: relative;
	float: left;
	width: 438px !important;
	height: 335px !important;

}
	#row10 #col1 a {
		display: block;

		width: 100%;
		height: 100%;
		max-width: 438px !important;
		min-height: 335px !important;
		background: url("../../_images/news_18.png") center center no-repeat;	background-size: cover;
	}

	#row10 #col1 a:hover {
		background: url("../../_images/news_18_hover.png") center center no-repeat #2a2a2a;
		background-size: cover;
	}
#row10 #col2 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 586px !important;
	min-height: 335px !important;
	background: url("../../_images/news_19.png") center center no-repeat;
	background-size: cover;
}


/* Our Brands */

#brands {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 60px 0 80px;
	width: 100%;
	/*min-width: 1280px !important;*/
	height: 100%;
	min-height: 100%;
	background: #eee;
	font-size: 16px;
	text-align: center;
}

#brands #wrapper {
	margin: 0 auto;
	width: 100%;
}

#brands h6 {
	margin: 20px 0 25px;
	padding: 0;
	font-size: 13px;
	text-align: center;
}

#brands #row {
	position: relative;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

#brands #col1, #brands #col2, #brands #col3 {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: calc((100% / 3) - 1px) !important;
	height: auto !important;
}

#brands .brand {
	position: relative;
	float: left;
	top: 0;
}

#brands #col1 .description, #brands #col2 .description, #brands #col3 .description {
	padding: 0 50px;
	margin: 0 0 25px;
}

#brands .brand .stamfles {
	display: block;
	margin: 0 auto;
	width: 175px !important;
	height: 104px !important;
	background: url(../../_images/logo_stamfles.png) center center no-repeat;
	background-size: contain;
	border: 0;
}

#brands .brand .easygourmet {
	display: block;
	margin: 0 auto;
	width: 150px !important;
	height: 104px !important;
	background: url(../../_images/logo_easygourmet.png) center center no-repeat;
	background-size: contain;
	border: 0;
}

#brands .brand .roost {
	display: block;
	margin: -10px auto;
	width: 150px !important;
  height: 124px !important;
  background: url(../../_images/logo_roost.png) center center no-repeat;
  background-size: contain;
  border: 0;
}
#brands .brand .button a {
	margin: 0;
	padding: 13px 33px;
	display: inline-block;
	background: #2a2a2a;
	color: #fff;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}

#brands #col1:hover .button a:hover, #brands #col2:hover .button a:hover, #brands #col3:hover .button a:hover {
	color: #fff;
	background: #ffbb00;
}

/* Contact */

#contact {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 60px 0 120px;
	width: 100%;
	/* min-width: 1280px !important; */
	height: 100%;
	min-height: 100%;
	background: #eee;
	text-align: center;
}

#contact #wrapper {
	margin: 0 auto;
	/* width: 1280px !important; */
}

#contact .text {
	margin: 0;
	padding: 0;
	font-size: 22px;
}

#contact a:hover {
	color: #ffbb00;
}

#contact .text big {
	font-size: 24px;
}

#contact .text .address {
	display: block;
	margin: 50px 0 0;
	padding: 0;
	color: #2a2a2a;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
}

#contact .text .address big {
	display: inline-block;
	padding: 0 0 10px;
	font-size: 18px;
}


/* Footer */

#footer {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	/*min-width: 1280px !important;*/
	height: 100%;
	min-height: 100%;
	background: #fff;
}

#footer #logos {
	position: relative;
	float: left;
	margin: 30px 25px;
}

#footer #logos .halal {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 50px !important;
	height: 50px !important;
	background: url(../../_images/logo_halal.png);
	background-size: contain;
}

#footer #logos .sac {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 70px !important;
	height: 50px !important;
	background: url(../../_images/logo_SAC.png);
	background-size: contain;
}

#footer #logos .e50-02 {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 71px !important;
	height: 50px !important;
	background: url(../../_images/logo_E50-02.png);
	background-size: contain;
}

#footer #logos .e50-03 {
	display: inline-block;
	width: 71px !important;
	height: 50px !important;
	background: url(../../_images/logo_E50-03.png);
	background-size: contain;
}

#footer #copyright {
	position: relative;
	float: right;
	margin: 0;
	padding: 50px 25px;
	background: #fff;
	color: #2a2a2a;
	font-family: 'Montserrat', Helvetica Neue, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: center;
}


/* Mandatory Float Clearing */

/* For most major browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}

/* For IE 8 and above */
.cf:after {
	clear: both;
}

/* For IE7 and below */
.cf {
	zoom: 1;
}
nav::-webkit-scrollbar{
	height:0px;
	background: #fff;
}
nav::-webkit-scrollbar-track {
	background: #fff;}
nav::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px;
	width: 10px;}