@charset "utf-8";
/*
 * File       : sub.css
 * Author     : STUDIO-JT (BIN)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) LIST - DISITRIBUTOR & STOCKIST
 * 2) STOCKIST
 * 3) NEWS
 * 4) CERTIFICATE
 * 5) SUTPPORT
 * 6) FORM
 * 7) CUSTOM FILE
 * 8) CF7
 * 9) iCheck
 * 10) INSTAGRAM
 * 11) FACEBOOK
 * 12) Product Before Message
 */

/* **************************************** *
 * LIST - DISITRIBUTOR & STOCKIST
 * **************************************** */
.jt_card_list {background: url(../images/sub/stockist/stockist-loader.gif) -9999px center no-repeat;background-size: 64px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;font-size:0;min-height: 260px;}
.jt_card_list.loading { background-position:center center}
.jt_card_list > li {display:inline-block; width:32%; margin-right:2%; margin-bottom:2%; position: relative; border:1px solid #ddd; font-size:15px; vertical-align:top; padding-bottom:30px; text-align:center;}
.jt_card_list > li:nth-child(3n) {margin-right:0;}
.jt_card_list .branch_head_wrap {position:relative; border-bottom:1px solid #ddd; text-align:left;}
.jt_card_list .branch_head_wrap .flag {background: #f5f5f5; width:60px; height:40px; position:absolute; top:50%; left:28px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.jt_card_list .branch_head_wrap .flag img {display:block; max-width:100%; height:auto}
.jt_card_list .branch_head_wrap h2 {font-size:22px; line-height:1.25; color:#222; padding:25px 28px 25px 28px;}
.jt_card_list .info_wrap {padding:24px 28px 25px; text-align:left;}
.jt_card_list .info_wrap li {position:relative; margin-bottom:4px;}
.jt_card_list .info_wrap li:last-child {margin-bottom:0;}
.jt_card_list .info_wrap p,
.jt_card_list .info_wrap span {display:block; line-height:1.5;}
.jt_card_list .info_wrap p {position:absolute; top:0; left:0; color:#666;}
.jt_card_list .info_wrap span {color:#666; font-weight:300; padding-left:94px;}
.jt_card_list .info_wrap a {color:#666; -webkit-transition:all 300ms; transition:all 300ms;}
.jt_card_list .info_wrap a:hover {color:#e72e35;}
.jt_card_list .branch_btn_wrap {min-height:39px; position:relative; text-align:left; padding:11px 28px;}
.jt_card_list .branch_btn_wrap p {padding-right:130px; font-weight:300;}
.jt_card_list .branch_btn_wrap .jt_btn {position: absolute;top: 50%;right: 28px;padding: 5px 15px; margin-top:-19px;}

/* LIST - DISITRIBUTOR */
.distributor_list .branch_head_wrap h2 {color:#444; padding-left:130px;}
.distributor_list .info_wrap span {padding-left:102px;}
.distributor_list > li {padding-bottom: 69px;}
.distributor_list .jt_btn {position: absolute;left: 50%;bottom: 30px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* LIST - STOCKIST */
/*.stockist_list > li {padding-bottom: 69px;}*/
/*.stockist_list .branch_btn_wrap {width: 100%;position: absolute;left: 50%;bottom: 30px;transform: translate3d(-50%,0,0);will-change: transform;}*/

/* SINGLE */
.single-distributor .jt_card_list > li,
.single-stockist .jt_card_list > li {margin: 0;width: 100%;}



/* **************************************** *
 * STOCKIST
 * **************************************** */
/* HEAD MAP WRAP */
.selected_country_wrap .country_map_outer {margin-bottom:40px;}
.selected_country_wrap .country_map {position:relative; }
.selected_country_wrap .country_map .map_image_wrap {width:100%;}
.selected_country_wrap .country_map .map_image_wrap img {display:block; width:100%; margin:0 auto;height: auto;}
.selected_country_wrap .country_map .country_list {display:block; width:100%; height:100%; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.selected_country_wrap .country_map .country_list li {position:absolute; }
.selected_country_wrap .country_map .country_list li.canada {top: 24.3%;left: 11%;}
.selected_country_wrap .country_map .country_list li.united_states,
.selected_country_wrap .country_map .country_list li.usa { top: 38.2%; left: 9.9%; }
/* .selected_country_wrap .country_map .country_list li.colombia { top: 58.4%; left: 16.5%; } */
.selected_country_wrap .country_map .country_list li.argentina {top: 85.7%;left: 19.1%;}
.selected_country_wrap .country_map .country_list li.chile {top: 73.8%;left: 22.3%;}
.selected_country_wrap .country_map .country_list li.united_kingdom {top: 19.8%;left: 33%;}
.selected_country_wrap .country_map .country_list li.france {top: 26.9%;left: 40.4%;}
.selected_country_wrap .country_map .country_list li.india {top: 41%;left: 62.9%;}
.selected_country_wrap .country_map .country_list li.hong_kong {top: 40%;left: 69.6%;}
.selected_country_wrap .country_map .country_list li.vietnam {top: 45%;left: 69.5%;}
.selected_country_wrap .country_map .country_list li.new_zealand {top: 84.8%;left: 87.5%;}

.selected_country_wrap .country_map .country_list li.japan {top: 28.5%;left: 86.3%;}
.selected_country_wrap .country_map .country_list li.taiwan {top: 40.8%;left: 79.9%;}
.selected_country_wrap .country_map .country_list li.philippines {top: 47.6%;left: 81%;}
.selected_country_wrap .country_map .country_list li.australia {top: 72.7%;left: 87.5%;}
.selected_country_wrap .country_map .country_list li.middle_east {top: 51.8%;left: 52.1%;}
.selected_country_wrap .country_map .country_list li.south_africa {top: 72%;left: 52.1%;}
.selected_country_wrap .country_map .country_list li.china {top: 29.1%;left: 72.7%;}
.selected_country_wrap .country_map .country_list li.turkey {top: 30.7%;left: 55.3%;}
.selected_country_wrap .country_map .country_list li.germany {top: 22.6%;left: 48.8%;}
.selected_country_wrap .country_map .country_list li.brazil {top: 67.4%;left: 32.3%;}

.selected_country_wrap .country_map .country_list li.italy {top: 37.9%;left: 44.6%;}

.selected_country_wrap .country_map .country_list li.greece {top: 38.6%;left: 51.9%;}
.selected_country_wrap .country_map .country_list li.indonesia {top: 66.3%;left: 81.2%;}

.selected_country_wrap .country_map .country_list li.spain {top: 35.9%;left: 37.2%;}
.selected_country_wrap .country_map .country_list li.thailand {top: 51.9%;left: 65.7%;}

.selected_country_wrap .country_map .country_list li.singapore_malaysia {top: 57.3%;left: 76%;}

.selected_country_wrap .country_map .country_list li.colombia { top: 63.4%; left: 15.8%; }
.selected_country_wrap .country_map .country_list li.cayman-island { top: 47.4%; left: 24.2%; }
.selected_country_wrap .country_map .country_list li.curacao { top: 62.2%; left: 27.2%; }
.selected_country_wrap .country_map .country_list li.dominican-republic { top: 53.4%; left: 29.2%; }
.selected_country_wrap .country_map .country_list li.ecuador { top: 69.7%; left: 17.4%; }
.selected_country_wrap .country_map .country_list li.el-salvador { top: 56%; left: 11.7%; }
.selected_country_wrap .country_map .country_list li.honduras { top: 49.4%; left: 15.2%; }
.selected_country_wrap .country_map .country_list li.mexico { top: 47.4%; left: 8.8%; }

.selected_country_wrap .country_map .country_list li > a {display:block; width:100%; padding:6px 13px; text-align:center; border-radius:5px; color:#fff; background:#009d42; -webkit-transition:all 300ms; transition:all 300ms;}
.selected_country_wrap .country_map .country_list li > a:hover {background:#e72e35;}
.selected_country_wrap .country_map .country_list li a:before {content:'';display:block;width:8px;height:8px;position:absolute;bottom: -17px;right: -4px;border-radius:50%;background:#009d42;-webkit-transition:all 300ms;transition:all 300ms;}
.selected_country_wrap .country_map .country_list li:hover a:before {background:#e72e35;}
.selected_country_wrap .country_map .country_list li.primary a:before {right:auto; left:-3px;}
.selected_country_wrap .country_map .country_list li.secondary a:before {top:-25px; bottom:auto;}
.selected_country_wrap .country_map .country_list li.tertiary a:before {top: -17px;bottom:auto;right:auto;left:-3px;}
.selected_country_wrap .country_map .country_list li.quaternary a:before {bottom: auto;top: -3px;right: -28px;}
.selected_country_wrap .country_map .country_list li.quinary a:before {right: auto;left: -20px;bottom: auto;top: -3px;}
.selected_country_wrap .country_map .country_list li.another_line a:before {bottom: -28px;}
.selected_country_wrap .country_map .country_list li a:after {content:''; display:block; width:1px; height:24px; position:absolute; bottom:-16px; right:0; background:#009d42; -webkit-transition:all 300ms; transition:all 300ms;}
.selected_country_wrap .country_map .country_list li:hover a:after {background:#e72e35;}
.selected_country_wrap .country_map .country_list li.primary a:after {right:auto; left:0;}
.selected_country_wrap .country_map .country_list li.secondary a:after {top:-20px;bottom:auto;}
.selected_country_wrap .country_map .country_list li.tertiary  a:after {top: -14px;bottom:auto;right:auto;left:0;}
.selected_country_wrap .country_map .country_list li.quaternary a:after {width: 24px;height: 1px;bottom: auto;top: 0;right: -20px;}
.selected_country_wrap .country_map .country_list li.quinary a:after {right: auto;left: -18px;bottom: auto;top: 0;width: 24px;height: 1px;}
.selected_country_wrap .country_map .country_list li.another_line a:after {bottom: -24px;height: 30px;}

/* SEARCH */
.selected_country_wrap .location_search {display:block; width:50%; max-width:500px; height:55px; position:relative; margin:0 auto 60px auto; text-align:center;}
.selected_country_wrap .location_search .jt_label {width:100%; height:100%; padding:0;}
.selected_country_wrap .location_search .jt_label span,
.selected_country_wrap .location_search input {display:inline-block; vertical-align:middle; padding-right: 34px;}
.selected_country_wrap .location_search .jt_label span {font-size:20px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:100%; letter-spacing:0.025em;padding-right:14px;}

/* RESULT */
.selected_country_wrap .result {background: #f3f3f3;text-align: center;padding: 20px 15px;margin-bottom: 24px;}
.selected_country_wrap .result span,
.selected_country_wrap .result .country_name {display:inline-block; vertical-align:middle; line-height:1.2;}
.selected_country_wrap .result span {font-weight:300;}
.selected_country_wrap .result .country_name {}

/* map popup */
.stockist_map_popup {width: 90%;max-width: 900px;height: 500px;margin: 0 auto;}
#stockist_map {width: 100%;height: 100%;position: relative;}

/* no header */
.page-template-stockist.no_header .article {padding: 80px 0;}
.page-template-stockist.no_header .country_map_outer{ display:none !important}


/* **************************************** *
 * NEWS
 * **************************************** */
.page-template-news .tabs_menu {margin-bottom: 36px; }
#news_list_container {padding-top: 24px;}
#news_list {display:table; width:100%;border-top: 3px solid #009d42;}
.news_list_time {width:121px; text-align:center;}
.news_list_content h2 {font-size:18px; margin-bottom:18px; color:#666; -webkit-transition:all 300ms; transition:all 300ms;}
.news_list_excerpt {font-size:15px; color:#666; font-weight:300; -webkit-transition:all 300ms; transition:all 300ms;}
.news_list_time b,
.news_list_time span {display:block; font-size:13px; color:#666; font-weight:600; -webkit-transition:all 300ms; transition:all 300ms;}
.news_list_time b {font-size:45px; line-height:45px;}
.news_list_more {width:200px; text-align:center; padding:10px 30px 0;}
.news_list_content {padding:30px 30px 34px;}
.news_list_time time {display:block; border-right:1px solid #ddd;}
#news_list li {display:table-row; -webkit-transition:all 300ms; transition:all 300ms;}
#news_list li:hover {cursor:pointer;}
#news_list > li > div {display:table-cell; height:132px; vertical-align:middle; border-bottom:1px solid #dedede;}
#news_list li:hover .news_list_content h2 {color:#009d42;}
#news_list li:hover .news_list_excerpt {color:#009d42;}
#news_list li:hover .news_list_time b,
#news_list li:hover .news_list_time span {color:#009d42;}
#news_list li .detail_btn {display: inline-block; width: auto; position:relative; color:#ddd; text-align:left; padding:10px 0; -webkit-transition:all 300ms; transition:all 300ms;}
#news_list li .detail_btn:after {content:''; display:block; width:100%; height:4px; position:absolute; bottom:-2px; left:0; background:#ddd; -webkit-transition:all 300ms; transition:all 300ms;}
#news_list li:hover .detail_btn {color:#009d42;}
#news_list li:hover .detail_btn:after {background:#009d42;}
#news_list li .detail_btn svg {display:inline-block; width:6px; height:8px; position:relative; fill:#ddd; padding-left:6px; vertical-align:middle; -webkit-transition:all 300ms; transition:all 300ms;}
#news_list li:hover .detail_btn svg {fill:#009d42;}

/* YOUTUBE (SpidocheTube) */
.spidochetube {margin: auto;}
.spidochetube:after { display: table; content: ""; clear: both;}
.spidochetube .spidochetube_inner { width: 100%; background-color: #FFF; float: left; padding-bottom: 30px;}
.spidochetube #spidochetube_player { position: relative; width: 72%; margin: 75px auto;}
#spidochetube_player .jt_video_poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}
#spidochetube_player .jt_video_poster .jt_video_poster_overlay{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(0,0,0,.8);}
#spidochetube_player .jt_video_poster .jt_video_poster_overlay .jt_video_poster_overlay_btn{display: block; width: 70px; height: 70px; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 50%; transition: all .3s;}
.jt_video_poster_overlay_btn:after{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-40%,-50%); border-top: 9px solid transparent; border-left: 15px solid #000; border-bottom: 9px solid transparent; content: '';}
#spidochetube_player .jt_video_poster .jt_video_poster_overlay .jt_video_poster_overlay_btn:hover{border: 1px solid #fff; background: transparent}
.jt_video_poster_overlay_btn:hover:after{border-left: 15px solid #fff;}
#spidochetube_player #player { margin: 20px auto; width: 100%; display: block;}
#spidochetube_list { margin: auto; float: left; width: 100%; margin-bottom: 48px;}
.spidochetube #spidochetube_list li { float: left; width: calc(25% - 24px); margin: 12px; box-sizing: border-box; position: relative;}
.spidochetube #spidochetube_list li::after {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-family: 'jt-font'; content: '\e923'; font-size: 19px;}
.spidochetube #spidochetube_list li a {display: block; font-size: 0;}
.spidochetube #spidochetube_list li a:hover {}
.spidochetube #spidochetube_list li img {  width: 100%}
.spidochetube #spidochetube_list li a span {display: block; width: 100%; height: 100%; position: absolute; top: 0; font-size: 0; background: rgb(0,0,0,0.3); top: 0; transition: all .3s;}
.spidochetube #spidochetube_list li a span:hover{background: rgba(0, 157, 66, .7)}
.spidochetube #spidochetube_list li.spidochetube_current {}
.spidochetube #spidochetube_list li.spidochetube_current a {}
#spidochetube_loadmore { display: block; position: relative; clear: both; border-radius: 3px; width: 281px; margin: 0 auto; padding: 20px 0; font-family: 'Gotham', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1; text-align: center; background: #009d42; color: #fff; transition: all .3s;}
#spidochetube_loadmore:hover { background: #008437;}
#spidochetube_loadmore::after{ content: '+'; padding-left: 9px; position: relative; top: 1px; font-size: 20px;}



/* **************************************** *
 * CERTIFICATE
 * **************************************** */
.certificate_wrap {}
.certificate_list {display:block; font-size:0;}
.certificate_list li {display:inline-block; width:32%; margin:0 2% 2% 0; vertical-align:top;}
.certificate_list li:nth-child(3n) {margin-right:0;}
.certificate_list li figure {width:100%; border:1px solid #ddd;}
.certificate_list li figure img {display:block; max-width:100%;}
.certificate_list li p {font-size:16px; color:#000; padding:18px 0 26px;}



/* **************************************** *
 * SUPPORT
 * **************************************** */
.support_section_header {padding-bottom:60px;}
.support_section_title {font-size:32px; color:#009d42; text-align:center; font-weight:600; padding-bottom:13px;}
.support_section_desc {font-size:15px; color:#222; text-align:center; font-weight:300;}
.support_section_content {border-top:1px solid #009d42; padding-top:60px;}



/* **************************************** *
 * FORM
 * **************************************** */
.form_btns {text-align:center; /* margin-bottom:85px; */}
.form_btn {display:inline-block; min-width:222px; font-size:20px; line-height:1.5; padding:13px 20px; cursor:pointer; text-align:center; border:3px solid transparent; border-radius:30px;}
.form_apply_btn {color:#fff; background:#009d42;}
.form_apply_btn:hover {color:#009d42; border-color:#009d42; background:#fff;}
.form_wrapper {padding:0 17%;}
.form_title {margin:60px 0 40px;}
.form_content {overflow:hidden;}
.form_content.hide {display:none; height:1px; visibility:hidden; opacity:0;}
.form_list {margin:-15px -12px;}
.form_list:after {display:table; clear:both; content:'';}

/* FORM ITEM */
.form_item {float:left; padding:15px 12px;}
.form_item_store {width:50%;}
.form_item_address {width:50%;}
.form_item_name {width:50%;}
.form_item_tel {width:50%;}
.form_item_email {width:50%;}
.form_item_country {width:50%;}
.form_item_subject {width:100%;}
.form_item_message {width:100%;}
.form_item_file {width:100%;}
.form_item_submit {width:100%; position:relative; text-align:center; padding-top:36px;}

/* FORM LABEL */
.form_label {display:block; position:relative;}
.form_label_text {display:block; position:absolute; top:17px; left:20px; font-size:16px; font-weight:500; line-height:1.5; z-index:10; color:#aaa;}
.subject_wrap {width:100%; position:relative; font-size:15px; font-weight:500; line-height:1.5; padding:16px 15px 17px 118px; border:2px solid #ddd; border-radius:2px;}
.subject_wrap .form_label {display:inline-block;}
.subject_wrap .form_label_text {left:18px;}
#contact_us .form_item_subject .form_label_text {top:15px;}

/* FORM INPUT */
.form_item input[type='text'],
.form_item input[type='tel'],
.form_item input[type='email'],
.form_item textarea {width:100%; font-size:15px; font-weight:500; line-height:1.5; padding:17px 15px 17px 150px; letter-spacing:-.05em; border:2px solid #ddd; border-radius:2px;}
.form_item textarea {display:block; height:202px; resize:vertical;}
#contact_us_form_list .form_item textarea {padding-left:118px;}
.form_item input[type='submit'] {display:inline-block; min-width:281px; font-size:16px; line-height:1.5; padding:15px 20px; cursor:pointer; -webkit-transition:all 300ms; transition:all 300ms; text-align:center; border:3px solid transparent; border-radius:3px; background:#009d42; color:#fff;}
.form_item input[type='submit']:hover {color:#009d42; border-color:#009d42; background:#fff;}
.form_item.form_item_file .jt_file_upload_input {width:74.5%; padding:19px 15px 19px 150px;}
.form_item.form_item_file .jt_file_upload_button {width:23.5%; margin-left:2%; padding:14px 20px; background:#f3f3f3; font-size:16px; color:#222;}
.form_item.form_item_file .jt_file_upload_button:hover {background:#009d42; color:#fff;}
.form_label_text + .upload-file {display:inline-block;}



/* **************************************** *
 * CUSTOM FILE
 * **************************************** */
.jt_file_upload_wrapper {clear:both;}



/* **************************************** *
 * iCheck
 * **************************************** */
div[class^="icheckbox"] + span,
div[class^="iradio"] + span {display:inline-block; color:#666; padding-left:8px; letter-spacing:-0.055em;}
span.wpcf7-list-item {margin:0;}



/* **************************************** *
 * INSTAGRAM
 * **************************************** */
/* LIST */
.jt_instagram {margin: 0 -24px;}
.jt_instagram #sb_instagram {padding-bottom: 0 !important;}
.jt_instagram #sb_instagram .sbi_photo_wrap {-webkit-box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15);box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15);}
.jt_instagram #sb_instagram #sbi_images {min-height: 600px;}
.jt_instagram #sb_instagram .sbi_photo {width:100%; height:0 !important; padding-top:100%;}
.jt_instagram #sb_instagram .sbi_link {padding: 30px 34px;background:#0a9645;background: rgba(10, 150, 69, .8);}
.jt_instagram #sb_instagram .sbi_hover_top {width: 100%;padding: 0 0 16px !important;position: relative;font-size: 16px;text-align: left;}
.jt_instagram #sb_instagram .sbi_link .sbi_caption {padding-top: 0;line-height: 1.86;letter-spacing: -0.025em;}
.jt_instagram #sb_instagram .sbi_link .sbi_caption br {display: none;}
.jt_instagram #sb_instagram .sbi_hover_bottom {width: 100%;padding: 0 !important;position: relative;bottom: inherit;text-align: left;font-size: 14px;}
.jt_instagram #sb_instagram .sbi_date {padding: 0;margin: 0;}
.jt_instagram #sb_instagram .sbi_hover_bottom .fa {margin-right: 8px;}
.jt_instagram #sb_instagram .sbi_type_video .sbi_playbtn {width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;font-size: 0;background: #c4122e url(../images/icon/icon-play-secondary.svg) no-repeat center center;background-size: 13px auto;border-radius: 50%;z-index: 1;-webkit-transition: background 500ms;transition: background 500ms;}
.jt_instagram #sb_instagram .sbi_type_video.sbi_animate .sbi_playbtn {background-color: #fff;background-image: url(../images/icon/icon-play.svg);}
.jt_instagram #sb_instagram #sbi_load {margin-top: 26px;}
.jt_instagram #sb_instagram #sbi_load .sbi_load_btn {display: inline-block;width: 281px;margin: 0 auto;padding: 20px 0;font-family:'Gotham', sans-serif;font-size: 16px;font-weight: 400;letter-spacing: -0.025em;line-height: 1;text-align: center;border-radius: 3px;background:#009d42;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_instagram #sb_instagram #sbi_load .sbi_load_btn:hover {background:#008437;}
.jt_instagram #sb_instagram .sbi_btn_text {position: relative;}
.jt_instagram #sb_instagram .sbi_btn_text:after {content: '+';padding-left: 9px;position: relative;top: 1px;font-size: 20px;}

/* POPUP */
#sbi_lightbox .sbi_lightbox_action {display: none;}
.sbi_lb-data .sbi_lb-number {display: none !important;}
.sbi_lightbox .sbi_lb-image, .sbi_video, .sbi_lb-dataContainer {border-radius:0;}
.fa-play:before {display:none;}
.sbi_lb-dataContainer {padding-top: 0;font-family:'Gotham', sans-serif;background: #fff;}
.sbi_lb-data {padding: 0;color: #222;}
.sbi_lb-data .sbi_lb-details {width: 100%;padding: 20px 28px;line-height: 1.86;}
.sbi_lb-data .sbi_lb-caption {width: 100%;padding: 0;font-size: 14px;line-height: 1.65;color: #222;}
.sbi_lb-data .sbi_lb-caption a {font-size: 14px;color: #222;}
.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username {margin-bottom: 15px;color: #222;}
.sbi_lightbox_username p {color: #222;font-size: 14px;}
.sbi_lb-data .sbi_lb-caption a:hover, .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p {color: #222;}
.sbi_lb-data .sbi_lb-close {position: absolute;top: 0;right: -60px;font-size: 0;opacity: 1;background: url(../images/icon/icon-close.svg) no-repeat center center;background-size: 100% 100%;-webkit-transition: -webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition: -webkit-transform 1s cubic-bezier(.075,.82,.165,1);transition: transform 1s cubic-bezier(.075,.82,.165,1);transition: transform 1s cubic-bezier(.075,.82,.165,1), -webkit-transform 1s cubic-bezier(.075,.82,.165,1);}
.sbi_lb-data .sbi_lb-close:hover {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
.sbi_lb-nav a {height: 50px !important;top: 50%;margin-top: -25px;}
.sbi_lb-nav a.sbi_lb-prev, .sbi_lb-nav a.sbi_lb-next {width: 50px;opacity: 0.6;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.sbi_lb-nav a.sbi_lb-prev {left: -80px;}
.sbi_lb-nav a.sbi_lb-next {right: -80px;}
.sbi_lb-nav span {top: 0;left: 0;width: 100%;height: 100%;margin: 0;background: no-repeat;background-size: 20px auto;}
.sbi_lb-nav a.sbi_lb-prev span {background-image: url(../images/icon/icon-direction-left.svg);background-position: center center;}
.sbi_lb-nav a.sbi_lb-next span {right: inherit;left: 0;background-image: url(../images/icon/icon-direction-right.svg);background-position: center center;}
.sbi_lb-nav a.sbi_lb-prev:hover, .sbi_lb-nav a.sbi_lb-next:hover {opacity: 1;}
#sbi_lightbox .sbi_lightbox_action {padding: 10px 0 0;margin: 0;border: none;}
#sbi_lightbox .sbi_lightbox_action a:hover, #sbi_lightbox .sbi_lightbox_action a:focus {color: #000;}



/* **************************************** *
 * FACEBOOK
 * **************************************** */
/* LIST */
.jt_facebook {margin: 0 -24px;}
.jt_facebook #cff .cff-posts-wrap {float: left;}
.jt_facebook #cff .cff-item {width: 33.3333%;clear: none;border: none !important;}
.jt_facebook #cff .cff-item, .jt_facebook #cff .cff-item:first-child {padding: 12px;}
.jt_facebook #cff .cff-item:nth-child(3n+1) {clear: both;}
.jt_facebook .cff-media-wrap, .jt_facebook #cff .cff-iframe-wrap {float: left;margin: 0;-webkit-box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15);box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15);}
.jt_facebook .cff-media-wrap {width: 100%;}
.jt_facebook #cff .cff-photo {width: 100%;padding-bottom: 100%;}
.jt_facebook #cff .cff-photo img {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.jt_facebook #cff .cff-photo-hover {background:#0a9645;background: rgba(10, 150, 69, .8);}
.jt_facebook #cff .cff-iframe-wrap {padding-bottom: 100%;}
.jt_facebook #cff .cff-html5-video {padding-bottom: 100%;-webkit-box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15);box-shadow: 0 0px 2px 0 rgba(34, 36, 38, .15);}
.jt_facebook #cff .cff-poster {height: 100%;position: absolute;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;}
.jt_facebook #cff video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.jt_facebook #cff .cff-playbtn {display: none;}
.jt_facebook #cff .cff-media-above {margin-bottom: 0;}
.jt_facebook .cff-post-text, .jt_facebook #cff .cff-meta-wrap, .jt_facebook #cff .cff-comments-box {display: none;}
.jt_facebook #cff .cff-photo:after, .jt_facebook #cff .cff-event-thumb:after, .jt_facebook #cff .cff-html5-video:after {display: none;}

/* road more
.jt_facebook #cff .cff-load-more {float: none;clear: both;display: block;width: 281px;margin: 0 auto;padding: 20px 0;font-family: var(--font-primary);font-size: 16px;font-weight: 400;letter-spacing: -0.025em;line-height: 1;text-align: center;border-radius: 3px;-webkit-transition: all 300ms;transition: all 300ms;}
.jt_facebook #cff .cff-load-more:hover, .jt_facebook #cff .cff-load-more:focus {text-decoration: none;}
.jt_facebook #cff .cff-load-more[data-cff-no-posts-added="true"], .jt_facebook #cff .cff-no-more-posts {display: none;}
*/
.view_more_facebook {margin-top: 38px;text-align: center;}
.view_more_facebook_btn {display: inline-block;width: 281px;margin: 0 auto;padding: 20px 0;font-family:'Gotham', sans-serif;font-size: 16px;font-weight: 400;letter-spacing: -0.025em;line-height: 1;text-align: center;color: #fff;border-radius: 3px;background:#009d42;-webkit-transition: all 300ms;transition: all 300ms;}
.view_more_facebook_btn span {position: relative;}
.view_more_facebook_btn span:after {content: '+';padding-left: 9px;position: relative;top: 1px;font-size: 20px;}
.view_more_facebook_btn:hover {background:#008437;}

/* POPUP */
#cff-lightbox-wrapper .cff-comments-box,
#cff-lightbox-wrapper .cff-comments-box.cff-no-comments {display: none !important;}
#cff-lightbox-wrapper .cff-author img {border-radius: 40px;}



/* **************************************** *
 * ABOUT - TOMATO GLASSES
 * **************************************** */
.tomato_glasses_wrap {max-width:100%;}
.glasses_section {max-width:894px; margin:0 auto;}
.glasses_header {max-width:100%; min-height:620px; background:url(../images/sub/about/tomato-glasses/header-bg.jpg) no-repeat 0 bottom; background-size:100% auto;}
.glasses_header .text_wrap {max-width:1200px; margin:0 auto;}
.glasses_header h2 {font-size:30px; font-weight:300; text-align:center; padding:45px 0 91px;}
.glasses_header p {width:66.5%; margin:0 auto; font-size:15px; color:#009d42; line-height:1.9; letter-spacing:0.01em;}
.glasses_section_contents {}
.glasses_contents_list {width:100%;margin:50px auto 0;}
.glasses_contents_list > li {font-size: 0;border-bottom: 1px solid #ddd;width: 100%;}
.glasses_contents_list > li:last-child {border-bottom:0;}
.glasses_contents_list .text_wrap,
.glasses_contents_list > li > figure {display: inline-block;vertical-align:middle;padding:80px 0;}
.glasses_contents_list > li:last-child .text_wrap,
.glasses_contents_list > li:last-child figure {border-bottom:none;}
.glasses_contents_list .text_wrap {width: calc(100% - 282px * 1);}
.glasses_contents_list .text_wrap h2 {font-size:20px; color:#222; padding-bottom:27px;}
.glasses_contents_list .text_wrap p {font-size:15px; color:#666; line-height:1.9;}
.glasses_contents_list > li > figure {width:282px;}
.glasses_contents_list > li > figure img {display:block;max-width:100%;}
.glasses_contents_list .glasses_contents_row > figure {width: 100%;max-height: none;padding: 0;border-bottom:0}
.glasses_contents_list .glasses_contents_row .text_wrap {width: 100%;max-height: none;padding: 0;border-top:0;}
.glasses_contents_list .glasses_contents_row_01 > figure {padding-top:80px;}
.glasses_contents_list .glasses_contents_row_02 .text_wrap {padding-bottom:80px;}
.glasses_contents_list .weight_list {padding:17px 0 20px 0;}
.glasses_section .glasses_contents_list .weight_list_second { padding-top: 0; }
.glasses_contents_list .weight_list li {display:inline-block; position:relative; padding-left:22px; font-size:13px; color:#222; line-height:1.5; margin-left:26px;}
.glasses_contents_list .weight_list li:first-child {margin-left:0;}
.glasses_contents_list .weight_list li:before {content:''; display:block; width:18px; height:19px; position:absolute; top:50%; left:0; margin-top:-9px; background:url(../images/sub/about/tomato-glasses/tomato-icon.png) no-repeat center center;}

.glasses_section .awards_section_caption {padding-top: 80px;font-size: 20px;color: #222;border-top: 1px solid #ddd;}
.glasses_section .awards_img_list {display:block; width:100%; margin:0 auto; font-size:0; padding:30px 0 25px;}
.glasses_section .awards_img_list li {display:inline-block;width:14.43%;border:1px solid #ddd;margin-right:6.962499999999999%;margin-bottom: 4%;}
.glasses_section .awards_img_list li:nth-child(5n) {margin-right:0;}
.glasses_section .awards_img_list li:nth-last-child(1),
.glasses_section .awards_img_list li:nth-last-child(2) {margin-bottom:0;}

/* No more than 6 awards.
.glasses_section .awards_img_list li {display:inline-block; width:14.43%; border:1px solid #ddd; margin-right:2.684%;}
.glasses_section .awards_img_list li:nth-child(6n) {margin-right:0;}
*/
.glasses_section .awards_img_list li img {max-width:127px; max-height:144px;}
.glasses_section .awards_list {}
.glasses_section .awards_list li {font-size:13px; color:#666; line-height:1.5; margin-bottom:9px;}
.glasses_section .awards_list li:last-child {margin-bottom:0;}

.nose_pad_category {width:100%;display: block;padding-bottom: 54px;}
.nose_pad_category > li {padding-bottom:20px;text-align:center;}
.nose_pad_category > li:last-child {padding-bottom:0;}
.nose_pad_category > li > h3 {width:100%;font-size:20px;color:#fff;background-color:#df0628;padding: 12px 0;}
.nose_pad_style_list {border:1px solid #ddd; border-top:0;}
.nose_pad_style_list > li {width: 33.33333333%;border-right:1px solid #ddd;display: inline-block;}
.nose_pad_style_list > li:nth-child(4),
.nose_pad_style_list > li:nth-child(5) {width:50%;}
.nose_pad_style_list > li:nth-child(3),
.nose_pad_style_list > li:last-child {border-right:0;}
.nose_pad_style {width:100%;}
.nose_pad_style > figure > img {max-width:100%; vertical-align: middle;}
.nose_pad_style_info {border-top:2px solid #ddd;background-color:#f1f1f1;text-align: left;padding: 15px 20px;}
.nose_pad_style_list > li:last-child .nose_pad_style_info {/*box-shadow: 1px 0px 0px #f1f1f1;*/}
.nose_pad_style_info b {font-size:20px; font-weight:400; color:#222; }
.nose_pad_style_info > ul {padding-top:8px;}
.nose_pad_style_info > ul > li {padding-bottom:5px;}
.nose_pad_style_info > ul > li:last-child {padding-bottom:0;}
.nose_pad_style_info > ul > li p {font-size: 15px; color:#666;}
.nose_pad_style_info .only_jp {display: none;}

.fitting_results {margin-bottom:45px;}
.fitting_results.a4_a5_nose_pads {margin-bottom:80px;}
.fitting_results > b {font-size:20px;color:#222; }
.fitting_results ul {padding-top: 35px;}
.fitting_results ul li {width:31.69092945129%;margin-right: 2.23964165733%;display:inline-block;text-align: center;}
.fitting_results ul li:last-child {margin-right:0;}
.fitting_results ul li:after {content:''; position:absolute; }
.fitting_results ul li i {font-size: 15px;color:#fff;background-color:#009d42;border-radius:10px;font-style:normal;padding:4px 0;margin:0 20px;display: block;}
.fitting_results ul li figure {margin-top:20px;position:relative;}
.fitting_results ul li figure:after {content:"";position:absolute;top: 2px;right: -3.88692579505%;width:1px;height: calc(100% - 4px * 1);height: -webkit-calc(100% - 4px * 1);background-color:#ddd;}
.fitting_results ul li:last-child figure:after {width:0;}
.fitting_results ul li figure img {max-width:100%; vertical-align: middle;}
.fitting_results ul li figure figcaption {width:100%;font-size:12px; color:#898989; position:absolute; bottom:-20px;left:50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.fitting_results p {font-size: 15px;color:#666;line-height: 1.9;padding-top: 30px;}
.fitting_results.a4_a5_nose_pads p {padding-top:50px;}



/* **************************************** *
 * ABOUT - COMPANY
 * **************************************** */
.company_wrap {max-width:100%;}
.company_wrap .wrap {position:relative;}
.company_section {position:relative; margin:0 auto;}
.company_section .motion_pic {position:absolute; padding:0;}
.company_section .motion_pic img {display:block;}
.company_section .motion_pic.cloud_01 {top:175px; right:63px;}
.company_section .motion_pic.cloud_02 {top:-98px; left:-53px;}
.company_section .motion_pic.balloon_01 {top:-56px; left:-106px;}
.company_section .motion_pic.balloon_02 {top:-106px; right:-128px;}
.company_section .motion_pic.identity {top:-48px; right:63px;}
.company_section .motion_pic.tree_01 {top:-33px; left:-148px;}
.company_section .motion_pic.tree_02 {top:55px; left:-220px;}
.company_section h2 {font-size:30px; font-weight:300; color:#009d42; line-height:1.5; text-align:center; padding:39px 0;}
.company_section h3 {font-size:26px; font-weight:300; color:#222; line-height:1.5; padding-bottom:32px;}
.company_section p {position:relative; font-size:15px; color:#666; line-height:1.9; margin-bottom:28px; z-index:1;}
.company_section p:last-child {margin-bottom:0;}
.company_header {padding-bottom:15px;}
.company_header h3 {color:#009d42; padding:41px 0 38px 202px;}
.company_header p {padding:41px 0 0 202px;}
.company_contents {padding-bottom:462px; padding-bottom:24.5%;}
.company_contents:before {content:''; display:block; width:100%; height:0; position:absolute; bottom:-290px; left:0; padding-top:50%; background:url(../images/sub/about/company/bg-glasses-v2.jpg) no-repeat center bottom; background-size:100% auto; z-index:0;}
.company_contents .ceo_img {/*float:left; position:relative; padding:7px 87px 0 0;*/ position:absolute; top:7px; left:0;}
.company_contents .ceo_img img {display:block; max-width:100%; position:relative; z-index:1;}
.company_contents p {padding-left:508px;}
.company_contents .text_box {position:relative; padding:31px 0 0 202px;}
.company_contents .text_box:before {content:''; display:block; clear:both;}
.company_contents .text_box p {padding-left:0;}
.company_behind_story {max-width:792px; padding-bottom:92px;}
.company_history {max-width:792px;}
.company_history h3 {color:#e72e35; padding-bottom:18px;}
.company_history_list {display:table;}
.company_history_list li {display:table-row;}
.company_history_list p {display:table-cell; vertical-align:top; margin-bottom:0; padding:8px 0px;}
.company_history_list .year {width:100px; color:#222;}
.company_history_list .txt {position:relative; padding-left:12px;}
.company_history_list .txt:before {content:'-'; position:absolute; top:7px; left:0px;}

/* **************************************** *
 * Product Before Message
 * **************************************** */
 .jt_product_before_message { text-align: center; padding-top: 100px; margin:0 5%; }
 .jt_product_before_message h2 {font-size:32px; color:#009d42; text-align:center; font-weight:600; }
 .jt_product_before_message p { line-height: 1.86; margin-top: 17px; color:#222; }