@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap);
*{padding:0;margin:0;box-sizing:border-box;font-family:"Nunito",sans-serif}.header{position:fixed;z-index:20;top:0;right:0;left:0;transition:.5s}.navbar-scroll{background-color:#f4f4f4}.navbar-scroll .navbar-brand{color:#1a1c20}.navbar-scroll .nav-link{color:#1a1c20}.navbar-transparent{background-color:transparent}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 65px}.navbar-brand{font-size:20px;font-weight:800;color:#f4f4f4;padding:20px 20px;text-decoration:none;transition:.3s}.navbar-brand:hover{color:#ffae00}.nav-menu{display:flex;justify-content:space-between;align-items:center}.nav-item{list-style:none;display:flex;flex-direction:row;align-items:center}.nav-link{font-size:16px;font-weight:600;color:#f4f4f4;text-decoration:none;padding:20px 20px;letter-spacing:.5px;transition:.3s}.nav-link:hover{color:#ffae00}.hamburger{display:none;padding:15px 15px;border:none;background-color:transparent}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#1a1c20}.hero{position:relative;z-index:-1;width:100%;height:500px;position:relative;display:flex;justify-content:center;align-items:center}.hero .background{position:relative;width:100%;height:100%;z-index:0;object-fit:cover;object-position:bottom}.hero .desc-hero{position:absolute;z-index:2;text-align:center}.hero .desc-hero .title{font-weight:800;font-size:66px;color:#ffae00}.hero .desc-hero .desc{font-size:20px;color:#f4f4f4}.headline{margin:100px 0 20px;padding:0 100px;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;grid-column-gap:25px;align-items:center}.headline .headline-image img{object-fit:cover;width:100%;border-radius:30px}.headline .headline-content{padding:0 40px}.headline .headline-content .headline-title{font-size:50px;font-weight:800;color:#1a1c20;margin-bottom:9px}.headline .headline-content .headline-description{font-size:15px;color:#1a1c20cb;font-weight:700;letter-spacing:.5px;line-height:25px}.explore{margin:100px 0 100px;padding:0 100px}.explore .explore-title{font-weight:800;color:#1a1c20;margin-bottom:5px}.explore .explore-desc{color:#1a1c20cb}.favorite{margin:100px 0 100px;padding:0 100px}.favorite .favorite-title{font-weight:800;color:#1a1c20;margin-bottom:5px}.favorite .favorite-desc{color:#1a1c20;margin-bottom:20px}.favorite .search-container{display:flex;align-items:center;width:100%;padding-top:20px}.favorite .search-container input{width:100%;padding:12px;border:2px solid #1a1c20;border-radius:10px;margin-right:20px}.favorite .search-container button{padding:15px 25px;border:none;border-radius:10px;background-color:#1a1c20;color:#f4f4f4;font-weight:600;transition:.3s}.favorite .search-container button:hover{border:none;background-color:#ffae00;color:#f4f4f4}.favorite .search-container button:active{box-shadow:1px 3px 8px -2px #1a1c2085}.detail-restourant{margin:100px 0 100px;padding:0 100px}.detail-restourant .detail-title{font-weight:800;color:#1a1c20;margin-bottom:5px}.detail-restourant .detail-desc{color:#1a1c20;margin-bottom:40px}.detail-restourant .detail-body{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;column-gap:50px}.detail-restourant .detail-body .image{width:100%;border-radius:20px}.detail-restourant .detail-body .title-restourant{margin-bottom:-5px}.detail-restourant .detail-body .location-rating{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;margin:20px 0 20px}.detail-restourant .detail-body .location-rating .location{display:flex;align-items:center;justify-content:flex-start;font-size:14px;color:#1a1c20;transition:.3s;font-weight:800}.detail-restourant .detail-body .location-rating .location i{padding-right:5px}.detail-restourant .detail-body .location-rating .location:hover{color:#ffae00}.detail-restourant .detail-body .location-rating .rating{display:flex;align-items:center;justify-content:flex-start;font-size:14px;transition:.3s;color:#1a1c20;font-weight:800}.detail-restourant .detail-body .location-rating .rating i{padding-right:5px;color:#ffae00}.detail-restourant .detail-body .location-rating .rating:hover{color:#ffae00}.detail-restourant .detail-body .desc{margin:0 0 20px}.detail-restourant .detail-body .categories{display:grid;grid-template-columns:repeat(5, 1fr);column-gap:10px;row-gap:10px;text-align:center}.detail-restourant .detail-body .categories li{list-style:none;padding:5px 0;background-color:#1a1c20;color:#f4f4f4;border-radius:20px}.detail-restourant .form-review{margin-top:30px;border-radius:20px;padding:30px;box-shadow:1px 3px 8px -2px #1a1c2085}.detail-restourant .form-review form .input{display:flex;flex-direction:column;margin:10px 0}.detail-restourant .form-review form .input .form-label{margin-bottom:10px;font-weight:800}.detail-restourant .form-review form .input .form-input{padding:12px 10px;border-radius:5px;border:2px solid #1a1c20}.detail-restourant .form-review form .button{display:block;align-items:center;background-color:#1a1c20;color:#f4f4f4;font-weight:800;border:none;padding:14px 25px;border-radius:5px;margin-top:30px;transition:.5s}.detail-restourant .form-review form .button:hover{background-color:#ffae00;color:#f4f4f4}.reviews-section{padding:30px 0}.reviews-section .reviews-title{text-align:center;margin-bottom:50px}.reviews-section .wrapper-reviews{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:30px;row-gap:30px}.reviews-section .wrapper-reviews .reviews-card{padding:20px;text-align:center;border-radius:20px;box-shadow:1px 3px 8px -2px #1a1c2085}.reviews-section .wrapper-reviews .reviews-card i{font-size:48px;margin-top:10px;margin-bottom:20px}.reviews-section .wrapper-reviews .reviews-card .card-title{font-size:20px}.reviews-section .wrapper-reviews .reviews-card .card-desc{font-size:13px;font-weight:500;color:#353535;padding:15px 0}.reviews-section .wrapper-reviews .reviews-card .card-date{font-size:12px;color:#353535c2;font-weight:800}.posts{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:40px;column-gap:40px;margin-top:40px}.post-card{border-radius:10px;overflow:hidden;transition:.6s;box-shadow:1px 3px 8px -2px #1a1c2085}.post-card .card-img{width:100%;height:200px;object-fit:cover}.post-card .card-body{padding:10px 20px 20px;width:100%}.post-card .card-body .card-title{margin-bottom:5px;font-weight:800;font-size:20px;text-decoration:none;color:#1a1c20;padding:10px 0;transition:.5s}.post-card .card-body .card-title:hover{color:#ffae00}.post-card .card-body .card_location-rating{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;padding:10px 0 5px}.post-card .card-body .card_location-rating .location{display:flex;align-items:center;justify-content:flex-start;font-size:14px;color:#1a1c20;transition:.3s;font-weight:800}.post-card .card-body .card_location-rating .location i{padding-right:5px}.post-card .card-body .card_location-rating .location:hover{color:#ffae00}.post-card .card-body .card_location-rating .rating{display:flex;align-items:center;justify-content:flex-end;font-size:14px;transition:.3s;color:#1a1c20;font-weight:800}.post-card .card-body .card_location-rating .rating i{color:#ffae00;padding-right:5px}.post-card .card-body .card_location-rating .rating:hover{color:#ffae00}.post-card .card-body .card-desc{margin-top:5px;margin-bottom:20px}.post-card .card-body .btn-link{width:100%;display:flex;justify-content:center;text-decoration:none;background-color:#1a1c20;color:#f4f4f4;border-radius:5px;padding:12px 20px}.detail-information{margin:50px 0 0;padding-bottom:50px;border-bottom:1px solid #353535}.detail-information .menu-title{font-weight:800;color:#ffae00;margin-bottom:5px}.detail-information .menu-desc{color:#1a1c20;margin-bottom:40px}.detail-information .wrapper-info{display:grid;grid-template-columns:repeat(2, 1fr);row-gap:30px}.detail-information .wrapper-info .info-title{margin-bottom:15px;font-size:25px}.detail-information .wrapper-info .info-body{margin-left:20px;list-style-type:circle}.detail-information .wrapper-info .info-body li{margin-bottom:7px;color:#1a1c20;font-size:15px}.footer{background-color:#f4f4f4;padding:40px 70px 0}.footer .footer-content{display:flex;flex-direction:row;align-items:center}.footer .footer-content .footer-brand{flex:40%;padding:25px}.footer .footer-content .footer-brand .title-brand{font-size:40px;margin-bottom:10px;color:#ffae00;font-weight:800}.footer .footer-content .footer-brand .desc-brand{font-size:15px;color:#1a1c20;font-weight:600;letter-spacing:.5px;margin-bottom:15px}.footer .footer-content .social-media{display:flex;flex-direction:row;align-items:center;margin-left:-10px}.footer .footer-content .social-media .social-item{display:flex;flex-direction:row;align-items:center;list-style:none}.footer .footer-content .social-media .social-item .social-link{color:#1a1c20;padding:10px;font-size:30px;transition:.2s;margin-right:4px}.footer .footer-content .social-media .social-item .social-link:hover{color:#ffae00}.footer .footer-content .footer-menu{flex:60%;padding:25px}.footer .footer-content .footer-menu .menu-title{font-size:20px;font-weight:800;color:#ffae00;margin-bottom:20px}.footer .footer-content .footer-menu .menu{list-style:none;margin-left:-10px}.footer .footer-content .footer-menu .menu .item{padding:12px 0}.footer .footer-content .footer-menu .menu .link{text-decoration:none;color:#1a1c20;padding:12px 10px;font-weight:600}.footer .copyright{padding:20px 0;font-weight:500;text-align:center;color:#1a1c20}.line{margin:30px 10px 0px}.skip-content{position:absolute;top:-100px;background-color:#ffae00;color:#fff;z-index:100;font-weight:bold;text-decoration:none;font-size:18px;padding:10px 40px;border-radius:0px 0px 20px 20px}.skip-content:focus{outline:none;top:0;left:50%;transform:translate(-50%, 0)}.loading{display:flex;justify-content:center;align-items:center;position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;background-color:#f4f4f4}.error{font-size:15px}.like{font-size:18px;position:fixed;bottom:16px;right:16px;background-color:#1a1c20;color:#f4f4f4;border:0;border-radius:50%;width:55px;height:55px;cursor:pointer;display:flex;align-items:center;justify-content:center}
@media only screen and (max-width: 1200px){.posts{grid-template-columns:repeat(2, 1fr);row-gap:40px;column-gap:50px}.reviews-section .wrapper-reviews{grid-template-columns:repeat(2, 1fr)}.detail-restourant .detail-body{grid-template-columns:1fr}.detail-restourant .detail-body .title-restourant{margin-top:20px}.detail-restourant .detail-body .location-rating .rating{justify-content:flex-end}}@media only screen and (max-width: 991.98px){.headline .headline-content{padding:0 20px}.headline .headline-content .headline-title{font-size:40px;font-weight:800;color:#1a1c20;margin-bottom:9px}.headline .headline-content .headline-description{font-size:13px;color:#1a1c20cb;font-weight:700;letter-spacing:.5px;line-height:20px}.post-card{width:100%}.skip-content:focus{outline:none;top:0;left:40%;transform:translate(-60%, 0)}}@media only screen and (max-width: 768px){.header{background-color:#f4f4f4}.navbar{padding:0 10px}.navbar-brand{color:#1a1c20}.nav-menu{position:fixed;z-index:-10;top:-100%;left:0;flex-direction:column;background-color:#f4f4f4;width:100%;transition:.3s;text-align:center}.nav-menu.active{left:0;right:0;top:9%}.nav-item{margin:10px}.nav-link{color:#1a1c20;font-weight:800}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.hero .desc-hero .desc{font-size:15px;padding:0 20px}.headline{grid-template-columns:1fr;grid-template-rows:repeat(2, 1fr);grid-column-gap:0px;grid-row-gap:15px;text-align:center;align-items:center;height:650px;padding:0 40px}.headline .headline-image{width:100%}.headline .headline-image img{border-radius:20px}.headline .headline-content{padding:0 10px}.headline .headline-content .headline-title{font-size:40px;margin-bottom:4px}.headline .headline-content .headline-description{line-height:20px}.explore{margin:0 0 100px;padding:0 40px}.explore .explore-title{font-weight:800;color:#1a1c20;margin-bottom:5px}.explore .explore-desc{color:#1a1c20cb}.favorite{margin:50px 0 100px;padding:0 30px}.favorite .favorite-title{font-weight:800;color:#1a1c20;margin-bottom:5px}.favorite .favorite-desc{color:#1a1c20cb}.favorite .search-container{flex-direction:column;padding-top:20px}.favorite .search-container input{margin-right:0}.favorite .search-container button{width:100%;margin-top:15px}.detail-restourant{margin:50px 0 100px;padding:0 30px}.detail-restourant .detail-title{font-weight:800;color:#1a1c20;margin-bottom:5px}.detail-restourant .detail-desc{color:#1a1c20cb}.reviews-section .wrapper-reviews{display:grid;grid-template-columns:repeat(2, 1fr)}.posts{grid-template-columns:1fr;row-gap:20px;column-gap:40px}.post-card{width:100%;border-radius:10px;margin:10px 0;transition:.6s;box-shadow:1px 3px 8px -2px #1a1c2085}.post-card .card-img{width:100%}.footer{padding:0 10px}.footer .footer-content{flex-direction:column;align-items:flex-start}.footer .footer-content .footer-brand{flex:100%}.footer .footer-content .footer-menu{flex:100%}.desktop{display:none}.skip-content{font-size:15px;padding:15px 30px}.skip-content:focus{outline:none;top:0;left:50%;transform:translate(-50%, 0)}}@media only screen and (max-width: 575.98px){.hero .desc-hero .desc{font-size:15px}.headline-content{margin-top:-150px}.explore{margin-top:-50px}.detail-restourant .detail-body{grid-template-columns:1fr}.detail-restourant .detail-body .title-restourant{font-size:20px}.detail-restourant .detail-body .location-rating .location{font-size:12px}.detail-restourant .detail-body .location-rating .rating{justify-content:flex-end;font-size:12px}.detail-restourant .detail-body .desc{font-size:14px}.detail-restourant .detail-body .categories{grid-template-columns:repeat(3, 1fr);font-size:12px}.detail-information .wrapper-info{grid-template-columns:1fr}.reviews-section .wrapper-reviews{grid-template-columns:1fr}}