/* mbhuju@gmail.com */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');

body{margin:0px; font-family: "Red Hat Text", sans-serif; font-size:18px; color:#010000; font-weight:400; line-height:30px;  }

a:link, a:active, a:visited{ color:#c82323; font-weight:400; text-decoration:none; }
a:hover{color:#010000; text-decoration:underline;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited { font-size:12px; color:#fff; font-weight:700; line-height:30px;  text-decoration:none; text-transform:capitalize;}
a.footermenu:hover{color:#ffda78;}

a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#a12121; padding:15px 20px;  font-weight:800; line-height:35px; font-size:24px;   text-decoration:none; text-transform:uppercase; display: inline-block;  -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */   transition: background 2s; /* For modern browsers */}
a.btnlink:hover {background:#5c0000; text-decoration:none; color:#fff;}

/*********
HEADER
******/
#header_top{width:100%; background:#a12121;}
#top_inn{width:1280px; margin:0 auto;}
#address{width:37%; float:left; text-align:center; padding:25px 0 15px 0; color:#fff8f8; font-family: "Russo One", sans-serif; font-weight:400; line-height:24px;}
#address1{display:none; padding-top:10px; font-size:18px; color:#fff8f8; font-family: "Russo One", sans-serif; font-weight:400; line-height:24px; text-align:center;}

#logo{float:left; text-align:center; width:27%; padding:10px 0;}
#phone{width:30%; float:right; text-align:center; font-family: "Russo One", sans-serif; font-size:22px; padding:15px 0 10px 0; color:#fff8f8; font-weight:400; margin-right:5%;}

#menu_bg{width:100%; background:#5c0000;}
#menu{width:700px; margin:0 auto; padding:10px 0 0 0;}
#bar{width:100%; height:20px; background:url(../images/bg.png) repeat-x;}
#gap{height:530px;}
/*******
BANNER
*********/
.col-container {
  display: table;
  width: 100%;
  background:#FFF;
}
.col {
  display: table-cell;
  padding: 16px;
  background-image: url(../images/about.jpg); background-size: cover;
  width: 50%;
}

.col2 {
  display: table-cell;
  padding: 5%;
  width: 50%;

}

.bg-image {
    position: relative;
}
.bg-image img {
    display: block;
    width: 100%;
    margin: 0 auto;

}

#black_bg{width:100%; background:#000;}
#black_inn{width:1140px; margin:0 auto; padding:40px 0 80px 0; text-align:center; color:#FFF; font-weight:500;}

#red_bg{width:100%; background:#a12121;}
#red_inn{width:1140px; margin:0 auto; padding:40px 0 0 0; text-align:center; color:#FFF; font-weight:400;}

#photo{width:1250px; margin:0 auto; padding:55px 0;}

/****************/
#content{width:100%; background:#fff;}
#content_inn{width:1160px; margin:0 auto; padding:50px 0;}


#contact_left{width:45%; float:left; text-align:center; }
#contact_right{width:40%; float:right; text-align:center; margin-right:5%;}

#hours_left{width:45%; float:left; margin-left:5%;  }
#hours_right{width:45%; float:right;}

/*******
FOOTER
*********/
#footer_bottom{width:100%; background:#161712;}
	#footer_inn{width:1230px; margin:0 auto; }
	#left_footer{width:55%; float:left;  text-transform:uppercase; font-weight:700; padding:30px 0; color:#ffda78; }
	#right_footer{width:35%; float:right; text-align:right; padding:60px 0 30px 0; }

/*******
STYLE
*********/
h1{font-family: "Russo One", sans-serif; font-size:45px; line-height:40px; color:#a12121;  font-weight:400; margin-top:0; text-transform:uppercase;}
.style1{color:#c82323; font-family: "Russo One", sans-serif;  font-size:26px; font-weight:400; line-height:30px;}

.style2{color:#a12121; font-size:45px; font-family: "Russo One", sans-serif; font-weight:400; line-height:60px; text-transform:uppercase;}
.style3{color:#000;  font-size:22px; font-weight:500; line-height:40px;}
.style4{color:#ffda78;   font-family: "Pacifico", cursive; font-size:36px; font-weight:400; line-height:80px;}
.style5{color:#ffda78;   font-family: "Pacifico", cursive; font-size:48px; font-weight:400; line-height:80px;}
.style6{ font-size:20px; color:#ffda78; font-weight:700; text-transform:uppercase; }
.style7{font-weight:500; }
.style8{color:#414141; font-family: "Pacifico", cursive; font-size:34px; font-weight:400;  line-height:40px;}

/*******
FORM
*********/
#contactform{width:95%;  font-family:'Montserrat', sans-serif; font-size:16px; line-height:26px;}
#cateringform{width:55%;  font-family:'Montserrat', sans-serif; font-size:16px; line-height:26px;}
input, textarea, select {padding:5px 10px; font-family:'Montserrat', sans-serif; border:1px solid #dedede; font-size:16px; background:#FFF;}
textarea{height:100px;}

.btn{ height:40px; font-weight:bold; font-family:'Montserrat', sans-serif; text-align:center; color:#fff; background:#c82323; border:1px solid #c82323; 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;}
.inputsizesmall{ width:100px; margin-bottom:8px;}
.inputsizesm{ width:40px; margin-bottom:8px;}
select{width:98%; margin-bottom:8px;}

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


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

.tbar{ border-bottom:#b2b2b2 1px solid; padding:10px 10px 10px 0;}

.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%;
}