@font-face {
     font-family: 'Roboto_Regular';
     src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Roboto_Bold';
     src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'SVN_Anastasia';
     src: url('../fonts/SVN-Anastasia.eot?#iefix') format('embedded-opentype'), url('../fonts/SVN-Anastasia.woff') format('woff'), url('../fonts/SVN-Anastasia.ttf') format('truetype'), url('../fonts/SVN-Anastasia.svg#SVN-Anastasia') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Roboto_Medium';
     src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'ROBOTO-ITALIC';
     src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype'), url('Roboto-Italic.svg#Roboto-Italic') format('svg');
     font-weight: normal;
     font-style: normal;
}
 body{
     background: #fff;
     color: #000;
}
 .introduction img {
     /*height: 290px;*/
     width: 100%;
     object-fit: cover;
     box-shadow: 0px 0px 20px #fff;
}
 .introduction strong{
     font-size: 14px;
     margin-bottom: 10px;
     font-family: 'Roboto_Bold';
}
 .introduction p{
     font-family: 'Roboto_Regular';
     font-size: 14px;
     margin-bottom: 30px;
}
 .introduction .titleH2{
     margin-bottom: 20px;
}
 .titleH2{
     font-family: 'Roboto_Bold';
     text-transform: uppercase;
     font-size: 24px;
}
 .titleH2 a{
     color: #333 
}
 .intro--inner{
     max-width: 900px;
     margin: auto;
}
 .seeMore{
     background: #fff;
     color: #000;
     font-family: 'Roboto_Regular';
     font-size: 14px;
     padding: 2px 11px;
     border-radius: 5px;
     display: inline-block;
}
 .introduction {
     padding: 50px 0;
}
 .menu--left{
     padding-right:100px;
}
 .menuRestaurant .titleH2{
     padding: 50px 0 5px;
}
 .menuRestaurant img{
     height: 420px;
     width: 100%;
     object-fit: cover;
}
 .menuRestaurant{
     background: url(../img/menu-bg.png) no-repeat;
     background-size: 100% 100% !important;
}
 .menuRestaurant p{
     text-align: justify;
     margin-bottom: 30px;
}
 .menuList{
     column-count: 2;
     margin-bottom: 40px;
}
 .menuList li:before{
     content: "\f058";
     font-family: FontAwesome;
     margin-right: 3px;
}
 .menuRestaurant .seeMore {
     transform: translateX(-50%);
     margin-left: 45%;
}
 .sale__title{
     text-align: center;
}
 .sale__title .titleH2 a{
     border-bottom: 1px solid #808080;
}
 .sale__title .titleH2 {
     margin-bottom: 10px;
}
 .sale__title span {
     font-family: 'SVN_Anastasia';
     font-size: 40px;
     display: block;
     margin-bottom: 50px;
}
 .sale{
     background: url(../img/sale-bg.png) no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     padding: 31px 0;
}
 .saleItem .photo {
     height: 200px;
     width: 100%;
     object-fit: contain;
}
 .saleItem {
     position: relative;
}
 .saleItem span{
     position: absolute;
     top: -30px;
     left: 40px;
}
 .saleItem span img{
     width: 98px;
     height: 96px 
}
 .memories .titleH2{
     text-align: center;
     margin-bottom: 30px;
}
 .memories img {
     height: 260px;
     width: 100%;
     object-fit: cover;
    
}
 .row15{
     margin: 0 -7.5px;
}
 .memories {
     padding: 57px 0;
}
 .col-7{
     padding: 0 7.5px;
}
 .news{
     background: url(../img/news-bg.png) no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
     padding: 35px 0;
     border-bottom: 1px solid #fff;
}
 .news--width{
     max-width: 970px;
     margin: auto;
}
 .newsItem h3{
     font-family: 'Roboto_Bold';
     font-size: 14px;
     margin: 10px 0;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 2;
     display: -webkit-box;
     overflow: hidden;
     line-height: 1.4;
     text-align: left;
}
 .newsItem h3 a{
     color:#fefdfd;
}
 .newsItem img {
     height: 180px;
     width: 100%;
     object-fit: cover;
     box-shadow: 0px 0px 11px #fff;
}
 .news__title{
     text-align: center;
     margin-bottom: 90px;
}
 .news__title span {
     max-width: 600px;
     display: block;
     margin: auto;
     margin-bottom: 50px;
}
 .news__title .titleH2{
     margin-bottom: 5px;
}
 .newsItem .des{
     text-align: justify;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 4;
     display: -webkit-box;
     overflow: hidden;
     line-height: 1.3;
     font-size: 12px;
     font-family: Roboto_Regular;
     margin: 5px 0 20px;
}
 .newsItem {
     text-align: center;
     background: #000000bd;
     border: 1px solid #3a3a3a;
     padding: 15px 15px 28px;
}
 .newsItem .link--After{
     border-radius: 0;
     display: inline-block;
}
 .memories__slide .owl-nav.disabled, .memories__slide .owl-dots.disabled{
     display: block;
}
 .memories__slide i{
     color:white;
     font-weight: bold;
     background: #0000007d;
     padding: 4px 10px;
}
 #footer h3{
     font-family: 'Roboto_Medium';
     font-size: 18px;
     text-transform: uppercase;
     height: 20px;
     margin-bottom: 15px;
}
 .mainAddress {
     line-height: 2;
}
 .restaurantAddress .addr{
     margin: 3px 0 10px;
}
 .mainAddress h4,.restaurantAddress h4{
     text-transform: uppercase;
     font-family: 'Roboto_Medium';
     font-size: 14px;
}
 .restaurantAddress h4{
     text-decoration: underline;
     margin-bottom: 5px;
}
 #footer img{
     max-width: 100%;
}
 .copyRight {
     padding: 24px 0 15px;
     text-align: center;
     border-top: 1px solid #fff;
}
 .bookIcon {
     position: fixed;
     top: 215px;
     right: 0;
    /* z-index: 1;
     */
}
 .hotline{
     position: fixed;
     width: 180px;
     height: 50px;
     display: inline-block;
     background: url(../img/hotline-bg.png) no-repeat;
     font-family: Roboto_bold;
     bottom: 8px;
     font-size: 18px;
     left: 10px;
     color: white;
     background-size: 100% 100%;
     padding: 10px 10px 10px 54px;
}
 .hotline:hover{
     color:white;
}
 #footer {
     padding-top: 48px;
}
 .header {
     position: relative;
}
 .header--wrapper {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 1;
}
 .nav-menu{
     display: flex;
     align-items: center;
     justify-content: space-around;
}
 .logo{
    /* order:1;*/
}
 .nav-menu .menu-item:nth-of-type(n+5) {
     order: 2 
}
 .btn_search .fa-search {
     color: white;
}
 .header-top {
     display: flex;
     justify-content: space-between;
}
 .headerTop--left a,.headerTop--right a{
     color:white;
}
 .headerTop--left a{
     margin-right: 10px; text-transform: uppercase;
}
 .headerTop--left a i{
     margin-right: 5px;
}
 .headerTop--right {
     display: flex;
}
 .header-bottom {
     padding: 4px 0;
     border-bottom: 1px solid #272827;
}
 i {
     color: white;
     font-weight: bold;
}
 .headerTop--right ul li {
    display: inline-block;
    padding-left: 10px;
}
 .slider_main .owl-nav.disabled, .slider_main .owl-dots.disabled{
     display: block !important;
     width: 85%;
}
 .slider_main .owl-carousel .owl-nav [class*='owl-']{
     color:white;
}
 @media only screen and (max-width: 992px){
     .memories img{
         margin-bottom: 15px;
    }
     .nav-menu{
         display: block;
    }
     .header-top{
         display: none;
    }
     .mainAddress,.restaurantAddress,#footer img {
         margin-bottom: 30px;
    }
     .newsItem{
         margin-bottom: 30px;
    }
}
 @media (min-width: 768px) and (max-width: 992px){
     .saleItem{
         margin-bottom: 50px;
    }
}
 @media (min-width: 768px) and (max-width: 852px){
    
}
 @media only screen and (max-width: 767px){
     .introduction img{
         margin-top: 30px;
         height: auto;
    }
    .menuRestaurant{
        height: auto;
    }
    .menuRestaurant img{
        margin-top: 30px;
    }
     .col-sm-offset-5 {
            margin-left: inherit;
            width: 100%;
    }
    }
     .title_intro,.title_recrui,.disher_top h1{
         font-size: 28px !important ;
    }
     .title_em,.title_contact{
         font-size: 25px !important ;
    }
     .menuRestaurant .seeMore {
         transform: translateX(0);
         margin-left: 0;
    }
    .content_page img{
        width: inherit !important;
        max-width: 100% !important;
        height: auto !important; 
    }
     .menuRestaurant{
         background: url(../img/left-menu.png) no-repeat;
    }
    }
     .menuRestaurant,.menuRestaurant img,.box_contactb .img_lh img{
         height: auto !important ;
    }
  /*   .box_contactt .box_contactl{
         width: 100% !important 
    }*/
     .box_contactt .box_contactl iframe{
         height: auto !important ;
         min-height: 400px 
    }
     .saleItem {
         position: relative;
         margin: 30px 0;
    }
     .saleItem span img{
         height: 75px;
         width: 75px;
    }
    
}
 @media only screen and (max-width: 480px){
     .menu--left{
         padding: 0 15px;
    }
     .box_sale{
         display: block !important ;
    }
     .newsItem img,.memories img,.saleItem .photo,.box_sale a img,.box_dish a img{
         height: auto !important ;
    }
     .box_contactt .box_contactl iframe{
         height: auto;
         min-height: 300px 
    }
}
 .introduct_top {
     
     background-attachment: fixed;
     background-size: 100% 100%;
     border-bottom: 1px solid #111111;
     padding: 55px 0;
}
 .title_intro {
     font-size: 48px;
     font-family: Roboto_Medium;
     text-transform: capitalize;
     padding-bottom: 45px;
}
 .des_intro {
     font-size: 16px;
     line-height: 20px;
     font-family: Roboto_Regular;
}
 .introduct_mid {
     
     background-attachment: fixed;
     background-size: 100%;
     border-bottom: 1px solid #111111;
}
 .box_intr_m {
     padding: 45px 0;
}
 .img_intro {
     width: 100%;
     height: auto;
     display: block;
}
 .introduct_bot {
     background: url(../img/gt3.png) no-repeat center;
     background-size: contain;
     border-bottom: 1px solid #111111;
     padding: 55px 0 80px;
     background-attachment: fixed;
}
 .emplo {
     background: url(../img/gt4.1.png) no-repeat center;
     background-attachment: fixed;
     background-size: 100%;
     border-bottom: 1px solid #fff;
     padding: 38px 0 46px;
}
 .title_em {
     font-size: 30px;
     font-family: Roboto_Bold;
     color: #fff;
     padding-bottom: 38px;
     text-transform: uppercase;
     text-align: center;
}
 .slider_emplo .item_emplo {
     display: block;
     border: 1px solid #3c423f;
}
 .slider_emplo .item_emplo img {
     width: 100%;
     display: block;
     height: auto;
}
 .slider_emplo .owl-nav {
     top: 50%;
}
 .slider_emplo .owl-nav .owl-prev, .slider_emplo .owl-nav .owl-next {
     left: 5px;
     opacity: 1;
     font-size: inherit;
     color: #fff;
}
 .slider_emplo .owl-nav .owl-prev:hover, .slider_emplo .owl-nav .owl-next:hover {
     color: #2bac57;
     background: #59c5547d;
}
 .slider_emplo .owl-nav .owl-prev i.icon_slider, .slider_emplo .owl-nav .owl-next i.icon_slider {
     font-size: 40px;
     font-weight: bold;
}
 .slider_emplo .owl-nav .owl-next {
     opacity: 1;
     left: inherit;
     right: 5px;
}
 .custom {
     padding: 55px 0 33px;
     background: url(../img/gt7.1.png) no-repeat center;
     background-attachment: fixed;
     background-size: 100%;
     border-bottom: 1px solid #fff;
     text-align: center;
}
 .custom .title_intro {
     padding-bottom: 50px;
}
 .slider_cus {
     padding: 0 30px;
}
 .slider_cus .item_cus {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .slider_cus .item_cus .left {
     padding: 0 45px;
}
 .slider_cus .item_cus .left p {
     font-size: 14px;
     line-height: 22px;
     font-family: Roboto_Regular;
}
 .slider_cus .item_cus .left h5 {
     font-size: 14px;
     padding: 35px 0 5px;
     font-family: Roboto_Bold;
     position: relative;
}
 .slider_cus .item_cus .left h5::before {
     content: "";
     position: absolute;
     background: #fff;
     width: 50px;
     height: 1px;
     left: 0;
     right: 0;
     bottom: 30px;
     margin: auto;
}
 .slider_cus .item_cus .left h5 span {
     font-family: Roboto_Regular;
     margin-left: 5px;
}
 .slider_cus .owl-nav {
     top: 100%;
     right: 0;
}
 .slider_cus .owl-nav .owl-prev, .slider_cus .owl-nav .owl-next {
     left: 34%;
     opacity: 1;
     font-size: inherit;
     color: #fff;
     border-radius: 0;
}
 .slider_cus .owl-nav .owl-prev:hover, .slider_cus .owl-nav .owl-next:hover {
     color: #2bac57;
     background: #59c5547d;
}
 .slider_cus .owl-nav .owl-prev i.icon_slider, .slider_cus .owl-nav .owl-next i.icon_slider {
     font-size: 17px;
     font-weight: bold;
     border: 2px solid #fff;
     width: 20px;
     height: 20px;
     line-height: 0.9em;
}
 .slider_cus .owl-nav .owl-next {
     opacity: 1;
     left: 37%;
}
 .sale_top {
     padding: 48px 0 18px;
}
 .sale_top .row_pc {
     border-bottom: 1px dashed #fff;
}
 .title_sale {
     font-size: 18px;
     font-family: Roboto_Regular;
     color: #fff;
     text-transform: capitalize;
     padding-bottom: 30px;
}
 .box_sale {
     border-radius: 6px;
     box-shadow: 0px 0px 3px 2px #fff;
     margin-bottom: 30px;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
 .box_sale a {
     display: block;
    /* width: 50%;
     */
    /* float: left;
     */
     flex: 50%;
     padding: 10px;
}
 .box_sale a img {
     width: 100%;
     height: 275px;
     object-fit: cover;
   /*  box-shadow: 0px 0px 3px 2px #fff;*/
     border-radius: 6px;
     padding: 5px;
}
 .box_sale .content_sale {
     overflow: hidden;
     padding-left: 20px;
     flex: 50%;
}
 .box_sale .content_sale h3 {
     font-family: Roboto_Bold;
     font-size: 24px;
     padding: 20px 0 10px;
}
 .box_sale .content_sale p {
     font-size: 14px;
     line-height: 18px;
     font-family: Roboto_Regular;
     -webkit-line-clamp: 7;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
}
 a.des_sale {
     display: block;
     text-align: right;
     color: #f00;
     font-family: ROBOTO-ITALIC;
     font-size: 12px;
}
 a.des_sale::after {
     content: "\f101";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     padding-left: 5px;
}
 a.des_sale:hover {
     opacity: 0.8;
}
 .sale_bot {
     padding: 33px 0 55px;
     border-bottom: 1px solid #fff;
}
 .title_saleb {
     font-family: Roboto_Bold;
     font-size: 24px;
     padding-bottom: 32px;
}
 .newsItem {
     text-align: center;
     background: #000000bd;
     border: 1px solid #3a3a3a;
     padding: 15px 15px 28px;
     margin-bottom: 30px;
}
 .newsItem img {
     height: 180px;
     width: 100%;
     object-fit: cover;
     box-shadow: 0px 0px 11px #fff;
}
 .newsItem h3 {
     font-family: 'Roboto_Bold';
     font-size: 14px;
     margin: 10px 0;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 2;
     display: -webkit-box;
     overflow: hidden;
     line-height: 1.4;
     text-align: left;
     height: 38px;
}
 .newsItem h3 a {
     color: #fefdfd;
}
 .newsItem .des {
     text-align: justify;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 3;
     display: -webkit-box;
     overflow: hidden;
     line-height: 1.3;
     font-size: 12px;
     font-family: Roboto_Regular;
     margin: 5px 0 20px;
     height: 90px;
}
 .seeMore {
     background: #fff;
     color: #000;
     font-family: 'Roboto_Regular';
     font-size: 14px;
     padding: 2px 11px;
     display: inline-block;
}
 .seeMore {
     color: #000;
     cursor: pointer;
     display: inline-block;
     outline: none;
     position: relative;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .seeMore:after {
     content: "";
     position: absolute;
     height: 0;
     left: 0;
     bottom: 0;
     width: 100%;
     border-radius: inherit;
     background-color: rgba(60, 59, 59, 0.15);
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .seeMore:before {
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
     background-color: inherit;
     border-radius: 6px;
     z-index: -1;
     box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.75);
}
 .seeMore:hover:after, .seeMore.hover:after {
     height: 100%;
}
 .contact_top {
    
     background-attachment: fixed;
     background-size: cover;
     padding: 50px 0 55px;
     border-bottom: 1px solid #fff;
     border-left: 1px solid #fff;
     border-top: 1px solid #fff;
}
 .title_contact {
     font-size: 36px;
     padding-bottom: 30px;
     color: #fff;
     font-family: Roboto_Medium;
     text-transform: capitalize;
}
 .box_contactt .box_contactl {
     width: 49%;
     float: left;
}
 .box_contactt .box_contactl iframe {
     width: 100%;
     height: 700px;
}
 .box_contactt .box_contactr {
     overflow: hidden;
     padding-left: 15px;
}
 .box_contactt .box_contactr img {
     display: block;
     width: 100%;
     height: auto;
}
 .box_contactt .box_contactr .content_cont {
     padding-top: 32px;
}
 .box_contactt .box_contactr .content_cont h3 {
     font-family: Roboto_Medium;
     font-size: 18px;
     text-transform: uppercase;
     padding-bottom: 25px;
}
 .box_contactt .box_contactr .content_cont p {
     font-family: Roboto_Regular;
     font-size: 14px;
     line-height: 36px;
}
 ul.list_cont {
     padding-top: 33px;
}
 ul.list_cont li a {
     display: block;
     text-transform: uppercase;
     font-family: Roboto_Medium;
     font-size: 14px;
     position: relative;
     color: #fff;
     line-height: 24px;
}
 ul.list_cont li a::after {
     content: "\f0d7";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     right: 15px;
     width: 17px;
     height: 17px;
     border: 1px solid #fff;
     padding: 0 3px;
     color: #fff;
}
 ul.list_cont li div {
     color: #f1f1f1;
}
 .box_contactb {
     padding-top: 20px;
}
 .box_contactb .img_lh {
     margin-bottom: 10px;
     display: block;
     overflow: hidden;
}
 .box_contactb .img_lh img {
     width: 100%;
     height: 400px;
     object-fit: cover;
     transition: all 0.8s ease;
}
 .box_contactb .img_lh img:hover {
     transform: scale(1.1);
}
 .p-5 {
     padding-right: 5px;
     padding-left: 5px;
}
 .m-5 {
     margin-left: -5px;
     margin-right: -5px;
}
 .disher_top {
     padding: 50px 0 50px;
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
}
 .disher_top h1 {
     font-family: Roboto_Medium;
     font-size: 36px;
     text-transform: capitalize;
     padding-bottom: 50px;
}
 .box_dish {
     text-align: center;
     transition: all 0.8s ease;
}
 .box_dish a {
     display: block;
     background: url(../img/tdbg.png) no-repeat center top;
     background-size: 100% 100%;
     margin-bottom: 65px;
}
 .box_dish a img {
     width: 100%;
     height: 300px;
     object-fit: contain;
     transition: all 0.8s ease;
     transform: scale(1,1);
}
 .box_dish a img:hover{
     transform: scale(1.1,1.1);
 }
 .box_dish h3 {
     font-family: Roboto_Bold;
     font-size: 24px;
     padding-bottom: 15px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .box_dish p {
     font-family: Roboto_Regular;
     font-size: 18px;
     color: #fd0000;
}
 .pagination {
     padding-left: 0;
     margin: 0;
     border-radius: 4px;
     display: block;
     text-align: center;
}
 .pagination li {
     display: inline-block;
}
 .pagination li a {
     display: inline-block;
     color: #000;
     border-radius: 4px;
     margin-left: 3px;
}
 .pagination li a:hover {
     background: #f00;
}
 .pagination li a.active {
     background: #ff0000;
     color: #fff;
     border: 1px solid #f00;
}
 .recrui_top {
    
     background-attachment: fixed;
     background-size: 100%;
     padding: 50px 0;
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
}
 .title_recrui {
     font-family: Roboto_Medium;
     font-size: 24px;
     padding-bottom: 30px;
     color: #000;
     text-transform: capitalize;
}
 .list_recruil li {
     margin-bottom: 28px;
     padding-bottom: 12px;
     border-bottom: 1px dashed #fff;
}
 .list_recruil li::after {
     clear: both;
     display: block;
     content: "";
}
 .list_recruil li > a {
     display: block;
     float: left;
}
 .list_recruil li > a img {
     display: block;
     width: 150px;
     height: 100%;
}
 .list_recruil li .content_recruil {
     overflow: hidden;
     padding-left: 15px;
}
 .list_recruil li .content_recruil h3 {
     font-family: Roboto_Bold;
     font-size: 15px;
     padding-bottom: 10px;
     text-transform: uppercase;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .list_recruil li .content_recruil h3 a {
     color: #000;
}
 .list_recruil li .content_recruil h3 a:hover {
     opacity: 0.8;
}
 .list_recruil li .content_recruil p {
     font-family: Roboto_Regular;
     font-size: 14px;
     line-height: 18px;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 2;
     display: -webkit-box;
     overflow: hidden;
}
 .list_recruir li {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px dashed #fff;
}
 .list_recruir li a {
     display: block;
     flex: 33%;
}
 .list_recruir li a img {
     width: 100%;
     display: block;
     height: 73px;
     object-fit: contain;
}
 .list_recruir li p {
     flex: 67%;
     padding-left: 15px;
     font-family: Roboto_Regular;
     font-size: 14px;
}
 .list_recruir li p a {
     color: #000;
}
 .list_recruir li p a:hover {
     opacity: 0.8;
}
 .write_same {
     padding-top: 25px;
}
 .box_same {
     margin-bottom: 15px;
}
 .box_same a {
     display: block;
}
 .box_same a img {
     width: 100%;
     height: 163px;
     object-fit: cover;
}
 .box_same p {
     padding-top: 20px;
     font-family: Roboto_Regular;
     font-size: 14px;
     line-height: 18px;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 3;
     display: -webkit-box;
     overflow: hidden;
}
 .box_same p a {
     color: #000;
}
 .box_same p a:hover {
     opacity: 0.8;
}
 @media (min-width: 1200px) {
     .col-lg-20 {
         width: 20%;
         float: left;
    }

}
@media (min-width:992px) and (max-width:1199px) /* md*/{
     .box_sale .content_sale h3 {
        font-size: 18px;
    padding: 5px 0 5px;
    }
    .box_sale a img {
            height: 200px;
    }
    }
 @media (max-width: 991px) {
     .introduct_bot {
         padding: 55px 0 115px;
    }
     .slider_cus .item_cus {
         flex-wrap: wrap;
         justify-content: center;
         padding-bottom: 30px;
    }
     .slider_cus .owl-nav .owl-prev, .slider_cus .owl-nav .owl-next {
         left: 40%;
    }
     .slider_cus .owl-nav .owl-next {
         opacity: 1;
         left: 48%;
    }
     .slider_cus .item_cus .left {
         padding-bottom: 25px;
    }
     .slider_cus .item_cus .left {
         padding: 0;
    }
      .box_sale .content_sale h3 {
        font-size: 18px;
    padding: 5px 0 5px;
    }
    .box_sale a img {
            height: 200px;
    }
    .list_recruil li .content_recruil h3 {
            display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: inherit;
        white-space: inherit;
    }
}
 @media (max-width: 480px) {
     .box_contactt .box_contactl {
         width: 100%;
         float: none;
    }
     .box_contactt .box_contactr {
         overflow: hidden;
         padding-left: 0;
    }
     .box_contactt .box_contactl iframe {
         width: 100%;
         height: 300px;
    }
     .titleH2 {
        font-size: 20px;
    }
    .sale__title span {
        font-size: 24px;
    }
}
 @media (max-width: 320px) {
     .slider_cus .owl-nav .owl-prev, .slider_cus .owl-nav .owl-next {
         left: 30%;
    }
     .slider_cus .owl-nav .owl-next {
         opacity: 1;
         left: 48%;
    }
    .titleH2 {
        font-size: 20px;
    }
    .sale__title span {
        font-size: 24px;
    }
}
.popUp input,.popUp select{
     width: 100%;
     display: block;
     background: none;
     border: 1px solid #706f6f;
     margin-bottom: 10px;
     padding: 5px 20px;
     height: 40px;
     color: black;
}
 .popUp ::placeholder{
    color:black !important;
 }
 .popUp {
     background: #fff !important;
     box-shadow: 0 0 10px #fff;
}
 .popUp input::placeholder{
     color: #fff;
}
 .popUp .modal-footer{
     border-top: none !important;
}
 .popUp .btn-default {
     background: red;
     color: white;
}
 .popUp .date{
     width: 50% !important;
     float: left;
}
 .popUpBook{
     border:none;
     display: block !important;
     margin: auto;
     background: #ed1c24;
     padding: 5px 35px;
     border-radius: 5px;
     margin-top: 19px;
}
 .popUp .close {
     color: #000 !important;
     opacity: 1 !important;
     margin-bottom: 10px;
}
 .seeMore i{
     color:#000 !important;
}
 .slider_main .owl-nav {
     max-width: 1200px;
     margin: auto;
     left: 0;
     right: 0;
}
#menuDishes img{
    max-width: 100%;
    height: 500px;
}
#lienheImg iframe{
    width: 100%
}
.box_contactb img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: 30px;
}
#lienheImg{
    color: #000;
}
#lienheImg .modal-body i{
    color: #000 !important;
    font-size: 7px;
    margin-right: 10px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 0;
}
/*.slider_main .owl-item img{
    height: 100vh !important;
    object-fit: cover;
}*/
.maps-wrap {
    position: relative;
}

/*.maps-wrap  p {
    display: none;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#000;
    padding:10px 20px;

}
.maps-wrap:hover p{
    display: block;
}*/

.box_dish img{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.box_dish:hover img{
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.slider_main img{
    height: calc(100vh - 70px);
    object-fit: cover;
    object-position: bottom center;
}
.mapsText {
    position: absolute;
    bottom: 30px;
    background: #000000b8;
    width: 100%;
    right: 0;
    text-align: right;
    padding: 0 10px;
}
.mapsText p{
    overflow: hidden;
    white-space: nowrap;

}
.mapsText a{
    color: #fff;
}
.mapsText a:hover{
    text-decoration: underline;
    cursor: pointer;
}
.modal-body i{
    color: black
}

    .gutter-20 {
    margin: 0 -10px;
}

.project-mains {
    background: url(https://salevalues.vn/theme/frontend/images/bg-project-mains.png) no-repeat center bottom;
    background-size: auto;
}

.project-mains .bottom-project__mains {
    padding: 75px 0px;
}

.title-small__main {
    font-size: 14px;
    color: #FBB03C;
    font-family: "Lora";
    text-transform: uppercase;
    letter-spacing: 10px;
    margin-bottom: 5px;
}

.project-mains .title-small__main {
    text-align: center;
}

.title-mains {
    font-size: 36px;
    font-family: "Lora";
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.project-mains .title-mains {
    justify-content: center;
}

.group-slide__prj {
    display: flex;
    align-items: center;
}

.group-slide__prj .big-shows__prd {
    width: 100%;
    flex: 1;
}

.tns-outer {
    padding: 0 !important;
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em;
}

.tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#tns4 > .tns-item {
    width: calc(20%);
    padding-right: 10px;
}

#tns4 > .tns-item {
    font-size: 16px;
}
.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.items-prj__show {
    display: flex;
    align-items: center;
    position: relative;
}

.items-prj__show .img-prj__mains {
    width: 100%;
}

.items-prj__show img {
    width: 65% !important;
    height: 455px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.items-prj__show .text-project__mains {
    padding: 20px 30px;
    color: #484954;
    transition: all 0.3s;
    position: absolute;
    z-index: 10;
    right: 20px;
    background-color: #FFF;
    padding: 45px 55px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    width: 445px;
    box-shadow: 0px 20px 18px 0px rgb(0 0 0 / 20%);
}

.items-prj__show .text-project__mains .top-text__project {
    padding-bottom: 10px;
    border-bottom: solid 1px #DADAE5;
    margin-bottom: 10px;
}

.items-prj__show .text-project__mains .bottom-text__project {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-mains__btn {
    color: #FBB03C;
    font-family: "Lora";
    transition: all 0.3s;
    border-bottom: solid 1px transparent;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.items-prj__show .text-project__mains .bottom-text__project img {
    height: auto !important;
}

.items-prj__show .text-project__mains .btn-img__project img {
    width: 53px;
    height: 42px;
}




#owl-carousel__project .owl-dots {
    position: absolute;
    display: flex;
    flex-flow: column;
    left: 105%;
    top: 30%;
  }
  
  #owl-carousel__project  .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px;
    margin-bottom: 30px;
  }

  #owl-carousel__project  .owl-dot span::before {
    content: "0"counter(slides-num);
    font-size: 15px;
    color: #8E8F9D;
  }

  #owl-carousel__project .owl-dot.active span::before {
    color: #FBB03C !important;
  }


  .media-mains .title-small__main {
      text-align: center;
  }

  .media-mains .title-mains {
    justify-content: center;
}

.gutter-20>[class^=col] {
    padding: 0 10px;
}

.item-media__mains {
    position: relative;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.item-media__mains img {
    height: 240px;
    width: 100%;
    object-fit: cover;
}

.item-media__mains .see-media__mains {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 1000px;
    background-color: #FBB03C;
    cursor: pointer;
    z-index: 2;
}

.item-media__mains:hover, .item-media__mains:focus {
    transform: translateY(-10px);
    box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 40%);
}

.item-media__mains iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.item-media__mains iframe.active {
    display: block !important;
}




@media (min-width: 0.0625em) {
    #tns5 {
        transition-duration: 0.4s;
    }
}



@media (max-width: 1440px) {
    .title-mains {
       
    }
}

@media (max-width: 1360.98px) {
    .gutter-20 {
        margin: 0 -15px;
    }
    
    .gutter-20>[class^=col] {
        padding: 0 15px;
    }
}

@media (max-width: 1200px) {
    .group-slide__prj .big-shows__prd .items img {
        height: 395px;
    }
    
    .group-slide__prj .big-shows__prd .items img {
        height: 395px;
    }

    .gutter-20 {
        margin: 0 -10px;
    }
    
    .gutter-20>[class^=col] {
        padding: 0 10px;
    }
}

@media (max-width: 992px) {
    #owl-carousel__project .owl-dots {
        position: absolute;
        display: flex;
        flex-flow: row;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        /* margin: 20px 0; */
      }

      #owl-carousel__project .owl-dot {
        margin-right: 20px;
        margin-bottom: 0;
      }

      .item-media__mains img {
        height: 155px;
    }
}

@media (max-width: 768px) {
    .project-mains .bottom-project__mains {
        padding: 35px 0px;
    }

    .group-slide__prj {
        flex-wrap: wrap;
    }

    .group-slide__prj .big-shows__prd {
        width: 100%;
    }

    .items-prj__show img {
        height: 350px;
    }

    .group-slide__prj .small-shows__prd {
        width: 100%;
        display: none;
    }
}

@media (max-width: 576px) {
    .title-mains {
        font-size: 25px;
    }

    .items-prj__show {
        display: block;
    }

    .items-prj__show .img-prj__mains img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .items-prj__show img {
        height: 350px;
        width: 100% !important;
    }

    .group-slide__prj .big-shows__prd .items .items-prj__show .img-prj__mains img {
        height: auto;
    }

    .items-prj__show .text-project__mains {
        width: 100%;
        position: relative;
    }

    .group-slide__prj .big-shows__prd .items .text-project__mains {
        position: relative;
        width: 100%;
        right: unset;
        padding: 15px;
        box-shadow: none;
    }
}


 .paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Barlow,sans-serif;
    font-size: 48px;
    line-height: 1.5;
    font-weight: 600;
    padding-top: 50px;
  
    margin: 0 auto 24px;
    width: 87.83508%;
    text-align: center;
    color: #fff;
}

.paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>ul li p:first-child {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Barlow,sans-serif;
    font-size: 64px;
    line-height: 1.5;
    font-weight: 600;
   
    color: #fff;
}

.paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>ul li p sup {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Barlow,sans-serif;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    color: #1d1d1f;
    top: 0;
    vertical-align: top;
    color: #fff;
}
.paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.02564%;
    margin-bottom: 64px;
    width: calc(100% + 2.09424%);
}

.paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>ul li {
    margin-right: 2.05128%;
    padding-bottom: 20px;
    width: 17.94872%;
}

.paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>ul li p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Barlow,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
   
    margin-bottom: 12px;
    text-align: center;
    color: #fff;
}

.paragraph-why-hairobotics .paragraph-why-hairobotics_content>div>p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Barlow,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #1d1d1f;
    margin: 0 auto 32px;
    width: 69.91536%;
    text-align: center;
    color: #fff;
}


.paragraph-why-hairobotics {
    padding-right: 60px;
    padding-left: 60px;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 128px;
}
.paragraph-why-hairobotics .paragraph-why-hairobotics_content-link a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Barlow,sans-serif;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    color: #1d1d1f;
    display: inline-block;
    cursor: pointer;
    padding: 9.5px 48px;
    outline: none;
    border: none;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #2e31fa;
}
.img_pro{
    height: 280px;
}
.name_pro{
    font-size: 16px; margin-top: 20px;
}