@import url("https://use.typekit.net/ove1ppd.css");
@import url("https://use.typekit.net/ove1ppd.css");

*{font-family: "bree-serif", serif;}
html, body{overflow-x:hidden;}
body{background-color:#e3efeb;}
a{text-decoration:none;}


.header{position:relative;}
.header .logo{width:110px}
.header .navbar .navbar-nav .nav-link{color:#253655;}
.header .navbar-expand-lg .navbar-nav{gap:40px;}

.header-image{margin-top:2rem;}
.header-image .p-relative{position:relative;}
.header-image .coffee{width:70%;}
.header-image .slogan{position: absolute;right:0;display: flex;justify-content:center;align-items:center;}
.header-image .slogan .slogan-img{width:500px;position: absolute;}
.header-image .slogan .head{position: relative;font-family: "canvas-script", sans-serif;text-align:center;z-index:2;text-transform: uppercase;}
.header-image .slogan .head span{position: relative;font-family: "canvas-script", sans-serif;}
.header-image .text-bg{position: absolute;bottom:0;right:0;width:220px;}
.header-image .scroll-down{display: grid;align-items: center;justify-items: center;justify-content: start;margin-top: 40px;position: absolute;left: 50%;}
.header-image .scroll-down svg{width:40px;height:100%;}
.header-image .scroll-down svg path{fill:#1a2e44;}
.header-image .scroll-down svg polygon{fill:#1a2e44;width:30px;}
.header-image .scroll-down .button{}
.header-image .scroll-down .arrow{width:30px;animation: arrowUpDown infinite linear 1s;}
@keyframes arrowUpDown{0%{transform:translateY(0);opacity:1;}25%{transform:translateY(6px);opacity:.7;}50%{transform:translateY(12px);opacity:.4;}75%{transform:translateY(18px);opacity:.2;}100%{transform:translateY(24px);opacity:0;}}

.between-slogan-text{margin-top:8rem;}
.between-slogan-text p{color:#1a2e44;width:65%;margin-top:30px;}

.contents{background-image:url('../img/content/bg.png');background-size:cover;background-repeat:no-repeat;background-position:center;margin-top:8rem;padding: 370px 0 0 0;position:relative;}
.contents .coffee-bean1{position:absolute;top:0;left:0;}
.contents .coffee-bean2{position:absolute;top:13%;right:0;}
.contents .coffee-bean4{position:absolute;bottom:30%;left:3%;z-index:999;}
.contents .coffees-contents{margin-top:3rem;position: relative;}
.contents .coffees-contents .head{display:flex;align-items:center;justify-content:flex-start;color:#fff;}
.contents .coffees-contents .head h1{font-weight:600;display:inline-flex;align-items:center;}
.contents .coffees-contents .head h1::after{content:'';background-color:#fff;width:8px;height:8px;border-radius:50%;margin:0 15px;}
.contents .coffees-contents .head h4{font-weight:300;}
.contents .coffees-contents .desc{color:#e3efeb;font-weight:200;}
.contents .coffees-contents .read-more{background-color:#b49571;padding:20px;text-align:right;float:right;border-radius:30px;font-weight:300;color:#fff;border:2px solid #b49571;transition: .3s;}
.contents .coffees-contents .read-more:hover{background-color:transparent;color:#b49571;transition: .3s;}
@keyframes opacityCoffees{0%{opacity:0;transform:translateY(100px);}50%{opacity:.5;transform:translateY(50px);}100%{opacity:1;transform:translateY(0px);} }

.contents .coffees-type{margin-top:10rem;position:relative;}
.contents .coffees-type .justify-items-center{justify-items:center}
.contents .coffees-type .line{width:300px;margin-bottom:5rem;}
.contents .coffees-type .desc{color:#93aea9;font-weight:500;width:40%;text-align:center;}
.contents .coffees-type .coffee{display:grid;align-items:center;justify-content:center;justify-items:center;position:relative;}
.contents .coffees-type .coffee h2{background-color:#97b2ac;padding:10px 20px;border-radius:50px;color:#fff;margin-top:30px;}
.contents .coffees-type .coffee-img-001{max-width: 240px;max-height: 515px;position:relative;z-index:2;animation:coffeeRotateOne infinite 20s;}
.contents .coffees-type .coffee-bg-img-001{width:340px;z-index:1;position: absolute;}
@keyframes coffeeRotateOne{0%{rotate:0deg;}25%{rotate:20deg;}50%{rotate:10deg;}75%{rotate:15deg;}100%{rotate:0deg;}}

.contents .coffees-type .coffee-img-002{max-width: 240px;max-height: 350px;margin-top:150px;position:relative;z-index:2;animation:coffeeRotateTwo infinite 20s;}
.contents .coffees-type .coffee-bg-img-002{width:340px;z-index:1;position: absolute;}
@keyframes coffeeRotateTwo{0%{rotate:0deg;}25%{rotate:-10deg;}50%{rotate:-20deg;}75%{rotate:15deg;}100%{rotate:0deg;}}

.contents .coffees-type .coffee-img-003{max-width: 240px;max-height: 450px;position:relative;z-index:2;animation:coffeeRotateThree infinite 20s;}
.contents .coffees-type .coffee-bg-img-003{width:340px;z-index:1;position: absolute;}
@keyframes coffeeRotateThree{0%{rotate:0deg;}25%{rotate:-3deg;}50%{rotate:20deg;}75%{rotate:-15deg;}100%{rotate:0deg;}}

.contents .locations{margin-top:5rem;position: relative;}
.contents .locations .bg-img{background-image:url("../img/locations/background.png");background-repeat:no-repeat;background-size:contain;background-position: left;padding:0 0 0 0;}
.contents .locations .places-contents{display:flex;justify-content:center;align-items:center;}
.contents .locations .places-contents .places-image{width:500px;height:500px;object-fit:cover;margin:0 50px;box-shadow:0px 0px 10px 0px #00000010;}
.contents .locations .places-contents .texts{width:30%;}
.contents .locations .places-contents .texts .locations-head{color:#ef8600;font-family: "canvas-script", sans-serif;}
.contents .locations .places-contents  .texts .desc{color:#93aea9;width:90%;}
.contents .locations .map-content{width:100%;height:500px}
.contents .locations .swiper-button-next{background-image: url('../img/locations/arrow.png');left: 70%;right: auto;background-repeat: no-repeat;background-size: contain;width: 50px;}
.contents .locations .swiper-button-prev{background-image: url('../img/locations/arrow.png');rotate: 180deg;left: 66%;right: auto;background-repeat: no-repeat;background-size: contain;width: 50px;margin-top: -25px;}
.contents .locations .swiper-button-next::after{display:none;}
.contents .locations .swiper-button-prev::after{display: none;}

.contents .delicious{margin-top:5rem;position:relative;}
.contents .delicious .head{color:#ef8600;font-family: "canvas-script", sans-serif;}
.contents .delicious .images{width:100%;height:650px;}
.contents .delicious .images img{width:100%;height:100%;object-fit:cover;}
.contents .delicious .desc{color:#e3efeb;font-weight:300;margin-top:3rem;}

.contents .menu{margin-top:5rem;position: relative;}
.contents .menu .p-relative{position:relative;}
.contents .menu .menu-img{width:100%;}
.contents .menu .menu-href{position: relative;left:0;top:-100px;display: flex;justify-content:center;align-items:center;}
.contents .menu .menu-href .href-img{width:350px;position: absolute;}
.contents .menu .menu-href .head{position: relative;font-family: "canvas-script", sans-serif;text-align:left;z-index:2;color:#1a2e44;rotate:-5deg;}

.contents .social-media{margin-top:0rem;position:relative;z-index:1;}
.contents .social-media .float-right{float:right;text-align:right;}
.contents .social-media .head{width:350px;position:relative;top:50px;}
.contents .social-media .post{display:flex;align-items:center;justify-content:center;position:relative;margin-top:20px;}
.contents .social-media .post .post-content{width:100%;height:90%;object-fit:cover;padding:20px;top:0;position:absolute;}
.contents .social-media .post .post-bg{width:100%;height:100%;box-shadow:0px 0px 10px 0px #00000026;}

.bg-footer{margin-top:-300px;}
.footer{margin-top:5rem;position:relative;}
.footer .col-lg-10::before{content:'';display:grid;background-color:#1c3149;width:100%;height:4px;position:relative;top:55px;border-radius:30px;}
.footer .logo{width:120px;}
.footer h3{font-family: "canvas-script", sans-serif;}
.footer .content{display:grid;align-items:flex-start;justify-content: center;align-content:flex-start;width:25%;justify-items: start;}
.footer .content ul{margin:0;padding:0;list-style:none;margin-top:20px;}
.footer .content ul li{margin-top:10px;}
.footer .content ul li a{font-weight:300!important;color:#1c3149;display: flex;align-items:center;justify-content:flex-start;}
.footer .content ul li a i{border:1px solid #1c3149;width:40px;height:40px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;transition: .3s;}
.footer .content ul li a:hover i{background-color: #1c3149;color:#e3efeb;transition: .3s}
.footer .content ul li p{margin:0;padding:0;margin-left:10px;}
.footer .float-right{float:right;text-align:right;}
.footer .hr{width:100%;height:4px;background-color:#1c3149;margin:2.5rem 0;border-radius:50px;}
.footer .copyright{color:#12253c;text-align:center;}
.footer .konbeltas{width:200px;filter:brightness(0);}
.footer .text-right{display:flex;justify-content:end;}
.footer .logos{display:flex;align-items:center;gap:1rem;}
.footer .logos img{max-width:75px;max-height:75px;}
.footer .justify-content-normal{justify-content:normal;}

.leaflet-container img.leaflet-tile{filter:grayscale(100%) invert(90%) contrast(120%);}
.leaflet-touch .leaflet-control-attribution{display:none;}
.leaflet-touch .leaflet-bar{display:block!important;}