@charset "utf-8";
/*
Theme Name: Thebe
Theme URI: http://3theme.com/tf005/
Description: Thebe - Portfolio WordPress Theme
Version: 1.0.4
Author: foreverpinetree@gmail.com
Author URI: http://foreverpinetree.com/
Text Domain: thebe
Tags: custom-menu, featured-images, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html


css directory =================================================================================

01 main font size and weight
02 site basic
03 commonly
04 basic elements
05 menu header
06 footer
07 portfolio
08 blog
09 single
10 shortcode
11 responsive
12 all transition
13 site color
14 other pages(404..)
15 comments

end ============================================================================================
*/

/*site base font size*/

html {
	font-size: 14px;
}

/*site fonts base setting */

body,
textarea,
input,
select,
button {
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
}

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

body,
textarea,
input,
button,
select,
.single-meta a,
.h .intro {
	font-family:'Habibi', sans-serif;
	
	/*font-family: 'Montserrat-Local', sans-serif;*/
	font-weight: 400;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*크롬만 따로 코딩가능*/

body,
textarea,
input,
button,
select,
.single-meta a,
.h .intro {
	/*font-family:'Habibi', sans-serif;*/
	
	font-family: 'Montserrat-Local', sans-serif;
	font-weight: 400;
}

}
/*you can use 'quattrocento-sans-Local'、'Montserrat-Local', or use theme option to setting*/

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

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
mark,
legend,
blockquote,
.price-amount,
.title,
.h a,
.widget-title,
.category-nav li,
.filter{
	font-weight: 700;
}

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

.main-menu>ul>li>a,
.addition-menu p,
.popup-sub-menu a {
	font-weight: 700;
}

/*medium  site global medium font (only css setting)*/

a,
.pt-swipe-dots span,
.cart-count,
.call-search,
.single-nav .ctrl,
.slider-num,
button,
input[type="submit"],
.h .intro,
.main-menu-outside a,
.ajax-fullscreen .single-meta i,
.blog-list.style-02 .item:not(.text-post) .list-meta a,
.grid-list.caption-02 .list-category a,
.sub-menu a {
	font-weight: 500;
}

.category-nav a,
.filter i,
a.btn,
.call-popup,
.intro li a,
.single-meta .item>div,
.single-meta .item>div a,
.full-top-bar {
	font-weight: 600;
}

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

body,
li,
a,
div,
nav,
header,
footer,
section,
span,
p,
article,
ol,
ul,
figure,
figcaption,
form,
input,
textarea,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
img,
tr,
td,
th,
table,
tbody,
thead,
:after,
:before {
	box-sizing: border-box;
	
}

:before {
	font-weight: normal !important;
}

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,
textarea {
	-webkit-appearance: none;
	appearance: none;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}

input[type='radio'] {
	-webkit-appearance: radio;
	appearance: radio;
}

textarea,
input,
a,
div,
img,
button,
select,
i,
li {
	outline: none;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
}

textarea,
input {
	border: 1px solid;
	max-width: 100%;
	vertical-align: top;
	background: transparent;
	font-size: 1rem;
}

input[type='submit'],
button {
	cursor: pointer;
	border: none;
}

iframe {
	width: 100%;
	border: none;
}

img {
	border: none;
	vertical-align: middle;
}

body.pc-mode img {
	image-rendering: -webkit-optimize-contrast;
}

html,
body {
	height: 100%;
}

body.over-hidden {
	overflow: hidden;
}

body.is-overflow.over-hidden:not(.m-mode):not(.no-window):not(.p-slider-mode),
body.is-overflow.over-hidden:not(.m-mode):not(.no-window) .pt-header,
body.is-overflow.over-hidden:not(.m-mode):not(.no-window) .pt-footer,
body.is-overflow.over-hidden:not(.m-mode):not(.no-window) .site-bg,
body.is-overflow.pt-iv-modal:not(.m-mode):not(.no-window),
body.is-overflow.pt-iv-modal:not(.m-mode):not(.no-window) .pt-header,
body.is-overflow.pt-iv-modal:not(.m-mode):not(.no-window) .pt-footer,
body.is-overflow.pt-iv-modal:not(.m-mode):not(.no-window) .site-bg {
	width: calc(100% - 17px);
}

body.is-overflow.over-hidden:not(.m-mode):not(.no-window) .go-top {
	margin-right: 17px;
}

body:before {
	content: '';
	display: table;
	height: 0;
}

.p-slider-mode:not(.m-mode) {
	overflow: hidden;
}

.h small {
	font-size: 50%;
}

.pt-popup .h small {
	font-size: 16px;
	line-height: 20px;
}

i.btn,
em.btn {
	position: relative;
	display: inline-block;
	font-style: normal;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: normal;
	font-family: 'myicon';
}

.iframe-wrap {
	position: relative;
	padding-top: 56.25%;
	margin: 40px 0;
}

.bg-full iframe,
.iframe-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
}

.pt-video-container video {
	width: 100%;
	height: 100%;
}

p a,
.h a {
	word-break: break-word;
}

p {
	line-height: 170%;
}

h1 {
	line-height: 100%;
}

h1,
h2,
h4,
h3 {
	line-height: 120%;
}

h5 {
	line-height: 140%;
}

h6 {
	line-height: 160%;
}

h1.large {
	font-size: 4vw;
	line-height: 100%;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 18px;
}

@media screen and (max-width:1920px) {
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 20px;
	}
}

@media screen and (max-width:1680px) {
	h1.large {
		font-size: 5vw;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
	}
}

@media screen and (max-width:1024px) {
	h1.large {
		font-size: 6vw;
	}
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 23px;
	}
	h3 {
		font-size: 20px;
	}
}

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: 130%;
	margin: 20px 0;
	padding: 40px;
	line-height: 140%;
	overflow: hidden;
	font-style: italic;
	background-color: rgba(116, 116, 116, .05);
	border-radius: 4px;
}

blockquote:after {
	content: '\e91e';
	position: absolute;
	right: 20px;
	top: 20px;
	color: rgba(116, 116, 116, .1);
	font-size: 100%;
	font-family: 'myicon';
	font-style: normal;
	font-weight: 100;
}

blockquote p {
	margin-bottom: 0 !important;
	line-height: 150%;
}

.site-dark blockquote {
	background-color: rgba(116, 116, 116, .1);
}

.site-dark blockquote:after {
	color: rgba(116, 116, 116, .4);
}

pre {
	white-space: pre-line;
}

.text-area ol ol,
.text-area ol ul,
.text-area ul ul,
.text-area ul ol,
.default-template-page ol ol,
.default-template-page ol ul,
.default-template-page ul ul,
.default-template-page 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-template-page li,
.comment-area li {
	margin-left: 15px;
}

.text-area input[type='submit']:not(.submit):not(.button):not(.wpcf7-submit),
.default-template-page input[type='submit']:not(.submit):not(.button):not(.wpcf7-submit) {
	border: 1px solid #777879;
	padding: 0 20px;
	color: #fff;
	border-radius: 2px;
}
.comment-root input[type="submit"]:not(.wpcf7-submit):not(:hover),
.text-area input[type='submit']:not(.wpcf7-submit):not(:hover),
.default-template-page input[type='submit']:not(.wpcf7-submit):not(:hover){
	color: #fff;
	background-color: rgba(116,116,116,.5);
}
.comment-root input:not(.wpcf7-submit)[type="submit"],
.text-area input:not(.wpcf7-submit)[type='submit'],
.default-template-page input:not(.wpcf7-submit)[type='submit']{
	border-radius: 50px;
	font-weight: 700;
	color: #fff;
}
.comment-root input:not(.wpcf7-submit)[type="submit"]:hover,
.text-area input:not(.wpcf7-submit)[type='submit']:hover,
.default-template-page input:not(.wpcf7-submit)[type='submit']:hover{
	color: #fff;
}


.text-area label input,
.default-template-page label input {
	padding: 0 10px;
	border-radius: 2px;
}

.bypostauthor,
.screen-reader-text {
	opacity: 1
}

select {
	border-width: 1px;
	border-style: solid;
	background-color: #060708;
}

.site-light select {
	background-color: #fefefe;
}

select::-ms-expand {
	display: none;
}

.main-menu,
.menu-wrap,
.ajax-content>.wrap,
.pt-popup>.wrap {
	-webkit-overflow-scrolling: touch;
}

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

a[data-href] {
	cursor: pointer;
}

.bg-full,
.bg-color {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.bg-color {
	z-index: 3;
}

.bg-full:not(.vTarget)[data-bg] {
	opacity: 0;
}

.title-group .bg-full.show,
.title-group .bg-full.no-bg {
	opacity: 1 !important;
}

.cf:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.h {
	position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
}

.img {
	position: relative;
	overflow: hidden;
}

/*main text info setting*/

.text-area {
	line-height: 170%;
}

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

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

.text-area .h {
	margin: 30px 0;
}

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

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

pre {
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 24px;
}

.site-dark th,
.site-dark td,
.site-dark hr {
	border-color: #555;
}

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

.text-area input {
	height: 36px;
	border: 1px solid rgba(166, 166, 166, .4);
}

.text-area input[type='submit'] {
	border: none;
}

.text-area form p {
	padding: 0 0 20px 0;
}

.text-area form p:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.intro li {
	list-style-type: none;
	margin-bottom: 5px;
}

.intro ul {
	margin-top: 20px;
}

.intro .h a:not(.btn) {
	display: inline-block;
	margin: 10px 0;
	border-bottom: 2px solid;
}

.intro .h a:not(.btn):hover {
	opacity: 0.8;
}

/* Theme Color Setting (default color rule:#*3*1*a) */

/*.light-elements ---------------------- */

.site-light,
.site-light .site-loader,
.ajax-content.black .ajax-target,
.site-bg.has-bg~.main-content>.ptsc-list .sc-mixbox:after,
.site-bg.has-bg~.main-content>.sc-mixbox:after,
.landing-img.light.hover,
.site-light .blog-list:not(.style-02) .item>.inner-wrap,
.site-light .blog-list.style-02 .item.text-post[data-bg-color=""] .text {
	background-color: #fff;
}

.site-light.single .site-bg.has-bg~.main-content .single-inner {
	background-color: rgba(255, 255, 255, .92);
}
i.btn,
#music-player,
.site-dark a,
.site-dark .h,
.site-dark .title-group.style-04 .h,
.site-dark .title-group.style-04,
.pt-popup[data-text-color="white"] .h,
.pt-popup[data-text-color="white"] a,
.site-dark .pt-header,
div.sc-mixbox .item.has-bg-color[data-text-color="white"] .h,
div.sc-mixbox .item.has-bg-color[data-text-color="white"] a:not(.btn):not(:hover),
div.sc-mixbox .item.has-bg-color[data-text-color="white"] input:not(.wpcf7-submit),
div.sc-mixbox .item.has-bg-color[data-text-color="white"] textarea,
.p-style-02[data-header-color="white"] .h,
.p-style-02[data-header-color="white"] a,
div.sc-banner[data-text-color="white"] .h,
div.sc-banner[data-text-color="white"] .intro a,
.header-right[class*="elem-color-white"] i.btn,
body.pc-mode #music-player[class*="elem-color-white"],
.title-group[data-header-color="white"]:not(.style-04) .text .h,
.title-group[data-header-color="white"]:not(.style-04) .text .intro a,
.title-group[data-header-color="white"]:not(.style-04) .text,
div.sc-banner.style-03[data-text-color="black"] a.btn:not(:hover),
.site-dark .ajax-content.black a.btn,
.footer-widgets.footer-widgets[data-header-color="white"] a,
.site-dark .grid-list.caption-02 h2,
.sc-slider[data-header-color="white"] .text>.h,
.site-dark .woocommerce-tabs ul.tabs li.active a{
	color: #fff;
}

body.pc-mode .header-right[class*="elem-color-white"],
body.pc-mode .header-right[class*="elem-color-white"] .main-menu-outside a,
body.pc-mode .pt-social li[class*="elem-color-white"] a:not(:hover),
body.pc-mode .go-top[class*="elem-color-white"]:not(:hover):before,
body.pc-mode #music-player[class*="elem-color-white"]:not(:hover):before,
.footer-widgets[data-header-color="white"],
.sc-mixbox .item.has-bg-color[data-text-color="black"] a.btn:not(:hover) {
	color: #f2f3f4;
}

.site-light.m-mode .pt-footer,
.site-light.m-mode .pt-header,
.site-light.blog,
.site-light.archive,
.site-light.search-results,
.site-light.page-blog,
.landing-img.light:after,
.site-dark a.btn:not(:hover):after,
.sc-banner[data-text-color="white"] a.btn:not(:hover):after,
.ajax-content .ajax-target .sc-banner[data-text-color="white"] a.btn:not(:hover):after,
.pt-popup[data-text-color="black"],
.p-style-02[data-header-color="black"] .img,
body div.sc-banner.style-03[data-text-color="black"] .text,
.site-dark .pricing-table .item a.btn:not(:hover) {
	background-color: #fbfbfb;
}

.sc-mixbox .item.has-bg-color[data-text-color="white"] a.btn:not(:hover):after,
.sc-mixbox.pricing-table .item.has-bg-color[data-text-color="white"] a.btn:not(:hover) {
	background-color: #fbfbfb !important;
}

.site-dark .list-category a,
.p-style-02[data-header-color="white"] .list-category a,
.pic-list:not(.large-text) .p-style-04 .list-category a,
.sc-slider[data-header-color="white"] i.call-slider-intro {
	border-color: #fff;
}

.footer-widgets[data-header-color="black"] {
	background-color: #f6f7f8;
}

/*.dark-elements ----------------------- */

/*dark level 1*/

.site-dark,
.site-loader,
.ajax-content.white .ajax-target,
.site-dark .site-bg.has-bg~.main-content>.ptsc-list .sc-mixbox:after,
.site-dark .site-bg.has-bg~.main-content>.sc-mixbox:after,
.landing-img.dark.hover {
	background-color: #111213;
}
.site-light i.btn,
.site-light #music-player,
.site-light .title-group.style-04 .h,
.site-light .title-group.style-04,
.ajax-content.black a:not(.btn),
.ajax-content.black .h,
.sc-mixbox .item.has-bg-color[data-text-color="black"] .h,
.sc-mixbox .item.has-bg-color[data-text-color="black"] input:not(.wpcf7-submit),
.sc-mixbox .item.has-bg-color[data-text-color="black"] textarea,
.sc-mixbox .item.has-bg-color[data-text-color="black"] a:not(:hover),
.p-style-02[data-header-color="black"] .h,
.p-style-02[data-header-color="black"] a,
.sc-banner[data-text-color="black"] .h,
.sc-banner[data-text-color="black"] .intro a,
.site-dark a.btn:not(:hover),
.sc-banner[data-text-color="white"] a.btn:not(:hover),
.ajax-content.white a.btn:not(:hover),
.footer-widgets[data-header-color="black"],
.footer-widgets.footer-widgets[data-header-color="black"] a,
.site-light .grid-list.caption-02 h2,
.sc-slider[data-header-color="black"] i.call-slider-intro:before,
.sc-slider[data-header-color="black"] .text>.h,
.woocommerce-tabs ul.tabs li.active a{
	color: #111213;
}

body.pc-mode .header-right[class*="elem-color-black"],
body.pc-mode .header-right[class*="elem-color-black"] i.btn,
body.pc-mode #music-player[class*="elem-color-black"],
body.pc-mode .header-right[class*="elem-color-black"] .main-menu-outside>ul>li>a,
body.pc-mode .pt-social li[class*="elem-color-black"] a:not(:hover),
body.pc-mode .go-top[class*="elem-color-black"]:not(:hover):before,
body.pc-mode #music-player[class*="elem-color-black"]:not(:hover):before,
.sc-mixbox .item.has-bg-color[data-text-color="white"] a.btn {
	color: #111213 !important;
}

/*dark level 2*/

.pt-popup[data-text-color="white"],
.site-dark.m-mode .pt-header,
.click-layer,
.landing-img.dark:after,
.site-bg.dark,
.close-single:after,
.pt-iv-root:after,
.menu-bg span,
.pt-header[data-text-color="white"] .menu-bg span,
.addition-menu .bg-color,
.site-bg.has-bg~.main-content .default-template-page:after,
.sc-slider .wrap,
.m-mode .pt-footer,
.sc-slider .img,
.site-light a.btn:not(:hover):after,
.sc-banner.style-03[data-text-color="black"] a.btn:not(:hover):after,
.p-style-02[data-header-color="white"] .img,
.sc-banner.style-03[data-text-color="white"] .text,
.site-dark .ajax-content.black a.btn:not(:hover):after,
.site-light .pricing-table .item a.btn:not(:hover),
.footer-widgets[data-header-color="white"],
.site-dark .blog-list:not(.style-02) .item>.inner-wrap,
.site-dark .blog-list.style-02 .item.text-post .text,
.site-dark .pt-widget-list {
	background-color: #171819;
}

.sc-mixbox .item[data-text-color="black"].has-bg-color a.btn:not(:hover):after,
.sc-mixbox.pricing-table .item.has-bg-color[data-text-color="black"] a.btn:not(:hover),
.blog-list .item.text-post.has-bg-color:not([data-bg-color=""]) a.btn:hover:after,
.sc-slider[data-header-color="black"] .slider-count:after {
	background-color: #171819 !important;
}

.site-dark.single .site-bg.has-bg~.main-content .single-inner {
	background-color: rgba(22, 23, 24, .9);
}

.site-light a,
.site-light .h,
.pt-popup[data-text-color="black"] .h,
.pt-popup[data-text-color="black"] a,
.pt-popup[data-text-color="black"],
.pt-area-roll-btn,
.title-group[data-header-color="black"]:not(.style-04) .text .h,
.title-group[data-header-color="black"]:not(.style-04) .text .intro a,
.title-group[data-header-color="black"]:not(.style-04) .text,
.pt-header[data-text-color="black"] .main-menu>ul a,
.pt-header[data-text-color="black"] .menu-wrap,
.pt-header[data-text-color="black"] .pt-social a:not(:hover),
.body-category-wrap a,
.site-light .wpcf7 input:not(.wpcf7-submit),
.site-light .wpcf7 textarea,
.site-light .go-top:before,.pt-header 
.sc-slider[data-header-color="black"] .pt-swipe-dots span,
.call-mini-cart:before,
.sc-slider[data-header-color="black"] .intro,
.sc-slider[data-header-color="black"] .slider-count,
.sc-slider[data-header-color="black"] i.call-slider-intro:before {
	color: #171819;
	
}

..pt-header .call-mini-cart:before{
	background-image:url(../main/d1.png);
	}

.site-light .list-category a,
.p-style-02[data-text-color="black"] .list-category a,
.sc-slider[data-header-color="black"] i.call-slider-intro {
	border-color: #171819;
}

/*call-popup btn*/

body.pc-mode.site-light .call-popup {
	color: #616263;
}

body.pc-mode.site-dark .call-popup {
	color: #e2e3e4;
}

body.pc-mode .call-popup[class*="elem-color-white"] {
	color: #e2e3e4 !important;
}

body.pc-mode .call-popup[class*="elem-color-black"] {
	color: #616263 !important;
}

/*gray text color */

.site-dark,
.site-dark input,
.site-dark textarea,
.site-dark select,
.header-search input.search,
.pt-popup[data-text-color="white"],
.sc-mixbox .item.has-bg-color[data-text-color="white"],
.sc-banner[data-text-color="white"] {
	color: rgba(255, 255, 255, .8);
}

.site-light,
.site-light input,
.site-light textarea,
.site-light select,
.pt-popup[data-text-color="black"],
.sc-mixbox .item.has-bg-color[data-text-color="black"],
.sc-banner[data-text-color="black"],
.footer-widgets[data-header-color="black"] {
	color: #444;
}

.ajax-content.white input:not(.wpcf7-submit),
.ajax-content.white select,
.ajax-content.white textarea{
	color: #fff;
}
.ajax-content.white select{
	background-color: #111213;

}

/*basic elements ====================================================================================================================== */

/*site-frame-other*/

.site-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.site-loader {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	opacity: 1;
	z-index: 9999;
}

/*popup ===== */

.pt-popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 95vw;
	height: 100%;
	min-width: 270px;
	overflow: hidden;
	transform: translateX(-101%);
	-webkit-transform: translateX(-101%);
	z-index: 12;
}

.pt-popup.show {
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.pt-popup>.wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	font-size: 0;
	text-align: center;
	z-index: 2;
}

.pt-popup>.wrap:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

body:not(.win-vertical) .pt-popup>.wrap {
	width: calc(100% + 17px);
	padding-left: 38vw;
}

.pt-popup .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 38vw;
	height: 100%;
	opacity: 0;
	transform: translate3d(0, 0, 0);
}

body:not(.win-vertical) .pt-popup.show .img {
	position: fixed;
}

body.win-vertical .pt-popup .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
}

.pt-popup .text {
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	line-height: 170%;
	padding: 7vw;
	width: 50vw;
	max-width: 99%;
	text-align: left;
	font-size: 1vw;
	transform: translate3d(0, 0, 0);
}

body.win-vertical .pt-popup .text {
	padding: 10%;
	width: 100%;
	display: block;
}

body.win-vertical .pt-popup>.wrap:after {
	display: none;
}

.pt-popup.show .img,
.pt-popup.show .text {
	opacity: 1;
}

.pt-popup .text>h1 {
	margin: 0 0 30px 0;
	width: 80%;
	font-size: 3vw;
	line-height: 100%;
}

.pt-popup .text-area {
	overflow: hidden;
	white-space: pre-line;
}

/*公用元素*/

.click-layer {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: url(data/images/close.png), pointer;
	opacity: 0.3;
	z-index: 2;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.close-single {
	cursor: url(data/images/close.png), pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.close-popup {
	z-index: 11;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.click-layer.close-popup-menu {
	background-color: rgb(206, 206, 206);
	opacity: 0.5;
}

.pt-popup .close-popup {
	position: absolute;
	right: 25px;
	top: 25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 40px;
	opacity: 0;
	z-index: 3;

}

.pt-popup.show .close-popup {
	opacity: 1;
}

.pt-popup.show .close-popup:hover:before {
	transform: rotate(90deg);
}

.pt-popup .close-popup:before {
	content: '\e5cd';
	font-size: 40px;
}

.m-mode .pt-popup .close-popup {
	top: 0;
	right: 0;
}

.m-mode .pt-popup .close-popup:before {
	font-size: 20px;
}

.pt-iv-root:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.pt-area-roll-inner {
	position: relative;
	height: 100%;
}

.no-roll .pt-area-roll-btn {
	display: none;
}

.pt-area-roll-btn {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 20px 6px 0 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	opacity: 0.8;
	font-family: 'myicon';
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}

.pt-area-roll-btn:not(.disabled):hover {
	opacity: 1;
}

.pt-area-roll-btn {
	background: rgba(222, 222, 222, 1);
}

.pt-area-roll-btn:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 16px;
	font-style: normal;
}

.pt-area-roll-btn.pt-area-roll-up:before {
	content: '\e5d8'
}

.pt-area-roll-btn.pt-area-roll-down:before {
	content: '\e5db'
}

.pt-area-roll-btn.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.m-mode .pt-video-mask {
	display: none;
}

/*video ctrl elem*/

.v-ctrl {
	position: absolute;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 999;
}

.v-mobile-play.v-ctrl {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

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

.v-ctrl:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-family: 'myicon';
	color: #fff;
	font-size: 36px;
}

.v-ctrl.v-pause:before {
	content: '\e034';
}

.v-ctrl.v-play:before,
.v-ctrl.v-mobile-play:before {
	content: '\e037';
}

.v-ctrl:hover {
	background: rgba(0, 0, 0, .3);
	box-shadow: 0 0 50px rgba(0, 0, 0, .3);
}

.v-ctrl:not(.v-mobile-play) {
	width: 88px;
	height: 88px;
	line-height: 88px;
	margin: -44px 0 0 -44px;
	background: rgba(64, 65, 66, .95);
	top: 50%;
	left: 50%;
	right: auto;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.v-ctrl.v-pause:before {
	content: '\e034';
	font-size: 22px;
	opacity: 0.3;
}

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

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

.v-ctrl.v-pause {
	background: rgba(64, 65, 66, .05);
}

.v-ctrl:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.v-play,
.pause .v-pause {
	opacity: 0;
}

.pause .v-play {
	opacity: 1;
	z-index: 1000;
}

.v-mobile-play,
.m-mode .v-ctrl {
	display: none;
}

.m-mode .v-mobile-play {
	display: block;
}

.m-mode .pt-video-container {
	display: none;
}

.popup-player .pt-video-container,
.single-inner.video .pt-video-container {
	display: block;
}

.pic-loader,
.site-loader:not(.hide-animate) .loader-icon {
	position: absolute;
	width: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 0;
	z-index: 111;
}

.pic-loader {
	width: 36px;
}

.loader-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.loader-img:not([src=""])~.loader-icon {
	display: none;
}

.loader-icon i {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 5px;
	border-radius: 50%;
}

.pic-loader i {
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 3px;
	border-radius: 50%;
	background-color: rgba(166, 166, 166, .5);
}

.pic-loader i:nth-child(1),
.site-loader:not(.hide-animate) .loader-icon i:nth-child(1) {
	animation: loadbox_a 0.6s linear infinite;
	-webkit-animation: loadbox_a 0.6s linear infinite;
}

.pic-loader i:nth-child(2),
.site-loader:not(.hide-animate) .loader-icon i:nth-child(2) {
	animation: loadbox_b 0.6s linear infinite;
	-webkit-animation: loadbox_b 0.6s linear infinite;
}

.pic-loader i:nth-child(3),
.site-loader:not(.hide-animate) .loader-icon i:nth-child(3) {
	animation: loadbox_c 0.6s linear infinite;
	-webkit-animation: loadbox_c 0.6s linear infinite;
}

.site-loader.hide-animate .loader-icon i {
	display: none;
}

@keyframes loadbox_a {
	0% {
		transform: translateY(-5px) scaleY(1.2);
	}
	25% {
		transform: translateY(0) scaleY(1);
	}
	50% {
		transform: translateY(5px) scaleY(0.9);
	}
	75% {
		transform: translateY(0) scaleY(1);
	}
	100% {
		transform: translateY(-5px) scaleY(1.2);
	}
}

@keyframes loadbox_b {
	0% {
		transform: translateY(0px) scaleY(1);
	}
	25% {
		transform: translateY(5px) scaleY(0.9);
	}
	50% {
		transform: translateY(0) scaleY(1);
	}
	75% {
		transform: translateY(-5px) scaleY(1.2);
	}
	100% {
		transform: translateY(0) scaleY(1);
	}
}

@keyframes loadbox_c {
	0% {
		transform: translateY(5px) scaleY(0.9);
	}
	25% {
		transform: translateY(0) scaleY(1);
	}
	50% {
		transform: translateY(-5px) scaleY(1.2);
	}
	75% {
		transform: translateY(0) scaleY(1);
	}
	100% {
		transform: translateY(5px) scaleY(0.9);
	}
}

@-webkit-keyframes loadbox_a {
	0% {
		-webkit-transform: translateY(-5px) scaleY(1.2);
	}
	25% {
		-webkit-transform: translateY(0) scaleY(1);
	}
	50% {
		-webkit-transform: translateY(5px) scaleY(0.9);
	}
	75% {
		-webkit-transform: translateY(0) scaleY(1);
	}
	100% {
		-webkit-transform: translateY(-5px) scaleY(1.2);
	}
}

@-webkit-keyframes loadbox_b {
	0% {
		-webkit-transform: translateY(0px) scaleY(1);
	}
	25% {
		-webkit-transform: translateY(5px) scaleY(0.9);
	}
	50% {
		-webkit-transform: translateY(0) scaleY(1);
	}
	75% {
		-webkit-transform: translateY(-5px) scaleY(1.2);
	}
	100% {
		-webkit-transform: translateY(0) scaleY(1);
	}
}

@-webkit-keyframes loadbox_c {
	0% {
		-webkit-transform: translateY(5px) scaleY(0.9);
	}
	25% {
		-webkit-transform: translateY(0) scaleY(1);
	}
	50% {
		-webkit-transform: translateY(-5px) scaleY(1.2);
	}
	75% {
		-webkit-transform: translateY(0) scaleY(1);
	}
	100% {
		-webkit-transform: translateY(5px) scaleY(0.9);
	}
}

/*bg css3 site-bg animation*/

.site-bg-code {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	overflow: hidden;
}

.site-bg-code.style-01 i.highlight {
	position: absolute;
	right: -5vw;
	bottom: -5vw;
	width: 40vw;
	height: 40vw;
	-webkit-animation: ptAnimateRound 60s linear infinite;
	animation: ptAnimateRound 60s linear infinite;
	border: 8vw solid;
	transform: translate3d(0, 0, 0);
	opacity: 0.1;
}

.site-bg-code.style-01 i:not(.highlight) {
	position: absolute;
	left: 10vw;
	top: 10vw;
	width: 10vw;
	height: 10vw;
	-webkit-animation: ptAnimateRound2 20s linear infinite;
	animation: ptAnimateRound2 20s linear infinite;
	border: 3vw solid rgba(166, 166, 166, .05);
}

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

@keyframes ptAnimateRound {
	0% {
		transform: rotate(45deg)
	}
	100% {
		transform: rotate(315deg)
	}
}

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

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

.site-bg-code.style-02 {
	display: flex;
}

.site-bg-code.style-02 i {
	width: 30%;
	height: 100%;
	border-right: 1px solid rgba(166, 166, 166, .15);
}

div.wpcf7 .ajax-loader {
	position: relative;
	width: 12px;
	height: 12px;
	margin-left: -12px;
	left: 10px;
	background: transparent !important;
}

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

@keyframes animate_point {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes animate_point {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
	}
}

/*pages   */

.pages ul {
	text-align: center;
	margin: 60px auto 20vh;
}

.pages li {
	display: inline-block;
	vertical-align: top;
	list-style-type: none;
	margin: 6px;
	font-size: 1rem;
}

li .dots {
	width: 56px;
	height: 56px;
}

.pages li .page-numbers {
	position: relative;
	display: inline-block;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: rgba(255, 255, 255, .9);
	border-radius: 28px;
}

.pages li .page-numbers:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(166, 166, 166, .2);
	border-radius: 50%;
}

.pages li .page-numbers:not(.current):hover:after {
	border-color: rgba(166, 166, 166, .4);
}

.pages li .current {
	color: #fff;
}

.pages li>*:not(.current) {
	opacity: 0.8;
}

.pages li:hover>a:not(.current) {
	opacity: 1;
}

body.site-light .pages li a {
	color: rgba(22, 24, 26, .7);
}

body.site-dark .pages li a {
	color: rgba(255, 255, 255, .7);
}

body.site-dark .pages li .page-numbers {
	background: rgba(22, 23, 24, .8);
}

.m-mode .pages ul {
	margin: 40px auto 60px !important;
}

.m-mode .pages li {
	margin: 2px;
}

.m-mode .pages li .page-numbers {
	width: 30px;
	line-height: 30px;
	height: 30px;
}

/*popup video*/

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

.popup-player .close {
	position: absolute;
	width: 44px;
	height: 44px;
	line-height: 44px;
	top: -100px;
	right: 20px;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	text-align: center;
	z-index: 2;
}

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

.player-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

.popup-player .close.show {
	top: 20px;
}

.has-wp-bar .popup-player .close.show {
	top: 50px;
}

.popup-player .close:after {
	position: absolute;
	content: '\e5cd';
	font-family: 'myicon';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 30px;
}

.popup-player .close:hover:after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.popup-player .bg-full {
	width: 130vh;
	height: 73vh;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-webkit-transform: -webkit-translate(-50%, -50%);
	/*ios 6*/
}

body.win-vertical .popup-player .bg-full {
	width: 100vw;
	height: 56.2vw;
}

/* header ====================================================================================================================== */

.pt-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
}

.m-mode .pt-header {
	height: 60px;
}
.m-mode:not(.m-nav-fixed) .pt-header{
	position: relative;
	top: auto !important;
}

.pc-mode .pt-header .header-search~.pt-mini-cart {
	margin-right: 0;
	top:1px;
	right: 4%;
}

.pt-header .pt-mini-cart {
	margin: 0;
}

.pc-mode .pt-header .pt-mini-cart~.call-menu.btn {
	margin-left: 20px;
	right: 4%;
}

.logo {
	position: absolute;
	left: 68px;
	top: 68px;
	z-index: 2;
}

.pc-mode .logo.align-v-center~.header-right {
	display: flex;
	align-items: center;
}

.page-landing .logo {
	z-index: 100;
}

body.page-landing.pc-mode i.close-menu {
	display: none;
}

.logo .addition {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.pt-header:not([class*="elem-color-"]) img.addition {
	opacity: 0;
}

.site-light .logo[class*="elem-color-white"] img,
.site-dark .logo[class*="elem-color-black"] img {
	opacity: 0;
}

.site-light .logo[class*="elem-color-white"] img.addition,
.site-dark .logo[class*="elem-color-black"] img.addition {
	opacity: 1;
}

.m-mode:not(.page-landing) .logo img.addition {
	opacity: 0 !important;
}

.m-mode:not(.page-landing) .logo img:not(.addition) {
	opacity: 1 !important;
}

body.m-mode .logo {
	top: 10px;
	left: 10px;
}

body.m-mode.page-landing .logo {
	left: 9vw;
	top: 9vw;
}

body.m-mode.page-landing .pt-header {
	background: transparent !important;
}

body.m-mode .logo a {
	display: block;
	height: 40px;
	line-height: 40px;
}

.m-mode .logo img {
	max-height: 100%;
	width: auto;
}
.m-mode header .pt-mini-cart,
.m-mode .call-menu.btn{
	height: 34px;
	line-height: 34px;
}
.m-mode .header-search{
	line-height: 34px;
}

/*header-right setting ------- */

.header-right {
	position: absolute;
	right: 68px;
	top: 68px;
	font-size: 0;
	z-index: 2;
}

body.m-mode .header-right {
	right: 13px;
	top: 13px;
}

.pc-mode .header-right:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: -40px -80px;
	z-index: -1;
}

.header-search form {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 40px;
	z-index: 999;
}

.header-search form .close-search {
	display: block;
	opacity: 0.95;
}

.header-search form>.wrap {
	position: relative;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	height: 100%;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	z-index: 4;
}

.header-search input.search {
	height: 100px;
	width: 80%;
	max-width: 700px;
	border: none;
	border-bottom: 2px solid rgba(222, 222, 222, .3);
}

.header-search input.search:focus {
	border-color: #fff;
}

.header-search input,
.header-search form i {
	position: relative;
	font-size: 24px;
	z-index: 3;
}

.header-search .search-btn {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	transform: translateX(-111%);
	-webkit-transform: translateX(-111%);
}

.header-search i span {
	display: none;
}

.outside-menu .header-search i span {
	font-size: 0;
}

.call-menu.btn {
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	transition: none;
}

.header-search~.call-menu.btn {
	margin-left: 30px;
}

.pc-mode .pt-header.outside-menu.no-addition-menu .call-menu.btn {
	width: 0px;
	overflow: hidden;
	margin: 0;
}

.pt-header.menu-style-01.no-addition-menu:not(.outside-menu) ul li,
.pt-header.menu-style-01.no-addition-menu:not(.outside-menu) li a {
	line-height: 100%;
}

.call-menu.btn:before {
	content: "";
	 background: url(../main/ham.png) no-repeat 100%/cover; 
	font-size: 40px;
	z-index: 1;
}
.m-mode .call-menu.btn:before{
	font-size: 30px;
}

.header-search {
	display: inline-block;
	vertical-align: top;
	line-height: 44px;
}

.call-search.btn {
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
}
.call-search.btn:not(:hover){
	transition: none;
}
.call-search.btn:before {
	content: "";
	
	font-size: 15px;
	top: 1px;
}


.call-search.btn:hover:before{
	color: #fff;
}

.menu-wrap {
	display: none;
	position: relative;
	width: 100%;
	align-items: center;
	-webkit-align-items: center;
	z-index: 99;
}

.menu-wrap.on {
	display: flex !important;
	display: -webkit-flex !important;
}

body.page-landing .pt-header .menu-wrap {
	display: flex;
	justify-content: flex-end;
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
}

body.m-mode.page-landing .pt-header .menu-wrap {
	justify-content: center;
	-webkit-justify-content: center;
}

.pc-mode:not(.no-window) .pt-header .menu-wrap {
	width: calc(100% + 17px);
}

.menu-style-02 .menu-wrap,
.no-addition-menu .menu-wrap {
	justify-content: center;
}

.menu-wrap li {
	list-style-type: none;
}

.menu-bg {
	position: relative;
	z-index: 4;
}

.pt-header.menu-open-mode-01 .menu-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	font-size: 0;
}

html.has-wp-bar body.pc-mode .pt-header.menu-open-mode-01 .menu-bg {
	top: 32px;
	height: calc(100% - 32px);
}

.pt-header.menu-open-mode-01 .menu-bg.on {
	display: block;
}

.menu-bg span {
	position: fixed;
	width: 100%;
	left: 0;
	opacity: 0;
	transition: all 0.5s cubic-bezier(.20, .100, .500, .90);
	-webkit-transition: all 0.5s cubic-bezier(.20, .100, .500, .90);
}

.pt-header.menu-open-mode-01 .menu-bg span {
	position: relative;
	display: block;
	height: 33.333333vh;
}

.pt-header:not(.menu-open-mode-02) .menu-bg span:nth-child(1) {
	transform: translateX(-101%);
	transition: all 0.5s cubic-bezier(.20, .100, .500, .90);
}

.pt-header:not(.menu-open-mode-02) .menu-bg span:nth-child(2) {
	transform: translateX(101%);
	transition: all 0.5s 0.1s cubic-bezier(.20, .100, .500, .90);
}

.pt-header:not(.menu-open-mode-02) .menu-bg span:nth-child(3) {
	transform: translateX(-101%);
	transition: all 0.5s 0.2s cubic-bezier(.20, .100, .500, .90);
}

.pt-header.show:not(.menu-open-mode-02) .menu-bg span {
	transform: translateX(0) !important;
	opacity: 1;
}

body.ff .pt-header.show:not(.menu-open-mode-02) .menu-bg span {
	transition: all 0.5s cubic-bezier(.20, .100, .500, .90) !important;
}

.menu-open-mode-02 .menu-bg span {
	display: none;
}

.menu-open-mode-02 .menu-bg span:nth-child(1) {
	display: block;
	height: 100%;
	transform: translateX(101%);
	-webkit-transform: translateX(101%);
	top: 0;
	transition: none;
	-webkit-transition: none;
	opacity: 1;
}

.pc-mode .menu-open-mode-02 .menu-bg.temp-translate span:nth-child(1) {
	transform: translateX(-111%);
	transition: all 0.6s cubic-bezier(.68, .35, .31, .3), opacity 0.6s;
}

.pc-mode .pt-header.show.menu-open-mode-02 .menu-bg span:nth-child(1) {
	transform: translateX(0);
	transition: all 0.5s cubic-bezier(.68, .35, .31, .8), opacity 0.6s;
}

.m-mode .menu-open-mode-02 .menu-bg span:nth-child(1) {
	transform: translateX(101%);
	-webkit-transform: translateX(101%);
	opacity: 0;
}

.m-mode .pt-header.show.menu-open-mode-02 .menu-bg span:nth-child(1) {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
}

.m-mode .menu-bg span {
	transition: transform 0s linear, opacity 0.5s linear !important;
	-webkit-transition: transform 0s linear, opacity 0.5s linear !important;
}

.pt-header[data-text-color="white"] .main-menu>ul a,
.pt-header[data-text-color="white"] .menu-wrap,
.pt-header[data-text-color="white"] .menu-wrap i.btn:not(.call-sub-btn),
.pt-header[data-text-color="white"] .menu-wrap .pt-social a:not(:hover) {
	color: #fff;
}

.pt-header[data-text-color="black"] .menu-bg span {
	background: #f7f8f9;
}

.main-menu {
	position: relative;
	width: 30%;
	margin-left: 5%;
	overflow: auto;
}

.m-mode.page-landing #main-menu-list {
	padding: 50px 0;
}

.menu-style-01 .main-menu {
	padding: 80px 0 80px 80px;
}

.menu-style-01 .img {
	display: none;
}

.pc-mode:not(.page-landing) .outside-menu .menu-wrap .main-menu {
	display: none;
}

.menu-style-02 .main-menu,
.no-addition-menu .main-menu {
	text-align: center;
	width: 100%;
	margin: 0;
}

.menu-style-01.no-addition-menu .main-menu {
	padding: 10vh 0;
}

.main-menu.pc-mode::-webkit-scrollbar,
.site-dark.pc-mode::-webkit-scrollbar {
	width: 17px;
	background: rgba(166, 166, 166, .2);
}

.main-menu.pc-mode::-webkit-scrollbar-thumb,
.site-dark.pc-mode::-webkit-scrollbar-thumb {
	background: rgba(166, 166, 166, .4);
}

.main-menu .sub-menu {
	position: relative;
	padding: 10px 20px 20px 24px;
	display: none;
}

.main-menu .sub-menu .sub-menu {
	padding-left: 20px;
}

header .main-menu .sub-menu li a {
	font-size: 16px;
	line-height: 180%;
}

.main-menu .sub-menu li.current_page_item:not(:hover) a,
.main-menu .sub-menu li a:hover {
	opacity: 0.8;
}

.main-menu .sub-menu li.current_page_item a:before,
.main-menu-outside .sub-menu li.current_page_item a:before {
	content: '\e409';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-100%, -50%);
	-webkit-transform: translate(-100%, -50%);
	font-family: 'myicon';
	font-style: normal;
	font-size: 18px;
}

.main-menu-outside .sub-menu li.current_page_item a:before {
	font-size: 16px;
}

.main-menu>ul li {
	position: relative;
	padding-right: 20px;
}

.menu-style-02 .main-menu>ul>li {
	min-height: 33.33333vh;
	padding: 5vh 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-flow: column;
	-webkit-flex-flow: column;
	justify-content: center;
	-webkit-justify-content: center;
}

body.ie .menu-style-02 .main-menu>ul {
	display: flex;
	flex-direction: column;
}

.has-wp-bar .menu-style-02 .main-menu>ul>li {
	min-height: calc((100vh - 32px) * 0.333333);
}

.menu-style-02 .sub-menu li,
.no-addition-menu ul li {
	padding: 0;
}

.menu-style-02 .main-menu>ul>li:nth-child(odd) {
	background: rgba(166, 166, 166, .03);
}

.pc-mode .menu-style-01 .main-menu>ul>li {
	margin: 5px 0;
}

.main-menu>ul a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	left: 0;
	font-size: 36px;
	line-height: 140%;
	letter-spacing: 2px;
	cursor: pointer;
	z-index: 9;
}

.call-sub-btn {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color: #111;
	border-radius: 50%;
	margin-left: 20px;
	opacity: 0;
	top: -10px;
	z-index: 5;
}

.pc-mode:not(.page-landing) .outside-menu .call-sub-btn {
	display: none;
}

.menu-style-01.no-addition-menu .call-sub-btn {
	margin-right: -50px;
}

.menu-style-02 .call-sub-btn {
	margin: 0;
}

.main-menu li:hover>.call-sub-btn,
.main-menu li.open>.call-sub-btn,
.real-mobile .main-menu li .call-sub-btn {
	opacity: 1;
	top: 0;
}

.call-sub-btn:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.call-sub-btn:before {
	content: '\e313';
	font-size: 20px;
}

.main-menu li.open>.call-sub-btn:before {
	content: '\e316';
	top: -1px;
}

header[class*="elem-color-black"] .call-sub-btn {
	background: #33313a;
	color: #fff;
}

.m-mode .call-sub-btn {
	height: 20px;
	width: 20px;
	line-height: 20px;
}

.menu-style-02 .main-menu>ul>li>a {
	font-size: 7vh;
}

.m-mode .no-addition-menu .main-menu>ul a {
	font-size: 6vw;
}

.no-addition-menu .main-menu>ul a {
	font-size: 3vw;
}

header.no-addition-menu .main-menu .sub-menu li a,
header.menu-style-02 .sub-menu li a {
	font-size: 24px;
}

.menu-style-02 .main-menu .bg-full {
	opacity: 0;
}

.menu-style-02 .main-menu>ul>li:hover>.img .bg-full {
	opacity: 0.3;
}

.menu-style-02 .main-menu>ul>li>.img {
	position: static;
}

.menu-style-01.edited .main-menu .bg-full {
	display: none;
}

.pt-header:not(.show) .main-menu .depth-1 {
	opacity: 0;
}

.main-menu li.has-sub>a:before,
.main-menu-outside li.has-sub>a:before {
	content: "";
		background: url(../main/dn.png) no-repeat 100%/cover;
	position: absolute;
	right: -14px;
	font-family: 'myicon';
	font-style: normal;
	font-size: 14px;
	opacity: 0.4;
}

.main-menu li.has-sub>a:before {
	top: -1%;
}

.main-menu-outside .sub-menu li.has-sub>a:before {
	content: '\e409';
}

.main-menu li.has-sub.open>a:before {
	content: '\e316' !important;
}

.menu-style-02 .main-menu li.depth-1.has-sub>a:before,
.menu-style-01:not(.outside-menu) .main-menu li.depth-1.has-sub>a:before {
	right: -18px;
	font-size: 18px;
}

.main-menu li.depth-1>a:after,
.main-menu-outside li.depth-1>a:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 6%;
	height: 2px;
	width: 0;
	opacity: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: -1;
}

.main-menu-outside li.depth-1>a:after {
	height: 1px !important;
	bottom: 10px;
	left: 0;
	transform: translateX(0);
	-webkit-transform: translateX(0);
		
}

.menu-style-01:not(.no-addition-menu) .main-menu li.depth-1>a:after {
	left: 0;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}

.no-addition-menu .main-menu li.depth-1>a:after {
	bottom: -10%;
}

.pc-mode .main-menu li.depth-1>a:hover:after {
	height: 30%;
	width: 100% !important;
	opacity: 1;
}

.main-menu-outside li.depth-1>a:hover:after {
	width: 100% !important;
	opacity: 1;
}

.main-menu li.depth-1.current_page_item>a:after,
.main-menu li.depth-1.current-menu-ancestor>a:after,
.menu-style-01 .main-menu li.depth-1.current_page_item>a:after,
.menu-style-01 .main-menu li.depth-1.current-menu-ancestor>a:after {
	width: 40px;
	opacity: 1;
}

.main-menu-outside li.depth-1.current_page_item>a:after,
.main-menu-outside li.depth-1.current-menu-ancestor>a:after {
	width: 30px;
	opacity: 1;
}

.menu-wrap .pt-social {
	display: none;
}

.sc-mixbox .pt-social {
	margin-top: 30px;
}

.pt-social li {
	display: inline-block;
	margin: 0 10px 10px 0;
	
}

.sc-mixbox .pt-social li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
}

.no-addition-menu .addition-menu,
.menu-style-02 .addition-menu {
	display: none;
}

.addition-menu {
	position: relative;
	width: 65%;
	margin-right: 0;
	font-size: 0;
	overflow: hidden;
	z-index: 3;
}

.outside-menu .addition-menu {
	width: 100%;
	margin: 0;
	text-align: center;
}

.addition-menu>.wrap {
	width: calc(100% + 20px);
	height: 100%;
	padding: 6vw;
	overflow: auto;
}

.pc-mode .outside-menu .addition-menu>.wrap {
	padding: 4vw 10vw;
}

.addition-menu li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.333333%;
	padding: 20px;
}

header:not(.outside-menu) .addition-menu.w50 li {
	width: 50%;
}

.pt-header .addition-menu:not(.show) li {
	opacity: 0;
	top: 0;
}

.addition-menu .inner-wrap {
	position: relative;
	padding-top: 68%;
	background: rgba(11, 12, 13, .3);
}

.addition-menu.type-v .inner-wrap {
	padding-top: 130%;
}

.addition-menu.type-s .inner-wrap {
	padding-top: 100%;
}

.addition-menu p {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10%;
	font-size: 1.2vw;
	line-height: normal;
	color: #fff;
	text-align: left;
	z-index: 5;
}

body.pc-mode .addition-menu p {
	opacity: 0.9;
	/*left: -8px;*/
}

body.pc-mode .addition-menu .inner-wrap:hover p {
	opacity: 1;
	/*left: 0;*/
}

.addition-menu p small,
.addition-menu p i {
	font-size: 1rem;
	display: block;
	font-style: normal;
}

body.pc-mode .outside-menu .addition-menu p {
	font-size: 1.5vw;
}

.addition-menu.w50 p {
	font-size: 1.3vw;
}

.addition-menu .bg-color {
	opacity: 0.2;
}

.addition-menu .inner-wrap:hover .bg-full {
	background-color: transparent;
}

i.close-menu {
	position: absolute;
	right: 50px;
	top: 40px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	opacity: 0;
	z-index: 10;
}

i.close-menu:before {
	content: '×';
	font-size: 40px;
}

.pc-mode i.close-menu:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

/*responsive*/

.m-mode .addition-menu {
	width: 100%;
	margin: 0;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	order: 2;
	-webkit-order: 2;
}

.m-mode .addition-menu p {
	font-size: 6vw;
}

.m-mode .main-menu {
	width: 100%;
	margin: 0;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	padding: 10%;
}

.m-mode .menu-wrap {
	flex-flow: column;
	-webkit-flex-flow: column;
	overflow: auto;
}

.m-mode .addition-menu li {
	top: auto;
	padding: 0;
}

.m-mode .addition-menu,
.m-mode .addition-menu>.wrap {
	max-height: none !important;
}

.m-mode .addition-menu>.wrap {
	overflow: visible;
	width: 100%;
	padding: 10%;
}

.m-mode i.close-menu {
	right: 0;
	top: 0;
}

.m-mode .pt-header:not(.show) i.close-menu {
	right: -100px;
}

.m-mode .pt-header.show i.close-menu {
	display: inline !important;
}

.m-mode.page-landing .pt-header i.close-menu {
	display: none !important;
}

.m-mode .addition-menu li {
	width: 100% !important;
	margin-bottom: 20px;
}

@media screen and (max-width: 1680px) {
	.menu-style-01 .main-menu>ul>li>a {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.main-menu>ul a {
		line-height: 160%;
		letter-spacing: 1px;
	}
	.menu-style-01 .main-menu>ul>li>a {
		font-size: 24px;
	}
	.header-search i span {
		font-size: 0;
	}
	.no-addition-menu .main-menu>ul a {
		font-size: 36px;
	}
	body.m-mode.page-landing .main-menu>ul>li>a {
		font-size: 18px;
		letter-spacing: 0;
	}
}

header .main-menu .sub-menu li a {
	font-size: 14px !important;
	line-height: 200% !important;
	letter-spacing: 1px;
}

/*outside menu*/

.main-menu-outside {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	line-height: 44px;
}

.m-mode .main-menu-outside {
	display: none;
}

.main-menu-outside>ul {
	display: inline-block;
	vertical-align: top;
}

.main-menu-outside>ul>li {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}

.main-menu-outside li {
	position: relative;
}

.main-menu-outside a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	white-space: nowrap;
}

.main-menu-outside .sub-menu a {
	font-size: 13px;
}

@media screen and (max-width: 1441px) {
	.main-menu-outside a {
		font-size: 12px;
		letter-spacing: 0;
	}
	.main-menu-outside>ul>li {
		margin-right: 30px;
	}
}

.main-menu-outside .sub-menu {
	position: absolute;
	top: 90%;
	left: -30px;
	pointer-events: none;
	visibility: hidden;
	padding: 20px 0;
	opacity: 0;
	border-radius: 4px;
}

.main-menu-outside .sub-menu li {
	padding: 0 50px 0 30px;
}

.main-menu-outside .sub-menu .sub-menu {
	top: -20px;
	left: 100%;
	margin: 0 1px;
}

.main-menu-outside .sub-menu .sub-menu.left {
	top: -20px;
	left: auto;
	right: 100%;
}

.main-menu-outside .sub-menu .sub-menu:before {
	display: none;
}

.main-menu-outside .sub-menu:before {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	bottom: 0;
	left: 30px;
	top: -5px;
	border-top: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid;
}

.main-menu-outside .sub-menu a:hover {
	opacity: 0.7;
}

.site-light .main-menu-outside .sub-menu,
.pc-mode .header-right[class*="elem-color-black"] .main-menu-outside .sub-menu {
	background: rgba(22, 23, 24, .9);
}

.site-light .main-menu-outside .sub-menu:before,
.pc-mode .header-right[class*="elem-color-black"] .main-menu-outside .sub-menu:before {
	border-bottom-color: rgba(22, 23, 24, .9);
}

.site-light .header-right .main-menu-outside .sub-menu a,
.pc-mode .pt-header .header-right[class*="elem-color-black"] .main-menu-outside .sub-menu a {
	color: #fff !important;
}

.site-dark .main-menu-outside .sub-menu,
.pc-mode .header-right[class*="elem-color-white"] .main-menu-outside .sub-menu {
	background: rgba(250, 250, 250, .95);
}

.site-dark .main-menu-outside .sub-menu:before,
.pc-mode .header-right[class*="elem-color-white"] .main-menu-outside .sub-menu:before {
	border-bottom-color: rgba(250, 250, 250, .95);
}

.site-dark .header-right .main-menu-outside .sub-menu a,
.pc-mode header.pt-header .header-right[class*="elem-color-white"] .main-menu-outside .sub-menu a {
	color: #333 !important;
}

.main-menu-outside .sub-menu li {
	line-height: 30px;
}

.main-menu-outside ul:hover li:hover>.sub-menu {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

body.ie header.outside-menu>.bg-color {
	display: none;
}

header.outside-menu>.bg-color {
	pointer-events: none;
	height: 20vh;
	opacity: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
	transition: all 0.6s;
	z-index: -1;
}

header.outside-menu>.bg-color.show {
	opacity: 1;
}

.m-mode header.outside-menu>.bg-color {
	display: none !important;
}

.pc-mode .hide-outsideMenu .main-menu-outside {
	opacity: 1;
}

.pc-mode .hide-outsideMenu .main-menu-outside.show {
	opacity: 1;
}

/*popup-sub-menu*/

.popup-sub-menu {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.popup-sub-menu .wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	height: 100%;
	width: 100%;
}

.popup-sub-menu .sub-menu {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: wrap;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	width: 80%;
	max-width: 1480px;
	z-index: 23;
}

.popup-sub-menu li {
	position: relative;
	top: 100px;
	opacity: 0;
	list-style-type: none;
	width: calc(25% - 16px);
	margin: 8px;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	background: #000;
	box-shadow: 0 45px 40px -30px rgba(0, 0, 0, .2);
}

.popup-sub-menu.show li {
	top: 0;
	opacity: 1;
}

.popup-sub-menu li:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	height: 0;
	width: 100%;
}

.popup-sub-menu li:hover:after {
	height: 6px;
}

.popup-sub-menu li.current-menu-item:after {
	height: 10px !important;
}

.popup-sub-menu .img {
	padding-top: 60%;
	opacity: 0.8;
}

.popup-sub-menu a {
	position: absolute;
	display: -webkit-flex;
	-webkit-align-items: flex-end;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 10%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	z-index: 2;
}

/*landing*/

.landing-img {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 8;
}

.landing-img:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	opacity: 0.3;
	z-index: 5;
}

.landing-img .bg-full {
	opacity: 0;
}

.landing-img li.show .bg-full.show {
	opacity: 1;
}

/*footer ============================================================================================= */

.footer-widgets {
	position: relative;
	padding: 7vh 0;
	z-index: 3;
}

body.page-landing .footer-widgets {
	display: none;
}

.footer-widgets.fixed {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.footer-widgets>.wrap {
	position: relative;
	margin: 0 auto;
	display: flex;
	flex-flow: wrap;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	z-index: 2;
}

.pc-mode .footer-widgets:not(.lot)>.wrap {
	flex-wrap: nowrap;
}

.pc-mode .footer-widgets[data-len="4"]:not(.lot) .widget.widget_text:not(.widget_custom_html),
.pc-mode .footer-widgets[data-len="4"]:not(.lot) .widget.widget_media_gallery {
	width: 40%;
}

.pc-mode .footer-widgets[data-len="3"]:not(.lot) .widget.widget_text:not(.widget_custom_html),
.pc-mode .footer-widgets[data-len="3"]:not(.lot) .widget.widget_media_gallery {
	width: 45%;
}

.pc-mode .footer-widgets.wide>.wrap {
	max-width: 100%;
	width: 84%;
}

.footer-widgets .widget ul {
	margin-top: 0;
}

.footer-widgets .widget ul ul {
	margin: 12px 0 16px;
}

.footer-widgets .widget ul ul li {
	padding-top: 12px;
	margin-bottom: 0;
}

.footer-widgets .widget_text .one-img img.alignleft {
	float: left;
	max-width: 20%;
	height: auto;
	margin-right: 30px;
}

.footer-widgets[data-len="3"] .widget_text .one-img img.alignleft,
.footer-widgets[data-len="4"] .widget_text .one-img img.alignleft {
	max-width: 100px;
	margin-top: 4px;
}

.footer-widgets .widget_text .textwidget>p {
	display: table;
}

@media screen and (min-width: 1680px) {
	.footer-widgets.wide .widget {
		font-size: 1.145rem;
	}
}

.footer-widgets .widget {
	line-height: 160%;
	box-shadow: none !important;
}

body.ie .footer-widgets .widget {
	flex-shrink: 1;
}

.pc-mode .footer-widgets .widget {
	margin-bottom: 0;
}

.footer-widgets .widget ul.cart_list li,
.footer-widgets .widget ul.product_list_widget li {
	padding-top: 0;
}

.footer-widgets .widget ul.cart_list li img,
.footer-widgets .widget ul.product_list_widget li img {
	position: relative;
	top: 5px;
}

.footer-widgets .widget.pt-col-2 {
	width: 50%;
}

.footer-widgets .widget.pt-col-3 {
	width: 33.33333%;
}

.footer-widgets .widget.pt-col-4,
.footer-widgets.lot .widget {
	width: 25%;
}

.footer-widgets .widget.pt-col-5 {
	width: 20%;
}

.footer-widgets .inner-wrap {
	position: relative;
	padding: 1.2vw;
}

.footer-widgets .widget li {
	border: none;
	padding: 0;
	margin-bottom: 10px;
}

.footer-widgets .widget-title {
	font-size: 21px;
	display: block;
	border-bottom: 1px solid rgba(166, 166, 166, .2) !important;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.m-mode .footer-widgets .widget-title {
	font-size: 18px;
}

.footer-widgets .widget-title:before {
	display: none;
}

.footer-widgets .widget_media_image .widget-title {
	display: none;
}

.footer-widgets .widget_media_image img {
	margin-top: 0;
	width: auto;
	max-width: 100%;
	height: auto;
}

.pt-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 30px;
	z-index: 9;
}

.page-landing .pt-footer {
	z-index: 11;
}

.footer-left {
	position: absolute;
	left: 68px;
	bottom: 60px;
}

.pc-mode .footer-left {
	display: flex;
	flex-flow: column;
	transform: translateX(-8px);
}

.footer-right {
	position: absolute;
	right: 68px;
	bottom: 60px;
	line-height: 30px;
}

.pc-mode .pt-footer .pt-social {
	position: relative;
	margin-top: 4vh;
	order: 2;
}

.m-mode .pt-footer .pt-social {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 10px;
}

.m-mode .pt-footer .pt-social li {
	display: inline-block;
	vertical-align: bottom;
	width: 20px;
	line-height: 36px;
	margin: 0 4px 0 0;
}

.m-mode .pt-footer .pt-social a {
	font-size: 14px;
}

.pt-footer .pt-social li {
	display: block;
	width: 30px;
	line-height: 30px;
	margin: 4px 0 0 0px;
	
}

.pt-footer .pt-social a {
	display: block;
	text-align: center;
}

.pt-footer .pt-social i.fa {
	font-size: 18px;
	
}

.m-mode .call-popup {
	font-size: 11px;
}

.call-popup {
	cursor: pointer;
}

body:not(.m-mode) .call-popup {
	position: relative;
	order: 1;
	line-height: 30px;
	font-size: 14px;
	transform: rotate(90deg) translateX(-100%);
	transform-origin: bottom left;
	-webkit-transform: rotate(90deg) translateX(-100%);
	-webkit-transform-origin: bottom left;
}

.pc-mode .call-popup:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 5px;
}

.pc-mode.ie .call-popup:before {
	bottom: 0;
}

.copyright {
	opacity: 0.8;
}

.pc-mode .footer-widgets.has-copyright .wrap {
	padding-bottom: 80px;
}

.pc-mode .footer-widgets.has-copyright .copyright {
	position: absolute;
	bottom: 20px;
	left: 1.2vw;
}

.m-mode .footer-widgets.has-copyright .copyright {
	padding: 40px;
	width: 100%;
}

.m-mode .footer-widgets .inner-wrap {
	padding: 0 40px;
}

.pt-popup .copyright {
	margin-top: 40px;
}

.footer-right .copyright {
	display: none;
	vertical-align: bottom;
	line-height: 30px;
	margin-right: 10px;
}

#music-player {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
}

#music-player.disable {
	pointer-events: none;
}

#music-player:before {
	content: '\e90c';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-family: 'myicon';
	font-size: 18px;
	font-style: normal;
}

body.pt-audio-player-muted:not(.landing-has-volume) #music-player:before,
#music-player.clickMute:before,
#music-player.off:before {
	content: "";
	background: url(../main/t.png) no-repeat 100%/cover;
}

/*page title setting*/

.title-group {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	padding-top: calc(180px + 2vw);
	overflow: hidden;
	z-index: 1;
}

.title-group[data-header-color="white"]:not(.no-bg) {
	background: rgba(55, 55, 55, .6);
}

.title-group[data-header-color="black"]:not(.no-bg) {
	background: rgba(222, 222, 222, .8);
}

.title-group:not(.fullscreen).has-video {
	min-height: 70vh;
}

.title-group .text {
	position: relative;
	margin: 0 auto;
	padding: 10vh 20px;
	z-index: 5;
}

body.search-results .title-group .text {
	padding-top: 0;
	padding-bottom: 0;
}

body.search-results .title-group h1 {
	font-size: 30px;
}

.title-group.fullscreen .text {
	padding-top: 12vh;
	padding-bottom: 12vh;
}

/*hack flex for ie*/

body.ie .title-group.fullscreen:after {
	content: '';
	min-height: calc( 100vh - ( 200px + 6vh));
	font-size: 0;
}

.title-group .text>h1 {
	line-height: 100%;
}

.title-group .intro {
	position: relative;
	line-height: 140%;
	max-width: 720px;
}

.title-group .intro:before {
	position: absolute;
	font-family: 'myicon';
}

/*style01*/

.title-group.style-01 .text {
	text-align: center;
}

.title-group.style-01 h1 {
	font-size: 5vw;
	margin-bottom: 40px;
}

.title-group.style-01 .intro {
	margin: 0 auto;
	font-size: 23px;
}

.title-group.style-01 .intro:before {
	content: '';
	width: 50px;
	height: 1px;
	top: -20px;
	left: 50%;
	margin-left: -25px;
	line-height: 0;
	font-size: 36px;
}

/*style02*/

.title-group.style-02 .text {
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.title-group.style-02 h1 {
	width: 30%;
	font-size: 24px;
	padding-right: 50px;
}

.title-group.style-02.fullscreen h1 {
	font-size: 30px;
}

.title-group.style-02 .intro {
	width: 70%;
	font-size: 32px;
	max-width: 960px;
}

.title-group.style-02.fullscreen .intro {
	width: 70%;
}

.title-group.style-02 h1:after,
.title-group.style-03 .intro:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 50px;
	height: 1px;
}

/*style03*/

.title-group.style-03 .text {
	width: 100%;
}

.title-group.style-03 h1 {
	margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
	.title-group.style-03 h1 {
		font-size: 3vw;
	}
}

.title-group.style-03 .intro {
	margin-top: 30px;
	font-size: 24px;
	padding-left: 70px;
}

.title-group.style-03 .intro:after {
	bottom: auto;
	top: 15px;
}

.title-group.style-03.fullscreen h1,
.title-group.style-03.wide h1 {
	font-size: 5vw;
}

/*style04*/

.pc-mode .title-group.style-04 {
	padding-top: calc(180px + 2vw);
	padding-bottom: 30px;
}

.title-group.style-04 .bg-full,
.title-group.style-04 .bg-color {
	display: none;
}

.title-group.style-04:not(.fullscreen) .text {
	padding-top: 0;
	padding-bottom: 0;
}

.title-group.wide .text {
	padding-left: 1.2vw;
	padding-right: 1.2vw;
}

.page-portfolio .title-group.wide .text {
	padding-left: 1vw;
	padding-right: 1vw;
}

.title-group.style-04 .text:before {
	content: '\e978';
	position: absolute;
	left: -1vw;
	top: -1vw;
	font-size: 3vw;
	font-family: 'myicon';
	transform: rotate(180deg);
	color: rgba(166, 166, 166, .2);
}

.title-group.style-04.fullscreen .text:before {
	font-size: 5vw;
	top: 4vw;
}

.title-group.style-04 .intro:before {
	content: '';
	left: 0;
	top: 12px;
	width: 50px;
	height: 1px;
}

.title-group.style-04:not(.fullscreen) .h {
	max-width: 720px;
}

.title-group.style-04 .text>h1 {
	font-size: 3vw;
}

.title-group.style-04 .intro {
	margin-top: 30px;
	padding-left: 50px;
	font-size: 20px;
}

.pc-mode .title-group.style-04 .intro {
	padding-left: 70px;
}

.title-group.style-04:not(.no-intro) .text:before {
	display: none;
}

.title-group.style-04.fullscreen {
	display: block;
	text-align: center;
}

.pc-mode .title-group.style-04.fullscreen {
	padding: 0;
}

.title-group.style-04.fullscreen .text {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.title-group.style-04.fullscreen .h {
	font-size: 6vw;
	margin-bottom: 40px;
	max-width: 1200px;
}

.title-group.style-04.fullscreen:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
	min-height: 100vh;
}

.has-wp-bar .title-group.style-04.fullscreen:after {
	min-height: calc(100vh - 32px);
}

.title-group.style-04.fullscreen .intro {
	font-size: 24px;
	max-width: 880px;
}

/*portfolio ==============================================================================================  */

.main-content {
	position: relative;
	z-index: 2;
}
body.single .main-content {
	overflow: hidden;
}

/*item and inner-wrap*/

.pic-list .item {
	position: relative;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	overflow: hidden;
}

.pic-list .inner-wrap {
	position: relative;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	margin: 0 auto;
	text-align: center;
}

.item.p-style-02 .inner-wrap {
	width: 100%;
	height: 100%;
}

.item.p-style-03 .inner-wrap,
.item.p-style-05 .inner-wrap {
	text-align: left;
}

.item.p-style-04 {
	padding: 10% 0;
}

/*img*/

.pic-list .img {
	overflow: visible;
	z-index: 1;
}

.p-style-01 .img,
.p-style-05 .img {
	height: 100%;
}

/*02*/

.p-style-02 .img {
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.p-style-02 .img-main {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.p-style-02.no-addition .img-addition {
	display: none;
}

.p-style-02 .img-addition {
	position: relative;
	width: 1200px;
	height: 720px;
	margin: 0 auto;
	z-index: 3;
}

.p-style-02 .img-main a {
	display: none;
}

/*03*/

.p-style-03 .img-addition {
	position: absolute;
	width: 45%;
	right: -60px;
	bottom: -80px;
	z-index: 2;
}

.p-style-03 .img-addition.type-02 {
	width: 36%;
}

.p-style-03 .img-main {
	position: relative;
	height: 100%;
	height: 100%;
}

.p-style-03 .img-addition .bg-full {
	height: auto !important;
}

/*04*/

.p-style-04 .img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.p-style-04 .img-main,
.p-style-04 .img-addition {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
}

.p-style-04:not(.single) .img-main {
	left: 0;
	top: -40px;
}

.p-style-04:not(.single) .img-addition {
	right: 0;
	top: 40px;
}

.p-style-04.single .img {
	width: 50%;
}

.p-style-04.single .img>div {
	width: 100%;
}

.p-style-04 .inner-wrap:after {
	content: '';
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}

/*05*/

.item.p-style-05 .img-main {
	position: relative;
	width: 75%;
	margin: 80px 0 0 25%;
	padding-top: 49%;
}

.item.p-style-05 .img-addition {
	position: absolute;
	width: 35%;
	left: 0;
	top: -80px;
	padding-top: 49%;
	z-index: 2;
}

/*bg-full*/

.item.p-style-01 .img-addition .bg-full,
.grid-list .img-addition .bg-full {
	opacity: 1;
	z-index: 2
}

.item.p-style-01 .img:hover .img-addition .bg-full.done,
.grid-list .inner-wrap:hover .img-addition .bg-full.done {
	opacity: 1;
}

/*text*/

.pic-list .text {
	position: relative;
	display: inline-block;
	max-width: 720px;
	z-index: 2;
}

.pic-list.large-text .text {
	max-width: 880px;
}

.hide-text.item .text {
	display: none;
}

/*01*/

.item.p-style-01 .text {
	margin-top: 30px;
}

.large-text .item.p-style-01 .text {
	position: absolute;
	left: -100px;
	bottom: 100px;
	text-align: left;
}

/*02*/

.item.p-style-02 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

.pic-list:not(.grid-list) h2 {
	margin: 0;
	font-size: 18px;
	letter-spacing: 5px;
}

.item.p-style-02 .list-category a {
	font-size: 12px;
}

.m-mode .item.p-style-02 .text h2 {

	font-size: 16px;
}

.hack-blur-v.text {
	padding-bottom: 1px;
}

.hack-blur-h.text {
	padding-left: 1px;
}

/*.item.p-style-02[data-header-color="black"][data-title-color=""] .text:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 3px;
	margin: -24px;
	right: 0;
	background: rgba(255, 255, 255, 0.5);
}*/

/*03*/

.item.p-style-03 .text {
	margin-top: 30px;
	max-width: 50%;
}

.large-text .item.p-style-03 .text {
	position: absolute;
	margin: 0;
	left: -80px;
	bottom: 5vh;
}

/*04*/

.item.p-style-04 .text {
	top: -30px;
	vertical-align: middle;
	top: auto;
}

.pic-list:not(.large-text) .p-style-04 .text {
	background: rgba(0, 0, 0, .3);
	border-radius: 4px;
	padding: 30px;
}

.p-style-04 .h {
	margin-bottom: 0;
}

.pic-list:not(.large-text) .p-style-04 .h,
.pic-list:not(.large-text) .p-style-04 a {
	color: #fff;
}

/*05*/

.item.p-style-05 .text {
	top: 30px;
	margin-left: 25%;
}

/*category for list*/

.list-category {
	position: relative;
	margin-bottom: 15px;
	z-index: 3;
}

.list-category.overflow a:nth-child(3)~a {
	display: none !important;
}

.pic-list:not(.caption-02) .list-category a {
	padding: 1px 0;
	margin: 4px 4px 0 0;
	border-bottom: 1px solid;
	font-size: 11px;
}

.pc-mode .large-text .list-category a {
	font-size: 16px !important;
}

.pic-list:not(.caption-02) .list-category a {
	/*border-color: #fff;*/
	transition: none;
	-webkit-transition: none;
}

.pic-list:not(.caption-02) .list-category a:hover {
	border-width: 3px;
}

/*title*/

.pic-list .h {
	margin-top: 0;
	line-height: 1;
}

.pic-list .h span {
	display: inline-block;
}

.large-text .p-style-01 .h span,
.p-style-03 .h span,
.p-style-05 .h span,
.grid-list .h span {
	display: inline;
}

.pic-list.large-text:not(.grid-list) h2 {
	font-size: 2.2vw;
	letter-spacing: 0;
}

.pic-list .h span {
	position: relative;
	padding-bottom: 6px;
	z-index: 2;
}

.pic-list .h span:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10%;
	height: 3px;
	width: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: -1;
}

.pic-list .h:hover span:after,
.p-style-02.type-02 .h:hover span:after {
	height: 10%;
	width: 100%;
}

.grid-list .h span:after {
	height: 2px;
}

/*grid-list -------------------------------------------------------- */

/*main*/

.grid-list {
	margin: 8vh auto;
}

.grid-list.wide {
	max-width: 100%;
}

.page-portfolio .title-group.wide .text,
.grid-list.wide {
	max-width: 100%;
	width: calc(100% - 270px);
}

@media screen and (max-width: 1680px) {
	.pc-mode .page-portfolio .title-group.wide .text,
	.pc-mode .grid-list.wide {
		width: calc(100% - 200px);
	}
}

@media screen and (max-width: 1441px) {
	.pc-mode .page-portfolio .title-group.wide .text,
	.pc-mode .grid-list.wide {
		width: calc(100% - 140px);
	}
}

/*item*/

.grid-list .item {
	width: 33.332%;
	padding: 0.8vw;
	overflow: visible;
}

.grid-list:not(.wide) .item {
	padding: 15px;
}

.grid-list.caption-02:not(.col-four) .item {
	padding: 44px;
}

.grid-list.caption-02:not(.col-four) .wrap {
	width: calc(100% + 48px);
	/* padding = ( item:44*2 ) - ( outWrap: 20 * 2 )=48*/
	margin-left: -24px;
}

.grid-list.col-two .item {
	width: 50%;
}

html.retina .grid-list.col-two .item {
	width: 49.9999%;
}

/*grid width*/

@media screen and (min-width: 1681px) {
	.grid-list.col-auto.wide .item {
		width: 33.332%;
	}
	.grid-list.caption-02.wide:not(.col-four) .text h2,
	.grid-list.caption-02.wide.col-two .text h2 {
		margin-top: 10px;
	}
}

@media screen and (max-width: 1279px) {
	.pc-mode .grid-list.col-four:not(.caption-02) .item {
		width: 33.332% !important;
	}
}

@media screen and (max-width: 1441px) {
	.pc-mode .grid-list.col-four.caption-02 .item {
		width: 33.332% !important;
	}
}

.m-mode .grid-list.caption-02 .wrap {
	width: 100%;
	margin-left: auto;
}

.m-mode .grid-list:not(.caption-02) .item {
	width: 33.332% !important;
	padding: 10px !important;
}

.m-mode .grid-list.caption-02 .item {
	width: 50% !important;
}

@media screen and (max-width: 768px) {
	.m-mode .pic-list.grid-list .item {
		width: 50% !important;
	}
	.retina .m-mode .pic-list.grid-list .item {
		width: 49.9999% !important;
	}
	.m-mode .grid-list.caption-02 .item,
	.retina .m-mode .grid-list.caption-02 .item {
		width: 100% !important;
	}
}

@media screen and (max-width: 480px) {
	.m-mode .pic-list.grid-list .item,
	.retina .m-mode .pic-list.grid-list .item {
		width: 100% !important;
	}
}

.grid-list.col-four .item {
	width: 24.98%;
}

/*img and thumb type*/

.grid-list .img>div {
	position: relative;
	height: 100%;
}

.grid-list:not(.type-auto) .img-main,
.grid-list .img .img-addition {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.grid-list .img,
.grid-list .inner-wrap {
	width: 100%;
	height: 100%;
}

.grid-list .img {
	overflow: hidden;
	background: rgba(166, 166, 166, .03);
}

.grid-list.caption-01 .img:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 300px;
	width: 100%;
	background: linear-gradient(to bottom, rgba(26, 27, 28, 0), rgba(26, 27, 28, .5));
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	pointer-events: none;
	opacity: 0.3;
	z-index: 5;
}

.grid-list .inner-wrap:hover .img:after {
	opacity: 1;
}

/*type without auto*/

.grid-list.type-h .img {
	padding-top: 67%;
}

.grid-list.type-s .img {
	padding-top: 100%;
}

.grid-list.type-v .img {
	padding-top: 130%;
}

/*text*/

.grid-list .text {
	position: absolute;
	max-width: 100%;
	left: 0;
	bottom: 0;
	padding: 0 9% 8% 9%;
	text-align: left;
	z-index: 3;
}

.grid-list.col-3 .text {
	padding: 24px;
}

.grid-list.caption-01 .list-category a {
	border-color: #fff !important;
}

.grid-list.caption-01 .list-category a {
	color: #fff;
}

.grid-list .text h2 {
	font-size: 21px;
	margin: 0;
	color: #fff;
	line-height: 1.2;
}

.grid-list.col-four:not(.wide) .text h2 {
	font-size: 16px;
}

.grid-list.caption-01 .list-category {
	margin-bottom: 10px;
}

.grid-list.caption-01 .list-category,
.grid-list.caption-01 .inner-wrap h2 {
	opacity: 0;
	bottom: -10px;
}

.grid-list.caption-01 .inner-wrap:hover .list-category,
.grid-list.caption-01 .inner-wrap:hover h2,
.m-mode .grid-list.caption-01 .list-category,
.m-mode .grid-list.caption-01 .inner-wrap h2 {
	opacity: 1;
	bottom: 0;
}

/*caption 02*/

.grid-list.caption-02 .text {
	position: relative;
	display: flex;
	flex-flow: wrap;
	padding: 0;
	margin: 20px 0 10px;
}

.grid-list.type-auto.caption-02 .text {
	margin-bottom: 0;
}

.grid-list.caption-02:not(.col-four) .list-category,
.blog-list.style-02 .item:not(.text-post) .category {
	position: absolute;
	right: 0;
	bottom: 100%;
	transform-origin: right bottom;
	transform: rotate(90deg) translate3d(-5px, -6px, 0);
	-webkit-transform-origin: right bottom;
	-webkit-transform: rotate(90deg) translate3d(-5px, -6px, 0);
}

.grid-list.caption-02:not(.col-four) .list-category:after,
.blog-list.style-02 .item:not(.text-post) .category:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(166, 166, 166, .5);
}

.blog-list.style-02 .item:not(.text-post) .category:after {
	top: -3px;
}

.grid-list.caption-02:not(.col-four) .list-category:hover:after,
.blog-list.style-02 .item:not(.text-post) .category:hover:after {
	opacity: 0;
}

.grid-list.caption-02:not(.col-four) .list-category a {
	display: inline-block;
	vertical-align: top;
	margin: 4px 0 0 6px;
	font-size: 13px;
	line-height: 18px;
	padding: 0 10px 1px;
	border-radius: 20px;
}

.grid-list.caption-02.col-four .list-category {
	order: 2;
	display: block;
	width: 100%;
}

.grid-list.caption-02.col-four .list-category a {
	font-size: 11px;
}

.grid-list.caption-02:not(.col-four) .text h2 {
	font-size: 21px;
	display: inline-block;
	margin-top: 0;
	max-width: 80%;
}

.grid-list.caption-02:not(.col-four) .list-category a:hover {
	color: #fff;
}

.grid-list.caption-02 .list-category a:not(:hover) {
	opacity: 0.8;
}

/*filter */

.grid-list .null-item {
	display: none;
	left: 50%;
}

.pc-mode .grid-list.type-auto.col-two .null-item {
	display: block;
}

.filter {
	position: relative;
	display: inline-block;
	margin: 30px 0;
	left: 20px;
	color: #fff;
	z-index: 999;
}

.caption-02 .filter {
	margin-bottom: 0;
}

.grid-list.caption-02.col-four .filter,
.caption-01 .filter {
	left: 15px;
}

.m-mode .caption-02 .filter {
	left: 44px;
}

.m-mode .caption-01 .filter {
	left: 10px;
}

i.call-filter {
	line-height: 50px;
	padding: 0 120px 0 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 700;
	color: #fff !important;
	z-index: 3;
}

i.call-filter:before {
	content: '\e164';
	width: auto;
	left: auto;
	right: 15px;
	top: -1px;
	font-size: 24px;
}

.filter-ctrl {
	position: absolute;
	top: 20px;
	left: 0;
	min-width: 100%;
	padding: 30px;
	background-color: #222;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 1;
}

.filter-ctrl li {
	position: relative;
	line-height: 24px;
	font-size: 16px;
	list-style-type: none;
	margin-bottom: 10px;
	opacity: 0.7;
	cursor: pointer;
}

.filter li i {
	display: block;
	font-style: normal;
}

.filter li.active {
	opacity: 1;
}

.filter-ctrl li:last-child {
	margin-bottom: 0;
}

.pc-mode .filter:hover .filter-ctrl,
.m-mode .filter-ctrl.show {
	top: 50px;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.filter li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	opacity: 0;
}

.filter li.active:after {
	opacity: 1;
}

/*category-nav*/

.category-nav,
.cate-popup {
	font-size: 0;
	margin-bottom: 30px;
}

.category-nav li {
	position: relative;
	display: inline-block;
	line-height: 20px;
	margin: 0 30px 0 0;
}

.category-nav {
	position: relative;
	padding: 15px;
	margin-bottom: 25px;
	overflow: hidden;
}

.pc-mode .blog-list.style-02 .category-nav {
	margin-bottom: 10px;
}

.category-nav .inner-wrap {
	width: 100%;
}

.category-nav ul {
	white-space: nowrap;
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.category-nav li.hide-point~li {
	pointer-events: none;
	opacity: 0;
}

.cate-popup {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 4vw;
	background: rgba(0, 0, 0, .8);
	z-index: 999;
}

.site-light .cate-popup {
	background: rgba(0, 0, 0, .5);
}

.cate-popup .wrap {
	position: relative;
	display: flex;
	display: -webkit-flex;
	max-width: 990px;
	max-height: 100%;
	overflow: auto;
	margin: 0 auto;
	padding: 40px;
	background: rgba(255, 255, 255, .95);
	align-items: center;
	-webkit-align-items: center;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 3;
}

body.no-window .cate-popup .wrap {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.cate-popup .cate-item {
	position: relative;
	display: inline-block;
	margin: 15px;
}

.category-nav li.hide-point {
	opacity: 0.1;
	pointer-events: none;
}

.m-mode .category-nav .cate-popup,
.m-mode .cate-nav-ctrl {
	display: none !important;
}

.cate-nav-ctrl {
	display: none;
	position: absolute;
	right: 15px;
	top: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

.category-nav.over .cate-nav-ctrl {
	display: block;
}

.cate-nav-ctrl:before {
	content: '\e164';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-family: 'myicon';
	font-size: 20px;
	background: #f4f5f6;
	color: #33313a;
	border-radius: 30px;
}


.site-light .cate-nav-ctrl:before {
	background: #33313a;
	color: #f4f5f6;
}

.cate-nav-ctrl:hover:before {
	color: #fff !important;
}

.close-cate-popup {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: url(data/images/close.png), pointer;
	z-index: 2;
}

/*btn bg color*/

.category-nav li:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -10px;
	width: 100%;
	height: 1px;
	background: rgba(166, 166, 166, .4);
}

.m-mode .category-nav li:after {
	width: 100% !important;
	bottom: 0;
	height: 100%;
	background: rgba(166, 166, 166, .1);
}

.category-nav li:not(.active):after {
	width: 0;
}

.category-nav li:not(.active):hover:after {
	width: 100%;
	left: 0;
}

.category-nav li {
	list-style-type: none;
}

.category-nav a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-style: normal;
	cursor: pointer;
	z-index: 2;
}

.m-mode .category-nav li.active a {
	color: #fff;
}

/*slider ctrl*/

.p-slider-ctrl {
	position: fixed;
	right: 60px;
	top: 50%;
	height: 240px;
	width: 60px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	z-index: 6;
}

.m-mode .p-slider-ctrl {
	display: none;
}

.p-slider-ctrl>div {
	position: relative;
	top: 0;
	width: 100%;
	height: 80px;
}

.p-slider-ctrl .ctrl {
	cursor: pointer;
}

.ctrl.disabled {
	opacity: 0.3;
	pointer-events: none;
}

.slider-num {
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	flex-flow: column;
	justify-content: center;
	-webkit-flex-flow: column;
	-webkit-justify-content: center;
	font-style: normal;
}

.slider-num i {
	font-style: normal;
}

.p-slider-ctrl hr {
	border: none;
	border-top: 2px solid;
	width: 20px;
	height: 1px;
}

.p-slider-ctrl .ctrl:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -1px;
	height: 40px;
	width: 2px;
	background: #fff;
}

.p-slider-ctrl .ctrl:after {
	content: "∧";
	position: absolute;
	font-size: 24px;
	font-family: 'myicon';
	top: 4px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.p-slider-ctrl .ctrl.next:after {
	content: "∨";
	 
	top: auto;
	bottom: 9px;
}

.p-slider-ctrl .ctrl.prev:hover {
	top: -4px;
}

.p-slider-ctrl .ctrl.next:hover {
	top: 4px;
}

/*disabled*/

.p-slider-ctrl .ctrl.disabled {
	top: 0 !important;
}

.slider-num:hover ul {
	opacity: 1;
}

.p-slider-ctrl .slider-num,
body.pc-mode .p-slider-ctrl.elem-color-white .slider-num,
body.pc-mode .p-slider-ctrl.elem-color-white .ctrl:after {
	color: #fff;
}

.p-slider-ctrl hr,
body.pc-mode .p-slider-ctrl.elem-color-white hr {
	border-color: #fff;
}

.p-slider-ctrl .ctrl:before,
body.pc-mode .p-slider-ctrl.elem-color-white .ctrl:before {
	background: #fff;
}

.site-light .p-slider-ctrl .slider-num,
body.pc-mode .p-slider-ctrl.elem-color-black .slider-num,
body.pc-mode .p-slider-ctrl.elem-color-black .ctrl:after {
	color: #171819;
}

.site-light .p-slider-ctrl hr,
body.pc-mode .p-slider-ctrl.elem-color-black hr {
	border-color: #171819;
}

.site-light .p-slider-ctrl .ctrl:before,
body.pc-mode .p-slider-ctrl.elem-color-black .ctrl:before {
	background: #171819;
}

/*blog =============================================================================================================================*/

.blog-list {
	position: relative;
	margin: 6vh auto 10vh;
}

.blog-list.no-title {
	margin: 15vh auto;
}

body.has-widget .blog-list {
	font-size: 0;
}

.title-group.style-04~.blog-list {
	margin-top: 40px;
}

.blog-list .wrap {
	position: relative;
}

.site-bg.has-bg~.main-content .default-template-page:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.8;
	z-index: -1;
}

.site-light .site-bg.has-bg~.main-content .default-template-page:after {
	background: #f9fafb;
	opacity: 0.95;
}

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

body.has-widget .blog-main {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 340px);
}

body.has-widget .blog-list.style-02 .blog-main {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 400px);
	margin-right: 60px;
	top: -14px;
}

body.m-mode.has-widget .blog-main {
	width: 100% !important;
	display: block;
}

.blog-list .wrap:after {
	content: '';
	display: block;
	clear: both;
}

.blog-list .item {
	position: relative;
	width: 33.3333%;
	float: left;
	padding: 15px;
	z-index: 1;
}

body.has-widget .blog-list .item,
.blog-list.large-image.style-02 .item {
	width: 50%;
}

.blog-list.large-image.style-01 .item,
body.has-widget .blog-list.large-image.style-02 .item {
	width: 100%;
}

.blog-list .item>.inner-wrap {
	position: relative;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, .025);
}

.blog-list:not(.style-02) .item>.inner-wrap:hover {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .02), 2px 20px 30px rgba(0, 0, 0, .04);
}

.blog-list.style-02 .item>.inner-wrap {
	box-shadow: none;
}

.blog-list .img {
	z-index: 1;
	background: rgba(166, 166, 166, .03);
}

.blog-list:not(.style-02):not(.raw-proportion) .img {
	display: block;
	padding-top: 68%;
}

.blog-main .item.text-post .img {
	display: none;
}

.blog-main .item .h {
	margin: 0 0 8px 0;
}

.blog-list.large-image .item .h,
body.has-widget .blog-list .item .h {
	font-size: 26px;
}
body.pc-mode .blog-list.large-image .item .h{
	font-size: 30px;
}
.blog-main .text {
	position: relative;
	padding: 44px;
	z-index: 3;
}
.blog-list.style-01 .text{
	padding-bottom: 0 !important;
}

.blog-list.large-image .item .text,
body.has-widget.blog-list .item .text {
	padding: 5% 6%;
}
.blog-list .info{
	display: flex;
	display: -webkit-flex;
}
.blog-list.style-01 .info a{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	margin: 0 10px 0 0;
}

.blog-main .item.text-post[data-text-color="white"]:not([data-bg-color=""]),
.blog-main .item.text-post[data-text-color="white"]:not([data-bg-color=""]) a{
	color: #fff;
}

.blog-main .item.text-post[data-text-color="black"]:not([data-bg-color=""]),
.blog-main .item.text-post[data-text-color="black"]:not([data-bg-color=""]) a{
	color: #171819;
}

.blog-main .item.text-post[data-text-color="white"]:not([data-bg-color=""]) a.btn:hover{
	border-color: #fff;
}
.blog-main .item.text-post[data-text-color="black"]:not([data-bg-color=""]) a.btn:hover{
	border-color: #171819;
}

.blog-main .item.text-post[data-bg-color] h4 a:hover{
	text-decoration: underline;
}
.blog-main .item.text-post[data-text-color="white"]:not([data-bg-color=""]) h4 a,
.blog-list .item.text-post[data-text-color="black"]:not([data-bg-color=""]) em.show-all-category:hover:before{
	color: #fff !important;
}
.blog-main .item.text-post[data-text-color="black"]:not([data-bg-color=""]) h4 a{
	color: #171819 !important;
}

.blog-list .item.text-post[data-text-color="black"]:not([data-bg-color=""]) em.show-all-category:before{
	color: #171819;
}
.blog-list .item.text-post[data-text-color="white"]:not([data-bg-color=""]) em.show-all-category:before{
	color: #fff;
}

.blog-list:not(.style-02) .item.text-post:not([data-bg-color=""]) em.show-all-category:before{
	line-height: 24px;
}

.blog-main .item.text-post:not([data-bg-color=""]) .category a:hover{
	opacity: 0.8;
}

/*style02*/

.blog-list.style-02 .blog-main>.wrap {
	width: calc(100% + 58px);
	/* padding = ( item:44*2 ) - ( outWrap: 15 * 2 )=58*/
	margin-left: -29px;
}

.m-mode .blog-list.style-02 .blog-main>.wrap {
	width: 100%;
	margin: auto;
}

.m-mode .blog-list.style-02 .blog-main {
	margin: auto !important;
}

.blog-list.style-02 .item {
	padding: 44px;
}

.blog-list.style-02:not(.raw-proportion) .item .img {
	padding-top: 67%;
}

.blog-list.style-02 .item:not(.text-post) .text {
	padding: 0;
	margin-top: 20px;
}

.blog-list.style-02 .item .text {
	padding: 10%;
}
.blog-list .btn-wrap,
.blog-list.style-02 .item.text-post .btn-wrap{
	display: none;
}

.blog-list.style-02 .item .h {
	max-width: 80%;
	margin-bottom: 15px;
}

.blog-list.style-02 .item:not([data-bg-color]) .h a {
	border-bottom: 1px solid transparent
}

.blog-list.style-02 .item:not(.text-post) .list-meta>div:before {
	display: none;
}

.blog-list.style-02 .item:not(.text-post) .date a:not(:hover) {
	opacity: 0.6;
}

.blog-list.style-02 .item:not(.text-post) .category a {
	border: none;
	font-size: 13px;
	padding: 0 10px;
	margin: 0
}

.blog-list.style-02 .item:not(.text-post) .category a:hover {
	color: #fff;
}

.null-item {
	display: none;
	height: 120px;
}

body:not(.has-widget):not(.m-mode) .blog-list.style-02.large-image .null-item {
	display: block;
}

.blog-list.style-02 .item:not(.text-post) .over-content {
	margin-right: 30px;
}

.blog-list.style-02 .item:not(.text-post) em.show-all-category {
	right: 9px;
	line-height: 22px;
}

.blog-list.style-02 .item:not(.text-post) .list-meta>div {
	padding: 0;
	margin: 0 0 12px 0;
}

.blog-list.style-02 .item:not(.text-post) .list-meta .date {
	margin-right: 10px;
}

.pc-mode .blog-list.style-02 .item:not(.text-post) .intro {
	position: absolute;
	left: -50px;
	bottom: calc(100% + 50px);
	width: 80%;
	max-width: 280px;
	padding: 20px;
	margin: 0;
	color: #fff;
	opacity: 0;
	background-color: rgba(52, 53, 54, .6);
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
}

.pc-mode .blog-list.style-02 .item:not(.text-post) .intro-inner {
	font-size: 12px;
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
}

.pc-mode .blog-list.style-02 .item:not(.text-post) .inner-wrap:hover .intro {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	left: -30px;
}

.blog-list.style-02 .btn-wrap {
	margin-top: 10px;
}

.m-mode .blog-list.style-02 .btn-wrap {
	margin-top: 20px;
}

.pc-mode .blog-list.style-02 .item:not(.text-post) a.btn {
	border: none;
	line-height: 30px;
	padding: 0 15px;
}

.pc-mode .blog-list.style-02 .item:not(.text-post) a.btn span {
	font-size: 11px;
}

.blog-list:not(.style-02) .list-meta{
	display: flex;
	justify-content: space-between;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
}
.blog-list.style-01 .category{
	position: relative;
	margin-bottom: 15px;
	margin-top: -10px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.blog-list.style-01 .over-content{
	height: 20px;
}
.blog-list.style-01 .category a{
	display: inline-block;vertical-align: top;
	padding: 0;
	margin: 0 10px 0 0;
	line-height: 20px;
	font-size: 14px;
	border:none;
}
.blog-list .blog-main .category .over-content a{
	display: none;
}


.list-date{
	opacity: 0.7;
}

.list-date:hover {
	opacity: 1;
}

.blog-main {
	font-size: 14px;
	line-height: 150%;
}
.blog-list.large-image .blog-main {
	font-size: 15px;
}

.blog-list.style-02 .blog-main .item:not(.text-post){
	font-size: 12px;
}

.blog-list h4 {
	margin-bottom: 20px;
}

.blog-list .intro {
	margin: 18px 0;
}

.site-dark .blog-list .intro {
	opacity: 0.8;
}

.m-mode .blog-list a.btn,
.m-mode .blog-list .btn-wrap {
	display: none;
}

a.btn {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	line-height: 40px;
	padding: 0 26px 1px;
	font-size: 16px;
	border-radius: 28px;
	color: #fff;
}

.single-meta a.btn {
	margin-top: 10px;
}

.sc-mixbox a.btn {
	line-height: 44px;
	padding: 0 36px 1px;
	margin-top: 30px;
}

a.btn:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 28px;
	opacity: 0.9;
	z-index: 0;
}

.blog-list a.btn {
	line-height: 36px;
	font-size: 1rem;
	margin: 0;
}

.blog-list a.btn {
	border: 1px solid rgba(166, 166, 166, .4);
}

.blog-list:not(.style-02) .item:not(.text-post) a.btn:not(:hover):after {
	background: transparent;
}

.site-dark .blog-list:not(.style-02) .item:not(.text-post) a.btn:not(:hover) {
	color: #fff;
}

.pc-mode .blog-list.style-02 .item:not(.text-post) a.btn:not(:hover),
.m-mode.site-list .blog-list.style-02 .item:not(.text-post) a.btn:not(:hover){
	color: #222324;
}

.blog-list.style-02 .item:not(.text-post) a.btn:not(:hover):after,
.blog-list .item.text-post a.btn:not(:hover):after {
	background: #fff !important;
}

.page-links a {
	display: inline-block;
	margin-right: 10px;
	padding: 0 26px 1px;
	line-height: 40px;
	font-size: 14px;
	background: rgba(166, 166, 166, .1);
}

.page-links a:hover {
	background: rgba(166, 166, 166, .2);
}

a.btn:hover:after{
	opacity: 1;
}
a.btn span {
	position: relative;
	display: block;
	font-size: 14px;
	z-index: 2;
}

.blog-list.style-01 a.btn:after{
	display: none;
}
.blog-list.style-01 a.btn{
	padding: 0;
	line-height: normal;
	border:none;
}
.blog-list.style-01 a.btn span{
	display: none;
}

.call-item-video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1000;
}

.call-item-video:before {
	content: '\e909';
	position: absolute;
	width: 40px;
	height: 40px;
	right: 20px;
	top: 20px;
	font-size: 16px;
	border-radius: 50%;
	font-family: 'myicon';
	text-indent: 3px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	background: rgba(0, 0, 0, .3);
	border: 1px solid rgba(255, 255, 255, .8);
}

.item.sticky .img:before,
.item.sticky.text-post:before {
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	top: 10px;
	left: 10px;
	border-radius: 50%;
	border-bottom-left-radius: 0;
	background-image: url(data/images/nail.svg);
	background-position: center;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	transform: scale(-1,1);
	-webkit-transform: scale(-1,1);
	z-index: 22;
}

em.show-all-category,
em.close-category{
	position: absolute;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	right: -24px;
	top: 0;
}

em.show-all-category i {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

em.show-all-category i.close {
	display: none;
	z-index: 2;
}

em.show-all-category{
	top: 0;
	height: 22px;
	width: 22px;
	line-height: 22px;
	border-radius: 50%;
}
.blog-list.style-01 em.show-all-category{
	position: relative;
	left: auto;
	right: -6px;
}
.blog-list:not(.style-02) em.show-all-category{
	width: 24px;
	height: 24px;
	line-height: 22px;
	border:1px solid rgba(166,166,166,.3);
}

.blog-list:not(.style-02) em.show-all-category:hover:before{
	color: #fff;
}

.single-meta em.show-all-category {
	top: 50%;
	margin-top: -10px;
}






.blog-list:not(.style-02) .category:before{
    content: '\e913';
    display: inline-block;vertical-align: top;
    margin-right: 10px;
	font-size: 12px;
	line-height: 19px;
	font-family: 'myicon';
}

.blog-list.style-02 .text-post .category{
	position: relative;
	margin-top: 4px;
	display: inline-block;
}




em.show-all-category:before{
	content: '\e907';
	font-size: 12px;
}

em.close-category:before {
	content: '\e5cd';
}

em.close-category {
	right: 0;
	top: 0;
	background: rgba(166, 166, 166, .9);
	color: #fff;
}

.body-category-wrap {
	display: none;
	position: fixed;
	width: 300px;
	max-height: 400px;
	overflow: auto;
	padding: 26px;
	background: #fff;
	box-shadow: 4px 4px 20px rgba(0, 0, 0, .2);
	z-index: 999;
}

.body-category-wrap .inner-wrap>i {
	display: none;
}

.m-mode .body-category-wrap {
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.body-category-wrap em:not(.btn) {
	display: none;
}

.body-category-wrap a {
	display: inline-block;
	margin: 6px;
}

body .category .over-content a {
	display: none;
}

.category .over-content a:first-child,
.single-main-intro .category a:first-child {
	display: inline-block !important;
}

.single-meta .category .over-content a:first-child {
	display: inline !important;
}

.single-meta .inner-wrap a {
	display: inline-block;
	line-height: normal;
}

/*single ======================================================================================== */

/*ajax color*/

.ajax-content.black ,
.ajax-content.black .share i.btn{
	color: rgba(19, 16, 29, .8);
}

.ajax-content.white a,
.ajax-content.white .h ,
.ajax-content.white .share i.btn {
	color: #fff;
}

.ajax-content.white {
	color: rgba(255, 255, 255, .8);
}

.ajax-content.white a.btn:not(:hover):after {
	background: #fff;
}

/*single main frame*/

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

.ajax-content>.wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: auto;
	z-index: 10;
}

body.single .site-bg.has-bg~.main-content>.wrap {
	padding-bottom: 20px;
}

.ajax-content .ajax-target:not(.show) {
	transform: translateY(30vh);
	-webkit-transform: translateY(30vh);
	opacity: 0;
}

.ajax-content .ajax-target.tempMotion {
	transform: translateY(0);
	transition: all 0.3s ease-in;
	-webkit-transform: translateY(0);
	-webkit-transition: all 0.3s ease-in;
	opacity: 0;
}

.single-inner {
	position: relative;
	width: 70%;
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
	z-index: 10;
}

.single-inner:after {
	content: '';
	display: table;
	width: 100%;
	height: 0;
}

.single-main-intro,
.single-inner .text-area,
.single-extend .text,
.single-inner .page-links,
.single-footer {
	position: relative;
	max-width: 1100px;
	padding: 30px;
	margin: 50px auto;
}
.post-footer-info,
.single-inner .text-area,
.single-extend .text,
.default-template-page .text-area,
.project .single-meta {
	font-size: 18px;
}
.ajax-content .single-header.only-text ~ .single-main-intro{
	padding-top: 8%;
	margin-top: 0 !important;
}

.single-inner.lightbox,
.single-inner:not(.lightbox) .single-header {
	overflow: hidden;
}

.single-inner.lightbox .single-header .wrap {
	width: calc(100% + 2px);
}

.ajax-target {
	position: relative;
	width: 94%;
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}

.ajax-target .single-inner {
	width: 100%;
	max-width: 100%;
	overflow: visible;
	border-radius: 0;
}

@media screen and (max-width: 1921px) {
	.ajax-target {
		width: 86%;
		max-width: 1360px;
	}
}

@media screen and (max-width: 1024px) {
	.single-inner {
		width: 100%;
	}
	.ajax-target {
		width: 94%;
		margin-top: 3vw !important;
		top: 0 !important;
	}
}

body.single .single-inner {
	margin-top: 10vh;
}

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

.m-mode .m-close-single {
	position: fixed;
	z-index: 99;
	top: 1.5vw;
	right: 1.5vw;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f4f4f4;
	font-family: 'myicon';
	border-radius: 6px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);
	font-style: normal;
}

.m-mode .m-close-single:before {
	content: '\e903';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #222;
	font-size: 20px;
}

.close-single,
.btn.close-single {
	display: none;
}

.close-single:after {
	content: '';
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-right: 17px;
	opacity: 0.9;
	z-index: 1;
}
.m-mode .close-single:after{
	margin-right: 0;
}

.single-header .wrap {
	width: 100%;
	font-size: 0;
}

.single-header.only-text {
	display: none;
}

/*for single main images*/

.single-header .wrap.owl-carousel,
.ajax-content.white .single-header .wrap.owl-carousel {
	background: rgba(222, 222, 222, .03);
}

.site-light .single-header .wrap.owl-carousel,
.ajax-content.black .single-header .wrap.owl-carousel {
	background: rgba(0, 0, 0, .01);
}

.single-header .item {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.single-header.pt-slider-root .wrap,
.single-header.pt-slider-root .item {
	background: #111213;
}

.single-header.single-item .img {
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	left: 50%;
}

.single-inner:not(.lightbox) .single-header.raw-proportion.single-item .item.vertical {
	padding-top: 40px;
}

.single-inner:not(.lightbox) .single-header .img {
	height: 100%;
	width: 100%;
	margin: auto;
}

.single-inner:not(.lightbox) .single-header.single-item .img {
	margin: 0;
}

.single-header.type-auto .wrap {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-align-items: stretch;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
}

.single-header.type-auto .item {
	margin: 0;
}

body.single .single-inner.lightbox .single-header .wrap,
.ajax-content.white .single-inner.lightbox .single-header .wrap {
	background: rgba(0, 0, 0, .1);
}

body.single.site-light .single-inner.lightbox .single-header .wrap,
.ajax-content.black .single-inner.lightbox .single-header .wrap {
	background: rgba(0, 0, 0, .03);
}

.single-inner.lightbox .single-header .item {
	display: inline-block;
	cursor: url(data/images/zoom.png), pointer;
	overflow: hidden;
}

.single-header[data-col-w="0.33"] .item {
	width: 33.333333%;
}

.single-header[data-col-w="0.5"] .item {
	width: 50%;
}

.single-header[data-col-w="0.25"] .item {
	width: 25%;
}

.single-header[data-col-w="0.2"] .item {
	width: 20%;
}

.single-header[data-col-w="1"] .item {
	width: 100%;
}

.lightbox .single-header.type-h .img {
	padding-top: 56.2%;
}

.lightbox .single-header.type-v .img {
	padding-top: 130%;
}

.lightbox .single-header.type-s .img {
	padding-top: 100%;
}

.type-auto .img {
	height: 100%;
}

.lightbox .single-header .bg-full:after,
.addition-menu .bg-full:after,
.sc-slider .img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	opacity: 0;
	z-index: 0;
}

.lightbox .single-header .item:hover .bg-full:after,
.addition-menu .inner-wrap:hover .bg-full:after {
	opacity: 1;
}

.sc-slider .img:after {
	opacity: 0.3;
	z-index: 3;
}

.single-inner>* {
	position: relative;
	z-index: 3;
}

.ajax-content .single-inner>*:not([class*="full-top-bar"]) {
	opacity: 0;
}

.single-inner.video .pt-video-mask {
	display: none;
}

/*shara*/

.share i.btn{
	font-size: 14px;
	cursor: default;
}
.share .wrap{
	display: inline-block;
    margin-left: 10px;
}

.tag-and-share .share{
	position: relative;
	line-height: 32px;
	margin-top: 4px;
}

.share a{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-left: 4px;
	text-align: center;
}

.share a i {
	display: block;
	height: 100%;
	line-height: 36px;
	font-size: 18px;
	border-radius: 50%;
	border: 1px solid rgba(166,166,166,.5);
}
.share a:hover i{
	color: #fff;
	border-color:transparent;
}
a.share-facebook:hover i {
	background: #3a589b;
}

a.share-twitter:hover i {
	background: #1da1f2;
}

a.share-pinterest:hover i {
	background: #dc2337;
}

a.share-tumblr:hover i {
	background: #529ecc;
}

a.share-googleplus:hover i {
	background: #fa4631;
}

a.share-linkedin:hover i {
	background: #1892d2;
}



/*main intro*/

.single-main-intro {
	margin-bottom: 20px !important;
}
.text-banner .single-main-intro{
	margin-top: 0 !important;
}
.text-banner{
	position: relative;
	padding: 30px 0;
}
.text-banner:after{
	content: '';
	position: absolute;
	width: 100vw;height: 100%;
	left: 50%;
	top: 0;
	margin-left: -50vw;
	background: rgba(166,166,166,.08);
	z-index: -1;
}

.single-inner:not(.fullscreen) .no-bottom-gap.single-main-intro {
	margin-bottom: 0 !important;
}

.no-bottom-gap.single-main-intro~.single-main-content {
	margin-top: 0 !important;
}

.project .single-main-intro .title {
	margin-bottom: 25px;
}

.project .single-meta {
	display: flex;
}

.m-mode .single-meta {
	display: block;
}

.project .single-meta .item {
	position: relative;
	min-width: 25%;
	padding: 0 50px 0 0;
	margin-bottom: 20px;
	line-height: 160%;
}

.project .single-meta .item:last-child {
	margin-bottom: 0;
}

.project .single-meta i {
	position: relative;
	display: block;
	font-size: 14px;
	font-style: normal;
	opacity: 0.7;
}

.project .single-meta .item>div {
	white-space: pre-line;
}

.project .single-meta a.btn {
	margin-top: 30px;
}

.post .single-main-intro {
	position: relative;
	margin-bottom: 0;
	z-index: 9;
}
.pc-mode .post .single-main-intro {
	margin-top: 6vh;
}

.single-main-intro .category {
	position: relative;
}

.single-main-intro .category>i,
.single-main-intro .category .over-content>i {
	display: none;
}

.single-main-intro .category a {
	line-height: 24px;
	padding: 0 10px;
	border-radius: 12px;
	font-size: 12px;
	margin-right: 4px;
	color: #fff !important;
}
.single-main-intro .category > div > a{
	display: inline-block;
}

.single-main-intro em.show-all-category {
	line-height: 20px;
	height: 20px;
}

.single-main-intro .title {
	max-width: 720px;
}
.pc-mode .text-banner .single-main-intro .title{
	font-size: 48px;
}

.single-main-intro .category a:hover {
	opacity: 0.9;
}

.list-meta,
.post .single-meta {
	font-size: 0;
}

.list-meta {
	margin-bottom: 6px;
}

.post .single-meta .item {
	position: relative;
	line-height: 40px;
	font-size: 1rem;
	margin-right: 20px;
}

.post .single-meta .item,
.post .single-meta i,
.post .single-meta .item>div:not(.body-category-wrap),
.single-main-intro .category,
.single-main-intro .category .over-content{
	display: inline-block;
	vertical-align: top;
}

.single-meta .over-content>div {
	display: inline-block;
}

.single-meta .inner-wrap i {
	display: none;
}

.list-meta .avatar img{
	width: 30px;height: 30px;
	border-radius: 50%;
}
.blog-list.style-02 .list-meta .avatar{
	display: none;
}
.main-meta{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.list-meta a.avatar{
	display: block;
	margin-right: 6px;
}
.list-meta .info{
	line-height: 1;
}
.blog-list.style-01 .list-meta{
	margin-bottom: 0;
	padding:4px 0 40px;
}


.post .single-meta a,
.list-meta a {
	margin-right: 6px;
}

.item:not(.text-post) .list-meta .category>a,
.item:not(.text-post) .over-content>a {
	border-radius: 20px;
}

.list-meta a {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.list-meta .date a:not(:hover){
	opacity: 0.7;
}

.list-meta a:hover,
.single-meta a:hover {
	opacity: 1;
}

.post .single-meta a:last-child {
	margin-right: 0;
}

.post .single-meta i {
	position: relative;
	font-size: 0;
	display: none;
	width: 20px;
	height: 40px;
}


/*single main content*/

.single-main-intro~.single-main-content {
	margin-top: 0px !important;
	padding-top: 0 !important;
}

/*single extend*/

.single-extend .item.gap {
	margin-bottom: 100px;
}

.single-extend .item.boxed .img {
	max-width: 1040px;
	margin: 0 auto;
}

.single-extend .text {
	margin: 20px auto 8vh;
}

.single-extend .text>p {
	margin-top: 20px;
}

.single-extend .item.has-video .img {
	height: auto !important;
	padding-top: 56.2%;
}

/*single footer*/

.single-footer {
	position: relative;
	margin-top: 100px;
	margin-bottom: 0;
	padding-bottom: 100px;
}

.site-bg.has-bg~.main-content .only-text~.single-main-intro {
	border-top: 60px solid transparent;
}

.ajax-content:not(.ajax-fullscreen) .single-inner {
	margin-bottom: 20px;
}


/*post-footer-info*/
.post-footer-info{
	position: relative;
}
.post-footer-info .img{
	position: absolute;
	width: 300px;height: 100%;
	background-size: cover;
	background-position: center;
	left: 0;top: -40px;
	z-index: 2;
}
.post-footer-info .text{
	position: relative;
	display: flex;
	flex-flow: wrap;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	width: calc(100% - 40px);
	left: 40px;
	padding: 50px 70px 70px 320px;
	margin-bottom: 60px;
	background: rgba(166,166,166,.08);
}
.post-footer-info .img img{
	display: none;
}
.post-footer-info .intro{
	width: 100%;
	margin-top: 20px;
	line-height: 150%;
	order: 3;
	-webkit-order: 3;
}
.post-footer-info .title{
	order: 2;
	-webkit-order: 2;
	width: 100%;
}
.post-footer-info .title .h{
	margin: 4px 0;
}
.post-footer-info .sub-title{
	width: 100%;
	order: 1;
	-webkit-order: 1;
}






.tag-and-share{
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items: flex-start;
	margin-bottom: 100px;
	z-index: 2;
}

.single-tags{
	max-width: 70%;
}
.single-tags a,
.single-related .category a {
	display: inline-block;
	vertical-align: top;
	margin: 4px 4px 4px 0;
	line-height: 36px;
	padding: 0 20px;
	border: 1px solid rgba(166, 166, 166, .4);
	font-size: 14px;
	border-radius: 20px;
}

.single-related .category {
	position: relative;
	z-index: 111;
}

.single-related .category a {
	display: inline-block;
	vertical-align: top;
	margin: 3px 3px 0 0;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid rgba(166, 166, 166, .4);
	font-size: 11px;
}

.single-tags span {
	display: none;
}

.single-tags a:hover,
.single-related .category a:hover {
	color: #fff !important;
}

/*normal a hover */

.single-meta a,
.list-meta a:not(.avatar),
.body-category-wrap a,
.ptsc .intro a,
a.text-link,
.fn a,
.single-related .item h5 span {
	border-bottom: 1px solid transparent;
}

.project .single-meta a:not(:hover) {
	border-color: rgba(166, 166, 166, .3);
}

/*single footer nav */

.ajax-content .single-related {
	padding-bottom: 80px;
}

.single-nav {
	display: flex;
	padding-bottom: 120px;
	overflow: hidden;
}

.single-nav .ctrl {
	position: relative;
	width: 49%;
	padding: 40px;
	font-size: 12px;
	background: rgba(166, 166, 166, .08);
	border-radius: 6px;
}

body.edge .single-nav .ctrl,
body.ff .single-nav .ctrl {
	display: table;
}

.single-nav .text {
	position: relative;
	z-index: 2;
}

.single-nav .text span {
	position: relative;
	padding: 0 0 0 15px;
	display: inline-block;
	line-height: 20px;
}

.single-nav .ctrl.next .text span {
	padding: 0 15px 0 0;
}

.single-nav .text span:before {
	content: '\e409';
	position: absolute;
	right: -4px;
	top: 0;
	font-family: 'myicon';
	line-height: 19px;
	font-size: 18px;
}

.single-nav .ctrl.prev .text span:before {
	content: '\e408';
	left: -4px;
	right: auto;
}

.single-nav .ctrl.next {
	text-align: right;
	margin-left: 2%;
}

.single-nav .ctrl .h {
	margin-bottom: 0;
}

.single-nav.only-one .ctrl {
	text-align: center !important;
	width: 100%;
	margin: 0;
}

/*single-related*/

.single-related {
	position: relative;
}

.single-related .wrap {
	display: flex;
	display: -webkit-flex;
	margin-top: 30px;
}

.single-related .item {
	position: relative;
	width: 31%;
	margin-left: 3.5%;
	font-size: 12px;
}

.single-related .item:first-child {
	margin: 0;
}

.single-related .img {
	width: 100%;
	padding-top: 67%;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	margin-bottom: 20px;
	background-color: rgba(166, 166, 166, .1);
}

.single-related .item:hover h5,
.single-nav .ctrl:hover .h {
	text-decoration: underline;
}

.default-template-page {
	max-width: 1100px;
	width: 72%;
}

.single-inner .sc-mixbox {
	width: 100%;
	padding: 40px;
}

.single-inner .sc-banner.style-03 .inner-wrap,
.single-inner .sc-banner:not(.style-03) .inner-wrap {
	width: 72%;
	min-width: 0;
}

.title-group.wide .text,
.title-group.fullscreen.style-04 .text,
.sc-mixbox.wide {
	max-width: 100%;
	width: 84%;
}

.title-group.fullscreen.style-04 .text {
	padding-right: 30%;
}

.pc-mode .single-inner .sc-mixbox.wide {
	width: 96%;
}

.pc-mode .sc-mixbox.non-bg:not(.pricing-table)>.wrap {
	padding: 0;
}

.pc-mode .site-bg.has-bg~.main-content>.ptsc-list .sc-mixbox.non-bg>.wrap,
.pc-mode .site-bg.has-bg~.main-content>.sc-mixbox.non-bg>.wrap {
	position: relative;
	width: calc(100% + 40px);
	left: -20px;
	padding: 0;
}

/*showcase fullscreen mode*/

.ajax-fullscreen .ajax-target,
.ajax-fullscreen {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
}

.ajax-fullscreen .category,
.ajax-fullscreen .single-tags,
/*.ajax-fullscreen .single-main-intro,*/

.ajax-fullscreen .single-related,
.ajax-fullscreen .comment-root {
	display: none;
}

.ajax-fullscreen .pt-video-container {
	padding: 4vw;
	padding-top: calc(4vw - 50px);
	padding-bottom: calc(4vw - 50px);
}

.single-header .pt-video-container {
	background: #000;
}

/*extend*/

.ajax-fullscreen .single-extend .item.boxed {
	margin: 12vh auto;
}

.ajax-fullscreen .single-meta~.single-extend .item.boxed:first-child {
	margin-top: 8vh;
}

.ajax-fullscreen .single-extend .text {
	margin: 6vh auto;
	padding: 0 120px;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	-webkit-flex-flow: wrap;
	z-index: 10;
}

.pc-mode .ajax-fullscreen .single-extend .item:nth-child(even) .text {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.ajax-fullscreen .single-extend .text p,
.ajax-fullscreen .single-extend .text h2 {
	width: 100%;
	max-width: 720px;
}

.ajax-fullscreen .single-extend .text h2 {
	padding-right: 10%;
}

.ajax-fullscreen .single-extend h2 {
	font-size: 30px;
	margin: 0;
}

.single-extend .text h2 i {
	position: relative;
	display: block;
	font-style: normal;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
	color: rgba(166, 166, 166, .4);
}

.ajax-fullscreen .single-extend .text h2 i {
	position: absolute;
	margin: 0;
	left: -100px;
	top: 0;
	font-size: 30px;
	line-height: inherit;
	font-weight: 300;
}

.ajax-fullscreen .single-extend .text h2 i:after {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	height: 80px;
	width: 1px;
	background: rgba(166, 166, 166, .4);
	transform: rotate(45deg) translateY(-50%);
	transform-origin: right top;
}

.ajax-fullscreen .single-header {
	overflow: hidden;
}

.ajax-fullscreen .single-footer {
	margin: 8vh auto;
	padding-top: 0;
	padding-bottom: 0;
}

.pc-mode .single-main-intro,
.pc-mode .single-inner .single-main-content,
.ajax-fullscreen .single-footer {
	margin: 8vh auto;
}

.pc-mode .single-inner .text-banner ~ .single-main-content{
	margin-top: 40px;
}

.ajax-fullscreen:after {
	content: '';
	display: table;
	width: 100%;
}


.ajax-fullscreen .single-nav {
	padding: 6% 0;
	margin: 0;
}

.ajax-fullscreen .single-nav .ctrl span,
.ajax-fullscreen .single-nav .text span:before {
	font-size: 14px;
}

.ajax-fullscreen .single-nav .text span {
	padding: 0 0 0 10px;
}

.ajax-fullscreen .single-nav .next .text span {
	padding: 0 10px 0 0;
}

.ajax-fullscreen .single-nav .ctrl .h {
	font-size: 21px;
}

.full-top-bar {
	position: fixed;
	width: 100%;
	height: 40px;
	top: -60px;
	left: 0;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	z-index: 100;
}

.ajax-fullscreen .ajax-target {
	padding-top: 40px;
}

.pc-mode .ajax-fullscreen .ajax-target {
	padding-top: 50px;
}

.full-top-bar.show {
	top: 0;
}

html.has-wp-bar .full-top-bar.show {
	top: 32px;
}

html.has-wp-bar .m-mode .full-top-bar.show {
	top: 0;
}

@media screen and (max-width: 780px) {
	html.has-wp-bar .full-top-bar.show {
		top: 0;
	}
}

.pc-mode .full-top-bar {
	letter-spacing: 1px;
	height: 50px;
}

.full-top-bar:hover {
	background: rgba(11, 12, 13, .8);
}

.full-top-bar span.bar-title {
	max-width: 600px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
}

.m-mode .full-top-bar span.bar-title {
	max-width: calc(100% - 150px);
}

.full-top-bar i.btn {
	position: absolute;
	top: 0;
}






.full-top-bar i.btn:hover {
	color: #fff;
}

.full-top-bar i.close-bar-single {
	right: 40px;
	line-height: 50px;
	padding-left: 30px;
	font-size: 12px;
	color: #fff;
}

.m-mode .full-top-bar i.close-bar-single {
	line-height: 40px;
	right: 10px;
}

.pc-mode .full-top-bar i.close-bar-single:after {
	content: 'Close';
}

.full-top-bar i.btn:after {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.full-top-bar i.close-bar-single:before {
	content: '\e5cd';
	width: 30px;
	font-size: 24px;
	transition: none;
}

.single-header .pt-swipe-dots {
	width: 100%;
	right: auto;
	left: 0;
	top: auto;
	bottom: 0;
	transform: none;
	-webkit-transform: none;
	z-index: 90;
}

.single-header .pt-swipe-dots ul {
	display: flex;
	max-width: 100%;
	justify-content: center;
}

.single-header .pt-swipe-dots li {
	display: inline-block;
	height: 70px;
	width: 100px;
	top: 10px;
	padding: 0;
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 40px rgba(0, 0, 0, .1);
	opacity: 0.95;
}

.single-header .pt-swipe-dots li:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(44, 45, 46, .3);
}

.single-header .pt-swipe-dots li.selected {
	top: 0 !important;
	opacity: 1;
	box-shadow: 0 0 40px rgba(0, 0, 0, .2);
	z-index: 2;
}

.single-header .pt-swipe-dots li.selected:after {
	opacity: 0;
}

.m-mode .ajax-fullscreen .single-meta {
	margin: 50px auto;
}

.m-mode .ajax-fullscreen .single-extend .item.boxed,
.m-mode .ajax-fullscreen .single-footer {
	margin: 100px auto;
}

.m-mode .ajax-fullscreen .single-meta~.single-extend .item.boxed:first-child {
	margin-top: 80px;
}

@media screen and (max-width: 1440px) {
	.pc-mode .ajax-fullscreen .single-extend .text {
		padding-right: 50px;
	}
	.pc-mode .ajax-fullscreen .single-extend p,
	.pc-mode .ajax-fullscreen .single-extend h2 {
		max-width: 600px;
	}
}

@media screen and (max-width: 1280px) {
	.ajax-fullscreen .single-extend h2,
	.ajax-fullscreen .single-nav .ctrl .h {
		font-size: 21px;
	}
	.ajax-fullscreen .single-nav .ctrl span,
	.ajax-fullscreen .single-nav .text span:before {
		font-size: 14px;
	}
}

@media screen and (max-width: 960px) {
	.single-header .pt-swipe-dots li {
		width: 40px;
		height: 30px;
		top: 6px;
	}
	.ajax-fullscreen .single-meta .item>div {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.m-mode .ajax-fullscreen .single-meta {
		margin: 50px auto;
	}
	.m-mode .ajax-fullscreen .single-extend .item.boxed,
	.m-mode .ajax-fullscreen .single-footer {
		margin: 70px auto;
	}
	.m-mode .ajax-fullscreen .single-meta~.single-extend .item.boxed:first-child {
		margin-top: 50px;
	}
	.single-extend .item.gap {
		margin-bottom: 70px;
	}
	.ajax-fullscreen .single-extend h2,
	.ajax-fullscreen .single-nav .ctrl .h {
		font-size: 18px;
	}
}

/*shortcode======================================================================================== */

.ptsc-list>.wrap>p {
	display: none;
}

.sc-mixbox,
.sc-text-carousel{
	position: relative;
	margin: 12vh auto;
	z-index: 1;
}

.title-group.style-04.fullscreen~.ptsc-list .sc-mixbox.first-ptsc,
.m-mode .title-group.style-04~.ptsc-list .sc-mixbox.first-ptsc,
.title-group.style-04.fullscreen~.ptsc-list .sc-text-carousel.first-ptsc{
	margin-top: 0;
}

.sc-mixbox+.sc-mixbox {
	margin-top: -2vh;
}

.t-center .section-title,
.sc-mixbox.content-center .item,
.sc-mixbox.content-center input,
.sc-text-carousel .wrap{
	text-align: center;
}

.sc-mixbox.t-center:not(.content-center) .wrap {
	text-align: left;
}

.site-bg.has-bg~.main-content>.ptsc-list .sc-mixbox:not(.non-bg):after,
.site-bg.has-bg~.main-content>.sc-mixbox:not(.non-bg):after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0.85;
	border-radius: 4px;
	z-index: -1;
}

.site-bg.has-bg~.main-content>.ptsc-list .sc-mixbox:not(.non-bg),
.site-bg.has-bg~.main-content>.sc-mixbox:not(.non-bg) {
	padding: 50px;
}

.site-bg.has-bg~.main-content>.ptsc-list .sc-mixbox.wide:not(.non-bg),
.site-bg.has-bg~.main-content>.sc-mixbox.wide:not(.non-bg) {
	padding-top: calc(2vw + 30px);
}

.section-title img {
	display: block;
	margin: 0 0 20px;
	max-width: 100%;
}

.t-center .section-title img {
	margin: 0 auto 20px;
}

.section-title {
	margin-bottom: 30px;
}

.section-title:empty {
	display: none;
}

.sc-mixbox.null .section-title {
	margin-bottom: 0;
}

.section-title .sub-title {
	max-width: 600px;
	line-height: 140%;
	font-size: 1.125rem;
	margin-bottom: 5vh;
}

.sc-mixbox.null .section-title .sub-title {
	margin-bottom: -50px !important;
}

.t-center .section-title .sub-title {
	margin: 0 auto 5vh;
}

.m-mode .section-title .sub-title {
	margin-bottom: 40px;
	font-size: 12px;
}

/*sc-text-carousel*/
.sc-text-carousel .inner-wrap{
	margin: 30px auto 0;
	max-width: 840px;
}
.sc-text-carousel .text > .h{
	margin-bottom: 4px;
}
.sc-text-carousel .intro{
	font-size: 30px;
	margin-top: 30px;
	line-height: 150%;
}
.sc-text-carousel .item img{
	width: auto;
	max-width: 100%;
	display: inline-block;
}
.sc-text-carousel .owl-nav span{
	display: none;
}


.section-title .h.title {
	display: inline-block;
	max-width: 720px;
	margin: 0 0 15px 0;
}

.pc-mode .ptsc:not(.wide) .section-title .h.title {
	font-size: 40px;
}

.ptsc.wide .section-title .h.title {
	margin: 0 1.2vw 30px;
}

.sc-mixbox .inner-wrap>.bg-color {
	border-radius: 4px;
}


.pc-mode .sc-mixbox .h.large {
	font-size: 3vw;
}

.sc-mixbox img {
	max-width: 100%;
	height: auto;
}

.sc-mixbox .img:not(.img-loaded) img {
	opacity: 0;
}

.sc-mixbox>.wrap {
	font-size: 0;
	display: flex;
	flex-flow: wrap;
	align-items: stretch;
	justify-content: center;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: center;
}

.sc-mixbox .img,
.sc-mixbox .text {
	position: relative;
	z-index: 6;
}

.sc-mixbox.content-center .img {
	text-align: center;
}

/*0.33  0.25  0.4  0.5  0.6  0.66  0.75  1*/

.sc-mixbox .item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 30px;
	margin-bottom: 25px;
	font-size: 1.125rem;
}

.sc-mixbox .item:last-child {
	margin-bottom: 0;
}

.pc-mode .sc-mixbox.wide .item {
	padding: 1.2vw;
}

.pc-mode .sc-mixbox.wide .item.has-bg-color .text {
	padding: 3vw;
}

.sc-mixbox .item.has-bg-color,
.sc-mixbox.pricing-table .item {
	/*padding: 20px;*/
	margin-bottom: 0;
}

.sc-mixbox .item.has-bg-color .text,
.sc-mixbox.pricing-table .item .text {
	height: 100%;
}

.sc-mixbox .item>div {
	position: relative;
	border-radius: 4px;
	height: 100%;
}

.sc-mixbox .item.has-bg-color .text {
	padding: 40px;
}

.sc-mixbox .item.has-bg-color[data-w="1"] .text {
	padding: 6%;
}

.sc-mixbox .item.has-bg-color .img.img-loaded~.text {
	padding-top: 0;
}

/*.sc-mixbox .item.has-bg-color[data-w="1"] .img.img-loaded ~ .text{
	padding-top: 4%;
}*/

.sc-mixbox .intro {
	line-height: 160%;
	white-space: pre-line;
}

.ptsc .intro ul,
.ptsc .intro ol {
	white-space: normal;
	margin-top: 30px;
}

.ptsc .intro li {
	margin-bottom: 10px;
}

.ptsc .intro ul li {
	list-style-type: none;
}

.sc-mixbox .h~.intro {
	margin-top: 15px;
}

@media screen and (min-width: 1360px) {
	.sc-mixbox.wide .intro {
		font-size: 1.5rem;
	}
}

.sc-mixbox .text>.h {
	margin-bottom: 0;
	margin-top: 0;
	max-width: 80%;
}

.sc-mixbox.content-center .text>.h {
	margin-right: auto;
	margin-left: auto;
}

.sc-mixbox .img {
	margin-bottom: 30px;
}

.sc-mixbox .img~.text>h1.h {
	margin-top: 40px;
}

.sc-mixbox .h span {
	position: relative;
}

.sc-mixbox .h small {
	position: absolute;
	right: 110%;
}

.sc-mixbox .item .sub-title {
	opacity: 0.8;
	font-size: 1rem;
	margin-top: 6px;
}

.sc-mixbox h1,
.sc-mixbox h2 {
	margin-bottom: 20px;
}

.sc-mixbox .item[data-w="0.3333"] {
	width: 33.333333%;
}

.sc-mixbox .item[data-w="0.25"] {
	width: 25%;
}

.sc-mixbox .item[data-w="0.4"] {
	width: 40%;
}

.sc-mixbox .item[data-w="0.5"] {
	width: 50%;
}

.sc-mixbox .item[data-w="0.6"] {
	width: 60%;
}

.sc-mixbox .item[data-w="0.6666"] {
	width: 66.666666%;
}

.sc-mixbox .item[data-w="0.75"] {
	width: 75%;
}

.sc-mixbox .item[data-w="1"],
.sc-mixbox.wide .item[data-w="0.75"],
.sc-mixbox.wide .item[data-w="0.5"],
.sc-mixbox.wide .item[data-w="0.6666"],
.sc-mixbox.wide .item[data-w="0.6"] {
	font-size: 18px;
}

.m-mode .sc-mixbox .item[data-w] {
	width: 100% !important;
}

.m-mode .sc-mixbox .item[data-w="0.25"] {
	width: 50% !important;
}

.sc-mixbox .item[data-w="1"] {
	height: 100%;
}

.sc-mixbox .icon{
	position: relative;
	font-size: 90px;
	line-height: 0;
}
.sc-mixbox:not(.content-center) .icon{
	left: -5px;
	margin-bottom: 10px;
}


.sc-mixbox .map {
	position: relative;
	height: 400px;
	background-color: rgba(166, 166, 166, .05);
}

.sc-mixbox .intro~.map {
	margin-top: 40px;
}

.m-mode .sc-mixbox .map {
	height: 300px;
}

.map-container {
	height: 100%;
	width: 100%;
}

.gm-style-mtc,
.gm-style-cc,
.gm-style>div:first-child+div>a>div>img {
	display: none;
}

/*price table*/

.pricing-table {
	font-size: 1.25rem;
}

.pricing-table .text {
	padding: 40px;
	background: rgba(166, 166, 166, .05);
	
}

.pricing-table .bg-color~.text {
	background: transparent;
}

.pricing-table li {
	list-style-type: none;
	margin-bottom: 10px;
	line-height: 24px;
}

.pricing-table a.btn:after {
	display: none;
}

.pricing-table a.btn {
	border-radius: 22px;
}

.pricing-table li i {
	padding-right: 6px;
	vertical-align: top;
	line-height: 22px;
}

.pricing-table ul {
	position: relative;
	margin: 40px auto 10px;
}

.pricing-table ul:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -20px;
	width: 40px;
	height: 1px;
	background: rgba(0, 0, 0, .2);
}

.pricing-table .item .title {
	margin: 10px auto 10px;
	font-size: 24px;
}

.pricing-table .price-amount {
	position: relative;
	display: inline-block;
	font-size: 2.2vw;
}

.pricing-table .price-amount i {
	position: relative;
	display: inline-block;
	vertical-align: top;
	left: -6px;
	top: 4px;
	font-size: 50%;
	font-style: normal;
}

.site-light .pricing-table ul:before {
	background: rgba(0, 0, 0, .2);
}

.site-dark .pricing-table ul:before {
	background: rgba(255, 255, 255, .4);
}

.pricing-table .item[data-text-color="black"] ul:before {
	background: rgba(0, 0, 0, .2) !important;
}

.pricing-table .item[data-text-color="white"] ul:before {
	background: rgba(255, 255, 255, .4) !important;
}

/*responsive*/

@media screen and (max-width: 1680px) {
	.pc-mode .pricing-table .price-amount {
		font-size: 3vw;
	}
	.pc-mode .pricing-table li,
	.pc-mode .pricing-table li i {
		line-height: 18px;
	}
}

@media screen and (max-width: 768px) {
	.m-mode .pricing-table ul {
		margin: 30px auto;
	}
	.m-mode .pricing-table .item .title {
		margin-bottom: 4px;
	}
}

.m-mode .pricing-table .price-amount {
	font-size: 9vw;
}

/*sc slider*/

.sc-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

.sc-slider.boxed {
	margin: 0 auto;
}

.sc-slider.boxed.h-short {
	width: 80%;
	max-width: 1480px;
}

.m-mode .sc-slider.boxed.h-short {
	width: 90%;
}

.sc-slider .wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 1;
}

.sc-slider[data-header-color="black"] .img {
	background: #f0f0f0;
}

/*item images*/

.sc-slider .item,
.pt-slider-root .item {
	position: relative;
	width: 100%;
	height: 100%;
}

.sc-slider:not(.single-item) .item,
.single-header.pt-slider-root .item {
	visibility: hidden;
	/*key for video*/
}

.sc-slider .item.current,
.sc-slider .item.leaving,
.single-header.pt-slider-root .item.current,
.single-header.pt-slider-root .item.leaving {
	visibility: visible;
}

.sc-slider .item .bg-full.vTarget {
	transform: none !important;
	transition: none !important;
	/*key for video*/
	-webkit-transform: none !important;
	-webkit-transition: none !important;
}

.single-header.pt-slider-root .item {
	display: none;
}

.single-header.pt-slider-root .item.current,
.single-header.pt-slider-root .item.leaving {
	display: block;
}

.sc-slider.mode-fade .item {
	transform: none !important;
	-webkit-transform: none !important;
	opacity: 0 !important;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

.sc-slider.mode-fade .item.current {
	opacity: 1 !important;
}

.sc-slider .img {
	height: 100%;
	width: 100%;
	z-index: 1;
}

.sc-slider .bg-full {
	transition: opacity 0.3s, transform 0.6s 0.3s;
	-webkit-transition: opacity 0.3s, transform 0.6s 0.3s;
}

.sc-slider .item.current .bg-full {
	transform: scale(1.02);
	transition: all 0.4s, transform 8s;
	-webkit-transform: scale(1.02);
	-webkit-transition: all 0.4s, transform 8s;
}

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

.sc-slider .text {
	position: absolute;
	left: 0;
	top: 50%;
	max-width: 720px;
	padding: 0 0 7.2% 7%;
	pointer-events: none;
	z-index: 11;
}

.pc-mode .sc-slider.fullscreen .text {
	left: 3vw;
}

.sc-slider:not(.t-bottom) .text {
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding-bottom: 0;
}

.sc-slider:not(.t-bottom) .text.hack-blur-v {
	padding-top: 1px;
}

.sc-slider.t-bottom .text {
	top: auto;
	bottom: 0;
}

.sc-slider.single-item .text {
	opacity: 1;
}

.sc-slider.single-item .item {
	opacity: 1 !important;
}

.sc-slider.small-dots .h {
	text-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
	display: inline;
	pointer-events: auto;
}

.sc-slider.fullscreen.small-dots h1.large {
	margin-bottom: 30px;
}

.sc-slider.boxed.small-dots h1.large {
	font-size: 3vw;
}

.sc-slider .slider-count {
	position: relative;
	display: block;
	left: -55px;
	top: 30px;
	color: #fff;
	font-size: 20px;
	font-style: normal;
}

.sc-slider .slider-count:after {
	content: '';
	position: absolute;
	left: 30px;
	bottom: -20px;
	width: 1px;
	height: 50px;
	transform: rotate(45deg) translate3d(0, 0, 0);
	background: #fff;
	opacity: 0.6;
}

i.call-slider-intro {
	position: absolute;
	left: -4px;
	top: -50px;
	border: 3px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

i.call-slider-intro:before {
	content: '\e145';
	color: #fff;
	line-height: 34px;
	font-size: 22px;
}

/*intro and btn*/

.sc-slider .intro,
.sc-slider .h {
	z-index: 2;
}

.pc-mode .sc-slider:not(.small-dots) .text.no-intro .slider-count {
	display: none;
}

.sc-slider .intro {
	position: relative;
	color: #fff;
	max-width: 480px;
	font-size: 14px;
	line-height: 160%;
	text-align: left;
}

.sc-slider .h .intro {
	position: absolute;
	display: table;
	left: 0;
	bottom: 105%;
	padding: 24px;
	font-size: 12px;
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	color: #fff;
	background: rgba(36, 37, 38, .8);
}

.sc-slider .h .intro:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -8px;
	border-left: 7px solid transparent;
	border-top: 8px solid rgba(36, 37, 38, .8);
	border-right: 7px solid transparent;
}

.sc-slider.small-dots .h:hover .intro {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.sc-slider.small-dots .h:hover .btn {
	opacity: 0;
	top: -65px;
}

.sc-slider .small-btn a {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	line-height: 50px;
	padding: 0 40px;
	font-size: 1rem;
	border-radius: 25px;
	pointer-events: auto;
	z-index: 3;
}

.sc-slider .small-btn a:not(:hover) {
	background: rgba(255, 255, 255, .95);
	color: #222324;
}

.sc-slider .small-btn a:hover {
	color: #fff;
}

/*text animation*/

.sc-slider .text:not(.show)>.h,
.sc-slider .text:not(.show) .intro,
.sc-slider .text:not(.show) .small-btn a,
.sc-slider .text:not(.show) .slider-count {
	opacity: 0;
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.sc-slider .text>.h {
	transition: all 0.4s 0s;
	-webkit-transition: all 0.4s 0s;
}

.sc-slider .text .intro {
	transition: all 0.4s 0.1s;
	-webkit-transition: all 0.4s 0.1s;
}

.sc-slider .text .small-btn a {
	transition: all 0.4s 0.2s, background 0.3s, color 0.3s;
	-webkit-transition: all 0.4s 0.2s, background 0.3s, color 0.3s;
}

.sc-slider .text .slider-count {
	transition: all 0.4s 0.3s;
	-webkit-transition: all 0.4s 0.3s;
}

.m-mode .sc-slider.mobile-list .text>.h,
.m-mode .sc-slider.mobile-list .text .intro,
.m-mode .sc-slider.mobile-list .text .small-btn a,
.m-mode .sc-slider.mobile-list .text .slider-count,
.sc-slider.single-item .item .text>.h,
.sc-slider.single-item .item .intro,
.sc-slider.single-item .item .small-btn a {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

/*slider dots ------------------------------------------------------------------------------ */

/*dots base*/

.pt-swipe-dots {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 0;
	z-index: 10;
}

.pt-swipe-dots li {
	position: relative;
	padding: 0 3.5vw 0 30px;
	list-style-type: none;
	cursor: pointer;
}

/*small dots*/

.sc-slider.small-dots .pt-swipe-dots,
.single-header .owl-dots {
	right: auto;
	left: 50%;
	top: auto;
	bottom: 80px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.sc-slider.boxed.small-dots .pt-swipe-dots {
	bottom: 40px;
}

.sc-slider.small-dots .pt-swipe-dots li {
	display: inline-block;
	width: 4px;
	height: 4px;
	padding: 10px;
}

.sc-slider.small-dots .pt-swipe-dots li:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 6px;
	background: rgba(252, 252, 252, .6);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	border-radius: 50%;
}

.sc-slider.small-dots .pt-swipe-dots li:hover:after,
.sc-slider.small-dots .pt-swipe-dots li.selected:after {
	background: #fff;
}

/*text dots*/

.sc-slider:not(.small-dots) .text>.h {
	display: none;
}

.sc-slider:not(.small-dots) .slider-count {
	top: 10px;
}

.sc-slider:not(.small-dots) .pt-swipe-dots {
	padding: 10px 0;
}

.sc-slider:not(.small-dots) .pt-swipe-dots:after {
	content: '';
	position: absolute;
	width: 98%;
	height: 100%;
	right: 0;
	top: 0;
	background: rgba(0, 0, 0, .0);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.sc-slider:not(.small-dots) ul {
	position: relative;
	top: 0;
}

.sc-slider:not(.small-dots) .roll-target {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.sc-slider:not(.small-dots) .pt-swipe-dots:hover:after {
	background: rgba(0, 0, 0, .5);
}

.m-mode .pt-swipe-dots li span {
	display: none;
}

.m-mode .pt-swipe-dots ul {
	transform: none !important;
	-webkit-transform: none !important;
}

.m-mode .sc-slider.small-dots .pt-swipe-dots {
	bottom: 20px;
}

.pt-swipe-dots span {
	position: relative;
	display: inline-block;
	margin: 0;
	max-width: 260px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	opacity: 0.6;
	overflow: hidden;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 2;
}

.sc-slider.boxed:not(.small-dots) .pt-swipe-dots span {
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	max-width: 180px;
}

.sc-slider.boxed:not(.small-dots) .pt-swipe-dots li {
	padding-left: 14px;
	padding-right: 50px;
}

.sc-slider:not(.small-dots) .pt-swipe-dots li:after {
	content: '';
	position: absolute;
	height: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	background: rgba(0, 0, 0, 0);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	z-index: 1;
}

.pt-swipe-dots .selected span {
	color: #33313a;
	opacity: 1;
}

.sc-slider:not(.small-dots) .pt-swipe-dots li.selected:after {
	background: #f7f8f9;
	height: 44px;
}

.sc-slider.boxed:not(.small-dots) .pt-swipe-dots li.selected:after {
	height: 26px;
}

.pt-swipe-dots li:not(.selected):hover span {
	opacity: 0.7;
	color: #fff !important;
}

.pt-swipe-dots:hover li:not(.selected) span {
	color: #fff !important;
}

/*slider arrow ------------------------------------------------------------------------------ */

.s-btn {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	z-index: 10;
}

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

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

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

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

.m-mode .s-btn {
	display: none;
}

/*mobile style*/

.m-mode .mobile-list.sc-slider {
	height: auto !important;
}

.m-mode .mobile-list.sc-slider.fullscreen {
	margin-bottom: 0 !important;
}

.m-mode .mobile-list.sc-slider .item {
	position: relative !important;
	transform: none !important;
	display: block !important;
	-webkit-transform: none !important;
	top: auto !important;
	opacity: 1 !important;
	padding-top: 67%;
	margin-bottom: 0;
	visibility: visible;
}

.m-mode .mobile-list.sc-slider.h-short .item {
	padding-top: 50%;
}

.m-mode .mobile-list.sc-slider .img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.m-mode .mobile-list.sc-slider .h,
.m-mode .mobile-list.sc-slider .intro {
	opacity: 1 !important;
	top: 0 !important;
}

.m-mode .mobile-list.sc-slider .s-btn,
.m-mode .mobile-list.sc-slider .pt-swipe-dots {
	display: none !important;
}

.m-mode .mobile-list.sc-slider .text {
	opacity: 1 !important;
}

.m-mode .mobile-list.sc-slider.t-center .text {
	top: 50% !important;
}

/*owl style ---*/

.single-header .owl-dots {
	position: absolute;
	font-size: 0;
	bottom: 30px;
	z-index: 9;
}

.owl-dot {
	position: relative;
	background: transparent;
	display: inline-block;
	width: 4px;
	height: 4px;
	padding: 10px;
}

.owl-dot span {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 6px;
	background: rgba(252, 252, 252, .6);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	border-radius: 50%;
}

.owl-dot.active span {
	background: #fff;
}

.owl-nav>div {
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	top: 50%;
	margin-top: -25px;
	font-family: 'myicon';
	border-radius: 50%;
}
.single-header .owl-nav>div{
	background: rgba(11, 22, 33, .2);
	color: #fff;
}
.owl-nav>div:hover{
	color: #fff;
}

.owl-nav>div.disabled {
	opacity: 0.6;
	pointer-events: none;
}

.m-mode .owl-nav>div {
	display: none;
}

.owl-prev {
	left: 20px;
}

.owl-next {
	right: 20px;
}

.owl-nav>div:before {
	content: '\e317';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
}

.owl-next:before{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.sc-text-carousel .owl-dot {
	margin-top: 80px;
}
.sc-text-carousel .owl-dot span{
	box-shadow: none;
	background-color: rgba(166,166,166,.4);
}
.sc-text-carousel .owl-nav>div:before{
	font-size: 30px;
	content: '\e408';
}
.sc-text-carousel .owl-nav>div:not(:hover){
	background-color: transparent;
}


/*sc banner*/

.sc-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}

.title-group.style-04:not(.fullscreen)+.sc-banner {
	margin-top: 6vw;
}

.sc-banner .wrap {
	height: 100%;
	width: 100%;
	min-height: 45vh;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.sc-banner .inner-wrap {
	position: relative;
	display: flex;
	display: -webkit-flex;
	margin: 0 auto;
	padding: 12vh 30px;
	z-index: 5;
}

.sc-banner .img {
	width: 100%;
}

.sc-banner.style-01 .inner-wrap {
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
}

.sc-banner.style-02 .inner-wrap {
	align-items: center;
	-webkit-align-items: center;
}

.sc-banner.reverse .img {
	order: 2;
	-webkit-order: 2;
}

body.ie .sc-banner .text {
	flex-shrink: 1;
	-ms-flex-shrink: 1;
}

.sc-banner .intro {
	font-size: 1.25rem;
	line-height: 170%;
}

.sc-banner .h {
	margin-top: 0;
	margin-bottom: 24px;
	line-height: 110%;
}

.sc-banner h1.large {
	line-height: 90%;
}

.sc-banner.style-01 {
	text-align: center;
}

.sc-banner.style-01 .text {
	padding: 0 15%;
}

.sc-banner.style-01 .h:not(.large) {
	padding: 0 10%;
}

.sc-banner.style-01 .img~.text {
	margin: 60px 0 0 0;
}

.sc-banner.style-01.reverse .img~.text {
	margin: 0 0 60px 0;
}

.sc-banner.style-02 .img,
.sc-banner.style-02 .text {
	width: 50%;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.sc-banner.style-02 .img {
	padding-right: 6%;
}

.sc-banner.style-02.reverse .img {
	padding: 0 0 0 6%;
}

.sc-banner:not(.style-02) .h~.intro,
.sc-banner.style-02:not(.no-img) .h~.intro {
	margin-top: 30px;
}

.sc-banner.style-02.no-img .text {
	position: relative;
	width: 100%;
	display: flex;
	display: -webkit-flex;
}

.sc-banner.style-02.no-img .h {
	width: 40%;
	line-height: 100%;
	padding: 0 100px 0 20px;
}

.sc-banner.style-02.no-img .intro {
	width: 60%;
	padding: 0 20px;
}

.sc-banner.style-02.reverse.no-img .h {
	order: 2;
	-webkit-order: 2;
	padding: 0 20px 0 100px;
}

@media screen and (max-width: 960px) {
	.sc-banner.style-02.no-img .text {
		display: block;
	}
	.sc-banner.style-02.no-img .h,
	.sc-banner.style-02.no-img .intro {
		padding: 0 !important;
		width: 100%;
	}
}

.sc-banner.style-03 .img,
.sc-banner.style-03 .text {
	width: 50%;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.sc-banner.style-03 .img {
	background: rgba(0, 0, 0, .5);
}

.pc-mode .sc-banner.style-03 .img {
	top: 40px;
}

.sc-banner.style-03 .text {
	position: relative;
	display: flex;
	display: -webkit-flex;
	padding: 11% 8%;
	background: #fff;
	align-items: center;
	flex-flow: wrap;
	align-content: center;
	-webkit-align-items: center;
	-webkit-flex-flow: wrap;
	-webkit-align-content: center;
}

.sc-banner.style-03 .text .h,
.sc-banner.style-03 .text .intro {
	width: 100%;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.sc-banner.style-03 .img img {
	display: none;
}

.sc-banner.style-03 .text .intro {
	overflow: auto;
}

.sc-banner img {
	max-width: 100%;
	height: auto;
	margin: auto;
}

.pc-mode .sc-banner a.btn {
	margin-top: 30px;
	line-height: 48px;
	padding: 0 40px 1px;
}

/*contact*/

.wpcf7-form {
	font-size: 1rem;
}

.h+.wpcf7 .wpcf7-form {
	margin-top: 40px;
}

.wpcf7 input:not(.wpcf7-submit),
.wpcf7 textarea {
	width: 100%;
	max-width: 100%;
	margin: 4px 0 0 0;
	color: #fff;
	border-color: rgba(166, 166, 166, .8);
	font-size: 1.125rem;
}

.site-dark .wpcf7 input:not(.wpcf7-submit):not(:focus),
.site-dark .wpcf7 textarea:not(:focus),
.item[data-text-color='white'] .wpcf7 input:not(.wpcf7-submit):not(:focus),
.item[data-text-color='white'] .wpcf7 textarea:not(:focus) {
	border-color: rgba(250, 250, 250, .5);
	background: rgba(0, 0, 0, .01);
}

body div.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
	color: #fff;
	background: #ff5656;
	padding: 8px;
	margin: 30px 0 0 0;
	border-radius: 4px;
	border: none;
	display: inline-block !important;
}

.wpcf7-mail-sent-ok {
	background: #4f8c3f;
}

body span.wpcf7-not-valid-tip {
	color: #ff5656;
}

.wpcf7 input:not(.wpcf7-submit) {
	height: 44px;
	padding: 0;
	border-top: none;
    border-left: none;
    border-right: none;
}
.wpcf7 textarea {
	padding: 0 0 15px 0;
	max-height: 150px;
	border-top: none;
    border-left: none;
    border-right: none;
}

.wpcf7-form p {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 8px;
	font-size: 1.125rem;
}

.item[data-w="0.75"] .wpcf7-form p.form-col-2,
.item[data-w="0.6666"] .wpcf7-form p.form-col-2,
.item[data-w="0.6"] .wpcf7-form p.form-col-2,
.item[data-w="1"] .wpcf7-form p.form-col-2 {
	width: 50%;
}


/*other form elements*/
.wpcf7 select{
	width: 100%;
	height: 44px;
	padding: 10px;
}
.wpcf7 p input[type="checkbox"],
.wpcf7 p input[type="radio"]{
	width: 20px;
}


.wpcf7-form {
	position: relative;
	display: flex;
	flex-flow: wrap;
	display: -webkit-flex;
	-webkit-flex-flow: wrap;
}

.wpcf7-form p.last {
	position: relative;
	height: 0;
	margin-bottom: 0;
}

.wpcf7-form input.wpcf7-submit{
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
	padding: 0 40px;
	color: #fff !important;
	font-size: 16px;
	border-radius: 25px;
}

.wpcf7-submit:hover {
	opacity: 0.9;
}

/*goto-top */

.go-top {
	position: fixed;
	width: 30px;
	height: 30px;
	right: 68px;
	bottom: 50px;
	cursor: pointer;
	opacity: 0;
	z-index: 3;
}

.go-top:before {
	content: '\e911';
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	font-size: 22px;
	font-family: 'myicon';
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 9;
}

.go-top.show {
	bottom: 100px;
	opacity: 1;
}

.go-top.no-music.show {
	bottom: 68px;
}

.m-mode .go-top,
.p-slider-mode .go-top {
	display: none;
}

/*boxed elements width*/

.footer-widgets>.wrap,
.sc-mixbox,
.sc-text-carousel,
.grid-list,
.title-group:not(.wide) .text,
.sc-banner .inner-wrap,
.blog-list:not(.wide),
body.woocommerce.pc-mode #primary,
.ajax-fullscreen .single-extend .text,
.ajax-fullscreen .single-footer,
.ajax-fullscreen .single-extend .item.boxed .img,
.ajax-fullscreen .single-main-intro,
.ajax-fullscreen .single-main-content,
.ajax-fullscreen .page-links {
	max-width: 1240px;
	width: 76%;
}

body:not(.has-widget) .blog-list.large-image.style-01,
body.page-min-blog .title-group .text {
	max-width: 840px;
}

body.pc-mode:not(.has-widget) .blog-list.large-image.style-01 .item {
	margin-bottom: 30px;
}

body.has-widget.blog-large-image .blog-list.large-image,
body.has-widget.blog-large-image .title-group .text {
	max-width: 1100px;
}

/* main responsive  —————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/

@media screen and (min-width: 1921px) {
	.footer-widgets>.wrap,
	.sc-mixbox,
	.sc-text-carousel,
	.sc-banner .inner-wrap,
	.grid-list,
	.title-group:not(.wide) .text,
	.blog-list:not(.wide),
	body.woocommerce.pc-mode #primary,
	.ajax-fullscreen .single-extend .text,
	.ajax-fullscreen .single-footer,
	.ajax-fullscreen .single-extend .item.boxed .img,
	.ajax-fullscreen .single-main-intro,
	.ajax-fullscreen .single-main-content,
	.ajax-fullscreen .page-links {
		max-width: 1340px;
	}
	.footer-widgets.wide .tagcloud a {
		padding: 0 20px;
		line-height: 36px;
	}
	.pc-mode .sc-banner a.btn {
		line-height: 56px;
		padding: 0 60px 1px;
	}
	.comment-root .title {
		font-size: 22px;
	}
}

@media screen and (max-width: 1921px) {
	.post-footer-info,
	.single-inner .text-area,
	.single-extend .text,
	.default-template-page .text-area,
	.project .single-meta {
		font-size: 16px;
	}
	.logo {
		left: 50px;
		top: 50px;
	}
	.header-right {
		right: 50px;
		top: 50px;
	}
	.pt-footer {
		font-size: 12px;
	}
	.footer-left {
		left: 50px;
		bottom: 45px;
	}
	.footer-right {
		right: 50px;
		bottom: 50px;
	}
	.text,
	footer {
		letter-spacing: 0;
	}
	.title-group.style-02 .intro {
		font-size: 24px;
	}
	.go-top.show {
		bottom: 90px;
	}
	.go-top.no-music.show {
		bottom: 50px;
	}
	.go-top {
		right: 50px;
	}
	.single-main-intro .title {
		font-size: 28px;
	}
	.comment-root .title {
		font-size: 18px;
	}
}

@media screen and (max-width: 1680px) {
	.popup-sub-menu .sub-menu {
		max-width: 1000px;
	}
	.sc-slider .text {
		max-width: 620px;
	}
	.sc-slider .h .intro {
		padding: 20px;
	}
}

@media screen and (max-width: 1441px) {
	/*main frame*/
	.logo {
		left: 30px;
		top: 30px;
	}
	.header-right {
		right: 30px;
		top: 30px;
	}
	.footer-left {
		left: 30px;
		bottom: 26px;
	}
	.footer-right {
		right: 30px;
		bottom: 30px;
	}
	.pt-popup .text {
		font-size: 1.125rem;
	}
	i.close-menu {
		right: 10px;
		top: 10px;
	}
	.go-top.show {
		bottom: 70px;
	}
	.go-top.no-music.show {
		bottom: 30px;
	}
	.go-top {
		right: 30px;
	}
	.pc-mode .footer-widgets>.wrap,
	.pc-mode .title-group .text,
	.sc-mixbox,
	.blog-list,
	.default-template-page,
	.title-group.wide .text,
	.sc-mixbox.wide {
		min-width: 900px;
	}
	.title-group.style-04 .intro,
	.title-group.style-04.fullscreen .intro {
		font-size: 16px;
	}
	/*sc*/
	.sc-mixbox .item[data-w="1"],
	.sc-mixbox.wide .item[data-w="0.75"],
	.sc-mixbox.wide .item[data-w="0.5"],
	.sc-mixbox.wide .item[data-w="0.6666"],
	.sc-mixbox.wide .item[data-w="0.6"] {
		font-size: 1.125rem;
	}
	.pc-mode .sc-mixbox .item {
		font-size: 1rem;
		padding: 15px;
	}
	/*	.sc-banner{
		padding: 0 10%;
	}
	.single-inner .sc-banner{
		padding: 0;
	}*/
	.sc-banner:not(.style-03) .inner-wrap {
		width: 100%;
		min-width: 0;
	}
	.sc-banner .inner-wrap {
		min-width: 900px;
	}
	.sc-banner .intro {
		font-size: 1.125rem;
	}
	.wpcf7 input:not(.wpcf7-submit) {
		height: 36px;
		padding: 0 10px;
	}
	.wpcf7 textarea {
		padding: 10px;
	}
	.pt-swipe-dots .roll-target li {
		padding-right: 60px;
	}
	/*portfolio*/
	.grid-list.col-3 .item {
		width: 50%;
	}
	.category-nav a {
		font-size: 15px;
	}
	.blog-list .item {
		width: 50%;
	}
	.pc-mode .blog-list.large-image:not(.style-02) .item,
	body.pc-mode.has-widget .blog-list .item {
		width: 100%;
	}
	.single-inner .text-area,
	.single-extend .text,
	.default-template-page .text-area,
	.project .single-meta {
		font-size: 16px;
	}
}

@media screen and (max-width: 1280px) {
	.sc-banner.style-03 .inner-wrap {
		min-width: 100%;
	}
	.sc-banner .inner-wrap {
		padding: 15% 30px;
	}
	.sc-text-carousel .intro {
		font-size: 24px;
	}
	.footer-widgets>.wrap,
	.sc-mixbox,
	.grid-list,
	.title-group:not(.wide) .text,
	.sc-banner .inner-wrap,
	.blog-list:not(.wide),
	body.woocommerce.pc-mode #primary {
		width: 82%;
	}
	.pc-mode .title-group.style-04 .text>h1 {
		font-size: 48px;
	}
	/*single*/
	.single-main-intro .title {
		max-width: calc(100% - 90px);
	}
	.single-tags a,
	.single-related .category a {
		line-height: 24px;
		font-size: 11px;
		padding: 0 12px;
	}
	.ajax-fullscreen .single-extend .text h2 i {
		left: -60px;
		font-size: 20px;
	}
	.ajax-fullscreen .single-extend .text h2 i:after {
		height: 50px;
		right: -10px;
		top: 60%;
	}
	.ajax-fullscreen .single-meta .item>div {
		font-size: 18px;
	}
	.blog-list.large-image .item .h,
	body.has-widget .blog-list .item .h {
		font-size: 22px;
	}
	.large-text .item.p-style-01 .text {
		left: -50px;
		bottom: 50px;
	}
	.large-text .item.p-style-03 .text {
		left: -50px;
	}
}

.m-mode .pt-footer {
	height: 36px;
	line-height: 36px;
}

.m-mode #music-player {
	height: 36px;
}

.m-mode #music-player:before {
	top: -1px;
	font-size: 16px;
}

.m-mode .copyright {
	line-height: 36px;
}

.m-mode .footer-left {
	bottom: 0;
	left: 6px;
}

.m-mode .footer-right {
	bottom: 0;
	right: 10px;
	line-height: 36px;
}

.m-cate-ctrl {
	display: none;
}

.m-mode .category-nav li {
	line-height: 44px;
	padding: 0 20px;
}

.m-mode .hoverElems,
.m-mode .pt-parallax-target {
	transform: none !important;
	-webkit-transform: none !important;
}

.m-mode .pt-parallax-target {
	height: auto !important;
}

body.m-mode {
	height: auto;
	padding-bottom: 36px;
}
body.m-mode.no-fixed-footer{
	padding-bottom: 0;
}
body.m-mode.no-fixed-footer .pt-footer{
	display: none;
}

.m-mode .sc-mixbox,
.m-mode .blog-list,
body.m-mode.has-widget .blog-list,
.m-mode .default-template-page,
.m-mode .title-group.wide .text,
.m-mode .sc-mixbox.wide,
.m-mode .pic-list.grid-list.wide {
	width: 100%;
	min-width: 0;
}

/*title-gruop*/

/*
.m-mode .title-group {
	padding-top: 20%;
	padding-bottom: 5%;
	min-height: 0 !important;
}
*/

/*
.m-mode .title-group.no-bg {
	padding: 0;
	min-height: 0 !important;
}
*/

.m-mode .title-group .text {
	padding: 30px;
}

.m-mode .title-group.style-04 .text>h1 {
	font-size: 6vw;
}

.m-mode .title-group.style-04 .text:before {
	left: 2vw;
	top: auto;
	bottom: 80%;
}

.m-mode .title-group.style-04.fullscreen:after {
	display: none;
}

.m-mode .title-group.no-bg .text {
	position: relative;
	padding: 10% 30px !important;
}

.m-mode .title-group.style-04 .text .h {
	margin: 0;
}

.m-mode .title-group.style-01 .intro {
	font-size: 18px;
}

.m-mode .title-group.style-04 .text {
	padding-bottom: 10%;
	width: 90% !important;
}

/*blog*/

.m-mode .category-nav ul {
	width: 100% !important;
	white-space: normal;
}

.m-mode .category-nav {
	margin-bottom: 0;
}

.m-mode .blog-list.style-02 .category-nav {
	padding: 0 40px;
}

.m-mode .cate-nav-ctrl {
	display: none;
}

.m-mode .category-nav li {
	width: 100%;
	margin: 0 0 1px 0;
	pointer-events: auto !important;
	opacity: 1 !important;
}

.m-mode .category-nav li:not(.active) {
	display: none;
}

.m-mode .category-nav a {
	width: 70%;
}

.m-mode .m-cate-ctrl {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 30%;
	height: 44px;
	line-height: 45px;
	text-align: right;
	z-index: 99;
}

.m-mode .blog-list.style-02 .m-cate-ctrl {
	right: 35px;
	top: 0;
}

.m-mode .m-cate-ctrl:before {
	content: '\e313';
	display: inline-block;
	width: 44px;
	font-size: 20px;
	font-family: 'myicon';
	color: #fff;
	background: rgba(0, 0, 0, .1);
	text-align: center;
}

.site-light.m-mode .m-cate-ctrl:before {
	color: #111;
	background: rgba(244, 244, 244, .95);
}

.m-mode .category-nav.show-all ul li {
	display: block;
}

.m-mode .category-nav.show-all .m-cate-ctrl:before {
	content: '\e316'
}

.m-mode .blog-list.large-image .item .h,
body.has-widget.m-mode .blog-list .item .h {
	font-size: 21px;
}

body.has-widget.pc-mode .blog-list:not(.large-image) .item .h {
	font-size: 23px;
}

/*portfolio*/

.m-mode .pic-list {
	margin-bottom: 0;
}

.m-mode .blog-list {
	padding: 15px;
	margin-bottom: 0;
}

.m-mode .grid-list,
.m-mode .blog-list {
	padding-bottom: 10% !important;
}

.m-mode .blog-list.large-image:not(.style-02) {
	max-width: 80%;
}

.m-mode .pic-list.grid-list {
	width: 100%;
	padding: 0 10px;
	margin: 40px auto;
}

.m-mode .pic-list:not(.grid-list) .item:not(.no-addition) {
	height: auto !important;
	margin: 100px auto;
}

.m-mode .p-style-02.item {
	margin: auto !important;
}

.m-mode .p-style-02 .img {
	padding: 10vw 0;
}

.m-mode .p-style-03 .img-addition {
	right: -5vw;
	bottom: -5vw;
}

.m-mode .item.p-style-05 .img-addition {
	top: -6vw;
}

.m-mode .item.p-style-05 .text {
	top: auto;
	margin-top: 30px;
}

.m-mode .item.p-style-04 .img-main {
	top: -20px;
}

.m-mode .item.p-style-04 .img-addition {
	top: 20px;
}

/*single*/

.m-mode.single .single-inner {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0;
}



.m-mode .single-main-intro,
.m-mode .single-inner .single-main-content,
.m-mode .single-extend .text {
	margin: 40px auto 60px;
	padding: 20px 30px;
}

.m-mode .single-related .item h5 {
	font-size: 16px;
}

.m-mode .project .single-meta .item {
	padding-left: 0;
	margin-bottom: 20px;
}

.m-mode .project .single-meta i {
	position: relative;
	display: inline-block;
}

.m-mode .site-bg.has-bg~.main-content .default-template-page:after {
	margin: 20px;
}

@media screen and (max-width: 1024px) {
	.m-mode .sc-mixbox,
	.m-mode .blog-list,
	.m-mode .default-template-page,
	.m-mode .title-group.wide .text,
	.m-mode .sc-mixbox.wide,
	.m-mode .pic-list.grid-list.wide,
	.ajax-fullscreen .single-extend .text,
	/*.ajax-fullscreen .single-meta,*/
	.ajax-fullscreen .single-main-intro,
	.ajax-fullscreen .single-main-content,
	.ajax-fullscreen .single-footer,
	.ajax-fullscreen .single-extend .item.boxed .img {
		width: 100%;
		min-width: 0;
	}
	/*.ajax-fullscreen .single-meta,*/
	.ajax-fullscreen .single-main-intro,
	.ajax-fullscreen .single-main-content,
	.ajax-fullscreen .single-footer,
	.ajax-fullscreen .single-extend .item.boxed .img {
		padding: 0 30px;
	}
	.ajax-fullscreen .single-extend .text {
		padding: 0 30px !important;
	}
	.ajax-fullscreen .single-extend .text h2 i {
		position: relative;
		left: 0;
		margin-bottom: 20px;
	}
	.ajax-fullscreen .single-extend .text h2 i:after {
		display: none;
	}
	.footer-widgets .widget {
		width: 50% !important;
	}
	.sc-mixbox,
	.title-group .text {
		max-width: 640px;
	}
	.sc-mixbox {
		padding: 20px;
		margin: 80px auto;
	}
	.pc-mode .footer-widgets .inner-wrap {
		padding: 30px;
	}
	.sc-mixbox+.sc-mixbox {
		margin-top: -40px;
	}
	.sc-mixbox>.wrap {
		padding: 0;
	}
	.sc-mixbox>.h.title {
		padding: 0 10px;
		margin-bottom: 30px;
	}
	.sc-mixbox:not(.t-center)>.h.title {
		margin-left: 0;
	}
	.sc-mixbox .h.title:after {
		left: 10px;
	}
	.sc-mixbox .item,
	.sc-mixbox .item.has-bg-color {
		padding: 10px;
		margin-bottom: 20px;
	}
	.sc-banner.style-03 .inner-wrap {
		min-width: 100%;
	}
	.m-mode .single-header[data-col-w]:not(.type-auto) .item {
		width: 50% !important;
	}

	/*single*/
	.post-footer-info {
		text-align: center;
	}
	.post-footer-info .img{
		position: relative;
		width: 20vw;
		height: 20vw;
		margin: 0 auto 30px;
		left: auto;top: auto;
	}
	.post-footer-info{
		background: rgba(166,166,166,.08);
		padding: 40px;
		margin-bottom: 40px;
	}
	.post-footer-info .text {
		width: 100%;
		left: auto;
		padding: 0;
		background-color: transparent;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.logo {
		left: 20px;
		top: 20px;
	}
	.header-right {
		right: 15px;
		top: 15px;
	}
	.footer-left {
		left: 20px;
		bottom: 20px;
	}
	.footer-right {
		right: 10px;
		bottom: 20px;
	}
	.call-menu.btn {
		margin-left: 15px;
	}
	.header-search form>.wrap {
		justify-content: start;
		-webkit-justify-content: start;
	}
	.header-search input.search {
		width: 100%;
		flex-shrink: 0;
		-webkit-flex-shrink: 0;
	}
	.pt-popup {
		width: 90%;
	}
	.pt-popup .text {
		padding: 10%;
	}
	.pt-popup .text>h1 {
		font-size: 6vw;
	}
	.footer-widgets>.wrap {
		width: 100%;
	}
	.footer-widgets .widget {
		width: 100% !important;
	}
	/*titlegroup*/
	.m-mode .title-group.style-01 .intro,
	.title-group.style-04 .intro {
		font-size: 12px !important;
	}
	.title-group.style-04 .text:before {
		font-size: 10vw;
	}
	body.page-blog .title-group:not(.wide) .text,
	body.blog .title-group:not(.wide) .text,
	body.page-portfolio .title-group:not(.wide) .text {
		width: 90%;
	}
	/*blog*/
	.blog-list .item {
		width: 100% !important;
	}
	.grid-list.no-title {
		margin-top: 40px !important;
	}
	.blog-list .wrap {
		padding: 0 !important;
	}
	.m-mode .blog-list {
		padding: 0;
		margin: 30px auto;
		max-width: 100% !important;
		width: 100%;
	}
	.blog-main .item:not(.null-item) {
		display: block;
	}
	.blog-main .text {
		padding: 24px;
	}
	/*portfolio*/
	.m-mode .pic-list:not(.grid-list) .item {
		margin: 60px auto;
	}
	.m-mode .pic-list .item.p-style-02 {
		margin: 100px auto;
	}
	.m-mode .pic-list h2 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.grid-list .item {
		width: 100% !important;
	}
	.pic-list:not(.large-text) .p-style-04 .text {
		padding: 15px;
	}
	/*single*/
	.m-mode .single-main-intro,
	.m-mode .single-inner .text-area,
	.m-mode .single-extend .text,
	.m-mode .single-inner .page-links,
	.m-mode .single-footer {
		padding: 0 30px;
		margin: 40px auto;
	}
	.single-main-intro .title {
		font-size: 22px;
	}
	.single-meta a{
		font-size: 12px;
	}
	.single-main-intro {
		margin-top: 60px;
	}
	.single-main-intro .category a {
		padding: 0 8px;
	}
	.m-mode .single-header[data-col-w]:not(.type-auto) .item {
		width: 100% !important;
	}

	.ajax-content .single-related {
		padding-bottom: 10px;
	}
	.single-footer {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}
	.m-mode .single-related .item {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.m-mode .single-related .wrap {
		display: block;
	}
	.m-mode .single-related .item h5 {
		font-size: 20px;
	}
	.m-mode .single-nav .ctrl {
		width: 100%;
		margin-bottom: 40px;
		margin-left: 0;
	}
	.m-mode .single-nav,
	.tag-and-share{
		display: block;
	}
	.single-nav{
		padding-bottom: 60px;
	}
	.m-mode .single-nav .ctrl.next {
		text-align: left;
	}
	.tag-and-share .share{
		margin-top: 20px;
	}




	/*sc*/
	.sc-slider .h {
		font-size: 18px !important;
	}
	.sc-slider .small-btn a {
		font-size: 11px;
		line-height: 24px;
		padding: 0 10px;
		margin-top: 10px;
	}
	.sc-slider .text {
		padding: 0 0 8% 8%;
	}
	i.call-slider-intro {
		width: 30px;
		height: 30px;
		top: -40px;
	}
	i.call-slider-intro:before {
		line-height: 24px;
	}
	.sc-slider .text {
		max-width: 320px;
	}
	.sc-slider .slider-count {
		display: none;
	}
	.sc-slider .intro,
	i.call-slider-intro {
		display: none !important;
	}
	.sc-slider.small-dots .pt-swipe-dots li:after {
		margin: 4px;
	}
	.sc-slider.small-dots .pt-swipe-dots li {
		padding: 6px;
	}
	.m-mode .sc-mixbox .item[data-w="0.25"],
	.wpcf7-form p.form-col-2 {
		width: 100% !important;
	}
	.sc-banner.style-02.no-img .h {
		position: relative;
	}
	.sc-banner .text {
		padding: 0 !important;
		width: 100% !important;
	}
	.sc-banner:not(.reverse) .img~.text {
		margin-top: 50px;
	}
	.sc-banner.reverse .img~.text {
		margin-bottom: 50px;
	}
	.sc-banner .h,
	.sc-banner .img {
		padding: 0 !important;
		width: 100% !important;
	}
	.sc-banner .inner-wrap {
		flex-flow: column;
		-webkit-flex-flow: column;
		padding: 80px 30px !important;
	}
	.sc-banner.style-03 .inner-wrap {
		padding: 60px 0 !important;
	}
	.sc-banner.style-03 .img,
	.sc-banner.style-03 .text {
		min-height: 0 !important;
	}
	.sc-banner.style-03 .img {
		top: 0 !important;
		transform: none !important;
		-webkit-transform: none !important;
	}
	.sc-banner.style-03 .text {
		margin: 0 !important;
		padding: 10% !important;
		transform: none !important;
		-webkit-transform: none !important;
	}
	.sc-banner.style-03 .img img {
		display: block;
	}
	.sc-banner.style-03 .img .bg-full {
		display: none;
	}

	.sc-text-carousel .intro{
		font-size: 18px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 600px) {
	.ajax-target,
	#nprogress .bar {
		top: 0 !important;
	}
	.single-inner .text-area,
	.single-extend .text,
	.default-template-page .text-area,
	.project .single-meta {
		font-size: 14px;
	}
	.footer-widgets>.wrap {
		padding: 0;
	}
	.sc-mixbox {
		margin: 60px auto;
	}
	.sc-mixbox+.sc-mixbox {
		margin-top: -30px;
	}
	.sc-banner.style-03 {
		padding: 0 20px;
	}
	.header-search~.call-menu.btn,
	.header-search~.pt-mini-cart {
		margin-left: 8px;
	}
	.header-search form {
		padding: 20px;
	}
	.header-search input,
	.header-search form i {
		font-size: 16px;
	}
	.header-search input.search {
		height: 60px;
	}
	.header-search input.search {
		border-width: 1px;
	}
	header .main-menu .sub-menu li a {
		font-size: 12px !important;
		white-space: nowrap;
	}
	.m-mode .pic-list h2 {
		font-size: 16px;
	}
	.pic-list:not(.grid-list) h2 {
		letter-spacing: 2px;
	}
	.m-mode .pic-list:not(.grid-list):not(.text-large) h2 {
		font-size: 14px;
	}
	.footer-widgets .widget_text .one-img img.alignleft {
		max-width: 60px !important;
	}
	.title-group.style-01 h1 {
		font-size: 7vw;
	}
}

.m-mode .ajax-content,
.m-mode #nprogress .bar {
	z-index: 100000;
}

.m-mode .popup-player {
	z-index: 100001;
}

.pt-header .call-mini-cart:before {
	content: "";
	background: url(../main/d.png) no-repeat 100%/cover;
	font-family: 'myicon';
	position: relative;
}

.pt-header i.btn.call-mini-cart {
	background: url(../main/d.png) no-repeat 100%/cover;
	transition: none;
}

/* transition  ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— */

.pt-swipe-dots li:after,
.pt-swipe-dots:after,
.full-top-bar,
.go-top,
.close:after,
.landing-img,
.landing-img .bg-full {
	transition: all 0.8s, margin 0s;
	-webkit-transition: all 0.8s, margin 0s;
}

.main-menu-outside a:after,
.logo img,
.main-menu-outside .sub-menu,
.btn,
.btn:before,
.call-popup:before,
input,
button,
textarea,
a,
.main-menu a:before,
.v-ctrl,
.pic-list .img:after,
.filter i,
.ctrl,
.bg-full:after,
.main-content .page li>*,
a.btn:after,
.share a i,
.single-related span,
.owl-nav>div,
.cate-nav-ctrl:before,
.go-top:before,
#music-player:before,
.page-numbers:after,
.single-nav .text span,
.list-category:after,
.category:after,
.addition-menu p,
.pt-swipe-dots li,
.pt-swipe-dots li:after,
.popup-sub-menu li:after,
.p-slider-ctrl .ctrl:after,
.p-slider-ctrl,
.p-slider-ctrl .ctrl:before,
.pt-swipe-dots span,
.p-slider-ctrl hr,
.single-related h5,
.single-footer .h,
.grid-list.caption-01 h2,
.filter-ctrl,
.filter li,
.filter li:after {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.grid-list .img-addition .bg-full,
.grid-list .list-category,
.blog-list.style-02 .intro,
.p-style-01 .img-addition .bg-full,
.pt-popup .img,
.pt-popup .text {
	transition: all 0.3s 0.1s;
	-webkit-transition: all 0.3s 0.1s;
}

.pt-popup {
	transition: transform 0.8s cubic-bezier(0.9, 0.5, 0.4, 0.9);
}

.pt-popup.show {
	transition: transform 1.2s cubic-bezier(0.2, 0.9, 0.4, 1);
}

.pt-popup.show .img,
.pt-popup.show .close-popup {
	transition: all 0.7s 0.5s;
}

.pt-popup.show .text {
	transition: all 0.7s 0.3s;
}

body.real-mobile .pt-popup {
	-webkit-transition: all 0.8s !important;
	transition: all 0.8s !important;
}

i.close-menu {
	transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
}

.ajax-target.show,
.menu-style-02 .main-menu>ul>li>a {
	transition: transform 0.6s ease-in-out, opacity 0.6s, background 0.4s;
	-webkit-transition: transform 0.6s ease-in-out, opacity 0.6s, background 0.4s;
}

.blog-list .item>.inner-wrap {
	transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
}

.bg-full {
	transition: all 0.3s, transform 0s;
	-webkit-transition: all 0.3s, transform 0s;
}

.pt-parallax-target.bg-full,
.cate-carousel .cate-item a {
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}

.pic-list .h span:after,
.main-menu li.depth-1>a:after {
	transition: all 0.3s 0.3s, height 0.4s, opacity 0.5s 0.2s;
	-webkit-transition: all 0.3s 0.3s, height 0.4s, opacity 0.5s 0.2s;
}

.pic-list .h:hover span:after,
.main-menu li.depth-1>a:hover:after {
	transition: all 0.4s, height 0.3s 0.3s;
	-webkit-transition: all 0.4s, height 0.3s 0.3s;
}

.main-menu-outside,
.sc-mixbox .img img {
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}

.category-nav li:after {
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
}

/*all lightColor Class —————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————*/

.comment-awaiting-moderation:before,
.blog-list.style-01 a.btn,
.comment-notes:before,
.call-popup:hover:before,
.sub-menu li:hover a,
.pt-social a:hover,
.recentcomments span,
.go-top:hover:before,
#cancel-comment-reply-link:hover:before,
.widget a:hover,
.widget_archive li,
.widget_rss cite,
.sub-menu li.current_page_item a:before,
.blog-list:not(.style-02) .category a:hover,
.blog-list:not(.style-02) .item .h a:hover,
.cate-item a:hover,
#music-player:hover:before,
.comment-root .title span,
.single-extend .text h2 i,
i.close-bar-single:hover:before,
.sub-menu .current-menu-ancestor>a:before,
.item:not(.text-post) .category:before,
.item.text-post:not([data-bg-color]) .category:before,
.title-group .h i,
.sc-mixbox .title:after,
.single-extend h2:before,
.comment-respond .h.title:before{
	color: #b17be2;
}

.main-menu a:after,
.main-menu-outside a:after,
.title-group:after,
.v-ctrl.v-pause:hover,
.pic-list .h span:after,
.category-nav .active:after,
.single-main-intro .category a,
.filter li:after,
em.close-category:hover,
.category-nav li.active:after,
i.call-filter,
.pages li .current,
a.btn:hover:after,
.item.sticky .img:before,
.item.sticky.text-post:before,
.cate-nav-ctrl:hover:before,
#nprogress .bar,
.reply a:hover,
.comment-root input[type="submit"]:hover,
.blog-list.style-02 .item:not(.text-post) .category a:hover,
.blog-list:not(.style-02) em.show-all-category:hover,
.single-related .category a:hover,
.tagcloud a:hover,
.widget-title:before,
.wpcf7-submit,
.single-related h5:after,
.title-group h1:after,
.title-group .intro:after,
.title-group .intro:before,
.small-btn a:hover,
.owl-nav>div:hover,
.grid-list.caption-02 .list-category a:hover,
.loader-icon i,
.sc-text-carousel .owl-dot.active span,
.pc-mode .call-popup:hover:before,
.single-tags a:hover,
.call-search.btn:hover{
	background-color: #b17be2;
}

input.search-field:focus,
.wpcf7 input:not(.wpcf7-submit):focus,
.wpcf7 textarea:focus,
.single-meta a:not(.btn):hover,
a.text-link:hover,
.list-meta a:hover,
.fn a:hover,
.pic-loader:after,
.single-tags a:hover,
.single-related .category a:hover,
.comment-root .reply a:hover,
.comment-root textarea:focus,
.comment-root p:not(.form-submit) input:focus,
.body-category-wrap a:hover,
.blog-list a.btn:hover,
.pages li .current.page-numbers:after,
.intro .h a:not(.btn),
.grid-list .list-category a:hover,
.blog-list.style-01 a.btn:hover,
.blog-list.style-02 .item .h a:hover,
.site-bg-code.style-01 i.highlight,
.tagcloud a:hover {
	border-color: #b17be2;
}

/*other pages ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— */

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

.m-mode .page-other {
	top: 70px;
	height: calc(100% - 100px);
}

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

.m-mode .p404:before {
	top: 0;
}

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

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

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

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

.page-other .search-field {
	width: 100%;
	height: 48px;
	max-width: 600px;
	border: 1px solid rgba(166, 166, 166, .4);
	background-color: transparent;
	padding: 0 20px;
	margin-bottom: 40px;
	border-radius: 4px;
	font-size: 1.125rem;
}

.search-submit {
	position: absolute;
	visibility: hidden;
}

.default-template-page {
	position: relative;
	margin: 15vh auto;
}

.default-template-page>.wrap {
	padding: 6%;
}

.m-mode .default-template-page {
	margin: 60px auto;
	padding: 20px;
}

.default-template-page p img {
	margin-top: 30px;
	margin-bottom: 30px;
}

.default-template-page>.wrap>.h.title {
	font-size: 40px;
	margin-bottom: 40px;
	max-width: 720px;
	line-height: 1;
}

.default-template-page>.wrap>.h.title:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 4px;
	width: 50px;
}

.m-mode .default-template-page .h.title {
	font-size: 24px;
	margin-bottom: 20px;
}

/* PT comment ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— */

.comment-root>.wrap {
	position: relative;
	max-width: 1100px;
	padding: 0 30px;
	margin: 0 auto;
	font-size: 1.125rem;
}

.comment-root:after {
	content: '';
	display: block;
	clear: both;
}

.m-mode .comment-root>.wrap {
	padding: 0 30px !important;
}

.default-template-page .comment-root>.wrap {
	padding: 0;
}

.comment-root .title {
	margin-top: 80px;
}
.comment-respond .h.title:before{
	content: '\e94d';
	display: inline-block;vertical-align: middle;
	margin-right: 10px;
	font-size: 20px;
	font-family: 'myicon';
}

.comment-root .wrap>.title:first-child {
	border-top: 1px solid rgba(166, 166, 166, .3);
	padding-top: 50px;
}

.m-mode .comment-root .wrap>.title:first-child {
	padding-top: 30px;
}

.m-mode .comment-root .title {
	margin-top: 40px;
}

.comment-root .title span {
	padding-right: 8px;
}

.comment-root .comment-author .text {
	position: relative;
	top: -6px;
}

ol.comment-list {
	margin: 30px 0;
}

li.comment {
	position: relative;
	list-style-type: none;
}

.comment-root li.comment {
	margin: 0 0 0 60px;
}

.comment-root .comment-body {
	position: relative;
	background-color: rgba(166, 166, 166, .09);
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
}

.comment-root li.comment:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
	top: 32px;
	border-top: 7px solid transparent;
	border-right: 8px solid rgba(166, 166, 166, .09);
	border-bottom: 7px solid transparent;
}

.comment-author {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(166, 166, 166, .1);
}

.comment-author .img {
	position: absolute;
	width: 50px;
	height: 50px;
	left: -90px;
	top: -14px;
}

.comment-author .img img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	margin: 0;
}

.comment-meta,
.comment-author .fn {
	font-style: normal;
}

.comment-root .comment-author .fn {
	display: block;
	font-size: 16px;
	margin-bottom: 4px;
}

.comment-root .comment-meta {
	font-size: 13px;
	opacity: 0.7;
}

.comment-awaiting-moderation {
	display: block;
	margin: 15px 0;
	color: #777879;
	line-height: 20px;
}

.comment-awaiting-moderation:before,
.comment-notes:before {
	content: '\e88f';
	font-family: 'myicon';
	font-style: normal;
	display: inline-block;
	line-height: 20px;
	margin-right: 4px;
	font-size: 19px;
	vertical-align: top;
}

#email-notes {
	display: inline-block;
	line-height: 20px;
}

.comment-root .reply a {
	position: absolute;
	right: 25px;
	top: 25px;
	display: inline-block;
	line-height: 30px;
	padding: 0 20px;
	font-size: 12px;
	border: 1px solid rgba(166, 166, 166, .4);
	border-radius: 30px;
}

.reply a:hover {
	color: #fff !important;
}

#cancel-comment-reply-link {
	display: inline-block;
	line-height: 30px;
	margin: 0 0 10px 0;
	font-size: 1rem;
}

#cancel-comment-reply-link:before {
	content: '\e906';
	font-family: 'myicon';
	font-size: 150%;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	margin: 0 6px 0 0;
}

.comment-form {
	margin: 30px 0;
	font-size: 0;
}

.comment-root li.comment .comment-form {
	margin-top: -10px;
}

.comment-root .comment-area.text-area {
	margin: 0;
	padding: 0;
}

.comment-root textarea {
	padding: 15px 0;
	vertical-align: top;
	min-height: 50px;
	height: 50px;
	overflow: hidden;
}
.comment-root textarea.active{
	height: 140px;
	overflow: auto;
} 

.comment-root input {
	height: 44px;
	padding: 0;
}

.comment-root textarea,
.comment-root p:not(.form-submit) input {
	width: 100%;
	max-width: 100%;
	border: none;
	border-bottom: 1px solid rgba(166, 166, 166,.8);
	font-size: 1.125rem;
	border-radius: 0;
}

.comment-form>p:not(.comment-form-comment):not(.comment-notes) {
	display: inline-block;
	vertical-align: top;
	width: 33.333333%;
}

.comment-form p {
	font-size: 1rem;
	margin: 0 0 10px 0;
}

.comment-form .comment-notes {
	margin-bottom: 40px;
}

.comment-root>.wrap>.comment-form #cancel-comment-reply-link {
	display: none;
}

.comment-form-author,
.comment-form-email {
	padding-right: 10px;
}

.comment-root input[type="submit"] {
	padding: 0 60px 1px 30px;
	font-size: 14px;
}

.form-submit{
	position: relative;
	width: auto !important;
	margin-top: 20px !important;
}

.form-submit:after {
	content: '\e91d';
	position: absolute;
	font-family: 'myicon';
	line-height: 44px;
	top: 0;
	right: 20px;
	font-size: 20px;
	pointer-events: none;
	transition: all 0.3s;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	color: #fff;
}

.form-submit:hover:after{
	right: 17px;
}
.form-submit input {
	border: none;
}

.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;
}

@media screen and (max-width: 1441px) {
	.comment-root>.wrap {
		max-width: 900px;
	}
	.comment-root .comment-body {
		padding: 24px;
	}
	.comment-author .img {
		width: 30px;
		height: 30px;
		left: -70px;
		top: -6px;
	}
	.comment-root li.comment {
		margin-left: 40px;
	}
	.comment-root li.comment:before {
		top: 26px;
	}
}

.title-group .h i {
	position: absolute;
	left: -5vw;
	bottom: 80%;
	font-size: 10vw;
	font-style: normal;
	line-height: 0;
	font-weight: 700;
	z-index: -1;
}

.title-group .h i:before {
	font-weight: normal;
}

.title-group:not(.style-04) .h i {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.title-group .h i {
		font-size: 20vw;
	}
	.comment-meta,
	.comment-author .fn {
		font-size: 13px;
		margin-right: 8px;
	}
	.comment-author .img {
		position: relative;
		width: 40px;
		height: 40px;
		left: 0;
		top: 0;
		margin-bottom: 10px;
	}
	.comment-root li.comment {
		margin: 0 0 30px;
	}
	.comment-root li.comment.depth-1 li {
		margin-left: 10px;
	}
	.comment-root li.comment:before {
		display: none;
	}
	.comment-form>p:not(.comment-form-comment):not(.comment-notes) {
		width: 100%;
		padding: 0;
	}
	.title-group .h em {
		font-size: 30vw;
		bottom: 15vw;
		left: -10vw;
	}
	.title-group.style-04 .intro:before {
		top: 8px;
		width: 20px;
	}
	.title-group.style-04 .intro {
		padding-left: 30px;
	}
}

html.has-wp-bar {
	height: calc(100% - 32px);
	margin-top: 32px;
}

@media screen and (max-width: 782px) {
	html.has-wp-bar {
		height: calc(100% - 46px);
		margin-top: 46px;
	}
}

.ptbar-text-wrap .content {
	height: 100%;
	width: calc(100% + 20px);
	overflow: auto;
}

.ptbar-text-wrap {
	position: relative;
	overflow: hidden;
}

.ptbar-text-wrap .content {
	padding-right: 20px;
}

.ptbar-text-wrap.non-roll {
	height: auto !important;
}

@media screen and (max-width: 768px) {
	.m-mode .ptbar-text-wrap .content {
		padding: 0;
	}
	.m-mode .ptbar-text-wrap {
		height: auto !important;
		max-height: 100% !important;
		width: 100%;
	}
	.ptbar-text-wrap.non-roll .pt-bar-group,
	.m-mode .pt-bar-group {
		display: none !important;
	}
}

.sc-banner.style-03 .ptbar-text-wrap {
	overflow: hidden;
}

.pt-bar-group {
	position: absolute;
	width: 8px;
	height: 100%;
	right: 0;
	top: 0;
}

.pt-bar {
	position: absolute;
	height: 50px;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(166, 166, 166, .5);
	cursor: pointer;
	transition: background 0.4s;
}

.ptbar-text-wrap.no-roll .pt-bar-group {
	display: none;
}

/*wc reset*/

.woocommerce .main-content .woocommerce-result-count:before {
	font-family: 'myicon';
	content: '\e913';
	font-size: 16px;
}

body.woocommerce .title-group~#primary {
	margin-top: 30px;
}

body.woocommerce .title-group~#primary .woocommerce-products-header__title {
	display: none;
}

body>.screen-reader-text {
	height: 0;
}

.m-nav-gap{
	display: none;
	height: 60px;
}
.m-nav-fixed.m-mode .m-nav-gap{
	display: block;
}
.m-nav-fixed.m-mode .pt-header{
	position: fixed;
	width: 100%;
	left: 0;top: 0 !important;
}
.has-wp-bar .m-nav-fixed.m-mode .pt-header{
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	.has-wp-bar .m-nav-fixed.m-mode .pt-header{
		top: 46px !important;
	}
}

@media screen and (max-width: 600px) {
	.has-wp-bar .m-nav-fixed.m-mode .pt-header:after{
		content: '';
		position: absolute;
		width: 100%;height: 46px;
		top: -46px;left: 0;
		background-color: #23282d;
	}
}

.lightbox-item .img {
	cursor: pointer;
}

.lightbox-item .h span:after{
	display:none;
}
	
#ifff{
	position: absolute;top:0; left:0;
	width: 100%!important;
	height: 100%!important;
	
	z-index: 4!important;

		
}