/* mbhuju@gmail.com */
@import url('//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url('//fonts.googleapis.com/css2?family=Poppins:wght@300,400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('//fonts.googleapis.com/css?family=Abril+Fatface|Lobster+Two');

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

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


a.more:link, a.more:active, a.more:visited { font-weight:900;  text-decoration:none;}
a.more:hover{ text-decoration:none;}

a.more01:link, a.more01:active, a.more01:visited { font-weight:400;  text-decoration:none;}
a.more01:hover{ text-decoration:none;}


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

a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#fd0200; padding:8px 15px; font-weight:600;  text-decoration:none; text-transform:uppercase; display: inline-block; margin: 10px;}
a.btnlink:hover {background:#fd0200; text-decoration:none;}

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


#header_top{width:100%; background:url(../images/bg1.png) repeat-x; padding-top:40px;}
#menu{width:560px; margin:0 auto; border-top:1px solid #939292; border-bottom:1px solid #939292; }

#header_inn{width:1160px; margin:0 auto; padding:65px 0 115px 0;}
#order{width:180px; background:#f9dd8c; border-radius:5px; text-align:center; font-size:34px; text-transform:uppercase; color:#962b5d; padding:20px 10px; font-family: 'Bangers', cursive; font-weight:400; margin-top:30px;}
#address{padding-top:120px;}

/*******
BANNER
*********/
#banner{width:100%; background:url(../images/bg.png) repeat-x;}
#banner_inn{ width:1237px; margin:0 auto;}
.photo1{width:24.25222%; float:left; margin-right:0.97009%;}
.photo2{width:24.25222%; float:right;}


/****************/
#content{width:100%; background:#fff; }
	#content_inn{width:870px; margin:0 auto; padding:80px 0 75px 0; text-align:center; }
	#inner{width:1150px; margin:0 auto; padding:45px 0;}

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


/*******
FOOTER
*********/
	#footer_bottom{width:100%; background:#000; }
	#footer_inn{width:1240px; margin:0 auto;}
	#logos{width:5%; float:left; margin-right:1%; padding:30px 0;}
	#left_footer{width:50%; float:left; color:#FFF; padding:30px 0; font-size:24px; font-weight:900; line-height:28px; }	
	#right_footer{width:35%; float:right; text-align: right; padding:40px 0;}

/*******
STYLE
*********/
h1{font-family:'Poppins', sans-serif; font-size:45px; line-height:40px; color:#8a0f48; font-weight:700; margin-top:0; text-transform:uppercase;}
.style1{font-size:24px; font-weight:700; color:#b6125e; line-height:30px;}
.style2{font-size:36px; font-weight:900; color:#fff;  text-shadow:1px 3px #000;}
.style3{font-size:48px; font-weight:900; color:#fff; text-shadow:1px 3px #000;}
.style4{font-family: 'Lobster Two', cursive; font-size:36px; font-weight:400;  line-height:30px;}
.style5{font-size:48px; font-weight:900; color:#8a0f48; line-height:40px;}
.style6{font-family: 'Lobster Two', cursive;font-size:30px; font-weight:700; color:#e90000; line-height:30px;}

/*******
FORM
*********/
#contactform{width:80%;}
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:#FFFFFF; background:#b6125e; border:1px solid #b6125e; 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-left:30px; }
.imgleft{ max-width:95%; float:left; margin-right:30px; }


.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;}
@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */

@media screen and (max-width: 1280px){
	#banner_inn, #footer_inn{width:95%;}
	
}

@media screen and (max-width: 1175px){
	#header_inn, #inner{width:95%;}
}

@media screen and (max-width: 1024px){
	#menu{ border:0;}
	#header_top{padding-top:0;}
	#header_inn{padding:30px 0 115px 0;}
}

@media screen and (max-width: 980px){
	
	#content_inn{width:95%;}
	#address{padding-top:60px;}
		#logos{float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0;}
	#left_footer{float:none; width:100%; margin:0 auto; text-align:center; padding:0; }	
	#right_footer{float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0;}
	
	#contact_left{float:none; width:90%; margin:0 auto;  }
	#contact_right{float:none; width:100%; margin:0 auto; padding-top:50px;}
	
	#contactform{width:90%;}

	.imgright, .imgleft{display:block; margin:20px auto; float:none;}
}


@media screen and (max-width: 640px){
	h1{font-size:35px;}
	.style5{font-size:35px;}
	#menu{width:95%;}
	.style2{font-size:23px; line-height:22px;}
	.style3{font-size:35px; line-height:24px;}
	#left_footer{ font-size:20px;}
	#content_inn{padding:40px 0;}
	#header_inn{padding-bottom:30px;}
}
.nav-lock-scroll{overflow:hidden}
.nav{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:900;overflow-x:hidden;overflow-y:auto}
.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{display:block;position:relative;}

@media only screen and (min-width:1025px){
	.nav{display:block;position:relative;bottom:auto;overflow:visible}
	.nav li{position:relative;white-space:nowrap}
	.nav>ul>li{display:inline-block}
	.nav ul{display:block}
	.nav ul ul{display:none;position:absolute;top:100%;left:0;z-index:901}
	.nav ul ul ul{top:5px;left:95%;z-index:902}
	.nav ul ul ul ul{z-index:903}
	.nav ul ul ul ul ul{z-index:904}
	.nav ul ul li.nav-left>ul{left:auto;right:95%}
	.nav-no-js .nav li:hover>ul{display:block}
	}
	
	@media only screen and (max-width:1024px){
		.nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{display:block}
		
		}
@font-face{font-family:icon-font;src:url(https://miquangcothao.com/fonts/icon-font.eot);src:url(https://miquangcothao.com/fonts/icon-font.eot#iefix) format('eot'),url(https://miquangcothao.com/fonts/icon-font.woff) format('woff'),url(https://miquangcothao.com/fonts/icon-font.ttf) format('truetype'),url(https://miquangcothao.com/fonts/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}

.icon-desktop:before{content:"\E001"}
.icon-menu-close:before{content:"\E002"}
.icon-menu:before{content:"\E003"}
.icon-mobile:before{content:"\E004"}
.icon-submenu-down:before{content:"\E005"}
.icon-submenu-right:before{content:"\E006"}
.icon-world:before{content:"\E007"}


.nav-button,.nav-close{
	position:fixed;top:0;width:2.4rem;height:3.4rem;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:3.4rem;
	background:#962b5d; /*mobile menu icon BG color */

}

a.nav-button:link, a.nav-button:active, a.nav-button:visited, a.nav-button:hover{  
	color:#fff;   /*mobile menu icon color */
	text-decoration:none;
	}


.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block;right:10px;font-size:1.7rem}
.nav-button:before{content:"\E003"}
.nav-close{display:none;right:4rem;font-size:1.9rem}
.nav-close:before{content:"\E002"}

.nav{
	
	line-height:2.6rem; /* menu text padding */
	color:#fff;
	text-align:center;
	}
.nav ul{
	/*background:#ccc menu bg color*/
	}
.nav ul ul{
	background:#fff /*menu 1st dropdown bg color*/
	}
.nav ul ul ul{
	background:#FFFFFF /*menu 2nd dropdown bg color*/
	}
.nav ul ul ul ul{
	background:#FFFFFF /*menu 3rd dropdown bg color*/
	}
.nav ul ul ul ul ul{
	background:#FFFFFF /*menu 4th dropdown bg color*/
	}
.nav li{cursor:pointer}
.nav li.nav-active>a,.nav li:hover>a{
	color:#f9dd8c;/*menu mouse over text color*/
	 /*menu mouse over bg color*/	
	
	}
.nav .nav-submenu>ul{margin-left:10px;}
.nav .nav-submenu>a{padding-right:30px!important}

.nav a,.nav a:active,.nav a:hover,.nav a:visited{
	font-weight:600;
	text-transform:uppercase;
	font-family:'Poppins', sans-serif;
	font-size:14px;
	padding:5px 9px;
	color:#fff;
	text-decoration: none;
	
	}
.nav .nav-submenu>a:after{position:absolute;display:block;right:5px;top:5px;content:"\E005"}


@media screen and (max-width: 1175px){
	.nav a,.nav a:active,.nav a:hover,.nav a:visited{
	font-size:14px;
	padding:5px 9px;
	
	}
}



@media only screen and (min-width:1025px){
	.nav-button{display:none}
	.nav{padding:0!important}
	.nav>ul>li{border-top:none}
	.nav li>ul{}
	.nav ul ul ul{}
	.nav ul ul ul li:first-child{border-top:none}
	.nav .nav-left>ul{}
	.nav .nav-submenu li{min-width:110px}
	.nav .nav-submenu>ul{margin:0}
	.nav>ul>.nav-submenu>a:after{content:"\E005"}
	.nav .nav-submenu>a:after{content:"\E006"}
}
@media screen and (max-width: 1024px){
	
	.nav, .nav ul{
		background:#080904;
		/*mobile menu bg color*/
		
	}
	
}