@import "fonts.css";
@import "anim.css";
@import "main.header.css";
@import "main.home.css";
@import "main.mobile.css";
@import "main.sub.css";
@import "main.tours.css";
@import "main.hotels.css";
@import "main.banner.css";
@import "main.footer.css";
@import "main.projects.css";
@import "main.products.css";

* {
    font-family: 'DM Sans', sans-serif;
}

body {
    background-color: #eae7e7;
    font-family: 'DM Sans', sans-serif;
}

#modal-search .uk-modal-dialog {
    background-color: rgba(255, 255, 255, 0.8);
}

.main {
    margin-top: 0px;
    /*margin-bottom: 70px;*/
    background-color: #eae7e7;
}

.background-color {
    background-color: rgba(112, 112, 112, 0.81);
}

.uk-background-primary {
    background-color: rgba(80, 80, 80, 0.82);
}

.rezervasyon-form {
    padding: 10px;
    background-color: rgba(182, 182, 182, 0.81);
}

.main-background {
    background-color: white;
}

.maps {
    /*z-index: -1;*/
}

.home-iframe .iframe {
    height: 400px;
    border: solid 1px #ccc;
}

.mobilmenu {
    z-index: 1000;
    background-color: white;
}

.mobilmenu .uk-logo {
    width: 120px;
    padding: 10px;
}

#onlineframe {
    margin-top: 40px
}

.uk-offcanvas-bar .uk-navbar-nav a {
    min-height: 20px;
}

/*
@media (min-width: 639px) {
    .uk-sticky-placeholder {
        min-height: 168px;
    }
}
@media (max-width: 639px) {
    .home-banner {
        margin-top: 0;
    }
    .uk-logo img{
        margin-top: 0;
        height: 30px;
    }
}
*/

.main .uk-subnav {
    margin: 20px 0;
}

.main .uk-subnav > li {
    padding: 4px 10px;
}

.main .uk-subnav > li > a,
.main .uk-subnav > li > span {
    color: white;
    font-size: 17px;
}

.main .uk-subnav > li:first-child {
    background-color: #1c1638;
}

.main .uk-subnav > li a:hover,
.main .uk-subnav > li.uk-active a {
    background-color: transparent;
}

.main .uk-subnav > li.uk-active {
    background-color: #1c1638;
}

.main .uk-subnav > li:hover {
    background-color: #1c1638;
}

.fa,
.header-title,
.sekmeler h3 {
    color: #1c1638;
}

.form_contact .uk-button-primary {
    background-color: #1c1638;
}

.text-shadow {
    text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.61), -3px -3px 3px rgba(255, 255, 255, 0.61), -3px 3px 3px rgba(255, 255, 255, 0.61), 3px -3px 3px rgba(255, 255, 255, 0.61);
}


.gallery-block p {
    font-size: 18px;
    color: #1f1f1f;
    text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.61);
}

.home-h2 {
    font-size: 24px !important;
    color: #1c1638 !important;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

.home-h4 {
    font-size: 18px !important;
    color: #1c1638 !important;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

li.uk-active .home-h4 {
    text-decoration: underline;
}

.background-white {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
}

.slider-background-white {
    margin: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
}

.slider-background-white:first-child {
    margin-left: 0;
}

.slider-background-white:last-child {
    margin-right: 0;
}

.uk-button-primary {
    background-color: #1c1638;
}

.page-title {
    color: #1c1638;
    font-weight: 700;
}

.animated.standby {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    visibility: hidden;
}

.neon {
    font-family: neon_tubes_2regular;
    color: #FB4264;
    font-size: 3em;
    line-height: 5em;
    text-shadow: 0 0 5em #F40A35;
}

.neon {
    animation: neon 1s ease infinite;
    -moz-animation: neon 1s ease infinite;
    -webkit-animation: neon 1s ease infinite;
}

@keyframes neon {
    0%,
    100% {
        text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
        color: #FED128;
    }
    50% {
        text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
        color: #806914;
    }
}

.hue {
    font-family: 'Lilita One', cursive;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}

.hue2 {
    font-family: 'Teko', sans-serif;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}