/* Minification failed. Returning unminified contents.
(49,1): run-time error CSS1019: Unexpected token, found '@import'
(49,9): run-time error CSS1019: Unexpected token, found '"https://fonts.googleapis.com/css?family=Open+Sans:600, 700, 800"'
(49,74): run-time error CSS1019: Unexpected token, found ';'
(2000,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2034,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2102,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2359,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2360,8): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2367,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2368,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2383,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2384,8): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@import "https://fonts.googleapis.com/css?family=Open+Sans:600, 700, 800";

html {
    margin: 0
}

body {
    margin: 0;
    padding: 0;
    background: url(contents/images/bodybg.png) top center;
    height: 100vh;
    text-align: center;
    font-family: 'OpenSans',sans-serif;
	color:#4c453f;
}

header {
    background-color: #4c453f;
    padding: 40px 0;
    text-align: center
}

p {
    font-family: 'OpenSans',sans-serif;
    font-size: 14px;
    line-height: 23px
}

h1 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 600;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: 5px solid #f15a38;
    padding-bottom: 8px;
}

h2 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 25px
}

h3 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px
}

h4 {
    font-family: 'OpenSans',sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px
}

img {
    width: 100%
}

.wrapper {
    margin-bottom: 30px
}

.wrapper.locations{margin-bottom:0;}

.slider {
    width: 100%;
    z-index: 99
}

.slick-slide img {
    width: 100%
}

.slick-prev:before, .slick-next:before {
    color: #4c453f
}
/*.slick-slide{transition:all ease-in-out .3s;opacity:.2}*/
/*.slick-active{opacity:.5}*/
/*.slick-current{opacity:1}*/
.home #cssmenu li.menu_01 a, .about #cssmenu li.menu_02 a, .sushimenu #cssmenu li.menu_03 a, .newspress #cssmenu li.menu_04 a, .careers #cssmenu li.menu_05 a, .locations #cssmenu li.menu_06 a, .contact #cssmenu li.menu_07 a {
    font-weight: 700;
    color: #f15a38;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #cssmenu #menu-button {
        display: none
    }

#cssmenu {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 12px;
    background: #4c453f;
    max-width: 800px;
    margin: 0 auto;
    border-top: 1px solid #f15a38;
    z-index: 8000
}

    #cssmenu > ul > li {
        display: inline-block
    }

    #cssmenu.align-center > ul {
        font-size: 0;
        text-align: center
    }

        #cssmenu.align-center > ul > li {
            display: inline-block;
            float: none
        }

    #cssmenu.align-center ul ul {
        text-align: left
    }

    #cssmenu.align-right > ul > li {
        float: right
    }

    #cssmenu > ul > li > a {
        padding: 17px;
        font-size: 13px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #FFF;
        font-weight: 700
    }

    #cssmenu > ul > li:hover > a {
        color: #f15a38;
    }

    #cssmenu > ul > li.has-sub > a {
        padding-right: 30px
    }

        #cssmenu > ul > li.has-sub > a:after {
            position: absolute;
            top: 22px;
            right: 11px;
            width: 8px;
            height: 2px;
            display: block;
            background: #ddd;
            content: ''
        }

        #cssmenu > ul > li.has-sub > a:before {
            position: absolute;
            top: 19px;
            right: 14px;
            display: block;
            width: 2px;
            height: 8px;
            background: #ddd;
            content: '';
            -webkit-transition: all .25s ease;
            -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
            -o-transition: all .25s ease;
            transition: all .25s ease
        }

    #cssmenu > ul > li.has-sub:hover > a:before {
        top: 23px;
        height: 0
    }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
        border-top: 1px solid #f15a38
    }

    #cssmenu.align-right ul ul {
        text-align: right
    }

    #cssmenu ul ul li {
        height: 0;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        border-bottom: 1px solid #FFF
    }

    #cssmenu li:hover > ul {
        left: auto
    }

    #cssmenu.align-right li:hover > ul {
        left: auto;
        right: 0
    }

    #cssmenu li:hover > ul > li {
        height: 35px
    }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }

    #cssmenu.align-right ul ul ul {
        margin-left: 0;
        margin-right: 100%
    }

    #cssmenu ul ul li a {
        padding: 11px 15px;
        width: 170px;
        font-size: 12px;
        text-decoration: none;
        color: #ddd;
        font-weight: 700;
        background: #4c453f
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #f15a38
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu.align-right ul ul li.has-sub > a:after {
        right: auto;
        left: 11px
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease
    }

    #cssmenu.align-right ul ul li.has-sub > a:before {
        right: auto;
        left: 14px
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0
    }

ul.secondcol {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0
}

    ul.secondcol li {
        display: inline-block;
        margin: 0 10px
    }

        ul.secondcol li img {
            width: 100%
        }

        ul.secondcol li a {
            text-decoration: none;
            color: #4c453f;
            font-family: 'Open Sans',sans-serif;
            font-weight: 600
        }

            ul.secondcol li a span {
                display: block
            }

    ul.secondcol li {
        display: inline-block;
        width: 20%
    }

header .logo {
    width: 280px;
    padding-bottom: 25px
}

.about .contents {
    padding: 40px 0;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto
}

.about .banner {
    width: 100%
}

.about .about_history, .about .our_brands {
    text-align: center
}

    .about .about_history ul li {
        width: 23%;
        display: inline-block;
        vertical-align: top;
        padding-right: 2%;
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px
    }

        .about .about_history ul li:last-child {
            padding-right: 0
        }

        .about .about_history ul li img {
            display: block;
            width: 200px;
            margin: 0 auto;
            padding-bottom: 20px
        }

    .about .about_history .mobimg {
        display: none
    }

    .about .about_history .desktopimg {
        display: block
    }

    .about .about_history ul li span {
        vertical-align: top
    }

.about .introduction {
    text-align: center; /*background-color:#f5f5f5;*/
    position: relative;
    padding: 40px 0
}

    .about .introduction h1 {
        font-size: 41px
    }

    .about .introduction .inner {
        padding: 0 40px;
        position: relative
    }

        .about .introduction .inner .left {
            display: inline-block;
            text-align: right;
            position: relative;
            position: relative;
            width: 40%;
            margin: 0 auto
        }

        .about .introduction .inner .right {
            display: inline-block;
            text-align: left;
            position: relative;
            position: relative;
            width: 40%;
            margin: 0 auto
        }

    .about .introduction .videoWrapper {
        position: relative;
        width: 50%;
        height: auto;
        text-align: left;
        display: inline-block;
        margin: 5px
    }

        .about .introduction .videoWrapper .rwd-media {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%
        }

            .about .introduction .videoWrapper .rwd-media iframe, .about .introduction .videoWrapper .rwd-media video {
                position: absolute;
                width: 100%;
                height: 100%
            }

    .about .introduction .dollimgleft {
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 35%
    }

    .about .introduction .dollimgright {
        position: absolute;
        bottom: 0;
        right: 5%;
        width: 35%
    }

.about .our_brands {
    text-align: center
}

    .about .our_brands .left_col, .about .our_brands .right_col {
        display: inline-block;
        margin-bottom: 20px
    }

    .about .our_brands .left_col {
        padding-right: 2%
    }

        .about .our_brands .left_col img, .about .our_brands .right_col img {
            width: 180px;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 10px
        }

    .about .our_brands .brand_describe {
        width: 315px;
        display: inline-block;
        vertical-align: top;
        text-align: justify;
        padding-left: 20px
    }

.sushimenu .contents {
    text-align: center;
    width: auto;
    padding: 0;
    max-width: 1366px;
    margin: 0 auto;
}

.sushimenu h1 {
    text-align: center;
    margin: 20px auto;
    letter-spacing: 3px;
    padding-top: 10px;
}

    .sushimenu h1 span {
        width: 80px;
        margin: 5px auto;
    }

.sushimenu .iconstop {
    padding: 40px 0;
    max-width: 1366px;
    margin: 0 auto;
    background: url(contents/images/bodybg.png);
}

    .sushimenu .iconstop ul {
        margin: 0 auto;
    }

        .sushimenu .iconstop ul li {
            display: inline-block;
            width: 15%;
        }

            .sushimenu .iconstop ul li img {
                height: 55px;
                width: auto;
                display: block;
                margin: 10px auto;
            }

            .sushimenu .iconstop ul li a {
                font-weight: 700;
                color: #4c453f;
                text-decoration: none;
                text-transform: uppercase;
                letter-spacing: 2px;
                padding: 5px 0;
                display: block;
            }

                .sushimenu .iconstop ul li a span {
                    border-bottom: 2px solid transparent;
                    padding: 5px 0;
                }

                .sushimenu .iconstop ul li a:hover span {
                    border-bottom: 2px solid #f15a38;
                }

    .sushimenu .iconstop.cloned {
        padding: 20px 0;
    }

.sushimenu .contents ul {
    width: 90%;
    max-width: 1366px;
    margin: 0 auto;
    text-align: left;
}

    .sushimenu .contents ul li {
        width: 19.5%;
        display: inline-block;
        margin: 0 0 40px
    }

.sushimenu .contents .sushi-name {
    height: 65px;
    line-height: 62px;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

    .sushimenu .contents .sushi-name span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal
    }

.sushimenu .contents span.red_note {
    position: absolute;
    left: 2%;
    top: 70px;
    font-size: 10px;
    text-align: center;
    color: #f15a38;
    right: 2%
}

.promotions {
    width: 90%;
    margin: 40px auto;
}

    .promotions .fancybox-thumbs {
        display: inline-block;
        vertical-align: top;
        width: 90%;
        margin: 0 auto;
    }

    .promotions h1 {
        margin-top: 40px;
        font-size: 25px;
    }

.newsSection .promo_slider {
    width: 95%;
    margin: 0 auto;
    max-width: 1200px
}

    .newsSection .promo_slider .promo {
        width: 23%;
        margin: 10px;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

        .newsSection .promo_slider .promo .hover {
            position: absolute;
            display: none;
            background: url(contents/images/hover.png)no-repeat center center;
            background-size: cover;
            padding: 70% 50%;
        }

        .newsSection .promo_slider .promo:hover .hover {
            display: block;
        }

    .newsSection .promo_slider img {
        width: 100%;
        margin: 0 auto
    }

    .newsSection .promo_slider .promo .details {
        font-family: 'OpenSans',sans-serif;
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;
        margin-top: 10px;
    }

    .newsSection .promo_slider .promo .duration {
        font-family: 'OpenSans',sans-serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        text-transform: uppercase;
        margin-top: 10px;
        color: #f15a38;
        width: 70%;
        margin: 10px auto;
    }

.pressSection .promo_slider {
    width: 95%;
    margin: 0 auto;
    max-width: 1200px
}

    .pressSection .promo_slider .promo {
        width: 23%;
        margin: 10px;
        display: inline-block;
        vertical-align: top;
    }

    .pressSection .promo_slider img {
        width: 100%;
        margin: 0 auto
    }

    .pressSection .promo_slider .promo a {
        text-decoration: none;
    }

        .pressSection .promo_slider .promo a .details {
            font-family: 'OpenSans',sans-serif;
            font-weight: 600;
            font-size: 15px;
            line-height: 18px;
            margin-top: 10px;
            color: #4c453f;
            text-decoration: none;
        }

        .pressSection .promo_slider .promo a .duration {
            font-family: 'OpenSans',sans-serif;
            font-weight: 600;
            font-size: 12px;
            line-height: 15px;
            text-transform: uppercase;
            margin-top: 10px;
            color: #f15a38;
            text-decoration: none;
        }

    .pressSection .promo_slider .promo:hover img {
        -webkit-box-shadow: 0 0 11px rgba(33,33,33,.2);
        -moz-box-shadow: 0 0 11px rgba(33,33,33,.2);
        box-shadow: 0 0 11px rgba(33,33,33,.2);
    }

.fbinsta {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
	font-size:0;
}

    .fbinsta .facebook {
        width: calc(50% - 50px);
        display: inline-block;
        vertical-align: top;
		margin:0 25px;
    }

        .fbinsta .facebook .container {
            width: 100%;
            height: 500px;
        }

    .fbinsta .instagram {
        width: calc(50% - 50px);
        display: inline-block;
        vertical-align: top;
		margin:0 25px;
    }

        .fbinsta .instagram .container {
            width: 100%;
            margin: 0 auto;
        }

        .fbinsta .instagram .instagramPhoto {
            display: inline-block;
            width: 30%;
            margin: 1px;
        }
.fbinsta .instagram h1{margin-bottom:0 !important;}
.fb_iframe_widget iframe{width:100% !important;}
.careers .contents {
    padding: 40px;
    max-width: 1366px;
    margin: 0 auto;
}

.careers .ans p a {
    text-decoration: none;
    color: #f15a38;
    word-wrap: break-word;
}

.careers a.btn_01.white {
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #FFFFFF;
    background: #4c453f;
    display: inline-block;
    margin-bottom: 20px;
}

    .careers a.btn_01.white:hover {
        background: #f15a38;
    }

.careers .career_slider {
    width: 95%;
    max-width: 780px;
    margin: 0 auto
}

    .careers .career_slider .slick-prev:before, .careers .career_slider .slick-next:before {
        color: #3c3c3d;
        font-size: 50px
    }

    .careers .career_slider .slick-prev, .careers .career_slider .slick-next {
        position: absolute;
        display: block;
        height: 100px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        margin-top: -10px;
        padding: 0;
        border: 0;
        outline: 0
    }

    .careers .career_slider .slick-prev {
        left: 0
    }

    .careers .career_slider .slick-next {
        right: 0
    }

    .careers .career_slider .slick-dots li button:before {
        font-size: 40px
    }

    .careers .career_slider .slick-dots li.slick-active button::before {
        color: #e60013
    }

.careers .career_apply {
    display: inline-block;
    vertical-align: top;
    width: 48%
}

.careers .applybtn {
    margin-top: 20px;
    text-align: center
}

.careers .faq {
    float: right;
    vertical-align: top;
    width: 50%
}

    .careers .faq ul {
        padding: 30px;
    }

        .careers .faq ul li {
            margin-bottom: 25px
        }

            .careers .faq ul li:last-child {
                margin-bottom: 0
            }

            .careers .faq ul li .qn {
                font-weight: 600;
                margin-bottom: 5px
            }

.overseas .contents {
    padding: 40px 0;
    max-width: 1366px;
    width: 90%;
    margin: 0 auto;
}

.overseas .world-corporate {
    text-align: center
}

    .overseas .world-corporate .desktop-map a {
        color: #4c453f
    }

    .overseas .world-corporate .desktop-map .country {
        position: absolute;
        border: 2px solid #999;
        background-color: #fff;
        text-align: left;
        border-radius: 20px;
        padding: 2px 15px
    }

        .overseas .world-corporate .desktop-map .country span {
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 400
        }

            .overseas .world-corporate .desktop-map .country span:hover {
                font-weight: 700
            }

            .overseas .world-corporate .desktop-map .country span.dot {
                width: 9px;
                height: 9px;
                border-radius: 50%;
                display: inline-block;
                vertical-align: middle
            }

            .overseas .world-corporate .desktop-map .country span:before, .overseas .world-corporate .desktop-map .country span:after {
                content: '';
                width: 7px;
                height: 7px;
                border-radius: 50%;
                display: inline-block;
                vertical-align: middle
            }

            .overseas .world-corporate .desktop-map .country span:before {
                margin-right: 5px;
                margin-top: -2px
            }

            .overseas .world-corporate .desktop-map .country span:after {
                margin-left: 5px;
                margin-top: -2px
            }

        .overseas .world-corporate .desktop-map .country.usa span:before, .overseas .world-corporate .desktop-map .country.usa span:after {
            background-color: #79539f
        }

        .overseas .world-corporate .desktop-map .country.china span:before, .overseas .world-corporate .desktop-map .country.china span:after {
            background-color: #f27330
        }

        .overseas .world-corporate .desktop-map .country.thailand span:before, .overseas .world-corporate .desktop-map .country.thailand span:after {
            background-color: #ea232d
        }

        .overseas .world-corporate .desktop-map .country.singapore span:before, .overseas .world-corporate .desktop-map .country.singapore span:after {
            background-color: #ede033
        }

        .overseas .world-corporate .desktop-map .country.taiwan span:before, .overseas .world-corporate .desktop-map .country.taiwan span:after {
            background-color: #44c2e3
        }

        .overseas .world-corporate .desktop-map .country.hongkong span:before, .overseas .world-corporate .desktop-map .country.hongkong span:after {
            background-color: #6bc646
        }

        .overseas .world-corporate .desktop-map .country.china span:before, .overseas .world-corporate .desktop-map .country.thailand span:before, .overseas .world-corporate .desktop-map .country.singapore span:before {
            display: none
        }

        .overseas .world-corporate .desktop-map .country.usa span:after, .overseas .world-corporate .desktop-map .country.taiwan span:after, .overseas .world-corporate .desktop-map .country.hongkong span:after {
            display: none
        }

    .overseas .world-corporate .desktop-map #box {
        position: relative
    }

        .overseas .world-corporate .desktop-map #box img {
            display: block
        }

        .overseas .world-corporate .desktop-map #box .static {
            width: 100%;
            height: auto
        }

        .overseas .world-corporate .desktop-map #box .country {
            position: absolute;
            width: auto;
            height: auto
        }

            .overseas .world-corporate .desktop-map #box .country.usa {
                top: 32%;
                left: 29%
            }

            .overseas .world-corporate .desktop-map #box .country.china {
                top: 18%;
                right: 36%
            }

            .overseas .world-corporate .desktop-map #box .country.thailand {
                top: 46%;
                right: 30%
            }

            .overseas .world-corporate .desktop-map #box .country.singapore {
                top: 60%;
                right: 25%
            }

            .overseas .world-corporate .desktop-map #box .country.taiwan {
                top: 44%;
                left: 87%
            }

            .overseas .world-corporate .desktop-map #box .country.hongkong {
                top: 54%;
                left: 84%
            }

        .overseas .world-corporate .desktop-map #box .text {
            position: absolute;
            top: 5px;
            left: 5px;
            color: #fff;
            font-family: sans-serif
        }

.overseas .no-of-outlets {
    text-align: left;
    width: 65%;
    position: absolute;
    left: 12%;
    bottom: 15%;
    max-width: 500px
}

    .overseas .no-of-outlets .title {
        padding-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        text-transform: none
    }

        .overseas .no-of-outlets .title span.total {
            font-weight: 400;
            text-transform: none
        }

    .overseas .no-of-outlets span.value {
        color: #f15a38;
        text-transform: none
    }

    .overseas .no-of-outlets .title:before {
        content: "";
        background: url(contents/images/history-03.png) no-repeat center center;
        background-size: contain;
        padding: 18px
    }

    .overseas .no-of-outlets .left_col, .overseas .no-of-outlets .right_col {
        display: inline-block;
        width: 48%;
        font-size: 14px;
        vertical-align: top;
    }

    .overseas .no-of-outlets .outlet {
        margin: 10px auto
    }

        .overseas .no-of-outlets .outlet span.countryname {
            display: inline-block;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600
        }

        .overseas .no-of-outlets .outlet hr.line {
            display: inline-block;
            margin: 0 8px;
            vertical-align: middle
        }

        .overseas .no-of-outlets .outlet:before {
            content: '';
            width: 7px;
            height: 7px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px
        }

        .overseas .no-of-outlets .outlet.usa:before {
            background-color: #79539f
        }

        .overseas .no-of-outlets .outlet.china:before {
            background-color: #f27330
        }

        .overseas .no-of-outlets .outlet.thailand:before {
            background-color: #ea232d
        }

        .overseas .no-of-outlets .outlet.singapore:before {
            background-color: #ede033
        }

        .overseas .no-of-outlets .outlet.taiwan:before {
            background-color: #44c2e3
        }

        .overseas .no-of-outlets .outlet.hongkong:before {
            background-color: #6bc646
        }

        .overseas .no-of-outlets .outlet.usa hr.line {
            width: 100px
        }

        .overseas .no-of-outlets .outlet.china hr.line {
            width: 85px
        }

        .overseas .no-of-outlets .outlet.thailand hr.line {
            width: 60px
        }

        .overseas .no-of-outlets .outlet.singapore hr.line {
            width: 45px
        }

        .overseas .no-of-outlets .outlet.taiwan hr.line {
            width: 58px
        }

        .overseas .no-of-outlets .outlet.hongkong hr.line {
            width: 40px
        }

.overseas .brand_development {
    padding: 40px 0;
    text-align: center;
    background-color: #f5f5f5
}

    .overseas .brand_development .inner {
        padding: 0 40px;
        max-width: 1330px;
        margin: 0 auto
    }

        .overseas .brand_development .inner p {
            text-align: justify;
        }

        .overseas .brand_development .inner ul.tabs {
            margin: 0;
            padding: 0;
            list-style: none;
            height: auto;
            width: 100%;
            margin: 0 auto
        }

            .overseas .brand_development .inner ul.tabs li {
                float: left;
                margin: 0;
                cursor: pointer;
                height: 31px;
                line-height: 31px;
                padding: 20px 0;
                color: #4c453f;
                overflow: hidden;
                position: relative; /*width:16.5%;*/
                width: 16.5%;
                text-align: center
            }

                .overseas .brand_development .inner ul.tabs li span {
                    display: inline-block;
                    background-color: #4c453f;
                    float: right;
                    margin-top: 10px
                }

                .overseas .brand_development .inner ul.tabs li:hover {
                    color: #f15a38
                }

                .overseas .brand_development .inner ul.tabs li.active {
                    background-color: #f5f5f5;
                    color: #f15a38;
                    font-weight: 600;
                    border-bottom: 1px solid #fff;
                    display: block
                }

        .overseas .brand_development .inner .tab_container {
            border-top: 1px solid #f15a38;
            clear: both;
            width: 100%;
            background: #f5f5f5;
            overflow: auto
        }

        .overseas .brand_development .inner .tab_content {
            padding: 20px 0;
            display: none;
            max-width: 960px;
            margin: 0 auto
        }

            .overseas .brand_development .inner .tab_content .left_col, .overseas .brand_development .inner .tab_content .right_col {
                display: inline-block;
                vertical-align: middle
            }

            .overseas .brand_development .inner .tab_content .left_col {
                width: 30%
            }

            .overseas .brand_development .inner .tab_content .right_col {
                width: 60%
            }

                .overseas .brand_development .inner .tab_content .right_col h3 {
                    text-align: left
                }

        .overseas .brand_development .inner .tab_drawer_heading {
            display: none
        }

.locations .locationbtn {
    text-align: center
}

    .locations .locationbtn .btn_01.black, .locations .locationbtn .btn_01.white {
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        padding: 10px 25px;
        border-radius: 20px;
        margin-right: 3px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        display: block
    }

    .locations .locationbtn .btn_01.black {
        background: #4c453f;
        color: #fff
    }

    .locations .locationbtn .btn_01.white {
        color: #4c453f;
        background: #fff
    }

    .locations .locationbtn .left_col, .locations .locationbtn .right_col {
        width: 200px;
        display: inline-block;
        margin-bottom: 50px;
        cursor: pointer
    }

    .locations .locationbtn .left_col {
        padding-right: 2%
    }

        .locations .locationbtn .left_col img, .locations .locationbtn .right_col img {
            margin-bottom: 20px
        }

.tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #fff;
    overflow: hidden
}

    .tab input {
        position: absolute;
        opacity: 0;
        z-index: -1;
        width: 100%
    }

    .tab label {
        position: relative;
        display: block;
        padding: 0 0 0 25px;
        background: #16a085;
        font-weight: 700;
        line-height: 3;
        cursor: pointer
    }

.blue label {
    background: transparent;
    color: #4c453f;
    text-transform: uppercase;
    font-size: 18px
}

.tab-content {
    max-height: 0;
    overflow: hidden;
    background: #1abc9c;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s
}

.blue .tab-content {
    background: transparent;
    color: #4c453f
}

.tab input:checked ~ .tab-content {
    max-height: none;
    height: auto
}

.tab input:checked ~ label {
    background: #fff
}

.tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s
}

.tab input[type=checkbox] + label::after {
    content: "+"
}

.tab input[type=radio] + label::after {
    content: "";
    /*background: url(contents/images/arrow-down.png) no-repeat center center;*/
    background-size: auto auto;
    background-size: contain;
    padding: 0;
    width: 35px;
    margin-right: 25px
}

.tab input[type=checkbox]:checked + label::after {
    transform: rotate(315deg)
}

.tab input[type=radio]:checked + label::after {
    transform: rotateX(180deg)
}

.location_maps .col3 {
    padding: 0 25px 25px;
    text-align: center;
	font-size:0;
}

    .location_maps .col3 .map {
        height: 400px;
        width: 100%;
        display: block;
        margin: 20px auto;
    }

    .location_maps .col3 .scroll_locations {
        width: 33.333%;
        display: inline-block;
        vertical-align: top; /*overflow-y:scroll;height:420px;*/
        position: relative;
    }

.location_maps .col3 .scroll_locations.express .title{
	padding:7.5px 0;
}

.location_maps .col3 .scroll_locations.sushiplus .title{
	padding:1.5px 0;
}

.location_maps .col3 .scroll_locations.takeout .title img{
	width:150px !important;
}

.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.location_maps .col3 .scroll_locations .accordion {
    overflow: hidden;
    border-radius: 3px;
    margin-top: 10px
}

.location_maps .col3 .scroll_locations .accordion-section {
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    margin-bottom: 5px;
    border-radius: 5px
}

.location_maps .col3 .scroll_locations .accordion-section-title {
    width: 100%;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #f15a38;
    background: #4c453f;
    transition: all linear .15s;
    font-size: 14px;
    font-weight: 800;
    font-family: 'Open Sans','sans-serif';
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: left;
    border-radius: 5px 5px 0 0;
}

.location_maps .col3 .scroll_locations.takeout .accordion-section-title {
    color: #4c453f;
    background-color: #FFFFFF;
}

.location_maps .col3 .scroll_locations.sushiplus .accordion-section-title {
    color: #4c453f;
    background-color: #b28655;
}

.location_maps .col3 .scroll_locations .accordion-section-title .title-cat {
    float: right
}

.location_maps .col3 .scroll_locations .accordion-section-title.active, .location_maps .col3 .scroll_locations .accordion-section-title:hover {
    color: #f15a38;
    text-decoration: none
}

.location_maps .col3 .scroll_locations.sushiplus .accordion-section-title.active, .location_maps .col3 .scroll_locations.sushiplus .accordion-section-title:hover {
    color: #ffffff;
}

.location_maps .col3 .scroll_locations .accordion-section-title.active {
    border-radius: 5px 5px 0 0
}

.location_maps .col3 .scroll_locations .accordion-section-content {
    display: none
}

    .location_maps .col3 .scroll_locations .accordion-section-content img {
        display: block
    }
/*.location_maps .col3 .scroll_locations .title{font-weight: 600; letter-spacing: 4px; font-size: 20px; padding: 10px; text-transform: uppercase}*/
.location_maps .col3 .scroll_locations.express .title {
    color: #4c453f;
    background: #FFFFFF;
}

.location_maps .col3 .scroll_locations.takeout .title {
    color: #4c453f;
    background: #FFFFFF;
}

.location_maps .col3 .scroll_locations .title .dinein, .location_maps .col3 .scroll_locations .title .take {
    display: block;
}

    .location_maps .col3 .scroll_locations .title .dinein img, .location_maps .col3 .scroll_locations .title .take img {
        width: 200px;
        margin: 0 auto;display:block;
    }

.location_maps .col3 .scroll_locations .listofbranches {
    overflow-y: auto;
    max-height: 280px;
}

.location_maps .col3 .scroll_locations .col1 {
    text-align: left;
}

.location_maps .col3 .scroll_locations span {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 35px;
    padding: 15px;
    display: inline-block;
    vertical-align: top
}

    .location_maps .col3 .scroll_locations span.dinein {
        background-image: url(contents/images/dinein.jpg)
    }

    .location_maps .col3 .scroll_locations span.takeout {
        background-image: url(contents/images/takeout.jpg)
    }

.location_maps .col3 .scroll_locations .scrollimg {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border-radius: 0 0 50px 5px;
    overflow: hidden;
}

.location_maps .col3 .scroll_locations .location_details {
    width: 54%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    padding: 20px;
}

    .location_maps .col3 .scroll_locations .location_details strong {
        font-size: 18px;
        display: inline-block;
        margin: 10px 0;
        border-bottom: 2px solid #f15a38;
        font-weight: 700;
        padding-bottom: 5px;
    }

    .location_maps .col3 .scroll_locations .location_details p, .location_maps .col3 .scroll_locations .location_details .btn_01.white {
        margin-bottom: 5px;
        display: block;
        line-height: 20px
    }

    .location_maps .col3 .scroll_locations .location_details .btn_01 a {
        color: #f15a38;
        font-weight: 600;
        text-decoration: none;
        font-size: 14px;
    }

        .location_maps .col3 .scroll_locations .location_details .btn_01 a:hover {
        }

.contact_form {
}

.contact .contents {
    padding: 40px 0;
    max-width: 1366px;
    width: 90%;
    margin: 0 auto;
}

.contact_form label {
    display: inline-block;
    width: 100px;
    text-transform: uppercase;
    vertical-align: top;
    margin-top: 25px;
    font-weight: 600;
    text-align: right;
    margin-right: 30px;
}

    .contact_form label.error {
        color: red;
        display: inline-block;
        width: auto;
        text-transform: none;
        vertical-align: baseline;
        margin: 0 0 0 102px;
        font-weight: normal
    }

.contact_form .left_col, .contact_form .right_col {
    display: inline-block;
    width: 49%;
    vertical-align: top
}

.contact_form input[type="text"] {
    width: 60%;
    border: 1px solid #ccc;
    font-size: 14px;
    height: 28px;
    padding: 0 5px;
    margin: 20px auto;
    font-family: 'OpenSans',sans-serif
}

.contact_form textarea {
    width: 60%;
    resize: none;
    height: 120px;
    margin: 20px auto;
    font-family: 'OpenSans',sans-serif;
    padding: 5px
}

.contact_form .selectdesign {
    width: 62%;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 22px auto;
    border-right: 1px solid #999
}

.contact_form .btn_01.black a {
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 20px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    background: #4c453f;
    color: #fff;
    display: inline-block
}

.contact_form .styled-select.slate {
    background: url("contents/images/select-icon.png") no-repeat right center;
    height: 30px;
    width: 100%;
    overflow: hidden
}

    .contact_form .styled-select.slate select {
        background: transparent;
        border: 1px solid #ccc;
        font-size: 14px;
        height: 30px;
        width: 107%;
        font-family: 'OpenSans',sans-serif
    }

.contact .thankyou_form {
    width: 100%;
    position: relative;
    margin: 90px auto
}

.contact .thankyoudoll {
    position: absolute;
    left: -60%;
    width: 80%;
    max-width: 400px;
    bottom: -30px
}

.contact .speech-bubble {
    position: relative;
    background: #ffd686;
    border-radius: .4em;
    padding: 85px 15px;
    text-align: center;
    width: 50%;
    max-width: 600px;
    margin-left: 40%;
    font-weight: bold;
    font-size: 25px
}

    .contact .speech-bubble:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 0;
        height: 0;
        border: 50px solid transparent;
        border-top-color: #ffd686;
        border-bottom: 0;
        border-left: 0;
        margin-left: -10px;
        margin-bottom: -30px;
        transform: rotate(20deg)
    }

.mascot .contents {
    padding: 40px 0;
    max-width: 1366px;
    width: 90%;
    margin: 0px auto;
}

.mascot .share_Container {
    padding: 35px 100px;
    min-height: 200px;
    margin-bottom: 60px;
}

    .mascot .share_Container img {
        width: 100%;
    }

    .mascot .share_Container .rightbox .toy_content {
        float: left;
    }

    .mascot .share_Container .toy_content {
        float: right;
        width: calc(50% - 55px);
        vertical-align: middle;
        padding: 6% 15px;
        text-align: left;
        margin-right: 20px;
        height: 100%;
        line-height: 30px;
        font-size: 30px;
    }

    .mascot .share_Container .leftbox, .mascot .share_Container .rightbox {
        clear: both;
        padding-bottom: 45px;
    }
/*.mascot .share_Container.eatin {background-image: url(contents/images/eatin_cloth_bg.jpg);}*/
.mascot .diamond {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 4px 10px;
    background-image: url(contents/images/diamond.png);
}

.mascot .zig, .mascot .zag {
    width: 31px;
    height: 13px;
    background-size: 31px 13px;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    top: -5px;
}

.mascot .zig {
    background-image: url(contents/img/takeout/zig.png);
}

.mascot .zag {
    background-image: url(contents/img/takeout/zag.png);
}

.mascot .h2_title {
    font-size: 27px;
    line-height: 30px;
    text-align: center;
    color: #eee3bd;
    /*text-shadow: 1px 1px 1px #382828;*/
    border-bottom: 1px solid rgba(238,227,189,.5);
    padding-bottom: 20px;
}


.mascot .toyimg {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.mascot .toy_name {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    color: #f15a38;
    font-size: 30px;
    border-radius: 10px;
    border: 1px solid #f15a38;
    font-weight: bold;
}

.mascot .introduction {
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 3px;
    color: #4c453f;
    line-height: 2.5;
    font-weight: bold;
}

    .mascot .introduction strong {
        font-size: 1em;
        color: #f15a38;
    }

.mascot .name_translate {
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    letter-spacing: 1px;
    display: block;
    margin-top: 10px;
}

.mascot .dotted {
    border-bottom: 1px dashed #d4ab7d;
    text-decoration: none;
    padding-top: 5px;
}

    .mascot .dotted span {
        font-weight: normal;
    }

.mascot li {
    list-style-type: none;
}

footer {
    background: #4c453f;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    position: relative;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 10px 0
}

    footer .ftcon {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto
    }

        footer .ftcon .left {
            height: auto;
            float: left;
			margin-top: 12.5px;
			margin-left: 20px;
        }

            footer .ftcon .left img {
                height: 20px;
                width: auto
            }

    footer .copy {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    footer .ftcon .right {
        float: right;
        margin-top: 5px;
        margin-right: 20px
    }

    footer .sharelinks {
        display: inline-block;
        vertical-align: middle
    }

        footer .sharelinks a img {
            width: 40px
        }

.go-top {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 11px;
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 70px; /* Place the button at the bottom of the page */
    right: 10px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #4c453f; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 10px; /* Increase font size */
}

    .go-top:hover {
        background-color: #f15a38; /* Add a dark-grey background on hover */
    }

.wrapperlanding {
    width: 100%;
    height: 100vh;
    background: #4c453f;
}

.landingpg {
    width: 100%;
    height: 95vh;
    overflow: hidden;
    background: #4c453f;
    position: relative;
}

    .landingpg .sushi {
        width: 14%;
        min-width: 80px;
        max-width: 280px;
        height: auto;
        display: inline-block;
        overflow: hidden;
        position: absolute;
        left: 41%;
        top: 42%;
        -webkit-animation: myOrbit 27s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: myOrbit 27s linear infinite; /* Firefox 5-15 */
        -o-animation: myOrbit 27s linear infinite; /* Opera 12+ */
        animation: myOrbit 27s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
    }

    .landingpg .logo {
        max-width: 520px;
        width: 100%;
        margin: 0 auto;
        margin-top: 0px;
        transform: translateY(-50%);
        margin-top: 48vh;
    }

    .landingpg .btn_01 {
        color: #FFFFFF;
        position: absolute;
        bottom: 9%;
        left: 0;
        font-weight: bold;
        right: 0;
        margin: auto;
    }

        .landingpg .btn_01 a {
            text-decoration: none;
            color: #FFFFFF;
            letter-spacing: 3px;
        }

@-webkit-keyframes myOrbit {
    0% {
        left: 100%;
        top: 60%;
        -webkit-transform: rotate(0deg);
    }

    40% {
        left: 20%;
        top: 60%;
    }

    46% {
        left: 10%;
        top: 50%;
    }

    54% {
        left: 10%;
        top: 20%;
    }

    60% {
        left: 20%;
        top: 10%;
    }

    100% {
        left: 100%;
        top: 10%;
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes myOrbit {
    0% {
        left: 100%;
        top: 60%;
        -webkit-transform: rotate(0deg);
    }

    40% {
        left: 20%;
        top: 60%;
    }

    46% {
        left: 10%;
        top: 50%;
    }

    54% {
        left: 10%;
        top: 20%;
    }

    60% {
        left: 20%;
        top: 10%;
    }

    100% {
        left: 100%;
        top: 10%;
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes myOrbit {
    0% {
        left: 100%;
        top: 60%;
        -webkit-transform: rotate(0deg);
    }

    40% {
        left: 20%;
        top: 60%;
    }

    46% {
        left: 10%;
        top: 50%;
    }

    54% {
        left: 10%;
        top: 20%;
    }

    60% {
        left: 20%;
        top: 10%;
    }

    100% {
        left: 100%;
        top: 10%;
        -webkit-transform: rotate(360deg);
    }
}

@keyframes myOrbit {
    0% {
        left: 100%;
        top: 60%;
        -webkit-transform: rotate(0deg);
    }

    40% {
        left: 20%;
        top: 60%;
    }

    46% {
        left: 10%;
        top: 50%;
    }

    54% {
        left: 10%;
        top: 20%;
    }

    60% {
        left: 20%;
        top: 10%;
    }

    100% {
        left: 100%;
        top: 10%;
        -webkit-transform: rotate(360deg);
    }
}

.landingpg .s1 {
    animation-delay: 0s;
    left: 100%;
    top: 60%;
}

.landingpg .s2 {
    animation-delay: 3s;
    left: 100%;
    top: 60%;
}

.landingpg .s3 {
    animation-delay: 6s;
    left: 100%;
    top: 60%;
}

.landingpg .s4 {
    animation-delay: 9s;
    left: 100%;
    top: 60%;
}

.landingpg .s5 {
    animation-delay: 12s;
    left: 100%;
    top: 60%;
}

.landingpg .s6 {
    animation-delay: 15s;
    left: 100%;
    top: 60%;
}

.landingpg .s7 {
    animation-delay: 18s;
    left: 100%;
    top: 60%;
}

.landingpg .s8 {
    animation-delay: 21s;
    left: 100%;
    top: 60%;
}

.landingpg .s9 {
    animation-delay: 24s;
    left: 100%;
    top: 60%;
}

/**UPDATE NEW STYLES - 161023**/
.brands_col2{width:100%;font-size:0}
.brands_col2 .column{display:inline-block;vertical-align:top;width:calc(33.3333% - 50px);margin:0 25px;}
.brands_col2 .column .imgLogo{width:200px;height:48px;position:relative;margin:0 auto 30px auto;}
.brands_col2 .column img{width:100%;display:block;transform:translateY(-50%);top:50%;left:0;right:0;margin:0 auto;position:absolute;}
.brands_col2 .column.sushigogo img{width:80%;}
.brands_col2 .column .brand_describe{width:100%;display:block;text-align:center;padding-left:0;}
@media all and (max-width:800px){
	.brands_col2{text-align:center;}
	.brands_col2 .column{width:calc(50% - 50px);margin:0 25px 25px 25px;}
}
@media all and (max-width:520px){
	.brands_col2 .column{width:100%;margin:0 0 25px 0;}
}

.sushimenu .iconstop ul.sushiPlus_menu li{width:19.5%;}
@media only screen and (max-width: 800px) {
  .sushimenu .iconstop ul.sushiPlus_menu li{width:30%;}
}
@media all and (max-width :1600px)
{
	.about .about_history ul li{width:23%}
	.press .press_images ul li{width:30%}
}
@media all and (max-width :1400px){
	.home .col_1{display:block;width:80%;margin:0 auto;padding-bottom:30px}
	.home .col_2{display:block;width:80%;margin:0 auto;text-align:center}
	.home .col_2 .dollanimation,.home .col_2 .aboutsushi{display:inline-block;width:45%;text-align:left}
	.home .col_2 .dollanimation{margin-right:5%}
	.about .about_history ul li{width:40%}
	.about .about_history ul li:nth-child(2){padding-right:0}
	.about .about_history .mobimg{display:block}
	.about .about_history .desktopimg{display:none}
	.overseas .world-corporate .desktop-map .country{padding:2px 8px}
	.overseas .world-corporate .desktop-map .country span{font-size:11px}
	.overseas .world-corporate .desktop-map .country span.dot{width:5px;height:5px}
	.overseas .world-corporate .desktop-map #box .static{margin-bottom:80px}
	.overseas .no-of-outlets{text-align:left;width:100%;position:absolute;left:0;bottom:-100px;max-width:500px}
	.contact .thankyoudoll{
		left: -70%;
	}
	
.newsSection .promo_slider .promo{width:20%;}.pressSection .promo_slider .promo{width:20%;}
}
@media all and (max-width :1300px){
	.overseas .brand_development .inner .tab_container{border-top:0;margin:20px auto}
	.overseas .brand_development .inner .tabs{display:none}
	.overseas .brand_development .inner .tab_drawer_heading{background-color:#f5f5f5;color:#4c453f;font-weight:normal;border-bottom:1px solid #e00612;margin:0;padding:10px 20px;display:block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	.overseas .brand_development .inner .d_active{color:#e00612;font-weight:600}
	.overseas .brand_development .inner .tab_content .right_col h3{display:none}
}
@media all and (max-width :1200px){
	
	.press .press_images ul li,.press .press_images ul li:nth-child(3n+3){width:45%;margin-right:3%}
	.press .press_images ul li:nth-child(2n+2){margin-right:0}
	.contact_form .left_col,.contact_form .right_col{display:block;width:100%}
	.contact_form input[type="text"],.contact_form textarea{width:70%}
	.contact_form .selectdesign{width:71.5%}
	.mascot .share_Container{padding: 20px;}
	
}
@media all and (max-width :1120px){

.contact .thankyoudoll {
    left: -75%;
}
	
}
@media all and (max-width :1050px){
	.about .about_history ul li{width:45%}
	.about .about_history ul li:nth-child(2){padding:0}
	.newsSection .promo_slider{width:100%;}
	.newsSection .promo_slider .promo{width:35%;}
	.pressSection .promo_slider{width:100%;}
	.pressSection .promo_slider .promo{width:35%;}
}
@media all and (max-width :1000px){
	.home .col_2 .dollanimation,.home .col_2 .aboutsushi{width:60%;display:block;margin:0 auto}
	.about .our_brands .left_col{padding:0}
	.about .introduction .videoWrapper{width:70%}
	.about .introduction .inner{padding:0; width:90%; margin: 0 auto;}
	.about .introduction .inner .left{display: block;text-align: right; position: relative; width: 100%;}
	.about .introduction .inner .right{display: block;text-align: left; position: relative; width: 100%;}
	.about .introduction .dollimgleft{left: 5px;width: 28%;}
    .about .introduction .dollimgright{right:5px ;width: 28%}
	.news .col_2 .inner .left_col,.news .col_2 .inner .right_col{width:80%;display:block;margin:20px auto}
	.news .col_2 .inner .left_col{border-right:0;border-bottom:2px solid #999;padding-bottom:20px}
	.overseas .world-corporate .desktop-map #box .static{display:none}
	.overseas .world-corporate .desktop-map #box .country{position:relative;width:40%;margin-right:3%;display:inline-block;vertical-align:middle;padding:10px;margin:10px}
	.overseas .world-corporate .desktop-map .country span{font-size:15px}
	.overseas .world-corporate .desktop-map .country span:hover{color:#ff7e00}
	.overseas .world-corporate .desktop-map #box .country.usa,.overseas .world-corporate .desktop-map #box .country.china,.overseas .world-corporate .desktop-map #box .country.thailand,.overseas .world-corporate .desktop-map #box .country.singapore,.overseas .world-corporate .desktop-map #box .country.taiwan,.overseas .world-corporate .desktop-map #box .country.hongkong{top:0;left:0}
	.overseas .world-corporate .desktop-map .country.china span:after,.overseas .world-corporate .desktop-map .country.thailand span:after,.overseas .world-corporate .desktop-map .country.singapore span:after{display:none}
	.overseas .world-corporate .desktop-map .country.china span:before,.overseas .world-corporate .desktop-map .country.thailand span:before,.overseas .world-corporate .desktop-map .country.singapore span:before{display:inline-block}
	.overseas .no-of-outlets{position:relative;width:95%;margin:20px auto;left:auto;bottom:auto}
	.overseas .no-of-outlets .left_col,.overseas .no-of-outlets .right_col{display:block;width:95%;margin:0 auto}
	.overseas .no-of-outlets .outlet.usa hr.line{width:62%}
	.overseas .no-of-outlets .outlet.china hr.line{width:59%}
	.overseas .no-of-outlets .outlet.thailand hr.line{width:53%}
	.overseas .no-of-outlets .outlet.singapore hr.line{width:50%}
	.overseas .no-of-outlets .outlet.taiwan hr.line{width:57%}
	.overseas .no-of-outlets .outlet.hongkong hr.line{width:48%}
	.careers .career_apply{float: none; width: 100%; margin: 0 auto}
	.careers .applybtn{float: none; width: 100%; margin-top: 35px;}
	.careers .faq{float: none; width: 100%; margin: 20px auto}
	.careers .faq ul {
		padding: 10px 0;
	}
	
	.fbinsta .facebook{display:block; width:calc(100% - 50px);}
	.fbinsta .instagram{display:block; width:calc(100% - 50px);}
}
@media all and (max-width :1199px){
	/*.location_maps .col3 .scroll_locations .col1{display: block; width: 100%;}*/
	.location_maps .col3 .map{display:block;width:100%;margin:0 auto 20px}
	.location_maps .col3 .scroll_locations{width:100%;margin:20px auto 40px auto;display:block;vertical-align:top;/*overflow-y:scroll;height:400px;*/text-align:left;}
	.location_maps .col3 .scroll_locations .location_details{width: 69%;}
	.location_maps .col3 .scroll_locations .scrollimg { width: 30%;}
/*	.location_maps .col3 .scroll_locations .scrollimg {
    width: 150px;
    display: block;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}
	.location_maps .col3 .scroll_locations .location_details {
    width: 100%;
    display: inline-block;
    display: block;
    margin: 0 auto;
    text-align: center;
}*/
	.location_maps .col3 .scroll_locations .location_details p, .location_maps .col3 .scroll_locations .location_details .btn_01.white{margin-left:0px;}
}
@media all and (max-width :960px){
	.mascot .toy_content{padding-top: 10px;}
}
@media all and (max-width :860px){
	.news .promo_slider{width:90%}
	.sushimenu .contents ul li{width:24%;}
	.landingpg .logo{width: 60%;}
	.landingpg .sushi {
position: absolute;
    left: 41%;
    top: 42%;
    /*
     * Sets up the animation duration, timing-function (or easing)
     * and iteration-count. Ensure you use the appropriate vendor-specific 
     * prefixes as well as the official syntax for now. Remember, tools like 
     * CSS Please are your friends!
     */
    -webkit-animation: secOrbit 18s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: secOrbit 18s linear infinite; /* Firefox 5-15 */
         -o-animation: secOrbit 18s linear infinite; /* Opera 12+ */
            animation: secOrbit 18s linear infinite; /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */
    
    
}
.landingpg .s1{ animation-delay: 0s; left: 100%; top: 60%;}
.landingpg .s2{ animation-delay: 2s; left: 100%; top: 60%;}
.landingpg .s3{ animation-delay: 4s; left: 100%; top: 60%;}
.landingpg .s4{ animation-delay: 6s; left: 100%; top: 60%;}
.landingpg .s5{ animation-delay: 8s; left: 100%; top: 60%;}
.landingpg .s6{ animation-delay: 10s; left: 100%; top: 60%;}
.landingpg .s7{ animation-delay: 12s; left: 100%; top: 60%;}
.landingpg .s8{ animation-delay: 14s; left: 100%; top: 60%;}
.landingpg .s9{ animation-delay: 16s; left: 100%; top: 60%;}
}
@-webkit-keyframes secOrbit {
       0%   {left: 100%; top: 60%;-webkit-transform: rotate(0deg); }
	35%  { left: -40%; top: 60%;}
	36%  { left: -40%; top: 10%;-webkit-transform: rotate(360deg);}
	65%  { left: 100%; top: 10%;}
    100% {left: 100%; top: 10%;}
}

@-moz-keyframes secOrbit {
      0%   {left: 100%; top: 60%;-webkit-transform: rotate(0deg); }
	35%  { left: -40%; top: 60%;}
	36%  { left: -40%; top: 10%;-webkit-transform: rotate(360deg);}
	65%  { left: 100%; top: 10%;}
    100% {left: 100%; top: 10%;}
}

@-o-keyframes secOrbit {
     0%   {left: 100%; top: 60%;-webkit-transform: rotate(0deg); }
	35%  { left: -40%; top: 60%;}
	36%  { left: -40%; top: 10%;-webkit-transform: rotate(360deg);}
	65%  { left: 100%; top: 10%;}
    100% {left: 100%; top: 10%;}
}

@keyframes secOrbit {
       0%   {left: 100%; top: 60%;-webkit-transform: rotate(0deg); }
	 35%  { left: -40%; top: 60%;}
	36%  { left: -40%; top: 10%;-webkit-transform: rotate(360deg);}
	71%  { left: 100%; top: 10%;}
    100% {left: 100%; top: 10%;}
}

@media only screen and (max-width : 800px) {
ul.secondcol{width:90%}
ul.secondcol li{display:inline-block;width:40%}

	.sushimenu h1{padding-top: 0px;}
	.sushimenu .iconstop{padding: 5px 0;}
.sushimenu .iconstop.cloned{padding: 5px 0;}
	
.sushimenu .iconstop ul li { width: 30%;}
.sushimenu .iconstop ul li img {
	height: 25px;
	margin: 0 auto;
}
.sushimenu .iconstop ul li a span {
    font-size: 6px;
}
	
	
}
@media all and (max-width :720px){.home .col_2 .dollanimation,.home .col_2 .aboutsushi{display:block;width:100%;text-align:left;margin:0}
	.about .our_brands{text-align:center;width:90%;margin:0 auto}
	footer .copy{width:60%;}
	
	.location_maps .col3 .scroll_locations .location_details{width: 49%;}
	.location_maps .col3 .scroll_locations .scrollimg { width: 50%;}
	.mascot .toyimg { display: block;  width: 100%;}
	.mascot .share_Container .rightbox .toy_content { float: none; margin: 0;}
	.mascot .share_Container .toy_content{float: none; width: auto; margin: 0;}
	}


@media all and (max-width :580px){
	
	.sushimenu .contents ul{width:100%;text-align: center;}
	.sushimenu .contents ul li{width: 32%;}
	.press .press_images ul li,.press .press_images ul li:nth-child(2n+2),.press .press_images ul li:nth-child(3n+3){width:90%;margin:20px auto;display:block;padding-right:0}
	.overseas .world-corporate .desktop-map #box .country{width:85%;margin:10px auto}
	/*	.location_maps .col3 .scroll_locations .col1{display: block; width: 100%;}*/
		
	.contact .thankyou_form{
		margin: 30px auto;
		margin-bottom: 200px;
	}
	.contact .thankyoudoll{
		left: 0;
		top: 100%;
		width: 100%;
	}
	.contact .speech-bubble{
		margin: 0 auto;
		width: 85%;padding: 45px 15px;
		
	}
	.contact .speech-bubble::after {
		left: 80%;
	}
	.landingpg .logo{width: 70%;margin-top: 40vh;}

}
@media screen and (max-width:520px){
	.maintenance{width:300px;top:50%;left:50%;margin-top:-150px;margin-left:-150px}
	.maintenance p{color:#e60013;font-size:30px;margin:20px}
	.home .col_1 .latest_news ul li{width:240px;padding-right:0;display:block;margin:10px auto}
	.home .col_1 .latest_news p.viewmore,.home .col_1 .latest_news p.viewmore a{text-align:center}
	.home .col_1 a.btn_01.black,.home .col_1 a.btn_01.white{display:block;margin-bottom:10px}
	.search-container input[type="text"]{width:64%}
	.search-container button{width:16%}
	.about .our_brands .brand_describe{width:100%;padding-left:0;text-align:center}
	.about .about_history ul li{width:90%;margin:20px auto;display:block}
	.news .promo_slider{width:80%}
	.news .col_2 .inner .left_col img{display:block;margin:0 auto;width:200px}
	.news .col_2 .inner .left_col .brand_describe{width:100%;margin:20px auto;padding:0;display:block;text-align:center}
	.news .col_2 .inner .right_col .brand_describe{width:100%;margin:0 auto;display:block;text-align:center;padding-left:0}
	.news .new_feature .brand_describe{width:90%;margin:0 auto;display:block;text-align:center;padding-left:0}
	.overseas .no-of-outlets .outlet.usa hr.line{width:51%}
	.overseas .no-of-outlets .outlet.china hr.line{width:46%}
	.overseas .no-of-outlets .outlet.thailand hr.line{width:38%}
	.overseas .no-of-outlets .outlet.singapore hr.line{width:32%}
	.overseas .no-of-outlets .outlet.taiwan hr.line{width:40%}
	.overseas .no-of-outlets .outlet.hongkong hr.line{width:30%}
	.overseas .no-of-outlets .title span.total{display:block;margin-left:35px}
	.overseas .brand_development .inner .tab_content .left_col{width:200px;margin:0 auto;display:block}
	.overseas .brand_development .inner .tab_content .right_col{width:100%;margin:0 auto;display:block}
	.contact_form input[type="text"],.contact_form textarea{width:90%;margin:5px auto}
	.contact_form .selectdesign{width:91.5%;margin:5px auto}
	.contact_form .btn_01{text-align:center;margin:20px auto}
	
	.contact_form label{margin:10px auto; text-align: center;}
	.careers .career_apply{float: none; width: 100%; margin: 0 auto}
	.careers .applybtn{float: none; width: 100%; margin-top: 35px;}
.careers .faq{float: none; width: 100%; margin: 20px auto}
	
	.location_maps .col3 .scroll_locations .location_details{width: 100%; }
	.location_maps .col3 .scroll_locations .scrollimg { width: 50%; margin: 0 auto; border-radius: 5px; padding-top: 20px; display: block;}
	
	.newsSection .promo_slider .promo{width:80%;}
	.pressSection .promo_slider .promo{width:80%;}
}

@media only screen and (max-width : 450px) {
footer .ftcon .left{float:none;text-align:left;margin-left:10px;}
footer .ftcon .right{display:block;float:none;padding:10px;margin:0;text-align:left}
footer .copy{width:65%;display:inline-block;margin-top:10px}
footer .sharelinks{width:100px;display:inline-block;float:right;text-align:right}
	.sushimenu .contents ul li{width: 49%}
}
@media all and (max-width: 768px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu{width:100%;max-width:none}
#cssmenu ul{width:100%;display:none}
#cssmenu.align-center > ul{text-align:left}
#cssmenu ul li{width:100%;border-top:1px solid rgba(120,120,120,0.2)}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #menu-button{display:block;padding:17px;color:#ddd;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700;position:absolute;top:-65px;right:0}
#cssmenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;content:''}
#cssmenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#ddd;content:''}
#cssmenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#cssmenu #menu-button.menu-opened:before{top:23px;background:#fff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.2);height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
header{padding-bottom:0;padding-top:30px;}
header .logo {width: 230px;}
}
@media only screen and (max-width : 991px) {	
	.iframeForm{height:1300px !important;}
	.iframeForm iframe{height:1300px !important;}
}
@media only screen and (max-width : 439px) {	
	.iframeForm{height:1400px !important;}
	.iframeForm iframe{height:1400px !important;}
}
