@charset "utf-8";
/*
Theme Name: Lemontree
Theme URI: http://3theme.com/tf002/
Description: Lemontree - Photography & Portfolio WordPress Theme
Version: 1.2.2
Author: foreverpinetree@gmail.com
Author URI: http://foreverpinetree.com/
Text Domain: lemontree
Tags: four-columns, 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
*/

/*web-font*/

body,textarea,input,button,select,.mix-box .h i,.landing-caption h5,.landing-caption h6{
	font-family:'trueno',sans-serif;
	font-weight: 300;
}
.h,div.category a,.post-title,.title,.title-style-01,.pic-list:not(.style-02-3) .pic-box .text > a,.related-group,.pt-loadmore,.btn-normal a{
	font-weight: 600;
}
.style-02 .side-menu li,.side-menu>li>a,
.post-banner .h,
.style-02 nav .sub-menu a,
.style-02 .side-menu>li>a:not(.full),
.category .item a{
	font-weight: 300;
}

.font-title{
	letter-spacing: 1px;
}
.font-menu{
	letter-spacing: 1px;
}


blockquote,.mix-box .h i{
	vertical-align: baseline;
	font-family: times,serif;
}

/*bold font*/
strong,b{
	font-weight: 600;
}



/*site base font size*/
html{
	font-size: 14px;
}

/*small font*/
body,small,.contact .wrap,.style-01 .header-info .intro,.iconbox .item,.style-03 .comment-author .text,textarea,input,.category.style-01 .intro,.custom-info{
	font-size: 1rem;
}

/*Minimum-text*/
.post-meta p:not(.custom-info),i.share,.nav-icon.type-01:before,.main-menu li,.post-footer a,.reply a,.footer.left a, .footer.left i,.comment-author .text,.tabs-nav li i,
.comment-form small a,.form-submit input,.post-ctrl .text,.style-03 i.share,.style-03 .post-footer a,.style-03 .reply a,.btn-normal a,
.style-03 .comment-author .text,.blog-meta,.filter-ctrl li i,.pt-loadmore i{
	font-size: 0.875rem;
}

/*menu font*/
header nav .sub-menu a,.style-02 .blog-box .intro{
	font-size: 1rem;
}


/* site  basic ============================================================================================ */

html,body, p, input, h1, h2, h3, h4, h5, h6, ul, ol,li, dl, dt, dd, form,figure,svg{margin: 0; padding: 0;}
img{border:none;border:0;vertical-align: middle;}
body,li,a,div,nav,header,footer,section,span,p,article,ol,ul,figure,form,input,textarea,em,.h,i,img,:after,:before{box-sizing: border-box;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
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{-webkit-appearance: none;}
button{border: none;}
textarea,input,a,div,img,button,select,i,li{outline:none;}
a{-webkit-tap-highlight-color:rgba(19,20,21,0);text-decoration: none;}
em,i,cite{font-style: normal;}
textarea,input{border: none;}
input[type='submit'],button{cursor: pointer;}


body{
	overflow-x:hidden;
}
iframe{
	width: 100%;border:none;
}
.iframe-wrap{
	position: relative;
	padding-top: 56.25%;
	margin: 40px 0;
}
.bg-full iframe,.iframe-wrap iframe,.post-banner iframe,.post-banner video,.post-mp4-player{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	z-index: 9;
}

p a{
	word-break: keep-all;
}
p{
	line-height: 160%;
}
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;
	font-size: 150%;
	margin: 40px 0;
	padding: 40px;
	line-height: 120%;
	overflow: hidden;
	font-style: italic;
	background-color: rgba(116,116,116,.07);
	border-radius: 4px;
}
blockquote:after{
	content: '\e977';
	position: absolute;
	left: 20px;
	top: 20px;
	color: rgba(116,116,116,.1);
	font-size: 150%;
	font-family: 'myicon';
	font-style: normal;
}
blockquote p{
	margin-bottom: 0 !important;
	line-height: 120%;
}
pre {
	white-space: pre-line;
}

.text-area ol ol,.text-area ol ul,.text-area ul ul,.text-area ul ol,
.default-wrap ol ol,.default-wrap ol ul,.default-wrap ul ul,.default-wrap ul ol,
.comment-area ol ol,.comment-area ol ul,.comment-area ul ul,.comment-area ul ol{
	padding-left: 15px;
}
.text-area li,.default-wrap li,.comment-area li{
	margin-left: 15px;
}
.text-area label,.default-wrap label,
.text-area label input,.default-wrap  label input,
.text-area input[type='submit'],.default-wrap input[type='submit']{
	display: inline-block;line-height: 30px;
}
.text-area label input,.default-wrap  label input{
	border:1px solid rgba(166,166,166,.5);
}
.text-area input[type='submit'],.default-wrap input[type='submit']{
	border:1px solid #777;
	background-color: #777;
	padding: 0 20px;
	color: #fff;
	border-radius: 2px;
}
.text-area label input,.default-wrap  label input{
	padding: 0 10px;
	border-radius: 2px;
}
.bypostauthor{ opacity: 1}

.bg-video.item{
	z-index: 10;
}
.m-mode .bg-video.item{
	display: none;
}

/*wp-default ------------------------------------------------------------------------- */
img.alignright { float: right; margin: 1em 0 1em 1em; }
img.alignleft { float: left; margin: 1em 1em 1em 0; }
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.4118em 1.6471em 1.6471em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4118em 0 1.6471em 1.6471em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	margin-top: 0.4118em;
	margin-bottom: 1.6471em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2353em;
}
.wp-caption {
	margin-bottom: 1.6em;
	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: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}


/* commonly ============================================================================================*/

a.full{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(0,0,0,.0);opacity: 0; z-index: 99;
}
.view-in{
	opacity: 0;top: 50px;
}
.m-mode .view-in{opacity: 1 !important;top: 0 !important;}

.cf:after,.mix-box.style-01:after,.comment-body:after{
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.h{
	position: relative;
	margin-bottom: 10px;margin-top: 10px;
}
.site-dark .h{color: #fff;}
.site-light .h{color: #111;}
h1,h2{line-height: 100%;}
h4,h3{line-height: 120%;}
h5,h6{line-height: 140%;}


@media screen and (min-width: 1921px) {
	h1{font-size: 70px;font-size: 4vw;}
	h2{font-size: 58px;font-size: 3.2vw;}
	h3{font-size: 48px;font-size: 2.6vw;}
	h4{font-size: 30px;font-size: 2.2vw;}
	h5{font-size: 24px;font-size: 1.8vw;}
	h6{font-size: 18px;font-size: 1vw;}
}
@media screen and (max-width: 1920px) {
	h1{font-size: 60px;font-size: 4.2vw;}
	h2{font-size: 54px;font-size: 3.6vw;}
	h3{font-size: 44px;font-size: 3vw;}
	h4{font-size: 32px;font-size: 2.5vw;}
	h5{font-size: 24px;font-size: 2vw;}
	h6{font-size: 17px;font-size: 1.3vw;}
}
@media screen and (max-width: 1023px) {
	h1{font-size: 30px;font-size: 6.6vw;}
	h2{font-size: 22px;font-size: 5.5vw;}
	h3{font-size: 18px;font-size: 5vw;}
	h4{font-size: 18px;font-size: 4.5vw;}
	h5{font-size: 14px;font-size: 3.5vw;}
	h6{font-size: 11px;font-size: 3vw;}
}
.default-wrap h1,.text-area h1,.comment-area h1{font-size: 3rem;}
.default-wrap h2,.text-area h2,.comment-area h2{font-size: 2.571rem;}
.default-wrap h3,.text-area h3,.comment-area h3{font-size: 2.143rem;}
.default-wrap h4,.text-area h4,.comment-area h4{font-size: 1.714rem;}
.default-wrap h5,.text-area h5,.comment-area h5{font-size: 1.429rem;}
.default-wrap h6,.text-area h6,.comment-area h6{font-size: 1.286rem;}



.img{
	position: relative;
	overflow: hidden;
}
.img img{
	width: 100%;
	height: auto;
}
.player .controls{
	display: none !important;
}
.loader-layer{
	position: fixed;
	width: 100%;height: 100%;
	right: 0;top: 0;
	z-index: 3999;
}
.loader-layer .bg,.loader-layer .mask{
	position: absolute;width: 100%;height: 100%;right: 0;top: 0;
	z-index: 2;
}
.loader-layer .bg{
	background-color: rgba(44,44,44,.6);
	z-index: 1;
}
.loader-layer .img{
	max-width: 600px;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 3;
}
.loader-layer img{
	max-width: 100%;
}
.site-dark .loader-layer .mask{
	background-color: #070809;
}
.site-light .loader-layer .mask{
	background-color: #fff;
}

/*dark and light ————————————————————————————————————————————————————————————————————————————————————*/

.site-dark,.site-dark input,.site-dark textarea{
	background-color: #070809;
	color: #e7e8e9;
}
.site-light,.site-light input,.site-light textarea{
	background-color: #fff;
	color: #111;
}
.site-dark.light-for-landing{
	background-color: #fff;
}
.site-dark a{
	color: #fff;
}
.site-light a{
	color: #111;
}
.site-light.gray a,
.site-light.gray .nav-icon.type-01:before{
	color: #555;
}
.site-light.gray .nav-icon i{
	background-color: #555;
}
.site-border{
	margin: 30px 30px 0 30px;
}
.body-border i{position: fixed;z-index: 2999;background-color: #fff;}
.body-border i:nth-child(1){width: 100%;height: 30px;left: 0;top: 0;}
.body-border i:nth-child(2){height: 100%;width: 30px;right: 0;top: 0;}
.body-border i:nth-child(3){width: 100%;height: 30px;left: 0;bottom: 0;}
.body-border i:nth-child(4){height: 100%;width: 30px;left: 0;top: 0;}
.site-light .body-border i{background-color: #eee;}
.has-wp-bar .body-border i:nth-child(1){top: 32px;}




.bg-slider:after,
.pic-box .text:after,
.bg-color{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}

/*header ————————————————————————————————————————————————————————————————————————————————————————————*/
.site-light .header-gap{
	height: 80px;
}

body:not(.m-mode) .header-gap.show{
	height: 80px;
}

header{
	position: fixed;
	width: 100%;height: 80px;
	left: 0;top: 0;
	padding: 15px 30px 15px 15px;
	transition: height 0.3s,padding 0.3s,opacity 0.3s,visibility 0.3s;
	z-index: 999;
}
header.no-side{
	padding-right: 15px !important;
}
header.up{height: 51px !important;padding-top: 0 !important;padding-bottom: 0 !important;opacity: 0;visibility: hidden;}
header.up .nav-icon{left: 10px;}
header.up .logo{padding: 8px 0;}

.site-border header{
	top: 30px;
	padding: 15px 60px 15px 45px;
}
.site-border header.no-side{
	padding-right: 45px !important;
}
.site-light header,.site-light > footer{
	background: rgba(255,255,255,0.9);
}
.has-wp-bar header,.has-wp-bar header.style-01 .side-menu li.has-img .sub-menu{top: 32px;}
.has-wp-bar .site-border header{top: 62px;}

.logo{
	position: absolute;
	left: 0;top: 0;
	height: 80px;
}
.site-border .logo{
	left: 30px;
}
.logo img{
	height: 100%;
}



/*menu */
header nav{
	position: absolute;
	right: 0;top: 0;
	padding: 20px;
	letter-spacing: 2px;
	opacity: 0;
	visibility: hidden;
	direction: ltr;
}
nav.open{
	position: fixed;
	right: 0;
	height: 100%;width: 24%;
	z-index: 2;
	opacity: 1;visibility: visible;
}
nav.open.fadeout{
	opacity: 0;
	visibility: hidden;
}
.main-menu{
	position: relative;
	float: right;
	letter-spacing: 1px;
}

header:after{
	content: '';position: absolute;width: 100%;height: 20vh;left: 0;top: 0;z-index: -1;
	opacity: 0;visibility: hidden;
	background: -webkit-linear-gradient(top, rgba(0,0,0,.4) 0%,transparent 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,.4) 0%,transparent 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,.4) 0%, transparent 100%);
}
.site-light header:after,
.site-light.gray .footer:after{
	display: none;
}
header:hover:after{
	opacity: 1;visibility: visible;
}

.outside-menu li{
	position: relative;
	list-style-type: none;
	float: left;
}
.outside-menu>li{
	margin:0 30px 0 0;
}
.outside-menu>li>a:after{
	content: '';position: absolute;width: 0;height: 1px;right: 1px;top:50%;margin-top: 10px;
}
.outside-menu li a:hover:after,.outside-menu > li.current-menu-item > a:after,.outside-menu > li.current-menu-ancestor > a:after{
	left: -1px;right: auto;width: 100%;
}
.outside-menu > li.current-menu-ancestor:hover > a:after{
	width: 0;right: 1px;left: auto;
}
.outside-menu .sub-menu li.current-menu-item:before{
	content: '\f105';position: absolute;left: -10px;top: 0;font-size: 10px;line-height: 24px;
	font-family: 'myicon';color: #fff;
}
.outside-menu > li.current-menu-item:hover > a{
	opacity: 1;
}

.outside-menu>li:last-child .sub-menu{
	left: auto;
	right: 0;
}

.main-menu .bg-full{
	display: none !important;
}
.outside-menu{
	position: relative;
	margin-top: 5px;
}

.outside-menu>li.menu-item-has-children:after{
	content: '\f107';display: inline-block;vertical-align: top;line-height: 40px;
	font-family: 'myicon';
}
.outside-menu a{
	position: relative;
	display: inline-block;vertical-align: top;line-height: 40px;
}
.outside-menu .sub-menu{
	position: absolute;
	max-height: 0px;
	left: 0;top:40px;
	background-color: rgba(44,44,44,.9);
	padding:18px 33px 18px 30px;
	opacity: 0;
	border-radius: 3px;
	visibility: hidden;
	overflow: hidden;
}
.outside-menu .sub-menu li{
	width: 100%;
}
.site-dark .outside-menu .sub-menu{
	background-color: rgba(66,66,66,.6);
}
.site-dark .outside-menu .sub-menu:hover{
	background-color: rgba(66,66,66,.8);
}
.outside-menu li:hover .sub-menu{
	opacity: 1;
	overflow: visible;
	visibility: visible;
	max-height: 2000px;
}
.outside-menu .sub-menu a{
	white-space: nowrap;
	line-height: 200%;
	color: #fff;
}
.outside-menu .sub-menu li:hover a{
	text-shadow: 0 0 8px #fff;
}



.nav-ctrl{
	float: right;
}

.nav-icon{
	position: relative;
	width: 50px;height: 50px;
	left: 0;
	margin-left: 30px;
	line-height: 50px;
	cursor: pointer;
}
.nav-icon.type-03{
	width: 30px;margin-right: 6px;
}
.nav-icon.type-04{
	margin: 0 -10px 0 10px;
}
.nav-icon.type-01{width: 90px;}
.nav-icon:after{
	content: '';position: absolute; height: 10px;width: 2px;background-color: #fff;left: -31px;top: 20px;cursor: default;
}
.site-light .nav-icon:after{
	background-color: rgba(111,111,111,.4);
}
.nav-icon.type-04:after{
	display: none;
}
.nav-icon.type-01:before{
	content: 'MENU';display: block;color: #fff;
}
.site-light .nav-icon.type-01:before{
	color: #111;
}


.nav-icon i{
	position: absolute;
	width: 30px;height: 3px;
	right: 10px;
	background-color: #fff;
}
.site-light .nav-icon i{
	background-color: #111;
}
.nav-icon.type-02 i{
	width: 34px;
	height: 3px;
	right: 7px;
}
.nav-icon.type-03 i{
	height: 2px;width: 24px;right: 2px;
}
.nav-icon.type-04 i{
	width: 16px;
	height: 2px;
	right: 17px;
	background-color: rgba(255,255,255,.8);
}
.site-light .nav-icon.type-04 i{
	background-color: rgba(11,11,11,.8);
}
.nav-icon.type-04:before{
	content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: 4px;
}

.nav-icon i:nth-child(1){top: 19px;}
.nav-icon i:nth-child(2){top: 24px;}
.nav-icon i:nth-child(3){top: 29px;}
.nav-icon.type-01 i:nth-child(1){top: 17px;}
.nav-icon.type-01 i:nth-child(2){top: 23px;}
.nav-icon.type-01 i:nth-child(3){top: 29px;}

.nav-icon.type-04 i:nth-child(1){top:20px; }
.nav-icon.type-04 i:nth-child(3){top:28px; }
.nav-icon.type-04:hover i{opacity: 0.8;}

.nav-icon i:after{
	content: '';
	position: absolute;
	width: 0;height: 100%;left: 0;top: 0;
}
.nav-icon:hover i:after{
	width: 100%;
}
.nav-icon.type-04 i,
.nav-icon.type-04 i:after{
	background-color: #fff !important;
}
i.nav-close{
	font-family: 'myicon';
	position: absolute;right: 40px;top: 0;width: 90px;height: 90px;line-height: 90px;text-align: center;
	cursor: pointer;z-index: 10;
	color: #fff;
	opacity: 0;visibility: hidden;
}

body:not(.site-border) i.nav-close{
	top: 0;right: 0;
}

nav.side-menu-holder {
    z-index: 5;
}

i.nav-close:after,.m-nav-close:after{
	content:"\e5cd";position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 30px;
}
i.nav-close:hover{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
i.nav-close.show{
	opacity: 1;visibility: visible;
}

nav .side-menu{
	position: absolute;
	top: 50%;right:100%;
	z-index: 2;
}
.side-menu li{
	position: relative;
	list-style-type: none;
}
.side-menu a{
	position: relative;
	display: inline-block;vertical-align: top;
	opacity: 0.6;
	line-height: 120%;
	color: #fff;
	z-index: 2;
}
.style-02 .side-menu a{
	opacity: 0.9; 
}
.style-01 .side-menu>li>a{
	display: block;
}
.side-menu li.current_page_item>a,
.side-menu a:hover{
	opacity: 1;
}
.side-menu>li{
	left: -20px;opacity: 0;
	padding-right: 30px;
	z-index: 1;
}
.side-menu>li:hover{
	z-index: 2;
}
.style-01 .side-menu>li:before{
	content: '';position: absolute; right: 105%;top: 50%;height: 1px;width: 0;
}
.style-01 .side-menu>li.current_page_item:before,
.style-01 nav .side-menu>li:hover:before,
.style-01 nav .side-menu>li.current_page_item:hover:before{
	width: 30px;
}

.style-01 .side-menu>li>a{
	padding-right: 40px;
	white-space: nowrap;
}

.style-01 .side-menu:hover>li:before,
.side-menu:hover>li.current_page_item:before,
.style-01 .side-menu:hover>li:before{
	width: 0;
}
.style-01 nav .sub-menu{
	position: absolute;
	width: 100%;width: 22vw;
	left: 95%;top: -15px;
	padding: 20px 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.style-01 nav .sub-menu li:after{
	content: '';
	position: absolute;width: 300%;height: 0;
	left: 40px;top: 50px;opacity: 0;
}
.style-01 nav .sub-menu li:hover:after{
	left: 0;top: 0;opacity: 1;height: 100%;
}
header nav .sub-menu a{
	position: relative;
	line-height: 300%;
	padding-left: 50px;
	font-size: 13px;
	z-index: 2;
}
.style-01 nav li:not(.has-img) .sub-menu a:hover{
	padding-left: 53px;
}
.style-01 nav:after{
	content: '';position: fixed;height: 100%;width: 24vw;
	right: -10%;top: 0;
	background-color: #555;
	opacity: 0;
	z-index: 1;
}
.style-01 nav.over-main:after{opacity: 0.1;right: 0;}
.style-01 .side-menu li:hover .sub-menu{
	opacity: 1;visibility: visible;
	pointer-events: auto;
	left: 100%;
}
.style-01 .has-img li .bg-full{
	z-index: -1;
}
.style-01 .side-menu li.has-img .sub-menu{
	position: fixed;
	width: 24vw;
	right: 0;left: auto;top: 0;
	overflow: auto;
	padding: 0;
}
.site-border header.style-01 .has-img .sub-menu{
	top: 30px;right: 30px;width: calc(24vw - 30px);
}
.has-wp-bar .site-border header.style-01 .has-img .sub-menu{
	top: 62px;
}
.style-01 .has-img li:after{
	display: none;
}
.style-01 li.has-img li:before{
	background-color: #070809;
	z-index: 3;
}
.style-01 li.has-img .sub-menu:hover li:before{
	opacity: 0.7;
}
.style-01 li.has-img .sub-menu li:hover:before{
	opacity: 0.2;
}
.style-01 .has-img li a{
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	text-align: center;padding: 0;
	opacity: 0;
	z-index: 4;
}
.style-01 li.has-img li{
	opacity: 0;
}
.style-01 .side-menu>li.has-img:hover li,
.style-01 li.has-img li:hover a{
	opacity: 1;
}

.style-02 nav{
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 0;
	top: 0;
	left: 0;
	right: auto;
}
.site-border header.style-02 nav{
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	left: 30px;top: 30px;
}
.has-wp-bar .site-border header.style-02 nav{
	height: calc(100% - 92px);
	top: 62px;
}
.side-menu a.full{
	position: absolute;
	z-index: -1;
}
.side-menu li:not(.menu-item-has-children) a.full{
	z-index: 2;
}
.style-02 .side-menu>li{
	background-color: rgba(11,11,11,.3);
}
.style-02 .side-menu>li:nth-child(2n){
	background-color: rgba(33,33,33,.7);
}
.style-02 .side-menu>li>.bg-full{
	opacity: 0.9;
	z-index: -3;
}
.style-02 .side-menu>li:hover>.bg-full{
	opacity: 0.7;
}
.style-02 .side-menu>li.non-bg>.bg-full{
	opacity: 0 !important;
}
.style-02 .side-menu>li>a:not(.full){
	position: absolute;
	left: 9%;top: 50%;
	margin-top: -3vh;
	line-height: normal;
	z-index: 2;
}
.style-02 .side-menu>li>i{
	position: absolute;
	right: 40px;bottom:3%;
	line-height: 0;
	font-size: 10vw;
	opacity: 0.3;
	color: #fff;
	pointer-events: none;
	z-index: 4;
}
.style-02 .side-menu>li:hover>i{
	opacity: 1;z-index: 2;
}
.style-02 .side-menu>li:not(.menu-item-has-children):hover>a:not(.full){
	opacity: 1;z-index: 2;
}
.style-02 .side-menu>li.menu-item-has-children:hover>a:not(.full){
	opacity: 0;left: 6%;
}
.style-02 .side-menu>li.menu-item-has-children{
	font-size: 0;
}
.style-02 .side-menu{
	left: 0;top: 0;right: auto;
}
.has-wp-bar .style-02 .side-menu{
	top: 32px;
}
.style-02 .side-menu>li{
	width: 33.333333vw;
	padding: 0;left: 0;top: 0;
	float: left;
}

header.for1.style-02 .side-menu>li{
	width: 100%;text-align: right;
}
header.for2.style-02 .side-menu>li{
	width: 50%;
}
header.for3.style-02 .side-menu>li{
	width: 33.3333%;
}
header.for3.style-02 .side-menu,header.for2.style-02 .side-menu,header.for1.style-02 .side-menu{
	width: 100% !important;
}
header.for1.style-02 .side-menu>li.menu-item-has-children>a:not(.full),header.for1.style-02 .side-menu>li>i{
	display: none;
}
header.for1.style-02 nav .sub-menu{
	padding: 0 20% 0 0 !important;text-align: left;
}
nav:not(.open) .side-menu,header nav:not(.open) .bg-full{
	visibility: hidden !important;
	pointer-events: none;
}
nav li.non-bg.has-img>.bg-full,
.layer-bg.non-bg .bg-full{
	opacity: 0;
}
header.for1.style-02 .side-menu>li>.bg-full{
	display: none;
}
header.for1.style-02 .side-menu>li:after{
	opacity: 0.2 !important;
}
header.for1.style-02 nav.open .sub-menu{
	opacity: 1 !important;visibility: visible;
}

.style-02 .side-menu>li.show{
	top: 0;opacity: 1;
}
.style-02 nav .sub-menu{
	position: static;
	display: inline-block;vertical-align: middle;
	padding-left: 12%;
	opacity: 0;visibility: hidden;
	z-index: 99;
}

.style-02 nav .sub-menu a{
	left: 0;
	opacity: 0.9;
	padding: 0;
}

.title-group.type-02 .h,
.post-banner .h,
.style-02 .side-menu li,.side-menu>li>a,
.style-02 nav .sub-menu a,
.style-02 .side-menu>li>a:not(.full),
.category .item a{
	letter-spacing: 8px;
	font-size: 26px;
	line-height: 200%;
	text-transform: uppercase;
}
@media screen and (max-width: 1680px){
	.post-banner .h,
	.style-02 .side-menu li,.side-menu>li>a,
	.style-02 nav .sub-menu a,
	.style-02 .side-menu>li>a:not(.full),
	.category .item a{
		font-size: 20px;
	}
}


nav .pt-mouse-scroll-boxed{
	opacity: 0;
}
nav .pt-mouse-scroll-boxed.show{
	opacity: 1;
}

.style-02 .side-menu>li:hover .sub-menu{
	opacity: 1;visibility: visible;padding-left: 9%;
}
.style-02 nav .sub-menu a:hover{
	left: 3px;
}

header.style-02 .side-menu>li:after{
	background-color: #070809;
	opacity: 0;
	z-index: 1;
}


.style-02 nav .sub-menu .bg-full{
	opacity: 0;
	z-index: -2;
}
.style-02 nav .sub-menu li.show-bg .bg-full{
	opacity: 0.8;
}
.style-02 nav .sub-menu li{
	position: static;
}
.style-02 .side-menu>li.menu-item-has-children > a.full{
	display: none;
}




/*header-info*/
header .header-info{
	position: fixed;display: none;
	height: 100%;width: 45%;left: 0;top: 0;font-size: 0;
	padding-left: 6%;
	z-index: 2;
}
.style-02 .header-info{
	display: none;
}
.style-06 .pic-box .wrap:after,
.has-pic-08 .pic-box .wrap:after,
.style-01 .header-info:after,
.style-02 .side-menu>li:before,
.landing-caption .item:after,
.page-other:after{
	content: '';display: inline-block;vertical-align: middle;
	width: 0;height: 100%;
}
.style-01 .header-info .intro{
	position: relative;
	max-width: 300px;
	color: rgba(255,255,255,.8);
	display: inline-block;vertical-align: middle;
}
.style-01 .side-menu>li>.bg-full{
	display: none;
}
.header-info .intro a{
	color: #fff;
}

header .layer-bg{
	position: fixed;
	width: 0;height: 100%;
	right: 0;top: 0;
	background-color: #070809;
	overflow: hidden;
	z-index: 1;
}
.layer-bg .bg-full{
	width: 100vw;
	left: auto;
	z-index: 1;
}
header .layer-bg .bg-full{
	transform: translateX(5%);
}
header.lock  .layer-bg .bg-full{
	transform: translateX(0);
}




/*bg-slider ——————————————————————————————————————————————————————————————————————————————————————————*/

.bg-slider{
	position: fixed;
	height: 100vh;width: 100%;
	left: 0;top: 0;
	overflow: hidden;
	opacity: 0;
	z-index: -2;
}
.bg-slider.w_50{
	width: 50%;left: auto;right: 0;
}
.bg-slider .slick-list,
.bg-slider .slick-track{height: 100%;}
.bg-slider .wrap{
	position: relative;
	width: 100%;height: 100%;
	z-index: 1;
}
.bg-slider .item{
	-webkit-backface-visibility: hidden;
	width: 100%;height: 100%;
	background-size: cover;background-position: center;
	left: 0;top: 0;
	transform: translate3d(0,0,0);
	opacity: 0;
}
.bg-slider .item:first-child{
	position: relative;
	display: block;
	float: left;
}
.bg-slider:after{
	content: '';
	opacity: 0;
	z-index: 2;
}
.site-dark .bg-slider:after{background-color: #070809;}
.site-light .bg-slider:after,.site-dark.light-for-landing .bg-slider:after{background-color: #fff;}

.bg-slider.mask-0:after{opacity: 0}
.bg-slider.mask-2:after{opacity: 0.2}
.bg-slider.mask-5:after{opacity: 0.5}
.bg-slider.mask-7:after{opacity: 0.7}
.bg-slider.mask-9:after{opacity: 0.9}

/*public-setting ——————————————*/

.bg-full,
.bg-full:after{
	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-full{
	transform: translate3d(0,0,0);
}

/*main-slider ———————————————————————————————————————————————————————————————————————————————————————————*/
.main-slider{
	position: relative;
	background-color: #171819;
	z-index: 2;
}
.site-light .main-slider a,.site-light .main-slider{
	color: #fff;
}
.mix-box.style-03 .h,.mix-box.style-03,.mix-box.style-03 a{
	color: #fff;
}
.mix-box.style-03 .btn-01 a{
	border-color: #fff;
}

.main-slider .item,.main-slider .slick-list,.main-slider .slick-track,
.post-banner .item,.post-banner.slider .slick-list,.post-banner.slider .slick-track,.post-banner .wrap{
	height: 100%;
}
.post-banner .item{
	position: relative;
}

.main-slider .text{
	position: absolute;
	min-width: 250px;width: 50%;
	max-width: 700px;
	color: #fff;
	pointer-events: none;
	z-index: 6;
}
.main-slider .t-style-01 .text{
	left: 10vh;bottom: 10vh;
}

.main-slider .t-style-02{
	text-align: center;
}
.main-slider .t-style-02 .text{
	position: relative;
	display: inline-block;vertical-align: middle;
	width: auto;
	padding: 0 30px;
}
.main-slider .t-style-02 .text .h{
	width: 140%;
    left: -20%;
}
.main-slider .t-style-03 .text{
	right: 10vh;bottom: 10vh;
	text-align: right;
}

.main-slider .h,.main-slider p{
	pointer-events: none;
}
.main-slider .h{
	min-width: 250px;line-height: 100%;color: #fff;
}
.main-slider .only-title .h:after{
	content: ''; position: absolute;width: 60px;height: 3px;background-color: #fff;
	left: 70px;bottom: -10px;opacity: 0;
}
.main-slider .only-title.t-style-03 .h:after{
	left: auto;
}
.main-slider .slick-active.t-style-01 .h:after{
	left: 1px;opacity: 1;
}
.main-slider .slick-active.t-style-02 .h:after{
	display: none;
}
.main-slider .slick-active.t-style-03 .h:after{
	right: 1px;opacity: 1;
}
.main-slider p{
	position: relative;
	min-width: 250px;
	margin-top: 15px;
	opacity: 0;top: 30px;
}
.main-slider .t-style-01 p{
	padding-left: 20px;border-left: 6px solid #fff;
}
.main-slider .t-style-02 p{
	margin-right: auto;margin-left: auto;
}
.main-slider .t-style-03 p{
	width: 100%;padding-left: 20%;
	padding-right: 20px;border-right: 3px solid #fff;
}
.main-slider a{
	opacity: 0;top: 30px;
}
.btn-01 a,.btn-02 a{
	position: relative;
	display: inline-block;
	margin-top: 25px;line-height: 48px;
	letter-spacing: 1px;font-size: 12px;
	text-transform:uppercase !important;
	font-family:'trueno',sans-serif !important;
	font-weight: 600;
	border-radius: 2px;
	pointer-events: auto;
}
div[class^="btn-"].small a{
	margin-top: 15px;
}
.btn-01 a{
	border: 1px solid #fff;overflow: hidden;padding: 0 60px 0 30px;
}
.btn-02 a{
	padding:0 36px;line-height: 48px;perspective:1000px;
}
.site-light .btn-02 a{
	color: #fff;
}
.site-light .btn-01 a{
	border-color: #111;
}
.site-light .main-slider .btn-01 a{
	border-color: #fff;
}
.btn-02.small a,
.btn-01.small a{
	padding: 0 24px;line-height: 34px;font-size: 11px;
}
body:not(.m-mode) .btn-02.small a,
body:not(.m-mode) .btn-01.small a{
	line-height: 40px;
}
.btn-01.small a{
	padding: 0 40px 0 20px;
}
.btn-01.small a:hover{
	padding: 0 20px 0 40px;
}
.btn-01.small a:after{
	right: 15px;
}
.btn-01.small a:hover:before{
	left: 15px;
}
.btn-02 a i{position: relative;z-index: 2;}
.btn-02 a:after{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;border-radius: 3px;
}
.btn-02 a:hover{
	padding:0 52px 0 20px;
}


.btn-01 a:after,
.btn-01 a:before,
.btn-02 a:before{
	content: "\f105";font-family: 'myicon';
	position: absolute;right: 20px;top: 0;height: 100%;font-weight: 100;
	z-index: 2;
}
.btn-01 a:before{
	right: auto;left: -40px;
}
.btn-02 a:before{
	right: 40px;opacity: 0;color: #fff;
}
.btn-02 a:hover:before{
	right: 20px;opacity: 1;
}
.btn-01 a:hover:after{
	right: -50px;
}
.btn-01 a:hover:before{
	left: 30px;
}
.btn-01 a:hover{
	padding: 0 30px 0 60px;
}
div[class^="btn-"] a i{white-space: nowrap;}

.main-slider .item{
	position: relative;
	overflow: hidden;
}


.main-slider .bg-full:after{
	content: '';background-color: #171819;opacity: 0;
}
.main-slider .bg-full{
	opacity: 0.4;
	z-index: 0;
}
.main-slider .item:not(.show):not(.slick-cloned) .bg-full,
.post-banner.slider .item:not(.show):not(.slick-cloned) .bg-full{
	opacity: 0 !important;
}
.main-slider .item.slick-active .bg-full,
.first-back.main-slider .item.slick-cloned:first-child .bg-full,
.main-slider .item:not(.slick-active) + .item.slick-cloned .bg-full,
.main-slider .item.show .bg-full{
	opacity: 1;
}


.slick-slider .slick-arrow{
	color: #fff;
	visibility: hidden;
}
/*slick style*/
.slick-dots{
	position: absolute;
	bottom: 4%;left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-size: 0;
	border-radius: 6px;
	padding: 10px 15px;
	z-index: 999;
}
.slick-dots:hover{
	background-color: rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.raw-size .slick-dots,
.carousel.boxed .slick-dots{
	background:none !important;
	box-shadow:none !important;
}
.dots-02 .slick-dots{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.slick-dots li{
	display: inline-block;vertical-align: top;
	position: relative;
	margin:0 10px; cursor: pointer;
}
.dots-02 .slick-dots li{
	width: 16px;height: 16px;margin: 0;
}
.slick-dots i{
	display: block;
	font-size: 14px;
	font-family: 'trueno';
	font-weight: 400;
	color: #fff;letter-spacing: 1px;
	padding-bottom: 8px;
}
.site-light .slick-dots i{
	color: #999;
}
.site-light .post-banner:not(.raw-size) .slick-dots i,
.main-slider .slick-dots i{
	color: #fff;
}
.dots-02 .slick-dots i{
	display: none;
}
.slick-dots li:after{
	content: '';position: absolute;
	background-color: #ddd;
}
.slick-slider:not(.dots-02) .slick-dots  li:after{
	left: 50%;top: 24px;width: 0;height: 2px;
}
.dots-02 .slick-dots li:after{
	width: 6px;height: 6px;opacity: 0.8;left: 5px;top: 5px;
	border-radius: 50%;box-shadow: 1px 1px 8px rgba(0,0,0,.1);
	opacity: 0.5;
}
.dots-02 .slick-dots li:hover:after{
	opacity: 1;
}
@media screen and (min-width: 1280px){
	.dots-02 .slick-dots li{
		width: 20px;height: 20px;
	}
	.dots-02 .slick-dots li:after{
		width: 10px;height: 10px;
	}
}
.site-light .dots-02 .slick-dots li:after{
	background-color: #ccc;
}
.slick-slider:not(.dots-02) .slick-dots li.slick-active:after{
	width: 100%;left: 0;
}
.dots-02 .slick-dots li.slick-active:after{
	opacity: 1;
}

.slick-slider:not(.dots-02) .slick-dots li.slick-active{pointer-events: none;}

.slick-arrow,.btn-04{
	position: absolute;
	width: 120px;height: 120px;line-height: 120px;
	bottom: 50%;margin-bottom: -60px;
	border:2px solid rgba(255,255,255,0);
	cursor: pointer;
	font-family: 'myicon';
	z-index: 1000;
}
.slick-arrow:after,.btn-04:after{
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;text-align: center;font-size: 30px;
}
.slick-prev:after,.btn-prev:after{content: '\f104'}
.slick-next:after,.btn-next:after{content: '\f105'}
.slick-prev,.btn-prev{left: 0;}
.slick-next,.btn-next{right: 0;}
.slick-prev:hover:after,.btn-prev:hover:after{left: -6px;}
.slick-next:hover:after,.btn-next:hover:after{left: 6px;}
.slick-dots li{margin: 0 10px;}
.slick-dots li:after{top: 20px;height: 2px;}
.btn-04:after{color: #fff;}


.pt-timer{
	position: absolute;
	width: 100%;height: 30px;
	left: 0;bottom: 0;
	cursor: pointer;
}
.pt-timer i,.pt-timer:after{
	position: absolute;
	width: 0;height: 2px;left: 0;bottom: 0;
}
.pt-timer.stop i{
	width: 0 !important;
}
.pt-timer.stop:after{
	content: '';
	width: 100%;height: 12px;
	background-color: rgba(100,100,100,.1);
}
.pt-timer:hover i{
	height: 15px;
}


.landing-group{
	position: relative;
}
.landing-group.dark{
	background-color: rgba(0,0,0,.6);
}
.landing-caption a{
	line-height: 56px;
	opacity: 0;
}
.landing-caption img{
	position: relative;
	width: auto;
	max-width: 100%;
	margin-bottom: 20px;
	opacity: 0;
}
.landing-caption .h,.landing-caption img,.landing-caption a{
	opacity: 0;top: 30px;
}

.landing-caption{
	position: relative;
	z-index: 3;
}
.landing-caption .item{
	position: relative;
	font-size: 0;
	text-align: center;
}
.style-03 .landing-caption .item{
	text-align: right;
}
.landing-caption .text{
	display: inline-block;
	width: 33%;
	min-width: 300px;
	vertical-align: middle;
	padding: 80px;
	opacity: 0;
}
.style-03 .landing-caption .text{
	text-align: left;
	width: 50%;
	max-width: none;
	padding: 80px 12%;
	font-size: 14px;
}

.light .landing-caption .text{
	background: rgba(255,255,255,.85);
}

.style-03 .landing-wrap:after{
	opacity: 0;
}

.landing-caption h6.h,.landing-caption h5.h{
	text-transform: none;
	font-weight: 100;
}
.dark .landing-caption .h,.dark .landing-caption .text{
	color: #fff;
}
.light .landing-caption .h,.light .landing-caption .text{
	color: #070809;
}
.landing-caption h6.h{
	font-size: 18px;
}
.dark .btn-01 a{
	border-color: #fff;
	color: #fff;
}
.light .btn-01 a{
	border-color: #111;
	color: #111;
}

.landing-group div.landing-wrap:after{
	z-index: 2;
}
.light .landing-wrap:after{
	display: none;
}
.landing-wrap,.landing{
	position: absolute;
	width: 100%;height: 100%;
	overflow: hidden;
	left: 0;top: 0;
}
.landing .item{
	position: relative;
	list-style-type: none;
	perspective:2000px;	
	-webkit-perspective:2000px;
	background-color: #070809;
	opacity: 0;
	float: left;
}
.landing .item.ready{
	opacity: 1;
}
.style-01 .landing .item{
	width: 33.333333%;height: 33.333333%;
}
.style-02 .landing .item{
	width: 16.666666%;height: 25%;
}
.style-03 .landing .item{
	width: 100%;height: 100%;
}
.style-03 .landing{
	width: 50%;
}
.style-04 .landing .item{
	width: 100%;height: 100%;
}

.landing-temp{
	display: none;
}

.landing .img{
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
	background-size: cover;
	background-position: center;
	backface-visibility:hidden;
	transform: rotateY(0deg);
	-webkit-transform: -webkit-rotateY(0deg);
	transition: all 1s;
	-webkit-transition: all 1s;
	z-index: 3;
}

.landing .img.transfer{
	opacity: 0;
	backface-visibility:visible;
	z-index: 2;
}
.landing .item.change .img:not(.transfer){
	opacity: 0;
}
.landing .item.change .img.transfer{
	opacity: 1;
}

.style-02 .landing .img.transfer{
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
}
.style-02 .landing .item.change .img:not(.transfer){
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
.style-02 .landing .item.change .img.transfer{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
.landing-caption .footer.pt-social{
	position: absolute;
	width: 100%;
	left: 0;bottom: 6vh;
	text-align: center;
}
.landing-caption .pt-social a{
	font-size: 20px;
	margin: 0 6px;
	background-color: #fff;
	border-radius: 50%;
}
.landing-caption .pt-social em{
	display: none !important;
}
body .landing-caption .pt-social>a{
	width: 36px;height: 36px;line-height: 36px;
}
body .landing-caption .pt-social a i{
	line-height: 36px;
}
.landing-caption .pt-social a:hover:after{
	margin: -1px;
}
.style-03 .landing-caption .footer.pt-social{
	width: 50%;
	right: 0;left: auto;
	padding: 0 12%;
	text-align: left;
}
.landing-caption .pt-social a i:before{color: #111;opacity: 1;}
.landing-caption .pt-social a:hover i:before{color: #fff;}

/*pt-row ————————————————————————————————————————————————————————————*/
.pt-row{
	position: relative;
	z-index: 2;
}
.has-pic-01,
.has-pic-02,
.has-pic-05,
.has-pic-03:not(.full){
	padding: 0 7%;
}

.title-group{
	position: absolute;
	z-index: 9;color: #fff;
	top: 0;
}
.title-group.type-02{
	position: relative;
	margin-top: 60px;
	text-align: center;
}

.title-group.fixed:not(.type-02){
	position: fixed !important;
	top: 24%;
	left: 5%;
}
.title-group.for-boxed{
	left: 5%;
	top: 8vh;
}
.title-group .h{
	line-height: 100%;
	padding: 5px 0;
	font-size: 36px; 
}
.title-group .h:after{
	content: '';position: absolute;width: 40px;height: 2px;left: 0;bottom: -4px;
}
.title-group.type-02 .h:after{
	left: 50%;margin-left: -20px;
}
.title-group.non-line .h:after{
	display: none;
}
.filter{
	position: relative;
	display: inline-block;
	z-index: 99;
}
.category-icon{
	position: absolute;display: inline-block;
	width: 48px;height: 48px;line-height: 48px;text-align: center;
	left: 0;top: 0;
	z-index: 100;
}
.type-02 .category-icon{
	display: none;
}
.filter.hover .category-icon{
	opacity: 0;left: -6px;
	z-index: -1;
}
.category-icon:after{
	content: '\e164';
	position: absolute;
	left: 0;top: 0;width: 100%;height: 100%;
	font-family: 'myicon';font-size: 24px;
}
.filter-ctrl{
	position: relative;
	min-width: 60px;min-height: 60px;
	font-size: 0;
	z-index: 99;
}
.type-02 .filter-ctrl{
	margin-top: 20px;
	line-height: 20px;
	min-height: 20px;
}
.title-group:not(.type-02) .filter-ctrl li{
	position: relative;
	list-style-type: none;
	opacity: 0;left: -10px;
	visibility: hidden;
	pointer-events: none;
}
.type-02 .filter-ctrl li{
	position: relative;
	display: inline-block;vertical-align: top;
	margin: 0 15px;
	opacity: 1;
}
.title-group:not(.type-02) .filter.hover li{
	opacity: 1;left: 0;visibility: visible;pointer-events: auto;
}
.filter-ctrl li i:after{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;
}
.title-group:not(.type-02) .filter-ctrl li:before{
	content: '\ea34';position: absolute;line-height: 48px;font-family: 'myicon';font-size: 10px;top: 0;
	opacity: 0;left: 10px;
}
.title-group:not(.type-02) .filter-ctrl li.active i{padding-left: 36px;}
.title-group:not(.type-02) .filter-ctrl li.active:before{
	opacity: 1;left: 20px;
}
.filter-ctrl li.active:hover:before{
	opacity: 1;
}
.title-group:not(.type-02) .filter-ctrl li i{
	position: relative;
	display: inline-block;vertical-align: top;white-space:nowrap;
	padding: 0 24px;line-height: 48px;border-radius: 1px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}
.type-02 .filter-ctrl li i{
	position: relative;display: block;
	line-height: 20px;
	cursor: pointer;
}
.type-02 .filter-ctrl li i:before{
	content: '';position: absolute;
	bottom: 0;left: 50%;width: 0;height: 1px;
	background: #f0f0f0;
}
.type-02 .filter-ctrl li.active i:before{
	left: 0;width: 100%;
}
.title-group:not(.type-02) .filter-ctrl li i:hover,
.site-light .type-02 .filter-ctrl li i{
	color: #111;
}
.type-02 .filter-ctrl li:not(.active):hover{
	opacity: 0.8;
}
.title-group:not(.type-02) .filter-ctrl li i:hover:after{
	background-color: #f0f0f0;
}




/*portfolio /////////////////////////////*/
.pic-list{
	position: relative;
	z-index: 8;
}
.pic-list.style-01{
	margin:20vh 6% 20vh;
}
.title-group.type-02 + .pic-list.style-01{
	margin-top: 60px;
}
.site-light .pic-list.style-01{
	margin:12vh 6% 20vh;
}
.pic-list.style-02{
	width: 80%;
	max-width: 1360px;
	min-width: 1000px;
	margin:0 auto;
	margin-bottom: 60px;
}
.pic-box{
	position: relative;
	float: left;
}

.pic-box .wrap{
	position: relative;
}
.pic-box .img{
	position: relative;
	background: rgba(22,22,22,.6);
	overflow: hidden;
}
.site-light .pic-box .img{
	background:rgba(222,222,222,.3);
}
.has-pic-04 .img{
	background: rgb(22,22,22);
}
.site-light .has-pic-04 .img{
	background: rgb(166,166,166);
}


.pic-loader{
	position: absolute;width: 22px;height: 6px;
	top: 50%;left: 50%;margin:-2px 0 0 -11px;
	z-index: 111;
}
.ready .pic-loader{
	visibility: hidden;
}
.main-slider .pic-loader{
	top: auto;bottom: 10vh;
}

.pic-loader:after,.pic-loader:before{
	content: '';
	position: absolute;width:10px;height: 10px;
	top: 50%;left: 0; margin: -5px 0 0 -5px;
	border-radius: 50%;
	background-color: rgba(200,200,200,.4);
	animation: box 1s linear infinite;
	-webkit-animation: box 1s linear infinite;
	opacity: 0;
}
.pic-loader:after{
	animation: box 1s 0.5s linear infinite;
	-webkit-animation: box 1s 0.5s linear infinite;
}
.main-slider .slick-cloned .pic-loader:after,.main-slider .slick-cloned .pic-loader:before,
.ready .pic-loader:after,.show .pic-loader:after,
.ready .pic-loader:before,.show .pic-loader:before{
	content: normal;
}

.pt-loadmore.load i:after{
	animation: ring infinite 1s linear;
	-webkit-animation: ring infinite 1s linear;
}



@keyframes box{
	0%{left: 50%;transform: scale(1.2,1.2);opacity: 1;}
	25%{left: 0%;transform: scale(1,1);opacity: 1;}
	50%{left: 50%;transform: scale(0.8,0.8);opacity: 0.5;}
	75%{left: 100%;transform: scale(1,1);opacity: 1;}
	100%{left: 50%;transform: scale(1.2,1.2);opacity: 1;}
}
@-webkit-keyframes box{
	0%{left: 50%;-webkit-transform: -webkit-scale(1.2,1.2);opacity: 1;}
	25%{left: 0%;-webkit-transform: -webkit-scale(1,1);opacity: 1;}
	50%{left: 50%;-webkit-transform: -webkit-scale(0.8,0.8);opacity: 0.5;}
	75%{left: 100%;-webkit-transform: -webkit-scale(1,1);opacity: 1;}
	100%{left: 50%;-webkit-transform: -webkit-scale(1.2,1.2);opacity: 1;}
}
@keyframes ring{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
@-webkit-keyframes ring{
	0%{-webkit-transform: -webkit-rotate(0deg)}
	100%{-webkit-transform: -webkit-rotate(360deg)}
}



.pic-box .bg-full{
	opacity: 0;
}
.pic-box.ready .bg-full{
	opacity: 1;
}
.pic-box .bg-full:after,
.mix-box .bg-full:after{
	content: '';background-color: #070809;margin: -10px;
	opacity: 0.3;
}
.site-light .pic-box .bg-full:after,
.site-light .mix-box .bg-full:after{
	opacity: 0;
}
.pic-box .img:hover .bg-full:after,
.style-03 .pic-box .bg-full:after,
.style-04 .pic-box .bg-full:after{
	opacity: 0;
}
.style-03 .pic-box .wrap:hover .bg-full:after,
.site-light .gallery .pic-box .img:hover .bg-full:after,
.style-04 .pic-box:hover .bg-full:after{
	opacity: 0.1;
}
.site-dark .has-pic-03.full .pic-list:hover .wrap:not(:hover) .bg-full:after{
	opacity: 0.2;
}
.gallery .tag{
	display: none;
}

.pic-box .text > a{
	line-height: 110%;
	display: inline-block;
}
/*style-01====*/
.pic-box:not(.ready) .text{
	visibility: hidden;
}
.style-01 .pic-box{
	width: 50%;
}
.style-01 .pic-box .img{
	padding-top: 65%;
}
.style-01 .pic-box.nth-1{
	width: 38%;margin-top: 15vh;
}
.style-01 .pic-box.nth-2{
	width: 50%;margin-left: 12%;
}
.style-01 .pic-box.nth-3,.pic-box.nth-6{
	width: 60%;margin-left: 20%;margin-top: 20vh;margin-bottom: 15vh;
}
.style-01 .pic-box.nth-6{margin-bottom: 25vh;}
.style-01 .pic-box.nth-4{
	width: 50%;margin-right: 10%;margin-top: 10vh;
}
.style-01 .pic-box.nth-5{
	width: 40%;margin-top: 30vh;
}

.style-01 .pic-box .text{
	position: relative;
	font-size: 20px;
	padding: 15px 0;
	background-color: rgba(111,111,111,.2);
	z-index: 100;
}
.style-01 .pic-box .text:after{
	content: '';right: 0;left: auto;width: 0;opacity: 0;
	z-index: -1;
}

.style-01 .pic-box .wrap:hover .text{
	background-color: rgba(111,111,111,.4);
}
.style-01:not(.gallery) .pic-box .text:hover:after{
	left: 0;right: auto;width: 100%;opacity: 1;
}

.style-01 .pic-box.nth-1 .text{
	text-align: right;float: right;
}
.style-01 .pic-box.nth-5 .text{
	float: left;
}
.style-01 .pic-box.nth-2 .text,
.style-01 .pic-box.nth-3 .text,
.style-01 .pic-box.nth-4 .text,
.style-01 .pic-box.nth-6 .text{
	position: absolute;
	right: -50px;bottom: 70px;
	font-size: 26px;font-size: 1vw;
	padding: 24px 34px;
}
.site-light .style-01 .pic-box a{
	color: #fff;
}
.site-light .style-01 .pic-box.nth-1 a,
.site-light .style-01 .pic-box.nth-5 a{
	color: #111;
}
.style-01 .pic-box.nth-1 .text,
.style-01 .pic-box.nth-5 .text{
	background-color: transparent !important;
}
.style-01 .pic-box.nth-1 .text:after,
.style-01 .pic-box.nth-5 .text:after{
	display: none;
}
.style-01 .pic-box.nth-3 .text,
.style-01 .pic-box.nth-6 .text{
	right: auto;left: -60px;
	font-size: 30px;font-size: 1.3vw;
}
.style-01.gallery .pic-box.nth-3 .text,
.style-01.gallery .pic-box.nth-6 .text{
	font-size: 16px;

}
.style-01 .pic-box.nth-1 .text>a:first-child,
.style-01 .pic-box.nth-5 .text>a:first-child{
	position: relative;
	z-index: 110;
}
.style-01 .pic-box .text>a:before,
.style-05 .pic-box .text>a:before{
	position: absolute;
	width: 0;height: 1px;bottom: -2px;right: 0;
	z-index: -1;
}
.style-01 .pic-box.nth-1 .text>a:first-child:before,
.style-01 .pic-box.nth-5 .text>a:first-child:before,
.style-05 .pic-box .text>a:before{
	content: '';
}
.style-01:not(.gallery) .pic-box .text>a:hover:before,
.style-05:not(.gallery) .pic-box .text>a:hover:before{
	left: 0;right: auto;width: 100%;
}

/*tag-setting*/
.pic-box .tag{
	position: relative;
	height: 16px;
	z-index: 100;
}
.pic-box .tag a{
	display: inline-block;
	vertical-align: top;margin:6px 6px 0 0;
	font-size: 11px;line-height: normal;
	text-transform: uppercase;
	opacity: 0.7;
}
.pic-box .tag a:hover{
	opacity: 1;
}
.style-01 .pic-box.nth-1 .tag,
.style-01 .pic-box.nth-5 .tag{
	top: 5px;
}
.style-01 .pic-box.nth-1 .tag a{
	margin:0 0 6px 6px;
}
.style-01 .pic-box.nth-5 .tag a{
	margin:0 6px 6px 0;
}

/*style 02===*/
.has-pic-02.full{
	margin: -16px 0 0 0 !important;
	padding: 8px;
}
.has-pic-02.full.no-padd{
	padding: 0 !important;
}

.has-pic-02.full .title-group:not(.type-02) .h{
	display: none;
}
.has-pic-02.full .title-group.fixed:not(.type-02){
	left: 16px;top: 30%;
}
.site-border .has-pic-02.full .title-group.fixed:not(.type-02){
	left: 46px;
}
.style-02.style-02-2.pic-list{
	max-width: 1480px;
	width: 70%;
}
.style-02.style-02-3.pic-list{
	min-width: 100%;
	max-width: none !important;
	margin: 0 0 40px 0;
}
.style-02 .pic-box {
	width: 50%;
	padding: 3%;
}
.has-pic-02 .gap{
	height: 0 !important;
}
.style-02.style-02-2 .pic-box{
	width: 33.333333%;
	padding: 1.5%;
}

.style-02.style-02-3 .pic-box{
	width: 16.666666%;
	padding: 8px;
}

.pic-list.style-02 .gap{
	width: 50%;
	padding: 0 3%;
}
.style-02.style-02-2 .gap{
	width: 33.333333%;
	padding: 0 1.5%;
}
.site-dark .style-02.style-02-3 .pic-box{
	padding: 0 !important;
}
.style-02.style-02-3 .gap{
	width: 16.666666%;
	padding: 0 8px;
}
.style-02 .pic-box.nth-1{
	margin-top: 100px;
	margin-top: 10vh;
}
.has-pic-02 .text a.full{
	display: none !important;
}
.has-pic-02 .text > a:not(.full){
	display: inline-block;width: auto;
}

.style-01 .pic-box .bg-full,
.style-02 .pic-box .bg-full,
.style-03 .pic-box .bg-full,
.style-08 .pic-box .bg-full,
.category.style-02 .item .bg-full{
	transform: scale(1.03,1.03);
	-webkit-transform: scale(1.03,1.03);
}
.style-01 .pic-box .wrap:hover .bg-full,
.style-02 .pic-box .wrap:hover .bg-full,
.style-03 .pic-box .wrap:hover .bg-full,
.style-08 .pic-box .wrap:hover .bg-full,
.category.style-02 .item.hover .bg-full{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1) rotate(0.02deg);
}

.style-02 .pic-box .text{
	position: relative;
	margin: 20px 0;
}

.style-02.gallery .pic-box .text{
	margin-top: 20px;
}
.style-02 .pic-box .text{
	opacity: 0.7;
}
.style-02 .pic-box .wrap:hover .text,
.style-02.gallery .pic-box .text{
	background-color: rgba(33,33,33,0);
}
.style-02 .pic-box .wrap:hover .text{
	opacity: 1;
}
.style-02 .pic-box .text>a{
	position: relative;
	display: inline-block;
	font-size: 20px;
}
.style-02.style-02-2 .pic-box .text > a{
	font-size: 18px;
}
.style-02.gallery .pic-box .text{
	position: absolute;
	margin: 0;padding: 30px;
	left: 0;bottom: 0;
	font-size: 14px;
	z-index: 99;
	opacity: 0;
}
.style-02.gallery .pic-box .text a{
	color: #fff;
}
.style-02.gallery .wrap:hover .text{
	opacity: 1;
}
.style-02-3 .pic-box .text > a{
	font-size: 1rem !important;
	color: #fff;
	font-weight: 400;
}
.style-02-3 .pic-box .text{
	position: absolute;
	left: 0;bottom: 0;
	padding: 26px; 
	margin: 0 !important;
	opacity: 0;
	z-index: 9;
}
.style-02-3 .pic-box .tag{
	display: none;
}
.style-02-3 .pic-box .wrap:hover .text{
	opacity: 1;
}


/*style 03===*/
.has-pic-03.full.gap{
	padding: 0 15px;
}
.site-dark .has-pic-03.full.gap{
	margin-top: 65px;
}
.site-dark.site-border .has-pic-03.full.gap{
	margin-top: 95px;
}
.has-pic-03 .title-group.fixed:not(.type-02){
	left: 5%;top: 24%;
}
.pic-list.style-03{
	margin: 0 2%;
}
.style-03 .pic-box{
	width: 25%;
	padding: 15px;
}
.style-03 .pic-box .img{
	min-height: 100px;
}
.style-03 .pic-box.large.high{
	width: 50%;
}
@media screen and (max-width: 1600px){
	.style-03 .pic-box{
		width: 33.333333%;
	}
	.style-03 .pic-box.large.high{
		width: 66.666666%;
	}
}
.style-03 .pic-box .text{
	position: absolute;
	width: 70%;
	left: -30px;bottom: 0;
	padding: 30px;
	opacity: 0;
	z-index: 100;
}
.has-pic-03:not(.full){
	margin-right: auto;
	margin-left: auto;
	max-width: 2200px;
}
@media screen and (min-width: 2561px){
	.has-pic-03:not(.full){
		max-width: 2560px;
	}
}
.style-03 .pic-box .text>a{
	font-size: 18px;line-height: 95%;
}
.has-pic-03.full .pic-box.high.large .text>a{
	font-size: 30px;
}
.style-03 .pic-box .tag{
	left: 10px;opacity: 0;
}
.style-03 .pic-box .wrap:hover .text,
.style-03 .pic-box .wrap:hover .tag{
	left: 0;opacity: 1;
}
.site-light .style-03 .pic-box a{
	color: #fff;
}
.has-pic-03.full .pic-box .text,
.has-pic-03.full .pic-box .tag{
	left: 0;
}
.has-pic-03.full .pic-box .tag{
	bottom: -10px;
}
.has-pic-03.full .pic-box .wrap:hover .text{
	bottom: 50%;
}
.has-pic-03.full .pic-box .wrap:hover .tag{
	bottom: 0;
}

.has-pic-03.full:not(.gap),.has-pic-03.full .pic-list{
	padding: 0;
	margin: 0;
}

.has-pic-03.full:not(.gap) .pic-box{
	padding: 0;
}
.site-light .has-pic-03.full.gap{
	margin-top: -15px;
}


.has-pic-03.full .pic-box .text{
	width: 100%;
	padding: 2vw;
	text-align: center;
	bottom: 48%;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
}

/*style 04===*/
.style-04.pic-list{
	position: relative;
	overflow: hidden;
}


.style-04 .pic-box{
	position: absolute;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	width: 50%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
}
.style-04:not(.gallery) .pic-box .img>a{
	display: none;
}

.style-04 .pic-box.nth-1{
	left: 0;
}
.style-04 .pic-box.nth-2{
	right: 0;
}
.style-04 .pic-box .wrap{
	height: 100%;
}


.style-04 .pic-box.current .img{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
}
.style-04 .pic-box .img,
.style-06 .pic-box .img{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}
.style-04 .pic-box .bg-full{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
}
.style-04 .pic-box .cursor-area{
	width: 100%;
}

.style-04 .pic-box.current .bg-full{
	transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
}
.style-04 .pic-box .bg-full:after{
	opacity: 0.7 !important;
}
.style-04 .pic-box.current .bg-full:after{
	opacity: 0.1 !important;
}


.style-04 .pic-box.current,
.style-04.right .pic-box.prev{
	transition: transform 0.9s,width 0.9s;
	z-index: 33 !important;
}
.style-04:not(.right) .pic-box.prev,
.style-04:not(.left) .pic-box.prev{
	z-index: 30 !important;
}
.style-04.right .pic-box.prev,
.style-04.left .pic-box.current{
	z-index: 34 !important;
}
.style-04.left .pic-box.next{
	z-index: 33 !important;
}


.style-04.right .pic-box.nth-1.prev,
.style-04:not(.left) .pic-box.nth-1.prev,
.style-04.left .pic-box.nth-1.prev{
	transform: translateX(-100%);
}

.style-04.right .pic-box.nth-2.prev,
.style-04:not(.left) .pic-box.nth-2.prev,
.style-04.left .pic-box.nth-2.prev{
	transform: translateX(100%);
}

.style-04 .pic-box.current,
.style-04.right .pic-box.nth-2.next{
	transform: translateX(0) !important;
}
.style-04 .pic-box > i{
	position: absolute;
	left: 0;bottom: 0;
	padding: 30px;
	font-size: 11px;
	color: rgba(233,233,233,.9);
	letter-spacing: 4px;
	z-index: 9;
}
.style-04 .pic-box.nth-2 > i{
	left: auto;right: 0;
}
.site-dark .style-04 .pic-box > i{
	bottom: 30px;
}
.style-04 .pic-box > i em{
	color: rgba(233,233,233,.4);
}
.btn-04{
	display: none;
}
.gallery .btn-04{
	display: block;
}
.m-mode .gallery .btn-04{
	display: none;
}



.style-04 .pic-box.ready{
	opacity: 1;
}
.style-04 .pic-box .text{
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 30px 40px;
	font-size: 36px;
	line-height: 95%;
	text-align: center;
	opacity: 0;
	z-index: 99;
}

.style-04 .pic-box a{
	color: #fff;
}
.style-04 .pic-box .lightbox{
	bottom: 30px;right: 40px;
}
.style-04 .pic-box.nth-2 .lightbox{
	right: auto;left: 40px;
}

.style-04 .pic-box.current .text{
	opacity: 1;
}
.style-04 .pic-box .text:after{
	content: '';width: 0;left: 0;opacity: 0;
	z-index: -1;
}
.style-04 .pic-box.nth-1 .text:after{
	left: auto;right: 0;
}
.style-04 .pic-box .text:hover:after{
	width: 100%;left: auto;right: 0;opacity: 1;
}
.style-04 .pic-box.nth-1 .text:hover:after{
	left: 0;right: auto;
}


/*style 05===*/
.has-pic-05{
	padding: 0 10%;
}
.has-pic-05 .title-group.type-02{
	margin-bottom: 50px;
}
.full.has-pic-05{
	padding: 0;margin: 0 !important;
}
.style-05.pic-list{
	position: relative;
	width: 90%;
	max-width: 1160px;
	margin: auto;
}
.full.has-pic-05 .pic-list{
	max-width: none;
	width: 100%;
}
body:not(.m-mode) .full.has-pic-05 .title-group:not(.type-02) .h,
body:not(.m-mode) .has-pic-03.full .title-group:not(.type-02) .h{
	color: #ddd;
}

.style-05 .pic-box{
	position: relative;
	width: 100%;
	margin-bottom: 10vh;
}
.style-05 .pic-box .wrap,
.post-ctrl .wrap{
	perspective:2000px;
	-webkit-perspective:2000px;
	-moz-perspective:none;
	-ms-perspective:2000px;
}

.style-05 .pic-box .img{
	position: relative;
	padding-top: 55%;
	opacity: 0;
	top: 100px;
	transform: rotateX(10deg);
	-webkit-transform: rotateX(10deg);
}
.style-05 .pic-box.ready .img{
	opacity: 1;
	top: 0;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
}
.style-05 .pic-box .text{
	position: relative;
	text-align: center;
	margin-top: 30px;
	z-index: 9;
}
.style-05 .pic-box .bg-full{
	opacity: 1;
}
.style-05 .pic-box .img:hover .bg-full:after{
	opacity: 0.2;
}
.style-05 .pic-box .text>a{
	position: relative;
	font-size: 20px;
}
.full.has-pic-05 .pic-box .text>a{
	font-size: 30px;
}
.style-05 .pic-box .text a.full{
	display: none;
}


/*style 06===*/



.style-06.pic-list{
	position: relative;
}
.style-06 .pic-box{
	position: relative;
	height: 100%;
	float: left;
}
.style-06 .pic-box .bg-full{
	margin:-1px;
}
.has-pic-06 .pic-box .wrap{
	height: 100%;
	text-align: center;
}

.has-pic-06 .text > a{
	font-size: 18px;
}
.has-pic-06.h-high .text > a{
	font-size: 22px;
}
.style-06 .wrap .img{
	z-index: 1;
}
.style-06 .img:before{
	opacity: 0;
	z-index: 9;
}
.style-06.hover .img:before{
	opacity: 0.5;
}
.style-06 .pic-box .bg-full:after{
	opacity: 0.3;
}
.site-light .style-06 .bg-full:after{
	opacity: 0;
}
.site-light .style-06 .pic-box:hover .bg-full:after{
	opacity: 0.4;
}
.style-06 .pic-box:hover .bg-full:after{
	opacity: 0.1;
}
.site-light .style-06 .pic-box a{
	color: #fff;
}
.style-06 .pic-box .text,
.has-pic-08 .text{
	position: relative;
	display: inline-block;vertical-align: middle;
	width: 98%;
	padding: 20px;
	font-size: 0;
	line-height: 100%;
	opacity: 0;
	z-index: 5;
}
.style-06 .pic-box .text{
	top: 10px;
	opacity: 0;
}
.style-06 .pic-box:hover .text{
	top: 0;
	opacity: 1;
}


.has-pic-06 .title-group{
	left: 0;top: -50px;
}
.has-pic-06 .title-group .h{
	left: 0;
	font-size: 1.2rem;
	margin-left: 30px;
	margin-bottom: 16px;
	display: inline-block;
}


.has-pic-06 .title-group .h:before{
	content: '';position: absolute;left: -210px;top: 50%;height: 1px;margin-top: -2px;
	width: 100px;
	background-color: #fff;
}
.has-pic-06:hover .title-group .h:before{
	left: -110px;
}
.m-mode .has-pic-06 .title-group .h:before{
	display: none;
}
html.fixed{
	position: fixed;
	left: 0;top: 0;width: 100%;height: 100%;
}

.roll-arrow:after,.roll-arrow:before{
	position: absolute;width: 60px;height: 60px;top: 50%;margin-top: -30px;line-height: 60px;text-align: center;
	font-family: 'myicon';font-size: 30px;
	opacity: 0;
	z-index: 99;
}
.style-02 nav:after,.style-02 nav:before{
	margin-top: -30px;
}
.roll-arrow:after{
	left: -60px;content: '\f104';
}
.roll-arrow:before{
	right: -60px;content: '\f105';
}
.site-light .roll-arrow:after,
.site-light .roll-arrow:before{
	color: #fff;
}

.roll-prev.roll-arrow:after{
	left: 0;
}
.roll-next.roll-arrow:before{
	right: 0;
}
.roll-arrow:hover:after,.roll-arrow:hover:before{
	opacity: 1;
}




.pt-mouse-scroll-wide{
	position: absolute;
	width: calc(100% - 160px);
	bottom: -12px;left: 0;
}
.pt-mouse-scroll-wide .list-scroller{
	display: none;
	position: absolute;
	width: 160px;height: 24px;
	bottom: 0;left: 0;
	z-index: 99;
}
.site-light .pt-mouse-scroll-wide .list-scroller{
	bottom: -18px;
}
.pt-mouse-scroll-wide .list-scroller-target:after,.pt-mouse-scroll-wide .list-scroller-target:before{
	position: absolute;width: 24px;height: 24px;line-height: 24px;top: -9px;text-align: center;font-family: 'myicon';color: #fff !important;opacity: 0;font-size: 12px;
}
.pt-mouse-scroll-wide .list-scroller-target:before{
	content: '\e947';
	left: 70px;
}
.pt-mouse-scroll-wide .list-scroller-target:after{
	content: '\e946';
	right: 70px;
	
}
.pt-mouse-scroll-wide .list-scroller:hover .list-scroller-target:before,.pt-mouse-scroll-wide .list-scroller.hover .list-scroller-target:before{
	left: 60px;opacity: 1;top: 0;
}
.pt-mouse-scroll-wide .list-scroller:hover .list-scroller-target:after,.pt-mouse-scroll-wide .list-scroller.hover .list-scroller-target:after{
	right: 60px;opacity: 1;top: 0;
}
.list-scroller-target{
	position: absolute;
	width: 100%;height: 4px;
	left: 0;top: 10px;
	background-color: rgba(188,188,188,1);
	box-shadow: 1px 1px 10px rgba(0,0,0,.1);
	border-radius: 3px;
	cursor: pointer;
}
.pt-mouse-scroll-wide .list-scroller:hover .list-scroller-target,.pt-mouse-scroll-wide .list-scroller.hover .list-scroller-target{
	top: 0;height: 24px;
}
/*boxed ========== */

.pt-mouse-scroll-boxed{
	position: absolute;
	width: 20%;height: 1px;
	left: 50%;margin-left: -10%;
	bottom: 8%;
	z-index: 8;
	background-color: rgba(222,222,222,.5);
	box-shadow: 0 0 8px rgba(0,0,0,.4);
	border-radius: 4px;
}
.pt-mouse-scroll-boxed .list-scroller{
	position: absolute;
	top: 50%;
	width: 40px;height: 40px;
	margin:-20px 0 0 -20px;
}
.pt-mouse-scroll-boxed .list-scroller-target{
	width: 100%;height: 100%;left: 0;bottom: auto;top: 0;margin: 0;
	background: none;
	box-shadow:none;
}
.pt-mouse-scroll-boxed .list-scroller-target:after{
	content: '';position: absolute;
	left: 0;top: 0;
	width: 40px;height: 40px;
	background: rgba(166,166,166,.3);
	transform: scale(0.9,0.9);
	border-radius: 50%;
}
.pt-mouse-scroll-boxed .list-scroller-target:before{
	content: '';position: absolute;
	left: 50%;top: 50%;width: 10px;height: 10px;margin: -5px 0 0 -5px;
	background: #fff000;
	border-radius: 50%;
	z-index: 2;
}
.pt-mouse-scroll-boxed .list-scroller:hover .list-scroller-target:after,.pt-mouse-scroll-boxed .list-scroller.hover .list-scroller-target:after{
	transform: scale(0.7,0.7);
	-webkit-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
}
.pt-mouse-scroll-boxed .list-scroller:hover .list-scroller-target:before,.pt-mouse-scroll-boxed .list-scroller.hover .list-scroller-target:before{
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
}


.roll-area{
	position: fixed;
	width: 100%;height: 100%;
	left: 0;top: 0;
}


.has-pic-07 .title-group{
	display: none;
}
/*.has-pic-07.small .pic-box{
	margin-right: 10px;
}*/
.has-pic-07 .wrap{
	height: 900px;
}
.has-pic-07 .wrap:hover .bg-full:after{
	opacity: 0.1
}
.has-pic-07 .bg-full{
	position: relative;
}
.has-pic-07 .text{
	position: absolute;
	top: 0;left: 0;padding: 2vw;
	width: 90%;
	z-index: 9;opacity: 0;
}
.has-pic-07 .pic-box.ready .bg-full,
.has-pic-07 .pic-box:not(.ready) .img:after,
.style-07 .pic-box .wrap:hover .text{
	opacity: 1;
}

.has-pic-07 .text a{
	color: #fff;
}
.has-pic-07 .text > a{
	font-size: 24px;
}
i.back-first{
	position: absolute;
	display: inline-block;
	width: 60px; height: 60px;line-height: 60px;text-align: center;
	top: 50%;margin-top: -30px;right: -100px;
	border: 1px solid;
	color: #999;
	cursor: pointer;
}
i.back-first em{
	font-family: 'myicon';
	display: inline-block;
	line-height: 58px;
	vertical-align: top;
}
i.back-first:hover em{
	color: #fff;
}
.site-dark .has-pic-07:not(.small) .pic-list{top: 80px;}


/*style 08===*/

.site-light .has-pic-08{
	padding:0 4px;
	margin-top: -4px;
}
.has-pic-08 .pic-box{
	transform: translate3d(0,0,0);
}
.has-pic-08 .wrap,.has-pic-08 .img{
	position: absolute;
	left: 0;top: 0;
	width: 100%;height: 100%;z-index: 1;
}
.has-pic-08 .wrap{
	width: auto;height: auto;
	right: 0;bottom: 0;margin: 4px;
	text-align: center;
}
.site-dark .has-pic-08 .wrap{
	margin: 0;
}
.has-pic-08 .text a{
	color: #fff;
}
.has-pic-08 .text > a{
	font-size: 20px;
}

.has-pic-08 .wrap:hover .text{
	opacity: 1;
}
.site-light .has-pic-08 .wrap:hover .bg-full:after{
	opacity: 0.3;
}
.pic-box.loaded{
	opacity: 0 !important;
}

.pt-loadmore{
	width:100%;
	text-align: center !important;
	float: left;
	margin-top: 60px;
	margin-bottom: 200px;
}
.pt-loadmore i{
	position: relative;
	display: inline-block;
	padding: 0 30px;
	line-height: 55px;
	background: rgba(166,166,166,.3);
	cursor: pointer;letter-spacing: 2px;
	text-transform: uppercase;
	opacity: 0.6;
}
.pt-loadmore.load i:after{
	content: '';position: absolute;
	width:12px;height: 12px;
	left: 20px;top: 21px;
	border: 2px solid;
	border-bottom-color: rgba(0,0,0,0) !important;
	border-radius: 50%;
}
.pt-loadmore.load i{
	padding: 0 20px 0 40px;
}
.pt-loadmore i:hover{opacity: 1;}

/*lightbox and videolayer*/
.lightbox{
	position: absolute;
	right: 15px;bottom: 15px;
	background-color: rgba(11,11,11,.4);
	border-radius: 4px;
	opacity: 0;
	z-index: 100;
}
.has-pic-07 .lightbox{
	bottom: auto;top: 2vw;right: 2vw;
}
.has-pic-03.full .pic-box:last-child .lightbox{
	right: auto;left: 15px;
}
.wrap:hover .lightbox{
	opacity: 1;
}
.pic-box .lightbox:hover{
	background-color: rgba(11,11,11,.9);
}
.lightbox a{
	position: relative;
	display: inline-block;vertical-align: top;
	line-height: 36px;height: 36px;width: 36px;
	text-align: center;
}
.lightbox a.play,.lightbox a.link,
.gallery .pic-box .lightbox a.zoom,
.gallery .v-post .lightbox a.play,
.v-post a.zoom{
	display: none;
}
a.play{
	cursor: pointer;
}

.v-post .lightbox a.play{
	display: inline-block;
}
.gallery .pic-box .text{
	pointer-events: none;
}
.lightbox a:after{
	position: absolute;
	width: 100%;height: 100%;top: 0;left: 0;
	font-family: 'myicon';
	font-size: 18px;color: #fff;
	opacity: 0.7;
}
.lightbox a:hover:after{
	opacity: 1;
}
a.full.zoom,a.full.play{
	cursor: url('data/images/zoom.png'),zoom-in;
}
.pt-ie9 a.full.zoom,.pt-ie10 a.full.zoom,
.pt-ie9 a.full.play,.pt-ie10 a.full.play{
	cursor: zoom-in;
}
.lightbox a.zoom:after{content: '\e91a'}
.lightbox a.play:after{content: '\e900'}
.lightbox a.link:after{content: '\e93b'}

.mp4-layer{
	position: fixed;
	width: 100%;height: 100%;
	top: 0;left: 0;
	background-color: rgba(0,0,0,0.8);
	display: none;
	z-index: 9999;
}
.mp4-layer em{
	position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;
}
.mp4-layer video{
	object-fit: cover;
    position: absolute;
	width: 960px;
	height: 640px;
	top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 2;
}
.pt-row.v-full ~ .mp4-layer video{
	width: 100%;height: 100%;left: 0;top: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.pt-video-holder > video{
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}




/*blog ///////////////////////////////////*/

.blog-list{
	max-width: 860px;
	margin: 15vh auto;
}
.site-light:not(.m-mode) .blog-list{
	margin-top: 10vh;
}
.blog-list.style-02{
	max-width: 1480px;
}
.blog-box{
	position: relative;
}
.blog-box .wrap{
	position: relative;
}
.style-01 .blog-box{
	margin: 12vh 0;
}
.style-02 .blog-box{
	width: 33.333333%;
	padding: 30px;
	float: left;
	margin-bottom: 30px;
} 
.blog-box .bg-full{
	position: relative;
	opacity: 0;
}
.style-01:not(.raw-proportion) .blog-box:not(.v-post) .bg-full{
	padding-top: 65%;
	height: auto !important;
}
.blog-box .img{
	position: relative;
	margin-bottom: 40px;
	background: rgba(22,22,22,.6);
}
.site-light .blog-box .img{
	background: rgba(200,200,200,.4);
}
.style-02 .blog-box .img{
	margin-bottom: 30px;
}
.blog-box.show .bg-full{
	opacity: 1;
}
.blog-box .text > a{
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 100%;
}
.style-02 .blog-box .text > a{
	font-size: 20px;font-size: 24px;width: 90%;
}
.blog-box .intro{
	margin-top: 10px;
	line-height: 140%;
}
.site-dark .blog-box .intro{
	color: #c7c8c9;
	opacity: 0.9;
}
.blog-box .text{
	position: relative;
}
.blog-meta a{
	display: inline-block;margin:0 6px 6px 0;
}
.blog-meta .date,.blog-meta .date:before,.blog-meta .tag:before,.blog-meta .tag{
	display: inline-block;vertical-align: top;line-height: 24px;position: relative;top: 0;
}
.blog-meta .date:before,.blog-meta .tag:before{
	content: '\e92f';display: inline-block;font-family: 'myicon';margin-right: 6px;font-size: 14px;
}
.blog-meta .date:before{
	content: '\e931';font-size: 16px;
}

/*.related-group p:after,*/
.style-02 .side-menu>li:not(.menu-item-has-children) a:not(.full):after,
.style-02 nav .sub-menu a:not(.full):after,
.category.style-01 .item a:after{
	content: '';
	position: absolute;
	height: 1px;width: 40px;
	left: 120%;bottom: 12%;
	opacity: 0;
}

/*.related-group .box:hover p:after,*/
.style-02 .side-menu>li:not(.menu-item-has-children):hover a:not(.full):after,
.style-02 nav .sub-menu a:not(.full):hover:after,
.style-02 .side-menu .sub-menu .current-menu-item a:after,
.category.style-01 a:hover:after{
	left: 0;width: 100%;
	opacity: 1;
}
.style-02 .side-menu .sub-menu:hover .current-menu-item a:after{
	opacity: 0 !important;
	left: 120% !important;
}
.blog-box .tag{
	display: inline-block;vertical-align: top;
	margin-left: 15px;
}
.blog-box.v-post a.full,.blog-box.v-post .lightbox{
	display: none;
}
.blog-box.v-post .bg-full{
	position: absolute;
	height: auto !important;
}
.blog-box.v-post .img{
	padding-top: 56%;
}
.blog-box.no-img .img{
	display: none;
}
/*sticky*/
.blog-box.sticky .text > a:before{
	content: '\f09f';font-family: 'myicon';display: inline-block;
	width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 10px;
	color: #fff;background-color: #fb4444;border-radius: 3px;
}
.text-post.blog-box .img,.post-banner.text-post{
	display: none;
}



.pages ul{
	text-align: center;
	margin: 60px auto 15vh;
}
.pages li{
	display: inline-block;
	margin: 6px;
	vertical-align: top;
}
li .dots{
	width: 56px;height: 56px;
}
.pages li .page-numbers{
	display: inline-block;
	width: 56px;height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: rgba(166,166,166,.05);
}
.pages li a:hover,.pages li .current{
	background-color: rgba(166,166,166,.2);
}
.site-light .pages li a:not(.current):hover{
	color: #222;
}

.pages li a:not(.current):hover{
	background-color: rgba(166,166,166,.2);
}

/*background video ///////////////////////////////*/
.pt-video-bg video{
	position: absolute;width: 100%;height: 100%;
}

.pt-video-bg iframe{
	max-width: none;
}
.pt-video-bg{
	position: absolute !important;
	width: 100%;height: 100%;left: 0;top: 0;
	overflow: hidden;
	transform: translate3d(0,0,0);
	z-index: 1;
}



/*category ////////*/
div.category{
	position: relative;
	font-size: 0;
	text-align: center;
	color: #fff;
	z-index: 2;
}
.light div.category{
	color: #111;
}
div.category.style-01{
	text-align: left;
	padding-left: 60%;
}
.category.style-01:before{
	opacity: 0.2;
}
div.category:after,
.main-slider .t-style-02:after{
	content: '';
	display: inline-block;vertical-align: middle;
	width: 0;height: 96%;
}
.category.style-01 .wrap{
	display: inline-block;vertical-align: middle;
	margin-top: 40px;
}
.category.style-01 .wrap.lots{
	font-size: 20px;line-height: 180%;
}

.category.style-01 .h{
	font-size: 3.5vw;
}
.category.style-01 .item a{
	position: relative;
	display: inline-block;
}
.category.style-01 .last{
	position: relative;
	min-width: 300px;
	width: 50%;
	margin-top: 80px;
	pointer-events: none;
}
.category.style-02 .last{
	display: none;
}
.category.style-01 .last:before{
	content: '';height: 2px;width: 30px;background: #fff;display: inline-block;margin-bottom: 10px;
}
.light .category.style-01 .last:before{
	background: #111;
}
.category.style-02 .item a:after{
	content: '';position: absolute;
	width: 0;height: 1px;right: 0;bottom: 2px;
	opacity: 0;
	z-index: -1;
}
.category.style-01 .intro{
	opacity: 0.7;
}
.category.style-01 .wrap:after{
	content: '';position: absolute;height: 60%;width: 1px;top: 20%;left: 56%;background-color: #ccc;opacity: 0.2;
}


.category.style-02 .item a:after{
	left: 50%;right: auto;margin-left: 0;
}
.category.style-02 .item a:hover:after{
	width: 100px;opacity: 1;margin-left: -50px;
}
.site-pic-mask .post-detail .bg-full:after,
.style-01 .has-img li:before,
.style-02 .side-menu > li:after,
.category.style-01:before,
.category.style-02 .item:before,
.category.style-02 .item:after,
.tabs-wrap .bg-full:after,
.carousel .bg-full:after,
.related-group .bg-full:after,
.style-02.mix-box .wrap:after,
.thumbslider-thumb .item:after,
.thumbslider-thumb .item:before,
.contact.has-bg .wrap:after,
.post-content.post-has-bg:after,
.post-mp4-player:before,
.landing-wrap:after{
	content: '';position: absolute;
	left: 0;top: 0;bottom: 0;right: 0;
	background-color: #070809;
	opacity: 0.4;
	z-index: -1;
}
.site-light .style-02.mix-box .wrap:after{
	opacity: 0.85;
}
.site-light .carousel .bg-full:after{
	opacity: 0.3;
}
.site-pic-mask .post-detail .bg-full:after,
.site-pic-mask .main-slider .bg-full:after{
	opacity: 0.05;
}

.light .category.style-01:before,
.light .category.style-02 .item:before,
.light .category.style-02 .item:after,
.site-light .tabs-wrap .bg-full:after,
.site-light .carousel .bg-full:after,
.site-light .style-02.mix-box .wrap:after,
.site-light .contact.has-bg .wrap:after,
.site-light .post-content.post-has-bg:after,
.light .landing-wrap:after{
	background-color: #fff;
}
.site-light .thumbslider-thumb .item:after,
.site-light .thumbslider-thumb .item:before{
	background-color: #ddd;
}
.category.style-01 .temp-wrap,
.category.style-01 .bg-full{
	z-index: -2;
}
.category.style-01 .bg-full{
	opacity: 0;
}
div.category a,
div.category .slick-dots i{
	color: #fff;
}
.light .category a{
	color: #111;
}
.category.style-01 .item:hover .bg-full{
	opacity: 1;
}

.category.style-02 .slick-arrow{
	visibility: visible;
}
.category.style-02 .item{
	position: relative;
	overflow: hidden;
}
.dark .category.style-02 .item{
	background-color: #070809;
}
.category.style-02 .item:before{
	opacity: 0.1;
	z-index: 2;
}
.category.style-02 .item:after{
	width: 100%;
	left: auto;
	opacity: 1;
	z-index: 9;
}
.category.style-02 .item.ready:after{
	width: 0;
}
.category.style-02 .item.hover:before{
	opacity: 0.5;
}
.category.style-02 .item.move{
	pointer-events: none;
}

.category.style-02 .bg-full{
	opacity: 0;
	z-index: 1;
}
.category .slick-dots i{
	color: #fff;
}
.light .category .slick-dots i{
	color: #111;
}


.category.style-02 a{
	position: absolute;
	width: 90%;
	left: 5%;top: 50%;
	padding: 20px;
	z-index: 3;
}
.category.style-02 .item:not(.hover) a{
	opacity: 0 !important;
}

.category.style-02 .slick-dots{
	bottom: 40px;
}


/*shortcode---tabs //////////////////////////////*/
.pt-sc-tabs{
	position: relative;
	padding-left: 19%;
	overflow: hidden;
}
.pt-sc-tabs.no-tabs{
	padding-left: 12%;
}
.tabs-nav{
	position: absolute;
	width: 17%;
	right: 100%;
	top: 40%;
	margin-right: -17%;
	text-align: right;
	opacity: 0;
	z-index: 9;
}
.no-tabs .tabs-nav{display: none;}
.tabs-nav li{
	list-style-type: none;
	margin-bottom: 3px;
}
.tabs-nav li.current i,
.tabs-nav li.current i:before{
	color: #fff;
}
.tabs-nav li i{
	position: relative;
	display: inline-block;
	padding: 18px 30px 18px 33px;
	letter-spacing: 1px;
	cursor: pointer;
}
.site-dark .tabs-nav li i{
	background-color: rgba(33,33,33,.8);
}
.site-light .tabs-nav li i{
	background-color: rgba(230, 230, 230, 0.3);
}
.tabs-nav i:before{
	content: '\f105';position: absolute;height: 30px;line-height: 30px; left: 5px;top: 50%;margin-top: -15px;opacity: 0;font-size: 10px;
	font-family: 'myicon';
}
.tabs-nav li.current i:before{
	opacity: 1;left: 16px;
}
.tabs-nav li.current i{
	padding: 18px 30px 18px 36px;
}
.site-dark  .tabs-nav li:hover i{color: #fff}
.site-light .tabs-nav li:hover i{color: #111}
.tabs-wrap{
	position: relative;
	height: 100%;
}
.tabs-wrap .item{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	list-style-type: none;
	opacity: 0;
	z-index: 1;
}
.tabs-wrap .item:after{
	content: '';
	width: 0;height: 100%;
	display: inline-block;vertical-align: middle;
}
.tabs-wrap .item.current{
	z-index: 2;
}
.tabs-wrap .text{
	position: relative;
	display: inline-block;vertical-align: middle;
	width: 35%;
	padding-right: 8%;
	line-height: 170%;
	opacity: 0;
	z-index: 2;
}
.tabs-wrap .img{
	position: absolute;
	width: 50%;width: 50vw;
	height: 100%;
	overflow: visible;
	right: 0;top: 0;
	z-index: 1;
}
.tabs-wrap .bg-full{
	opacity: 0;
}
.tabs-wrap .type-02 .img{
	height: 60%;top: 20%;
}
.tabs-wrap .type-03 .img,
.tabs-wrap .type-03 .nth-1.show,
.tabs-wrap .type-03 .nth-1 .bg-full{
	width: 100vw;
}
.tabs-wrap .type-03 .bg-full:after{
	opacity: 0.4 !important;
}
.tabs-wrap .text .h{
	margin-bottom: 20px;
	width: 130%;
	line-height: 95%;
}

.site-dark .tabs-wrap{
	color: #ddd;
}
.site-light .tabs-wrap{
	color: #111;
}
.tabs-wrap .nth-1{
	position: absolute;
	width: 0;height: 100%;right: 0;top: 0;
	overflow: hidden;
}

.tabs-wrap .nth-1.show{
	width: 50vw;
}
.tabs-wrap .type-02 .nth-1.show{
	right: 5vw;
	width: 45vw;height: 100%;top: 0;
}

.tabs-wrap .nth-1 .bg-full{
	width: 50vw;height: 100%;
	left: auto;top: auto;
}
.tabs-wrap .type-02 .nth-1 .bg-full{
	width: 45vw;
}

.tabs-wrap .bg-full:after{
	opacity: 0.2;
}
.site-light .tabs-wrap .bg-full:after{
	display: none;
}
.tabs-wrap .bg-full:hover:after{
	opacity: 0.1;
}



.default-wrap{
	position: relative;
	line-height: 160%;
}
.intro{
	position: relative;
	white-space: pre-line;
	margin-bottom: 10px;
	line-height: 160%;
}
.default-wrap{
	max-width: 900px;
	margin: 10vh auto;
}
.default-wrap img{
	max-width: 100%;
}
.default-wrap p>img{
	margin: 40px 0;
}

/*cursor ====================*/

.cursor-area{
	position: absolute;
	width: 50%;height: 100%;top: 0;
	z-index: 3;
}
body.pt-cursor-loaded .cursor-area{
	cursor: none;
}
.m-mode .cursor-area{
	display: none;
}
.cursor-area.prev{
	left: 0;
}
.cursor-area.next{
	right: 0;
}
#pt-cursor{
	display: none;
	pointer-events: none;
	position: fixed;
	left: 0;top: 0;
	width: 24px;height: 24px;
	z-index: 999;
}
#pt-cursor.ready{
	cursor:none;
}
#pt-cursor.show{
	display: block;
}
#pt-cursor.next,body.temp-next #pt-cursor{
	background-position-x:-24px;
}
#pt-cursor.prev,body.temp-prev #pt-cursor{
	background-position-x:-48px;
}
.main-slider.moving .text{
	pointer-events: none;
}
.real-m-mode #pt-cursor{
	display: none !important;
}



/*sc-carousel ///////////////////////*/
.pt-sc-carousel{
	position: relative;
	z-index: 2;
}
.carousel .item{
	position: relative;
	float: left;
}
.carousel .img,
.thumbslider .img{
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
}
.carousel .img{
	background-color: rgba(111,111,111,.1);
}
.carousel.boxed{
	margin: 10vh 0;
}
.carousel.h-100{
	margin: 0;
}
.site-light .carousel.boxed.h-100{
	margin-bottom: 40px;
}
.pt-sc-carousel .bg-full{
	opacity: 0;
}
.carousel.boxed .slick-arrow{
	opacity: 0;visibility: hidden;
}
.carousel.boxed .item{
	width: 45vw;
	height: 30vw;
}
.carousel.boxed a{
	display: none;
}
.carousel.boxed .slick-center a{
	display: block;
}
.carousel.boxed .img{
	transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
}
.carousel.boxed .slick-center .img{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
}

.carousel .ctrl-prev,.carousel .ctrl-next{
	cursor: pointer;
}
.carousel .ctrl-prev,.carousel .temp-prev.item{
	cursor: url(data/images/arrow-left.png),pointer;
}
.carousel .ctrl-next,.carousel .temp-next.item{
	cursor: url(data/images/arrow-right.png),pointer;
}
.carousel.boxed .bg-full:after{
	z-index: 1;
}
.carousel.boxed .slick-center .bg-full:after,
.carousel.full .bg-full:after{
	opacity: 0;
}
.carousel .text{
	position: absolute;
	left: -30px;
	bottom: 3vw;
	z-index: 55;
}
.carousel .text:hover{
	transform: translateY(-10px);
}
.carousel .item:not(.slick-current) .text,
.carousel .item.temp-next .text,.carousel .item.temp-prev .text{
	pointer-events: none;
}
.carousel .h{
	position: relative;
	display: inline-block;
	padding: 24px 50px;
	margin: 0;
	font-size: 30px;
	color: #fff;
	opacity: 0;
	z-index: 1;
}
.carousel.boxed .h{
	font-size: 18px;
}
.site-dark .carousel.full{
	background-color: #171819;
}
.site-light .carousel.full{
	background-color: #f0f0f0;
}
.site-light .carousel.full .slick-dots i{
	color: #fff;
}
.carousel.full .text{
	left:0;bottom: 10%;
	opacity: 0;
}
.carousel.full .slick-current .text{
	opacity: 1;
}
.carousel .h:before{
	content: '';position: absolute;
	width: 0;height: 100%;left: 0;top: 0;
	opacity: 0;
	z-index: -2;
}

.carousel.boxed .slick-center .h:before,
.carousel.full .slick-active .text:hover .h:before{
	width: 100%;opacity: 1;
}
.carousel.full .slick-active .text:hover .h:before{
	left: 0;right: auto;
}
.carousel.boxed .slick-center.ready .h,
.carousel.full .slick-active.ready .h{
	opacity: 1;
}
.site-dark  .carousel .h:after{background-color: #444;}
.site-light .carousel .h:after{background-color: #eee;}

/*sc-slider-thumb ///////////////////*/

.pt-sc-thumbslider{
	position: relative;
	overflow: hidden;
	z-index: 9;
}
.pt-sc-thumbslider.boxed{
	overflow: visible;
	max-width: 1160px;
	margin: 10vh auto;
}
.pt-sc-thumbslider.few .thumbslider-thumb .slick-track{
	width: 100% !important;
}
@media screen and (max-width: 1920px){
	.pt-sc-thumbslider.boxed{ max-width: 960px }
}
@media screen and (max-width: 1680px){
	.pt-sc-thumbslider.boxed{ max-width: 800px }
}
@media screen and (max-width: 1280px){
	.pt-sc-thumbslider.boxed{ max-width: 600px }
}
@media screen and (max-width: 1024px){
	.pt-sc-thumbslider.boxed{ max-width: 96% }
}
@media screen and (min-width: 1681px){
	.pt-sc-thumbslider.few .thumbslider-thumb .item{width:12.5% !important; }
}
@media screen and (min-width: 768px) and (max-width: 1680px){
	.pt-sc-thumbslider.few .thumbslider-thumb .item{width:16.6666666% !important; }
}
@media screen and (max-width: 768px){
	.pt-sc-thumbslider.few .thumbslider-thumb .item{width:25% !important; }
}


.thumbslider-thumb{
	position: absolute;
	bottom: 0;right: 0;
	width: 100%;
	-ms-transform: translateY(100%);
	transform: translate3d(0,100%,0);
	background-color: rgba(11,11,11,.05);
	font-size: 0;
	z-index: 99;
}
.boxed .thumbslider-thumb{
	position: relative;
	-ms-transform: translateY(10px);
	transform: translate3d(0,10px,0);
	-webkit-transform: translateY(10px);
}
.full .thumbslider-thumb:after{
	content: '\e8f0';position: absolute;width:30%;height: 100%;z-index: -1;left: 35%;top: -72px;
	font-family: 'myicon';text-align: center;font-size: 36px;color: #fff;line-height: 0;
	text-shadow: 1px 2px 10px rgba(0,0,0,.15);
}
.thumbslider-thumb:hover:after{
	opacity: 0;
}
.thumbslider-thumb .item:after{
	z-index: 2;
}
.site-light .thumbslider-thumb .item:after{
	opacity: 0.4;
}
.thumbslider-thumb .item:before{
	opacity: 1;z-index: 2;
}
.thumbslider-thumb .item.ready:before{
	left: 100%;
}
.full .thumbslider-thumb:hover{
	-ms-transform: translateY(0);
	transform: translate3d(0,0,0);
}

.thumbslider-thumb .item.slick-current:after{
	opacity: 0 !important;
}
.thumbslider-thumb .item:hover:after{
	opacity: 0.3;
}


.thumbslider .item{
	position: relative;
	overflow: hidden;
}
.thumbslider .text{
	position: absolute;
	bottom: 60px;left: 50px;
	min-width: 80px;
	color: #fff;
	z-index: 9;
}
.site-light .thumbslider p{
	color: #999;
}
.pt-sc-thumbslider:not(.raw-size) .thumbslider p{
	color: #fff;
}
.thumbslider .text p{
	position: absolute;
	left: 0;
    top: -22px;
    font-size: 11px;
}
.thumbslider .text p em{
	display: inline-block;opacity: 0.6;
}
.thumbslider .text p em:before{
	content: '/';display: inline-block;margin: 0 4px;
}

.boxed .thumbslider .text{
	bottom: 40px;left: 40px;
}
.thumbslider .h{
	font-size: 12px;
	padding: 10px 20px;
	background-color: rgba(22,22,22,.3);
	border-radius: 4px;
	line-height: normal;
	margin: 0;
}
/*body:not(.m-mode) .pt-sc-thumbslider.full .h{
	font-size: 20px;padding: 15px 20px;
}*/
.thumbslider .text:hover .h{
	color: #fff;
}
.site-light .thumbslider .h{
	background-color: rgba(250,251,252,.6);
}

.thumbslider-thumb .item{
	position: relative;
	height: 15vh;
	cursor: pointer;
	border: none;
}
.boxed .thumbslider-thumb .item{
	height: 100px;
}
.thumbslider .bg-full{
	opacity: 0;
}
.thumbslider .item.ready .bg-full{
	opacity: 1;
}
.pt-sc-thumbslider.raw-size .thumbslider .bg-full{
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.thumbslider .img{
	transform: scale(1.01,1.01);
}
.thumbslider .item.slick-active .img{
    transform: scale(1,1);
}

.thumbslider .slick-arrow{display: none;}
.pt-sc-thumbslider.few .slick-list{padding: 0 !important;}
.pt-sc-thumbslider.few .slick-track{left: 0 !important;}



/*sc-iconbox ///////////////////*/
.pt-sc-iconbox{
	position: relative;
    padding: 15vh 0;
}
.iconbox{
	width: 80%;
	max-width: 1460px;
	min-width: 1000px;
	margin: 0 auto;
	font-size: 0;
}
.iconbox .item{
	position: relative;
	width: 33.333333%;
	padding: 30px;margin: 20px 0;
	display: inline-block;vertical-align: top;
}
.iconbox .wrap{
	position: relative;
}
.iconbox .icon{
	position: relative;
	width: 120px;height: 120px;
	text-align: center;
	border: 3px solid;
	border-right: none;
}
.iconbox .icon:after,.iconbox .icon:before{
	content: '';position: absolute;width: 3px;right: 0;
}
.iconbox .icon:after{
	height: 12px;bottom: 0;
}
.iconbox .icon:before{
	height: 30px;top: 0;
}
.iconbox .icon i{
	position: relative;
	left: -2px;
	display: inline-block;vertical-align: top;line-height: 114px;
	font-size: 40px;
}
.iconbox .text > .h{
	position: absolute;
	width: 100%;left: 0;top: 44px;
	padding-left: 110px;
	font-size: 26px;
	margin: 0;
	line-height: normal;
}
.iconbox .text{
	margin-top: 20px;
}
.iconbox .h em{
	font-size: 12px;font-size: 1rem;
	display: block;
}
.btn-normal a{
	margin-top: 20px;
	line-height: 20px;
	display: inline-block;vertical-align: top;
	text-transform: uppercase;
}


/*sc - mix box /////////////////////////////////////*/

.mix-box .text.null{
	display: none;
}
.style-00.mix-box .intro,.style-03.mix-box .intro{
	margin-top: 25px;
	padding: 0 30px;
}
.style-00.mix-box .img{
	position: relative;
	padding-top: 35%;
}
.style-00.mix-box .text{
	max-width: 900px;
	margin: 10vh auto 15vh;
	text-align: center;
}
.style-00.style-00-2.mix-box .img{
	padding: 0;
}
.style-00-2.mix-box .wrap{
	max-width: 1280px;
	margin: 0 auto;
}
.style-00.style-00-2.mix-box .bg-full{
	position: relative;
	max-width: 1280px;
	opacity: 0;
}
.style-00.style-00-2.mix-box.show .bg-full{
	opacity: 1;
}
.style-00.style-00-2.mix-box{
	margin: 10vh auto;
}
.style-00.style-00-2.mix-box .text{
	margin:6vh auto 10vh;
}

.style-03.mix-box .wrap{
	position: relative;
}
.style-03.mix-box .img{
	position: absolute;
	height: 100%;width: 100%;
	top: 0;left: 0;
}
.style-03.mix-box .text{
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	padding: 20vh 80px;
	text-align: center;
	z-index: 2;
}
.style-03.mix-box .h i,.style-03.mix-box .intro{
	padding: 0 20%;
}
.style-00.mix-box .bg-full,.style-03.mix-box .bg-full{
	width: 100%;width: 100vw;
}
.style-03.mix-box .bg-full{
	height: 100%;
}

.mix-box .h{
	line-height: 100%;
	margin-top: 0;
}
.mix-box h1.h,.mix-box h2.h{
	line-height: 90%;
}
.mix-box .h i{
	position: relative;
	display: block;
	margin: 12px 0;
	left: 2px;
	font-size: 18px;font-size: 1.5rem;
	line-height: 22px;
	text-transform: capitalize;
	font-style: italic;
}

.mix-box .intro:after,
.contact .title:after{
	content: '';position: absolute;
}
.style-01.mix-box .intro:after,
.contact .title:after{
	width: 60px;height: 3px;
	left: 0;top: -20px;
}
.style-01.mix-box .intro:after{
	display: none;
}

.style-01.mix-box{
	position: relative;
	margin: 10vh auto;
	width: 84%;
	z-index: 2;
}
i.startpoint + .style-01.mix-box{
	margin-top: 40px !important;
}
.style-01.mix-box .text{
	position: relative;
	width: 80%;
	max-width: 1480px;
	margin: 4vw auto 0;
	z-index: 2;
}
.style-01.mix-box .h{
	position: relative;
	float: left;
	width: 36%;
	margin-bottom: 30px;
}
.style-01.mix-box .intro,
.style-01.mix-box div[class^='btn']{
	width: 58%;
	float: right;
}
.style-01.mix-box .img{
	position: relative;
	padding-top: 40%;
}
.mix-box .bg-full{
	transform: translate3d(-10%,0,0);
	opacity: 0;
}
.mix-box:nth-child(odd) .bg-full{
	transform: translate3d(10%,0,0);
}
.mix-box.show .img .bg-full{
	transform: translate3d(0,0,0);
	opacity: 1;
}
.style-01.mix-box .bg-full{
	width: 84vw;
}

.mix-box .bg-full:after{
	opacity: 0.1;
}
.mix-box .img:hover .bg-full:after{
	opacity: 0;
}
.style-01.mix-box .bg-full{
	overflow: hidden;
}

.style-02.mix-box{
	position: relative;
	margin: 20vh 0;
	padding: 0 10%;
	z-index: 2;
}
.style-02.mix-box .wrap{
	position: relative;
	max-width: 62vw;
	padding: 5vw 6% 5vw 27vw;
	margin: 0 auto;
}
.style-02-2.mix-box .wrap{
	max-width: 100%;
	width: 100%;
	padding: 0;height: 100%;
	margin: 0 auto;
}

.style-02.mix-box .h,.style-04.mix-box .h{
	margin-bottom: 30px;
}
.style-02.mix-box .img{
	position: absolute;
	left: -3vw;top: 3vw;right: 63%;bottom: 3vw;
}

.style-02.mix-box .wrap:after,
.contact.has-bg .wrap:after{
	right: 100%;
}
.style-02.mix-box.show .wrap:after,
.contact.has-bg .wrap.show:after{
	right: 0;
}
.site-light .contact.has-bg .wrap.show:after{
	opacity: 0.8;
}
.style-02.mix-box.first{
	margin: 0;
}


.style-04.mix-box .wrap{
	position: relative;
}
.site-light:not(.m-mode) .mix-box ~ .style-04.mix-box .wrap{
	margin-bottom: 40px;
}

.style-04.mix-box .img{
	display: inline-block;vertical-align: middle;
	width: 38%;margin: 0 11% 0 0;
}

.site-light .style-04.mix-box .bg-full{
	margin: 40px;
}
.site-light:not(.m-mode) .style-04.mix-box .bg-full{
	margin: 0 40px;
}
.style-04.mix-box .text{
	display: inline-block;vertical-align: middle;
	width: 30%;max-width: 800px;
	top: -20px;
}
.style-04-2.mix-box .img{
	margin: 0 0 0 11%;
}
.style-04-2.mix-box{
	text-align: right;
}
.style-04-2.mix-box .text{
	text-align: left;
}
body:not(.m-mode) .style-04.mix-box .text{
	padding: 100px 0;
}

/*contact /////////////////////////////////////*/

.contact{
	position: relative;
	font-size: 0;
	margin: 0 auto;
	text-align: center;
}
.contact.overrun{
	height: auto !important;
	margin: 120px auto;
}
.site-light:not(.m-mode) .contact.overrun{
	margin: 50px auto 90px;
}
.site-border:not(.m-mode) .contact.overrun{
	margin: 140px auto ;
}
.site-border.site-light:not(.m-mode) .contact.overrun{
	margin: 80px auto 140px;
}
.contact.style-02{
	padding-right: 50%;
}

.site-dark strong,.site-light header strong{color: #fff;}
.site-light strong{color: #111;}
.contact:after{
	content: '';
	width: 0;height: 100%;
	display: inline-block;vertical-align: middle;
}
.contact .wrap{
	position: relative;
	max-width: 1360px;
	width: 80%;
	display: inline-block;vertical-align: middle;
	padding: 80px;
	text-align: left;
	z-index: 2;
}
.contact.style-02 .wrap{
	max-width: 700px;
}
.contact .title{
	position: relative;
	width: 32%;
	padding-right: 7%;
	font-size: 36px;
	line-height: 100%;
	float: left;
}
.site-dark .contact .title{color: #fff;}
.site-light .contact .title,
.site-light .comment-form small a{color: #111;}
.contact .title:after{
	top: auto;bottom: -15px;height: 2px;width: 30px;
}
.contact .main{
	position: relative;
	width: 38%;
	padding-right: 7%;
	float: left;
}
.contact.no-form .title{
	width: 45%;
}
.contact.no-form .main{
	width: 55%;
	padding: 0;
}
.contact.no-form .form{
	display: none;
}
.contact.style-02 .main,.contact.style-02 .title,.contact.style-02 .form{
	width: 100%;padding: 0;
}
.contact.style-02 .title{
	margin-bottom: 40px;
}
.contact.style-02 .form{
	margin-top: 20px;
}
.contact .main .intro{
	white-space: normal;
}

.contact .form{
	position: relative;
	width: 30%;
	float: left;
}
.contact img{
	width: 100%;
}
.contact-form .item,
.comment-form > p{
	position: relative;
}
.contact-form .item:not(.item-submit){
	border:1px solid;
	border-bottom: none;
}
.contact-form p .item:not(.item-submit){
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
.comment-form > p:not(.comment-notes){
	border:1px solid;
}
.comment-wrap  .comment-form > p.comment-form-comment{
	width: 99.99%;
}
body:not(.logged-in) .comment-wrap  .comment-form > p.comment-form-comment{
	border-bottom: none;
}

.comment-form-comment,.item-message{
	font-size: 0;
}
.contact-form .item.last-child{
	border-bottom:1px solid;
}
.contact-form input + span:not(.wpcf7-list-item-label){
	position: absolute;
	right: 10px;top: 0;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-date{
    padding: 6px;
}
.contact-form input[type="radio"]{
	width: 15px;
	-webkit-appearance:radio;
}
select{position: relative;z-index: 9;}
.wpcf7-form-control-wrap{
	position: static;
}
.contact-form label,.wpcf7-form-control-wrap{
	display: block;
	line-height: 36px;
}
.wpcf7 select{
	width: 100%;
	height: 36px;
	padding-left: 10px;
	border: none;
}
.wpcf7 input[type='checkbox']{
	width: 20px;
	-webkit-appearance: checkbox;
}

.contact-form input,
.contact-form textarea,
.comment-form input,
.comment-form textarea{
	position: relative;
	width: 100%;max-width: 100%;
	height: 44px;
	padding: 0 15px;
	vertical-align: top;
	background-color: transparent;
	z-index: 2;
}
.contact-form input{
	height: 36px;
}
.contact-form .wpcf7-submit{
	line-height: 36px;
	padding: 0 20px;
}
.contact-form textarea,
.comment-form textarea{
	padding: 15px;
	min-height: 120px;
	height: auto;
}

.site-dark .contact-form input:focus,
.site-dark .contact-form textarea:focus{
	color: #fff;
}
input:focus,
textarea:focus{
	background-color: rgba(166,166,166,.05);
}
.contact-form .item:after,
.comment-form > p:not(.comment-notes):after{
	content: '';position:absolute;left: 0;top: 0;bottom: 0;right: 0;margin: -1px;
	border: 1px solid;
	opacity: 0;z-index: 1;
}

.contact-form .item.focus:after,
.comment-form > p:not(.comment-notes).focus:after{
	opacity: 1;
}
.item-submit:after,
.form-submit:after{
	display: none;
}
.contact-form .wpcf7-submit,
.form-submit input{
	border: none;
	width: auto;
	color: #fff;
	margin-top: 20px;
	cursor: pointer;
}
.form-submit{
	height: auto;
}
.form-submit input{
	width: 160px;
	line-height: 44px;
}
.wpcf7-submit:hover,.form-submit input:hover{
	-webkit-filter:contrast(1.4);
	filter:contrast(1.4);
	-ms-filter:contrast(1.4);
}
.imgormap{
	display: none;
	position: fixed;
	right: 0;top: 0;width: 50%;height: 100%;
}
.has-wp-bar .imgormap{
	margin-top: 32px;
}
.contact.style-02 .imgormap{
	display: block;
}
.map{
	position: relative;
	height: 100%;
	z-index: 2;
}
.gmnoprint,
.gm-style > div > a > div > img{
	display: none;
}
.contact .bg-full{
	opacity: 0;
}
.site-border .imgormap{
	top: 30px;
}
.site-light .imgormap{
	top: 80px;
}
.site-border.site-light .imgormap{
	top: 110px;
}
.map-container{
	height: 100%;
}

/*post detail - setting  /////////////////////////////////////*/
.post-detail{
	position: relative;
	z-index: 2;
}
.post-banner{
	position: relative;
}
.post-banner .h{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;bottom: 15%;
	color: #f9f9f9;
	z-index: 2;
}
.site-light:not(.m-mode) .post-banner.h-100.raw-size{
	top: -20px;
}
.post-banner{
	background-color: rgba(0,0,0,.2);
}
.site-light .post-banner{
	background-color: rgba(255,255,255,.2);
}
.style-03 .post-content .post-banner{
	margin-bottom: 8vh;margin-top: 80px;
}
.style-02 .post-content .post-banner{
	margin: 40px auto;
}
.style-02 .post-content .post-banner h3,
.post-banner.h-50 h3{
	font-size: 30px;
}
.raw-size.post-banner .bg-full{
	right: auto;bottom: auto;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.post-mp4-player{
	overflow: hidden;
}
.post-mp4-player i,.post-mp4-player i:after{
	position: absolute;
	width: 100px;height: 100px;line-height: 100px; top: 50%;left: 50%;margin: -50px 0 0 -50px;text-align: center;
	z-index: 13;
}
.post-mp4-player i:after{
	content: '\ea15';font-family: 'myicon';font-size: 80px;color: #fff;cursor: pointer;
}
.post-mp4-player video{
	transform: scale(1.02,1.02);
	-ms-transform: scale(1.02,1.02);
	object-fit: cover;
}
.post-mp4-player:before{
	opacity: 0.3;
	z-index: 12;
}
.post-mp4-player.play:before{
	opacity: 0;
}


.post-content{
	position: relative;
	margin: 40px auto;
}
.style-02 .post-content{
	max-width: 960px;
	margin: 80px auto;
}
.style-03 .post-content{
	width: 80%;
	max-width: 1280px;
	margin: 9vh auto;
}
.site-dark .style-03 .post-content{
	margin: 200px auto 9vh;
}
.post-content.post-has-bg:after{
	opacity: 0.9;
}
.style-02 .post-header{
	position: relative;
	text-align: center;
}
.post-title{
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 100%;
	color: #fff;
}
.site-light .post-title{
	color: #111;
}
.style-03 .post-title{
	font-size: 30px;
}

.style-02 .post-meta > p{
	display: inline-block;
	margin:0 3px;
}
.post-meta p i{
	min-width: 20px;
	opacity: 0.6;
}
.post-meta p i,.post-meta a{
	display: inline-block;vertical-align: top;
}
.post-meta a{
	margin-right: 5px;
}

.style-02 .post-meta p{
	opacity: 0.7;
}
.style-02 .post-meta p:hover{
	opacity: 1;
}
.style-02 .post-title{
	margin-bottom: 15px;
}
.site-dark .post-meta a,
.site-dark .post-tags a{
	color: #ccc;
}


.style-02 .post-text{
	margin-top: 30px;
}
.text-area{
	position: relative;
	line-height: 160%;
	white-space: pre-line;
}
.post-detail.style-03 .text-area{
	font-size: 1.2rem;
}
.post-detail.style-03 .post-meta p:not(.custom-info){
	font-size: 1.1rem;line-height: 160%;
}
.intro img{
	margin: 30px 0;
}
.text-area img{
	margin-bottom: 30px;
}
.text-area img,.intro img{
	max-width: 100%;
	height: auto;
}
.text-area img.alignleft{
	margin-right: 30px;
}
.text-area img.alignright{
	margin-left: 30px;
}

.style-03 .post-main{
	padding-left: 36%;
}
.style-03 .post-header{
	position: absolute;
	width: 32%;top: 0;left: 0;
}
.style-03 .post-footer a,
.style-03 .reply a{
	padding: 0 15px;
	line-height: 34px;
}
.style-03 .post-meta{
	margin-top: 20px;
}
.style-03 .post-meta p{
	line-height: 24px;
}
.style-03 .post-tags{
	float: none;
}
.post-meta p.custom-info,
.style-03 .post-meta.custom p.date,
.style-03 .post-meta.custom p.author,
.style-03 .post-meta.custom p.category{
	display: none;
}
.style-03 .post-meta.custom p.custom-info{
	display: block;
	white-space: pre-line;
}

i.share{
	display: inline-block;
	vertical-align: top;
}
.style-03 i.share{
	line-height: 36px;height: 36px;
}

.style-03 .share-box{
	width: 100px;height: 36px;
}
.style-03 .share-box a{
	width: 34px;padding: 0;
}
.style-03 i.share:after{
	line-height: 36px;font-size: 20px;left: 0;
}


a.no-img{
	position: relative;
}
a.no-img:after,a.no-img:before{content: '';position: absolute;width: 98%;height: 1px;right: 1%;bottom: 0;}
a.no-img:before{width: 0;left: 1%;right: auto}
a.no-img:hover:after{width: 0}
a.no-img:hover:before{width: 98%}


.post-footer{
	position: relative;
}


.post-tags{
	float: left;min-height: 36px;
}
.post-footer a,.reply a,.page-links a{
	position: relative;
	display: inline-block;vertical-align: top;
	line-height: 30px;
	box-sizing: content-box;
}
i.share{
	position: absolute;
	height: 34px;line-height: 34px;text-align: center;
	right: 0;top: 0;
	padding-left: 35px;
	box-sizing: content-box;
	cursor: pointer;
	z-index: 1;
}

.share-box.hover i.share{
	opacity: 0;
	visibility: hidden;
}
i.share:after{
	content: '\e928';position: absolute;height: 100%;width: 30px;left: 4px;top: 0;line-height: 34px; font-family: 'myicon';font-size: 16px;
}
.post-tags a,.reply a,.share-box a,.comment-form small a,.page-links a{
	border: 1px solid;
}
.post-tags a,.reply a,.page-links a{
	padding: 0 13px;
	margin: 0 4px 4px 0;
}
.share-box{
	position: absolute;
	width: 300px;height: 34px;
	right: 0;top: 0;
	font-size: 0;
	white-space: nowrap;
}
.share-box .wrap{
	position: absolute;
	right: 0;
	text-align: right;
	opacity: 0;
	visibility: hidden;
}
.share-box a{
	width: 30px;
	text-align: center;
	margin-left: 6px;
	font-size: 13px;
}

.share-box.hover .wrap{
	opacity: 1;visibility: visible;
}

.share-box a i{
	vertical-align: top;
	line-height: 30px;
}
.style-03 .share-box .wrap i{
	line-height: 34px;
}


.comment-form > p:not(.comment-notes),
.post-tags a,.reply a,.share-box a,.comment-form small a,.page-links a,
i.back-first{
	border-color: rgba(166,166,166,.3);
}
.contact-form .item:not(.item-submit),
.contact-form .item.item-message{
	border-color: rgba(66,66,66,.7);
}
.site-dark .contact-form .item:not(.item-submit),
.site-dark .contact-form .item.item-message{
	border-color: rgba(222,222,222,.6);
}


.site-light .contact-form .item:not(.item-submit),
.site-light .comment-form > p:not(.comment-notes),
.site-light .contact-form .item.item-message,
.site-light .post-tags a,.site-light .reply a,.site-light .share-box a,.site-light .comment-form small a,
.site-light i.back-first,.page-links a,
.site-light .m-header .search-box input{
	border-color: rgba(11,11,11,.5);
}


.post-main{
	position: relative;
	margin-bottom: 6vh;
}
.post-ctrl .ctrl{
	position: fixed;
	bottom: 15%;left: 0;
	height: 120px;
	width: 50px;
	z-index: 900;
	overflow: hidden;
}
.post-ctrl .ctrl.next{
	right: 0;left: auto;
}
.post-ctrl .ctrl:hover{
	width: 350px;
}
.post-ctrl .ctrl.no-img:hover{
	width: 200px;
}
.post-ctrl .wrap{
	position: relative;
	width: 350px;
	height: 120px;
	padding-left: 150px;
	background-color: rgba(44,44,44,.9);
	font-size: 0;
    letter-spacing: 0;
	opacity: 0;
	z-index: 2;
}
.site-light .post-ctrl .wrap{
	background: rgba(244,244,244,.95);
}
.site-light .post-ctrl i{
	background-color:rgba(103, 103, 103, 0.2);
}
.post-ctrl .ctrl.no-img .wrap{
	width: 200px;padding: 0;
}
.post-ctrl .ctrl:hover .wrap{
	opacity: 1;
}
.post-ctrl .next .wrap{
	text-align: right;
	float: right;
	padding: 0 150px 0 0;
}
.post-ctrl .wrap:after{
	content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;
}

.site-border .post-ctrl .ctrl.prev{left: 30px;}
.site-border .post-ctrl .ctrl.next{right: 30px;}
.post-ctrl span{
	text-transform: uppercase;
}

.post-ctrl i{
	position: absolute;
	width: 50px;height: 120px;line-height: 120px;text-align: center;
	left: 0;top: 0;
	background-color: rgba(44,44,44,.8);
	font-size: 20px;
	z-index: 3;
}
.post-ctrl .next i{
	right: 0;left: auto;
}
.post-ctrl i:after{
	content: '\e947';position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-family: 'myicon';color: #fff;
}
.post-ctrl .next i:after{
	content: '\e946';
}
.post-ctrl .ctrl.prev:hover i{
	opacity: 0;
	left: -50px;
}
.post-ctrl .ctrl.next:hover i{
	opacity: 0;
	right: -50px;
}
.post-ctrl .thumb{
	position: absolute;
	left: 0;top: 0;
	width: 150px;height: 120px;
	transform: rotateY(90deg);
	opacity: 0;
}
.ctrl.no-img .thumb{
	display: none;
}
.post-ctrl .next .thumb{
	right: 0;left: auto;
	transform: rotateY(-90deg);
}
.post-ctrl .ctrl:hover .thumb{
	transform: rotateY(0deg);opacity: 1;
}
.post-ctrl .text{
	position: relative;
	left: 50px;
	display: inline-block;vertical-align: middle;
	width: 200px;
	padding: 0 30px;
	line-height: 20px;
	text-transform: uppercase;
	opacity: 0;
}
.post-ctrl .next .text{
	left: -50px;
}
.post-ctrl em{
	display: block;
	margin: -5px 0 5px;
	
}
.post-ctrl p{
	line-height: 20px;
	line-height: 110%;
}
.post-ctrl .ctrl:hover .text{
	opacity: 1;
	left: 0;
}


.related-group{
	position: relative;
	z-index: 1;
}
.related-group .box{
	position: relative;
	width: 50%;
	padding-top: 25%;
	float: left;
	overflow: hidden;
}
.site-light:not(.m-mode) .related-group .box{
	margin-bottom: 40px;
}
.related-group .text{
	position: absolute;
	width: 60%;
	min-width: 300px;
	padding: 0 0 7% 7%;
	color: #fff;
	left:0;
	bottom:0;
	z-index: 2;
}
.site-border:not(.m-mode) .related-group .box{
	margin-bottom: 30px;
}
.site-border.site-light:not(.m-mode) .related-group .box{
	margin-bottom: 70px;
}
.related-group p{
	position: relative;
	font-size: 50px;
	font-size: 2vw;
	line-height: 110%;
	margin:0 0 10px 0;
}
.related-group .text i{
	opacity: 0.6;
	margin-right: 8px;
}
.related-group .bg-full:after{
	opacity: 0.3;
}
.related-group .box:hover .bg-full:after{
	opacity: 0.6;
}
.related-group .box:hover .bg-full{
	transform: scale(1.03,1.03);
	-ms-transform: scale(1.03,1.03) rotate(0.02deg);
}

/*comment /////////////////////////////////////*/
li.comment{
	list-style-type: none;
}
.title-style-01{
	font-size: 20px;
	line-height: 30px;
	padding: 20px 0;
	color: #fff;
	text-transform: uppercase;
}
.site-light .title-style-01{
	color: #000;
}
.title-style-01 i{display: inline-block;margin-right: 8px;}
.comment-wrap{
	margin-top: 6vh;
	margin-bottom: 14vh;
}
.comment-author .img{
	position: absolute;
	left: 0;top: 0;
	width: 50px;height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.comment-author a,
.comment-author cite{
	line-height: 26px;height: 26px;
	display: inline-block;vertical-align: top;
}
.comment-author a:hover{
	text-decoration: underline;
}
.comment-author .comment-meta{
	line-height: 26px;
}

.comment-wrap li.depth-1 ol.children{
	padding-left: 70px;
}
.comment-wrap li.depth-4 ol.children{
	padding-left: 0;
}
#cancel-comment-reply-link{
	position: relative;
	margin: 0 20px;
}
#cancel-comment-reply-link:before{
	content: "\e5cd";
	display: inline-block;
	font-family: 'myicon';
	margin: 6px;
}
.comment-list{
	margin-bottom: 8vh;
}
.comment-body{
	position: relative;
	padding-top: 40px;
	margin-bottom: 50px;
	border-top: 1px solid rgba(166,166,166,.2);
	text-align: right;
}

li.comment,li.pingback{
	list-style-type: none;
}


.comment-body .comment-area,
.comment-body > .reply{
	display: inline-block;vertical-align: top;
	text-align: left;
	width: 100%;
	padding-left: 70px;
}
.comment-awaiting-moderation{
	text-align: left;
	padding-left: 70px;
}
li.pingback.no-img .comment-area,
li.pingback.no-img .comment-author,
li.pingback.no-img .reply{
	padding-left: 0;
}
.comment-author .img{
	top: -12px;
}
.comment-author{
	position: relative;
	top: 0;
	margin-bottom: 10px;
	padding-left: 70px;
	text-align: left;
}
.comment-meta{
	display: inline-block;vertical-align: top;margin-left: 20px;
}
.comment-body > .reply{
	margin-top: 20px;
}
.comment-notes{
	display: none;
	margin-bottom: 20px;
}
.comment-form-author,.comment-form-email,.comment-form-url{
	width: 33.3333333%;float: left;
}
.comment-form-author,.comment-form-email{
	border-right: none !important;
}
.comment-form .form-submit{
	border: none !important;
	display: inline-block;
}

.comment-form small{
	display: none;
}
.comment-form{
	position: relative;
}
.comment-form small:before{
	content: "\e5cd";position: absolute;left: 20px;top: 0;font-family: 'myicon';font-size: 14px;line-height: 43px;pointer-events: none;
}
.comment-form small a{
	display: inline-block;
	padding: 0 25px 0 40px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	color: #ccc;
	box-sizing: content-box;
}
.comment-list .comment-form small{
	display: block;
	position: absolute;
	left: 180px;bottom: 0;
}
ol .comment-form{
	margin: 40px 0 50px;
}
li .comment-form{
	margin-top: 0;
}
li .comment-respond{
	margin-top: -30px;
}
.comment-awaiting-moderation{
	display: block;
	opacity: 0.4;
	text-decoration: underline;
	margin: 4px 0;
}


.page-other{
	position: relative;
	text-align: center;
	background: url(data/images/bg.jpg) center;background-size:cover;
}
.site-dark .page-other{
	background-image: url(data/images/bg-dark.jpg);
}
.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;
}
.site-dark .p404:before{
	background-image: url(data/images/404-bg-dark.svg);
}
.page-other .text{
	position: relative;
	display: inline-block;vertical-align: middle;
	width: 50%;
	min-width: 300px;
	padding-bottom: 40px;
	z-index: 2;
}
.page-other form{
	margin-top: 40px;
}
.page-other .search-field{
	width: 100%;
	height: 48px;max-width: 600px;
	border: 1px solid rgba(166,166,166,.5);
	background-color: transparent;
	padding: 0 20px;
	margin-bottom: 40px;
}
.search-submit{
	position: absolute;
	visibility: hidden;
}

.go-top{
	position: fixed;
	width: 48px;height: 48px;
	left: 50%;bottom: -60px; margin-left:-24px;
	cursor: pointer;
	z-index: 3000;
}
.go-top:before{
	content: '\f106';position: absolute;left:0;top: 0;line-height: 12px;font-family: 'myicon';color: #111;width: 100%;height: 100%;text-align: center;
	z-index: 9;
}
.go-top:after{
	content: '';position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;background-color: #f0f0f0;transform: rotate(45deg);
	box-shadow: 0 0 12px rgba(0,0,0,.4);
	opacity: 0.6;
}
.site-light .go-top:after{
	background-color: #222;
}
.site-light .go-top:before{
	color: #fff;
}
.go-top.show{
	bottom: -32px;
}
.m-mode .go-top{
	display: none;
}
.go-top:hover:after{
	opacity: 1;
}






/*all transition setting /////////////////////////////////////*/
.nav-icon,.logo,.page-other a,.btn-04:after,.outside-menu .sub-menu,.outside-menu .sub-menu a,.type-02 .filter-ctrl li i:before,
.style-02 .side-menu>li:not(.menu-item-has-children) a:not(.full):after,.style-02 nav .sub-menu a:not(.full):after,.slick-dots,
.category.style-01 a:after,.category-icon,.nav-icon.type-04 i,.pt-loadmore i,.btn-normal a,.page-links a,.style-06 .pic-box .text,
.footer,.footer:after,.style-01 nav,.has-img .sub-menu li:before,.style-01 .has-img li,.search-box i:after,.slick-slider:not(.dots-02) .slick-dots li:after,
nav a,.sub-menu li:after,.side-menu>li:before,i.nav-close,.pages li a,.reply a,.blog-meta a:hover,.related-group p:after,.post-meta p,
.style-01 nav:after,.filter-ctrl li i,.filter-ctrl li i:after,.lightbox a:after,.logged-in-as a,.blog-box .text > a,.dots-02 .slick-dots li:after,
.pic-box .text,.tag a,.style-01 .pic-box p,.pic-box .text a,.filter-ctrl li:before,.slick-arrow:after,.pt-social a:after,.pt-social a i:before,
.tabs-nav li,.tabs-nav li i,.tabs-nav i:before,.carousel .text .h,.footer.left a,.thumbslider .h,.thumbslider-thumb:after,.m-side-menu-toggle,
.contact-form .item:after,.contact-form .item:before,.wpcf7-submit,.post-content a,.post-tags a,.share-box .wrap a,input,textarea,
.post-ctrl .text,.post-ctrl .thumb,p.author,p.category,i.back-first,i.back-first em,.category.style-02 a,.go-top,.go-top:after{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
header:after,.btn-01 a:after,.btn-02 a:after,.btn-01 a:before,.btn-02 a:before,.bg-full:after,.search-icon,.search-box,.layer-bg .bg-full,
.tabs-wrap .nth-1,.category.style-02 .item:after,.carousel .img:after,.carousel.full .h:before,.pt-mouse-scroll-boxed,
.thumbslider-thumb,.thumbslider-thumb .item:after,.style-05 .pic-box .img,.style-04 .pic-box .bg-full,
.has-pic-06 .title-group .h:before,.style-06 .img:before,.style-02.mix-box .wrap:after,.contact.has-bg .wrap:after,
.contact-form input,.contact-form textarea,.roll-arrow:after,.roll-arrow:before,.mix-box:not(.style-02) .img,.mix-box .bg-full,
.comment-form p:after,.post-ctrl .ctrl:hover,.post-ctrl .wrap,.post-ctrl i,.post-mp4-player:before,.carousel .text,
.m-header nav,.m-header .header-info,.has-pic-07 .text{
	transition: all 0.9s ease;
	-webkit-transition: all 0.9s ease;
}

.nav-icon i:nth-child(1):after,
.style-01 .side-menu>li.trans,.filter:hover .category-icon,
a.no-img:after,
.list-scroller-target,.list-scroller-target:before,.list-scroller-target:after{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.nav-icon i:nth-child(2):after,
.side-menu>li>i{
	transition: all 0.2s 0.2s;
	-webkit-transition: all 0.2s 0.2s;
}
.nav-icon i:nth-child(3):after,a.no-img:before{
	transition: all 0.2s 0.4s;
	-webkit-transition: all 0.2s 0.4s;
}
.outer-menu a:after,.pic-box .text>a:before,.pic-box .text:after,.category.style-02 .item a:after,.lightbox,
.tabs-wrap .nth-2,.style-01 .blog-box .img,.outside-menu>li>a:after,
.style-02 .side-menu>li:after,.post-ctrl .ctrl,.landing .item{
	transition: width 0.6s,opacity 0.8s,background 0.8s,margin 0.6s,height 0.6s;
	-webkit-transition: width 0.6s,opacity 0.8s,background 0.8s,margin 0.6s,height 0.6s;
}
header.style-02 nav .bg-full{
	transition: all 1.2s;
	-webkit-transition: all 1.2s;
}


.related-group .bg-full{
	transition: transform 2s,opacity 0.5s;
	-webkit-transition: -webkit-transform 2s,opacity 0.5s;
}

.style-02 .side-menu>li.trans,
.main-slider .bg-full,.post-banner.slider .bg-full,
.thumbslider .img,.blog-box .bg-full,
i.share,.share-box .wrap{
	transition: margin 0.8s,transform 0.8s,opacity 0.4s;
	-webkit-transition: margin 0.8s,-webkit-transform 0.8s,opacity 0.4s;
}
.sub-menu,
.style-03 .pic-box .text,
.style-03 .pic-box .tag,
.category.style-01 .bg-full,
.thumbslider-thumb .item:before,
.post-ctrl .ctrl:hover .text{
	transition: opacity 0.7s 0.1s,left 0.7s 0.2s,right 0.7s 0.2s,bottom 0.5s 0.1s;
	-webkit-transition: opacity 0.7s 0.1s,left 0.7s 0.2s,right 0.7s 0.2s,bottom 0.5s 0.1s;
}
.style-05 .pic-box .text>a,
.pic-box .bg-full,
.thumbslider .bg-full,
.category.style-02 .bg-full,
.carousel.boxed .img,
.pt-timer i{
	transition: transform 0.8s,height 0.5s,opacity 0.9s;
	-webkit-transition: -webkit-transform 0.8s,height 0.5s,opacity 0.9s;
	-ms-transition: -ms-transform 0.8s,height 0.5s,opacity 0.9s;
}
.btn-01 a,.btn-02 a{
	transition: padding 0.5s ,border 0.5s;
	-webkit-transition: padding 0.5s ,border 0.5s;
}
.main-slider .h:after{
	transition: all 0.5s 1s;
	-webkit-transition: all 0.5s 1s;
}
.style-02.mix-box .bg-full,.post-ctrl .ctrl:hover .thumb{
	transition: transform 0.5s 0.4s,opacity 0.5s 0.4s;
	-webkit-transition: -webkit-transform 0.5s 0.4s,opacity 0.5s 0.4s;
}
.style-02 .side-menu>li>a:not(.full),.has-pic-08 .text{
	transition: all 0.8s 0.2s;
	-webkit-transition: all 0.8s 0.2s;
}
.style-02 nav .sub-menu{
	transition: all 0.6s 0.4s;
	-webkit-transition: all 0.6s 0.4s;
}
.category.style-02 .item:before,.style-02 .side-menu>li>i,
.style-04.mix-box .img{
	transition: opacity 1s,left 0.5s;
	-webkit-transition: opacity 1s,left 0.5s;
}
.carousel .h:before,.thumbslider .text,.style-04 .pic-box .img,
.related-group .text{
	transition: all 0.5s 0.3s;
	-webkit-transition: all 0.5s 0.3s;
}
.circle-background{
	position: fixed;
	width: 100%;height: 100%;left: 0;top: 0;
	z-index: -1;
}
.tabs-nav li.current,
.circle-background,
.post-banner .h,
header:after{
	pointer-events:none;
}



.site-light > footer{
	position: fixed;
	width: 100%;height: 40px;
	left: 0;bottom: 0;
	z-index: 99;
}
.site-border > footer{
	bottom: 30px;
}

.footer{
	position: fixed;
	line-height: 50px;height: 50px;
	padding: 0 15px;
	bottom: 0;
	z-index: 95;
}
.footer.drop{
	z-index: 90;
}
.footer.left{
	left: 0;
}
.footer.pt-social{
	right: 0;
}
.site-border .footer.left{
	left: 30px;
}
.site-border .footer.pt-social{
	right: 30px;
}
.site-border > footer,
.site-border:not(.site-light) .footer{
	bottom: 30px;
}
.footer:after{
	content: '';position: fixed;width: 100%;height: 15vh;left: 0;bottom: 0;z-index: -10;
	opacity: 0;visibility: hidden;
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.4) 100%);
	background: -ms-linear-gradient(top, transparent 0%, rgba(0,0,0,.4) 100%);
	background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,.4) 100%);
	pointer-events: none;
}
.footer:hover:after{
	opacity: 1;visibility: visible;
}
.site-light .footer:after{
	display: none;
}


.pt-social>a{
	position: relative;
	display: inline-block;vertical-align: top;
	top: 10px;
	width: 30px;height: 30px;line-height: 30px;
	font-size: 16px;
	text-align: center;
	background-color: transparent;
	text-transform: uppercase;
	z-index: 1;
}
.site-light .pt-social>a{
	top: 8px;height: 24px;line-height: 24px;width: 24px;
}
.pt-social>a:after{
	content: '';position: absolute;right: 0;bottom: 0; opacity: 0;z-index: -1;
}
.pt-social>a:after{
	left: 0;top: 0;
	margin: 15px;
	border-radius: 50%;
}
.pt-social a i{
	vertical-align: top;
	line-height: 30px;
}
.site-light .pt-social a i{
	line-height: 24px;
}
.pt-social a i:before{
	opacity: 0.7;
}
.site-light .pt-social a:hover i{
	color: #fff;
}
.pt-social a:hover i:before{
	opacity: 1;
}
.pt-social a:hover:after{
	margin: 0; opacity: 1;
}

.pt-social em{
	display: none;
	position: absolute;bottom: 120%;right:-5px;
	padding:0 10px;line-height: 30px;
	font-size: 11px;border-radius: 2px;
	background: #444;color: #fff;
}
.pt-social em:after{
	content: '\f05b';position: absolute;color:#444;font-family: 'myicon';width: 20px;bottom: -14px; right:7px;text-align: center; font-size: 20px;
}
.pt-social a:hover em{
	display: block;
}

.footer.left a,.footer.left i,.footer.left li{
	position: relative;
	display: inline-block;vertical-align: top;
	margin-right: 30px;
	opacity: 0.7;
}
.footer.left li a{margin: 0;}
.footer.left ul{
	display: inline-block;vertical-align: top;
}
.footer.left li{
	opacity: 1;
	list-style-type: none;
}
.footer.left a:hover,.footer.left i:hover{
	opacity: 1;
}
.site-light .footer{
	height: 40px;line-height: 40px;position: absolute;
}
.site-light .footer.left a,.site-light .footer.left i{
	line-height: 40px;
}
.footer.left i{
	width: 30px;height: 100%; text-align: center;margin:0 5px 0 -5px;
	cursor: pointer;
}
.footer.left i:after,.search-box i:after{
	content: '\e945';position: absolute;width: 100%;height: 100%;top: 1px;left: 0;font-family: 'myicon';
}
.search-box i:after{content: '\f107';}
.footer.left a:hover,.footer.left i:hover{
	opacity: 1;
}
.footer.left li:before{
	content: '/';
	position: absolute;
	left: -20px;top: 0;
	opacity: 0.3;
	pointer-events: none;
}
.search-box{
	position: fixed;width: 100%;height: 100px;bottom: -100px; left: 0;
	padding: 20px;
	z-index: 99;
}
.search-box > abbr{
	position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;
	display: none;
}
.search-box.open > abbr{
	display: block;
}
.search-box.open{bottom: 0;}
.site-border .search-box.open{bottom: 30px;padding: 20px 30px;}

.search-box input{
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	padding: 0 0 0 100px;background-color: #171819;
	color: #fff;font-size: 22px;
}
.site-light .search-box input{
	color: #eee;
}
.search-box i{
	width: 100px;height: 100px;line-height: 100px; position: absolute;left: 0;top: 0;text-align: center;font-size: 20px;cursor: pointer;
	z-index: 2;color: #fff;
}
.site-border .search-box i{
	left: 30px;
}
.site-border .search-box input{
	padding: 0 0 0 130px;
}
.search-box button{
	visibility: hidden;opacity: 0;
}





/*mobile-menu ================================================= */
.had-border .body-border{
	display: none;
}

.m-header .bg-full{
	display: none;
}
.m-header{
	display: none;
	position: relative;
	height: 64px;
	background-color: #070809;
	text-align: center;
	z-index: 999;
}
.site-light .m-header{
	background-color: #fff;
}
.m-logo{
	position: relative;
	display: inline-block;vertical-align: top;
	height: 64px;
	z-index: 2;
}
.m-logo img{
	height: 100%;
}
.m-header nav,.m-header .header-info{
	position: fixed;
	background-color: rgba(11,11,11,.7);
	width: 90%;max-width: 500px;min-width: 300px;height: 100%;
	right: 0;top: 0;
	text-align: left;
	overflow: auto;
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
	-webkit-overflow-scrolling: touch;
	z-index: 999;
}
.site-light .m-header nav,.site-light .m-header .header-info{
	background: #fff;
}
.m-header .header-info{
	left: 0;top: 0;right: auto;
	padding: 100px 44px 44px 44px;
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
}
body.m-mode.m-nav-open,body.m-mode.m-info-open{
	overflow: hidden;
}
.m-nav-open .m-header nav,.m-info-open .header-info{
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	z-index: 4;
}
.header-info .m-nav-close:after{
	left: auto;right: 0;width: 64px;
}
.m-nav-ctrl{
	position: absolute;
	height: 64px;width: 100%;left: 0;top: 0;
	z-index: 1;
}
.m-nav-ctrl i{
	position: absolute;width: 64px;height: 64px;top: 0;line-height: 64px;cursor: pointer;
	z-index: 2;
}
.m-nav-ctrl i:after,.m-call-sub:after,.m-side-menu-toggle:after{
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-family: 'myicon';
}
i.m-ctrl-right{
	right: 0;
}
i.m-ctrl-right:after{
	content: '\e91e';font-size: 24px;
}
i.m-ctrl-left:after{
	content: '\e901';font-size: 20px;
}
.m-side-menu-toggle:after{
	content: '\e912';font-size: 20px;left: 50%;width: auto;transform: translateX(-50%);-webkit-transform: translateX(-50%);
}
i.m-ctrl-left{
	left: 0;
}
.m-header .layer-bg{
	position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:#111;opacity: 0.7;display: none;z-index: 3;
}
.site-light .m-header .layer-bg{
	background: #ccc;
}
.m-header li{
	position: relative;
	list-style-type: none;
}
.m-side-menu-toggle{
	position: relative;
	height: 64px;
	line-height: 64px;
	margin: 30px 8% 20px;
	border-radius: 4px;
}
.m-header .sub-menu{
	display: none;
}
.m-header .sub-menu a{
	padding-left: 30px;
}
.m-outside-menu a,.m-nav-close{
	position: relative;
	display: block;
}
.header-info .m-nav-close{
	position: absolute;left: 0;top: 0;height: 64px;width: 100%;
}
.m-side-menu{
	display: none;
}
.no-outside-menu .m-side-menu{
	display: block;
}
.m-side-menu a{
	position: relative;
	display: inline-block;
	z-index: 2;
}
.m-outside-menu li,.m-side-menu li,.m-nav-close{
	border-bottom: 1px solid;
}
.m-header .sub-menu li:last-child{
	border-bottom: none;
}
.m-header .sub-menu li:first-child{
	border-top: 1px solid;
}
.m-header .sub-menu li:before{
	content: '';position: absolute;left: 10px;top: 50%;height: 1px;width: 8px;background: rgba(166,166,166,.5);
}

.m-outside-menu a,.m-side-menu a,.m-nav-close{
	line-height: 64px;height: 64px;
	font-size: 12px;font-size: 1rem;
}
.m-outside-menu,.m-side-menu{
	padding: 0 8%; 
}

.m-nav-close,.m-side-menu-toggle{
	background:rgba(0,0,0,.5);
	cursor: pointer;
}
.site-light .m-nav-close,.site-light .m-side-menu-toggle{
	background:rgba(233,233,233,.4);
}
.m-side-menu-toggle.open{
	background:rgba(11,11,11,.5);
}
.site-light .m-side-menu-toggle.open{
	background: rgba(222,222,222,.4);
}

.m-nav-close:after{
	font-family: 'myicon';text-indent: 26px;font-size: 22px;
}
.m-call-sub{
	font-family: 'myicon';position: absolute;width: 100%;height: 64px;line-height: 64px;top: 0;right: 0;font-size: 20px;
	z-index: 1;cursor: pointer;
}
.m-call-sub:after{width: 64px;right: 0;left: auto; content: '\f107';text-align: center;}
.m-call-sub.open:after{
	-webkit-transform: rotate(180deg);
}
.sub-menu .m-call-sub{
	display: none;
}

.m-footer{
	margin-top: 30px;
	position: relative;z-index: 100;
}
.m-footer .footer,
.m-header .search-box{
	position: relative;
	left: 0;right: auto;bottom: auto;
	margin: 30px 0 0 0;padding: 0 5px;
	line-height: 30px;
}
.m-header .search-box{
	height: 48px;padding: 0;
}
.site-light .m-header .search-box i:after{
	color: #bbb;
}
.m-header .search-box input{
	padding:0 0 0 40px;
	background: transparent;
	border: 1px solid rgba(222,222,222,.6);
	font-size: 12px;font-size: 1rem;
}
.m-footer .search-icon{
	display: none !important;
}
.m-header .search-box i{
	height: 48px;width: 48px;line-height: 48px;
}
.m-header .search-box i:after{
	content: '\e945';font-size: 11px;font-size: 0.917rem;
}
.m-footer .pt-social{
	left: -10px;
}
.m-footer .footer:after{
	display: none;
}
.m-outside-menu li,.m-side-menu li,.m-nav-close,.m-header .sub-menu li:first-child{
	border-color: rgba(166,166,166,.2);
}


/*site-responsive =======================================================*/

@media screen and ( max-width: 1921px ){
	.blog-list.style-02{max-width: 1280px;}

	.site-border header{top: 20px;padding: 15px 50px 15px 35px;}


	.body-border i:nth-child(1),.body-border i:nth-child(3){height: 20px;}
	.body-border i:nth-child(2),.body-border i:nth-child(4){width: 20px;}
	.site-border{margin: 20px 20px 0 20px;}
	.site-border .search-box.open{bottom: 20px;}
	.site-border header.style-01 .has-img .sub-menu{top: 20px;right: 20px;width: calc(24vw - 20px);}
	.has-wp-bar .site-border header.style-01 .has-img .sub-menu{top: 52px}

	.site-border > footer,.site-border:not(.site-light) .footer{bottom: 20px;}
	.site-border .footer.left{left: 20px;}
	.site-border .footer.pt-social{right: 20px;}

	.has-wp-bar .site-border header{top: 52px;}

	.site-border .has-pic-02.full .title-group.fixed{left: 36px;}
	.site-dark .has-pic-03.full.gap{margin-top: 65px;}
	.site-dark.site-border .has-pic-03.full.gap{margin-top: 85px;}


	.site-border .post-ctrl .ctrl.prev{left: 20px;}
	.site-border .post-ctrl .ctrl.next{right: 20px;}
	.site-border:not(.m-mode) .related-group .box{margin-bottom: 20px;}
	.site-border.site-light:not(.m-mode) .related-group .box{margin-bottom: 60px;}
	.site-border header.style-02 nav {width: calc(100% - 40px);height: calc(100% - 40px);left: 20px;top: 20px;}
	.has-wp-bar .site-border header.style-02 nav{height: calc(100% - 72px);top: 52px;}
	.site-border .search-box input {padding: 0 0 0 120px;}
	.site-border .search-box i{left: 20px;}

	.style-01 .pic-box .text{font-size: 18px;}
	.style-02.style-02-3 .pic-box{width: 20%;padding: 5px;}
	.style-02.style-02-3 .gap{width: 20%;padding: 0 5px;}
	.has-pic-07 .text > a{font-size: 18px;}

	.contact .wrap{padding: 60px;}


}



@media screen and ( max-width: 1681px ){
	
	

	.style-02 .post-content{max-width: 800px;}


	.blog-list{margin:40px auto 150px;}
	.site-light:not(.m-mode) .blog-list{margin-top: 60px;}
	.blog-list.style-02{max-width: 960px;}
	.style-02 .blog-box{ width: 50%;margin-bottom: 30px;padding: 30px;}
	.blog .title-group.fixed{position: relative !important;margin:  40px 0;transform: translate3d(0, 0, 0) !important;left: 40px;text-align: center;left: 0;}
	.site-dark:not(.m-mode) .blog .title-group.fixed{margin-top: 150px;}
	.blog .title-group .h:after{left: 50%;margin-left: -30px;}

	.tabs-nav li i{padding: 15px 25px}
	.tabs-nav li.current i{padding: 15px 25px 15px 45px;}

	.pt-sc-iconbox{padding: 10vh 0;}

	.title-group.for-boxed{left: 80px;}

	.site-border .has-pic-02.full .title-group.fixed{left: 30px;}
	
	.style-04 .pic-box .text{padding: 20px 30px;bottom: 80px;}
	.style-04 .pic-box .lightbox{bottom: 30px;right: 30px;}
	.style-04 .pic-box.nth-2 .lightbox{right: auto;left: 30px;}
	.style-02 .pic-box .text>a{font-size: 18px;}
	.style-02.style-02-2 .pic-box .text > a{font-size: 16px;}
	.has-pic-02.full{padding: 5px;}
	.site-light .has-pic-02.full{margin: -10px 0 0 0 !important;}
	.style-05.pic-list{max-width: 900px;}

	.site-border.site-light .imgormap{top: 100px;}

	.landing-caption h6.h{font-size: 14px;}
	.landing-caption .text{width: 50%;padding: 50px;}
	.landing-caption h5.h{font-size: 18px;}

	.style-02.mix-box .wrap{max-width: 100%;padding: 5vw 6% 5vw 40%}
	.style-02.mix-box .img{right: 65%}

	.style-02 .blog-box .text > a{font-size: 20px;}
	.blog-box .text > a{font-size: 24px;}
}

@media screen and (max-width: 1366px) and (min-width: 1279px){
	.tabs-nav li i,.pt-sc-tabs .intro{font-size: 12px;}

}
@media screen and (max-width: 1366px){


	.has-pic-02{padding: 0 30px;}
	.style-01 .pic-box .text{font-size: 16px;}
	.has-pic-07 .text{padding: 20px;}
	.has-pic-07 .text > a{font-size: 18px;}
	.pic-list.style-02{min-width: 960px;}
	.pic-list.style-02 .pic-box,.style-02.style-02-2 .gap{width: 50%;}
	.style-01 .pic-box.nth-2 .text, .style-01 .pic-box.nth-3 .text, .style-01 .pic-box.nth-4 .text, .style-01 .pic-box.nth-6 .text{padding: 15px 20px;font-size: 16px;}
	div[class^='pt-row has-pic-'] .title-group.fixed,.title-group.for-boxed{left: 60px;}
	.style-02.style-02-3 .pic-box,.style-02.style-02-3 .gap{width: 16.666666%}



	.outer-menu{letter-spacing: 0;}
	.contact .title{ width: 100%;padding: 0; }
	.contact .main,.contact .form{ width: 50%;margin-top:50px; }
	.contact .wrap{max-width: 960px;padding:40px 60px;}
	.site-border.site-dark .imgormap{top: 20px;}
	.site-light .imgormap{top: 64px;}
	.contact.style-02 .main, .contact.style-02 .title, .contact.style-02 .form{margin-top: 10px;}
	.contact.style-02 .title{font-size: 24px;}


	.slick-arrow{width: 60px;height: 60px;line-height: 60px;margin-bottom: -30px;}

	.default-wrap{padding: 40px;margin: 20px auto;}
	.blog-list{margin:40px auto 120px;}


	.style-03 .post-content{margin: 60px auto !important;width: 90%;}
	.site-dark .style-03 .post-content{margin: 120px auto !important;}
	.style-03 .post-title{font-size: 24px;}

	.iconbox .icon{width: 80px;height: 80px;}
	.iconbox .icon i{font-size: 30px;line-height: 74px;}
	.iconbox .text > .h{padding-left: 76px;top: 24px;font-size: 20px;line-height: 18px;}
	.iconbox .icon:before{height: 20px;}
	.iconbox .icon:after{height: 8px;}

	.tabs-nav li i{padding: 14px 20px}
	.tabs-nav li.current i{padding: 14px 20px 14px 28px;}
	.tabs-wrap .text{width: 45%;}
	.tabs-wrap .img,.tabs-wrap .nth-1.show,.tabs-wrap .nth-1 .bg-full{width: 42vw;}
	.tabs-wrap .type-02 .nth-1.show,.tabs-wrap .type-02 .img,.tabs-wrap .type-02 .nth-1 .bg-full{width: 36vw;}
	.carousel .h{padding: 20px 30px;}

}

.m-mode .pt-ani-text span{
	opacity: 1!important;left: 0 !important;top: 0 !important;
}

@media screen and (max-width: 1279px){
	
	.style-01 .blog-box{margin: 30px 0 60px;}
	.related-group .box{width: 100%;padding-top: 50%;float: none;}
	.related-group p{font-size: 4vw;}
	.blog-box .text > a{font-size: 20px;}

	.title-group.for-boxed{position: relative !important;margin:  40px 0;transform: translate3d(0, 0, 0) !important;left: 70px;top: 0;}
	.style-01.mix-box .text{margin: 40px auto 0;}
	.style-00.mix-box .text,.style-00.style-00-2.mix-box .text{margin: 60px auto 100px;}
	.style-03.mix-box .text{padding: 14% 80px;}


	.style-02.mix-box .wrap{max-width: 80%;padding: 40px;}
	.style-02.mix-box .img{position: relative;left: 0;right: 0;top: 0;bottom: 0;padding-top: 65%;margin-bottom: 30px;}
	.style-02.mix-box{padding: 0 5%;margin: 80px 0;}
	.style-04.mix-box .text{width: 40%;}
	.style-04.mix-box .img{margin: 0 9% 0 0;}
	.style-04-2.mix-box .img{margin: 0 0 0 9%;}

	.iconbox .item{width: 50%;}
	.iconbox{width: 100%;padding: 0 40px;}

	.tabs-nav{position: relative;top: 0 !important;right: auto;left: auto !important; margin: 30px 0 !important;text-align: left !important;width: 100%;}
	.site-dark .tabs-nav{margin: 80px 0 30px 0 !important;}
	.m-mode .tabs-nav{margin: 0 0 30px 0 !important;}
	.site-light:not(.m-mode) .tabs-nav{margin-top: 110px;}
	.tabs-nav li{display: inline-block;vertical-align: top;}
	.pt-sc-tabs{padding: 0 60px;margin: 60px 0;}
	.tabs-wrap{height: auto !important;}
	.pt-sc-tabs{margin: 100px 0;}
	.tabs-wrap .item{position: relative;display: none;}
	.tabs-wrap .item.current{display: block;}
	.pt-sc-tabs{padding: 0 70px !important;}
	.tabs-wrap .img, .tabs-wrap .nth-1.show, .tabs-wrap .nth-1 .bg-full{width: 100% !important;right: 0 !important;}
	.tabs-wrap .img{position: relative;padding-top: 56%;margin-bottom: 30px;}
	.tabs-wrap .text{width: 100%;padding: 0;}

	.style-02.style-02-3 .pic-box,.style-02.style-02-3 .gap{width: 20%}
	.style-05 .pic-box .text>a{margin-top: 10px;}
	.has-pic-05 .title-group.type-02{margin-bottom: 10px;}

}

.m-mode .pt-video-bg{display: none;}
.type-verti .style-01 .landing .item{width: 50%;height:20%;}
.type-verti .style-01 .landing .item:nth-child(5){width: 100%;}
.type-verti .style-02 .landing .item{width: 25%;height: 16.666666%}

.type-verti .style-03 .landing{width: 100%;}
.type-verti .style-03 .landing-caption .text{text-align: center;width: 100%;}
.type-verti .style-03 .landing-caption .footer.pt-social{width: 100%;text-align: center;}


@media screen and (max-width: 1023px){

	header,body > footer{
		display: none;
	}
	.m-mode .header-gap{
		display: none;
	}
	.m-header{display: block;box-shadow: 0 0 8px rgba(0,0,0,.1);}
	.footer.left li:before{display: none;}

	.style-03 .pic-box,.style-05.pic-list{width: 100% !important;}
	.style-05 .pic-box{margin-bottom: 40px;}
	.style-05 .pic-box .text{margin-top: 10px;}
	.has-pic-01, .has-pic-02, .has-pic-05, .has-pic-03:not(.full){padding: 0 40px;margin: 40px auto !important;}
	.pic-list.style-03{margin: 0;}
	.pic-list.style-02{min-width: 0;width: 100% !important;}
	.pic-list.style-02 .pic-box,.style-02.style-02-2 .gap{width: 100%;}
	.style-02 .pic-box .text>a{font-size: 18px;}
	.style-07.pic-list{top: 0 !important}
	.pic-list.style-02 .gap{width: 100%;}
	.style-02.style-02-3 .pic-box,.style-02.style-02-3 .gap{width: 25%}

	.has-pic-06{margin:0 !important;padding: 20px;}
	.style-06.pic-list{width: 100% !important;}
	.has-pic-06 .title-group{position: relative;top: auto !important;}
	.has-pic-06 .title-group .h{font-size: 16px !important;left: 0 !important;margin-left: 6px;padding: 0;}
	.has-pic-06 .pic-box{width: 50%;padding: 4px;height: auto;}
	.style-06 .pic-box .text > a,.has-pic-08 .text > a,.style-05 .pic-box .text>a{font-size: 16px;}
	.style-06 .pic-box .text{padding: 30px;}
	.has-pic-07 .lightbox{bottom: 15px;right: 15px;top: auto;}

	body.m-mode .pic-list.style-01{margin: 0 0 100px 0}
	.style-01 .pic-box{width: 100% !important;margin: 0 0 40px 0 !important;}
	.style-01 .pic-box .text{
		position: relative !important;right: auto !important;left: auto !important;bottom: auto !important;
		background: transparent !important;text-align: left !important;float: none !important;margin: 10px 0 0 0 !important;padding: 0 !important;
	}
	.style-01 .pic-box .tag,.style-01 .pic-box .text:after{display: none;}
	.style-01 .pic-box .text a{font-size: 16px !important;font-size: 3vw !important;}
	.site-light .style-01 .pic-box .text a{color: #111;}
	.site-dark .style-01 .pic-box .text a{color: #fff;}

	.has-pic-07 .text{padding: 15px;}
	.has-pic-07 .text .tag{display: none;}
	.has-pic-07 .text > a{font-size: 12px;}



	.landing-caption h6.h{font-size: 12px;}
	.landing-caption h5.h{font-size: 16px;}


	div[class^='pt-row has-pic-'] .title-group.fixed{
		position: relative !important;margin:  40px 0 20px;text-align: center;left: 0 !important;
	}
	.filter{display: block;}
	.type-02 .filter-ctrl{min-height: 0;}
	.category-icon{display: none !important;}
	.title-group:not(.type-02) .filter-ctrl{width: 100%;visibility: visible;height: auto;}
	.title-group:not(.type-02) .filter-ctrl li{display: inline-block;vertical-align: top;opacity: 1 !important;left: 0 !important;visibility: visible;pointer-events: auto;margin: 0 2px;}
	.title-group:not(.type-02) .filter-ctrl li i{padding: 0 15px;line-height: 30px;}
	.title-group:not(.type-02) .filter-ctrl li:before{line-height: 30px;}
	div[class^='pt-row has-pic-'] .title-group .h{font-size: 30px;margin-bottom: 20px;}
	.has-pic-02.full.no-padd .title-group.fixed:not(.type-02){display: none;}


	.dots-02 .slick-dots{bottom: -40px;}
	.dots-02 .slick-dots li{width: 12px;}
	.dots-02 .slick-dots li:after{left: 3px;top: 3px;}
	.slick-dots:hover{background-color: transparent;box-shadow: none;}
	.pages li .page-numbers{width: 30px;height: 30px;line-height: 30px;font-size: 10px;}
	.pages li{margin: 2px;}

	div[class^='pt-row has-pic-'] .title-group.fixed,
	.style-06.pic-list,
	.post-ctrl .ctrl{
		transform: translate3d(0, 0, 0) !important;
		-webkit-transform: -webkit-translate3d(0, 0, 0) !important;
	}

	
	.blog-list{margin: 0 30px 30px 30px; }
	.style-02 .blog-box{ width: 100%;padding: 0;}
	.default-wrap{padding: 20px;}
	.blog .title-group .h:after{margin-left: -10px;width: 20px;}

	
	
	.roll-arrow:before,.roll-arrow:after{display: none;}

	.contact .wrap{padding: 50px 40px;}
	.contact .main,.contact .form{ width: 100%;padding: 0; }
	.contact.style-02{padding: 0;margin: 0;}
	.contact.style-02 .wrap{width: 100%;max-width: none;margin-bottom: 80px;}
	.contact .imgormap{position: relative;top: 0;width: 100%;margin-bottom: 40px;}

	div.category.style-01{padding-left: 40px;}
	.category.style-01 .last{min-width: 200px;}
	.category.style-01 .wrap:after{display: none;}


	.iconbox{min-width: 0;}


	.style-03 .post-main{padding: 0;}
	.style-03 .post-content .post-banner{margin-top: 0;}
	.style-03 .post-header{width: 100%;position:relative;margin-bottom: 30px;}
	.style-03 .post-meta p{display: inline-block;margin-right: 20px;}

	.post-ctrl .ctrl{bottom: 0;height: 50px;width: 50% !important;border-right: 1px solid rgba(111,111,111,.4);}
	.post-ctrl i{width: 100%;height: 50px;line-height: 50px;left: 0 !important;right: 0 !important;opacity: 1 !important;background-color: rgba(111,111,111,0.6) !important;}
	.post-ctrl .wrap{height: 50px;width: 100% !important;padding: 0;z-index: 5;background: transparent !important;}
	.post-ctrl .thumb,.post-ctrl .text{display: none;}
	.related-group{margin-bottom: 52px;}
	.post-detail.style-03 .text-area{font-size: 1.1rem;}
	.post-detail.style-03 .post-meta p:not(.custom-info){font-size: 1rem;}


	.main-slider p{font-size: 11px;line-height: 14px;}
	.main-slider .t-style-03 p{padding-left: 0;}
	.main-slider .t-style-03 .text{right: 30px;}
	.main-slider .t-style-01 .text{left: 30px;}
	.btn-01 a, .btn-02 a{margin-top: 15px;}

	.landing-caption .text{width: 100%;padding: 60px;}
	
	.main-slider .text{max-width: 97%;}

	.tabs-nav li{margin-bottom:6px;}
	.tabs-nav li i{padding:8px 10px !important;font-size: 10px; }
	.tabs-nav i:before{display: none;}
	.pt-sc-tabs{padding: 0 30px !important;}

	.style-04 .pic-box{
		position: relative !important;
		transform: translate(0,0) !important;-webkit-transform: translate(0,0) !important;
		top: 0 !important;bottom: auto !important;width: 100% !important;height: auto !important;
		padding-top: 100%;
	}
	.pic-list.style-04{height: auto !important;}
	.style-04 .pic-box .wrap{position: absolute;width: 100%;left: 0;top: 0;}
	.style-04 .pic-box.ready{opacity: 1;}
	.style-04 .pic-box .bg-full{cursor: default !important;}
	.style-04 .pic-box .bg-full:after{opacity: 0.1 !important;}
	.style-04 .pic-box .text{opacity: 1;bottom: 60px;}
	.style-04 .pic-box .lightbox{bottom: 20px;}
	.style-04 .pic-box.nth-2 .lightbox{left: 30px;}
	.style-04 .pic-box.nth-1 .lightbox{right: 30px;}
	.style-04 .pic-box .bg-full{-webkit-transform: scale(1,1) !important;}
	.style-05 .pic-box .img{top: 60px;}


	.style-01.mix-box .text{width: 100%;}
	.style-01.mix-box .bg-full{width: 100%;width: 100vw;}
	.style-01.mix-box .h{width: 100%;float: none;margin-bottom: 20px;}
	.style-01.mix-box .intro, .style-01.mix-box div[class^='btn']{width: 100%;float: none;}
	.style-01.mix-box{width: 100%;padding: 0 30px;}
	.style-02.mix-box,.style-01.mix-box{margin: 100px auto !important;}
	.style-00.mix-box .text,.style-00.style-00-2.mix-box .text{margin: 50px auto 100px;}
	.style-03.mix-box .text{padding: 60px 10%;}
	.style-03.mix-box .h i, .style-03.mix-box .intro{padding: 0 10%;line-height: 110%;}
	.style-02.mix-box .wrap{padding: 20px;}
	.style-04.mix-box .bg-full{margin: 0 30px !important;}
	.style-04.mix-box .img{display: block;width: 100%;margin: 0 !important;height: auto !important;padding-top: 100%;min-height: 0 !important;}
	.style-04.mix-box .text{text-align: center;display: block;padding: 30px;margin: 0 auto;max-width: 80%;width: auto;}
	.style-04-2.mix-box{margin-top: 60px;}
	.style-04.mix-box .wrap{min-height: 0;}
	.style-02.mix-box{min-height: 0 !important;}
	.style-02.mix-box .wrap{max-width: 95%;margin-top: 0 !important;top: auto !important;}

	.carousel .h{font-size: 1rem !important;padding: 8px 15px;}
	.carousel .text{left: -20px;bottom: 20px;}


}

	.m-mode .full .thumbslider.hover .text{bottom: 100px;}
	.m-mode .thumbslider .h{font-size: 14px;padding: 8px 15px;}
	.m-mode .pt-sc-thumbslider.boxed{width: 96%;}
	.m-mode .thumbslider-thumb{-webkit-transform: -webkit-translate3d(0,0,0) !important;transform: translate3d(0,0,0) !important;}
	.m-mode .full .thumbslider-thumb:after{display: none;}

	



@media screen and (max-width: 768px){
	.m-nav-ctrl,.m-header,.m-logo{height: 44px;}
	.m-nav-ctrl i{width: 44px;height: 44px;line-height: 44px;}
	.m-header .header-info{padding: 80px 30px 44px 30px;}
	.m-outside-menu a, .m-side-menu a, .m-nav-close,.header-info .m-nav-close,.m-call-sub,.m-side-menu-toggle{height: 44px;line-height: 44px;}

	.style-01 .blog-meta{position: relative;width: 100%;margin-top: 10px;border: none;}
	.style-01 .blog-meta .tag{display: inline-block;margin-left: 10px;}
	.blog-box .img{margin-bottom: 30px;}
	.blog-box .intro{margin-top: 15px;}
	.blog-meta{font-size: 11px;}

	.pic-list.style-02{width: 100%;}
	.style-02.style-02-3 .pic-box,.style-02.style-02-3 .gap{width: 50%}
	.has-pic-01, .has-pic-02, .has-pic-05, .has-pic-03:not(.full){padding: 0 20px;margin: 20px auto !important;}
	.style-04 .pic-box .text{font-size: 16px;}
	.has-pic-06 .pic-box{width: 100% !important;}

	.related-group p{font-size: 18px;}
	.comment-form-author, .comment-form-email, .comment-form-url{width: 100%;}
	.comment-form-author, .comment-form-email{border-bottom: none !important;}
	.comment-form-author, .comment-form-email{border-right: 1px solid rgba(166,166,166,.3) !important;}
	.site-light .comment-form-author,.site-light .comment-form-email{border-color: rgba(11,11,11,.5) !important;}
	.share-box{top: -60px;right: 4px;}
	.comment-wrap{margin-bottom: 0;}
	.comment-author a, .comment-author cite,.comment-author .comment-meta{line-height: 16px;height: 16px;}
	.post-content{padding: 30px !important;width: 100% !important;margin: 30px auto;}
	.comment-meta{margin-left: 0;}
	.comment-body > p,.comment-body > .reply,.comment-awaiting-moderation{padding: 0 !important;}
	.comment-author{margin-bottom: 20px;padding-left: 60px;}
	.comment-author a, .comment-author cite{display: block;}
	.post-tags{text-align: right;float: none;margin-top: 80px;}
	.post-footer a, .style-03 .reply a{padding: 0 15px !important;line-height: 30px !important;font-size: 12px;}
	.share-box i,i.share:after{line-height: 30px !important;}
	.style-03 i.share{font-size: 11px;height: 32px;}
	.share-box a{padding: 0 !important;width: 30px !important;}
	.title-style-01,.contact .title{font-size: 18px;}
	.comment-list .comment-form small a{font-size: 0;padding: 0;width: 42px;}
	.comment-form small:before{left: 0;width: 100%;text-align: center;}
	.comment-wrap > ol > li >ol{padding-left: 40px;}
	.comment-wrap > ol > li > ol > li ol.children{padding-left: 80px;}
	.style-03 .post-content{margin: 20px auto;}


	.full .thumbslider .text{bottom: 100px;}
	.boxed .thumbslider .text{left: 20px;bottom: 20px;}

	.iconbox .item{width: 100%;}
	.pt-sc-iconbox{padding: 60px 0;}
	.iconbox{padding: 0 10px;}
	.title-group.for-boxed{left: 40px;}
	.title-group.for-boxed .h,div[class^='pt-row has-pic-'] .title-group .h{font-size: 24px;}

	.slick-dots li{margin: 0 4px;}

	.contact .wrap{padding: 30px;}

	.style-04.mix-box .text{max-width: 100%;}
	.category.style-01:before{position: fixed;}

	div.category a{font-size: 20px !important;}
	.category.style-01 .intro{line-height: 110%;}

	.style-02.mix-box,.style-01.mix-box{margin: 60px auto !important;}

	.text-area img{
		margin: 20px auto !important;width: 100% !important;
	}
	.footer.left a, .footer.left i, .footer.left li{margin-right: 15px;}

	.imagelightbox-arrow:before,.imagelightbox-close:after{font-size: 16px;}

	body .landing-caption .pt-social>a{width: 24px;height: 24px;line-height: 24px;font-size: 14px;}
	body .landing-caption .pt-social a i{line-height: 24px;}
}

.site-light input::-webkit-input-placeholder{color: #777;}
.site-light input::-moz-placeholder{color: #777;}
.site-light input:-ms-input-placeholder{color: #777;}
.site-light textarea::-webkit-input-placeholder{color: #777;}
.site-light textarea::-moz-placeholder{color: #777;}
.site-light textarea:-ms-input-placeholder{color: #777;}
.hide .imagelightbox-overlay,.hide .imagelightbox-caption{opacity: 0;transition: all 0.5s;}
.hide .imagelightbox-arrow-left{transform: translateX(-100px);opacity: 0;}
.hide .imagelightbox-arrow-right{transform: translateX(100px);opacity: 0;}
.hide .imagelightbox-close{transform: scale(0,0);opacity: 0;}
.imagelightbox-arrow,.imagelightbox-close{transition: all 0.5s;}
.imagelightbox-caption:empty{display: none;}
.gm-style-cc{display: none;}

.real-m-mode .gallery .bg-full:after,
.real-m-mode .gallery:not(.style-01):not(.style-04):not(.style-05) .text{
	display: none;
}
.real-m-mode .gallery .pic-box .bg-full{
	transform: scale(1,1) !important;
	-webkit-transform: scale(1,1) !important;
}

.comment-list.pings {
    list-style: none;
}

.comment-list.pings>li {
    padding: 5px 0;
}

.comment-list .edit-link {
    opacity: 0.5;
    font-size: 1rem;
    margin-left: 3px;
}

.comment-list .comment-body>a {
	text-decoration: underline;
}

/*wp password style -- start*/
.password-required-msg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 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: #3c3c3c;
    background: #f7f7f7;
    font-size: 1.45rem;
    box-shadow: 0 20px 60px -20px rgba(0,0,0,.6);
    overflow: hidden;
}

.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: #3c3c3c;
}
.password-required-msg input[type="password"]{
	border: 1px solid #8b8b8f;
    background: transparent;
}
.password-required-msg input[type="password"]:focus{
	border-color: #555555;
}
.password-required-msg input[type="submit"]{
	background: #737373;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-size: 12px;
    color: #fff;
}
.password-required-msg input[type="submit"]:hover{
	background: #3d3f4c;
}
@media screen and (max-width: 768px){
	.password-required-msg form{
		padding: 40px;
		font-size: 1.125rem;
	}
}

body.site-dark .password-required-msg input[type="password"] {
	background: transparent;
    border: 1px solid #666666;
}
body.site-dark .password-required-msg input[type="password"]:focus{
	border-color: #aaaaaa;
}

body.site-dark .password-required-msg input {
    color: #ffffff;
    background: #333333;
}

body.site-dark .password-required-msg form {
    color: #c3c3c3;
    background: #464646;
    box-shadow: 0 20px 60px -20px rgba(0,0,0,.6);
}

body.site-dark .password-required-msg input[type="submit"]:hover{
	background: #222222;
}
/*wp password style -- end*/


/*update on 2019/01/11*/
.has-video .zoom{
	display: none !important;
}
div.call-popup-video{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3.6vw;
	height: 3.6vw;
	line-height: 3.6vw;
	font-size: 1.2vw;
	margin: -1.8vw 0 0 -1.8vw;
	text-align: center;
	font-family: 'myicon';
	color: #fff;
	border-radius: 50%;
	background: rgba(21,22,26,.4);
	cursor: pointer;
	transition: all 0.5s;
	z-index: 100;
}
div.call-popup-video:after{
	display: none;
}
div.call-popup-video:before{
	content: '\ea1c';
}
div.call-popup-video:hover{
	background: rgba(21,22,26,1);
	box-shadow: 5px 5px 50px rgba(0,0,0,.5);
}

@media screen and (max-width: 1480px){
	div.call-popup-video{
		width: 4vw;
		height: 4vw;
		line-height: 4vw;
		font-size: 1.5vw;
		margin: -2vw 0 0 -2vw;
	}
}

@media screen and (max-width: 1024px){
	div.call-popup-video{
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 4vw;
		margin: -5vw 0 0 -5vw;
	}
}



/*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: 9;
}

.popup-player .close{
	position: absolute;
	width: 6vw;
	height: 6vw;
	line-height: 6vw;
	top: 0;
	right: 0;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	text-align: center;
	z-index: 2;
}
body.admin-bar .popup-player .close{
	transform: translateY(32px);
}
.popup-player .close.show {
	top: 0;
}
.popup-player .close:after{
	content: '\e5cd';
	display: inline-block;
	font-family: 'myicon';
	font-size: 2vw;
	transition: all 0.4s;
}
.popup-player .close:hover:after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}


.popup-player {
	z-index: 10000;
}

.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);
	transition: transform 0.8s cubic-bezier(0.2, 0.9, 0.4, 1),opacity 0.3s;
	opacity: 0;
}
.popup-player .bg-full.show{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
}

@media screen and (max-width: 1280px){
	.popup-player .bg-full {
		width: 80vw;
		height: 45vw;
	}
	.popup-player .close{
		width: 60px;height: 60px;
		line-height: 60px;
	}
	.popup-player .close:after{
		font-size: 20px;
	}
}

body.single-project .post-meta .date a {
    pointer-events: none;
}

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

.m-outside-menu > li.current-menu-ancestor > a:before,
.m-side-menu > li.current-menu-ancestor > a:before {
    content: '\f105';
    font-family: 'myicon';
    display: inline-block;
    margin-right: 5px;
}