/*
Theme URI: http:/hallowsoft.com
Author: Peiman Ghader Kurehpaz

[Table of contents]

1. SITE STRUCTURE and TYPOGRAPHY
- 1.1 Typography
- 1.2 Buttons
- 1.3 Structure

2. CONTENT
- 2.1 Home all versions
- 2.2 List page
- 2.3 Restaurant menu
- 2.4  Order process
- 2.5 Restaurant detail page
- 2.6 About
- 2.7 Contacts

3. COMMON
3.1 Preloader
3.2 Parallax bg
3.4 Login/Register modals
3.5 Spacing
3.6  Map
3.7 Password strength
3.8 Input form style
3.9 Collapse
3.10 Tabs
3.11 Tooltips
3.12 Blockquote

4. UPDATES
4.1 Strip list home
4.2 Grid list
4.3 General

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

/*-------- Allert for old browsers IE8 and below --------*/
.chromeframe {
    background: #ddd;
    color: #000;
    padding: 0.2em;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    width: 100%;
}

.chromeframe a {
    color: #ed1c24;
}

.bg_btn_theme {
    background: #ed1c24;
}

.bg_btn_theme :hover {
    background: #ed1c24;
}

.slider_header {
    color: white;
    font-weight: bold;
    font-size: 42px;
    display: inline-block;
    margin-bottom: 20px;
}

.table > tbody > tr > td {
    max-width: 270px;
    vertical-align: middle;
}

.slider_text {
    color: white;
    font-size: 19px;
}

/*-------- 1.1 Typography --------*/
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 13px;
    line-height: 1.4;
    color: #555;
    background-color: #f5f5f5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, label {
    color: #333;
}

h1, h2 {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** Layes slider typography **/
h3.slide_typo {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -2px;
    font-size: 60px;
    white-space: nowrap;
    color: #fff !important;
    font-weight: 300;
}

h3 .slide_typo strong {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.slide_typo_2 {
    color: #fff;
    font-size: 18px;
    white-space: nowrap
}

#headerr {
    margin: 0 90px 0 90px;
}

#logo {
    float: left;
}

#total_count {
    font-size: 20px;
    font-weight: bold;
}

#orderlist tr td {
    padding: 5px;
}

#orderlist tr td p {
    font-size: 12px;
}

input[type=checkbox] {
    transform: scale(1.5);
}

input[type=radio] {
    transform: scale(1.3);
}

.nav-tabs li a {

}

.apps-stores {
    padding-top: 48px;
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
}

.play-store {

}

.apple-store {
    margin-right: 16px;
}

.play-store img {
    width: 250px;
}

.apple-store img {
    width: 250px;
}

.go_next {
    float: right;
    margin-right: 15px;
}

.resend_request {
    float: left;
    margin-left: 5px;
    display: none;
}

.modify_phone {
    float: left;
    margin-left: 15px;
}

.toppings-product-quantity {
    float: left;
    line-height: 48px;
}

.cart_basket {
    color: white;
    font-size: 20px;
    padding-left: 6px;
    padding-right: 6px;

}

.cart_basket span {
    font-weight: bold;
}

.toppings-product-quantity .product__quantity__decrease, .toppings-product-quantity .product__quantity__increase {
    cursor: pointer;
    background-color: #f7f7f7;
    line-height: inherit;
    text-align: center;
    font-size: 2.8rem
}

.toppings-product-quantity .product__quantity {
    line-height: inherit;
    text-align: center
}

.toppings-product-quantity .product__quantity__container {
    float: left;
    width: 48px;
    height: 48px
}

.toppings-product-quantity .product__quantity__container:nth-child(2) {
    width: 32px
}

@media (min-width: 768px) {
    .toppings-product-quantity .product__quantity__container:nth-child(2) {
        width: 48px
    }
}

@media (max-width: 768px) {
    .go_to {
        margin-top: 15px;
    }

    .apple-store {
        margin-right: 14px;
    }

    .play-store img {
        width: 200px;
    }

    .apple-store img {
        width: 200px;
    }
}

.addtocartButton {
    float: right;
    width: 60%;
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
    .addtocartButton {
        float: right;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .go_next {
        display: block;
        width: 100%;
    }

    .responsive_btn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        z-index: 1000;
    }

    apple-store {
        margin-right: 12px;
    }

    .play-store img {
        width: 140px;
    }

    .apple-store img {
        width: 140px;
    }

}

.box_style_2 h2.inner {
    background-color: #c30d14;
    color: #fff;
    margin: -25px -25px 25px -25px;
    padding: 12px 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.img_ordertype {
    max-height: 120px;
    margin: 0px auto;
    display: block;
}

.img_ordertype_active {
    border: 3px red solid;
    border-radius: 25px;
    padding: 2px;
}

#stripe_errors_div {
    margin-top: 20px;
}

.main_title {
    text-align: center;
    margin-bottom: 45px;
}

.main_title h2 {
    font-size: 46px;
    letter-spacing: -1px;
    font-weight: 300;
    margin-bottom: 0;
}

.main_title p {
    font-size: 18px;
    color: #555;
    line-height: 1.2;
    margin-bottom: 22px;
    margin-top: 12px;
    font-weight: 300;
}

.feature h3 {
    margin-top: 0;
}

.feature h3 span {
    color: #c30d14;
}

/*General links color*/
a {
    color: #c30d14;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
}

a:hover, a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}

hr.more_margin {
    margin-top: 60px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

hr.styled {
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}

/*-------- 1.2 Buttons --------*/
a.btn_1, .btn_1 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #85c99d;
    cursor: pointer;
    padding: 10px 20px;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}

a.btn_1:hover, .btn_1:hover {
    background: #333;
}

a.btn_full, .btn_full {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    width: 80%;
    background: #85c99d;
    cursor: pointer;
    padding: 12px 20px;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

a.btn_full:hover, .btn_full:hover {
    background: #333;
}

a.btn_1.medium, .btn_1.medium {
    padding: 10px 20px;
    font-size: 14px;
    text-transform: none;
}

a.btn_map {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #555;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

a.btn_map:hover {
    background: #333;
}

/*4.7 Work with us section  */
a.box_work {
    text-align: center;
    background-color: #fff;
    padding: 30px;
    font-size: 14px;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4;
    -moz-box-shadow: 0px 3px 0px 0px #f0f2f4;
    box-shadow: 0px 3px 0px 0px #f0f2f4;
    color: #666;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

a.box_work:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-box-shadow: 0px 3px 0px 0px #ebedef;
    -moz-box-shadow: 0px 3px 0px 0px #ebedef;
    box-shadow: 0px 3px 0px 0px #ebedef;
}

a.box_work h3 {
    font-size: 24px;
}

a.box_work h3 span {
    display: block;
    font-size: 18px;
    margin-top: 3px;
    color: #999;
    font-weight: 300;
}

a.box_work .btn_1 {
    margin-top: 30px;
}

a.btn_side {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #555;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

a.btn_side:hover {
    background: #333;
    color: #fff;
}

a.btn_full_outline {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #85c99d;
    background: none;
    border: 2px solid #85c99d;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
}

a.btn_full_outline:hover {
    border: 2px solid #333;
    color: #333;
}

a.button_intro, .button_intro {
    border: none;
    font-weight: normal;
    font-style: normal;
    color: #fff !important;
    background: #348F34;
    cursor: pointer;
    padding: 12px 25px;
    display: inline-block;
    outline: none;
    font-size: 13px;
    text-align: center;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    min-width: 110px;
    font-weight: bold;
}

a.button_intro:hover, .button_intro:hover {
    background: #fff;
    color: #348F34 !important;
}

a.button_intro.outilne, .button_intro.outline {
    border: 2px solid #fff;
    color: #fff;
    background: none;
    padding: 10px 23px;
}

#cart_box a.btn_full, #cart_box .btn_full {
    background: #348F34;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
}

#cart_box a.btn_full:hover, #cart_box .btn_full:hover {
    background: #333;
}

.btn_full_gocheckout {
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    padding: 10px 20px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    color: white;
    background: #348F34;
    border: 2px solid white;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.btn_full_gocheckout:hover {
    color: white;
    background: #296429;
    border: 2px solid white;
}

.btn_full_outlinee {
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    padding: 10px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #c30d14;
    background: none;
    border: 2px solid #c30d14;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.btn_full_outlinee:hover {
    color: #333;
    background: none;
    border: 2px solid #333;
}

/*-------- 1.3 Structure --------*/

/* Header */
header {
    width: 100%;
    position: fixed;
    padding-top: 15px;
    top: 0;
    left: 0;
    z-index: 99999;
}

header.sticky {
    background-color: #c30d14;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
}

#subheader {
    color: #fff;
    text-align: center;
    display: table;
    width: 100%;
    height: 470px;
}

#short #subheader {
    height: 200px;
}

#subheader a {
    color: #FF9;
}

#subheader a:hover {
    text-decoration: underline;
}

#addnewaddress:before {
    margin-left: 1px;
    margin-right: 1px;
}

/* Footer  */
footer {
    background-color: #fff;
    border-top: 1px solid #ededed;
    padding: 10px 0;
}

footer h3 {
    font-size: 16px;
    font-weight: 600;
}

footer a {
    color: #555;
}

footer a:hover {
    color: #c30d14;
}

footer ul {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}

footer .btn_1 {
    text-transform: none;
    padding: 8px 15px;
    background: #555;
}

#social_footer {
    text-align: center;
    border-top: 1px solid #ededed;
    padding-top: 30px;
    margin-top: 30px;
}

#social_footer p {
    font-size: 12px;
    color: #8c8c8c;
}

#social_footer ul {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
}

.error_warning {
    color: red;
}

#social_footer ul li {
    display: inline-block;
    margin: 0 5px 10px 5px;
}

#social_footer ul li a {
    color: #666;
    text-align: center;
    line-height: 34px;
    display: block;
    font-size: 16px;
    width: 35px;
    height: 35px;
    background-color: #f2f2f2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#social_footer ul li a:hover {
    background: #fff;
    color: #111;
}

a#promote {
    display: inline-block;
    position: relative;
    background: #c30d14;
    position: relative;
    color: #fff;
    padding: 10px 15px 10px 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    margin-top: 10px;
    font-weight: 600;
}

a#promote:hover {
    background-color: #333;
}

a#promote:before {
    content: "\e003";
    font-family: 'ElegantIcons';
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    position: absolute;
    left: 10px;
    top: 6px;
}

/* Drop down select footer */
footer .styled-select select {
    background: transparent;
    width: 115%;
    padding: 7px 5px 5px 15px;
    border: 0;
    border-radius: 0;
    height: 37px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #444;
    box-shadow: none;
}

footer .styled-select {
    width: 100%;
    overflow: hidden;
    height: 40px;
    background: #f8f8f8 url(../img/arrow_down.svg) no-repeat right center;
    border: none;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.styled-select select::-ms-expand {
    display: none;
}

.styled-select select:focus {
    outline: none;
}

/* Menu 2 */
.main-menu-2 ul {
    list-style: none;
    margin: 0 0 17px 0;
    padding: 0;
    float: right;
    font-size: 14px;
    font-weight: 500;
}

.main-menu-2 ul li {
    display: inline-block;
    margin-left: 15px;
}

.main-menu-2 ul li a {
    color: #fff;
}

/*============================================================================================*/
/* 2.  CONTENT  */

/* 2.1 Home  */
#custom-search-input {
    margin: 0;
    top: 10px;
    padding: 0;
    width: 650px;
    margin: auto;
    position: relative;
}

#custom-search-input .search-query {
    width: 650px;
    padding: 15px 30px;
    border: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.75);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #444;
}

#custom-search-input input.btn_search {
    position: absolute;
    right: 20px;
    top: 13px;
    border: 0;
    width: 25px;
    height: 25px;
    background: url(../img/search.svg) no-repeat center right;
    cursor: pointer;
}

#custom-search-input input.btn_search:focus, #custom-search-input .search-query:focus {
    outline: none;
}

#custom-search-input input.btn_search:focus, #custom-search-input .search-query:focus {
    outline: none;
}

#count {
    background-color: rgba(0, 0, 0, 0.25);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    z-index: 99;
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

#count ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

#count ul li {
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    padding-left: 20px;
    background: url(../img/dots_vert.png) center left no-repeat;
}

#count ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

#count ul li:last-child {
    margin-right: 0;
}

#count .number {
    width: auto;
    display: inline-block;
    margin-right: 5px;
    font-weight: 600;
    text-align: right;
    font-size: 24px;
}

.header-video {
    position: relative;
    overflow: hidden;
    background: #000;
}

#hero_video {
    position: relative;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    height: 100%;
    z-index: 99;
    text-align: center;
}

#hero_video > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10%;
}

#hero_video > div h1 {
    margin-top: -60px;
}

video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.35;
}

iframe {
    height: 100%;
    width: 100%;
}

video {
    width: 100%;
}

.teaser-video {
    width: 100%;
    height: auto;
}

.header-video--media {
    width: 100%;
    height: auto;
}

.box_home {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-bottom: 25px;
    padding: 120px 25px 25px 25px;
    text-align: center;
    position: relative;
    font-size: 14px;
    color: #666;
    min-height: 235px;
}

.box_home span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ededed;
    background-color: #fff;
    position: absolute;
    top: -20px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-weight: bold;
    font-size: 16px;
    left: 50%;
    margin-left: -20px;
}

.box_home#one {
    background: #fff url(../img/icon_home_1.svg) no-repeat center 40px;
}

.box_home#two {
    background: #fff url(../img/icon_home_2.svg) no-repeat center 40px;
}

.box_home#three {
    background: #fff url(../img/icon_home_3.svg) no-repeat center 40px;
}

.box_home#four {
    background: #fff url(../img/icon_home_4.svg) no-repeat center 40px;
}

.box_home h3 {
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: bold;
}

#delivery_time {
    width: 500px;
    margin: auto;
    text-align: center;
    margin-top: 25px;
}

#delivery_time strong span {
    background: url(../img/time_panel.svg) no-repeat 0 0;
    display: inline-block;
    width: 80px;
    margin-left: 10px;
    height: 120px;
    font-size: 72px;
    line-height: 120px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}

.high_light {
    padding: 60px 0 60px 0;
    background: #c30d14;
    color: #fff;
    font-size: 16px;
}

.high_light p {
    margin-bottom: 0;
}

.high_light > div {
    position: relative;
}

.high_light h3 {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 42px;
    margin: 0;
    padding: 0;
}

.high_light a {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #348F34;
    border: 2px solid #fff;
    cursor: pointer;
    padding: 15px 30px;
    outline: none;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 0;
}

.high_light a:hover {
    background: #333;
    color: #fff;
    border: 2px solid #333;
}

/* 2.2 List page*/
#map {
    width: 100%;
    height: 300px;
    border-bottom: 1px solid #ddd;
}

#filters_col {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
}

#filters_col label {
    font-weight: normal;
}

a#filters_col_bt {
    display: block;
    color: #444;
    font-weight: 600;
}

a#filters_col_bt .icon_set_1_icon-65 {
    font-size: 20px;
    position: relative;
    top: 0;
    margin-right: 5px;
}

.filter_type h6 {
    border-top: 1px solid #ddd;
    margin: 15px 0;
    padding: 15px 0 0 0;
}

.filter_type ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.filter_type ul li .rating {
    font-size: 16px;
    left: -7px;
    position: relative;
    top: 3px;
    color: #ccc;
}

.filter_type ul li .color_1, .filter_type ul li .color_2, .filter_type ul li .color_3, .filter_type ul li .color_4, .filter_type ul li .color_5, .filter_type ul li .color_6, .filter_type ul li .color_7, .filter_type ul li .color_8 {
    width: 8px;
    height: 8px;
    margin: 5px 5px 0 0;
    float: right;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.filter_type ul li .color_1 {
    background-color: #7dccc7;
}

.filter_type ul li .color_2 {
    background-color: #f29bc1;
}

.filter_type ul li .color_3 {
    background-color: #8494c8;
}

.filter_type ul li .color_4 {
    background-color: #8dc63f;
}

.filter_type ul li .color_5 {
    background-color: #84c99e;
}

.filter_type ul li .color_6 {
    background-color: #f5977d;
}

.filter_type ul li .color_7 {
    background-color: #72d0f4;
}

.strip_list {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    border: 1px solid #ededed;
    margin-bottom: 30px;
    line-height: 1.3;
    display: block;
}

.strip_list:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-box-shadow: 0px 3px 0px 0px #ebedef;
    -moz-box-shadow: 0px 3px 0px 0px #ebedef;
    box-shadow: 0px 3px 0px 0px #ebedef;
    text-decoration: none;
}

.strip_list a {
    text-decoration: none;
    color: black;
}

.strip_list.last {
    margin-bottom: 25px;
}

a.strip_list:hover h3 {
    color: #c30d14;
}

.desc {
    padding-left: 135px;
    position: relative;
    line-height: 1.5;
    font-size: 14px;
}

.desc .rating {
    color: #ccc;
    padding-top: 0;
}

.desc h3 {
    margin: 0;
    padding: 0;
}

.desc h3 a {
    color: #333;
}

.desc h3 a:hover {
    color: #c30d14;
}

.desc .type {
    font-size: 12px;
    font-style: italic;
    color: #777;
    margin-bottom: 12px;
    margin-top: 5px;
}

.desc .opening {
    color: #C33;
}

.desc ul {
    list-style: none;
    margin: 3px 0 0 0;
    padding: 0;
}

.desc ul li {
    display: inline-block;
    margin-right: 15px;
}

.desc ul li i.ok {
    color: #6C3;
    position: relative;
    top: 2px;
    left: 5px;
    font-size: 14px;
}

.desc ul li i.no {
    color: #C30;
    position: relative;
    top: 2px;
    left: 5px;
    font-size: 14px;
}

.thumb_strip {
    position: absolute;
    left: 0;
    top: 0;
    height: 110px;
    overflow: hidden;
    border: 1px solid #ededed;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
}

.thumb_strip img {
    /* width: 98px; */
    /* height: auto; */
}

.strip_list .go_to {
    display: table;
    text-align: right;
    width: 100%;
}

.strip_list .go_to div {
    display: table-cell;
    vertical-align: middle;
}

.ribbon_1 {
    position: absolute;
    text-indent: -9999px;
    top: -5px;
    left: -5px;
    background: url(../img/ribbon_popular.png) no-repeat 0 0;
    width: 81px;
    height: 80px;
    z-index: 3;
}

/* 2.3 Restaurant menu*/
.box_style_1 {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-bottom: 30px;
}

.box_style_2, #cart_box {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-bottom: 25px;
    padding: 25px;
}

.box_style_2#main_menu, .box_style_2.info {
    padding-bottom: 10px;
}

.box_style_2#help {
    text-align: center;
}

.box_style_2#help i {
    font-size: 52px;
    display: inline-block;
    color: #999;
}

.box_style_2#help a.phone {
    font-size: 26px;
    display: block;
    margin-bottom: 0;
    color: #c30d14;
}

#cart_box {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-bottom: 25px;
    padding: 15px;
}

#cart_box h3 {
    background: #f8f8f8;
    margin: -15px 0px 15px 0px;
    padding: 15px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 18px;
}

a.remove_item {
    color: #ddd;
    font-size: 17px;
    cursor: pointer;
}

a.remove_item:hover {
    color: #C33;
}

#cart_box hr {
    margin-left: -15px;
    margin-right: -15px;
    border-color: #ededed;
}

#main_menu hr {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 10px;
    border-color: #ededed;
}

#order_process hr {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 10px;
    border-color: #ededed;
}

#main_menu h3 {
    text-transform: uppercase;
    font-size: 20px;
}

ul#cat_nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#cat_nav li {
    border-bottom: 1px solid #ededed;
}

ul#cat_nav li a {
    position: relative;
    color: #555;
}

ul#cat_nav li a span {
    font-size: 11px;
    color: #999;
}

ul#cat_nav li a:after {
    font-family: "fontello";
    content: "\e89b";
    position: absolute;
    right: 15px;
    top: 15px;
}

ul#cat_nav li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a.active {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a.active {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

ul#cat_nav li a {
    display: block;
    padding: 15px 24px;
}

ul#cat_nav li a:hover, ul#cat_nav li a.active {
    background: #f9f9f9;
    color: #111;
}

#sub_content {
    display: table-cell;
    padding: 0 15%;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}

#sub_content #thumb {
    width: 130px;
    height: 130px;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    margin: auto;
    margin-bottom: 15px;
    background-color: #fff;
}

#sub_content #thumb img {
    width: 120px;
    height: auto;
}

#sub_content h1 {
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
}

.rating {
    color: #fff;
    padding-top: 10px;
}

.rating .voted {
    color: #FC0;
    margin-right: 3px;
}

ul.additional_links {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.additional_links li {
    display: inline-block;
    border-left: 1px solid #ededed;
    margin-left: 3px;
    padding-left: 5px;
}

ul.additional_links li:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.table.cart-list td h5 {
    margin-bottom: 0;
    font-weight: 600;
}

.table.cart-list {
    margin-bottom: 0;
}

.table.cart-list td p {
    margin-top: 5px;
    max-width: 250px;
}

.table.cart-list td {
    vertical-align: middle;
}

.table.table_summary td {
    border-top: 0
}

.table.table_summary td strong {
    margin-left: 4px
}

.table.table_summary td.total {
    font-weight: bold;
    font-size: 18px;
}

.table td.total_confirm {
    font-weight: bold;
    font-size: 16px;
    background-color: #333;
    color: #fff;
}

.options i {
    font-size: 22px;
}

.row#options_2 {
    margin-bottom: -10px;
    margin-top: -5px;
}

#options_2 label {
    font-size: 12px;
}

.thumb_cart {
    border: 1px solid #ddd;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    float: left;
}

.thumb_cart img {
    padding: 1px;
    width: 58px;
    height: auto;
}

.item_cart {
    display: inline-block;
    margin-top: 20px;
}

/* 2.4 Order process */
.bs-wizard {
    width: 90%;
    margin: auto;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #fbe8aa;
    top: 45px;
    left: 50%;
    margin-top: -11px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #e04f67;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 23px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #fbe8aa;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #f5f5f5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

#confirm {
    text-align: center;
    margin-bottom: 25px;
}

#confirm i {
    font-size: 140px;
    color: #85c99d;
    display: inline-block;
}

/*2.5 Restaurant detail page*/
#Img_carousel .sp-selected-thumbnail {
    border-bottom: 2px solid #c30d14;
}

#summary_review {
    margin: 30px 0 40px 0;
    padding: 25px 25px 10px 25px;
    background-color: #f1fafa;
}

#general_rating {
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 16px;
}

#general_rating .rating {
    display: inline;
    color: #ddd;
    font-size: 20px;
}

#rating_summary ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

#rating_summary ul li {
    font-size: 14px;
    margin-bottom: 5px;
}

#rating_summary ul li .rating {
    display: inline-block;
    float: right;
    padding: 0;
    color: #ddd;
}

.review_strip_single {
    position: relative;
    padding: 30px 0 20px 0;
    margin: 30px 0 25px 0;
    border-bottom: 1px solid #ededed;
}

.review_strip_single .rating {
    color: #ddd;
    font-size: 12px !important;
}

.review_strip_single.last {
    margin-bottom: 0;
    border-bottom: 0;
}

.review_strip_single img {
    top: -15px;
    position: absolute;
    left: 0;
    border: 4px solid #ededed;
}

.review_strip_single h4 {
    font-size: 18px;
    margin: -12px 0 35px 90px;
    padding: 0;
}

.review_strip_single small {
    float: right;
    font-size: 12px;
    margin-top: -10px;
    font-style: italic;
}

.review_strip_single .rating {
    font-size: 16px;
}

ul.opening_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.opening_list {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}

ul.opening_list li {
    margin-bottom: 8px;
    font-weight: 600;
}

ul.opening_list li span {
    float: right;
    font-weight: 400;
}

/*2.6 About*/
.features-bg {
    position: relative;
    min-height: 400px;
    background: url(../img/features-intro-01.jpg) no-repeat center center;
    background-size: cover;
}

.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}

.features-content {
    position: relative;
    padding: 11% 100px 10% 100px;
    height: 400px;
    background-color: #c30d14;
    color: #fff;
    font-size: 16px;
}

.features-content h3 {
    font-family: "Gochi Hand", cursive;
    color: #fff;
    font-size: 32px;
    line-height: 34px;
    text-transform: uppercase;
}

.feature {
    padding: 30px 30px 20px 120px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #666;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.feature i {
    margin: 0;
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 0;
    margin: 0;
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px dashed #ccc;
    font-size: 34px;
    color: #6dcff6;
}

/*2.7 Contacts*/
#contacts a {
    font-size: 18px;
}

/*============================================================================================*/
/* 3.  COMMON  */
/*============================================================================================*/
/*3.1 Preloader*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #c30d14;
    z-index: 999999;
}

.sk-spinner-wave.sk-spinner {
    margin: -15px 0 0 -25px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.sk-spinner-wave div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/* 3.2 Parallax bg */
.parallax-window {
    min-height: 470px;
    background: transparent;
    position: relative;
}

.parallax-window#home {
    min-height: 550px;
}

.parallax-window#short {
    height: 200px;
    min-height: inherit;
}

.parallax-content {
    color: #fff;
    text-align: center;
    display: table;
    width: 100%;
    height: 470px;
}

.parallax-content .sub_content {
    display: table-cell;
    padding: 0 15%;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
}

.parallax-content .sub_content h3 {
    margin: 0 0 10px 0;
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.parallax-content .sub_content i {
    font-size: 60px;
}

.parallax-window-2 {
    height: auto;
    background: url(../img/bg_office.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}

.parallax-content-2 {
    display: table;
    width: 100%;
    height: auto;
}

.parallax-content-2 > div {
    display: table-cell;
    padding: 10% 15%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.parallax-content-2 div h3 {
    margin: 0 0 10px 0;
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.parallax-content-2 div p {
    margin-bottom: 0;
}

.parallax-content-2 div i {
    font-size: 60px;
}

/* 3.3 Position  breadcrumbs */
#position {
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
    font-size: 11px;
}

#position ul li:first-child {
    padding-left: 20px;
}

#position ul li:first-child:before {
    content: "\eaf4";
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    position: absolute;
    left: 0;
    top: 1px;
    color: #999;
}

#position ul {
    margin: 0;
    padding: 0;
    color: #888;
}

#position ul li a {
    color: #252525;
    opacity: 0.7;
}

#position ul li a:hover {
    color: #252525;
    opacity: 1;
}

#position ul li {
    display: inline-block;
    padding-right: 8px;
    margin-right: 3px;
    position: relative;
}

#position ul li:after {
    content: "\e9ee";
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    position: absolute;
    right: 0;
    top: 2px;
}

#position ul li:last-child:after {
    content: '';
}

.margin_fix {
    margin-top: 60px;
}

/*3.4 Login/Register modals*/
#message-review .error_message {
    color: #FF9;
    position: relative;
    top: -30px;
}

.form-control.form-white {
    color: #fff;
    font-size: 16px;
    height: 42px;
    position: relative;
    border-radius: 0;
    border: 1px solid white;
    line-height: 42px;
    background: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    box-shadow: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control.form-white {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: 0;
    border-radius: 0;
    height: 42px;
    line-height: 28px;
}

.modal-dialog #review .form-control.form-white {
    margin-bottom: 0;
}

.form-control.form-white::-webkit-input-placeholder {
    color: #fff;
}

.form-control.form-white:-moz-placeholder {
    opacity: 1;
    color: #fff;
}

.form-control.form-white::-moz-placeholder {
    opacity: 1;
    color: #fff;
}

.form-control.form-white:-ms-input-placeholder {
    color: #fff;
}

.form-control.form-white:focus {
    background: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login_icon {
    color: #fff;
    font-size: 60px;
    opacity: 0.5;
}

.modal-backdrop {
    z-index: 999999;
}

.modal {
    padding: 0 25px !important;
    z-index: 9999999;
}

.modal-dialog {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.modal-dialog #review {
    width: 100%;
    max-width: 650px;
}

.modal-popup {
    position: relative;
    padding: 1px 30px 10px 30px;
    text-align: center;
    background: #c30d14;
    border-radius: 0px;
    border: none;
}

.modal-popup a {
    color: #fff;
}

.modal-popup a:hover {
    color: #fff;
    text-decoration: underline;
}

.modal-popup a.close-link {
    font-size: 22px;
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
}

.modal-popup a.close-link:hover {
    color: #333;
    text-decoration: none;
}

.popup-form {
    width: 90%;
    max-width: 375px;
    margin: 60px auto;
}

/*4.6 Restaurant menu  */
.thumb_menu_list{
    width:60px;
    height:60px;
    overflow:hidden;
    text-align:center;
    display:inline-block;
    float:left;
    margin-right:15px;
    border:1px solid #fff;
    border-radius:3px;
}
.thumb_menu_list img{
    width:60px;
    height:auto;
}


.popup-form .form-control {
    margin: 20px 0;
}

s.checkbox-holder {
    white-space: nowrap;
}

.checkbox {
    position: relative;
    display: block;
}

.checkbox {
    position: relative;
}

.checkbox label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 2px solid white;
    background: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.checkbox input[type=checkbox]:focus + label:before {
    background: rgba(255, 255, 255, 0.2);
}

.checkbox label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    opacity: 0;
    background: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.checkbox-holder span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    white-space: normal;
    color: #fff;
}

.btn.btn-submit {
    width: 100%;
    margin-top: 30px;
    color: #c30d14;
    padding: 10px;
    background: #fff;
    font-weight: 600;
    outline: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 16px;
}

.btn.btn-submit:focus {
    outline: none;
}

.btn.btn-submit:hover {
    color: #fff;
    background: #444;
}

/*3.5 Spacing*/
.add_bottom_15 {
    margin-bottom: 15px;
}

.add_bottom_30 {
    margin-bottom: 30px;
}

.add_bottom_45 {
    margin-bottom: 45px;
}

.add_bottom_60 {
    margin-bottom: 60px;
}

.add_bottom_75 {
    margin-bottom: 75px;
}

.add_top_20 {
    padding-top: 20px;
}

.add_top_60 {
    padding-top: 60px;
}

.margin_60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.margin_60_35 {
    padding-top: 60px;
    padding-bottom: 35px;
}

.margin_30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.nomargin_top {
    margin-top: 0;
}

.telephone_bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
    color: #fff !important;
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

/* 3.6 Map */
.marker_info {
    width: 250px;
    height: 150px;
    padding: 20px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.marker_info img {
    display: block;
    margin: auto;
}

.marker_info h3 {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.marker_info em {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 13px;
    color: #999;
}

.marker_info span {
    display: block;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    color: #555;
    margin-bottom: 15px;
}

.marker_info:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(255, 255, 255, 0.9);
    border-width: 10px;
    margin-top: -10px;
}

/* 3.7 Password strength */
#pass-info {
    width: 100%;
    margin-bottom: 15px;
    color: #829CBD;
    text-align: center;
    font: 12px/25px Arial, Helvetica, sans-serif;
}

#pass-info.weakpass {
    border: 1px solid #FF9191;
    background: #FFC7C7;
    color: #94546E;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.stillweakpass {
    border: 1px solid #FBB;
    background: #FDD;
    color: #945870;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.goodpass {
    border: 1px solid #C4EEC8;
    background: #E4FFE4;
    color: #51926E;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.strongpass {
    border: 1px solid #6ED66E;
    background: #79F079;
    color: #348F34;
    text-shadow: 1px 1px 1px #FFF;
}

#pass-info.vrystrongpass {
    border: 1px solid #379137;
    background: #48B448;
    color: #CDFFCD;
    text-shadow: 1px 1px 1px #296429;
}

/* 3.8 Input form style */
.loader {
    margin-left: 5px;
    position: absolute;
}

.error_message {
    color: #F33;
    font-weight: 600;
    margin-bottom: 4px;
}

.form-control {
    color: #333;
    height: 40px;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #ddd;
    box-shadow: 0;
}

.form-group {
    margin-bottom: 20px;
}

footer .form-group {
    margin-bottom: 15px;
}

.payment_select {
    background-color: #f0f0f0;
    padding: 15px 15px 10px 15px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.payment_select label {
    font-size: 16px;
}

.payment_select i {
    float: right;
    font-size: 24px;
}

.payment_select#paypal {
    background: #f0f0f0 url(../img/paypal.svg) center right no-repeat;
}

/*3.9 Collapse*/
.panel {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ededed;
}

.panel-title a {
    display: block;
    color: #444;
}

.panel-default > .panel-heading {
    background-color: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-group .panel {
    border-radius: 3px;
}

.panel-body {
    padding: 30px;
    line-height: 1.6 !important;
}

.panel-title a .indicator {
    color: #c30d14;
    margin-left: 5px;
}

.panel-title a:hover .indicator {
    color: #333;
}

/*3.10 Tabs*/
.tab-content {
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 25px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*3.11 Tooltips*/
.tooltip_styled {
    display: inline;
    position: relative;
    z-index: 999;
}

.tooltip-item {
    cursor: pointer;
    display: inline-block;
}

.tooltip-item::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip_styled:hover .tooltip-item::after {
    pointer-events: auto;
}

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 180px;
    left: 50%;
    margin: 0 0 20px -90px;
    bottom: 100%;
    text-align: left;
    line-height: 1.2;
    display: block;
    padding: 15px;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    background: #333;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tooltip-effect-1 .tooltip-content {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-2 .tooltip-content {
    -webkit-transform-origin: 50% calc(100% + 10px);
    transform-origin: 50% calc(100% + 10px);
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-3 .tooltip-content {
    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-4 .tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(0.7, 0.3, 1);
    transform: scale3d(0.7, 0.3, 1);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip_styled:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip_styled.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #333;
    border-width: 10px;
    margin-left: -10px;
}

.tooltip-content .label {
    margin-left: 10px;
}

.tooltip-content i {
    font-size: 20px !important;
    top: 3px !important;
    left: -3px !important;
    position: relative;
}

.tooltip-content h4 {
    display: block;
    margin: 0 0 10px 0;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.tooltip-content a {
    font-weight: bold;
}

/*3.12 Blockquote*/
blockquote.styled {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.white_bg {
    background-color: #fff;
}

/*============================================================================================*/
/* 4.  UPDATES */
/*============================================================================================*/
/*4.1 Strip list home*/
a.strip_list {
    color: #555;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

a.strip_list:hover {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -webkit-box-shadow: 0px 2px 0px 0px #ebedef;
    -moz-box-shadow: 0px 2px 0px 0px #ebedef;
    box-shadow: 0px 2px 0px 0px #ebedef;
}

/*4.2 Grid list*/
.strip_list.grid .desc {
    padding-left: 0;
    text-align: center;
}

.strip_list.grid .thumb_strip {
    display: block;
    position: static;
    margin: auto;
    margin-bottom: 15px;
    width: auto;
    height: auto;
    max-height: 340px;
}

.strip_list.grid .thumb_strip img {
    max-height: 340px;
    max-width: 280px;
}

.strip_list.grid .desc ul {
    margin: 10px 0 0 0;
}

/*4.3 General*/
a.load_more_bt {
    display: block;
    padding: 10px;
    text-align: center;
    border: 3px solid #fff;
    color: #555;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.load_more_bt:hover {
    background-color: #fff;
    color: #c30d14;
}

#tools {
    background: #fff;
    margin-bottom: 25px;
    height: 38px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ededed;
}

a.bt_filters {
    height: 36px;
    width: 36px;
    color: #555;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    float: right;
    font-size: 16px;
    border-left: 1px solid #ededed;
}

#tools .styled-select select {
    background: transparent;
    width: 115%;
    padding: 7px 5px 5px 15px;
    border: 0;
    border-radius: 0;
    height: 31px;
    margin: 0;
    font-weight: 600;
    font-size: 11px;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #444;
    box-shadow: none;
}

#tools .styled-select {
    width: 100%;
    overflow: hidden;
    height: 36px;
    background: url(../img/arrow_down.svg) no-repeat right center;
    border: none;
    border-right: 1px solid #ededed;
}

/*v1.2 Affix (fixed) sidebar*/
@media (min-width: 979px) {
    #cart_box.affix {
        position: fixed;
        top: 0;
        width: auto;

    }
}

@media (min-width: 992px) {
    .cart_basket {
        display: none;
    }
}

@media (max-width: 991px) {
    .header_title {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 800px) {
    .slider_header {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .slider_text {
        font-size: 18px;
    }
}

@media (max-width: 799px) and (min-width: 480px) {
    .slider_header {
        font-size: 25px;
        margin-bottom: 45px;
    }

    .slider_text {
        font-size: 15px;
    }

    .delivery_pickup {
        margin-top: 7px;
    }
}

@media (max-width: 477px) {
    .slider_header {
        font-size: 15px;
        margin-bottom: 45px;
    }

    .slider_text {
        font-size: 12px;
    }

    .delivery_pickup {
        margin-top: 7px;
    }
}

.affix, .affix-top {
    position: static;
}

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

.flip-clock-wrapper a:hover {
    color: #fff;
}

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

.flip-clock-meridium a {
    color: #313333;
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000;
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2;
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important;
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent;
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px;
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
}

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px;
}

.flip-clock-divider:first-child {
    width: 0;
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px;
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px;
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px;
}

.flip-clock-dot.top {
    top: 30px;
}

.flip-clock-dot.bottom {
    bottom: 30px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}