/* 
    Theme Name: Ozdes
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:700,800,900|Roboto:300,400');

html, body {
    min-height: 100%;
}

body {
    margin: 0;
    padding: 110px 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 62.5%;
    font-weight: 400;
    position: relative;
}

    body::after {
        content: '';
        display: block;
        height: 400px; /* Set same as footer's height */
    }

ul {
    list-style-type: none;
}

.bordered {
    border: 1px solid rgba(255, 255, 255, .15);
}

.back1 {
    border-color: #F5F5F5;
    border-width: 1px 0 1px 0;
    border-style: solid;
}

.section-title {
    text-align: center;
    font-weight: 100;
    margin: 30px 0 45px 0;
    color: #000;
}

.anamenu .header-reservation-button a {
    background-color: #d7b56d;
    box-shadow: 0 2px 0px 0 #b79754, 0 6px 10px -4px #000;
    color: #413c2a !important;
    border-radius: 6px;
    font-weight: 700 !important;
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.navbar-brand {
    padding: 0;
    margin-top: -20px;
}

    .navbar-brand img {
        max-height: 90px;
    }


/* Buttons */

.btn-reservation {
    background-color: #d7b56c;
    box-shadow: 0 3px 3px 0 #c7a55f;
    border-radius: 36px;
    padding: 15px 60px;
    color: #333;
    margin: 30px 0;
    font-weight: 700;
}

.btn-gold {
    background-color: #d7b56c;
    box-shadow: 0 3px 3px 0 #c7a55f;
    border-radius: 36px;
    padding: 15px 60px;
    color: #333;
}
/* Navbar */

.navbar-default {
    background-color: rgb(0, 0, 0);
    border: none;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
}

    .navbar-default .navbar-nav > li > a {
        color: #d7b56d;
        transition: all .3s ease-in-out;
        font-weight: 300;
        font-family: Montserrat, sans-serif;
    }

        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a:hover {
            color: #5178ba;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        background: none;
        color: #d7b56d;
        font-weight: 700;
    }


/* Slider */

#slider {
    overflow: hidden;
}

    #slider img {
        margin: auto;
    }


/* Neden Ozdes Blok */

.neden-ozdes {
    background: url(images/map.png) no-repeat center #10100e;
    background-size: cover;
    padding: 15px;
    margin: 60px 0;
    display: block;
    box-sizing: border-box;
}

    .neden-ozdes .box {
        color: #fff;
        font-weight: 900;
        border-right: 1px solid rgba(255, 255, 255, .15);
        text-align: center;
        padding: 45px 30px;
        box-sizing: border-box;
        min-height: 220px;
    }

        .neden-ozdes .box:nth-of-type(4) {
            border: none;
        }

        .neden-ozdes .box img {
            max-height: 60px;
            margin: auto;
        }

        .neden-ozdes .box .title {
            font-size: 1.8rem;
            font-family: Montserrat, sans-serif;
            line-height: 140%;
        }


/* Biz Kimiz */

.biz-kimiz {
    padding: 90px 0 90px 0;
}

section .title {
    font-size: 5rem;
    color: #d7b56c;
    margin-bottom: 30px;
    position: relative;
    font-family: Montserrat, sans-serif;
}

section .content {
    font-size: 1.8rem;
    line-height: 200%;
    font-weight: 300;
}


/* Hizmetlerimiz */

.hizmetlerimiz {
    margin: 90px 0;
}

    .hizmetlerimiz .box {
        position: relative;
        height: 300px;
        margin-bottom: 30px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        transition: all .5s ease-in-out;
    }

        .hizmetlerimiz .box:hover {
            transform: translateY(-10px);
            box-shadow: 0 14px 6px -3px #333;
        }

            .hizmetlerimiz .box:hover a {
                background-color: #d8b56c;
                border-color: #d8b56c;
                color: #333;
            }

        .hizmetlerimiz .box::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .hizmetlerimiz .box .title {
            font-size: 1.8rem;
            font-weight: 700;
            position: absolute;
            right: 15px;
            bottom: 45px;
            width: calc(100% - 40%);
            line-height: 130%;
            text-align: right;
            white-space: pre-line;
            color: #fff;
            z-index: 3;
        }

        .hizmetlerimiz .box .desc {
            font-size: 1.4rem;
            line-height: 130%;
            font-weight: 300;
            position: absolute;
            right: 15px;
            bottom: 55px;
            width: calc(100% - 30%);
            text-align: right;
            white-space: pre-line;
            color: #fff;
            z-index: 3;
        }

        .hizmetlerimiz .box a {
            position: absolute;
            bottom: 20px;
            right: 15px;
            border: 1px solid #fff;
            padding: 10px 15px;
            color: #fff;
            font-weight: 700;
            border-radius: 6px;
            font-size: 1.2rem;
            z-index: 3;
            text-decoration: none;
            transition: all .3s ease-in-out;
        }

    .hizmetlerimiz .havalimani-transfer {
        background: url(images/transfer.jpg);
    }

    .hizmetlerimiz .havalimani-karsilama {
        background: url(images/havalimani-karsilama.jpg);
    }

    .hizmetlerimiz .arac-kiralama {
        background: url(images/binek-arac-kiralama.jpg);
    }

    .hizmetlerimiz .concierge {
        background: url(images/concierge.jpg);
    }

    .hizmetlerimiz .mice {
        background: url(images/mice.jpg);
    }

    .hizmetlerimiz .bus {
        background: url("/images/tourism.jpg");
        background-size: cover;
    }


/* Static Pages */

.page {
    padding-top: 70px;
    font-size: 1.4rem;
    line-height: 200%;
    color: #7b7b7b;
}

header {
    text-align: center;
    position: relative;
    margin-bottom: 60px;
    font-family: Montserrat, sans-serif;
}

    header .title::after {
        content: ' ';
        height: 1px;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
        margin: auto;
        background-color: #d8b56c;
        z-index: -1;
    }

    header .title a {
        background: #fff;
        padding: 0 30px;
        color: #d8b56c;
        text-decoration: none;
        display: inline;
    }

.dl-horizontal dt {
    width: 50px;
    font-size: 16px;
    color: #fff;
}

.dl-horizontal dd {
    margin-left: 60px;
    font-size: 16px;
    color: #fff;
}

dd, dt {
    font-size: 16px;
    color: #fff;
}


/* Contact Page */

.page.contact {
}

    .page.contact .media {
        margin-bottom: 30px;
    }

        .page.contact .media .media-heading {
            margin: 20px 0 15px;
            font-weight: 700;
            color: #d7b56c;
        }

        .page.contact .media img {
            max-width: 64px;
            margin-right: 15px;
        }

    .page.contact input,
    .page.contact textarea {
        display: block;
        padding: 15px;
        border-color: rgba(216, 181, 108, .5);
        border-width: 1px;
        border-style: solid;
    }

    .page.contact [type=submit] {
        background-color: #000;
        color: #d7b56c;
        border: none;
        width: 160px;
    }


/* Footer */

footer {
    position: absolute;
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #10100e;
    height: 350px;
    width: 100%;
    bottom: 0;
}

    footer .title {
        color: #d8b56c;
        font-size: 1.8rem;
    }

    footer address {
        color: #fff;
        font-size: 1.6rem;
        font-weight: 300;
        border-left: 5px solid #d8b56c;
        padding-left: 15px;
    }

    footer .nav > li > a:focus,
    .nav > li > a:hover {
        background: #fea !important;
        color: #8a6d3b !important;
    }

    footer .navbar-collapse {
        padding: 0;
    }

    footer ul li {
        width: 100%;
    }

        footer ul li a {
            padding: 5px 0 !important;
            font-size: 1.6rem;
            color: #fff;
        }

/* ==== ==== ==== === ====*/

.navbar-image-first {
    margin-left: 60px;
    margin-right: 13px;
    padding-right: 10%,
}

}

.navbar-image-second {
    margin-right: 18px;
    padding-right: 20%
}

.navbar-images {
    width: 120px;
    height: 57px;
}

.neden-ozdes .neden-ozdes-a {
    text-decoration: none;
    color: white;
}

.ticket-container {
    background-image: url(/images/airplain.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2%;
}

    .ticket-container .page {
        padding-top: 0px !important;
    }

.ticket-title-wrapper {
    margin-left: 27%;
}

.ticket-page-title {
    text-align: center;
    color: #d7b56d;
    background: #1d1c1cd6;
    padding: 3%;
    width: 41%;
    border: 2px solid #d7b56d;
}

.shuttle-container {
    background-image: url(/images/shuttle-page.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 4%;
}

    .shuttle-container .page {
        padding-top: 0px !important;
    }

.shuttle-title-wrapper {
    margin-left: 27%;
}

.shuttle-page-title {
    text-align: center;
    color: #d7b56d;
    background: #1d1c1cd6;
    padding: 3%;
    width: 41%;
    border: 2px solid #d7b56d;
}

.page-content p {
    margin-top: 5%;
    text-align: justify;
    font-family: Open sans-serif;
}

.service-detail-container {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20%;
}

.page .btn-gold {
    color: #fff;
    margin-left: 39%;
    margin-top: 5%;
}

    .page .btn-gold:hover {
        color: #fff;
        margin-left: 39%;
        margin-top: 5%;
        background-color: #f1b127;
    }


.service-detail-page-title {
    text-align: center;
    color: #d7b56d;
    background: #1d1c1cd6;
    padding: 2% 2%;
    border: 2px solid #d7b56d;
    border-radius: 10px;
}


.airplane-BG {
    background-image: url(/images/airplane-band.jpg);
    background-position: center;
    border-radius: 10px;
}

.shuttle-detail-BG {
    background-image: url(/images/shuttle-band.jpg);
    background-position: center;
    border-radius: 10px;
}

.airport-transport-BG {
    background-image: url(/images/airTransfer.jpg);
    background-position: center;
    border-radius: 10px;
}

.rentacar-BG {
    background-image: url(/images/kendi-isinizi-kurduktan-sonra-havalimani-transferi-l.jpg);
    background-position: center;
    border-radius: 10px;
}

.foreignCountry-BG {
    background-image: url("/images/tourism-cover.jpg");
    background-position: center;
    border-radius: 10px;
}

.tours-BG {
    background-image: url(/images/havaalani-transferi.jpg);
    background-position: 0 58%;
    border-radius: 10px;
}

.congress-BG {
    background-image: url(/images/congress.jpg);
    background-position: center;
    border-radius: 10px;
}

.city-BG {
    background-image: url(/images/city.jpg);
    background-position: center;
    border-radius: 10px;
}

.shuttle-BG {
    background-image: url("/images/vipTransfer.jpg");
    background-position: center;
    border-radius: 10px;
}

.transport-BG {
    background-image: url("/images/newPlane.jpg");
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.national-BG {
    background-image: url("/images/national.jpg");
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.vip-BG {
    background-image: url("/images/vip-transfer-hizmeti-nasil-olmalidir.jpg");
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}



.airplane-service-container {
    background: url(/images/airplane-band.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 10%;
    background-position: center;
}

.shuttle-service-container {
    background: url(/images/shuttle-band.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 10%;
    background-position: center;
}

.band-caption-wrapper {
    background-color: #00000066;
    border-radius: 10px;
    padding: 3%;
}

.band-title {
    color: white;
    text-align: center;
}

.band-caption {
    color: white;
    font-size: 15px;
}

.band-button {
    color: black;
    width: 200px;
    background: #bb7f00;
    padding: 10px 20px;
}

.whatsapp-button {
    bottom: 17px;
    right: 88px;
    position: fixed;
    z-index: 9999;
}

    .whatsapp-button img {
        width: 63px;
    }