.preloader-wrap {
    background: rgb(16, 22, 52);
}
.preloader-wrap .percentage {
    color: goldenrod;
    font-family: 'Poppins', sans-serif;
}
.preloader-intro {
    font-family: 'Poppins', sans-serif;
}
.accent-color {
    color: goldenrod;
}
hr.animated-line.accent-color:before, .light-content .light-section hr.animated-line.accent-color:before {
    background: goldenrod;
}
#logo {
    position: relative;
    display: table;
    pointer-events: initial;
    z-index: 10;
    top: 20px;
    float: left;
}
#logo img {
    height: 30px;
}
.booking-button {
    position: relative;
    display: table;
    pointer-events: initial;
    z-index: 10;
    top: 15px;
    float: right;
    margin-right: 0;
    background-color: goldenrod;
    padding: 5px 20px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.booking-button-border {
    height: 30px;
    line-height: 30px;
}
a, .light-content .light-section a, a.booking-link strong {
    color: goldenrod;
}
.light-content .light-section a h1.big-title {
    font-size: 70px;
    line-height: 1.3em;
    text-decoration: underline;
}
.light-content .light-section a h1.big-title:hover {
     color: goldenrod;
 }
.percentage {
    opacity: 1;
    font-size: 120px;
    line-height: 130px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif /*"Canela-Regular"*/;
    width:100px;
    height: 130px;
    color: #fff;
    display: table;
    margin: 0 auto;
    opacity:1;
}
#ball {
    position: fixed;
    width: 80px;
    height: 80px;
    border: 2px solid #999999;
    /*border-radius: 0;*/
    pointer-events: none;
    opacity:1;
    box-sizing:border-box;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.fullscreen-menu .flexnav li a {
    text-decoration: none;
}
.fullscreen-menu .flexnav li a span::before {
    position: absolute;
    top: 100%;
    width:100%;
    left:0;
    content: attr(data-hover);
    font-family: inherit;
    font-weight:500;
    color: goldenrod;
}
.secondary-font {
    font-family: inherit;
    font-weight: 200;
}
.accordion.bigger-acc .acc-button-icon {
    background: goldenrod;
}
.padding_bottom_40 {
    padding-bottom: 40px;
}
h2.big-title, .light-section h2.big-title {
    font-size:60px;
    line-height: 90px;
    font-weight:600;
    color: goldenrod;
}

.content-slider .swiper-pagination-bullets, .content-carousel .swiper-pagination-bullets, .content-looped-carousel .swiper-pagination-bullets {
    /*bottom: -60px!important;*/
}


/*--------------------------------------------------
	Responsive
---------------------------------------------------*/



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


    .accordion.bigger-acc dt span {
        text-indent: 0;
    }
    .fullscreen-menu .flexnav li {
        padding: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .booking-button {
        margin-right: 40px;
    }

    .accordion.bigger-acc dt span {
        text-indent: 0;
    }
    .light-content .light-section a h1.big-title {
        font-size: 60px;
    }
    .fullscreen-menu .flexnav li {
        padding: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .booking-button {
        margin-right: 30px;
    }

    .accordion.bigger-acc dt span {
        text-indent: 0;
    }
    .light-content .light-section a h1.big-title {
        font-size: 50px;
    }
    .fullscreen-menu .flexnav li {
        padding: 10px;
    }
    .flexnav li a {
        font-size: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .booking-button {
        margin-right: 20px;
    }
    .accordion.bigger-acc dt span {
        text-indent: 0;
    }
    .light-content .light-section a h1.big-title {
        font-size: 30px;
    }
    .fullscreen-menu .flexnav li {
        padding: 10px;
    }
    .flexnav li a {
        font-size: 32px;
    }
}

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

    #logo img {
        height: 24px;
    }
    .accordion.bigger-acc dt span {
        text-indent: 0;
    }
    .light-content .light-section a h1.big-title {
        font-size: 30px;
    }
    .fullscreen-menu .flexnav li {
        padding: 10px;
    }
    .flexnav li a {
        font-size: 32px;
    }
    .hero-title, .next-hero-title, .next-temp-hero-title {
        font-size: 42px;
        line-height: 56px;
    }
    h1.big-title {
        font-size: 36px;
        line-height: 50px;
    }
}