.iti {
    width: 100%;
}
.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../images/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../images/flags@2x.png");
    }
}

/* Menu styling */
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #eebb22;
}

.dropdown-menu {
    background-color: #fff;
    border-color: #333;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #eee;
    }

.navbar-custom {
    background-color: #ffcc33;
    border-color: #333;
}

    .navbar-custom .navbar-brand {
        color: #000;
    }

        .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
            color: #000;
        }

    .navbar-custom .navbar-text {
        color: #000;
    }

    .navbar-custom .navbar-nav > li > a {
        color: #000;
    }

        .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
            color: #000;
        }

    .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
        color: #000;
        background-color: #dd0000;
    }

    .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
        color: #000;
        background-color: #dd0000;
    }

    .navbar-custom .navbar-toggle {
        border-color: #ffcc33;
    }

        .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
            background-color: #dd0000;
        }

        .navbar-custom .navbar-toggle .icon-bar {
            background-color: #000;
        }

    .navbar-custom .navbar-collapse,
    .navbar-custom .navbar-form {
        border-color: #000;
    }

    .navbar-custom .navbar-link {
        color: #000;
    }

        .navbar-custom .navbar-link:hover {
            color: #000;
        }

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }

        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #000;
        }

    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #000;
        background-color: #dd0000;
    }
}