@charset "utf-8";

/*
Theme Name: TheBi
Theme URI: https://3theme.com/tf007/
Description: TheBi - Photography WordPress Theme
Version: 1.2.3
Author: foreverpinetree@gmail.com
Author URI: http://foreverpinetree.com/
Text Domain: thebi
Tags: custom-menu, featured-images, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html


css directory -------------------------- start  -------------------------- start  --------------------------  

 siteFont
 mainColor
 siteBasic
 loader
 ptElements

 menu & header
 hiddenMenu 
 mobileMenu

 margin&padding
 boxed

 shortcode
	 shortCodeBasic
	 itemMask
	 sectionTitle
	 portfolio
	 blog
	 gallery
	 mixbox
	 pricing
	 subscribers
	 textList
	 images
	 banner
	 photoWall
	 progress
	 faq
	 carousel
	 textCarousel
	 slider

 footer
 popup

 single
 videoElements
 comment-root

 otherPage
 ajax
 transition
 highLight

*/


/* $ siteFont  -------------------------- start  -------------------------- start  --------------------------   */
html {
	font-size: 14px;
}
.min-font{
	font-size: 0.875rem !important;
}

/*site fonts base setting */
body{
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
}


/*site global font weight (admin panel setting) */

body,
textarea,
input,
button,
select,
.intro,
.pic-list.caption-style-02:not(.large-text) .text .pt-h,
h5 #cancel-comment-reply-link{
	font-family: 'mitr-Local', sans-serif;
	font-weight: 400;
}


/*site title font weight (admin panel setting) */

h1,h2,h3,h4,h5,h6,
mark,
legend,
b,
.pt-h a,
.price-amount,
.pricing-table .title,
.sc-progress .wrap,
.for-img-sub .text a,
a#cancel-comment-reply-link,
.pt-filter,
.caption-style-02.large-text .caption,
.has-widget .widget-title{
	font-family: 'Nivea-Local',sans-serif;
	font-weight: 700;
}


/*site menu-font (admin panel setting)  */

/*normal menu*/
.main-menu a,.widget_nav_menu a{
	font-weight: 500;
}

/*hidden menu*/
.m-outer-menu .main-menu .depth-1 > a,
.hidden-menu .widget_nav_menu .depth-1 > a{
	font-weight: 600;
}

/* weight for link font (admin panel setting)  */

a,
button,
input[type="submit"],
.fn,
.pt-text-tip,
.single-meta .item div,
.pt-submit-wrap p,
.sc-gallery .caption,
.single-tags,
.single-meta .item > div,
.woocommerce li span.onsale,
.sc-mixbox .sub-title,
.sc-slider .sub-title,
.pt-popup input.search,
div.product .stock,
body.woocommerce-page div.product form.cart .variations label,
.sc-photo-wall.text-style-03,
footer.style-03 .pt-social a em,
.single-tags span,
.pt-popup-btn > em{
	font-weight: 500;
}
.pt-h b,.pt-h strong{
	font-weight: initial;
}


/* $ mainColor	-------------------------- start  -------------------------- start  --------------------------  */

/*for light*/
.site-light,
.site-root{
	background-color: #fff;
}
.site-light.bg-lightgrey,
.bg-lightgrey .site-root{
	background-color: #f7f8f9;
}

/*for dark*/
.site-dark,
.site-dark .site-root{
	background-color: #111216;
}
body,
.comment-body,
.site-light .pt-color-invert{
	color: rgba(250,250,250,.8);
}


a,
th,
.pt-h,
.btn,
.icon i,
.swiper-pagination-current,
.sc-text-carousel .intro,
.swiper-btn-wrap > div,
.sc-textlist li:not(.text-small),
.sc-progress .text,
.sc-photo-wall,
.price-amount,
.site-light .pt-color-invert .price-amount,

.site-light .pt-color-invert a,
.site-light .pt-color-invert th,
.site-light .pt-color-invert .pt-h,
.site-light .pt-color-invert .btn,
.site-light .pt-color-invert .icon i,
.site-light .pt-color-invert .swiper-pagination-current,
.site-light .sc-text-carousel.pt-color-invert .intro,
.title,
.site-light .pt-color-invert .title,
.site-light .sc-textlist.pt-color-invert li:not(.text-small),

.single-nav,
.has-widget .widget-title,
.single-meta .item > div,
.pt-filter li.active{
	color: #fff;
}

/*btn elems*/
.swiper-btn-wrap > div,
.site-light .pt-color-invert .swiper-btn-wrap > div{
	border-color: #010206;
}


/*---------------------------- light -------------------------------------*/

.site-light,
.site-light .comment-body,
.site-dark .pt-color-invert{
	color: rgba(11,12,16,.8);
}

.site-light a,
.site-light th,
.site-light .pt-h,
.site-light .btn,
.site-light .icon i,
.site-light .sc-text-carousel .intro,
.site-light .swiper-pagination-current,
.site-light .swiper-btn-wrap > div,
.site-light .title,
.site-light .sc-textlist li:not(.text-small),
.site-light .sc-progress .text,
.site-light .sc-photo-wall,
.site-light .price-amount,
.site-dark .pt-color-invert .price-amount,

.site-dark .pt-color-invert a,
.site-dark .pt-color-invert th,
.site-dark .pt-color-invert .pt-h,
.site-dark .pt-color-invert .btn,
.site-dark .pt-color-invert .icon i,
.site-dark .sc-text-carousel.pt-color-invert .intro,
.site-dark .pt-color-invert .swiper-pagination-current,
.site-dark .pt-color-invert .swiper-btn-wrap > div,
.site-dark .pt-color-invert .title,
.site-dark .sc-textlist.pt-color-invert li:not(.text-small),

.site-light .single-nav,
.site-light .has-widget .widget-title,
.site-light .single-meta .item > div,
.site-light .pt-filter li.active{
	color: #010206;
}

/*btn elems*/
.site-light .swiper-btn-wrap > div,
.site-dark .pt-color-invert .swiper-btn-wrap > div{
	border-color: #010206;
}


/* $ siteBasic   -------------------------- start  -------------------------- start  --------------------------  */

html,body,p,input,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,figure,svg{
	margin: 0;
	padding: 0;
}
body,li,a,div,nav,header,footer,section,span,p,article,ol,ul,figure,figcaption,form,input,textarea,main,em,h1,h2,h3,h4,h5,h6,i,img,svg,tr,td,th,table,tbody,thead,:after,:before{
	box-sizing: border-box;
}
main{ /*for ie*/
	display: block;
}
:before {
	font-weight: normal !important;
}
::-webkit-input-placeholder{
	color: inherit;
	opacity: 0.8;
}


@media (min-width: 782px){
	html.has-wp-bar{
		height: calc(100% - 32px);
	}
}
@media (max-width: 600px){
	html.has-wp-bar{
		height: 100%;
	}
}
.site-root{
	position: relative;
	min-height: 100%;
	z-index: 2;
}
.site-root:before,
.site-root:after{
	content: '';
	display: table;
	width: 100%;
	height: 0;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}
input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}
select::-ms-expand {
	display: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

input,
button,
textarea,
select{
	-webkit-appearance: none;
	appearance: none;
	vertical-align: top;
	background-color: transparent;
	border-radius: 0;
	font-size: 0.875rem;
}
input,
select{
	height: 40px;
}
input[type='file']{
	font-size: 14px !important;
}
input[type='file'],
input[type='date']{
	padding: 8px;
	line-height: 1;
}
@media (min-width: 1680px){
	input,
	select{
		height: 50px;
	}
	input[type='file'],
	input[type='date']{
		padding: 13px;
	}
}
select{
	padding-right: 30px !important;
	padding-left: 15px;

	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
}
select option,
.site-light .pt-color-invert select option{
	background: #212226;
	color: #fff;
}
.site-light select option,
.site-dark .pt-color-invert select option{
	background: #fff;
	color: #212226;
}
select{
	color: inherit;
	background-image: url(data/images/arrow.png);
}

textarea,input,a,div,img,button,select,i,li,span{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
fieldset{
	max-width: 100%;
}

input[type='checkbox']{
	width: 20px !important;
	height: 20px;
	-webkit-appearance: checkbox;
	appearance: checkbox;
	vertical-align: middle;
	margin-right: 8px;
}
input[type='radio'] {
	width: 20px !important;
	height: 20px;
	margin-right: 8px;
	-webkit-appearance: radio;
	appearance: radio;
}
input[type='radio'] + *,
input[type='checkbox'] + *{
	line-height: 20px !important;
	display: inline-block;
	vertical-align: top;
}

input:not([type='submit']):not([type='checkbox']):not([type='radio']){
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
textarea{
	padding: 15px;
}

select,
input:not([type='submit']):not([type='checkbox']):not([type='radio']),
.select2-container .select2-selection--single,
textarea{
	border:none;
	color: inherit;
	font-size: 1rem;
	opacity: 0.8;
}
span.wpcf7-list-item{
	font-size: 0;
	vertical-align: top;
}
span.wpcf7-list-item > *{
	font-size: 1rem;
	vertical-align: top;
}

input:not([type="submit"]):not([type='checkbox']):not([type='radio']),
.site-light .pt-color-invert input:not([type="submit"]):not([type='checkbox']):not([type='radio']),
select,
.site-light .pt-color-invert select,
textarea,
.site-light .pt-color-invert textarea,
.site-root .select2-container .select2-selection--single{
	background-color:#fff;
	color: #111216;
}

.site-light input:not([type="submit"]):not([type='checkbox']):not([type='radio']),
.site-dark .pt-color-invert input:not([type="submit"]):not([type='checkbox']):not([type='radio']),
.site-light select,
.site-dark .pt-color-invert select,
.site-light textarea,
.site-dark .pt-color-invert textarea,
.site-light .site-root .select2-container .select2-selection--single{
	color:#111216;
	background-color: #f1f1f1;
}

select:hover,
input:not([type='submit']):not([type='checkbox']):not([type='radio']):hover,
textarea:hover,
select:focus,
input:not([type='submit']):not([type='checkbox']):not([type='radio']):focus,
textarea:focus,
.select2-container .select2-selection--single:hover{
	opacity: 1;
}

input:not([type='submit']):not([type='checkbox']):not([type='radio']):not(.submit):not(.button),
textarea,
select{
	width: 100%;
	max-width: 100%;
	border-radius: 6px;
}

[hidden] {
	display: none;
}

input[type='submit'],
input.button,
button {
	cursor: pointer;
	border: none;
	padding: 0 25px;
	border-radius: 40px;
}
.wpcf7-radio .wpcf7-list-item,
.wpcf7-acceptance .wpcf7-list-item{
	margin: 0 20px 0 0;
}

/*.wide elements*/
.alignwide,
.alignfull{
	position: relative;
	max-width: 100vw;
}
.widget-full .pt-widget-list{
	display: block;
	text-align: left;
}
.default-template-page.widget-full .pt-widget-list{
	max-width: 900px;
	margin: 40px auto; 
}
.single-root.widget-full .pt-widget-list{
	width: 100%;
    max-width: 100%;
}
.pc-mode .post.widget-full:not(.style-02) .pt-widget-list,
.pc-mode .project.widget-full .pt-widget-list{
	width: 80%;
	max-width: 1480px;
	margin: 6vw auto; 
}
.widget-full .pt-widget-list .widget{
	width: 29%;
}
.gutter-sizer{
	width: 6.5%;
}
.project:not(.text-type-02).has-widget,
.post:not(.style-02).has-widget{
	text-align: center;
}
.post:not(.style-02).has-widget > *,
.project:not(.text-type-02).has-widget > *{
	text-align: left;
}
html:not(.m-mode) .project.has-widget:not(.text-type-02):not(.widget-full) .single-inner,
html:not(.m-mode) .post.has-widget:not(.style-02):not(.widget-full) .single-inner{
	display: inline-block;
	vertical-align: top;
}


@media (max-width: 1900px){
	.default-template-page.widget-full .pt-widget-list{
		max-width: 800px;
	}
	.pc-mode .site-menu-03.site-menu-position-01 .default-template-page .alignfull{
		margin-left: -70px;
	}
	.pc-mode .site-menu-03.site-menu-position-02 .default-template-page .alignfull{
		margin-left: 70px;
	}
}
@media (max-width: 1280px){
	.default-template-page.widget-full .pt-widget-list{
		max-width: 700px;
	}
}
@media (max-width: 1024px){
	.widget-full .pt-widget-list .widget{
		width: 46%;
	}
	.widget-full .gutter-sizer{
		width: 8%;
	}
}
@media (max-width: 768px){
	.widget-full .pt-widget-list .widget{
		width: 100%;
	}
	.widget-full .gutter-sizer{
		width: 0;
	}
}

.m-mode .alignwide{
	width: auto !important;
	left: auto !important;
}


/*update for menu01-bg*/
/*fix menu03 for fullElements*/
.pt-header.menu-style-03.menu-bg-on > .wrap:after,
.pt-header.menu-style-01.menu-bg-on > .wrap:after{
	content: '';
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	margin: -1.5vw;
	background-color: rgba(17,18,22,.5);
	border-radius: 6px;
	z-index: -1;
}
.site-light .pt-header.menu-style-01.menu-bg-on > .wrap:after,
.site-light .pt-header.menu-style-03.menu-bg-on > .wrap:after{
	background-color: rgba(247,248,249,.8);
}
.site-light .pt-header.menu-style-03.menu-bg-on > .wrap.elem-color-white:after,
.site-light .pt-header.menu-style-01.menu-bg-on > .wrap.elem-color-white:after{
	background-color: rgba(17,18,22,.5);
}
.pt-header.menu-style-01.menu-bg-on > .wrap:after {
	margin: -0.7vw -1.5vw;
	border-radius: 100px;
}



.ptsc form label{
	font-size: 1rem;
}
.ptsc form{
	margin-top: 30px;
}
.ptsc form p{
	margin-bottom: 24px;
}


iframe {
	width: 100%;
	border: none;
}
img {
	border: none;
	vertical-align: middle;
}

pre {
	white-space: pre-line;
}
div,
.main-content,
.m-outer-menu,
.hidden-menu > .wrap,
.pt-popup,
.ajax-target{
	-webkit-overflow-scrolling: touch;
}
p a{
	word-break: break-word;
}
p{
	line-height: 1.8;
}
h1,h2,h3,h4,h5,h6{
	position: relative;
	line-height: normal;
}
.pt-h a.text-link{
	line-height: 1.4;
}
.text-area .pt-h{
	margin-bottom: 30px;
}

h1.large{font-size:calc( 1.25rem + 4vw);}
h1{font-size:calc( 1.125rem + 2vw);}
h2{font-size:calc( 1rem + 1.6vw);}
h3{font-size:calc( 1rem + 1.4vw );}
h4{font-size:calc( 1rem + 1.2vw);}
h5{font-size:calc( 1rem + 0.9vw);}
h6{font-size:calc( 1rem + 0.6vw);}

.textwidget h1,div[class*="-description"] h1{font-size:calc( 1rem + 1.2vw);}
.textwidget h2,div[class*="-description"] h2{font-size:calc( 1rem + 1vw);}
.textwidget h3,div[class*="-description"] h3{font-size:calc( 1rem + 0.8vw );}
.textwidget h4,div[class*="-description"] h4{font-size:calc( 1rem + 0.6vw);}
.textwidget h5,div[class*="-description"] h5{font-size:calc( 1rem + 0.4vw);}
.textwidget h6,div[class*="-description"] h6{font-size:calc( 1rem + 0.2vw);}
.textwidget .pt-h,div[class*="-description"] .pt-h{
	line-height: 1.4;
}


.intro small,
.text-area small{
	font-size: 0.857rem;
	opacity: 0.7;
}
.text-area{
	font-size: calc( 0.875rem + 0.25vw );
	opacity: 1 !important;
}

hr{
	max-width: 100px;
	border: none;
	border-top: 1px solid rgba(166,166,166,.5);
	margin: 40px auto;
}
hr[class*="wide"]{
	max-width: 100%;
}
hr[class*="dots"]{
	max-width: none;
}

table{
	width: 100%;
	border-width: 1px;
	border-collapse: collapse;
}

table th {
	border-width: 1px;
	padding: 15px;
	border-style: solid;
	text-align: left;
}

table td {
	border-width: 1px;
	padding: 15px;
	border-style: solid;
}

blockquote {
	position: relative;
	margin: 30px 0;
	padding: 40px 50px !important;
	border-left: 4px solid;
	line-height: 1.6;
	overflow: hidden;
	background-color: rgba(116, 116, 116, .05);
	font-style: italic;
}
@media (max-width: 768px){
	blockquote{
		padding: 40px !important;
	}
}

.sc-slider .sub-title,
blockquote,
blockquote a,
blockquote strong,
blockquote .pt-h{
	font-family: 'butler-Local', Georgia, "Times New Roman", "Bitstream Charter", Times;
}

.wp-block-pullquote:not(.is-style-solid-color){
	border-top: 1px solid rgba(166,166,166,.5);
	border-bottom: 1px solid rgba(166,166,166,.5);
}
.text-area p.wp-block-subhead{
	margin: 30px 0;
}
.text-area .wp-block-latest-posts.is-grid li{
	margin-bottom: 8px;
}
blockquote p,
.text-area blockquote p,
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p{
	font-size: 130%;
	line-height: 1.6;
	margin: 10px 0;
}
blockquote cite,
blockquote footer{
	font-size: 13px !important;
	font-style: normal;
	color: #40464d;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote__citation{
	text-transform: uppercase;
}

blockquote:after {
	content: '\e901';
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 36px;
	font-family: 'pt-icons2';
	font-style: normal;
	font-weight: 100;
	line-height: 1;
}
.aligncenter blockquote:after{
	content: '\e901';
	position: absolute;
	right: 50%;
	transform: translateX(50%);
}
.site-dark blockquote cite,
.site-dark blockquote footer{
	color: #70767d;
}

.wp-block-table.is-style-stripes tr:nth-child(odd),
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd) {
	background-color: rgba(166,166,166,.1);
}

a.wp-block-button__link{
	color: #fff;
}

.text-area ul,
.text-area ol,
.intro ul,
.intro ol{
	white-space: normal;
}
.text-area ol ol,
.text-area ol ul,
.text-area ul ul,
.text-area ul ol,
.comment-area ol ol,
.comment-area ol ul,
.comment-area ul ul,
.comment-area ul ol {
	padding: 10px 0 1px 10px;
}
.text-area figure,
.comment-area figure{
	margin-top: 1em;
	margin-bottom: 1em;
}
.text-area figure:first-child,
.comment-area figure:first-child{
	margin-top: 0;
}

.text-area li,
.comment-area li{
	margin-left: 20px;
	margin-bottom: 8px;
}
.text-area li:last-child,
.comment-area li:last-child{
	margin-bottom: 0;
}


.text-area input[type='submit']:not(.submit):not(.button){
	border: 1px solid rgba(166,166,166,.5);
	min-height: 40px;
	padding: 0 20px;
}

.text-area label input{
	padding: 0 10px;
}

.bypostauthor,
.screen-reader-text {
	opacity: 1
}
.aligncenter{
	text-align: center;
}
.aligncenter li{
	list-style-type: none;
}
.text-area{
	line-height: 1.8;
	white-space: normal;
}

.text-area p,
.text-area table,
.text-area dl,
.text-area ol,
.text-area ul {
	margin: 0 0 30px;
}

.text-area p:last-child,
.text-area ul:last-child,
.text-area ol:last-child{
	margin-bottom: 0;
}
.text-area p:first-child{
	margin-top: 0;
}

.wp-block-cover p {
	line-height: 1.25;
}

.wp-block-cover .wp-block-cover-text {
	padding-left: 34px;
	padding-right: 34px;
}

code,
kbd,
tt,
var,
pre {
	font-family: Menlo, Consolas, monaco, monospace;
}


.text-area mark,
.text-area ins,
.text-area pre,
.text-area code{
	background: rgba(166, 166, 166, .08);
}

pre {
	margin-bottom: calc(20px + 0.6vw);
	max-width: 100%;
	overflow: auto;
	padding: calc(20px + 0.6vw);
}

.text-area img{
	max-width: 100%;
	height: auto;
}

.text-area input[type='submit'],
.text-area input.submit,
.text-area input.button{
	border: none;
	color: #fff;
	height: 40px;
	background: #36373d;
	border-radius: 4px;
}
.text-area form p {
	padding: 0 0 20px 0;
}

.text-area form p:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}
.intro li{
	list-style-type: none;
	margin-bottom: 5px;
}
.intro ul{
	margin-top: 20px;
}
.intro,
.text{
	max-width: 100%;
}
.intro{
	line-height: 1.7;
}

.comment-root:after,
.text-area:not(.cf):after,
.cf:after{
	content: '';
	display: block;
	clear: both;
}
.page-links{
	margin:2vw 0;
}
.page-links a{
	display: inline-block;
	margin: 0 10px 10px 0;
	border-radius: 30px;
	padding: 10px 24px;
	background: rgba(166, 166, 166, .2);
}
.page-links a:hover{
	opacity: 0.8;
}
.comment-navigation .nav-links a:not([class]){
	display: inline-block;
	vertical-align: top;
	padding: 12px 20px;
	margin: 0 15px 15px 0;
	font-size: 1rem;
	background: rgba(166, 166, 166, .2);
	border-radius: 4px;
}
.comment-navigation .nav-links a:not([class]):hover{
	background: rgba(166, 166, 166, .4);
}
.title{
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}


/* wp-default  -------------------------------------------------------------  */

img.alignright {
	float: right;
	margin: 1em 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
}
.wp-block-categories.alignleft{
	margin-right: 1em;
}
@media (min-width: 600px) {
	.wp-block-column:nth-child(odd) {
		margin-right: 20px; 
	}
	.wp-block-column:nth-child(even) {
		margin-left: 20px; 
	}
	.wp-block-column:not(:first-child) {
		margin-left: 20px;
	}
	.wp-block-column:not(:last-child) {
		margin-right: 20px; 
	}
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.5em 1em 0.5em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.5em 0 0.5em 1em;
}

.wp-block-cover.alignleft,
.wp-block-button.alignleft,
.wp-block-pullquote.alignleft{
	margin-right: 1em;
}
.wp-block-cover.alignright,
.wp-block-button.alignright,
.wp-block-pullquote.alignright{
	margin-left: 1em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	margin-top: 0.4118em;
	margin-bottom: 1em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1em;
}

.wp-caption {
	margin-bottom: 1em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: rgba(128, 128, 128, 0.8);
	font-size: 13px;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-4 .gallery-item{
	width: 25%;
}
.gallery-columns-3 .gallery-item{
	width: 33.3333%;
}
.gallery-columns-2 .gallery-item{
	width: 50%;
}
.gallery-columns-5 .gallery-item{
	width: 20%;
}
.gallery-size-thumbnail{
	font-size: 0;
}
.gallery-size-thumbnail .gallery-item{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom:20px;
}

.highlight{
	margin-right: 4px;
	margin-left: 4px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption{
	line-height: 1.4;
}

/* $ loader -------------------------- start  -------------------------- start  -------------------------- */

.pic-loader,
.site-loader .loader-icon{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 0;
	z-index: 111;
}
.site-loader .loader-icon i,
.pic-loader i{
	position: absolute;
	background-size: cover;
	background-position: center;
}

.site-loader .loader-icon{
	position: absolute;
	transition: opacity 0.2s;
}
.site-loader.hide .loader-icon{
	opacity: 0;
}
.site-loader.animate-hide .loader-icon{
	display: none;
}

/*style01*/
.pt-loader-01 .pic-loader i:nth-child(1),
.pt-loader-01 .site-loader:not(.animate-hide) i:nth-child(1){
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	border: 2px solid;
	border-top-color: red;
	border-radius: 50%;
	-webkit-animation: ptRotation 0.8s linear  infinite;
	animation: ptRotation 0.8s linear  infinite;
}
.pt-loader-01 .pic-loader i:nth-child(1),
.pt-loader-01 .site-loader:not(.animate-hide) i:nth-child(1){
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.pic-loader i:nth-child(1){
	width: 30px;
	height: 30px;
}

@keyframes ptRotation{
	0%{transform: rotate(-45deg);}
	100%{transform: rotate(315deg)}
}
@-webkit-keyframes ptRotation{
	0%{transform: rotate(-45deg);}
	100%{transform: rotate(315deg)}
}


/*style02*/
.pt-loader-02 .pic-loader,
.pt-loader-02 .site-loader .loader-icon{
	overflow: hidden;
	width: 40px;
	height: 40px;
}
.pt-loader-02 .site-loader .inner,
.pt-loader-02 .pic-loader span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: rotate(-45deg);
}
.pt-loader-01 .pic-loader,
.pt-loader-02 .pic-loader{
	transform: scale(0.7) translate(-50%, -50%);
	transform-origin: left top;
}

.pt-loader-02 .pic-loader i,
.pt-loader-02 .site-loader:not(.animate-hide) i{
	top: 50%;
	width: 24px;
	height: 1px;
	left: 0;
	background: #fff;
	-webkit-animation: ptLineMove  0.5s  linear  infinite;
	animation: ptLineMove  0.5s  linear  infinite;
}
.pt-loader-02 .site-loader i:after,
.pt-loader-02 .site-loader i:before,

.pt-loader-02 .pic-loader i:after,
.pt-loader-02 .pic-loader i:before{
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.site-light.pt-loader-02 .site-loader i,
.site-light.pt-loader-02 .site-loader i:before,
.site-light.pt-loader-02 .site-loader i:after,
.site-light.pt-loader-02 .pic-loader i,
.site-light.pt-loader-02 .pic-loader i:before,
.site-light.pt-loader-02 .pic-loader i:after{
	background-color: #212226;
}
.pt-loader-02 .site-loader i:after,
.pt-loader-02 .pic-loader i:after{
	left: 48px;
}
.pt-loader-02 .site-loader i:before,
.pt-loader-02 .pic-loader i:before{
	left: -48px;
}
.pt-loader-02 .site-loader i:nth-child(1),
.pt-loader-02 .pic-loader i:nth-child(1){
	margin-top: -15px;
}
.pt-loader-02 .site-loader i:nth-child(2),
.pt-loader-02 .pic-loader i:nth-child(2){
	left: 12px;
}
.pt-loader-02 .site-loader i:nth-child(3),
.pt-loader-02 .pic-loader i:nth-child(3){
	margin-top: 15px;
}

.pt-loader-02 .pt-iv-root.dark .pic-loader i,
.pt-loader-02 .pt-iv-root.dark .pic-loader i:before,
.pt-loader-02 .pt-iv-root.dark .pic-loader i:after{
	background-color: #ddd;
}


@keyframes ptLineMove{
	0%{transform: translateX(0);}
	100%{transform: translateX(-48px);}
}
@-webkit-keyframes ptLineMove{
	0%{-webkit-transform: translateX(0);}
	100%{-webkit-transform: translateX(-48px);}
}

/*style03*/
.pt-loader-03 .pic-loader i:nth-child(1),
.pt-loader-03 .site-loader:not(.animate-hide) i:nth-child(1){
	width: 20px;
	height: 20px;
	left: 50%;
	top: 10px;
	margin-left: -10px;
	background: #fff;
	-webkit-animation: ptBoxFlash 1s infinite;
	animation: ptBoxFlash 1s infinite;

}
@keyframes ptBoxFlash{
	0%{opacity: 0;transform: rotate(0deg) scale(1);}
	50%{opacity: 1;}
	100%{opacity: 0;transform: rotate(180deg) scale(0.2);}
}
@-webkit-keyframes ptBoxFlash{
	0%{opacity: 0;transform: rotate(0deg) scale(1);}
	50%{opacity: 1;}
	100%{opacity: 0;transform: rotate(180deg) scale(0.2);}
}
.pt-loader-03 .site-loader .loader-icon:after{
	content: 'LOADING';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 200px;
	margin-left: -97px;
	text-align: center;
	font-family: sans-serif;
	font-size: 14px;
	letter-spacing: 6px;
	transform: scale(0.6);
	color: #fff;
	opacity: 0.3;
}
.site-light.pt-loader-03 .site-loader .loader-icon:after{
	color: #111;
}
.site-light.pt-loader-03 .site-loader:not(.animate-hide) i:nth-child(1),
.pt-loader-03 .pic-loader i:nth-child(1){
	background: rgba(166,166,166,.5);
}

.loader-img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 3;
}
.loader-img + .loader-icon{
	display: none !important;
}


/* $ ptElements ------------------------------ start ------------------------------ start ------------------------------   */

.site-loader{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
.site-loader .loader-bg,
.site-loader .loader-bg:after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #010206;
	transition: opacity 0.6s;
}
.site-light .site-loader .loader-bg{
	background: #fff;
}
.site-dark .site-loader .loader-bg:after{
	background: rgba(0,0,0,.15);
}
.site-light .site-loader .loader-bg:after{
	background: rgba(255,255,255,.15);
}

.site-loader.hide .loader-bg{
	opacity: 0;
}

.main-content{
	position: relative;
	z-index: 2;
}

i.btn,
em.btn{
	position: relative;
	display: inline-block;
	font-style: normal;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-align: center;
	z-index: 2;
}
.btn:before,
.icon[class*="pt-"]:before{
	font-family: 'pt-icons';
	position: relative;
	z-index: 2;
}
.icon{
	font-style: normal;
}
.bg-full iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
}
a.full,
.sc-gallery:not(.lightbox) a.custom-link,
.sc-images a.custom-link,
.ptsc.lightbox .iv-link{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0);
	opacity: 0;
	cursor: pointer;
	z-index: 99;
}
a[data-href] {
	cursor: pointer;
}

.bg-full,
.bg-color,
.hover-bg,
.border-layer{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.bg-color {
	z-index: 3;
}
.hover-bg{
	opacity: 0;
	z-index: 2;
}
.pt-parallax{
	overflow: hidden;
}
.bg-full[data-bg]:not(.vTarget){
	opacity: 0;
}
.effect-grayscale .img:not(:hover) .bg-full,
.pt-mobile .effect-grayscale .img .bg-full{
	filter: grayscale(1);
}

.m-mode .pt-desktop .pt-scroll-animation-target{
	opacity: 1 !important;
}

.item{
	position: relative;
}
.img{
	position: relative;
	overflow: hidden;
}
.img img{
	max-width: 100%;
	height: auto;
}
.js-follow{
	position: fixed;
	top: 100%;
	max-width: 240px;
	pointer-events: none;
	visibility: hidden;
	transition: opacity 0.2s,visibility 0.2s;
	opacity: 0;
	z-index: 10000;
}
.js-follow.show{
	opacity: 1;
	visibility: visible;
}
.js-follow.hide{
	opacity: 0 !important;
}

.js-follow img{
	height: 150px;
	width: auto;
}
.pt-text-tip{
	padding: 8px 12px;
	background: rgba(33,34,38,.8);
	color: #fff;
	font-size: 0.875rem;
	line-height: normal;
}
.site-light .pt-text-tip{
	background: rgba(233,234,238,.7);
	color: #111216;
}

.m-mode .js-follow,
.pt-mobile .js-follow,
.pt-text-tip:empty{
	display: none;
}

a.text-link-long:hover{
	opacity: 0.8;
}
a.text-link{
	position: relative;
	display: inline-block;
	word-break: break-all;
	transition: none;
}
a.text-link:after{
	content: '';
	position: absolute;
	left: 0;top: 95%;
	width: 0;height: 2px;
	transition: all 0.3s;
}
a.text-link:not(.pt-btn-line):after{
	border-bottom: 2px solid;
}
body:not(.pt-mobile) a.text-link:hover:after{
	left: auto;right: 0;
	width: 100%;
}
.sc-section-title a.text-link:after,
.blog-main a.text-link:after,
a.pt-btn-line.text-link:after{
	top: 90%;
}

.pt-none{
	display: none !important;
}
.pt-submit-wrap{
	display: inline-block;
	position: relative;
	border-radius: 50px;
	margin-top: 10px;
	overflow: hidden;
}
.pt-submit-wrap button,
.pt-submit-wrap input{
	position: relative;
	color: transparent !important;
	background: transparent !important;
	border-radius: 0;
	height: 40px !important;
	padding: 0 40px !important;
	z-index: 3;
}
.wpcf7-form .pt-submit-wrap input{
	padding: 0 60px !important;
}
.has-pt-submit{
	clear: both;
	display: block !important;
	width: 100%;
}
.pt-submit-wrap input,
.pt-submit-wrap input.button{
	margin: 0 !important;
}
div.pt-submit-wrap > p{
	position: absolute !important;
	left: 0;top: 0;right: 0;
	height: 100%;
	margin-right: 1px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	transition: all 0.3s;
	color: #fff;
	white-space: nowrap;
	text-shadow: 1px 1px 4px rgba(0,0,0,.2);
}
div.pt-submit-wrap > a span{
	opacity: 0;
	padding: 0 40px;
	line-height: 40px;
}


.pt-submit-wrap .last{
	transform: translateY(40px);
	opacity: 0;
}
.pt-submit-wrap:hover p{
	top: -40px;
	opacity: 0;
}
.pt-submit-wrap:hover .last{
	opacity: 1;
}
div.pt-submit-wrap > p:after{
	content: '\e914';
	font-family: 'pt-icons2';
	vertical-align: middle;
	margin-left: 4px;
	font-size: 14px;
	position: relative;
	left: 0;
	top: 0px;
	transition: all 0.4s 0.1s;
}
div.pt-submit-wrap > p.last:after{
	left: -30px;
	opacity: 0;
}
.pt-submit-wrap:hover p:not(.last):after{
	opacity: 0;
	left: 30px;
}
.pt-submit-wrap:hover p.last:after{
	opacity: 1;
	left: 0;
}

@media (min-width: 1680px){
	.ptsc.sc-mixbox .pt-submit-wrap > *{
		line-height: 48px;
	}
	.ptsc.sc-mixbox .pt-submit-wrap > input[type="submit"]{
		height: 48px !important;
	}
}



@media (min-width: 1280px){
	.ptsc .item[data-w="1"] .pt-submit-wrap > a span,
	.ptsc .item[data-w="0.75"] .pt-submit-wrap > a span,
	.ptsc .item[data-w="0.66"] .pt-submit-wrap > a span,
	.ptsc .item[data-w="1"] .pt-submit-wrap > p,
	.ptsc .item[data-w="0.75"] .pt-submit-wrap > p,
	.ptsc .item[data-w="0.66"] .pt-submit-wrap > p,
	.ptsc .item[data-w="1"] .pt-submit-wrap button,
	.ptsc .item[data-w="0.75"] .pt-submit-wrap button,
	.ptsc .item[data-w="0.66"] .pt-submit-wrap button,
	.ptsc .item[data-w="1"] .pt-submit-wrap input,
	.ptsc .item[data-w="0.75"] .pt-submit-wrap input,
	.ptsc .item[data-w="0.66"] .pt-submit-wrap input{
		line-height: 56px !important;
		height: 56px !important;
	}
}


/*site bg layer*/
.site-bg:not(.has-bg){
	display: none;
}
.site-bg .bg-full{
	z-index: 2;
}
.site-bg .bg-color:not(.bg-mask){
	z-index: 1;
}
.site-bg{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100vw;
	top: 0;
	z-index: -1;
}

.pages{
	margin-top: 6vw;
	text-align: center;
}
.blog-main .pages{
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 2vw;
}

.pages li{
	position: relative;
	list-style-type: none;
	display: inline-block;
	width: calc(30px + 1vw);
	height: calc(30px + 1vw);
	line-height: calc(26px + 1vw);
	font-size: calc( 0.875rem + 0.25vw );
	margin: 6px;
	border-radius: 50%;
	border: 2px solid rgba(166,166,166,.15);
	z-index: 2;
}
.pages li a{
	display: block;
}
.pages li a:hover{
	color: #fff !important;
}

.pages li span.current{
	opacity: 0.5;
}



/* $ menu & header ------------------------------------------------------------------------------------------------------------- */

.pt-header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 0;
	z-index: 99;
	transition: opacity 0.4s;
}
.pt-header.hide{
	opacity: 0;
}
.pt-header.hide:hover{
	opacity: 1;
}
.admin-bar .pt-header{
	top: 32px;
}
.pt-header > .wrap{
	position: absolute;
	left: 3vw;
	top: 3vw;
	display: flex;
	align-items: center;
	z-index: 2;
}
.pt-header.elem-position-02 > .wrap{
	right: 3vw;
	left: auto;
}
.pt-header.menu-style-03 > .wrap{
	flex-direction: column;
	align-items: flex-start;
}
.pt-header:not(.menu-style-03) .logo,
.pt-header.menu-style-03 .header-additional{
	position: fixed;
	right: 3vw;
	top: 3vw;
}
.admin-bar .pt-header:not(.menu-style-03) .logo,
.admin-bar .pt-header.menu-style-03 .header-additional{
	top: calc(3vw + 32px);
}

.pt-header.menu-style-03.elem-position-02 .header-additional,
.pt-header.elem-position-02:not(.menu-style-03) .logo{
	left: 3vw;
	right: auto;
}
.logo.type-text a:not(.for-text),
.logo.type-image a:not(.for-image){
	display: none;
}

.pt-header .logo{
	position: relative;
}

.pc-mode .logo img{
	max-width: calc(8vw + 40px);
	transition: fill 0.3s;
}

/*$ logo*/

.logo img{
	max-height: 25vh;
	max-width: 20vw;
}
.pt-header.menu-style-03 img{
	max-width: 140px;
	height: auto;
}
.logo p{
	font-size: calc( 0.875rem + 1.2vw);
	line-height: 1;
}
.logo.text-large p{
	font-size: calc( 1rem + 1.4vw);
	transform: translateY(-0.3vw);
}
.logo.text-small p{
	font-size: calc( 0.75rem + 1vw);
}
.site-dark .logo-light,
.m-mode .site-light .logo-dark{
	display: none;
}
.site-light .logo-dark{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.site-light .logo > div{
	transition: opacity 0.3s;
}
.pc-mode .site-light .logo.elem-color-white .logo-dark{
	opacity: 1;
}
.pc-mode .site-light .logo.elem-color-white .logo-light{
	opacity: 0;
}


.pt-header .menu-wrap{
	position: relative;
	font-size: 0;
	margin: 0 0 0 3.1vw;
	order: 2;
}
.pt-header.no-hidden-menu:not(.menu-style-03) .menu-wrap{
	margin: 0 6px !important;
}
.pt-header.elem-position-02 .menu-wrap{
	order: 1;
	margin: 0 3.1vw 0 0;
}
.pt-header.menu-style-03 .menu-wrap{
	margin: 30px 0 0 0;
	max-width: 140px;
}
.pt-header.menu-style-01.elem-position-02 .widget_shopping_cart_content,
.pt-header.menu-style-02.elem-position-02 .widget_shopping_cart_content{
	right: 0;
	left: auto;
}
.pt-header.menu-style-03.elem-position-01 .widget_shopping_cart_content{
	top: -80px;
	left: 100%;
}
.pt-header.menu-style-03.elem-position-02 .widget_shopping_cart_content{
	top: -80px;
	right: 100%;
	left: auto;
}
@media (max-height: 900px){
	.pt-header.menu-style-03.elem-position-01 .widget_shopping_cart_content,
	.pt-header.menu-style-03.elem-position-02 .widget_shopping_cart_content{
		top: 0;
		transform: translateY(-50%);
	}
}

.pc-mode .elem-color-white:not(.pt-header),
.pc-mode .elem-color-white > a,
.pc-mode .elem-color-white .pt-h,
.pc-mode .elem-color-white .btn,
.pt-popup-widgets .pt-social i,
.pt-popup-widgets i.btn,
.pc-mode .elem-color-white .btn:before{
	color: #f1f1f1 !important;
}
.pc-mode .call-hidden-menu.elem-color-white em i,
.pc-mode .call-hidden-menu.elem-color-white em i:after{
	background: #f1f1f1 !important;
}
.pc-mode .pt-popup-btn.elem-color-white .call-popup:not(:hover):after,
.pc-mode .go-top.elem-color-white:after{
	border-color:  #f1f1f1 !important;
}
.pc-mode .logo.elem-color-white .for-text p{
	color: #f1f1f1 !important;
}


/*.header-additional*/
.header-additional{
	order: 1;
	font-size: 0;
}

.pt-header.no-hidden-menu .call-hidden-menu,
.pt-header.no-hidden-menu ~ .m-header .m-call-hidden-menu{
	display: none;
}
.call-hidden-menu{
	width: 40px;
	height: 36px;
	vertical-align: top;
}
.call-hidden-menu:after,
.call-hidden-menu em{
	position: absolute;
	left: 0;right: 0;bottom: 0;top: 0;
	overflow: hidden;
}
.call-hidden-menu:after{
	content: '';
	overflow: visible;
	margin: -10px -8px;
}
.call-hidden-menu i{
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
}


.call-hidden-menu i:nth-child(1){
	top: 5px;
	transition: all 0.4s,background 0.2s;
}
.call-hidden-menu i:nth-child(2){
	top: 50%;
	margin-top: -1px;
	transition: all 0.4s 0.1s,background 0.2s;
}
.call-hidden-menu i:nth-child(3){
	bottom: 5px;
	transition: all 0.4s 0.2s,background 0.2s;
}
header.icon-style-01 .call-hidden-menu i{
	height: 2px;
}
header.icon-style-01 .call-hidden-menu em{
	width: 60%;
	left: 20%;
	right: auto;
}

header.icon-style-01 .call-hidden-menu i:nth-child(1){
	top: 9px;
}
header.icon-style-01 .call-hidden-menu i:nth-child(3){
	bottom: 9px;
}

header.icon-style-02 .call-hidden-menu i:nth-child(1){
	left: -15px;
}
header.icon-style-02 .call-hidden-menu i:nth-child(3){
	left: -40px;
}

.call-hidden-menu:hover i{
	left: -100%;
	transform: translateX(-16px);
}
header.icon-style-02 .call-hidden-menu:hover i:nth-child(1){
	left: -25px;
}
header.icon-style-02 .call-hidden-menu:hover i:nth-child(3){
	left: 0px;
}

.call-hidden-menu i,
.call-hidden-menu i:after{
	background: #fff;
}
.site-light .call-hidden-menu i,
.site-light .call-hidden-menu i:after{
	background: #16171d;
}
.call-hidden-menu i:after{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(16px);
}

/*search*/
.pt-header .header-search{
	position: relative;
}
.menu-style-03 .header-search{
	margin-left: -4px;
}
.main-menu .header-search,
.main-menu .pt-mini-cart{
	display: inline-block;
	vertical-align: top;
}
.main-menu .pt-mini-cart:hover:after{
	content: '';
	position: absolute;
	width: 100%;
	left: 100%;
	height: 100%;
	top: 0;
}
.btn.call-search{
	width: 32px;
	height: 32px;
	line-height: 28px;
	margin-right: 4px;
	border: 2px solid rgba(166,166,166,.25);
	border-radius: 80px;
}

.call-search.btn:before{
	content: "\e917";
	font-size: 12px; 
	font-family: 'pt-icons2';
	position: relative;
	z-index: 2;
}
form[role="search"]{
	position: relative;
}
.header-search form[role="search"]{
	display: none;
}

/*menu ---------------------------------*/
/*fontSize*/
/*normal*/
.pt-header .main-menu > ul a{
	font-size: 15px;
}
.pt-header .main-menu .sub-menu a{
	font-size: 14px;
}
/*small*/
.pt-header.text-small .main-menu > ul a{
	font-size: 12px;
}
.pt-header.text-small .sub-menu a{
	font-size: 12px !important;
}
/*large*/
.pt-header.text-large .main-menu > ul a{
	font-size: 18px;
}
.pt-header.text-large ul.sub-menu a{
	font-size: 16px;
}

@media (max-width: 1680px){
	.pt-header .main-menu > ul a{
		font-size: 14px;
	}
	.pt-header .main-menu .sub-menu a{
		font-size: 13px;
	}
	/*large*/
	.pt-header.text-large .main-menu > ul a{
		font-size: 16px;
	}
	.pt-header.text-large ul.sub-menu a{
		font-size: 14px;
	}
}


.pt-header.menu-style-03 .main-menu > ul a{
	font-size: 13px;
}
.pt-header.menu-style-03.text-small .main-menu > ul a{
	font-size: 12px;
}
.pt-header.menu-style-03.text-large .main-menu > ul a{
	font-size: 14px;
}
.pt-header.menu-style-03.text-large .main-menu > ul .sub-menu a{
	font-size: 13px;
}

.pt-header.menu-style-03 ~ .pt-footer .pt-popup-btn > em{
	display: none;
}

.pt-header li{
	position: relative;
	list-style-type: none;
}
.pt-header .main-menu > ul li{
	line-height: 30px;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.pt-header.menu-style-03 .main-menu > ul li{
	line-height: 26px;
}
.pt-header.menu-style-03 li.depth-1{
	padding-right: 20px;
	padding-left: 10px;
	left: -10px;
}
.pt-header .main-menu,
.pt-header .main-menu > ul{
	display: flex;
	align-items: center;
}
.pt-header.menu-style-03 .main-menu{
	display: block;
}
.menu-style-03 .main-menu > ul,
.m-outer-menu .main-menu > ul,
.hidden-menu .main-menu > ul{
	margin-bottom: 20px;
}
.pt-header.menu-style-03 .main-menu > ul{
	flex-direction: column;
	align-items: flex-start;
}

.pt-header:not(.menu-style-03) .main-menu > ul > li{
	margin-right: 1.3vw;
	margin-right: calc(20px + 1vw);
}
.pt-header .main-menu > ul a{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.pt-header .call-menu-sub{
	display: none;
}
.pt-header li.has-sub:after{
	content: '\e903';
	display: inline-block;
	vertical-align: top;
	font-family: 'pt-icons';
	pointer-events: none;
	font-size: 12px;
}
.pt-header .sub-menu li.has-sub:after{
	position: absolute;
	width: 20px;height: 20px;line-height: 20px;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	color: rgba(255,255,255,.7);
	transform:rotate(-90deg);
	text-align: center;
	z-index: 2;
}
.pt-header li.depth-1.has-sub:hover:after{
	opacity: 0;
}


/*for img subMenu*/

.menu-preload .pt-header .menu-wrap .bg-full{
	opacity: 0 !important;
	z-index: -1;
}
body:not(.menu-preload) .pt-header .menu-wrap .bg-full,
.pt-header li.has-img-sub.has-sub:after,
.pt-header li.has-img-sub .sub-menu{
	display: none;
}
.pt-popup.for-img-sub:before{
	background: #111216;
}
.pt-popup.for-img-sub .inner:not(.bg-loaded){
	background-color: rgba(166,166,166,.1);
}
.pt-popup.for-img-sub .inner.bg-loaded{
	background-color: rgba(166,166,166,0);
}


.pt-popup.for-img-sub > .wrap{
	background: transparent !important;
	pointer-events: none;
}
.pt-popup.mini.for-img-sub .text{
	padding: 0;
}
i.call-img-sub{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	background-color: rgba(0,0,0,0);
	z-index: 10;
}
.pt-popup.for-img-sub ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
	min-height: 100%;
}
.pt-popup.for-img-sub .text li{
	position: relative;
	display: inline-block;
	height: calc(80px + 17vw);
	margin: 3vw 2vw;
	text-align: center;
	list-style-type: none;
	pointer-events: auto;
}
.pt-popup.for-img-sub .text li:nth-child(2n + 1){
	height: calc(60px + 14vw);
}
.pt-popup.for-img-sub:not(.show) .text li{
	transform: scale(0.5);
	opacity: 0;
}


.pt-popup.for-img-sub .inner{
	position: relative;
	height: 100%;
	width: auto;
	font-size: 1rem;
	z-index: 2;
}
.pt-popup.for-img-sub li.has-img .inner{
	-webkit-perspective: 800px;
	perspective: 800px;
	overflow: hidden;
}
.pt-popup.for-img-sub li:not(.has-img) .inner{
	background: rgba(166,166,166,.1);
	width: calc(80px + 16vw);
}
.pt-popup.for-img-sub .inner a{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: calc( 0.875rem + 0.25vw );
	color: #fff;
	z-index: 10;
}

.pt-popup.for-img-sub .bg-full{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.9;
	transition: all 0.4s;
}
.pt-popup.for-img-sub .bg-full:not(.show){
	opacity: 0 !important;
}
.pt-popup.for-img-sub li.has-img .inner a{
	transform: translateY(30px) rotateX(-80deg);
	opacity: 0;
}
.pt-desktop .pt-popup.for-img-sub li.has-img .inner:hover a,
.pt-popup.for-img-sub li:not(.has-img) .inner a,
.pt-desktop .pt-popup.for-img-sub li.has-img .inner:not(.bg-loaded) > a,
.pt-mobile .pt-popup.for-img-sub li .inner > a{
	opacity: 1;
	transform: translateY(0) rotateX(0deg);
}
.pt-desktop .pt-popup.for-img-sub .inner:hover .bg-full.show{
	opacity: 0.4;
}
.pt-mobile .pt-popup.for-img-sub .inner .bg-full{
	opacity: 0.8;
}





/* $ hover image Public effect*/
.pt-popup.for-img-sub .inner,
.blog-list .img{
	overflow: hidden;
	transition: transform 0.3s ,background 0.3s;
}
.pt-popup.for-img-sub li.has-img .inner:hover,
.blog-list:not(.style-default) .img:hover{
	transform: scale(1.02);
}
.pt-popup.for-img-sub .bg-full,
.blog-list .bg-full,
.pic-list .img .bg-full,
.single-related .bg-full{
	transition: transform 0.4s,opacity 0.4s,filter 0.4s;
	transform: scale(1);
}
.pt-popup.for-img-sub .inner:hover .bg-full,
.blog-list .img:hover .bg-full,
.pic-list .img:hover .bg-full,
.single-related .item:hover .bg-full{
	transform: scale(1.05);
}

/*text effect*/
.clone-text-root > a{
	opacity: 0;
}
.clone-text-root .clone-text a{
	position: absolute;
	display: block;
	transition: all 0.4s,opacity 0.6s;
	left: 0;
	top: 0;
}
.clone-text {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-perspective: 800px;
	perspective: 800px;
}


/*sub*/
.pt-header .sub-menu{
	visibility: hidden;
	position: absolute;
	left: -2px;
	pointer-events: none;
	box-shadow: 2px 2px 25px rgba(0,0,0,.0);
	transition: box-shadow 0.3s;
	z-index: 2;
}
.pt-header.menu-style-03 .sub-menu{
	top: -14px;
	left: 100%;
}
.pt-header .sub-menu .sub-menu{
	top: 0;
	left: 100%;
}
.pt-header.menu-style-03.elem-position-02 .sub-menu{
	left: auto;
	right: 100%;
}
.pt-header.menu-style-01.elem-position-02 li.depth-1:last-child .sub-menu .sub-menu{
	left: auto;
	right: 100%;
}
.pt-header .sub-menu li:first-child > a{
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px; 
}
.pt-header .sub-menu li:last-child > a{
	border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; 
}

.pt-header .sub-menu > li{
	visibility: hidden;
	pointer-events: none;
	transform: translateY(6px);
	opacity: 0;
}
.pt-header li:hover > .sub-menu{
	visibility: visible;
	box-shadow: 2px 2px 25px rgba(0,0,0,.15);
	pointer-events: auto;
}
.pt-header li:hover > .sub-menu > li{
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	pointer-events: auto;
}

.pt-header .sub-menu a{
	position: relative;
	display: block !important;
	min-width: 170px;
	padding: 0 40px 0 20px;
	line-height: 48px;
	background: rgba(33,34,38,.8);
	color: #fff;
}
.pt-header .sub-menu .sub-menu a{
	background: rgba(28,29,32,.8);
}
@media (max-height: 1000px){
	.pt-header .sub-menu a{
		font-size: 12px;
		line-height: 40px;
	}
}
@media (max-height: 800px){
	.pt-header .sub-menu a{
		line-height: 30px;
	}
}

.pt-header .sub-menu li:not(:last-child) > a:after,
.pt-filter li:not(:last-child) i:after{
	content: '';
	position: absolute;
	left: 0;right: 0;
	margin: 0 20px;
	bottom: 0;
	height: 1px;
	background: rgba(222,222,222,.1);
}


.pt-header .sub-menu a:hover{
	color: #fff;
}
.pt-header .main-menu li:before,
.m-outer-menu .main-menu li:before,
.pt-popup.for-img-sub .text li.current-menu-item:before{
	content: '';
	position: absolute;
	left: -6px;
	top: 0px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	transform: scale(0);
	opacity: 0;
	z-index: 2;
}
.pt-popup.for-img-sub .text li.current-menu-item:before{
	width: 14px;
	height: 14px;
	top: -20px;
	left: -20px;
	opacity: 1;
	transform: none;
}
.pt-header.menu-style-03 .main-menu li:before{
	top: 50%;
	margin-top: -2px;
}
.m-outer-menu .main-menu li:before{
	width: 6px;
	height: 6px;
	top: 50%;
	left: -12px;
	margin-top: -3px;
}
.pt-header.menu-style-03.elem-position-02 .main-menu li:before{
	left: 0;
}

.site-light .pt-header .main-menu li.depth-1:not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-item):not(.elem-color-white):before{
	background: #212226;
}
.pt-header .sub-menu li:before{
	top: 50%;
	left: 11px;
	margin-top: -2px;
}
.pt-desktop .pt-header .main-menu li.depth-1:hover:before,
.pt-header .main-menu li.current_page_item:before,
.pt-header .main-menu li.current-menu-ancestor:before,
.pt-header .main-menu li.current-menu-item:before,

.m-outer-menu .main-menu li.current_page_item:before,
.m-outer-menu .main-menu li.current-menu-ancestor:before{
	transform: scale(1.5);
	opacity: 1;
}

.menu-style-02 .menu-wrap{
	display: none;
}
.menu-style-02.elem-position-02 .header-search,
.menu-style-02.elem-position-02 .pt-mini-cart{
	float: left;
	top: -8px;
}
.menu-style-02.elem-position-02 .call-hidden-menu{
	margin-left: 40px;
}

.menu-style-02.elem-position-01 .header-search,
.menu-style-02.elem-position-01 .pt-mini-cart{
	float: right;
	top: 2px;
}
.menu-style-02.elem-position-01 .call-hidden-menu{
	margin-right: 40px;
}
.menu-style-02.elem-position-01 .btn.call-search{
	text-align: center;
	margin:0 6px;
}




@media (max-width: 1680px){
	/*normal*/
	.pt-header .main-menu a{
		font-size: 13px;
	}
	.pt-header .sub-menu a{
		font-size: 12px;
	}
	/*small*/
	.pt-header.text-small .main-menu a{
		font-size: 12px;
	}
	/*large*/
	.pt-header.text-large .main-menu a{
		font-size: 14px;
	}
	.pt-header.text-large .sub-menu a{
		font-size: 12px;
	}

	.pt-header.menu-style-03 .main-menu > ul a,
	.pt-header.menu-style-03.text-small .main-menu > ul a,
	.pt-header.menu-style-03.text-large .main-menu > ul a{
		font-size: 12px;
	}
	.pt-header.menu-style-03.text-large .main-menu > ul .sub-menu a{
		font-size: 11px;
	}
	.pt-header.menu-style-03 .main-menu > ul li{
		line-height: 22px;
	}
	.pt-header .sub-menu a{
		line-height: 36px;
		padding: 0 30px 0 15px;
	}
	.pt-header .sub-menu li:before {
		left: 6px;
	}
}



/* $ hiddenMenu ---------------------------------------------------------------------------------------------------------------------------------*/

/* basic setting */
body:not(.show-hidden-menu) .hidden-menu > .bg{
	opacity: 0;
}
body:not(.show-hidden-menu) .hidden-menu:not(.mode-fade) > .bg{
	transform: translateY(-100%);
}
body.show-hidden-menu .hidden-menu.temp:not(.mode-fade) > .bg{
	transform: translateY(110%);
	transition: transform 0.8s 0.2s cubic-bezier(0.4, 0.9, 0.2, 1);
}
.hidden-menu:not(.mode-fade) .bg-full{
	transition: transform 1s cubic-bezier(0.2, 0.9, 0.4, 1),opacity 0.3s;
}
body:not(.show-hidden-menu) .hidden-menu:not(.mode-fade) .bg-full{
	transform: translateY(80%);
}
body.show-hidden-menu .hidden-menu.temp:not(.mode-fade) .bg-full{
	transition: transform 0.8s 0.2s cubic-bezier(0.4, 0.9, 0.2, 1);
	transform: translateY(-100%);
}
.hidden-menu.mode-fade > .bg{
	transition: opacity 0.7s;
}

body.show-hidden-menu .hidden-menu.temp.mode-fade > .bg{
	opacity: 0;
}



.hidden-menu .has-img-sub .call-menu-sub,
.img-bg-full{
	display: none;
}



html,
body{
	height: 100%;
}


/* for lazy */
html.pt-html-mobile,
html.pt-html-mobile body{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: auto;
}

body.show-hidden-menu,
body.iv-for-normal,
body.m-outer-menu-open,
body.show-popup,
body.show-ajax,
body.pt-hidden{
	overflow: hidden;
}

.pt-desktop.show-hidden-menu,
.pt-desktop.iv-for-normal,
.pt-desktop.show-popup,
.pt-desktop.show-ajax,
.pt-desktop.temp-for-outer-menu{
	width: calc(100vw - 17px);
}

body.pt-desktop.show-hidden-menu .pt-header.elem-position-02 > .wrap,
body.pt-desktop.iv-for-normal .pt-header.elem-position-02 > .wrap,
body.pt-desktop.show-ajax .pt-header.elem-position-02 > .wrap{
	right: calc(3vw + 17px);
}
body.pt-desktop.show-popup .pt-header.elem-position-01:not(.menu-style-03) .logo,
body.pt-desktop.show-hidden-menu .pt-header.elem-position-01:not(.menu-style-03) .logo,
body.pt-desktop.iv-for-normal .pt-header.elem-position-01:not(.menu-style-03) .logo,
body.pt-desktop.show-ajax .pt-header.elem-position-01:not(.menu-style-03) .logo{
	transform: translateX(-17px);
}
body.pt-desktop.show-popup .pt-header.elem-position-02 .header-additional,
body.pt-desktop.show-popup .pt-header.menu-style-03 .header-additional,
body.pt-desktop.show-hidden-menu .pt-header.menu-style-03 .header-additional,

body.pt-desktop.show-popup .pt-header.menu-style-03.elem-position-02 > .wrap,
body.pt-desktop.show-ajax .pt-header.menu-style-03.elem-position-02 > .wrap{
	margin-right: 17px;
}




.hidden-menu .widget{
	opacity: 0;
	transform: translateY(-30px);
}
.hidden-menu .pt-widget-list .widget{
	margin-bottom: 0;
}
@media (min-width: 1440px){
	.hidden-menu .widget_text ul{
		font-size: 1.215rem;
	}
}
.hidden-menu .widget_text ul li{
	padding: 4px 0;
}

body.show-hidden-menu .hidden-menu .widget{
	opacity: 1;
	transform: translateY(0);
}
body.show-hidden-menu .hidden-menu.temp .widget{
	opacity: 0;
	transition: all 0.3s !important;
}

.widget .search-submit:not(:hover),
.site-light .pt-color-invert .widget .search-submit:not(:hover){
	background: #fff;
	color: #111216;
}
.site-light .widget .search-submit:not(:hover),
.site-dark .pt-color-invert .widget .search-submit:not(:hover){
	background: #111216;
	color: #fff;
}

.site-dark .pt-color-invert .widget .search-submit:not(:hover){
	background: #111216;
	color: #fff;
}

.widget .search-submit:hover{
	color: #fff !important;
}


/*scroll bar custom*/
body.ff .hidden-menu main{
	scrollbar-color: rgba(166,166,166,.6) transparent;
	scrollbar-width: thin;
}
body.ff .yith-wcqv-main{
	scrollbar-color: rgba(166,166,166,.6) transparent;
}

.yith-wcqv-main::-webkit-scrollbar-thumb,
.hidden-menu main::-webkit-scrollbar-thumb{
	background-color: rgba(166,166,166,.4);
}
.yith-wcqv-main::-webkit-scrollbar-thumb:hover,
.hidden-menu main::-webkit-scrollbar-thumb:hover{
	background-color: rgba(166,166,166,.5);
}
.yith-wcqv-main::-webkit-scrollbar{
	background-color: rgba(166,166,166,.15);
}
.hidden-menu main::-webkit-scrollbar{
	background-color: transparent;
}
body.ie,
body.ie .yith-wcqv-main{
	scrollbar-face-color: rgb(222,222,222);
	scrollbar-shadow-color: #fff;
}
body.ie.site-dark,
body.ie.site-dark .yith-wcqv-main{
	scrollbar-face-color: rgb(55,55,55);
	scrollbar-shadow-color: #0f1113;
	scrollbar-track-color: #0f1113;
}


/*hidden menu style ------------------------------------------------ */


.hidden-menu > .bg{
	position: fixed;
	left: 0;right: 0;top: 0;bottom: 0;
	transition: transform 1s cubic-bezier(0.2, 0.9, 0.4, 1);
	-webkit-transition: transform 1s cubic-bezier(0.2, 0.9, 0.4, 1);
	overflow: hidden;
	z-index: 1;
}
.site-dark .hidden-menu > .bg,
.site-light .hidden-menu.pt-color-invert > .bg{
	background: #212226;
}
.site-light .hidden-menu > .bg,
.site-dark .hidden-menu.pt-color-invert  > .bg{
	background: #f1f2f6;
}

/*frame*/
.hidden-menu{
	position: fixed;
	left: 0;right: 0;top: 0;bottom: 0;
	display: none;
	align-items: center;
	z-index: 100;
}
.m-mode .hidden-menu{
	z-index: 100000;
}
.hidden-menu > .wrap{
	position: relative;
	width: 100%;
	padding: 6vw 10vw;
	max-height: 100%;
	overflow: auto;
	transition:opacity 0.6s 0.3s;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	z-index: 3;
}
.hidden-menu > .wrap > main{
	width: auto;
	min-width: 18vw;
	margin: 0 10% 0 0;
	padding: 30px;
}
.hidden-menu.position-02 > .wrap > main{
	margin: 0 0 0 10%;
	order: 2;
}
.hidden-menu .pt-widget-list{
	width: 70%;
	max-width: 1080px;
	-webkit-column-gap: 0;
	column-gap: 40px;
	-webkit-column-count: 3;
	column-count: 3;
}
.hidden-menu:not(.no-main) .pt-widget-list{
	-webkit-column-count: 2;
	column-count: 2;
}
.hidden-menu.no-main > .wrap{
	justify-content: center;
}
.hidden-menu.no-main .pt-widget-list{
	width: 80%;
}
@media (min-width: 1680px){
	.hidden-menu.no-main .pt-widget-list{
		width: 80%;
		max-width: 1480px;
	}
}

@media (max-width: 1270px){
	.hidden-menu .pt-widget-list,
	.hidden-menu.no-main .pt-widget-list{
		-webkit-column-count: 2;
		column-count: 2;
	}
}

.hidden-menu.no-main > .wrap > main{
	display: none;
}

/*widget*/
.hidden-menu .pt-widget-list .widget{
	padding: 30px;
	/*for masonry*/
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}
body.ff .hidden-menu .pt-widget-list .widget{
	height:100%;overflow: auto;
}
.hidden-menu.position-01 .pt-widget-list .widget{
	padding-left: 4vw;
}
.hidden-menu.position-02 .pt-widget-list .widget{
	padding-right: 4vw;
}
.hidden-menu .widget li{
	padding: 4px 0;
}
.hidden-menu main .widget ~ .widget{
	margin-top: 40px;
}
.hidden-menu select,
.hidden-menu .search-form{
	max-width: 360px;
}



/*part of main (menu) ----------------- */

.hidden-menu main .widget{
	transition: opacity 0.5s 0.2s;
}
.hidden-menu .widget.widget_nav_menu li{
	padding: 0;
	white-space: nowrap;
	font-size: 0;
}
.hidden-menu .sub-menu .bg-full{
	display: none;
}


/*main menu*/
.pc-mode .hidden-menu.menu-text-large .menu-wrap{
	top: -0.5vw;
}
.hidden-menu .widget_nav_menu a{
	position: relative;
}
.hidden-menu .widget_nav_menu a:after{
	content: '';
	position: absolute;
	left: -40px;
	top: 50%;
	height: 2px;
	width: 30px;
	opacity: 0;
}
body:not(.pt-mobile) .hidden-menu .widget_nav_menu a:hover:after,
body:not(.pt-mobile) .hidden-menu .widget_nav_menu li.has-img-sub:hover > a:after{
	opacity: 1;
	left: -20px;
	width: 15px;
}

.hidden-menu .widget_nav_menu li.current_page_item > a:after,
.hidden-menu .widget_nav_menu li.current-menu-item > a:after,
.hidden-menu .widget_nav_menu li.current-menu-ancestor > a:after{
	opacity: 1;
	left: -20px;
	width: 15px;
}
.hidden-menu .widget_nav_menu a:after,
.site-light .hidden-menu.pt-color-invert .widget_nav_menu a:after{
	background: #fff;
}
.site-light .hidden-menu .widget_nav_menu a:after,
.site-dark .hidden-menu.pt-color-invert .widget_nav_menu a:after{
	background: #111216;
}


/*other --------------------------- */

.widget a.text-link:after{
	height: 1px;
}
.hidden-menu .widget .call-menu-sub,
.site-light .hidden-menu.pt-color-invert .widget .call-menu-sub{
	color: #fff;
}
.site-light .hidden-menu .widget .call-menu-sub,
.site-dark .hidden-menu.pt-color-invert .widget .call-menu-sub{
	color: #111216;
}
.hidden-menu .call-menu-sub:hover{
	opacity: 1;
}


/*for button*/
.btn.close-hidden-menu:before{
	content: '\f135';
}
.btn.close-hidden-menu{
	position: absolute;
	left: 3vw;
	top: 3vw;
	width: 80px;height: 80px;line-height: 80px;
	text-align: center;
	font-size: 30px;
	margin: -30px 0 0 -20px;
	z-index: 8;
}
.pc-mode .admin-bar .btn.close-hidden-menu{
	top: calc(3vw + 32px);
}
body:not(.site-menu-03) .hidden-menu.position-02 .close-hidden-menu,
body.site-menu-03 .hidden-menu.position-02 .close-hidden-menu{
	left: auto;
	right: 3vw;
}
body:not(.show-hidden-menu) .btn.close-hidden-menu,
body.show-hidden-menu .hidden-menu.temp .btn.close-hidden-menu{
	opacity: 0;
	transform: scale(0);
}
body.show-hidden-menu .btn.close-hidden-menu:hover{
	transform: scale(1);
}
.m-mode .btn.close-hidden-menu{
	left: auto !important;
	right: 0 !important;
	font-size: 4vw;
}


/*main menu font ----------------------------- */
/*font size normal*/
.hidden-menu .widget.widget_nav_menu:first-child li.depth-1 > a{
	font-size: calc(14px + 1.6vw);
	line-height: calc(20px + 2vw);
}
.hidden-menu .widget.widget_nav_menu:first-child li.depth-1 > .call-menu-sub{
	line-height: calc(20px + 2vw);
}

/*font size small*/
.hidden-menu.menu-text-small .widget.widget_nav_menu:first-child li.depth-1 > a{
	font-size: calc(12px + 1.2vw);
	line-height: calc(18px + 1.6vw);
}
.hidden-menu.menu-text-small .widget.widget_nav_menu:first-child li.depth-1 > .call-menu-sub{
	line-height: calc(18px + 1.6vw);
}

/*font size large*/
.hidden-menu.menu-text-large .widget.widget_nav_menu:first-child li.depth-1 > a{
	font-size: calc(18px + 2vw);
	line-height: calc(24px + 2.4vw);
}
.hidden-menu.menu-text-large .widget.widget_nav_menu:first-child li.depth-1 > .call-menu-sub{
	line-height: calc(24px + 2.4vw);
}

/*sub menu ------------------------------------ */
.hidden-menu .widget.widget_nav_menu:first-child .sub-menu a{
	font-size: 16px;
	line-height: 32px;
}
.hidden-menu .widget.widget_nav_menu:first-child .sub-menu .call-menu-sub{
	line-height: 32px;
}



/*no first*/
.hidden-menu .widget_nav_menu ~ .widget_nav_menu li.depth-1 > a{
	font-size: calc(14px + 0.4vw);
	line-height: calc(18px + 0.6vw);
}
.hidden-menu .widget_nav_menu ~ .widget_nav_menu li.depth-1 > .call-menu-sub{
	line-height: calc(18px + 0.6vw);
}
/*sub menu*/
.hidden-menu .widget_nav_menu ~ .widget_nav_menu .sub-menu a{
	font-size: 16px;
	line-height: 32px;
}
.hidden-menu .widget_nav_menu ~ .widget_nav_menu .sub-menu .call-menu-sub{
	line-height: 32px;
}


/*responsive*/
@media (max-width: 1680px){

	.pc-mode .hidden-menu:not(.no-main) .pt-widget-list .widget{
		font-size: 0.875rem;
	}

}
@media (max-width: 1280px){
	.hidden-menu  .pt-widget-list .widget{
		font-size: 0.875rem;
	}
	.hidden-menu > .wrap{
		padding: 6vw 8vw;
	}

}
@media (max-width: 1024px){

	.hidden-menu .pt-widget-list{
		width: 50%;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.hidden-menu > .wrap > main{
		width: 30%;
		margin: 0;
	}
	.m-mode .hidden-menu .pt-widget-list .widget{
		font-size: 1rem;
		width: 100%;
	}

}

@media (max-width: 959px){
	.hidden-menu > .wrap{
		padding: calc(40px + 6vw) 8vw;
		display: block;
	}
	.hidden-menu .wrap .pt-widget-list{
		width: 100%;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.hidden-menu > .wrap >  main{
		width: 100%;
		margin: 6vw 0 !important;
		padding: 20px;
	}
	.hidden-menu .pt-widget-list .widget{
		padding: 20px !important;
	}
}

@media (max-width: 768px){

	/*menu -------- */
	/*font size normal*/
	.hidden-menu .widget.widget_nav_menu:first-child li.depth-1 > a{
		font-size: 20px !important;
		line-height: 40px !important;
	}
	.hidden-menu .widget.widget_nav_menu:first-child li.depth-1 > .call-menu-sub{
		line-height: 40px !important;
	}

	.widget.widget_nav_menu li li{
		margin-left: 10px;
	}

}

@media (max-width: 400px){
	.hidden-menu .widget.widget_nav_menu:first-child li.depth-1 > a{
		font-size: 18px !important;
	}
	.hidden-menu .widget_nav_menu ~ .widget_nav_menu .sub-menu a{
		font-size: 14px;
	}
}


/* $ mobileMenu ------------------------------------------------------------------------------------------------------------------------------------------- */

.m-header{
	position: fixed;
	display: none;
	top: 0;
	width: 100%;
	height: 70px;
	text-align: center;
	background: rgba(11,12,16,.8);
	transition: opacity 0.4s 0.4s;
	z-index: 900;
}
.admin-bar .m-header{
	top: 32px;
}
@media (max-width: 782px){
	.admin-bar .m-header{
		top: 46px;
	}
}
.site-light .m-header{
	background: rgba(255,255,255,.9);
}
.temp-for-outer-menu .m-header{
	position: absolute;
	left: 0;
}

.m-header-gap{
	display: none;
	height: 70px;
}
.m-mode .pt-header{
	display: none !important;
}

.m-mode .m-header,
.m-mode .m-header-gap{
	display: block;
}
.m-header .logo{
	display: inline-block;
}
.m-header .logo a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
}
.mobile-option-02 ~ .m-header .logo a{
	padding: 8px;
}
.mobile-option-03 ~ .m-header .logo a{
	padding: 16px;
}
.m-header .logo img{
	flex-shrink: 0;
	max-height: 100%;
	width: auto;
}
@media (max-width: 600px){
	body.admin-bar .m-header{
		position: relative;
		top: auto !important;
	}
	body.admin-bar .m-header-gap{
		display: none;
	}
}

/*call btn*/

.m-header i.btn{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
}
.m-call-menu{
	left: 15px;
}
.m-call-hidden-menu{
	right: 15px;
}
.m-call-mini-cart{
	right: 55px;
}
.no-hidden-menu + .m-header .m-call-mini-cart{
	right: 15px;
}
.m-call-mini-cart .cart-count {
	position: absolute;
	left: 60%;
	top: 2px;
	font-style: normal;
	font-size: 10px;
}

.m-call-mini-cart:before{
	content: '\f131';
	font-size: 16px;
}
.m-call-menu:before{
	content: '\e90b';
	font-size: 20px;
}
.m-call-hidden-menu:before{
	content: '\f150';
	font-size: 16px;
}
.outer-menu-null .m-call-menu:before{
	content: "\e906";
}
.m-outer-menu .pt-mini-cart{
	display: none;
}

@media (max-width: 768px){
	.m-header,
	.m-header-gap,
	.m-header .logo a{
		height: 50px;
	}
	.mobile-option-02 ~ .m-header .logo a{
		padding: 5px;
	}
	.mobile-option-03 ~ .m-header .logo a{
		padding: 10px;
	}
}


/* $ outer menu for mobile -------------------------------------------------------- */
.pc-mode .m-outer-menu{
	display: none;
}
.m-outer-menu{
	position: fixed;
	width: 88vw;
	height: 100%;
	left: 0;
	bottom: 0;
	background: #010206;
	padding: 70px;
	overflow: auto;
	opacity: 0;
	transition: all 0.4s;
}
body.m-outer-menu-open .m-outer-menu {
	z-index: 10;
}
.m-outer-menu-open .m-outer-menu{
	opacity: 1;
}
.admin-bar .m-outer-menu{
	height: calc(100% - 32px);
}
@media (max-width: 782px){
	.admin-bar .m-outer-menu{
		height: calc(100% - 46px);
	}
}

.m-outer-menu{
	color: rgba(255,255,255,.7);
}
.m-outer-menu input:not([type="submit"]),
.m-outer-menu a,
.m-outer-menu .btn{
	color: #fff;
}

.m-outer-menu > .wrap{
	width: 90%;
	max-width: 640px;
	min-width: 220px;
	opacity: 0;
	transition: all 0.5s;
}
.m-mode .m-outer-menu-open .m-outer-menu > .wrap{
	opacity: 1;
}
.m-outer-menu li{
	line-height: 1.2;
	list-style-type: none;
	font-size: 16px;
	position: relative;
}
.m-outer-menu li > a{
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}
.m-outer-menu .sub-menu{
	position: relative;
	display: none;
	padding: 8%;
	margin: 8px 0;
	background-color: rgba(166,166,166,.1);
}
.m-outer-menu .sub-menu:before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	margin-top: -8px;
	border-top: none;
	border-right: 8px solid transparent !important;
	border-left: 8px solid transparent !important;
	border-bottom: 8px solid rgba(166,166,166,.1);
}

.m-outer-menu li.depth-1{
	font-size: 26px;
	border-bottom: 1px solid rgba(166,166,166,.1);
}
.m-outer-menu li.depth-1 > a{
	padding-top: 16px;
	padding-bottom: 16px;
}
.m-outer-menu li.open{
	border-bottom-color: transparent;
}
.m-outer-menu .header-search{
	display: block;
}
.m-outer-menu .search-tips{
	display: none;
}

.m-outer-menu .main-menu > ul{
	margin-bottom: 30px;
}
.m-outer-menu .btn.call-search,
.m-outer-menu form[role="search"]:after{
	display: none;
}
.m-outer-menu form[role="search"]{
	display: block;
}
.m-outer-menu input.search-btn{
	padding: 0;
	height: 0;
}

/*call sub btn*/
li .call-menu-sub{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 100%;
	text-align: center;
	font-family: 'pt-icons';
	font-style: normal;
	cursor: pointer;
	transition: all 0.2s;
	font-size: 0;
}
.widget .call-menu-sub{
	position: relative;
	opacity: 0;
}
.m-mode .widget .call-menu-sub{
	position: absolute;
	right: 0;
	top: 0;
	opacity: 1;
}
.widget_nav_menu a:hover ~ .call-menu-sub,
.call-menu-sub.open,
.widget li li .call-menu-sub{
	opacity: 0.7;
}

.m-outer-menu .call-menu-sub{
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 16px;
}
.m-outer-menu .sub-menu .call-menu-sub{
	padding-top: 8px;
}

.m-outer-menu .sub-menu a{
	display: inline-block;vertical-align: top;
}

.call-menu-sub:before{
	content: '\e903';
	font-family: 'pt-icons';
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	z-index: 3;
}
.call-menu-sub.open:before{
	transform:rotate(180deg);
}

li.has-img-sub > .call-menu-sub:before{
	content: '\f12f';
	font-size: 120%;
}

i.m-close-outer-menu{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transform: scale(0);
	transition: transform 0.3s;
}
i.m-close-outer-menu:before{
	content: '\e5cd';
	font-size: 24px;
}
.m-mode .m-outer-menu-open i.m-close-outer-menu{
	transform: scale(1);
	transition: transform 0.3s 0.2s;
}

.site-root{
	left: 0;
	transition: left 0.5s cubic-bezier(0.2, 0.9, 0.4, 1);
}
body.temp-for-outer-menu{
	overflow: hidden;
}
.m-mode body.m-outer-menu-open .site-root,
.m-mode body.m-outer-menu-open .site-bg{
	left: 88vw;
}

.click-layer{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: url(data/images/close.png) 12 12, pointer;
	background-color: rgba(1,2,6,.5);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.site-root .click-layer.m-close-outer-menu{
	z-index: 999;
}

/*outer other elems*/
.m-outer-menu .main-menu li.open:before{
	opacity: 0;
}
.m-outer-menu .pt-social{
	margin: 20px 0;
}
.m-outer-menu .pt-social li{
	display: inline-block;vertical-align: top;
	margin: 6px 6px 0 0;
	height: 40px;line-height: 40px;
	border-radius: 50%;
	font-size: 20px;
}
.m-outer-menu:not(.footer-style-03) .pt-social em,
.m-outer-menu.footer-style-03 .pt-social i,
.m-outer-menu .call-copyright,
.m-mode .pt-popup > .copyright,
.m-mode .pt-popup-widgets{
	display: none;
}
.m-outer-menu.footer-style-03 .pt-social li{
	display: block;
	margin: 0;
}

.m-outer-menu .header-search input.search{
	border-top: none;
	border-right: none;
	border-left: none;
}
.m-mode body:not(.use-pt-popup) .m-outer-menu .pt-popup-btn{
	display: none;
}
.m-outer-menu .pt-popup-btn {
	margin-top: 30px;
	padding: 0 10px;
	border-radius: 4px;
	text-align: center;
	background: rgba(166,166,166,.1);
}
.m-outer-menu .pt-popup-btn .call-popup:after{
	display: none;
}
.m-outer-menu .pt-popup-btn .call-popup,
.m-outer-menu .pt-popup-btn > em{
	line-height: 50px;
	height: 50px;
}


.m-outer-menu .pt-popup-btn .call-popup{
	margin: 0 4px 0 0;
	border: none;
}
.m-outer-menu .copyright{
	font-size: 0.875rem;
	margin-top: 6vw;
}

@media (max-width: 768px){
	.m-outer-menu{
		padding: 12vw;
	}
	i.m-close-outer-menu{
		width: 12vw;
		height: 12vw;
		line-height: 12vw;
	}
	i.m-close-outer-menu:before{
		font-size: 5vw;
	}
	.m-outer-menu li.depth-1{
		font-size: 20px;
	}
}
@media (max-width: 400px){
	.m-outer-menu li.depth-1{
		font-size: 18px;
	}
	.m-outer-menu li{
		font-size: 14px;
	}
}


/* $ margin&padding ------------------------------------------------------------------------------------------------------------------------ */

/*padding*/
.single-related,
.single-clone-nav,
.ajax-content .sc-images,
.ajax-content .sc-photo-wall,
.ajax-content .sc-banner,
.ajax-content .sc-mixbox{
	padding-left: calc(6vw + 40px);
	padding-right: calc(6vw + 40px);
}
.pc-mode .site-menu-03 .single-related,
.pc-mode .site-menu-03 .single-clone-nav{
	padding-left: calc(6vw + 140px);
	padding-right: calc(6vw + 140px);
}
.single-related,
.single-clone-nav{
	padding-bottom: calc(8vw + 80px);
}
.sc-slider.boxed{
	padding-top: calc(6vw + 36px);
	padding-bottom: calc(6vw + 36px);
}



/*margin*/

.single-root,
.single-related,
.single-clone-nav,
.pt-margin-02,
.pt-margin-03,
.sc-section-title.special-on,
.blog-list,
.pic-list,
.ptsc.margin-normal,
.sc-map{
	margin-top: calc(6vw + 36px);
}
.pt-margin-01,
.pt-margin-02,
.blog-list,
.pic-list,
.ptsc.margin-normal,
.sc-map,
.sc-textlist.margin-none:last-child,
.sc-mixbox.margin-none:last-child,
.sc-banner.margin-none:last-child{
	margin-bottom: calc(6vw + 36px);
}

.ptsc.margin-large{
	margin-top: 12vw;
	margin-bottom: 12vw;
}

.ptsc.first:not(.sc-slider):not(.sc-section-title):not(.sc-textlist),
.project.style-02.main-info-style-02 ~ .single-related{
	margin-top: calc(10vw + 36px);
}
.project.style-02 ~ .share-wrap ~ .single-related{
	margin-top: calc(6vw + 36px);
}
@media (max-width: 768px){
	.ptsc.first:not(.sc-slider):not(.sc-section-title):not(.sc-textlist){
		margin-top: 8vw;
	}
}

.ptsc.margin-small{
	margin-top: 4vw;
	margin-bottom: 4vw;
}
.sc-section-title.pt-margin-03:not(.has-bg) + .blog-list,
.sc-section-title.pt-margin-03:not(.has-bg) + .pic-list,
.sc-section-title.pt-margin-04:not(.has-bg) + .blog-list,
.sc-section-title.pt-margin-03 + .blog-list.style-default,
.sc-section-title.pt-margin-04 + .blog-list.style-default,
.sc-section-title.pt-margin-04:not(.has-bg) + .pic-list{
	margin-top: calc(3vw + 36px);
}

.pt-margin-04,
.ptsc.margin-none{
	margin-top: 0;
	margin-bottom: 0;
}

/*margin left & right*/
.site-root .ptsc:not([class*="special-o"]),
.ajax-content .pic-list,
.ajax-content .blog-list,
.main-content > #primary,
.default-template-page,
.pt-footer-content,
.pc-mode .single-root.style-02.post .post-main-wrap{
	margin-left: calc(6vw + 40px);
	margin-right: calc(6vw + 40px);
}
.pc-mode .site-menu-03 .site-root .ptsc:not([class*="special-o"]),
.pc-mode .site-menu-03 .main-content > #primary,
.pc-mode .site-menu-03 .default-template-page,
.pc-mode .site-menu-03 .pt-footer-content,
.pc-mode .site-menu-03 .single-root.style-02.post .post-main-wrap{
	margin-left: calc(6vw + 140px);
	margin-right: calc(6vw + 140px);
}

/*elements with has gap  ---------------------- */
/*margin*/
.ptsc.special-on{
	margin-left: calc(6vw + 40px);
}
.pc-mode .site-menu-03 .ptsc.special-on{
	margin-left: calc(6vw + 140px);
}
.ptsc.special-on:not(.has-bg){
	margin-right: calc(6vw + 40px);
}
.pc-mode .site-menu-03 .ptsc.special-on:not(.has-bg){
	margin-right: calc(6vw + 140px);
}
.pc-mode .site-menu-position-02 .ptsc.special-on.has-bg{
	margin-right: calc(6vw + 140px);
	margin-left: 0;
}

/*padding*/
.ptsc[class*="special-o"]{
	padding-left: calc(6vw + 40px);
	padding-right: calc(6vw + 40px);
}
.pc-mode .site-menu-03 .ptsc[class*="special-o"]{
	padding-left: calc(6vw + 140px);
	padding-right: calc(6vw + 140px);
}


.pc-mode .site-menu-03 .ptsc.special-on{
	padding-left: 0;
	padding-right: 0;
}
.pc-mode .site-menu-position-01 .ptsc.special-on.has-bg{
	padding-left: calc(6vw + 40px);
	padding-right: calc(6vw + 40px);
}
.pc-mode .site-menu-position-02 .ptsc.special-on.has-bg,
.pc-mode .site-menu-position-01 .sc-subscribers.special-on.has-bg{
	padding-left: calc(6vw + 140px);
	padding-right: calc(6vw + 140px);
}


/*fix some elements ---------------- */

.sc-slider:not(.boxed),
.sc-carousel{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.pc-mode body:not(.site-menu-03) .site-root .sc-slider.boxed,
.pc-mode .site-menu-03.site-menu-position-01 .site-root .sc-slider.boxed{
	margin-right: 0;
}
.pc-mode .site-menu-03.site-menu-position-02 .site-root .sc-slider.boxed{
	margin-left: 0;
}
.pc-mode .site-menu-03.site-menu-position-02 .site-root .sc-slider .text{
	padding-left: calc(6vw + 40px);
}
.pc-mode .site-menu-03 .site-root .sc-slider:not(.boxed) .text{
	padding-left: calc(6vw + 140px);
}

.pc-mode .site-menu-03.site-menu-position-02 .sc-slider.boxed{
	margin-left: 0 !important;
}
.m-mode .sc-slider.boxed{
	margin-right: 0 !important;
}



/*responsive ----------------------------------------- */

@media (max-width: 1900px){

	.pc-mode .site-menu-03.site-menu-position-01 .site-root .ptsc:not([class*="special-o"]),
	.pc-mode .site-menu-03.site-menu-position-01 .default-template-page,
	.pc-mode .site-menu-03.site-menu-position-01 .pt-footer-content,
	.pc-mode .site-menu-03.site-menu-position-01 .pt-footer-content,
	.pc-mode .site-menu-03.site-menu-position-01 .single-root.style-02.post .post-main-wrap,
	.pc-mode .site-menu-03.site-menu-position-01 .main-content > #primary{
		margin-right: 6vw;
	}
	.pc-mode .site-menu-03.site-menu-position-02 .site-root .ptsc:not([class*="special-o"]),
	.pc-mode .site-menu-03.site-menu-position-02 .default-template-page,
	.pc-mode .site-menu-03.site-menu-position-02 .pt-footer-content,
	.pc-mode .site-menu-03.site-menu-position-02 .pt-footer-content,
	.pc-mode .site-menu-03.site-menu-position-02 .single-root.style-02.post .post-main-wrap,
	.pc-mode .site-menu-03.site-menu-position-02.main-content > #primary{
		margin-left: 6vw;
	}

	.pc-mode .site-menu-03.site-menu-position-01 .single-related,
	.pc-mode .site-menu-03.site-menu-position-01 .single-clone-nav,
	.pc-mode .site-menu-03 .ptsc.sc-textlist.has-bg,
	.pc-mode .site-menu-03.site-menu-position-01 .sc-text-carousel{
		padding-right: calc(6vw + 40px);
	}
	.pc-mode .site-menu-03.site-menu-position-02 .single-related,
	.pc-mode .site-menu-03.site-menu-position-02 .single-clone-nav,
	.pc-mode .site-menu-03 .ptsc.sc-textlist.has-bg,
	.pc-mode .site-menu-03.site-menu-position-02 .sc-text-carousel{
		padding-left: calc(6vw + 40px);
	}

}

@media (max-width:1024px){

	.sc-section-title.special-on.first{
		margin-top: 6vw !important;
	}

	/*margin*/
	.blog-list.first,
	.pic-list.first{
		margin-top: 14vw;
	}

	.m-mode .single-root{
		margin-top: 0;
	}

	.single-related,
	.single-clone-nav,
	.pt-margin-02,
	.pt-margin-03,
	.sc-section-title.special-on,
	.blog-list,
	.ptsc.margin-normal{
		margin-top: 12vw;
	}
	.pt-margin-01,
	.pt-margin-02,
	.blog-list,
	.ptsc.margin-normal{
		margin-bottom: 12vw;
	}

	.ptsc.margin-large{
		margin-top: 20vw;
		margin-bottom: 20vw;
	}

	.ptsc.margin-small{
		margin-top: 8vw;
		margin-bottom: 8vw;
	}

	/*margin left & right*/
	.site-root .ptsc:not([class*="special-o"]),
	.ajax-content .pic-list,
	.ajax-content .blog-list,
	.pt-footer-content{
		margin-left: 6vw;
		margin-right: 6vw;
	}


	/*elements with has gap  ---------------------- */
	/*margin*/
	.ptsc.special-on{
		margin-left: 6vw;
	}
	.ptsc.special-on:not(.has-bg){
		margin-right: 6vw;
	}

	/*padding*/
	.ptsc[class*="special-o"]{
		padding-left: 6vw;
		padding-right: 6vw;
	}
	.sc-slider.boxed{
		padding-top: 6vw;
		padding-bottom: 6vw;
	}

}


/* $ boxed ------------------------------ start ------------------------------ start ------------------------------ start */

.sc-section-title.text-boxed .text,
.blog-list.boxed > .wrap,
.blog-list.style-default > .wrap,
.pic-list.boxed > .wrap,
.sc-progress > .wrap,
.sc-faq > .wrap,
.sc-carousel .ptsc-inner-title,
.sc-progress .ptsc-inner-title,
.sc-faq .ptsc-inner-title,
.sc-mixbox.boxed > .wrap,
.main-content > #primary > main{
	max-width: 1380px;
	width: 80vw;
}
@media (max-width: 1900px){
	.sc-section-title.text-boxed .text,
	.blog-list.boxed > .wrap,
	.blog-list.style-default > .wrap,
	.pic-list.boxed > .wrap,
	.sc-progress > .wrap,
	.sc-faq > .wrap,
	.sc-carousel .ptsc-inner-title,
	.sc-progress .ptsc-inner-title,
	.sc-faq .ptsc-inner-title,
	.sc-mixbox.boxed > .wrap,
	.main-content > #primary > main{
		max-width: 1280px;
	}
}

@media (max-width: 1440px){
	.sc-section-title.text-boxed .text,
	.blog-list.boxed > .wrap,
	.blog-list.style-default > .wrap,
	.pic-list.boxed > .wrap,
	.sc-progress > .wrap,
	.sc-faq > .wrap,
	.sc-carousel .ptsc-inner-title,
	.sc-progress .ptsc-inner-title,
	.sc-faq .ptsc-inner-title,
	.sc-mixbox.boxed > .wrap,
	.pc-mode .site-menu-03 .main-content > #primary > main{
		max-width: 100%;
		width: 90vw;
	}
	.main-content > #primary > main{
		max-width: calc(88vw - 80px);
		width: 90vw;
	}

}

@media (max-width: 1024px){
	.sc-section-title.text-boxed .text,
	.blog-list.boxed > .wrap,
	.blog-list.style-default > .wrap,
	.pic-list.boxed > .wrap,
	.sc-progress > .wrap,
	.sc-faq > .wrap,
	.sc-mixbox.boxed > .wrap,
	.sc-carousel .ptsc-inner-title,
	.sc-progress .ptsc-inner-title,
	.sc-faq .ptsc-inner-title,
	.main-content > #primary > main{
		width: 100%;
	}
	.main-content > #primary > main{
		max-width: 100%;
	}
}

.m-mode .default-template-page,
.m-mode .main-content > #primary > main{
	margin-left: 6vw;
	margin-right: 6vw;
	width: auto;
}


/* $ shortCodeBasic  ------------------------start------------------------start------------------------start------------------------  */

.ptsc-list{
	position: relative;
}
.ptsc{
	position: relative;
}
.sub-title{
	line-height: 1.7;
}
/*sc item width 1  0.5  0.66  0.3333  0.25   0.2   0.75  */

.ptsc .item{
	display: inline-block;
	vertical-align: top;
}
.ptsc .item[data-w="1"]{
	width: 100%;
}
.ptsc .item[data-w="0.75"]{
	width: 75%;
}
.ptsc .item[data-w="0.66"]{
	width: 66.6665%;
}
.ptsc .item[data-w="0.5"]{
	width: 50%;
}
.ptsc .item[data-w="0.33"]{
	width: 33.3332%;
}
.ptsc .item[data-w="0.25"]{
	width: 25%;
}
.ptsc .item[data-w="0.2"]{
	width: 20%;
}

@media (max-width: 1024px){

	.ptsc .item[data-w="0.2"],
	.ptsc .item[data-w="0.25"],
	.ptsc .item[data-w="0.33"]{
		width: 50%;
	}
	.ptsc .item[data-w="0.5"],
	.ptsc .item[data-w="0.66"],
	.ptsc .item[data-w="0.75"]{
		width: 100%;
	}
}

@media (max-width: 768px){

	.ptsc .item[data-w="0.2"],
	.ptsc .item[data-w="0.25"],
	.ptsc .item[data-w="0.33"]{
		width: 100%;
	}
}


/*sc social*/
.ptsc .pt-social{
	padding-top: 3vh;
}
.ptsc .pt-social li,
.ptsc .pt-social a,
.pt-footer-content .pt-social a,
.pt-popup.for-footer .pt-social a{
	display: inline-block;vertical-align: top;
}
.ptsc .pt-social a,
.pt-footer-content .pt-social a,
.pt-popup.for-footer .pt-social a{
	width: calc(30px + 0.6vw);
	height: calc(30px + 0.6vw);
	line-height: calc(26px + 0.6vw);
	border-radius: 50%;
	border: 2px solid rgba(166,166,166,.2);
	text-align: center;
	font-size: calc(10px + 0.6vw);
}
.ptsc .pt-social a:hover,
.pt-footer-content .pt-social a:hover,
.pt-popup.for-footer .pt-social a:hover{
	border-color: transparent;
}
.ptsc .pt-social a .icon,
.pt-footer-content .pt-social a .icon,
.pt-popup.for-footer .pt-social a .icon{
	display: block;
	width: 100%;
	height: 100%;
	line-height: calc(26px + 0.6vw);
}


.pt-fixed{
	transform: none !important;
}
body:not(.pt-mobile):not(.ie) .pt-fixed > .bg-full,
body:not(.pt-mobile):not(.ie) .pt-fixed.sc-subscribers .bg-full,
body:not(.pt-mobile):not(.ie) .pt-fixed.sc-section-title .bg-full{
	background-attachment: fixed;
	transform: none !important;
}


/* $ sectionTitle ------------------------------ start ------------------------------ start ------------------------------ start */

.sc-section-title .wrap{
	position: relative;
	display: flex;
	align-items: flex-end;
}
.sc-section-title:not(.has-bg) .wrap{
	min-height: 20vh;
}
.sc-section-title.has-bg .wrap{
	min-height: 60vh;
}
.m-mode .sc-section-title:not(.has-bg) .wrap{
	min-height: 30vw;
}
.m-mode .sc-section-title.has-bg .wrap{
	min-height: 50vw;
}
.ptsc.sc-section-title:not(.has-bg){
	margin-left: 0;
	margin-right: 0;
}

/*images*/
.sc-section-title:not(.has-bg) .img{
	display: none;
}
.sc-section-title .img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
/*text*/
.sc-section-title .text{
	position: relative;
	width: 100%;
	z-index: 10;
}
.sc-section-title.has-bg .text{
	padding-top: calc(12vw + 100px);
}
.sc-section-title.first:not(.has-bg) .text{
	padding-top: calc(10vw + 60px);
}
.sc-section-title.first.special-on:not(.has-bg) .text{
	padding-top: calc(6vw + 60px);
}

.sc-section-title.has-bg .text{
	padding-bottom: calc(5vw + 30px);
}
.pc-mode .sc-section-title.fix-for-blog:not(.text-boxed):not(.has-bg) .text{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.sc-section-title.text-boxed .text{
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}
.pc-mode body:not(.site-menu-03) .sc-section-title.text-boxed.has-bg.special-on .text{
	left: calc((3vw + 20px) * -1);
}
.pc-mode .site-menu-position-01 .sc-section-title.text-boxed.has-bg.special-on .text{
	left: calc((3vw + 70px) * -1);
}
.pc-mode .site-menu-position-02 .sc-section-title.text-boxed.has-bg.special-on .text{
	left: calc(3vw + 70px);
}

/*center*/
.sc-section-title.text-center .text{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.sc-section-title.text-center .sub-title{
	margin-left: auto;
	margin-right: auto;
}
.sc-section-title.text-center .text > .pt-h {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.sc-section-title.text-center.title-small .text > .pt-h{
	max-width: 1280px;
}
/*quote*/
.sc-subscribers .text > .pt-h:before,
.sc-section-title .sub-title:before,
.woocommerce-products-header .page-description:before{
	content: '\e901';
	font-family: 'pt-icons2';
	font-size: calc(30px + 1vw);
	line-height: 1.2;
	position: absolute;
	left: calc(-50px - 1vw);
	top: 0;
}
.woocommerce-products-header .page-description{
	position: relative;
	left: calc(50px + 1vw);
}
.sc-section-title:not(.text-center) .sub-title{
	left: calc(50px + 1vw);
}
.sc-subscribers .text > .pt-h:before{
	left: calc(-30px - 1vw);
}
.sc-section-title.text-center .sub-title:before{
	position: relative;
	display: block;
	height: 40px;
	line-height: 1;
	left: auto;
}

/*title*/
.sc-section-title .text > .pt-h{ 
	font-size: calc( 0.875rem + 3vw );
	line-height: 1;
}
.sc-section-title.title-large .text > .pt-h{
	font-size: calc( 1rem + 4.5vw );
	left: -0.2vw;
}
.sc-section-title.title-small .text > .pt-h{
	font-size: calc( 0.875rem + 2vw );
	width: 80%;
}


.pc-mode .sc-section-title.text-boxed.title-large .text > .pt-h{
	font-size: calc( 1rem + 3.5vw );
	left: -0.05vw;
}


/*sub title*/
.sc-section-title .sub-title{ /* is sub-normal */
	position: relative;
	width: 80%;
	max-width: 980px;
	margin-top: calc(10px + 1vw);
}
.sc-section-title .sub-title .inner{
	white-space: pre-line;
}

.sc-section-title.sub-normal .sub-title{
	font-size: calc( 1rem + 0.25vw );
	max-width: 680px;
}
.sc-section-title.sub-large .sub-title{
	font-size: calc( 1rem + 0.6vw );
}
.sc-section-title.sub-small .sub-title{
	max-width: 800px;
	font-size: calc( 0.875rem + 0.15vw );
}

@media (min-width: 950px){
	.sc-section-title.text-type-02 .text{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-shrink: 0;
	}
	.ptsc.sc-section-title.text-type-02 .text > .pt-h{
		width: 46%;
		max-width: 30vw;
		padding-right: 60px;
		flex-shrink: 0;
	}
	.ptsc.sc-section-title.text-type-02 .text > .pt-h{ 
		font-size: calc( 0.875rem + 2.5vw );
		line-height: 1;
	}

	/*subtitle*/
	.sc-section-title.text-type-02 .sub-title{
		margin-top: 4px;
	}
	.sc-section-title.text-type-02.title-large .sub-title{
		margin-top: 8px;
	}
	.sc-section-title.text-type-02 .text .sub-title{
		width: 50%;
		max-width: none;
		flex-shrink: 0;
	}

}


/* $ portfolio  ------------------------------ start ------------------------------ start ------------------------------ start */

.pic-list:not(.boxed) > .wrap{
	padding: 0;
}
.pic-list > .wrap{
	position: relative;
	font-size: 0;
}
.pic-list.boxed > .wrap{
	margin-left: auto;
	margin-right: auto;
}
.pc-mode .pic-main .item .text,
.pic-main .item .intro,
.pic-main .item .btn-wrap{
	display: none;
}
.pic-main{
	position: relative;
	overflow: hidden;
}


/* $ filter*/
.pt-filter{
	position: relative;
	display: inline-block;
	margin: 0 0 calc( 30px + 2vw );
	font-size: calc( 0.875rem + 0.25vw );
	line-height: calc( 36px + 1.4vw );
	z-index: 1000;
}
@media (min-width: 1281px){
	.pic-list:not(.boxed) .pt-filter{
		width: 30%;
		max-width: 400px;
		margin: 0 0 calc(50px + 2vw);
		font-size: calc( 10px + 0.4vw );
		line-height: calc(36px + 2.2vw);
	}
}
.pc-mode .pic-list:not(.boxed) .pt-filter .btn,
.pc-mode .pic-list:not(.boxed) .pt-filter ul{
	width: 100%;
}
i.call-filter{
	position: relative;
	left: 0;
	top: 0;
	text-align: left;
	padding-right: calc(50px + 4vw);
	z-index: 2;
}
.call-filter:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	transform-origin: left;
}
.site-light .call-filter:after{
	background: #111216;
}
.call-filter:before{
	content: '\e920';
	position: absolute;
	font-family: 'pt-icons2';
	font-size: calc( 0.875rem + 0.2vw );
	line-height: 24px;
	margin-top: -12px;
	right: 10px;
	top: 50%;
	transform: scale(0.8) rotate(180deg);
	-webkit-transform: scale(0.8) rotate(180deg);
}
i.close-filter{
	position: absolute;
	display: none;
	left: 0;
	top: -100%;
	font-size: 16px;
	width: calc(30px + 2vw);
	height: calc(30px + 2vw);
	line-height: calc(30px + 2vw);
	z-index: 100;
}
.close-filter:before{
	content: '\e5cd';
}
.pt-filter ul{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
}
@media (max-width: 768px){
	.pt-filter ul{
		width: 60vw;
	}
}
body:not(.pt-mobile) .pt-filter:hover .call-filter,
.pt-mobile .pt-filter.show .call-filter{
	opacity: 0;
}
body:not(.pt-mobile) .pt-filter:hover .call-filter:after,
.pt-mobile .pt-filter.show .call-filter:after{
	transform: scaleX(0.5);
}

.pt-mobile .pt-filter.show i.close-filter{
	display: block;
}

.pt-filter li{
	position: relative;
	top: 0;
	padding: 0 calc(50px + 2vw) 0 calc(15px + 1vw);
	list-style-type: none;
	cursor: pointer;
	color: #fff;
	background-color: rgba(33,34,38,.8);
}
.pt-filter li:not(:last-child) i:after{
	margin-left: calc(15px + 1vw);
}
.pt-filter li:first-child{
	border-top-left-radius: calc(3px + 0.2vw);
	border-top-right-radius: calc(3px + 0.2vw);
}
.pt-filter li:last-child{
	border-bottom-left-radius: calc(3px + 0.2vw);
	border-bottom-right-radius: calc(3px + 0.2vw);
}

.pt-filter li.active{
	opacity: 1;
	cursor: default;
}
body:not(.pt-mobile) .pt-filter:not(:hover) ul,
.pt-mobile .pt-filter:not(.show) ul{
	pointer-events: none;
}
body:not(.pt-mobile) .pt-filter:not(:hover) li,
.pt-mobile .pt-filter:not(.show) li{
	top: 20px;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.pt-filter li i{
	display: block;
	font-style: normal;
	white-space: nowrap;
}
.pt-filter li.active i{
	color: #fff !important;
	text-shadow: 1px 1px 4px rgba(0,0,0,.2);
}
.pt-filter li:after{
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -3px;
	width: 6px;height: 6px;
	border-radius: 50%;
	opacity: 0;
}
.pt-desktop .pt-filter li:not(.active):hover:after{
	opacity: 1;
}


/*row*/
.pic-main .pt-row{
	position: relative;
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
	opacity: 0;
}
.pic-main .pt-row:empty{
	display: none;
}
.pic-style-01 .pt-row{
	align-items: flex-start;
}
.row-ready .pt-row{
	opacity: 1;
}
.pic-main .pt-row:nth-child(even){
	justify-content: flex-end;
}
.pic-main .item.hidden{
	display: none;
}


/*gap for vertical*/
.pic-style-01 .pt-row:first-child{
	padding-top: 0 !important;
}
.pic-style-01.gap-large .pt-row{
	padding: calc(40px + 5%) 0;
}
.pic-style-01.gap-normal .pt-row{
	padding: calc(20px + 4%) 0;
}
.pic-style-01.gap-small .pt-row{
	padding: calc(20px + 2.5%) 0;
}


/*item*/
.pic-main .item{
	flex-shrink: 0;
}
.pic-main .item.hidden,
.pic-main .text-project{
	display: none !important;
}

.m-mode .pic-list .inner-wrap,
.pt-mobile .pic-list .inner-wrap{
	transform: none !important;
	-webkit-transform: none !important;
}


/*gap -------------------------------- */

/*large*/
	.pic-style-01.gap-large .item{
		padding: 0 calc(10px + 4%) 0 0;
	}
	.pic-style-01.gap-large .pt-row:nth-child(even) .item{
		padding: 0 0 0 calc(10px + 4%);
	}
/*normal*/
	.pic-style-01.gap-normal .item{
		padding: 0 calc(10px + 3%) 0 0;
	}
	.pic-style-01.gap-normal .pt-row:nth-child(even) .item{
		padding: 0 0 0 calc(10px + 3%);
	}
/*small*/
	.pic-style-01.gap-small .item{
		padding: 0 calc(10px + 2%) 0 0;
	}
	.pic-style-01.gap-small .pt-row:nth-child(even) .item{
		padding: 0 0 0 calc(10px + 2%);
	}


/*image size -------------------------- */

.pic-style-01:not(.type-auto) .item{
	width: 23%;
}
.pic-style-01.image-large:not(.type-auto) .item{
	width: 40%;
}
.pic-style-01.image-small:not(.type-auto) .item{
	width: 16%;
}


.pic-list.type-h .img{
	padding-top: 66%;
}
.pic-list.type-s .img{
	padding-top: 100%;
}
.pic-list.type-v .img{
	padding-top: 136%;
}

/*height fo small and normal*/
.pic-style-01.image-large.type-auto .img{
	height: calc(220px + 12vw);
}
.pic-style-01.image-normal.type-auto .img{
	height: calc(180px + 8vw);
}
.pic-style-01.image-small.type-auto .img{
	height: calc(120px + 4vw);
}
/*small and normal for boxed*/
.pc-mode .pic-style-01.image-large.boxed.type-auto .img{
	height: 16vw;
}
.pc-mode .pic-style-01.image-normal.boxed.type-auto .img{
	height: 11vw;
}



@media (max-width: 1024px){

	.pic-list.pic-style-01.image-large.type-auto .img{
		height: 40vw;
	}
	.pic-list.pic-style-01.image-normal.type-auto .img{
		height: 30vw;
	}
	.pic-list.pic-style-01.image-small.type-auto .img{
		height: 20vw;
	}

}

@media (max-width: 950px){

	.pic-style-01.image-large .item{
		width: 80% !important;
	}
	.pic-style-01.image-normal .item{
		width: 40% !important;
	}
	.pic-style-01.image-small .item{
		width: 30% !important;
	}

}

@media (max-width: 480px){

	.pic-style-01.image-large .item{
		width: 90% !important;
	}
	.pic-style-01.image-normal .item{
		width: 90% !important;
	}
	.pic-style-01.image-small .item{
		width: 40% !important;
	}

}



/*portfolio style 02 ---------------------------------- */
/*.image size of style 02 */
/*wide*/
.pic-style-02 .null-item {
	display: none;
	height: 6vw;
	left: 50%;
}
.pc-mode .pic-style-02.image-large .null-item {
	display: block;
}

.pic-style-02.gap-small .pic-main{
	width: calc(100% + 2.4vw);
	left: -1.2vw;
}
.pic-style-02.gap-normal .pic-main{
	width: calc(100% + 4vw);
	left: -2vw;
}
.pic-style-02.gap-large .pic-main{
	width: calc(100% + 6.4vw);
	left: -3.2vw;
}
.pic-style-02.gap-small .item{
	padding: 1.2vw;
}
.pic-style-02.gap-normal .item{
	padding: 2vw;
}
.pic-style-02.gap-large .item{
	padding: 3.2vw;
}

/*boxed*/

.pic-style-02.boxed.image-small.gap-small .pic-main{
	width: calc(100% + 32px);
	left: -16px;
}
.pic-style-02.boxed.image-small.gap-normal .pic-main{
	width: calc(100% + 52px);
	left: -26px;
}
.pic-style-02.boxed.image-small.gap-large .pic-main{
	width: calc(100% + 72px);
	left: -36px;
}
.pic-style-02.boxed.image-small.gap-small .item{
	padding: 16px;
}
.pic-style-02.boxed.image-small.gap-normal .item{
	padding: 26px;
}
.pic-style-02.boxed.image-small.gap-large .item{
	padding: 36px;
}


.pic-style-02.boxed.gap-small .pic-main{
	width: calc(100% + 2.4vw);
	left: -1.2vw;
}
.pic-style-02.boxed.gap-normal .pic-main{
	width: calc(100% + 4vw);
	left: -2vw;
}
.pic-style-02.boxed.gap-large .pic-main{
	width: calc(100% + 6vw);
	left: -3vw;
}
.pic-style-02.boxed.gap-small .item{
	padding: 1.2vw;
}
.pic-style-02.boxed.gap-normal .item{
	padding: 2vw;
}
.pic-style-02.boxed.gap-large .item{
	padding: 3vw;
}




/*normal size ------*/
.pic-style-02.image-normal .item{
	width: 33.32%;
}
/*small size ------*/
.pic-style-02.image-small .item{
	width: 25%;
}
/*large size ------*/
.pic-style-02.image-large .item{
	width: 50%;
}


/*img addtion*/
.img-addition{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
}
.img-addition .bg-full{
	opacity: 0;
	z-index: 3;
}
.pic-main .img:hover .img-addition .bg-full.show{
	opacity: 1;
}
/*video --------------*/
.pt-mobile .video-addition{
	display: none;
}
.video-addition{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	opacity: 0;
}
.video-addition .bg-full:after{
	display: none;
}
.video-addition video{
	object-fit: cover;
}
.pic-main .inner-wrap:hover .video-addition{
	opacity: 1;
}

/*text --------------------- */

.full-title{
	position: fixed;
	display: none;
	left: 10%;
	width: 80%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 6vw;
	line-height: 1;
	color: #fff;
	pointer-events: none;
	text-align: center;
	z-index: 999;
}
.site-dark .full-title{
	text-shadow: 1px 1px 30px rgba(0,0,0,.05);
}
.full-title.show{
	display: block;
}
.m-mode .full-title{
	display: none !important;
}
.site-light .full-title{
	color: #010206;
}
.hack-blur{
	padding-bottom: 1px;
}

.pic-list.caption-style-02 .item .text{
	display: flex;
	flex-flow: wrap;
	margin-top: 20px;
	font-size: 0.75rem;
}
.pic-list.caption-style-02.large-text .item .text{
	margin-top: 25px;
	font-size: 0.875rem;
}
.pic-list.caption-style-02 .text .pt-h{
	max-width: 80%;
	display: inline-block;
	margin-bottom: 4px;
	left: 0;
	font-size: 1rem;
}
.pic-list.caption-style-02.large-text .text .pt-h{
	max-width: 80%;
	font-size: calc( 1rem + 0.25vw );
}
.pic-list.caption-style-02.image-small.large-text .text .pt-h{
	font-size: calc( 0.875rem + 0.15vw );
}
.pic-list.caption-style-02 .list-category{
	width: 100%;
	order: 2;
	margin-top: 4px;
}
.pic-list .list-category a{
	margin: 0 6px 6px 0;
}
.pic-list.caption-style-02 .list-category a:not(:hover){
	opacity: 0.5;
}
.pic-list.caption-style-02 .text .pt-h:before{
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -1px;
	width: 0;
	height: 2px;
	transition: width 0.3s;
}
.pt-desktop .pic-list.caption-style-02 .inner-wrap:hover .pt-h:before{
	width: 12px;
}
.pt-desktop .pic-list.caption-style-02 .inner-wrap:hover .pt-h{
	left: 16px;
}

.m-mode .pic-list .text .pt-h{
	font-size: calc( 0.875rem + 0.15vw ) !important;
	max-width: 90%;
}
.m-mode .pic-list:not(.large-text) .text .pt-h{
	font-weight: 500;
}

@media (max-width: 1280px){
	.pic-style-02.image-small .item{
		width: 33.33%;
	}
	.pic-list.caption-style-02:not(.large-text) .text .pt-h{
		font-size: 0.75rem;
	}
}

@media (max-width: 1024px){
	.pic-style-02 .pic-main {
		width:100% !important;
		left: auto !important;
	}
	.pic-style-02.image-large .item{
		padding: 5% !important;
	}
	.pic-style-02.image-normal .item{
		padding: 4% !important;
		width: 50%;
	}
	.pic-style-02.image-small .item{
		width: 33.33%;
		padding: 3% !important;
	}
	.pic-list .item .text{
		margin-top: calc(8px + 0.4vw);
	}
	.pic-list .text .pt-h{
		font-size: calc( 0.875rem + 0.15vw ) !important;
		max-width: 90%;
	}
}
@media (max-width: 768px){
	.pic-style-02.image-large .item,
	.pic-style-02.image-normal .item{
		width: 100%;
	}
	.pic-style-02.image-large .text .pt-h,
	.pic-style-02.image-normal .text .pt-h{
		font-size: calc( 0.875rem + 1vw ) !important;
	}
	.pic-style-02.image-small .item{
		width: 50%;
	}
}
@media (max-width: 400px){
	.pic-style-01.image-large .text .pt-h,
	.pic-style-01.image-normal .text .pt-h{
		font-size: 3.6vw !important;
	}
	.pt-filter {
		font-size: calc( 0.875rem + 0.8vw );
	}
}


.blog-list .img-inner:not(.bg-loaded),
.pic-list:not(.sc-gallery) .img-main:not(.bg-loaded),
.sc-gallery .img:not(.bg-loaded){
	background: rgba(166,166,166,.05);
}


/*$ pic-03*/
.pic-style-03 .pic-main{
	padding-top: 4vw;
}
@media (max-width: 1023px){
	.pic-style-03 .pic-main{
		overflow: visible;
	}
}
.pic-style-03 .item{
	display: block;
	margin: 0  auto calc( 60px + 10vw );
	min-height: 300px;
}
@media ( min-width: 768px ){
	.pic-style-03 .inner-wrap{
		display: flex;
		align-items: flex-end;
		display: -webkit-flex;
		-webkit-align-items: flex-end;
	}
}

.pic-style-03 .item:nth-child(even) .inner-wrap .img{
	order: 2;
}

.pic-style-03 .pic-main .btn-wrap{
	display: inline-block;
	align-self: flex-start;
	-webkit-align-self: flex-start;
	margin-top: calc(10px + 0.8vw);
}
.pic-style-03 .btn-wrap a{
	position: relative;
	display: inline-block;
	border-radius: 50%;
	width: calc(40px + 3vw);
	height: calc(40px + 3vw);
	line-height: calc(36px + 3vw);
	border: 2px solid;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	font-size: calc(12px + 0.2vw);
}
.pic-style-03 .btn-wrap span:after{
	content: '\e5c8';
	font-family: 'pt-icons';
	position: relative;
	left: -20px;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	text-align: center;
	opacity: 0;
	transition: all 0.4s;
}
.pt-desktop .pic-style-03 .btn-wrap a:hover span:after{
	width: 20px;
	left: 0;
	opacity: 1;
}

.pt-desktop .pic-style-03 .btn-wrap a:hover{
	border-color: transparent;
	color: #fff;
}
.pt-desktop .pic-style-03 .btn-wrap a:hover span:after{
	color: #fff;
}
.pic-style-03 .item .img{
	min-height: 200px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	overflow: visible;
	transform: rotate(1.5deg);
	-webkit-transform: rotate(1.5deg);
	padding-top: 0 !important;
}
.pic-style-03.type-h .item .img-main{
	padding-top: 66%;
}
.pic-style-03.type-s .item .img-main{
	padding-top: 100%;
}
.pic-style-03.type-v .item .img-main{
	padding-top: 130%;
}
.pic-style-03 .pic-main .img:after{
	opacity: 0.3;
}
.pt-desktop .pic-style-03 .pic-main .img:hover:after,
.pt-mobile .pic-style-03 .pic-main .img:after{
	opacity: 0.1 !important;
}
.pic-style-03 .item:nth-child(even) .img{
	transform: rotate(-1.5deg);
	-webkit-transform: rotate(-1.5deg);
}
.pt-desktop .pic-style-03 .img:hover .bg-full{
	transform: rotate(-1deg) scale(1.1);
	-webkit-transform: rotate(-1deg) scale(1.1);
}
.pt-desktop .pic-style-03 .item:nth-child(even) .img:hover .bg-full{
	transform: rotate(1deg) scale(1.1);
	-webkit-transform: rotate(1deg) scale(1.1);
}
.pic-style-03 .item .img > div{
	overflow: hidden;
}
.pic-style-03 .item .img-addition{
	height: auto;
	width: auto;
	left: 0;top: 0;
	right: 0;bottom: 0;
}
.pic-style-03 .item .img-addition,
.pic-style-03 .item .video-addition{
	margin: -1px;
}

.pic-style-03 .item .img-main{
	position: relative;
	height: 100%;
}
.pic-style-03 .item .img .list-category{
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotate(180deg) translateX(180%);
	-webkit-transform: rotate(180deg) translateX(180%);
	font-size: calc(12px + 0.4vw);
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	text-transform: uppercase;
	overflow: visible;
	z-index: 10;
}
.pic-style-03 .item:nth-child(even) .img .list-category{
	left: auto;
	right: 0;
	transform: rotate(180deg) translateX(-180%);
	-webkit-transform: rotate(180deg) translateX(-180%);
}
.pic-style-03 .list-category:after{
	content: '';
	position: absolute;
	height: calc(50px + 2vw);
	width: 2px;
	top: 110%;
	left: 50%;
}

.pic-style-03 .item.type-a{
	width: 88%;
	max-width: 1680px;
}
.pic-style-03 .item.type-b{
	width: 80%;
	max-width: 1400px;
}
@media ( min-width: 768px ){
	.pic-style-03 .item.type-a .img{
		width: 64%;
	}
	.pic-style-03 .item.type-b .img{
		width: 56%;
	}
	.pic-style-03 .item.type-a .text{
		width: 36%;
	}
	.pic-style-03 .item.type-b .text{
		width: 44%;
	}
	.pic-style-03 .btn-wrap a{
		letter-spacing: 2px;
	}
	.pic-style-03 .item .img .list-category{
		letter-spacing: 3px;
	}
}

.pic-style-03 .pic-main .item .text{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex-shrink: 0;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-align-items: flex-end;
	-webkit-flex-shrink: 0;
	padding: 0 0 0 10%;
	font-size: calc(10px + 0.4vw);
	z-index: 4;
}
.pic-style-03 .item:nth-child(even) .text{
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding: 0 10% 0 0;
}
.pic-style-03 .pic-main .intro{
	display: block;
	line-height: 1.5;
}


.pic-style-03 .item:nth-child(odd) .pt-h{
	text-align: right;
}
.pic-style-03 .pic-main .item .text .pt-h{
	margin: calc(10px + 0.8vw) 0;
	font-size: calc(16px + 4vw) !important;
	pointer-events: none;
}
.pic-style-03 .text span{
	position: relative;
	pointer-events: auto;
}

@media ( min-width: 768px ){
	.pic-style-03 .pic-main .item .text .pt-h{
		width: 280%;
		max-width: 280%;
		font-size: calc(8px + 6vw) !important;
	}
	.pic-style-03 .item.type-b .text{
		transform: translateY(-10%);
	}
	.pic-style-03 .item.type-tall .text{
		transform: translateY(-25%);
	}
}
.pic-style-03:not(.large-text) .pic-main .item .text .pt-h{
	font-size: calc(8px + 4vw) !important;
}
@media ( max-width: 1360px ){
	.pc-mode .pic-style-03 .pic-main .item .text .pt-h{
		margin: calc(10px + 0.4vw) 0;
		font-size: calc(8px + 4vw) !important;
	}
	.pc-mode .pic-style-03.type-h .btn-wrap,
	.pc-mode .pic-style-03 .item.type-a .btn-wrap{
		position: absolute;
		top: 95%;
	}
	.pic-style-03 .btn-wrap a{
		font-size: 12px;
	}
}
@media ( max-width: 768px ){
	.pic-style-03 .pic-main .item .text{
		padding: 10% 0 0 0;
		display: block;
	}
	.pic-style-03 .pic-main .item .text .pt-h{
		text-align: left;
	}
	.pt-num-02:after{
		display: none;
	}
	.pic-style-03 .item .img .list-category{
		font-size: 1rem;
	}
	.pic-style-03 .pic-main .item .text {
		font-size: calc(14px + 0.4vw);
	}
}
.site-light .pic-style-03 .pic-main .item .pt-h{
	-webkit-text-stroke: 1px white;
}


.pt-num-02{
	position: relative;
	font-size: calc(14px + 0.6vw);
	line-height: 1;
}
.pt-num-02:after{
	content: '';
	position: absolute;
	right: 120%;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 100%;
	border-top: 2px solid;
}
.pic-style-03 .item:nth-child(even) .pt-num-02:after{
	right: auto;
	left: 120%;
}
.pt-num-02 i{
	letter-spacing: 2px;
	font-style: normal;
}
.pt-num-02 i.num-total{
	opacity: 0.5;
}

/* $ blog   ------------------------------ start ------------------------------ start ------------------------------ start */

.blog-list.style-default > .wrap,
.blog-list.boxed > .wrap{
	margin-left: auto;
	margin-right: auto;
}
.blog-main{
	position: relative;
	font-size: 0;
}
.blog-main .item{
	position: relative;
}
.blog-main .img-inner{
	position: relative;
	width: 100%;
}
.blog-list:not(.raw-proportion) .img-inner{
	padding-top: 66%;
}
.blog-main .btn-wrap,
.blog-main .text-post .img{
	display: none;
}
.no-title.item .btn-wrap{
	display: block;
	width: 100%;
	margin-top: 0;
}

.blog-main .item.sticky .img:before,
.blog-main .item.sticky.text-post:before{
	content: '';
	position: absolute;
	width: 48px;
	height: 48px;
	top: 10px;
	left: 10px;
	border-radius: 50%;
	border-bottom-left-radius: 0;
	background-image: url(data/images/nail.svg);
	background-position: center;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	transform: scale(-1,1);
	-webkit-transform: scale(-1,1);
	z-index: 22;
}
.pt-type{
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	opacity: 0.6;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 14px;
}
body.search-results .pt-type{
	display: block;
}


/*text*/
.blog-main .text{
	position: relative;
	font-size: 1rem;
}
.blog-main h4{
	margin-bottom: calc(10px + 0.8vw);
	font-size: calc( 0.75rem + 0.8vw);
}
.blog-main h4 a{
	position: relative;
	transition: none;
	z-index: 2;
}
@media (min-width: 1680px){
	.blog-list.style-01:not(.boxed) h4{
		font-size:calc(22px + 1vw) !important;
	}
}

.blog-main .intro{
	width: 80%;
}

/*style default*/
.pc-mode .blog-list.style-default{
	padding: 30px 0;
}
.blog-list:not(.has-widget) .pt-widget-list{
	display: none;
}
.blog-list.style-default.has-widget .blog-main{
	width: 70%;
	width: calc(100% - 360px);
}
.blog-list.style-default .item{
	display: inline-block;
	width: 33.33%;
	padding: 20px;
}
.pc-mode .blog-list.style-default:not(.has-widget) .blog-main{
	width: calc(100% + 40px);
	left: -20px;
}
.blog-list .item.type-page .bg-full{
	transform: scale(1) !important;
}

@media (min-width: 1680px){
	.blog-list.style-default .item{
		padding: 30px;
	}
	.pc-mode .blog-list.style-default:not(.has-widget) .blog-main{
		width: calc(100% + 60px);
		left: -30px;
	}
}
.blog-list.style-default .list-meta{
	width: 100%;
	border-top: 2px solid rgba(166,166,166,.1);
	padding-top: 20px;
	margin-top: 10px;
}
.blog-list.style-default .inner-wrap{
	transition: all 0.4s; 
}
.blog-list.style-default .inner-wrap:not(:hover) .pt-num{
	opacity: 0;
}
.blog-list.style-default .inner-wrap:hover{
	box-shadow: 10px 10px 30px rgba(0,0,0,.3);
}
.site-light .blog-list.style-default .inner-wrap:hover{
	box-shadow: 10px 10px 30px rgba(0,0,0,.05);
}
.blog-list.style-default h4{
	position: relative;
	width: 90%;
	font-size: 24px;
	margin: 0 0 10px;
	line-height: 1.4;
	z-index: 2;
}
.blog-list.style-default .text-post h4{
	margin-top: 0;
}
.blog-list.style-default .text{
	display: flex;
	flex-flow: wrap;
	font-size: 14px;
	background-color: rgba(1,2,6,.5);
	padding: 36px 44px 30px 44px;
}
.site-light .blog-list.style-default .text{
	background-color: #fff;
}
.blog-list.style-default .img-inner{
	overflow: hidden;
}
.blog-list.style-default .img{
	overflow: visible;
}
.blog-list.style-default .img .pt-category{
	position: absolute;
	left: 0;
	bottom: -10px;
	padding: 20px;
	opacity: 0;
	z-index: 101;
}
.blog-list.style-default .inner-wrap:hover .pt-category{
	opacity: 1;
	bottom: 0;
}
.blog-list.style-default .intro{
	width: 100%;
	margin-bottom: 20px;
}
@media (min-width: 1280px) and (max-width: 1680px){
	.blog-list.style-default .intro{
		font-size: 1rem;
	}
}
/*for widget*/
.blog-list.has-widget.style-default .item{
	width: 50%;
}



/*style 01*/
.blog-list.style-01:not(.boxed) .blog-main{
	margin-left: auto;
	margin-right: auto;
}
.pc-mode .blog-list.style-01:not(.boxed) .blog-main{
	width: 90%;
}
.blog-list.style-01 .item{
	width: 100%;
	margin-bottom: calc(50px + 6vw);
}
.blog-list.style-01 .item:nth-child(even) .inner-wrap{
	justify-content: flex-end;
}
.blog-list.style-01 .item:nth-child(even) .img{
	order: 2;
}

.blog-list.style-01 .inner-wrap{
	display: flex;
	align-items: center;
	width: 100%;
}
.blog-list.style-01 .inner-wrap > div{
	flex-shrink: 0;
}
.blog-list.style-01 .img{
	width: 30%;
}
.blog-list.style-01:not(.raw-proportion) .img,
.blog-list.style-01 .item.type-h .img{
	width: 48%;
}
.blog-list.style-01 .text{
	width: 40%;
	margin: 0 0 0 5%;
	font-size: calc( 0.875rem + 0.25vw );
	z-index: 9;
}
.blog-list.style-01.boxed .text{
	font-size: 1rem;
}
.blog-list.style-01 .item:nth-child(even) .text{
	margin: 0 5% 0 0;
}

.blog-list.style-01 h4{
	width: 88%;
	font-size: calc(20px + 1.2vw);
}
.blog-list.style-01.boxed h4 {
	font-size: calc(20px + 0.8vw);
}
.blog-list.style-01 .intro{
	position: relative;
	padding-bottom: calc(20px + 1vw);
}



/*style 02*/
.blog-list.style-02 .blog-main{
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
	align-items: center;
}
.blog-list.style-02.boxed .blog-main{
	justify-content: space-between;
}
.blog-list.style-02 .item{
	width: 35%;
	margin-bottom: 10vw;
	padding: 0 5vw;
}
.blog-list.style-02 .item.last,
.blog-list.style-01 .item.last:not(.second-last){
	margin-bottom: 0;
}
.blog-list.style-02.boxed .item:not(.last){
	margin-bottom: 6vw;
}


.blog-list.style-02.boxed .item{
	padding: 0;
}
.blog-list.style-02:not(.raw-proportion) .item{
	padding: 0 3vw;
}

.blog-list.style-02 .item.type-h{
	width: 60%;
}

.blog-list.style-02.boxed .item.type-h{
	width: 50%;
}
.blog-list.style-02 .item:nth-child(4n+2):not(.type-h),
.blog-list.style-02 .item:nth-child(4n+3):not(.type-h),
.blog-list.style-02 .item.type-h:nth-child(odd) + .item.type-h:nth-child(even){
	width: 40%;
}
.blog-list.style-02 .item:not(.type-h):nth-child(4n+1) + .item:not(.type-h){
	width: 45%;
}

.blog-list.style-02 h4{
	width: 80%;
	margin-top: calc(20px + 0.8vw);
}
@media (min-width: 768px){
	.blog-list.style-02:not(.boxed) .item.type-v + .item.type-h h4,
	.blog-list.style-02:not(.boxed) .item.type-h h4{
		font-size: calc( 0.75rem + 1.4vw);
	}
}

.blog-list.style-02 .intro{
	opacity: 0.8;
}
.blog-list.style-02 .item.type-h .intro{
	width: 64%;
}

.pc-mode .blog-list.style-02 .intro{
	min-width: 300px;
}
.pc-mode .blog-list.style-02 .item.type-h .intro,
.pc-mode .blog-list.style-02 .item:nth-child(4n+2):not(.type-h) .intro,
.pc-mode .blog-list.style-02 .item:nth-child(4n+3):not(.type-h) .intro{
	font-size: 1.125rem;
}

.pc-mode .blog-list.style-02:not(.boxed) .item.type-h h4,
.pc-mode .blog-list.style-02:not(.boxed) .item:nth-child(4n+2):not(.type-h) h4,
.pc-mode .blog-list.style-02:not(.boxed) .item:nth-child(4n+3):not(.type-h) h4{
	font-size: calc(20px + 0.8vw);
}




/*other*/
.pt-num{
	position: absolute;
	right: 101%;
	top: 8px;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700 !important;
	white-space: nowrap;
}
.blog-list.style-01 .pt-num{
	display: none;
}

.blog-main .pt-category{
	display: table;
}
.blog-list.style-02 .pt-category{
	display: none;
}
.blog-list.style-02 .list-meta{
	margin-bottom: 20px;
}
.main-meta,
.main-meta .info{
	display: flex;
	align-items: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	line-height: 1;
}
.blog-main .info > * + *{
	margin-left: 20px;
}
.blog-list .avatar img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 6px;
}
.blog-list .date{
	position: relative;
	padding-left: 20px;
}
.blog-list .date:before{
	content: '\e92d';
	font-size: 16px;
	position: absolute;
	left: 0;
	font-family: 'pt-icons2';
}

.blog-main .info a{
	opacity: 0.7;
}
.blog-main .info a:hover{
	opacity: 1;
}
.item.type-project .main-meta .info .date a{
	pointer-events: none;
}
@media (max-width: 1440px) and (min-width: 768px){
	.blog-list.style-default .text {
		padding: 30px 30px 26px 36px;
	}
}

/*btn*/
.btn-wrap{
	margin-top: calc(10px + 0.4vw);
}
.btn-wrap a{
	position: relative;
	display: inline-block;
	font-size: 1.125rem;
	line-height: 40px;
	z-index: 2;
}
.blog-list.style-02 .btn-wrap{
	display: block;
}

.has-wave-line{
	position: relative;
}
.pt-wave-line{
	position: absolute;
	left: 0;
	top: 96%;
	width: 50px;
	transform: translateY(-50%) scaleY(0.5);
	overflow: hidden;
	font-size: 0;
	z-index: -1;
}
.pt-wave-line svg{
	position: relative;
	height: 50px;
	width: auto;
	opacity: 0;
	transition: opacity 0.2s;
}
.pt-desktop a:hover ~ .pt-wave-line svg,
.pt-desktop a.has-wave-line:hover .pt-wave-line svg{
	animation: waveLine 0.6s linear infinite;
	-webkit-animation: waveLine 0.6s linear infinite;
	opacity: 1;
}
@keyframes waveLine {
	0%	{transform: translateX(0);}
	100%  {transform: translateX(-70px);}
}

.blog-main h4 .pt-wave-line{
	left: -10px;
}
.btn-wrap .pt-wave-line{
	top: 50%;
}




/*responsive*/

.m-mode .blog-list.style-01 .inner-wrap{
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4vw;
	width: 70%;
}
.m-mode .blog-list.style-01 .img,
.m-mode .blog-list.style-01 .text{
	width: 100% !important;
	display: block;
	margin-left: 0;
	margin-right: 0;
}
.m-mode .blog-list.style-01 .text{
	margin-top: 4vw !important;
}
.m-mode .blog-list.style-02 .btn-wrap{
	position: relative;
}

@media (max-width: 1280px){
	.blog-list.style-02 .intro{
		width: 100%;
	}
	.pc-mode .blog-main h4{
		font-size:calc(12px + 1vw);
	}
	.pc-mode .blog-list.style-default h4 {
		font-size: 20px;
	}
	.blog-list.has-widget.style-default .item{
		width: 100%;
	}
	.blog-list.style-default:not(.has-widget) .item{
		width: 50%;
	}
}

@media (max-width: 1024px) and (min-width: 768px){
	.blog-list.style-02 .blog-main .item{
		padding: 10px;
	}
}

.m-mode .blog-list:not(.style-default) h4 {
	font-size: calc( 0.75rem + 1.6vw);
}

@media (max-width: 768px){
	.blog-list .item{
		width: 100% !important;
		margin-bottom: calc(40px + 5vw) !important;
	}
	.blog-list.style-default .item{
		padding: 0;
	}
	.blog-list.style-02 .intro{
		max-width: none;
	}
	.blog-list.style-default .text{
		font-size: 1rem;
	}
	.blog-list .inner-wrap,
	.blog-list .img{
		transform: none !important;
		-webkit-transform: none !important;
	}
	.blog-list.style-02 .inner-wrap{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.blog-list .inner-wrap,
	.blog-list .text{
		width: 100% !important;
	}
	.blog-list .pt-num{
		position: relative;
		display: block;
		right: auto;
		top: auto;
	}
	.blog-list h4 {
		font-size: calc( 0.75rem + 2vw) !important;
	}
	.blog-list h4,
	.blog-main .intro{
		width: 100% !important;
	}
	.blog-main .item.sticky.text-post:before {
		top: -30px;
		width: 28px;
		height: 28px;
	}

}



/* $ itemMask ------------------- */

.pic-main .img:after,
.blog-main .img:after,
.sc-carousel .img:after,
.sc-photo-wall .img:after{
	content: '';
	position: absolute;
	left: 0;top: 0;bottom: 0;right: 0;
	background-color: #010206;
	opacity: 0.2;
	z-index: 3;
}
.site-dark .pic-main .inner-wrap:hover .img:after,
.site-dark .blog-main .inner-wrap:hover .img:after,
.site-dark .sc-carousel .item .img:hover:after,
.site-dark .sc-photo-wall .sub-item:hover .img:after{
	opacity: 0;
}

.site-light .pic-main .img:after,
.site-light .blog-main .img:after,
.site-light .sc-carousel .img:after,
.site-light .sc-photo-wall .img:after{
	background-color: #fff;
	opacity: 0;
}
.site-light .pic-main .inner-wrap:hover .img:after,
.site-light .blog-main .inner-wrap:hover .img:after,
.site-light .sc-carousel .inner-wrap:hover .img:after,
.site-light .sc-photo-wall .inner-wrap:hover .img:after{
	opacity: 0.2;
}
.effect-grayscale .inner-wrap:hover .img:after{
	opacity: 0 !important;
}


/*shortcode ------------------------start------------------------start------------------------start------------------------start------------------------ */


/* $ gallery ----------------------------*/

.sc-gallery .caption,
.sc-gallery .ptsc-inner-title{
	display: none;
}
.sc-gallery .inner-wrap{
	position: relative;
}
.sc-gallery:not(.lightbox) a.full{
	display: none;
}
.sc-gallery.caption-style-02 .caption{
	display: inline-block;
	margin-top: 20px;
	font-size: 1rem;
	line-height: 1;
}
.sc-gallery.caption-style-02.large-text .caption{
	margin-top: 30px;
	font-size: calc( 0.875rem + 0.25vw );
}


/* $ mixbox --------------------------- */

.sc-mixbox.boxed{
	display: flex;
	justify-content: center;
}
.sc-mixbox:not(.boxed) > .wrap,
.sc-mixbox .wrap-inner{
	position: relative;
	font-size: 0;
	display: flex;
	flex-flow: wrap;
	flex-shrink: 0;
}
.sc-mixbox.item-align-center > .wrap{
	justify-content: center;
}
.sc-mixbox .item{
	position: relative;
	margin-bottom: calc(20px + 1vw);
}
.sc-mixbox .item:last-child{
	margin-bottom: 0;
}
.sc-mixbox .inner-wrap{
	position: relative;
	z-index: 10;
}

/*gap ------------------------- */

.sc-mixbox.gap-large:not(.pricing-table) > .wrap{
	margin-left:  calc(-30px - 1vw);
	margin-right: calc(-30px - 1vw);
}
.sc-mixbox.gap-small:not(.pricing-table) > .wrap{
	margin-left:  calc(-20px - 1vw);
	margin-right: calc(-20px - 1vw);
}

.sc-mixbox.gap-large .inner-wrap{
	padding: calc(30px + 1vw);
}
.sc-mixbox.gap-small .inner-wrap{
	padding: calc(20px + 1vw);
}

.sc-mixbox.gap-large:not(.pricing-table) .wrap-inner{
	width: calc( 100% + 60px + 2vw );
	left:  calc( -30px - 1vw);
}
.sc-mixbox.gap-small:not(.pricing-table) .wrap-inner{
	width: calc( 100% + 40px + 2vw );
	left:  calc( -20px - 1vw);
}

@media (min-width: 1440px){

	.sc-mixbox.gap-large:not(.pricing-table) .wrap-inner{
		width: calc(100% + 100px);
		left: -50px;
	}
	.sc-mixbox.gap-small:not(.pricing-table) .wrap-inner{
		width: calc(100% + 60px);
		left: -30px;
	}
	.sc-mixbox.gap-large.boxed:not(.pricing-table) .wrap{
		margin: 0;
	}
	.sc-mixbox.gap-large.boxed:not(.pricing-table) .inner-wrap{
		padding: 50px;
	}
	.sc-mixbox.gap-large.boxed:not(.pricing-table) + .sc-text-carousel .wrap{
		padding-left: 90px;
	}
	.sc-mixbox.gap-small.boxed:not(.pricing-table) .inner-wrap{
		padding: 30px;
	}

	/*pricing*/
	.sc-mixbox.gap-large.pricing-table.boxed .inner-wrap{
		padding: 60px;
	}
	.sc-mixbox.gap-small.pricing-table.boxed .inner-wrap{
		padding: 40px;
	}
	.gap-large.pricing-table:not(.boxed) .inner-wrap{
		padding: calc(30px + 2vw);
	}
	.gap-small.pricing-table:not(.boxed) .inner-wrap{
		padding: calc(20px + 2vw);
	}

}


@media (max-width: 1024px){

	.sc-mixbox:not(.boxed):not(.pricing-table) > .wrap,
	.sc-mixbox:not(.pricing-table) .wrap-inner{
		margin-left:  -6vw !important;
		margin-right: -6vw !important;
		left: auto !important;
		width: auto !important;
	}

	.sc-mixbox .inner-wrap{
		padding: 6vw !important;
	}
	.sc-mixbox.pricing-table .inner-wrap{
		padding: 10vw !important;
	}

}

@media (max-width: 768px){
	.sc-mixbox.pricing-table > .wrap{
		margin-right: auto;
		margin-left: auto;
	}
}



/*font size ------- */
/*wide*/
.sc-mixbox:not(.boxed) .inner-wrap{
	font-size: calc( 0.875rem + 0.25vw );
}
.sc-mixbox:not(.boxed) .item.text-small .inner-wrap{
	font-size: calc( 0.875rem + 0.15vw );
}
.sc-mixbox:not(.boxed) .item.text-large .inner-wrap{
	font-size: calc( 1rem + 0.4vw );
}


/*boded*/
.sc-mixbox.boxed .inner-wrap{
	font-size: calc( 0.875rem + 0.15vw );
}
.sc-mixbox.boxed .item.text-small .inner-wrap{
	font-size: calc( 0.875rem + 0.05vw );
}
.sc-mixbox.boxed .item.text-large .inner-wrap{
	font-size: calc( 0.875rem + 0.25vw );
}

@media (max-width: 1440px){
	.pc-mode .sc-mixbox .inner-wrap{
		font-size: 1rem;
	}
	.pc-mode .sc-mixbox .item.text-small .inner-wrap{
		font-size: 0.875rem;
	}
	.pc-mode .sc-mixbox .item.text-large .inner-wrap{
		font-size: 1.125rem;
	}
}


/*center*/
.sc-mixbox.text-center{
	text-align: center;
}
.sc-mixbox.text-center .img,
.sc-mixbox.text-center .icon{
	margin-left: auto;
	margin-right: auto;
}
.sc-mixbox.text-center .pt-h{
	display: inline-block;
}

/*img*/
.sc-mixbox img{
	max-width: 100%;
}
.sc-mixbox .icon{
	display: inline-block;
	text-align: center;
}
.sc-mixbox .icon i{
	display: inline-block;
	height: calc(40px + 2vw);
	line-height: calc(40px + 2vw);
	margin-bottom: 20px;
	font-size: calc(30px + 2vw);
	border-radius: 50%;
}
.sc-mixbox .icon i.has-color{
	color: #fff;
	width: calc(40px + 2vw);
	font-size: calc(20px + 1vw);
}

/*icon for boxed*/
.sc-mixbox.boxed .icon i{
	height: calc(30px + 2vw);
	line-height: calc(30px + 2vw);
	font-size: calc(30px + 0.5vw);
}
.sc-mixbox.boxed .icon i.has-color{
	width: calc(30px + 2vw);
	font-size: calc(20px + 0.5vw);
}

.sc-mixbox .pt-social a i {
	line-height: calc(26px + 0.6vw);
}

/*text*/
.sc-mixbox .pt-h ~ .intro,
.sc-mixbox .img ~ .text{
	padding-top: calc(10px + 0.6vw);
	margin-top: calc(10px + 0.6vw);
}
.sc-mixbox .pt-h.large ~ .intro{
	padding-top: calc(20px + 0.8vw);
}
.sc-mixbox .pt-h{
	max-width: 85%;
}
.sc-mixbox .pt-h ~ .sub-title{
	font-size: 1rem;
	letter-spacing: 0.5px;
	padding: 15px 0 0;
}
.sc-mixbox .item:not(.box-large) .sub-title{
	font-size: 0.875rem;
	padding-top: 10px;
}
.sc-mixbox .item:not(.box-large) .pt-h ~ .intro,
.sc-mixbox .item:not(.box-large) .img ~ .text{
	padding-top: 17px;
	margin-top: 20px;
}
.sc-mixbox  .pt-h ~ .intro,
.sc-mixbox  .sub-title ~ .intro{
	white-space: pre-line;
	border-top: 1px solid rgba(166,166,166,.2);
}

.sc-mixbox .pt-submit-wrap{
	margin: 30px 0 0 0;
}
.sc-mixbox .pt-submit-wrap{
	margin: 30px 0 0 0;
}
.pt-submit-wrap > a{
	display: block;
	position: relative;
	z-index: 3;
}
.sc-mixbox + .sc-mixbox{
	margin-top: 0 !important;
}

a.pt-btn-box{
	position: relative;
	display: inline-block;
	line-height: 48px;
	padding: 0 36px 0 60px;
	font-size: 1.125rem;
	border-radius: 50px;
	border:2px solid;
	overflow: hidden;
}
a.pt-btn-box span{
	position: relative;
	z-index: 2;
}
a.pt-btn-box:before{
	content: '';
	position: absolute;
	height: 2px;
	width: 20px;
	top: 50%;
	right: 100%;
	margin: -1px 0 0 0;
	transform: translateX(50px);
	z-index: 1;
}
a.pt-btn-box:after{
	content: '';
	position: absolute;
	right: 0;top: 0;
	width: 0;
	height: 100%;
}
a.pt-btn-box:hover{
	padding: 0 60px 0 36px;
}
a.pt-btn-box:hover:before{
	transform: translateX(0);
	right: 30px;
}
a.pt-btn-box:hover:after{
	right: auto;
	left: 0;
	width: 100%;
}
/*decoration*/
.item.title-decoration-01 .text > .pt-h:after{
	content: '\e92e';
	font-family: 'pt-icons2';
	display: block;
	font-size: 120%;
	margin-bottom: -10px;
	line-height: 0.5;
}
.item.title-decoration-02 .text > .pt-h:after,
.sc-textlist li .pt-h:after,
.pt-decoration-01:after,
.sc-slider .sub-title:after{
	content: '';
	position: absolute;
	left: -15px;
	top: 30%;
	height: 40%;
	width: 5px;
	transform: rotate(10deg);
	transform-origin: left bottom;
	-webkit-transform: rotate(10deg);
	-webkit-transform-origin: left bottom;
	border-radius: 10px;
	z-index: -1;
}
.sc-slider .sub-title:after{
	left: -12px;
}
.pt-decoration-01{
	margin-left: 10px !important;
}
.pt-decoration-01:after{
	height: 34%;
	top: 33%;
	width: 4px;
	left: -10px;
	transition: all 0.3s;
}
.pt-decoration-01:hover:after{
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
}

.item.title-decoration-01 .text > .pt-h.has-color:after{
	color: var(--tooltip-color);
}
.item.title-decoration-02  .text > .pt-h.has-color:after{
	background-color: var(--tooltip-color);
}

@media (max-width: 960px){
	.sc-textlist li .pt-h:after,
	.item.title-decoration-02 .text > .pt-h:after{
		left: -9px;
	}
}


/*layout 02*/
.sc-mixbox.layout-02:not(.text-center)  .text{
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.sc-mixbox.layout-02:not(.text-center) .img ~ .text > .pt-h:after,
.sc-mixbox.layout-02:not(.text-center) .icon[data-color]:not([data-color=""]) ~ .text > .pt-h:after{
	display: none;
}
.sc-mixbox.layout-02:not(.text-center) .inner-wrap{
	display: flex;
	display: -webkit-flex;
}
.sc-mixbox.layout-02:not(.text-center) .icon,
.sc-mixbox.layout-02:not(.text-center) .img{
	width: 80px;
	padding-right: 30px;
	flex-shrink: 0;
}
.sc-mixbox.layout-02:not(.text-center) .icon i{
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 40px;
}
.sc-mixbox.layout-02 .text{
	flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
}

.sc-mixbox.layout-02:not(.text-center) .item[data-w="0.33"] .img{
	width: 100px;
}

.sc-mixbox.layout-02:not(.text-center) .icon i.has-color{
	font-size: 20px;
}

/*50*/
.sc-mixbox.layout-02:not(.text-center) .item.box-large .img{
	width: 30%;
	padding-right: 50px;
}
.sc-mixbox.layout-02:not(.text-center) .item[data-w="0.5"] .icon,
.sc-mixbox.layout-02:not(.text-center) .item.box-large .icon,
.sc-mixbox.layout-02:not(.text-center) .item[data-w="0.5"] .img{
	width: 120px;
}
.sc-mixbox.layout-02:not(.text-center) .item[data-w="0.5"] .icon i,
.sc-mixbox.layout-02:not(.text-center) .item.box-large .icon i{
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 60px;
}
.sc-mixbox.layout-02:not(.text-center) .item.box-large .icon i.has-color,
.sc-mixbox.layout-02:not(.text-center) .item[data-w="0.5"] .icon i.has-color{
	font-size: 40px;
}

.sc-mixbox.layout-02:not(.text-center) .icon i:not(.has-color){
	line-height: 1 !important;
	text-align: left;
}


/*color for btn-box*/
a.pt-btn-box,
.site-light .pt-color-invert a.pt-btn-box{
	border-color: #fff;
}
a.pt-btn-box:hover,
.site-light .pt-color-invert a.pt-btn-box:hover{
	color: #010206;
}
a.pt-btn-box:not(:hover):before,
.site-light .pt-color-invert a.pt-btn-box:not(:hover):before{
	background: #fff;
}
a.pt-btn-box:after,
.site-light .pt-color-invert a.pt-btn-box:after{
	background: #fff;
}

.site-light a.pt-btn-box,
.site-dark .pt-color-invert a.pt-btn-box{
	border-color: #010206;
}
.site-light a.pt-btn-box:hover,
.site-dark .pt-color-invert a.pt-btn-box:hover{
	color: #fff;
}
.site-light a.pt-btn-box:not(:hover):before,
.site-dark .pt-color-invert a.pt-btn-box:not(:hover):before{
	background: #010206;
}
.site-light a.pt-btn-box:after,
.site-dark .pt-color-invert a.pt-btn-box:after{
	background: #010206;
}

@media (max-width: 1680px){
	a.pt-btn-box{
		line-height: 36px;
		padding: 0 30px 0 60px;
		border-width: 2px;
		font-size: 14px;
	}
	a.pt-btn-box:before{
		transform: translateX(40px);
	}
	a.pt-btn-box:hover{
		padding: 0 60px 0 30px;
	}
	a.pt-btn-box:hover:before{
		transform: translateX(0);
		width: 20px;
		right: 20px;
	}
}
@media (max-width: 768px){
	a.pt-btn-box{
		line-height: 30px;
		padding: 0 20px 0 35px;
		border-width: 2px;
		font-size: 12px;
	}
	a.pt-btn-box:hover{
		padding: 0 35px 0 20px;
	}
	a.pt-btn-box:before{
		width: 10px;
		transform: translateX(20px);
	}
	a.pt-btn-box:hover:before{
		transform: translateX(0);
		width: 10px;
		right: 10px;
	}

	.m-mode .sc-mixbox .icon i{
		width: calc(40px + 6vw) !important;
		height: calc(40px + 6vw) !important;
		line-height: calc(40px + 6vw) !important;
		font-size: calc(40px + 4vw);
		margin-bottom: 15px;
	}
	.m-mode .sc-mixbox .icon i.has-color{
		font-size: calc(20px + 3vw);
	}

}



/*for btn is no text */
.ptsc a.btn-no-text{
	position: relative;
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 61px;
	margin-top: calc(10px + 0.4vw);
	text-align: center;
	transition: none;
}
.ptsc a.btn-no-text:before{
	content: '\f142';
	font-family: 'pt-icons';
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	border-radius: 50%;
	font-size: 21px;
	border:2px solid rgba(166,166,166,.2);
	z-index: 2;
}
.ptsc a.btn-no-text:hover:before{
	color: #fff;
	border-color: transparent;
}



/* $ pricing  -----------------------------------------------------------*/

.pricing-table .inner-wrap:after{
	content: '';
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	margin: 1px;
	background: rgba(166,166,166,.05);
	z-index: -1;
}
.pricing-table .bg-full ~ .inner-wrap:after,
.pricing-table .bg-color ~ .inner-wrap:after{
	display: none;
}

.pricing-table li{
	list-style-type: none;
	margin-bottom: 10px;
}
.price-amount{
	margin-bottom: calc(20px + 0.8vw);
}



/*font size*/
.pricing-table .price-amount{
	position: relative;
	font-size: 360%;
	line-height: 1;
}
.pricing-table .price-amount i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 50%;
	font-style: normal;
	transform: translateX(-120%);
	-webkit-transform: translateX(-120%);
}

.pricing-table .title{
	font-size: 180%;
	margin-bottom: 15px;
}
.pricing-table ul{
	padding-top: 24px;
	margin: 24px auto;
	border-top: 1px dotted;
}
.pricing-table ul,
.site-light .pricing-table .pt-color-invert ul{
	border-color: rgba(255,255,255,.4);
}
.site-light .pricing-table ul,
.site-dark .pricing-table .pt-color-invert ul{
	border-color: rgba(11,12,16,.4);
}


.pricing-table a.btn:not(.btn-no-text){
	display: block;
	padding: calc(15px + 0.5vw) 24px;
	margin-top: 48px;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
	text-shadow: 1px 1px 4px rgba(0,0,0,.2);
	height: auto;
}
@media (min-width: 1440px){
	.pricing-table.boxed a.btn:not(.btn-no-text){
		padding:20px 24px;
	}
}

.pricing-table a.btn:not(.btn-no-text):after,
.pricing-table a.btn:not(.btn-no-text):before{
	display: none;
}
.pricing-table a.btn:not(.btn-no-text) span{
	position: relative;
	left: 0;
}
.pricing-table a.btn:not(.btn-no-text) span:after{
	content: '\f142';
	position: absolute;
	top: 50%;
	left: 100%;
	height: 30px;line-height: 30px;
	margin-top: -15px;
	font-family: 'pt-icons';
	font-size: 16px;
	opacity: 0;
}
/*color of btn*/
.pricing-table .item:not([data-color=""]) a.btn:not(.btn-no-text){
	border:2px solid;
}
.pricing-table .item:not([data-color=""]) a.btn:not(.btn-no-text),
.site-light .pricing-table .item.pt-color-invert:not([data-color=""]) a.btn:not(.btn-no-text){
	background: #fff;
	color: #010206;
	border-color: #fff;
	text-shadow: none;
}
.site-light .pricing-table .item:not([data-color=""]) a.btn:not(.btn-no-text),
.site-dark .pricing-table .item.pt-color-invert:not([data-color=""]) a.btn:not(.btn-no-text){
	background: #010206;
	color: #fff;
	border-color: #010206;
}
/*hover*/
.pricing-table a.btn:not(.btn-no-text):hover span{
	left: -10px;
}
.pricing-table a.btn:not(.btn-no-text):hover span:after{
	margin-left: 20px;
	opacity: 1;
}
.pricing-table .item[data-color=""] a.btn:not(.btn-no-text):hover{
	filter: contrast(1.2);
}


/* $ subscribers ------------------------------------------------------- */

.sc-subscribers{
	padding-top: 6vw;
	padding-bottom: 6vw;
}
.sc-subscribers.has-bg{
	padding-top: 8vw;
	padding-bottom: 8vw;
}
.sc-subscribers .inner-wrap{
	position: relative;
	width: 80%;
	max-width: 780px;
	z-index: 10;
}
.sc-subscribers.position-center .inner-wrap{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.pc-mode body:not(.site-menu-03) .sc-subscribers.position-center.has-bg.special-on .inner-wrap{
	left: calc((3vw + 20px) * -1);
}
.pc-mode .site-menu-position-01 .sc-subscribers.position-center.has-bg.special-on .inner-wrap{
	left: calc((3vw + 70px) * -1);
}
.pc-mode .site-menu-position-02 .sc-subscribers.position-center.has-bg.special-on .inner-wrap{
	left: calc(3vw + 70px);
}
.m-mode .sc-subscribers.position-center.has-bg.special-on .inner-wrap{
	left: -3vw;
}


.sc-subscribers.position-right .inner-wrap{
	float: right;
}
.sc-subscribers.position-right .wrap:after{
	content: '';
	display: block;
	clear: both;
}
.sc-subscribers .intro{
	padding-top: 4%;
	font-size: calc( 1rem + 0.25vw );
	max-width: 700px;
}
.sc-subscribers .text ~ .mc4wp-form{
	margin-top: calc(30px + 0.8vw);
	font-size: 0;
}
.mc4wp-form input[type="email"]{
	width: 100%;
	height: 64px;
	padding: 0 25px !important;
	color: #010206 !important;
	border:none !important;
}
.mc4wp-form input:not([type="submit"]):not(:focus){
	background-color: #f1f2f6 !important;
}
.mc4wp-form input:not([type="submit"]):focus{
	background-color: #fff !important;
}
.ptsc.sc-subscribers .mc4wp-form input:not([type="submit"]){
	border-color: transparent;
	font-size: 1.15rem;
	border-radius: 50px !important;
}
.mc4wp-form input[type="submit"]{
	width: 100%;
	height: 60px;
	color: #fff !important;
}
.mc4wp-form-fields{
	position: relative;
	max-width: 700px;
}
.mc4wp-form-fields label{
	display: block;
	padding-bottom: 20px;
}
.mc4wp-form-fields .pt-submit-wrap{
	position: absolute;
	right: 5px;
	bottom: 5px;
	height: 54px;
	border-radius: 50px;
}
.mc4wp-form-fields .pt-submit-wrap input{
	width: 54px;
	height: 54px !important;
	padding: 0;
	margin: 0;
	color: transparent;
	padding: 0 !important;
	font-size: 0;
}
.mc4wp-form-fields .pt-submit-wrap p{
	color: #fff;
	font-size: 0;
	margin: 0;
}
.mc4wp-form-fields .pt-submit-wrap p:before{
	content: '\e907';
	position: relative;
	left: -1px;
	color: #fff !important;
	font-size: 20px;
	line-height: 54px;
	font-family: 'pt-icons';
}
.mc4wp-form-fields div.pt-submit-wrap > p:after{
	display: none;
}
@media (max-width: 1280px){
	.mc4wp-form input:not([type="submit"]){
		height: 50px;
	}
	.mc4wp-form-fields .pt-submit-wrap{
		height: 46px;
		width: 46px;
		right: 2px;
		bottom: 2px;
	}
	.mc4wp-form-fields .pt-submit-wrap input{
		width: 50px;
		height: 50px !important;
	}
	.mc4wp-form-fields .pt-submit-wrap p:before{
		line-height: 46px;
	}
}
@media (max-width: 768px){
	.sc-subscribers.has-bg{
		padding-top: 30vw;
	}
	.sc-subscribers > .wrap{
		padding-right: 15px;
		padding-left: 15px;
	}
}


/* $ textList ------------------------------------------------------- */

.sc-textlist{
	overflow: hidden;
	padding-top: 6vw;
	padding-bottom: 6vw;
}
.sc-textlist.has-bg{
	padding-top: calc(6vw + 40px);
	padding-bottom: calc(6vw + 40px);
}

.sc-textlist > .wrap{
	position: relative;
	width: calc(100% + 3vw);
	left: -1.5vw;
	display: flex;
	flex-flow: wrap;
	z-index: 10;
}
.sc-textlist.layout-02 > .wrap{
	margin-left: auto;
}
.sc-textlist.text-center{
	text-align: center;
}

.sc-textlist .item{
	padding: 1.5vw;
	line-height: 1.8;
}
.sc-textlist .item.w-small{
	width: 25%;
}
.sc-textlist .item.w-normal{
	width: 33.3332%;
}
.sc-textlist .item.w-large{
	width: 50%;
}

@media (max-width: 1680px) and (min-width: 1279px){
	.sc-textlist.small-res .item.w-small{
		width: 33.3332%;
	}
}

.sc-textlist li{
	position: relative;
	list-style-type: none;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
	margin: 10px 0;
	min-height: 24px;
}
.sc-textlist.text-center li{
	justify-content: center;
	-webkit-justify-content: center;
}
.sc-textlist li > span{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}
.sc-textlist li.text-small.gap-none{
	margin: 0;
}
.sc-textlist li.text-normal{
	font-size: calc( 0.875rem + 0.25vw );
	line-height: 1.4;
}
.sc-textlist li.text-large{
	font-size: calc( 1rem + 0.6vw );
	line-height: 1.2;
}
.sc-textlist li.text-small{
	font-size: calc( 0.75rem + 0.1vw );
	line-height: 1.6;
	max-width: 80%;
}
@media (max-width: 1680px){
	.pc-mode .sc-textlist li.text-normal{
		font-size: calc(0.875rem + 0.25vw);
	}
	.pc-mode .sc-textlist li.text-large{
		font-size: calc(1rem + 0.4vw);
	}
	.pc-mode .sc-textlist li.text-small{
		font-size: 0.75rem;
	}
}

.sc-textlist.text-center li.text-small{
	margin: auto;
}
.sc-textlist li.gap-small{
	margin-bottom: calc( 10px + 0.4vw);
}
.sc-textlist li.gap-large{
	margin-bottom: calc( 20px + 0.6vw);
}

.ptsc li.weight-300,.ptsc li.weight-300 a{font-weight: 300;}
.ptsc li.weight-400,.ptsc li.weight-400 a{font-weight: 400;}
.ptsc li.weight-500,.ptsc li.weight-500 a{font-weight: 500;}
.ptsc li.weight-600,.ptsc li.weight-600 a{font-weight: 600;}
.ptsc li.weight-700,.ptsc li.weight-700 a{font-weight: 700;}
.ptsc li.weight-800,.ptsc li.weight-800 a{font-weight: 800;}
.ptsc li.weight-900,.ptsc li.weight-900 a{font-weight: 900;}


.sc-textlist .list-icon{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
.sc-textlist .list-icon i{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	text-align: center;
}

.sc-textlist .list-icon i:after{
	content: '';
	position: absolute;
	left: 0;right: 0;bottom: 0;top: 0;
	border-radius: 50%;
	border: 2px solid;
	margin: -3px;
	z-index: -1;
}


@media (max-width: 1279px){
	.sc-textlist .item.w-small{
		width: 50%;
	}
}


@media (max-width: 1024px){
	.sc-textlist .item{
		margin-bottom: 6vw;
	}
	.sc-textlist .item.w-normal{
		width: 50%;
	}
	.sc-textlist .item.w-large{
		width: 100%;
	}
}

@media (max-width: 768px){
	.sc-textlist .item.w-small,
	.sc-textlist .item.w-normal{
		width: 100%;
	}
	.sc-textlist li.text-normal{
		font-size: calc(0.875rem + 0.8vw);
	}
	.sc-textlist li.text-large{
		font-size: calc(1.2rem + 1.5vw);
	}
	.sc-textlist li.text-small{
		font-size: 0.875rem;
	}
}

/* $ images  ---------------------------------------------- */

.sc-images.boxed .wrap{
	max-width: 1380px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.sc-images .item{
	display: block;
}
.pc-mode .site-root .pt-viewport-target:not(.visible),
.pc-mode .site-root .pic-list .pt-viewport-target:not(.visible) + .text{
	opacity: 0 !important;
}


.sc-images.margin-normal .item{
	margin-bottom: 10vw;
}
.sc-images.margin-large .item{
	margin-bottom: 15vw;
}
.sc-images.margin-small .item{
	margin-bottom: 6vw;
}
/*reset ptsc common margin*/
.sc-images.margin-normal{
	margin-top: 10vw;
}
.sc-images.margin-large{
	margin-top: 15vw;
}
.sc-images.margin-small{
	margin-top: 6vw;
}


.sc-images .item.type-v{
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}
.sc-images.layout-01 .item{
	padding-right: 12%;
}
.sc-images.layout-01 .item:nth-child(2n+1){
	padding-left: 12%;
	padding-right: 0;
}
.sc-images.layout-01 .item.type-v{
	padding-right: 20%;
}
.sc-images.layout-01 .item.type-v:nth-child(2n+1){
	padding-left: 20%;
	padding-right: 0;
}

@media (max-width: 1024px){
	.sc-images.margin-normal .item{
		margin-bottom: 15vw;
	}
	.sc-images.margin-large .item{
		margin-bottom: 20vw;
	}
	.sc-images.margin-small .item{
		margin-bottom: 10vw;
	}
	/*reset ptsc common margin*/
	.sc-images.margin-normal{
		margin-top: 15vw;
	}
	.sc-images.margin-large{
		margin-top: 20vw;
	}
	.sc-images.margin-small{
		margin-top: 10vw;
	}
}

.pt-desktop .sc-images.caption-style-01 .caption{
	display: none;
}
.pt-mobile .sc-images.caption-style-01 .caption,
.sc-images.caption-style-02 .caption{
	position: relative;
	margin-top: 20px;
	font-size: 1.25rem;
	max-width: 540px;
	line-height: 1.5;
}
.pc-mode .sc-images.caption-style-02:not(.boxed) .caption{
	font-weight: inherit;
	font-size: calc(1.25rem + 0.4vw);
	margin-top: calc(20px + 1vw);
	max-width: 60%;
}

/* $ banner  ---------------------------------------------- */

.sc-banner .wrap{
	display: flex;
	align-items: center;
	flex-flow: wrap;
}
.sc-banner.overload .wrap{
	align-items: flex-start;
}
.sc-banner .img{
	width: 60%;
}
.sc-banner .inner-wrap{
	width: 40%;
	padding: 6vw;
}
.sc-banner.style-02 .img{
	order: 2;
}

.sc-banner h1.large{font-size: 2.8em;}
.sc-banner h1{font-size:2.6em}
.sc-banner h2{font-size:2.4em}
.sc-banner h3{font-size:2.2em}
.sc-banner h4{font-size:2em}
.sc-banner h5{font-size:1.8em}
.sc-banner h6{font-size:1.6em}

@media (max-width: 950px){
	.sc-banner h1.large{font-size: 1.8em;}
	.sc-banner h1{font-size:1.6em}
	.sc-banner h2{font-size:1.5em}
	.sc-banner h3{font-size:1.4em}
	.sc-banner h4{font-size:1.3em}
	.sc-banner h5{font-size:1.2em}
	.sc-banner h6{font-size:1.1em}
}


.sc-banner .intro{
	margin: calc(20px + 0.4vw) auto calc(20px + 1vw);
	font-size: calc( 0.875rem + 0.25vw );
	line-height: 1.8;
}

@media (max-width: 1680px){
	.pc-mode .sc-banner .intro{
		font-size: 0.875rem;
		line-height: 1.6;
	}
}

@media (max-width: 950px){
	.sc-banner .wrap{
		display: block;
	}
	.sc-banner .img{
		width: 100%;
	}
	.sc-banner .inner-wrap{
		width: 100%;
		padding: 10vw;
	}
}


/* $ photoWall -----------------------------------------------------------*/

.sc-photo-wall{
	margin-top: calc(80px + 10vw);
	padding: 3vw;
}
.sc-section-title + .sc-photo-wall{
	margin-top: 60px;
}

.sc-photo-wall.boxed .wrap{
	width: 80%;
	max-width: 1680px;
	margin-right: auto;
	margin-left: auto;
}

.sc-photo-wall .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(80px + 10vw);
}
.sc-photo-wall.boxed .item{
	margin-bottom: calc(50px + 8vw);
}


/*col 01*/
.sc-photo-wall .col-type-01 .sub-item{
	width: 45%;
}
/*col 02*/
.sc-photo-wall .col-type-02{
	justify-content: center;
}
.sc-photo-wall .col-type-02 .sub-item{
	width: 70%;
}
.sc-photo-wall .col-type-02.size-02 .sub-item{
	width: 50%;
}

/*size*/
.sc-photo-wall .col-type-01.size-02 .sub-item,
.sc-photo-wall .col-type-01.size-03 .sub-item:nth-child(2){
	width: 50%;
}
.sc-photo-wall .col-type-01.size-03 .sub-item,
.sc-photo-wall .col-type-01.size-04 .sub-item,
.sc-photo-wall .col-type-01.size-02 .sub-item:nth-child(2){
	width: 32%;
}

.sc-photo-wall .size-04{
	justify-content: space-around;
}

/*offset*/
/*02*/
.sc-photo-wall .offset-02,
.sc-photo-wall .offset-03{
	align-items: flex-start;
}
.sc-photo-wall .offset-02 .sub-item:nth-child(2),
.sc-photo-wall .offset-03 .sub-item:nth-child(1){
	margin-top: calc(80px + 5vw);
}


/*img*/
.sc-photo-wall.type-h .img{
	padding-top: 66%;
}
.sc-photo-wall.type-v .img{
	padding-top: 136%;
}
.sc-photo-wall.type-s .img{
	padding-top: 100%;
}

.sc-photo-wall .text{
	position: relative;
	margin-top: calc(20px + 1vw);
	width: 80%;
	min-width: 240px;
}
.sc-photo-wall.text-style-01 .text{
	display: none;
}
.sc-photo-wall .text p{
	max-width: 70%;
	font-size: 1rem;
	line-height: 1.6;
	opacity: 0.8;
}
.sc-photo-wall.text-style-02 .col-type-02 p{
	font-size: calc( 0.875rem + 0.25vw );
}
.sc-photo-wall .sub-item:hover p{
	opacity: 1;
}
.sc-photo-wall.text-style-03 .text p{
	font-size: calc( 1rem + 0.4vw );
	line-height: 1.4;
	max-width: none;
}
.sc-photo-wall.text-style-03 .col-type-01.size-03 .sub-item:nth-child(1) p,
.sc-photo-wall.text-style-03 .col-type-01.size-02 .sub-item:nth-child(2) p,
.sc-photo-wall.text-style-03 .col-type-01.size-04 p{
	font-size: calc( 1rem + 0.15vw );
}

.sc-photo-wall .pt-num{
	top: -15px;
	font-size: 12px;
}


/*link*/
.ptsc.lightbox a.full ~ .iv-link,
.sc-gallery.lightbox a.custom-link{
	position: absolute;
	right: 20px;
	top: 20px;
	bottom: auto;
	left: auto;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	background: rgba(16,17,18,.8);
	color: #fff !important;
	font-family: 'pt-icons';
	text-align: center;
	font-size: 16px;
	opacity: 0;
	cursor: pointer;
	z-index: 1000;
}
.sc-gallery.lightbox a.custom-link:before{
	content: '\e919';
}
.ptsc.lightbox a.full ~ .iv-link:before{
	content: '\e90d';
}
.pt-mobile .ptsc.lightbox a.full ~ .iv-link,
.sc-carousel .item:hover  a.full ~ .iv-link,
.sub-item:hover a.full ~ .iv-link,
.pt-mobile .sc-gallery.lightbox a.custom-link,
.sc-gallery.lightbox .inner-wrap:hover a.custom-link{
	opacity: 1;
}
.pt-desktop .ptsc.lightbox a.full ~ .iv-link:hover,
.pt-desktop .sc-gallery.lightbox a.custom-link:hover{
	opacity: 0.7;
}

@media (max-width: 768px){
	.sc-photo-wall{
		padding: 0 !important;
	}
	.sc-photo-wall .pt-num{
		font-size: 10px;
		right: auto;
	}
	.sc-photo-wall .text p{
		max-width: 100%;
		font-size: 0.75rem !important;
	}
	.sc-photo-wall .text{
		min-width: 0;
		width: 90%;
	}
	.sc-photo-wall .col-type-01.size-03 .sub-item,
	.sc-photo-wall .col-type-01.size-04 .sub-item,
	.sc-photo-wall .col-type-01.size-02 .sub-item:nth-child(2){
		width: 40%;
	}
	.ptsc.lightbox a.full ~ .iv-link,
	.sc-gallery.lightbox a.custom-link{
		right: 10px;top: 10px;
	}
}


/* $ progress -----------------------------------------------------------*/

.sc-progress{
	padding: 3vw 0;
}
.sc-progress .wrap{
	margin-left: auto;
	margin-right: auto;
}
.sc-progress .item{
	display: flex;
	flex-flow: wrap;
	font-size: calc( 0.875rem + 0.25vw );
}
.sc-progress .item:not(:last-child){
	margin-bottom: 40px;
}
.bar-wrap{
	order: 2;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	height: 64px;
	background: rgba(255,255,255,.1);
}
.site-light .bar-wrap{
	background: rgba(21,22,26,.05);
}
.sc-progress .progress-bar{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #666;
}
.site-light .sc-progress .progress-bar{
	background: #c1c2c6;
}
.progress-bar .number{
	position: absolute;
	right: 100px;top: 0;
	line-height: 64px;
	font-size: 30px;
	color: #fff;
	opacity: 0;
}
.progress-bar.show .number{
	right: 20px;
	opacity: 1;
}
.progress-bar .number span{
	padding: 0 4px;
}

@media (max-width: 1024px){
	.sc-progress .item{
		font-size: 1.125rem;
	}
	.bar-wrap{
		height: 44px;
	}
	.progress-bar .number {
		line-height: 44px;
		font-size: 20px;
	}
	.sc-progress .item:not(:last-child){
		margin-bottom: 30px;
	}
}


/* $ faq -----------------------------------------------------------*/

.sc-faq{
	padding: 3vw 0;
}
.sc-faq + .sc-progress,
.sc-progress + .sc-faq{
	padding-top: 0;
}
.sc-faq .wrap{
	margin-left: auto;
	margin-right: auto;
}
.sc-faq .item{
	display: block;
}
.sc-faq .item:not(:last-child){
	padding-bottom: 30px;
}

.sc-faq .inner-wrap{
	border: 2px solid rgba(255,255,255,.2);
	transition: border 0.2s;
	border-radius: 8px;
}
.sc-faq .item:not(.open):hover .inner-wrap{
	border-color: rgba(255,255,255,.4);
}
.sc-faq .item.open .inner-wrap{
	border-color: rgba(255,255,255,1);
}


.site-light .sc-faq .inner-wrap{
	border-color: rgba(21,22,26,.1);
}
.site-light .sc-faq .item:not(.open):hover .inner-wrap{
	border-color: rgba(21,22,26,.2);
}
.site-light .sc-faq .item.open .inner-wrap{
	border-color: rgba(21,22,26,1);
}



.sc-faq .item .title{
	font-size: calc(1rem + 0.6vw);
	cursor: pointer;
	padding: 30px;
	padding-right: 80px;
	border-bottom: 1px solid transparent;
}
.sc-faq .item.open .title{
	border-color: rgba(166,166,166,.2);
}
.sc-faq .text-area{
	display: none;
	padding: 44px 50px;
	white-space: pre-line;
	font-size: calc( 0.875rem + 0.25vw );
}

.sc-faq .item .title:before{
	content: '\e903';
	position: absolute;
	height: 30px;
	line-height: 30px;
	top: 50%;
	right: 30px;
	margin-top: -15px;
	font-family: 'pt-icons';
	font-size:24px;
}
.sc-faq .item.open .title:before{
	transform: rotate(180deg);
}
@media (max-width: 768px){
	.sc-faq .item .title{
		padding: 4%;
		padding-right: 50px;
	}
	.sc-faq .text-area{
		padding: 5.5% 6%;
		padding-top: 2%;
	}
	.sc-faq .item:not(:last-child){
		padding-bottom: 20px;
	}
	.sc-faq .item .title:before{
		right: 10px;
	}
}



/* $ carousel -----------------------------------------------------------*/

.sc-carousel{
	padding: 6vw 0;
}
.sc-carousel .wrap{
	position: relative;
	padding-top: 4vw;
	font-size: 0;
	overflow: hidden;
	z-index: 6;
}
.sc-carousel .ptsc-inner-title,
.sc-progress .ptsc-inner-title,
.sc-faq .ptsc-inner-title{
	margin: 0 auto 6vh;
	display: flex;
}
.sc-carousel .ptsc-inner-title .pt-h,
.sc-progress .ptsc-inner-title .pt-h,
.sc-faq .ptsc-inner-title .pt-h{
	width: 50%;
	font-size: calc( 26px + 1.6vw );
	padding-right: 10%;
}
.sc-carousel .ptsc-inner-title .sub-title,
.sc-progress .ptsc-inner-title .sub-title,
.sc-faq .ptsc-inner-title .sub-title{
	width: 50%;
	font-size: calc( 0.875rem + 0.25vw );
}

.sc-carousel .ptsc-inner-title{
	margin-bottom: 0;
}
.m-mode .sc-carousel .ptsc-inner-title{
	padding: 0 6vw;
}

@media (max-width: 768px){
	.sc-carousel .ptsc-inner-title .pt-h,
	.sc-progress .ptsc-inner-title .pt-h,
	.sc-faq .ptsc-inner-title .pt-h{
		width: 100%;
		margin-bottom: 4vw;
	}
	.sc-carousel .ptsc-inner-title,
	.sc-progress .ptsc-inner-title,
	.sc-faq .ptsc-inner-title{
		display: block;
	}
	.sc-carousel .ptsc-inner-title .sub-title,
	.sc-progress .ptsc-inner-title .sub-title,
	.sc-faq .ptsc-inner-title .sub-title{
		width: 90%;
	}
	.sc-carousel{
		padding-top: 12vw;
	}

}

/*item*/
.sc-carousel .item{
	width: auto;
	padding: 1.2vw;
}
/*gap*/
.sc-carousel.gap-large .item{
	padding: 2.5vw;
}
.sc-carousel.gap-small .item{
	padding: 10px;
}
.sc-carousel.gap-none .item{
	padding: 0;
}

.sc-carousel.image-small .item{
	height: 18vw;
}
.sc-carousel.image-normal .item{
	height: 25vw;
}
.sc-carousel.image-large .item{
	height: 32.5vw;
}

.sc-carousel .swiper-wrapper{
	align-items: center;
}
.sc-carousel .img{
	height: 100%;
	overflow: visible;
	font-size: 0;
}
.sc-carousel.caption-style-01 .pt-num{
	left: 0;
	right: auto;
	top: -30px;
	opacity: 0;
}
.sc-carousel.caption-style-01 .item:hover .pt-num{
	opacity: 1;
}
.sc-carousel.caption-style-02 .pt-num{
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	letter-spacing: 0;
	margin-right: 4px;
}

.sc-carousel .caption{
	display: none;
}
.sc-carousel.caption-style-02 .caption{
	position: absolute;
	display: block;
	line-height: 30px;
	left: 30px;
	top: 0;
	padding: 0 12px;
	color: #010206;
	font-size: 14px;
	opacity: 0;
	z-index: 90;
}
.sc-carousel.caption-style-02 .caption:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #fff;
	z-index: -1;
}
.sc-carousel.caption-style-02 .img:hover .caption{
	top: 30px;
	opacity: 1;
}
.sc-carousel.caption-style-02 .img:hover .caption:after{
	width: 100%;
	left: 0;
	right: auto;
}

.swiper-pagination-progressbar{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 160px;
	margin-left: -80px;
	margin-bottom: 25px;
	height: 2px;
	z-index: 9;
}

.swiper-pagination-progressbar span{
	position: absolute;
	left: 0;top: 0;
	width: 100%;
	height: 100%;
	transform-origin: left top;
}

.swiper-pagination-progressbar,
.site-light .pt-color-invert .swiper-pagination-progressbar{
	background: rgba(255,255,255,.1);
}
.swiper-pagination-progressbar span,
.site-light .pt-color-invert .swiper-pagination-progressbar span{
	background: rgba(255,255,255,.4);
}

.site-light .swiper-pagination-progressbar,
.site-dark .pt-color-invert .swiper-pagination-progressbar{
	background: rgba(11,12,16,.1);
}
.site-light .swiper-pagination-progressbar span,
.site-dark .pt-color-invert .swiper-pagination-progressbar span{
	background: rgba(11,12,16,.4);
}

@media (max-width: 1280px){
	.sc-carousel.image-large .item{
		height: 32vw;
	}
	.pt-num{
		font-size: 12px;
	}
	.sc-carousel.caption-style-02 .caption{
		line-height: 24px;
		left: 20px;
		font-size: 12px;
		padding: 0 8px;
	}
	.sc-carousel.caption-style-02 .img:hover .caption{
		top: 20px;
	}
	.m-mode .sc-carousel.caption-style-02 .caption{
		top: auto !important;
		left: 10px;
		bottom: 10px;
		opacity: 1;
		color: #fff !important;
	}
	.m-mode .sc-carousel.caption-style-02 .caption:after{
		width: 100%;
		background: rgba(1,2,6,.5) !important;
	}
}

@media (max-width: 768px){
	.sc-carousel .pt-num{
		display: none;
	}
	.sc-carousel.caption-style-02 .caption{
		font-size: 10px;
	}
	.sc-carousel.image-small .item{
		height: 20vw;
	}
	.sc-carousel.image-normal .item{
		height: 30vw;
	}
	.sc-carousel.image-large .item{
		height: 40vw;
	}
}


/* $ textCarousel -----------------------------------------------------------*/

.ptsc-inner-title{
	position: relative;
	z-index: 10;
}

.sc-text-carousel{
	display: flex;
	align-items: baseline;
	flex-flow: wrap;
	overflow: hidden;
	padding-bottom: 6vw;
}
.pc-mode .sc-text-carousel .wrap{
	padding-left: 40px;
}
.sc-text-carousel.has-bg{
	padding-top: 6vw;
}
.sc-text-carousel .wrap{
	position: relative;
	width: 70%;
	overflow: hidden;
	z-index: 6;
}
.special-off .sc-text-carousel .wrap{
	padding-left: 4vw;
}

@media (max-width: 1440px){
	.sc-text-carousel .wrap{
		width: 90%;
	}
}
.m-mode .sc-text-carousel .wrap{
	width: 100%;
}

.sc-text-carousel .inner-wrap,
.sc-text-carousel .part-01{
	display: flex;
	align-items: center;
	flex-flow: wrap;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
}
.sc-text-carousel .inner-wrap{
	justify-content: center;
	align-content: center;
	padding: 4vw 10vw 4vw 3px;
	font-size: 0.5em;
}
.m-mode .sc-text-carousel .inner-wrap{
	padding: 8vw 0 0 0;
}
.sc-text-carousel .part-02{
	width: 100%;
}
.sc-text-carousel .part-01{
	position: relative;
	width: 100%;
	padding-top: 4vh;
	order: 2;
}
.sc-text-carousel .part-01 img{
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 50%;
}
.m-mode .sc-text-carousel .part-01 img{
	width: 8vw;
	height: 8vw;
}

.sc-text-carousel .intro{
	font-size: calc( 1rem + 0.6vw );
}
.sc-text-carousel .inner-wrap h5{
	font-size: calc( 0.875rem + 0.15vw );
}
.sc-text-carousel .inner-wrap .sub-title{
	font-size: 0.875rem;
}



/*swipe*/
.sc-text-carousel .swiper-pagination{
	text-align: left;
}
.sc-text-carousel .swiper-pagination-fraction{
	position: absolute;
	top: 4vw;
	left: auto;
	z-index: 10;
}
.sc-text-carousel.has-bg .swiper-pagination-fraction{
	top: 7vw;
}
.swiper-pagination.swiper-pagination-fraction{
	font-size: 14px;
}


/*nav of swiper*/
.swiper-btn-wrap{
	position: absolute;
	left: 3px;
	bottom: 0;
	font-size: 0;
	padding-bottom: 4px;
	z-index: 9;
}
.sc-text-carousel .swiper-btn-wrap{
	position: relative;
}
.m-mode .swiper-btn-wrap{
	position: relative;
	margin-top: 6vw;
}
.swiper-btn-wrap > div{
	position: relative;
	display: inline-block;vertical-align: top;
	width: 44px;
	height: 44px;
	line-height: 40px;
	font-family: 'pt-icons';
	font-size: 20px;
	color: #fff;
	border:2px solid #fff;
	text-align: center;
	cursor: pointer;
}
.swiper-btn-wrap:not(.box) > div{
	border-radius: 50%;
}
.swiper-btn-wrap > div:after{
	content: '';
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	z-index: -1;
}
.swiper-btn-wrap:not(.box) > div:after{
	margin: -4px;
	border-radius: 50%;
}
.swiper-btn-wrap:not(.box) > div:not(:hover):after{
	transform: scale(0);
	opacity: 0;
}
.swiper-btn-wrap:not(.box) .swiper-prev{
	margin-right: 10px;
}
.swiper-prev:before{
	content: '\e5c4';
}
.swiper-next:before{
	content: '\e5c8';
}


.swiper-btn-wrap:not(.box) > div:hover{
	border-color: transparent;
}
.swiper-btn-wrap > div,
.site-light .pt-color-invert .swiper-btn-wrap > div{
	border-color: #fff;
	color: #fff;
}
.site-light .swiper-btn-wrap > div,
.site-dark .pt-color-invert .swiper-btn-wrap > div{
	border-color: #111216;
	color: #111216;
}

.swiper-btn-wrap > div:hover,
.site-light .pt-color-invert .swiper-btn-wrap > div:hover{
	color: #111216;
}
.site-light .swiper-btn-wrap > div:hover,
.site-dark .pt-color-invert .swiper-btn-wrap > div:hover{
	color: #fff;
}
.swiper-btn-wrap > div:after,
.site-light .pt-color-invert .swiper-btn-wrap > div:after{
	background: #fff;
}

.site-light .swiper-btn-wrap > div:after,
.site-dark .pt-color-invert .swiper-btn-wrap > div:after{
	background: #111216;
}

.sc-carousel .swiper-btn-wrap{
	position: relative;
	left: 0;
	margin-top: 30px;
	text-align: center;
}
.sc-carousel .swiper-prev{
	left: -80px;
}
.sc-carousel .swiper-next{
	left: 80px;
}
.sc-carousel .swiper-btn-wrap > div{
	margin: 0;
	border-color: transparent !important;
}
.sc-carousel .swiper-btn-wrap > div:after{
	margin: 4px;
}


/* $ slider -----------------------------------------------------------*/

.sc-slider{
	overflow: hidden;
}
.sc-slider > .wrap{
	position: relative;
	width: 100%;
	height: 100%;
}
.sc-slider.only-one > .wrap{
	cursor: default !important;
}
.sc-slider .item{
	display: block;
	width: 100%;
	height: 100%;
	background: #010206;
}
.sc-slider.mode-fade .item:not(.swiper-slide-active),
.sc-slider.mode-fade .item:not(.swiper-slide-active) a.btn{
    pointer-events: none;
}
.sc-slider .img{
	height: 100%;
	width: 100%;
	z-index: 1;
}
.sc-slider .text{
	pointer-events: none;
	position: absolute;
	max-width: 50%;
	min-width: 280px;
	left: 0;
	bottom: 0;
	padding: 0 0 7% calc(20px + 7%);
	perspective: 800px;
	z-index: 11;
}
.pc-mode .sc-slider.boxed .text{
	padding: 0 0 6% 6%;
}
.m-mode .sc-slider .text{
	padding: 0 0 7% 7%;
	min-width: 0;
}
.sc-slider .item.text-large .text{
	max-width: 70%;
}

.sc-slider .slider-title{
	transform: rotateX(80deg);
	opacity: 0;
	transition: transform 0s 0.6s,opacity 0s 0.6s,top 0s 0.6s;
}
.sc-slider .item.text-small .slider-title{
	font-size: calc( 0.75rem + 2vw);
}
.sc-slider .item .slider-title{ /*normal*/
	font-size: calc( 1.125rem + 3.5vw);
}
.sc-slider .item.text-large .slider-title{
	font-size: calc( 30px + 5vw);
	line-height: 1;
}

.sc-slider .sub-title{
	position: relative;
	top: -10px;
	opacity: 0;
	font-size: calc( 0.875rem + 0.25vw );
	line-height: 1.4;
	margin-bottom: 10px;
	font-style: italic;
	transition: opacity 0.4s 0.8s,top 0.4s 0.8s,transform 0.4s 0.8s;
}
.pc-mode .sc-slider .sub-title{
	font-size: calc( 0.875rem + 0.6vw );
}
.swiper-slide:not(.text-show) .sub-title{
	transform: translateY(10px);
	opacity: 0 !important;
}

.sc-slider .swiper-slide.text-show .sub-title{
	opacity: 1;
	top: 0;
}
.sc-slider .has-btn:not(.swiper-slide-duplicate-active) .slider-title{
	top: 78px;
}

.sc-slider .swiper-slide.text-show .slider-title{
	transform:rotateX(0deg);
	transition: transform 0.6s,opacity 0.6s,top 0.6s 0.4s;
	top: 0;
	opacity: 1;
}

/*btn style*/
.sc-slider a.btn{
	margin-top: calc(24px + 0.8vw);
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.4s 0.6s,padding 0.3s,color 0.3s;
	pointer-events: auto;
}
.sc-slider .item.text-show a.btn{
	transform: translateY(0%);
	opacity: 1;
}

/*for swiper edge style*/
.sc-slider.disable-transition .slider-title,
.sc-slider.disable-transition .sub-title,
.sc-slider.disable-transition a.btn{
	transition: none !important;
}

.sc-slider .swiper-button-disabled{
	opacity: 0.6;
	pointer-events: none;
}

/*for swiper style*/
.sc-slider .swiper-pagination.swiper-pagination-bullets{
	text-align: left;
	width: auto;
	left: auto;
	right: 0;
	bottom: 0;
	padding: 0 calc(3vw + 40px) calc(3vw + 10px) 0;
}
.m-mode .sc-slider .swiper-pagination.swiper-pagination-bullets{
	right: 0;
	bottom: 0;
	padding: 3%;
}



@media (max-width: 1280px){
	.sc-slider a.btn{
		margin-top: 20px;
	}
}

@media (max-width: 768px){
	.sc-slider a.btn{
		border-width: 2px;
	}
	.sc-slider .text{
		max-width:80%;
	}
	.sc-slider .item .slider-title{ /*normal*/
		font-size: calc( 1.125rem + 2.5vw);
	}
	.sc-slider .item.text-large .slider-title{
		font-size: calc( 20px + 4vw);
	}
}

.m-mode .mobile-list .swiper-wrapper{
	transform: translate3d(0,0,0) !important;
	display: block !important;
}
.m-mode .mobile-list .swiper-slide-duplicate,
.m-mode .mobile-list .swiper-pagination.swiper-pagination-bullets{
	display: none;
}
.m-mode .mobile-list .swiper-slide .slider-title {
	transform: rotateX(0deg);
	transition: transform 0.6s,opacity 0.6s,top 0.6s 0.4s;
	top: 0;
	opacity: 1;
}
.m-mode .mobile-list .item a.btn {
	transform: translateY(0%);
	opacity: 1;
}


/*$ map ------------------------------------------------------------------------ */

.sc-map{
	position: relative;
	height: calc(100px + 26vw);
}
.sc-map.h-small{
	height: calc(100px + 16vw);
}
.sc-map.h-large{
	height: calc(100px + 36vw);
}


.map-container{
	width: 100%;
	height: 100%;
}
.gm-style-mtc,
.gm-style-cc,
.gm-style>div:first-child+div>a>div>img,
.gm-style a[target="_blank"][href*="maps.google.com/maps?"] > div > img{
	display: none;
}
.map-container > div{
	background-color: transparent !important;
}


/* $ footer & social ------------------------start------------------------start------------------------start------------------------start------------------------ */

.pt-footer{
	position: relative;
	z-index: 99;
}
.pt-footer > .wrap{
	position: fixed;
	left: 3vw;
	bottom: 3vw;
}

.pt-social{
	font-size: 0;
	margin-top: 4px;
}
.pt-social li{
	position: relative;
	list-style-type: none;
	margin: 0 6px 6px 0;
}
.copyright{
	position: relative;
}
footer .pt-social li{
	margin: 0;
}
.pt-social em{
	font-style: normal;
}
.pt-popup .pt-social em,
.pt-popup-widgets .copyright p,
.ptsc .pt-social em,
footer.style-01 .pt-social em,
footer.style-04 .pt-social em,
footer:not(.style-02):not(.style-04) .copyright p,
footer:not(.style-02) .pt-popup-btn > em{
	position: absolute;
	left: 60%;
	top: 50%;
	margin: -17px 0 0 -1px;
	line-height: 1;
	background: #e1e2e6;
	color: #111216;
	padding: 10px;
	visibility: hidden;
	pointer-events: none;
	border-radius: 20px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	z-index: 4;
}
footer.style-04 .pt-social em,
.pt-popup .text > .pt-social em,
.ptsc .pt-social em{
	left: 0;
	top: auto;
	bottom: 120%;
}
footer:not(.style-02):not(.style-04) .copyright a{
	color: #000;
}
.copyright a{
	text-decoration: underline;
}
.pt-popup .pt-social a:hover em,
.ptsc .pt-social a:hover em,
footer.style-01 .pt-social a:hover em,
footer.style-04 .pt-social a:hover em,
footer:not(.style-02):not(.style-04) .copyright:hover p,
.pt-popup-widgets .copyright:hover p,
footer:not(.style-02):not(.style-04) .pt-popup-btn:hover > em{
	opacity: 1;
	visibility: visible;
	left: 100%;
}
footer.style-04.has-custom-footer .pt-social a:hover em,
.pt-popup .text > .pt-social a:hover em,
.ptsc .pt-social a:hover em{
	left: 0px;
}

footer:not(.style-02):not(.style-04) .copyright:hover p,
.pt-popup-widgets .copyright p{
	pointer-events: auto;
}
footer.style-01 .pt-social em:before,
.pt-popup-widgets .pt-social em:before,
.pt-popup-widgets .copyright p:before,
footer:not(.style-02):not(.style-04) .copyright p:before,
footer:not(.style-02):not(.style-04) .pt-popup-btn:hover > em:before{
	content: '';
	position: absolute;
	top: 50%;
	left: -4px;
	margin-top: -6px;
	border-left: none;
	border-bottom: 6px solid transparent !important;
	border-top: 6px solid transparent !important;
	border-right: 6px solid #e6e7ed;
}

footer.style-04 .pt-social em:before,
.pt-popup .text > .pt-social em:before,
.ptsc .pt-social em:before{
	content: '';
	position: absolute;
	top: 99%;
	left: 18px;
	border-bottom: none;
	border-left: 6px solid transparent !important;
	border-right: 6px solid transparent !important;
	border-top: 6px solid #e6e7ed;
}
footer.style-01 .pt-social a,
.icon[class*="pt-"],
footer:not(.style-02):not(.style-04) i.call-copyright,
.pt-popup-widgets .pt-social a,
.pt-popup-widgets i.call-copyright{
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	text-align: center;
}
.btn.call-copyright{
	cursor: default;
	margin-left: 2px;
}
footer.style-01 .pt-social a{
	margin: 2px;
}
.pt-social a i{
	position: relative;
	display: block;
	font-size: 14px;
}
.pt-social a i.icon:before{
	font-family: 'pt-icons2';
}
.call-copyright{
	font-size: 14px;
}
footer .pt-social a:hover,
footer .pt-social a:hover .icon:before{
	color: #fff;
}

.call-copyright:before{
	content: "\e922";
	font-family: 'pt-icons2';
}
.icon.pt-dribbble:before{
	content: '\e913';
}
.icon.pt-facebook:before{
	content: "\ea90";
}
.icon.pt-pinterest:before{
	content: "\e90e";
}
.icon.pt-flickr:before{
	content: "\e90c";
}
.icon.pt-instagram:before{
	content: "\e90b";
}
.icon.pt-threads:before{
	font-family: 'Font Awesome 6 Brands' !important;
	content: "\e618";
}
.icon.pt-linkedin:before{
	content: "\e909";
}
.icon.pt-whatsapp:before{
	content: "\e907";
}
.icon.pt-behance:before{
	content: "\e906";
}
.icon.pt-tumblr:before{
	content: "\e90d";
}
.icon.pt-vimeo:before{
	content: "\e905";
}
.icon.pt-youtube:before{
	content: "\e904";
}
.icon.pt-envelope:before{
	content: "\e903";
}

/*footer style 02 */

footer.style-02 > .wrap > div:not(.pt-popup-btn){
	display: none;
}
/*footer style 03*/
footer.style-03 .copyright{
	text-align: center;
}
footer.style-03 > .wrap{
	width: 40px;
}
footer.style-03 .pt-social{
	transform: rotate(-90deg);
	transform-origin: top left;
	white-space: nowrap;
}
footer.style-03 .pt-social li{
	display: inline-block;
	margin-right: 30px;
}
footer.style-03 .pt-social a i{
	display: none;
}
footer.style-03 .pt-social a em{
	display: inline-block;
	line-height: 40px;
	font-size: 1.125rem;
	font-style: normal;
	color: #fff;
	transition: color 0.2s;
}
footer.style-03 .pt-social a:hover em{
	text-decoration: underline;
}
.site-light footer.style-03 .pt-social a em{
	color: #111216;
}

.non-copyright .copyright,
.pt-popup > .copyright .btn{
	display: none;
}
.pt-popup > .copyright{
	position: fixed;
	height: 100%;
	width: 30px;
	top: 0;
	right: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 4;
}
.pt-popup > .copyright p{
	transform: rotate(90deg);
	white-space: nowrap;
	font-size: 1rem;
}
.pt-popup.for-footer .text .copyright{
	font-size: 1.35rem;
}

.m-mode .pt-footer > .wrap{
	display: none;
}


/*footer custom content*/

.pt-footer-content{
	position: relative;
	margin-top: calc(40px + 2vw);
	margin-bottom: calc(40px + 2vw);
	font-size: calc( 0.875rem + 0.25vw );
}

.pt-code-container .custom-code{
	margin-right: -40px;
	margin-left: -40px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.pt-code-container .text-center{
	text-align: center;
}
.custom-code.text-center{
	justify-content: center;
}

.pt-footer-content .footer-wrap-for-04{
	display: flex;
	align-items: center;
	flex-flow: wrap;
	justify-content: space-between;
	margin-top: 40px;
	padding: 40px 0px;
	line-height: 40px;
}
.footer-wrap-for-04 .pt-social{
	position: relative;
	margin-left: -6px;
	margin-right: -6px;
}
.footer-wrap-for-04.text-center{
	justify-content: center;
	text-align: center;
	margin-top: 0;
}

.footer-wrap-for-04 .pt-social li{
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
}
.footer-wrap-for-04 .pt-social .icon{
	font-size: 18px;
}
footer.style-04 .copyright{
	margin: 0 0 0 40px;
}
footer.style-04 .call-copyright,
footer.style-04 .call-social{
	display: none;
}

.footer-wrap-for-04.text-center > div{
	width: 100%;
	margin: 20px 0;
}
.pt-code-container .text-large{
	font-size: calc( 1rem + 0.4vw );
}

/*footer custom basic style*/
.pt-code-container img{
	max-width: 100%;
}
.pt-code-container div[class*="col-"]{
	flex-shrink: 0;
	padding: 40px;
	line-height: 1.8;
}
.pt-code-container div[class*="col-"] .title{
	margin-bottom: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	
}
.pt-code-container div[class*="col-"] .title:after{
	content: '';
	position: absolute;
	left: 0;bottom: 0;
	height: 2px;
	width: 100%;
	border-bottom: 2px solid;
	opacity: 0.2;
}

.pt-footer-content li{
	list-style-type: none;
}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9  {width: 75%;}
.col-8  {width: 66.66666667%;}
.col-7  {width: 58.33333333%;}
.col-6  {width: 50%;}
.col-5  {width: 41.66666667%;}
.col-4  {width: 33.33333333%;}
.col-3  {width: 25%;}
.col-2  {width: 16.66666667%;}
.col-1  {width: 8.33333333%;}

@media (max-width:1680px){
	footer.style-03 .pt-social a em{
		font-size: 1rem;
	}
}

@media (max-width:1024px){

	.col-11,.col-10,.col-9,.col-8,.col-7,.col-6{width: 100%;}

	.col-5,.col-4,.col-3,.col-2,.col-1{width: 50%;}

	.pt-footer-content{
		padding: 0;
	}
	.pt-code-container div[class*="col-"]{
		padding: 3vw;
	}
	.pt-code-container .custom-code {
		margin-right: -3vw;
		margin-left: -3vw;
	}
	.footer-wrap-for-04 .pt-social li{
		margin: 0 4px 0 0;
	}
	.pt-footer-content .footer-wrap-for-04{
		display: block;
	}
	.pt-footer-content{
		font-size: 1rem;
	}

}

@media (max-width:768px){
	.col-5,.col-4,.col-3,.col-2,.col-1{width: 100%;}
	footer.style-04 .copyright{
		margin: 40px 0 0 0;
	}
}

/* $ popup  --------------------------------start--------------------------------start--------------------------------start--------------------------------start */

/*part of different -------- */
	/*base*/
	.pt-popup-btn{
		position: relative;
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	footer.style-03 .pt-popup-btn{
		justify-content: center;
	}
	.pt-popup-btn .call-popup{
		display: inline-block;
		vertical-align: top;
		width: 36px;
		height: 36px;
		line-height: 32px;
		text-align: center;
		font-size: 14px;
		border-radius: 50px;
		border: 2px solid rgba(166,166,166,.3);
	}
	body.use-pt-popup footer.style-02 .pt-popup-btn em{
		padding-left: 4px;
	}
	.pt-popup-btn > em{
		font-style: normal;
	}
	.pt-popup-btn .call-popup:before{
		font-family: 'pt-icons2';
		content: "\e92c";
	}
	.pt-popup-btn.icon-style-02 .call-popup:before{
		content: "\e919";
	}

	/*custom*/
	footer.style-02 .pt-popup-btn{
		z-index: 2;
	}
	body.use-pt-popup footer.style-02 .pt-popup-btn{
		transform: rotate(90deg) translateX(-100%);
		transform-origin: left bottom;
	}
	body.use-pt-popup footer.style-02 .pt-popup-btn > i{
		transform: rotate(-90deg);
	}
	footer.style-02 .pt-popup-btn > em{
		position: relative;
		color: #fff;
		text-transform: uppercase;
	}
	.site-light footer.style-02 .pt-popup-btn > em{
		color: #010206;
	}
	.pt-popup-widgets{
		position: fixed;
		width: 36px;
		left: 3vw;
		bottom: 3vw;
		margin-bottom: 50px;
		font-size: 1rem;
		transition: all 0.4s;
		opacity: 0;
		z-index: 10;
	}
	.pt-popup.show .pt-popup-widgets{
		opacity: 1;
	}
	.pt-popup.temp .pt-popup-widgets{
		opacity: 0;
	}
	.pt-popup-widgets .pt-social li{
		margin: 0;
	}
	.pt-popup-widgets .pt-social li a{
		margin: 2px;
	}
	.pt-popup  .text > .pt-social li{
		margin: 5px;
		display: inline-block;vertical-align: top;
	}
	.pt-popup.for-footer .pt-social{
		margin-bottom: 50px;
	}
	.pt-popup.for-footer .call-copyright{
		display: none;
	}

	.pt-popup.for-footer .text{
		text-align: center;
	}

	body:not(.use-pt-popup) footer .pt-popup-btn:not(.clone){
		display: none;
	}

	footer.style-02 .pt-popup-btn.clone .btn:hover{
		transform: scale(1.1);
	}

	.pt-popup.for-search:before{
		background: rgba(11,12,16,.75);
	}
	.site-light .pt-popup.for-search input{
		color:#fff;
	}

	.pt-popup.for-search.mini > .wrap{
		background: transparent;
		max-width: 1000px;
		padding: 4vw;
	}
	.pt-popup.for-search .wrap input.search{
		height: calc(24px + 2vw);
		font-size: calc( 1rem + 0.4vw );
		background-color: #fff !important;
		color: #111;
		padding-left: calc(15px + 1vw);
		box-shadow: none !important;
		border-radius: 100px !important;
		font-weight: 400;
	}
	.search-tips{
		font-size: 1rem;
		font-weight: 500;
		opacity: 0.5;
		margin-top: 20px;
		text-align: center;
		opacity: 0;
		color: #fff;
		position: relative;
		top: 50px;
		transition: all 0.4s 0.5s;
	}
	.pt-popup.show .search-tips{
		opacity: 0.5;
		top: 10px;
	}
	.pt-popup form[role="search"]{
		display: block;
	}
	.pt-popup .search-btn,
	.pt-popup form[role="search"]:after{
		position: absolute;
		height: calc(16px + 1.6vw);
		width: calc(16px + 1.6vw);
		line-height: calc(16px + 1.6vw);
		right: calc(4px + 0.2vw);
		top: calc(4px + 0.2vw);
		text-align: center;
		font-size: 0;
		color: #fff;
		z-index: 4;
	}
	.pt-popup .search-btn{
		z-index: 5;
		border:none !important;
	}
	.pt-popup form[role="search"]:after{
		content: '\e917';
		font-family: 'pt-icons2';
		font-size: calc( 0.875rem + 0.2vw );
		color: #fff;
		transition: all 0.2s;
		border-radius: 50px;
		opacity: 0;
	}
	.pt-popup.show form[role="search"]:after{
		transition: all 0.2s,opacity 0.5s 0.2s;
		opacity: 1;
	}
	.pt-popup .widget_shopping_cart_content{
		font-size: 16px;
	}

/*part of different ------- end */

.pt-popup{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	padding: 4vw 0;
	font-size: 0;
	overflow: auto;
	text-align: center;
	z-index: 999;
}
.pt-popup:after{
	content: '';
	display: inline-block;vertical-align: middle;
	height: 100%;
	width: 0;
}
.pt-popup.show{
	display: block;
}
/*click elements*/
.pt-popup .bg,
.pt-popup:before{
	position: absolute;
	left: 0;top: 0;right: 0;
	cursor: url(data/images/close.png) 12 12, pointer;
	opacity: 0;
	z-index: 2;
}
.pt-popup:before{
	pointer-events: none;
}
.pt-popup:before{
	content: '';
	position: fixed;
	bottom: 0;
	background: rgba(11,12,16,.6);
	cursor: default;
	transition: all 0.4s;
	z-index: 1;
}
.pt-popup.show:not(.temp):before{
	opacity: 1;
}
.pt-popup.show.temp .copyright{
	opacity: 0;
}

i.close-pt-popup{
	position: fixed;
	bottom: -80px;
	left: 50%;
	margin-left: -18px;
	width: 36px;height: 36px;
	line-height: 32px;
	border-radius: 50%;
	background-color: rgba(11,12,16,.8);
	border: 2px solid rgba(166,166,166,.3);
	color: #fff !important;
	transition: all 0.6s 0.2s !important;
	box-shadow: 0 0 50px 20px rgba(11,12,16,.3);
	z-index: 9;
}
.pt-popup.show.temp i.close-pt-popup{
	bottom: -80px;
}
.pt-popup.show i.close-pt-popup{
	bottom: 20px;
}
.pt-popup-widgets ~ i.close-pt-popup{
	bottom: 3vw !important;
	left: 3vw;
	margin: 0;
}
.pt-popup-widgets .copyright a{
	color: #111216;
}
i.close-pt-popup:before{
	content: "\e91a";
	font-family: 'pt-icons2';
	display: block;
	font-size: 12px;
	transform: scale(0.9);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.pt-popup.unrelated .wrap >.text > div{
	margin: 0;
}

/*main wrapper*/
.pt-popup > .wrap{
	position: relative;
	display: inline-block;vertical-align: middle;
	width: 70vw;
	transform: translate3d(0,-10vw,0);
	text-align: left;
	opacity: 0;
	z-index: 3;
}
.pt-popup.mini > .wrap{
	width: 50%;
	max-width: 900px;
}

.pt-popup.show > .wrap{
	transform: translate3d(0,0,0);
	transition: transform 0.6s cubic-bezier(0.2, 0.9, 0.4, 1),opacity 0.6s cubic-bezier(0.2, 0.9, 0.4, 1);
	opacity: 1;
}
.pt-popup.temp > .wrap{
	transform: translate3d(0,20%,0);
	opacity: 0;
}

/*img*/
.pt-popup.no-img .img{
	display: none;
}
.pt-popup.type-full .img{
	position: static;
	opacity: 0.4;
}
.pt-popup.type-h .img{
	padding-top: 40%;
}

/*text*/
.pt-popup:not(.unrelated) .text{
	position: relative;
	padding: 7%;
	z-index: 2;
}
.pt-popup:not(.unrelated) .text > .pt-h{
	margin-bottom: 0.5em;
}

.pt-popup .intro{
	font-size: 0.2em;
	white-space: pre-line;
}
.pt-popup.mini .intro{
	font-size: 0.26em;
}
.pt-popup.text-large .intro{
	font-size: 0.3em;
}
.pt-popup.mini.text-large .intro{
	font-size: 0.4em;
}


.pt-popup .text h1{font-size: 1em;}
.pt-popup .text h2{font-size: 0.9em;}
.pt-popup .text h3{font-size: 0.8em;}
.pt-popup .text h4{font-size: 0.7em;}
.pt-popup .text h5{font-size: 0.6em;}
.pt-popup .text h6{font-size: 0.5em;}



.pt-popup > .wrap,
.site-light .pt-popup.pt-color-invert > .wrap{
	background-color: #010206;
}
.site-light .pt-popup > .wrap,
.site-dark .pt-popup.pt-color-invert > .wrap{
	background-color: #fff;
}


/*responsive*/
@media (min-width: 1281px){
	.pt-popup.mini:not(.unrelated) .text{
		padding: 9%;
	}
	.pt-popup.type-h:not(.no-img) .text{
		padding-top: 6%;
	}
}
@media (max-width: 1281px){
	.pt-popup,
	.pt-popup .text{
		padding: 8vw;
	}
	.pt-popup.for-img-sub .text{
		padding: 0;
	}
	.pt-popup > .wrap{
		width: 99.5%;
	}
	.pt-popup .text > .pt-h{
		margin-bottom: 30px;
	}
}
@media (max-width: 1023px){
	.pt-popup:not(.unrelated) .text{
		padding: 8%;
	}
	.pt-popup.mini > .wrap{
		width: 90%;
	}

	.pt-popup.for-img-sub .wrap .text li{
		height: calc(80px + 17vw);
	}
}
@media (max-width: 678px){
	.pt-popup .intro,
	.pt-popup.mini .intro{
		font-size: 0.4em;
	}
	.pt-popup.text-large .intro,
	.pt-popup.mini.text-large .intro{
		font-size: 0.5em;
	}
}


/* $ single -------------------------------------------------------------------------------------------------------------------------------------------*/
.ajax-target > div{
	opacity: 0;
	transition: opacity 0.6s;
}
.ajax-target > div.show{
	opacity: 1;
}

/*part of images ---------------------------------*/

.single-header{
	position: relative;
	max-width: 1480px;
	margin: 0 auto 5vw;
	overflow: hidden;
}
.single-header[class*="swiper-"]{
	padding-bottom: 50px;
}
.single-header.raw-proportion .item:not(.bg-cover) .bg-full{
	background-size: contain;
}
.single-root.style-02.post .single-header .bg-full{
	background-size: cover;
}
.single-root.style-02.post .post-main-wrap{
	display: block;
}
.single-root.style-02.post .post-main-wrap > .wrap{
	display: flex;
	align-items: flex-start;
	width: 80%;
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	flex-flow: wrap;
	font-size: 0;
}
.m-mode .single-root.style-02.post .post-main-wrap > .wrap{
	display: block;
	width: 100%;
}
.single-root.style-02.post .post-main-wrap > .wrap > div{
	flex-shrink: 0;
}

.pc-mode .single-root.style-02.post.main-info-style-02 .post-main-wrap > .wrap{
	max-width: 100%;
	width: 90%;
}

.single-header.only-text{
	padding: 0;
	margin: 0;
}

.single-root.style-02.post .single-header{
	width: 45%;
	margin-right: 8%;
}
.single-root.style-02.post .single-inner{
	width: 47%;
	text-align: left;
}

.single-header .img{
	width: 100%;
	padding-top: 56.25%;
}
.single-root.style-02.post .single-header .img{
	padding-top: 148%;
}
.single-root.style-02.project .single-header .img,
.single-root.style-02.post .single-header.raw-proportion .img{
	padding: 0;
}

.single-item-v.item{
	margin-right: auto;
	margin-left: auto;
}
.single-item-v.item .img{
	padding-top: 0;
	height: 100%;
}

.cover-text{
	position: absolute;
	left: 0;
	top: -15px;
	width: 100%;
	height: 100%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	text-transform: uppercase;
	pointer-events: none;
	z-index: 9;
}
.m-mode .mobile-list .cover-text{
	position: static;
}
.cover-text:not(.show) > *{
	transform: translateY(50px);
	opacity: 0;
}
.cover-text .pt-h{
	word-break: normal;
	color: #fff;
}
.cover-text h1.large{font-size: 1.5em;}
.cover-text h1{font-size: 1em;}
.cover-text h2{font-size: 0.9em;}
.cover-text h3{font-size: 0.8em;}
.cover-text h4{font-size: 0.7em;}
.cover-text h5{font-size: 0.6em;}
.cover-text h6{font-size: 0.5em;}


/*for project single style02*/
.single-root.style-02.project .single-header{
	max-width: 100%;
	margin: 0;
	padding-bottom: 0;
}
.single-root.style-02.project .single-header .img{
	padding-top: 0;
	height: 100%;
}
.single-root.style-02.project .single-header.raw-proportion .has-video .img{
	width: calc( ( 100vh -  ( 12vw + 40px ) ) / 0.562 );
	max-width: 100%;
	margin: auto;
}
.single-root.style-02.project .single-header:not(.raw-proportion) .bg-full{
	background-size: cover;
}

.site-root .single-root.style-02.project .single-header.raw-proportion .item{
	padding-top: calc(6vw + 20px);
	padding-bottom: calc(6vw + 20px);
}
.single-root.style-02.project.main-info-style-02 .single-header{
	margin-top: calc( -2vw - 20px);
}
.m-mode .site-root .single-root.style-02.project .single-header.raw-proportion .item{
	padding-top: 6vw;
	padding-bottom: 6vw;
}
.ajax-content .single-root.style-02.project.main-info-style-01 .single-header.raw-proportion{
	margin-bottom: calc(6vw + 20px);
}

.single-root.style-02.project .single-inner .text-area{
	margin-bottom: 0;
}
.single-root.style-02.project .cover-text{
	margin-top: 0;
}
@media (max-width: 1680px){
	.single-header{
		max-width: 900px;
	}
}

.single-main-intro{
	position: relative;
}
.single-main-intro .title{
	max-width: 85%;
	margin-bottom: 30px;
	line-height: 1.1;
}


/* part of text --------------------------------- */

.single-inner{
	max-width: 900px;
	margin: calc(20px + 3vw) auto 0;
}
.outer-single-footer{
	max-width: 900px;
	margin: calc(20px + 3vw) auto 0;
}
@media (max-width: 1900px){
	.pc-mode .single-root.post:not(.single-type-02) .single-inner,
	.pc-mode .single-root.post:not(.single-type-02) .outer-single-footer{
		max-width: 800px;
	}
}
@media (max-width: 1680px){
	.pc-mode .single-root.post:not(.single-type-02) .single-inner,
	.pc-mode .single-root.post:not(.single-type-02) .outer-single-footer{
		max-width: 700px;
	}
}
@media (max-width: 1280px){
	.pc-mode .single-root.post.has-widget:not(.single-type-02):not(.widget-full):not(.style-02) .single-inner{
		max-width: 600px;
	}
}

.single-type-02 .single-inner{
	max-width: 620px;
}
.m-mode .outer-single-footer,
.m-mode .single-inner{
	padding-left: 6vw;
	padding-right: 6vw;
}
.m-mode .single-inner{
	max-width: 100%;
}

/*font size ----------------------------------------  */

.single-inner > div,
.comment-area.text-area,
.single-root.post .single-meta{
	font-size: calc( 0.875rem + 0.2vw );
}
.single-main-intro > .wrap,
.single-root .single-main-content{
	font-size: calc( 0.875rem + 0.25vw );
}
@media (min-width: 1680px){
	.single-root.style-02.project .single-inner .single-main-content,
	.single-root.style-02.project .single-meta{
		font-size: calc( 0.875rem + 0.35vw );
	}
}
@media (min-width: 1024px) and (max-width: 1280px){
	.single-root.style-02.post .single-header{
		width: 40%;
		margin-right: 6%;
	}
	.single-root.style-02.post .single-inner{
		width: 54%;
	}
}
@media (max-width: 1270px){
	.site-menu-03 .single-root.style-02.post .post-main-wrap > .wrap{
		display: block;
	}
	.site-menu-03 .single-root.style-02.post .single-inner{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.site-menu-03 .single-root.style-02.post .single-header{
		width: 88%;
		margin: 0 auto 6vw;
	}
}
@media (max-width: 768px){
	.single-root.style-02.post .post-main-wrap{
		margin-right: 0;
		margin-left: 0;
	}
}
.single-main-intro .title{
	font-size: calc(1.4rem + 1vw);
}
.pc-mode .single-root.post.style-02 .single-main-intro .title{
	font-size: calc(1.25rem + 0.8vw);
}
.pc-mode .single-root.style-02.project.text-type-01 .single-main-intro .title{
	font-size: calc(1.25rem + 1.4vw);
}
.pc-mode .single-root.style-02.project.text-type-02 .single-main-intro .title{
	font-size: calc(1.25rem + 1.2vw);
}
.single-root.style-02.project:not(.text-type-02) .single-main-content{
	margin-top: calc(20px + 1vw);
}
.single-root.project.style-02 .single-meta{
	margin: 5px 0 40px 0;
}



/*for project single style02*/
.single-root.style-02.project .comment-root,
.single-root.style-02.project .single-footer,
.single-root.style-02.project .single-main-intro > .wrap{
	display: none;
}

.single-root.style-02.project{
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
}
.pc-mode .single-root.style-02.project .single-inner{
	max-width: 1000px;
	width: 50%;
	margin: calc(40px + 6vw) auto;
}
@media (min-width: 1280px){
	.pc-mode .single-root.project.has-widget:not(.text-type-02):not(.widget-full) .single-inner{
		max-width: 700px;
		width: 80%;
	}
}
.pc-mode .single-root.project:not(.text-type-02).has-widget:not(.widget-full) .single-main-content,
.pc-mode .single-root.post:not(.style-02).has-widget:not(.widget-full) .single-main-content,
.pc-mode .single-root.project:not(.text-type-02).has-widget:not(.widget-full) .single-meta,
.pc-mode .single-root.post:not(.style-02).has-widget:not(.widget-full) .single-meta{
	font-size: calc( 0.875rem + 0.25vw );
}
.pc-mode .single-root.project.has-widget:not(.text-type-02):not(.widget-full) .single-inner,
.pc-mode .single-root.has-widget.post:not(.style-02):not(.widget-full) .single-inner{
	margin-right: 60px;
}
.pc-mode .single-root.post.has-widget:not(.style-02):not(.widget-full) .pt-widget-list,
.pc-mode .single-root.project.has-widget:not(.style-02):not(.widget-full) .pt-widget-list{
	margin-top: calc(20px + 3vw);
}
.pc-mode .single-root.style-02.project:not(.text-type-02) .pt-widget-list{
    margin-top: calc(48px + 6vw);
}
.m-mode .single-root.style-02.project .single-inner{
	margin: calc(40px + 6vw) auto;
}
.single-root.style-02.project.main-info-style-01 .single-header.raw-proportion ~ .single-inner{
	margin-top: 3vw;
}


/*singleinner main info for text-type-02*/
.single-root.style-02.project.text-type-02 .single-inner{
	width: 70%;
	max-width: 1280px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.single-root.style-02.project.main-info-style-02 .single-inner{
	margin: calc(80px + 10vw) auto calc(80px + 8vw);
}

.site-menu-03 .single-root.style-02.project.text-type-02 .single-inner{
	max-width: calc(80vw - 280px);
}

@media (min-width: 1440px){
	.site-menu-03 .single-root.style-02.project.text-type-02 .single-inner{
		width: 1280px;
	}
}

.single-root.style-02.project.text-type-02 .single-inner > div{
	flex-shrink: 0;
	width: 100%;
}
.single-root.style-02.project.text-type-02 .single-inner .single-main-intro{
	width: 42%;
}
.single-root.style-02.project.text-type-02 .single-inner .single-main-content{
	width: 58%;
}
.single-root.style-02.project.text-type-02 .title{
	max-width: 100%;
	padding-right: 40px;
}


/*text small elements ----------- */

.single-meta{
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: 50px;
	z-index: 3;
}
.project.style-02 .single-meta{
	display: block;
}
.single-meta .item > div{
	line-height: 24px;
}
.project.style-02 .single-meta .item > div{
	font-size: 1.215rem;
}
.single-meta .item > div > *{
	display: inline-block;
	vertical-align: middle;
}
.single-meta .item{
	position: relative;
	margin-right: 30px;
}
@media (max-width: 768px){
	.single-meta .item{
		margin-right: 20px;
	}
	.single-meta .item:last-child{
		margin-right: 0;
	}
	.single-root.post .single-meta:after{
		display: none;
	}
}
body.attachment .single-meta .item,
.single-root.post .single-meta .item{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-shrink: 0;
	font-size: 14px;
}
.project.style-02 .single-meta .item{
	display: inline-block;
	vertical-align: top;
}
.single-meta .item:last-child{
	margin-right: 48px;
}
.link-icon{
	margin-right: 20px;
}
.link-icon:before{
	content: '\e921';
	font-family: 'pt-icons2';
	font-size: 12px;
	position: absolute;
	left: 101%;
	top: 50%;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	transform: scale(0.66) rotate(45deg);
	-webkit-transform: scale(0.66) rotate(45deg);
}


.pt-category{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px;
	font-size: 0;
	z-index: 10;
}
.single-inner .pt-category{
	padding-bottom: 0;
	position: absolute;
	left: 0;
	top: -45px;
}
.single-meta +  .pt-category{
	padding-top: 14px;
}

.author-image img{
	width: 40px;
	height: 40px;
	vertical-align: top;
	border-radius: 50%;
	margin-right: 3px;
}

.single-meta i{
	font-size: 0;
}
.pt-category i,
.single-meta .author i{
	display: none;
}
.single-meta .date i,
.single-meta .comments i{
	font-style: normal;
	display: inline-block;
	font-family: 'pt-icons2';
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
	margin-right: 2px;
}
.single-meta .date i:before{
	content: '\e92d';
	font-size: 16px;
}
.single-meta .comments i:before{
	content: '\e916';
	font-size: 18px;
	position: relative;
	top: -2px;
}


.single-root.project .single-meta i{
	display: block;
	margin-bottom: 4px;
	font-style: normal;
	font-size: 12px;
	line-height: 1;
}
.pt-category a,
.single-related .category a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	margin: 4px 4px 0 0;
	padding: 0 15px;
	line-height: 26px;
	color: #fff;
	font-size: 0.875rem;
}
i.call-cate:after,
.pt-category a:after,
.single-related .category a:after{
	content: '';
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	border-radius: 50px;
	z-index: -1;
}
i.call-cate:hover:after{
	transform: scale(1.1);
}
.pt-category a:hover:after,
.single-related .category a:hover:after{
	transform: scale(1.02,1.1);
}


.cate-over-content{
	display: none;
	position: absolute;
	max-height: 240px;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 30px;
	background: rgba(31,32,36,.95);
	overflow: auto;
	box-shadow: 5px 5px 30px rgba(0,0,0,.2);
	border-radius: 4px;
}
.cate-over-content::-webkit-scrollbar-thumb{
	background-color: #c1c2c6;
}
.cate-over-content::-webkit-scrollbar{
	background-color: transparent;
	width: 10px;
}
.blog-list.style-default .cate-over-content{
	top: auto;
	bottom: 0;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}
.site-light .cate-over-content{
	background: #fff;
}
.pt-category.overload.show .cate-over-content{
	display: block;
}
i.btn.call-cate{
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	width: 26px;
	height: 26px;
	color: #fff;
}

.call-cate:before{
	content: '\e91d';
	display: block;
	font-size: 12px;
	line-height: 26px;
	font-family: 'pt-icons2';
	position: relative;
	left: -1px;
}
.pt-category.show .call-cate:before{
	content: '\e91a';
	transform: scale(0.88);
}

.single-root.post .single-meta:after{
	content: '';
	position: relative;
	width: 100%;
	height: 2px;
	background-color: rgba(166,166,166,.2);
}

/*share ------------------------ */
.pt-share{
	margin-top: calc(40px + 1vw);
	text-align: center;
	overflow: hidden;
}
.pt-share ~ .pt-share{
	display: none !important;
}
.pt-share .btn{
	cursor: default;
	margin-bottom: 30px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	user-select: none;
}
.pt-share .btn:after,
.pt-share .btn:before{
	content: '';
	position: absolute;
	width: 800px;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	background-color: rgba(166,166,166,.2);
}
.pt-share .btn:after{
	left: 120%;
}
.pt-share .btn:before{
	right: 120%;
}

.pt-share > .wrap{
	font-size: 0;
}
.pt-share a{
	display: inline-block;
	vertical-align: top;
	margin: 8px;
}
.pt-share a .icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	border-radius: 60px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	color: #fff;
}

@media (max-width: 1024px){
	.pt-share a .icon{
		width: 44px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}
}
.pt-share i.icon:before{
	font-family: 'pt-icons2';
}
.pt-share a:hover i{
	opacity: 0.8;
}


.share-wrap{
	position: relative;
	margin: calc(40px + 4vw) 0;
	text-align: center;
	display: none;
}
.share-02{
	position: relative;
	display: inline-block;
}
.share-02 .btn{
	position: relative;
	width: calc(40px + 3vw);
	height: calc(40px + 3vw);
	line-height: calc(36px + 3vw);
	border: 2px solid rgba(166,166,166,.2);
	font-size: 0;
	border-radius: 100px;
}
.share-02 a .icon{
	width: calc(40px + 3vw);
	height: calc(40px + 3vw);
	line-height: calc(40px + 3vw);
	border-radius: 50%;
	font-size: calc(12px + 1vw);
}
.share-02 i.btn:before{
	content: '\f13e';
	font-size: calc(12px + 1vw);
	display: inline-block;
	left: -1px;

}
.share-02 .wrap{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	pointer-events: none;
	z-index: 2;
}
.share-02.show .wrap,
.pt-desktop .share-02:hover .wrap{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.share-02.show .btn,
.pt-desktop .share-02:hover .btn{
	opacity: 0;
}

.pt-share .icon.pt-facebook{
	background-color: #3c6eb1;
}
.pt-share .icon.pt-pinterest{
	background-color: #eb2430;
}
.pt-share .icon.pt-linkedin{
	background-color: #0c6596;
}
.pt-share .icon.pt-twitter{
	background-color: #59adec;
}
.pt-share .icon.pt-tumblr{
	background-color: #435a7d;
}
.pt-share .icon.pt-threads{
	background-color: #121212;
}
.site-dark .pt-share .icon.pt-threads{
	background-color: #000;
}


/*main text content ----------------------------- */

.single-inner .single-main-content{
	margin-bottom: 80px;
}

/*single footer ------------------------------- */
.single-tags{
	position: relative;
	margin-top: calc(40px + 1vw);
}
.project.style-02 .single-tags{
	display: none;
}

.single-tags span,
.single-tags a{
	display: inline-block;vertical-align: top;
	font-size: 0.875rem;
	margin: 4px 8px 4px 0;
	line-height: 28px;
}
.single-tags span{
	opacity: 0.6;
	font-size: 1.215rem;
	line-height: 30px;
}
.single-tags a,
.widget .tagcloud a{
	position: relative;
	padding: 0 15px;
	border: 2px solid #fff;
	border-radius: 50px;
}
.site-light .single-tags a{
	color: #111216;
	border-color: #111216;
}
.single-tags a:hover{
	color: #fff !important;
}

.single-nav{
	margin: 80px 0;
	border-top: 2px solid rgba(166,166,166,.2);
	display: flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
}

.pt-share + .single-footer .single-nav{
	margin-top: 36px;
}
.single-nav .img{
	position: absolute;
	top: 50%;
	bottom: auto;
	margin-top: -36px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
}
.single-nav .prev .img{
	left: 0;
}
.single-nav .next .img{
	right: 0;
	left: auto;
}


.single-nav span{
	font-size: 1.215rem;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	position: absolute;
	opacity: 0;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	max-width: 70%;
	line-height: 1.2;
	transition: all 0.2s;
}
.single-nav .next span{
	left: auto;
	right: 20px;
}
.single-nav h5{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 800;
}
.pc-mode .single-root.style-02.post .single-nav h5{
	font-size: 16px;
}
.pc-mode .single-root.style-02.post .single-nav span{
	font-size: 1rem;
}

.single-nav .ctrl:before{
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: -2px;
	left: 0;
	opacity: 0;
}
.single-nav .ctrl:hover:before{
	opacity: 1;
}
.single-nav .ctrl:hover  span{
	opacity: 1;
}
.single-nav .ctrl:hover h5{
	opacity: 0;
}

.single-nav .prev h5:before{
	content: '\f12b';
	font-family: 'pt-icons';
	padding-right: 4px;
}
.single-nav .next h5:after{
	content: '\f128';
	font-family: 'pt-icons';
	padding-left: 4px;
}
.single-nav.one{
	text-align: center;
}
.single-nav.one h5:before,
.single-nav.one h5:after{
	display: none;
}
.single-nav.one span{
	left: 0;
	width: 100%;
	max-width: 100%;
}
.single-nav.one .img{
	position: relative;
	top: auto;
	margin: 0 auto 20px;
}
.single-nav .next{
	text-align: right;
}
.single-nav .ctrl{
	position: relative;
	width: 50%;
	padding: 60px 100px;
}
.pc-mode .single-root.post .single-nav:not(.one) .prev{
	padding-right: 30px;
}
.pc-mode .single-root.post .single-nav:not(.one) .next{
	padding-left: 30px;
}

.single-nav.one .ctrl{
	width: 100%;
}
.single-nav.one .no-img .img{
	display: none;
}
.single-nav .text{
	position: relative;
}

@media (max-width: 1680px){
	.pc-mode .single-root.style-02.post .single-nav{
		display: block;
	}
	.pc-mode .single-root.style-02.post .ctrl{
		width: 100%;
	}
	.pc-mode .single-root.style-02.post .ctrl + .ctrl{
		border-top: 2px solid rgba(166,166,166,.2);
	}
}

/*clone nav ---------*/


.single-clone-nav{
	position: relative;
	margin-top: calc(60px + 10vw);
}
.share-wrap ~ .single-clone-nav {
	margin-top: calc(40px + 6vw);
}
.single-clone-nav .ctrl.no-img .img,
.single-clone-nav:not(.has-prev) .prev{
	display: none;
}
.single-clone-nav .text{
	position: relative;
	display: inline-block;
}
.single-clone-nav .ctrl.no-img .text{
	padding-bottom: 12vw;
}

.single-clone-nav .img{
	width: calc(80px + 8vw);
	height: calc(80px + 8vw);
	margin: calc(30px + 1vw)  auto;
	z-index: 1;
	overflow: visible;
}
.single-clone-nav span{
	display: block;
	margin-top: calc(20px + 1vw);
	font-size: calc(16px + 0.4vw);
	line-height: 1;
}
.single-clone-nav{
	text-align: center;
}
.single-clone-nav h5{
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: calc(20px + 4vw);
}
.single-clone-nav .img:before{
	content: '';
	position: absolute;
	left: 50%;
	top: -25%;
	height: 30%;
	width: 2px;
	margin-left: -1px;
	margin-top: 10%;
	z-index: 20;
	transition: all 0.5s;
}
.single-clone-nav .text:hover ~ .img:before,
.single-clone-nav .img:hover:before{
	top: -20%;
	height: 50%;
}

@media (max-width: 768px){
	.single-clone-nav h5{
		font-size: calc(10px + 4vw);
	}
}


/*related ---------------------------------- */

.single-related h3{
	flex-shrink: 0;
	width: 100%;
	font-size: calc(20px + 2vw);
	margin-bottom: 4vw;
	text-align: center;
	opacity: 0.5;
}

.single-related:hover h3{
	opacity: 1;
}
.single-related{
	margin-top: 6vw;
	padding-top: 2vw;
}
.single-related > .wrap{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.single-related.few > .wrap{
	justify-content: space-around;
}
.single-related .item{
	width: 30%;
}
.single-related h5.pt-h{
	font-size: 0.65em;
	margin-bottom: 20px;
	color: #fff;
    line-height: 1.1;
}
.single-related .img{
	padding-top: 100%;
	background: rgba(33,34,38,.2);
	z-index: 1;
}
.single-related .img:after,
.single-clone-nav .img:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: -1px;
	background: #111216;
	opacity: 0.6;
	z-index: 4;
}
.site-light .single-related .img:after,
.site-light .single-clone-nav .img:after{
	opacity: 0.4;
}
.single-related .text{
	position: absolute;
	max-width: 80%;
	left: 0;
	bottom: 0;
	padding: 11%;
	opacity: 0.7;
	z-index: 50;
}
.site-light .single-related .text,
.pt-mobile .single-related .text,
.single-related .item:hover .text{
	opacity: 1;
}
.single-related .item:hover .img:after,
.single-clone-nav .text:hover ~ .img:after,
.pt-mobile .single-related .item .img:after,
.pt-mobile .single-clone-nav .img:after,
.pt-desktop .single-clone-nav .img:hover:after{
	opacity: 0.3;
}

.single-related .pt-category{
	display: block;
}
.single-related .category{
	position: relative;
	margin-top: 10px;
	font-size: 1rem;
	z-index: 100;
}

.single-related .text{
	transform: translateZ(0);
}


/* $ swiper style ----------------------------------- */

/*swiper-pagination-bullet*/
.swiper-pagination.swiper-pagination-bullets{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 0;
	z-index: 99;
}
.single-root.style-02.project .single-header.raw-proportion .swiper-pagination{
	bottom: 30px;
}
.single-root.style-02.project .single-header:not(.raw-proportion) .swiper-pagination{
	bottom: 3vw;
	right: 3vw;
	left: auto;
	width: auto;
	padding: 10px;
}
.single-root.project:not(.style-02) .single-header .swiper-pagination{
	right: auto;
	left: 0;
	width: 100%;
}

.swiper-pagination.swiper-pagination-bullets span{
	position: relative;
	list-style-type: none;
	display: inline-block;
	width: 20px;height: 20px;
	margin: 0 4px;
	cursor: pointer;
	border-radius: 50%;
}
.swiper-pagination.swiper-pagination-bullets span:before{
	content: '';
	position: absolute;
	width: 6px;height: 6px;
	left: 7px;top: 7px;
	border-radius: 50%;
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	z-index: 2;
}
.swiper-pagination.swiper-pagination-bullets span:after{
	content: '';
	position: absolute;
	left: 0;top: 0;
	width: 20px;height: 20px;
	border-radius: 50%;
	transform: scale(0);
	z-index: 1;
}

.swiper-pagination.swiper-pagination-bullets span:before,
.site-light .pt-color-invert .swiper-pagination.swiper-pagination-bullets span:before{
	background: rgba(244,244,244,.9);
}
.swiper-pagination.swiper-pagination-bullets span:after,
.site-light .pt-color-invert .swiper-pagination.swiper-pagination-bullets span:after{
	background: rgba(244,244,244,.2);
}



.site-light .ptsc:not(.pt-color-invert) .swiper-pagination.swiper-pagination-bullets span:before,
.site-light .single-root.post .single-header .swiper-pagination.swiper-pagination-bullets span:before,
.site-light .single-root.project:not(.style-02) .single-header .swiper-pagination.swiper-pagination-bullets span:before,
.site-dark .pt-color-invert .swiper-pagination.swiper-pagination-bullets span:before{
	background: transparent;
	border:2px solid #111216;
	width: 12px;height: 12px;
	left: 4px;top: 4px;
	box-shadow: none;
	transform: scale(1.2) !important;
}
.site-light .ptsc:not(.pt-color-invert) .swiper-pagination.swiper-pagination-bullets span:after,
.site-light .single-root.post .single-header .swiper-pagination.swiper-pagination-bullets span:after,
.site-light .single-root.project:not(.style-02) .single-header .swiper-pagination.swiper-pagination-bullets span:after,
.site-dark .pt-color-invert .swiper-pagination.swiper-pagination-bullets span:after{
	background: #111216;
	border:none;
	transform: scale(0.3) !important;
	opacity: 0;
}
.site-light .ptsc:not(.pt-color-invert) .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active:after,
.site-light .single-header .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active:after,
.site-light .single-root.post .single-header .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active:after,
.site-light .single-root.project:not(.style-02) .single-header .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active:after,
.site-dark .pt-color-invert .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active:after{
	opacity: 1;
}




.pc-mode .swiper-pagination.swiper-pagination-bullets span:not(.swiper-pagination-bullet-active):hover:after{
	transform: scale(0.7);
}
.swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active:after{
	transform: scale(1);
}

.m-mode .single-root.style-02.project .single-header.mobile-list{
	padding-left: 6vw;
	padding-right: 6vw;
}
.m-mode .single-root.style-02.project .single-header.mobile-list .item{
	margin: 6vw 0;
}

@media (max-width: 768px){
	.swiper-pagination.swiper-pagination-bullets span{
		width: 12px;
		height: 12px;
	}
	.site-dark .swiper-pagination.swiper-pagination-bullets span:after{
		width: 16px;
		height: 16px;
		left: -2px;
		top: -2px;
	}
	.swiper-pagination.swiper-pagination-bullets span:before{
		left: 3px;
		top: 3px;
	}
}


/* slider button --------------------------------- */

.s-btn {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	z-index: 10;
}
.s-btn.s-btn-prev {
	left: 0;
	cursor: url('data/images/left.png') 48 48, pointer;
}

.s-btn.s-btn-next {
	right: 0;
	cursor: url('data/images/right.png') 48 48, pointer;
}

.forNext .s-btn {
	cursor: url('data/images/right.png') 48 48, pointer !important;
}

.forPrev .s-btn {
	cursor: url('data/images/left.png') 48 48, pointer !important;
}
.pt-mobile .s-btn{
	display: none;
}

.sc-slider.only-one .s-btn,
.sc-slider.only-one .swiper-pagination{
	display: none !important;
}

/* $ videoElements ------------------------------------*/

em.btn-wave{
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	border-radius: 50%;
	background: rgba(161,162,166,.3);
	-webkit-animation: waveRound 1.5s  infinite;
	animation: waveRound 1.5s  infinite;
	z-index: -1;
}
@keyframes waveRound {
	0%	{opacity: 0;}
	40%   {opacity: 1;}
	80%  {opacity: 0;transform: scale(3);}
	100%  {opacity: 0;transform: scale(1);}
}
@-webkit-keyframes waveRound {
	0%	{opacity: 0;}
	40%   {opacity: 1;}
	80%  {opacity: 0;-webkit-transform: scale(3);}
	100%  {opacity: 0;-webkit-transform: scale(1);}
}

i.call-video-popup,
.v-ctrl{
	position: absolute;
	width: 88px;
	height: 88px;
	line-height: 88px;
	margin: -44px 0 0 -44px;
	background: rgba(33, 34, 35, .95);
	top: 50%;
	left: 50%;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	z-index: 1000;
}
i.call-video-popup{
	background: transparent;
}
i.call-video-popup:after{
	content: '';
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	background: rgba(33, 34, 35, .9);
	border-radius: 50%;
}
i.call-video-popup:hover:after{
	transform: scale(1.1);
}

.v-mobile-play.v-ctrl{
	width: 34px;
	height: 34px;
	margin: 0;
	right: 0;
	top: 0;
	left: auto;
	border-radius: 0;
	line-height: 34px;
}
.ajax-content .v-mobile-play.v-ctrl{
	width: 10vw;
	height: 10vw;
	line-height: 10vw;
	margin: -5vw 0 0 -5vw;
	top: 50%;
	left: 50%;
	right: auto;
}
.ajax-content .v-mobile-play.v-ctrl:before{
	font-size: 4vw;
}
html:not(.m-mode) .single-root.single-type-video.video-popup .v-mobile-play,
.video-popup .v-post .v-mobile-play{
	display: block;
	width: 88px;
	height: 88px;
	line-height: 88px;
	margin: -44px 0 0 -44px;
	top: 50%;
	left: 50%;
	right: auto;
	border-radius: 50%;
}
.video-popup .v-post .v-mobile-play{
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: -30px 0 0 -30px;
}

html:not(.m-mode) .single-root.single-type-video.video-popup .v-mobile-play:before{
	font-size: 30px;
}
.video-popup .v-post .v-mobile-play:before{
	font-size: 20px;
}
html:not(.m-mode) .single-root.single-type-video.video-popup .v-play,
html:not(.m-mode) .single-root.single-type-video.video-popup .v-pause{
	display: none;
}





.v-ctrl.v-mobile-play:before{
	opacity: 1 !important;
	font-size: 14px;
}

.v-ctrl:before,
.call-video-popup:before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-family: 'pt-icons';
	color: #fff;
	font-size: 30px;
	z-index: 3;
}

i.call-video-popup:before,
.v-ctrl.v-play:before,
.v-ctrl.v-mobile-play:before{
	content: '\ea1c';
	text-indent: 4px;
}
.m-mode .v-play,
.m-mode .v-pause{
	display: none;
}

.v-ctrl.v-pause:hover{
	box-shadow: 0 0 50px rgba(0, 0, 0, .3);
}
.v-ctrl.v-pause:before {
	content: '\ea1d';
	font-size: 22px;
}

.v-ctrl.v-pause:hover{
	opacity: 1 !important;
}

.v-ctrl.v-play:before {
	font-size: 26px;
	text-indent: 2px;
}



.v-play,
.v-pause,
.pause .v-pause{
	opacity: 0;
}
.v-ctrl:hover,
.has-video.moving .v-ctrl.v-pause{
	opacity: 0.8;
}
.v-play{
	z-index: 999;
}
.pause .v-play{
	opacity: 1;
	z-index: 1001;
}
.v-mobile-play,
.m-mode .item .v-ctrl:not(.v-mobile-play),
.m-mode .pt-video-container{
	display: none;
}
.has-video:not(.v-ready) .v-ctrl:not(.v-mobile-play){
	display: none !important;
}

.m-mode .v-ctrl.v-mobile-play,
.popup-player .pt-video-container,
body.single .single-inner.video .pt-video-container{
	display: block;
}
.m-mode .v-ctrl.v-mobile-play{
	opacity: 1 !important;
	display: block !important;
}
.pt-video-holder > video{
	width: 100%;
	height: 100%;
}
.m-mode .popup-player{
	z-index: 100001;
}

.bg-full[data-type="mp4"] .pt-video-mask{
	display: none;
}

.ready ~ .volume-btn{
	position: absolute;
	display: none;
	width: 40px;height: 40px;line-height: 36px;
	top: 50%;
	right: 3%;
	margin-top: -20px;
	text-align: center;
	font-size: 16px;
	font-family: 'pt-icons';
	border:2px solid rgba(255,255,255,.8);
	color: rgba(255,255,255,.8);
	opacity: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: opacity 0.2s,background 0.2s,color 0.2s;
	font-weight: 400;
	z-index: 12;
}
.volume-btn:before{
	content: '\e909';
}
.pt-mediaplayer-muted ~ .volume-btn:before{
	content: '\e908';
}
.has-video.moving .volume-btn{
	opacity: 1;
}
.ready ~ .volume-btn:hover{
	background: rgba(21, 22, 26, .5);
	color: rgba(255,255,255,1);
	opacity: 1 !important;
}
.has-video.pause .volume-btn{
	opacity: 0;
	pointer-events: none;
}
.sc-slider[data-video-autoplay="1"] .volume-btn{
	display: block;
}

@media (max-width: 1280px){

	i.call-video-popup, .v-ctrl{
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin: -30px 0 0 -30px;
	}
	.v-ctrl:before,
	.call-video-popup:before{
		font-size: 24px;
	}
	.video-popup .v-post .v-mobile-play{
		width: 44px;
		height: 44px;
		line-height: 44px;
		margin: -22px 0 0 -22px;
	}
	.video-popup .v-post .v-mobile-play:before{
		font-size: 16px;
	}

}


/* $ comment-root ----------------------------------------------------------------------------------------------------*/

.comment-root{
	margin: 80px auto;
}
.has-widget .comment-root > .wrap{
	padding-right: 0 !important;
}
.site-root .main-content .comment-root .title{
	font-size: 24px;
	margin-bottom: 30px;
	margin-top: 28px;
}
.comment-root .title span{
	padding-right: 10px;
}
.comment-root > .wrap > .comment-respond > .title:before {
	content: '\e916';
	display:inline-block;
	margin-right: 5px;
	position: relative;
	font-family:'pt-icons2';
}
@media (min-width: 768px){
	.comment-respond > .title > small{
		line-height: 30px;
		float: right;
	}
}

/* comment style --------------*/
.comment-list li.comment{
	list-style-type: none;
	padding-left: 80px;
}
.comment-list li.pingback,
.comment-list li.trackback{
	list-style-type: none;
	padding-left: 0;
	font-size: calc( 0.875rem + 0.25vw );
}
.comment-list li.comment.depth-1 li.comment{
	padding-left: 40px;
}
.comment-list{
	margin-bottom: 80px;
}
.comment-body{
	position: relative;
	background: rgba(222,222,222, 0.05);
	padding: 30px;
	padding-top: 25px;
	margin-bottom: 20px;
	border-radius: 6px;
}
.site-light .comment-body{
	background: rgba(33,34,38,0.03);
}

.comment-body:before{
	content: '';
	position: absolute;
	top: 26px;
	left: -8px;
	border-left: none;
	border-bottom: 8px solid transparent !important;
	border-top: 8px solid transparent !important;
	border-right: 8px solid rgba(222,222,222, 0.05);
}
.site-light .comment-body:before{
	border-right-color: rgba(33,34,38,0.03);
}
.comment-list li.pingback .comment-body:before,
.comment-list li.trackback .comment-body:before{
	display: none;
}
.comment span.edit-link{
	display: block;
	margin:20px 0 0 0;
}
.comment span.edit-link a.comment-edit-link{
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	border-radius: 3px;
}

.comment-author .fn{
	font-style: normal;
	font-size: 1.125rem;
}
.comment-meta{
	font-size: 11px;
	opacity: 0.7;
}
.comment-meta{
	margin: 4px 0 15px 0;
}
.comment-body p{
	line-height: 1.7;
}
.comment-body .comment-author .img{
	position: absolute;
	left: -80px;
	top: 2px;
}
.comment-list li.depth-1 .comment .comment-author .img{
	left: -40px;
	top: 18px;
}
li.comment.depth-1 > .comment-body .comment-author img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
li.comment.depth-1 li.comment .comment-author img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
li.comment .reply a{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 0;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-family: 'pt-icons';
	border-radius: 50%;
}
li.comment .reply a:before{
	content: '\e902';
	font-size: 22px;
}
body:not(.pt-mobile) li.comment .reply a:hover{
	color: #fff;
}

a#cancel-comment-reply-link{
	display: inline-block;
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 1.125rem;
}
a#cancel-comment-reply-link:before{
	content: '\e5cd';
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	font-family: 'pt-icons';
}
.comment-root *:not(.reply) > a:hover{
	opacity: 0.7;
}
.comment-awaiting-moderation{
	display: block;
	margin-top: 20px;
	opacity: 0.5;
	font-size: 1rem;
}
.comment-awaiting-moderation:before{
	content: '\f157';
	font-style: normal;
	font-family: 'pt-icons';
	padding-right: 5px;
}
.comment-form > small{
	display: block;
	width: 100%;
}
.comment-notes{
	margin-bottom: 30px;
	padding: 6px 10px;
	background: rgba(166,166,166,.1);
	display: inline-block;
	font-size: 0.875rem;
}
.comment-form textarea,
.comment-form input:not([type='submit']){
	margin-bottom: 15px;
	font-size: 1rem;
}

.comment-form input[type='submit']{
	color: #fff;
}



.last-el:after,
.comment-form:after{
	content: '';
	display: block;
	clear: both;
}
.comment-form{
	margin-bottom: 40px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.comment-respond .comment-form{
	margin-bottom: 30px;
}
.comment-form-comment{
	width: 100%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
	width: 33.33%;
	width: calc( (100% - 30px) * 0.3333 );
}


/* $ res single*/


@media (max-width: 1679px){

	.comment-author .fn{
		font-size: 1rem;
	}
	.single-nav h5{
		font-size: 0.875rem;
	}

	.post.style-02 .comment-form-author,
	.post.style-02 .comment-form-email,
	.post.style-02 .comment-form-url{
		width: 100%;
	}
	.site-root .main-content .comment-root .title{
		font-size: 24px;
	}

	.pc-mode .single-root.style-01 .single-inner,
	.pc-mode .single-root.post .single-inner{
		max-width: 700px;
	}
}

@media (max-width: 1024px){
	.single-root{
		width: 100% !important;
		max-width: 100% !important;
	}
	.single-root.style-02.post{
		white-space: normal;
	}
	.single-root .single-header{
		max-width: 100% !important;
	}
	.single-root.style-02.post .single-header{
		width: 88vw;
		padding-top: 6vw;
		margin-right: auto;
		margin-left: auto;
	}
	.single-root.style-01 .single-header{
		width: 88vw;
		margin-top: 6vw;
	}
	.single-header .swiper-pagination.swiper-pagination-bullets{
		bottom: 20px;
	}
	.single-root.style-02.post .single-inner{
		width: 100%;
	}
	li.comment.depth-1 > .comment-body .comment-author img {
		width: 30px;
		height: 30px;
	}
	.comment-body .comment-author .img {
		left: -50px;
	}
	.comment-list li.comment.depth-1{
		padding-left: 50px;
	}
	.comment-list li.comment.depth-1 li.comment {
		padding-left: 10px;
	}


	.single-inner .single-main-content{
		margin-bottom: 8vw;
	}
	.single-nav{
		padding: 6vw 0;
		margin: 12vw 0;
	}
	.comment-root{
		margin: 12vw 0;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url{
		width: 100%;
	}


}

@media (max-width: 768px){


	.single-nav span,
	.single-nav .ctrl:before{
		display: none;
	}
	.single-nav h5{
		opacity: 1 !important;
	}
	.single-nav .ctrl{
		width: 100%;
		padding: 20px 44px;
	}
	.single-nav .img {
		margin-top: -18px;
		width: 36px;
		height: 36px;
	}
	.single-related,
	.single-clone-nav{
		padding-left: 6vw;
		padding-right: 6vw;
	}
	.single-related .item{
		width: 100%;
		margin-bottom: 6vw;
	}

}



/* $ contact7 ----------------------------------------*/


div.wpcf7 .ajax-loader {
	position: relative;
	vertical-align: top;
	width: 12px;
	height: 40px;
	left: 4px;
	background: transparent !important;
}
.wpcf7-form{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	-webkit-justify-content: space-between;
}
.wpcf7-form > *{
	width: 100%;
	flex-shrink: 0;
}
.wpcf7-form-control-wrap{
	display: block;
	margin-top: 6px;
}
.wpcf7-form label{
	display: block;
	width: 100%;
}
.wpcf7-form label br{
	display: none;
}
.wpcf7-form .pt-col-2{
	width: 49%;
}
.wpcf7-form .pt-col-3{
	width: 32.5%;
}
.ptsc .item[data-w="0.5"] .wpcf7-form > p,
.ptsc .item[data-w="0.2"] .wpcf7-form > p,
.ptsc .item[data-w="0.25"] .wpcf7-form > p,
.ptsc .item[data-w="0.33"] .wpcf7-form > p{
	width: 100% !important;
}
@media (max-width: 768px){
	.wpcf7-form .pt-col-2,
	.wpcf7-form .pt-col-3{
		width: 100%;
	}
}

.wpcf7-form .ajax-loader.is-active:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 0;
	margin-top: -7px;
	border-radius: 50%;
	animation: animate_point 1s linear infinite;
	-webkit-animation: animate_point 1s linear infinite;
	background: rgb(116, 116, 166);
	opacity: 10;
	z-index: 2;
}
@keyframes animate_point {
	0%   {opacity: 0;}
	50%  {opacity: 0.8;}
	100% {opacity: 0;}
}
@-webkit-keyframes animate_point {
	0%   {opacity: 0;}
	50%  {opacity: 0.8;}
	100% {opacity: 0;}
}


/* $ otherPage ================================================================================================================================== */

.default-template-page{
	margin-top: 10vw;
	margin-bottom: 10vw;
}
.default-template-page:not(.wide) .wrap{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.default-template-page .wrap > .title{
	margin-bottom: calc(20px + 1.2vw);
	font-size: calc(1.25rem + 1.2vw);
}
.default-template-page.has-widget > .wrap{
	width: 100%;
}
.default-template-page.has-widget,
.blog-list.has-widget > .wrap{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: wrap;
}
.default-template-page.has-widget > div,
.blog-list.has-widget > .wrap > div{
	flex-shrink: 0;
}
.default-template-page .pt-widget-list{
	padding-top: 10px;
}
.default-template-page.has-widget .wrap{
	margin-left: 0;
	margin-right: 100px;
}
.blog-list.has-widget > .wrap{
	justify-content: space-between;
}
.pc-mode .blog-list.has-widget > .wrap{
	padding-right: 30px;
}
.blog-list.has-widget .pt-widget-list{
	margin-top: 30px;
}
.has-widget .widget-title{
	display: inline-block;
	margin-bottom: 15px;
	font-size: 20px;
}

.has-widget .widget-title:after{
	height: 50%;
	top: 25%;
	transform: rotate(10deg) !important;
}
.pc-mode .default-template-page.has-widget.wide .wrap{
	width: calc(100% - 300px);
}
.has-widget .pt-widget-list{
	max-width: 300px;
}
.has-widget .widget p{
	font-size: 1rem;
}
.has-widget .widget{
	margin-bottom: 60px;
	overflow: hidden;
}
.has-widget .tagcloud a{
	font-size: 1rem !important;
}

@media (max-width: 1900px){

	.default-template-page:not(.wide) .wrap{
		max-width: 800px;
	}

	.has-widget .widget-title {
		font-size: 1.125rem;
	}
	.blog-list.style-default.has-widget .blog-main{
		width: calc(100% - 280px);
	}
	.pc-mode .default-template-page.has-widget > .wrap{
		width: calc(100% - 280px);
		margin-right: 60px;
	}
	.has-widget .pt-widget-list{
		max-width: 220px;
	}
	.pc-mode .has-widget .widget-title{
		margin-bottom: 12px;
	}
	.pc-mode .has-widget .widget p{
		font-size: 0.75rem;
	}
	.pc-mode .has-widget .widget{
		font-size: 0.875rem;
		margin-bottom: 50px;
	}
	.pc-mode .has-widget .tagcloud a{
		font-size: 0.75rem !important;
	}

}

@media (max-width: 1280px){
	.default-template-page:not(.wide) .wrap{
		max-width: 700px;
	}
}

.m-mode .has-widget{
	display: block;
}
.m-mode .default-template-page .wrap,
.m-mode .has-widget .pt-widget-list{
	max-width: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.m-mode .has-widget .pt-widget-list{
	display: block;
	margin-top: 8vw;
	width: 88vw;
}
.m-mode .blog-list.style-default.has-widget .blog-main{
	width: 100%;
}
.m-mode .blog-main.has-pages ~ .pt-widget-list{
	margin-top: 12vw;
}



.page-other{
	position: relative;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	padding: 0 10%;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background-position: center;
	background-size: cover;
	z-index: 1;
}

.admin-bar .page-other{
	height:calc( 100vh - 46px);
}

@media (max-width: 960px) {
	.site-root .page-other{
		height: 130vw;
	}
}


.p404:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(data/images/404-bg-light.svg) center no-repeat;
	background-size: 80% auto;
	opacity: 0.05;
}

.m-mode .p404:before {
	top: 0;
}
.page-other .pt-h{
	margin: 30px 0;
}
.page-other h3{
	font-size: 1.2vw;
	font-weight: 400;
	line-height: 1.4;
}
.page-other h4{
	font-size: 1.2vw;
}
.m-mode .page-other h4{
	font-size: 2vw;
}

.site-dark .p404:before {
	background-image: url(data/images/404-bg-dark.svg);
}

.page-other .text {
	position: relative;
	margin: 80px auto;
	max-width: 900px;
}

.m-mode .page-other .text {
	margin: 0 auto;
}

.page-other form {
	margin-top: 40px;
}

.page-other .search-field {
	width: 100%;
	height: 48px;
	max-width: 600px;
	border:none;
	border-bottom: 1px solid #060708;
	background-color: transparent;
	margin-bottom: 40px;
	font-size: 1.125rem;
}

.page-other .btn{
	display: inline-block;
	margin-top: 20px;
	height: 48px;line-height: 44px;
	padding: 0 40px;
	border-radius: 50px;
	border: 2px solid rgba(166,166,166,.3);
}
.page-other .search-submit{
	visibility: hidden;
}
.page-other .btn:hover{
	border-color: #fff;
}
.site-light .page-other .btn:hover{
	border-color: #111216;
}

@media screen and (max-width: 475px){
	.page-other h3{
		font-size: 3vw;
	}
	.page-other h4{
		font-size: 4vw;
	}
	.woocommerce .cart .single_add_to_cart_button.button{
		padding: 0 25px;
	}
}
.pt-mobile ul.products li.product,
.m-mode ul.products li.product{
	opacity: 1 !important;
}


/*wp password style ---------------------------- */
.password-required-msg{
	position: relative;
	width: 100%;
	min-height: 45vw;
	top: 0;
	left: 0;
	padding: 10%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	z-index: 1;
}
.password-required-msg form{
	position: relative;
	max-width: 480px;
	padding:2vw;
	border-radius: 12px;
	color: #fff;
	background: #000;
	font-size: 1.45rem;
	box-shadow: 0 20px 60px -20px rgba(0,0,0,.6);
	overflow: hidden;
}
.password-required-msg form:after{
	content: '';
	position: absolute;
	right: -90px;top: -90px;
	width: 250px;height: 250px;
	border: 60px solid #111;
	animation: pt_password 18s linear infinite;
	-webkit-animation: pt_password 18s linear infinite;
}
@keyframes pt_password {
	0%	{transform: rotate(0deg);}
	100%  {transform: rotate(359deg);}
}
@-webkit-keyframes pt_password {
	0%	{transform: rotate(0deg);}
	100%  {transform: rotate(359deg);}
}

.password-required-msg p{
	position: relative;
	z-index: 2;
}
.password-required-msg label{
	margin-top: 40px;
	display: block;
	font-size: 14px;
}
.password-required-msg input{
	display: block;
	width: 100%;
	height: 48px;
	margin-top: 10px;
	padding: 0 15px;
	font-size: 18px;
	border-radius: 4px;
	color: #fff;
}
.password-required-msg input[type="password"]{
	border-color: #5b5b5f;
}
.password-required-msg input[type="password"]:focus{
	border-color: #8b8b8f;
}
.password-required-msg input[type="submit"]{
	background: #3b3b3f;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 12px;
}
.password-required-msg input[type="submit"]:hover{
	background: #3d3f4c;
}
@media (max-width: 768px){
	.password-required-msg form{
		padding: 40px;
		font-size: 1.125rem;
	}
}

del .woocommerce-Price-currencySymbol{
	color: rgba(166,166,166,.8) !important;
}

/*$ go top --------------------------------------------------*/

.go-top{
	position: fixed;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	left: 100vw;
	bottom: 2vw;
	margin-left: calc(-3vw - 40px);
	cursor: pointer;
	border-radius: 40px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
	border: 2px solid rgba(166,166,166,.3);
	z-index: 3;
}

.go-top:before{
	content: '\e920';
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	font-family: 'pt-icons2';
	font-size: 12px;
	transform: scale(0.8);
	z-index: 9;
}
.go-top.show {
	bottom: 3vw;
	pointer-events: auto;
	opacity: 1;
}
.go-top:hover{
	color: #fff;
}


/*popup video ---------------------------------------------- */

.popup-player {
	position: fixed;
	display: none;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	background: rgba(16, 17, 18,.8);
	z-index: 100003;
}

.player-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}
.popup-player .bg-full {
	position: relative;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	width: 60vw;
	height: 33.7vw;
	left: auto;
	top:auto;
	bottom: auto;
	right: auto;
	background-color: #060708;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	opacity: 0;
}
.popup-player .bg-full.show{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
}
.m-mode .popup-player .bg-full {
	width: 100vw;
	height: 56.25vw;
}



/* $ ajax --------------------------------------------------------------------------------------------------- */

.m-close-single{
	display: none;
}

.ajax-content{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 100000;
}

.ajax-content .single-root{
	position: relative;
	margin-top: 6vw;
}
.ajax-target{
	position: relative;
	overflow: auto;
	z-index: 4;
}
.ajax-target,
.ajax-content > .wrap{
	width: 100%;
	height: 100%;
}
.ajax-bg{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	transform: translate3d(0,100%,0);
	-webkit-transform: translate3d(0,100%,0);
	transition: none;
	-webkit-transition: none;
	background: #010206;
	z-index: 2;
}
.site-light .ajax-content:not(.has-gallery) .ajax-bg{
	background: #f9f9f9;
}
body > .ajax-content.has-gallery .ajax-bg{
	background:rgba(6, 7, 8, 0.8);
}
.ajax-bg.show{
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transition: transform 0.6s;
	transition: transform 0.8s cubic-bezier(0.2, 0.9, 0.4, 1);
}
.ajax-bg.show.temp-trans{
	transform: translate3d(0,-100%,0);
	transition: transform 0.8s 0.2s cubic-bezier(0.4, 0.9, 0.2, 1);
}



/*close*/
.popup-player .close,
.close-single{
	position: absolute;
	top: 8px;
	left: 100vw;
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin-left: -17px;
	transform: translateX(-100%);
	color: #fff;
	text-align: center;
	font-family: 'pt-icons';
	cursor: pointer;
	opacity: 0;
	z-index: 100;
}
.site-light .close-single{
	color: #111216;
}
.popup-player .close:before,
.close-single:before{
	content: '\f135';
	display: block;
	font-size: 30px;
	transition: all 0.4s;
}
.pt-desktop .ajax-bg.show ~ .wrap .close-single:hover{
	opacity: 0.9;
}
.ajax-bg.show ~ .wrap .close-single,
.popup-player .close.show{
	opacity: 1;
}
.ajax-bg.show ~ .wrap .close-single.hide{
	opacity: 0;
}
.ajax-content.has-gallery .close-single{
	display: none;
}


/* $ transition ----------------------------------------------------------------------------------------------- */

a,i.btn,input,textarea,button,select,
.widget_nav_menu a:after,form[role="search"],.pt-header .main-menu li:before,
.single-related h3,.single-clone-nav h5:after,.pt-filter li:after,
.swiper-pagination span:after,.swiper-pagination span:before,.pic-list .pt-h,
.pt-social em,.copyright p,.single-nav h5,.single-nav em,a.btn-no-text:before,
a.btn span:after,.pricing-table a.btn span,.call-popup:after,.pricing-table a.pt-btn-line,div.close-single,
.sc-faq .item .title:before,.style-default .intro,.style-default .pt-category,.pt-share a i,.call-search:before,
i.call-cate:after,.pt-category a:after,.single-related .category a:after,.icon:before,.btn:before,
.woocommerce-mini-cart.cart_list li:after{
	transition: all 0.2s;
}
.sc-faq .item,
.pt-popup .copyright{
	transition: opacity 0.2s;
}
.img:after,
.single-header .bg-full,
.single-clone-nav .text,
.pt-row,.pt-num,
.ptsc:not(.blog-list):not(.pic-list) .bg-full,
.video-addition,
.single-nav .ctrl:before,
.sc-photo-wall p{
	transition: opacity 0.4s,filter 0.4s;
}
a.btn-no-text:after,.pt-btn-box:before,.pt-btn-box:after,i.call-video-popup:after,
.swiper-btn-wrap > div,.swiper-btn-wrap > div:after,
.call-filter:after,
.pt-submit-wrap,
.for-img-sub .text li:after,.caption,.caption:after{
	transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1);
}
.cover-text > *{
	transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1),opacity 0.5s;
}
.progress-bar{
	transition: all 1.5s;
}
.progress-bar .number{
	transition: opacity 1s 1s,right 1s 1s;
}
.pt-viewport-target,
.pt-viewport-target + .text{
	transition: opacity 0.5s;
	-webkit-transform: translateZ(0);
}

.effect-viewport .pt-row .item:nth-child(2) .inner-wrap > div{
	transition: opacity 0.5s 0.05s;
}
.effect-viewport .pt-row .item:nth-child(3) .inner-wrap > div{
	transition: opacity 0.5s 0.1s;
}
.effect-viewport .pt-row .item:nth-child(4) .inner-wrap > div{
	transition: opacity 0.5s 0.15s;
}
.effect-viewport .pt-row .item:nth-child(5) .inner-wrap > div{
	transition: opacity 0.5s 0.2s;
}
.effect-viewport .pt-row .item:nth-child(6) .inner-wrap > div{
	transition: opacity 0.5s 0.25s;
}
.effect-viewport .pt-row .item:nth-child(7) .inner-wrap > div{
	transition: opacity 0.5s 0.3s;
}
.effect-viewport .pt-row .item:nth-child(8) .inner-wrap > div{
	transition: opacity 0.5s 0.35s;
}
.effect-viewport .pt-row .item:nth-child(9) .inner-wrap > div{
	transition: opacity 0.5s 0.4s;
}
.effect-viewport .pt-row .item:nth-child(10) .inner-wrap > div{
	transition: opacity 0.5s 0.05s;
}

.popup-player .bg-full{
	transition: opacity 0.4s,transform 0.3s;
	-webkit-transition: opacity 0.4s,transform 0.3s;
}


.btn.call-search:after,
.pt-mini-cart .call-mini-cart:after,
.pt-social li a i:after,
.pt-popup-btn .call-popup:after,
i.close-pt-popup:after,
.go-top:after,
a.btn-no-text:after,
.pt-iv-btn:after,
.pages li a:after,
.pic-main .btn-wrap a:after{
	content: '';
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	z-index: -1;
	margin:-2px;
	border-radius: 100px;
	transition: all 0.6s,opacity 0.2s;
	opacity: 0.5;
}
i.close-pt-popup:after{
	transition: all 0.6s;
}
.btn.call-search:hover:after,
.pt-mini-cart .call-mini-cart:hover:after,
.pt-social li a:hover i:after,
.pt-popup-btn .call-popup:hover:after,
i.close-pt-popup:hover:after,
.go-top:hover:after,
.pt-iv-btn:hover:after,
a.btn-no-text:hover:after,
.pages li a:hover:after{
	transform: scale(1.05);
	opacity: 1;
}
.pt-desktop .pic-main .btn-wrap a:hover:after{
	transform: scale(1.1);
	opacity: 1;
}

.pic-main .btn-wrap a:hover:after{
	transition: all 0.8s, transform 0.4s 0.3s;
}

footer.style-01 .pt-social a i:after,
.pt-popup-widgets .pt-social a i:after{
	transform: scale(0.9) !important;
}
.btn.call-search:hover:before,
.btn.call-popup:hover:before,
.pt-mini-cart .call-mini-cart:hover:before{
	color: #fff;
}

/* 2020/03/18 */
.pt-popup.for-img-sub .bg-full, 
.blog-list .bg-full, 
.pic-list .img .bg-full, 
.single-related .bg-full {
    will-change: transform;
}

.pic-main .img:after,
.blog-main .img:after,
.sc-carousel .img:after,
.sc-photo-wall .img:after {
    will-change: opacity;
}

.show-ajax .js-follow,
.show-ajax .full-title {
    z-index: 100001;
}

/* Updated at 2020/12/07 */
.m-mode .sc-slider .swiper-slide .sub-title {
    opacity: 1;
    top: 0;
}

/* Updated at 2021/04/25 */
.pt-social li .pt-custom-icon.icon:before {
    font-family: inherit;
}

i.fab,
i.fa-brands {
	font-style: normal;
    display: inline-block;
}

.icon.pt-twitter:before {
    font-family: 'Font Awesome 6 Brands' !important;
	content: "\e61b";
}