@charset "utf-8";

/*
 * File    : sub-projects.css
 * Author  : STUDIO-JT (JC)
 *
 * SUMMARY :
 * 프로젝트 (아카이브 + 단일)
 */

.single-projects.single_sticky_nav_show .scroll_top.js_scroll_top_fix {bottom:100px;}
.jt-fullvid-container { width: 100%; height: 100%; position: relative; overflow: hidden; }
/* ICON FONT INIT */
.single_sticky_nav [class^="icon-"],
.single_sticky_nav [class*=" icon-"] {
  font-family: 'jt-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
     -moz-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
/* single_sticky_nav */
.single_sticky_nav { background: #222; cursor: default;}
.single_sticky_nav span, .single_sticky_nav a { cursor: pointer; }
.single_sticky_nav_inner { }
.single_sticky_nav_inner:after { content: ""; display: table; clear: both; }
.single_sticky_nav_menu { float: left; }
.single_sticky_nav_menu:after { content: ""; display: table; clear: both; }
.single_sticky_nav_menu_anchor { position: relative; padding: 27.5px 30px; float: left; }
.single_sticky_nav_menu_anchor:first-child {padding-left: 0;}
.single_sticky_nav_menu_anchor:hover { }
.single_sticky_nav_menu_anchor:after { content: ""; display: block; width: 1px; height: 30px; background: #666; background: rgba(255, 255, 255, .3); position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; }
.single_sticky_nav_menu_anchor_main { }
.single_sticky_nav_menu_anchor_share { padding: 26.5px 30px; }
.single_sticky_nav_menu_anchor_request { }
.single_sticky_nav_menu_anchor_main .icon-enter,
.single_sticky_nav_menu_anchor_share .icon-share,
.single_sticky_nav_menu_anchor_request .icon-project {  margin-left: 5px; }
.single_sticky_nav_menu_anchor_request .icon-project { font-size: 20px; vertical-align: sub; }
.single_sticky_nav_menu_anchor,
.single_sticky_nav_pagenation_anchor{color:#666;color:rgba(255, 255, 255, .5);display: block;}
.single_sticky_nav_menu_anchor:hover,
.single_sticky_nav_pagenation_anchor:hover{ color:#fff;}
/* single_sticky_nav_menu_share */
.single_sticky_nav_menu_share {opacity:0;visibility:hidden;display: block;position: absolute;left: -30px;bottom: 87px;min-width: 183px;min-height: 56px;background: var(--c-primary);border-radius: 3px;padding: 11px;text-align: center;font-size: 0;line-height: 0; -webkit-transition: opacity 300ms ease,visibility 300ms; transition:opacity 300ms ease,visibility 300ms;}
.single_sticky_nav_menu_share:after { content: ""; display: block; clear: both; position: absolute; bottom: -12px; left: 0; right: 0; width: 0; height: 0; border: 6px solid transparent; border-top-color: var(--c-primary); margin: 0 auto; }
.single_sticky_nav_menu_share_anchor {display: inline-block;width: 30px;height: 30px;overflow: hidden;color: #666;color: rgba(255, 255, 255, .5);white-space: nowrap;text-indent: 100%;position: relative;font-size: 14px;}
.single_sticky_nav_menu_share_anchor:hover{color:#fff;}
.single_sticky_nav_menu_share_anchor:before{display:block;text-indent:0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;line-height: 30px;}
/*.single_sticky_nav_menu_anchor_share:hover .single_sticky_nav_menu_share{opacity:1;visibility: visible;}*/
.single_sticky_nav_menu_anchor_share.hover .single_sticky_nav_menu_share {opacity: 1;visibility: visible;}
/* single_sticky_nav_pagenation */
.single_sticky_nav_pagenation {float: right;}
.single_sticky_nav_pagenation:after { content: ""; display: table; clear: both; }
.single_sticky_nav_pagenation_anchor {width: 75px;display: block;float: left;height: 100%;padding: 27.5px 7.5px;white-space: nowrap;text-align: center;position: relative;}
.single_sticky_nav_pagenation_anchor_current {background: var(--c-primary);overflow: hidden;white-space: nowrap;text-indent: -9999px;}
.single_sticky_nav_pagenation_anchor_line_wrap { position: absolute; width: 15px; height: 14px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.single_sticky_nav_pagenation_anchor_line { width: 100%; height: 2px; background: #fff; position: absolute; left: 0; }
.single_sticky_nav_pagenation_anchor_line_01 { top: 0; }
.single_sticky_nav_pagenation_anchor_line_02 { top: 6px; }
.single_sticky_nav_pagenation_anchor_line_03 { bottom: 0; }
.single_sticky_nav_pagenation_anchor .icon-arrow{position: absolute;top: 0;bottom: 0;margin: auto 0;height: 14px;}
.single_sticky_nav_pagenation_anchor .icon-arrow-left {left: -10px;}
.single_sticky_nav_pagenation_anchor .icon-arrow-right {right: -10px;}
.single_sticky_nav_pagenation_anchor:hover .icon-arrow{color:var(--c-accent);}
.single_sticky_nav_pagenation_anchor:before { content: ""; display: block; position: absolute; width: 0; height: 2px; background: #fff; top: 0; right: 0; bottom: 0; left: 0; margin: auto; visibility: hidden; -webkit-transition: width 300ms; transition: width 300ms; }
.single_sticky_nav_pagenation_anchor:hover:before { width: 46px; background: var(--c-accent); visibility: visible; }
.single_sticky_nav_pagenation_anchor_current:before { display: none; }
/* jtstickynav */
.single_sticky_nav.fixed {position: fixed;left: 0px;bottom: 0;width: 100%;z-index: 299;opacity: 0;visibility: hidden;}
/* PROJECT VIEW NAV */
.safari .project_nav_inner > a {display:inline-block; width:50%; padding-top:0;}
.safari .project_nav_inner > a .project_nav_info {padding-top:101px; -webkit-transition:all 300ms; transition:all 300ms;}
.safari .project_nav_inner > a:hover .project_nav_info {padding-top:68px;}
.project_item a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow: hidden;}
/* TEXT */
.project_view .single_inner_wrap {padding:100px 0 12px 0; text-align:left;}
.project_view .single_inner_wrap h2 {font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 26px;font-weight: 600;color: #222;line-height: 1.25;margin-bottom: 26px;}
.project_view .single_inner_wrap p {font-size:15px; color:#444; line-height:2.2; font-weight:500;}
/* PROJECT HEADER */
.project_view .project_meta_wrap {padding-top: 120px;padding-bottom: 120px;}
.project_view .project_meta_wrap h1 {font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 34px;font-weight: 600;color: #222;line-height: 1.25;margin-bottom:24px;}
.project_view .project_meta_wrap.project_meta_wrap h1 {font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 26px;font-weight: 600;color: #222;line-height: 1.25;margin-bottom: 26px;}
.project_meta_wrap .summary {padding: 13px 0 40px;font-size:0;}
.project_meta_wrap .summary li {display:inline-block; width:200px; margin-left:50px; font-family:'Montserrat', 'NotoSansKR'; font-weight:600; vertical-align:top;}
.project_meta_wrap .summary li:first-child {margin-left:0;}
.project_meta_wrap .summary li h2 {font-size:16px; color:#222; padding-bottom:14px; margin-bottom:12px; border-bottom:3px solid #222; line-height:1.25;}
.single_content_view a.view_btn_site,
.view_btn_site {display:block; width:241px; height:60px; line-height:56px; position:relative; padding:0 55px 0 38px; margin-top:33px; font-size:15px; color:#fff; background:var(--c-primary); border:2px solid var(--c-primary); border-radius:3px;}
html.ios .single_content_view a.view_btn_site, html.ios .view_btn_site {padding-top: 2px;}
.view_btn_insta {margin: 0 auto;}
.single_content_view a.view_btn_site:hover,
.view_btn_site:hover {background:#fff; color:var(--c-primary);}
.view_btn_site:after {content:'\e90b'; display:block; width:24px; height:19px; position:absolute; top:0px; right:27px; font-family:'jt-font'; font-size:22px;}
/* PROJECT DETAIL */
.project_view .jt_project_detail {text-align: center;}
.project_view .jt_project_detail img {margin: 160px auto;vertical-align: top;}
/* PROJECT VIEW TAG */
.project_view .jt_tag {margin-top:60px; margin-bottom:162px;}
/* PROJECT VIEW NAV */
.project_nav_inner {display:table; table-layout:fixed; width:100%; position:relative; margin:0 auto; font-size:0;}
.project_nav_inner > a {display:table-cell; width:51%; height:226px; overflow:hidden; position:relative; vertical-align:middle; text-align:center; background-size:100% auto; -webkit-transition:300ms; transition:300ms; padding-top:20px;}
.project_nav_inner > a .bg_wrap {display:block; width:100%; height:226px; overflow:hidden; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:center center; background-size: cover;-webkit-transition:300ms; transition:300ms; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 1s ease-out; transition:all 1s ease-out;}
.project_nav_inner > a:hover {padding-top:0; padding-bottom:35px; /*background-size:190%;*/}
.project_nav_inner > a:hover .bg_wrap {-ms-transform:scale(1.3); -webkit-transform:scale(1.3); transform:scale(1.3);}
/* IE 9 에러 때문에 BEFORE대신 div 마크업(class="bg_color_wrap") 추가로 대체했습니다.
.project_nav_inner > a .bg_wrap:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000000; background:rgba(0, 0, 0, .6); -webkit-transition:500ms; transition:500ms;}
.project_nav_inner > a:hover .bg_wrap:before {background:var(--c-primary);background:rgba(11, 33, 238, .9);}
*/
.project_nav_inner > a .bg_color_wrap {display:block; width:100%; height:226px; position:absolute; top:0; left:0; background:#000000; background:rgba(0, 0, 0, .6); -webkit-transition:500ms; transition:500ms;}
.project_nav_inner > a:hover .bg_color_wrap {background:var(--c-primary);background:rgba(11, 33, 238, .9);}
.project_nav_inner > a .project_nav_info {position:relative; z-index:100;}

.project_nav_inner span, .project_nav_inner p {position:relative; z-index:200; font-size:15px; color:#fff; font-weight:500;z-index: 1;}
.project_nav_inner > a .page_name {opacity:0; -webkit-transition:750ms; transition:750ms; padding:0 5%;}
.project_nav_inner > a:hover .page_name {opacity:1;}
.project_nav_inner > a .page_name:after {content:''; display:block; width:17px; height:12px; position:absolute; bottom:-26px; left:50%; margin-left:-9.5px; font-size:19px; font-family:'jt-font'; color:var(--c-accent); -webkit-transition:500ms; transition:500ms; opacity:0; }
.project_nav_inner .project_nav_prev .page_name:after {content:'\e902';}
.project_nav_inner .project_nav_next .page_name:after {content:'\e903';}
.project_nav_inner > a:hover .page_name:after {opacity:1;}
.project_nav_inner .project_nav {position:relative; display:inline-block; width:auto; padding:0 5px;}
.project_nav_inner .project_nav:after {content:''; display:none; width:100%; height:2px; position:absolute; top:50%; left:0px; background:var(--c-accent); clear:both;}
.project_nav_inner > a:hover .project_nav {margin-bottom:12px;}
.project_nav_inner > a:hover .project_nav:after {display:block;}
.project_nav_inner p span {font-family:'Montserrat'; font-size:18px; font-weight:600; color:#fff;}
/* nav list */
.project_nav_inner .project_list {display:block; width:74px; height:74px; position:absolute; top:50%; left:50%; margin-top:-37px; margin-left:-37px; text-align:center; background:#ffffff; background:rgba(255, 255, 255, .1); border:1px solid #ffffff; border:1px solid rgba(255, 255, 255, .21); -webkit-transition:300ms; transition:300ms; z-index:200;}
.project_nav_inner .project_list:hover {background:#fff; border-color:#fff;}
.project_nav_inner .project_list .project_nav_list {display:block; width:100%; height:100%;}
.project_nav_inner .project_list .project_nav_list .hidden { position:absolute; left:-10000px; top:auto; height:1px; overflow:hidden;}
.project_nav_inner .project_list .list_line {position:absolute; left:50%; display:block; width:16px; margin-left:-8px; border:1px solid #fff; -webkit-transition:300ms; transition:300ms;}
.project_nav_inner .project_list:hover .list_line {border-color:#000;}
.project_nav_inner .project_list .list_line_01 {top:28px;}
.project_nav_inner .project_list .list_line_02 {top:34px;}
.project_nav_inner .project_list .list_line_03 {top:40px;}
.project {padding-top: 50px;}
.project:after {content: '';display: block;clear: both;}
.project_item {float: left;width: 50%;padding-top: 50%;position: relative;background: no-repeat center center;background-size: cover;}
.project_item_title {position: absolute;bottom: 5%;left: 6%;font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 18px;font-weight: 600;text-transform: uppercase;color: #fff;z-index: 1;}
.project_item_detail {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;background: var(--c-primary);background: rgba(11, 33, 238, .85);z-index: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 450ms;transition: opacity 450ms;}
.project_item > img{ position:absolute; left:0; top:0; width: 100%; height: auto;}
.project_item picture{ position:absolute; left:0; top:0; width: 100%; height: auto;}
.project_item picture img{ width: 100%; height: auto;}
.project_item_detail_table {display: table;width: 100%;height: 100%;}
.project_item_detail_cell {display: table-cell;width: 100%;vertical-align: middle;}
.project_item_detail_cell_inner {position:relative;}
.project_item_detail p {padding: 9px 0 33px 0;position: relative;font-size: 16px;font-weight: 500;line-height: 1.625;letter-spacing: -0.02em;color: #fff;}
.project_item_arrow {display: block;width: 46px;height: 12px;position: absolute;left: 50%;margin-left: -50px;bottom: 0;-webkit-transition: none;-webkit-transition: none;transition: none;}
.project_item_arrow svg path {fill:#fff}
/*
.project_item:hover .project_item_detail {opacity: 1;visibility: visible;}
.project_item:hover .project_item_detail .project_item_arrow {margin-left: -23px;-webkit-transition: all 300ms;transition: all 300ms;}
*/
.project .jt_loadmore {clear: both;padding: 80px 0 60px;margin-bottom: 0;}
/* HEADER */
.single-projects .logo_primary {opacity: 0;visibility: hidden;}
.single-projects .logo_secondary {opacity: 1;visibility: visible;}
.single-projects .header_typo span {color: #fff;}
.single-projects .small_menu_btn {background: transparent;border-color: #fff;}
.single-projects .small_menu_btn_line {background: #fff;}
.single-projects .small_menu_btn_text_open {color: #fff;}
.single-projects .minimize .header_typo {opacity: 1;}
/* HEADER MINIMIZE */
.project_minimize .logo_primary {opacity: 1;visibility: visible;}
.project_minimize .logo_secondary {opacity: 0;visibility: hidden;}
.project_minimize .header_typo span {color: #bbb;}
.project_minimize .small_menu_btn {background: #fff;border-color: #222;}
.project_minimize .small_menu_btn_line {background: #333;}
.project_minimize .small_menu_btn_text_open {color: #333;}
.project_minimize.minimize .header_typo {opacity: 0;}
/* 프로젝트 상세로 진입시 튕김현상이 생겨서 제거, .complete_load를 추가하여 처리하면 깔딱임 증상 초래, 스크립트로 처리 */
.single-projects #footer {background: #fff;}
/* PROJECT HEADER */
.project_header {width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
.project_header_bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: no-repeat center center;background-size: cover;}
.project_header_bg--video:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);}
/*.project_header_bg:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);}*/
.project_header_teble {display: table;width: 100%;height: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
.project_header_cell {display: table-cell;width: 100%;vertical-align: middle;}
.project_header_txt {}
.project_header_txt > span {display: block;position: relative;font-family: 'Montserrat';font-size: 66px;font-weight: 600;letter-spacing: 1em;line-height: 1.6;color: #ddd;word-break: break-all;}
.project_header_txt_02 {text-align: right;}
.project_header .scroll_down {display: block;height: 37px;width: 60px;position: absolute;left: 50%;margin-left: -30px;bottom: 40px;font-size: 0;cursor: pointer;-webkit-transition: none;transition: none;}
.project_header .scroll_down:after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-family: 'jt-font';content: '\e924';font-size: 37px;text-align: center;line-height: 37px;color: #fff;}
/* PROJECT OVERVIEW */
.project_meta_name {display: block;padding-bottom: 20px;font-family: 'Montserrat';font-size: 18px;font-weight: 600;line-height: 1.25;letter-spacing: 0.02em;color: #cecece;}
.project_view .project_meta_wrap p b, .project_view .project_meta_wrap p strong {background: #fffd7f;}
/* PROJECT BODY */
.project_body {position: relative;margin-top: 100vh;background: #fff;}
/* PROJECT AWARD */
.award_card {width: 100%;margin: 72px 0 60px;padding: 92px 0;background: url(../images/sub/project_view/award-card-bg.jpg) no-repeat center center;background-size: cover;}
.award_card ul {width: 100%;font-size: 0;text-align: center;}
.award_card li {display: inline-block;width: 250px;height: 400px;margin: 45px 45px;vertical-align: top;background: no-repeat left top;background-size: cover;}
.award_card li .award_card_item_inner {display: block;position: relative;width: 100%;height: 100%;padding: 20% 0;border: 1px solid rgba(255, 255, 255, .05);-webkit-box-shadow: 18px 25px 30px 0px rgba(0, 0, 0, .5);box-shadow: 18px 25px 30px 0px rgba(0, 0, 0, .5);}
.award_card li img  {margin: 22% 0 34%;vertical-align: top;}
.award_card li .award_card_year {font-family: 'Montserrat';font-size: 18px;font-weight: 600;letter-spacing: 0.24em;text-align: center;color: #fff;}
.award_card li .award_card_desc {width: 100%;padding: 0 12px;text-align: center;}
.award_card li .award_card_desc span {display: block;font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 16px;font-weight: 600;letter-spacing: 0.006em;color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, .19);}
.award_card li .award_card_desc span.award_card_grade {padding-top: 8px;font-size: 14px;font-weight: 500;color: #ccc;}
/* CONTENT */
.project_view .jt_project_detail > *:first-child {margin-top: 0;}
.project_view .jt_project_detail > *:last-child {margin-bottom: 60px;}
.project_view .jt_project_detail > .video_container:first-child { padding-top: 0; }
.jt_project_detail h2 {max-width: 700px;margin: 0 auto 26px;font-family: 'Montserrat', 'NotoSansKR', sans-serif;font-size: 26px;font-weight: 600;text-align: left;line-height: 1.45;color: #222;}
.jt_project_detail p {max-width: 700px;margin: 0 auto 20px;font-size: 15px;font-weight: 500;text-align: left;line-height: 2.2;color: #444;}
.jt_project_detail p:empty {display: none;}
.jt_project_detail p em {font-weight: 500;background: #fffd7f;}
.jt_project_detail p strong {font-size: 20px;font-weight: 600;color: #222;}
.jt_project_detail blockquote {max-width: 700px;margin: 17px auto;padding: 10px 0;position: relative;text-align: left;}
.jt_project_detail blockquote p {display: inline;margin: 0;font-size: 18px;line-height: 1.7;color: #222;}
.jt_project_detail blockquote:before, .jt_project_detail blockquote:after {font-family: 'jt-font';font-size: 21px;font-style: normal;font-weight: normal;line-height: 1;color: #222;}
.jt_project_detail blockquote:before {content: '\e950';position: absolute;left: -39px;top: 3px;}
.jt_project_detail blockquote:after {content: '\e951';display: inline-block;vertical-align: text-bottom;margin: 0 0 -10px 17px;}
.jt_project_detail .wp-caption {margin: 160px auto;}
.jt_project_detail .wp-caption p.wp-caption-text {margin-top: 30px;margin-bottom: 0;font-size: 15px;text-align: center;color: #444;}
.project_view .jt_project_detail .wp-caption img {margin: 0;}
.jt_interview_wrap {max-width: 700px;margin: 80px auto;position: relative;}
.jt_interview_answer {position: relative;}
.jt_interview_answer + .jt_interview_answer {margin-top: 65px;}
.jt_project_detail .jt_interview_txt > * {max-width: inherit;}
.jt_project_detail .jt_interview_txt > *:last-child:not(blockquote) {margin-bottom: 0;}
.project_view .jt_project_detail .jt_interview_answer img {display: inline-block;vertical-align: middle;margin: 0;}
.jt_interview_people {width: 60px;position: absolute;top: 9px;left: -109px;}
.jt_interview_people figure {/*border: 4px solid #0901fe;*/border-radius: 50%;overflow: hidden;}
.jt_interview_people span {display: block;margin-top: 8px;font-size: 13px;font-weight: 600;line-height: 1.4;word-break: keep-all;color: #222;}
.project_view .jt_project_detail .jt_interview_wrap + img,
.jt_project_detail .jt_interview_wrap + .wp-caption,
.jt_interview_wrap + .jt_video_wrap,
.jt_interview_wrap + .jt_project_slider_wrap,
.project_view .jt_project_detail p + img,
.jt_project_detail p + .wp-caption,
.jt_project_detail p + .jt_video_wrap,
.jt_project_detail p + .jt_project_slider_wrap {margin-top: 80px;}
.jt_project_detail .jt_icondesign_list_wrap + h2,
.jt_project_detail .jt_gif_gallery + h2,
.jt_project_detail p + h2 {margin-top: 160px;}
/* BUTTON */
.project_btn_wrap {max-width:700px;margin: 0 auto;text-align: left;}
.project_btn {display: inline-block;margin-top: 33px;padding: 13px 32px;position: relative;font-size: 14px;line-height: 2.2;color: #fff;background: var(--c-primary);border: 2px solid var(--c-primary);border-radius: 3px;}
.project_btn:hover {background: #fff;color: var(--c-primary);}
.jt_interview_wrap + .video_container, .jt_project_detail p + .video_container { margin-top: 80px; }
/* SLIDER */
.jt_project_slider_wrap {max-width: 1400px;margin: 160px auto;position: relative;}
.project_slider_control {width: 100%;height: 79px;position: absolute;top: 50%;margin-top: -39.5px;}
.project_slider_control > div {position: absolute;width: 79px;height: inherit;background: #fff;border-radius: 50%;z-index: 100;-webkit-transition: background 300ms;transition: background 300ms;cursor: pointer;}
.project_slider_control span {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}
.project_slider_control span:after {font-family: 'jt-font';font-size: 18px;font-style: normal;font-weight: normal;text-align: center;line-height: 79px;color: #222;-webkit-transition: color 300ms;transition: color 300ms;}
.project_slider_prev {left: 40px;}
.project_slider_prev span:after {content: '\e902';}
.project_slider_next {right: 40px;}
.project_slider_next span:after {content: '\e903';}
.project_slider_control > div:hover {background: #222;}
.project_slider_control > div:hover span:after {color: #fff;}
.jt_project_slider {width: 100%;position: relative;}
.jt_project_slider_wrap .jt_project_slider li img {width: 100%;margin: 0;}
.project_view .jt_project_detail .jt_icondesign_item img {display: inline-block;margin: 0;vertical-align: middle;}
.project_view .jt_gif_gallery_item figure img {height: auto;margin: 0;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);vertical-align: middle;}
.project_view .jt_project_detail .jt_project_detail_imgroup img + img,
.project_view .jt_project_detail .jt_project_detail_imgroup .video_container + .video_container,
.project_view .jt_project_detail .jt_project_detail_imgroup img + .video_container,
.project_view .jt_project_detail .jt_project_detail_imgroup .video_container + img {margin-top: -160px;}
.project_view .jt_project_detail > .jt_project_detail_imgroup:first-child > img:first-child { margin-top: 0; }
.project_view .jt_project_detail > .jt_project_detail_imgroup:last-child > img:last-child { margin-bottom: 0; }
.project_awards_notice {width: 100%;position: fixed;left: 0;bottom: 0;z-index: 1;}
.project_awards_notice > .wrap {position: relative;}
.project_awards_notice_wave_wrap {position: absolute;width: 600px;height: 105px;right: -600px;bottom: 0;z-index: 3;overflow: hidden;}
.project_awards_notice_wave_wrap img {margin-left: -50px;}
.project_awards_notice_bubble {width: 95px;height: 71px;position: absolute;right: 75px;bottom: 70px;z-index: 1;}
.project_awards_notice_bubble > img {position: absolute;opacity: 0;}
.project_awards_notice_bubble_01 {left: 0;top: 33px;}
.project_awards_notice_bubble_02 {left: 36px;top: 0;}
.project_awards_notice_bubble_03 {right: 17px;top: 31px;}
.project_awards_notice_bubble_04 {right: 0;bottom: 0;}
.project_awards_notice_playground {position: absolute;right: 65px;bottom: -100px;z-index: 2;}
.project_awards_notice_playground > a {display: block;padding: 20px 0 0 11px;position: relative;}
.project_awards_notice_txt {position: absolute;left: 0;top: 0;}
.project_awards_notice_fish_blink {opacity: 0;}
.project_awards_notice_playground > a:hover .project_awards_notice_fish_blink {opacity: 1;}
.project_view .like_counter { margin-top: -105px; margin-bottom: 90px; padding-top: 60px; padding-bottom: 60px; }
.project_view .like_counter > b { display: block; font-family: 'Montserrat'; font-size: 52px; font-weight: 600; line-height: 1.15; text-align: center; color: #222; }
.project_view .single_inner_wrap.like_counter > p { margin: 3px 0 42px; line-height: 1.625; text-align: center; color: #222; }
.like_counter_ctrl { display: block; width: 140px; height: 60px; margin: 0 auto; position: relative; overflow: hidden; }
.like_counter_ctrl > * { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: contain; }
.like_counter_ctrl_pillar { position: relative; background-image: url(../images/sub/project_view/like-button.svg); z-index: 1; }
.like_counter_ctrl_mask { position: absolute; top: 0; left: 0; background-image: url(../images/sub/project_view/like-button-mask.svg); z-index: 4; }
.like_counter_ctrl_bg { position: absolute; top: 0; left: 0; background-image: url(../images/sub/project_view/like-button-bg.svg); z-index: 2; }
.like_counter_ctrl_shadow { position: absolute; bottom: 2px; right: 13px; background-image: url(../images/sub/project_view/like-button-shadow.png); background-size: 55px 20px; background-position: right bottom; z-index: 3; }
.like_counter-layer { display: none; width: 150px; height: 150px; margin-top: -100px; margin-left: -75px; position: absolute; z-index: 10; pointer-events: none; }
.like_counter-layer img { display: block; }
/* Project detail (case study type) */
.jt_project_detail .img_wrap {max-width: 700px; margin: 0 auto 20px; width: 100%}
.jt_project_detail .jt_project_casestudy h3,
.jt_project_detail .jt_project_casestudy li{ text-align: left}
.jt_project_detail .jt_project_casestudy p + .wp-caption,
.jt_project_detail .jt_project_casestudy .wp-caption{ margin: 56px auto; }
.jt_project_detail .jt_project_casestudy { padding: 0}
.jt_project_detail .jt_project_casestudy img,
.jt_project_detail .jt_project_casestudy p + img{margin: 44px auto;}
.jt_project_detail .jt_project_casestudy .video_container,
.jt_project_detail .jt_project_casestudy .video_wrap{ transform: none !important}
/* motion reset hack */
.jt_project_detail .jt_project_casestudy video{margin: auto}
.jt_project_casestudy .video_container,
.jt_project_detail .jt_project_casestudy p + .video_container{ margin: 0 auto;}
.jt_project_detail pre.notranslate {text-align: left;}
.jt_project_detail .dual_img { display: flex; max-width: 1280px; margin: auto;}
.jt_project_detail .dual_img > div {padding: 0 14px}
/* project disqus */
.project_view .comments_container { padding: 0; margin-bottom: 90px; padding-bottom: 60px;}
.single_content_view .info_title a.view_btn_site {background: #222;border-color: #222;margin-top: 19px;padding: 0 55px 0 38px;width: 228px;}
.single_content_view .info_title a.view_btn_site:hover { background: #fff; color: #222; }
/*body.page-template-projects-pinterest #header.minimize { z-index: 100; background: rgba(238,238,238,0.9); padding-bottom: 60px; padding-top: 30px;}
 body.page-template-projects-pinterest #header.minimize #logo{ width: 65px; height: 67px;}
 body.page-template-projects-pinterest #header.minimize #logo svg { width: 65px; height: 63px;}*/
.project_pinterest { margin:0 60px; visibility:hidden;}
.single-projects #logo { opacity: 0; }
.single-projects .fake_logo { position: fixed; top:60px; left:60px; transition: all 300ms; }
.single-projects .fake_logo .logo_blend { opacity: 1; visibility: visible; }
.single-projects .fake_logo svg { transition: all 300ms; }
.single-projects .small_menu_btn_text_open { opacity: 0 !important; }
.single-projects .fake_menu_btn_text { position: fixed; top:82px; right:135px; font-family: 'Montserrat'; width:36px; height:20px; line-height: 20px; font-weight: 400; font-size:10px; letter-spacing: 0.1em; color:#fff; transition: all 300ms; }
.single-projects .back_to_list { mix-blend-mode: difference; }
.single-projects .back_to_list > a { color:#fff; border-color:#fff; font-weight: 300; }
.single-projects #header.project_minimize + #barba-wrapper .fake_logo { mix-blend-mode: difference; }
.single-projects #header.project_minimize + #barba-wrapper .fake_menu_btn_text { mix-blend-mode: difference; }
.single-projects #header.project_minimize + #barba-wrapper .fake_logo .logo_secondary { display: none; }
.single-projects #header:not(.project_minimize) + #barba-wrapper .fake_logo .logo_blend { display: none; }
.single_sticky_nav.fixed.sticky-on { opacity: 1; visibility: visible; transition: opacity .25s ease, transform .25s ease; }
.jt_project_slider { position: relative; }
.jt_project_slider li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity .4s ease; }
.jt_project_slider li.is-active { position: relative; opacity: 1; z-index: 1; }