/* CSS Document */
html{
  height: 100%;
}
body {
	min-height: 100%;
	background-image: url(images/bd_image.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}
html, body{
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #666;
	background: #FBFBFB;
	clear: both;
}
#mobile_nav{
	display: inline-block;
	float: left;
	height: 630px;
	width: 180px;
	background: rgba(247,248,243,0.9);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 15000;
	margin-left: -180px;
	-webkit-transition: all 0.8s ease-in-out 0s;
	-moz-transition: all 0.8s ease-in-out 0s;
	-ms-transition: all 0.8s ease-in-out 0s;
	-o-transition: all 0.8s ease-in-out 0s;
	transition: all 0.8s ease-in-out 0s;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}
#option{
	margin-left: 190px;
	position: absolute;
	padding: 10px;
	cursor: pointer;
	float: left;
	height: 30px;
	width: 30px;
	display: none;
	margin-top: 10px;
}
#mobile_nav ul {
	text-align: left;
	margin: 0;
	padding: 5px 0px 5px 0;
	list-style: none;

}
#mobile_nav ul li {
	font: bold 12px/18px sans-serif;
	position: relative;
	padding: 4px 0px 4px 10px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #333333;

}
#mobile_nav ul li:hover {
	background: #de543e;
	color: #fff;
}

.links_m {
	display: none;
}

#menu_m {display:none;}
*, *:before, *:after{ 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
} 

h1 { font-size: 5em; }
h2 {
	font-size: 2.5em;
	padding-left: 15px;
}
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }

a{ text-decoration:none;	color: #666;}
h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans Condensed', sans-serif;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	font-weight: 200;
	color: #b81919;
}
header {
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	z-index: 1000;
}
#menu {
	float: right;
	width: auto;
	background: rgba(255,255,255,0.7);
	margin-right: 20px;
	box-shadow: -2px 3px 15px 0px rgba(0,0,0,0.3);
}
nav {
	width: 100%;
	border-right: none;
	float: left;
}
nav ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 15px 4px 17px 0;
	list-style: none;
}
nav ul li {
	font: bold 12px/18px sans-serif;
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 15px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #333333;
}
nav ul li:hover {
	background: #de543e;
	color: #fff;
}

nav ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
nav ul li ul li { 
  background: rgba(51,51,51,0.4); 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
nav ul li ul li:hover { background: rgba(51,51,51,0.9); }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
} 
nav ul li ul li img{
	text-align: center;
	vertical-align: bottom;
	margin-right: 7px;
}
#mnuFB:hover{background: rgba(59, 89, 152,1);}
#mnuTW:hover{background: rgba(0, 172, 237,1);}
#mnuGP:hover{background: rgba(221, 75, 57,1);}


.slider img{
	width: 100%;
}
p{
	padding: 0px;
	margin: 0px;
}

 #map-canvas {
	width: 100%;
	height: 600px;
	border-top: rgba(0,0,0,0.1) solid 2px;
      }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;}
html, body{
	padding: 0px;
	margin: 0px;
	background: url(../assets/images/bd_image.jpg) no-repeat scroll center top;
}
#container{
	width: 100%;
	max-width: 1160px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
}
.floater{
	float: left;
	height: auto;
	width: 100%;
	position: relative;
	top: 40%;
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
	}
.wkd_cols_two_third {
	background-color: rgba(255,255,255,0.7);
	float: left;
	width: 65%;
	margin-left: 1%;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	color: #333;
	border-radius:8px;
}
.wkd_cols_third {
	/* [disabled]background-color: rgba(255,255,255,0.7); */
	float: left;
	width: 32%;
	margin-left: 1%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: center;
}
a:active {outline: none;}
.col_left{
	float:left;
	width: 37.5%;
	overflow: hidden;}
.col_right{
	float:left;
	width: 37.5%;
	overflow: hidden;}
.col_center{
	text-align: center;
	float:left;
	width: 25%;
	overflow: hidden;}

#home_page img{
	width: 100%;
	padding: 0;
	margin: 0;
	vertical-align: top;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#home_page h3{
	text-indent: -9999px;
	margin: 0;
	line-height: 0;}
.kitchen_link1{
	width: 25%;
	float: left;
	height: auto;}
.kitchen_link1 img{
	padding: 1px;
	opacity:1;}
.kitchen_link1 img:hover{opacity:1;}

.footer {
	clear: both;
	float: left;
	width: 100%;
	background: #F4F4F4;
	margin-top: 2px;
	padding: 15px;
}

article{
	padding: 10px 10px;
}
.field{padding: 5px 10px;}

input[type=text] {
	width: 100%;
	padding: 8px 5px;
	outline: none;
	border-radius: 5px;
	background: #f5eff0;
	border: thin solid #cfa5a7;
}
button[type=submit] {
	padding: 10px 20px;
	font-weight: bold;
	color: #FFF;
	background: #bc454c;
	border-style: none;
	border-radius:5px;
}
textarea {
	width:100%;
  	outline: none;
		width: 100%;
	padding: 8px 5px;
	outline: none;
	border-radius: 5px;
	background: #f5eff0;
	border: thin solid #cfa5a7;
   	resize: none;
}
#social_holder {
	float: left;
	width: auto;
	overflow: hidden;
	position: absolute;
	z-index: 500;
	top: auto;
	bottom: 150px;
	vertical-align: middle;
	display: block;
	height: 70px;
}

#social_share {
	float: left;
	height: 60px;
	width: 250px;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	left: -150px;
	position: relative;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
	-webkit-transition: left 700ms linear 0s;
	-moz-transition: left 400ms linear 0s;
	-ms-transition: left 400ms linear 0s;
	-o-transition: left 400ms linear 0s;
	transition: left 400ms linear 0s;
	text-align: right;
	padding-right: 15px;
	line-height: 45px;
}

#social_share:hover {
	left: -30px;
}
#social_share ul {list-style-type: none;}
#social_share li{
	display: inline;
	text-decoration: none;
	padding-left: 5px;
}
#sLink{opacity:0.5;} 
#sLink:hover{opacity:1;} 
#s_link{
	width:33.33367%;
	float:left;}
	
#contact_phone,#contact_mobile{	width: 25%;	float: left;}
#contact_email{width:50%; float:left;}
#form_success{
	background-color: #fefefe;
	float: left;
	height: 100%;
	width: 100%;
	clear: both;
	position: relative;
	z-index: 500;
	left: 0px;
	top: 0px;
	margin-top: -272px;
	padding-top: 150px;
	padding-right: 50px;
	padding-bottom: 150px;
	padding-left: 50px;
	background-image: url(images/form_success.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
input[type=submit] {
	border-radius: 5px;
	border: 0;
	width: 80px;
	height: 25px;
	font-family: Tahoma;
	background-color: #B9484E;
	color: #FFF;
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: #94383D;
}
.cover {
	height:auto;
	height:690px;

}
@media only screen and (max-width: 1020px)
{
	.wkd_cols_two_third{width:100%;float:none;margin:0;}
.wkd_cols_third{width:50%;margin:0;padding-bottom:50px;}
.wkd_cols_third img{width:80%;}
	.floater{margin-top:150px;}
	#menu{display:none;}
	#option{display:block;}

header{
	width: 100%;
	text-align: center;
	height: 50px;
	position: absolute;
}	#logo {width:200px;}
#social_holder{display:none;}
}

@media only screen and (max-width: 650px)
{
	.floater{padding-top:190px; padding-bottom:0;}
.modern_info{display:none;}
#option{
	margin-left: 210px;
}
#link_plan,#link_slide,#link_show,#link_test,#link_talk{border: 0;
float: none;
width: auto;
margin: 5px 0;
}
#container{
	width: 100%;
	padding-top: 0;
	padding-right: 1%;
	padding-bottom: 0;
	padding-left: 1%;
}
.col_left, .col_center, .col_right{width: 100%;float:none;}
.col_center .twit img{text-align: center;}
#map-canvas{height:250px;}
.footer{
	text-align: center;
}
article{text-align: center;}
.wkd_cols_third{width:100%;padding:0;margin:0;}


}