.cocktails-types{margin:0 auto;max-width:1310px;padding:80px 40px 120px}.cocktails-types,.cocktails-types--heading{position:relative}.cocktails-types--title{color:#5e8ab4;font-family:Muara;font-size:88px;font-weight:400;line-height:58px;text-align:center;text-transform:uppercase}.cocktails-types--tabs{align-items:center;display:flex;font-family:Akzidenz-Grotesk BQ Extended,sans-serif;font-size:10px;font-weight:500;gap:16px;justify-content:center;line-height:100.6%;list-style-type:none;margin:0;padding:40px 0;position:relative;text-transform:uppercase}.cocktails-types--tabs li a{color:#5e8ab4;cursor:pointer;display:inline-block;position:relative;transition:padding .3s linear,border .8s ease}.cocktails-types--tabs li a:before{bottom:-8px;content:"";display:block;height:calc(100% + 16px);left:-8px;position:absolute;right:-8px;top:-8px;width:calc(100% + 16px)}.cocktails-types--tabs li a:focus,.cocktails-types--tabs li a:hover,.cocktails-types--tabs li.active-tab a{border:1px solid #5e8ab4;border-radius:100px;padding:11px 19px;text-decoration:none}.cocktails-types--items{display:grid;gap:40px 24px;grid-template-columns:repeat(3,1fr);position:relative}.cocktails-types--item{overflow:hidden;position:relative;transition:all .6s ease;width:100%}.cocktails-types--item.hide_item{display:none}.cocktails-types--contain{height:100%;min-height:575px;position:relative;width:100%}.coktails--img{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:1}.cocktails-types--contain:before{background:linear-gradient(180deg,transparent,#000);bottom:0;content:"";display:block;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:2}.cocktails-types--name{bottom:70px;color:#fff;font-family:Akzidenz-Grotesk BQ Extended,sans-serif;font-size:24px;font-weight:500;left:30px;line-height:105.6%;margin:0;position:absolute;right:30px;text-align:center;text-transform:uppercase;z-index:3}.cocktails-types--open{bottom:20px;cursor:pointer;max-height:48px;max-width:48px;position:absolute;right:20px;z-index:3}.cocktails-types--open:focus rect,.cocktails-types--open:hover rect{fill:#5e8ab4}.cocktails-types--open:hover path{stroke:#fff}.cocktails-types--content{background:#5e8ab4;color:#fff;display:flex;flex-flow:column nowrap;gap:35px;height:100%;justify-content:space-between;max-height:575px;min-height:575px;overflow-x:hidden;overflow-y:auto;padding:80px 40px 39px;position:relative;transform:translateY(575px);transition:transform .8s ease;z-index:6}.cocktails-types--content::-webkit-scrollbar{width:10px}.cocktails-types--content::-webkit-scrollbar-track{background-color:#fff;-webkit-box-shadow:inset 0 0 6px #c3c3c3;box-shadow:inset 0 0 6px #c3c3c3}.cocktails-types--content::-webkit-scrollbar-thumb{background-color:#000;outline:unset}.cocktails-types--close{cursor:pointer;height:50px;position:absolute;right:16px;top:16px;width:50px}.cocktails-types--close:hover rect{fill:#000;stroke:#000}.cocktails-types--details{margin:0 auto;max-width:300px;position:relative;text-align:center}.cocktails-types--ingredients{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:24px;padding-bottom:24px}.cocktails-types--ingredients h4{font-family:Akzidenz-Grotesk BQ Extended,sans-serif;font-size:18px;font-style:normal;font-weight:500;letter-spacing:.05em;line-height:189.5%;margin:0 0 8px;text-transform:uppercase}.cocktails-types--ingredients p{line-height:189.5%;margin:0}.cocktails-types--preparation{line-height:19px}.cocktails-types--preparation h4{font-family:Akzidenz-Grotesk BQ Extended,sans-serif;font-size:18px;font-weight:500;letter-spacing:.05em;line-height:189.5%;margin:0 0 8px;text-transform:uppercase}.cocktails-types--links{display:flex;gap:8px;justify-content:center}.cocktails-types--links a{background:#fff;border-radius:100px;height:56px;position:relative;width:56px}.cocktails-types--links svg{bottom:0;height:26px;left:0;margin:auto;max-width:26px;position:absolute;right:0;top:0}.cocktails-types--links svg path{fill:#5e8ab4}.cocktails-types--links a:focus,.cocktails-types--links a:hover{background:#000;color:#fff}.cocktails-types--links a:focus svg path,.cocktails-types--links a:hover svg path{fill:#fff}.cocktails-types--details_show .cocktails-types--content{transform:translateY(0)}@media only screen and (min-width:1025px){.is-windows .cocktails{padding:75px 40px 115px}.is-windows .cocktails-types--tabs{padding:55px 0 40px}}@media only screen and (max-width:1024px){.cocktails-types{padding:80px 64px}.cocktails-types--title{font-size:64px;line-height:42px}.cocktails-types--tabs{padding:32px 0 40px}.cocktails-types--items{gap:46px;grid-template-columns:repeat(2,1fr)}.cocktails-types--contain{min-height:481px}.cocktails-types--name{font-size:20.0543px;line-height:100.6%}.cocktails-types--open{bottom:16.71px;max-height:40.11px;max-width:40.11px;right:16.71px}.cocktails-types--content{max-height:481px;min-height:481px;padding:43px 40px 32px;transform:translateY(481px)}.cocktails-types--close{height:36px;position:absolute;right:13.16px;top:17.55px;width:36px}.cocktails-types--ingredients{margin-bottom:20px;padding-bottom:20px}.cocktails-types--ingredients h4{font-size:15.0408px;line-height:189.5%;margin:0 0 6.68px}.cocktails-types--ingredients p{font-size:13.3696px;line-height:189.5%}.cocktails-types--preparation{font-size:13.3696px;line-height:16px}.cocktails-types--preparation h4{font-size:15.0408px;line-height:189.5%;margin:0 0 6.68px}.cocktails-types--links{gap:6.69px}.cocktails-types--links a{height:46.79px;width:46.79px}.cocktails-types--links svg{height:21.73px;max-width:21.73px}}@media only screen and (max-width:767px){.cocktails-types{padding:60px 18px 80px}.cocktails-types--heading{margin:0 24px}.cocktails-types--title{font-size:56px;line-height:90%}.cocktails-types--tabs{flex-flow:row wrap}.cocktails-types--tabs li a{white-space:nowrap;word-break:keep-all}.cocktails-types--items{gap:40px 24px;grid-template-columns:repeat(1,1fr)}.cocktails-types--contain{min-height:575px}.cocktails-types--name{font-size:24px;line-height:105.6%}.cocktails-types--open{bottom:20px;max-height:48px;max-width:48px;right:20px}.cocktails-types--content{max-height:575px;min-height:575px;padding:80px 40px 39px;transform:translateY(575px)}.cocktails-types--close{height:50px;right:16px;top:16px;width:50px}.cocktails-types--ingredients{margin-bottom:24px;padding-bottom:24px}.cocktails-types--ingredients h4{font-size:18px;line-height:189.5%;margin:0 0 8px}.cocktails-types--ingredients p{font-size:16px;line-height:189.5%}.cocktails-types--preparation{font-size:16px;line-height:19px}.cocktails-types--preparation h4{font-size:18px;line-height:189.5%;margin:0 0 8px}.cocktails-types--links{gap:8px}.cocktails-types--links a{height:56px;width:56px}.cocktails-types--links svg{height:26px;max-width:26px}}