@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) BUTTON
 * 02) SWIPER
 * 03) MAGNIFIC POPUP
 * 04) A11Y
 * 05) LAZYLOAD
 * 06) MOTION
 * 07) FORM
 * 08) JT ALERT
 */



/* **************************************** *
 * BUTTON
 * **************************************** */
/* Basic Button */
.jt-btn__basic {display: inline-block;position: relative;overflow: hidden;}
.jt-btn__basic > span {display:block; position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 21rem 40rem;font-size: 15rem;font-weight: 600;color: #000;border: 1px solid #000;background: transparent;overflow: hidden;-webkit-transition: color .3s;transition: color .3s; z-index:2}
.jt-btn__basic:before, .jt-btn__basic:after {content: '';position: absolute;background: #000;}
.jt-btn__basic:before {width: 110%;height: 0;padding-bottom: 110%;top: 50%;left: 50%;border-radius: 50%;-webkit-transform: translate3d(-50%,-50%,0) scale3d(0,0,1);transform: translate3d(-50%,-50%,0) scale3d(0,0,1);}
.jt-btn__basic:after {top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
html.desktop .jt-btn__basic:hover span {color: #fff;}
html.desktop .jt-btn__basic:hover:before {-webkit-transition: -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1);transition: -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1);transition: transform .4s cubic-bezier(0.1, 0, 0.3, 1);transition: transform .4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1);-webkit-transform: translate3d(-50%,-50%,0) scale3d(1,1,1);transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}
html.desktop .jt-btn__basic:hover:after {opacity: 1;-webkit-transition-duration: .01s;transition-duration: .01s;-webkit-transition-delay: .3s;transition-delay: .3s;}
html.ie11 .jt-btn__basic > span {padding-top:20rem; padding-bottom:22rem;}

.jt-btn__basic.jt-btn--type-02 > span {color: #fff;border-color: #fff;}
.jt-btn__basic.jt-btn--type-02:before, .jt-btn__basic.jt-btn--type-02:after {background: #fff;}
html.desktop .jt-btn__basic.jt-btn--type-02:hover > span {color: #000;}

/* Underline Button */
.jt-btn__underline {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;padding: 17rem 22rem;font-size: 12rem;font-weight: 400;color: #fff;}
.jt-btn__underline > span {padding-bottom: 1rem;position: relative;}
.jt-btn__underline > span:before, .jt-btn__underline > span:after {content: '';display: block;height: 1rem;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width .4s;transition: width .4s;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.jt-btn__underline > span:before {width: 100%;right: 0;background: #fff;-webkit-transition-delay: .2s;transition-delay: .2s;}
.jt-btn__underline > span:after {width: 0;left: 0;background: #fff;-webkit-transition-delay: 0s;transition-delay: 0s;}
html.desktop .jt-btn__underline:hover > span:before {width: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
html.desktop .jt-btn__underline:hover > span:after {width: 100%;-webkit-transition-delay: .2s;transition-delay: .2s;}



/* **************************************** *
 * SWIPER
 * **************************************** */
/* Type Progressbar */
.swiper-ctrl--progressbar {height: 83rem;position: relative;overflow: hidden;}

.swiper-ctrl--progressbar .swiper-pagination {width: 100%;height: 3rem;left: 0;bottom: 0;background: none;}
.swiper-ctrl--progressbar .swiper-pagination:before {content: '';display: block;width: 100%;height: 1rem;position: absolute;left: 0;top: 1rem;background: #000;}
.swiper-ctrl--progressbar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}

.swiper-ctrl--progressbar .swiper-button-group {position: absolute;right: -7rem;top: 9rem;font-size: 0;z-index: 11;}
.swiper-ctrl--progressbar .swiper-button-next, .swiper-ctrl--progressbar .swiper-button-prev {display: inline-block;width: 38rem;height: 48rem;margin-top: 0;position: relative;top: inherit;bottom: inherit;left: inherit;right: inherit;background: none;}
.swiper-ctrl--progressbar .swiper-button-next:before, .swiper-ctrl--progressbar .swiper-button-prev:before {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';font-size: 34rem;font-weight: normal;text-align: center;line-height: 48rem;color: #000;}
.swiper-ctrl--progressbar .swiper-button-prev:before {content: '\e928';}
.swiper-ctrl--progressbar .swiper-button-next:before {content: '\e929';}
html.mac .use-mouse .swiper-ctrl--progressbar .swiper-button-group > div:focus, html.mobile .swiper-ctrl--progressbar .swiper-button-group > div:focus {outline:none;}

.swiper-ctrl--progressbar .swiper-play-state {height: 32rem;position: absolute;right: 65rem;top: 27rem;z-index: 11;}
.swiper-ctrl--progressbar .swiper-play-state__btn:after {font-size: 26rem;line-height: 32rem;color: #000;}
html.desktop.mac .swiper-ctrl--progressbar .swiper-play-state {top:26rem;}

/* Type Bullets */
.swiper-ctrl--bullets {width: 100%;position: absolute;left: 0;bottom: 60rem;font-size: 0;text-align: center;z-index: 10;}

.swiper-ctrl--bullets .swiper-pagination {display: inline-block;vertical-align: middle;position: relative;}
.swiper-ctrl--bullets .swiper-pagination-bullet {width: 22rem;height: 22rem;margin: 0 4rem;position: relative;background: transparent;opacity: 1;}
.swiper-ctrl--bullets .swiper-pagination-bullet:before {content: '';display: block;width: 6rem;height: 6rem;margin: 0;padding: 0;position: absolute;top: 50%;left: 50%;margin-top: -3rem;margin-left: -3rem;font-size: 0;background: #fff;border: none;border-radius: 50%;}
.swiper-ctrl--bullets .swiper-pagination-bullet:after {content: '';display: block;width: 50%;height: 50%;position: absolute;left: 50%;top: 50%;border: 1rem solid #fff;border-radius: 50%;opacity: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);-webkit-transition: width .3s, height .3s, opacity .4s;transition: width .3s, height .3s, opacity .4s;}
.swiper-ctrl--bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {width: 100%;height: 100%;opacity: 1;}

/* Controller */
.swiper-play-state {display: inline-block;vertical-align: middle;width: 32rem;height: 22rem;position: relative;}
.swiper-play-state__btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity .3s;transition: opacity .3s;}
.swiper-play-state__btn:after {display: block;font-family: 'jt-font';font-size: 16rem;font-weight: normal;text-align: center;line-height: 22rem;color: #fff;}
.swiper-play-state__btn--play:after {content: '\e93b';}
.swiper-play-state__btn--pause:after {content: '\e94d';}
.swiper-play-state.swiper-play-state--play .swiper-play-state__btn--pause {opacity: 1; visibility: visible;}
.swiper-play-state.swiper-play-state--pause .swiper-play-state__btn--play {opacity: 1; visibility: visible;}
html.desktop.mac .swiper-play-state__btn {top:1rem;}
html.desktop.mac .swiper-play-state__btn--pause:after {content: '\e92b';}

/* Navigation */
.swiper-navigation, .swiper-navigation.swiper-button-disabled {opacity: 0; visibility: hidden;width:64rem;height:64rem;background:rgba(0,0,0,0.5);border-radius:50%;text-align: center;line-height: 64rem; -webkit-transition: all .3s, transform .6s;transition: all .3s, transform .6s ; will-change:transform; z-index:50;}
.swiper-navigation:after { font-family: 'jt-font'; font-weight:normal; font-size:28rem; color:#fff; display:block; } 
.swiper-button-next:after {content :'\e90a';}
.swiper-button-prev:after {content :'\e909';}
html.desktop .swiper-navigation:hover {background:rgba(0,0,0,0.9);}
html.desktop .swiper-container:hover .swiper-navigation.swiper-button-disabled {opacity:0;}
html.desktop .swiper-container:hover .swiper-navigation {opacity:1;visibility:visible; transform:scale(1.25) }



/* **************************************** *
 * MAGNIFIC POPUP
 * **************************************** */
.mfp-bg {background: #000;opacity: 0.5;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.5;}

.mfp-gallery .mfp-image-holder .mfp-close, .mfp-gallery .mfp-counter {display: none;}
.mfp-gallery .mfp-image-holder .mfp-content {width: 840rem;/*min-height: 656rem;*/background: #fff;}
.mfp-gallery .mfp-figure:after {display: none;}
.mfp-gallery img.mfp-img {max-height: 276rem !important;margin: 100rem auto 44rem;padding: 0;}
.mfp-gallery .mfp-bottom-bar {margin-top: 0;position: relative;}
.mfp-gallery .mfp-title {text-align: center;padding: 0 100rem 100rem;}
.mfp-gallery .mfp-title b {display: block;font-size: 24rem;line-height: 1.45;font-weight: 600;color: #000;}
.mfp-gallery .mfp-title p {margin-top: 18rem;font-size: 16rem;line-height: 1.62;font-weight: 400;color: #666;}
.mfp-gallery .mfp-title p br.jt-smallscreen-br {display: none;}
.mfp-gallery .mfp-arrow {width: 52rem;height: 52rem;margin-top: -26rem;opacity: 1;}
.mfp-gallery .mfp-arrow:active {margin-top: -26rem;}
.mfp-gallery .mfp-arrow:before {display: none;}
.mfp-gallery .mfp-arrow:after {width: 100%;height: 100%;margin: 0;top: 0;font-family: 'jt-font';font-size: 52rem;font-weight: normal;font-style: normal;line-height: 1;color: #fff;border: none;}
.mfp-gallery .mfp-arrow-left {left: 50%;margin-left: -521rem;}
.mfp-gallery .mfp-arrow-left:after {content: '\e90f';}
.mfp-gallery .mfp-arrow-right {left: 50%;right: inherit;margin-left: 469rem;}
.mfp-gallery .mfp-arrow-right:after {content: '\e910';}
body:not(.use-mouse) button.mfp-close:focus, body:not(.use-mouse) button.mfp-arrow:focus {outline:2rem solid #000;}



/* **************************************** *
 * A11Y
 * **************************************** */
.sr-only {position: absolute;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0;}

#skip a {width: 1rem;height: 1rem;position: absolute;left: -10000rem;top: auto;overflow: hidden;}
#skip a:focus {display: block;width: 100%;height: 46rem;position: fixed;top: 0;left: 0;line-height: 50rem;text-align: center;color: #000;background: #fff;z-index: 999;}

.use-mouse,
.use-mouse select,
.use-mouse input[type=text],
.use-mouse input[type=tel],
.use-mouse input[type=email],
.use-mouse input[type=password],
.use-mouse input[type=url],
.use-mouse input[type=number],
.use-mouse input[type=search],
.use-mouse textarea,
.use-mouse input[type=submit],
.use-mouse input[type=button],
.use-mouse button,
.use-mouse a:focus {outline: none;}



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.jt-lazyload--loaded img[data-unveil], img[data-unveil].jt-lazyload--loaded {opacity:1;}

.jt-lazyload {position: relative;overflow: hidden;}
.jt-lazyload img {display: block;width: 100%;position: absolute;left: 0;top: 0;}
.jt-lazyload.jt-lazyload--loaded img {height: auto;}

/* Color preview */
.jt-lazyload__color-preview {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #f8f8f8;}
.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview {background: transparent;-webkit-transition: background .1s;transition: background .1s;-webkit-transition-delay: .3s;transition-delay: .3s}



/* **************************************** *
 * MOTION
 * **************************************** */
.jt-motion--appear[data-motion-type="rise"] {opacity: 0;}

/* img */
.jt-motion-img {overflow: hidden;}
.jt-motion-img img {opacity: 0;-webkit-transform: scale(1.15);-ms-transform: scale(1.15);transform: scale(1.15);-webkit-transition: opacity 1.1s ease 300ms, -webkit-transform 1.1s ease-out;transition: opacity 1.1s ease 167ms, -webkit-transform 1.1s ease-out;transition: opacity 1.1s ease 300ms, -webkit-transform 1.1s ease-out;transition: transform 1.1s ease-out, opacity 1.1s ease 300ms;transition: transform 1.1s ease-out, opacity 1.1s ease 300ms, -webkit-transform 1.1s ease-out;}
.jt-motion-img.jt-motion-img--complete img {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}



/* **************************************** *
 * FORM
 * **************************************** */
/* Form layout */
.jt-form {margin: 0 auto;}
.jt-form:after {content: '';display: table;clear: both;}

.jt-form__data-wrap {margin-top: 120rem;}
.jt-form__data-tit { font-size: 30rem; font-weight: 600; }
.jt-form__data--col-2 {margin-left: -24rem; margin-right: -24rem; font-size: 0;}
.jt-form__data--col-2 .jt-form__data-tit {margin-left: 24rem;}
.jt-form__data--col-2 .jt-form__data {width:-webkit-calc(50% - 48rem);width:calc(50% - 48rem); margin:0 24rem; display:inline-block; vertical-align:top; margin-top: 60rem;}

.jt-form__field-wrap {display: block;margin-top: 23rem;font-size: 0; position: relative;}
.jt-form__text {font-size: 16rem;font-weight: 400;line-height: 1.85;color: #666;}

/* Label */
.jt-form__label {display: inline-block;position: relative;font-size: 20rem;line-height: 1.55;font-weight: 500;color: #000;}
.jt-form--required .jt-form__label:after {width:6px;height:6px;border-radius:50%;background:#d60000;content: '';display: block;vertical-align: top;position:absolute;right: -13rem;top: 6rem;}

/* Input */
.jt-form__field {display: inline-block;width: 100%;margin: 0;padding: 0 0 19rem;vertical-align: middle;font-size: 16rem;line-height: 1;color: #000; border-radius: 0;border:none;border-bottom: 2rem solid #ddd;outline: none;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border 300ms, -webkit-box-shadow 300ms;transition: border 300ms, -webkit-box-shadow 300ms;transition: border 300ms, box-shadow 300ms;transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;}
textarea.jt-form__field {height: 404rem; padding:30rem 49rem; overflow: auto;resize: none; border:1rem solid #ddd; line-height: 1.67; border-radius: 0;}
html.desktop .jt-form__field:hover {border-color:#000;}
.jt-form__field:focus {border-color:#000;}
.jt-form__field:disabled, .jt-form__field:-moz-read-only {border-color: #eee;box-shadow: none;}
.jt-form__field:disabled, .jt-form__field:read-only {border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:-moz-read-only {border-color: #eee;box-shadow: none;}
html.desktop .jt-form__field:disabled, html.desktop .jt-form__field:read-only {border-color: #eee;-webkit-box-shadow: none;box-shadow: none;}
html.desktop .jt-form__field:disabled::-webkit-input-placeholder {color: #ddd;}
html.desktop .jt-form__field:disabled::-moz-placeholder {color: #ddd;}
html.desktop .jt-form__field:disabled:-ms-input-placeholder {color: #ddd;}
html.ie11 .jt-form__field:-ms-input-placeholder {color: #999;}

.jt-form__field-count { font-size: 15rem; font-weight: 600; color: #666; position: absolute; bottom: 27rem; right: 30rem; }

.jt-form__data .not-valid-tip {display:block;margin-top: 12rem;font-size:16rem;line-height:1;font-weight:400;color:#ff0000;position: absolute;}
.jt-form__data.jt-form__message .not-valid-tip {position:static;}

/* CHECKBOX, RADIO */
.jt-checkbox, .jt-radiobox {display: block;margin-top: -6rem;margin-bottom: -6rem;position: relative;font-size: 0;}
.jt-checkbox input, .jt-radiobox input {position: absolute;opacity: 0;cursor: pointer;}
.jt-checkbox label, .jt-radiobox label {display: inline-block;padding: 4rem 0 4rem 28rem;margin-right: 25rem;position: relative;font-size: 16rem;font-weight:400;line-height: 1.6;color: #000;cursor: pointer;}
.jt-checkbox label {padding-left:28rem;}
.jt-checkbox label:last-child, .jt-radiobox label:last-child {margin-right: 0;}
.jt-checkbox label > span:before, .jt-radiobox label > span:before {content: '';display: block;height: 18rem;width: 18rem;position: absolute;top: 7rem;left: 0;border: 1px solid #ddd;-webkit-transition: border .3s, background .1s;transition: border .3s, background .1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt-checkbox label > span:after, .jt-radiobox label > span:after {content: '';display: none;position: absolute;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.jt-checkbox label > span:before {content: '';display: block;position: absolute;top: 7rem;left: 0;border: 1rem solid #ddd;-webkit-transition: border .3s, background .1s;transition: border .3s, background .1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius: 0;}
.jt-checkbox label > span:after {content: '';display: none;position: absolute; width:6rem;height: 10rem;left: 6rem;top: 10rem;border: solid #000;border-width: 0 2rem 2rem 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.jt-radiobox label > span:before {border-radius: 50%;}
.jt-radiobox label > span:after {width: 6rem;height: 6rem;left: 6rem;top: 13rem;background: #fff;border-radius: 50%;}
.jt-checkbox input:checked + span:before {border-color: #000;}
.jt-radiobox input:checked + span:before {border-color: #000;}
.jt-radiobox input:checked + span:after {background: #000;}
.jt-checkbox input:disabled + span:before, .jt-radiobox input:disabled + span:before, .jt-checkbox input:disabled:checked + span:before, .jt-radiobox input:disabled:checked + span:before {border-color: #ddd;}
.jt-radiobox input:disabled + span:after, .jt-radiobox input:disabled:checked + span:after {background-color: #ddd;}
.jt-checkbox input:disabled + span:after, .jt-checkbox input:disabled:checked + span:after, {border-color: #ddd;}
.jt-checkbox input:checked + span:after, .jt-radiobox input:checked + span:after {display: block;}
html.desktop .jt-checkbox label:hover input:not(:disabled) + span:before,
html.desktop .jt-radiobox label:hover input:not(:disabled) + span:before {border-color: #000;}

/* control */
.jt-form__control .jt-form__action {display: inline-block; position: relative; vertical-align: middle; line-height: 1; text-align: center; padding: 21rem 40rem; font-size: 15rem; font-weight: 600; color: #000; border: 1px solid #000; background: transparent; overflow: hidden; -webkit-transition: .3s; transition: .3s; cursor: pointer; position: relative; z-index: 2;}
.jt-form__action-wrap { display: inline-block; vertical-align: top; overflow: hidden; position: relative; }
.jt-form__action-wrap:before { content: ''; position: absolute; background: #000; width: 110%; height: 0; padding-bottom: 110%; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate3d(-50%,-50%,0) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) scale3d(0,0,1); }
.jt-form__action-wrap:after { content: ''; position: absolute; background: #000; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s }
html.desktop .jt-form__action-wrap:hover:before {-webkit-transition: -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1);transition: -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1);transition: transform .4s cubic-bezier(0.1, 0, 0.3, 1);transition: transform .4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform .4s cubic-bezier(0.1, 0, 0.3, 1); -webkit-transform: translate3d(-50%,-50%,0) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}
html.desktop .jt-form__action-wrap:hover:after {opacity: 1; -webkit-transition-duration: .01s; transition-duration: .01s; -webkit-transition-delay: .3s; transition-delay: .3s;}
html.desktop .jt-form__control .jt-form__action:hover {color: #fff;}

/* cf7 */
div.wpcf7 {position: relative;}

.wpcf7-list-item {display: inline-block;}
div.wpcf7 .jt-radiobox .wpcf7-list-item {margin-right: 51rem;}
div.wpcf7 .jt-radiobox .wpcf7-list-item.last {margin-right: 0;}

span.wpcf7-not-valid-tip {width: 100%;padding-top: 6rem;font-size: 16rem;line-height: 2;font-weight: 400;color: #ff0000;}
.jt-agreement span.wpcf7-not-valid-tip {position: absolute;width: 780rem;top: 34rem;}

div.wpcf7-response-output {position: absolute;opacity: 0;}
.wpcf7-spinner {display: none;}

div.wpcf7 .jt-form__field[aria-invalid="true"] {border-color: #ff0000;}
html.desktop div.wpcf7 .jt-form__field[aria-invalid="true"]:hover, div.wpcf7 .jt-form__field[aria-invalid="true"]:focus {border-color: #000;}



/* **************************************** *
 * JT Alert
 * **************************************** */
.jt-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 99999;}
.jt-alert__container {position: relative;width: 90%;max-width: 376rem;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 4rem;text-align: center;-webkit-box-shadow: 0 20rem 80rem rgba(0,0,0,.1);box-shadow: 0 20rem 80rem rgba(0,0,0,.1);}
.jt-alert__content {width: 100%;min-height: 110rem;text-align: center;padding: 43rem 20rem 29rem;}
.jt-alert__content h1 { font-size: 20rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: -9rem; padding-bottom: 10rem;}
.jt-alert__content p {vertical-align: middle;font-size: 16rem;line-height: 1.6;color:#666;word-wrap: break-word;word-break: keep-all;}
.jt-alert__btn {font-size: 16rem;line-height: 1.7;font-weight: 600;color: #484848; background: #f8f8f8; border: 1rem solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
html.desktop .jt-alert__btn:hover { background:#eee; }
.jt-alert--primary-button .jt-alert__btn.jt-alert--ok { background: var(--color-primary); border: 1rem solid var(--color-primary); color: #fff; }
html.desktop .jt-alert--primary-button .jt-alert__btn.jt-alert--ok:hover {background:var(--color-primary-dark); border-color: var(--color-primary-dark);}

.jt-alert--button-icon .jt-alert__btn:before {font-family:'jt-font';line-height: 1;font-size:12rem;padding-right: 9rem;}
.jt-alert--button-icon .jt-alert__btn.jt-alert--ok:before {content: '\e935';}
.jt-alert--button-icon .jt-alert__btn.jt-alert--cancel:before {content: '\e92e';}
.jt-alert--confirm .jt-alert__btn { background: #eee; }
html.desktop .jt-alert--confirm .jt-alert__btn:hover { background: #ddd; }
.jt-alert--primary-title .jt-alert__content h1 { color:var(--color-primary); }

.jt-alert--has-icon .jt-alert__content h1 { position:relative; padding-top: 71rem;}
.jt-alert--has-icon .jt-alert__content h1:before {font-family: 'jt-font';font-size: 45rem;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1:before {content:'\e94e';color: #aaa;}
.jt-alert--has-icon.jt-alert__type-success .jt-alert__content h1:before {content:'\e94f';color:#20bd54;}
.jt-alert--has-icon.jt-alert__type-error .jt-alert__content h1:before {content:'\e950';color:#dd4242;}

.jt-alert--no-message .jt-alert__content h1{margin-top: 0; }

/* Classic */
.jt-alert__style-classic .jt-alert__container { background: #fff; }
.jt-alert__style-classic .jt-alert__container .jt-alert__actions { border-top: 1rem solid #ddd; }
.jt-alert__style-classic .jt-alert__actions {padding: 20rem 0; margin: 0 20rem; text-align: center;}
.jt-alert__style-classic .jt-alert__btn { padding: 7rem 29rem 9rem 28rem; border-radius: 5rem; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn { width: 159rem; margin-right: 15rem; }
.jt-alert__style-classic.jt-alert--confirm .jt-alert__btn:last-child { margin-right: 0; }
.jt-alert__style-classic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom:25rem;}
.jt-alert__style-classic.jt-alert--primary-title .jt-alert__content p { color:#444; }
.jt-alert__style-classic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 76rem;}

/* Basic */
.jt-alert__style-basic .jt-alert__container {overflow:hidden;}
.jt-alert__style-basic .jt-alert__container .jt-alert__actions { border-top: 0; }
.jt-alert__style-basic .jt-alert__content {background: #fff;min-height: 146rem; padding: 39rem 20rem 29rem;}
.jt-alert__style-basic .jt-alert__content h1 {margin-top: 5rem; }
.jt-alert__style-basic .jt-alert__actions {background: #fff; border-top: 1rem solid #ddd;}
.jt-alert__style-basic .jt-alert__btn {padding:13rem 0 14rem;width: 100%;height:100%;border-radius: 0;background: #f8f8f8;border: 1rem solid #ddd;color:#666;}
html.desktop .jt-alert__style-basic .jt-alert__btn:hover { background: #eee; }
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__content {background: #f8f8f8;}
.jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn {color: var(--color-primary);background:#fff; border: 0; border-top: 1rem solid #ddd;}
html.desktop .jt-alert__style-basic.jt-alert--primary-button .jt-alert__btn:hover {  color:#fff; background: var(--color-primary);  border-top: 1rem solid var(--color-primary); }
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__content {background: #fff;}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn {border-top: 0;}
.jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt-alert--ok {color:#fff;background: var(--color-primary);}
html.desktop .jt-alert__style-basic.jt-alert--primary-button.jt-alert--confirm .jt-alert__btn.jt_alert_ok:hover { background: var(--color-primary-dark); }
.jt-alert__style-basic.jt-alert--confirm .jt-alert__actions { background: none; }
.jt-alert__style-basic.jt-alert--confirm .jt-alert__btn {width: 50%;color: #484848;background: #eee;}
html.desktop .jt-alert__style-basic.jt-alert--confirm .jt-alert__btn:hover { color:#484848; background: #ddd;}
.jt-alert__style-basic.jt-alert--button-icon.jt-alert--confirm .jt-alert__content {background: #fff;}
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content { padding: 38rem 20rem 35rem; }
.jt-alert__style-basic.jt-alert--primary-title .jt-alert__content h1 {padding-bottom: 18rem;margin-bottom: 33rem;border-bottom: 1rem solid #ddd;}
.jt-alert__style-basic.jt-alert--has-icon.jt-alert__type-info .jt-alert__content h1 { padding-top: 71rem;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content {padding: 32rem 20rem 34rem;}
.jt-alert__style-basic.jt-alert--has-icon .jt-alert__content h1 { margin-top:0; }