/* 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=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

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

a:link, a:active, a:visited{ color:#0759a8; font-weight:700; text-decoration:none; }
a:hover{color:#140505; text-decoration:underline;}

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

a.more:link, a.more:active, a.more:visited { font-size:18px; color:#fff; font-weight:700; text-decoration:none; }
a.more:hover{color: #fff;}


a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#0c65e2; padding:15px 35px; font-weight:800; border-radius:40px; font-size:22px;  text-decoration:none; margin-top:15px; 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:#054bad; text-decoration:none; color:#fff;}

a.btnlink1:link, a.btnlink1:active, a.btnlink1:visited {color:#ffffff; background:#01399c; border-radius:5px; padding:8px 35px; font-weight:600; font-size:18px;  text-decoration:none;  display: inline-block;  -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */   transition: background 2s; /* For modern browsers */}
a.btnlink1:hover {background:#02a4ff; text-decoration:none; color:#fff;}

/*********
HEADER
******/
#header_bg{width:100%; background:#FFF; border-top:8px solid #02a4ff; }
#header_inn{width:1440px; margin:0 auto;}
#logo{width:30%; float:left;}
#menu{float:right; margin-right:2%;  margin-top:15px;}


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

#welcome_bg{width:100%; background:#0a2544;}
#welcome_inn{width:1280px; margin:0 auto; text-align:center; padding:45px 0;}


/****************/
.content{width:100%; background:#e1ebf9;}
#inn{width:920px; margin:0 auto;  padding:65px 0; font-size:30px; color:#023891; font-weight:900; text-transform:uppercase;}

.vape{width:16.03053%; float:left; }
.tender{width:20.71974%; float:left;}
.beer{width:27.80807%; float:left;}
.coffee{float:left; width:35.44166%;}
.fresh{float:left; width:34%; text-align:center; margin-left:4%; padding:30px 0;}
.donuts{float:left; width:22%;   padding:30px 0;}
.lottory{float:left; width:32%; padding:30px 0;}
.breakfast{ text-align:center;}

	#content_inn{width:1050px; margin:0 auto;}
	#left_content{width:55%; float:left; padding:125px 0 45px 0;}
	#right_photo{float:right; width:35%; padding:85px 0;}
	
	#inner{width:1150px; margin:0 auto; padding:50px 0;}

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

/*******
FOOTER
*********/
#footer_bottom{width:100%; background:#023891; border-bottom:1px solid #bfd8ff;}
	#footer_inn{width:1000px; margin:0 auto; color:#FFF; font-weight:700; padding:25px 0;}
	#hours{width:80%; float:left; }
	#phone{float:right; width:20%;}
	
	#comm{width:96%; padding:1% 2%; text-align:center; color:#FFF; font-weight:700;}

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

.style1{font-size:28px; font-weight:800; color:#0082ff; line-height:30px;}

.style2{font-size:48px; font-weight:900; color:#fff; line-height:60px;}
.style3{font-size:30px; font-weight:600; color:#fbd256; line-height:50px;}
.style4{font-size:40px; font-weight:900; color:#023891; line-height:40px;}
.style5{font-size:48px; font-weight:900; color:#023891; line-height:65px;}

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

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

select{margin-bottom:8px;}

.bar{border-bottom:#b2b2b2 1px solid; width:97%; margin:10px 0; }

/*******
SPECIFIC PAGES
*********/

.menu_table a:link, .menu_table a:active, .menu_table a:visited{ color:#dc7d14; font-weight:700; text-decoration:none; }
.menu_table .style1{font-family: "Khand", sans-serif; font-size:30px; font-weight:700; color:#dc7d14; line-height:30px;}

/*******
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%;
}