/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pgcimg{max-width:100%;}

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

body {
  font-size: 100%;
  font-family: "Roboto", sans-serif;
  color: #3d3536;
  background-color: white;
  line-height:24px;
}

body, html {
  /* important */
  height: 100%;
}

a {
  color: #c8474b;
  text-decoration: none;
}
.tbar{ border-bottom:#000 1px solid; padding:10px;}
#resbg{ width:100%; background-image:url(../images/reservations.jpg); background-size:cover;}

#mcontent{ width:1000px; margin:0 auto; padding-top:300px; padding-bottom:50px;}
.style3{ font-size:50px; font-weight: bold; line-height: 26px; color:#8C8C8D; text-transform:uppercase;}
.style4{ font-size:24px; font-weight: bold; line-height: 26px; color:#c8474b;}
.style5{ font-size:40px; font-weight: bold; line-height: 26px; color:#c8474b; text-transform:uppercase;}


#contact_left{width:50%; float:left; text-align:center;}
#contact_right{width:50%; float:right;  }

#divspace{  padding-top:35%;}
#div1op{ background:url(../images/opg.png); padding:20px; text-align:center;}

/*******
FORM
*********/
.form1{ width:100%;}
input, textarea, select { height:25px; background:#f5f5f5; border:1px solid #dedede; font-size:13px;}
textarea{ height:100px; }
.btn{ width:150px; height:40px; font-weight:bold; text-align:center; color:#FFFFFF;	background:#b5121b; border:1px solid #000000; font-size:15px; margin-top:10px; text-align:center;}
.email_error{ padding:2px; border:1px solid red; color:red; margin-bottom:5px;}
.inputsize{ width:100%;}
.inputzipsize{ width:50px;}
.textright{ text-align:right;}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  
  width: 100%;
  
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
}


#cd-logo {
	width:15%;
  	float: left;
	margin:20px;
}


#right_side{ width:70%; float:right;}

#menu{width:400px; margin:0 auto;  float:right; padding-top:30px;}

#reserv{width:200px; margin:0 auto;  float:right; padding-top:30px; margin-right:2%;}

#badge{width:210px; margin:0 auto; text-align:center; float:right; padding-top:15px; margin-right:2%;}

#onorder{width:100px; margin:0 auto;  float:right; padding-top:15px; margin-right:2%;}







#mbadge{width:100px; margin:0 auto; padding-top:20px; display:none;  }

.footerbg{ background:#3C342F;}
.footerin{ width:900px; margin:0 auto; color:#FFF; padding:40px 0; line-height:30px;}
.footerleft{ width:40%; float:left;}
.footerright{ width:50%; float:left;}
a.footermenu:link, a.footermenu:active, a.footermenu:visited {font-size:12px; color:#9a9a9a; font-weight: bold; line-height:10px; text-decoration:none;}
a.footermenu:hover{color: #fff;}


.cd-main-content {

  height: 100%;
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
.cd-fixed-bg h1, .cd-fixed-bg h2 {
  position: absolute;
  left: 50%;
  /*top: 50%;*/
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  
  text-align: center;
  font-size: 30px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}



.cd-fixed-bg h3 {
  position: absolute;
  left: 50%;
  /*top: 30%;*/
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  
  text-align: center;
  font-size: 30px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}

.style1 {
  position: absolute;
  left: 50%;
  /*top: 60%;*/
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  
  text-align: center;
  font-size: 30px;
  font-weight:400;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}
.style33 {
  position: absolute;
  left: 50%;
  /*top: 40%;*/
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  
  text-align: center;
  font-size: 30px;
  font-weight:400;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}


.style11 {
  
  text-align: center;
  font-size: 26px;
  font-weight:400;
  line-height:30px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #000;
}


.top401{ padding-top:20%;}
.top601{ top:60%;}

.top502{ top:50%;}
.top602{ top:60%;}

.top403{ top:40%;}
.top603{ top:60%;}

.top404{ top:40%;}
.top604{ top:60%;}

.top305{ top:30%;}
.top605{ top:60%;}



.style2{
	font-size:30px;
	}

.cd-fixed-bg.cd-bg-1 {
  background-image: url("../images/cd-background-1.jpg");

}
.cd-fixed-bg.cd-bg-2 {
  background-image: url("../images/cd-background-2.jpg");
}
.cd-fixed-bg.cd-bg-3 {
  background-image: url("../images/background-3.jpg");

}
.cd-fixed-bg.cd-bg-4 {
  background-image: url("../images/cd-background-4.jpg");
}
.cd-fixed-bg.cd-bg-5 {
  background-image: url("../images/49308820-christmas-holidays-presents-new-year-and-celebration-concept-close-up-of-gift-with-red-bow-over-ligh.jpg");
}
.cd-fixed-bg.cd-bg-6 {
	background:#3C342F;
}


  .cd-fixed-bg {
    background-attachment: fixed;
  }
  .cd-fixed-bg h1, .cd-fixed-bg h2,  .cd-fixed-bg h3 {
    font-size: 100px;
    font-weight: 700;
	text-transform:uppercase;
  }
  
   .cd-fixed-bg h5 {
    font-size: 60px;
    font-weight: 700;
	text-transform:uppercase;
  }


.cd-scrolling-bg {
  position: relative;
  min-height: 100%;
  padding: 4em 0;
  line-height: 1.6;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.cd-scrolling-bg.cd-color-1 {
  background-color: #ffffff;
  color: #a6989a;
}
.cd-scrolling-bg.cd-color-2 {
  background-color: #ffffff;
  color: #3d3536;
}
.cd-scrolling-bg.cd-color-3 {
  background-color: #b4d7a8;
  color: #3d3536;
}


.clear{clear:both;}
@media only screen and (max-width: 1024px) {
	
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
  #divspace{  padding-top:90%;}

#cd-logo {

  float: left;
  margin:0;
  text-align:center;
  margin-left:20px;
  margin-top:20px;
  min-width:100px;
}


#right_side{ width:100%; float:none;}

#menu{width:130px; margin:0 auto;  float:right; padding-top:30px;}

#reserv{width:20vw; min-width:130px; margin:10px auto;  float:left; padding-top:30px; margin-right:2%;}

#badge{width:8vw; min-width:50px; margin:10px auto; float:left; padding-top:15px; margin-right:2%;}

#onorder{width:8vw; min-width:50px; margin:10px auto; margin-left:2vw;  float:left; padding-top:15px; margin-right:2%;}
	
#cd-logo img{
    width:100%;
}
#badge img{
    width:100%;
}
#reserv img{
    width:100%;
}
#onorder img{
    width:100%;
}
	
#mcontent{ width:90%; margin:0 auto; padding-top:300px; padding-bottom:50px;}
.cd-fixed-bg h1, .cd-fixed-bg h5 {
font-size: 70px;
}

.cd-fixed-bg.cd-bg-1 {
  background-image: url("../images/cd-background-1.jpg");
    background-attachment: scroll;

}
.cd-fixed-bg.cd-bg-2 {
  background-image: url("../images/cd-background-2.jpg");
  background-attachment: scroll;
}
.cd-fixed-bg.cd-bg-3 {
  background-image: url("../images/background-3.jpg");
  background-attachment: scroll;

}
.cd-fixed-bg.cd-bg-4 {
  background-image: url("../images/cd-background-4.jpg");
  background-attachment: scroll;
}
.cd-fixed-bg.cd-bg-5 {
  background-image: url("../images/49308820-christmas-holidays-presents-new-year-and-celebration-concept-close-up-of-gift-with-red-bow-over-ligh.jpg");
  background-attachment: scroll;
}
  #divspace{  padding-top:45%;}
}

@media screen and (max-width: 800px){	
.footerin{ width:90%; margin:0 auto; color:#FFF; padding:40px 0; line-height:30px;}
#contact_left{width:100%; float:none; text-align:center;}
#contact_right{width:100%; float:none;  }
#mcontent{ width:90%; margin:0 auto; padding-top:400px; padding-bottom:50px;}
.footerleft{ width:100%; float:none;}
.footerright{ width:100%; float:none;}



.cd-fixed-bg h1, .cd-fixed-bg h5 {
font-size: 60px;

}

.top401{ top:50%;}
.top601{ top:70%;}

.top502{ top:50%;}
.top602{ top:60%;}

.top403{ top:50%;}
.top603{ top:70%;}

.top404{ top:40%;}
.top604{ top:70%;}

.top305{ top:40%;}
.top605{ top:70%;}

.pgcimg{width:40%;}
  

}

@media screen and (max-width: 640px){	

.cd-fixed-bg h1, .cd-fixed-bg h5 {
font-size: 50px;
line-height:50px;
}
.style1 {
	line-height:40px;
}

.top401{ top:50%;}
.top601{ top:70%;}

.top502{ top:50%;}
.top602{ top:60%;}

.top403{ top:50%;}
.top603{ top:70%;}

.top404{ top:40%;}
.top604{ top:70%;}

.top305{ top:40%;}
.top605{ top:70%;}

.pgcimg{width:70%;}
  
  #divspace{  padding-top:90%;}


}

@media screen and (max-width: 320px){	

.cd-fixed-bg h1, .cd-fixed-bg h5 {
font-size: 25px;

}
.style1 {
	line-height:26px;
	font-size:20px;
}

.top401{ top:55%;}
.top601{ top:80%;}

.top502{ top:60%;}
.top602{ top:70%;}

.top403{ top:55%;}
.top603{ top:75%;}

.top404{ top:30%;}
.top604{ top:80%;}

.top305{ top:55%;}
.top605{ top:75%;}

.pgcimg{width:40%;}

.btnimg{max-width:50%;}
  

}

 