a,
u {
    text-decoration: none !important;
}

ul {
    list-style: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    text-align: center;
}

@font-face {
    font-family: 'coiny-regular';
    src: url('/fonts/coiny/coiny-regular.ttf?v=1506811819');
    font-weight: normal;
    font-style: normal;
}

body {
    /*    font-family: "lato", sans-serif;*/
    /*    font-family: 'Montserrat', sans-serif;*/
    /*        font-family: 'Gloria Hallelujah', sans-serif;*/
    font-family: coiny-regular;
    font-size: 1.5rem;
}

section {
    text-align: center;
}


/*
#header {
    display: none;
}

#main {
    display: none;
}

#footer {
    display: none;
}
*/

#splash {
    background-image: url('/img/rao-tablecloth.jpg?v=1506811819');
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#splash-logo {
    width: 30%;
}

.horizontally-centered {
    position: relative;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

.vertically-centered {
    position: relative;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.centered {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media (min-width: 992px) {
    .vertical-align {
        display: flex;
        align-items: center;
    }
    #noodle-salad-product-medium {
        display: none;
    }
}

@media (max-width: 992px) {
    #noodle-salad-product-large {
        display: none;
    }
    .article-picture {
        margin: 60px 0;
    }
}

.navbar-default .navbar-nav>li>span {
    line-height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.navbar-default.affix .navbar-nav>li>span {
    line-height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.navbar-default.affix .navbar-nav>li>span>a {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    margin: 20px 10px;
    padding: 0 10px;
}

.navbar-default .navbar-nav>li>span>a {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    margin: 40px 10px;
    padding: 0 10px;
}

@media(min-width: 1400px) {
    .seperator-image {
        width: 2em;
    }
}

@media(max-width: 1400px) {
    .seperator-image {
        display: none;
    }
    .navbar-default.affix .navbar-nav>li>span>a {
        padding: 0 2px;
    }
    .navbar-default .navbar-nav>li>span>a {
        padding: 0 3px;
    }
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
    max-height: 100vh;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

.navbar-default button {
    margin-top: 25px;
    background-color: blanchedalmond;
}

.navbar-default {
    border: none;
}

.navbar-default .navbar-nav>li a {
    color: #ffffff;
}

.navbar-default .main-nav>li a:hover,
.navbar-default .main-nav>li a:focus {
    /*    background-color: #D0B003;*/
    /*    background-color: #ffcc3d;*/
    background-color: #edbc34;
    /*    font-weight: bold;*/
}

.navbar-default .navbar-nav .icon-facebook:hover,
.navbar-default .navbar-nav .icon-twitter:hover,
.navbar-default .navbar-nav .icon-instagram:hover,
.navbar-default .navbar-nav .icon-facebook:focus,
.navbar-default .navbar-nav .icon-twitter:focus,
.navbar-default .navbar-nav .icon-instagram:focus {
    color: white;
}

.navbar-default .navbar-nav .icon-facebook:hover {
    background-color: #8b9dc3;
}

.navbar-default .navbar-nav .icon-twitter:hover {
    background-color: #1dcaff;
}

.navbar-default .navbar-nav .icon-instagram:hover {
    background-color: #8a3ab9;
}

.navbar-default .navbar-nav>li>i {
    color: #ffffff;
}

.navbar-default {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    height: 120px;
    background: rgba(27, 38, 70, 0.0);
    box-shadow: none;
}

.navbar-default.affix {
    height: 80px;
    opacity: 1;
    background: rgb(27, 31, 54);
    box-shadow: 0 2.7px 3px rgba(0, 0, 0, 0.35), 0 3.5px 12px rgba(27, 38, 70, .575);
}

.navbar-brand {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 0;
    height: 120px;
    transform: translate3d(4vw, 0, 0);
}

.navbar-brand>img {
    /*    margin: 0 2em;*/
    max-height: 100%;
    max-width: 100%;
}

.navbar-default.affix .navbar-brand {
    height: 80px;
}

@media(max-width: 1149px) {
    .navbar-default .navbar-nav>li>span {
        line-height: 3em;
        padding: 0;
        display: inline-flex;
        align-items: center;
    }
    .navbar-default.affix .navbar-nav>li>span {
        line-height: 3em;
        padding: 0;
        display: inline-flex;
        align-items: center;
    }
    .navbar-default.affix .navbar-nav>li>span>a {
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
        margin: auto;
        width: 100vw;
    }
    .navbar-default .navbar-nav>li>span>a {
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s;
        margin: auto;
        width: 100vw;
        background-color: rgba(13, 13, 13, 0.55);
    }
    .navbar-default {
        height: 80px;
        opacity: 1;
        background: rgba(27, 31, 54, 0);
        /*        box-shadow: 0 2.7px 3px rgba(0, 0, 0, 0.35), 0 3.5px 12px rgba(27, 38, 70, .575);*/
    }
    .navbar-default .navbar-brand {
        height: 80px;
    }
    .navbar .navbar-collapse {
        background-image: url('/img/rao-deli-stall-mobile-menu.jpg?v=1506811819');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.full-logo {
    position: absolute;
    z-index: 1;
    opacity: 1;
    filter: drop-shadow(2px 3px 6px rgba(13, 13, 13, 0.3));
    /*    width: 100%;*/
}

@media(max-height:540px) {
    .full-logo img {
        display: none;
    }
    .full-logo p {
        display: none;
    }
}

@media(min-width:992px) {
    .full-logo img {
        max-height: 16em;
    }
    .full-logo p {
        font-size: 2.4em;
    }
}

@media(max-width:992px) {
    .full-logo img {
        width: 80%;
    }
    .full-logo p {
        font-size: calc(1.2em + 2vw);
    }
}

@media(max-width:768px) {
    .full-logo img {
        max-width: 100%;
    }
    .full-logo p {
        font-size: calc(1.2em + 2vw);
    }
}

.full-logo p {
    color: azure;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.08em !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
    margin: 1em 0;
}

.content {
    max-width: 1920px;
}

.introduction-container {
    background-color: blanchedalmond;
}

.introduction-container .container-headline {
    width: 100%;
    margin: 5em 0;
}

.introduction-container .container-headline h1 {
    height: 7em;
    background-image: url('/img/rao-logo-blue.svg?v=1506811819');
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 50px;
}

@media(max-width:768px) {
    .introduction-container .container-content p {
        font-size: 1em !important;
    }
}

@media(min-width:768px) {
    .introduction-container .container-content p {
        font-size: 1.3em !important;
    }
}

.introduction-container .container-content p {
    font-family: 'Varela Round';
    font-weight: lighter !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
    color: #2F4554;
    margin: 1em 1em;
    text-align: justify;
}

.locations {
    position: relative;
    z-index: 1000;
    margin-bottom: 100px;
}

.locations p {
    font-family: 'Varela Round';
    font-weight: lighter !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
    color: #2F4554;
    margin: 1.5em 0;
}

@media(max-width:768px) {
    .locations {
        margin-bottom: 0;
    }
}

.locations-heading {
    margin-top: 3em;
}

.timely {
    max-height: 50vh;
    height: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#timely_ed {
    -ms-zoom: 0.85;
    -ms-transform: translate3d(9%, 130px, 0);
    -moz-transform: scale(0.85) translate3d(9%, 130px, 0);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.85) translate3d(9%, 130px, 0);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.85) translate3d(9%, 130px, 0);
    -webkit-transform-origin: 0 0;
}

.timely-calendar {
    border: none;
    width: 100%;
    max-width: 1280px;
    margin: 0px auto;
    display: block;
    overflow: hidden;
}

.intro-video {
    text-align: justify;
    height: 85vh;
    overflow: hidden;
}

.bv-video {
    top: -60%;
}

@media(max-width:768px) {
    #about-video {
        display: none;
    }
}

@media(max-width:768px) {
    .heading-1 {
        font-size: 3em !important;
    }
    .heading-2 {
        font-size: 1.5em !important;
    }
}

@media(min-width:768px) {
    .heading-1 {
        font-size: 5em !important;
    }
    .heading-2 {
        font-size: 2em !important;
    }
}

.heading-1 {
    text-transform: uppercase;
    line-height: 1.1em !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    margin: 0.3em !important;
    /*    color: #ffeb00 !important;*/
    color: #ffcc3d !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
}

.heading-2 {
    text-transform: uppercase;
    line-height: 1.1em !important;
    font-weight: 900 !important;
    letter-spacing: 0.1em !important;
    /*    color: #ff675c !important;*/
    color: #2494a2 !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
}

.heading-3 {
    line-height: 1.1em;
    font-size: 1.4em !important;
    font-weight: 200 !important;
    /*    color: #885959 !important;*/
    color: #788C65 !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
}

#banh-mi-article .heading-3::before,
#banh-mi-article .heading-3::after {
    background-image: url('/img/flaticon-bread-baguettes-black.svg?v=1506811819');
    margin: 0.3em 0;
}

#noodle-salad-article .heading-3::before,
#noodle-salad-article .heading-3::after {
    background-image: url('/img/flaticon-udon.svg?v=1506811819');
    margin: 0.6em 0;
}

#pho-article .heading-3::before,
#pho-article .heading-3::after {
    background-image: url('/img/flaticon-noodle-soup-on-a-bowl.svg?v=1506811819');
    margin: 0.6em 0;
}

.product-heading .heading-3::before,
.product-heading .heading-3::after {
    content: '';
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    filter: opacity(0.18);
    -webkit-filter: opacity(0.18);
    -moz-filter: opacity(0.18);
    -o-filter: opacity(0.18);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=18)";
    display: block;
    left: 50%;
    height: 2em;
    width: 2em;
    transform: translate3d(-50%, 0, 0);
}

@media(max-width:768px) {
    .article-content p {
        text-align: justify;
        font-size: 1em !important;
    }
}

@media(min-width:768px) {
    .article-content p {
        text-align: center;
        font-size: 1.3em !important;
    }
}

.article-content p {
    font-family: 'Varela Round';
    font-weight: lighter !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
    /*    color: #1b1f36;*/
    color: #2F4554;
}

.article-content {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

.article-background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -5;
}

.article-background img {
    display: block;
    position: absolute;
    transition: 3600ms cubic-bezier(.09, .39, .49, 1.1);
}

.article-background .bg-item {
    opacity: 0.095;
    filter: alpha(opacity=09);
    /* For IE8 and earlier */
}

.article-container {
    max-width: 1250px;
    margin: 0 auto;
    /*    padding: 0 50px;*/
}

.article-container::after {
    content: '';
    clear: both;
    display: block;
}

.article-container>div {
    margin: 50px 0;
}

.article-text {
    background-color: rgba(255, 255, 255, 0.30);
}

.article-picture p>img {
    max-width: 100%;
    vertical-align: middle;
}

@media(max-width:768px) {
    .catering-bg {
        background-image: url('/img/rao-deli-boxes-dark-mobile.jpg?v=1506811819');
    }
}

@media(min-width:768px) {
    .catering-bg {
        background-image: url('/img/rao-deli-boxes-dark.jpg?v=1506811819');
    }
}

.catering-bg {
    background-size: cover;
}

.catering-container {
    font-family: 'Varela Round';
    overflow: hidden;
    color: azure;
    padding-bottom: 3em;
}

.catering-article {
    /*
    border-color: black;
    border-width: medium;
    border-style: dashed;
*/
    font-size: 1.2em;
    margin: 0em 3em 3em 3em;
}

.catering-icon {
    width: 8em;
}

@media(max-width:768px) {
    .heading-2-catering {
        font-size: 2em !important;
    }
}

@media(min-width:768px) {
    .heading-2-catering {
        font-size: 2.3em !important;
    }
}

.heading-2-catering {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.2em !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
    padding: 2em 0 2em 0;
}

.heading-3-catering {
    /*    line-height: 2em;*/
    font-size: 1.4em !important;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: wrap !important;
    padding: 0.6em 0;
}

#catering .catering-article img {
    -webkit-animation-duration: 1.8s;
    -webkit-animation-delay: 0.35s;
    -moz-animation-duration: 1.8s;
    -moz-animation-delay: 0.35s;
    -ms-animation-duration: 1.8s;
    -ms-animation-delay: 0.35s;
    -o-animation-duration: 1.8s;
    -o-animation-delay: 0.35s;
}

#catering .catering-article p,
#catering .catering-article h3 {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-duration: 1.3s;
    -moz-animation-delay: 0.5s;
    -ms-animation-duration: 1.3s;
    -ms-animation-delay: 0.5s;
    -o-animation-duration: 1.3s;
    -o-animation-delay: 0.5s;
}

.colored {
    background-color: brown;
}

#contact {
    background-color: blanchedalmond;
    padding-top: 50px;
    padding-bottom: 90px;
    font-family: 'Varela Round';
    font-weight: 900;
    color: #2F4554;
}

#contact ul {
    padding: 0;
}

.social-media {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.contact-email {
    color: #2F4554;
}

.social-media li {
    margin: 1em;
}

.social-media .fa-facebook,
.social-media .fa-twitter,
.social-media .fa-instagram {
    color: #2F4554;
}

.social-media .fa-facebook:hover,
.social-media .fa-twitter:hover,
.social-media .fa-instagram:hover {
    color: #51768e;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.contact-item {
    margin-top: 40px;
}

.contact-logo {
    height: 10em;
    background-image: url('/img/rao-logo-blue.svg?v=1506811819');
    background-repeat: no-repeat;
    background-position: center;
}

.flaticon-credit {
    font-size: 0.85em;
}

.flaticon-credit a {
    color: #2F4554;
}

.main {
    display: block;
    z-index: 20;
    position: relative;
}

.owl-theme .owl-dots {
    position: absolute;
    z-index: 50;
    bottom: 1%;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    position: relative;
    height: 2.5em;
    width: 2.5em;
    display: block;
    background: url('/img/flaticon-baguette-orange.svg?v=1506811819') no-repeat;
    background-position: center;
    background-size: 1.8em;
    z-index: 40;
    opacity: 0.5;
    background-color: blanchedalmond;
}

.owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.owl-theme .owl-nav .owl-prev {
    float: left;
    opacity: 0.25;
    background-color: black;
}

.owl-theme .owl-nav .owl-next {
    float: right;
    opacity: 0.25;
    background-color: black;
}

@media(max-width:768px) {
    #primrose-hill {
        background-image: url('/img/rao-deli-primrose-hill-mobile.jpg?v=1506811819');
    }
}

@media(min-width:768px) {
    #primrose-hill {
        background-image: url('/img/rao-deli-primrose-hill.jpg?v=1506811819');
    }
}

.parallaxBackground {
    height: 100vh;
    overflow: hidden;
    /* FF3.6+ */
    background: -moz-linear-gradient(top, rgba(13, 13, 13, 0.52) 0, rgba(0, 0, 0, 0) 180px);
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(13, 13, 13, 0.52)), color-stop(180px, rgba(0, 0, 0, 0)));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, rgba(13, 13, 13, 0.52) 0, rgba(0, 0, 0, 0) 180px);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(13, 13, 13, 0.52) 0, rgba(0, 0, 0, 0) 180px);
    /* IE10+ */
    background: -ms-linear-gradient(top, rgba(13, 13, 13, 0.52) 0, rgba(0, 0, 0, 0) 180px);
    /* W3C */
    background: linear-gradient(to bottom, rgba(13, 13, 13, 0.52) 0, rgba(0, 0, 0, 0) 180px);
    /* IE6-9 */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.parallaxBackground>img {
    height: 150%;
    /* TODO: not supported in IE, add fall back */
    object-fit: cover;
    position: relative;
    top: -90%;
    z-index: -1;
    /*    transition: transform 45ms linear;*/
}

.parallaxBackground>div {
    height: 150%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: -50%;
    z-index: -1;
}