/* mbhuju@gmail.com */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

body{margin:0px; font-family: 'Arimo', sans-serif; font-size:17px; color:#000; font-weight: normal; line-height:24px; background:#fff; }

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

a.footermenu:link, a.footermenu:active, a.footermenu:visited { font-size:13px; color:#000; font-weight:400; line-height:30px; text-decoration:none;}
a.footermenu:hover{color: #000;  text-decoration: none;}

a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#0e76bc; padding:15px 35px; font-weight:500;  text-decoration:none;  display: inline-block; border-radius:5px;}
a.btnlink:hover {background:#0b6eb1; text-decoration:none;}


/*********
HEADER
******/
#header_top{width:100%; background:#f1f1f1;}
#header_inn{width:1150px; margin:0 auto;  }
#logo{float:left; width:60%; padding:40px 0 10px 0; }
#address{width:30%; float:right; padding:40px 0 40px 0; text-align:right; font-size:16px; line-height:24px;}
#menu_bg{width:100%; background:#541c1f;}
#menu{width:1100px; margin:0 auto; font-weight: bold; padding: 10px 0;}



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

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

#inner{width:1150px; margin:0 auto; padding:35px 0; }

#contact{ width:50%; margin:0 auto; background:#f5f5f5;  padding:40px 20px; border:1px solid #d1d1d1; font-size:15px; }

#hours{width:400px; margin:0 auto; background:#efd8d8; border-radius:10px; border-top:5px solid #541c1f; font-size:16px;}

#products{width:96%; background:#000; padding:4% 2%; text-align:center;}

/*******
FOOTER
*********/
	#footer_bottom{width:100%; background:#F00;}
	#footer_inn{width:1150px; margin:0 auto; padding:30px 0; }
	#left{float:left; width:60%;  }
	#right{float:right; width:30%; text-align:right;}
	

/*******
STYLE
*********/
h1{font-family: 'Playball', cursive; font-size:45px; line-height:40px; color:##541c1f; font-weight:400; margin-top:0; }

.style1{font-size:24px; font-weight:700; color:#0154b0; line-height:35px;}
.style2{font-family: 'Playball', cursive; font-size:35px; font-weight:400; color:#571a1; line-height:35px;}
.red{font-size:16px; color:#F00;}
.style3{font-size:22px; font-weight:700; line-height:30px;}
.style4{font-family: 'Playball', cursive; font-size:46px; font-weight:400; line-height:35px; color:##541c1f;}
.style5{font-size:18px; font-weight:600; line-height:35px;}
.style6{font-family: 'Playball', cursive; font-size:60px; font-weight:400; line-height:35px; color:#9d6163; }
.style7{font-size:30px; font-weight:400; line-height:35px;}

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

.form{width:100%;}

.btn{ height:40px; font-weight:bold; font-family:'Montserrat', sans-serif; text-align:center; color:#FFFFFF; background:#1979c3; border:1px solid #1979c3;  font-size:14px; 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:80%; margin-bottom:8px;}
.inputsizesmall{ width:100px; margin-bottom:8px;}
.inputsizesm{ width:40px; margin-bottom:8px;}
.textright{text-align:right;}

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


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

main{
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-top:16px;
}

@media screen and (max-width: 1024px){
    main{
        width:98%;
        margin-left:auto;
        margin-right:auto;
        margin-top:16px;
    }
}