/* 
        Table of Contents
        update on Wed Aug 31 2016 16:17:20 GMT+0300 (FLE Daylight Time)

        I.   Generic --------------------------------------
             01. Reset ------------------------------------
             02. Base -------------------------------------
             03. Fonts ------------------------------------
             04. Helpers ----------------------------------
                 Clear ------------------------------------
                 Notext -----------------------------------
                 Text Align -------------------------------
                 Hidden -----------------------------------
                 Alignleft --------------------------------
                 Alignright -------------------------------
                 Disabled ---------------------------------
                 Fullsize Image holder --------------------
                 Animation Patern -------------------------
                 Disabled scroll on iframe ----------------
                 Color Class ------------------------------
                 Embed Responsive Iframe Elements ---------
                 Scroll To Top Button ---------------------
                 Magnific Popup resets --------------------
        II.  Regions --------------------------------------
             01. Article ----------------------------------
             02. Container --------------------------------
             03. Content ----------------------------------
             04. Entry Point ------------------------------
             05. Footer -----------------------------------
             06. Grid -------------------------------------
             07. Header -----------------------------------
             08. Main -------------------------------------
             09. Sidebar ----------------------------------
             10. Wrapper ----------------------------------
        III. Modules --------------------------------------
             01. Button -----------------------------------
                 Button Block -----------------------------
             02. Comment Item -----------------------------
             03. Form Elements ----------------------------
                 Custom Select Box Styles -----------------
             04. Form -------------------------------------
                 Form Inline ------------------------------
                 Form Entry Point -------------------------
                 Form Reservation -------------------------
                 Form Comment -----------------------------
                 Form Career ------------------------------
                 Form Contact -----------------------------
                 Form Sign In / Log In --------------------
                 Form Order -------------------------------
                 Form Item Spinner ------------------------
                 Form Order -------------------------------
             05. List -------------------------------------
             06. Mean Nav ---------------------------------
             07. Nav --------------------------------------
                 Navs Dropdown ----------------------------
                 Main Nav ---------------------------------
                 Nav Utilities ----------------------------
             08. News Item --------------------------------
                 News Item --------------------------------
                 News Item Large --------------------------
             09. Product ----------------------------------
             10. Section ----------------------------------
                 Section Intro ----------------------------
             11. Slider -----------------------------------
                 Slider Main ------------------------------
                 Slider About Us --------------------------
                 Slider News ------------------------------
             12. Special Offer ----------------------------
             13. Table ------------------------------------
             14. Widget -----------------------------------
*/

.sprite-cross-small { background-image: url(../css/images/sprite.png); background-position: -105px -79px; width: 9px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-cross-small-hover, a:hover .sprite-cross-small, button:hover .sprite-cross-small, a.hover .sprite-cross-small, button.hover .sprite-cross-small, .sprite-cross-small.hover { background-image: url(../css/images/sprite.png); background-position: -98px -64px; width: 9px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-cross { background-image: url(../css/images/sprite.png); background-position: -63px -79px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-cross-hover, a:hover .sprite-cross, button:hover .sprite-cross, a.hover .sprite-cross, button.hover .sprite-cross, .sprite-cross.hover { background-image: url(../css/images/sprite.png); background-position: -42px -79px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-facebook-dark { background-image: url(../css/images/sprite.png); background-position: -120px -23px; width: 10px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-facebook-dark-hover, a:hover .sprite-facebook-dark, button:hover .sprite-facebook-dark, a.hover .sprite-facebook-dark, button.hover .sprite-facebook-dark, .sprite-facebook-dark.hover { background-image: url(../css/images/sprite.png); background-position: -120px 0; width: 10px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-facebook { background-image: url(../css/images/sprite.png); background-position: -120px -46px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-facebook-hover, a:hover .sprite-facebook, button:hover .sprite-facebook, a.hover .sprite-facebook, button.hover .sprite-facebook, .sprite-facebook.hover { background-image: url(../css/images/sprite.png); background-position: -120px -67px; width: 9px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-google-dark { background-image: url(../css/images/sprite.png); background-position: -76px 0; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-google-dark-hover, a:hover .sprite-google-dark, button:hover .sprite-google-dark, a.hover .sprite-google-dark, button.hover .sprite-google-dark, .sprite-google-dark.hover { background-image: url(../css/images/sprite.png); background-position: -48px -33px; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-google { background-image: url(../css/images/sprite.png); background-position: 0 -79px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-google-hover, a:hover .sprite-google, button:hover .sprite-google, a.hover .sprite-google, button.hover .sprite-google, .sprite-google.hover { background-image: url(../css/images/sprite.png); background-position: -21px -79px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-instagram-dark { background-image: url(../css/images/sprite.png); background-position: -24px -33px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-instagram-dark-hover, a:hover .sprite-instagram-dark, button:hover .sprite-instagram-dark, a.hover .sprite-instagram-dark, button.hover .sprite-instagram-dark, .sprite-instagram-dark.hover { background-image: url(../css/images/sprite.png); background-position: 0 -33px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-instagram { background-image: url(../css/images/sprite.png); background-position: -84px -79px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-instagram-hover, a:hover .sprite-instagram, button:hover .sprite-instagram, a.hover .sprite-instagram, button.hover .sprite-instagram, .sprite-instagram.hover { background-image: url(../css/images/sprite.png); background-position: -98px -43px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-scroll-down { background-image: url(../css/images/sprite.png); background-position: -98px -22px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-shopping-cart-black { background-image: url(../css/images/sprite.png); background-position: -76px -23px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-shopping-cart-black-hover, a:hover .sprite-shopping-cart-black, button:hover .sprite-shopping-cart-black, a.hover .sprite-shopping-cart-black, button.hover .sprite-shopping-cart-black, .sprite-shopping-cart-black.hover { background-image: url(../css/images/sprite.png); background-position: 0 -57px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-shopping-cart-btn { background-image: url(../css/images/sprite.png); background-position: -22px -57px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-shopping-cart-btn-hover, a:hover .sprite-shopping-cart-btn, button:hover .sprite-shopping-cart-btn, a.hover .sprite-shopping-cart-btn, button.hover .sprite-shopping-cart-btn, .sprite-shopping-cart-btn.hover { background-image: url(../css/images/sprite.png); background-position: -44px -57px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-shopping-cart { background-image: url(../css/images/sprite.png); background-position: -66px -57px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-shopping-cart-hover, a:hover .sprite-shopping-cart, button:hover .sprite-shopping-cart, a.hover .sprite-shopping-cart, button.hover .sprite-shopping-cart, .sprite-shopping-cart.hover { background-image: url(../css/images/sprite.png); background-position: -98px 0; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-next-large { background-image: url(../css/images/sprite.png); background-position: -57px 0; width: 15px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-next-large-hover, a:hover .sprite-slider-next-large, button:hover .sprite-slider-next-large, a.hover .sprite-slider-next-large, button.hover .sprite-slider-next-large, .sprite-slider-next-large.hover { background-image: url(../css/images/sprite.png); background-position: -38px 0; width: 15px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-next { background-image: url(../css/images/sprite.png); background-position: 0 -100px; width: 6px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-next-hover, a:hover .sprite-slider-next, button:hover .sprite-slider-next, a.hover .sprite-slider-next, button.hover .sprite-slider-next, .sprite-slider-next.hover { background-image: url(../css/images/sprite.png); background-position: -88px -57px; width: 6px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-prev-large { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 15px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-prev-large-hover, a:hover .sprite-slider-prev-large, button:hover .sprite-slider-prev-large, a.hover .sprite-slider-prev-large, button.hover .sprite-slider-prev-large, .sprite-slider-prev-large.hover { background-image: url(../css/images/sprite.png); background-position: -19px 0; width: 15px; height: 29px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-prev { background-image: url(../css/images/sprite.png); background-position: -10px -100px; width: 6px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.sprite-slider-prev-hover, a:hover .sprite-slider-prev, button:hover .sprite-slider-prev, a.hover .sprite-slider-prev, button.hover .sprite-slider-prev, .sprite-slider-prev.hover { background-image: url(../css/images/sprite.png); background-position: -20px -100px; width: 6px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }

/* ------------------------------------------------------------ *\
        I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input[type="submit"],
input[type="button"] { border-radius: 0; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
        Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Lora Regular', serif; font-size: 14px; line-height: 1.3; color: #000; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 30px; }
h2 { font-size: ; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: ; }
h6 { font-size: ; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; font-weight: normal; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

hr { margin: 15px 0; border-style: outset; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
        Fonts
\* ------------------------------------------------------------ */

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

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

/* ------------------------------------------------------------ *\
        Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Text Align  */

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-center-left { display: inline-block; text-align: left; }

/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }


/*  Fullsize Image holder  */
.fullsize-image-holder { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.fullsize-image-holder > img { display: none; }


.white-diamond { display: inline-block; margin: 0 auto; width: 6px; height: 6px; background: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.red-border { position: relative; margin-bottom: 25px !important; }
.red-border:after { content: ' '; display: block; width: 170px; height: 2px; margin-top: 5px; background: #d30000; }

/*  Animation Patern  */
@-webkit-keyframes mymove {
    0% { bottom: 40px; }
    50% { bottom: 20px; }
    100% { bottom: 40px; }
}

@keyframes mymove {
    0% { bottom: 40px; }
    50% { bottom: 20px; }
    100% { bottom: 40px; }
}


/*  Disabled scroll on iframe  */
.scrolloff { pointer-events: none; }


/*  Color Class  */
.bg-gray { background: #e1e1e1; }
.color-red { color: #d30000; }

/*  Embed Responsive Iframe Elements  */
.embed-responsive { overflow: hidden; position: relative; display: block; height: 0; padding: 0; }
.embed-responsive-map { padding-bottom: 25%; }
.embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }


/*  Scroll To Top Button  */
.scrollTop { position: fixed; z-index: 999; right: 30px; bottom: -100px; width: 45px; height: 45px; background: #e1e1e1; line-height: 45px; transition: all 0.5s ease-in-out; }
.scrollTop:after { content: ' ';  position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -5px 0 0 -6px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 10px solid #d30000; }


/*  Magnific Popup resets  */
.mfp-bg { background: rgba(0,0,0,.9); opacity: 1; }

@media (max-width: 991px) {
    .embed-responsive-map { padding-bottom: 35%; }
}

@media (max-width: 767px) {
    .text-center-left { text-align: center; }
    .embed-responsive-map { margin: -75px 0; padding-bottom: 70%; }
}

/* ------------------------------------------------------------ *\
        II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Article
\* ------------------------------------------------------------ */

.article .bg-gray { margin-right: -15px; margin-left: -15px; padding: 5px 15px; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
        Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
        Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
        Entry Point
\* ------------------------------------------------------------ */

.entry-point-wrapper { height: 100%; }
.entry-point { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; height: 100%; }
.entry-point:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); }
.entry-point-left,
.entry-point-right { width: 50%; }

.entry-point-logo { position: absolute; top: 9%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.entry-point-body { position: absolute; right: 10%; bottom: 25%; }

@media (max-width: 767px) {
    .entry-point-body { right: 5%; bottom: 25%; left: 5%; }
}

/* ------------------------------------------------------------ *\
        Footer
\* ------------------------------------------------------------ */

.footer .container { padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #e1e1e1; }

.footer-socials { text-align: center; }
.footer-socials ul { list-style: none outside none; }
.footer-socials li { display: inline-block; margin: 0 20px; vertical-align: middle; }

.footer-bar { padding: 20px 0 30px; border-top: 1px solid #e1e1e1; }
.footer-bar-nav { text-align: right; }
.footer-bar-nav ul { list-style: none outside none; }
.footer-bar-nav li { display: inline-block; padding: 0 10px; vertical-align: middle; }
.footer-bar-nav li ~ li { padding-left: 11px; border-left: 1px solid black; }
.footer-bar-nav a { text-decoration: none; }
.footer-bar-nav a:hover { text-decoration: underline; }

@media (max-width: 767px) {
    .footer-bar { padding-bottom: 90px; text-align: center; }
    .footer-bar-nav { margin-top: 20px; text-align: inherit; }
}

/* ------------------------------------------------------------ *\
        Grid
\* ------------------------------------------------------------ */

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1218px) {
    .container {
        width: 1170px;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1218px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}

/* ------------------------------------------------------------ *\
        Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 100%; border-bottom: 1px solid white; background: transparent; transition: background .3s; }
.header a { text-decoration: none; transition: color .3s; }

.logo { float: left; padding: 20px 15px; transition: padding .3s; }
.logo img { max-width: 120px; transition: max-width .3s; }

.header.fixed { background: white; transition: background .3s; box-shadow: 0px 1px 10px rgba(0,0,0,.5); }
.header.fixed a { color: black; transition: color .3s; }
.header.fixed .red-bg { color: white; }

.header.fixed .nav > ul > li,
.header.fixed .nav-utilities > ul > li { padding-bottom: 5px; }

.header.fixed .nav li:hover ul,
.header.fixed .nav-utilities li:hover ul { top: 99%; }

.header.fixed .nav { margin: 10px 0; transition: margin .3s; }
.header.fixed .nav-utilities { margin: 16px 0 0; transition: margin .3s; }

.header.fixed .logo { padding-top: 10px; padding-bottom: 10px; transition: padding .3s; }
.header.fixed .logo img { max-width: 78px; transition: max-width .3s; }

@media (max-width: 1217px) {
    .logo { margin-right: 10px; padding: 20px 15px 20px 0; }

    .header.fixed .nav { margin-bottom: 0; }
    .header.fixed .nav-utilities { margin-top: 5px; }
}

@media (max-width: 991px) {
    .logo { padding-top: 10px; padding-bottom: 10px; }

    .header.fixed .nav-utilities { margin: 15px 60px 0 0; }
    .header.fixed .mean-container a.meanmenu-reveal { top: -76px; margin-right: 0; }
    .header.fixed .mean-container a.meanmenu-reveal span { background: black; }
    .header.fixed .mean-container .mean-nav { margin-top: -29px; }
}

@media (max-width: 767px) {
    .logo { margin-right: 0; }
    .logo img { max-width: 80px; }

    .header.fixed .nav-utilities { margin-right: 40px; }
}

/* ------------------------------------------------------------ *\
        Main
\* ------------------------------------------------------------ */

.main {}

/* ------------------------------------------------------------ *\
        Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

@media (max-width: 991px) {
    .sidebar { margin-bottom: 40px; }
}

@media (max-width: 767px) {
    .sidebar { max-width: 90%; }
}

/* ------------------------------------------------------------ *\
        Wrapper
\* ------------------------------------------------------------ */

.wrapper {}

/* ------------------------------------------------------------ *\
        III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; font-size: 14px; border: none; border-radius: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 30px; text-decoration: none; transition: background .3s ease, color .3s ease; }
.btn:hover { text-decoration: none; transition: background .3s ease, color .3s ease; }
.btn i { margin: -4px 10px 0 0; }

.btn-xs { padding: 0 20px; line-height: 25px; }
.btn-sm { padding: 0 30px; line-height: 25px; }
.btn-md { padding: 0 40px; line-height: 30px; }
.btn-lg { padding: 0 45px; line-height: 35px; }

.btn-white { background: white; color: black; }
.btn-white:hover { background: #e1e1e1; }

.btn-transparent { background: transparent; border: 1px solid white; color: white; }
.btn-transparent:hover { background: white; color: black; }

.btn-red { background: #d30000; color: white; }
.btn-red:hover { background: rgb(255, 0, 0); }

.btn-white-gray { color: #d30000;
                  background: #ffffff;
                  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 47%,#ffffff 47%,#fdfdfd 48%,#e2e2e2 49%,#e1e1e1 100%);
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
}
.btn-white-gray:hover {
    background: #e1e1e1;
    background: linear-gradient(to bottom,  #e1e1e1 0%,#e2e2e2 48%,#fdfdfd 52%,#ffffff 57%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 );
}

.btn-gray { background: #e1e1e1; }
.btn-gray:hover { background: rgb(179, 179, 179); color: white; }

/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
        Comment Item
\* ------------------------------------------------------------ */

.comment-items { list-style: none outside none; }
.comment-item ~ .comment-item { margin-top: 30px; }
.comment-item:last-child { margin-bottom: 100px; }

.comment-item-meta { margin-bottom: 15px; color: #616161; }
.comment-item-entry { margin-bottom: 25px; }

.comment-item .form-comment { margin-bottom: 0;	}

@media (max-width: 767px) {
    .comment-item .col-xs-2 { text-align: right; }
    .comment-item img { max-width: 40px; }
}

/* ------------------------------------------------------------ *\
        Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

input[type="text"],
input[type="radio"],
input[type="checkbox"],
select,
textarea { display: inline-block; vertical-align: middle; }
input[type="radio"]:hover,
input[type="checkbox"]:hover { cursor: pointer; }

.form-row + .form-row { margin-top: 15px; }

.field-gray,
.textarea-gray { display: inline-block; width: 100%; height: 40px; padding: 0 15px; background: #e1e1e1; border: none; line-height: 30px; vertical-align: middle; }
.textarea-gray { height: auto; }

/*  Custom Select Box Styles  */
.ui-selectmenu-button { width: 100% !important; padding: .8em 1em; border: none; border-radius: 0; background: #e1e1e1; font-family: 'Lora Regular', serif; color: #616161; }
.ui-selectmenu-button:hover,
.ui-selectmenu-button:focus,
.ui-selectmenu-button:active { background: #e1e1e1; border: none; color: black; }

.ui-selectmenu-button:hover .ui-icon,
.ui-selectmenu-button:focus .ui-icon,
.ui-selectmenu-button:active .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); background-position: -65px -16px; }

.ui-selectmenu-menu .ui-menu { margin-top: 8px; padding: 10px 0; border: 1px solid #e1e1e1; border-radius: 0; font-family: 'Lora Regular', serif; color: black;}
.ui-selectmenu-menu .ui-menu li:first-child { display: none; }
.ui-selectmenu-menu .ui-menu-item-wrapper { padding: 7px .9em; }
.ui-selectmenu-menu .ui-state-active,
.ui-selectmenu-menu .ui-menu-item-wrapper:active,
.ui-selectmenu-menu .ui-menu-item-wrapper:hover { margin: 0; border: none; background: none; color: #d30000; }

.select-overflow { max-height: 300px; }

.field-gray::-webkit-input-placeholder { color: #616161; }
.field-gray:-moz-placeholder { color: #616161; }
.field-gray::-moz-placeholder { color: #616161; }
.field-gray:-ms-input-placeholder { color: #616161; }
.textarea-gray::-webkit-input-placeholder { color: #616161; }
.textarea-gray:-moz-placeholder { color: #616161; }
.textarea-gray::-moz-placeholder { color: #616161; }
.textarea-gray:-ms-input-placeholder { color: #616161; }

.textarea {  }

.select,
#field-restaurant-button { height: 25px; padding: 0 15px; border: none; line-height: 25px; }
#field-restaurant-button { min-width: 200px; background: white; }
#field-restaurant-button .ui-selectmenu-icon.ui-icon { margin-top: 6px; }

.radio {}

.checkbox {}

.field-upload-custom { position: relative; display: inline-block; height: 30px; width: 110px; vertical-align: middle; }
.field-upload-custom:hover, 
.field-upload-custom:hover input,
.field-upload-custom span { cursor: pointer; }
.field-upload-custom input { position: absolute; z-index: 2; opacity: 0; width: 100%; height: 100%; }
.field-upload-custom span { position: absolute; top: 0; right: 0; left: 0; z-index: 1; line-height: 30px; text-align: center; }

.list-radios li { display: inline-block; vertical-align: middle; }
.list-radios li ~ li { margin-left: 15px; }

.subscribe { padding: 0 50px; }
.subscribe h3 { text-transform: uppercase; }
.subscribe-field { width: calc(100% - 170px); height: 30px; }

@media (max-width: 1217px) {
    .subscribe { padding: 0; }
}

@media (max-width: 767px) {
    .subscribe-field { width: 100%; margin-bottom: 15px; }

    #field-restaurant-button { max-width: 300px; }
}

/* ------------------------------------------------------------ *\
        Form
\* ------------------------------------------------------------ */

.form-label { display: inline-block; vertical-align: middle; }

/*  Form Inline  */
.form-inline .form-controls { display: inline-block; vertical-align: middle; }
.form-inline .form-controls ~ .form-controls { margin-left: 15px; }

/*  Form Entry Point  */
.form-entry-point .form-label { color: #fff; text-transform: uppercase; }
.form-entry-point .select { min-width: 200px; }

/*  Form Reservation  */
.form-reserve { overflow: hidden; padding: 50px; border: 2px solid white; color: white; }
.form-reserve .close-animatedModal { float: right; margin-top: -19px; }
.form-reserve .form-head { text-align: center; text-transform: uppercase; }
.form-reserve .form-body { margin-top: 60px; }
.form-reserve .form-actions { margin-top: 55px; text-align: center; }
.form-reserve .form-row { margin-top: 40px; }

.form-reserve .field,
.form-reserve .textarea { width: 100%; padding: 0; background: none; border: none; border-bottom: 1px solid white; font-family: 'Lora Italic', serif; font-style: italic; }
.form-reserve .field { height: 40px; }

/*  Form Comment  */
.form-comment { margin-bottom: 60px; }
.form-comment .field-gray,
.form-comment .textarea-gray { font-family: 'Lora Italic', serif; }
.form-comment .form-row ~ .form-row { margin-top: 10px; }
.form-comment .form-actions { margin-top: 20px; text-align: right; }

/*  Form Career  */
.form-career { margin-top: 40px; }
.form-career .field-gray { font-family: 'Lora Italic', serif; }
.form-career .form-body,
.form-career .form-actions { margin-top: 25px; }
.form-career .form-actions { text-align: right; }
.form-career .form-actions .btn { line-height: 40px; }

/*  Form Contact  */
.form-contact .field-gray,
.form-contact .textarea-gray,
.form-contact .ui-selectmenu-button { font-family: 'Lora Italic', serif; }
.form-contact .form-actions { margin-top: 40px; }

/*  Form Sign In / Log In  */
.form-log-in .field-gray,
.form-sign-in .field-gray { font-family: 'Lora Italic', serif; }
.form-log-in .checkbox .form-label,
.form-sign-in .checkbox .form-label { width: calc(100% - 23px); margin-left: 3px; vertical-align: top; font-weight: bold; }
.form-log-in { margin-top: 48px; }
.form-sign-in { margin-top: 30px; }
.form-log-in .form-actions,
.form-sign-in .form-actions { margin-top: 30px; }

/*  Form Order  */
.form-order-table th,
.form-order-table td { padding: 10px; text-align: left; text-align: center; }
.form-order-table th:nth-child(3),
.form-order-table td:nth-child(3) { text-align: left; }

.form-item { border-bottom: 1px solid #e1e1e1; }

.form-item td:nth-child(3) { max-width: 450px; }
.form-item-title { text-transform: uppercase; }
.form-item-price { font-size: 16px; }
.form-item-clarification { display: inline-block; margin-bottom: 10px; text-decoration: none; }
.form-item-textarea { visibility: hidden; opacity: 0; display: block; width: 60%; max-height: 0; transition: max-height .2s, visibility .2s, opacity .2s, padding .2s; }
.form-item-textarea.visible { visibility: visible; opacity: 1; max-height: 50px; padding: 6px; transition: max-height .2s, visibility .2s, opacity .2s, padding .2s; }

/*  Form Item Spinner  */
.form-item-spinner { position: relative; max-width: 50px; margin: 0 auto; padding: 2px 17px 2px 2px; border: 1px solid #e1e1e1; }
.form-item-spinner input { width: 100%; height: 34px; border: none; text-align: center; }
.form-item-spinner-down,
.form-item-spinner-up { overflow: hidden; position: absolute; right: 2px; width: 14px; height: 17px; background: #e1e1e1; text-indent: 100%; white-space: nowrap;  }
.form-item-spinner-up { top: 2px; }
.form-item-spinner-down { bottom: 2px; }
.form-item-spinner-up:hover,
.form-item-spinner-down:hover { background: #cacaca; }
.form-item-spinner-up:before,
.form-item-spinner-down:before { content: ' '; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin: -2px 0 0 -4px; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.form-item-spinner-up:before { border-bottom: 4px solid #3f3f3f; }
.form-item-spinner-down:before { border-top: 4px solid #3f3f3f }

.form-order-total { margin: 30px 0 40px; text-align: right; }
.form-order-total tr:nth-last-child(2) td { padding-bottom: 20px; }
.form-order-total tr:last-child { border-top: 1px solid #e1e1e1; }
.form-order-total tr:last-child td { padding-top: 10px; }

.form-order-total td { padding-bottom: 10px; }
.form-order-total td:nth-child(2) { width: 140px; }
.form-order-total td:last-child { width: 100px; }

.form-order-total.left { max-width: 250px; }
.form-order-total.left td:first-child { display: none; }
.form-order-total.left td:nth-child(2) { padding-left: 0; text-align: left; }
.form-order-total.left td:last-child { padding-right: 0; text-align: right; }

/*  Form Order  */
.form-order { margin-bottom: 150px; }
.form-order-info { margin: 60px 0; }
.form-order-info p:first-of-type { padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; text-transform: uppercase; }

.form-order .form-head,
.form-order .form-body { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; }
.form-order .form-body p:first-of-type { text-transform: uppercase; }

.form-order .list-radios li { display: block; margin: 10px 0 0; }
.form-order .list-radios .form-label { width: calc(100% - 23px); margin-left: 3px; vertical-align: top; }
.form-order .field-gray { display: inline-block; width: 115px; height: 20px; margin-left: 20px; font-family: 'Lora Italic', serif; line-height: 20px; vertical-align: top; }

.form-order .form-actions { text-align: right; }

@media (max-width: 991px) {
    .form-reserve .form-body { margin-top: 0; }
    .form-reserve .form-actions { margin-top: 30px; }
}

@media (max-width: 767px) {
    .form-entry-point .form-controls { display: block; text-align: center; }
    .form-entry-point .form-controls ~ .form-controls { margin-top: 20px; margin-left: 0; }

    .form-reserve { padding: 20px 10px; }
    .form-reserve h1 { font-size: 20px; }
    .form-reserve .form-row { margin-top: 10px; }

    .form-contact .col-sm-6 ~ .col-sm-6 { margin-top: 15px; }

    .form-comment .col-xs-2 { text-align: right; }
    .form-comment img { max-width: 40px; }

    .form-order .field-gray { width: 90px; padding: 0 5px; }
    .form-order .form-actions { text-align: left; }
    .form-order .form-actions .btn ~ .btn { float: none; margin-top: 10px; }

    .form-item:first-child { display: none; }
    .form-item:nth-last-of-type(6n+6) td { padding-top: 60px; }
    .form-item .st-key { width: 10%; padding-right: 0; padding-left: 0; }
    .form-item .st-val { text-align: right; }
    .form-item-textarea { width: 100%; } 
    .form-item-spinner { display: inline-block; max-width: 90px; }
}

/* ------------------------------------------------------------ *\
        List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-addresses { list-style: none outside none; }
.list-addresses li { padding: 15px; border: 1px solid #e1e1e1; }
.list-addresses li ~ li { margin-top: 20px; }
.list-addresses .btn ~ .btn { margin-top: 15px; }

.list-items-inline li { display: inline-block; vertical-align: middle; color: #888; }
.list-items-inline li ~ li { margin-left: 40px; }
.list-items-inline li.current { color: #010101; }

@media (max-width: 767px) {
    .list-addresses .col-sm-9 { margin-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
        Mean Nav
\* ------------------------------------------------------------ */

@media (max-width: 991px) {
    .mean-container { position: absolute; top: 84px; right: 0; float: right; }
    .mean-container .mean-bar { background: none; }
    .mean-container a.meanmenu-reveal { top: -63px; width: 30px; margin-right: 25px; }
    .mean-container .mean-nav { margin-top: -4px; background: rgba(0,0,0,.9); }
    .mean-container .mean-nav ul li a.mean-expand { height: 33px; padding: 6px 12px !important; }
}

@media (max-width: 767px) {
    .mean-container a.meanmenu-reveal { top: -74px; margin-right: 0; }
    .mean-container .mean-nav { margin-top: -25px; }

    .mean-container .mean-nav .red-bg {  background: rgb(255, 0, 0); color: white; }
    .mean-container .mean-nav li:hover > a.red-bg { background: rgb(255, 0, 0); color: white; }
}

/* ------------------------------------------------------------ *\
        Nav
\* ------------------------------------------------------------ */

.nav,
.nav-utilities { display: inline-block !important; transition: margin .3s; }

.nav a,
.nav-utilities a { display: inline-block; }

.nav > ul > li,
.nav-utilities > ul > li { position: relative; display: inline-block; padding: 5px 0 30px; vertical-align: middle; }

.nav > ul > li > a,
.nav-utilities > ul > li > a { font-size: 15px; color: white; }

.nav > ul > li:hover > a,
.nav-utilities li:hover > a { color: #d30000; }

.nav > ul > li:hover > a.red-bg,
.nav-utilities li:hover > a.red-bg { background: rgb(255, 0, 0); color: white; }

/*  Navs Dropdown  */
.nav ul ul,
.nav-utilities ul ul { position: absolute; top: 50%; left: -15px; visibility: hidden; opacity: 0; z-index: 50; min-width: 200px; padding: 15px 15px; background: white; transition: top .5s, visibility .5s, opacity .5s; box-shadow: 0 2px 5px rgba(0,0,0,.5); }
.nav ul ul a,
.nav-utilities ul ul a { padding: 5px; }

.nav ul ul li:hover a,
.nav ul ul .current a,
.nav-utilities ul ul li:hover a,
.nav-utilities ul ul .current a { color: #d30000; }

.nav ul.active,
.nav-utilities ul.active { top: 80%; visibility: visible; opacity: 1; transition: top .5s, visibility .5s, opacity .5s; }

/*  Main Nav  */
.nav { margin: 35px 0 5px; }
.nav > ul > li { border-top: 2px solid transparent; }
.nav > ul > li.current { border-top-color: #d30000; }
.nav > ul > li > a { padding: 3px; }

.nav .red-bg { background: #d30000; color: white; }
.nav .red-bg:hover { color: white; }

/*  Nav Utilities  */
.nav-utilities { float: right; margin-top: 40px; }
.nav-utilities > ul > li ~ li { margin-left: 10px; }
.nav-utilities > ul > li > a { position: relative; }

.nav-utilities .shopping-cart { display: inline-block; padding-right: 18px; }
.nav-utilities .shopping-cart-counter { position: absolute; top: -12px; right: 0; width: 20px; height: 20px; border-radius: 50%; background: #d30000; color: white; line-height: 20px; text-align: center; }

@media (max-width: 1217px) {
    .nav,
    .nav-utilities { float: right; margin-top: 15px; }
    .nav { margin-top: 15px; }
    .nav-utilities { margin-top: 0; }
    .nav ul ul,
    .nav-utilities ul ul { right: -15px; left: auto; }
    .nav > ul > li,
    .nav-utilities > ul > li { padding-bottom: 13px; }
}

@media (max-width: 991px) {
    .nav { display: none !important; }
    .nav-utilities { float: right; margin: 27px 90px 0 0; }
}

@media (max-width: 767px) {
    .nav-utilities { margin: 17px 45px 0 0; }
}

/* ------------------------------------------------------------ *\
        News Item
\* ------------------------------------------------------------ */

.news-items { overflow: hidden; list-style: none outside none; }

/*  News Item  */
.news-item { display: inline-block; width: 540px; margin-bottom: 100px; vertical-align: middle; }
.news-item ~ .news-item { margin-left: 53px; }
.news-item:nth-child(2n+1) { margin-left: 0; }

/*  News Item Large */
.news-item-large { display: block; width: 100%; max-width: 950px; margin: 0 auto; }
.news-item-large .news-item-title { margin: 30px 0; }
.news-item-large .news-item-body p { line-height: 1.7; }
.news-item-large .news-item-actions { margin-top: 50px; }

.news-item-head { overflow: hidden; margin-bottom: 8px; }
.news-item-head p { margin-bottom: 0; line-height: 25px; }

.news-item-title { margin-top: 10px; text-transform: uppercase; }
.news-item-title a { text-decoration: none; }
.news-item-title a:hover { text-decoration: underline; }

.news-item-actions { margin-top: 10px; }
.news-item-actions p,
.news-item-actions ul { display: inline-block; margin: 0; vertical-align: middle; }
.news-item-actions p { margin: 0 20px 0 0; color: #c2c2c2; }

.news-item-socials { list-style: none outside none; }
.news-item-socials li { display: inline-block; margin: 0 5px; vertical-align: middle; }

@media (max-width: 1217px) {
    .news-item { width: 440px; margin-bottom: 50px; }
}

@media (max-width: 991px) {
    .news-item { width: 345px; }
    .news-item ~ .news-item { margin-left: 26px; }
    .news-item:nth-child(2n+1) { margin-left: 0; }
}

@media (max-width: 767px) {
    .news-item { width: 100%; }
    .news-item ~ .news-item { margin-left: 0; }
    .news-item-image img { width: 100%; }
}

/* ------------------------------------------------------------ *\
        Product
\* ------------------------------------------------------------ */

.products { list-style: none outside none; }

.product { position: relative; padding: 15px; border: 1px solid #e1e1e1; }
.product ~ .product { margin-top: 30px; }
.product-image { float: left; margin: -15px 15px -15px -15px; }
.product-image-large { position: absolute; top: 8px; right: 8px; z-index: 99; visibility: hidden; opacity: 0; padding: 8px; background: white; box-shadow: 0px 1px 10px rgba(0,0,0,.5); transition: opacity .3s ease-in-out, visibility .3s ease-in-out; }
.product-image:hover .product-image-large { transition: opacity .3s ease-in-out, visibility .3s ease-in-out; visibility: visible; opacity: 1; }

.product-title { margin-top: 10px; text-transform: uppercase; }
.product-entry { overflow: hidden; height: 37px; }

.product-form-body { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.product-form ~ .product-form { margin-top: 15px; }
.product-form:nth-of-type(2) { margin-top: 30px; }
.product-form .form-col { background: #e1e1e1; }
.product-form .form-col ~ .form-col { margin-left: 15px; }
.product-form .form-col:first-child { width: calc(100% - 270px); }
.product-form .form-col:nth-child(2) { width: 80px; }
.product-form .form-col:nth-child(3) { width: 160px; background: none; }

.product-form-spinner { width: 100%; }
.product-form-spinner input,
.product-form-spinner a { display: inline-block; height: 30px; vertical-align: middle; text-align: center; line-height: 30px; }
.product-form-spinner input { width: calc(100% - 44px); background: none; border: none; }
.product-form-spinner a { width: 18px; text-decoration: none; }
.product-form-spinner a:hover { background: #cacaca; }

.product-form .form-btn { display: block; width: 100%; padding: 0; }

.product-weight,
.product-price,
.product-extra-supp { margin: 0 10px; line-height: 30px; }
.product-extra-supp,
.product-weight { float: left; }
.product-price { float: right; }

.product-extra-supp { width: 205px; }

@media (max-width: 767px) {
    .product { padding: 5px; }
    .product-image { float: none; max-width: 335px; margin: 0 auto; }
    .product-image img { width: 100%; }

    .product-image-large { display: none; }

    .product-form-body { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }

    .product-form:first-of-type .form-col:first-child,
    .product-form:first-of-type .form-col:nth-child(2) { -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; }
    .product-form:first-of-type .form-col:last-child { -webkit-flex: 2 100%; -ms-flex: 2 100%; flex: 2 100%; margin-top: 10px; margin-left: 0; }

    .product-form + .product-form .form-col:first-child { -webkit-flex: 2 100%; -ms-flex: 2 100%; flex: 2 100%; margin-bottom: 5px; }
    .product-form + .product-form .form-col:nth-child(2) { -webkit-flex: 1 1px; -ms-flex: 1 1px; flex: 1 1px; margin-left: 0; }
    .product-form + .product-form .form-col:nth-child(3) { -webkit-flex: 1 1px; -ms-flex: 1 1px; flex: 1 1px; }
    .product-form + .product-form .product-extra-supp { width: 53%; min-height: 30px; padding: 5px 0; line-height: 1.2; }

    .product-weight,
    .product-price,
    .product-extra-supp { margin: 0 5px; }
}

/* ------------------------------------------------------------ *\
        Section
\* ------------------------------------------------------------ */

.section { padding: 70px 0; }
.section-head + .section-body,
.section-body + .section-actions { margin-top: 50px; }

/*  Section Intro  */
.section-intro { position: relative; color: white; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.section-intro:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); }
.section-intro > .container { z-index: 1; }
.section-intro-inner { text-align: center; }

.section-intro-large { height: 710px; }

/*.section-intro h1 { margin-bottom: 15px; text-transform: uppercase; }
.section-intro .white-diamond { margin-bottom: 15px; }
.section-intro .btn { margin-top: 40px; text-transform: uppercase; }
.section-intro .sprite-scroll-down { position: absolute; bottom: 20px; left: 50%; margin-left: -8px; -webkit-animation: mymove 2s infinite; animation: mymove 2s infinite; }*/

.section-contacts { position: relative; font-size: 18px; }
.section-contacts:before,
.section-contacts:after { content: ' '; position: absolute; left: 50%; z-index: 200; width: 1px; height: 60px; background: white; }
.section-contacts:before { top: 0; }  
.section-contacts:after { bottom: 0; }  
.section-contacts .white-diamond { margin: 10px 0 30px; }

.section-parallax-window,
.section-parallax-window-medium,
.section-parallax-window-large { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; }
.section-parallax-window:before,
.section-parallax-window-medium:before,
.section-parallax-window-large:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.7); }
.section-parallax-window { min-height: 310px; }
.section-parallax-window-medium { min-height: 360px; }
.section-parallax-window-large { min-height: 560px; }
.section-parallax-window h1,
.section-parallax-window-medium h1,
.section-parallax-window-large h1 { text-transform: uppercase; }
.section-parallax-window-medium h1 { margin-top: 110px; }

@media (max-width: 1217px) {
    .section-intro-large { height: 500px; }
}

@media (max-width: 991px) {
    .section-parallax-window-medium { min-height: 300px; }
}

/* ------------------------------------------------------------ *\
        Slider
\* ------------------------------------------------------------ */

.slider .slides { list-style: none outside none; }

/*  Slider Main  */
.slider-main .slider-clip,
.slider-main .slides { overflow: hidden; }
.slider-main .slides { position: relative; }
.slider-main .slide { position: relative; float: left; display: block; }
.slider-main .slide:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); }
.slider-main .slide-image { height: 710px; }
.slider-main .slide-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; }
.slider-main .slide-content h1 { margin-bottom: 15px; text-transform: uppercase; }
.slider-main .slide-content .white-diamond { margin-bottom: 15px; vertical-align: middle; }
.slider-main .slide-content .btn { margin-top: 40px; text-transform: uppercase; }

.slider-main .slick-dots { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.slider-main .slick-dots li { display: inline-block; }
.slider-main .slick-dots button { overflow: hidden; display: block; margin: 0 5px; width: 15px; height: 15px; border: 2px solid #e1e1e1; border-radius: 50%; background: white; text-indent: 100%; white-space: nowrap; transition: background .5s ease; }
.slider-main .slick-active button { background: #d30000; transition: background .5s ease; }


/*  Slider About Us  */
.slider-about-us .slider-clip,
.slider-about-us .slides { overflow: hidden; }
.slider-about-us .slide { float: left; display: block; }
.slider-about-us .slider-actions { margin-top: 10px; text-align: center; }
.slider-about-us .slider-actions a { display: inline-block; padding: 5px; text-decoration: none; vertical-align: middle; }
.slider-about-us .slider-paging { display: inline-block; margin: 0 5px; vertical-align: middle; }


/*  Slider News  */
.slider-news-items { position: relative; }
.slider-news-items .news-item { margin: 0 15px; }
.slider-news-items .slider-prev,
.slider-news-items .slider-next { position: absolute; top: 50%; margin-top: -15px; text-decoration: none; }
.slider-news-items .slider-prev { left: -20px; }
.slider-news-items .slider-next { right: -20px; }


@media (max-width: 1217px) {
    .slider-main .slide-image { height: 600px; }

    .slider-news-items .slider-prev { left: -10px; }
    .slider-news-items .slider-next { right: -10px; }
}

/* ------------------------------------------------------------ *\
        Special Offer
\* ------------------------------------------------------------ */

.special-offer { margin-bottom: 40px; }
.special-offer-image { position: relative; margin-bottom: 10px; }
.special-offer-image img { width: 100%; }
.special-offer-image-info { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; padding: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(0,0,0,.5); color: white; text-align: center; transition: opacity .3s, visibility .3s; }
.special-offer-image-info-inner { width: 100%; }
.special-offer-title { overflow: hidden; display: block; height: 55px; margin-bottom: 5px; text-transform: uppercase; text-decoration: none; }
.special-offer .btn-red:hover { background: white; color: black; }

.special-offer:hover .special-offer-image-info { opacity: 1; visibility: visible; transition: opacity .3s, visibility .3s; }

@media (max-width: 767px) {
    .special-offer-image-info { opacity: 1; visibility: visible; }
    .special-offer-image-info-inner { width: 100%; }
    .special-offer-title { height: auto; }
}

/* ------------------------------------------------------------ *\
        Table
\* ------------------------------------------------------------ */

.table-bordered { margin: 70px 0; }
.table-bordered tr:hover td { background: #ebebeb; }
.table-bordered th,
.table-bordered td { border-bottom: 1px solid #e1e1e1; text-align: left;  }
.table-bordered th { padding: 20px 20px; background: #ebebeb; }
.table-bordered td { padding: 8px 20px; }

@media (max-width: 767px) {
    .table-bordered { margin: 30px -13px; }
    .table-bordered th,
    .table-bordered td { padding: 5px 4px; } 
}

/* ------------------------------------------------------------ *\
        Widget
\* ------------------------------------------------------------ */

.widgets,
.widget-nav ul { list-style: none outside none; }

.widget ~ .widget { margin-top: 25px; }

.widget-nav { padding-right: 30px; border-right: 2px solid #e1e1e1; }
.widget-nav a { display: inline-block; padding: 2px 5px; text-decoration: none; text-transform: uppercase; }
.widget-nav a:hover { text-decoration: underline; }
.widget-nav > ul > li { background: #e1e1e1; }
.widget-nav > ul > li ~ li { margin-top: 10px; }
.widget-nav ul ul { padding-left: 10px; background: white; }
.widget-nav ul ul li ~ li { margin-top: 2px; }

.widget-nav .current { position: relative; }
.widget-nav .current:after { content: ' '; position: absolute; top: 0; right: -32px; bottom: 0; width: 2px; max-height: 22px; background: #d30000; }