@import "../fonts/font-awesome/css/font-awesome.min.css";

@font-face {
    font-family: 'UTM Ong Do';
    src: url('https://ramenhouseraijin.com/wp-content/themes/rai-jin/css/skins/utm-ong-do-gia/utm-ong-do-gia-webfont.eot');
    src: url('../fonts/utm-ong-do-gia/utm-ong-do-gia-webfont.eot') format('embedded-opentype'),
        url('../fonts/utm-ong-do-gia/utm-ong-do-gia-webfont.woff') format('woff2'),
        url('../fonts/utm-ong-do-gia/utm-ong-do-gia-webfont.woff') format('woff'),
        url('../fonts/utm-ong-do-gia/utm-ong-do-gia-webfont.ttf') format('truetype'),
        url('../fonts/utm-ong-do-gia/utm-ong-do-gia-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lato Regular';
    src: url('../fonts/lato-regular/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular/lato-regular-webfont.eot#iefix') format('embedded-opentype'),
        url('../fonts/lato-regular/lato-regular-webfont.woff') format('woff2'),
        url('../fonts/lato-regular/lato-regular-webfont.woff') format('woff'),
        url('../fonts/lato-regular/lato-regular-webfont.ttf') format('truetype'),
        url('../fonts/lato-regular/lato-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lato Medium';
    src: url('../fonts/lato-medium/lato-medium-webfont.eot');
    src: url('../fonts/lato-medium/lato-medium-webfont.eot#iefix') format('embedded-opentype'),
        url('../fonts/lato-medium/lato-medium-webfont.woff') format('woff2'),
        url('../fonts/lato-medium/lato-medium-webfont.woff') format('woff'),
        url('../fonts/lato-medium/lato-medium-webfont.ttf') format('truetype'),
        url('../fonts/lato-medium/lato-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Table of Contents
------------------------------------------------------- *

        0. Bootstrap Fixes
        1. Less Variables & Mixins
        2. Header
        3. Links
        4. Carousel Wrapper
        5. Navigation Menu
        6. Slider
        7. Content
                7.1. Product Carousel
                7.2. Primary
                7.3. Secondary
        8. Pagination
        9. Footer
        10. HTML Markup and Formatting
        11. Widgets Style
        12. Comments
        13. Other
        14. Header Fixes for Responsive Part

/* 0. Bootstrap Fixes
-------------------------------------------------------	*/
body {
    background: #f7f7f7;
    color: #fff;
}
body.custom-background {
    background-size: cover;
}
.container {
    margin: auto;
}
code {
    white-space: pre-wrap !important;
    background: #f7f7f7;
}
.navbar-default .navbar-nav > li > a {
    color: none;
}
.navbar-default .navbar-nav > li > a:hover {
    color: none;
}
/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
    font-family: "Lato Regular", Times, serif;
}
.font-heading {
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
}
.font-title {
    font-family: "Lato Regular", Helvetica, sans-serif;
}
body {
    font-family: "Lato Regular", Times, serif;
}
#parallax-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
#page {
    position: relative;
    z-index: 888;
}
#page ::selection {
    background: #ff0700;
    color: white;
}
/* 2. Header-top
------------------------------------------------------- */
#header-top {
    background: #000000;
    background-image: url("../../images/bg-header-top.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
    padding-top: 53px;
}
#masthead {
    background-image: url("../../images/bg-menu.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
#masthead .menu-wrapper {
    position: relative;
}
.site-logo{
    position: absolute;
    top: -28px;
    z-index: 9;
}
.site-title {
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
    position: relative;
    margin: 0;
}
.site-title a {
    color: #ff0700;
    font-size: 29px;
    font-weight: 200;
}
.site-title a:hover {
    text-decoration: none;
}
.site-description {
    font-family: "Lato Regular", Helvetica, sans-serif;
    color: #b4b4b4;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
}
.main_logo {
    max-width: 590px;
}
@media screen and (max-width: 400px) {
    .main_logo {
        max-width: 320px;
    }
}
#social-icons {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 5px;
}
.social-icon {
    color: #999999;
    font-size: 32px;
    margin-right: 2px;
    padding: 0px 2px;
    position: relative;
    top: 0px;
    left: 0px;
    -webkit-transition: ease 0.4s all;
    transition: ease 0.4s all;
}
.social-icon:hover {
    color: #ec3c3c;
    text-shadow: 3px 3px 1px #818181;
    top: -1px;
    left: -1px;
}
a:hover .social-icon {
    text-decoration: none;
}
#masthead .order-top {
    position: absolute;
    top: -7px;
    right: 0;
    padding: 0;
    z-index: 9;
}
#masthead .order-top #text-order {
    font-family: "UTM Ong Do";
    stroke: #fff;
    stroke-linecap: round;
    stroke-width: 3px;
    stroke-linejoin: round;
    fill: none;
}
#masthead .order-top #text-order-shadow {
    font-family: "UTM Ong Do";
}
#masthead .order-top svg,
#masthead .order-top img { float: right }
#masthead .order-top svg { padding-top: 10px }
/* 3. Links
------------------------------------------------------- */
a {
    color: #ff0700;
}
a:hover,
a:focus,
a:active {
    color: #ec3c3c;
}
/* 4. Carousel Wrapper
------------------------------------------------------- */
#carousel-wrapper {
    margin-bottom: 55px;
}
#carousel-wrapper .bx-wrapper .bx-next {
    margin-right: 10px;
}
#carousel-wrapper .bx-wrapper .bx-viewport {
    box-shadow: none;
}
#carousel-wrapper .bx-wrapper .bx-viewport ul {
    margin-left: 0px;
}
/* 5. Navigation Menu 
-------------------------------------------------------	*/
/* Default Navigation */
.nav-wrapper {
    margin-bottom: 25px;
}
#site-navigation {
    clear: both;
    display: block;
    display: inline-block;
    padding-bottom: 0px;
    border: none;
    text-align: center;
    float: left;
    font-family: "UTM Ong Do", sans-serif;
}
#site-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding-bottom: 0px;
}
#site-navigation ul > li > a {
    font-size: 32px;
    line-height: 1;
    padding: 0;
    font-weight: normal;
}
#site-navigation ul li:hover > ul {
    /* Dropdown*/

    display: block;
}
#site-navigation ul ul {
    display: none;
    float: left;
    position: absolute;
    top: 49px;
    left: 0;
    z-index: 99999;
    background-image: url("https://ramenhouseraijin.com/wp-content/themes/rai-jin/images/bg-menu.png");
    background-repeat: round;
    background-position: 100% 0;
    background-size: cover;
    text-align: left;
    border: none;
    padding-top: 0px;
    box-shadow: 0px 5px 4px -4px #4a4a4a;
}
#site-navigation ul ul ul {
    left: 100%;
    border: none;
    top: 0;
}
#site-navigation ul ul a {
    min-width: 200px;
    max-width: 255px;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    padding: 8px 20px;
}
#site-navigation ul ul a:hover {
    border-bottom: none;
    padding: 8px 20px;
}
#site-navigation li {
    position: relative;
    clear: right;
    float: left;
    padding: 10px 20px;
}
#site-navigation li:first-child { padding-left: 0 }
#site-navigation li:last-child { padding-right: 0 }
#site-navigation li li { padding: 0 }
#site-navigation .nav .caret {
    display: none;
}
#site-navigation a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 16px 10px;
    font-weight: normal;
    font-weight: lighter;
}
#site-navigation a:hover {
    background: none;
    color: black;
}
#site-navigation ul ul a {
    border-bottom: none;
}
#site-navigation ul ul a:hover {
    border-bottom: none;
    background: none;
}
#site-navigation li:hover > a {
    background: none;
    color: black;
}
#site-navigation ul ul li:hover > a {
    border-bottom: none;
    padding: 8px 20px;
    border-top: none;
}
@media screen and (max-width: 991px) {
    #site-navigation {
        width: 100%;
    }
    #site-navigation .active > a,
    #site-navigation .current_page_item > a {
        border-top: solid 4px #ffffff;
        background: none;
    }
    #site-navigation ul {
        margin-left: 0px;
    }
    #site-navigation li:first-child { padding: 10px 20px; }
    #site-navigation ul ul {
        display: none;
    }
    #site-navigation li {
        display: block;
        width: 100%;
        text-align: left;
    }
    #site-navigation li:hover > a {
        border-top: none;
        padding-top: 20px;
    }
    #site-navigation li:hover ul {
        display: none !important;
    }
    #site-navigation .navbar-default .navbar-collapse {
        border-color: #ff0700;
    }
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
        font-size: 20px;
        padding-bottom: 10px;
        position: relative;
        top: -8px;
        /*width: 100%;*/
        float: left;
        margin: 10px 0 0;
    }
    h1.menu-toggle {
        width: 100%;
        text-align: right;
    }
    .menu-toggle:before {
        content: "\f0ca";
        font-family: "FontAwesome";
        height: 0;
        width: 0px;
        margin-right: 20px;
        position: relative;
    }
}
/* Small menu */
.menu-toggle {
    display: none;
    cursor: pointer;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .menu-toggle {
        display: block;
    }
}
/* 6. Slider
-------------------------------------------------*/
.slider-wrapper {
    margin: auto;
    margin-top: 0px;
    background: rgba(255, 255, 255, 0.8);
    padding-top: 0px;
    border-bottom: none;
    min-height: 368px;
    max-height: 368px;
}
.slider-wrapper .nivoSlider { margin: 0 !important }
.slider-wrapper .nivoSlider .nivocapper {
    background: transparent;
}
.slider-wrapper .nivo-caption .slide-title {
    font-family: "UTM Ong Do";
    color: #fff;
    font-size: 3.4em;
}
.slider-wrapper .slide-description {
    font-family: "Lato Medium", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
.slider-wrapper .nivo-directionNav { display: none }
.nivo-caption {
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 62px;
    margin-left: auto;
    margin-right: auto;
    background: none !important;
    text-align: center;
    /* max-width: 900px; */
    color: #fff;
}
.nivo-caption a {
    display: inline-block;
}
.nivo-caption a:hover { text-decoration: none }
.nivo-html-caption {
    display: none;
}
.nivocapper {
    /* Component Responsible for Dropping Caption */

    display: inline-block;
    background: red;
    background: rgba(0, 0, 0, 0.85);
    padding: 5px 35px;
    margin-top: -10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.slide-title {
    font-size: 36px;
    display: block;
}
div.slide-description {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-controlNav {
    margin-top: -46px;
    z-index: 99999;
}
.nivo-imageLink {
    z-index: 99999;
}
.slider-wrapper .nivo-controlNav { display: none }
@media screen and (max-width: 768px) {
    div.slide-title {
        font-size: 18px;
    }
    div.slide-description {
        font-size: 13px;
    }
}
/* 7. Content 
------------------------------------------------------- */
#content {
    position: relative;
    background-image: url('../../images/bg-middle.jpg');
    background-repeat: repeat;
    background-position: top center;
    background-attachment: scroll;
    background-size: cover;
    padding-top: 15px;
    margin-top: -85px;
    z-index: 99;
}
/* 7.1 Product Carousel
------------------------------------------------------- */
section.product-carousel {
    margin-top: -110px;
    text-align: center;
    margin-bottom: 40px;
}
#owl-product { position: relative }
#owl-product .product-box h3 {
    font-size: 18px;
    width: 70%;
    margin: 10px auto;
    line-height: 1.3;
}
#owl-product .product-box .product-price {
    position: absolute;
    background-color: #dc352f;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 10px;
    top: 15px;
    left: 30px;
}
#owl-product .owl-controls {
    position: absolute;
    width: 100%;
    top: 80px;
    margin: 0;
}
#owl-product .owl-controls .owl-nav i {
    font-size: 32px;
    font-weight: bolder;

}
#owl-product .owl-controls .owl-prev {
    position: absolute;
    top: 0;
    left: 0;
}
#owl-product .owl-controls .owl-next {
    position: absolute;
    top: 0;
    right: 0;
}

.carousel-bottom{
    width: 80%;
    border-top: 1px solid #2d2d2d;
    margin:0 auto 20px;
}
.carousel-bottom .border-line {
    border-bottom: 1px solid #141414;
}
/* 7.2 Primary 
------------------------------------------------------- */
#primary {
    padding: 20px 15px;
    background: transparent;
    padding-top: 10px;
}
.byline {
    display: inline;
}
.single .fa-clock-o:before,
.single .fa-user:before {
    color: #ff0700 !important;
}
article.archive .article-rest {
    padding: 0;
    margin: auto;
    display: none;
}
.featured-thumb {
    margin: auto;
    margin-top: 35px;
    overflow: hidden;
    width: 95%;
    padding: 0px;
}
.featured-thumb .img-meta {
    position: absolute;
    z-index: 9999;
    background: rgba(0, 210, 222, 0.5);
    width: 100%;
    height: 100%;
    left: 0px;
    display: none;
    text-align: center;
}
.featured-thumb .img-meta .meta-icon {
    display: inline-block;
    font-size: 24px;
    width: 36px;
    background: #00595e;
    border-radius: 4px;
    margin-top: 150px;
}
.featured-thumb .img-meta .meta-link {
    padding: 15px 25px;
    color: #00bfc9;
    padding-left: 26px;
}
.featured-thumb .img-meta .meta-link:hover {
    color: #02f2ff;
    text-decoration: none;
}
.featured-thumb .img-meta .meta-link i {
    position: relative;
    left: -19px;
}
.featured-thumb .img-meta .meta-link .icon-link {
    left: -17px;
}
.featured-thumb .img-meta .img-meta-img .meta-link {
    padding-left: 24px;
}
.featured-thumb:hover .img-meta {
    background: rgba(0, 210, 222, 0.65);
}
.featured-thumb:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform:scale(1.05);;
    transform: scale(1.05);
    opacity: 0.98;
}
.featured-thumb img {
    margin-bottom: 0px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    min-width: 100%;
    height: auto;
}
.archive .entry-title a {
    display: block;
    font-size: 26px;
    color: #000000;
    color: #ff0700;
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
}
.archive .entry-title a:hover {
    color: #ec3c3c;
}
.archive .entry-meta {
    font-size: small;
    color: #ff0700;
    /* border-bottom: solid 6px lighten(@sidebar-link-color,25%); */

    padding-bottom: 15px;
    color: #999999;
}
.archive .entry-meta a {
    color: #999999;
}
.archive .entry-meta .posted-on {
    margin-right: 6px;
}
.archive .entry-header {
    padding: 0 15px;
    margin-bottom: -30px;
}
.blog .entry-title,
.search .entry-title,
body.archive .entry-title {
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
    padding-bottom: 0px;
    display: block;
}
.tag .entry-meta {
    border-bottom: none;
}
.cat-page-title {
    margin: 20px 0px !important;
}
.single .entry-h1,
.page .entry-h1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: block;
}
.single .entry-h1 h1,
.page .entry-h1 h1 {
    font-size: 30px;
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
}
.single .entry-h1:after,
.page .entry-h1:after {
    content: "";
    clear: both;
    width: 92%;
    height: 6px;
    position: absolute;
    margin-left: 1%;
    margin-top: 10px;
    /* border-bottom: double 6px lighten(@sidebar-link-color,25%); */

}
.single .entry-title,
.page .entry-title {
    color: #fff;
    line-height: 1.6em;
    font-family: "UTM Ong Do";
    font-size: 44px;
}
.page .entry-title { text-align: center }
.entry-content {
    line-height: 1.8em;
    color: #fff;
}
.comments-link {
    float: right;
}
.entry-meta {
    color: #999999;
}
.entry-meta .posted-on {
    margin-right: 10px;
}
.entry-meta .edit-link {
    float: right;
}
.entry-meta .fa-tags {
    margin-left: 10px;
}
footer.entry-meta {
    margin-top: 25px;
}
.single article.post,
.page article.post {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.single .entry-meta,
.page .entry-meta {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 15px;
}
.single footer.entry-meta,
.page footer.entry-meta {
    border-bottom: none;
    padding-bottom: 0px;
}
#nav-below {
    margin-top: 30px;
    margin-bottom: 20px;
}
#nav-below a {
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
}
.featured-image-single {
    text-align: center;
    margin: 30px auto;
    margin-top: 20px;
}
.featured-image-single img {
    max-width: 98%;
    /*box-shadow: 0px 25px 6px -20px #888888;*/
    margin-bottom: 15px;
    border-radius: 5px;
}
h1.page-title {
    text-transform: uppercase;
    color: #999999;
    font-family: "Lato Regular", Times, serif;
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 4px #999999;
    margin-top: -15px;
}
.page-header {
    border-bottom: 0px;
}
@media screen and (max-width: 480px) {
    .featured-thumb .img-meta .meta-icon {
        margin-top: 30px;
    }
}
#primary-home article {
    padding: 0px;
}
#primary-home .article-wrapper {
    width: 98%;
    background: transparent;
    height: 100%;
}
#primary-home .featured-thumb {
    margin-top: 0px;
    width: 50%;
}
#primary-home .entry-title a {
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    line-height: 1.3em;
    text-transform: uppercase;
}
#primary-home .entry-title a:hover {
    text-decoration: none;
    color: #ec3c3c;
}
#primary-home .entry-meta {
    margin-top: 8px;
    font-size: 12px;
    color: #999999;
    display: block;
    border-bottom: solid 1px #ccc;
    padding-bottom: 6px;
}
#primary-home .entry-meta a {
    color: #999999;
}
#primary-home .entry-content {
    margin: 0;
    line-height: 1.7em;
}
#primary-home h1.entry-title {
    margin-bottom: 0px;
    margin-top: 15px;
}
#primary-home h1.entry-title:after {
    content: none;
}
#primary-home .entry-meta {
    font-size: small;
    color: #ff0700;
    border-bottom: solid 1px #d9d9d9;
    color: #999999;
}
#primary-home .entry-meta a {
    color: #999999;
}
#primary-home .entry-meta .posted-on {
    margin-right: 6px;
}
#primary-home .entry-header {
    padding: 0;
    margin-bottom: 0;
}
#primary-home .page-title {
    font-family: "UTM Ong Do";
    margin-top: 0;
    text-align: center;
    font-size: 44px;
}
/*---- Page Menu ----*/
#page-menu .ver-mobile{
    display: none;
    text-align: center;
}
#page-menu .ver-mobile img {
    margin-bottom: 15px;
}
/* 7.3 Secondary 
------------------------------------------------------- */
#secondary,
#footer-sidebar {
    padding: 20px 10px;
}
#secondary ul,
#footer-sidebar ul {
    list-style: none;
    margin-left: 5px;
}
#secondary ul li:before,
#footer-sidebar ul li:before {
    margin-right: 5px;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #999999;
}
#secondary ul li,
#footer-sidebar ul li {
    margin-bottom: 8px;
}
#secondary ul ul,
#footer-sidebar ul ul {
    margin-left: 15px;
}
#secondary ul ul li:before,
#footer-sidebar ul ul li:before {
    content: "\f111";
    font-size: 5px;
    position: relative;
    top: -3px;
}
#secondary ul ul ul,
#footer-sidebar ul ul ul {
    margin-left: 5px;
}
#secondary .widget_recent_entries li:before,
#footer-sidebar .widget_recent_entries li:before {
    content: "\f0f6";
}
#secondary .widget_recent_entries li,
#footer-sidebar .widget_recent_entries li {
    border-bottom: solid 1px #ffffff;
    padding: 5px 0px;
}
#secondary .widget_recent_comments li:before,
#footer-sidebar .widget_recent_comments li:before {
    content: "\f075";
    font-size: 12px;
    position: relative;
    top: -2px;
}
#secondary .widget_calendar caption,
#footer-sidebar .widget_calendar caption {
    font-weight: bold;
    margin-bottom: 7px;
}
#secondary .widget_calendar table,
#footer-sidebar .widget_calendar table {
    padding: 5px;
    text-align: center;
    background: #fff;
}
#secondary .widget_calendar thead,
#footer-sidebar .widget_calendar thead {
    border-bottom: solid 1px #ec3c3c;
}
#secondary .widget_calendar thead th,
#footer-sidebar .widget_calendar thead th {
    background: #ddd;
    padding: 5px;
    text-align: center;
}
#secondary .widget_calendar tr td,
#footer-sidebar .widget_calendar tr td {
    padding: 8px !important;
    background: #eee;
    margin: 4px;
    text-align: center;
}
#secondary .widget_calendar #prev,
#footer-sidebar .widget_calendar #prev {
    text-align: left;
}
#secondary .widget_calendar #next,
#footer-sidebar .widget_calendar #next {
    text-align: right;
}
#secondary h1.widget-title,
#footer-sidebar h1.widget-title {
    font-size: 25px;
    font-weight: normal;
    padding: 0 5px;
    margin-top: 0px;
    color: #fff;
    font-family: "UTM Ong Do", sans-serif;
    font-size: 32px;
}
#footer-sidebar h1.widget-title {
    text-align: center;   
}
#secondary .widget_search label,
#footer-sidebar .widget_search label {
    width: 100%;
}
#secondary .widget_search form,
#footer-sidebar .widget_search form {
    width: 100%;
    padding: 10px 5px;
}
#secondary .widget_search input[type=submit],
#footer-sidebar .widget_search input[type=submit] {
    display: none;
}
#secondary .widget_search input[type=text],
#footer-sidebar .widget_search input[type=text] {
    display: block;
    min-width: 96%;
    margin-left: 20px;
}
#secondary select#cat,
#footer-sidebar select#cat {
    margin-bottom: 10px;
    margin-left: 10px;
}
#secondary .widget,
#footer-sidebar .widget {
    margin-top: 15px;
    padding: 10px;
}
#secondary .widget a,
#footer-sidebar .widget a {
    color: #999999;
}
#secondary .widget > div,
#footer-sidebar .widget > div {
    padding: 7px;
}
#footer-sidebar {
    clear: both;
    padding: 0px;
    background-image: url('../../images/bg-footer.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
#footer-sidebar .widget {
    padding-top: 0px;
    margin: 0px;
}
#footer-sidebar .footer-column {
    margin: 0 0 1.5em 0;
    padding: 0 5px;
}
#footer-sidebar .footer-map {
    background-image: url('../../images/bg-map.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    -webkit-perspective: 150px; /* Chrome, Safari, Opera  */
    perspective: 150px;
}
#footer-sidebar .footer-map .map {
    padding: 15px 20px 5px;
    width: 88%;
    margin: 0 auto;
    -webkit-transform: rotateX(5deg);
    -ms-transform: rotateX(5deg);
    transform: rotateX(5deg);
}
#footer-sidebar .footer-map { margin-top: 15px }
#footer-sidebar .business-hours { text-align: center }
#footer-sidebar .business-hours .open-hours { padding-top: 2.2em }
#footer-sidebar .business-hours .open-hours p,
#footer-sidebar .footer-contact p {
    margin: 0;
    font-size: 15px;
}
#footer-sidebar .footer-contact {
    padding-top: 2.2em;
    text-align: center;
}
/* 8. Pagination
-----------------------------------------------*/
.pagination {
    margin: 20px 0;
    width: 100%;
    margin-left: -20px;
    text-align: center;
    clear: both;
}
.pagination ul {
    list-style: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a {
    color: #eeeeee;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pagination ul > li > a .next {
    float: right;
}
.pagination ul > li > a:hover {
    color: #ff0700;
    background: #eee;
}
.pagination .current {
    background: #ec3c3c;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: solid 1px #f1f1f1;
    border-left-width: 0;
    display: inline-block;
    color: #27979d;
}
.pagination ul  > li:first-child  > a,
.pagination ul  > li:first-child  > span {
    border-left-width: 1px;
}
.pagination ul  > li:last-child  > a,
.pagination ul  > li:last-child  > span {
    border-rigth-width: 1px;
}
/* 9. Footer 
------------------------------------------------------- */
#colophon {
    display: inline-block;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
#colophon p {
    margin: 0;
    padding-top: 10px;
}
.sep {
    font-size: 8px;
    position: relative;
    top: -2px;
    padding: 0 5px;
    color: #999999;
}
#colophon #footertext {
    width: 75%;
    margin: 0 auto;
    border-top: 1px solid #2d2d2d;
    text-align: center;
}
#colophon #footertext .border-line {
    border-top: 1px solid #141414;
}
#colophon #footertext a { color: #fff }
#colophon #footertext a:hover { color: #ccc }

/* 10. HTML Markup & Formatting
--------------------------------------------------- */
article table {
    background: #f7f7f7;
}
article table td {
    padding: 5px;
    border: solid 1px #eee;
}
article table th {
    padding: 5px;
    background: #ccc;
    border: solid 1px #ccc;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    color: #595959;
}
article blockquote {
    font-family: "Lato Regular", Arial, Helvetica, sans-serif;
}
article code {
    background: #14a8b0;
    color: #000000;
}
/* 11. Widgets Style
---------------------------------------------------- */
.rp-item {
    display: block;
    clear: both;
    overflow: auto;
    margin-bottom: 8px;
    border-bottom: solid 1px #ffffff;
    padding-bottom: 5px;
}
.rp-item:before {
    content: none !important;
}
.rp-thumb {
    float: left;
    width: 64px;
    margin-right: -5px;
    margin-top: 3px;
}
.rp-thumb img {
    width: 48px;
    border: solid 2px #eee;
    border-radius: 2px;
}
.rp-thumb rp-title {
    clear: none;
}
.rp-thumb rp-title a {
    display: block;
}
/* 12. Comments
---------------------------------------------------------- */
#respond input[type=text] {
    max-width: 450px;
}
#comments ol.comment-list {
    list-style: none;
}
#comments li.comment {
    border: solid 1px #eee;
    padding: 10px;
    margin-top: 15px;
    list-style: none;
    background: #f9f9f9;
}
#comments .vcard img {
    border: solid 4px #ffffff;
    border-radius: 5px;
    margin: 0 10px 10px 0;
}
#comments .comment-metadata {
    font-weight: bold;
}
@media screen and (max-width: 480px) {
    li.comment {
        margin-left: -5%;
    }
}
/* 13. Other
 -------------------------------------------------------------- */
/*---Page Home---*/
#primary-home .col {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
}
#primary-home article.homa {   height: 165px !important;}
#primary-home .home-left .article-rest {
    text-align: right;
    padding-left: 15px;
}
#primary-home .home-right { float: right}
#primary-home .home-right .article-wrapper,
#primary-home .home-right .featured-thumb {float: right}
#primary-home .home-right .article-rest { padding-right: 15px }
#primary-home .home-galary .title-gallery {
    float: left;
    font-family: "UTM Ong Do";
    font-size: 42px;
    text-transform: uppercase;
    line-height: 0.8;
}
#primary-home .home-galary .sub-title {
    float: left;
    width: 70%;
    margin: 0px 30px;
    display: none;
}
#primary-home .home-galary .more-gallery {
    background-image: url("../../images/btn-gallery.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-family: "Lato Medium", Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px;
    float: right;
}
#primary-home .home-galary #unitegallery_2_1 {
    margin-top: 30px !important;
    height: 175px !important;
}
#primary-home .home-galary #unitegallery_2_1 .ug-tile-navigation-wrapper { display: none}
/*---Gallery Home---*/
.gallery-wapper .title-gallery {
    float: left;
    font-family: "UTM Ong Do";
    font-size: 42px;
    text-transform: uppercase;
    line-height: 1;
}
.gallery-wapper .sub-title {
    float: left;
    width: 68%;
    margin-left: 30px;
}
.gallery-wapper #unitegallery_1_1 {
    margin-top: 40px !important;
}
/*---Reservation Form---*/
input, select, textarea { color: #999999 }
#reservation-form input[type="text"],
#reservation-form input[type="date"],
#reservation-form input[type="tel"],
#reservation-form input[type="number"]{
    width: 100%;
    height: 44px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 4px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}
#reservation-form input[type="text"]:focus,
#reservation-form input[type="date"]:focus,
#reservation-form input[type="tel"]:focus,
#reservation-form input[type="number"]:focus {
    border:1px solid #f50f0f;
    outline: none;
}
#reservation-form .row-4 {
    margin-top: 10px;
    text-align: center;
}
#reservation-form .row-4 input[type="submit"]{
    background-color: #f50f0f;
    border: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    padding: 1.2em .8em;
}
#reservation-form .row-4 input[type="submit"]:focus { outline: none }
#reservation-form .row-4 input[type="submit"]:hover {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
#wpcf7-f87-p10-o1 div.wpcf7-mail-sent-ok,
#wpcf7-f87-p10-o1 div.wpcf7-validation-errors{
    float: left;
    width: 100%;
    text-align: center;
}
.page-id-8 .ug-textpanel { display: none !important }

/* 14. Header Fixes for Responsive Part
 -------------------------------------------------------------- */
@media screen and (max-width: 1199px) {
    .site-logo {
        top: -25px;
    }
    .main_logo {
        width: 100%
    }
    #owl-product .product-box .product-price {
        left: 15px;
    }
    #primary-home .home-galary .sub-title { width: 63% }
}
@media screen and (min-width: 992px) {
    #site-navigation ul.menu {
        display: block;
    }
}
@media screen and (max-width: 991px) {
    .site-logo {
        top: -22px;
    }
    h1.site-title,
    #social-icons {
        display: block;
        text-align: center;
        padding: 5px;
    }
    #top-bar {
        padding-bottom: 5px;
    }
    div.slide-description {
        display: none;
    }
    div.slide-title {
        font-size: 12px;
    }
    .nivo-caption {
        max-width: 400px;
        max-width: 75%;
        min-width: 200px;
    }
    #site-navigation ul.menu,
    #site--navigation div.menu {
        display: none;
    }
    #site-navigation ul.menu li a,
    #site--navigation div.menu li a {
        font-size: 28px;
        padding: 10px;
    }
    #site-navigation ul.menu li:hover a,
    #site--navigation div.menu li:hover a {
        border-bottom: none;
        padding-bottom: 25px;
        padding: 10px;
    }
    .home-galary { margin-top: 20px }
    #footer-sidebar {
        background: transparent;
    }
    #footer-sidebar h1.widget-title {
        background-image: url('../../images/bg-footer.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    #footer-sidebar .footer-map {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 767px) {
    .site-logo {
        top: -24px;
    }
    .main_logo {
        width: 170px;
    }
    #owl-product .product-box .product-price {
        left: 10px;
    }
    #page-menu .ver-destop {
        display: none;
    }
    #page-menu .ver-mobile {
        display: block;
    }
    #footer-sidebar .footer-map {
        width: 57%;
    }
    #reservation-form input { margin-bottom: 10px }
    #colophon .f1,
    #colophon .f2 {
        width: 100%;
        display: inline-block;
    }
}
@media screen and (max-width: 600px) {
    #footer-sidebar .footer-map{
        width: 77%;
    }
}
@media screen and (max-width: 560px) {
    .site-logo {
        top: -20px;
    }
    .main_logo {
        width: 118px;
    }
    #primary-home article.homa {
        height: auto !important;
    }
}
@media screen and (max-width: 492px) {
    .nivo-caption{ margin-top: 15px }
    .slider-wrapper .nivo-caption .slide-title { font-size: 2.4em }
}
@media screen and (max-width: 470px) {
    #footer-sidebar .footer-map{
        width: 100%;
    }
}
@media screen and (max-width: 426px) {
    .site-logo {
        top: -15px;
    }
    .main_logo {
        width: 90px;
    }
    #masthead .order-top img { display: none }
}
@media screen and (max-width: 400px) {
    #top-search input[type=text] {
        width: 250px;
    }
}