@font-face {
    font-family: Nexa Rust Sans;
    src: url('../font/Nexa Rust Sans Black 01.otf');
}

@font-face {
    font-family: Nexa Rust Slab;
    src: url('../font/Nexa Rust Slab Black 01.otf');
}

@font-face {
    font-family: Kievit;
    src: url('../font/KievitOT-Regular.otf');
}

span,label,ul,li,h2,h3,h4{font-family: Nexa Rust Sans;}

p{font-family: Kievit;}

.clearfix{clear: both;}

.grid-3{width: 33.33333333%;position: relative;float: left;}

.grid-2{width: 20%;position: relative;float: left;}

.grid-5{width: 50%;position: relative;float: left;}

.grid-7{width: 66.66666667%;position: relative;float: left;}

.pd-left-10{padding-left: 10px;}

.pd-right-10{padding-right: 10px;}

.img-grid{width: 100%;overflow: hidden;}

.container{width: 91%;margin-right: auto;margin-left: auto;padding: 0;}

.wrapper{overflow-x: hidden;position: relative;}

.outlet{height: 45px;background-color: #fdd005;color: #E10000;width: 100%;position: relative;clear: both;z-index: 9;}

.outlet label{margin: 0px 20px 0 5px;font-size: 18px;vertical-align: middle;line-height: 39px;}

.outlet label.cn {margin-left:-20px;}

.outlet span{font-size: 12px;vertical-align: middle;}

.outlet-content{padding: 2px 0;float: left;}

.social-media{float: right;padding: 10px 0;}

.social-media img{width: 22px; margin:0 5px;}

nav{height: 100px;width: 100%;background-color: #e10000;position: relative;clear: both;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2), 0 10px 25px 0 rgba(0, 0, 0, 0.19);z-index: 9;}

nav img{width: 150px;margin: 15px 0px;float: left;}

nav ul {vertical-align: middle;padding-top: 0px;text-align: left;}

nav ul li{display: inline-block;font-size: 17px;}

.dropdown ul li a{padding: 0}
.dropdown ul li {padding: 37px 30px;}

nav ul li:hover{background: url(../img/hover-menu.png) no-repeat center;cursor:pointer;}

nav ul li.has-dropdown:hover{background: #fff url(../img/hover-menu.png) no-repeat center!important;cursor:pointer;}

nav ul li.current{background: url(../img/hover-menu.png) no-repeat center;}

nav ul li a{color: #fff;padding: 38px 30px;display: block;}

nav ul li a:hover,nav ul li a:focus{color: #fff;text-decoration: none;}

.dropdown{position: absolute;background-color: #fff;width: 100%;color: #e10000;display:none;left:0%;top:98%;z-index:2}

.dropdown ul {width: 100%;text-align: left;margin-left: calc(40vw - 285px);}

.dropdown li a{font-size: 18px; color: #e10000;text-decoration:none;position:relative}

.dropdown li:hover,.dropdown li:hover a{background:none!important;color: #e10000;}

.dropdown li:hover a:after{position:absolute;border-bottom:3px solid #fdd005;width:100%;content:" ";top:24px;left:0%;}

.text-banner{background: url(../img/bg-banner.png) no-repeat center;position: absolute;height: 405px;width: 590px;top: 50%;transform: translate(0, -50%);padding: 48px 60px;}

.bxslider{position: relative;}

.bg-full-screen.home{height: 625px;}

.text-banner h1{font-family: Nexa Rust Slab;color: #fff;font-size: 48px;letter-spacing: 0px;line-height: 49px;width: 420px;margin-bottom: 10px;margin-top: 0;}

.text-banner p {font-size: 24px;font-weight: bold;color: #fff;width: 320px;line-height: 30px;margin-bottom: 32px;}

.text-banner span{color: #FDD005; font-size: 12px;}

.arrow-icon{width: 21px!important;margin: 0 10px;display: inline!important;background-color: #fdd005;border-radius: 50%;}

.event-home{background: url(../img/bg-event.jpg) no-repeat center;height: 580px;background-size: cover;position: relative;}

.event-card{background-color:#fdd005;height: auto;width: 400px;position: relative;float: left;}

.event-card h4{width: 65%;padding: 12px 15px 12px 60px;color: #fdd005;background-color: #e10000;font-size: 18px;}

.date-card{width: 100%;padding: 20px 30px;min-height: 170px;position: relative;}
.date-card .date{line-height: 30px;}
.date{float: left;padding: 0 10px;width: 125px;text-align: center;/*position: absolute;top: 50%;transform: translate(0, -50%);*/}

.date h3{font-size: 72px;line-height: 65px;color: #e10000;}

.date span{font-size: 18px; color: #e10000;}
.profile-content .grid-5{width: 100%;padding: 5px 0;}

.detail-event {margin-left: 130px;position: relative;padding: 0 5px}
.detail-event:before {content: " ";width: 4px;background-color: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: auto;border-radius: 30px;}
.detail-event h2 a,.award-card h2 a{color: #e10000;}
.promo .content-promo h2 a{color: #fff;}
.detail-event h2{font-size: 18px; color: #e10000;padding: 0 10px;}

.detail-event p{font-size: 12px; font-weight: 300; color: #505050;padding: 0 10px;}

.button-event{position: relative;bottom: 0; text-align: center; width: 100%;display: block;font-size: 12px;background-color: #e10000;padding: 10px 0;color: #fff;}

.event-content{position: relative;width: 50%;text-align: center;margin-right: auto;margin-left: auto;padding: 160px 0;}

.event-content h2{text-align:center;color: #E10000;font-size: 60px;line-height: 50px;}

.event-content p{color:#505050;font-size: 18px;font-weight: 400;padding: 20px 0;width: 80%;margin-right: auto;margin-left: auto;}

.event-content hr {border-top: 4px solid #fdd005;width: 10%;margin-left: auto;margin-left: auto;}

.bussiness {position: relative;width: 100%;height: 700px;clear: both;}

.bussiness-img {width: 58.6%;float: left;position: relative;}

.bussiness-card{height: 240px;width: 445px;background-color:#fdd005;position: absolute;bottom: 0;left: 0;}

.bussiness-card span{display: block;background-color: #e10000;padding: 10px 60px;font-size: 18px;color: #fdd005;}

.bussiness-card h2{font-size: 36px;padding: 35px 30px 35px 60px;line-height: 39px;color: #e10000;}

.bussiness-content {background-color: #e10000;height: 700px;width: 41.4%;float: left;position: relative; padding: 130px 100px;}

.bussiness-content h2{font-size: 30px; color:#fdd005;}

.bussiness-content p{font-size: 18px; font-weight: 400; color: #fff;padding: 30px 0;}

.bussiness-content span{ color:#fdd005; font-size: 12px;}

.bussiness-img .img-responsive {width: 100%;height: 700px;object-fit: cover;}

.tag{position: relative;}

.menu-news{position: relative;clear: both;width: 100%;height: auto;}
.menu-news .img-grid{object-fit: cover;}
.menu {position: relative;float: left;width: 50%;}

.news {position: relative;float: left;width: 50%;}

.menu h3{padding: 10px 20px 10px 60px; background-color:#e10000;color:#fdd005; font-size: 18px;position: absolute;top: 0;left: 0;}

.news h3{padding: 10px 60px 10px 20px; background-color:#fdd005;color:#e10000; font-size: 18px;position: absolute;top: 0;right: 0;}

.content-menu-news{height: auto;padding: 60px;}

.content-menu-news h2 {font-size: 30px;min-height: 84px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.content-menu-news p {font-size: 18px;min-height: 150px;}

.content-menu-news span{font-size: 12px;}

.news .content-menu-news{background-color: #e10000;}

.news .content-menu-news h2{color:#FDD005;}

.news .content-menu-news span{color:#FDD005;}

.news .content-menu-news p{color: #fff; padding: 25px 0}

.menu .content-menu-news{background-color:#FDD005;}

.menu .content-menu-news h2{color: #e10000;} 

.menu .content-menu-news p{color: #505050;padding: 25px 0}

.menu .content-menu-news span{color: #fff;}

.menu .content-menu-news a:hover {color: #e10000;}

.award{height: 425px;position: relative;clear: both;width: 100%;}

.content-award {background: url(../img/bg-award.jpg) no-repeat center;height: 425px;float: left;position: relative;width: 64.8%;background-size: cover;}

.img-award {width: 35.2%;float: left;position: relative;}

.img-award img {height: 425px;object-fit: cover;width: 100%;}

.content-award h3{padding: 10px 25px; color: #e10000;background-color:#FDD005;float: right;display: block;}

.content-awrd {padding: 55px 60px;width: 65%;}

.content-awrd h2 {font-size: 30px;color: #e10000;padding: 10px 0;}

.content-awrd p {font-size: 18px;color: #505050;padding-bottom: 36px;}

.content-award .img-responsive{padding: 45px 60px;}

.content-awrd span {font-size: 12px;color: #e10000;}



/*Menu*/

.menu-page{background: url(../img/pattern-repeat.jpg) center; height: auto;width: 100%; padding: 90px 0;}

.text-menus{text-align:center;color: #E10000;font-size: 60px;line-height: 50px;}

.menu-page hr {background-color: #fdd005;width: 5%;margin: 40px auto;height: 5px;border-radius: 30px;}

.quick-coffe{padding: 60px 0 20px;}

.menu-content{position: relative;}

.menu-page .menu-desc{position: absolute;bottom: 0;background-color:#e10000;width: 100%;height: auto;padding: 15px;color: #fff}

.menu-desc h3{font-size: 18px;margin-right: 21px;padding-right: 10px;}

.menu-desc img{float: right;margin: 0;}

.contents {display: none;font-size: 18px;padding: 15px 0px;max-height: 200px;}

.open-menu {display:block;}

.left-side{padding-right: 10px;}

.titles{cursor: pointer;}

.right-side{padding-left: 10px;}

.image-fit{object-fit: cover;height: 100%;}

.fried-chicken{height: 400px; margin-bottom: 20px;clear: both;}

.fried-rice{height: 300px; margin-bottom: 20px;clear: both;}

.burger{height: 300px; margin-bottom: 20px;}

.quick-coffe .coffe{width: 100px;margin: 10px 0 30px;}

.coffeeimage{width: 74.5%;float: left;position: relative;height: 520px}

.card-coffe-content {width: 25.5%;float: left;position: relative;background-color:#fdd005;height: 520px;padding: 30px;}

.quick-coffe h3{font-size: 30px;color: #E10000;}

.quick-coffe p{font-weight: 300; font-size: 18px;}

.quick-coffe span {position: absolute;bottom: 0;padding: 10px 30px;background: #e10000;display: block;width: 100%;color: #fff;font-size: 12px;left: 0;}

.card-coffe {height: 520px; position: relative;clear: both;}



/*News*/

.news-category{height: 80px;width: 100%;position: relative;clear: both;background-color:#fdd005;}

.news-category ul {text-align: center;font-size: 18px;}

.news-category li {display: inline-block;position: relative;line-height: 20px;}

.news-category li.active,.news-category li:hover{background-color:#e10000; }

.news-category li.active a,.news-category li:hover a{color: #fff;}

.news-category li a {color: #e10000;text-decoration: none;padding: 30px 20px;display: block;}

.news-category li.active img{position: absolute;bottom: 0;right: 50%;transform: translate(80%, 50%);z-index: 1;width: 40px!important;}

.news-page{clear: both;position: relative;height: auto;width: 100%}

.promo{height: 500px; position: relative;clear: both;}

.promo .content-promo{height: 500px;background-color:#e10000; padding: 60px; }

.promo .content-promo h2{font-size: 48px; color: #fff;padding-bottom: 30px;}

a.button-event:hover{color:#fdd005;}

.promo .content-promo span{font-size: 18px; color:#fdd005;}

.plus-icon{position: absolute;z-index: 9;top: 50%;transform: translate(-50%, -50%);}

.promo-img{height: 500px; object-fit: cover;width: 100%;overflow: hidden;}

.all-news{width: 100%;position: relative;float: left;text-align: center;display: block;height: 80px;padding: 25px;font-size: 18px;}

.all-promo span{color: #e10000;}

.all-promo{background-color: #fdd005;}

.all-event span{color: #fdd005;}

.first-text{padding-bottom: 55px;}

.all-event {background-color: #e10000;}

.event { height: 600px; position: relative; clear: both; }

.event .bx-slider{height: 600px;}

.event .img-event{height: 600px;object-fit: cover;width: 100%;overflow: hidden;}

.event .event-card{position: absolute;top: 50%;transform: translate(0, -50%);width: 490px;height: auto;}

.event .event-card .detail-event h2{font-size: 36px;line-height: 38px;}

.award-card{height: auto;width: 400px;background-color:#fdd005;position: absolute;top: 50%;transform: translate(0, -50%);}

.award-card span{display: block;background-color: #e10000;padding: 10px 60px;font-size: 18px;color: #fdd005;}

.award-card h2{font-size: 36px;padding: 40px 60px;line-height: 35px;color: #e10000;}

.promo-page{background: url(../img/pattern-repeat.jpg) center;height: auto;width: 100%;padding: 20px 0;min-height: 750px;}

.promo-page .promo{margin-top: 20px;}

.events{background: url(../img/pattern-repeat.jpg) center;height: auto;width: 100%;padding-bottom: 100px;padding-top: 60px;}

.img-grid-event{height: 270px;object-fit: cover;width: 100%}

.event-grid-content{height: 210px;position: relative;background-color:#fdd005;padding: 30px;}

.event-grid-content h2{font-size: 18px;color: #e10000;margin-bottom: 5px;}

.event-grid-content p{font-size: 16px;color: #505050;}

.event-grid-content .arrow-icon {position: absolute;bottom: 0;right: 0;margin: 10px;}

.event-grid-image{position: relative;height: 270px;}

.event-grid-image .date{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgba(253, 208, 5, 0.66);height: 150px;width: 150px;padding: 20px;}

.event-grid-image .date h3{font-size: 60px;}

.event-grid-image .date span{font-size: 14px;}

.events .grid-3{margin-bottom: 20px;}

.events .card-award{margin-bottom: 20px;display: inline-block;}

.events .masonary{margin: 35px 0;}

.award-grid-image{position: relative;height: 270px;}

.award-grid-content{height: auto;position: relative;background-color:#fff;padding: 30px;}

.award-grid-content h2{font-size: 18px;color: #e10000;margin-bottom: 5px;}

.award-grid-content p{font-size: 16px;color: #505050;}

.award-grid-content .arrow-icon {position: absolute;bottom: 0;right: 0;margin: 10px;}

.card-award:hover .award-grid-image:before{content: "";background: rgba(0, 0, 0, 0.7);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.card-award:hover .award-grid-content{background-color:#e10000;}

.card-award:hover .award-grid-content p{color: #fdd005;}
.card-award:hover .date-award label{color: #fff;}
.card-award:hover .award-grid-content h2{color:#fff;}

.award-grid-image span{font-size: 18px;color:#fff;position: absolute;top: 110px;left:30%;display: none;width: 210px;}

.card-award:hover .read-more{display: block;}

.container-detail{width: 60%;margin-right: auto;margin-left: auto;position: relative;}

.detail-page h1{font-family: Nexa Rust Sans;font-size: 48px;color:#e10000;margin: 0;}

.img-details{margin: 40px 0;}

.date-award label{font-size: 20px;padding: 0 10px;color: #e10000;}

.date-award{font-size: 18px;color:#fdd005!important;}

.image-detail{position: relative;margin: 40px 0;}

.image-detail .place{display: block;width: 100%;background-color: #e10000;padding: 15px;color: #fdd005;position: relative;font-size: 14px;}

.image-detail .date{position: absolute;bottom: 0;background-color: #fdd005;padding: 0;width: 150px;top: unset;transform: unset;}

.date-day{padding: 10px;}

.detail-page img.img-responsive{overflow: hidden;width: 100%;}

.date-day h3 {font-size: 58px;line-height: 60px;}

.date-day span{font-size: 14px!important;}

.detail-page p{font-size: 18px;font-weight: 400;padding: 20px 0 0 0;clear: both;}

.detail-page .first-text:first-letter{color:  #e10000;float: left;font-family: Nexa Rust Sans;font-size: 90px;line-height: 60px;padding-top:10px;padding-right:10px;padding-left: 0px;}

.detail-page .container-detail .clearfix{margin-bottom: 10px;}

.detail-page span{font-size: 12px;color:#e10000;}

.detail-page span img{margin-right: 10px;margin-left: 0px;}



/*Peluang*/

.events.whyqci-page {padding: 0;}

.whyqci-page img{height: 600px; object-fit: cover;width: 100%;overflow: hidden;}

.whyqci-page h1{font-size: 60px;color:#e10000;margin: 0;font-family: Nexa Rust Sans;}

.whyqci-page .container-detail{padding: 75px 0;}

.whyqci-page h2{padding-bottom: 50px;font-size: 24px; color: #505050;clear: both;}

.whyqci-page p{font-size: 18px; color: #505050;padding: 20px 0;}

.whyqci-page hr{background-color: #fdd005;width: 10%;float: left;margin: 25px 0;border-radius: 30px;height: 4px;}



/*Karir*/
.content {color: #505050;}
.career-page{padding: 100px 0;}

.career-page h1{font-size: 60px;font-family:Nexa Rust Sans;text-align: center;color:#e10000;margin: 0;}

.career-page hr {background-color: #fdd005;width: 5%;margin-bottom: 40px;height: 4px;border-radius: 30px;}

.career-page .desc-career{font-size:16px;text-align: center;width: 32%;margin-left: auto;margin-right: auto;color:#505050;padding: 0 0 50px 0;}

.career-card{height: auto;width: 100%;background-color:#fdd005;margin-bottom: 20px;position: relative;display: inline-block;}

.career-card span{display: block;background-color: #e10000;padding: 10px 60px;font-size: 18px;color: #fdd005;width: 100%;}

.career-card span a{color: #fdd005;text-decoration: none;}

.detail-career-page{padding: 65px 0 175px 0;}

.career-card h2{font-size: 36px;padding: 40px 60px;line-height: 35px;color: #e10000;}

.career-content span{font-size: 12px;text-align: center;display: block;clear: both;width: 20%;background-color: #e10000;color: #fff;padding: 10px;margin: 30px auto;}

.career-content p{font-size: 16px; color: #505050;padding: 10px 0;}

.career-content .placement{display: inline-block;}

.content-card-career{clear: both;width: 505px;position: relative;margin-left: auto;margin-right: auto;background-color: #e10000;padding: 30px 60px!important;height: auto;color: #fff!important;font-weight: 300;}

.content-card-career a{color:#fdd005;}

.content-card-career img{position: absolute;left: 0;top: 50%;transform: translate(-50%, -50%);}

.detail-career-page h1{font-size: 60px;font-family:Nexa Rust Sans;text-align: center;color:#e10000;margin: 0;}

.detail-career-page hr{border-top: 4px solid #fdd005;text-align: center;width: 60%;}

.detail-career-page hr:first-child{width: 10%;margin-bottom: 0px;}

.detail-career-page .content p, .detail-career-page h2, .detail-career-page h3{font-size: 24px;margin: auto;width: 60%;}

.detail-career-page .content h1{font-size: 24px;margin: auto;width: 60%;text-align: left;color: #333333;}

.detail-career-page ul, .detail-career-page ol{list-style: inside;font-size: 24px;width: 50%;margin-left: auto;margin-right: auto;padding: 0;}

.detail-career-page ol{list-style: decimal;}

.detail-career-page li{font-family: Kievit;}

.masonary{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;padding: 0;-moz-column-gap: 20px;-webkit-column-gap: 20px;column-gap: 20px;}



/*Profil*/

.profile-page{padding: 0;}

.profile-page .img-profile-banner{height: 600px; object-fit: cover;width: 100%;overflow: hidden;}

.profile-page h1{font-size: 60px;color:#e10000;margin: 0;font-family: Nexa Rust Sans;}

.profile-page hr{background-color: #fdd005;width: 10%;float: left;margin-bottom: 25px;margin-top: 10px;border-radius: 30px;height: 4px;}

.profile-page .container-detail{padding: 100px 0;}

.profile-page .profile-content{clear: both;margin: 0;padding-bottom: 20px;}

.profile-content h2{font-size: 24px;color: #505050;margin-bottom: 20px;padding-right: 10px;}

.profile-content p{font-size: 16px;color: #505050;padding-right: 10px;margin-bottom: 20px;}

.profile-content ul{list-style: inside;font-size: 16px;padding-right: 10px;}

.profile-content li{font-family: Kievit;}



/*Kontak*/

.contact-page{padding: 0;padding-bottom: 150px;}

.contact-content {width: 35%;position: relative;float: left;padding-right: 20px;}

.contact-map {width: 65%;float: left;position: relative;}

.contact-page .container{padding: 50px 0;}

.contact-content h1{font-size: 36px;color:#e10000;margin: 0;font-family: Nexa Rust Sans;line-height: 45px;padding-bottom: 30px;}

.contact-content p{font-size: 16px;font-weight: bold;color: #fff;background-color: #e10000;padding: 30px 40px;}

.contact-page #map{height: 500px;}



/* Outlet */
.bg-full-screen {position: relative;overflow:hidden;height:602px;width:100%;}
.bg-full-screen .bx-viewport, .bg-full-screen .bx-wrapper{position:relative;width:100%;height:100% !important;top:0;left:0;}
.bg-full-screen .bxslider, .bg-full-screen .bxslider li{height: 100% !important;}
.bg-full-screen .bxslider li{background-repeat: no-repeat;background-position: top center;background-size: cover;}
.bg-full-screen .bx-wrapper .bx-viewport{border: none !important;}
.bg-full-screen .bx-wrapper .bx-pager.bx-default-pager a {border:5.5px solid #e00000;background:#e00000;width:20px;height:20px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: none!important;}
.fit-on-sc {max-width: 100%;max-height: 100%;}
.page-outlet {position:relative;width:100%;height:auto;}
.page-outlet .banner-outlet {width:100%;height:auto;}
.search-box {width:730px;max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;}
.search-box .pull-left, .search-box .pull-right {width: 50%;}
.custom-scroll::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:10px;background-color:#e00000}.custom-scroll::-webkit-scrollbar{width:11px;background-color:#e00000}.custom-scroll::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:none);background-color:#fdd005}
#outlet-landing .find-outlet {padding: 40px;}
.find-outlet {padding:40px 0px;background:#fdd005;}
.find-outlet h2 {color:#e10000;font-size:24px;line-height:27px;margin-right:20px;}
.find-outlet .nice-select {padding-right:47px;height:50px; line-height:50px;}
.find-outlet .nice-select,.find-outlet  .nice-select .list {background:#e00000;border:none;color:#fff;font-size:16px;border-radius:0px;margin-top:0px;width:79%;}
.find-outlet  .nice-select .list {height:208px; overflow-y:scroll;width:100%!important;padding-bottom:20px;}
.find-outlet .nice-select .option{color:#fff;font-size:18px;font-family:Nexa Rust Sans;padding-right:23px;}
.find-outlet .nice-select .option:hover,.find-outlet .nice-select .option.focus, .find-outlet .nice-select .option.selected.focus {background:#fdd005;color:#e00000;}
.find-outlet .nice-select .list:hover .option.selected{background-color:#fdd005!important;color:#e00000;}
.find-outlet .nice-select:after {border-bottom:3px solid #fdd005;border-right:3px solid #fdd005;width:10px;height:10px;margin-top:-7px;right:15px;}
.search-box button{text-align: center;margin: 50px auto;display:block;background:#e00000;border:none;color:#fff;width: 380px;padding: 10px 50px;font-family:Nexa Rust Sans;font-weight:300;font-size:12px;outline:none;line-height: 24px;}
.search-box button span{background:#fdd005;color:#fff;border-radius: 100px;width: 24px;height: 24px;display: inline-block;float: none;vertical-align: middle;line-height: 24px;font-weight: 700;font-size: 16px;margin-left: 10px;text-align:center;}
.search-box .nice-select,.search-box  .nice-select .list {width:100%;}
.outlet-city {position:absolute;left:0px;bottom:0px;background:#e00000;padding:30px 40px 20px 50px;cursor:pointer;}
.outlet-city h2{color:#fdd005;font-size:24px;line-height:27px;position:relative;}
.outlet-city h2 span{display:inline-block;float:none;vertical-align: middle;position:absolute;top:15%;right:-68px;}
.outlet-city h2 span .arrow-icon{width:35px!important;}
.outlet-info {padding:0px 0px;background:#fdd005;}
.outlet-info .pull-left:nth-child(1) {padding-left:0px;width:50%;position:relative}
.outlet-info .pull-left:nth-child(1) p {font-family:Nexa Rust Sans;font-size:18px;color:#e00000;}
.outlet-info .pull-left:nth-child(1):after {background:#fff;min-height:70px;border-radius:20px;width:6px;display:block;content:" ";position:absolute;top:0px;right:50px;}
.outlet-info .pull-left:nth-child(2) {width:1%;padding:0px 0px;display:none;}
.outlet-info .pull-left:nth-child(2) .border-separate {background:#fff;min-height:70px;border-radius:20px;width:6px;display:block;}
.outlet-info .pull-left:nth-child(3) {width:50%;padding:0px 0px;}
.outlet-info .pull-left h2 {font-size: 18px;color:#e00000;float:left;line-height:75px;}
.outlet-info .pull-left .nice-select {clear:none;margin-top:10px;}
.outlet-info .find-outlet  .nice-select .list {height:208px; overflow-y:scroll;width:100%!important;padding-bottom:0px;}
.outlet-store {background:url("../img/pattern-repeat.jpg") repeat; padding:60px 0px;}
.outlet-store ul {margin:0px auto;padding:0px;list-style-type:none;}
.outlet-store ul li {float:left; width:33.33333%; margin-bottom:3em;}
.outlet-store ul li p {font-size:16px;margin-bottom:10px;}
.outlet-store ul li p.store-phone{font-weight:700;color:#e00000;}
.outlet-store ul li h5 {font-size:24px;color:#e00000;margin-bottom:10px;}
.outlet-store ul li:nth-of-type(3n+1) {padding-right:3%;}
.outlet-store ul li:nth-of-type(3n+2) {padding:0 2.5%;}
.outlet-store ul li:nth-of-type(3n+3) {padding-left:3%;}
.outlet-store ul li:nth-of-type(3n+4) {clear:left;}
.outlet-store ul:after{clear:both;content:" ";}
.btn{text-align: center;display:inline-block;background:#e00000;border:none;color:#fff;width: auto;padding: 10px 20px;font-family:Nexa Rust Sans;font-weight:300;font-size:12px;outline:none;line-height: 24px;text-decoration:none;cursor:pointer;}
.btn:hover,.btn:focus,.btn:active{color:#fff;text-decoration:none;}
.btn span{background:#fdd005;color:#fff;border-radius: 100px;width: 24px;height: 24px;display: inline-block;float: none;vertical-align: middle;line-height: 24px;font-weight: 700;font-size: 16px;margin-left: 10px;text-align:center;}
.outlet-store ul li .btn .arrow-icon {margin-top:-2px;margin-right:0px;}
.lined-title {width:1440px;margin:20px auto;text-align:center;position:relative;overflow:hidden;max-width:calc(100% - 60px)}
.lined-title h3:before{background:#fdd005;content:"";display:block;height:5px;position:absolute;top:50%;width:38%;right:61%;border-radius:10px;border:1px solid #fdd005}
.lined-title h3:after{background:#fdd005;content:"";display:block;height:5px;position:absolute;top:50%;width:38%;left:61%;border-radius:10px;border:1px solid #fdd005}
.lined-title h3 .arrow-icon {margin-top:-2px;margin-right:0px;}
.lined-title a {text-align: center;display:block;background:#e00000;border:none;color:#fff;width:275px;padding: 10px 0px;font-family:Nexa Rust Sans;font-weight:300;font-size:12px;outline:none;line-height: 24px;text-decoration:none;cursor:pointer;margin:0px auto;position:relative;z-index:9;}
#Loader {display:none;}
#Loader.loading {display:block;}
#Loader.lined-title {width:1440px;margin:20px auto;text-align:center;position:relative;overflow:hidden;}
#Loader.lined-title h3:before{background:#fdd005;content:"";display:block;height:5px;position:absolute;top:50%;width:38%;right:61%;border-radius:10px;border:1px solid #fdd005}
#Loader.lined-title h3:after{background:#fdd005;content:"";display:block;height:5px;position:absolute;top:50%;width:38%;left:61%;border-radius:10px;border:1px solid #fdd005}
#Loader.lined-title h3 span {width:25px;height:25px;display:inline-block;margin-left:10px;}
#Loader.lined-title h3 {text-align: left;display:block;background:#e00000;border:none;color:#fff;width:270px;padding: 10px 20px;font-family:Nexa Rust Sans;font-weight:300;font-size:12px;outline:none;line-height: 24px;text-decoration:none;cursor:pointer;margin:0px auto;}
.loader{border:6px solid #fdd005;border-radius:100%;border-top:6px solid rgba(253, 208, 5, 0.34);display:inline-block;width:20px;height:20px;-webkit-animation:spin 1.1s linear infinite;animation:spin 1.1s linear infinite;position:relative;top:2px;float:right;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.promo-page center {position: absolute;top: 50%;width: 100%;}

.hidden-desktop{display: none;}

.footer{background-color:#FDD005;height: 325px;padding: 60px 0;color:#e10000;position: relative;clear: both;}

.footer .coffe{width: 80px; margin: 20px 50px;}

.footer .logo-foot{width: 190px;}

.footer .social-media{float: none;padding: 0;padding-bottom: 30px;}

.footer .social-media span{display: block;}

.footer .social-media img{margin-right: 15px;margin-left: 0;margin-top: 3px;}
.border-bottom{display: inline-block;}
.border-bottom:after{content: " ";height: 4px;background-color: #fff;position: absolute;top: 27px;bottom: 0;left: 0;right: 0;width: auto;border-radius: 30px;}

.footer h2{font-size: 18px;padding-bottom: 13px;position: relative;}

.footer li{font-size: 16px;padding: 5px 0;font-weight: bolder;text-transform: uppercase;font-family: Kievit;}

.footer li a ,.footer h2 a{color:#e10000;text-decoration:none;}

.footer li a:hover, .footer h2 a:hover{color:#fff;text-decoration:none;}

.footer h3{text-align: center;border-radius: 30px;line-height: 4px;margin: 10px 0 20px;clear: both;font-size: 12px;background-color: #fff;height: 4px;}

.footer h3 span{background:#FDD005;padding:0 15px; }
.hidden-desktop-md{display: none;}



@media screen and (max-width: 1500px) {

    .page-outlet .container-detail {width:75%;}

}

@media (max-width: 1366px){
	/*OUTLET*/
	.lined-title h3:after {left:63%;}
	.lined-title h3:before {right:63%;}
}

@media (max-width: 1285px){
	nav ul li a {padding: 37px 15px;min-width: 98px;}
	nav ul li{padding: 0;}

}
	
@media (max-width: 1200px){
	/*OUTLET*/
	.lined-title h3:after {left:65%;}
	.lined-title h3:before {right:65%;}
	.bussiness-content {padding: 100px;}
}
@media (max-width: 1130px){
	#textSlide {height:24px!important;}
	.hidden-mobile-md{display: none;}
	.hidden-desktop-md{display: block;}
}

@media (min-width: 1081px){
	nav img{left: 4.5%;position: absolute;}
	nav .container{width: 100%}
	nav ul{margin-left: calc(40vw - 285px);}
	.dropdown ul{margin-left: calc(40vw - 285px);}
	nav ul li.has-dropdown:hover a,nav ul li.has-dropdown:hover a:hover {color: #e10000;}
	nav ul li.has-dropdown:hover .dropdown {display:block;}
	.content-award {right: 35.2%;}
	.img-award {left: 64.8%;}
	.promo .content-promo{right: 66.66666667%;}
	.promo .grid-7{left: 33.33333333%;}
	.card-coffe-content{right: 74.5%;}
	.date{min-height: 130px;}
	.coffeeimage{left: 25.5%;}


}

@media (max-width: 1080px){

	nav .container{width: 100%}

	nav ul{position: absolute;text-align: center;width: 100%;background-color: #e10000;float: none;padding: 20px 0;max-height: 400px;overflow-y: scroll;top: 100%;}

	nav ul li {float: none;padding: 0; display: block;}
	nav ul li a{padding: 15px;}
	nav ul.active-menu{display: none;}

	nav ul.active-menu .menu-open {display: block;}

	nav img {position: relative;left: 4.5%;}
	.plus-menu{display: inline!important;margin-right: 10px;font-size: 35px;vertical-align: sub;margin-left: -20px;}
	.button-menu {position: absolute;top: 50%;right: 5%;transform: translate(5%, -50%);font-size: 55px;}
	.event .event-card .detail-event h2 {font-size: 30px;}
	.menu-open:after {color: #fff;content: "\f0c9";font-family: "FontAwesome";-webkit-text-stroke: 2px #e10000;}

	.menu-close:after {color: #fff;content: "\f00d";font-family: "FontAwesome";-webkit-text-stroke: 7px #e10000;}

	.dropdown {position: relative;top: 0;overflow:visible!important;}

	.dropdown li a {color: #e10000;}

	.dropdown ul {float: none;width: 100%; position: relative;background-color: #fff;margin-top: 0px;padding: 5px 0;overflow: hidden;margin-left: 0;text-align: center;}
	.dropdown-hvr{width: 100%;display: block;background-color: #e10000;}
	.dropdown-hvr a{color: #fff!important;}
	.dropdown-hvr a:hover{background: url(../img/hover-menu.png) no-repeat center;color: #fff!important;}
	.event-card {height: auto;width: 100%;}

	.detail-event p {font-size: 24px;min-height: 85px;}

	.detail-event h2 {font-size: 30px;}

	.event-home {background:#fff;height: auto;}

	.button-event {position: relative; padding: 30px 0;height: 80px;font-size: 18px;}

	.event-content {padding: 50px 30px;float: left;background: url(../img/bg-event-mobile.jpg) no-repeat center;height: auto;width: 100%;background-size: cover;}

	.event-content p {font-size: 24px;padding: 20px 0;width: 70%;}
	.news-category li a {height: 100px;}
	.news-category {height: auto;}
	.news-category li{vertical-align: middle;max-width: 125px;}
	.bussiness-img {width: 100%;}

	.content-award {width: 100%;height: auto;}
	.event-grid-content {height: auto;}
	.img-award {width: 100%}

	.bussiness-content {width: 100%;height: auto;padding: 100px 180px 100px 60px;}

	.bussiness-card {height: auto;width: 495px;}

	.bussiness-card h2 {font-size: 42px; line-height: 48px;}

	.bussiness-card span {height: 80px;padding: 30px 60px;}

	.bussiness-content h2 {font-size: 36px;}

	.bussiness-content p {font-size: 24px;}

	.bussiness-content span {font-size: 18px;}

	.menu{width: 100%;}

	.page-outlet .banner-outlet {height: 530px;object-fit: cover;}
	.menu h3{bottom: 0;top: unset;}

	.news h3{bottom: 0;left: 0;top: unset;right: unset;padding: 10px 20px 10px 60px;}

	.news{width: 100%;}

	.content-menu-news h2 {font-size: 36px;}

	.content-menu-news p {font-size: 24px;}

	.content-menu-news span {font-size: 18px;}

	.grid-mobile-12{width: 100%; padding: 0;}

	.menu-desc h3 {font-size: 24px;}

	.menu-page .menu-desc{padding: 23px 15px;}

	.menu-desc img {margin: 5px 0px;}

	.text-menus {font-size: 36px;}

	.masonary {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}

	.container-detail {width: 90%;}

	.career-content span {width: 40%;}

	.contact-content{margin-bottom: 30px}
	.dropdown ul li a{display: inline-block;}
	.dropdown ul li {padding: 20px 30px;}
	.img-award img {height: 400px;}

	.content-awrd {width: 65%;}

	.image-award-home{width: 35%;margin: 70px 0;padding: 30px;}
	.event-grid-content h2{font-size: 24px;}
	.event-grid-content p{font-size: 24px;}
	.content-award .img-responsive{padding: 0;}
	.award-grid-content p{font-size: 24px;padding-bottom: 50px;}
	.award-grid-content h2{font-size: 24px;padding: 30px 0;}
	.hidden-mobile{display: none;}
	.event-grid-image .date span{font-size: 18px;letter-spacing: 1px;}
	.award-grid-content .arrow-icon{bottom: 5%;}
	.outlet label {margin: 0px 5px;}

	.hidden-desktop{display: block;}

	.social-media img {width: 20px;}

	.promo .content-promo{width: 100%;height: auto;}

	.promo .grid-7{width: 100%}

	.card-coffe-content{width: 100%;padding: 30px 100px;}
	.menu-page .grid-3 {width: 100%;padding: 0;}
	.coffeeimage{width: 100%;height: 300px;}
    .content-award h3{position: absolute;padding: 10px 20px 10px 60px;}
	.footer{height: auto;}
	.dropdown-footer {position: relative;display: block;}
	.dropdown-content-footer {display: none;z-index: 1;}
	.dropdown-content-footer a {color: #e10000;padding: 10px 0;text-decoration: none;display: block;font-size: 14px;font-weight: bolder;text-transform: uppercase;font-family: Kievit;}
	.profile-page h1{font-size: 42px;}
	.grid-5.grid-mobile-12.pd-right-10 {width: 50%;padding-right: 10px;}
	.grid-5.grid-mobile-12.pd-left-10 {width: 50%;padding-left: 10px;}
	.dropdown-content-footer a:focus{color: #fff;}
	/*OUTLET*/
	.lined-title h3:after {left:67%;}
	.lined-title h3:before {right:67%;}
	.footer-menu {
	    margin-left: -20px;
	    padding-right: 10px;
	    font-size: 28px;
	    vertical-align: sub;
	    line-height: 1px;
	}

}

@media (max-width: 540px){
	.news-category li.active img{bottom: 23px;}
	.news-category li {width: auto;margin-bottom: 0px;max-width: 100%;}
	.news-category ul {width: auto;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
	.news-category ul::-webkit-scrollbar {height: 5px;background-color: transparent;}
	.news-category ul::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #fff!important;}
	.news-category ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: transparent;	}
}

@media (min-width: 451px){
	.mobile-mini{display: none;}
}
@media (max-width: 450px){
	.career-page .desc-career{width: 100%;}
	.event-card h4{width: 80%;}
	.social-media {float: left;}
	.mobile-mini-none{display: none;}
	.mobile-mini{display: block;}
	.outlet-content{display: none;}
	#sosmediv{padding: 10px 40px!important;}
	.detail-event {margin-left: 100px;}
	.date span {font-size: 15px;}
	.date h3 {font-size: 55px;line-height: 48px;}
	.date {width: 100px;}
	.detail-event h2 {font-size: 20px!important;}
	.detail-event p {font-size: 16px!important;min-height: 70px;}
	.event-content h2{font-size: 40px;line-height: 44px;}
	.event-content p {font-size: 19px!important;width: 100%!important;}
	.bussiness-card{width: 100%;}
	.bussiness-card span{padding: 30px 40px;}
	.bussiness-card h2{font-size: 27px;line-height: 35px;padding: 25px 40px 25px 40px;}
	.bussiness-content{padding: 50px 40px!important;}
	.bussiness-content h2{font-size: 27px!important;}
	.bussiness-content p {font-size: 16px!important;}
	.bussiness-content span {font-size: 16px!important;}
	.menu h3 {padding: 10px 20px 10px 40px;}
	.content-menu-news {padding: 40px;}
	.content-menu-news h2 {font-size: 27px!important;}
	.menu .content-menu-news p{padding: 15px 0;}
	.content-menu-news p {font-size: 17px!important;}
	.content-menu-news span {font-size: 14px!important;}
	.news h3{padding: 10px 20px 10px 40px;}
	.image-award-home {width: 100%!important;margin: 0px 0!important;padding: 10px 40px!important;}
	.content-awrd {width: 100%!important;padding: 40px!important;}
	.content-awrd p {font-size: 17px;padding-bottom: 25px;}
	.content-awrd h2 {font-size: 27px;}
	.footer .grid-5{width: 100%;padding: 15px 40px;}
	.footer {padding: 25px 0;}
	.content-award h3{padding: 10px 20px 10px 40px;}
	.menu-page .grid-5{width: 100%!important; padding: 0!important;}
	.menu-page {padding: 40px 0;}
	.text-menus {font-size: 33px!important;line-height: 30px;}
	.menu-page hr {width: 40%;margin: 20px auto;}
	.menu-desc h3 {font-size: 18px!important;line-height: 30px;}
	.menu-page .menu-desc {padding: 15px!important;}
	.contents {font-size: 17px;}
	.quick-coffe h3 {font-size: 27px;padding-bottom: 10px;}
	.quick-coffe span{font-size: 11px;}
	.card-coffe-content{padding: 30px!important;}
	.event .event-card {width: 94%;top: unset;bottom: 0;transform: unset;}
	.event .event-card .detail-event h2 {line-height: 26px;}
	.button-event{padding: 15px 0;height: 50px;font-size: 14px;}
	.award-card h2 {font-size: 25px;line-height: 30px;padding: 30px 40px;}
	.award-card span {display: none;}
	.award-card {width: 90%;top: unset;transform: unset;bottom: 0;}
	.all-news{font-size: 14px;height: 60px;padding: 20px;}
	.event-grid-content {height: auto;}
	.event-grid-content p {font-size: 17px!important;}
	.event-grid-content h2 {font-size: 20px!important;}
	.event-grid-image .date{height: 130px;width: 130px;}
	.detail-page .first-text:first-letter {font-size: 70px;line-height: 40px;}
	.detail-page h1 {font-size: 30px;line-height: 35px;}
	.detail-page p {font-size: 15px;}
	.events {padding-bottom: 60px;}
	.first-text {padding-bottom: 30px;}
	.award-grid-content h2 {font-size: 20px!important;padding: 10px 0;}
	.date-award{font-size: 14px;}
	.award-grid-content p {font-size: 17px!important;}
	.whyqci-page h1 {font-size: 40px;}
	.whyqci-page .container-detail {padding: 60px 0;}
	.whyqci-page h1 {font-size: 40px;}
	.whyqci-page p {font-size: 17px;}
	.whyqci-page hr {width: 30%;}
	.career-card h2 {font-size: 25px;padding: 20px 40px;line-height: 30px;}
	.career-card span {padding: 10px 40px;font-size: 13px;}
	.career-page .desc-career{padding: 0 0 10px 0;width: 100%;}
	.career-page hr {width: 40%;margin-bottom: 20px;}
	.career-page {padding: 60px 0;}
	.career-content span {width: 75%;}
	.content-card-career{width: 80%!important;padding: 30px 45px!important;}
	.career-page h1 {font-size: 40px;}
	.profile-page .container-detail {padding: 60px 0;}
	.profile-page h1 {font-size: 30px!important;}
	.profile-page hr{width: 30%;}
	.profile-content h2 {font-size: 20px;}
	.text-banner{background: url(../img/mobile-wing.png) no-repeat center;height: 205px;width: 300px;padding: 40px;}
	.text-banner p{display: none;}
	.text-banner h1 {font-size: 22px;line-height: 22px;width: auto;}
	.text-banner span {font-size: 10px;}
	.detail-career-page ul, .detail-career-page ol{font-size: 17px;width: 80%;}
	.detail-career-page .content p, .detail-career-page h2, .detail-career-page h3{font-size: 20px;width: 80%;}
	.detail-career-page h1{font-size: 40px!important;}
	.search-box button{width: 100%;padding: 10px 20px;}
	.outlet-city {max-width: 90%; width: auto;}

}

@media screen and (max-width: 991px) {
	/*OUTLET*/
	.page-outlet .container-detail {width:92%;}

}

@media screen and (max-width: 960px) {
	/*OUTLET*/
	.lined-title h3:after,#Loader.lined-title h3:after{left:69%;}
	.lined-title h3:before,#Loader.lined-title h3:before {right:69%;}
}

@media screen and (max-width: 876px) {
	/*OUTLET*/
	.bx-wrapper .bx-pager {text-align:right!important;padding-right:20px;}
	.lined-title h3:after,#Loader.lined-title h3:after{left:71%;}
	.lined-title h3:before,#Loader.lined-title h3:before {right:71%;}
}

@media screen and (max-width: 768px) {
	/*OUTLET*/
	.outlet-store ul li{width:50%;padding:0 2%!important;clear:none!important;}
	.outlet-store ul li:nth-child(odd){clear:both!important;}
	.lined-title h3:after,#Loader.lined-title h3:after{}
	.lined-title h3:before,#Loader.lined-title h3:before {}
}

@media screen and (max-width: 676px) {

	/*OUTLET*/
	.outlet-info .pull-left {width: 100%!important; float:none!important;}
	.outlet-info .pull-left:nth-child(3) {padding:0px;}
	.outlet-info .pull-left:nth-child(1):after  {position:relative;width:100%;min-height:5px;margin:10px 0px 10px;right:0px;}
	.lined-title h3:after ,#Loader.lined-title h3:after{left:77%;}
	.lined-title h3:before ,#Loader.lined-title h3:before{right:77%;}
}

@media screen and (max-width: 640px) {
	.bx-wrapper .bx-pager {display:none;}

    .search-box .pull-left, .search-box .pull-right {
        width: 100%;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
	/*OUTLET*/
	.lined-title h3:after#Loader.lined-title h3:after {left:81%;}
	.lined-title h3:before,#Loader.lined-title h3:before{right:81%;}
}

@media screen and (max-width: 550px) {

	/*OUTLET*/

	.lined-title h3:after,#Loader.lined-title h3:after {left:83%;}
	.lined-title h3:before,#Loader.lined-title h3:before {right:83%;}
}

@media screen and (max-width: 520px) {

	.outlet-info .pull-left h2 {line-height:normal;margin-top:7px;}

}

@media screen and (max-width: 500px) {

	/*OUTLET*/
	.outlet-store ul li{width:100%;}
	.lined-title h3:before,.lined-title h3:after,#Loader.lined-title h3:before,#Loader.lined-title h3:after {display:none;}
}