@font-face {
    font-family: 'FK Grotesk';
    src: url('/fonts/fk_grotesk/FKGrotesk-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'FK Grotesk', sans-serif !important;
}

.menu-item .menu-link {
    color: #051726 !important;
}

.menu-item .menu-link.active  {
    color: #fff !important;
}

.bg-home {
    background: #051726;
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #fff;
    /*background-color: rgba(32,60,133,.4);*/
    background: linear-gradient(90deg, #051726 0%, #EE1B40 100%);
}

a.btn-sign-in{
    color: #fff !important;
    /*background-color: rgba(32,60,133,.4);*/
    background: linear-gradient(90deg, #051726 0%, #EE1B40 100%) !important;
}

.scrolltop{
    color: #fff !important;
    /*background-color: rgba(32,60,133,.4);*/
    background: linear-gradient(90deg, #051726 0%, #EE1B40 100%) !important;
}

.jzdbox1 {
    width:315px;
    background:#332f2e;
    border-radius:5px;
    overflow:hidden;
    display:block;
    margin-bottom:10px;
    box-shadow:0 0 10px #201d1c;
    margin:0 auto;
}

.jzdcal {
    padding:0 10px 10px 10px;
    box-sizing:border-box!important;
}

.jzdcal-pool {
    background:#051726;
    /*background: -webkit-linear-gradient(#051726, #EE1B40)!important;
    background: -o-linear-gradient(#051726, #EE1B40)!important;
    background: -moz-linear-gradient(#051726, #EE1B40)!important;
    background: linear-gradient(#051726, #EE1B40)!important; */
}

.jzdcal-ocean {
    background:#EE1B40;
    /*background: -webkit-linear-gradient(#051726, #EE1B40)!important;
    background: -o-linear-gradient(#051726, #EE1B40)!important;
    background: -moz-linear-gradient(#051726, #EE1B40)!important;
    background: linear-gradient(#051726, #EE1B40)!important;*/
}

.jzdcalt {
    font:18px 'FK Grotesk';
    font-weight:700;
    color:#f7f3eb;
    display:block;
    margin:18px 0 0 0;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:1px;
}

.jzdcal span {
    font:11px 'FK Grotesk';
    font-weight:400;
    color:#f7f3eb;
    text-align:center;
    width:42px;
    height:42px;
    display:inline-block;
    float:left;
    overflow:hidden;
    line-height:40px;
}

.jzdcal .jzdb:before {
    opacity:0.3;
    content:'o';
}

.circle {
    border:1px solid #f7f3eb;
    box-sizing:border-box!important;
    border-radius:200px!important;
}

span[data-title]:hover:after,
div[data-title]:hover:after {
    font:11px 'FK Grotesk';
    font-weight:400;
    content:attr(data-title);
    position:absolute;
    margin:0 0 100px;
    background:#282423;
    border:1px solid #f7f3eb;
    color:#f7f3eb;
    padding:5px;
    z-index:9999;
    min-width:150px;
    max-width:150px;
}