body { margin:0px; padding:0px; line-height:20px; font-size:14px; overflow-x:hidden; font-weight:400; font-family: "DM Sans", sans-serif;}
html, body {height: 100%; }
a {margin:0px; padding:0px; text-decoration:none; transition:0.5s;}
a img {border:medium none; margin:0px; padding:0px;}
a:hover, a:focus, a:active{ border:0px; outline:0px; text-decoration:none;}
li{ list-style:none;}
input{ outline:0;}
::-moz-selection { color: #fff; background: #333;}
::selection { color: #fff; background: #333;} 
ul , li{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{}
.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.dm-sans-<uniquifier> {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.zcool-xiaowei-regular {
  font-family: "ZCOOL XiaoWei", sans-serif;
  font-weight: 400;
  font-style: normal;
}



/*****************************************************************
					Main stucture
******************************************************************/

.container{ width:90%;}
.header{ width:100%; position:relative; padding:0; z-index:9; box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.03);}
.header:after {
    content: ' ';
    width: 100%;
    height: 9px;
    position: absolute;
    bottom: -9px;
    left: 0;
    background-image: url(../img/header-border.png);
    background-position: center center;
    background-size: cover;
}
.logo a{ display:block;}
.logo img{display:block; width:100px;}
.navigation{ text-align:center;}
.navigation ul.nav{ margin:40px 0 15px 0;}
.navigation ul.nav li{ display:inline-block; margin:0 8px;}
.navigation ul.nav li a{ color:#000; text-transform:uppercase; font-weight:600; font-size:16px; display:block; position:relative}
.navigation ul.nav li a:hover{ color:#e37013; background:none;}
.navigation ul.nav li.navActive a { color:#e37013; background:none;}
.navigation ul.nav li.navActive a:before{ width:100%; height:2px; content:' '; background:#ffc060; position:absolute; top:0; left:0;}
.navigation ul.nav li.navActive a:after{ width:100%; height:2px; content:' '; background:#ffc060; position:absolute; bottom:0; left:0;}
.callus{ text-align:right;}
.call-num{ margin:40px 0 5px 0; font-family: "ZCOOL XiaoWei", sans-serif; font-size: 20px;}
.call-num span i{transform: rotate(-32deg); color: #bd0101;  margin-right: 5px;  font-size: 25px;}
.callus p.call-text{color: #e46304; text-transform: uppercase;  font-size: 16px;}
.banner{width:100%; position:relative; padding:0; background-image:url(../img/banner-bg.png); background-position:top center; background-repeat:no-repeat; background-color:#f7f2e2; }

.banner-border{ background-color:#bd5801;  background-image:url(../img/banner-bg.png); position:absolute; width:26%; height:100%; right:0; top:0;}
.banner-text{position: relative; margin-top: 25%; text-align:center;}
.banner-text .banner-text-A{ color:#bd0101; font-family: "Great Vibes", cursive; font-size:30px; text-align:center; position:relative}
.banner-text .banner-text-A:before{content: ' '; background: #bd0101;  width: 48px;  height: 2px;  position: absolute; left: 17%;  top: 5px;}
.banner-text .banner-text-A:after{content: ' '; background: #bd0101;  width: 48px;  height: 2px;  position: absolute; right: 16%;  top: 5px;}
.banner-text-b{font-family: "ZCOOL XiaoWei", sans-serif; font-size: 20px; margin-top: 60px;}
.banner-text-b h3{font-size: 65px; margin: 0;}
.banner-text-b h2{font-size: 94px; text-transform: uppercase;  margin: 5px 0 0 0;}
.banner-img{ margin:5% 5% 0% 5%;}
.banner-img img{ width:100%;}
section.about_part{ position:relative; padding: 60px 0; width:100%;}
.bodyPart{position:relative;}
/*.bodyPart::before {
    content: ' ';
    width: 100%;
    height: 16px;
    position: absolute;
    bottom: -15px;
    left: 0;
    background-image: url(../img/header-border.png);
    background-position: center center;
    background-size: cover;
}
*/.about-img{background: #ffba00; padding: 20px;}
.about-img img{width: 100%; display: block;}
.about-textArea{background: #fff;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
  border-radius: 9px;
  padding: 30px 30px;
  margin-left: -35%;
  margin-top: 32px;}

.inner-texthead{color: #e46304; text-transform: uppercase; font-size: 16px;  font-weight: 500;  letter-spacing: 3px;}
span.head-icon{display: inline-block; margin-right: 5px;  margin-top: 3px;}
span.head-icon img{display: block; width: 25px;}
.about-text{font-size: 15px; line-height: 23px;}
.about-text h3{font-family: "ZCOOL XiaoWei", sans-serif; width: 70%; line-height: 30px; margin-bottom: 18px;}
.about-text p{ margin:15px 0;}
footer{ background:#111111; position:relative; width:100%; padding:0; margin-top: 55px;}
footer:before {
    content: ' ';
    width: 100%;
    height: 65px;
    position: absolute;
    top: -56px;
    left: 0;
    background-image: url(../img/footer-top.png);
    background-position: center center;
    background-repeat:no-repeat;
	background-size: 370px 60px;
}
footer .copyright{ color:#fff; padding-top:30px;}
footer .designby{text-align: right; color: #c8c5c5;  padding-top:30px;}
footer a{ color:#ffc25e; font-style:italic;}
footer a:hover{ color:#ff9e00;}
.footer-logo img{ display:block; margin:0 auto; width: 80px;}
.footer-logo{position: relative; top: -35px;}
.about-text{font-size: 15px; line-height: 23px;}
.contactArea{padding: 80px 0;}
.contactArea .inner-texthead{ text-align:center;}
.inner-nexthead h2{font-family: "ZCOOL XiaoWei", sans-serif; text-align:center; font-size: 35px;}
.addressBox{background: #f4efe3; margin: 6% 0;  border-radius: 40px 0px 40px 0px;  padding: 40px 30px; text-align: center; min-height: 245px;}
.address-icon{ width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 10px auto;
  padding: 10px;}
.address-icon img{ display:block; width:100%;}
.contact-disArea .row .col-md-4:first-child .address-icon{ background:#fa8507;}
.contact-disArea .row .col-md-4:nth-child(2) .address-icon{ background:#c59d5f;}
.contact-disArea .row .col-md-4:last-child .address-icon{ background:#dd5903;}
h4.address-head{font-family: "ZCOOL XiaoWei", sans-serif; font-size: 20px;}
.address-text{width: 80%;
  margin: 0 auto;
  font-weight: 600;}
.address-text ul li{font-weight: 600;}
.contact-bottomArea{margin: 0 35px;}
.contact-bottomHead{font-family: "ZCOOL XiaoWei", sans-serif; margin-bottom: 20px;}
.location-area{position: relative;}
.location-icon{float: left;
  width: 20%;
  position: relative;}
.location-icon img{display: block;
  position: absolute;
  width: 36px;
  margin: 0 auto;
  z-index: 9;
  left: 11px;
  top: 6px;} 
.location-icon svg{width: 105px;
  height: 100px;
  position: relative;
  left: -24px;
  top: -16px;
  margin: -5%;} 
  
.location-text h5{font-weight: 600;}
.menu-displayArea{width:90%; margin: 50px auto;}
.menu-displayArea ul li{ display: block; margin: 0 1%;
  float: left;
  width: 48%;
  border-bottom:2px dashed #ccc;
  padding: 13px 0px;
  font-size: 18px;
  font-weight: 600;}
.menu-displayArea ul li span.menu-price{float: right;  font-size:17px; font-weight:500;
  color: #e37013;
  font-family: "ZCOOL XiaoWei", sans-serif;}  
  
  

