@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

body {
    background: url(../images/background.jpg) #fff !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    /* FOR USE WITH SHADED BACKGROUNDS...
  background: 
  	linear-gradient(rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.40)), 
  	url(../images/background.jpg) center no-repeat !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  vertical-align: middle !important;
	*/
}

a {
    transition: all 0.3s ease-in !important;
}


/* ----- HEADER, NAVIGATION ----- */

.header {
    background-color: transparent !important;
    height: auto !important;
    padding-top: 0 !important;
    margin-bottom: 15px !important;
    border: 0 !important;
}

.user-nav {
    margin: 20px 20px 0 0 !important;
}

    .user-nav ul li a {
        font-family: 'Roboto Condensed', sans-serif !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        color: #FBDE31 !important;
    }

        .user-nav ul li a:hover {
            text-decoration: none !important;
            color: rgb(222, 80, 33) !important;
        }

    .user-nav .glyphicons,
    .user-nav .fa {
        color: #FBDE31 !important;
    }

    .user-nav .dropdown-menu {
        background: #eee !important;
    }

        .user-nav .dropdown-menu li a {
            color: #000 !important;
        }

.header-logo-container {
    margin: 0 !important;
}

.header-logo {
    margin: 20px 0 0 0 !important;
    width: 359px !important;
    height: 176px !important;
    background: url(../images/logo.png) center center no-repeat !important;
    background-color: transparent !important;
    background-size: contain !important;
}

    .header-logo a {
        width: 100% !important;
        max-width: 359px !important;
        height: 100% !important;
    }

    .header-logo img {
        display: none !important;
    }

.navbar-main {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.navbar-nav {
    width: auto !important;
    padding: 0 !important;
    float: right !important;
    margin-top: -110px !important;
}

.navbar-main .navbar-nav > li {
    border-right: 0 !important;
}

    .navbar-main .navbar-nav > li > a,
    .navbar-main .navbar-nav > li > a:visited {
        color: #fff !important;
        width: auto;
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: normal !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 5px 10px !important;
        margin: 0 10px !important;
        text-transform: uppercase !important;
        background: rgba(222, 80, 33, 0.8) !important;
    }

        .navbar-main .navbar-nav > li > a:hover,
        .navbar-main .navbar-nav > li > a:active,
        .navbar-main .navbar-nav > li > a:focus {
            border: 0 !important;
            background: rgba(85,84,84,0.8) !important;
            border-radius: 0 !important;
            color: #fff !important;
            text-decoration: none !important;
        }

    .navbar-main .navbar-nav > li:first-child a {
        border-left: 0 !important;
    }

.navbar-main .input-group {
    display: none !important;
}

.navbar-brand {
    margin-left: 5px !important;
}

.navbar-toggle {
    background-color: #605E5E !important;
    margin-top: 85px !important;
}

    .navbar-toggle .icon-bar {
        background: #fff !important;
    }


/* SMALL LAPTOPS */

@media (min-width: 992px) and (max-width: 1199px) {
}


/* TABLETS */

@media (min-width: 768px) and (max-width: 991px) {
    .header-logo {
        width: 180px !important;
        height: 88px !important;
    }

    .navbar-nav {
        margin-top: 15px !important;
    }

    .user-nav {
        margin: 5px 20px 0 0 !important;
    }
}


/* MOBILE DEVICES */

@media all and (max-width: 767px) {
    .admin-menu-container {
        background: #605E5E !important;
        padding: 5px 0 !important;
    }

    .user-nav {
        margin: 0 15px !important;
        float: right !important;
        z-index: 1 !important;
    }

        .user-nav ul li a {
            color: #fff !important;
            font-weight: 400 !important;
        }

        .user-nav .glyphicons,
        .user-nav .fa {
            color: #fff !important;
        }

    .header {
        height: auto !important;
        background: #fff !important;
    }

    .header-logo {
        width: 180px !important;
        height: 88px !important;
        margin: 15px 0 !important;
    }

    .navbar-main .container-fluid {
        box-shadow: none !important;
        background: #fff !important;
    }

    .navbar-main .navbar-nav > li > a,
    .navbar-main .navbar-nav > li > a:visited {
        color: #fff !important;
        background: rgba(85,84,84,0.8) !important;
        padding: 15px !important;
        border: 1px solid #fff !important;
        text-align: center !important;
    }

    .navbar-main .navbar-nav > li {
        display: block !important;
    }

        .navbar-main .navbar-nav > li:first-child a {
            border-left: 1px solid #fff !important;
        }

    .navbar-nav {
        background: transparent !important;
        float: none !important;
        margin: 0 !important;
    }

    .navbar-main .container, .navbar-main .container-fluid, .navbar-main .navbar-collapse {
        padding: 0 !important;
    }
}


/* ----- MAIN CONTENT ----- */

.main-container {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}


/* ----- FOOTER ----- */

.footer-container {
    width: auto !important;
    background-color: #2F2E2E !important;
    padding-top: 30px !important;
    margin-top: 15px;
    font-size: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.footer-destination-illustrations {
    display: none !important;
}

.footer-icon {
    padding: 0 0 15px 0 !important;
    border-right: 0 !important;
}

.footer-icon-image {
    display: none !important;
}

.footer-icon ul li {
    padding: 7px 0 !important;
}

.footer-travelagent a,
.footer-travelagent a:visited,
.footer-icon a,
.footer-icon a:visited {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
    text-decoration: none !important;
}

    .footer-travelagent a:hover,
    .footer-travelagent a:active,
    .footer-travelagent a:focus,
    .footer-icon a:hover,
    .footer-icon a:active,
    .footer-icon a:focus {
        color: #ccc !important;
        text-decoration: none !important;
    }

.footer-other-destinations-outercontainer {
    background: transparent !important;
}

.footer-rdlogo {
    background: url(/content/images/powered_by_Reserve_Direct_white.png) transparent no-repeat center center !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    margin-bottom: 0 !important;
    width: 97% !important;
}

    .footer-rdlogo img {
        visibility: hidden !important;
    }

.footer-icon h3 {
    color: #ccc !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.footer-icon .footer-phonenumber {
    color: #fff !important;
    font-weight: 400 !important;
}

.footer-payment-container {
    padding: 15px !important;
    border-bottom: 0 !important;
}

    .footer-payment-container p {
        color: #fff !important;
        text-align: left !important;
    }

.footer-bottombar {
    color: #fff !important;
    background-color: #2F2E2E !important;
}

    .footer-bottombar a {
        color: #fff !important;
    }

@media all and (max-width: 767px) {
    .footer-icon-image {
        display: block !important;
    }

    .secure-logo-container {
        margin-top: 0 !important;
    }

    .footer-container {
        padding: 15px !important;
    }

    .footer-bottombar {
        margin: 0 -15px -15px !important;
    }
}