@font-face {
    font-family: 'menu';
    src:  url('../fonts/SFUDinEngAlt.TTF?v=4.6.3') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'title';
    src:  url('../fonts/UTM AmericanaBEx.ttf?v=4.6.3') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'title-footer';
    src:  url('../fonts/SFUDinEngAlt.TTF?v=4.6.3') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'site_name';
    src:  url('../fonts/UTM%20AvoBold.ttf?v=4.6.3') format('truetype');
    font-weight: normal;
    font-style: normal
}
.w_100{
    width: 100%;
}
.hotline{
    padding-top: 5px;
    color: #ff0000 !important;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 16px;
}
.hotline a{
    font-weight: bold;
    color: #000 !important;
}
.nav-menu > .menu-item:last-child{
    padding-right: 0px !important;
}
.nav-menu > .menu-item > .menu-link{
    color: #000;
    font-family: 'menu';
    font-size: 18px;
    text-transform: uppercase;
}
.nav-dropdown{
    border-top: #008ed3 2px solid;
}
.nav-dropdown > .menu-item{
    border-bottom: #fff 2px solid;
}
.nav-dropdown > .menu-item:last-child{
    border-bottom: none !important;
}
.menu-sub{
    background: url("../img/icon_menu.png") no-repeat !important ;
    background-size: 100% 100%;
}
.menu-sub a{
    padding-left: 18px!important;
}
.search_top{
    background: rgba(255, 255, 255, 0.76);
    position: absolute;
    z-index: 5;
    width: 100%;
}
.search-sub{
    overflow: hidden;
    background: #dddddd;
    margin: auto;
}
.form-search-top{
    border: none !important;
}
.search-top input ,.btn-search-top button, .btn-search-top{
    background: rgba(128,128,128,0);
    border: none !important;
    box-shadow: none;
    border-radius:0px !important;
}
.btn-search-top{
    background: #ffed00;
    padding:25px 40px;
    font-size: 18px;
    color: #000;
    font-family: 'menu';
}
.search-top input{
    background: url("../img/bg_search.png") no-repeat left;
    padding-left: 55px;
    overflow: hidden;
    margin-top: 15px;
    color: #333 !important;
}
.title h2 a{
    background: url("../img/bg_title.png") no-repeat;
    background-size: 100% 100%;
    font-size: 30px;
    color: #000;
    padding-bottom: 10px;
}
.title{
    font-family: 'title';
    font-weight: bold;
    text-align: center;
    margin: auto;
    padding-top: 10px !important;
}
.slider-prd{
}
.slider-prd .owl-controls .owl-prev:after{
    content: "\f104";
    top: 25%;
    left: -30px;
    width: 25px;
    height: 42px;
    color: #787474;
    position: absolute;
    z-index: 111;
    opacity: 1;
    font: normal normal normal 60px/1 FontAwesome;
}
.slider-prd .owl-controls .owl-next:before{
    content: "\f105";
    top: 25%;
    right: -30px;
    color: #787474;
    width: 25px;
    height: 42px;
    position: absolute;
    z-index: 111;
    opacity: 1;
    font: normal normal normal 60px/1 FontAwesome;
}
.footer{
    background: #4f4f4f;

}
.footer h3, .title-contact {
    color: #fff;
    padding-top: 18px;
    text-transform: uppercase;
    font-family: 'title-footer';
    font-size: 20px;

}
.contact-left{
    padding-top: 27px !important;
}
.content-contact{
    border: #cccccc 1px solid;;
    border-top: none ! important;
    padding-right: 10px;
    padding-left: 10px;
}
.title-contact{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background: #0188c9;
    padding-left: 15px;
    padding-right: 15px;
    border: #cccccc 1px solid;
}
.fix-mg{
    margin: 0px !important;
}
.b-submit{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 9px;
    font-size: 18px;
    text-transform: none;
}
.address i{
    font-size: 20px;
}
.address{
    color: #fff;
    padding-top: 22px;
}
.address ul li{
    list-style: none !important;
    background: url("../img/bg_menu_f.png") no-repeat left;
    padding-left: 10px;
}
.address ul li a, .menu_bottom li a{
    color: #fff;
}
.address ul li a:hover ,.menu_bottom li a:hover{
    color: #ffed00 !important;
}
.footer-center{
    padding-left: 85px;
    margin-left: 5px;
    margin-right: 5px;
}
.footer-center h3 a{
    color: #fff;
}
.footer-center h3 a:hover{
    color: #ffed00;
}
.input_bottom{
    height: 46px;
    border-radius:0px !important;
    border: none !important;
}
.btn_bottom{
    border-radius:0px !important;
    background: #008ed3 !important;
    border: none !important;
}
.btn_bottom button{
    background: #008ed3 !important ;
    border: none !important;
    color: #fff;
    padding: 10px;
    font-weight: bold;
}
.site_name{
    text-align: center;
}
.site_name span{
    font-family: 'site_name';
    font-size: 30px;
    font-weight: bold;

}
.home{
    color: #282828 !important;
}
.net{
    color: #fff !important;
}
.menu_bottom{
  padding-left: 19%;
    padding-right: 14%;
}
.menu_bottom li{
    list-style: none;
    float: left;
    padding-left: 13px ;
    padding-right: 13px ;

}
.menu_bottom li:after{
    content: "|";
    color: #fff;
    text-align: center;
    padding-right: 0px;
    width: 25px;
    height: 42px;
    position: absolute;
    z-index: 111;
    opacity: 1;
    font: normal normal normal 15px/1 FontAwesome;
}
.menu_bottom li:last-child:after{
     display: none;
}
.footer-bottom{
    background: #2a2a2a;
}
.footer-bottom ul{
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer-bottom ul li{
    float: left;
    list-style: none;
    padding: 5px;
}
.footer-bottom ul li img{
    border: 1px solid #fff;
}
.coppyright{
    color: #fff;
    padding-top: 15px;
    padding-bottom: 10px;
}
.search-bottom{
    padding-top: 10px;
}
::-webkit-input-placeholder {
    color: #000 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
}

:-ms-input-placeholder {
    color: #000 !important;
}
.item h2 a{
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    font-size: 12px !important;

}
.item h2 a:hover{
    color: #008ed3  ;
}
.item{
    text-align: center;
}
.article{
    position: relative;
}
.ads{
z-index: 10;
    right:0;
    top:31.6%;
    position: fixed;
    background: #fff !important;
}
.ads ul li{
    padding: 5px;
    list-style: none;
}
.ads ul li a{
    padding-left: 5px;
    font-size: 24px;
    color: #fff;
}
.contact{
    padding-top: 5px;
}
.face{
    background: #3c5a96;
}
.tw{
    background: #1da1f3;
}
.gg{
    background: #dc4e42;
}
.mail{
    background: #8c8c8f;
}
.title-left{
    background: url("../img/title-left.png") no-repeat;
    background-size: 100% 100%;
    font-size: 20px;
    font-family: 'title-footer';
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 8px;
}
.title-left i{
    color: #00a5e2;
    font-size: 28px;
    top: 24px;
    position: absolute;
    left: 30px;
}
.content-left ul{
background: #e6e6e6;
    padding-left: 8px;
    padding-right: 8px;
}
.content-left ul li{
    padding-top: 14px;
    padding-bottom: 7px;
    list-style: none;
    border-bottom: 1px dotted #000;
}
.content-left ul li:last-child{
    border: none;
}

.content-left i{
    color: #666666;
    font-size: 14px;
}
.menu-item-left a{
    color: #000 !important;
    font-weight: bold;
}
.sub-item-left{
    padding-top: 8px !important;
    padding-bottom: 8px!important;
    padding-left: 10px;
}
.sub-item-left a{

    color: #000;
    padding-left: 5px;
}
.img_album{
    padding: 5px !important;
}
.media{
    overflow: hidden;
    background: #e6e6e6;
}
.name h2{
    font-size: 30px;
    font-family:'title-footer';
    color: #087dc2;
    text-transform: uppercase;
    text-align: center;
}
.bg{
    text-align: center;
}
.title-news ul li{

    list-style: none;
    float: left;
}
.title-news ul li{
    padding-top: 2px;
    padding-right: 16px;
}
.title-news ul li a{
    padding-right: 5px;
}
.title-news ul li:first-child{
    padding-top: 0px;
    padding-right: 5px;
}
.title-news ul li:first-child a{
    padding-right: 0px;
}
.title-news ul li:after{
    content: "\f101";
    top: -1px;
    color: #087dc2;
    position: absolute;
    z-index: 111;
    opacity: 1;
    font: normal normal normal 19px/1 FontAwesome;
}
.title-news ul li:first-child:after, .title-news ul li:last-child:after{
    content: none;
}
.title-news i{
    top: -3px;
    font-size: 18px;
}
.title-news a{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.pd-content{
    padding-right: 20px;
    padding-left: 20px;
}
.title-cate a{
    font-weight: bold;
}
.name-pro h3 {
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    font-size: 12px !important;
}
.description{
    padding-left: 15px;
}
.img-detail{
    border: 4px solid #e6e6e6;
}
.name-food{
    font-weight: bold;
    text-transform: uppercase;

}
.name-food div img{
    width: 100% !important;
}
.box-cook .owl-controls .owl-prev:after{
    content: "";
    top: 25%;
    left: 0px;
    width: 30px;
    height: 42px;
    position: absolute;
    z-index: 111;
    opacity: 1;
    background: url("../img/left.png");
    font: normal normal normal 60px/1 FontAwesome;
}
.box-cook .owl-controls .owl-next:before{
    content: "";
    top: 25%;
    right: 0px;
    width: 30px;
    height: 42px;
    position: absolute;
    z-index: 111;
    opacity: 1;
    background: url("../img/right.png");
    font: normal normal normal 60px/1 FontAwesome;
}
.owl-carousel-1{
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.box-cook{
    background: #e6e6e6;
    padding: 5px;
}
.contact-page{
    padding-left: 20px;
    padding-right: 20px;
}
.header-bottom{
    position: relative;
}
.border-top{
    width: 100%;
    margin: auto;
    border-top:1px solid #a5a5a5;
}
.boder-center{
    border-top: 1px solid #a5a5a5;
    overflow: hidden;
}
@media(max-width: 750px){
	.pd-content{
		padding: 0 0;
	}
	.nav-container{
		width: 88%;
	}
}