@charset "utf-8";

html, body {height: auto;}
body {font-size: 15px;font-family: 'CoreGTE', sans-serif;background: #ffffff;}
a {font-size: 15px;color: #222;text-decoration: none;}

/* INPUT */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
textarea {-webkit-appearance: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;font-family: 'CoreGTE', sans-serif;}
input[type=radio] {border-radius: 100%;}

/* PLACEHOLDER */
::-webkit-input-placeholder {font-family: 'CoreGTE', sans-serif;font-size: 15px;color: #222;}
::-moz-placeholder {font-family: 'CoreGTE', sans-serif;font-size: 15px;color: #222;}
:-ms-input-placeholder {font-family: 'CoreGTE', sans-serif;font-size: 15px;color: #222;}

/* LIST FLOAT CLEAR */
ol:after, ul:after {content: '';clear: both;display: table;}

/* WRAP */
.wrap {max-width: 1200px;margin: 0 auto;}

/* line */
.jt_line_section {max-width: 1292px;margin: 0 auto;}
.jt_line_section img {width: 100%;height: auto;vertical-align: middle;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 173px;position: fixed;top: 0;left: 0;z-index: 500;background: #ffffff;}
.header_inner {max-width: 1695px;height: 100%;margin: 0 auto;position: relative;}

/* BANNER */
.header_shop_banner {display: block;position: fixed;top: 0;right: 0;width: 224px;height: 121px;background: transparent url(../images/header-banner.png) no-repeat right top;background-size: cover;-webkit-transition: all 300ms;transition: all 300ms;-webkit-transition-delay: 100ms;transition-delay: 100ms;}
.header_shop_banner:after {content: '';display: block;width: 20px;height: 29px;position: absolute;top: 46px;right: 48px;}
.header_shop_banner p {display: block;position: absolute;top: 32px;left: 91px;font-size: 13px;font-weight: 600;line-height: 1.53;color: #fff;}
/*.header_shop_banner:hover {background-image: url(../images/layout/header-banner-secondary.png);}*/
    .hoverable {
      
/*      color:#ffffff;
      text-decoration:none;*/
    }
    .hoverable .hover {
      display:none;
    }
    .hoverable:hover .normal {
      display:none;
    }
    .hoverable:hover .hover {
      display:inline;  /* CHANGE IF FOR BLOCK ELEMENTS */
    }
.js_clone_header_shop_banner {display: block;padding-left: 40px;position: absolute;bottom: 0;right: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 250ms;transition: opacity 250ms;}
.js_clone_header_shop_banner:after {content: '';display: block;width: 25px;height: 22px;position: absolute;left: 0;top: 50%;margin-top: -14px;}
.js_clone_header_shop_banner p {display: block;font-size: 13px;font-weight: 600;line-height: 69px;color: #222;}
.js_clone_header_shop_banner p br {display: none;}

.minimize .header_shop_banner {opacity: 0;visibility: hidden;-webkit-transition: all 250ms;transition: all 250ms;}
.minimize .js_clone_header_shop_banner {opacity: 1;visibility: visible;-webkit-transition: opacity 300ms;transition: opacity 300ms;-webkit-transition-delay: 150ms;transition-delay: 150ms;}

/* LOGO */
#logo {display: block; height: auto;padding: 8px 0 0px;text-align: center;}
#logo a {display: inline-block;}
#logo a svg, #logo a img {vertical-align: middle;}
.home #logo svg path {fill: #020201;}

/* TOP MENU */
.top_menu_container {position: absolute;left: 0;bottom: 0;}
#top_menu {display: block;width: auto;}
#top_menu li {float: left;position: relative;}
#top_menu li:before {content: '';display: block;width: 3px;height: 3px;position: absolute;left: -1.5px;top: 50%;margin-top: -1.5px;border-radius: 50%;background: #222;}
#top_menu li:first-child:before {display: none;}
#top_menu a {display: block;padding: 0 10px;font-size: 13px;line-height: 69px;font-weight: 600;letter-spacing: -0.025em;color: #222;}
#top_menu li.menu-item-logout, #top_menu li.menu-item-login {padding-left: 14px;}
#top_menu li.menu-item-logout:after, #top_menu li.menu-item-login:after {content: '';display: block;width: 17px;height: 20px;position: absolute;left: 0;top: 50%;margin-top: -12px;background: url(../images/icon/icon-login-2x.png) no-repeat center center;background-size: 100% 100%;}

/* MENU */
.menu_container {display: block;width: 100%;max-width: 1020px;margin: 0 auto;padding: 10px 0;}
#menu {display: block;width: 100%;font-size: 0;line-height: 0;text-align: center;}
#menu li {position: relative;}
#menu a {display: block;line-height: 1.7;font-weight: 600;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
#menu ul.sub-menu {display: none;width: 180px;position: absolute;}

/* 1depth */
#menu > li {display: inline-block;width: 16%;}
#menu > li > a {padding: 12px 0;position: relative;font-size: 15px;color: #222;}
#menu > li > a:before {content: '';display: block;width: 4px;height: 18px;position: absolute;top: 50%;left: -2px;margin-top: -9px;background: transparent url(../images/icon/icon-col-line.png) no-repeat center center;}
#menu > li:first-child > a:before {display: none;}
/*#menu > li:hover > a, #menu > li.current_page_item > a {color: var(--color-primary);}*/

/* 2depth */
#menu > li:hover > ul {display: block;}
#menu > li > ul {top: 100%;left: 50%;margin-left: -90px;}
#menu > li > ul > li {background: #090504;}
#menu > li > ul > li:before {content: '';display: block;width: 100%;height: 3px;background: transparent url(../images/layout/sub-menu-line.png) no-repeat center center;}
#menu > li > ul > li:first-child:before {display: none;}
#menu > li > ul > li > a {padding: 13px 0;font-size: 14px;color: #888;}
#menu > li > ul > li:hover > a {color: #fff;}

/* minimize */
.minimize #header {-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}

/* mobile */
#small_menu_btn, #small_menu_close, #small_menu_overlay {display: none;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;padding: 67px 0 120px;position: fixed;bottom: 0;left: 0;text-align: center;}
#footer .small_br {display: none;}
.footer_inner {max-width: 1200px;margin: 0 auto;position: relative;}
.footer_inner p {line-height: 2.26;}

.footer_coffee_icon {}
.footer_coffee_icon img {vertical-align: middle;}

.footer_typo {padding: 20px 0 30px;font-size: 15px;letter-spacing: -0.025em;color: #ffffff;}

.footer_menu {text-align: center;}
.footer_menu li {display: inline-block;}
.jt_btn.footer_menu_item {padding: 11px 48px;color: #fff;background-color: #222;border-color: #222;}
.jt_btn.footer_menu_item:hover {background-color: #111;border-color: #111;}

.footer_info {padding: 55px 0 12px;font-size: 14px;letter-spacing: -0.025em;color: #656460;color: rgba(255, 255, 255, .3);}
.footer_info a {font-size: 14px;color: #656460;color: rgba(255, 255, 255, .3);}
.footer_info span {display: inline-block;padding: 0 5px;}

.footer_copy {font-size: 10px;font-weight: 600;letter-spacing: 1em;color: #b1b1b1;}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.scroll_top {display: block;height: 60px;width: 60px;position: absolute;bottom: 10px;right: 20px;font-size: 0;cursor: pointer;background: url(../images/scroll-top.png) no-repeat center center;background-size: cover;-webkit-transition: background 0.3s, opacity 0.3s;transition: background 0.3s, opacity 0.3s;z-index: 999;}
.scroll_top:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font'; font-size: 18px;text-align: center;line-height: 60px;color: #222;-webkit-transition: color 0.2s;}
.scroll_top:hover {background-image: url(../images/scroll-top-secondary.png);}
.scroll_top:hover:after {color: #fff;}

.scroll_top.js_scroll_top_fix {position: fixed;bottom: 20px;}
.scroll_top.js_scroll_top_hide {opacity: 0;z-index: -1;}



/* **************************************** *
 * MAIN CONTAINER
 * **************************************** */
.main_container {min-height: 600px;padding-top: 173px;margin-bottom:576px;position: relative;z-index: 10;background: #ffffff;}
.main_container_layer {width: 100%;height: 134px;position: absolute;bottom: -134px;left: 0;background: transparent url(../images/layout/container-layer.png) no-repeat center center;}



/* **************************************** *
 * PAGE
 * **************************************** */
.article {}
.article_header {padding-top: 95px;text-align: center;}
.article_title {display: block;width: 385px;height: 116px;margin: 0 auto;position: relative;font-size: 35px;font-weight: 600;line-height: 116px;color: #222;background: url(../images/layout/article-header-bg.png) no-repeat center center;}
.article_title:before {content: '';display: block;width: 3px;height: 63px;position: absolute;top: -52px;left: 50%;margin-left: -1px;background: url(../images/layout/article-header-line.png) no-repeat center center;}
.article_desc {padding-top: 50px;font-size: 15px;font-weight: 400;line-height: 2.27;letter-spacing: -0.025em;color: #222;}
.article_body {padding-bottom: 120px;position: relative;}



/* **************************************** *
 * SINGLE
 * **************************************** */
.single_view_wrap {max-width: 700px;margin: 0 auto;}

.single_view_header {padding: 100px 0 40px;text-align: center;}
.single_view_category {display: inline-block;padding: 8px 18px;font-size: 13px;line-height: 1;font-weight: 400;color: #fff;background: url(../images/icon/icon-category-bg.png) no-repeat center center;background-size: 100% 100%;}
.single_view_title {padding: 20px 0;position: relative;font-size: 35px;font-weight: 600;line-height: 1.6;color: #222;}
.single_view_title:after {content: '';display: block;width: 382px;height: 3px;position: absolute;bottom: -3px;left: 50%;margin-left: -191px;background: url(../images/sub/view/view-header-line.png) no-repeat center center;background-size: 100% 100%;}
.single_view_meta {padding-top: 13px;font-size: 12px;font-weight: 600;line-height: 2.27;color: #aaa;}
.single_view_meta span {display: inline-block;padding: 0 2px;vertical-align: middle;}
.single_view_meta span b {color: #222;}

.single_view_body {}
.single_view_content {}
.single_view_content h1,
.single_view_content h2,
.single_view_content h3,
.single_view_content h4,
.single_view_content h5,
.single_view_content h6,
.single_view_content p,
.single_view_content ul,
.single_view_content ol,
.single_view_content blockquote {max-width: 700px;margin-left: auto;margin-right: auto;}
.single_view_content img,
.single_view_content div.wp-caption {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.single_view_content h1,
.single_view_content h2 {margin-bottom: 33px;font-size: 30px;font-weight: 600;line-height: 1.6;color: #222;}
.single_view_content h3 {margin-bottom: 14px;font-size: 20px;font-weight: 400;line-height: 1.6;color: #222;}
.single_view_content p {margin-bottom: 33px;font-size: 15px;font-weight: 400;line-height: 2.27;letter-spacing: -0.025em;color: #222;}
.single_view_content a {font-weight: 600;border-bottom: 1px solid #222;-webkit-transition: color 200ms, border 200ms;transition: color 200ms, border 200ms;}
.single_view_content a:hover {color: #886152;border-bottom-color: #886152;}
.single_view_content ul,
.single_view_content ol {margin-bottom: 33px;}
.single_view_content li {position: relative;font-size: 15px;font-weight: 400;line-height: 2.27;letter-spacing: -0.025em;color: #222;}
.single_view_content ul li {padding-left: 13px;}
.single_view_content ul li:before {content: '';display: block;width: 5px;height: 5px;position: absolute;top: 14px;left: 0;background: #222;border-radius: 50%;}
.single_view_content blockquote {margin-bottom: 33px;padding-left: 30px;border-left: 5px solid #222;}
.single_view_content blockquote p {margin-bottom: 0;font-style: italic;}

.single_view_content img {margin-top: 65px;margin-bottom: 65px;}
.single_view_content > img:first-child {margin-top: 0;}

.single_view_content div.wp-caption {margin-top: 65px;margin-bottom: 65px;}
.single_view_content div.wp-caption img {margin-top: 0;margin-bottom: 0;}
.single_view_content div.wp-caption p.wp-caption-text {margin-top: 12px;margin-bottom: 0;font-size: 13px;text-align: center;}

.download_files_list {display: block;margin-top: 40px;padding-left: 24px;position: relative;}
.download_files_list:before {content: '';display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 2px;background: url(../images/icon/icon-file.png) no-repeat center center;}
.download_files_list a {display: inline-block;margin: 0 5px;vertical-align: top;font-size: 15px;font-weight: 400;line-height: 1.6;letter-spacing: -0.025em;color: #222;border-bottom: 1px solid transparent;-webkit-transition: border 300ms;transition: border 300ms;}
.download_files_list a b {font-weight: 600;}
.download_files_list a:hover {border-bottom-color: #222;}

.single_btn_wrap {max-width: 700px;margin: 0 auto 33px;}
.single_btn_wrap .jt_btn:hover {color: #222;border-bottom-color: #222;}



/* **************************************** *
 * 404
 * **************************************** */
.error404 #header, .error404 #footer, .error404 .main_container_layer, .error404 .scroll_top {display: none;}
.error404 .main_container {width: 100%;height: 100%;max-width: inherit;margin: auto;padding: 0;position: fixed;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;}
.error_404 {display: table;width: 100%;height: 100%;margin: auto;padding: 0;}
.error_404_inner {display: table-cell;padding: 40px 0;vertical-align: middle;text-align: center;}
.error_404_inner img {vertical-align: middle;}
.error_404_inner h1 {padding: 24px 0 21px;font-size: 18px;letter-spacing: -0.025em;line-height: 1.8;font-weight: 600;color: #222;}
.error_404_inner h1 br {display:none;}
.error_404_inner p {font-size: 15px;font-weight: 400;line-height: 2.27;letter-spacing: -0.025em;color: #222;}
.error_404_inner nav {margin-top: 38px;font-size: 0;}
.error_404_inner .jt_btn {margin: 0 5px;}