/* mbhuju@gmail.com */

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100..900&family=Big+Shoulders+Text:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif+Caption:ital@0;1&display=swap');



body{margin:0px; font-family: "Red Hat Display", sans-serif; font-size:18px; color:#606060; font-weight: normal; line-height:28px; letter-spacing: 1px;  }

a:link, a:active, a:visited{ color:#606060;  text-decoration:none; }
a:hover{color:#ff0000; text-decoration:none;}

a.website:link, a.website:active, a.website:visited { font-family: "Red Hat Display", sans-serif;  font-size:11px; color:#595959; font-weight:700;  text-decoration:none;}
a.website:hover{color: #fff;}

a.btnlink:link, a.btnlink:active, a.btnlink:visited {font-family: "PT Serif Caption", serif; color:#ffffff; background:#fd0200;  border: 1px solid #fd0200; padding:10px 30px; font-weight:900; font-size:20px;  text-decoration:none; text-transform:uppercase; display: inline-block;  -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */   transition: background 1s; /* For modern browsers */}
a.btnlink:hover {color:#fd0200; background:#000; text-decoration:none; border: 1px solid #fff;}

/*********
HEADER
******/
#header_top{ background: #000; padding: 10px 2%;}
#logo{float:left; width:35%;}
#right_part{float:right; width:55%; padding-top: 10px;}
#menu{float:right;}


.contentblock{  padding: 5%; }

.content_title{ width:1000px; margin: 0 auto; padding: 2%; background: #000; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff; margin-bottom: 5px;}

.content_inn{ width:1000px; margin: 0 auto; padding: 2%; background: #fff; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
opacity: 0.9;
 margin-bottom: 5px;}

#contact_left{width:40%; float:left; text-align:center; padding-top:20px;}
#contact_right{width:60%; float:right;  }

#hours_left{width:50%; float:left; }
#hours_right{width:48%; float:right;  text-align:center; padding-top:45px; }


.reservation{ background-image: url("../images/res_bg.jpg"); background-size: cover; padding: 5%; text-align: center;}



.col-container {
  display: table;
  width: 100%;
}
.col {
  display: table-cell;
  padding: 16px;
  background-image: url(../images/about.jpg); background-size: cover;
  width: 50%;
}

.col2 {
  display: table-cell;
  padding: 7%;
	width: 50%;
	text-align: center;
	background: #fff;
	opacity: 0.9;
}

.col3 {
  display: table-cell;
  padding: 16px;
  background-image: url(../images/pizza.jpg); background-size: cover;
  width: 50%;
}

.col4 {
  display: table-cell;
  padding: 0;
  width: 50%;
}

	
#inner{width:1200px; margin:0 auto; padding:40px 0;}

/*******
FOOTER
*********/
#footer_bottom{width:100%; background:#000; color:#dddddd; font-family: "PT Serif Caption", serif; font-size: 22px; line-height: 30px;}
	#footer_inn{width:1250px; margin:0 auto; padding:30px 0; }
	
	#left_footer{width:30%; float:left;}	
	#middle_footer{float:left; width:30%;}
	#right_footer{width:40%; float:right;}


/*******
STYLE
*********/
h1{font-family: "PT Serif Caption", serif; font-size:55px; font-weight:400; margin:0; text-transform: uppercase; text-align: center;}
h2{font-family: "PT Serif Caption", serif; font-size:30px; color:#d81f24; font-weight:400; margin:0; text-align: center;}

.style1{font-size:30px; font-weight:300; color:#484848; line-height:50px; font-family: "PT Serif Caption", serif;}
.style2{color:#d81f24; font-size:60px; font-weight:900; line-height:80px;  font-family: "PT Serif Caption", serif;}
.style3{font-size:30px; font-weight:300; color:#fff; line-height:50px; font-family: "PT Serif Caption", serif;}

.style4{font-size:34px; font-weight:500; color:#d81f24; line-height:30px; font-family: "PT Serif Caption", serif;}

.style5{font-family: "PT Serif Caption", serif; font-size:52px; color:#d81f24; font-weight:600; line-height:55px; }

.style6{font-size:24px; font-weight:600;  line-height:30px; font-family: "PT Serif Caption", serif;}
/*******
FORM
*********/
#contactform{width:80%;}
input, textarea, select {padding:5px 10px; font-family:'Red Hat Display', sans-serif; border:1px solid #dedede; font-size:16px; background:#FFF;}
textarea{height:100px;}
.btnf{ height:40px; font-weight:bold; text-align:center; color:#FFFFFF; background:#fe0000; border:1px solid #fe0000; font-size:15px; margin-top:10px; padding:5px 20px; text-transform:uppercase; cursor:pointer;}
.email_error{ padding:2%; width:96%; border:1px solid red; color:red; margin:0 auto; text-align:center;}
.inputsize{ width:95%; margin-bottom:8px;}
.inputzipsize{ width:50px;}

/*******
MISC
*********/
.img{border:1px solid #cecac8; padding:5px; }
.imgright{ max-width:95%; float:right; margin-right:30px; }
.imgleft{ max-width:95%; float:left; margin-right:10px; }


.clear{clear:both;}
img{max-width:100%;}
a[href^=tel] { color:inherit; text-decoration:none; }

.tbar{ border-bottom:#b2b2b2 1px solid;}
td{ padding:7px;}

.back-to-top { position: fixed; bottom: 2em; right: 40px; display: none;}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


:focus {outline:0 !important;}

iframe, object, embed {
    max-width: 100%;
}


.wrap {
  position: relative;
  padding-bottom:56.25%;
}

.wrap iframe{
	position: absolute;
	width:100%;
	height:100%;}

#gallery{background-color:#000;}


#gallery{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
 
}
@media (max-width:1200px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    

}
}
@media (max-width:800px){
  #gallery{
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
}
}
@media (max-width:600px){
  #gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}
}
.card{
  width:100%;
  height:auto;
  margin: 16px auto;
  cursor: pointer;
}
.modal-img,.model-vid{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}