@import url('mymaccaspage.css');
@import url('video-header.css');
@import url('feedback.css');

* {
    /* Prevent any object from being highlighted upon touch event*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot');
    src: url('../font/icomoon.eot?#iefix') format('embedded-opentype'), url('../font/icomoon.woff') format('woff'), url('../font/icomoon.ttf') format('truetype'), url('../font/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SpeedeeArabicWRg';
   src: url("./fonts/SpeedeeArabicWRg.eot"); /* IE9 Compat Modes */
  src: url("./fonts/SpeedeeArabicWRg.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/SpeedeeArabicWRg.otf") format("opentype"), /* Open Type Font */
    url("./fonts/SpeedeeArabicWRg.svg") format("svg"), /* Legacy iOS */
    url("./fonts/SpeedeeArabicWRg.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/SpeedeeArabicWRg.woff") format("woff"), /* Modern Browsers */
    url("./fonts/SpeedeeArabicWRg.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'SpeedeeArabicWLt';
  src: url("./fonts/SpeedeeArabicWLt.eot"); /* IE9 Compat Modes */
  src: url("./fonts/SpeedeeArabicWLt.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/SpeedeeArabicWLt.otf") format("opentype"), /* Open Type Font */
    url("./fonts/SpeedeeArabicWLt.svg") format("svg"), /* Legacy iOS */
    url("./fonts/SpeedeeArabicWLt.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/SpeedeeArabicWLt.woff") format("woff"), /* Modern Browsers */
    url("./fonts/SpeedeeArabicWLt.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

  #facebook-jssdk-iframe{display: none;}

#clientsidevalidation-webform-client-form-1-errors {
    display: none;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
[class*="icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-arrow-left:before {
    content: "\e019";
}

.icon-icon-share:before {
    content: "\e018";
}

.icon-icon-close:before {
    content: "\e017";
}

.icon-icon-th:before {
    content: "\e016";
}

.icon-icon-list:before {
    content: "\e015";
}

.icon-icon-m-logo:before {
    content: "\e014";
}

.icon-icon-angle-up:before {
    content: "\e009";
}

.icon-icon-angle-right:before {
    content: "\e00a";
}

.icon-icon-angle-left:before {
    content: "\e00b";
}

.icon-icon-angle-down:before {
    content: "\e00c";
}

.icon-icon-pinterest:before {
    content: "\e00d";
}

.icon-icon-youtube:before {
    content: "\e00e";
}

.icon-icon-twitter:before {
    content: "\e00f";
}

.icon-icon-facebook:before {
    content: "\e010";
}

.icon-icon-search:before {
    content: "\e011";
}

.icon-icon-locator:before {
    content: "\e012";
}

.icon-icon-m-lovin:before {
    content: "\e013";
}

.icon-icon-caret-down:before {
    content: "\e008";
}

.icon-icon-caret-right:before {
    content: "\e006";
}

.icon-icon-caret-left:before {
    content: "\e007";
}

.icon-icon-caret-up:before {
    content: "\e005";
}

.icon-icon-googleplus:before {
    content: "\e004";
}

.icon-icon-instagram:before {
    content: "\e003";
}

.icon-icon-arrow-right:before {
    content: "\e002";
}

.icon-icon-download:before {
    content: "\e001";
}

.icon-icon-enlarge:before {
    content: "\e000";
}

.icon-uniF000:before {
    content: "\f000";
}

.icon-uniE600:before {
    content: "\e600";
}

.icon-uniE601:before {
    content: "\e601";
}

.icon-uniE602:before {
    content: "\e602";
}
/* TABLE ROUNDED BORDERS */
table {
    border-collapse: separate;
    border-spacing: 0;
}
    /*
table tr th,
table tr td {
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
padding: 5px;
}
*/
    table tr th:first-child,
    table tr td:first-child {
        /*border-left: 1px solid #bbb;*/
    }
    /*
table tr th {
background: #eee;
border-top: 1px solid #bbb;
text-align: left;
}*/
    /* top-left border-radius */
    table tr:first-child th:first-child {
        border-top-left-radius: 5px;
    }
    /* top-right border-radius */
    table tr:first-child th:last-child {
        border-top-right-radius: 5px;
    }
    /* bottom-left border-radius */
    table tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
    }
    /* bottom-right border-radius */
    table tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
    }

.hidden {
    display: none !important
}

body, html {
    height: 100%;
}

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

body {
    background-color: #fff;
	font-family: 'SpeedeeArabicWRg';
    /*font-family: "Lato", "SpeedeeArabicWRg", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    color: #fff;
    min-height: 100%;
    position: relative;
    font-weight: 300;
    /*letter-spacing: -0.03em;*/
}

a, a:active {
    outline: none;
    color: #db0006;
}

p {
    margin: 0 0 10px;
    /*float: right !important;*/
    direction: rtl !important;
}

.alpha {
    padding-right: 0 !important;
    margin-right: 0 !important
}

.omega {
    padding-left: 0 !important;
    margin-left: 0 !important
}

small {
    font-size: 0.750em;
    font-weight: 400
}

h1, h2, h3, h4, h5 { /*font-family: "Lato", "SpeedeeArabicWRg", "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;*/
    font-weight: 900
}

h6 {
    font-weight: bold;
    font-size: 1em;
    margin-top: 20px;
}
/* Main Nav */
#main-nav {
   /* background-color: rgb(0, 0, 0);*/
    background-color: rgb(255, 255, 255);
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 53px;-webkit-box-shadow: 0 0.0625rem 0.5rem 0 rgb(0,0,0,.04), 0 0.0625rem 0.3125rem 0 rgb(0,0,0,.04);
    box-shadow: 0 0.0625rem 0.5rem 0 rgb(0,0,0,.04), 0 0.0625rem 0.3125rem 0 rgb(0,0,0,.04);
}

.app-dect #main-nav {
    position: absolute;
}

#main-nav ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
    position: static;
}

    #main-nav ul li {
        width: 20%; /*width: 25%;*/
        float: right;
        text-align: center;
    }

        #main-nav ul li a {
            color: #000;
            font-size: 2em;
            padding: 2px 0;
            display: block;
            text-decoration: none;
            position: relative;
            z-index: 900;
            height: 51px;
            direction: rtl;
        }

        #main-nav ul li.hover a {
            /*background-color: rgb(0, 0, 0);*/
            background-color: rgb(255, 255, 255);
            color: #ffc836;
            border: 1px solid #fff;
            border-width: 0 1px;
            height: 52px;
        }

        #main-nav ul li a .icon {
            font-size: 0.25em;
            display: inline-block;
            direction: rtl;
        }

        #main-nav ul li a span {
            display: inline-block;
            line-height: 13px;
            margin-right: 5px;
            font-size: 1em;
            direction: rtl;
        }

    #main-nav ul .sep {
        border-bottom: 1px solid rgb(215, 208, 200, 0.2)
    }

#main-nav .subnav {
    display: none;
    position: absolute;
    top: 51px;
    left: 0;
    /*background-color: rgb(0, 0, 0);*/
    background-color: rgb(255, 255, 255);
    width: 100%;
    z-index: 100
}

#main-nav .hover .subnav {
    display: block;
    border-top: 1px solid #fff;
}

.subnav-content {
    margin: 40px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    max-width: 960px;
}

    .subnav-content .left-col {
        margin-left: 14%
    }

    .subnav-content h3 {
        font-size: 1.35em !important;
        text-align: right !important;
        margin: 0 0 10px
    }

        .subnav-content h3 a {
            background: none !important;
            color: #000 !important;
        }

    .subnav-content a {
        color: #ababab !important;
        font-size: 0.90em !important;
        display: block;
        padding: 2px 0 !important;
        height: auto !important;
        border-width: 0 !important
    }

        .subnav-content a:hover, .subnav-content a.active {
            color: #ffc836 !important
        }

    .subnav-content ul {
        margin: 0 30px 0 0 !important;
        list-style-type: square !important;
        display: block
    }

        .subnav-content ul.col-xs-6 {
            margin: 0 !important
        }

        .subnav-content ul li {
            width: auto !important;
            display: block !important;
            float: none !important;
            text-align: right !important;
            padding-right: 10px;
            background: transparent url('../images/square.png') no-repeat 0 45%;
            direction: rtl;
            background-position: right;
        }

#main-nav ul li.hover ul li a, #main-nav ul li ul li a:hover, #main-nav ul li ul li a {
    text-transform: none;
    font-size: 1em;
    padding: 5px 10px;
    color: #ffc836;
    background: none !important;
    font-weight: normal;
}

.mymaccas-nav {
    float: right;
}

    .mymaccas-nav a {
        font-size: 23px;
    }

.inner-container {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

#main-nav .inner-container {
    overflow: visible;
}

.inner-container p{float: none !important;  text-align: right;}
.navbar-brand {
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 1000;-webkit-box-shadow: 0 0.0625rem 0.5rem 0 rgba(0,0,0,.04), 0 0.0625rem 0.3125rem 0 rgb(0,0,0,.04);
    box-shadow: 0 0.0625rem 0.5rem 0 rgb(0,0,0,.04), 0 0.0625rem 0.3125rem 0 rgb(0,0,0,.04);
}

#nav-links {
    margin-left: -25% !important; /*margin-right: -300px*/
}

a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

#___plusone_0 {
    width: 62px !important;
}

#social-nav {
    padding: 0 10px 0 0;
    margin: 0;
    text-align: right;
    width: 110px; /*overflow:hidden;*/
}

#main-nav #social-nav li {
    float: left;
    position: relative;
    width: auto; /*overflow: hidden;*/
}

._1mwt {
    text-align: left;
}

#social-nav li a {
    text-decoration: none;
    font-size: 1.250em !important;
    color: #fff;
    padding: 3px 6px 0 !important;
    line-height: 51px;
    height: 51px; /*border:1px solid transparent;*/
    border-width: 0;
    display: block;
    float: left;
    z-index: 900
}

#social-nav li.mymaccas-nav a {
    font-size: 23px !important;
    line-height: 40px;
    margin-left: 10px;
}

#social-nav li .icon {
    color: #000;
    font-size: 1.7em !important;
    float: left;
}

#social-nav li a:hover, #social-nav li.active-social a {
    color: #ffc836;
    height: 52px;
}

#social-nav li.hover a { /*background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.9);*/
    color: #fff;
    position: relative;
    border-width: 0 !important;
}

.social-subnav {
    position: absolute;
    top: 14px;
    right: -12px;
    z-index: 100;
    opacity: 0;
    transition: opacity .25s;
}

    .social-subnav img {
        display: block
    }

#social-nav li.active-social .social-subnav {
    opacity: 1;
}

#social-nav li.findus-nav {
    margin: 0 10px 0 0
}

#social-nav li.search-nav {
}

#social-nav li.findus-nav .social-subnav {
    z-index: 150
}

#social-nav li.fb-link {
    width: 90px !important; /*overflow: hidden;*/
    margin-left: 12px;
    padding: 18px 0 0 0;
    z-index: 200
}

#social-nav li.g-link {
    padding: 18px 0 0 0;
    z-index: 900
}

#social-nav li button {
    width: 23px;
    background: none;
    border: none;
    color: #000;
    font-size: 23px;
}

    #social-nav li button:hover {
        color: #ffc836 !important
    }

    #social-nav li button.icon-icon-caret-right {
        display: inline-block;
    }

#social-nav li .icon-remove {
    position: absolute;
    right: 34px;
    color: #ccc;
    top: 8px;
    display: none;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
}

    #social-nav li .icon-remove:before {
        content: "\e017";
    }

    #social-nav li .icon-remove:hover {
        color: #999
    }

#findBox, #searchBox {
    width: 140px;
    padding-right: 13px
}

#findBox {
    margin-left: 6px;
}

.search-nav form, .findus-nav form {
    height: 27px;
    overflow: hidden;
    display: block
}
/* content */
#content-container {
    display: block;
    position: relative;
    color: #000;
    max-width: 3000px;
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}

    #content-container section {
        padding: 0
    }
/* PROMO */
.flexslider {
    margin: 0;
    height: 607px;
    border-width: 0;
    position: relative;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.flex-container {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    z-index: 900;
    font-size: 3em;
    height: 100%
}

.gallery3 .flex-container {
    top: 100%
}

.flex-direction-nav {
    display: none;
}

.flex-container .right,
.flex-container .left {
    opacity: .2;
    -moz-transition: opacity -moz-transform 1s;
    -webkit-transition: opacity -webkit-transform 1s;
    -o-transition: opacity -o-transform 1s;
    transition: opacity transform 1s;
}

    .flex-container .right:hover,
    .flex-container .left:hover {
        opacity: 1
    }

.item {
    height: 607px;
    overflow: hidden;
    padding: 60px 0 0 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    z-index: 0;
}

.item-content {
    margin: 0 auto;
    max-width: 960px;
}

    .item-content img {
        width: 100%
    }

.carousel-control {
    top: 100%;
    height: 100%;
    display: block;
    z-index: 900
}

.gallery3 .carousel-control {
    top: -100%;
}

.carousel-control .icon-icon-angle-right,
.carousel-control .icon-icon-angle-left {
    font-size: 2em;
    top: 45%;
    left: 38%;
    position: absolute;
}

.carousel-control.right,
.carousel-control.left { /*opacity: .2!important*/
    background: none;
}

    .carousel-control.right:hover,
    .carousel-control.left:hover {
        opacity: 1 !important
    }

.flex-control-paging {
    margin: 0;
    position: absolute;
}

#promo-section .flex-control-paging {
    top: 186%
}

.flex-control-paging li {
    margin: 0 3px;
    width: 12px;
    height: 12px;
    position: relative;
}

    .flex-control-paging li a {
        margin: 0 auto;
        background: transparent;
        border: 4px solid #000;
        width: 8px !important;
        height: 8px !important;
        position: relative;
        top: 2px
    }

        .flex-control-paging li a.flex-active {
            background: transparent;
            border: 1px solid #000;
            position: relative;
            width: 12px !important;
            height: 12px !important;
            top: 0
        }

        .flex-control-paging li a:hover {
            background: #000
        }

            .flex-control-paging li a:hover.flex-active {
                background: transparent;
            }

#promoBox {
    background-color: rgb(0, 0, 0);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 !important
}

.promo-content {
    padding: 0;
    overflow: hidden;
    margin: 0;
    background: #fff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #000000 0%, #ffffff 50%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#ffffff), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000000 0%,#ffffff 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000000 0%,#ffffff 50%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #000000 0%,#ffffff 50%,#000000 100%); /* IE10+ */
    background: linear-gradient(to right, #000000 0%,#ffffff 50%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

.promo {
    color: #fff;
    padding: 15px 0;
    background: #111;
    height: 200px;
    min-width: 180px;
    background-size: cover;
    background-position: 50% 0;
    margin: 2px .1%;
    background-repeat: no-repeat;
    display: inline-block;
}

    .promo.darkCopy {
        color: #000
    }

    .promo h4 {
        font-size: 1.4em;
        font-weight: 400;
        margin: 0 0 5px;
        z-index: 200;
        position: relative;
        display: block;
        text-align: center;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    }

    .promo h5 {
        font-size: 1.4em;
        font-weight: 400;
        line-height: 1em;
        margin: -4px 0 0 0;
        z-index: 200;
        position: relative;
        display: block;
        text-align: center;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    }

    .promo.darkCopy h4,
    .promo.darkCopy h5 {
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    }

    .promo.darkCopy.hover h4,
    .promo.darkCopy.hover h5 {
        color: #000;
    }

    .promo .trans {
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.5);
        height: 200px;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
        display: none;
    }

    .promo.hover .trans {
        display: none;
    }

#promo1 {
    background-image: url('../images/promo1.jpg')
}

#promo2 {
    background-image: url('../images/promo2.jpg')
}

#promo3 {
    background-image: url('../images/promo3.jpg')
}

#promo4 {
    background-image: url('../images/promo4.jpg')
}

.page-id-reset-password > form {
    overflow: hidden;
    padding: 30px 15px 30px;
}

.page-id-user-account #user-pass, .page-user-password #user-pass, .page-user-reset #user-pass-reset {
    height: auto;
    display: block;
    height: auto;
    margin: 100px auto 10em auto !important;
    width: 80%;
    max-width: 960px;
    padding: 0;
}
/* Forgot & Reset password page */

.page-user-password #content-container section, .page-user-reset #content-container section {
    overflow: hidden;
}

.page-user-password #user-pass h2 {
    font-size: 1.6em;
    font-weight: 300;
    margin-bottom: 20px;
}

.page-user-reset #user-pass-reset p {
    font-size: 1.2em;
}

.page-user-password .form-item label {
    padding-right: 20px;
    width: 40%;
    display: inline-block;
}

.page-user-password .form-item .form-text {
    width: 55%;
    display: inline-block;
}
.coffee-places{
    text-align: left!important;
    max-width: 809px;
    margin: 0px 137px 50px 270px;
			padding-top: 75px;
}
      .coffee-places p {text-align: right;color:#fff;}
      .m-bottom{margin-bottom: 20px;margin-top: 20px;}
      .coffee-header img{max-width: 100%!important;}
      .margin-top {margin-top: 100px!important;}
      .text-bg-coffee{ background-repeat: repeat-y;    background-size: cover;}
	      .slogen  img{max-width: 100%!important;}
.coffee-img img{max-width: 100%!important;}
.margin-left-right{padding: 0 15px;}
.form-row{clear: both}
.padding-btn{padding: 15px;margin: 15px;}
h5{clear: both;padding: 0 15px;}
.question-number{    color: #ffbc0d;
}
.choose{color: #db0006}
.question-crew label {    display: contents;
    font-weight: normal;
    margin-bottom: 21px;
    padding: 0 18px;
}
.form-btn{    padding: 5px 15px;
 ;margin: 10px 0;
    background: #ffbc0d;
    border: 0;
    color: #fff;}
.the-question{font-size: 17px; margin: 10px 0;}
.question-crew form {margin: 10px 0;color: #7c7979}
.Assesment{position: relative;    min-height: 500px;
}
.question-crew{position: absolute}
.border-job{border: solid 1px #ccc;padding: 1%;margin-bottom: 3%;}
.border-job p {text-align: right!important;}
@media screen and (max-width: 767px) {
  .rowm{width:96% !important;margin-right:2% !important;}
    .page-user-password .form-item label, .page-user-password .form-item .form-text {
        width: 100%;
        margin-bottom: 10px;
    }

    .form-text, .form-textarea {
        width: 100% !important;
    }
	.text-bg-coffee {
    background-repeat: repeat-y;
    background-size: cover;
    background-image: none!important;
}
	.coffee-places{
   
    margin: 10px;
}
}

.page-user-reset .hero {
    margin-bottom: 20px;
}
/* MAINTENANCE MODE STYLES */
#content-container.maintenance {
    height: 100%;
}

.maintenance #page-content {
    height: 100%;
}

.maintenance-logo {
    width: 100px;
    margin: 0 auto;
}

.maintenance #hero {
    margin-top: -70px;
}

    .maintenance #hero h1 {
        text-align: center;
    }

    .maintenance #hero h2 {
        text-align: center;
        padding: 0 180px;
        width: 100%;
    }
/* END MAINTENANCE MODE STYLES */
/* PRODUCT PAGE */
#page-content {
   /* background: #D0D0D0 url('../images/bg-products.jpg') repeat-y 50% 0;*/
}

#hero {
    position: relative; /*min-height: 553px;*/
    overflow: hidden;
    z-index: 10
}

    #hero .inner-container { /*max-height: 553px;*/ /*margin: 145px auto 0*/
        margin: 115px auto 0
    }

    #hero h1 {
        font-size: 3.5em;
        margin: 0 0 4px -2px;
        letter-spacing: -0.04em; /*margin: 145px 0 4px -2px;*/
        font-weight: 300;
        text-align: center;
        float: right;
    }

    #hero h2 {
        font-size: 1.8em;
        font-weight: 300;
    }
/* DRUPAL STYLES */
/* HERO CONTENT */
.hero {
    position: relative; /*min-height: 553px;*/
    overflow: hidden;
    z-index: 10
}

    .hero .inner-container { /*max-height: 553px;*/ /*margin: 145px auto 0*/
        margin: 115px auto 0
    }

    .hero h1 {
        font-size: 3.5em;
        margin: 0 0 4px -2px; /*margin: 145px 0 4px -2px;*/
        font-weight: 300;
        letter-spacing: -0.04em;
        padding: 0 15px;
    }

    .hero h2 {
        font-size: 1.8em;
        font-weight: 300;
        padding: 0 15px;
    }

#page-content .hero h1 {
    text-align: center;
    line-height: normal;
}

.accordion .answer {
    display: none;
}


.accordion h3 span:before {
    content: '+';
}


.accordion .opened h3 span:before {
    content: '-';
}



.accordion .question {
    cursor: pointer;
}

    .accordion .question .icon {
        font-size: 0.25em;
        display: inline-block;
        margin-left: 5px;
    }

#page-content .hero h2 {
    float: none;
    margin: 0 auto;
    line-height: normal;
    text-align: center;
    direction: rtl;
}

#page-content .content {
    margin-top: 0;
}

.hero h2 {
    font-size: 1.8em;
    font-weight: 300;
}

#page-content > .hero .inner-container {
    max-height: 100%;
}

.hero .inner-container {
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 30px;
    max-height: 553px;
}

.hero .inner-container {
    position: relative;
    min-height: 20px;
}

.inner-container {
    position: relative;
}
/* Temp hide social buttons on drupal */
.btncontainer {
    display: none;
}
/* END DRUPAL STYLES */
.full-menu-page #hero h2 {
    max-width: 350px;
    float: right;
    direction: rtl;
    text-align: right;
    clear: both;
}

.full-menu-page #hero {
    overflow: hidden;
    max-height: 607px;
}

    .full-menu-page #hero .item {
        height: auto;
        padding: 0 0 60px !important;
        background-repeat: no-repeat;
        background-position: 50% 100%
    }

    .full-menu-page #hero .flex-control-nav, .full-menu-page #hero .flex-direction-nav {
        display: none;
    }

#hero .hero-social {
    margin-top: 40px
}

#hero small {
    font-size: 1.3em;
    font-weight: 300
}

.full-menu-page #hero {
    /*min-height: 553px;*/
}

    .full-menu-page #hero .slides li .inner-container {
        text-shadow: 1px 1px 5px rgba(255, 255, 255, 1);
        /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
    }

    .full-menu-page #hero .slides {
    }

    .full-menu-page #hero .item {
    }
/*.full-menu-page #hero .hero-6{background: transparent url('../images/Hero-Eat-SideSalads.png') no-repeat 50% 100%;}
.full-menu-page #hero .hero-1{background: transparent url('../images/Hero-Eat-Breakfast.png') no-repeat 50% 100%;}
.full-menu-page #hero .hero-4{background: transparent url('../images/Hero-Eat-Beef.png') no-repeat 50% 100%;}
.full-menu-page #hero .hero-10{background: transparent url('../images/Hero-Eat-FullMenu.png') no-repeat 50% 100%;}
.full-menu-page #hero .hero-4{background: transparent url('../images/Hero-Eat-Beef.png') no-repeat 50% 100%;}*/
.breakfast-page #hero {
    background: transparent url('../images/Hero-Eat-Breakfast.png') no-repeat 50% 100%;
}

#products {
    background-color: rgba(255,255,255,.7);
    z-index: 100;
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding-bottom: 20px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

#product-nav {
    padding: 50px 0 10px;
}
/*#products .inner-container{margin-top:40px;}*/
/* mobile-product-nav */
#mobile-product-nav, #mobile-content-nav {
    z-index: 1000;
    height: 90px;
    border-top: 2px solid #db0006;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.9);
    ;
    position: relative;
}

    #mobile-product-nav .slides, #mobile-content-nav .slides {
    }

.content-tab-container .slides {
    height: auto;
    overflow: hidden;
}

#mobile-product-nav .nav-item, #mobile-content-nav .nav-item {
    padding: 11px 0 0;
    float: left
}

    #mobile-product-nav .nav-item['style'], #mobile-content-nav .nav-item['style'] {
        width: 100px
    }

    #mobile-product-nav .nav-item a, #mobile-content-nav .nav-item a {
        display: block;
        text-align: center;
        color: #000;
        text-decoration: none;
        font-weight: 400;
        font-size: 1em
    }

#mobile-product-nav .flex-control-nav, #mobile-product-nav .flex-direction-nav, #mobile-content-nav .flex-control-nav, #mobile-content-nav .flex-direction-nav {
    display: none;
}

#mobile-product-nav-container, #mobile-content-nav-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    ;
    padding: 12px;
    overflow: hidden;
    height: 50px;
    background: #f0f0f0;
}

    #mobile-product-nav-container a, #mobile-content-nav-container a {
        color: #000;
        z-index: 1000;
        display: block;
        width: 30%;
        position: absolute;
        top: 6px;
        text-decoration: none;
        padding: 12px;
    }

    #mobile-product-nav-container .product-prev, #mobile-content-nav-container .product-prev {
        left: 0;
        background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 40%, rgba(240,240,240,0.01) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,1)), color-stop(40%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,0.01))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,0.01) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,0.01) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,0.01) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 40%,rgba(240,240,240,0.01) 100%); /* W3C */
    }

#mobile-content-nav .nav-item a {
    line-height: normal !important;
}

#mobile-product-nav-container .product-next, #mobile-content-nav-container .product-next {
    right: 0;
    text-align: right;
    background: -moz-linear-gradient(left, rgba(240,240,240,0.01) 0%, rgba(240,240,240,1) 60%, rgba(240,240,240,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,0.01)), color-stop(60%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(240,240,240,0.01) 0%,rgba(240,240,240,1) 60%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(240,240,240,0.01) 0%,rgba(240,240,240,1) 60%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(240,240,240,0.01) 0%,rgba(240,240,240,1) 60%,rgba(240,240,240,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(240,240,240,0.01) 0%,rgba(240,240,240,1) 60%,rgba(240,240,240,1) 100%); /* W3C */
}

#mobile-product-nav #view-toggle, #mobile-content-nav #view-toggle {
    position: absolute;
    top: 60px;
    right: 10px;
}

#products .btn {
    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbbbbb;
    border-bottom-color: #a2a2a2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

#products .btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

#products .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

#products .btn-group {
}

    #products .btn-group .btn {
        font-size: 1em;
        padding: 5px 5px 3px;
        font-weight: normal
    }

        #products .btn-group .btn:hover, #products .btn-group .btn.active {
            background: #db0006;
            color: #fff
        }

.is-sticky #product-nav { /*background: #999 url('../images/bg-products.jpg') repeat-y 50% 0;*/
    background-color: rgba(255,255,255,.90);
    transition: background .5s;
    z-index: 900
}
/*#product-nav ul{list-style-type: none;overflow: hidden;padding: 0;}
#product-nav ul li{width: auto;float: left;}
#product-nav ul li a{color: #000;margin: 0 2px 0 0;font-weight: 400;display: block;padding: 5px 15px 5px 14px;border:1px solid #ccc;font-weight: 700;font-size: 13px;background-color: #e8e8e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}*/
#product-nav, #content-nav {
    position: relative;
}

    #content-nav ul {
        list-style-type: none;
        overflow: hidden;
        padding: 5px 5px 1px;
        margin: 0
    }

    #product-nav ul {
        list-style-type: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
        height: /*56px*/;
        direction: rtl;
        float: right !important;
    }

        #product-nav ul li, #content-nav ul li {
            width: auto;
            float: right;
        }

            #product-nav ul li a, #content-nav ul li a {
                color: #000;
                margin: 0 2px 5px;
                font-weight: 400;
                display: block;
                padding: 5px 10px;
                font-weight: 700;
                font-size: 13px;
            }

            #product-nav ul li a {
                margin: 0 2px 0 0
            }

    #product-nav .inner-container, #content-nav .inner-container {
        border: 1px solid #dfdfdf;
        background-color: #f0f0f0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 100%;
        position: relative;
        padding-left: 40px
    }

    #product-nav #view-toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 64px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        #product-nav #view-toggle a {
            border: 1px solid #dfdfdf;
            width: auto;
            padding: 4px;
            background: transparent;
        }

            #product-nav #view-toggle a:hover, #product-nav #view-toggle a.active {
                background: #db0006;
                color: #fff;
                border-color: #db0006
            }

    #product-nav ul li a:hover, #product-nav ul li a.active {
        background-color: #db0006;
        text-decoration: none;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

#product-list {
    overflow: hidden;
    opacity: 0;
    height: auto;
    min-height: 200px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.windowLoading #product-list {
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50px
}

.product {
    background: 0;
    text-align: center;
    width: 160px;
    padding: 0 15px 10px;
    float: right;
    line-height: 1
}

    .product:nth-child(6n+6) {
        border-width: 0 0 1px 0
    }

    .product.hover a {
        color: #db0006;
        z-index: 300
    }

    .product a {
        color: #000;
        font-weight: 400;
        line-height: 1.3em;
    }

        .product a:hover {
            color: #db0006;
            text-decoration: none;
        }

        .product a sup {
            display: inline;
        }

    .product .thumbnail {
        text-align: center; /*margin: 0 -15px;*/
        background: none;
        border: none;
    }

.product-thumb-view .product .thumbnail img,
.other-product-list .product .thumbnail img {
    display: block;
    margin: 0 auto;
    z-index: 200;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.product-thumb-view .product.hover .thumbnail img,
.other-product-list .product.hover .thumbnail img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.product span {
    display: block;
    text-align: center;
}
/* product-details-page */
.product-details-page {
}

    .product-details-page #hero { /*min-height: 597px;*/
        text-align: center;
        padding-bottom: 35px
    }

        .product-details-page #hero .inner-container {
            max-height: 100%
        }

        .product-details-page #hero h1 { /*margin: 120px 0 0;*/
            margin: 0 0 30px;
            float: none;
        }

        .product-details-page #hero h2 {
            float: none;
            margin: 0 auto;  font-family: 'SpeedeeArabicWLt';text-align: center;

        }

        .product-details-page #hero img {
            margin: -4px 0 -6px;
            float: none;
            max-width: 550px;
            min-width: 228px; /*width:auto;*/
            height: auto;
        }
    /* DRUPAL */
    .product-details-page .hero { /*min-height: 597px;*/
        text-align: center;
        padding-bottom: 35px
    }

        .product-details-page .hero .inner-container {
            max-height: 100%
        }

        .product-details-page .hero h1 { /*margin: 120px 0 0;*/
            margin: 0 0 30px;
            float: none;
        }

        .product-details-page .hero h2 {
            float: none;
            margin: 0 auto;
        }

        .product-details-page .hero img {
            margin: -4px 0 -6px;
            float: none;
            max-width: 550px;
            min-width: 228px;
            width: auto;
            height: auto;
        }
/* END DRUPAL */
.product-details-section {
    border-bottom: 1px solid #ccc
}

.nav-tabs {
    border-bottom: 0;
}

    .nav-tabs > li {
        padding: 0 3px
    }

        .nav-tabs > li > a {
            border: 0;
            background: #ededed;
            text-align: right;
            font-size: 1.25em;
            color: #000;
            font-weight: 300
        }

            .nav-tabs > li > a:hover, .nav-tabs > li.open > a, .nav-tabs > li.open > a:hover {
                background-color: #dbdbdb;
                color: #000
            }

        .nav-tabs > li.open > a {
            background-position: 93% -27px
        }

        .nav-tabs > li > a .icon {
            margin-top: 8px;
            font-size: .5em;
            -webkit-transition-property: rotate;
            -moz-transition-property: rotate;
            -ms-transition-property: rotate;
            -o-transition-property: rotate;
            transition-property: rotate;
            -webkit-transition-duration: .5s;
            -moz-transition-duration: .5s;
            -ms-transition-duration: .5s;
            -o-transition-duration: .5s;
            transition-duration: .5s;
            transform: rotate(0deg);
            -ms-transform: rotate(0deg); /* IE 9 */
            -webkit-transform: rotate(0deg); /* Safari and Chrome */
        }

        .nav-tabs > li.open > a .icon {
            transform: rotate(-180deg);
            -ms-transform: rotate(-180deg); /* IE 9 */
            -webkit-transform: rotate(-180deg); /* Safari and Chrome */
            -webkit-transition-duration: 1s;
            -moz-transition-duration: 1s;
            -ms-transition-duration: 1s;
            -o-transition-duration: 1s;
            transition-duration: 1s;
        }

        .nav-tabs > li > a {
            background-image: none;
        }

#product-details-content {
    background: #dbdbdb;
    padding: 10px 20px 20px;
    display: none;
    margin: 0;
    float: none;
}

    #product-details-content .tab-content {
        display: none;
    }

    #product-details-content .product-header {
        /*border-bottom: 1px solid #bbb;  Ehab*/
        color: #666;
        overflow: hidden;
        font-size: 0.875em;
        padding: 0 0 10px;
        margin-bottom: 10px
    }

        #product-details-content .product-header .product-key {
            width: 40%;
            float: left;
            font-weight: 400;
            color: #db0006
        }

        #product-details-content .product-header .product-size { /*width: 40%;*/
            float: right;
            font-weight: 400;
        }

.product-size .btn {
    background: #e8e8e8;
    border: 1px solid #bbb;
    color: #000;
    padding: 5px 12px;
}

.product-size span {
    margin-right: 20px
}

.product-size .btn:hover, .product-size .btn.selected {
    background: #db0006;
    border: 1px solid #bbb;
    color: #fff
}

#product-details-content .product-header .updated-date {
    width: 40%;
    float: left;
    text-align: left;
  display:none;
}

.product-content {
    font-size: 0.84em;
    font-weight: 400;
}

    .product-content table th {
        font-weight: 400 !important;
        font-size: 0.938em !important;
        color: #333;
        border: 1px solid #bbb;
        border-width: 0 1px 1px 0;
        text-align: center;
    }

        .product-content table th:last-child {
            border-width: 0 0 1px
        }

    .product-content table td {
        border: 1px solid #bbb;
        border-width: 0 1px 0 0;
        text-align: center;
    }

        .product-content table td:last-child {
            border-width: 0
        }

#other-products {
    background: #fff;
}

    #other-products .title {
        font-size: 1.6em;
        font-weight: 300;
        letter-spacing: -0.04em;
        text-align: center;
        padding: 30px 0;
        margin: 0;
    }

.other-product-list {
    overflow: hidden;
}

#nutrition-nav {
    height: 60px;
    line-height: 60px;
    z-index: 300;
    position: relative;
    margin: 0;
    border: 1px solid #dbdbdb;
    border-width: 1px 0 0;
    background: #eee;
    position: relative;
}

    #nutrition-nav .title, #nutrition-nav li a {
        color: #999;
        font-size: 1.250em;
        font-weight: 400;
        display: block
    }

    #nutrition-nav .title {
        padding: 0 30px 0 0;
        background: #E5E5E5 url('../images/arrow.jpg') no-repeat 100% -1px;
        height: 60px;
        line-height: 60px;
        margin: 0;
        z-index: 300;
        width: auto;
    }

    #nutrition-nav .bg-span {
        background-color: #E5E5E5;
        display: block;
        height: 60px;
        margin: 0;
        width: 100%;
        position: absolute;
        right: 50%;
        top: 0;
        z-index: 10
    }

    #nutrition-nav .inner-container {
        z-index: 300;
        overflow: hidden;
    }

    #nutrition-nav ul {
        list-style-type: none;
        z-index: 300;
        background: #eee;
        padding: 0;
        margin-bottom: 20px
    }

        #nutrition-nav ul li a {
            text-decoration: none;
            font-weight: 300;
            text-align: center;
        }

            #nutrition-nav ul li a .icon {
                display: block;
                position: absolute;
                bottom: -34px;
                left: 50%;
                color: #eee;
                font-size: 3.5em;
                margin-left: -.3em;
                display: none;
            }

            #nutrition-nav ul li a:hover, #nutrition-nav ul li a.active {
                color: #2e2e2e;
            }
                /*#nutrition-nav ul li a:hover .icon,*/ #nutrition-nav ul li a.active .icon {
                    display: block;
                }

#nutrition-content {
    padding: 50px 0 30px;
    background-color: #fafafa
}

    #nutrition-content .title {
        color: #d7d7d7;
        font-size: 2.3em;
        font-weight: 300;
        margin: 0 0 17px
    }

    #nutrition-content table {
        border: 1px solid #e7e7e7;
        border-width: 1px 1px 0 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #nutrition-content table thead {
            background-color: #f3f3f3
        }

        #nutrition-content table th {
            color: #aaa;
            font-size: 0.85em;
            text-align: center;
            font-weight: 400;
            padding: 15px;
            border-width: 0
        }

        #nutrition-content table td {
            border: 1px solid #e7e7e7;
            font-size: 0.85em;
            text-align: center;
            border-width: 0 0 1px 0
        }

            #nutrition-content table td:first-child {
                text-align: left;
                padding-left: 20px;
                border-width: 0 1px 1px 0
            }

.nutrition-info {
    margin: 0 0 20px
}

.ingredients p {
    font-size: 0.85em;
    line-height: 1.7;
    border: 1px solid #e7e7e7;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
}
/*#product-nutrition-info{}
#product-nutrition-info table thead tr th{border-width: 0;font-weight: bold!important;}
#product-nutrition-info .product-content table  td{border:1px solid #bbb;border-width: 0 1px 1px 0;text-align: center;}
#product-nutrition-info .product-content table  td:first-child{text-align: right;padding-right: 40px;font-weight: bold;font-size: 1em!important}
#product-nutrition-info .product-content table  td:last-child{border-right:0 }
#product-nutrition-info .product-content table tr:last-child  td{border-bottom: 0!important}
#product-nutrition-info .product-content table tr.highlighted:last-child  td{border-bottom: 1px solid #bbb!important}
#product-nutrition-info .flex-control-nav,#product-nutrition-info .flex-direction-nav{display: none;}*/
#product-nutrition-info table,#product-allergen-info table  {
    width: 99.9% !important;
    border-top: 1px solid #bbb;
    direction: rtl;
}
#product-allergen-info table tbody {
    width: 99.9% !important;
}

    #product-nutrition-info table thead tr th {
        border-width: 0;
        padding-bottom: 15px;
    }

    #product-nutrition-info table td  {
        border-bottom: 1px solid #bbb;
        border-width: 0 1px 1px 0;
        text-align: center;
    }
    #product-allergen-info table td ,#product-allergen-info table th {
        border-bottom: 1px solid #bbb;
        border-width: 1px;
        text-align: center;
    }
        #product-nutrition-info table td:first-child,#product-allergen-info table td:first-child {
            border-right: 2px solid #bbb;
            border-left: 1px solid #bbb;
            text-align: right;
            padding-right: 40px;
            font-size: 1em !important;
            width: 40%;
        }

@media (max-width: 767px) and (min-width: 320px) {
    #product-nutrition-info table td:first-child,#product-allergen-info table td:first-child {
        padding: 5px;
    }
	.g-recaptcha{transform: scale(.9);  transform-origin: right top;-webkit-transform-origin: right top;}
}

#product-nutrition-info table td:last-child,#product-allergen-info table td:last-child {
    border-left: 1px solid #bbb;
}
#product-allergen-info table td:last-child {
    border-right: 1px solid #bbb;
}
/*#product-nutrition-info table tr:last-child td {
  border: 0;
}*/
#product-nutrition-info table tr .highlighted:last-child td,#product-allergen-info table tr .highlighted:last-child td {
    border-bottom: 1px solid #bbb !important;
}

#product-nutrition-info .flex-control-nav,#product-nutrition-info .flex-direction-nav,
#product-allergen-info .flex-control-nav,#product-allergen-info .flex-direction-nav {
    display: none;
}

#nutritional-info-slider {
    width: 100%;
}

    #nutritional-info-slider .item {
        height: auto;
        padding-top: 0
    }

    #nutritional-info-slider ul.slider {
        overflow: hidden;
    }
/*
.hero-social{}
.hero-social .fb-like{margin-right: 7px}
.hero-social .twitter-share-button{margin-left: 5px}
*/
.twitter-share-button {
    margin-right: 7px;
}
/* MAP PAGE */
#map-content {
    width: 100%;
    height: 811px;
}

#map {
    z-index: 100;
    height: 811px
}

#map-right-panel {
    max-width: 335px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0px;
    background-image: url('../images/bg-map-panel-trans.png');
    background-position: 0 50%;
    background-repeat: repeat;
    height: 100%;
    overflow: hidden;
    z-index: 100;
}

    #map-right-panel #content {
        margin-top: 94px;
    }

        #map-right-panel #content h1 {
            font-size: 3.3em;
            font-weight: 100;
            color: #fff;
            padding: 20px 25px 0 0;
            line-height: 1
        }
/* Button current location */
#locator-search button.btn-search {
    display: inline-block !important;
    font-size: 1.4em;
    float: right !important;
}

.curlocation-container {
    width: 100%;
    margin: 0;
    padding: 15px 25px;
    position: relative;
    overflow: hidden;
}

#btnCurLocation {
    background: #FFC833;
    color: #000;
    -webkit-border-radius: none;
    border-radius: none;
    width: 100%;
    max-width: 238px;
    border: none;
    font-size: 1.10em;
    font-weight: 300;
    padding: 0.3em 0.7em;
    text-align: right;
    display: block;
}

    #btnCurLocation:after {
        /*font-family: 'icomoon';*/
        /*content: "\e601";*/
        float: left;
        width: 15px;
        height: 15px;
        background: url(../images/icon-location.png) no-repeat 0 0;
        background-size: 100%;
        content: " ";
        display: block;
        margin-top: 2px;
    }

.closeMapBar {
    display: block;
    position: fixed;
    width: 10%;
    height: 100%;
    top: 0;
    left: -10%;
    z-index: 999;
    -webkit-transition: left .2s ease-out;
    -moz-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    transition: left .2s ease-out;
}

.closeNav {
    z-index: 1100;
    background: rgb(255,255,255);
}

    .closeNav .icon {
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -8px;
        margin-top: -10px;
        color: #ffc836;
        width: 20px;
        height: 20px;
        font-size: 1.15em;
    }

#locator-search {
    width: 314px;
    margin: 0;
    padding: 0 25px 25px;
    position: relative;
    overflow: hidden;
}

    #locator-search .input-search {
        padding: 0 5px;
        float: right !important;
    }

    #locator-search button {
        width: 23px;
        background: none;
        border: none;
        color: #fff;
        font-size: 23px;
    }

        #locator-search button:hover {
            color: #ffc836
        }

#facilities {
    background: url('../images/bg-facilities.png') 0 0 repeat;
    padding: 15px 25px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
/* Map Infobox */
.infoBox {
    border: 2px solid #000; /*min-width: 204px; width:100%; max-width:408px;*/
    background: url(../images/mcdeliverymap.gif) repeat-y 200px 0 #fff;
}

    .infoBox .map-info { /*padding: 10px;*/
    }

#page-content .infoBox .content {
    margin: 0;
    width: 200px;
    display: block;
    float: left;
    padding: 10px;
}

.infoBox .content .text {
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px
}

    .infoBox .content .text .store {
        font-size: 0.8em;
        display: block;
        margin-bottom: 5px
    }

    .infoBox .content .text .name {
        font-size: 1.4em;
        padding-bottom: 10px;
        display: block;
    }

    .infoBox .content .text .details {
        font-size: .9em;
    }

    .infoBox .content .text img {
        display: inline-block
    }

.infoBox .content table.table-tradinghours td {
    padding: 1px 2px 0 !important;
    font-weight: 400
}

.infoBox .content .text .filter-wrapper {
    font-size: 1em; /* overflow:hidden;*/
    margin-bottom: 1em;
}

.content .text .filter-wrapper ul {
    margin: 0 10px;
    width: 100%;
    list-style-image: url(../images/tick-bullet.png);
}

.content .text .filter-wrapper li {
    float: left;
    width: 50%;
    padding: 0 0px;
}
    /*.content .text .filter-wrapper li:before{content:"\2022";display:inline-block; vertical-align: top; margin-right:3px; color:#BD0017;}*/
    .content .text .filter-wrapper li span {
        width: 87%;
        display: inline-block;
        vertical-align: top;
    }
/*.infoBox .mcdelivery-map{background: #ffc425}*/
.infoBox .mcdelivery-map p {
    font-size: 0.9em;
}

.infoBox .mcdelivery-map .title {
    font-weight: 400;
    margin-top: 14px;
    font-size: 1.4em;
}

.infoBox .btn-close {
    width: 20px;
    height: 20px;
    background: #999;
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent url('../images/map/close-btn.png') no-repeat 50% 50%
}

.infoBox .pointer {
    background: transparent url('../images/map/pointer.png') no-repeat 0 0;
    width: 13px;
    height: 23px;
    bottom: 20px;
    left: -13px;
    position: absolute;
}

.infoBox .foot {
    width: 100%;
}

.heightTrans {
    -webkit-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    -o-transition: height .5s ease-out;
    transition: height .5s ease-out;
}

#facilities.open {
}

#facilities.closed {
}

#facilities .header {
    margin-bottom: 10px
}

#facilities .items {
    overflow: hidden;
    margin-bottom: 20px
}

#facilities .checks {
    width: 45%;
    float: left;
    font-size: .85em
}

    #facilities .checks input {
        margin-right: 5px;
        display: inline-block;
        vertical-align: top;
    }

    #facilities .checks span {
        display: inline-block;
        width: 85%;
        vertical-align: top;
    }

#facilities .legend {
    position: relative;
    padding: 5px 0 10px 40px;
    font-size: .85em;
    line-height: 1.4;
    background: url('../images/map/locator-off.png') no-repeat 0 0;
}

    #facilities .legend img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }

#facilities .pins-legends {
    display: block;
    width: 95px;
    float: right;
    font-size: .85em;
    line-height: 1.4;
    text-align: center;
}

    #facilities .pins-legends img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


#facilities .btn-collapse {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 10px;
    height: 10px;
    right: 30px;
    top: 20px;
    background: url('../images/btn-collapse.png') no-repeat 0 0;
    cursor: pointer;
}

#facilities.open .btn-collapse, .result-button {
    -webkit-transition-property: rotate;
    -moz-transition-property: rotate;
    -ms-transition-property: rotate;
    -o-transition-property: rotate;
    transition-property: rotate;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
}

#facilities.closed .btn-collapse {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

#results {
    background: #384f66;
    color: #fff;
}

#result-container {
    overflow: auto;
}

.no-result, .preloader, .result-predict {
    padding: 20px;
}

.result {
    border-bottom: 3px solid #3c5670;
    position: relative;
    overflow: hidden;
    background: #2c3f51;
}

* html div.result {
    background: #2d4254;
}

.result-name {
    margin: 13px 10px 10px 20px;
    color: #ffc836;
    float: right;
    width: 59%;
    line-height: 1.2;
}

    .result-name a {
        color: #ffc836;
        cursor: pointer;
    }

.result-details {
    line-height: 1.2;
    margin-right: 20px;
    float: right;
    padding-bottom: 10px;
    display: block;
    width: 100%;
}

.result-kms {
    position: absolute;
    font-size: 85%;
    height: 15px;
    padding: 0;
    width: 54px;
    color: #ffc836;
    top: 15px;
    left: 23px;
}

.result .result-button {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 18px;
    left: 16px;
    background: url('../images/btn-collapse.png') no-repeat 0 100%;
    display: block;
    cursor: pointer;
}

.result.active .result-button {
    background-position: 0 0
}

.result-options {
    width: 315px;
    position: relative;
    float: left;
    height: 100%;
    overflow: hidden;
}

.result-facilities, .result-tradinghours {
    width: 110px;
    font-size: .8em;
    position: relative;
    float: right;
    background: #243647;
}

    .result-facilities.selected, .result-tradinghours.selected {
        background: #192837;
    }

    .result-facilities a, .result-tradinghours a {
        color: #fff;
        display: block;
        font-weight: 400;
        cursor: pointer;
        padding: 5px 10px;
    }

    .result-facilities a {
        padding-right: 20px;
    }

    .result-facilities.selected a, .result-tradinghours.selected a {
        color: #ffc836;
    }

.result-options {
}

    .result-options .selected {
    }

.result-info {
    width: 315px;
    position: relative;
    float: left;
    background: #192837;
    padding: 10px 20px
}

.facilities-list {
    position: relative;
    float: right;
    margin: 0;
    list-style-type: none;
    font-size: .8em;
    padding: 0;
}

    .facilities-list li {
        width: 120px
    }

.table-tradinghours {
    font-size: 85%;
}

    .table-tradinghours td {
        padding: 3px 5px 3px 0px;
    }

.result-predict {
    margin: 10px 0px 10px 20px;
}

    .result-predict .predicted {
        display: block;
    }

        .result-predict .predicted:hover {
            text-decoration: none;
        }

a.predicted {
    color: #FFC833;
    cursor: pointer;
}

    a.predicted:hover {
        color: #FFC833;
        cursor: pointer;
    }

.cluster {
    color: #2c3f51 !important;
}
/* SEARCH PAGE */
.search-results-wrapper {
    padding: 100px 0 50px;
    min-height: 500px;
}

    .search-results-wrapper h1 {
        margin: 0;
        font-weight: 300
    }

.search-results-list {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    margin-top: 50px;
    padding: 0 15px;
}

.search-result-item {
    margin-bottom: 20px
}

    .search-result-item h4 {
        line-height: 1.4;
        margin: 0
    }

    .search-result-item p {
        margin: 0;
    }

.inner-container.search {
    width: 100%;
    max-width: 100%;
}

strong.result-count {
    font-weight: 400;
}

#footer-wrapper {
    background-color: rgb(255,255,255);
    padding: 9px 0 8px;
    color: #000;
    font-size: 0.750em;
    position: relative;
    z-index: 900;    border-top: solid 1px #ccc;

}

    #footer-wrapper a {
        color: #000;
        margin: 0 5px
    }

    #footer-wrapper .privacy-statement a {
        margin: 0;
    }

    #footer-wrapper a:hover {
        color: #ffc836;
        text-decoration: none;
    }

footer {
    overflow: hidden;
    max-width: 960px;
    margin: 0 auto;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.1em;
    color: #000;
}

#footer-wrapper #copyright {
    padding: 8px 0
}

#footer-social {
    padding: 11px 0 0
}

    #footer-social a {
        font-size: 1.9em;
        text-decoration: none;
        color: #000
    }

        #footer-social a:hover {
            color: #ffc836;
        }

    #footer-social .social-title {
        margin: 0 10px 0 0;
        position: relative;
    }
/* LEARN PAGE */
.learn-section {
    margin: 53px auto;
    max-width: 1000px;
    width: 100%;
    overflow: hidden;
}

    .learn-section .thumb {
        overflow: hidden;
        border: 1px solid #C4C4C3;
        height: 100px;
        max-width: 220px;
        width: 100%;
        margin-bottom: 15px;
        position: relative;
        display: inline-block;
        background: #ccc;
    }

    .learn-section h4 {
        margin-top: 4px;
    }

        .learn-section h4 a {
            font-weight: 400;
        }

            .learn-section h4 a:hover {
                text-decoration: none;
                color: #db0006;
            }

    .learn-section a {
        color: #000;
    }

    .learn-section ul li a {
        display: block;
        height: 25px;
        line-height: 22px;
    }

        .learn-section ul li a.selected {
            color: #fff;
            background: #db0006;
            text-decoration: none;
        }

        .learn-section ul li a:hover {
            color: #fff;
            background: #db0006;
            text-decoration: none;
            border: 1px solid #ccc;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

.thumbcontainer img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 1;
    -webkit-backface-visibility: hidden;
}

    .thumbcontainer img:hover {
        transform: scale(1.1);
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari and Chrome */
        -o-transform: scale(1.1); /* Opera */
        -moz-transform: scale(1.1); /* Firefox */
        -webkit-backface-visibility: hidden;
        z-index: 1;
    }
/* DRUPAL STYLES */
.product-details-page .hero .learn-section img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

    .product-details-page .hero .learn-section img:hover {
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        -moz-transform: scale(1.2); /* Firefox */
        z-index: 1;
    }
/* END DRUPAL STYLES */
.learn-section .thumbcontainer {
    width: 220px;
    float: left;
    margin-left: 26px;
    min-height: 305px;
    height: 100%;
}
/*.learn-section .thumbcontainer.first {
margin-left: 0;
}*/
.learn-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

a.thumb:hover > .arrow {
    color: #db0006;
    text-shadow: 0px 0px 1px rgba(255,255,255,1);
}

.learn-section .arrow {
    width: 44px;
    height: 41px;
    background: rgba(255,255,255,0.5);
    /*
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMzLjczcHgiIGhlaWdodD0iMTE3Ljg2NnB4IiB2aWV3Qm94PSIwIDAgMTMzLjczIDExNy44NjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzMy43MyAxMTcuODY2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05MC44NjgsMi41MTdsNDAuMzQzLDUwLjM0NmMxLjYyLDEuNjI1LDIuNTIsMy43NzcsMi41Miw2LjA3OGwwLDBjMCwyLjI4OC0wLjg5OSw0LjQ0OC0yLjUyLDYuMDczDQoJbC00MC4zNDUsNTAuMzM5Yy0zLjM1LDMuMzUzLTguODA3LDMuMzUzLTEyLjE1NCwwYy0zLjM1NC0zLjM1MS0zLjM1NC04Ljc5OCwwLjAwMi0xMi4xNTFsMjUuNjY5LTM1LjY2OEg4LjU5MQ0KCUMzLjg1NSw2Ny41MzMsMCw2My42NzIsMCw1OC45NGMwLTQuNzQxLDMuODU1LTguNTk4LDguNTkxLTguNTk4bDk1Ljc5NSwwTDc4LjcxOSwxNC42N2MtMS42MjktMS42Mi0yLjUyLTMuNzgzLTIuNTItNi4wNzcNCgljMC0yLjMsMC44OTEtNC40NTYsMi41Mi02LjA3NkM4MC4zMzQsMC44OTIsODIuNDkxLDAuMDA1LDg0Ljc4NywwQzg3LjA4OCwwLDg5LjI0NCwwLjg5Miw5MC44NjgsMi41MTd6Ii8+DQo8L3N2Zz4NCg==");
*/
    padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-size: 40px 30px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.8);
    font-size: 1.65em;
    line-height: 1.40em;
    text-decoration: none;
    pointer-events: none;
}
/* END LEARN PAGE */
/* RESPONSIBILITY PAGE */
.responsibility-section {
    margin: 50px auto;
    max-width: 1000px;
    width: 100%;
}

    .responsibility-section h4 a {
        font-weight: 400;
    }

        .responsibility-section h4 a:hover {
            text-decoration: none;
            color: #db0006;
        }

    .responsibility-section .thumbcontainer {
        line-height: 1.2
    }

    .responsibility-section .thumb {
        overflow: hidden;
        border: 1px solid #C4C4C3;
        height: 140px;
        width: 300px;
        margin-bottom: 15px;
        display: inline-block;
        position: relative;
        background: #ccc;
    }

    .responsibility-section a {
        color: #000;
    }

    .responsibility-section ul li a {
        display: block;
        height: 25px;
        line-height: 22px;
    }

        .responsibility-section ul li a.selected {
            color: #fff;
            background: #BD0017;
            text-decoration: none;
        }

        .responsibility-section ul li a:hover {
            color: #fff;
            background: #BD0017;
            text-decoration: none;
            border: 1px solid #ccc;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

.product-details-page #hero .responsibility-section img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 1;
}

    .product-details-page #hero .responsibility-section img:hover {
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        -moz-transform: scale(1.2); /* Firefox */
        z-index: 1;
    }
/* DRUPAL STYLES */
.product-details-page .hero .responsibility-section img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 1;
}

    .product-details-page .hero .responsibility-section img:hover {
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        -moz-transform: scale(1.2); /* Firefox */
        z-index: 1;
    }
/* END DRUPAL STYLES */
.responsibility-section .thumbcontainer {
    width: 300px;
    float: left;
    margin-left: 30px;
    /*min-height: 400px;*/
    min-height: 315px;
    height: 100%;
}

    .responsibility-section .thumbcontainer p {
        font-size: .95em;
    }
/*.responsibility-section .thumbcontainer.first {
margin-left: 0;
}*/
.responsibility-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.responsibility-section .arrow {
    width: 44px;
    height: 41px;
    background: rgba(255,255,255,0.5);
    /*
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMzLjczcHgiIGhlaWdodD0iMTE3Ljg2NnB4IiB2aWV3Qm94PSIwIDAgMTMzLjczIDExNy44NjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzMy43MyAxMTcuODY2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05MC44NjgsMi41MTdsNDAuMzQzLDUwLjM0NmMxLjYyLDEuNjI1LDIuNTIsMy43NzcsMi41Miw2LjA3OGwwLDBjMCwyLjI4OC0wLjg5OSw0LjQ0OC0yLjUyLDYuMDczDQoJbC00MC4zNDUsNTAuMzM5Yy0zLjM1LDMuMzUzLTguODA3LDMuMzUzLTEyLjE1NCwwYy0zLjM1NC0zLjM1MS0zLjM1NC04Ljc5OCwwLjAwMi0xMi4xNTFsMjUuNjY5LTM1LjY2OEg4LjU5MQ0KCUMzLjg1NSw2Ny41MzMsMCw2My42NzIsMCw1OC45NGMwLTQuNzQxLDMuODU1LTguNTk4LDguNTkxLTguNTk4bDk1Ljc5NSwwTDc4LjcxOSwxNC42N2MtMS42MjktMS42Mi0yLjUyLTMuNzgzLTIuNTItNi4wNzcNCgljMC0yLjMsMC44OTEtNC40NTYsMi41Mi02LjA3NkM4MC4zMzQsMC44OTIsODIuNDkxLDAuMDA1LDg0Ljc4NywwQzg3LjA4OCwwLDg5LjI0NCwwLjg5Miw5MC44NjgsMi41MTd6Ii8+DQo8L3N2Zz4NCg==");
*/
    padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-size: 40px 30px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.8);
    font-size: 1.65em;
    line-height: 1.40em;
    text-decoration: none;
    pointer-events: none;
}
/* END RESPONSIBILITY PAGE */
/* MULTICOLUMN PAGE */
/* BARTHS STYLES */
.multicolumn-section .thumb {
    margin-bottom: 10px;
}

.multicolumn-section .thumbcontainer h4 {
    padding-left: 10px;
    padding-right: 10px;
}

.multicolumn-section ul {
    padding-left: 10px;
    padding-right: 10px;
}

    .multicolumn-section ul.twolist {
        float: right;
        width: 50%;
    }

    .multicolumn-section ul li {
        /*	float: left;
display: inline;
width: 50%; */
    }

        .multicolumn-section ul li a {
            line-height: 20px;
            color: #000;
            text-align: left;
            text-decoration: none;
        }

            .multicolumn-section ul li a:hover {
                background: none;
                border: none;
                color: #BD0017;
                text-decoration: underline;
            }

.multicolumn-section .thumbcontainer {
    height: 382px;
    padding-bottom: 20px;
}

.eat h4 {
    text-align: left;
}
/* NOT FOUND PAGE */
/* Custom for Learn section */
.notfound #column_content-336.multicolumn-section .thumbcontainer {
    height: 360px;
}
/* Fix news column */
.notfound #column_content-279.multicolumn-section .thumbcontainer {
    margin-top: -80px;
}

.notfound .multicolumn-section .thumbcontainer {
    height: auto;
    padding-bottom: 20px;
    width: 170px;
}

    .notfound .multicolumn-section .thumbcontainer ul.twolist {
        float: none;
        width: 100%;
    }

.content.notfound ul li {
    margin-bottom: 0;
}

.notfound .multicolumn-section ul li a {
    font-weight: 500;
}

#column_content-335 h4, #column_content-336 h4, #column_content-337 h4 {
    font-weight: 300;
    font-size: 2.1em;
    text-align: left;
    margin-top: 5px;
}

.notfound .multicolumn-section h4 a {
    font-weight: 300;
}

.notfound #column_content-263.multicolumn-section .thumbcontainer {
}

.notfound #column_content-268.multicolumn-section .thumbcontainer {
}
/* END NOT FOUND PAGE */
/* END BARTHS STYLES */
section.multi.links .multicolumn-section .thumbcontainer.twocol {
    min-height: 360px;
    height: auto;
}

.mcdelivery .multicolumn-section .thumbcontainer.twocol {
    min-height: 0;
}

section.multi {
    margin-bottom: -100px;
}

    section.multi.last {
        margin-bottom: 0px;
    }

.multicolumn-section {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

    .multicolumn-section h4 {
        font-weight: 400;
    }

        .multicolumn-section h4 a {
            font-weight: 400;
        }

            .multicolumn-section h4 a:hover {
                text-decoration: none;
                color: #db0006;
            }

    .multicolumn-section .thumbcontainer {
        line-height: 1.2
    }

    .multicolumn-section .thumb {
        overflow: hidden;
        border: 1px solid #C4C4C3;
        height: 134px;
        width: 300px;
        margin-bottom: 15px;
        display: inline-block;
        position: relative;
        background: #ccc;
    }

    .multicolumn-section a {
        color: #000;
    }

    .multicolumn-section ul li a {
        display: block;
        height: auto;
        line-height: 22px;
        padding: 0 10px;
        text-align: right;
        direction: rtl;
    }

        .multicolumn-section ul li a.selected {
            color: #fff;
            background: #BD0017;
            text-decoration: none;
        }

.product-details-page #hero .multicolumn-section img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 1;
}

    .product-details-page #hero .multicolumn-section img:hover {
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        -moz-transform: scale(1.2); /* Firefox */
        z-index: 1;
    }
/* DRUPAL STYLES */
.product-details-page .hero .multicolumn-section img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    z-index: 1;
}

    .product-details-page .hero .multicolumn-section img:hover {
        transform: scale(1.2);
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari and Chrome */
        -o-transform: scale(1.2); /* Opera */
        -moz-transform: scale(1.2); /* Firefox */
        z-index: 1;
    }
/* END DRUPAL STYLES */
/* ONE COLUMN */
.multicolumn-section .thumbcontainer.onecol {
    max-width: 950px;
    width: 100%;
    float: none;
    /*margin: 0 auto;*/
    /*min-height: 400px;*/
    min-height: 315px;
    height: 100%;
    margin-bottom: 30px;
}

.multicolumn-section .onecol .thumb {
    overflow: hidden;
    border: 1px solid #C4C4C3;
    height: 280px;
    max-width: 960px;
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    background: #ccc;
}

.product-details-page #hero .onecol img {
    margin: -100px 0 -6px;
    float: none;
    max-width: 960px;
    width: 100%;
    min-width: 228px;
}
/* DRUPAL STYLES */
.product-details-page .hero .onecol img {
    margin: -100px 0 -6px;
    float: none;
    max-width: 960px;
    width: 100%;
    min-width: 228px;
}
/* END DRUPAL STYLES */
/* END ONE COLUMN */
/* TWO COLUMN */
.multicolumn-section .thumbcontainer.twocol {
    max-width: 466px;
    width: 100%;
    float: right;
    margin-left: 30px;
    /*min-height: 400px;*/
    min-height: 369px;
    height: 100%;
}

.multicolumn-section .twocol .thumb {
    overflow: hidden;
    border: 1px solid #C4C4C3;
    height: 205px;
    max-width: 650px;
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    background: #ccc;
}

.product-details-page #hero .twocol img {
    margin: -4px 0 -6px;
    float: none;
    max-width: 650px;
    width: 100%;
    min-width: 228px;
}
/* DRUPAL STYLES */
.product-details-page .hero .twocol img {
    margin: -4px 0 -6px;
    float: none;
    max-width: 650px;
    width: 100%;
    min-width: 228px;
}
/* END DRUPAL STYLES */
/* END TWO COLUMN */
/* FOUR COLUMN */
.multicolumn-section .thumbcontainer.fourcol {
    max-width: 215px;
    width: 100%;
    float: left;
    margin-left: 30px;
    /*min-height: 400px;*/
    min-height: 0px;
    height: 100%;
}

.multicolumn-section .fourcol .thumb {
    overflow: hidden;
    border: 1px solid #C4C4C3;
    height: 96px;
    max-width: 650px;
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    background: #ccc;
}

.product-details-page #hero .fourcol img {
    margin: -4px 0 -6px;
    float: none;
    max-width: 650px;
    width: 100%;
    min-width: 228px;
}
/* DRUPAL STYLES */
.product-details-page .hero .fourcol img {
    margin: -4px 0 -6px;
    float: none;
    max-width: 650px;
    width: 100%;
    min-width: 228px;
}
/* END DRUPAL STYLES */
/* END FOUR COLUMN */
.multicolumn-section .thumbcontainer p {
    font-size: .95em;
}
/*.multicolumn-section .thumbcontainer.first {
margin-left: 0;
}*/
.multicolumn-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.multicolumn-section .arrow {
    width: 44px;
    height: 41px;
    background: rgba(255,255,255,0.5);
    /*
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMzLjczcHgiIGhlaWdodD0iMTE3Ljg2NnB4IiB2aWV3Qm94PSIwIDAgMTMzLjczIDExNy44NjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzMy43MyAxMTcuODY2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05MC44NjgsMi41MTdsNDAuMzQzLDUwLjM0NmMxLjYyLDEuNjI1LDIuNTIsMy43NzcsMi41Miw2LjA3OGwwLDBjMCwyLjI4OC0wLjg5OSw0LjQ0OC0yLjUyLDYuMDczDQoJbC00MC4zNDUsNTAuMzM5Yy0zLjM1LDMuMzUzLTguODA3LDMuMzUzLTEyLjE1NCwwYy0zLjM1NC0zLjM1MS0zLjM1NC04Ljc5OCwwLjAwMi0xMi4xNTFsMjUuNjY5LTM1LjY2OEg4LjU5MQ0KCUMzLjg1NSw2Ny41MzMsMCw2My42NzIsMCw1OC45NGMwLTQuNzQxLDMuODU1LTguNTk4LDguNTkxLTguNTk4bDk1Ljc5NSwwTDc4LjcxOSwxNC42N2MtMS42MjktMS42Mi0yLjUyLTMuNzgzLTIuNTItNi4wNzcNCgljMC0yLjMsMC44OTEtNC40NTYsMi41Mi02LjA3NkM4MC4zMzQsMC44OTIsODIuNDkxLDAuMDA1LDg0Ljc4NywwQzg3LjA4OCwwLDg5LjI0NCwwLjg5Miw5MC44NjgsMi41MTd6Ii8+DQo8L3N2Zz4NCg==");
*/
    padding: 6px 9px;
    position: absolute;
    left: 0;
    bottom: 0;
    /*z-index: 9999;*/
    background-size: 40px 30px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.8);
    font-size: 1.65em;
    line-height: 1.40em;
    text-decoration: none;
    pointer-events: none;
    z-index: 100;
}

.multicolumn-section .link-youtube,
.winner-video .link-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 56px;
    height: 40px;
    border-radius: 8px;
    background: #000;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    opacity: .75;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.winner-video a {
    display: block;
}

.winner-video {
    position: relative;
}

    .multicolumn-section .link-youtube:after,
    .winner-video .link-youtube:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 18px solid #fff;
    }
/* END MULTICOLUMN PAGE */
/* TASTY PAGE */
.tasty-container {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.tasty-section-header {
    text-align: center;
    margin-top: 50px;
}

    .tasty-section-header h1 {
        font-size: 3.2em;
        margin-bottom: 0.8em;
    }

    .tasty-section-header p {
        text-align: left;
    }

    .tasty-section-header > h1, h2, h3, h4 {
        font-weight: 300;
    }

.tasty-section {
    margin: 42px auto;
    max-width: 1000px;
    width: 100%;
    display: inline-block;
}

    .tasty-section h4 a {
        font-weight: 400;
        margin-bottom: 0.2em;
        display: inline-block;
    }

        .tasty-section h4 a:hover {
            text-decoration: none;
            color: #db0006;
        }

    .tasty-section .thumbcontainer {
        line-height: 1.2
    }

    .tasty-section .thumb {
        overflow: hidden;
        border: 1px solid #C4C4C3;
        height: 170px;
        width: 300px;
        margin-bottom: 14px;
        display: inline-block;
        position: relative;
        background: #ccc;
    }

    .tasty-section .thumbcontainer .thumb h4 {
    }

    .tasty-section a {
        color: #000;
    }

    .tasty-section ul li a {
        display: block;
        height: 25px;
        line-height: 22px;
    }

        .tasty-section ul li a.selected {
            color: #fff;
            background: #BD0017;
            text-decoration: none;
        }

        .tasty-section ul li a:hover {
            color: #fff;
            background: #BD0017;
            text-decoration: none;
            border: 1px solid #ccc;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }

    .tasty-section img {
        margin: 0;
        width: 100%;
        height: auto;
        -webkit-transition: all 500ms ease-out;
        -moz-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
        z-index: 1;
    }

        .tasty-section img:hover {
            transform: scale(1.2);
            -ms-transform: scale(1.2); /* IE 9 */
            -webkit-transform: scale(1.2); /* Safari and Chrome */
            -o-transform: scale(1.2); /* Opera */
            -moz-transform: scale(1.2); /* Firefox */
            z-index: 1;
        }

    .tasty-section .thumbcontainer {
        width: 300px;
        float: left;
        margin-left: 30px;
        /*min-height: 400px;*/
        min-height: 380px;
        height: 100%;
        text-align: center;
    }

        .tasty-section .thumbcontainer p {
            font-size: .95em;
            line-height: 1.3em;
        }

            .tasty-section .thumbcontainer p.kj {
                font-weight: 400;
                font-size: 1.3em;
                margin-top: 0.5em;
            }
    /*.tasty-section .thumbcontainer.first {
margin-left: 0;
}*/
    .tasty-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

    .tasty-section .arrow {
        width: 44px;
        height: 41px;
        background: rgba(255,255,255,0.5);
        /*
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMzLjczcHgiIGhlaWdodD0iMTE3Ljg2NnB4IiB2aWV3Qm94PSIwIDAgMTMzLjczIDExNy44NjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzMy43MyAxMTcuODY2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05MC44NjgsMi41MTdsNDAuMzQzLDUwLjM0NmMxLjYyLDEuNjI1LDIuNTIsMy43NzcsMi41Miw2LjA3OGwwLDBjMCwyLjI4OC0wLjg5OSw0LjQ0OC0yLjUyLDYuMDczDQoJbC00MC4zNDUsNTAuMzM5Yy0zLjM1LDMuMzUzLTguODA3LDMuMzUzLTEyLjE1NCwwYy0zLjM1NC0zLjM1MS0zLjM1NC04Ljc5OCwwLjAwMi0xMi4xNTFsMjUuNjY5LTM1LjY2OEg4LjU5MQ0KCUMzLjg1NSw2Ny41MzMsMCw2My42NzIsMCw1OC45NGMwLTQuNzQxLDMuODU1LTguNTk4LDguNTkxLTguNTk4bDk1Ljc5NSwwTDc4LjcxOSwxNC42N2MtMS42MjktMS42Mi0yLjUyLTMuNzgzLTIuNTItNi4wNzcNCgljMC0yLjMsMC44OTEtNC40NTYsMi41Mi02LjA3NkM4MC4zMzQsMC44OTIsODIuNDkxLDAuMDA1LDg0Ljc4NywwQzg3LjA4OCwwLDg5LjI0NCwwLjg5Miw5MC44NjgsMi41MTd6Ii8+DQo8L3N2Zz4NCg==");
*/
        padding: 5px;
        position: absolute;
        right: 0;
        bottom: 0;
        /*z-index: 9999;*/
        background-size: 40px 30px;
        background-repeat: no-repeat;
        background-position: center;
        color: #fff;
        text-shadow: 0px 0px 1px rgba(0,0,0,0.8);
        font-size: 1.65em;
        line-height: 1.40em;
        text-decoration: none;
        pointer-events: none;
    }
/* END TASTY PAGE */
/* CONTENT PAGE - T4 */
/* alternative content page */
#page-content.alt {
    background: url('../images/content/blue-background.jpg');
}

.product-details-page #page-content.alt #hero h2 {
    margin-top: -75px;
    margin-bottom: 15px;
}
/* DRUPAL STYLES */
.product-details-page #page-content.alt .hero h2 {
    margin-top: -75px;
    margin-bottom: 15px;
}
/* END DRUPAL STYLES */
.alt .herocontent {
    margin-top: 3em;
}
/* end alternative content page */
a.backbtn {
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 0;
    text-align: center;
    line-height: 1.2em;
    color: #000;
    font-size: 0.85em;
    z-index: 999;
}

    a.backbtn:hover {
        text-decoration: none;
        color: #BD0017;
    }

    a.backbtn span.text {
        margin-top: 0.6em;
        margin-left: 15px;
        display: inline-block;
    }

    a.backbtn span.icon-icon-arrow-left {
        position: absolute;
        margin-top: 1em;
        font-size: 0.8em;
    }

.btncontainer {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
/* CUSTOM SOCIAL BUTTONS */
.hero-social {
    width: 100%;
    margin: 20px auto;
    position: relative;
}

.footer-social {
    margin: 0 auto;
    max-width: 335px;
    width: 100%;
}

.fb-like span,
.fb-like > span,
.fb-like > span,
.fb-like span {
    /*height:25px !important; override for facebooks out of alignment button */
}

.footer-social .twitter-share-button {
    width: 77px !important;
}

.product-details-page .hero-social {
    /*padding-left: 30px;*/
}

.fb-share-button {
    width: 90px !important;
    display: inline !important;
}

    .fb-share-button span {
        height: 26px !important;
    }

@-moz-document url-prefix() {
    .fb-share-button {
        top: -5px !important;
    }
}

.hero-social .fb-share-button {
    display: inline-block;
    height: 20px;
    overflow: hidden;
}

#hero .hero-social {
    margin-top: 45px;
    margin-bottom: 3px;
}
/* DRUPAL STYLES */
.hero .hero-social {
    margin-top: 45px;
    margin-bottom: 3px;
}
/* END DRUPAL STYLES */
.herocontent {
    margin-top: 4.3em;
    margin-bottom: 2.5em;
    position: relative;
}

    .herocontent a.enlargebtn {
        position: absolute;
        right: 0;
        bottom: -6px;
        background: rgba(255,255,255,0.5);
        padding: 7px;
        color: #fff;
        font-size: 2em;
        text-shadow: 0px 0px 1px rgba(0,0,0,0.8);
    }

        .herocontent a.enlargebtn:hover {
            text-decoration: none;
        }

.product-details-page #hero .herocontent img {
    width: 100%;
    max-width: 960px;
    height: auto;
}
/*
.content {
margin: 0 auto;
max-width: 800px;
width: 100%;
margin-top: -30px;
}
*/
.content {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding-bottom: 40px;
    /*min-height: 300px;*/
}

    .content h2 {
        font-size: 1.8em;
    }

.node-page {
    min-height: 500px;
}

.content-tab-container .node-page {
    height: auto;
    overflow: hidden;
}

#main-nav .row {
    max-width: 960px;
}

.row {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.promo-content.row {
    max-width: 100%;
    width: 100%;
}

.form-container .full {
    clear: both;
    width: 100%;
}

.content p {
    line-height: 2em;
}

.content > h1, h 2, h3, h4, h5 {
    font-weight: 300;
    text-align: right;
    direction: rtl;
}

.content img.articleimg {
    margin-top: 61px;
}

.form-container form span {
    float: right;
}

.content p.imgtext {
    clear: both;
    text-align: center;
    float: right;
    width: 16em;
    margin: 0.7em 0.4em;
    font-size: 0.85em;
    font-weight: 300;
    text-align: right;
}

.content a {
    color: #db0006;
    text-decoration: underline;
}

    .content a:hover {
        color: #000;
        text-decoration: none;
    }

.spacer {
    margin: 2em 0;
}

.content ul {
    margin-left: auto;
    margin-left: 1.3em\9; /* IE8 and below */
    margin-bottom: 1.2em;
    padding: 0;
}

    .content ul li {
        margin-bottom: 0.5em;
        /*list-style: disc;*/
    }
/* HR STYLING */
hr.maccas {
    padding: 0;
    border: none;
    border-top: medium double #000;
    color: #000;
    text-align: center;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 4em 0 2em 0;
    opacity: 0.1;
}

    hr.maccas:after {
        content: "\e014";
        display: inline-block;
        position: relative;
        top: -0.7em;
        font-size: 1.8em;
        padding: 0 0.25em;
        background: white;
    }

.content hr {
    padding: 0;
    border: none;
    border-top: medium double #000;
    color: #000;
    text-align: center;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 4em 0 3em 0;
    opacity: 0.1;
}

    .content hr:after {
        content: "\e014";
        display: inline-block;
        position: relative;
        top: -0.7em;
        font-size: 1.8em;
        padding: 0 0.25em;
        background: white;
    }

.alt .content hr {
    border-top: medium double #000;
    color: #000;
    opacity: 0.1;
}

    .alt .content hr:after {
        background: url('../images/content/blue-background.jpg') transparent;
    }

.content .pane-video iframe {
    height: 450px !important;
}

.content .item .pane-video iframe {
    height: 140px !important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 11px;
    height: 0;
    margin-top: 3em;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
/* CONTENT BTN STYLES */
a.pdfbtn {
    display: inline-block;
    float: right;
    text-decoration: none;
    font-size: 3.4em;
    margin-left: 0.2em;
    line-height: 1.15em;
}

p.pdftext {
    font-size: 0.80em;
    float: none !important;
}

    p.pdftext span {
        margin-top: 0.2em;
        font-weight: 600;
        display: inline-block;
    }

    p.pdftext a {
        font-size: 1.2em;
        font-weight: 400;
    }

.content-flex-container {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    margin-top: 4em;
    margin-bottom: 2.7em;
    position: relative;
}

    .content-flex-container .flexslider {
        height: auto;
        border-bottom: 3px solid #9F2320;
    }

.captionfirst {
    z-index: 9999;
    position: absolute;
    bottom: 80px;
    margin-left: 30px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    width: 250px;
    height: 60px;
    line-height: 4.4em;
    font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 400;
    border-left: 4px solid #9F2320;
}

.captionsecond {
    z-index: 9999;
    position: absolute;
    bottom: 30px;
    margin-left: 30px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    width: 250px;
    height: 40px;
    line-height: 2.8em;
    font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 400;
    border-left: 4px solid #9F2320;
}

.content-flex-container .captionfirst {
    z-index: 9999;
    position: absolute;
    bottom: 80px;
    margin-left: 30px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    width: 250px;
    height: 60px;
    line-height: 4.4em;
    font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 400;
    border-left: 4px solid #9F2320;
}

.captionsecond p {
    line-height: 0;
}

.captionfirst span, .captionsecond span {
    margin-left: 4em;
}

.content-flex-container .captionsecond {
    z-index: 9999;
    position: absolute;
    bottom: 30px;
    margin-left: 30px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    width: 250px;
    height: 40px;
    line-height: 2.8em;
    font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 400;
    border-left: 4px solid #9F2320;
}

.content-flex-container .flex-control-paging li a {
    width: 8px;
    height: 8px;
    background: #E8E8E4;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,0);
    box-shadow: inset 0 0 3px rgba(0,0,0,0);
}

    .content-flex-container .flex-control-paging li a.flex-active {
        background: #fff;
        width: 8px !important;
        height: 8px !important;
        margin-top: 2px
    }

.content-flex-container .flex-direction-nav {
    display: inline-block;
}

.content-flex-container .flex-control-nav {
    bottom: none;
}

.content-flex-container .flex-control-paging {
    top: 89%;
    position: absolute;
}

.content-flex-container .flex-next, .content-flex-container .flex-prev {
    opacity: 1;
    background: url('../images/arrows-2.png');
    content: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    top: 44%;
}

.content-flex-container .flex-next {
    text-indent: 9999px;
    background-position: 93px 0px;
    height: 50px;
    width: 31px;
    right: 20px;
}

.content-flex-container .flex-prev {
    text-indent: -9999px;
    background-position: -186px 0px;
    height: 50px;
    width: 31px;
    left: 20px;
}

    .content-flex-container .flex-prev:hover {
        background-position: -186px -50px;
    }

.content-flex-container .flex-next:hover {
    background-position: 93px -50px;
}

.content-flex-container .flex-control-paging li a {
    border: none;
}

.contact-only-page {
    margin-top: 85px;
}

.contactheader {
    margin-top: 62px;
    text-align: center;
    width: 100%;
}

    .contactheader h1 {
        font-size: 3.2em;
        margin-bottom: 0.65em;
    }
/*
.contactheader h2 {
font-size: 1.7em;
font-weight: 300;
margin-bottom: 1em;
}
*/
.form-horizontal h4.firstheader {
    margin-top: 1.8em;
}

.form-horizontal h4 {
}

.contactheader > h1, h2, h3, h4, h5 {
    font-weight: 300;
    text-align: right;
    direction: rtl;
    clear: both;
}
/* CONTENT FORM */
/* CHANGING STYLES OF FORM */
.form-container .form-control {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px !;
    padding: 1px 4px;
    height: 22px;
    font-size: 13px;
}

.form-container .full {
}

.remainder {
    margin-left: 0;
}

.form-horizontal .remainder .control-label {
    text-align: left;
    float: left;
    margin-left: 1.2em;
    margin-top: 0.8em;
}

    .form-horizontal .remainder .control-label span {
        font-weight: 400;
        font-size: 0.95em;
    }

#inputEmail1 {
    margin-top: 0.7em;
    width: 45px;
}

.form-container .form-horizontal .control-label {
    padding-top: 0;
    font-size: 0.9em;
    font-weight: 300;
}

.form-container span.bold {
    font-weight: 500;
    font-size: 0.80em;
}

.form-container label {
    font-weight: 300;
    font-size: 0.9em;
}

.form-container .product-dropdown {
    max-width: 180px;
    width: 100%;
    margin-bottom: 2.3em;
}

.form-container textarea.form-control {
    height: auto;
    max-width: 600px;
    width: 100%;
}

.form-container span.red {
    color: #9F2320;
    float: none;
}

.custom-radios .radio-inline {
    margin-right: 1.1em;
    margin-left: 0.5em;
}

.customradios2 {
    margin-left: 1em;
}
/* END STYLES FOR FORM */
.form-container {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
    margin-top: 0px;
}

    .form-container.full {
        max-width: 100%;
        width: 100%;
    }

    .form-container #exampleInputFile {
        display: inline;
        float: left;
        width: 193px;
    }

    .form-container a.uploadbtn {
        padding: 0.5em 1em;
        background: #db0006;
        color: #fff;
        font-size: 1.2em;
        text-decoration: none;
        line-height: 1.2em;
        display: inline;
        font-weight: 400;
    }

a.ctabtn {
    padding: 0.5em 1em;
    background: #db0006;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 1.2em;
    display: inline;
    font-weight: 400;
    border: none;
}

    a.ctabtn:hover {
        color: #fff;
    }

.uploadfiles {
    margin-top: 3.5em;
    margin-bottom: 5em;
}
/* END CONTENT PAGE - T4 */
/* CONTENT TAB PAGE */
/* FIREFOX FIX */
@-moz-document url-prefix() {
    /*.slides li:after {
content: ".";
position:absolute;
bottom:0;
left:0;
z-index:-1000;
}*/
}

.notloadall {
    overflow: hidden;
    height: auto !important;
}

.contenttabs {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 1px;
}

.pane-content .col-md-9 .col-md-12 {
    margin: 0 -15px;
}

.pane-content ul,.pane-content ol {
  	clear:both;
    direction: rtl;
    margin-right: 1.5em;
}

.contenttabs h3 {
    /*margin-top: 0.1em;*/
}

.contenttabs .imgright {
    width: 30%;
}

.contenttabs .copywithimg {
    width: 70%;
}

    .contenttabs .copywithimg ul li {
        list-style: disc;
    }

.contenttabs ul li.item {
    padding-top: 40px;
    height: auto;
    min-height: 460px;
    margin-bottom: 100px;
    overflow: hidden;
}

.contenttabs ul.frameslides li.item {
    padding-top: 0;
}

.contenttabs .imgright img {
    float: right;
}

#content-nav.content-tabs .inner-container {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

#content-nav.content-tabs ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

    #content-nav.content-tabs ul li {
    }

        #content-nav.content-tabs ul li a {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-top: 1px solid #D9D9D9;
            border-left: 1px solid #D9D9D9;
            border-right: 1px solid #D9D9D9;
            border-bottom: 1px solid #D9D9D9;
            margin-bottom: 1px;
            text-align: center;
            color: #000;
            font-weight: 300;
            font-size: 1.25em;
            padding: 10px 15px;
            font-size: 1.15em;
            letter-spacing: normal;
            height: 47px;
        }

            #content-nav.content-tabs ul li a:hover {
                text-decoration: none;
            }

            #content-nav.content-tabs ul li a.active {
                background: #fff;
                border-top: 1px solid #D9D9D9;
                border-left: 1px solid #D9D9D9;
                border-right: 1px solid #D9D9D9;
                border-bottom: 1px solid #FFF;
                color: #000;
            }

#content-nav.content-tabs .nav-hack {
    top: 15px;
}

#content-nav.content-tabs .nav-container {
    height: 61px;
}

.nav-container {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    height: 111px;
}

.nav-hack {
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 999;
}

.nav-center {
    margin: 0 auto;
    max-width: 740px;
    width: 100%;
    /*display: inline-block;*/
}

#productDetailsNav.content-tabs {
}

.product-details-page #hero .tab-content img {
    margin: 57px 0 -6px;
    float: none;
    max-width: 550px;
    min-width: 228px;
}

#hero .inner-container.tab-content {
    margin-top: 20px;
    height: 100%;
}

.tab-content .row {
    margin-bottom: 40px;
}

.content-tab-container {
    background: #fff;
    border-top: 1px solid #D9D9D9;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 60px;
}

    .content-tab-container .flex-control-nav {
        display: none;
    }

#productDetailsNav.content-tabs .col-xs-3 {
    max-width: 200px;
}

#productDetailsNav.content-tabs > li.open > a {
    background: #fff;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #FFF;
}

#productDetailsNav.content-tabs li a {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 1px;
}

    #productDetailsNav.content-tabs li a span {
        text-align: center;
    }

#product-details-content.content-tabs {
    background: #fff;
    border-top: 1px solid #D9D9D9
}

#product-details-content {
    text-align: left;
}
/* END COREYS STYLES */
/**** Isotope filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }
/* THUMBNAIL VIEW */
.product-table-header, .product .tbldata {
    display: none;
}

.product-table-header {
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid #ccc
}

    .product-table-header .header-tbldata {
        font-weight: 700;
        font-size: .8em;
        color: #999
    }
/* LIST VIEW */
.product-list-view {
}

    .product-list-view .tbldata, .product-table-header .header-tbldata {
        display: block;
        float: left;
        width: 18%;
        text-align: center;
        padding: 10px 0 0 10px;
    }

    .product-list-view .product {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 0;
        height: auto;
        overflow: hidden;
        position: relative;
    }

        .product-list-view .product:last-child {
            border: 0
        }

        .product-list-view .product .thumbnail, .product-table-header .header-thumbnail {
            width: 10%;
            height: auto;
            float: left;
            margin: 0;
            padding: 0;
            display: none
        }

            .product-list-view .product .thumbnail img {
                width: 45px;
                margin-top: 4px
            }

        .product-list-view .product .name, .product-table-header .header-name {
            float: left;
            width: 40%;
            text-align: left;
            padding: 10px;
            border-right: 1px solid #ccc;
            height: 100%;
            display: block; /*line-height: 4*/
        }

.product-table-header .header-name {
    border: 0
}

.energyCal, .sodium {
    display: none !important;
}

.product-list-view .product .name {
    text-align: right
}
/* PROMO SLIDER */
/* Promo Slider */
.promo-title,
.promo-blurb,
.promo-cta,
.promo-image {
    text-align: center;
    display: block;
}

.promo-blurb {
    line-height: 1
}

.variant1 {
    position: relative;
    background-position: 50% 100%
}

    .variant1 .promo-title {
        margin: 7px auto;
        max-width: 450px;
        min-width: 200px;
        float: none;
    }

        .variant1 .promo-title img {
            width: 100%
        }

    .variant1 .promo-blurb {
        margin: 0 auto;
        color: #fff;
        float: none;
        font-weight: 400;
        font-size: 1.05em;
        position: absolute;
    }

    .variant1 .promo-cta {
        display: block;
        margin: 0 auto;
        float: none;
        position: absolute;
        bottom: 40px;
    }

        .variant1 .promo-cta img {
            max-width: 155px;
            min-width: 150px;
            margin: 0 auto;
            height: auto;
            width: auto;
        }

    .variant1 .promo-image {
        margin: 0 auto;
        float: none;
        position:
    }

        .variant1 .promo-image img {
            right: -20px;
            top: 0;
            position: relative;
        }

.variant2 {
    position: relative;
    background-position: 50% 100%
}

    .variant2 .promo-title {
        margin: 7px auto;
        max-width: 450px;
        min-width: 200px;
        float: none;
    }

        .variant2 .promo-title img {
            width: 100%
        }

    .variant2 .promo-blurb {
        margin: 0 auto;
        color: #fff;
        float: none;
        font-weight: 400;
        font-size: 1.05em;
        position: absolute;
        bottom: 22%
    }

    .variant2 .promo-cta {
        display: block;
        margin: 0 auto;
        float: none;
        bottom: 0px;
        padding-top: 450px;
    }

        .variant2 .promo-cta img {
            max-width: 155px;
            min-width: 150px;
            margin: 0 auto;
            height: auto;
            width: auto;
        }

    .variant2 .promo-image {
        margin: 0 auto;
        float: none;
        position: relative;
        width: 240px;
    }

        .variant2 .promo-image img {
            right: 0px;
            top: 0;
            position: relative;
        }

.variant3 {
}

    .variant3 .item-content {
        position: relative;
        height: 100%;
    }

    .variant3 .promo-blurb {
        margin: 0 auto;
        color: #fff;
        float: none;
        font-weight: 400;
        font-size: 1.05em;
    }

    .variant3 .promo-cta {
        margin-left: 200px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

        .variant3 .promo-cta img {
            max-width: 225px;
            margin: 0 auto !important;
            height: auto;
            width: auto;
            position: relative;
        }

    .variant3 .promo-image {
        top: 0px;
        right: auto;
        left: 8px;
        width: auto;
    }


/* variant 3 */
/*.variant3 {position: relative;background-position: 50% 100%}
.variant3 .promo-title{margin: 90px auto 30px;max-width: 450px;min-width:200px;float: none;}
.variant3 .promo-title img{width: 100%}
.variant3 .promo-blurb {margin: 0 auto; color: #fff;float: none;font-weight: 400;font-size: 1.05em;position: absolute;bottom: 22%}
.variant3 .promo-cta {display: block;margin: 0 auto;float: none;position: relative}
.variant3 .promo-cta img{max-width: 155px;min-width: 150px;margin: 0 auto;height: auto;width: auto;}
.variant3 .promo-image{margin: 0 auto;float: none;position: relative; width: 240px;}
.variant3 .promo-image img{right: 0px;top:0;position: relative;}*/



#goodSport {
    background-image: url('../images/promo/FIFA-image-product.png');
    background-position: 0 115px;
    background-size: auto 120%;
    color: #000;
}

    #goodSport .item-content {
    }

    #goodSport .promo-title {
        margin: 5px 0
    }

        #goodSport .promo-title h1 {
            text-align: left;
            font-weight: 700;
            font-size: 2.4em;
            margin: 0 0;
        }

        #goodSport .promo-title h2 {
            font-weight: 300;
            text-align: left;
            margin: 0
        }

    #goodSport .promo-blurb {
        text-align: left;
        margin: 5px 0 15px
    }

    #goodSport .promo-cta {
        z-index: 100
    }

        #goodSport .promo-cta img {
            max-width: 225px
        }
/* GALLERY CAROUSEL */
/* Gallery debug .gallery2 */
.gallery2 {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.gallery2 {
    height: 444px;
    background: transparent url('../images/bg-gallery.jpg') repeat-x 0 100%;
}

    .gallery2 .flex-viewport[style] {
        width: 310px;
        padding: 0;
        margin: 0 auto;
        overflow: visible !important;
    }

    .gallery2 .flex-direction-nav {
        position: absolute;
        top: 300px;
        left: 0;
        display: block !important;
        overflow: hidden;
        height: 50px;
        width: 100%
    }

    .gallery2 .copy {
        opacity: 0;
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }

    .gallery2 .flex-active-slide .copy, .mobile-site .gallery2 .copy {
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
        opacity: 1;
    }

    .gallery2 .copy p {
        opacity: 0;
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }

    .gallery2 .flex-active-slide .copy p {
        opacity: 1;
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }
/* Hide the noclick on the active */
.flex-active-slide .pane-image .noclick {
}

.gallery2 .item {
    position: relative;
    z-index: 100;
    height: auto !important;
    text-align: center;
    width: 310px;
    padding: 0;
    margin: 0;
}

    .gallery2 .item img, .gallery2 .item iframe {
        display: block;
        margin: 0 auto;
        opacity: 0.3;
        /* Transitions for the blur, this is currently lagging */
        -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
    }

.gallery2 li.item img {
    width: 100%
}

.gallery2 .item iframe {
    max-width: 288px;
    height: auto;
}

.gallery2 li.item {
    width: 310px !important;
    overflow: inherit;
}

.gallery2 .item iframe {
    background: #000;
    margin-top: 50px;
    margin-bottom: 20px;
}

.gallery2 .item .copy {
    width: 100%;
    padding: 0 20px;
    line-height: 1
}

.gallery2 .item .copy {
    padding: 0;
}

.copyheader {
    font-weight: 500;
}

.gallery2 .item .copy h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin: 10px;
}

.gallery2 .item .noclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 200
}
/*
.gallery .item.flex-active-slide a img {
width: auto!important;
min-width: 310px;
-webkit-transition: min-width 0.2s linear;
-moz-transition: min-width 0.2s linear;
-ms-transition: min-width 0.2s linear;
transition: min-width 0.2s linear;
}
.gallery .item.flex-active-slide a:hover > img {
width: auto!important;
min-width: 330px;
}*/
/* allow click on the current flex item */
.gallery2 .flex-active-slide.item .noclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    display: none;
}
/* but not on the video */
.gallery2 .flex-active-slide.item .video + .noclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

.gallery2 .item.flex-active-slide.scaleVideo .video + .noclick {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 0%;
    display: none;
    cursor: pointer;
}

.gallery2 .flex-active-slide.item {
    z-index: 1000;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    height: auto !important;
}

    .mobile-site .gallery2 .item img, .mobile-site .gallery2 .item iframe,
    .gallery2 .flex-active-slide.item img,
    .gallery2 .flex-active-slide.item iframe {
        opacity: 1;
    }

    .gallery2 .flex-active-slide.item.scaleVideo iframe {
        margin-left: -120px !important;
    }

.pane-gallery .flex-control-nav {
    bottom: 0px !important;
    position: relative;
    clear: both;
}
/* END .gallery2 */
/* .framegallery */
.framegallery {
    width: 100%
}

    .framegallery .slides {
        background: none;
    }

    .framegallery .flex-viewport {
        margin: 0 auto;
        height: 100%
    }

    .framegallery .item {
        padding: 0
    }

    .framegallery .frame-wrapper {
        margin: 0 auto
    }

.allergen-info {
    line-height: 1.2;
    font-size: .9em;
    margin-top: 20px
}
/* MOBILE  */
/* sideNav */
#sideNav {
    position: fixed;
    top: 0;
    right: -90%;
    z-index: 100;
    background: #ccc;
    width: 90%;
    height: 100%;
    max-height: 90%;
    overflow: auto;
    padding: 0
}

.openSidenav #main-nav {
    right: 90%;
}

.openSidenav #content-container {
    right: 90%;
}

.openSidenav #sideNav {
    right: 0;
    z-index: 1000
}

.closeSideNav {
    position: fixed;
    width: 10%;
    height: 100%;
    display: block;
    top: 0;
    left: -10%;
    -webkit-transition: left .2s ease-out;
    -moz-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    transition: left .2s ease-out;
}

.openSidenav .closeSideNav {
    display: block;
    left: 0
}
/* accordion */
.panel-group {
}

.panel {
    background: #fff;
    border: 0;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ccc;
}

.panel-body {
    padding: 0
}

.panel a {
    color: #000;
    font-size: 2em;
    font-weight: 300;
    text-decoration: none;
    display: block;
}

.accordion-toggle {
    overflow: hidden;
}

    .accordion-toggle span {
        display: block;
        float: left;
        margin: 0 10px 0 0
    }

    .accordion-toggle .icon {
        font-size: 0.3em !important;
        margin-top: 20px;
        display: block;
        float: left;
    }

.panel-heading {
    border: 0;
    padding: 0 15px
}

.panel-inner {
    font-size: .5em;
    color: #000;
    padding: 0;
    border: 0;
}

    .panel-inner a {
        color: #000
    }

        .panel-inner a:hover, .panel a:hover {
            color: #ffc836;
        }

    .panel-inner ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .panel-inner ul li {
            border-top: 1px solid #ccc;
            background: #fff
        }

            .panel-inner ul li a {
                display: block;
                padding: 6px 10px 6px 25px
            }

    .panel-inner .menu-title {
        font-size: 2.3em;
        padding: 10px 10px 10px 15px;
        display: block;
        font-weight: 400;
        border-top: 1px solid #ccc;
        background: #fff; /* Old browsers */
        
    }
/* Search Bar */
#searchBar {
    position: fixed;
    top: 0;
    right: -90%;
    z-index: 100;
    background: rgba(53,53,53,.6);
    width: 90%;
    max-height: 100%;
    overflow: auto;
}

    #searchBar .searchtitle {
        font-size: 2em;
        font-weight: 300;
        margin: 0;
        color: #fff;
    }

    #searchBar form {
        background: #000;
        padding: 10px 0 10px 10px;
        display: block;
        overflow: hidden;
        margin: 0;
    }

.mobile-search {
    height: 32px;
    font-size: 1.2em;
    float: left !important;
}

.openSearchbar #main-nav {
    left: -90%;
}

.openSearchbar #content-container {
    left: -90%;
}

.openSearchbar #searchBar {
    right: 0;
    z-index: 1000
}

.closeSearchbar {
    position: fixed;
    width: 10%;
    height: 100%;
    display: block;
    top: 0;
    left: -10%;
    -webkit-transition: left .2s ease-out;
    -moz-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    transition: left .2s ease-out;
}

.openSearchbar .closeSearchbar {
    display: block;
    left: 0;
}

.searchResults {
    border-top: 1px solid #333;
    font-weight: 400;
    padding: 15px;
    color: #fff;
    -webkit-overflow-scrolling: touch;
    background: #000000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODE4MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000000 0%, #181818 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#181818)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#181818 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#181818 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#181818 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%,#181818 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#181818',GradientType=0 ); /* IE6-8 */
}

    .searchResults .searchHeader {
        overflow: hidden;
        border-top: 1px solid #333;
        color: #ababab;
        border-bottom: 1px solid #333;
    }

    .searchResults ul {
        margin: 0;
        padding: 0
    }

        .searchResults ul li {
            list-style-type: none;
            color: #ababab;
            font-size: 0.938em;
            overflow: hidden;
        }

            .searchResults ul li a {
            }

    .searchResults .title {
        color: #ffc836;
        font-weight: 700;
        margin-top: 15px
    }
/* left transition */
/*#main-nav,#sideNav,#content-container{-webkit-transition:left .2s;}*/
#main-nav, #sideNav, #content-container,
#searchBar, #map-right-panel {
    -webkit-transition: right .2s;
}
/* COREY DRUPAL STYLES */
.download-container {
    margin-top: 20px;
}

    .download-container.apps {
        margin-top: 10px;
        margin-bottom: 30px;
    }

h1 sup {
    top: -1em;
    font-size: 0.4em;
}
/* Styling */
.col-md-12 h3 {
    margin-top: 0;
    text-align: right;
    direction: rtl;
}
/* Content tabs, count how many tabs and then apply this class. */
#content-nav ul li.threetabs {
    width: 33%;
}

#content-nav ul li.fourtabs {
    overflow: hidden;
}

    #content-nav ul li.fourtabs a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#content-nav ul li.twotabs {
    width: 50%;
}

#content-nav ul li a {
}
/* end tabbed count */
.hide {
    display: none;
}

.multicolumn-section .thumbcontainer {
    width: 300px;
    float: right;
    margin-left: 30px;
    /*min-height: 400px;*/
    /*min-height: 455px;*/
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

.threecol {
    overflow-y: hidden;
    overflow-x: hidden;
}

.thumbcontainer.threecol {
    height: auto;
    min-height: auto;
}

.multicolumn-section .thumbcontainer.threecol {
    min-height: auto;
    height: auto;
}

.thumbcontainer .thumb img {
    width: 100%;
    height: auto;
}

.thumbcontainer ul {
    width: 100%;
    margin: 0;
}

    .thumbcontainer ul li {
        list-style: none;
    }

ul.twolist {
    width: 50%;
    float: left;
    margin: 0;
}

    ul.twolist li {
    }
/* EDIT BUTTON */
.edit a, a.edit {
    padding: 5px 10px;
    color: #fff;
    background: #db0006;
    margin: 5px;
    float: right;
    clear: both;
    display: block;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
}

    .edit a:hover, a.edit:hover {
        background: #a90116;
        color: #fff;
    }
/* Image styles */
.image {
    overflow: hidden;
    width: 100%;
    height: auto;
    display: inline-block;
}

    .image img {
        width: 100%;
        height: auto;
    }

.image_alt {
    overflow: hidden;
    width: 100%;
    height: auto;
    display: none;
}

    .image_alt img {
        width: 100%;
        height: auto;
    }

.pane-content > h3 {
    margin-right: 15px;
    text-align: right;
}

.pane-image .single {
    position: relative;
    width: 100%;
    max-width: 960px;
    /*max-height: 428px; */
    margin-bottom: 30px !important;
    /*margin-top: 30px;*/
}

.flex-viewport .pane-image .single {
    margin-bottom: -5px !important;
}

.row.pane-image {
    max-width: 960px;
}

.row.pane-gallery {
    width: 100% !important;
    max-width: 100%;
}

.pane-image .single img {
    width: 100%;
}

.node-page .multi {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}

.multi .multicolumn-section .thumbcontainer.onecol img {
    width: 100%;
}

.multi .multicolumn-section p {
    text-align: center;
}

.multi .multicolumn-section h4 {
    text-align: center;
    text-decoration: none;
    color: #000;
}

    .multi .multicolumn-section h4.left {
        text-align: right;
    }

    .multi .multicolumn-section h4 a {
        text-decoration: none;
        color: #000;
    }

        .multi .multicolumn-section h4 a:hover {
            color: #BD0017;
        }
/* POSITIONS AVAILABLE FORM */
.view-career-listing {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
}

#views-exposed-form-career-listing-default {
    max-width: 450px !important;
    width: 100%;
    margin-top: 20px;
}

.views-exposed-form label {
    font-weight: 300;
    float: left;
    text-align: right;
    width: 90px;
    margin-right: 20px;
}

.views-widget {
    display: inline-block;
    max-width: 310px;
    width: 100%;
}

#views-exposed-form-career-listing-default #edit-title {
    width: 100%;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
    width: 100%;
}

    .views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 0.6em;
        margin-left: 6.5em;
    }

.career-left {
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

    .career-left p {
        line-height: 0.65em;
    }

.career-right {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

    .career-right p {
        text-align: right;
        line-height: 0.65em;
    }
/* CONTACT FORM */
/* error for radio buttons */
.form-radio.error {
    outline: none !important;
    border: none !important;
}

#node-1549 .hero {
    display: none;
}

#webform-component-header-au {
}

.summary #webform-component-address-1 {
    margin-top: 0;
}

#webform-component-header {
    padding-bottom: 40px;
}

.form-container {
    margin-top: 100px;
}

.form-item h1 {
    font-size: 3.5em;
    margin: 0 0 4px -2px;
    font-weight: 300;
    letter-spacing: -0.04em;
}

.form-required {
    color: #db0006;
}

h4 .form-required {
    font-size: 0.7em;
}

#page-content .node-webform .content {
    margin-top: 0px;
}

#node-1 h2 a {
    display: none;
}

#webform-component-header h2 {
    margin-bottom: 30px;
    margin-top: 0;
}

.form-select {
    border-radius: 0px;
    padding: 1px 4px;
    height: 22px;
    font-size: 13px;
    display: block;
    width: 100%;
    line-height: 1.428571429;
    color: rgb(85, 85, 85);
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.summary label {
    width: auto;
    display: block !important;
}

.summary #webform-component-first-name {
    display: block;
    float: none;
    width: 100%;
}

.summary #webform-component-last-name {
    display: block;
    float: none;
    width: 100%;
}

.summary #edit-submitted-title {
    width: 100%;
}

.summary #edit-submitted-state {
    width: 100%;
}

.summary #edit-submitted-product {
    width: 100%;
}

.summary #edit-submitted-postcode {
    width: 100%;
}

.summary #edit-submitted-contact-number {
    width: 100%;
}

.summary #webform-component-contact-number {
    height: 30px;
}

.summary #edit-submitted-email {
    width: 100%;
}

.summary #edit-submitted-store-box-concern {
    width: 100%;
}

#edit-submitted-title {
    width: 23%;
}

#edit-submitted-state {
    width: 23%;
}

#edit-submitted-product {
    width: 23%;
    margin-bottom: 24px;
}

#edit-submitted-postcode {
    width: 23%;
}

#edit-submitted-contact-number {
    width: 23%;
}

#webform-component-contact-number {
    height: 50px;
}

#edit-submitted-email {
    width: 23%;
}

#edit-submitted-store-box-concern {
    width: 50%;
}

#webform-component-first-name {
    display: inline-block;
    float: left;
    width: 43%;
}

#webform-component-last-name {
    display: inline-block;
    float: left;
    width: 47%;
}

    #webform-component-first-name input, #webform-component-last-name input {
        max-width: 148px;
        width: 100%;
    }

form.form-container #webform-component-first-name.form-item label, form.form-container #webform-component-last-name.form-item label {
    width: 38.5%;
}

#webform-component-postcode .description {
    float: right;
    width: 59%;
    display: inline;
    margin-top: 4px;
    font-weight: 500;
}

#webform-component-contact-number .description {
    float: right;
    width: 37%;
    display: inline;
    margin-top: 4px;
    font-weight: 500;
    margin-right: 144px;
}

#webform-component-email .description {
    float: right;
    width: 37%;
    display: inline;
    margin-top: 4px;
    font-weight: 500;
    margin-right: 144px;
}

#edit-submitted-store-box-store {
    width: 50%;
    display: inline-block;
}

#webform-component-store-box--store .description {
    float: right;
    width: 30%;
    padding-left: 10px;
    display: inline;
    margin-top: 4px;
    font-weight: 500;
}

#webform-component-store-box .form-item label {
    width: 20%;
}

#edit-submitted-store-box-date-visit {
    width: 50%;
    display: inline-block;
}

#webform-component-store-box--date-visit .description {
    float: right;
    width: 30%;
    padding-left: 10px;
    display: inline;
    margin-top: 4px;
    font-weight: 500;
}

#webform-component-store-box--time-visit .description {
    float: right;
    width: 30%;
    padding-left: 10px;
    display: inline;
    margin-top: 4px;
    font-weight: 500;
}
/* STORE BOX */
#webform-component-store-box {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background: #EFEFEF;
    height: 100%;
    display: inline-block;
    position: relative;
    max-width: 620px;
    width: 100%;
}

    #webform-component-store-box legend {
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 18px;
        max-width: 580px;
        width: 90%;
    }

.fieldset-description {
    display: none;
}

#webform-component-store-box--store {
}
/* END STORE BOX */
#webform-component-comment textarea {
    width: 77%;
}

#webform-component-comment label {
    width: auto;
    padding-left: 0;
}

#webform-component-comment .description {
    margin-left: 109px;
}

#edit-submitted-store-box-time-visit {
    width: 50%;
    display: inline-block;
}

#edit-submitted-about {
    width: 100%;
    clear: both;
    margin-left: 4px;
    margin-top: -10px;
}

    #edit-submitted-about .form-type-radio {
        display: inline-block;
    }

#edit-submitted-about-store .form-type-radio {
    display: inline-block;
}

#edit-submitted-about .form-type-radio label {
    padding-top: 0px;
    font-size: 0.9em;
    font-weight: 300;
    text-align: right;
    width: 16.666666666666664%;
    float: none;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}

#edit-submitted-about-store .form-type-radio label {
    padding-top: 0px;
    font-size: 0.9em;
    font-weight: 300;
    text-align: right;
    width: 16.666666666666664%;
    float: none;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}

#edit-submitted-followup .form-type-radio label {
    padding-top: 0px;
    font-size: 0.9em;
    font-weight: 300;
    text-align: right;
    width: 16.666666666666664%;
    float: none;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}

#edit-submitted-followup {
    width: 100%;
    clear: both;
    margin-left: 4px;
    margin-top: -10px;
}

    #edit-submitted-followup .form-type-radio {
        display: inline-block;
    }

#edit-submitted-about-store {
    width: 100%;
    clear: both;
    margin-left: 4px;
    margin-top: -10px;
}

form.form-container .form-item label {
    padding-top: 0px;
    font-size: 0.9em;
    font-weight: 300;
    text-align: right;
    width: 16.666666666666664%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}

form.form-container input[type="radio"] {
    margin-top: 0px;
}

.grippie {
    display: none;
}

.form-item .description {
    margin-top: 4px;
    font-weight: 500;
}

#edit-next {
    padding: 0.5em 1em;
    background: #db0006;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 1.2em;
    display: inline;
    font-weight: 400;
    border: none;
}

#edit-previous {
    padding: 0.5em 1em;
    background: #db0006;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 1.2em;
    display: inline;
    font-weight: 400;
    border: none;
    margin-right: 5px;
}

#edit-submit {
    padding: 0.5em 1em;
    background: #db0006;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 1.2em;
    display: inline;
    font-weight: 400;
    border: none;
}

input.form-submit {
    padding: 0.5em 1em;
    background: #db0006;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 1.2em;
    display: inline;
    font-weight: 400;
    border: none;
}

.submitted {
    display: none;
}

div.messages {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-top: 110px;
}
/* SUMMARY STYLES */
.summary {
}

    .summary label[for="edit-submitted-summary"] {
        display: none !important;
    }

.summary {
    color: #db0006;
}

    .summary label {
        color: #000;
    }

    .summary .form-item label {
    }

    .summary .form-item {
        clear: both;
        font-size: 18px;
    }

form.form-container .summary .form-item label {
    padding-top: 0px;
    font-size: 0.9em;
    font-weight: 500;
    text-align: right;
    width: 22%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 2px;
}

form.form-container .summary #webform-component-first-name.form-item label, form.form-container .summary #webform-component-last-name.form-item label {
    width: 22%;
}

.summary #webform-component-about label {
    width: 100%;
    text-align: left;
}

.summary #webform-component-product label {
    width: 100%;
    text-align: left;
}

.summary #webform-component-about-store label {
    width: 100%;
    text-align: left;
}

.summary #webform-component-comment label {
    width: 100%;
    text-align: left;
}

.summary #webform-component-followup label {
    width: 100%;
    text-align: left;
}
/* END SUMMARY STYLES */
/* END CONTACT FORM */
/* END COREY DRUPAL STYLES */
/* Custom media queries for T2 and T3 pages */

.disclaimer {
    font-size: 0.75em
}

@media (min-width: 0px) and (max-width: 1999px) {
    h2.col-lg-9 {
        width: 75%;
    }
}

@media (min-width: 0px) and (max-width: 1110px) {
    /* TASTY SECTION */
    .tasty-section .thumbcontainer {
        max-width: 300px;
        width: 100%;
    }
    /* END TASTY SECTION */
    h2.col-lg-9 {
        width: 75%;
    }

    .hero-social {
        top: 100px;
    }

    .sharrre .count {
        display: none;
    }

    .share span.text {
        display: none;
    }

    .hero-social a.share {
        padding: 6px 6px;
    }

    .share .icon-icon-share {
        position: relative;
        font-size: 1.1em;
        line-height: 1.1em;
        margin: 0;
        /*padding: 0;*/
        top: 2px;
    }

    #twitter.sharrre, #facebook.sharrre, #google.sharrre {
        padding: 6px 6px;
    }

        #twitter.sharrre .share, #facebook.sharrre .share, #google.sharrre .share {
            margin-left: 0;
            font-size: 13px;
        }
}

@media (min-width: 0px) and (max-width: 1024px) {
    .tasty-container {
        margin: 0 auto;
        max-width: 700px;
    }
}

@media (min-width: 0px) and (max-width: 998px) {
    .node-page .multi {
        width: 100%;
        margin-left: 0;
    }

    .content hr {
        display: block;
        clear: both;
        width: 100%;
    }

    .multicolumn-section .thumbcontainer.onecol {
        margin: 0 auto;
    }

    .multucolumn-section .thumbcontainer.onecol .thumb {
        height: 180px;
    }

    .copywithimg {
        width: 60%;
        float: left;
    }

    .contenttabs .copywithimg {
        width: 70%;
    }

    .imgright {
        width: 40%;
        padding: 0;
        float: right;
    }

    .contenttabs .imgright {
        width: 30%;
    }

    #hero .inner-container {
        padding: 0 20px;
    }

    .learn-section {
        max-width: 770px;
        width: 100%;
    }

    .responsibility-section {
        max-width: 700px;
        width: 100%;
    }

    .multicolumn-section {
        max-width: 770px;
        width: 100%;
    }

        .multicolumn-section .thumbcontainer, .multicolumn-section .thumbcontainer.twocol, .multicolumn-section .thumbcontainer.threecol, .multicolumn-section .thumbcontainer.fourcol, .multicolumn-section .thumbcontainer.fivecol {
            width: 48%;
            max-width: 48%;
            margin-left: 0;
            margin-right: 0;
            min-height: auto!important;
        }

        .multicolumn-section.careers .thumbcontainer {
            min-height: 280px;
        }

        .multicolumn-section .thumbcontainer .thumb {
            overflow: hidden;
            border: 1px solid #C4C4C3;
            height: 140px;
            width: 100%;
            margin-bottom: 15px;
            display: inline-block;
            position: relative;
            background: #ccc;
        }

        .multicolumn-section .thumbcontainer.onecol .thumb {
            height: 250px;
        }

    .thumbcontainer .thumb img {
        width: 100%;
        height: auto;
    }

    section.multi.links .multicolumn-section .thumbcontainer.twocol, section.multi.links .multicolumn-section .thumbcontainer {
        min-height: 340px;
        height: auto;
    }

    .multicolumn-section .thumbcontainer.leftcol, .multicolumn-section .thumbcontainer.twocol.leftcol {
        margin-left: 4%;
    }

    . .product-details-page #hero .fourcol img, .product-details-page #hero img {
        margin: -4px 0 -6px;
        float: none;
        max-width: 650px;
        width: 100%;
        min-width: 228px;
    }
}

@media (min-width: 0px) and (max-width: 992px) {
    .col-md-9 {
        width: 75%;
        float: left;
    }

    .col-md-3 {
        width: 25%;
        float: left;
    }

    .hero .inner-container h1 {
        margin-top: 30px;
    }


    .mcdelivery .hero .inner-container h1 {
        margin-top: 0px;
    }
}

@media (min-width: 0px) and (max-width: 946px) {
    a.backbtn {
        left: 20px;
    }
}

@media (min-width: 0px) and (max-width: 879px) {
    #locator-search {
        width: 108%;
    }
}

@media (min-width: 0px) and (max-width: 823px) {
    /* CONTACT FORM STYLES */
    form.form-container .summary .form-item label {
        padding-top: 0px;
        font-size: 0.9em;
        font-weight: 500;
        text-align: left;
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
        display: inline-block;
        margin-right: 10px;
        font-size: 14px;
        margin-top: 2px;
    }

    form.form-container .summary #webform-component-first-name.form-item label, form.form-container .summary #webform-component-last-name.form-item label {
        width: 100%;
    }

    .summary #webform-component-store-box {
        padding-top: 50px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        background: #EFEFEF;
        height: 100%;
        display: inline-block;
        position: relative;
        max-width: 620px;
        width: 100%;
    }
    /* END CONTACT FORM STYLES */

    .content .row {
        width: 90%;
    }

    .content {
        width: 100%;
    }

    .content-tab-container .content {
        width: 100%;
    }

        .content-tab-container .content ul.slides {
            margin-left: 0;
        }

    .pane-image .single {
        margin-left: 0px;
        width: 100%;
        max-width: 960px;
        max-height: 428px;
        overflow: hidden;
    }

        .pane-image .single img {
            width: 100%;
        }
}

@media (min-width: 0px) and (max-width: 800px) {

    form.form-container .form-item label {
        padding-top: 0px;
        font-size: 0.9em;
        font-weight: 300;
        text-align: left;
        width: 100%;
        float: none;
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
        display: block;
    }

    #edit-submitted-title {
        width: 100%;
    }

    #webform-component-first-name {
        width: 48%;
        margin-right: 4%;
    }

    #webform-component-last-name {
        width: 48%;
    }

        #webform-component-first-name input, #webform-component-last-name input {
            max-width: 100%;
            width: 100%;
        }

    #edit-submitted-address-1 {
        width: 100%;
    }

    #edit-submitted-address-2 {
        width: 100%;
    }

    #edit-submitted-suburb {
        width: 100%;
    }

    #webform-component-state {
        width: 48%;
        margin-right: 4%;
        display: inline;
        float: left;
    }

    #webform-component-postcode {
        width: 48%;
        display: inline;
        float: left;
    }

    #edit-submitted-state {
        width: 100%;
    }

    #edit-submitted-postcode {
        width: 100%;
    }

    #webform-component-contact-number {
        width: 100%;
        height: auto;
    }

    #edit-submitted-contact-number {
        width: 100%;
    }

    #edit-submitted-about {
        margin-left: 0;
    }

    #edit-submitted-product {
        width: 100%;
    }

    #edit-submitted-about-store {
        margin-left: 0;
    }

    #edit-submitted-email {
        width: 100%;
    }

    #edit-submitted-store-box-store {
        width: 100%;
    }

    #edit-submitted-store-box-date-visit {
        width: 100%;
    }

    #edit-submitted-store-box-time-visit {
        width: 100%;
    }

    #edit-submitted-store-box-concern {
        width: 100%;
    }

    #edit-submitted-followup {
        margin-left: 0;
    }

    .description {
        float: none !important;
        clear: both !important;
        width: 100%;
        padding-left: 0px !important;
    }
}

@media (min-width: 0px) and (max-width: 797px) {
    .tasty-section .thumbcontainer {
        margin-left: 5%;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    /* Change hero video size */
    .content .pane-video iframe {
        height: 380px !important;
    }
    /* Hero spacing */
    .hero .inner-container {
        /*margin-top: 76px;*/
        margin-top: 30px;
    }

        .hero .inner-container h1 {
            margin-top: 0;
        }
    /*.main-nav{
	position:fixed;
}/*/
    /* Spacing on user pages */
    .page-id-user-account #user-pass, .page-user-password #user-pass, .page-user-reset #user-pass-reset {
        margin-top: 76px !important;
    }
    /* Content spacing on two col layouts */
    .pane-content .col-md-9 .col-md-12 {
        margin: 0;
    }
    /* Social buttons */
    .fb-like {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-bottom: 5px !important;
    }

    .fb-share-button {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .product-social .fb-share-button {
        top: -5px !important;
    }

    .g-plus {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .twitter-share-button {
        display: block !important;
        width: 77px !important;
        margin: 0 auto !important;
        padding-right: 13px;
    }
    /* CONTACT FORM STYLES */
    #webform-component-header h2 {
        font-size: 1.2em;
    }

    #webform-component-summary-header h2 {
        font-size: 1.2em;
    }

    #webform-component-header h1 {
        font-size: 2.5em;
    }

    #webform-component-summary-header h1 {
        font-size: 2.5em;
    }

    #webform-component-email .description {
        margin-right: 0;
    }
    /* END CONTACT FORM STYLES */
    /* STYLING FOR CAPTURE FORM */
    #edit-captcha-form {
        width: 260px;
    }

    .recaptchatable #recaptcha_response_field {
        width: 100% !important;
    }

    .recaptchatable #recaptcha_image {
        width: 100% !important;
        float: left;
    }

    .recaptchatable .recaptcha_image_cell center img {
        width: 100% !important;
    }

    #recaptcha_area td {
    }

    #recaptcha_logo {
        display: none;
    }

    span#recaptcha_privacy {
        display: none;
    }
    /* END STYLING FOR CAPTURE FORM */
    .pane-content h3 {
        font-size: 1.25em;
        line-height: 1.35em;
        margin-left: 0;
        margin-right: 0;
    }

    .contenttabs {
        padding-left: 20px;
        padding-right: 20px;
    }

        .contenttabs .col-md-12 {
            padding: 0;
        }

    .col-md-12 {
        padding-right: 9px;
        padding-left: 9px;
    }

    .col-md-9 {
        width: 100%;
        float: none;
    }

    .col-md-3 {
        width: 100%;
        float: none;
    }

        .col-md-3 .image {
            display: none;
        }

        .col-md-3 .image_alt {
            display: inline-block;
        }

    .hero h1 {
        font-size: 2.5em;
        margin: 0 0 20px;
    }

    h2.col-lg-9 {
        font-size: 1.2em;
    }

    #content-container .col-md-12, #content-container .col-md-11, #content-container .col-md-10, #content-container .col-md-9, #content-container .col-md-8, #content-container .col-md-7, #content-container .col-md-6, #content-container .col-md-5, #content-container .col-md-4, #content-container .col-md-3, #content-container .col-md-2, #content-container .col-md-1 {
        padding-left: 0;
        padding-right: 0;
    }
    /* MOBILE CONTENT TAB NAV */
    #mobile-product-nav.content-tabs, #mobile-content-nav.content-tabs {
        height: 40px;
    }

    .content-tab-container {
        height: auto;
    }

        .content-tab-container .content {
            height: auto;
        }

            .content-tab-container .content .contenttabs {
                height: auto;
            }

                .content-tab-container .content .contenttabs ul.slides {
                    height: auto;
                }

                    .content-tab-container .content .contenttabs ul.slides li.item {
                        max-height: 100%;
                        height: auto;
                    }
    /* END MOBILE CONTENT TAB NAV */
    a.backbtn {
        display: none;
    }

    h2.col-lg-9 {
        width: 88%;
        font-size: 1.2em !important;
    }

    .copywithimg {
        width: 100%;
    }

    .contenttabs .copywithimg {
        width: 100%;
    }

    .articleimg {
        display: none;
    }

    .imgtext {
        display: none;
    }
    /* CONTACT STYLES FOR MOBILE */
    #webform-component-comment textarea {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 752px) {
    a.appbtn {
        padding: 0;
    }

    .learn-section {
        width: 100%;
        max-width: 100%;
    }

        .learn-section .thumbcontainer {
            width: 48%;
            max-width: 48%;
            margin-left: 0;
            margin-right: 0;
            min-height: 360px;
        }

    .thumbcontainer.leftcol {
        margin-right: 4%;
    }

    .thumbcontainer.rightcol {
    }

    .learn-section .thumbcontainer .thumb {
        width: 100%;
        max-width: 100%;
        height: 150px;
        margin-bottom: 5px;
    }

    section.multi.links .multicolumn-section .thumbcontainer.twocol, section.multi.links .multicolumn-section .thumbcontainer {
        min-height: 330px;
        height: auto;
    }

    .multicolumn-section .thumbcontainer .thumb, .project-enjoyment .thumbcontainer.winner-video .thumb {
        width: 100%;
        max-width: 100%;
        height: 150px;
        margin-bottom: 5px;
    }

    .project-enjoyment .thumbcontainer.winner-video .thumb, .project-enjoyment .thumbcontainer.winner-video {
        max-width: 100% !important;
        height: auto !important;
    }

    .multicolumn-section {
        margin: 0 auto;
        min-height: 0px;
        /*margin-bottom: 50px;*/
    }

        .multicolumn-section .thumbcontainer.onecol {
        }

        .multicolumn-section .thumbcontainer.onecol, .multicolumn-section .thumbcontainer.twocol, .multicolumn-section .thumbcontainer.fourcol {
        }

    .responsibility-section .thumbcontainer {
        float: none;
        margin: 0 auto;
        min-height: 0px;
        margin-bottom: 50px;
    }

        .responsibility-section .thumbcontainer.first {
            margin: 0 auto;
            margin-bottom: 50px;
        }

    .product-details-page #hero.multihero h2 {
        margin-bottom: 30px;
    }
}

@media (min-width: 0px) and (max-width: 708px) {
    .multicolumn-section .thumbcontainer .thumb {
        height: 122px;
    }
    /* Fix news column for mobile */
    .notfound #column_content-279.multicolumn-section .thumbcontainer {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 695px) {
    .tasty-section .thumbcontainer {
        margin: 0 auto;
        float: none;
    }
    /* Change hero video size */
    .content .pane-video iframe {
        height: 320px !important;
    }
}

@media (min-width: 0px) and (max-width: 625px) {
    .multicolumn-section .thumbcontainer .thumb {
        height: 120px;
    }
}

@media (min-width: 0px) and (max-width: 575px) {
    .multicolumn-section .thumbcontainer .thumb {
        height: 110px;
    }
    /* Change hero video size */
    .content .pane-video iframe {
        height: 280px !important;
    }
}

@media (min-width: 0px) and (max-width: 506px) {
    /* Change hero video size */
    .content .pane-video iframe {
        height: 210px !important;
    }
    /*
.hero .inner-container {
margin-bottom: 30px;
}
.pane-image .single {
margin-top: 0px;
}
*/
    .views-exposed-form label {
        text-align: left;
    }

    .views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 0.6em;
        margin-left: 0em;
    }

    section.multi.links .multicolumn-section .thumbcontainer.twocol, .multicolumn-section .thumbcontainer, .multicolumn-section .thumbcontainer.twocol, .multicolumn-section .thumbcontainer.threecol, .multicolumn-section .thumbcontainer.fourcol, .multicolumn-section .thumbcontainer.fivecol {
        min-height: 10px;
        height: auto;
    }

        .multicolumn-section .thumbcontainer, .multicolumn-section .thumbcontainer.twocol, .multicolumn-section .thumbcontainer.threecol, .multicolumn-section .thumbcontainer.fourcol, .multicolumn-section .thumbcontainer.fivecol {
            max-width: 100%;
            width: 100%;
        }

    .thumbcontainer.fourcol, .thumbcontainer.threecol {
        float: none;
        margin: 0px auto 50px;
        min-height: 0px;
        width: 100%;
        max-width: 100%;
    }

        .thumbcontainer.fourcol .thumb, .thumbcontainer.threecol .thumb {
            width: 100%;
            max-width: 100%;
            height: 170px;
        }

    .learn-section, .multicolumn-section {
        max-width: 100%;
        width: 100%;
    }

    .responsibility-section {
        max-width: 100%;
        width: 100%
    }

    .multicolumn-section {
        max-width: 100%;
        width: 100%
    }

    .learn-section .thumbcontainer {
        float: none;
        margin: 0 auto;
        min-height: 0px;
        margin-bottom: 50px;
        width: 100%;
        max-width: 100%;
    }

    .responsibility-section .thumbcontainer {
        width: 100%;
        max-width: 100%;
    }

    .multicolumn-section .thumbcontainer, .multicolumn-section .thumbcontainer.onecol, .multicolumn-section .thumbcontainer.twocol, .multicolumn-section .thumbcontainer.fourcol {
        float: none;
        margin: 0 auto;
        min-height: 0px;
        /*margin-bottom: 50px;*/
        width: 100%;
        max-width: 100%;
    }

    .responsibility-section .thumbcontainer p, .responsibility-section .thumbcontainer h4 {
        width: 90%;
        margin: 0 auto;
    }

    .multicolumn-section .thumbcontainer p, .multicolumn-section .thumbcontainer h4 {
        width: 90%;
        margin: 0 auto;
    }

    .multicolumn-section .thumbcontainer h4 {
        width: 100%;
        margin-bottom: 8px;
        margin-top: 7px;
        padding: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .multicolumn-section .thumbcontainer {
    }

    .learn-section .thumbcontainer .thumb {
        width: 100%;
        max-width: 100%;
        height: 170px;
    }

    .responsibility-section .thumb {
        width: 100%;
        max-width: 100%;
        height: 150px;
    }

    .multicolumn-section .onecol .thumb, .multicolumn-section .twocol .thumb, .multicolumn-section .fourcol .thumb, .multicolumn-section .thumb {
        width: 100%;
        max-width: 100%;
        height: 170px;
    }

    .multicolumn-section .thumbcontainer.onecol .thumb {
        height: 170px;
    }

    .learn-section .thumbcontainer.first, .multicolumn-section .thumbcontainer.first {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    #hero h2 {
        font-size: 1.5em;
        line-height: 1.3em;
    }

    .product-details-page #hero h1 {
        font-size: 3.2em;
    }
}

@media (min-width: 0px) and (max-width: 360px) {
    .learn-section .thumbcontainer .thumb, .multicolumn-section .thumbcontainer .thumb {
        height: 140px;
    }
}

@media (min-width: 0px) and (max-width: 409px) {
    /* Change hero video size */
    .content .pane-video iframe {
        height: 160px !important;
    }

    .gallery2 .flex-viewport {
    }
}
/* End custom media queries for T2 and T3 pages */
@media (max-width: 480px) {
}

@media (min-width: 320px) and (max-width: 767px) {
    #wrapper {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #main-nav {
        height: 46px;
        left: 0;
        z-index: 9999;
    }

        #main-nav .inner-container {
        }
    /*#logo{float: none!important;position: absolute;top:0;left:50%;margin-left: -28px}*/
    #logo img {
        max-width: 56px;
    }

    .mobile-right-nav {
        margin: 12px 0 0 0;
        padding: 0 0 0 0;
    }

        .mobile-right-nav a {
            font-size: 1.3em;
            color: #000;
            text-decoration: none;
            padding: 0 0 0 15%
        }

            .mobile-right-nav a:hover {
                color: #ffc836;
            }

    .flexslider {
        height: 420px
    }

    .item {
        background-size: auto 107%;
        max-height: 420px;
    }

    #hero .inner-container {
        margin-top: 75px
    }

    #hero .hero-social {
        margin-top: 35px
    }

    .product-details-page #hero {
        min-height: 0;
        padding-bottom: 20px
    }

        .product-details-page #hero h1 {
            font-size: 1.8em;
            margin: 0 0 20px;
        }

        .product-details-page #hero h2 {
            font-size: 1em;
            line-height: 1.3em;
        }

    .product-details-section {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    #product-details-content {
        padding: 10px 10px 20px
    }

    #product-header {
        min-height: 20px
    }

    #product-details-content .product-header .product-size { /*width: 100%*/
    }

        #product-details-content .product-header .product-size span {
            display: block;
            margin-bottom: 5px
        }

    #product-details-content .product-header .updated-date {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .navbar-toggle {
        left: 5px;
        top: 0px;
        border-width: 0;
        padding-top: 7px
    }

        .navbar-toggle:hover {
            background: #000
        }

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

/*    #product-allergen-info .product-content table tr {
        width: 100%
    }

    #product-allergen-info .product-content table td {
        border: 1px solid #bbb;
        color: #333;
        border-width: 0 0 1px 0;
        width: 50%
    }

        #product-allergen-info .product-content table td:first-child {
            font-weight: 400 !important;
            font-size: 0.938em !important;
            border-width: 0 1px 1px 0;
            text-align: right;
        }
*/
    .nav-tabs > li > a {
        font-size: 1em;
        border-top: 2px solid #db0006 !important;
        border-radius: 0;
        padding: 10px 12px
    }

    .nav-tabs > li {
        padding: 0 1px;
    }

    .slides {
        -webkit-overflow-scrolling: touch;
    }

    #product-nutrition-info .product-content table td:first-child {
        padding: 5px;
    }

    #product-nutrition-info .product-content table td {
        padding: 5px;
    }

    #product-allergen-info .product-content,
    #product-ingredients .product-content {
        -webkit-overflow-scrolling: touch;
        -webkit-transition: height 0.5s ease;
        transition: height 0.5s ease;
  		height:auto !important;
    }

    .promo-content {
        background: #000
    }

    .promo .trans { /*height: 40%!important;*/
        display: none;
    }

    .content ul.slides {
        margin-left: auto;
    }
    /* MOBILE  MAPS */
    .curlocation-container {
        border: 1px solid #333;
        border-width: 0 0 1px 0;
        background: #191919;
        color: #bbb;
        padding-top: 0;
    }

    #btnCurLocation {
        max-width: 300px;
    }

    #map-right-panel {
        width: 90%;
        max-width: 90%;
        background: #191919;
        left: auto;
        right: -90%;
        position: fixed;
        max-height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        #map-right-panel #content {
            margin-top: 15px;
        }

    #locator-search {
        padding: 12px 25px;
        width: 100%;
    }

        #locator-search .input-search {
            height: 32px;
            font-size: 1.2em;
            display: block;
            z-index: 9999;
            padding: 0 8px;
        }

        #locator-search button.btn-search {
            display: none !important;
        }

    #facilities {
        border: 1px solid #333;
        border-width: 1px 0;
        background: #191919;
        color: #bbb;
        font-size: 1.1em;
        display: block;
        position: relative;
    }

    #results {
        background: #191919;
        display: block;
    }

    #facilities .checks span {
        display: inline-block;
        width: 80%;
        vertical-align: top;
    }
    /* Fixes for Samsung stock browser phone
.result-name, .result-kms, .result-details {
position: relative!important;
float: left!important;
height: 100%!important;
overflow: hidden!important;
border: 1px solid red;
}
.resultsbox {
overflow: hidden;
position: fixed;
float: none;
min-height: 50px;
height: 60px;
display: block;

}
*/
    .result .result-button {
    }

    .result {
        background: #111;
        border: 0
    }

    .result-options {
        width: 100%
    }

    .result-info {
        width: 100%;
        background: #303030;
    }

    .result-tradinghours, .result-facilities {
        background: #474747;
    }

        .result-facilities.selected, .result-tradinghours.selected {
            background: #303030;
        }

    .mobile-mapInfo {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #191919;
        color: #fff;
        z-index: 910;
        padding: 85px 0 0;
        height: 100%;
        overflow: scroll;
    }

        .mobile-mapInfo .mobile-map-content {
            padding: 0;
            color: #bbb;
            height: auto;
            min-height: 100%;
            margin-bottom: -34px;
        }

    #page-content .mobile-mapInfo .mobile-map-content .content {
        padding: 0 20px 35px;
    }

    #page-content .mobile-mapInfo .mobile-map-content .mcdelivery-map {
        background: #FFC833;
        color: #000;
        padding-top: 20px;
    }

        #page-content .mobile-mapInfo .mobile-map-content .mcdelivery-map .title {
            font-weight: 700;
        }

    .mobile-mapInfo .mobile-map-content span {
        display: block;
    }

    .mobile-mapInfo .mobile-map-content .store {
        color: #fff;
        line-height: 1;
        font-size: .8em
    }

    .mobile-mapInfo .mobile-map-content .name {
        color: #fff;
        font-weight: 300;
        margin-bottom: 10px;
        font-size: 1.3em
    }

    .mobile-mapInfo .mobile-map-content .details {
        line-height: 1.2;
        margin-bottom: 15px;
        color: #fff;
        font-weight: 300
    }

    .mobile-mapInfo .mobile-map-content .table-tradinghours td {
        padding: 0 5px
    }

    .mobile-mapInfo .mobile-btn-close {
        display: block;
        color: #ffc836;
        bottom: 0;
        left: 0;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        background: #000;
        padding: 10px 0;
        position: static;
        width: 100%;
    }

    .openMapPanel {
        position: relative;
    }

        .openMapPanel #map-right-panel {
            right: 0;
            z-index: 1000;
            position: fixed;
        }

        .openMapPanel #main-nav {
            left: -90%;
        }

        .openMapPanel #content-container {
            left: -90%;
        }

        .openMapPanel .closeMapBar {
            display: block;
            left: 0;
        }

    footer {
        padding: 0 10px 50px;
    }

    #copyright {
        text-align: center;
    }

        #copyright a {
            display: block;
            margin: 0;
            text-align: center;
            font-weight: 300
        }

        #copyright .privacy-statement a {
            display: inline;
        }

        #copyright .sep {
            display: none;
        }

    #footer-social {
        text-align: center;
        float: none;
    }

    .gallery3 .frame-wrapper[style] {
        background: none !important
    }

    .mymaccas-nav {
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        margin: 0 auto;
        color: #fff;
        font-size: 18px;
        line-height: 42px
    }

        .mymaccas-nav a {
            color: #fff;
            text-decoration: none;
            display: block;
            text-align: center;
        }
}

#smartbanner {
    z-index: 100000
}



.promo-image-desktop:not(.hidden-xs) {
    display: block !important;
}

.promo-title-desktop:not(.hidden-xs) {
    display: block !important;
}

.promo-image-mobile:not(.visible-xs) {
    display: none !important;
}

.promo-title-mobile:not(.visible-xs) {
    display: none !important;
}






/* Small devices portrait tablets, portrait iPad,*/
@media (min-width:768px) {
	
    .variant2 {
    }

        .variant2 .item-content {
            position: relative;
            height: 100%;
        }

        .variant2 .promo-title {
            margin: 0% auto;
        }

        .variant2 .promo-blurb {
            margin: 0 auto;
            color: #fff;
            float: none;
            font-weight: 400;
            font-size: 1.05em;
            position: absolute;
            bottom: 22%
        }

        .variant2 .promo-cta {
            margin-left: 200px;
            bottom: 0;
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            bottom: 40px;
            position: absolute;
        }

            .variant2 .promo-cta img {
                max-width: 225px;
                margin: 0 auto !important;
                height: auto;
                width: auto;
                position: relative;
            }

        .variant2 .promo-image {
            top: 0px;
            right: auto;
            left: 8px;
            width: auto;
        }

    /*.variant3 {}
.variant3 .item-content{position: relative; height:100%;}
/*.variant3 .promo-blurb{margin: 0 auto; color: #fff;float: none;font-weight: 400;font-size: 1.05em;position: absolute;bottom: 22%}
.variant3 .promo-cta{ margin-left: 200px;margin-right: auto; margin-left: auto; width: 100%;}
.variant3 .promo-cta img {max-width: 225px; margin: 0 auto!important; height: auto; width: auto; position: relative;}
.variant3 .promo-image {top: 0px; right: auto; left: 8px; width: auto;}*/

    .promo-image-desktop {
        display: block !important;
    }

    .promo-title-desktop {
        display: block !important;
    }

    .promo-image-mobile {
        display: none !important;
    }

    .promo-title-mobile {
        display: none !important;
    }
}
/* Small devices UP to desktop (tablets, 768px and up) */
@media (min-width: 768px) {
	
    #main-nav .inner-container {
        padding: 0 20px
    }

    #products {
        margin-top: -169px;
    }

        #products .inner-container {
            margin-top: 0;
        }

    .full-menu-page #hero {
        min-height: 547px;
    }

        .full-menu-page #hero .item {
            height: 547px;
            padding: 60px 0 0
        }

    #product-nav {
        padding: 50px 20px 10px;
    }

    .product-table-header {
        margin-top: 0;
        border-top: 0;
    }

        .product-list-view .product .thumbnail, .product-table-header .header-thumbnail {
            display: block;
        }

        .product-list-view .tbldata, .product-table-header .header-tbldata {
            width: 10%;
            padding: 20px 0 0 10px
        }

        .product-list-view .product .name, .product-table-header .header-name {
            padding: 20px 10px
        }

    .energyCal, .sodium {
        display: block !important;
    }

    .product-thumb-view .energyCal, .product-thumb-view .sodium {
        display: none !important;
    }

    .product-list-view .product .name {
        text-align: left;
    }

    .promo.hover .trans {
        display: block;
    }

    .promo.darkCopy h4,
    .promo.darkCopy h5 {
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    }

    .promo.darkCopy.hover h4,
    .promo.darkCopy.hover h5 {
        color: #fff !important;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    }

    .promo.col-sm-3 {
        width: 24.84%
    }
    /* BIG TASTY */
    .variant1 .item-content {
        position: relative;
        height: 100%
    }

    .variant1 .promo-title {
        margin: 10% auto 20px 50px;
    }

    .variant1 .promo-blurb {
        font-size: 1.7em;
        margin: 0 20px;
        font-weight: 300;
        position: relative;
    }

    .variant1 .promo-cta {
        display: block;
        margin: 3% 0;
        float: none;
        text-align: center;
        position: relative;
        bottom: 0
    }

        .variant1 .promo-cta img {
            max-width: 225px;
            margin: 0 auto
        }

    .variant1 .promo-image {
        margin: 0 auto;
        float: none;
        position: absolute;
        top: 27%;
        right: -180px;
        height: auto;
        width: auto;
        overflow: hidden;
    }

        .variant1 .promo-image img {
            display: block;
        }
    /* FIFA */
    #goodSport {
        background-image: url('../images/promo/FIFA-background.jpg');
        background-position: 50% 0;
        color: #000;
    }

        #goodSport .item-content {
            position: relative;
        }

        #goodSport .promo-title {
            margin: 10% 0 20px 0;
            padding: 0;
            z-index: 100
        }

            #goodSport .promo-title h1 {
                font-size: 4em;
                font-weight: 700
            }

            #goodSport .promo-title h2 {
                font-size: 4em;
            }

        #goodSport .promo-blurb {
            font-size: 1.7em;
            margin: 0 0 20px;
            font-weight: 300;
            padding: 0;
            z-index: 100
        }

        #goodSport .promo-cta {
            padding: 0
        }

            #goodSport .promo-cta img {
                max-width: 225px;
                margin: 0;
                width: auto;
                height: auto;
            }

        #goodSport .promo-image {
            margin: 0 auto;
            float: none;
            position: absolute;
            top: -50%;
            right: -450px;
            height: auto;
            width: auto;
            overflow: hidden;
            z-index: 10
        }

            #goodSport .promo-image img {
                display: block;
            }

    .flexslider .slides .item-content {
        padding: 0 20px;
    }
    /*#promo-section .flex-control-paging{top: 190%}*/
    .flex-control-paging li a {
        width: 14px;
        height: 14px;
    }
    /* Gallery */
    .gallery .flex-viewport[style] {
        width: 400px
    }

    .gallery .item img, .gallery .item iframe {
        max-width: 400px;
    }

    .gallery .item iframe {
        width: 300px;
        height: 200px
    }

    .nav-tabs > li > a .icon {
        margin-top: 12px;
    }

    .nav-tabs > li > a {
        padding: 10px 8px
    }

    #other-products .title {
        font-size: 2.6em
    }

    #footer-wrapper #copyright {
        padding-left: 20px
    }
}
/* iPad Portrait */
@media (min-width: 768px) and (max-width: 948px) {
	.text-bg-coffee {
    background-repeat: no-repeat;
    background-size: contain;
}
/*.promo{height: 150px;margin: 1px}
.promo:nth-child(2n+2){margin-right: -3px!important}
.flexslider{height: 570px}
.item{max-height: 570px;}
.promo.col-md-3{width: 50%}*/
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 948px) {
    #main-nav ul li {
        width: 28%
    }

        #main-nav ul li a {
            padding: 2px 20px;
        }

    #main-nav .inner-container {
        padding: 0
    }

    .promo.col-sm-3 {
        width: 24.84%
    }

    .flexslider .slides .item-content {
        padding: 0
    }

    .nav-tabs > li > a {
        padding: 10px 15px
    }

    #footer-wrapper #copyright {
        padding-left: 0
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

#smokin {
    position: absolute;
    top: -50px;
    left: 0;
}
/* simple lightbox */
.lightbox-wrapper {
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.lightbox {
    padding: 0 4px 4px;
    background: #fff;
    box-shadow: 0 0 12px 8px rgba(0, 0, 0, .4);
    /* for transitions */
    height: 100%;
    max-height: 10000px; /* something ridiculous */
    opacity: 1;
    -webkit-transition: -webkit-transform .5s ease, opacity .5s ease, max-height 0;
    transition: transform .5s ease, opacity .5s ease, max-height .1s; /* Gecko needs some duration other than 0 */
    -webkit-transform: scale(1);
    transform: scale(1);
}

.lightbox-hidden {
    overflow: hidden;
    /* for transitions */
    max-height: 0;
    opacity: 0;
    -webkit-transition: -webkit-transform .5s ease, opacity .5s ease, max-height 0 .5s;
    transition: transform .5s ease, opacity .5s ease, max-height .1s .5s; /* Gecko needs some duration other than 0 */
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.lightbox-title {
    margin: 0;
    padding: 10px;
    color: #000;
}

.lightbox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #fff;
    color: #000;
    font-size: 27px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

    .lightbox-close:before {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px;
        border: 2px solid #000;
        border-radius: 12px;
    }

.lightbox-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #000;
    /* for transitions */
    height: 100%;
    max-height: 10000px; /* something ridiculous */
    opacity: .75;
    -webkit-transition: opacity .5s ease, max-height 0;
    transition: opacity .5s ease, max-height .1s; /* Gecko needs some duration other than 0 */
}

.lightbox-overlay-hidden {
    /* for transitions */
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease, max-height 0 .5s;
    transition: opacity .5s ease, max-height .1s .5s; /* Gecko needs some duration other than 0 */
}
/* hunger buster */
.page-id-hunger-buster .node-page {
    background: #efeeed;
}

    .page-id-hunger-buster .node-page > .content {
        position: relative;
        top: -97px;
    }

.page-id-hunger-buster .row.pane-content {
    margin-bottom: 60px;
}

    .page-id-hunger-buster .row.pane-content h2 {
        font-weight: 200;
    }

.page-id-hunger-buster .gallery2 {
    background: #efeeed;
    background: -webkit-linear-gradient(top, #efeeed 0, #c8c7c4 132px, #cfcecb 133px, #dddbd9 133px, #efeeed 100%);
    background: -moz-linear-gradient(top, #efeeed 0, #c8c7c4 132px, #cfcecb 133px, #dddbd9 133px, #efeeed 100%);
    background: -ms-linear-gradient(top, #efeeed 0, #c8c7c4 132px, #cfcecb 133px, #dddbd9 133px, #efeeed 100%);
    background: -o-linear-gradient(top, #efeeed 0, #c8c7c4 132px, #cfcecb 133px, #dddbd9 133px, #efeeed 100%);
    background: linear-gradient(to bottom, #efeeed 0, #c8c7c4 132px, #cfcecb 133px, #dddbd9 133px, #efeeed 100%);
}

    .page-id-hunger-buster .gallery2 .copyheader {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 400;
    }

.page-id-hunger-buster .flex-control-paging li a.flex-active {
    border: 1px solid #000;
    background: #e1e0df;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.page-id-hunger-buster .flex-control-paging li a {
    border: none;
}

    .page-id-hunger-buster .flex-control-paging li a:hover {
        border: 1px solid #000;
    }

@media (max-width: 823px) and (min-width: 0px) {
    .page-id-hunger-buster .hero {
        display: none;
    }

    .page-id-hunger-buster .node-page > .content {
        top: 51px;
    }

    .page-id-hunger-buster .row.pane-image .single img {
        margin-left: -44px;
        width: 130%;
    }

    .page-id-hunger-buster .row.pane-content {
        margin-bottom: 30px;
    }

        .page-id-hunger-buster .row.pane-content h2 {
            margin-top: 0;
            font-size: 1.3em;
            font-weight: 300;
            line-height: 1.25em;
        }
}
/* Grass Roots */
.grassroots h1 {
    height: 142px;
    width: 423px;
    margin: 0 auto;
    margin-top: 0 !important
}

    .grassroots h1 img {
        width: 100%;
        height: auto;
    }

.grassroots .hero .inner-container {
    margin-bottom: 0;
}

.page-id-grassroots-about, .page-id-grassroots-register, .page-id-grassroots-faqs, .page-id-maccas-grassroots {
    background: transparent url('../images/themes/grassroots/header-bg.jpg') repeat-x scroll 50% 0 !important;
}

.grassroots #content-nav.content-tabs ul li a.active {
    background-color: #d6e7b5;
    border-color: #9bc862 #9bc862 #d6e7b5;
}

.grassroots #content-nav.content-tabs ul li a {
    background-color: rgba(255,255,255,0.5);
    border: none;
}

.grassroots hr {
    width: 100%;
    display: block;
    clear: both;
}

.grassroots .content-tab-container {
    background: none repeat scroll 0 0 #D6E7B5;
    border-top: 1px solid #9BC862;
    padding-bottom: 0px !important;
}

.grassroots .content ul {
    padding-bottom: 0px !important;
}

.grassroots .contenttabs ul li.item {
    margin-bottom: 0px;
}

.grassroots .form-item {
    float: left;
    margin-right: 10px;
    margin-left: 0px;
    width: 48%;
}

.grassroots .webform-component-textarea {
    clear: both;
    width: 97.5%;
    margin-right: 0px;
}

.grassroots .item-list {
    width: 70%;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.grassroots .cost-list {
    width: 26%;
    float: left;
    display: inline-block;
}

    .grassroots .item-list .form-item, .grassroots .cost-list .form-item {
        width: 100%;
    }


.grassroots label {
    display: inline;
    font-weight: normal;
    float: none;
}

    .grassroots label.option {
        margin-left: 25px;
        display: block;
    }

.grassroots .form-item-preferred-date-date > label {
    display: none
}

.grassroots .node-webform h2 {
    display: none;
}

.grassroots #webform-component-header {
    width: 100%;
    clear: both;
    display: block;
    padding-bottom: 0px;
}

.grassroots .webform-component-markup {
    width: 100%;
    clear: both;
    display: block;
    padding-bottom: 0px;
}

.grassroots .webform-component-checkboxes, .grassroots .form-type-checkbox {
    width: 100%;
    clear: both;
    display: block;
    padding-bottom: 0px;
}

.grassroots .container-inline-date .date-padding {
    float: none;
}

.grassroots input[type=text], .grassroots input[type=email], .grassroots select {
    border: 1px solid #cdc7c7;
    height: 40px;
    background-color: #fff;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    max-width: 100% !important;
}

.grassroots #webform-component-regional-wa, .grassroots #webform-component-upload-image, .grassroots #webform-component-upload-quote {
    width: 100%;
}

.grassroots #webform-component-first-name {
    width: 97.5%;
    margin-right: 0;
}

.grassroots input[type="submit"] {
    display: block;
    clear: both;
    float: left;
}

.grassroots input[type="checkbox"], .grassroots input[type="radio"] {
    display: block;
    float: left;
}

.grassroots .form-textarea-wrapper textarea {
    border: 1px solid #cdc7c7;
}

.grassroots .form-required {
    color: #000000
}

.grassroots .description {
    display: block
}

.grassroots .form-item-preferred-date-date > .description {
    display: none;
}

.grassroots #template-527 {
    max-width: 780px;
}

.grassroots form#mcd-grassroots-application-form, .grassroots form#mcd-grassroots-contact-form {
    max-width: 780px;
    padding-left: 15px;
}

.grassroots #webform-component-first-name {
    width: 48%;
    margin-right: 10px;
}

.grassroots #webform-component-town {
    width: 28%;
}

.grassroots #webform-component-postcode {
    width: 18%;
}

.grassroots #edit-submitted-postcode {
    width: 100%;
}

.grassroots .form-item, .grassroots .form-actions {
    margin-top: 0;
}

.grassroots .form-item-term, .grassroots .form-item-promo {
    width: 100%;
    clear: both;
}

.form-item-preferred-date-date {
    width: 100% !important
}

.grassroots .form-item-captcha-response {
    border: 1px solid #a4b18a;
    padding: 10px 15px 15px;
    width: 60%
}

#webform-client-form-1 #edit-submit {
    margin-right: 10px
}

#edit-submit {
    width: auto;
    display: block;
    float: left;
    clear: both;
}

.grassroots .thank-you-message {
    display: block;
    clear: both;
    float: left;
    margin-top: 10px;
    font-weight: 300;
    font-family: Lato,"HelveticaNeue-Light";
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.grassroots .container-inline-date .date-padding {
    padding: 0;
}

.grassroots .recaptchatable {
    background: #ffffff;
}

.grassroots div.messages {
    margin-top: 0px;
}

.grassroots .error-message, .term {
    display: block;
    clear: both;
    float: left;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.grassroots .error-message {
    color: #FF0000;
    font-weight: bold;
}

.grassroots .form-item input.error, .grassroots .form-item textarea.error, .grassroots .form-item select.error {
    border: 2px solid #FF0000;
}

.grassroots input[type="checkbox"].error {
    outline: 1px solid #FF0000;
    margin-left: 4px;
}

.grassroots input[name="captcha_response"] {
    margin-top: 10px;
}

.grassroots .preffered {
    clear: both;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 45px;
    overflow: hidden;
}

.grassroots .header {
    padding: 10px 0px 20px;
}

.grassroots .thumbcontainer.fourcol .thumb, .grassroots .thumbcontainer.threecol .thumb {
    background-color: #cfe0aa;
}

.grassroots #content-548 p {
    font-size: 11px;
}

.grassroots #webform-component-item-list--item-header, .grassroots #webform-component-cost-list--cost-header {
    height: 35px;
}

.grassroots .webform-component-received-grant, .grassroots .form-item-submitted-received-grant {
    width: 100%;
}

.grassroots .form-item-submitted-regional-wa {
    width: 100%;
}

.grassroots #webform-component-received-grant {
    width: 100%;
}

@media (max-width: 823px) and (min-width: 0px) {
    .grassroots .form-item, .grassroots textarea, .grassroots #webform-component-town, .grassroots .grassroots #webform-component-postcode {
        width: 100%;
    }

    .grassroots h1 {
        /*background:transparent url('../images/grassroots/JuniorSports_Header_Logo_Desktop.png') 50% 50% no-repeat; */
        /*text-indent: -9999px; */
        /*margin-top: 10px; */
        margin-bottom: 30px;
        background-size: 70%;
        height: 100px;
        max-width: 90%;
    }

    .grassroots .item-list {
        width: 60%;
    }

    .grassroots .cost-list {
        width: 36%;
    }

    #edit-resetlink legend {
        font-size: 16px !important;
    }
}


@media (min-width:320px) and (max-width: 767px) {
    .promo-image-desktop:not(.hidden-xs) {
        display: none !important;
    }

    .promo-title-desktop:not(.hidden-xs) {
        display: none !important;
    }

    .promo-image-mobile:not(.visible-xs) {
        display: block !important;
    }

    .promo-title-mobile:not(.visible-xs) {
        display: block !important;
    }

    .promo-title-mobile {
        display: none !important\9;
    }

    .grassroots #webform-component-first-name, .grassroots #webform-component-postcode {
        width: 100%;
        margin-right: 0;
    }

    .variant2 .promo-cta {
        bottom: 40px;
        position: absolute;
    }

    .navbar-brand {
        margin-left: 20px;
    }
}




@media screen and (max-width:600px) {
    .download-container.apps {
        text-align: center;
    }
}

@media screen and (min-width:460px) and (max-width: 767px) {
    .variant3 .promo-title {
        margin: 25px auto;
    }
    /*.variant3 .promo-title-desktop{display: block!important;}
	.variant3 .promo-title-mobile {display: none!important;}*/
    .variant3 .promo-cta {
        padding-top: 0
    }
}

@media screen and (max-width:460px) {
    .variant3 .promo-cta {
        bottom: 40px;
        position: absolute;
    }

    .variant3 .promo-title {
        margin: 0 auto;
        width: 100%
    }

    .variant3.item {
        padding-top: 0;
    }

    .variant3 .promo-title img {
        max-width: 300px;
    }
}

/*chi*/

/*====================
 Create your taste
 and McDelivery and 
 New CYT forms 
 =====================*/

.page-id-gourmet-burgers .node-webform > .content > form > div, .mcdelivery .node-webform > .content > form > div, .cyt #parallax-slider .node-webform > .content > form > div {
    margin: 0 -10px;
}

.page-id-gourmet-burgers #webform-component-email label, .page-id-gourmet-burgers #webform-component-postcode label, .cyt #parallax-slider #webform-component-postcode label {
    display: block;
}

.page-id-gourmet-burgers #webform-component-email, .mcdelivery #webform-component-email, .cyt #parallax-slider #webform-component-email {
    width: 60%;
    display: block;
    padding: 0 10px;
    float: left;
}

.page-id-gourmet-burgers #webform-component-postcode, .mcdelivery #webform-component-postcode, .cyt #parallax-slider #webform-component-postcode {
    width: 40%;
    display: block;
    padding: 0 10px;
    float: left;
}

.page-id-gourmet-burgers input, .page-id-gourmet-burgers .webform-component-checkboxes label:before {
    background: #1f1f1f;
    border: 1px solid #414141;
}

.page-id-gourmet-burgers #webform-component-email input, .page-id-gourmet-burgers #webform-component-postcode input,
.cyt #parallax-slider #webform-component-email input, .cyt #parallax-slider #webform-component-postcode input,
.mcdelivery #webform-component-email input, .mcdelivery #webform-component-postcode input {
    width: 100% !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.page-id-gourmet-burgers .form-control {
    color: #ccc;
}

.page-id-gourmet-burgers .form-actions, .mcdelivery .form-actions {
    padding: 0 10px;
    clear: both;
}

.page-id-gourmet-burgers input#edit-submit {
    background: #f7931d;
    border: none;
}

.page-id-gourmet-burgers input#edit-submit, .cyt #parallax-slider input#edit-submit, .mcdelivery input#edit-submit {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    float: none;
}

.page-id-gourmet-burgers h2, .cyt #parallax-slider h2, .cyt #parallax-slider #webform-component-intro-text {
    text-align: center;
}

.cyt #parallax-slider h2 {
    font-size: 3.65em;
}

.page-id-gourmet-burgers .webform-component-checkboxes, .mcdelivery .webform-component-checkboxes, .cyt #parallax-slider .webform-component-checkboxes {
    padding: 0 10px;
    display: block;
    width: 100%;
    clear: both;
}

    .page-id-gourmet-burgers .webform-component-checkboxes input[type="checkbox"], .mcdelivery .webform-component-checkboxes input[type="checkbox"],
    .cyt #parallax-slider .webform-component-checkboxes input[type="checkbox"] {
        position: absolute;
        left: -9999em;
    }

    .page-id-gourmet-burgers .webform-component-checkboxes label:after, .mcdelivery .webform-component-checkboxes label:after, .cyt #parallax-slider .webform-component-checkboxes label:after {
        content: "*";
        font-size: 0.8em;
        color: #db0006;
        vertical-align: top;
    }

.page-id-gourmet-burgers #edit-submitted-marketing-optin label:after, .mcdelivery #edit-submitted-marketing-optin label:after, .cyt #parallax-slider #edit-submitted-marketing-optin label:after {
    display: none;
}

.page-id-gourmet-burgers .webform-component-checkboxes label:before, .mcdelivery .webform-component-checkboxes label:before, .cyt #parallax-slider .webform-component-checkboxes label:before {
    content: " ";
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.page-id-gourmet-burgers .webform-component-checkboxes label.ischecked:before, .mcdelivery .webform-component-checkboxes label.ischecked:before,
.cyt #parallax-slider .webform-component-checkboxes label.ischecked:before {
    content: "\2713";
    font-size: 12px;
    color: #f3f3f3;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
}

.mcdelivery .webform-component-checkboxes label.ischecked:before, .cyt #parallax-slider .webform-component-checkboxes label.ischecked:before {
    color: #000;
}

.mcdelivery .pane-webform input, .mcdelivery .webform-component-checkboxes label:before, .cyt #parallax-slider .webform-component-checkboxes label:before {
    border: 1px solid #a7a7a7;
    background: #fff;
}

.mcdelivery .webform-component-checkboxes label.iserror:before, .page-id-gourmet-burgers .webform-component-checkboxes label.iserror:before,
.cyt #parallax-slider .webform-component-checkboxes label.iserror:before, .cyt #parallax-slider input.error .mcdelivery .form-item input.error, .page-id-gourmet-burgers input.error {
    border: 1px solid red;
}

.page-id-gourmet-burgers .pane-webform div.messages, .mcdelivery .pane-webform div.messages, .cyt #parallax-slider .pane-webform div.messages {
    margin-top: 0;
}

.page-id-gourmet-burgers .pane-webform #webform-component-success, .mcdelivery .pane-webform #webform-component-success, .cyt #parallax-slider .pane-webform #webform-component-success {
    color: #468847;
    background-color: #dff0d8;
    padding: 15px 15px 5px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 10px 10px;
}

.page-id-gourmet-burgers .webform-client-form .clearfix, .mcdelivery .webform-client-form .clearfix, .cyt #parallax-slider .webform-client-form .clearfix {
    display: none;
}

@media screen and (max-width:767px) {
    .page-id-gourmet-burgers #webform-component-postcode, .page-id-gourmet-burgers #webform-component-email,
    .mcdelivery #webform-component-email, .mcdelivery #webform-component-postcode,
    .cyt #parallax-slider #webform-component-postcode, .cyt #parallax-slider #webform-component-email,
    .page-id-gourmet-burgers .pane-webform div.messages, .mcdelivery .pane-webform div.messages {
        width: 100%;
        float: none;
    }

    .mcdelivery .contenttabs ul.slides li.item:not('.flex-active-slide') {
        display: none;
    }
}


/*===================
New McDelivery Pages
====================*/
.mcdelivery .hero {
    padding-bottom: 48px;
    background: url(../images/themes/mcdelivery/mcdelivery-bg-header.jpg) no-repeat center 100% #ffc425 !important;
    min-height: 605px;
}

    .mcdelivery .hero h1 {
        margin-bottom: 30px;
    }

    .mcdelivery .hero h2 {
        color: #ffffff;
        font-size: 1.6em;
    }

.node.mcdelivery {
    background: #ffc425;
    padding-bottom: 0;
}

.mcdelivery .content {
    padding-bottom: 0;
}


.mcdelivery .multicolumn-section .thumb {
    height: auto;
}

.mcdelivery-cta.row {
    max-width: 100%;
}

    .mcdelivery-cta.row .col-md-12 a {
        color: #ffffff;
        text-decoration: none;
        display: inline-block;
        background-color: #282727;
    }

    .mcdelivery-cta.row .col-md-12 {
        max-width: 800px;
        margin: 0 auto;
    }

.mcdelivery .multi {
    max-width: 100%;
    background: #404040;
    padding-top: 65px;
}

.mcdelivery .signup-mymaccas, .mcdelivery .signup-form {
    background-color: #252525;
    color: #ffffff;
    background: url('../images/themes/mcdelivery/mesh-bg.jpg') repeat-x 0 0;
}

    .mcdelivery .signup-form label {
        display: none;
    }

    .mcdelivery .signup-mymaccas.row,
    .mcdelivery .signup-form.row {
        max-width: 100%;
        padding-top: 30px;
    }

    .mcdelivery .signup-mymaccas h4 {
        color: #ffc425;
        font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 30px;
    }

.mcdelivery .signup-mymacca p {
    color: #ffffff;
    font-size: 27px;
}

.mcdelivery-cta {
    background-color: #282727;
    width: 100%;
    clear: both;
}

    .mcdelivery-cta .col-md-12 p {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .mcdelivery-cta .col-md-12 p a {
            margin-top: 0px;
            padding: 15px 0;
            font-size: 24px;
            line-height: 1;
            vertical-align: middle;
            cursor: pointer;
        }

            .mcdelivery-cta .col-md-12 p a:first-child {
                float: left;
            }

            .mcdelivery-cta .col-md-12 p a:last-child {
                float: right;
            }

            .mcdelivery-cta .col-md-12 p a:first-child:before {
                content: url(../images/themes/mcdelivery/mcdelivery-signin-icon.png);
                /*vertical-align: -50%;*/
                margin-right: 15px;
                display: inline-block;
                vertical-align: middle;
            }

    .mcdelivery-cta p a:last-child:before {
        content: url(../images/themes/mcdelivery/mcdelivery-support-icon.png);
        /*vertical-align: -50%;*/
        margin-right: 15px;
        display: inline-block;
        vertical-align: middle;
    }

.mcdelivery .signup-form form {
    text-align: center;
    padding-bottom: 40px;
}

.mcdelivery .node-webform .content {
    padding-bottom: 100px;
}


.mcdelivery.node > .content > .row.pane-view {
    max-width: 100%;
    width: 100%;
}

.mcdelivery .view-mcdelivery-search {
    margin: 0 -15px;
}

    .mcdelivery .view-mcdelivery-search .view-header {
        text-align: center;
        padding: 0 0 20px;
        background: none;
        margin-top: -200px;
        z-index: 300;
        position: relative;
    }

        .mcdelivery .view-mcdelivery-search .view-header p, .mcdelivery .view-mcdelivery-search .view-header h2 {
            margin: 0;
        }

        .mcdelivery .view-mcdelivery-search .view-header p {
            position: relative;
            left: 50%;
            top: -48px;
            margin-left: -270px;
            text-align: left;
            display: inline-block;
            float: left;
        }

            .mcdelivery .view-mcdelivery-search .view-header p a {
                color: #fff;
                display: block;
            }

        .mcdelivery .view-mcdelivery-search .view-header h2 {
            font-size: 40px;
            letter-spacing: -0.05em;
            color: #ffc425;
            padding: 0 0 10px;
        }


    .mcdelivery .view-mcdelivery-search .view-filters .views-exposed-form {
        width: 435px;
        margin: 0 auto;
        position: relative;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-widget {
        max-width: 100%;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-widget-filter-field_mcdelivery_coverage_value,
    .mcdelivery .view-mcdelivery-search .view-filters .views-widget-filter-field_store_state_value {
        float: none;
        padding: 0;
        margin: 0 0 21px;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-widget-filter-field_store_state_value {
        float: right;
        width: 30%;
        background: url(../images/mcdelivery-select.gif) no-repeat 100% 0 #ffc425;
        height: 23px;
        overflow: hidden;
        z-index: 200;
    }

        .mcdelivery .view-mcdelivery-search .view-filters .views-widget-filter-field_store_state_value select.form-select {
            background: transparent;
            width: 122%;
            border: 0;
            /*padding:0 10px;*/
            line-height: 23px;
            border-radius: 0;
            -webkit-appearance: none;
            -webkit-box-sizing: border-box;
            color: #000;
        }

    .mcdelivery .view-mcdelivery-search .view-filters .views-submit-button {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        padding: 0;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-exposed-widget.views-submit-button input[type="submit"] {
        margin: 0;
        height: 66px;
        background: url(../images/icon-search-mcdelivery.gif) no-repeat center center #000000;
        background-size: 40px;
        width: 70px;
        text-indent: -999em;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }

.mcdelivery input[type="submit"],
.mcdelivery input[type="submit"]:hover,
.mcdelivery input[type="submit"]:active,
.mcdelivery input[type="submit"]:focus {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-user-modify: read-write-plaintext-only;
    outline: none;
    outline: 0;
}


.mcdelivery #signup-button, .mcdelivery #signup-button:hover {
    margin: 0 0 0 -10px;
    height: 50px;
    background-color: #000000;
    width: 124px;
    color: #ffc425;
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -webkit-user-modify: read-write-plaintext-only;
    outline: none;
    outline: 0;
    border: 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.mcdelivery .form-inline .form-control {
    width: 400px;
    padding: 10px 15px;
    font-size: 1.5em;
    border: 1px solid #000;
    font-weight: 300;
    -webkit-border-radius: 0;
    height: 50px;
    border-radius: 5px;
}

.mcdelivery .accordion-header .icon-icon-locator {
    color: #db0006;
    font-size: 2em;
}

.mcdelivery .address {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 30px;
}

.mcdelivery .col-centered {
    display: inline-block;
    float: none;
    text-align: center;
    margin: 0px;
    vertical-align: top;
    width: 300px;
}

.mcdelivery .row-centered {
    text-align: center;
}

.mcdelivery .view-mcdelivery-search .view-filters .views-submit-button .ajax-progress-throbber {
    display: none;
}

.mcdelivery .view-mcdelivery-search .view-filters label {
    display: none;
}

.mcdelivery .view-mcdelivery-search .view-filters input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    font-size: 2.14em;
    border: 1px solid #000;
    font-weight: 300;
    -webkit-border-radius: 0;
    height: 66px;
    border-radius: 5px;
}

.mcdelivery .view-mcdelivery-search ul, .mcdelivery .view-mcdelivery-search ul li {
    list-style: none;
}

    .mcdelivery .view-mcdelivery-search ul.row {
        width: 100%;
        max-width: 970px;
        margin: 0 auto;
    }

.mcdelivery .view-mcdelivery-search .view-content {
    padding-top: 0px;
    background-color: #fff5e1;
}

.mcdelivery .mcdelivery-copy {
    padding-top: 30px;
}

.mcdelivery .view-mcdelivery-search .view-content .item-list {
    margin: 0 -10px;
}




.mcdelivery .view-mcdelivery-search ul li {
    padding: 0 10px;
    margin: 0;
    margin-bottom: 20px;
}

    .mcdelivery .view-mcdelivery-search ul li .listing-inner {
        background-color: #FFF6DF;
        margin: 0;
        padding: 40px 20px;
        text-align: center;
    }

.mcdelivery .view-mcdelivery-search .accordion-header p {
    text-align: center;
}

.mcdelivery .view-mcdelivery-search .accordion-header h4 {
    font-weight: 400;
    text-align: center;
    color: #db0006;
    font-size: 38px;
}

.mcdelivery .view-mcdelivery-search .accordion-header a {
    color: #000;
    text-decoration: none;
}

.mcdelivery .view-mcdelivery-search .btn {
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-borde r-radius:5px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    margin: 15px 0;
    background-color: #333132;
    padding: 10px 0px;
    width: 265px;
}

.mcdelivery .view-mcdelivery-search .btn-warning {
    color: #ffffff;
    background-color: #db0006;
    margin: 25px 0 0;
    text-align: center;
    padding: 15px 0px;
}

.mcdelivery .content hr:after {
    content: "";
}

.mcdelivery .view-mcdelivery-search .btn-warning:hover {
    background-color: #ffb62c;
}

.mcdelivery .view-mcdelivery-search .btn-danger {
    background-color: #333132;
    padding: 15px 0px;
    width: 265px;
    border-radius: 5px;
}

.mdelivery .view-mcdelivery-search .btn-danger:hover {
    background-color: #a70006;
    padding: 10px 0px;
    width: 265px;
}

.mcdelivery .view-mcdelivery-search p {
    text-align: center;
    font-size: 18px;
}

    .mcdelivery .view-mcdelivery-search p a {
        text-align: center;
    }

    .mcdelivery .view-mcdelivery-search p.coverage {
        margin-top: 15px;
        text-align: center;
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.mcdelivery .view-mcdelivery-search h5 {
    font-weight: 800;
    color: #000000;
    margin: 15px 0 5px;
    font-size: 18px;
}

.mcdelivery .view-mcdelivery-search .icon-icon-angle-right {
    padding-top: 2px;
    margin-right: -10px;
}

.mcdelivery .view-mcdelivery-search .active .icon-icon-angle-right {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
}

.mcdelivery .pane-content h2 {
    font-size: 3.5em;
    color: #db0006;
    letter-spacing: -0.05em;
    text-align: center;
}

.mcdelivery .pane-content.mcdelivery-faqs h2 {
    margin-bottom: 38px;
}

.mcdelivery .pane-content h3 {
    font-size: 1.71em;
    color: #db0006;
}

.mcdelivery .pane-content.mcdelivery-copy {
    text-align: center;
    background-color: #ffc425;
    color: #000000;
}

.mcdelivery .mcdelivery-form .col-sm-10.col-sm-offset-1 {
    width: 100%;
    margin: 0;
}

.mcdelivery .content hr {
    border-top: 1px solid #000;
}

    .mcdelivery .content hr:after {
        background: #ffc425;
    }

.mcdelivery .pane-content.mcdelivery-faqs, .mcdelivery .pane-separator {
    display: none;
}

.mcdelivery .webform-component-checkboxes label {
    padding-left: 30px;
    display: inline-block;
}

    .mcdelivery .webform-component-checkboxes label:before, .cyt #parallax-slider .webform-component-checkboxes label:before {
        width: 25px;
        height: 25px;
        margin-left: -30px;
        vertical-align: top;
    }

    .mcdelivery .webform-component-checkboxes label.ischecked:before, .cyt #parallax-slider .webform-component-checkboxes label.ischecked:before {
        font-size: 18px;
        line-height: 25px;
    }

.mcdelivery input#edit-submit {
    padding: 0.5em 2em;
    padding: 15px 2em;
    background-color: #242323;
    border-radius: 5px;
    color: #ffc425;
    width: 265px;
}

.mcdelivery .accordion-content .row {
    max-width: 999em;
    margin: 0;
}

.mcdelivery .multicolumn-section .thumbcontainer.threecol {
    height: auto !important;
    min-height: auto !important;
}





/* ===================
mcdelivery tab button
==================== */
.mcdeliverytab-wrapper {
    position: absolute;
    right: 0;
    top: 103px;
    z-index: 999;
    outline: none;
    ;
}

.mcdelivery-tab {
    background: url(../images/mcdelivery-tab.png) no-repeat 0 0 transparent;
    background-size: 100%;
    display: block;
    width: 40px;
    height: 150px;
    text-indent: -999em;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
}

.is-sticky .mcdelivery-tab {
    background: url(../images/mcdelivery-tab-collapsed.png) no-repeat 0 0 transparent;
    height: 60px;
    background-size: 100%;
    top: 0;
    right: 0;
}

.mcdelivery-tab:hover {
    background-color: #000;
}

.logged-in .mcdelivery-tab {
    top: 163px;
}

/*===================
back to top tab
====================*/
.btt-tab {
    width: 40px;
    height: 50px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    position: fixed;
    bottom: 50px;
    right: 0;
    cursor: pointer;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    text-align: center;
    line-height: 50px;
    font-size: 0.85em;
    z-index: 1000;
}

    .btt-tab:hover {
        background-color: #000;
        color: #fff;
        text-decoration: none;
    }
/*===================
 iframe page 
 ===================*/
body.iframe {
    background: #9c0806;
}

    body.iframe .hero {
        display: none;
    }

    body.iframe #page-content .content {
        padding-bottom: 0;
    }

.row.pane-iframe {
    max-width: 100%;
    padding-top: 84px;
    padding-bottom: 64px;
}

    .row.pane-iframe > .col-md-12 {
        padding: 0;
    }

body.iframe .node {
    margin-bottom: -64px;
    background: #9c0805;
}

body.iframe .backbtn {
    top: 14px;
    left: 50%;
    margin-left: -372px;
    z-index: 1000;
}

    body.iframe .backbtn:hover {
        color: #fff;
    }

@media screen and (max-width: 768px) {
    .mcdelivery .view-mcdelivery-search ul.row {
        max-width: 748px;
    }
}



@media screen and (max-width: 826px) {
    .mcdelivery .content .row {
        width: 100%;
        padding: 0;
    }

    .mcdelivery-cta.row .col-md-12 p {
        margin: 0;
        padding: 0;
        overflow: hidden
    }

        .mcdelivery-cta.row .col-md-12 p a {
            padding: 10px 10px 7px;
        }
}

@media screen and (max-width:767px) {

    .mcdelivery.node > .content > .row.pane-view {
        padding: 0;
    }

    .mcdelivery .hero {
        padding-bottom: 0px;
        height: 438px;
        min-height: 438px;
    }

        .mcdelivery .hero h1 {
            margin-bottom: 20px;
        }

        .mcdelivery .hero h2 {
            width: 100%;
        }


    .hero .inner-container h1 img {
        max-width: 121px;
    }

    .mcdelivery .view-mcdelivery-search .view-header {
        margin-top: -180px;
    }

    .mcdelivery.node > .content > .row {
        width: 100%;
    }

    .mcdelivery .view-mcdelivery-search, .mcdelivery .view-mcdelivery-search ul.row, .mcdelivery .view-mcdelivery-search .view-content .item-list {
        margin: 0;
    }



        .mcdelivery .view-mcdelivery-search ul li {
            margin-bottom: 10px;
            padding: 0;
        }

    .mcdeliverytab-wrapper {
        top: 87px;
    }

    .mcdelivery-tab {
        width: 30px;
        height: 112px;
        border-radius: 7px 0 0 7px;
        -webkit-border-radius: 7px 0 0 7px;
        -moz-border-radius: 7px 0 0 7px;
    }

    .is-sticky .mcdelivery-tab {
        height: 50px;
    }

    .btt-tab {
        height: 40px;
        line-height: 40px;
        width: 30px;
        border-radius: 7px 0 0 7px;
        -webkit-border-radius: 7px 0 0 7px;
        -moz-border-radius: 7px 0 0 7px;
        bottom: 20px;
        font-size: 0.6em;
    }

    .mcdelivery .view-mcdelivery-search .view-header {
        padding: 0 15px 30px;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-exposed-form {
        width: 100%;
    }

    .mcdelivery .view-mcdelivery-search .view-filters {
        margin: 0;
        padding: 0;
    }

    .mcdelivery .view-mcdelivery-search .view-content {
        padding-top: 0px;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-widget-filter-field_store_state_value {
        width: 50%;
        float: none;
        margin: 0 auto 10px;
    }

    .mcdelivery .view-mcdelivery-search .view-header h2 {
        font-size: 2.15em;
        padding-bottom: 30px
    }

    .mcdelivery .pane-content.mcdelivery-faqs h2 {
        font-size: 2.15em;
        margin-bottom: 26px
    }

    .mcdelivery .pane-content h3 {
        font-size: 1.42em;
    }

    .mcdelivery .view-mcdelivery-search .view-header p {
        left: 0;
        width: 100%;
        margin-left: 0;
        text-align: center;
        top: 0;
        float: none;
    }

    .mcdelivery .view-mcdelivery-search .view-filters input[type="text"] {
        font-size: 18px;
        height: 49px;
    }

    .mcdelivery .view-mcdelivery-search .view-filters .views-exposed-widget.views-submit-button input[type="submit"] {
        width: 52px;
        height: 49px;
        background-size: 25px;
    }

    .mcdelivery .view-mcdelivery-search ul li .listing-inner {
        padding: 20px 12px;
    }

    .mcdelivery .hero .inner-container {
        margin-bottom: 30px;
    }

    .mcdelivery .mcdelivery-faqs {
        padding: 0 12px;
    }

    .mcdelivery .backtotop {
        margin: 20px 0;
        text-align: center;
        padding: 0 12px;
    }

        .mcdelivery .backtotop a {
            display: block;
        }

    .mcdelivery input#edit-submit {
        float: none;
        width: 100%;
        text-align: center;
    }
}

/* New McDelivery search pages */

@media screen and (max-width:767px) {
    .node.mcdelivery > .content {
        background-size: 200%;
    }

    .mcdelivery-cta.row .col-md-12 {
        max-width: 100%;
        margin: 0 auto;
    }



    .mcdelivery .multicolumn-section .thumb {
        height: auto;
    }

    .mcdelivery .form-inline .form-control {
        width: 100%;
    }


    .mcdelivery .view-mcdelivery-search .accordion-header h4 {
        font-size: 25px;
    }

    .mcdelivery .views-exposed-widgets {
        margin-bottom: 0;
    }

    .mcdelivery .multicolumn-section {
        padding: 0px 30px;
    }


    .mcdelivery-cta .col-md-12 a:first-child:before {
        vertical-align: -76%;
    }

    .mcdelivery-cta a:last-child:before {
        vertical-align: -76%;
    }

    .mcdelivery.node > .content > .signup-mymaccas {
        padding-top: 20px;
    }



    .mcdelivery-cta.row .col-md-12 a {
        width: 100%;
        font-size: 22px;
        padding-left: 20px;
    }

    .mcdelivery .view-mcdelivery-search .view-header {
        padding: 0 15px 0px;
    }

    .mcdelivery .pane-content h2 {
        font-size: 25px;
    }

    .mcdelivery .node-webform > .content > form > div {
        margin: 0 0px;
    }

    .mcdelivery .col-centered {
        display: block;
        clear: both;
        display: inline-block;
        float: none;
        text-align: center;
        margin: 5px;
    }



    /*.mcdelivery .node-webform .content {padding-left: 15px; padding-right: 15px;}*/

    .mcdelivery .form-group {
        padding: 0 15px;
    }
}

@media screen and (max-width:480px) {
    .node.mcdelivery > .content {
        padding-bottom: 0px
    }

    .mcdelivery .signup-mymaccas h4 {
        font-size: 27px;
    }

    .mcdelivery-cta.row .col-md-12 a:first-child {
        border-bottom: 1px solid #454545;
    }


    .mcdelivery .signup-form input[type="email"] {
        font-size: 18px;
        height: 49px;
    }


    .mcdelivery .view-mcdelivery-search .view-header h2 {
        font-size: 2em;
    }
}

#edit-field-mcdelivery-part-coverage-value, .mcdelivery .node-webform, .mcdelivery .mcdelivery-copy {
    display: none;
}

#mmc-buttons-wrapper {
    margin: 0 -5px 10px;
    display: block;
    text-align: center;
}

    #mmc-buttons-wrapper p {
        display: inline-block;
        text-indent: -999em;
        margin: 15px 0 -5px 0;
    }

    #mmc-buttons-wrapper a:nth-child(2) p {
        background: url(../images/mmc/signup.png);
        background-size: auto 33px;
        width: 68px;
        height: 33px;
    }

    #mmc-buttons-wrapper a:nth-child(1) p {
        background: url(../images/mmc/signin.png);
        background-size: auto 33px;
        width: 195px;
        height: 33px;
    }

@media only screen and (min-width:768px) {
    #mmc-buttons-wrapper a:nth-child(1) p {
        width: 256px;
        height: 43px;
        background-size: 100%;
    }

    #mmc-buttons-wrapper a:nth-child(2) p {
        height: 43px;
        width: 88px;
        background-size: 100%;
    }
}

@media (max-width: 768px) and (min-width: 361px) {
    .other-product-list {
        padding: 0 7%;
    }
}

@media (max-width: 645px) and (min-width: 635px) {
    .other-product-list {
        padding: 0;
    }
}

@media (max-width: 360px) and (min-width: 321px) {
    .other-product-list {
        padding: 0 5%;
    }
}

.modal-dialog {
    right: auto;
    left: 50%;
    width: 522px!important;
    padding-top: 30px;
    padding-bottom: 30px;
	overflow: hidden;
}
.modal-content{
	position: relative;
    width: 100%;
   /* height: 459px;*/
    z-index: 5;
}
.modal-body {
    
    margin-top: 20%;
}
button.close{display: block;
    clear: both;
    text-align: left;}



.mb-0{margin-bottom: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.inner-hiddentitle{height:100px;}

.AnnPromotion{background:#ffbb0d url(/Cms_Data/Contents/En/Media/images/25AnnPromotion/Promotion-BackgroundNs1.jpg) !important;background-color:#ffbb0d !important;background-position-x: center !important;background-repeat: no-repeat !important;text-align: center;}
  
.AnnPromotionImg{background-image:url(/Cms_Data/Contents/Ar/Media/images/25AnnPromotion/Promotion-BackgroundN2s.png) !important;background-position: top center;background-repeat: no-repeat !important;text-align: center;}
  
.AnnPromotion {margin-top:60px;}

@media (max-width: 768px) {
    .inner-hiddentitle{height:15px;}
	/*.AnnPromotion {margin-top:32px;}*/
    .AnnPromotion {margin-top:47px;}
}

@media (max-width: 480px) {
	.myAnnPromotionImg{width:100%;}
	.AnnPromotionImg{background-size: contain;}
}