/**Kyoto**/

/*General Styles*/

@import url("https://p.typekit.net/p.css?s=1&k=ipm5rca&ht=tk&f=5310&a=9450353&app=typekit&e=css");
@font-face {
font-family:"ff-meta-serif-web-pro";
src:url("https://use.typekit.net/af/8e6183/00000000000000003b9b06f2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/8e6183/00000000000000003b9b06f2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/8e6183/00000000000000003b9b06f2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-style:normal;font-weight:500;
}
a:focus, a:hover { color: inherit; }
a.AccessabilityLink { font-size:100%;}
body { font-size: 18px; }
.grid-boxes.row { max-width: 1440px; margin: 0 auto; }
.section-title h1, .section-title h2 { font-size: 362%; color: #fff; font-weight: bold;}
main#SiteGrid { background-color: #00001e; }
#text1 { color: #fff; text-align: right; max-width: 80%; margin: 0;}
#text1 a:hover, text1 a:focus
#text2 a:hover, text2 a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-color: -webkit-focus-ring-color; outline-style: auto; outline-width: 5px; outline-offset: -2px; }}
#headline { text-align: right; position: relative; }
#headline h1 {color: #fff; font-size: 146%; font-weight: bold; }
#allSectionsWrapper { z-index: 1;}
label.error, span.error { top: 7px; color: #7A1515; background: #AAAAB5; padding: 2px 5px; }
#header.bg #header-center-kdm { padding: 0; }
.tk-ff-meta-serif-web-pro { font-family: "ff-meta-serif-web-pro",serif; }

#videoContainer > p > iframe { width: 100% !important; }
/*Forms*/
#DynamicFormObject{background: #0a0a29;border: none;}
#DynamicFormObject:after { top: 15px; bottom: 15px; left: 15px; right: 15px; border: 2px solid #ac7c45;}
.form-container-wide #DynamicFormObject {padding: 5%; display: block;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormEndText {
    display: block; width: 100%;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
.form-container-wide #DynamicFormObject .dynamicFormEndText p{ color: #fff;}
.normal-form input { background: #AAAAB5; border-radius: 0; font-size: 89%; border: 1px solid #00001e;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 71%; position: relative;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 123%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {float: none; display: inline-block; }
#DynamicFormObject input[type=submit] { background: #fff; color: #0b0d13; border: 1px solid transparent; height: 40px; border-radius: 0; font-size: 110%; font-weight: bold;
        border: 1px solid #00001e; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { text-align: right; }
#SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { max-width: 960px; padding: 0;}
.normal-form textarea { padding-right: 15px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; }
::-moz-placeholder { /* Firefox 19+ */ color: #000; }
:-ms-input-placeholder { /* IE 10+ */ color: #000; }
:-moz-placeholder { /* Firefox 18- */ color: #000; }

textarea::placeholder { color: #000 !important; opacity: 1 !important; }

.gallery-cubes h4 { display:none; }

/*Pop Up Form*/
#promotionWindow-modal .modal-content { padding: 0;}
#promotionWindow-modal #DynamicFormObject { padding: 40px;}
#promotionWindow-modal .close {left: 0px; top: -30px; width: auto; color: #fff; margin: 0;}
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectText{ color: #fff;}
#promotionWindow-modal #DynamicFormObject h2.dynamicFormObjectTitle { position: relative;color: #fff; font-weight: bold;}
#promotionWindow-modal #DynamicFormObject h2.dynamicFormObjectTitle:after { content: ""; display: inline-block; position: absolute; width: 90px; height: 2px;bottom: -10px; left: 50%;
    background: #eb1c2d; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectField.col-xs-12.col-sm-4 { padding: 0 5px; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectSubmit { float: none; display: inline-block; }

/*Form - Thank You Page*/
#FormResultPage #text1 {text-align: right;}
#FormResultPage a { color: #0b0d13; background: #fff; font-size: 111%; font-weight: bold; padding: 10px 15px; width: auto; margin: 25px auto 0; border-radius: 0; border: 2px solid transparent;
    transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms;}
#FormResultPage a:hover, #FormResultPage a:focus { border: 2px solid #fff; background: transparent; color: #fff;}

/*Header*/
.home-page #header:not(.bg) {background: -webkit-linear-gradient(top,rgba(26,30,41,.4),rgba(0,0,24,.3),rgba(0,0,0,.3),transparent); padding: 25px 40px 120px 40px;}
#header #header-left img, #header.bg #header-left img { max-width: 148px; }
#header.bg { background-color: #000016; padding: 25px 40px;}
div#header-right, #header #header-left { padding: 0; }
#header #header-center-kdm { left: 47%;}
#header #header-center-kdm a { border: none; border-bottom: 2px solid #ac7c45; border-radius: 0; padding: 2px 5px; position: relative; margin-left:70px; font-size: 114%;
    border-right: 2px solid transparent; border-left: 2px solid transparent; border-top: 2px solid transparent; overflow: visible; transition: all ease-in-out 150ms;
    -webkit-transition: all ease-in-out 150ms;}
#header #header-center-kdm a:last-child:after { background: none;}
#header .social-links { direction: ltr;}
#header .social-links a {width: 32px !important; height: 32px; background-color: #fff; border-radius: 50%; text-align: center;}
#header .social-links a:hover, #header .social-links a:focus { background-color: #966c3f; }
#header .social-links a svg { width: 16px; height: 16px; fill: #1a1e29; }
#header .social-links a:hover svg, #header .social-links a:focus svg { fill:#fff; }
#header .menu-nav { background: transparent; position: relative; }
#header .menu-nav:after { content: ""; display: block; position: absolute; width: 1px; height: 49px; left: -30px; background: #ac7c45; bottom: 5px; }
#header .submenu { margin-right: 0;}
#header #header-right .closed, #header .menu-nav .open { font-size: 122%; padding-right: 15px;}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before {background: #ac7c45;
    height: 3px; width: 46px; }
#header .submenu { background: #996E3D; }
#header .submenu li>a:focus { color: #fff; text-decoration: none; }
#header .submenu li:not(.has-sub) > a { font-size: 117%;}
#nav-toggle.active span:after, #nav-toggle.active span:before, #nav-toggle-mobile.active span:after, #nav-toggle-mobile.active span:before { background: #000016; width:34px;}
#nav-toggle.active .open.pull-right { color: #000016; }
#header #header-center-kdm a:nth-child(1):after { background: none; }
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { color: #fff; background: none; border: 2px solid #ac7c45;}
.menu-nav.pull-right:focus { outline: 1px solid #4D90FE; }
#header #header-center-kdm .address span { display: none; }
#header #header-center-kdm, #header.bg #header-center-kdm  { direction: ltr;}
.header-en { font-family:"ff-meta-serif-web-pro";}
#header .submenu li > a[href="/english"] {  font-family: "ff-meta-serif-web-pro"; }

/*Top Banner*/
#home-gallery .flex-control-paging li a.flex-active { background: #ac7c45; border: 2px solid #ac7c45;}
#home-gallery .flex-control-paging li a { background: transparent; border: 2px solid #fff;}
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 26px;  height: 14px;}
#home-gallery .scroll-down { bottom: 2%;}
#home-gallery .flex-direction-nav a.flex-next:before { content: ""!important; background-image: url(../../../warehouse/temp/Kyoto/banner-arrow-right.png); width: 49px; height: 20px; background-size: cover; }
#home-gallery .flex-direction-nav a.flex-prev:before { content: ""!important; background-image: url(../../../warehouse/temp/Kyoto/banner-arrow-left.png); width: 49px; height: 20px; background-size: cover; }
#home-gallery .flex-direction-nav a { height: 20px; width: 49px; }
#promotionWindow-first {position: relative; bottom: 0; right: 0; border: 2px solid #fff;}
#promotionWindow-first a { position: relative; background: #1A1E29 !important; border-radius: 0;}
#promotionWindow-first a:before { content: ''; display: inline-block; position: absolute; width: 40px; height: 45px; top: -2px; right: -45px; border: 2px solid #fff;
    background-image: url('../../../warehouse/temp/Kyoto/newsletter-icon.png'); background-size: 23px 23px;  background-position: center; background-repeat: no-repeat; background-color: #AB7C44;}
#promotionWindow-second {border: none; border-radius: 0;}
#promotionWindow-second h3 { color: #000016; }
#promotionWindow-second .promotionWindow-second-button { background: #0a0a29 !important; border-radius: 0; padding: 10px 15px; border: 1px solid transparent; transition: all ease-in-out 200ms;
    -webkit-transition: all ease-in-out 200ms;}
#promotionWindow-second .promotionWindow-second-button:hover, #promotionWindow-second .promotionWindow-second-button:focus { background-color: transparent !important; border: 1px solid #000016;
    color: #000016;}

/*About Section*/
.about-section:after { content: ""; display: block; position: absolute; right: 50%; top: 0; width: 66px; height: 90px; transform: translate(50%,-50%);-webkit-transform: translate(50%,-50%); border: 2px solid #ac7c45; z-index: 10; pointer-events: none;}
.about-section { background: url('../../../warehouse/temp/Kyoto/bg-1st-section.jpg'); background-size: cover; background-position: center; max-width: 100%; margin-bottom: 0; }
.about-section .grid-boxes .grid-box-title h3 a { color: #1c1e29; font-size: 87%; font-weight: bold;}
.about-section .grid-boxes .grid-box-title h2 a { color: #1c1e29; font-size: 87%; font-weight: bold; }
.about-section .grid-boxes .grid-box-title h2 a:hover, .about-section .grid-boxes .grid-box-title h2 a:focus { text-decoration:underline;}
.about-section .grid-box { background: #fff; margin: 0 40px; width: 20%; padding: 0 0 20px; }
.about-section .grid-boxes .grid-box-image { padding-bottom:135%;}
.about-section .grid-box:after { content: ""; display: block; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #ac7c45; pointer-events: none;}
.about-section .grid-boxes .grid-box-title h2 { font-size: 150%; margin-bottom: 1%; margin-top: 0; }
/*Events Section*/
.hvr-float:active, .hvr-float:focus, .hvr-float:hover { -webkit-transform: none; transform: none; }
.grid-text-section { background: #0a0a29; margin-bottom: 0; padding: 170px 0; position: relative;}
.grid-text-section:after { content: ""; display: block; position: absolute; border: 2px solid #ac7c45; top: 50%; right: 50%;
    transform: translate(50%, -50%);-webkit-transform: translate(50%,-50%); width: 860px; height: 460px; pointer-events: none;}
.grid-text-section .grid-text p { color: #fff; font-size: 111%;}
.grid-text-section h2 { position: relative; }
.grid-text-section h2:after { content: ""; display: inline-block; bottom: -25px; left: 50%; position: absolute; width: 200px; height: 2px; background: #eb1c2d;
    transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.grid-text-section .section-title { margin-bottom: 50px; }
.grid-text-section .grid-text .sec-button, .english-page #text1 p a { color: #0b0d13; background: #fff; font-size: 111%; font-weight: bold; padding: 10px 15px; width: 200px; margin: 25px auto 0; border-radius: 0;
    border: 2px solid transparent;  transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms;}
.grid-text-section .grid-text .sec-button:hover, .english-page #text1 p a:hover { border: 2px solid #fff; background: none; color: #fff;}
.english-page #text1 p a { width: auto; display: inline-block; text-align: center; padding: 1px 10px;}
.grid-text-section .grid-text { position: relative; }
.grid-text-section .grid-text:before {content: ""; position: absolute; display: block; background: url('../../../warehouse/temp/Kyoto/events-right.png');
    background-size: cover; top: -110%; right: 0; width: 350px; height: 645px; z-index: 10;}
.grid-text-section .grid-text:after {content: ""; position: absolute; display: block; background: url('../../../warehouse/temp/Kyoto/events-left.png');
     background-size: cover;  top: -110%; left: 0; width: 350px; height: 645px; z-index: 10;}

/*Gallery Section*/
.gallery-cubes>div.col-xs-6.col-sm-3 { padding: 25px; }
.grid-gallery-section { padding: 110px 25px; background: #00001e; position: relative; margin-bottom: 0;}
.grid-gallery-section:after { content: ""; position: absolute; background: url('../../../warehouse/temp/Kyoto/gallery-section-kyoto-logo.png'); background-size: cover;
    background-position: center; top: 50%; right: 50%; width: 80px; height: 300px;  transform: translate(50%,-50%); -webkit-transform: translate(50%, -50%);}
.gallery-cubes .image-link-inner { color: #eb1c2d; border-radius: 0; width: 56px; height: 56px;}
.gallery-cubes .plus-sign { font-size: 360%;}
.blueimp-gallery>.close { top: 22%; right: 50%; left: auto; margin: 0; border-radius: 50%; transform: translate(50%,-50%);  -webkit-transform:translate(50%,-50%);}

/*More Info Section*/
.more-info-section { background: url('../../../warehouse/temp/Kyoto/bg-last-section.jpg'); max-width: 100%; margin-bottom: 0; padding: 120px 0 !important;}
.more-info-section .grid-box { padding: 0 0 20px; margin: 0 35px; width: 29%; }

.more-info-section .grid-box { background: #000016; }
.more-info-section .grid-boxes .grid-box-image { padding-bottom: 70%; }
.more-info-section .grid-boxes .grid-box-title h3 a { color: #fff; }
.more-info-section .grid-boxes .grid-box-title h3 a:hover,
.more-info-section .grid-boxes .grid-box-title h3 a:focus { text-decoration:underline;}
.more-info-section .grid-box:after { content: ""; display: block; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #ac7c45; pointer-events: none; }

/*Footer*/
footer { padding-top: 0; }
.footer-text.text-center { background: #000016; padding: 20px 50px; }
.footer-text.text-center span { display: flex; justify-content: space-between; align-items: center;  position: relative;}
#SiteFooter .footer-logo a:focus { outline-color: #ea0b2a; }
#SiteFooter .footer-address a:hover,
a.AccessabilityLink:hover { color: #fff; text-decoration: underline; }
.footer-logo { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); }
.footer-logo > img { margin-bottom:25px;}
.footer-social p { display: inline-block; margin-right: 5px; }
.footer-social p a { background-color: #fff; border-radius: 50%; text-align: center; height: 32px; display: inline-flex; justify-content: center; align-items: center; }
.footer-social p a:hover, .footer-social p a:focus { background: #AC7C45;}
.footer-social p a svg { width: 32px; height: 16px; fill: #1a1e29; }
.footer-social p a:hover svg, .footer-social p a:focus svg { fill:#fff}
.footer-address p { color: #fff; font-size: 84%; }
#SiteFooter .footer-address.text-center { display: none;}
.footer-text-divided { display: none;}

/*****Inner Pages*****/
.membersPage #headline {text-align: center;}

/*About Page*/
div#pageview { max-width: 960px; margin: 0 auto; padding: 80px 60px; position: relative;}
div#pageview:after { content: ""; position: absolute; display: block; border: 2px solid #ac7c45; top: 50%; right: 50%; transform: translate(50%, -50%);
    -webkit-transform: translate(50%,-50%); width: 960px; height: 100%; pointer-events: none; }
#GridContent { padding: 20px 0 80px; position: relative;}
#GridContent:before { content: ""; display: block; position: absolute; right: 80px; top: 10px; height:90%; width: 160px; background: url('../../../warehouse/temp/Kyoto/bg-inner-strip.png');}
#GridTop:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); }

/*Menu Page*/
#MenuModule .menuModuleNav a {color: #9b7140; border-radius: 0; padding: 5px 10px; transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms;}
#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { color: #221926; background: #ac7c45;}
#MenuModule .menuModuleNav a.selected { color: #221926; background: #ac7c45; }
.menu-page #GridContent:before { right: -20px; height: 94%;}
.menuModuleContentPart { border: 2px solid #ac7c45;}
.menuModuleTextItemTitle {color: #ac7c45; font-size: 111%;font-weight: bold;}
.menuModuleTextItemPrice {color: #fff;font-size: 115%;}
.menuModuleTextItemPrice:before { font-size: 60%; color: #fff;}
.menuModuleTextItemDescription, .menuModuleContentPart li.IconsExplanation span {color: #fff;}
.menuModuleContentPart li.IconsExplanation span { font-size: 100%;}
.menuModuleTextItemSubjectTitle { font-size: 150%; }
svg.spicyIcon { fill: #bb112a; }
.menuModuleTextItemSubjectTitle { color: #9b7140;}
.menuModuleTextItemSubjectDescription { color: #fff; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #9b7140;}
.menuModuleTextItemPart.test2:after {right: auto; left: 0; }

/*Sushi Platter Page*/
.sushi-platter-page .owl-carousel .owl-item .item { padding: 0 10px;}
.sushi-platter-page #GridContent:before { right: -20px; height: 92%;}
.owl-carousel .owl-item .item .plus-sign { color: #eb1c2d; border-radius: 0; width: 56px; height: 56px; background: #fff;}
.owl-carousel .owl-item .item .plus-sign span { font-size: 180%; }
.owl-carousel .owl-next {left: 20px;}
.owl-carousel .owl-prev {right: 20px;}
.owl-carousel .owl-prev:after { content: ""!important; background-image: url('../../../warehouse/temp/Kyoto/banner-arrow-right.png'); width: 49px; height: 20px; background-size: cover; }
.owl-carousel .owl-next:after { content: ""!important; background-image: url('../../../warehouse/temp/Kyoto/banner-arrow-left.png'); width: 49px; height: 20px; background-size: cover; }
.blueimp-gallery > .next { content: url('../../../warehouse/temp/Kyoto/banner-arrow-right.png'); background: none; border: none; border-radius:0; width: 49px; height: 20px;
        right: 40px; opacity: 1;}
.blueimp-gallery > .prev { content: url('../../../warehouse/temp/Kyoto/banner-arrow-left.png'); background: none; border: none; border-radius:0; width: 49px; height: 20px;
        left: 40px; opacity: 1;}
.sushi-platter-page  .GridBottomGallery { padding-bottom: 20px;}
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: none; border: 2px solid #fff; color: #fff;}
.dynamicFormObjectSubmit { transition: all ease-in-out 150ms; -webkit-transition: all ease-in-out 150ms;}
.sushi-platter-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%;}
.sushi-platter-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%;}

/*Events Page*/
.events-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%;}
.events-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%;}
.events-page #text1 a { text-decoration:underline;}
#SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; padding-bottom: 40px; }
.normal-form textarea {background: #AAAAB5; border-radius: 0; height: 41px;}
.textarea-wrapper .must:before { top: 2%;}

/*Gift Card Page*/
.gift-card-page #text1 { max-width: 100%;}
.gift-card-page #text1 iframe {max-width: 100%;}
.gift-card-page #GridContent:before {height: 96%;}

/*Career Page*/
.career-page div#pageview:after{display:none;}
.career-page div#pageview { padding: 80px 60px 30px;}
.career-page div#faqview {padding: 0 60px;}
.faq-headline, div#faq-item-body1 { background: #11163e; color: #fff; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms;}
.faq-headline.open { background: #ac7c45; color:#000016;}
.career-page div#ContentFaqModule { max-width: 960px; margin: 0 auto; }
.career-page div#ContentFaqModule:after { content: ""; position: absolute; display: block; border: 2px solid #ac7c45; top: 50%; right: 50%;transform: translate(50%, -50%);
    -webkit-transform: translate(50%,-50%); width: 960px; height: 100%; pointer-events: none;}
.career-page .faq-body { position: relative; }


/*Blog Page*/
.blog-post-text { display: none; }
.blog-post-icons { margin-top: 5px; }
.blog-post-text, .blog-post-text, .blog-post-icons .blog-post-date, .blog-post-title a  { color: #fff;}
.blog-post-icons .blog-post-date { font-size: 104%; }
.blog-post-title { padding: 4% 0;}
.blog-page #GridPage { padding-top: 80px;}
.blog-page #GridContent:before {display: none;}
.blog-page #GridContent:after {display: none;}
#BlogModule { overflow: visible; }
#BlogMain, #BlogView { position: relative;}
#BlogView:before { content: ""; display: block; position: absolute; right: -80px; top: -100px; height: 110%; width: 160px; background: url('../../../warehouse/temp/Kyoto/bg-inner-strip.png'); }
#BlogMain:before { content: ""; display: block; position: absolute; right: -80px; top: -210px; height: 117%; width: 160px; background: url('../../../warehouse/temp/Kyoto/bg-inner-strip.png'); }
#BlogView:after { content: ""; position: absolute; display: block; border: 2px solid #ac7c45; top: 50%; right: 50%;  transform: translate(50%, -50%); -webkit-transform: translate(50%,-50%); width: 1000px; height: 108%; pointer-events: none; }
#BlogMain:after { content: ""; position: absolute; display: block; border: 2px solid #ac7c45; top: 43%; right: 50%;  transform: translate(50%, -50%); -webkit-transform: translate(50%,-50%); width: 1000px; height: 114%; pointer-events: none; }
#BlogView { margin-bottom: 50px; }
#BlogView .blog-post-icons { margin-bottom: 0;}
#BlogView .share-strip { color: #ac7c45; margin: 2% 0 4%;}
#BlogView .blog-related-post-title { background: #fff; height: 70px;}
#BlogView .blog-related-post-title a:hover,
#BlogView .blog-related-post-title a:focus { color:inherit; text-decoration:underline;}
#BlogView .blog-related-posts h2 { color: #fff; font-weight: bold; }
#BlogView #text1 h2 { color: #9b7140; font-size: 139%; margin-bottom: 10px; }
.blog-page #GridHeader { padding-top: 80px; position: relative;  z-index: 1; width: 99%;}
.pagination > li > a, .pagination > li > span {margin: 0 5px; width: 39px; color: #00001e; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
    { background-color: #ac7c45; border-color: #ac7c45; color: #00001e;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #00001e; background-color: #ac7c45; border-color: #ac7c45; }
#BlogView .share-strip:after, #BlogView .share-strip:before { top:40%;}
#BlogView .share-strip { padding-left: 20px;}
.blog-view #text1 p a { text-decoration: underline; }

/*Contact page*/
.contact-page #pageview { padding: 40px 60px 0;}
.contact-page div#pageview:after { display :none;}
.contact-page #GridContent { padding: 0;}
.contact-page .dynamicFormObjectField.col-xs-12.textareaField { width: 100% !important; }
.contact-page .normal-form textarea { background: #AAAAB5; font-size: 89%; border-radius: 0; border: 1px solid #00001e;}
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { content: ""; display: block; bottom: 0; right: 50%; height: 2px; width: 100px; margin: 20px auto 0; background: red; }
.contact-page #SiteGrid.layout-bottom #GridPromo { margin-bottom: 0;}
.contact-page #SiteGrid.layout-bottom #GridPromo {padding: 20px 0 80px;}
.contact-page #GridContent:before { height: 100%;}
.contact-page #text1 { font-size: 123%; text-align: center; max-width: 100%;}
.contact-page #headline { text-align: center; }
.contact-page #text1 p { width: 100%; }

/*English Page*/
.english-page #headline, .english-page #text1 { text-align: left;}
.english-page #headline, .english-page #text1 p { font-family:"ff-meta-serif-web-pro";}
.english-page #text1 h3 { font-weight: bold;}
.english-page #text1 {direction: ltr; max-width: 100%; margin: 0 20% 0 0;}
.english-page #GridContent:before { right: auto; left: 80px; height: 97%;}

@media(min-width: 1025px) {

    /*Top Banner*/
    #home-gallery .gallery-caption { top: 38%;}
    #home-gallery .gallery-logo { width: 65%;}

    /*About Section*/
    .about-section { padding: 120px 0 !important;}
}

@media(min-width:992px) {
    /*Headrr*/
    #header .social-links { padding-right: 70px; }

    /*About Section*/
    .about-section .grid-box:first-child { margin-right: 0;}
    .about-section .grid-box:last-child { margin-left: 0;}

    /*More Info Section*/
    .more-info-section .grid-box:first-child { margin-right: 0;}
    .more-info-section .grid-box:last-child { margin-left: 0;}
}

@media(min-width: 768px) {
    /*Forms*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectField,.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25%; }

    /*Header*/
    #header #header-center-kdm { top: 55px;}
    #header #header-center-kdm a:after { content:""; display:block; background:url('../../../warehouse/temp/Kyoto/flower-header.png'); width: 13px; height: 13px;
        position: absolute; left: -43px; top: 10px; background-size: cover; background-repeat: no-repeat; }
    .nav-menu-anim {margin-right: 5px;}
    #header.menu-open .social-links.pull-right { visibility: hidden !important;}
    #header .social-links { padding-right: 70px; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms;}
    #header .submenu > li.active, #header .submenu > li:focus, #header .submenu > li:hover { background: #221926;}
    li.social-mobile {display: none !important;}
    #header .submenu {padding: 10px 5px; width: 280px;}
    #header .submenu > li { text-align: right; padding: 7px;}
    #header .submenu li:not(.has-sub) > a { padding-right: 15px;}

     /*About Section*/
    .about-section .grid-box:first-child { margin-right: 0;}
    .about-section .grid-box:last-child { margin-left: 0;}

    /*Events Section*/
    .grid-text-section .grid-text .grid-text-content { width: 540px; padding: 0;}

    /*More Info Section*/
    .more-info-section .grid-box:first-child { margin-right: 0;}
    .more-info-section .grid-box:last-child { margin-left: 0;}

    /*Contact Page*/
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; }
}

@media(min-width: 1170px) and (max-width: 1440px) {
    /*General Styles*/
    .grid-boxes.row { max-width: 1100px;}

    /*About Section*/
    .about-section .grid-box {margin: 0 30px;}

    /*More Info Section*/
    .more-info-section .grid-box {margin: 0 30px;}
}

@media(min-width: 1170px) and (max-width: 1306px) {
    #header #header-center-kdm a { display: inline-block; font-size: 94%;}
    #header #header-center-kdm { left: 43%; }
}

@media(max-width: 1024px) {
    /*General Styles*/
    .grid-boxes.row { max-width: 700px; }
    #GridContent { padding: 40px 60px 80px;}

    /*Top Banner*/
    #home-gallery .gallery-logo { width: 100%; }
    .section-title h1, .section-title h2 { font-size: 278%; }
    #home-gallery .flex-direction-nav a.flex-next { right: 30px; }
    #home-gallery .flex-direction-nav .flex-prev { left: 30px;}

    /*About Section*/
    .about-section .grid-box:after { top: 7px; right: 7px; bottom: 7px; left: 7px;}
    .about-section .grid-boxes .grid-box-title h2 { font-size: 150%; }
    .about-section .grid-boxes .grid-box-title h3 a { font-size: 70%;}
    .about-section .grid-boxes .grid-box-title h2 a { font-size: 70%; }

    /*Events Section*/
    .grid-text-section {padding: 120px 0;}
    .grid-text-section .grid-text:before { top: -40%; width: 250px; height: 460px;}
    .grid-text-section .grid-text:after { top: -40%; width: 250px; height: 460px;}
    .grid-text-section .grid-text .grid-text-content { width: 300px; }
    .grid-text-section .grid-text p { font-size: 100%;}
    .grid-text-section:after { width: 410px; height: 510px;}
    .grid-text-section .grid-text .sec-button { font-size: 105%;}
    .grid-text-section h2:after { width: 130px;}

    /*Gallery Section*/
    .grid-gallery-section:after {width: 45px; height: 180px;}
    .gallery-cubes>div.col-xs-6.col-sm-3 { padding: 15px; }
    .gallery-cubes .image-link-inner { width: 36px; height: 36px;}
    .gallery-cubes .plus-sign { font-size: 240%; }

    /*More Info Section*/
    .more-info-section .grid-boxes .grid-box-title h3 a { font-size: 70%;}
    .more-info-section .grid-box:after {top: 7px; right: 7px; bottom: 7px; left: 7px;}
    .more-info-section .grid-box { margin: 0 20px;}
    .more-info-section .section-title { margin-bottom: 8%; }

    /*****Inner Pages*****/
    /*About Page*/
    div#pageview:after {width: calc(100% - 50px);}
    #GridContent:before {right: 30px;}

    /*Menu Page*/
    .menu-page #GridContent:before { right: 10px; }

    /*Sushi Platter Page*/
    .owl-carousel .owl-item .item .plus-sign { width: 36px; height: 36px; }
    .owl-carousel .owl-item .item .plus-sign span { font-size: 171%; }
    .sushi-platter-page .menuModuleTextItemSubject { margin-bottom: 15px; }

    /*Career page*/
    .career-page div#ContentFaqModule:after {width:calc(100% - 50px);}
    .career-page div#pageview { padding: 40px 0 30px;}
    .career-page div#faqview { padding: 0; }
    .career-page #text1 p:last-child {margin-bottom: 0;}

    /*Blog Page*/
    .blog-page #GridContent:after { width: calc(100% - 50px); height: calc(100% - 50px); top: 39%;}
    .blog-page #GridHeader { padding: 40px 70px 0;}
    .blog-page #GridContent:before { right: -10px; }
    #BlogMain:after, #BlogView:after { width: calc(100% - -80px); }
    #BlogView:before { top: -120px;}
    #BlogMain:before { top: -160px;}
    .blog-related-post-title a {font-size: 90%;}

    /*Contact Page*/
    .contact-page #GridContent:before { right: 0px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { width: 80px;}
    .contact-page #GridContent { margin-bottom: 40px; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    /*General Styles*/
    #text1 { max-width: 100%;}
    /*#text1 p { width: 90%;}*/

    /*About Section*/
    .about-section { padding: 140px 0 !important; }
    .about-section .grid-box { margin: 0 10px; width: 22%; padding: 0 0 10px;}
    .about-section .grid-boxes .grid-box-image { margin-bottom: 5px;}

    /*More Info Section*/
    .more-info-section .grid-boxes .grid-box-image {margin-bottom: 5px;}
    .more-info-section .grid-box { padding: 0 0 10px;}

    /*Sushi Platter Page*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%;}

    /*Events Page*/
    .events-page #GridContent:before {height: 94%;}

    /*Gift Card Page*/
    .gift-card-page #text1 p { width: 100%;}

    /*Career page*/
    .career-page #GridPage {padding-top: 80px;}
    .career-page #GridContent { padding: 40px 60px 0; margin-bottom: 80px;}

}

@media(min-width: 768px) and (max-width: 991px) {
    #header #header-right { width: auto;}
    #header #header-right .social-links { display: table-cell;  }
    .blog-page #GridContent:after {top: 37%;}
}

@media(max-width: 767px) {
    /*General Styles*/
    .section-title h1, .section-title h2 { font-size: 195%; }
    #GridContent { padding: 10px 20px 50px; }
    div#pageview { padding: 20px;}
    div#pageview:after { width: calc(100% + 30px); }
    #headline h1 {font-size: 93%; }
    #GridContent:before { right: 0; top: -20px; height: 100%; }
    #text1 { max-width: 90%;}

    .searchMobile { margin-top: 20px; }

    /*Forms*/
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 65%; padding-top: 20px;}
    .form-container-wide #DynamicFormObject .dynamicFormEndText { padding: 0 20px 20px; }
    .normal-form textarea { padding-right: 17px; }

    /*Pop Up Form*/
    #promotionWindow-second {position: relative; width: 320px;  left: 128%; right: auto; transform: translateX(50%); -webkit-transform: translateX(50%);}
    #promotionWindow-second h3 {font-size: 112%; margin-top: 5px;}
    #promotionWindow-second .promotionWindow-second-text { display: none;}
    #promotionWindow-modal .modal-content { width: 100%; background-color: #0A0A29;}
    #promotionWindow-modal .close {left: 10px; top: -25px;}
    #promotionWindow-modal .close span .fa { font-size: 80%;}
    #promotionWindow-modal #DynamicFormObject { padding: 20px; margin: 0 auto;}
    #promotionWindow-modal #DynamicFormObject h2.dynamicFormObjectTitle { padding-top: 10px;}
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 5px;}
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectFields { margin: 0 0 10px;}
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectText { font-size: 45%; margin-top: 0; padding-top: 25px;}

    /*Form - Thank You Page*/
    #FormResultPage a { padding: 7px;}

    /*Header*/
    .home-page #header:not(.bg), #header.bg { padding: 20px; background-color: #000016;}
    #header #header-left img, #header.bg #header-left img { max-width: 120px; }
    #header .menu-nav:after { display: none;}
    #header #header-center-kdm { left: -20px; top: 23px; }
    #header.bg #header-center-kdm, #header #header-center-kdm { padding: 0;}
    #header #header-center-kdm a.hvr-fade { display: none; }
    #header #header-center-kdm a.hvr-fade.header-en { display: block; margin: 0; font-size: 100%; border: none;}
    .home-page #header:not(.bg), #header.bg { padding: 0 0 15px 0; }
    #header .menu-nav, #header.bg  .menu-nav { padding: 20px 20px 13px 20px; }
    #header .submenu > li.active, #header .submenu > li:focus, #header .submenu > li:hover { background: none;}
    #header .submenu > li.active a { border-bottom: 2px solid #000016;}
    #header .submenu > li a { border-bottom: 2px solid transparent;}
    #header .submenu { margin: 0; width: 100vw;  height: 100vh; max-height: 100vh; padding-top: 50px;}
    #header-left a {padding: 15px 0 0 15px;}
    #header #header-left img, #header.bg #header-left img { max-width: 110px;}
    #header.subopen #header-left img, #header.subopen #header-left img { display: none;}
    #header .submenu li { text-align:center; padding: 7px;}
    #header .submenu li.social-mobile { text-align: center;}
    .social-mobile a.social_icon_instagram {margin: 0 10px 0 0 !important;}
    .social-mobile a.facebook_icon_instagram { margin-left: 10px !important; }
    #header .social-mobile .social_icon_instagram svg { margin-top: 4px; height: 18px; width: 18px; }
    #header .submenu li:not(.has-sub) > a { width: auto; padding-bottom: 3px;  font-size: 145%;}
    #nav-toggle, #nav-toggle-mobile { bottom: -10px;}
    #header .phone-icon { font-size: 159%;}
    #header .phone-icon a {padding-top: 17px;}
    #header .phone-icon i { position: relative; top:2px;}
    .hidden-xs { display: block !important;}
    #promotionWindow {left: 0px; bottom: 55px; right: auto; max-width: 70px;}
    #promotionWindow-first { bottom: 0; right: 0;}
    #promotionWindow-first a { font-size: 85%; padding: 8px;}
    #promotionWindow-first a:before { display:none;}
    .english-page div#promotionWindow { left: auto;}
    .english-page #promotionWindow-second {left: auto; right: 229%;}

    /*Top banner*/
    #home-gallery .scroll-down { bottom: 12%; }
    #home-gallery .scroll-down:after {width: 50px; height: 70px;}
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 15%;}
    #home-gallery .flex-direction-nav a.flex-next { right: 10px; }
    #home-gallery .flex-direction-nav .flex-prev { left: 10px;}
    #home-gallery .gallery-logo img { min-width: 180px; max-width: 180px;}

    /*About Section*/
    .about-section {padding: 70px 15px !important;}
    .about-section .grid-box { width: 83%;}
    .about-section .grid-box { margin: 0 20px 40px; }
    .about-section .grid-box:last-child { margin-bottom: 0;}
    .about-section:after { top: -45px; height: 120px;}
    .about-section .grid-boxes .grid-box-image { padding-bottom: 100%;}

    /*Events Section*/
    .grid-text-section:after { width: 90%; height: 550px; }
    .grid-text-section { padding: 100px 15px; }
    .grid-text-section .grid-text:before, .grid-text-section .grid-text:after { display: none;}
    .grid-text-section .grid-text .sec-button { width: 160px;}

    /*Gallery Section*/
    .grid-gallery-section { padding: 50px 15px; }
    .gallery-cubes>div.col-xs-6.col-sm-3 { padding: 10px; }

    /*More Info Section*/
    .more-info-section { padding: 50px 15px 30px !important;}
    .more-info-section .grid-box { width: 83%; margin: 0 10px 20px; }

    /*Footer*/
    .footer-text.text-center { padding: 10px;}
    .footer-social { position: relative; z-index: 1; }
    .footer-logo img {max-width: 70% !important;}
    .text-center span .footer-address { display: block !important;}
    .footer-address p {font-size: 55%;}


    /*****Inner Pages*****/
    /*Menu Page*/
    #MenuModule .menuModuleNav a { font-size: 100%; margin: 0 5px 8px; }
    .menuModuleTextItemTitle {font-size: 100%; }
    .menuModuleTextItemPrice {font-size: 97%; }
    .menuModuleTextItemPrice:before { font-size: 50%; }
    .menuModuleTextItemDescription { font-size: 90%; }
    .menuModuleTextItemSubjectDescription {font-size: 90%; }
    .menu-page #GridContent:before { height: 98%;}

    /*Sushi Platter Page*/
    /*.owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { width: 30px; height: 30px;}*/
    .GridBottomGallery { padding-bottom: 40px;}
    .sushi-platter-page .owl-carousel .owl-item .item { padding: 0;}
    .sushi-platter-page .GridBottomGallery { padding-bottom: 0; }
    .blueimp-gallery > .next { right: 10px;}
    .blueimp-gallery > .prev { left: 10px;}
    .sushi-platter-page .form-container-wide #DynamicFormObject .dynamicFormObjectField,.sushi-platter-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%;}
    .sushi-platter-page .menuModuleContentPart {margin-bottom: 0; }

    /*Events Page*/
    .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectField, .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%;}
    .events-page #DynamicFormObject .dynamicFormObjectField .must:before { top: 2%;}

    /*Gift Card Page*/
    .gift-card-page #GridContent:before { height: 100%; }

    /*Career Page*/
    .career-page #GridPage { padding: 40px 0 30px;}
    .career-page div#pageview { padding: 20px;}
    .career-page div#faqview { padding: 0 20px;}
    .career-page #GridContent { padding: 10px 20px 20px; }

    /*Blog Page*/
    .blog-page #GridPage { padding-top: 40px; }
    .blog-page #GridHeader { padding: 40px 20px 0; }
    .blog-page #GridContent:after {width: calc(100% - 10px); height: calc(100% - 100px); top: 42%;}
    .blog-post-title a { font-size: 75%; }
    .pagination { padding-left: 5px;}
    .pagination > li > a, .pagination > li > span { margin: 0 10px 10px 0;}
    .blog-posts { column-count: 1;}
    .blog-page #GridContent:before { top: -120px; height: 97%;}
    /*#BlogModule { overflow: hidden; }*/
    .pagination > li > a, .pagination > li > span { height: 37px; width: 37px;}
    #BlogMain, #BlogView { padding: 0 20px; }
    .blog-page #GridWrapInner { overflow: hidden; }
    .pagination > li { display: inline-block;}
    .blogmain-header #headline { padding-right: 20px;}
    #BlogModule #text1 ul { padding-right: 15px;}
    #BlogMain:after { width: 100%; top: 48%; height: 107%;}
    #BlogMain:before { top: -120px; right: -20px; height: 110%;}
    #BlogView:after { width: 100%; height: 102%;}
    #BlogView:before { top: -60px;  height: 103%;}
    #BlogView .share-strip { padding-left: 5px;}
    #BlogView .share-strip:after, #BlogView .share-strip:before { width: 11%; }
    #BlogView .row { margin: 0;}
    #BlogView .blog-related-posts .col-sm-4.col-xs-6 { padding: 15px; width:100%;}

    /*Contact Page*/
    .contact-page #pageview { padding: 20px }
    div#pageview:after { width: calc(100% - 10px); }
    .contact-page #GridContent { padding: 10px 0 0; }
    .contact-page #text1 p:last-child { margin-bottom: 0; }
    .contact-page #SiteGrid.layout-bottom #GridPromo { padding: 20px 0 50px; }
    .contact-page #text1 { font-size: 115%; }
    .contact-page #GridContent:before {top: 0;}

    /*English Page*/
    .english-page #text1 { margin: 0 10% 0 0;}
    .english-page #GridContent:before {left: 10px; height: 100%;}
    .english-page #text1 p a { padding: 1px 5px;  font-size: 85%;}
}

@media(min-width: 375px) and (max-width: 411px) {
    #home-gallery .scroll-down { bottom: 11%; }
}

@media(max-width: 320px) {
    /*Header*/
    #header .submenu li:not(.has-sub) > a { font-size: 117%; }
    #header #header-center-kdm { left: -5px; }

    /*Top Banner*/
    #home-gallery .scroll-down { bottom: 13%; }

    /*About Section*/
    .about-section:after { top: -30px; }

    /*English Page*/
    .english-page #text1 { margin: 0; }
    .english-page #text1 p a { padding: 1px 4px; }
}

.categories-strip { background: #996E3D; }

.categories-strip ul li.active { background: #221926; }


.safariBrowser.macOs #gridshort-view.shown > div, #lobbyview.shown .grid-box, .grid-boxes .section-animation-item.opacity {animation:.1s forwards fadeElements}
.safariBrowser.macOs .section-animation-item.up {animation: .5s forwards moveUp !important;-webkit-animation: .5s forwards moveUp !important;-moz-animation: .5s forwards moveUp !important;-o-animation:.5s forwards moveU !important;}
.safariBrowser.macOs .section-animation-item {-webkit-transition: opacity 0.5s ease-in-out;}