/* 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=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');

body{margin:0px; font-family:'Montserrat', sans-serif; font-size:18px; color:#010000; font-weight:400; line-height:30px; background:#000; }

a:link, a:active, a:visited{ color:#289acf; font-weight:700; text-decoration:none; }
a:hover{color:#000; text-decoration:underline;}

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

a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#0a72a2; padding:15px 25px;  font-weight:900; line-height:35px; font-size:28px; margin-top:15px;  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:#04608a; text-decoration:none; color:#fff;}

/*********
HEADER
******/
#header_top{width:100%; background:#000;}

#header_inn{width:1240px; margin:0 auto;}
#menu{width:55%; float:left; padding-top:10px; margin-right:8%;}
#facebook{float:left; width:10%; padding-top:15px; text-align:center;}
#delivery{float:right; background:#0a72a2; padding:8px; width:17%; font-size:30px; color:#FFF; font-family: "Lobster", sans-serif; text-align:center; }

#headerbg {
    position: relative;
	background:url(../images/bg.jpg) center center;
	background-size:cover;
}



#logo_frame{ width:1250px; margin:0 auto; padding-top: 20px;}
#mainlogo{ width:100%; text-align: center; padding:30px 0; font-size:40px; color:#FFF; text-shadow:1px 3px 3px #000; font-weight:900; line-height:50px; }
#logo{ width:30%; float: left; }
#top_add{ width:65%; float: right; text-align: right; padding:30px 0; font-size:40px; color:#FFF; text-shadow:1px 3px 3px #000; font-weight:900; line-height:50px;}

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

/****************/
#content{width:100%; background:#fff;}
#content_inn{width:1160px; margin:0 auto; padding:50px 0;}
#photo_bg{width:100%; background:url(../images/bg2.jpg) repeat-x #09638e;}
	#photo{width:1195px; margin:0 auto; color:#FFF; text-align:center; font-size:16px; line-height:24px; }
	.photo1{width:30.54393%; float:left; margin-right:4.1841%; padding-bottom:80px;}
	.photo2{width:30.54393%; float:right;}

#contact_left{width:40%; 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:#000;}
	#footer_inn{width:1195px; margin:0 auto; }
	#left_footer{width:55%; float:left;  text-transform:uppercase; font-weight:700; padding:25px 0; color:#FFF; line-height:24px;}
	#right_footer{width:35%; float:right; text-align:right; padding:30px 0; }

/*******
STYLE
*********/
h1{ font-size:45px; line-height:40px; color:#0a72a2;  font-weight:800; margin-top:0; text-transform:uppercase;}

.style1{ font-size:24px; font-weight:700; color:#289acf; line-height:30px; }

.style2{font-size:45px; line-height:60px;}

.style3{font-family: "Mea Culpa", cursive; font-size:60px; font-weight:400;  line-height:60px; }

.style4{font-size:48px; font-weight:900; color:#0a72a2; line-height:50px; text-transform:uppercase;}
.style5{font-size:20px; line-height:30px; font-weight:700; text-transform:uppercase;}
.style6{font-size:18px; font-weight:700;}
.style7{line-height:24px;}
.style8{font-family: "Lobster", sans-serif; font-size:45px; font-weight:400; color:#289acf; line-height:50px; }
.style9{ font-size:20px; font-weight:700; color:#37a8db; line-height:30px; }
.smalltext{font-family:'Montserrat', sans-serif; font-size:14px; color:#ace5ff; font-weight:500;}

/*******
FORM
*********/
#contactform{width:95%;  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:#d48b12; border:1px solid #d48b12; 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%;
}