html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    -webkit-font-smoothing: antialiased;
}

::selection {
	color: #fffaab;
	opacity:0;
	filter:alpha(opacity=0);
	}
::-moz-selection {
	color: #fffaab;
	opacity:0;
	filter:alpha(opacity=0);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
    height: 100%;
}

body { 
	height: 100%;
	font-family: 'Open Sans';
	font-size:14px;
	line-height:18px;
	font-weight:400;
	color: white;
	background-color: #101010;

}
h2{
	font-family: 'Open Sans';
	font-size: 22px;
	font-weight: 100;
}
i {font-weight: normal;}
.eng { 
	font-family:'Open Sans'; 
	font-size: 31px;
}

.p33 {
	width: 33%;
	height: 100%;
	min-height: 640px;
	float: left;
	display: block;
}
.p50 {
	width: 50%;
	float: left;
}
.p100{
	width: 100%;
	height: 95%;
	min-height: 640px;
	text-align: center;
	vertical-align: middle;
}
.clear{
	clear: both;
	margin-bottom: 5px; 
}
.menu {
	position: absolute;
	width: 755px;
	bottom: 0;
	left: 50%;
	margin-left: -341px;
	margin-bottom: 30px;
}
.menu li{ 
	margin: 0 27px;
	text-align: center;
	float: right;
}
.icon-facebook {
	font-size: 21px;
}
.net{
	width: 100%;
	height: 100%;
	background: url(../img/net.png) repeat; 
}
.fix {
	background-position: 0 0;
	/*padding: 0.1px 0;*/
}
.home {
	background: url(../img/main.jpg) no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}


.home .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -208px;
	margin-top: -255px;
}
.home .lang{
	background: url(../img/lang_bar.png) no-repeat center center; 
	width: 74px;
	height: 44px;
	position: absolute;
	top: 0px;
	right: 30px;
	font-size: 15px;
	padding-top: 10px;
	text-align: center;
	color: white;
}
.home .lang:hover {
	cursor: pointer;
	color: #b19057;
}
.about { min-height: 830px; }

.about .img1 {
	background: url(../img/img1.jpg) no-repeat left bottom fixed ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	position: relative;
}
.about .img2 {
	background: url(../img/img2.jpg) no-repeat right bottom fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	position: relative;
}
.about .info {
	background: url(../img/net_black.png) repeat; 
	width: 34%;
}
.paragraph {
	margin: auto;
	text-align: left;
	width: 225px;
	
}
.title {
	padding: 30px 0;
	padding-top: 70px;
}
.subtext {
	font-family:'Open Sans';
	font-size: 28px;
	line-height: 40px;
	padding-top: 30px;
	border-top: 1px solid #606060;
}
.about .subtext span {
	border-bottom: 1px solid #888;
}
.txt {
	padding: 30px 0;
	line-height: 27px;
}

.about .paragraph{width: 180px;}
.about .subtext{border-bottom: 1px solid #606060; padding: 30px 0;}

.events {
	overflow: hidden;
	background: url(../img/services.jpg) no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}


.events .p33 {
	float: right;
}
.event-mask { overflow: hidden; }
.event-holder { 
	width: 300%; 
	margin-left: -200.5%; 
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.eventim {
	width: 31%;
	margin-right: 1%;
	float: right;
}
.eventim li{
	float: right;
	width: 29.3333333%;
	overflow: hidden;

	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;

	position: relative;
	background-position: center top;
	
	
}

.eventim img{
	margin-bottom: -5px;
	width: 100%;
}
.event-name {
	display: none;

	font-weight: 700;
	font-size: 13px;
	bottom: 2px;
	z-index: 100;
	position: absolute;
	padding-top: 10px;
	padding-right: 10px;


	height: 80px;
	width: 88%;
	text-align: right;
	background: url(../img/net.png) repeat; 

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}
.event-name img{
	width: 94%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.event-name span {
	font-size: 19px;
}
.eventim li:hover  {
	cursor: pointer;
}

.eventim li { 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.eventim li:hover {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
} 
.eventim .subtext{
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 0px; 
	margin-top: -45px;
	margin-left: -80px;
}
.eventim .btn {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%); 

    -webkit-transition: all 0s ease-out;
	-moz-transition: all 0s ease-out;
	-o-transition: all 0s ease-out;
	-ms-transition: all 0s ease-out;
	transition: all 0s ease-out;

}
.eventim .btn:hover {
	color: #fffaab;
}








.sundeck {
	overflow: hidden;
	background: url(../img/services2.jpg) no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}


.sundeck .p33 {
	float: right;
}
.event-mask { overflow: hidden; }
.event-holder { 
	width: 300%; 
	margin-left: -200.5%; 
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.eventim {
	width: 31%;
	margin-right: 1%;
	float: right;
}
.eventim li{
	float: right;
	width: 29.3333333%;
	overflow: hidden;

	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;

	position: relative;
	background-position: center top;
	
	
}

.eventim img{
	margin-bottom: -5px;
	width: 100%;
}
.event-name {
	display: none;

	font-weight: 700;
	font-size: 13px;
	bottom: 2px;
	z-index: 100;
	position: absolute;
	padding-top: 10px;
	padding-right: 10px;


	height: 80px;
	width: 88%;
	text-align: right;
	background: url(../img/net.png) repeat; 

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}
.event-name img{
	width: 94%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.event-name span {
	font-size: 19px;
}
.eventim li:hover  {
	cursor: pointer;
}

.eventim li { 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.eventim li:hover {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
} 
.eventim .subtext{
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 0px; 
	margin-top: -45px;
	margin-left: -80px;
}
.eventim .btn {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%); 

    -webkit-transition: all 0s ease-out;
	-moz-transition: all 0s ease-out;
	-o-transition: all 0s ease-out;
	-ms-transition: all 0s ease-out;
	transition: all 0s ease-out;

}
.eventim .btn:hover {
	color: #fffaab;
}






.fence {
	overflow: hidden;
	background: url(../img/services3.jpg) no-repeat center bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}


.fence .p33 {
	float: right;
}
.event-mask { overflow: hidden; }
.event-holder { 
	width: 300%; 
	margin-left: -200.5%; 
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.eventim {
	width: 31%;
	margin-right: 1%;
	float: right;
}
.eventim li{
	float: right;
	width: 29.3333333%;
	overflow: hidden;

	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;

	position: relative;
	background-position: center top;
	
	
}

.eventim img{
	margin-bottom: -5px;
	width: 100%;
}
.event-name {
	display: none;

	font-weight: 700;
	font-size: 13px;
	bottom: 2px;
	z-index: 100;
	position: absolute;
	padding-top: 10px;
	padding-right: 10px;


	height: 80px;
	width: 88%;
	text-align: right;
	background: url(../img/net.png) repeat; 

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}
.event-name img{
	width: 94%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.event-name span {
	font-size: 19px;
}
.eventim li:hover  {
	cursor: pointer;
}

.eventim li { 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.eventim li:hover {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
} 
.eventim .subtext{
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 0px; 
	margin-top: -45px;
	margin-left: -80px;
}
.eventim .btn {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%); 

    -webkit-transition: all 0s ease-out;
	-moz-transition: all 0s ease-out;
	-o-transition: all 0s ease-out;
	-ms-transition: all 0s ease-out;
	transition: all 0s ease-out;

}
.eventim .btn:hover {
	color: #fffaab;
}

















.team {
	margin-bottom: 60px;
	background: url(../img/work.jpg) no-repeat center bottom fixed; 

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.gil {
	padding-top: 6%;

	min-height: 1300px;
	margin: 0 4%;
	position: relative;

	margin-top: 60px;
	margin-bottom: 60px;

	background: url(../img/wallpaper.jpg) no-repeat center center; 

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;

}
.gil img { width: 100%; }
.gil-info b { font-size: 6px; }

.gil-info{
	width: 38%;
	margin-left: 9%;
	line-height: 22px;
}
.gil .blck1{
	position: absolute;
	top: 0px;
}
.gil .blck2{
	position: absolute;
	bottom: 0px;
}

.photos {
	width: 95%;
	margin-left: 2.5%;
}
.photos li{
	float: right;
	width: 29.3333333%;
	overflow: hidden;

	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;

	background-position: center top;
	background-size: 100% auto !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

.photos img{
	margin-bottom: -5px;
	width: 100%;
}

.photos li:hover {
	cursor: pointer;
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
} 

.photos .person_name{
	opacity:0;
	filter:alpha(opacity=0);

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;

	position: absolute;
	top: 0;
	padding-right: 30px;
	padding-top: 15px;
}
.photos .person_name span{
	position: absolute;
	text-align: center;
	right: 0;
	top: 35%;
	width: 100%;
	margin-right: 30px;
}
.photos .person_name .subtext {
	border-top: 0px;
	font-size: 30px;
	margin-top: 150px;
}
.photos .person_name:hover{
	cursor: pointer;
	opacity:1;
	filter:alpha(opacity=1);
}
.chef {
	margin-top: 60px;
	min-height: 720px;
	background: url(../img/gifs/GIF24s.gif) no-repeat center top fixed; 
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.chef .info {
	float: none;
}

.chefim{
	overflow: hidden;
	height: 640px;
}
.chef-holder{
	width: 168%;
	margin-left: -34%;

	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.chef-info1 span, .chef-info2 span {
	text-align: center;
	margin-top: 30px;
	display: block;
	width: 100%;
	border-top: 1px #606060 solid;
	border-bottom: 1px #606060 solid;
	padding: 10px;
}
.chef-info1 span i, .chef-info2 span i{
	color: #fff;
}
.chef1 {
	background: url(../img/chef2.jpg) no-repeat center center;
}
.chef2 {
	background: url(../img/chef1.jpg) no-repeat center center;
}
.chef1 , .chef2 {
	width: 32.5%;
	position: relative;
	height: 640px;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.chef1:hover , .chef2:hover {
	cursor: pointer;
	height: 670px;
}
.chef1:hover.chef1 .name , .chef2:hover.chef2 .name {
	bottom: 45px !important;
}
.name {
	position: absolute;
	bottom: 0;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.chef1 .name{
	right: 0;
}
.blankblack {
	height: 100%;
	width: 10px;
	float: right;
	display: block;
	background-color: #101010;
}
.chef2 .blankblack {
	float: left;
}

.chef-info1 , .chef-info2 {
	padding: 2% 1%;
	line-height: 29px;

	height: 640px;
	width: 17%;
	overflow: hidden;
	background: url(../img/net_black.png) repeat;

	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	-ms-transition: all 1s linear;
	transition: all 1s linear;
}
.chef-info1 , .chef-info2 .chef1 .chef2 {
	float: left;
}

.chef-active {
	width: 42.5% !important;
}
.close-chef{
	opacity:0;
	filter:alpha(opacity=0);

	text-align: center;
	padding-top: 13px;
	font-size: 40px;
	color: #2d2d2d;
	background-color: white;
	height: 67px;
	width: 67px;
	float: right;
	margin-right: 20px;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.close-chef:hover{
	cursor: pointer;
	padding-top: 23px;
	height: 77px;

}
.chef2 .close-chef{
	float: left;
	margin-left: 20px;
}
.contact {
	margin-top: 60px;
	background: url(../img/contact.jpg) no-repeat center bottom fixed; 
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.contact .info {
	float: none;
}
.contact .info {
	text-align: center;
}
.contact .txt {
	text-align: center;
	border-top: 1px solid #606060;
}
.contact .txt h2 { font-size: 28px;}
.contact .info i{
	font-size: 25px;
	float: right;
}
.contact .eng { font-size: 27px;}

.contact .subtext{ line-height: 50px; font-size: 37px; }

.footer {
	width: 100%;
	height: 320px;
	background: url(../img/footer.jpg) no-repeat center center; 

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;

}

.footer li{
	text-align: right;
	width: 22%;
	display: block;
	float: right;

	margin-top: 82px;
	margin-right: 2%;
}
.footer li img {
	margin-top: 6px;
}

.footer a {
    line-height: 30px;
    color: #fff;
    text-decoration: none;
}
.footer a, .eng a {
	color: #fff;
	text-decoration: none;
}
.footer .footer-contact .eng{ font-size: 18px !important; }
.footer .footer-contact i{ float: right; }
.footer .footer-contact span { line-height: 30px; }
.whiteline {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: black;
	top: 0;
	margin-top: 110px;
}
.usandthem {
	/*margin-right: 10px !important; 
	width: 20% !important;
	margin-top: 130px !important;*/
}
.usandthem .others {
	font-size: 15px;
	color: #bbb;
}
.usandthem img { margin-bottom: -7px; }

.footer ul .sofo {
	line-height: 35px;
    font-size: 22px;
    margin-top: 60px;
}
.footer ul .sofo i { color: white; }
.footer ul .sofo h2 { display: inline-table; margin-bottom: 10px;}
.footer ul .sofo .eng {font-size: 19px; }
.footer ul .sofo img {margin-bottom: -7px; margin-right: 10px; }



*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

nav a {
	position: relative;
	display: inline-block;
	margin: 10px 9px;
	outline: none;
	color: #fff;
	text-decoration: none;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/* Effect 18: cross */
.cl-effect-18 {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 90px;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	font-size: 20px;
	padding: 20px 10px;
	/*color: #b4770d;
	font-weight: 700;*/
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 1px;
	margin-top: -1px;
	background: #fff;
	
	opacity:0.6;
	filter:alpha(opacity=0.6);

	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(35px);
	-moz-transform: translateY(35px);
	transform: translateY(35px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	transform: translateY(-30px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
	cursor: pointer;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	/*opacity: 0.5;*/

}

.cl-effect-18 a.active::before,
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a.active::after,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mob_menu {
	display: none;
	position: fixed;
	z-index: 666;
	text-align: center;
	bottom: -295px;
	width: 100%;
}

.mob_menu .open_menu{
	margin: 0px auto -17px auto;
	display: block;
	width: 56px;
	height: 57px;
	padding-top: 13px;
	font-size: 19px;
	border-radius: 16px;
	background-color: black;
	color: #abbe92;
}
.mob_menu .mmenu {
	background: black;
	padding-top: 5px;
	font-family: 'Open Sans';
	height: 295px;
	border-radius: 16px;
}
.mob_menu .mmenu a {
	font-size: 18px;
	line-height: 45px;
	width: 100%;
	display: block;
	border-bottom: 1px #333 solid;
	letter-spacing: 0.5px;
}
.mob_menu .mmenu i { 
	color: white;
	margin-top: 2px;
	width: 50%;
	float: left;
}

@media (max-width: 1030px) {

	.events { 
		background: url(../img/services.jpg) no-repeat center center !important; ;
		background-size:  100% auto!important;
	} 


	.sundeck { 
		background: url(../img/services2.jpg) no-repeat center center !important; ;
		background-size:  100% auto!important;
	} 


	.fence { 
		background: url(../img/services3.jpg) no-repeat center center !important; ;
		background-size:  100% auto!important;
	} 




	.contact { 
		background: url(../img/contact.jpg) no-repeat center top !important; 
		background-size:  100% auto!important;
	} 
	.chef { 
		background: url(../img/gifs/GIF24s.gif) no-repeat center top !important;
		background-size:  100% auto!important;

	}
	.team { 
		background: url(../img/work.jpg) no-repeat right bottom !important; ;
		background-size: 100% auto !important;
	}
	.home { 
		background: url(../img/main.jpg) no-repeat center top !important; 
		background-size: 100% auto !important;
	}
	.about .img1 {
		background: url(../img/img1.jpg) no-repeat center bottom !important;
		background-size: auto 100% !important;
	}
	.about .img2 {
		background: url(../img/img2.jpg) no-repeat center bottom !important;
		background-size: auto 100% !important;
	}
}

@media (max-width: 600px) {
	.mob_menu { display: block; }
	.chef .net , .events .net , .sundeck .net , .fence .net , .team .net { background: url(../img/net_dark.png) repeat; }
	.about .img1 , .about .img2 { display: none !important; }
	.cl-effect-18 { display: none !important;}	
	.about .paragraph { width: 240px; }
	.about .info {width: 100%; height: 750px !important;}
	.logo img { width: 280px;}

	.events { 
		background: url(../img/services.jpg) no-repeat center center !important; height: 630px !important;
		background-size: auto 150% !important;
	} 


	.sundeck { 
		background: url(../img/services2.jpg) no-repeat center center !important; height: 630px !important;
		background-size: auto 150% !important;
	} 


	.fence { 
		background: url(../img/services3.jpg) no-repeat center center !important; height: 630px !important;
		background-size: auto 150% !important;
	} 


	.contact { background: url(../img/contact.jpg) no-repeat center top !important; height: 630px !important;
		background-size: auto 150% !important;
	}	

 
	.chef { 
		background: url(../img/gifs/GIF24s.gif) no-repeat center top !important;
		height: 600px !important;

	}
	.team { 
		background: url(../img/work.jpg) no-repeat right bottom !important; height: 640px !important;
		background-size: auto 110% !important;
	}
	.home { 
		background: url(../img/main.jpg) no-repeat center top !important; 
		background-size: auto 110% !important;
		height: 500px !important;
		background-size: auto 110% !important;
	}
	.logo { 
		margin-left: -140px !important;
		margin-top: -165px !important;
	 }
	.p100 { min-height: 0px;}
	.p33 { width: 100%; min-height: 0px; height: 100%;}

	/*.photos li {
		width: 50% !important;
		padding: 8px 7px !important;
	}*/
	.eventim li  , .photos li { width: 46% !important; background-size: 110% auto !important;}
	.eventim .subtext {
		font-size: 28px !important;
		margin-top: -51px !important;
		margin-left: -56px !important;
	}
	.footer{
		height: 780px;
		background: url(../img/footer.jpg) no-repeat top right;
		background-size: auto 110% !important;
	}
	.footer li { 
		width: 90%; 
		margin-top: 42px; 
		padding-bottom: 17px;
		border-bottom: 2px #000 solid;
	}
	.footer h2 { font-size: 37px; }
	.usandthem { width: 96% !important; font-size: 14px; margin-top: 10px !important; border-bottom: 0px !important;}
	.whiteline { display: none; }
	.txt {
		line-height: 24px  !important;
		font-size: 14px !important;
	}
	.gil {
		margin-top: 490px;
		height: 1100px;
		background: url(../img/team_gil_small.jpg) no-repeat center center;
		background-size: 100% auto !important;
		min-height: 0px !important;
	}
	.gil-info {
		margin-top: -470px !important;
		width: 91%;
		margin-left: 3%;
		line-height: 22px;
		margin-top: 20px;

	}
	.chefim { height: 810px; }
	.chef-holder {
		width: 300%;
		margin-left: -100%;
	}

	.chef-info1 , .chef-info2 { padding: 2% 2%; }
	
	.chef-info1 {
		width: 33%;
		float: left;
		padding-left: 4%;
		height: 810px;
	}
	.chef-info2 {
		width: 32%;
		float: right;
		padding-right: 4%;
		height: 810px;

	}
	.chef1 {
		width: 35%;
		height: 400px;
	}
	.chef1:hover , .chef2:hover { height: 400px; }
	.chef1:hover.chef1 .name , .chef2:hover.chef2 .name { bottom: 0px !important; }
	.chef2 {
		height: 400px;
		width: 35%;
		margin-left: -36%;
		margin-top: 405px;
	}
	.chef1 .close-chef{
		position: absolute;
		left: -100%;
		width: 30px;
		font-size: 20px;
		padding-top: 23px;
	}
	.chef2 .close-chef{
		position: absolute;
		right: -104%;
		top: -102%;
		width: 30px;
		font-size: 20px;
		padding-top: 23px;
	}
	.footer ul .sofo {
		width: 90%;
		margin-right: 5px;
		margin-top: 10px;
	}
	.footer ul .sofo img{ float: right; margin-right: 10px;}
	.footer ul .sofo br{ display: none;}
	.footer ul .sofo i { line-height: 51px; margin-right: 10px; }
}