@charset "utf-8";
/*
Theme Name: Pinetree
Theme URI: http://3theme.com/tf001/
Description: Pinetree - Multi-Purpose Responsive WordPress Theme
Version: 1.4.8
Author: foreverpinetree@gmail.com
Author URI: http://foreverpinetree.com/
Text Domain: pinetree
Tags: four-columns, right-sidebar, grid-layout, custom-header, 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 side basic
02 commonly
03 botton-style
04 site header logo$menu... 
05 section-wrapper
06 all-box
07 header-banner and main-slider
08 transition
09 portfolio
10 detail setting
11 blog
12 widget
13 comments
14 loader
15 footer
*/

/* site  basic ============================================================================================ */
body,textarea,input,button,select{
	font-family:'Montserrat',serif;	
}
html{font-size: 17px;}
html,body, p, input, h1, h2, h3, h4, h5, h6, ul, ol,li, dl, dt, dd, form,figure{margin: 0; padding: 0;}
li{list-style-type: none;}
img{border:none;border:0;vertical-align: middle;}
body,li,a,div,nav,header,footer,section,span,p,article,ol,figure,form,input,textarea,em,i,img{box-sizing: border-box;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{ display: none; }
input,button{-webkit-appearance: none;}
textarea,input,a,div,img,button,select{outline:none;}

body{
	position: relative;
	background-color: #fff;
	overflow-x:hidden;
	color: #343536;
}
body,.features-box em.intro,.features-group.type-02 .text h4~small,.top-banner .text em{
	font-size: 1rem;
}

body.modal{
	overflow:hidden;
}

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

svg{
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	font-size: 100%;
 	line-height: normal;
}
p a{
	vertical-align: baseline;
}

a {
    word-break: break-all;
}

table{
	width: 100%;
	border-width: 1px;
	border-color: #E4E4E4;
	border-collapse: collapse;
}
table th{
	border-width: 1px;
	padding: 15px;
	border-style: solid;
	border-color: #E4E4E4;
	background-color: #f4f4f4;
	text-align: left;
}
table td{
	border-width: 1px;
	padding: 15px;
	border-style: solid;
	border-color: #E4E4E4;
}
blockquote{
	position: relative;
	font-size: 120%;
	margin: 30px 0;
	line-height: 120%;
	overflow: hidden;
	font-style: italic;
}
blockquote p{
	font-size: 140% !important;
	line-height: 120% !important;
	margin-bottom: 0 !important;
}
pre {
	white-space: pre-line;
}
/*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-family: "Noto Sans", sans-serif;
	font-size: 0.75rem;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
/*wp-default end ------------------------------------------------------------------------- */
.detail-info ul li,.comment-wrap ul li, .info ul li, .text ul li,.without-section ul li{list-style-type: disc;list-style-position: inside;}
.detail-info ol li,.comment-wrap ol li, .info ol li, .text ol li,.without-section ol li{list-style-type: decimal;list-style-position: inside;}
.detail-info ul ul,.comment-wrap ul ul,.detail-info ol ol,.comment-wrap ol ol,.without-section ul ul,.without-section ol ol{padding-left: 30px;}

body.site-border{
	padding-left:30px !important; 
	padding-right:30px !important; 
}
body.site-border:after{
	content: '';
	position: fixed;
	width: 100%;height: 30px;left: 0;bottom: 0;
	background-color: #fff;
	z-index: 998;
}
body.site-border footer{
	margin-bottom: 30px;
}
.for-header-03{
	padding-left: 260px;
}
.text p:empty,.detail-info p:empty,.main-content>p:empty,.code-container p:empty,.detail-share-item:empty{
	display: none;
}
.widget table th,
.widget table td{
	padding: 10px 0;
	text-align: center;
	font-size: 0.75rem;
}
.widget table td#today{
	color: #fff;
}
.widget caption{
	margin-bottom: 20px;
	font-size: 0.75rem;
	text-align: left;
}
.widget_archive>label.screen-reader-text,.widget_categories>label.screen-reader-text{
	display:none;
}
.widget select{
	height: 40px;
    padding: 10px;
    width: 100%;
}
.detail-info p,.meta-label p,.meta-label a,
.comment-body>p{
	color: #666;
}
.info a,.tabs-item a,.detail-info a,.comment-body p a,
.promo-box .text p a,.textwidget a{
	margin: 0 2px;
	text-decoration: underline;
	vertical-align: baseline;
}
a.btn{text-decoration: none;}
.dark a{color: #fff;}
.code-box p,.code-box .info,.code-box .text,.mix-box .text p,.features-group .text,
.detail-info p,.contact .text,.detail-info,.comment-body>p,
.without-section,.meta-label,.promo-box .text,.type-tabs .tabs-item,
.boxed .mix-box.type-05 .text p,.boxed .mix-box.type-06 .text p,
.features-box,.features-group.type-02 em.intro,.skill-group .section-title p,
.count-box span,.type-02 .team-box .text,
.team-group.for-3 .team-box em.intro,.hide-side-box .text,.hide-side-box p,
.detail-share-item a,.detail-ctrl .ctrl p,
.widget_most_popular p a,.comment-author .text,
.widget_text,.detail-ctrl .ctrl span,.comment-author .text cite a,.comment-wrap,.comment-author .text cite{
	font-size: 1rem;
	line-height: 170%;
}

.pic-box img,
.blog-box img,
.detail-info img,
.info img,
.text img,
.without-section img{max-width: 100%;height: auto;}
.without-section img{margin-bottom: 30px;}
.detail-info figure{max-width: 100%;}

a{-webkit-tap-highlight-color:rgba(19,20,21,0);text-decoration: none;color: #343536;vertical-align: middle;}


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


a.full,a.promo-link-03{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(19,20,21,.0);opacity: 0; z-index: 999;}
.cf:after,.section:after,.blog-type-01 .blog-box:after{
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.detail-info blockquote{
	padding: 24px 5%;
}
.detail-info blockquote:before{
	content: '';
	position: absolute;
	left: 0;bottom: 0;
	height: 100%;width: 4px;
}
.detail-info blockquote:after{
	content: '\e90b';
	position: absolute;
	right: 0;
	bottom: 30%;
	color: rgba(111,111,111,.05);
	font-size: 300%;
	font-family: 'my_icons';
	font-style: normal;
}
h1,h2,h3,h4,h5,h6{
	white-space: pre-line;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;
}
h1,h2{
	line-height: 100%;
}
h3{
	line-height: 110%;
}
h4,h5,h6{
	line-height: 130%;
}
strong,b{
	font-weight: 700;
}
.detail-info .h{
	margin-top: 0;
}
.info h4,.info h5,.info h6,
.detail-info h4,.detail-info h5,.detail-info h6,
.right.detail-info .h{
	font-weight: 100;
}
.h small{
	display: inline-block;
	font-size: 80%;
	line-height: 100%;
}
.h img{
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
}
.section-title .h img{
	max-height: 80px;
}
@media screen and (min-width: 1921px) {
	.pt-slider .h{letter-spacing: 2px;}
	.pt-slider h1{font-size: 110px;}
	h1,.pt-slider h2{font-size: 70px;}
	h2,.pt-slider h3{font-size: 58px;}
	h3,.pt-slider h4{font-size: 48px;}
	h4,.pt-slider h5{font-size: 30px;}
	h5,.pt-slider h6{font-size: 24px;}
	h6{font-size: 1.125rem;}
}
@media screen and (max-width: 1920px){
	.pt-slider h1{font-size: 100px;}
	h1,.pt-slider h2{font-size: 60px;}
	h2,.pt-slider h3{font-size: 48px;}
	h3,.pt-slider h4{font-size: 30px;}
	h4,.pt-slider h5{font-size: 24px;}
	h5,.pt-slider h6{font-size: 20px;}
	h6{font-size: 1rem;}
}
@media screen and (max-width: 1281px){
	.pt-slider h1{font-size: 80px;}
	h1,.pt-slider h2{font-size: 50px;}
	h2,.pt-slider h3{font-size: 36px;}
	h3,.pt-slider h4{font-size: 26px;}
	h4,.pt-slider h5{font-size: 20px;}
	h5,.pt-slider h6{font-size: 1.125rem;}
	h6{font-size: 0.875rem;}
}
@media screen and (max-width: 1024px) {
	.pt-slider h1{font-size: 50px;}
	h1,.pt-slider h2{font-size: 36px;}
	h2,.pt-slider h3{font-size: 30px;}
	h3,.pt-slider h4{font-size: 24px;}
	h4,.pt-slider h5{font-size: 1rem;}
	h5,.pt-slider h6{font-size: 0.875rem;}
	h6{font-size: 0.75rem;}
}
@media screen and (max-width: 768px) {
	.pt-slider h1{font-size: 44px;}
	h1,.pt-slider h2{font-size: 36px;}
	h2,.pt-slider h3{font-size: 30px;}
	h3,.pt-slider h4{font-size: 24px;}
	h4,.pt-slider h5{font-size: 20px;}
	h5,.pt-slider h6{font-size: 1rem;}
	h6{font-size: 0.875rem;}
}
@media screen and (max-width: 480px) {
	.pt-slider h1{font-size: 24px;}
	h1,.pt-slider h2{font-size: 20px;}
	h2,.pt-slider h3{font-size: 18px;}
	h3,.pt-slider h4{font-size: 16px;}
	h4,.pt-slider h5{font-size: 14px;}
}
.h{
	position: relative;
}
.h i{
	position: relative;
	margin-right: 20px;
}
.no-margin{
	margin: 0 !important;
}
.h_90{
	height: 90px;
}
.h_60,.header-02~.margin-box.h_60{
	height: 60px;
}
.h_120,.header-02~.margin-box.h_120{
	height: 120px;
}
.header-02.type-02-2:not(.light)~.margin-box:not(.h-120):not(.h-60){
	background-color: #000;
}
.col-5,.col-4,.col-3,.col-2,.col-1,.col-3-4,.col-2-3,.col-4-10,.col-3-10{
	display: inline-block;
	padding: 20px;
	vertical-align: top;
}
.col-5{/*col-1/5*/
	width: 20%;
}
.col-4{/*col-1/4*/
	width: 25%;
}
.col-3{/*col-1/3*/
	width: 33.333333%;
}
.col-2{/*col-1/2*/
	width: 50%;
}
.col-1{/*col-1*/
	width: 100%;
}
.col-3-4{/*col-3/4*/
	width: 75%;
}
.col-2-3{/*col-2/3*/
	width: 66.66%;
}
.col-4-10{/*col-1/3*/
	width: 40%;
}
.col-3-10{/*col-1/3*/
	width: 30%;
}
.img{
	position: relative;
	overflow: hidden;
}
.img img{
	width: 100%;
	height: auto;
}
.pt-slider .img img{
	position: relative;
	top: 50%;
	width: auto;
	max-width: 70%;
	max-height: 90%;
}
.page-title {
    font-size: 30px;
    padding: 10px 0;
    margin: 10px 0;
}

/* botton-style ================================================================================ */

a.btn{
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: 100;
	margin: 8px 8px 8px 0;
	vertical-align: middle;
	text-transform: uppercase;
	z-index: 3;
}
a.btn i{
	vertical-align: middle;
}
a.btn em{
	position: relative;
	font-style: normal;
	z-index: 3;
}
a.btn.dark{
	color: #343536;
}
a.btn.light{
	color: #fff;
}
a.btn.dark{
	border-color: #343536 !important;
}
a.btn.light{
	border-color: #fff !important;
}

/*for--btn--01----------*/
a.style-01{
	padding: 0 70px 0 30px;
	height: 50px;
	line-height: 46px !important;
	border: 2px solid #fff;
	letter-spacing: 1px;
	overflow: hidden;
	font-size: 0.875rem;
}
a.style-01.small{
	height: 30px;
	line-height: 30px !important;
	font-size: 0.75rem;
	padding: 0 40px 0 20px;
	border-width: 2px;
}
a.style-01.small:hover{
	padding: 0 20px 0 40px;
}
a.style-01.small:after{
	font-size: 23px;
	right: 14px;
}
a.style-01.small:before{
	font-size: 23px;
}
a.style-01.small:hover:before{
	left: 14px;
}
a.style-01:after,
a.style-01:before{
	content: '\e900';
	position: absolute;
	font-family: 'my_icons';
	font-size: 25px;
	font-weight: normal !important;
}
a.style-01:after{right: 24px;}
a.style-01:before{left: -40px;}
a.style-01:hover:after{
	right: -100px;
}
a.style-01:hover:before{
	left: 30px;
}
a.style-01:hover{
	padding: 0 30px 0 70px;
}
a.style-01.dark:hover,
a.style-01.dark:hover:after,
a.style-01.dark:hover:before,
a.style-01.dark i:hover:before{
	color: #343536 !important;
}
a.style-01.light:hover,
a.style-01.light:after,
a.style-01.light:before,
a.style-01.light i:hover:before{
	color: #fff !important;
}

/*for--btn--02----------*/
a.style-02{
	padding: 6px 50px 6px 0;
	border-bottom: 2px solid;
	letter-spacing: 2px;
	font-size: 0.875rem !important;
	line-height: normal !important;
	overflow: hidden;
}
a.style-02.small{
	border-width: 2px;
	font-size: 0.75rem !important;
}

a.style-02:after,
a.style-02:before{
	content: '\e900';
	position: absolute;
	font-family: 'my_icons';
	font-size: 25px;
	line-height: 20px;
	font-weight: normal !important;
}
a.style-02.small:after,
a.style-02.small:before{
	font-size: 23px;
	line-height: 16px;
}
a.style-02:after{left: -50px}
a.style-02:before{right: 0}

a.style-02:hover{padding: 6px 0 6px 50px;}
a.style-02:hover:after{left: 0;}
a.style-02:hover:before{right: -50px;}

a.style-02.dark:hover,
a.style-02.dark:hover:before,
a.style-02.dark i:hover:before,
a.style-02.dark:hover:after{
	color: #343536 !important;
}
a.style-02.light:hover em,
a.style-02.light i:hover:before{
	color: #fff !important;
}

/*for--btn--03----------*/

a.style-03.light:after{
	background-color: #fff !important;
}
a.style-03.light:hover em,
a.style-03.light:hover i:before{
	color: #fff !important;
}
a.style-03{
	position: relative;
	padding: 0 44px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 3px;
	overflow: hidden;
}
a.style-03.small{
	height: 30px;line-height: 30px;
	padding: 0 20px;
	letter-spacing: 0;
	font-size: 0.688rem !important;
}
a.style-03 em{font-size: 0.75rem !important;}
a.style-03:before{
	content: '';position: absolute;width: 0;height: 0;left: 50%;top: 50%;
	margin-left: 0;margin-top: 0;
	border-radius: 100px;
	z-index: 1;
}
a.style-03.light em,
a.style-03.light i:before{
	color: #343536 !important;
}
a.style-03.dark em,
a.style-03.dark i:before{
	color: #fff !important;
}
a.style-03:after{
	content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-color: #343536;
	z-index: 0;
}
a.style-03:hover:before{
	width: 120%;height: 200px;
	margin-top: -100px;margin-left: -60%;
}

/*for--btn--04----------*/

a.style-04,
a.style-04-2,
a.style-05,
a.style-06{
	position: relative;
	padding: 0 50px;
	font-size: 0.875rem;
	line-height: 50px;
	letter-spacing: 1px;
}
a.style-06.small,
a.style-04.small,
a.style-04-2.small,
a.style-05.small{
	font-size: 0.75rem;
	padding: 0 20px;
	line-height: 30px;
}


a.style-04.light:hover,
a.style-04-2.light:hover{
	background-color: #fff !important;
}
a.style-04.light em,
a.style-04-2.light em,
a.style-04-2.light i:before,
a.style-04.light i:before,
a.style-04.dark em,
a.style-04-2.dark em,
a.style-04.dark i:hover:before,
a.style-04-2.dark i:hover:before{
	color: #fff !important;
}
a.style-04.light:hover em,
a.style-04-2.light:hover em,
a.style-04.light:hover i:before,
a.style-04-2.light:hover i:before,
a.style-04.light i:hover:before,
a.style-04-2.light i:hover:before{
	color: #343536 !important;
}
a.style-04.dark:hover,
a.style-04-2.dark:hover{
	background-color: #343536 !important;
}
a.style-04-2{
	border-radius: 30px;
}

/*for--btn--05----*/

a.style-05:after{
	content: '';position: absolute;bottom: 0;right: 0;left: 0;top: 0;
	border: 2px solid;
	border-radius: 30px;
}

a.style-05.small:after{
	border-width: 2px;
}
a.style-05.light i:before,
.style-05.dark:hover em,
.style-05.dark:hover i:before{
	color: #fff;
}
a.style-05.dark i:before{
	color: #343536;
}
a.style-05:hover:after{
	background-color: #fff !important;
}
a.style-05.dark:hover:after{
	background-color: #343536 !important;
}
a.style-05.light:after{
	border-color: #fff !important;
}
a.style-05.dark:after{
	border-color: #343536 !important;
}
a.style-06{
	border-radius: 4px;
}
a.style-06.dark{
	color: #343536;
}
a.style-06.light{
	color: #fff;
}
a.style-06:hover{
	filter: contrast(1.3);
	-ms-filter: contrast(1.3);
	-webkit-filter: contrast(1.3);
	-moz-filter: contrast(1.3);
}

.btn-more{
	text-align: center;
	margin: 40px 0;
}
.button-group a.btn{
	margin-right:50px; 
}

/* site header logo$menu... ====================================================================================================================*/
.fadeout{
	opacity: 0;
	visibility: hidden;
}

header{
	position: fixed;
	width: 100%;
	top: 0;left: 0;
	z-index: 9990;
}
header.header-01,header.header-01 a{
	color: #fff;
}
header.header-02,header.header-02 a{
	color: #343536;
}
.header-base{
	position: relative;
}
.side-bg{
	position: fixed;
	width: 0;height: 100%;
	top: 0;right: 0;
	background: rgb(12,12,14);
	z-index: 1;
}
.side-bg-open{
	width: 100%;
}
.header-02 .side-bg-open,
.header-02 .hide-side-box{
	width: 400px;
}
.side-btn-close{
	position: absolute;
	right: 40px;
	top: 36px;
	width: 46px;height: 46px;
	font-family: 'my_icons';
	cursor: pointer;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	box-sizing:content-box;
	transition: all 0.4s 0.2s;
}
.side-btn-fade{
	opacity: 1;
	visibility: visible;
}
.side-btn-close:after{
	content: '\e902';
	font-size: 46px;
	line-height: 46px;text-align: center;
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	color: #e1e2e5;
}
.hide-side-box{
	display: none;
	position: fixed;
	width: 100%;height: 100%;
	left: 0;top: 0;
	padding-left: 4%;
	background-size: cover;
	background-position: center;
	-webkit-transform: translateZ(0);
	overflow: hidden;
	font-size: 0;
	z-index: 1;
}
.menu-side-wrapper{
	display: inline-block;
	width: 50%;
	margin-right:20px;
	vertical-align: middle;
    line-height: 190%;
    overflow: hidden;
	color: #999;
	color: rgba(222,222,222,.7);
}
.mobile-mode .menu-side-wrapper{
	margin-right: 0;
}
.menu-side-wrapper .inner{
	width: 120%;
	width: calc(100% + 20px);
	overflow-x: hidden;
}
.mobile-mode  .menu-side-wrapper .inner{
	width: 100% !important;
}
.header-02 .menu-side-wrapper .inner{
	padding:0 70px 0 50px;
	position: relative;
	left: 0;
	opacity: 0;
}
.header-02 .menu-side-wrapper.overflow .inner,
.mobile-mode .menu-side-wrapper.overflow .inner{
	padding:0 50px;
}
.hide-side-box .text{
	padding: 60px 0;
	max-width: 400px;
}
.hide-side-box .text>img{
	margin: 20px 0;
}
.header-01 .hide-side-box .text{
	width: 50%;
}
.mobile-header .hide-side-box{
	padding-left: 0;
}
.mobile-header .hide-side-box .text{
	margin: 0 auto;
	width: 80%;
}
.hide-side-box .item img{
	max-width: 100%;
}
.hide-side-box .item{
	margin: 30px 0;
}
.hide-side-box .item:hover img{
	opacity: 0.7;
	-webkit-transform: translateY(-5px);
}
.header-02 .hide-side-box{
	left: auto;right: -400px;
	padding: 0;
	background:rgb(12,12,14) !important;
	overflow: visible;
	z-index: 9;
}

.header-02 .side-btn-close{
	right: 30px;top: 20px;
	z-index: 10;
}
.header-02 .menu-side-wrapper{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.header-02 .side-bg{
	display: none;
	width: 100%;
	opacity: 0.5;
	z-index: 3;
}
.hide-side-box .text .h{
	color: #e1e2e5;
	margin: 10px 0;
}
.hide-side-box p{
	line-height: 150%;
	margin: 20px 0;
}
.hide-side-box:before{
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
header:not(.side-only-social) .nav-icon:hover,.btn-search:hover,.side-only-social .nav-icon .pt-social i:hover{
	opacity: 0.6;
}
.side-only-social .nav-icon .pt-social i{
	background-color: transparent;
	height: 40px;line-height: 40px;
	vertical-align: top;
	margin: 0;
}
.side-only-social .nav-icon .pt-social a{
	vertical-align: top;
}
.btn-search +.nav-icon .pt-social{
	position: relative;
}
.btn-search +.nav-icon .pt-social:before{
	content: '';position: absolute;left: -10px;top:13px;height: 14px;width: 1px;background-color:rgba(136, 136, 136, 0.5);
}

/*search ---------------------------------*/

.search_box{
	position: fixed;
	width: 100%;height: 100%;
	top: 0;left: 0;
	display: none;
	text-align: center;
	z-index: 9990;
}
.header-03 .search_box{
	display: block;
}
.search_box em{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: rgba(14,15,16,.94);
	z-index: -1;
}
.header-03 .search_box em{
	display: none;
}
header .search-submit:after,
.mobile-search:before{
	content: "\f002";
	position: absolute;
	right: 0;top: 0;
	font-family: 'FontAwesome';
	color: #555;
	background-color: transparent;
	text-align: center;
}
header .search-submit:after{
	line-height: 90px;
	width: 90px;
	font-size: 24px;
	color: #fff;
	opacity: 0.7;
}
.search-submit:hover:after{
	opacity: 1;
}
.search_box input{
	position: absolute;
	width: 100%;height: 100%;
	right: 0;top: 0;
	padding: 0 30px;
	background-color: rgba(14,15,16,.3);
	border: 2px solid #fff;
	color: #fff;
	font-size: 30px;
}
.search_box input::-webkit-input-placeholder{color: #555;}
.search_box input::-moz-placeholder{color: #555;}
.search_box input:-ms-input-placeholder{color: #555;}

.header-01 i.fa.fa-search{vertical-align: middle;position:relative;top:-1px;}
.search_box i{
	display: none;
}
.btn-search em{
	display: none;
	position: absolute;
	width: 100%;height: 100%;
	right: 0;bottom: 0;
	background-color: transparent;
}
.search_box i:hover{
	background-color: #000203;
}
.search_box form.search-form{
	position: absolute;
	height: 90px;width: 50%;
	top: 45%;left: 25%;
	margin-top: -40px;
}
.search-submit-hidden{
	display: block !important;
	position: absolute;
	right: 0;top: 0;
	width: 90px;height: 90px;
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.mobile-mode .search-submit-hidden{
	display: none !important;
}

/*if-top_setting-black*/

.nav-dark .nav-icon>i:before{
	background-color: #343536;
}
.header-01 .nav-dark i:before{
	color: #343536;
}
.nav-dark .nav-icon-01{border-color: #343536;}
.side-btn-close:hover:after{
	-webkit-animation-name:moveit;
	-webkit-animation-duration:0.2s;
}

@-webkit-keyframes moveit {
	to{
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	}
}

/*nav--------------------------------------------*/
nav.mobile{
	display: none;
}

/*pc-nav------------*/
header nav a{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

nav{
	text-transform:uppercase;
}
.header-01 nav{
	display: none;
	position: fixed;
	width: 50%;height: 100%;
	top: 0;right: 0;
	z-index: 2;
}
.header-01 .main-menu{
	position: absolute;
	top: 48%;right: 50%;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	text-align: right;
}
header .main-menu>li{
	position: relative;
}
.header-01 .main-menu>li{
	top: -10px;
	opacity: 0;
}

/*no-side ------------------------------- */
header.header-01.menu-no-side nav{
	width: 100%;
}
header.header-01.menu-no-side .main-menu{
	right: 0;
	width: 100%;
	text-align: center;
}
header.header-01.menu-no-side .main-menu>li>a{
	position: relative;
	font-size: 50px;
	line-height: 110%;
	letter-spacing: 1px;
	padding: 0;
}
header.header-01.menu-no-side .sub-menu{
	display: none;
}
header.header-01.menu-no-side nav .pt-social{
	position: fixed;
	width: 100%;
	bottom: 10%;left: 0;
	text-align: center;
}
.header-01  nav .pt-social i{
	width: 36px;height: 36px;line-height: 36px;font-size: 22px;
	color: #343536 !important;
	background-color: rgba(233,233,233,.7);
	margin: 0 10px;
}
/*no-side=end ------------------------------- */
.sub-menu .sub-menu{
	position: relative !important;
	left: 0 !important;top: 0;
	padding: 2px 0 10px;
	border: none !important;
}
.header-01 .sub-menu li.has-sub>a:after,
.sub-menu li.has-sub:after{
	content: '\e91b';
	position: absolute;
	width: 20px;
	padding-left: 10px;
	font-family: 'my_icons';
	font-size: 0.75rem;
	top: 0;
	right: 10px;
	color: #888;
}

.header-03 .sub-menu li.has-sub:after{
	line-height: 25px;
	right: -20px;
}
.header-01 .sub-menu li.has-sub:after{display: none;}
.header-01 .sub-menu li.has-sub>a:after{content: '\e919';right: auto;}

.header-03.light .sub-menu li.has-sub:after{
	color: #454647;
}
.header-01 .main-menu>li>a{
	display: inline-block;
	padding-right: 10px;
	font-size: 40px;
	line-height: 100%;
	color: rgba(255,255,255,.6);
}
.header-01 li.current-menu-parent>a,
.header-01 li.current-menu-item>a,
.header-01 li.current_page_item>a,
.header-01 li.current-menu-ancestor>a{
	color: rgba(255,255,255,1) !important;
}
.header-01 .sub-menu{
	display: none;
	position: absolute;
	left: 100%;top: 2px;
	padding-left: 20px;
	white-space: nowrap;
	z-index: 9;
}
.header-01 .sub-menu .sub-menu{
	padding-left: 0;
}
.header-01 .sub-menu .sub-menu li{
	left: 20px;
}
.header-01 .main-menu>li>.sub-menu:before{
	content: '';
	position: absolute;
	top: 2px;left: 15px;
	width: 2px;height: 100%;
	background-color: rgba(255,255,255,.5);
}
.header-01 .main-menu>li>.sub-menu:after{
	content: '';
	position: absolute;
	top: -10%;left: 0;
	width: 100%;height: 120%;
	z-index: -1;
}
.header-01 .sub-menu li{
	text-align: left;
	min-width: 200px;
	line-height: 120%;
}
.sub-menu li{
	position: relative;
}
.header-01 .sub-menu li a{
	position: relative;
	display: inline-block;
	left: 0;
	padding: 0 24px;
	font-size: 0.875rem;
	line-height: 150%;
	color: rgba(255,255,255,.5);
}
.header-01 ul.main-menu:hover li.current-menu-parent>a,
.header-01 ul.main-menu:hover li.current-menu-item>a{
	color: rgba(255,255,255,.5)
}
.header-01 ul.main-menu li.current-menu-parent>a:hover,
.header-01 ul.main-menu li.current-menu-item>a:hover,
.header-01 ul.main-menu li.current_page_item>a:hover,
.menulight{
	color: rgba(255,255,255,1) !important;
}
.header-01 .main-menu>li:hover >a{
	color: #fff !important;
}
.header-01 .sub-menu li:hover>a{
	color: rgba(255,255,255,1);
}
.header-01 .sub-menu:hover a{
	color: rgba(255,255,255,.5);
}

/*nav-03 -------------------------------*/
.header-03{
	position: fixed;
	width: 260px;
	height: 100%;
	left: 0;top: 0;
	color: #e1e2e5;
	background-color: #131415;
	font-size: 0;
}
.header-03.light{
	background-color: #fff;
	color: #343536;
	box-shadow: 1px 2px 6px rgba(22,23,26,.05)
}
.header-03 .header-base{
	position: absolute;
	width: 100%;
	top: 0;
	padding: 40px;
}
.has-wp-bar .header-03 .header-base{
	top: auto;
}
.header-03 .logo{
	width: 100%;
}
.header-03 .logo img{
	max-width: 100%;
	height: auto;
}
.header-03 .logo .horizontal,.header-03 .logo .vertical{
	width: 100%;
	height: auto;
	text-align: center;
}
.header-03:after{
	content: '';
	height: 100%;width: 0;
	display: inline-block;
	vertical-align: middle;
}
.header-03 nav{
	display: inline-block;
	vertical-align: middle;
	width: 99%;
	padding: 40px;
    margin-top: -10%;
}
.header-03 .main-menu li:hover>a{
	color: #fff;
}
.header-03.light .main-menu li:hover>a{
	color: #343536;
}
.header-03.light .main-menu li a{
	color: #999;
}
.header-03 .main-menu li a{
	display: inline-block;
	color: #aaa;
	font-size: 0.75rem;
	line-height: 24px;
	letter-spacing: 1px;
}

.header-03 .main-menu>li.current-menu-ancestor>a:after,
.header-03 .main-menu>li.current-menu-parent>a:after,
.header-03 .main-menu>li.current-menu-item>a:after,
.header-03 .main-menu>li.current_page_item>a:after,
.header-03 .main-menu>li.current-menu-ancestor>a:after{
	content: '';
	position: absolute;
	left: -8px;
	top: 10px;
	height: 4px;
	width: 4px;
	border-radius: 50%;
}
.header-03 .main-menu>li.current-menu-parent>a,
.header-03 li.current_page_item>a,
.header-03 li.current_page_item>a,
.header-03 .sub-menu>li.current-menu-item>a,
.header-03 li.current-menu-ancestor>a{
	position: relative;
	color: #fff;
}
.header-03.light .main-menu>li.current-menu-parent>a,
.header-03.light li.current_page_item>a,
.header-03.light li.current-menu-ancestor>a,
.header-03.light .sub-menu>li.current-menu-item>a{
	color: #343536;
}
.header-03 .main-menu{
	text-align: center;
}
.header-03 .sub-menu{
	position: absolute;
	width: 180px;
	left: 130%;
	top: -30px;
	padding: 30px;
	text-align: left;
	background-color: rgba(32,33,35,.95);
	opacity: 0;
	visibility: hidden;
	z-index: 8;
}
.header-03 .sub-menu .sub-menu{
	left: 100% !important;
	left: calc( 100% + 30px) !important;
	position: absolute !important;
	background-color: rgba(22,23,25,.95);
}
.header-03 .main-menu>li>.sub-menu:before{
	content: "";
	position: absolute;
	top: 33px;
	left: -10px;
	border-right: 10px solid rgba(33,33,33,.95);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.header-03.light .main-menu>li>.sub-menu{
	background-color: rgba(244,244,244,.95);
}
.header-03.light .sub-menu .sub-menu{
	background-color: rgba(250,250,250,.95);
}
.header-03.light .main-menu>li>.sub-menu:before{
	border-right: 10px solid rgba(244,244,244,.95);
}
.header-03 .main-menu>li:hover >.sub-menu,
.header-03 .sub-menu li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
	left: 100%;
	z-index: 10;
}
.header-03 .nav-btn,
.header-03 .logo .light,
.header-03.light .logo .dark,
.header-03 .hide-side-box:before,
.header-03 .search_box i{
	display: none;
}
.header-03.light .logo .light{
	display: block;
}
.header-03 .search_box{
	position: absolute;
	top: auto !important;
	bottom: 110px;left: 0;
	height: 36px;
	padding:0 30px;
	background-color: transparent;
}
.header-03 form.search-form{
	height: 36px;
	width: 100%;
	left: 0;
	padding: 0 30px;
}
.header-03 .search_box input{
	position: relative;
	width: 100%;
	padding: 0 0 0 10px;
	border: 1px solid rgba(111,111,111,.3);
	font-size: 0.75rem;
	line-height: 30px;
	background-color: transparent;
}
.header-03.light .search_box input,
.header-03.light .search-submit-hidden:after{
	color: #343536;
}
.header-03 .search-submit-hidden{
	width: 36px;height: 36px;
	right: 30px;
}
.header-03 .search-submit-hidden:after{
	font-size: 0.875rem;width: 36px;height: 36px;line-height: 36px;
}

/*nav-02 -------------------------------*/

.header-02 nav{
	position: relative;
	z-index: 2;
}
.header-02 .header-base{
	position: absolute;
	height: 80px;width: 100%;
	left: 0;top: 0;
	background-color: rgba(19,20,21,0);
	z-index: 0;
}
.header-02:not(.type-02-2){
	background-color: rgba(255,255,255,0);
}
.header-02:not(.type-02-2) .header-base{
	height: 100px;
}
.header-02:not(.type-02-2) .main-menu{
	line-height: 100px;
}
.header-02:not(.type-02-2) .nav-btn{
	top: 30px;
}
.header-02:not(.type-02-2) .logo{
	padding: 20px 0;
	margin-left: 40px;
}

.header-02.type-02-2 .header-base{
	background-color: rgba(19,20,21,1);
	border-bottom: 1px solid rgba(19,20,21,.0);
}
.header-02.header-02-small .header-base{
	height: 60px;
	border-bottom: 1px solid rgba(19,20,21,.0);
	background-color: rgba(19,20,21,.9);
}
.site-border .header-02.header-02-small .header-base{
	border-bottom: 1px solid rgba(19,20,21,.0);
}
.header-02-small.no-header .header-base{
	background-color: rgba(19,20,21,.95);
}
.header-02.light.header-02-small .header-base{
	background-color: rgba(255,255,255,1);
}
.header-02.light .header-base{
	background-color: rgba(255,255,255,1);
}
.header-02.type-02-2~.margin-box{
	height: 80px;
}


.logo_small{
	margin-top: 5px !important;
	height: 50px !important;
	line-height: 50px !important;
}
.header-02 .main-menu{
	float: right;
	line-height: 78px;
	right: 0;
	z-index: 2;
}
.header-02.menu-no-side:not(.type-02-2) .main-menu{
	margin-right: 30px;
}
.call-side-box,.header-02.menu-no-side .side-btn-close,.header-02.menu-no-side .hide-side-box{
	display: none !important;
}
.header-02-small .main-menu{
	line-height: 60px !important;
}
.header-02-small.header-02:not(.type-02-2) .logo{
	padding: 10px 0;
}
.header-02.type-02-2{
	text-align: center;
}
.header-02.header-02-small .nav-btn{
	top: 10px !important;
}
.header-02.type-02-2 .nav-btn{
	position: absolute;
}
.header-02.type-02-2 nav{
	display: inline-block;
}
.header-02.type-02-2 .main-menu{
	position: relative;
	float: none;
	top: 0;
}
.header-02 .main-menu>br{display: none;}
.header-02 .main-menu>li{
	position: relative;
	display: inline-block;
	line-height: 60px;
	margin: 0 16px;
}
.header-02 .main-menu>li.current-menu-parent:after,
.header-02 .main-menu>li.current-menu-ancestor:after,
.header-02 .main-menu>li.current_page_item:after{
	content: '';
	position: absolute;
	height: 1px;width: 50%;
	left: 24.4%;top: 42px;
	background-color: #343536;
}
.header-02:not(.type-02-2) .main-menu>li.current-menu-parent:after,
.header-02:not(.type-02-2) .main-menu>li.current_page_item:after{
	display: none;
}
.header-02:not(.type-02-2) .main-menu>li.current-menu-parent>a,
.header-02:not(.type-02-2) .main-menu>li.current_page_item>a{
	opacity: 0.7;
}
.header-02 .main-menu>li>a{
	vertical-align: top;
	font-size: 0.813rem;
	letter-spacing: 1px;
	color: #fff;
}
.header-02.light .main-menu>li>a{
	color: #444546;
}
.header-02 .btn-search i:before{
	color: #fff;
}
.header-02.light .btn-search i:before,
.header-02.light .nav-icon .pt-social i,.header-02.light .nav-icon .pt-social i:hover:before{
	color: #444546 !important;
}
.header-02 .sub-menu{
	position: absolute;
	width: 240px;
	left: 0;top: 80px;
	background-color: rgba(33,34,36,.97);
	text-align: left;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}
.header-02 .sub-menu .sub-menu{
	left: 100% !important;
	background-color: rgba(23,24,26,.97);
	top: -24px;
	padding: 2px 0 2px 0;
}
.header-02 .sub-menu .right-sub-menu .sub-menu{
	left: -100% !important;
}
.header-02 .sub-menu li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
	top: -54px;
}
.header-02 .sub-menu li{
	position: relative;
	line-height: 30px;
	height: 30px;
}
.mobile-header hr,header hr{
	display: none;
}
.header-02 .sub-menu li.has-hr,
.header-03 .sub-menu li.has-hr{
	height: 40px;
}
.header-02 .sub-menu li.has-hr>a,
.header-03 .sub-menu li.has-hr>a{
	height: 40px;
	display: block;
}
.header-02 .sub-menu li.has-hr hr,
.header-03 .sub-menu li.has-hr hr{
	display: block;
	border-bottom: none;
	position: relative;
	top: -1px;
	opacity: 0.2;
}

.header-02 .sub-menu li.current_page_ancestor>a,
.header-02 .sub-menu li.current-menu-item>a,
.header-02 .sub-menu li.current_page_item>a{
	opacity: 1;
}
.header-02 .sub-menu li:first-child{margin-top: 20px;}
.header-02 .sub-menu li:last-child{margin-bottom: 20px;}
.header-02 .sub-menu li a{
	display: block;
	height: 30px;
	padding: 0 30px;
	font-size: 0.813rem;
	letter-spacing: 1px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;   
	color: #fff;
	opacity: 0.6;
}
.header-02 .main-menu>li:hover>a{
	opacity: 0.6;
}
.header-02 .main-menu>li.current-menu-parent:hover:after,
.header-02 .main-menu>li.current_page_item:hover:after{
	opacity: 0;bottom: 10px;
}
.header-02 .sub-menu li a:hover{
	opacity: 1;
}
.header-02 .main-menu>li:hover >.sub-menu{
	opacity: 1;
	visibility: visible;
	top: 60px;
}

/*nav-btn -------------------------------------------------------------*/
.nav-btn{
	position: relative;
	float: right;
	top: 36px;
	right: 0;
	margin-right: 42px;
}
.header-02.side-only-social .nav-btn{
	margin-right: 24px;
}
.header-02 .nav-btn{
	z-index: 4;
}
.btn-search{
	position: relative;
	display: inline-block;
	width: 40px;height: 40px;
	margin-right: 30px;
	font-size: 0.875rem;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.nav-icon{
	position: relative;
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
	cursor: pointer;
}
.nav-icon-04{
	margin-right: 10px;
}
.nav-icon>i{
	position: relative;
	height:40px;
	display: inline-block;
	vertical-align: top;
	font-family: 'my_icons';
	font-style: normal;
	font-weight: normal;
}
.nav-icon>i:before{
	content: '';
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	color: #fff;
}
.header-02.light .nav-icon>i:before{
	color: #343536;
}
.nav-icon-01>i:before{
	content: '\e933';
	font-size: 40px;
	line-height: 42px;
}
.nav-icon-02{left: -5px;}
.nav-icon-02>i:before{
	content: '\e940';
	font-size: 40px;
	line-height: 44px;
}
.nav-icon-03:before{
	content: 'MENU';
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	font-size: 0.75rem;
	line-height: 40px;
}
.nav-icon-03>i:before{
	content: '\e940';
	font-size: 40px;
	line-height: 43px;
}
.nav-icon-04>i:before{
	content: "\e93e";
	font-size: 33px;
	line-height: 42px;
}
.header-02 .nav-btn{
	top: 20px;
	margin-left: 20px;
}
.header-02.menu-no-side .nav-btn{
	margin-left: 0;
}
.header-02 .btn-search{
	margin-right: 10px;
}
.header-02 .nav-icon:before{
	display: none !important;
}
.header-02 .nav-icon>i:before{
	content: '\e120' !important;
	font-size: 24px !important;
	line-height: 40px !important;
}
.header-01 .nav-dark~.nav-btn .nav-icon>i:before,
.header-01 .nav-dark~.nav-btn .nav-icon-03:before,
.header-01 .nav-dark~.nav-btn .btn-search i:before{
	color: #343536;
}
.header-01 .nav-dark~.nav-btn.dark>i:before,
.dark:not(.header-02) .nav-icon>i:before,
.dark:not(.header-02) .nav-icon:before{
	color: #bbb !important;
}


/*logo -------------------------------------------------------------*/

.header-01 .header-base .logo{
	position: absolute;
	margin-top:30px;
	margin-left:30px;
	width: 100px;height: 50px;
}
.header-01 .logo img{
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	left: 0;top: 0;
}
.header-01 .logo .light{opacity: 0;}
.header-01 .logo .dark{opacity: 1;}
.header-01 .nav-dark .logo .light{opacity: 1;}
.header-01 .nav-dark .logo .dark{opacity: 0;}
.header-02 .logo{
	position: absolute;
	height: 100%;
	top: 0;left: 0;
	padding: 10px 0;
	margin-left: 30px;
}
.header-02 .logo img{
	height: 100%;
}
.header-02 .logo img.light{
	display: none;
}
.header-02 .logo img.dark{
	display: block;
}
.header-02.light .logo img.light{
	display: block;
}
.header-02.light .logo img.dark{
	display: none;
}
.header-02 ~ .mode-03,.header-02 ~ .mode-04{
	margin-top: 20px;
}

.has-wp-bar body:not(.mobile-mode) .header-03{
	top: 32px;
	height: calc(100% - 32px);
}

/*mobile header-------------------------------------*/
.mobile-header{
	display: none;
	position: relative;
	min-height: 60px;width: 100%;
	top: 0;left: 0;
	background-color: rgb(11,11,11);
	text-align: center;
	z-index: 9990;
}
.mobile-header.light{
	background-color: #fff;
	box-shadow: 1px 0px 1px rgba(19,20,21,.1);
}
.collapse{
	display: none;
	text-align: left;
	padding: 30px 6.5%;
}
.mobile-search{
	position: relative;
}
.mobile-search:before{
	right: auto;
	left: 0;
	top: 50%;
	margin-top: -10px;
}
.collapse input{
	width: 100%;
	margin: 30px 0;
	line-height: 30px;
	border:none;
	border-bottom: 1px solid #555;
	padding-left: 30px;
	color: #fff;
	background-color: transparent;
}
.light .collapse input{
	border-color: #ddd;
}
.collapse a{
	display: inline-block;
	color: #999;
	font-size: 0.75rem;
	line-height: 30px;
}
.collapse .current-menu-parent>a,
.collapse .current-menu-item a,
.collapse .current_page_item>a{
	color: #fff;
}
.mobile-header .sub-menu a{
	font-size: 0.75rem;
	text-transform: uppercase;
}
.down:after{
	transform:scaleY(-1) !important;
}
.collapse li{
	border-bottom: 1px solid rgba(111,111,111,.2);
}
.collapse li:last-child{
	border: none;
}
.collapse .sub-menu .sub-menu li:last-child{
	padding-bottom: 0;
}
.mobile-main-menu>li{
	position: relative;
}
.mobile-main-menu .sub-menu .sub-menu{
	display: block;
}
.mobile-main-menu>li.has-sub:after{
	content: '\e919';
	position: absolute;height: 30px;line-height: 30px;
	top: 0;right: 0;
	font-family: 'my_icons';
	font-size: 20px;
	color: #ccc;
}
.mobile-header .sub-menu{
	display: none;
	padding-bottom: 20px;
}
.mobile-header .sub-menu li{
	padding-left: 30px;
}
.mobile-logo{
	display: inline-block;
	height: 60px;
	width: 50%;text-align: center;
	margin: 0 auto;
	font-size: 0;
}
.mobile-logo a {
	vertical-align: top;
	display: block;
	line-height: 60px;height: 100%;
}
.mobile-logo img{
	max-height: 100%;
	padding: 4%;
	max-width: 100%;
}
.mobile-logo img.light,
.light .mobile-logo img.dark{display: none;}
.light .mobile-logo img.light,
.mobile-logo img.dark{display: inline-block;}
.call-collapse,
.call-side-box{
	position:absolute;
	width: 60px;height: 60px;
	line-height: 60px;top: 0;
}
.call-collapse{left: 0;}
.call-side-box{right: 0;}
.call-collapse:before,
.call-side-box:before{
	position: absolute;
	top: 0;left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-family: 'my_icons';
	cursor: pointer;
}
.call-collapse:before{
	content: '\e933';
}
.call-side-box:before{
	content: '\e922';
}
.light .call-collapse:before,
.light .call-side-box:before,
.light .collapse a,
.light .collapse input{
	color: #343536;
}
.not-scroll{
	overflow-y: hidden;
}
.mobile-header .side-btn-close{
	position: fixed;
    margin-top: 10px;
	right: 10px;
	top: 0;
}
.mobile-header .hide-side-box{
	display: none !important;
	width: 100%;
	left: auto;
	right: -100%;
	opacity: 1 !important;
	background-image: none !important;
	background-color: #141516;
}
.mobile-header .hide-side-box .menu-side-wrapper{
	width: 80%;
}


/* section-wrapper-setting ============================================================================================ */

.section.boxed .mix-box,
.section.boxed .banner-box{
	margin-left:20px;
	margin-right:20px;
}
.detail-info .banner-box,
.fullwidth .pic-group-content.pic-type-carousel{
	margin-left:0 !important;
	margin-right:0 !important;
}
.fullwidth .pic-group-content.pic-type-carousel.margin{
	margin-left:15px !important;
	margin-right:15px !important;
}
.without-section{
	padding: 20px;
	margin: 0 auto 100px;
}
.top-banner.mode-03 .img,
.top-banner.mode-04 .img{
	max-width: 90%;
}

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

.section.fullwidth .pic-group-content.pic-type-08.margin{
	border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.section.fullwidth .pic-group-content.pic-type-08.margin .pic-box{
	margin-top: 10px;
	margin-bottom: 15px;
}
.section.boxed .code-container,
.section.boxed .comment-list,
.section.boxed .comment-form,
.section.boxed.has-side,
.top-banner.mode-03 .img,
.top-banner.mode-04 .img{
	margin: 0 auto;
}

.section.boxed .pic-group-content.margin{
	max-width: 1230px;
}
.top-banner.mode-04 .img.low,
.section.boxed .pic-group-content,.section.boxed .blog-group-content,
.section.boxed .skill-group,
.section.boxed .count-group,
.section.boxed .title-01,
.section.boxed .title-02,
.section.boxed .pic-group-content.pic-type-08.margin,
.section.boxed .code-container,
.section.boxed.has-side,
.button-box .container,
.boxed .btn-load-more,.boxed .footer-base,
.section.boxed .contact .code-container,
.section.boxed .detail-info-box,
.top-banner.detail~.main-content .boxed.has-gallery .code-container,.side-type-01~.detail-bottom-other .detail-ctrl .code-container,
.boxed.has-gallery~.post-info-bottom>div,.boxed.has-gallery~.boxed.post-comment .title-02,
.boxed.has-gallery~.boxed .comment-list,.boxed.has-gallery~.boxed .comment-form,
.boxed.has-gallery:not(.has-side)~.detail-bottom-other .detail-ctrl .code-container{
	max-width: 1200px;
}
.top-banner.detail .text,.count-content,
.header-01~.main-content .h_120.boxed.map,.header-01~.main-content .boxed.map{
	max-width: 1160px;
}
.top-banner.detail~.main-content .boxed .code-container,
.boxed .comment-list,.boxed .comment-form,
.boxed.post-comment .title-01,.boxed.post-comment .title-02,
.section.boxed.section-w-small .code-container,
.detail-bottom-other .detail-ctrl .code-container,
.side-type-02 .blog-group-content.side-left,
.side-type-02 .section.side-left,
.post-info-bottom>div,
.without-section{
	max-width: 1000px;
}
@media screen and (min-width: 1900px) {
	.header-01 .main-menu>li>a{
		font-size: 48px;
	}
	.header-01 .sub-menu li a{
		font-size: 1rem;
	}
	.header-02 .sub-menu{
		width: 300px;
	}
	.header-02 .main-menu>li>a,.header-02 .sub-menu li a{
		font-size: 0.875rem;
	}
	.header-02 .sub-menu li,.header-02 .sub-menu li a{
		line-height: 36px;height: 36px;
	}
	.header-02 .sub-menu li.has-hr hr{
		top: -7px;
	}
}

@media screen and (min-width: 1921px) {
	
	.section.boxed .pic-group-content.margin{
		max-width: 1430px;
	}
	.top-banner.mode-04 .img.low,
	.section.boxed .pic-group-content,.section.boxed .blog-group-content,
	.section.boxed .skill-group,
	.section.boxed .count-group,
	.section.boxed .title-01,
	.section.boxed .pic-group-content.pic-type-08.margin,
	.section.boxed .code-container,
	.section.boxed.has-side,
	.button-box .container,
	.boxed .btn-load-more,.boxed .footer-base,
	.section.boxed .contact .code-container,
	.section.boxed .detail-info-box,
	.top-banner.detail~.main-content .boxed.has-gallery .code-container,.side-type-01~.detail-bottom-other .detail-ctrl .code-container,
	.boxed.has-gallery~.post-info-bottom>div,.boxed.has-gallery~.boxed.post-comment .title-02,
	.boxed.has-gallery~.boxed .comment-list,.boxed.has-gallery~.boxed .comment-form,
	.boxed.has-gallery:not(.has-side)~.detail-bottom-other .detail-ctrl .code-container{
		max-width: 1400px;
	}
	.top-banner.detail .text,.count-content,
	.header-01~.main-content .h_120.boxed.map,.header-01~.main-content .boxed.map{
		max-width: 1360px;
	}
}

.section.boxed.has-side{
	padding: 0;
}

.boxed.has-side{
	padding-top: 4%;
}
.boxed .pic-group-content{
	margin: 0 auto 30px;
}
.boxed .pic-group-content.margin{
	margin: 10px auto 30px;
}
.fullwidth .pic-group-content{
	max-width: 100%;
	margin: 0;
}
.fullwidth .code-container{
	padding-right: 70px;
	padding-left: 70px;
}
.fullwidth.true-full .code-container{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.section.boxed{
	position: relative;
	padding: 0 10%;
}
.section.boxed.has-gallery,
.section.boxed.has-gallery~.post-comment,
.section.boxed.has-gallery~.post-info-bottom{
	padding: 0;
}
.section.section_bg{
	background-color: #f7f8f9;
}
.section.fullwidth{
	position: relative;
}
.section-margin{
	margin-bottom: 100px;
}
.top-banner.section-margin,
.top-banner.detail,
.post-comment.section-margin{
	margin-bottom: 80px;
}
.margin-small{
	margin-bottom: 40px !important;
}
.w-for-00{
	padding: 0 !important;
}
.w-for-01{
	padding: 0 8% !important;
}
.w-for-02{
	padding:10px !important;
}
.filter-ctrl:empty{
	display: none;
}
.w-for-03{
	padding: 0 30px !important;
}
.section-title{
	position: relative;
	padding: 40px 0;
	text-align: center;
	z-index: 9;
}
.section-title.forfilter{
	padding-bottom: 20px;
}
.section-title.forfilter ~ .filter-ctrl{
	margin-top: 0;
}
.promo-box .section-title{
	margin-top: -60px;
	padding-bottom: 40px;
}
.section_bg .section-title{
	padding-top: 100px;
}
.section-title p{
	position: relative;
	width: 70%;
	margin: 20px auto 0;
	text-align: center;
	font-size: 1rem;
	line-height: 140%;
	letter-spacing: 0.5px;
}
.dark .section-title p{
	color: #ddd;
}
.section-title .h{
	position: relative;
	display: inline-block;
	text-align: center;
	margin-bottom:0;
	font-size: 44px !important;
	margin-top: 0;
}
.section-title p:after{
	content: '';
	position: absolute;
	width: 40px;height: 2px;
	top: -10px;
	left: 50%;
	margin-left: -20px;
}

/*apages setting ----------------------------------------------*/

.pages ul{
	font-size: 0;
	text-align: center;
	margin: 40px auto;
}
.pages li{
	position: relative;
	display: inline-block;
	margin: 6px;
	vertical-align: middle;
}
li .dots{
	width: 40px;height: 40px;
	border:2px solid #ebebeb;
	box-sizing:content-box;
}
.pages li .page-numbers{
	display: inline-block;
	width: 40px;height: 40px;
	line-height: 40px;
	font-size: 0.875rem;
	color: #555;
	border:2px solid #ddd;
	text-align: center;
	box-sizing:content-box;
}
.pages li .current{
	color: #343536;
	border-color: #343536;
}
.pages li:hover a{
	border-color: #555;
}
.pages li a:hover{
	color: #343536;
}

/*all type box setting ============================================================================================ */ 

/*info-box--------------------*/
.t-center{
	text-align: center;
}
.t-left{
	text-align: left;
}
.box-center{
	display: block;
	margin: 0 auto;
}
.code-container{
	position: relative;
	font-size: 0;
}
.code-container>br{
	display: none;
}
.code-box .img{
	margin: 20px 0;
}
.code-box .h+.info{
	margin-top: 20px;
}
.code-box>.h{
	margin-top: 0;
}
.code-box .h:empty+.info{
	margin-top: 0;
}
.code-box p{
	margin: 10px 0;
}
.code-box.t-center .h i{
	margin: 0;
	padding-bottom: 6%;
	display: block;
	font-size: 200%;
}
.code-box:not(.t-center)>.h>i{
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.code-box .h i:before{
	vertical-align: bottom;
}
.code-box img{max-width: 100%;}
.fullwidth .mix-box.type-01,.fullwidth .mix-box.type-02{
	margin:0;
}
/*mix-box--------------------*/
.mix-box{
	position: relative;
	font-size: 0;
}
.mix-box .img{
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.mix-box .info{
	position: relative;
	margin-bottom: 20px;
}
.mix-box p{
	margin-bottom: 15px;
	white-space: pre-line;
}
.mix-box:before{
	content: '';position: absolute;left: 0;bottom: 0;right: 0;top: 0;
}
.mix-box.dark{color: #fff;}
.mix-box.light{color: #343536;}
.mix-box.dark:before{background-color: #343536;}
.mix-box.light:before{background-color: #f4f5f5;}
.mix-box.type-05:before,.mix-box.type-06:before,.mix-box.type-04:before{background:none;}
.mix-box.light p{
	color: #666;
}
.mix-box.dark p{
	color: #fff;
}
.mix-box .text{
	display: inline-block;
	position: absolute;
	width: 50%;
	z-index: 2;
}
.mix-box.type-01 .text{
	padding:10%;
	position: relative;
	left: 50%;
}
.mix-box.type-01 .img,
.mix-box.type-02 .img{
	position: absolute;
	width: 50%;height: 100%;
	top: 0;
}
.mix-box.type-02 .text{
	padding:10%;
	position: relative;
	left: 0;
}
.mix-box.type-01 .img{
	left: 0;
}
.mix-box.type-02 .img{
	right: 0;
}

.mix-box.type-03{
	text-align: center;
}
.mix-box.type-03:before{
	display: none !important;
}
.mix-box.type-03 .img{
	position: relative;
	height: auto;
	padding-top: 35%;
	overflow: hidden;
}
.mix-box.type-03 .img img{
	position: absolute;
	height: 100%;
	width: auto;
	left: 50%;top: 0;
}
.mix-box.type-03 .text{
	position: relative;
	width: 50%;
	left: 0;
	padding: 40px 0;
}
.mix-box .text>.h{
	margin-bottom: 20px;
}


.mix-box.type-04 .img img{
	width: 100%;
}
.mix-box.type-04 .img{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
}
.mix-box.type-04{
	text-align: center;
	padding: 10% 0;
}
.mix-box.type-04 .text{
	position: relative;
	width: 60%;
	left: 0;top: 0;
	padding:60px;
	text-align: center;
}
.mix-box.type-04.dark .text{
	color: #fff;
	background-color: rgba(22,22,22,.8);
}
.mix-box.type-04.light .text{
	color: #343536 !important;
	background-color: rgba(255,255,255,.8);
}


.mix-box.type-05,.mix-box.type-06{
	background-color: transparent;
	padding: 3% 0;
}
.fullwidth .mix-box.type-05,.fullwidth .mix-box.type-06{
	margin: 0 2%;
}
.mix-box.type-05 .img{
	width: 66%;
	display: inline-block;
	margin-left: 34%;
}
.mix-box.type-06 .img{
	width: 66%;
	display: inline-block;
	margin-right: 34%;
}
.mix-box.type-05 .text-wrap,.mix-box.type-06 .text-wrap{
	position: absolute;
	width: 30%;
	top: 55%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 2;
}

.mix-box.type-05 .text-wrap{
	left: 0;
}
.mix-box.type-06 .text-wrap{
	right: 0;
}
.mix-box.type-05 .text,.mix-box.type-06 .text{
	position: relative !important;
	width: 100%;
}
.mix-box.type-05 .text .h,
.mix-box.type-06 .text .h{
	line-height: 110%;
	margin-bottom: 20px;
}
.mix-box.type-05 .text .h{
	width: 180%;
}
.mix-box.type-06 .text .h{
	width: 130%;
	left: -30%;
}

.mix-box.type-05 .text p{
	position: relative;
	left: 6%;
	line-height: 140%;
}
.mix-box.type-06 .text p{
	position: relative;
	line-height: 140%;
}
.mix-box.type-05 .text a.btn{
	left: 6%;
}


.mix-box.type-08.dark,.mix-box.type-07.dark{
	background-color: #ccc;
}
.mix-box.type-07 .text,.mix-box.type-08 .text,
.mix-box.type-07 .img,.mix-box.type-08 .img{
	position: relative;
	width: 49.9%;
	display: inline-block;
	vertical-align: middle;
	padding: 8%;
	z-index: 2;
}
.mix-box.type-07 .text,.mix-box.type-08 .text{
	padding:12% 8%;
}
.mix-box.type-07 .img{
	padding-right: 0;
}
.mix-box.type-08 .img{
	left: 49.9%;
	padding-left: 0;
}
.mix-box.type-08 .text{
	left: -49.9%;
	padding-left: 8%;
}

/* promo box ---------------------------------------------*/
.promo-group.margin{
	padding: 8px;
}
.site-border .promo-group.margin{
	margin-left: -16px;margin-right: -16px;
}
.promo-group.margin .promo-box a.promo-link-03{
	width: auto;height: auto;right: 0;bottom: 0;
}
.promo-group.margin .promo-box a.promo-link-03,
.promo-group.margin .promo-box .bg-color,
.promo-group.margin .promo-box .bg-img,
.promo-group.margin .promo-box .box-content{
	margin: 8px;
}
.promo-group .code-container{
	overflow: hidden;
}
.boxed.promo-group .code-container{
	border: 20px solid transparent;
}
.promo-box{
	position: relative;
	color: #fff;
	padding-bottom:0 !important;
	overflow: hidden;
}
.promo-box .box-content{
	position: absolute;
	left: 0;top: 0;bottom: 0;right: 0;
	overflow: hidden;
}
.promo-box .box-content:after{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.promo-box.h-1x.low{padding-top: 20%;}
.promo-box.h-2x.low{padding-top: 40%;}
.promo-box.h-1x.normal{padding-top: 25%;}
.promo-box.h-2x.normal{padding-top: 50%;}
.promo-box.h-1x.high{padding-top: 30%;}
.promo-box.h-2x.high{padding-top: 60%;}

.promo-box.dark .box-content{
	color: #fff;
	background-color: #343536;
}
.promo-box.dark .box-content p{
	color: #fff !important;
}
.promo-box .text>i{
	display: block;
	margin-bottom:20px;
	font-size: 50px;
}

.promo-box.light .box-content{
	color: #343536;
	background-color: #f0f0f0;
}
.promo-box.isOver .box-content{
	position: relative !important;
}
.promo-box.isOver{
	padding: 10% !important;
}

.bg-img{
	position: absolute;
	left: 0;top: 0;bottom: 0;right: 0;
	background-size: cover;
	z-index: 1;
}
.promo-box.col-5 .bg-img,
.promo-box.col-4 .bg-img,
.promo-box.col-3 .bg-img,
.promo-box.col-2 .bg-img,
.promo-box.col-3-4 .bg-img,
.promo-box.col-2-3 .bg-img,
.promo-box.col-4-10 .bg-img,
.promo-box.col-3-10 .bg-img{
	background-position: center !important;
}
.bg-color{
	position: absolute;
	left: 0;top: 0;bottom: 0;right: 0;
	z-index: 2;
}
.mix-box.type-01 .bg-color, .mix-box.type-02 .bg-color{
	z-index: 0;
}
.promo-box.light.has-link-full .bg-color:after{
	content: '';position: absolute; left: 0;top: 0;bottom: 0;right: 0;background-color: #fff;
	opacity: 0;
}
.promo-box .text .h:after{
	content: '';
	position: absolute;
	height: 2px;width: 24px;
	background-color: #fff;
	left: 0;bottom: -10px;
}
.promo-box:not(.has-link-full):not(.col-1) .text .h:after{
	display: none;
}
.promo-box.light .text .h:after{
	background-color: #343536;
}
.promo-box.t-center .text .h:after{
	left: 50%;margin-left: -12px;
}
.promo-box.has-link-full:hover .text .h:after{
	width: 48px;
}
.promo-box.has-link-full.t-center:hover .text .h:after{
	width: 48px;margin-left: -24px;
}

.promo-box.light.has-link-full:hover .bg-color:after{
	opacity: 0.4;
}
.promo-box .item{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	z-index: 2;
}
.promo-box.t-bottom .item{
	position: absolute;
	bottom: 0;left: 0;
}
.promo-box.t-top .item{
	position: absolute;
	top: 0;left: 0;
}
.promo-box.t-bottom .text,.promo-box.t-top .text{
	padding: 50px !important;
}

.promo-box.t-bottom .text>.h{
	margin-bottom: 0;
}
.promo-box.t-top .text>.h{
	margin-top: 0;
}
.promo-box.null-box{
	opacity: 0;
}
.promo-box .text{
	padding: 0 10%;
}
.promo-box.col-1 .text,.promo-box.col-3-4 .text{
	padding: 0 20%;
}
.promo-box.t-bottom.col-1 .text,.promo-box.t-bottom.col-3-4 .text,
.promo-box.t-left.col-1 .text,.promo-box.t-left.col-3-4 .text{
	padding: 5%;
}

.promo-box.t-bottom.text-bg .bg-color,.promo-box.t-center.text-bg .bg-color{
	opacity: 0;
}
.promo-box.text-bg:hover .bg-color{
	opacity: 1;
}
.promo-group.margin .promo-box.text-bg.t-bottom .bg-color{
	margin: 0 !important;
}
.promo-box.t-bottom.text-bg .text{
	position: relative;
	padding: 6% !important;
	text-align: center;
	background-color: rgba(14,15,16,.4);
}
.promo-box.t-bottom.text-bg.light .text{
	background-color: rgba(244,244,244,.7);
}
.promo-box.t-bottom.text-bg .h:after,
.promo-box.text-bg .bg-img:after{
	display: none;
}
.promo-box.text-bg .text .h{
	margin-top: 0;
}
.promo-box.text-bg .text p,.promo-box.text-bg .text .h,.promo-box.text-bg .text a,.promo-box.text-bg .text >i{
	position: relative;
	z-index: 4;
}
.promo-box.t-center.text-bg .text p,.promo-box.t-center.text-bg .text .h,.promo-box.t-center.text-bg .text a{
	top: 20px;
	opacity: 0;
}
.promo-box.t-center.text-bg .text >i{
	opacity: 0;
}
.promo-box.text-bg:hover .text p,.promo-box.text-bg:hover .text .h,.promo-box.text-bg:hover .text a,.promo-box.text-bg:hover .text>i{
	opacity: 1;
	top: 0;
}


.dark a.promo-link-01{color: #fff !important;}
.light a.promo-link-01{color: #343536 !important;}
.dark a.promo-link-01:after,.promo-box.light .bg-img:after{background-color: #fff !important;}
.light a.promo-link-01:after{background-color: #343536 !important;}
.dark a.promo-link-02{
	color: #343536 !important;
	background-color:#fff;
}
.light a.promo-link-02{
	color: #fff !important;
	background-color:#343536;
}
a.promo-link-02:hover{
	color: #fff !important;
}
a.promo-link-02{
	display: inline-block;
	padding: 5px 40px;
	font-size: 0.813rem;
	border-radius: 2px;
	margin-top: 25px;
}
.promo-box.col-1 a.promo-link-02,.promo-box.col-3-4 a.promo-link-02,.promo-box.col-2.h-2x:not(.low) a.promo-link-02{
	padding: 12px 50px;
}
.promo-box.col-1.t-center .text p{
	padding: 0 15%;
}
body:not(.mobile-mode) .promo-box.has-link-full:hover .bg-img:after{
	opacity: 0.3;
}
body:not(.mobile-mode) .promo-box.has-link-full:hover .bg-color{
	opacity: 0.85;
}
.promo-box .text img{
	width: 100%;
	margin: 20px 0;
    height: auto;
}
.promo-box .text a{
	color: #fff;
}
.promo-box.light .text a{
	color: #343536;
}
.promo-box .text p{
	margin: 20px 0 0;
	white-space: pre-line;
	line-height: 150%;
}
.promo-box:not(.has-link-full):not(.col-1) .text .h~p{
	margin-top: 10px;
}
.promo-box .text p:first-child{
	margin-top: 0;
}
.promo-box .text h1,.promo-box .text h2,.promo-box .text h3{
	line-height: 100%;
}
.promo-box .text p a{
	color: #fff;
	text-decoration: none;
}
.promo-box.dark .text a{
	color: #fff;
}
.promo-box.light .text a{
	color: #343536;
}
body:not(.mobile-mode) .promo-box .text p a:hover{
	opacity: 0.8;
}

/*  tabs_group--------------------------------------*/
.type-tabs{
	font-size: 0;
}
.type-tabs .nav{
	position: relative;
	z-index: 1;
}
.type-tabs.type-01 .nav{
	font-size: 0;
}
.type-tabs.type-01 .nav li{
	display: inline-block;
	vertical-align: bottom;
	border: 2px solid transparent;
}
.hidden{display: none;}
.type-tabs .nav li a{
	position: relative;
	font-size: 0.813rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #999;
}
.type-tabs.type-01 .nav li a i:before{
	color: #999;
}
.type-tabs.type-01 .nav li a{
	display: block;
	top: 1px;
	padding:20px 0;
	text-align: center;
	background-color: #f0f0f0;
}
.type-tabs.type-01 .nav li a.current,
.type-tabs.type-01 .nav li a.current i:before{
	color: #fff;
}
.type-tabs .tabs-item{
	line-height: 170%;
}
.tabs-item p:empty,.info p:empty{
	display: none;
}
.type-tabs .tabs-item:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.type-tabs.type-01 .tabs-item{
	padding:30px 0;
}
.tabs-item p{
	margin-bottom: 30px;
	margin-top: 0;
}
.tabs-item img{
	margin-bottom: 30px;
}
.type-tabs .nav li:hover a,
.type-tabs .nav li:hover a i:before{
	color: #555;
}

/*  acc_group--------------------------------------*/
.type-acc{
}
.acc_group dt{
	position: relative;
	padding: 30px 0;
	border-top: 1px solid #ddd;
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
}
.acc_group dt:after{
	content: "\e91d";
	position: absolute;
	top: 50%;right: 20px;
	margin-top: -8px;
	font-family: 'my_icons';
	font-size: 1.125rem;
}
.acc_group i{
	min-width: 60px;
	font-size: 150%;
	line-height: 90%;
	display: inline-block;
	vertical-align: middle;
}
.acc_group{
	margin-top: 20px;
	border-bottom: 1px solid #ddd;
}
.acc_group .info{
	margin-top: 0;
}
.acc_group dd{
	display: none;
	padding-bottom: 40px;
	font-size: 1.125rem;
	line-height: 140%;
}
.acc_group dt.current:after{
	content: "\e921";
}
.acc_group dd .info p{
	white-space: pre-line;
	margin: 0;
}
.type-acc>h4{
	font-size: 20px;
}

/*  icon-box --------------------------------------*/
.features-group{
	font-size: 0;
	padding: 100px 20px;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.section-title~.code-container .features-group{
	padding-top: 0;
}
.section.fullwidth .features-group.type-01 .container{
	padding:50px 60px 70px 60px;
}
.features-box{
	display: inline-block;
	position: relative;
	width: 33.333333%;
	padding: 15px;
	text-align: center;
	vertical-align: top;
}
.features-box .container{
	position: relative;
	overflow: visible;
}
.features-group.type-01 .features-box .container{
	background-color: #fff;
	padding: 30px 40px 50px 40px;
}
.features-group .img{
	background-size: cover;
	background-position: center;
}
.features-box .text{
	position: relative;
	z-index: 2;
}
.features-group.type-05 .text{
	padding: 0 20px;
}
.features-box .text>h4{
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 100%;
}
.features-group.type-03 .features-box .text>h4{
	padding: 0 20px;
}
.features-box .text h4~small{
	position: relative;
	top: -15px;
	opacity: 0.5;
	font-size: 0.875rem;
	color: #555;
}
.features-group.type-04 .features-box .text h4~small{
	top: -4px;
}
.features-box small:empty ~ em{
	margin-top: 20px;
}
.features-box em.intro{
	font-style: normal;
	color: #555;
	line-height: 150%;
	display: block;
}
.features-group.type-01 span.icon-wrapper{
	position: relative;
	display: block;
	width: 60px;height: 60px;
	margin: 0 auto;
	border-radius: 50%;
	color: #343536;
	z-index: 0;
}
.features-group.type-01 span.icon-wrapper i{
	position: relative;
	line-height: 60px;
	font-size: 50px;
	z-index: 2;
}
.features-group i.fa:before,
.features-group i.icon:before{
	vertical-align: baseline;
    line-height: 60px;
}
.features-group.type-01 .img{
	background-image: none !important;
}
.features-group.type-03 .img{
	background-image: none !important;
}
.for-features-02 .code-container{
	padding: 0 !important;
}
.for-features-02 .features-group{
	max-width: 100%;
	padding: 0;
}
.features-group.type-02 .features-box{
	padding: 0;
}
.features-group.type-02 .container{
	padding-top: 130%;
	overflow: hidden;
}
.features-group.type-02 .img{
	position: absolute;
	width: 100%;height: 100%;
	bottom: 0;left: 0;
	z-index: 1;
}
.features-group.type-02 .bg-color,
.features-group.type-02 .img:after{
	content: '';
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	background: rgba(22,22,22,.1);
	z-index: 0;
}
.features-group.type-02 span{
	position: absolute;
	right: 0;bottom: -10px;
	color: #fff;
	opacity: 0.1;
}
.features-group.type-02 span i:before{
	font-size: 100px;
}
.features-group.type-02 .text{
	position: absolute;
	width: 100%;
	bottom: 0;left: 0;
	text-align: left;
	padding:9%;
	background-color: rgba(19,20,21,.5);
	z-index: 2;
}
.features-group.type-02 .text:after{
	content: '';position: absolute;
	width: 1px;height: 100%;
	background-color: #fff;
	background-color: rgba(222,222,222,.1);
	top: 0;left: 0;
}
.features-group.type-02 .text a{
	color: #fff;
	opacity: 0.7;
}
.features-group.type-02 .text h4{
	color: #fff;
	font-size: 24px;
	line-height: 100%;
}
.features-group.type-02 .text h4~small{
	top: -5px;
	color: #fff;
}
.features-group.type-02 em.intro{
	display: block;
	position: relative;
	top: 40%;
	color: #ddd;
	padding: 10%;
	line-height: 150%;
	opacity: 0;
	z-index: 99;
	text-align: left;
}
.features-group.type-02 .container{
	margin: 10px;
}
.features-group.type-02 .text em.intro{
	display: none;
}
.fullwidth .features-group.type-02 em.intro{
	font-size: 20px;
}
.features-group.type-02 .container:hover .img .intro{
	opacity: 1;
	top: 35%;
}

body:not(.mobile-mode) .features-group.type-02 .container:hover span{
	opacity: 0.5;
	bottom: 8%;
}
body:not(.mobile-mode) .features-group.type-02 .container:hover .text a{
	opacity: 1;
}
body:not(.mobile-mode) .features-group.type-02 .container:hover .img:after{
	background: rgba(22,22,22,.7);
}

@media screen and (max-width: 959px){
	.features-group.type-02 .img .intro{
		display: none;
	}
	.features-group.type-02 .text em.intro{
		display: block;
		padding: 0;
		opacity: 1;
	}
}


.features-group.type-03 .container{
	padding-top: 100%;
	background-color: #fff;
}
.features-group.type-03 .img{
	position: absolute;
	width: 100%;
	height: 64%;
	left: 0;top: 0;
	text-align: center;
}
.features-group.type-03 .text{
	position: absolute;
	width: 100%;
	height: 35%;
	left: 0;bottom: 0;
	text-align: center;
}
.features-group.type-03 span{
	position: absolute;
	width: 100%;
	bottom: 7%;left: 0;
	z-index: 2;
	background-color: transparent !important;
}
.features-group.type-03 span i:before{
	font-size: 110px;
}
.features-group.type-03 em.intro{
	display: none;
}
.features-group.type-03 .features-box h4:after{
	content: '\e928';
	position:absolute;
	bottom: -50px;
	left: 0;right: 0;
	margin-left: -40px;
	font-family: 'my_icons';
	color: #fff;
	font-size: 100px;
	font-weight: normal;
	opacity: 0;
}
.features-group.type-03 .container:hover h4,
.features-group.type-03 .container:hover h4 a,
.features-group.type-03 .container:hover small,
.features-group.type-03 .container:hover span i:before{
	color: #fff;
}
body:not(.mobile-mode) .features-group.type-03 .container:hover span{
	bottom: 12%;
}
body:not(.mobile-mode) .features-group.type-03 .container:hover .text{
	bottom: 20px;
}
body:not(.mobile-mode) .features-group.type-03 .container:hover h4:after{
	opacity: 1;
	margin-left: 0;
}
.features-group.type-04 .container{
	position: relative;
	background-color: #fff;
	padding: 40px 50px 50px 30px;
	font-size: 0;
}
.features-group.type-04 .h{
	margin-bottom: 0;
}
.features-group.type-04 .img{
	position: absolute;
	top: 42px;left: 30px;
	width: 60px;height: 60px;
	background: none !important;
}
.features-group.type-04 .img span.icon-wrapper{
	position: absolute;
	top: 0;left: 0;bottom: 0;right: 0;
	text-align: left;
}
.features-group.type-04 .img span.icon-wrapper i{
	font-size: 42px !important;
}
.features-group.type-04 .text{
	display: block;
	padding-left: 60px;
	text-align: left !important;
}
.features-group.type-05 .features-box{
	margin-bottom: 10px;
}
.features-group.type-05 .img{
	width: 60%;
	margin: 0 auto 30px;
	padding-top: 60%;
}
body:not(.mobile-mode) .features-group.type-05 .container:hover .img{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.features-group.type-05 span.icon-wrapper{
	display: none;
}

.icon-wrapper.noIcon{
	display: none !important;
}

/*skill-bar---------------------------------------------------------------*/
.skill-group{
	position: relative;
	font-size: 0;
}
.skill-group .section-title{
	color: #fff;
	text-align: left;
	padding-top: 0;
}
.skill-group .section-title p:after{
	left: 0;
	margin: 0;
	background-color: #fff;
	z-index: -1;
}
.skill-group .section-title p{
	color: #fff;
	text-align: left;
	width: 100%;
}
.skill-img{
	position: absolute;
	width: 40%;
	height: 70%;
	left: 20px;top: 15%;
	background-size: cover;
	background-position: center;
}
.skill-img img{
	width: 100%;
}
.skill-group .code-container{
	padding: 20px;
	z-index: 9;
}
.skill-group .col-1{
	width: 50%;
	margin-left: 50%;
	padding-top: 100px;
	padding-bottom: 100px;
}
.skill-content{
	position: relative;
}
.skill-box{
	font-size:16px;
	margin-bottom: 30px;
}
.skill-box:last-child{
	margin-bottom: 0;
}
.skillbar{
	position:relative;
	margin-top:5px;
	width:100%;
	height: 3px;
	background-color: rgba(133,133,133,.5);
}
.skillbar-title{
	position:relative;
	color:#fff;
	white-space: pre-line;
}
.skillbar-bar{
	display: block !important;
	position: relative;
	height:3px;
	width:0px;
	background-color: #fff;
}
.skill-bar-percent{
	position:absolute;
	right:0;
	bottom: 0;
	padding-bottom: 5px;
	font-size:20px;
	color:#fff;
}

/*counter----------------------------------------------------------*/
.count-group{
	padding: 100px 0;
	position: relative !important;
	background-size: cover;
	margin: 0 auto;
}
.count-group.no-title{
	padding: 80px 0;
}
.count-group .section-title{
	padding-bottom: 40px;
}
.count-group.light{
	color: #343536;
	background-color: #f2f3f4;
}
.count-group.dark{
	color: #fff;
	background-color: #000;
}
.count-group.dark span{
	color: #ccc;
}
.count-content{
	position: relative;
	font-size: 0;
	margin: 0 auto;
	z-index: 1;
}
.boxed .count-content{
	padding: 0 5%;
}
.count-box{
	display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: center;
	padding: 20px;
	font-size: 60px;
	line-height: 50px;
}
.count-group.no-title .count-box{
	font-size: 60px;
}
.count-box.only-3{
	width: 33.333333%;
}
.count-box div.icon{
	font-size: 70%;
	margin-bottom: 15px;
}
p.counter{
	position: relative;
	margin: 10px 0;
}
.count-box span{
	display: block;
	margin-top: 20px;
}

/*clients-box------------------------------*/

.clients-group{
	margin: 20px;
}
.clients-box{
	position: relative;
	width: 16.66%;
	float: left;
	border-right: none;
	border-bottom: none;
	padding: 20px;
}
.dots-02 .slick-arrow{
	display: none !important;
}
.boxed .clients-box{
	width: 25%;
}
.clients-group.for-3 .clients-box{width: 33.333333%;}
.clients-group.for-4 .clients-box{width: 25%;}
.clients-group.for-5 .clients-box{width: 20%;}
.clients-box .img{
	background-position: center;
	background-size: cover;
	opacity: 1;
}
body:not(.mobile-mode) .clients-box .img:hover{
	opacity: 0.6;
}
body:not(.mobile-mode) .type-01 .clients-box .img:hover{
	box-shadow: 1px 1px 20px rgba(19,20,21,.2);
}

/*team-group--------------------------*/
.team-box{
	display: inline-block;
	position: relative !important;
	width: 25%;
	overflow: hidden;
	vertical-align: top;
}
.team-group.for-3 .team-box{
	width: 33.333333%;
}
.team-col-3 .team-box{
	width: 33.333333%;
}
.type-01 .team-box .container{
	padding-top: 130%;
}
.team-box .img{
	position: absolute;
	width: 100%;height: 102%;
	top: 0;left: 0;
	margin-top: 0;
	background-position: center;
	background-size: cover;
}
.boxed .team-group.type-01{
	padding: 20px;
}
.fullwidth .team-group.type-02{
	padding:0 70px;
}
.type-02 .team-box{
	padding: 20px;
}
.team-box .text span{
	font-size: 0.813rem;
	max-height: 16px;
    overflow: hidden;
}
.team-group.type-02 .container>.icon-box,
.team-group.type-01 .img .icon-box{
	display: none;
}
.type-02 .team-box .img{
	position: relative;
	padding-top: 100%;
	margin-bottom: 30px;
}
.type-02 .team-box .text{
	position: relative;
	text-align: center;
	z-index: 99;
}
.type-01 .team-box .text{
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 0.875rem;
	padding: 40px;
	color: #fff;
	text-align: center;
}
.team-box .img:after{
	content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-color: #343536;
	opacity: 0;
}
.type-01 .team-box .container:hover .text{
	bottom: 50px;
}
body:not(.mobile-mode) .team-box .container:hover .img:after{
	opacity: 0.7;
}
.team-box .text p{
	font-size: 26px;
	line-height: 100%;
}
.type-01 .team-box .text p{
	padding-bottom: 4px;
}
.type-02 .team-box .text p{
	margin-bottom: 5px;
}
.boxed .team-box .text p{
	font-size: 24px;
}
.type-01 .team-box .text>span{
	display: inline-block;
	padding-bottom: 10px;
}
.type-01 .team-box .layer{
	display: none;
	padding-top: 10px;
}
.type-01 .team-box em.intro{
	font-style: normal;
	font-size: 0.875rem;
	line-height: 150%;
}
.boxed .type-01 .team-box em.intro{
	font-size: 0.875rem;
}
.type-02 .team-box em.intro{
	display: inline-block;
	margin-top: 10px;
	color: #555;
	font-style: normal;
}
.type-01 .team-box .icon-box{
	position: absolute;
	width: 100%;
	bottom: -10%;left: 0;
	text-align: center;
	font-size: 0.875rem;
	opacity: 0;
	z-index: 3;
}
.type-02 .team-box .icon-box{
	position: absolute;
	width: 100%;
	top: 50%;left: 0;
	margin-top: 0;
	text-align: center;
	opacity: 0;
	z-index: 9;
}
.type-02 .team-box .container:hover .icon-box{
	opacity: 1;
	margin-top: -16px;
}
.team-box .icon-box i{
	display: inline-block;
	width: 36px;height: 36px;
	line-height: 34px;
	margin: 0 -2px;
	color: #fff;
	text-align: center;
	border: none;
	font-size: 1.125rem;
}
.type-02 .team-box .icon-box i{
	width: 42px;height: 42px;
	line-height: 40px;
}
.type-01 .team-box:hover .img{
	margin-top: -2%;
}
.type-01 .team-box .container:hover .icon-box{
	bottom: 30px;
	opacity: 1;
}

/*404 and nullpage ------------------------------------------*/
.page-404{
	position: relative;
	text-align: center;
	margin: 100px auto;
	padding: 4% 10%;
}
.page-404 .container{
	overflow: visible;
}
.page-404 .img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	overflow: visible;
	z-index: -1;
}
.page-404 .img img{
	position: relative;
	top: 50%;
	max-width: 100%;
	width: auto;
}
.page-null{
	margin: 0 auto 150px;
	padding: 4% 10%;
	max-width: 900px;
	text-align: center;
}
.page-null form{
	position: relative;
	margin: 40px 0;
}
.page-null h4,.page-null h5{
	font-weight: normal;
}

/*related-post and carousel box-------------------------*/
.no_counter #lg-counter{
	display: none !important;
}

.for-one-carousel{
	position: fixed !important;
	width: 100%;
	top: 50%;
}

.pic-type-carousel{
	font-size: 0;
}
.margin .carousel-box{
	padding: 15px;
}
.section:not(.section-margin) .pic-type-carousel.margin:not(.only-1){
	margin-top:15px !important; 
	margin-bottom:15px !important; 
}
.carousel-box{
	position: relative;
	display: inline-block;
	width: 25%;
	overflow: hidden;
}
.carousel-box .img img{
	position: relative;
	margin-top: -10px;
	top: 1px;
}
.pic-type-carousel .carousel-box.slick-slide .img{
	opacity: 0;
}
.carousel-box .text{
	position: absolute;
	width: 100%;
	padding: 0 80px;
	left: 0;top: 45%;
	opacity: 0;
	text-align: center;
	z-index: 2;
}
.carousel-box .text p{
	position: relative;
	font-size: 20px;
	color: #fff;
	margin-bottom: 12px;
	top: -30px;
}
.fullwidth .pic-group-content .carousel-box .text p{
	font-size: 30px;
}
:not(.mobile-mode) .pic-type-carousel[data-slick='{"slidesToShow": 4}'] .text p{
	font-size: 20px !important;
}
.carousel-box .text p.tag{
	font-size: 0.813rem !important;
	top: 0 !important;
}
.carousel-box .text p.tag span{
	display: inline-block;
	font-size: 0.75rem;
	padding:6px 10px;
	margin-right: 4px;
	background-color: #fff;
	color: #343536;
	font-family: sans-serif !important;
	opacity: 1;
}
.carousel-box .container:hover .img:after{
	opacity: 0.6;
}
.carousel-box .container:hover .img img{
	top: 10px;
}
.carousel-box .container:hover .text{
	top: 50%;
	opacity: 1;
}
.carousel-box .container:hover p{
	top: 0;
}

/*button-box-----------------------*/
.button-box{
	position: relative;
	padding: 4% 20px;
}
.button-box .text p:empty{
	display: block;
	margin-top: -10px;
}
.button-box.dark{
	color: #fff;
}
.button-box.ligth{
	color: #343536;
}
.button-box .container{
	margin: 0 auto;
	padding: 0 8%;
}
.button-box .text{
	position: relative;
	display: inline-block;
	width: 60%;
	vertical-align: middle;
	z-index: 3;
}
.button-box p{
	font-size: 1.125rem;
}
.button-box .h{
	margin-top: 0;
	line-height: 100%;
}
.button-box-btn{
	position: relative;
	display: inline-block;
	width: 40%;
	vertical-align: middle;
	text-align: right;
	z-index: 3;
}
.button-box-btn a i{
	margin-right: 10px;
}
.button-box-btn a{
	display: inline-block;
	padding: 4% 15%;
	font-size: 1.125rem;
	border: 3px solid;
}
.type-01 .button-box-btn a{
	color: #343536;
	background-color: #fff;
	border-color:#fff; 
}
.type-01.light .button-box-btn a{
	color: #fff;
	background-color: #343536;
	border-color:#343536; 
}
.type-02 .button-box-btn a{
	color: #fff;
	background-color: transparent;
	border-color:#fff; 
}
.type-02.light .button-box-btn a{
	color: #343536;
	background-color: transparent;
	border-color:#343536; 
}
.type-01 .button-box-btn a:hover{
	color: #fff;
	background-color: transparent;
}
.type-02 .button-box-btn a:hover{
	color: #343536;
	background-color: #fff;
}
.type-01.light .button-box-btn a:hover{
	color: #343536;
	background-color: transparent;
}
.type-02.light .button-box-btn a:hover{
	color: #fff;
	background-color: #343536;
}
.type-01 .button-box-btn a i,
.type-02 .button-box-btn a:hover i:before,
.type-01.light .button-box-btn a:hover i:before,
.type-02.light .button-box-btn a i{
	color: #343536;
}
.type-02 .button-box-btn a i,
.type-01 .button-box-btn a:hover i:before,
.type-02.light .button-box-btn a:hover i:before,
.type-01.light .button-box-btn a i{
	color: #fff;
}



/* header-banner and main-slider ==========================================================================================*/


video,.top-banner .media{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.top-banner{
	position: relative !important;
	background-size: cover;
	background-position: center;
	background-color: #343536;
	font-size: 0;
}

.in-viewport{
	background-position: center !important;
}
.top-banner .text{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 99.5%;
	padding: 0 20%;
	color: #fff;
	z-index: 100;
}
.top-banner:before{
	content: '';
	width: 0;height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.top-banner.b-type-02.detail:before,.top-banner.b-type-03:before{
	display: none;
}
.top-banner.b-type-02.detail .text{
	position: absolute;
	top: 50%;
	left: 50%;
}
.top-banner.b-type-03 .text{
	position: absolute;
	bottom: 8%;
}
.top-banner.b-type-04 .text{
	max-width: 50%;
}
.top-banner em,.banner-box .text em{
	display: block;
	position: relative;
}
.top-banner.b-type-01,.top-banner.b-type-03{
	padding: 0 11%;
}
.top-banner.b-type-02,.top-banner.b-type-04{
	text-align: center;
}
.b-type-04 .text{
	width: auto;
	max-width: 60%;
	padding: 4%;
	background-color: rgba(19,20,21,.6);
}
.b-type-04 .text.dark{
	background-color: rgba(255,255,255,.8);
}
.top-banner.b-type-01 .text{
	padding-left:20px;
	border-left: 3px solid #fff;
}
.top-banner.b-type-01 em,
.top-banner.b-type-03 em,
.banner-box .text em{
	margin-left: 5px;
	margin-top: 20px;
}
.top-banner.b-type-02 em{
	margin-left: 0;
	margin-top: 30px;
}
.top-banner .text em{
	line-height: 140%;
	font-weight: 100;
}
.banner-box .text em:empty{
	display: none;
}
.top-banner.b-type-04 p{
	margin: 0 auto 20px auto;
	font-size: 50px;
	line-height: 100%;
}
.top-banner.b-type-01 p{
	position: relative;
	top: -8px;
}
.top-banner.b-type-01 em{
	margin-top: 10px;
}
.top-banner.b-type-02 em:after{
	content: '';
	position: absolute;
	width: 30px;height: 2px;
	top: -14px;left: 50%;
	margin-left: -15px;
	background-color: #fff;
}
.top-banner.b-type-03 em:after{
	content: '─';
	position: absolute;
	left: -24px;top: 0;
}
.top-banner.b-type-01 p,.top-banner.b-type-02 p,.top-banner.b-type-03 p{
	font-size: 70px;
	line-height: 90%;
}
@media screen and (min-width: 1660px) {
	.top-banner.b-type-01 p,.top-banner.b-type-02 p,.top-banner.b-type-03 p{
		font-size: 85px;
	}
	.top-banner.b-type-04 p{
		font-size: 60px;
	}
}
.top-banner.b-type-02 p{
	width: 100%;
	text-align: center;
}
.top-banner.b-type-04 em{
	padding-bottom: 10px;
}
.top-banner.b-type-03 .text{
	width:80%;
	top: auto;
	bottom: 0;
	left: 0;
	padding: 9%;
}
.top-banner.b-type-03 p{
	width:80%;
}
.top-banner.detail .text{
	padding: 5%;
	z-index: 1000;
}
.top-banner .text.dark{
	color: #343536;
}
.top-banner.detail{
	background-color: transparent;
}
.top-banner.detail .text .h{
	line-height: 100%;
}
.top-banner.detail .text .h hr{
	margin: 20px auto 0;
}
.top-banner.detail .text .h small{
	position: relative;
	font-size: 22px;
}



/*main slider --------------------------- */

.main-slider{
	position: relative;
	width: 100%;
	background-color: #000;
}

.header-02.light~.main-content .section.boxed.has-side{margin-top: 60px;}
.header-02.light~.main-slider~.main-content .section.boxed.has-side,.header-02.light~.top-banner~.main-content .section.boxed.has-side{margin-top: 0;}
.only-gallery .has-gallery.has-side{margin-top: 120px !important;}
.pt-slider{
	position: absolute;
	left: 0;top: 0;
	width:100%;
	height:100%;
	overflow: hidden;
}
.pt-slider .item{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;top: 0;
	background-position: center;
	background-size: cover;
	background-color: #343536;
	z-index: 1;
}
.pt-slider .item.light{
	background-color: #f2f3f4;
}

.pt-play-ctrl{
	cursor:pointer;
}
.pt-play-ctrl>div:before{
	content: '';
	position: absolute;
	width: 44px;height: 24px;
	margin-left: -22px;left: 50%;top: 0;
	background-image: url(data/images/play.png);
	opacity: 0;
}
.pt-play-ctrl .stop:before{
	background-image: url(data/images/stop.png);
}
.pt-play-ctrl>div:hover:before{
	opacity: 1;top: -20px;
}
.pt-slider .play,.pt-slider .stop{
	position: absolute;
	width: 100%;height:100%;
	bottom: 0;right: 0;
	z-index: 10;
}

ul.pt-dots{
	position:absolute;
	width: 100%;
	bottom: 30px;
	left:0;
	text-align: center;
	z-index: 1000;
}

ul.pt-dots>li{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 19px;
	margin: 4px;
	vertical-align: bottom;
	font-size: 0;
	cursor:pointer;
}

ul.pt-dots>li:after,
.pt-slider .play:after{
	content: '';
	position: absolute;
	width: 100%;height: 3px;
	left: 0;top: 8px;
	background-color: rgba(233,233,233,.3);
}
ul.pt-dots>li.on:after{
	background-color: rgba(244,244,244,.6);
}

.pt-time-bar{
	position: absolute;
	left: 0;top: 8px;
	height: 3px; 
	width: 0;
	background-color: rgba(255,255,255,1);
}



.pt-slider.light ul.pt-dots>li:after,
.pt-slider.light .play:after{
	background-color: rgba(144,144,144,.6);
}
.pt-slider.light ul.pt-dots>li.on:after{
	background-color: rgba(44,44,44,.4);
}

.pt-slider.light .pt-time-bar{
	background-color: rgba(19,20,21,1);
}





/*custom -setting --------------------------------------------------*/
.blog-type-06{
	overflow: hidden;
}
.pt-slider .item{
	font-size: 0;
}
.pt-slider .item:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.pt-slider .text{
	width: 70%;
	padding: 0 10%;
	color: #fff;
	z-index: 9;
}

.pt-slider .light.active .h,
.pt-slider .light.active p{
	color: #343536;
}
.text hr {
	width: 60px;
	border: none;
	border-bottom:3px solid; 
	margin-bottom: 15px;
}
.pt-slider .text hr {
	width: 100px;
	border-width: 4px;
	border-bottom: none;
	margin-bottom: 0;
}
.pt-slider .text p{
	font-size: 1rem;
	margin: 20px 0;
	max-width: 60%;
	line-height: 150%;
}
.pt-slider .text.type-01 p{
	max-width: 80%;
}
.pt-slider .text .h{
	margin-top:15px;
	margin-bottom: 15px;
}

.pt-slider .text.t-left .h{
	width: 90%;
}
.pt-slider .text h4,
.pt-slider .text h5,
.pt-slider .text h6{
	display: block;
	max-width: 70%;
	line-height: 100%;
}
.pt-slider .text h1,
.pt-slider .text h2,
.pt-slider .text h3{
	line-height: 100%;
}

.pt-slider iframe{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;top: 0;
}
.iframe_wrap{
	position: relative;
	padding-top: 56.25%;
	margin: 30px 0;
}
.iframe_wrap iframe{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
}
.top-banner iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;top: 0;
}
.top-banner.video-post{
	text-align: center;
	height: auto !important;
	background-color: #141516;
}
.video-post .poster{
	position: relative;
	display: inline-block;
	width: 960px;height: auto;
	padding: 6% 0;
	z-index: 9;
}
.video-post .poster img{width: 100%;}
.video-post .poster a{
	position: absolute;
	width: 100px;height: 100px;line-height: 100px;text-align: center;
	left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;
	font-family: 'FontAwesome';color: #fff;
	border-radius: 50%;
	z-index: 10;font-size: 80px;
	cursor: pointer;
}
.video-post .poster a:hover{
	transform: scale(1.2,1.2);
}
.video-post .mp4-layer{
	position: fixed;width: 100%;height: 100%;top: 0;left: 0;
	background-color:rgba(0,0,0,0.8);
	display: none;z-index: 9999;
}.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:99999;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
    top:32px;
    z-index:99998;
}

.YouTubePopUp-Content{
    max-width: none;
    position: fixed;
    width: 100%;height: 100%;top: 0;left: 0;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;height: 100% !important;
    position:absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 1023px) {
	.v-boxed.section ~ .YouTubePopUp-Wrap .YouTubePopUp-Content iframe,.top-banner.v-boxed video{
		width: 960px !important;height: 640px !important;
		top: 50%;left: 50%;
		margin-top: -320px;margin-left: -480px;
	}
}
@media screen and (max-width: 1024px) {
	.video-post .poster{
		width: 100%;
		padding: 6%;
	}
	.top-banner.v-mp4 video{
		height: auto;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
}


.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close,.mp4-layer i{
    font-family: 'FontAwesome';
    position:fixed;
    width: 30px;height: 30px;right: 20px;top: 50%;margin-top: -15px;
    text-align: right;
    cursor: pointer;font-size: 30px;color: #fff;
    z-index: 2;
}

.YouTubePopUp-Close:hover,.mp4-layer i:hover{
    opacity:0.7;
}




 /*slider-type--------------------*/

.pt-slider .text.type-01{
	position: absolute;
	left: 0;bottom: 120px;
 	max-width: 60%;
 	padding-right: 0;
}
.pt-slider .text.t-left .img{
	padding-left: 10%;
}
.pt-slider .text.type-02.t-left .img{
	padding-left: 0;
}
.pt-slider .text.type-02{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 99.9%;
	padding: 0 10%;
	text-align: center;
}
.pt-slider .caption-img .text{
	height: 80%;
}
.pt-slider .text.type-02.t-left{
	padding: 0 30% 0 10%;
}
.pt-slider .text.type-01 hr{
 	margin-left: 0;
}
.pt-slider .text.type-02.t-left{
	text-align: left;
}
.pt-slider .text.type-02 .h,
.pt-slider .text.type-02 p{
	margin-left:auto;
	margin-right:auto;
}
.pt-slider .text.type-02.t-left .h,
.pt-slider .text.type-02.t-left p{
	margin-left:0;
}
.pt-slider .text.t-left .h,
.pt-slider .text.t-left hr{
	text-align: left;
	margin: 10px 0;
}
.pt-slider a.btn,.pt-slider .text p,.pt-slider .text .h{
	position: relative;
	top: 50px;
	opacity: 0;
}
.pt-slider .one a.btn,.pt-slider .one .text p,.pt-slider .one .text .h{
	top: 0;
	opacity: 1;
}
.pt-slider .text .img{
	opacity: 0;
	margin-top: 50px;
}
.pt-slider .one .text .img{
	opacity: 1;
	margin-top: 0;
}


.main-slider iframe{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
}
.pt-slider .text .img{
	position: relative;
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
}

/*slick-btn--------------------------------------*/
.slick-arrow,
.pt-prev,.pt-next{
	position: absolute;
	height: 40px;width: 40px;
	bottom: 20px;
	color: transparent;
	background-color: rgba(19,20,21,.05);
	border:2px solid #fff;
	cursor: pointer;
	z-index: 2222;
}
.light.mode-01 .slick-arrow,
.light.mode-02 .slick-arrow{
	border-color: #343536;
	background-color: transparent;
}
.light.mode-01 .slick-arrow:hover,
.light.mode-02 .slick-arrow:hover{
	background-color: #343536;
}
.pt-prev,.pt-next{
	margin-top: -25px;
}
.pt-slider .item.light{
	background-color: #fff;
}
.pt-slider.light .pt-next, .pt-slider.light .pt-prev{
	border-color: #343536;
	background-color: rgba(255,255,255,.05);
}
.mode-02 .dark .slick-arrow{
	background-color: rgba(19,20,21,.2);
}
.slick-prev{
	right: 58px;
}
.slick-next{
	right: 20px;
}
.pt-prev{
	left: 40px;
}
.pt-next{
	right: 40px;
}
.slick-arrow:after,
.pt-prev:after,
.pt-next:after{
	content: '';
	position: absolute;
	width: 100%;height: 100%;line-height: 36px;
	left: 0;top: 0;
	font-size: 0.75rem;
	font-family: "my_icons";
	text-align: center;
	color: #fff;
}
.light.mode-01 .slick-arrow:after,.light.mode-02 .slick-arrow:after{
	color: #343536;
}
.pt-slider.light .pt-prev:after, .pt-slider.light .pt-next:after{
	color: #343536;
}
.slick-prev:after,.pt-prev:after{content: "\e92d";}
.slick-next:after,.pt-next:after{content: "\e92e";}
.slick-arrow:hover,.pt-prev:hover,.pt-next:hover{background-color: rgba(244,244,244,1);}
.pt-slider.light .pt-next:hover, .pt-slider.light .pt-prev:hover{
	background-color: rgba(19,20,21,1);
}
.slick-arrow:hover:after,.pt-prev:hover:after,.pt-next:hover:after{color: #343536;}
.light.mode-01 .slick-arrow:hover:after,.light.mode-02 .slick-arrow:hover:after{color: #fff;}
.pt-slider.light .pt-next:hover:after, .pt-slider.light .pt-prev:hover:after{color: #fff;}
.slick-prev:hover:after,.pt-prev:hover:after{left: -4px;}
.slick-next:hover:after,.pt-next:hover:after{left: 4px;}
.pic-type-carousel .slick-arrow{
	width: 50px;height: 50px;
	top: 50%;bottom: auto;
	margin-top: -25px;
}
.pic-type-carousel .slick-arrow:after{
	line-height: 44px;
}
.pic-type-carousel .slick-next{right: 30px;}
.pic-type-carousel .slick-prev{left: 30px;right: auto;}


/*slick dots--------------*/
.slick-dots{
	position: absolute;
	bottom: 30px;width: 100%;
	left: 0;
	text-align: center;
	z-index: 2222;
}
.dots-02 .slick-dots{
	bottom: -40px;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	width: 14px;height: 14px;
	margin: 0 2px;
}
.slick-dots button{
	position: absolute;
	width:6px;height:6px;
	bottom: 0;
	left: 0;
	padding: 0;
	font-size: 0;
	color: transparent;
	border: none;
	background-color: rgba(222, 222, 222, 0.6);
	border-radius: 10px;
	cursor: pointer;
}
.dots-02 .slick-dots li{
	margin: 0 4px;
}
.dots-02 .slick-dots button{
	width: 12px;height: 12px;
	border: none;
	border: none;
	background-color: rgba(19,20,21,.09);
}
li.slick-active button{
	background-color: #fff;
}
.light li.slick-active button{
	background-color: #343536;
}
.light .slick-dots button{
	border-color: #333
}
.banner-box .slick-arrow,
.pt-next,.pt-prev{
	top: 50%;
	width: 50px;
	height: 50px;
}
.banner-box .slick-arrow:after,
.pt-prev:after,.pt-next:after{
	line-height: 46px;
}
.banner-box .slick-prev{
	left: 30px;
}
.banner-box .slick-next{
	right: 30px;
}
.banner-box{
	position: relative;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fullwidth .banner-box{
	margin-top: 0;
	margin-bottom: 0;
}
.banner-box .img,.banner-box img{
	margin-bottom: 0 !important;
}
.banner-box .img{
	height: 100%;
	width: auto;
	padding: 10px;
}
.banner-box .img img{
	height: 100%;width: auto;
}
.banner-box .item{
	position: relative;
}
.banner-box .text{
	position: absolute;
	width: 100%;
	left: 0;bottom: 14%;
	text-align: center;
}
.banner-box .slick-center.item .text.banner-text-move p,
.banner-box .slick-center.item .text.banner-text-move em{
	opacity: 1;
}
.banner-box .text p{
	margin-top: 8px;
	font-size: 30px;
	line-height: 90%;
	margin-bottom: 0 !important;
	opacity: 0;
}
.banner-box .text em{
	font-size: 0.875rem;
	margin: 0;
	opacity: 0;
}
.code-box .banner-box .text p{
	margin: 0;
}

/*transition-all-setting =========================================================================================================== */
.pt-slider a.btn{
	transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
}

.header-02 .header-base,.header-02 .main-menu,.header-01 .sub-menu:before,.header-01 .sub-menu li a,.logo,
.header-02 .main-menu>li.current-menu-parent:after,.header-02 li.current_page_item:after,
.nav-btn,.header-01 .header-base,.nav-icon,.btn-search,
a.btn,a.style-01:after,a.style-01:before,a.style-03:before,a.style-02:after,a.style-02:before,
a.style-04 i,a.style-05:after,.share-item a,
a.btn i,a.simple-more,
.pages li a,.btn-load-more.load a,
.arrow:after,.btn-back,.slick-arrow,.slick-arrow:after,
.filter-ctrl .active:after,
.top-banner.mode-01 .item:before,.top-banner.mode-04 .item:before,
.filter-ctrl li,p.tag span,a.date,.hover-02.normal .text-container,
.hover-02.normal .pic-box p.tag:before,
.hover-01.normal .pic-box .img:after,.pic-type-09 .img,
.blog-type-06 .text-container:after,
.features-group.type-02 .text,
.features-group.type-03 .container,
.features-group.type-03 .features-box .text,.features-group.type-03 h4,
.pt-prev:after,.pt-next:after,ul.pt-dots>li,.pt-prev:before,.pt-next:after,.pt-prev,.pt-next,.pt-slider a.btn.action,
.banner-box .text,.features-group.type-05 .img,
.mix-box.type-05 .text:before,
.hover-02.normal img,.pic-type-03-2 .pic-box img,.widget_most_popular .img,
p.counter,.promo-box.text-bg .text,
.gallery-layer,.gallery .text,
.blog-type-03 .img,.pic-type-13 .text,.pic-type-13 .img:after,
.features-group.type-02 .container,.features-group.type-02 .img:before,
.pic-type-03-2 .pic-box .img:after,
input,textarea,.promo-box.text-bg .bg-img,
.clients-box .img,.carousel-box .img:after,
.team-box .container,.team-box .img:after,.team-box .text,.team-box .img,
.carousel-box .img img,.carousel-box .img,
.detail-bottom-other .carousel-box,
.detail-ctrl .ctrl .text,.detail-ctrl .ctrl:after,.detail-ctrl span,.detail-ctrl .ctrl p,.ctrl-back:after,
.go-top,.promo-box.has-link-full .bg-img:after,.promo-box .bg-color:after,.promo-box .bg-color,
ul.pt-dots>li:after,.banner-box .text em,
.detail-share-item:after,.detail-share-item:before,.detail-share-item a,
.box-btn-more,.hide-side-box .item img,.promo-box.has-link-full .text .h:after,
.colorful .post-color,.post-gallery .img,
.video-post .poster a,.YouTubePopUp-Close{
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
}


button,a i,a.btn em,a.more-02,
.search_box i,
.text p a,.btn-load-more,
span.date,a.date,
.blog-box p a,.blog-type-02 p,
a.tag,a.more,.end-tags a,.reply a,.form-submit input,
.widget li a,.widget .tagcloud a,
.type-tabs .nav li a,
dl a,i:before,p a,
.acc_group dt,.type-01 .text>span,
.pt-slider .play:before,.pt-slider .stop:before,
.logged-in-as a,.lg-sub-html a,
.title-02 #cancel-comment-reply-link,
.count-box div.icon,
.features-group span,.features-group small,.features-group h4 a,
i,.button-box-btn a,.btn-load-more a,.footer-02 .footer-box.pt-social a,
.page-null button.search-submit span:after,.promo-box .text>a,.promo-box .text>a:after{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.h a,
.hover-01.normal .pic-box .img,
.hover-01.normal .pic-box .img img,
.blog-type-06 .text-container .text,.blog-type-02 p:after,
.features-group.type-02 span,.features-group.type-02 em.intro,
.features-group.type-02 .img:after,
.features-group.type-03 .features-box span,
.features-group.type-03 .features-box h4:after,
.hover-01.normal .pic-box .text,
.gallery .pic-box:after,
.team-box .icon-box,.team-box:after,
.carousel-box .text,.promo-box.text-bg .text .h,
.header-02 .sub-menu,.header-03 .sub-menu,
.blog-type-02 .img,.blog-type-02 .text,
.blog-type-03 .text,.carousel-box .text p,.pic-type-13 .text p{
	transition: all 0.4s 0.1s;
	-webkit-transition: all 0.4s 0.1s;
	-moz-transition: all 0.4s 0.1s;
	-o-transition: all 0.4s 0.1s;
	-ms-transition: all 0.4s 0.1s;
}
.banner-box .text p,
.hover-01.normal p.tag:before,.promo-box.text-bg .text p,
.hover-01.normal p.tag,
.gallery .text p:after,.pt-play-ctrl>div:before,
.detail-ctrl .ctrl:hover p{
	transition: all 0.4s 0.2s;
	-webkit-transition: all 0.4s 0.2s;
	-moz-transition: all 0.4s 0.2s;
	-o-transition: all 0.4s 0.2s;
	-ms-transition: all 0.4s 0.2s;
}
.promo-box.text-bg .text a{
	transition: all 0.4s 0.3s;
	-webkit-transition: all 0.4s 0.3s;
	-moz-transition: all 0.4s 0.3s;
	-o-transition: all 0.4s 0.3s;
	-ms-transition: all 0.4s 0.3s;
}

/*transition-opacity------*/
.normal .img:after,
.hover-02.normal .text-container:after,
.pic-type-01 .img:after,
.blog-type-01 .img:before,
.pt-slider .item:after{
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-webkit-transform: translateZ(0);
}
/*transition-top and opacity------*/
.normal .blog-box .img:before{
	-webkit-transition: top 0.4s,opacity 0.4s;
	-moz-transition: top 0.4s,opacity 0.4s;
	-o-transition: top 0.4s,opacity 0.4s;
	-ms-transition: top 0.4s,opacity 0.4s;
	-webkit-transform: translateZ(0);
}

.logo .light,.logo .dark,.fa.fa-search i:before,.nav-icon>i:before,.nav-icon:before,.post-gallery .box p,
.promo-box.text-bg .bg-img{
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
}


/*portfolio-setting ===================================================================================================== */

/*filter-----------*/
.filter-ctrl{
	margin:30px 0;
	color: #999;
	text-align: center;
	z-index: 99;
}
.fullwidth .filter-ctrl:empty{
	display: none;
}
.boxed .filter-02{
	margin-bottom: 20px;
}
.filter-ctrl li{
	display: inline-block;
	position: relative;
	margin: 0 20px;
	height: 30px;line-height: 30px;
	font-size: 0.75rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	cursor: pointer;
	visibility: visible;
}
.filter-ctrl li.active{
	color: #343536;
}
.filter-ctrl li:after{
	content: '';
	position: absolute;
	left: 50%;bottom: 5px;
	width: 0;height: 2px;
	background-color: #343536;
	display: none;
}
.filter-ctrl li.active:after{
	width: 100%;
	margin-left: -50%;
}
.filter-ctrl:hover li{
	color: #999 !important;
}
.filter-ctrl:hover li:after{
	background-color: #999;
}
.filter-ctrl li.active:hover:after{
	background-color: #333
}
.filter-ctrl li:hover{
	color: #343536 !important;
}


.pic-box{
	position: relative;
	float: left;
}
.text p a{
	word-wrap: break-word;
}
.pic-type-01 .pic-box{
	width: 40%;
	-webkit-transition:0s !important;
}
.pic-type-03 .pic-box,
.pic-type-06 .pic-box{
	width: 33.3333333%;
}
.pic-type-02 .pic-box,
.pic-type-05 .pic-box{
	width: 50%;
	overflow: hidden;
}
.pic-type-04 .pic-box,
.pic-type-07 .pic-box{
	width: 25%;
	overflow: hidden;
}
.pic-type-08 .pic-box{
	float: none;
	width: 100%;
}
.fullwidth .pic-type-08 .pic-box{
	padding: 0;
}
.pic-type-08.margin .pic-box{
	margin-top: 20px;
	margin-bottom:30px;
	padding: 0;
}
.boxed .pic-type-08.margin .pic-box{
	margin-top: 10px;
}
.pic-type-08 .pic-box:last-child{
	margin-bottom: 0 !important;
}
.pic-type-04 .pic-box .text p,
.pic-type-07 .pic-box .text p{
	font-size: 24px !important;
	line-height: 100%;
}
.for-header-03 .pic-type-04 .pic-box .text p,
.for-header-03 .pic-type-07 .pic-box .text p{
	font-size: 1.125rem !important;
}
.pic-type-04 .pic-box .text p.tag,
.pic-type-07 .pic-box .text p.tag{
	font-size: 0.75rem;
}
.pic-type-08 .pic-box .text p{
	font-size: 36px;
	line-height: 98%;
	text-align: center;
}
.margin .pic-box{
	padding: 10px;
}
.section .pic-group-content.pic-type-01{
	margin-top: 50px;
}
.fullwidth .pic-group-content.pic-type-01{
	padding: 0 20px;
}
.pic-type-01 .pic-box,
.pic-type-01-changed .text-container{
	position: relative !important;
}
.pic-type-01-changed{
	margin-top: 40px !important;
}
.pic-type-01-changed .pic-box{
	width: 100% !important;
	margin-bottom: 40px !important;
	padding:0 30px;
}
.pic-type-01-changed .text{
	padding: 10px 0;
}
.pic-type-01-changed  p.tag span{
	opacity: 1 !important;
}
.pic-type-01-changed .pic-box,
.pic-type-01-changed .text{
	position: relative !important;
	-webkit-transform: translateY(0) !important;
}
.pic-type-01 .img:after,.blog-type-01 .img:before{
	content: '';
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
	background: #fff;
	opacity: 0;
	z-index: 1;
	-webkit-transform: translateZ(0);
}
.pic-type-01 .pic-box:hover .img:after,.blog-type-01 .img:hover:before{
	opacity: 0.3;
}

.pic-type-01 .pic-box:nth-child(8n+1){
	width: 56%;
	margin-right: 4%;
	margin-top: 14%;
	margin-bottom: 18%;
}
.section-title ~ .pic-type-01 .pic-box:nth-child(8n+1){margin-top: 0;}
.pic-type-01 .pic-box:nth-child(8n+2){
	width: 36%;
	margin-left: 4%;
	margin-top: 15%;
}
.pic-type-01 .pic-box:nth-child(8n+3),
.pic-type-01 .pic-box:nth-child(8n+8){
	width: 75%;
	margin: 5% 0 10%;
	left: 18%;
}
.pic-type-01 .pic-box:nth-child(8n+3){
	margin-bottom: 18%;
}
.pic-type-01 .pic-box:nth-child(8n+8){
	margin-bottom: 0;
}
.pic-type-01 .pic-box:nth-child(8n+4){
	width: 32%;
	margin-right: 8%;
	margin-top: 10%;
}
:not(.mobile-mode) .pic-type-01 .pic-box:nth-child(8n+4):last-child{
	margin-bottom: 200px;
}
.pic-type-01 .pic-box:nth-child(8n+5){
	width: 56%;
	margin-left: 4%;
	margin-bottom: 18%;
}
.pic-type-01 .pic-box:nth-child(8n+6){
	width: 56%;
	margin:0 4% 12% 4%;
    margin-top: 10%;
}
.pic-type-01 .pic-box:nth-child(8n+6) .text-container{
	top: 70%;
}
.pic-type-01 .pic-box:nth-child(8n+7){
	width: 28%;
	margin-left: 4%;
	margin-top: 4%;
	margin-bottom: 10%;
}
.section-title ~ .pic-type-01 .pic-box:last-child{margin-bottom: 5% ;}
.pic-type-01 .pic-box:nth-child(8n+1) p,
.pic-type-01 .pic-box:nth-child(8n+4) p,
.pic-type-01 .pic-box:nth-child(8n+6) p{
	float: right;
}
.pic-type-01 .pic-box{
	font-size: 20px;
	color: #444;
}
.pic-box .text-container{
	position: absolute;
	width: 100%;
	z-index: 99;
}
.pic-box p{
	position: relative;
	line-height: 100%;
}
.pic-type-01 .pic-box p{
	width: 70%;
}
.pic-type-01 .text-container{
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 99;
}
.pic-type-01 .text{
	position: absolute;
	width: 100%;
}
.pic-type-01 p.tag{
	position: absolute;
	left: 20px;bottom: 20px;
	z-index: 1;
}
.pic-group-content p.tag span{
	display: inline-block;
	font-size: 0.75rem;
	/*font-family: sans-serif !important;*/
	margin-right: 8px;
	color: #555;
	opacity: 0;
}
.hover-02 p.tag span{
	color: #fff;
	opacity: 0.8;
}
.pic-type-01 p.tag span{
	padding: 4px 12px;
	margin: 8px 4px 0 0;
	background: #fff;
	color: #343536;
}
.pic-group-content .pic-box:hover p.tag span{
	opacity: 1;
}
/*photowall-01- title-setting---*/

.pic-type-01 .pic-box:nth-child(8n+1) .text{
	right: -10%;left: auto;
	margin-top: 10%;
	text-align: right;
	font-size: 48px;
}
.pic-type-01 .pic-box:nth-child(8n+2) .text{
	left: -10%;
}
.pic-type-01 .pic-box:nth-child(8n+3) .text{
	left: -20%;
	font-size: 60px;
}
.pic-type-01 .pic-box:nth-child(8n+4) .text{
	left: 0;
	font-size: 20px;
	text-align: left;
}
.pic-type-01 .pic-box:nth-child(8n+4) .text p{
	float: left;
}
.pic-type-01 .pic-box:nth-child(8n+4) .text-container{
	top: -15%;
}
.pic-type-01 .pic-box:nth-child(8n+5) .text{
	left: -10%;
	font-size: 40px;
}
.pic-type-01 .pic-box:nth-child(8n+6) .text{
	right: -8%;left: auto;
	text-align: right;
	font-size: 36px;
}
.pic-type-01 .pic-box:nth-child(8n+7) .text{
	left: -20%;
	margin-top: -20%;
	font-size: 24px;
}
.pic-type-01 .pic-box:nth-child(8n+8) .text{
	left: -20%;
	font-size: 70px;
}
.pic-type-01 .pic-box:nth-child(8n+2) .text-container{
    top: 20%;
}

/*photowall-normal-setting---*/

.container{
	position: relative;
	overflow: hidden;
}
.blog-type-01 .blog-box .container{
	overflow: visible;
}
.normal .pic-box .text-container{
	width: 100.1%;
	left: 0;bottom: 0;
	font-size: 24px;
	line-height:90%;
	overflow: hidden;
	color: #fff;
}
.pic-type-04.hover-01.normal .pic-box .text p{
	font-size: 1rem;
	line-height: 100%;
}
.hover-02.normal .pic-box .text-container{
	height: 100%;
}
.section:not(.margin) .promo-box.text-bg:hover .bg-img,
.pic-type-09 .pic-box:hover .img,
.hover-02.normal .container:hover img,
.pic-type-03-2 .pic-box .img:hover img{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.promo-box.col-1.text-bg .bg-img{
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	transform: scale(1) !important;
}
.pic-type-09 .img{
	-webkit-transform: scale(1.005);
	-ms-transform: scale(1.005);
	-moz-transform: scale(1.005);
	transform: scale(1.005);
}
.hover-02.normal p{
	font-size: 24px;
}
.pic-type-02.hover-02.normal p,
.pic-type-05.hover-02.normal p{
	font-size: 36px;
}
.hover-02.normal .pic-box .text-container:after,
.hover-01.normal .pic-box .img:after,
.normal .blog-box .img:after,.normal.blog-type-03 .blog-box .img:before,
.pic-type-13 .img:after,.gallery .pic-box:after,
.carousel-box .img:after,.promo-box.has-link-full .bg-img:after,
.colorful .post-color,.media:after{
	content: '';
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	background-color: #343536;
	opacity: 0;
}
.colorful .post-color{
	z-index: 1;
}
.colorful.hover-02 .text-container:after{
	display: none;
}
.hover-02.normal .pic-box .text-container:after{
	z-index: -1;
}
.normal .pic-box .text{
	width: 100%;height: 100%;
}
.hover-01.normal .pic-box .container{
	background-color: #fbfbfb;
}
.hover-01.normal .pic-box .text-container{
	height: 100%;
	color: #343536;
	z-index: 2;
}
.hover-01.normal .pic-box .img:after{
	background-color: #fff;
	margin: 0;
}
.hover-01.normal .text-container{
	font-size: 0;
}
.hover-01.normal .text-container:after{
	content: '';
	display: inline-block;
	width: 0.2%;height: 100%;
	vertical-align: middle;
}
.hover-01.normal .pic-box .text{
	display: inline-block;
	width: 99.5%;
	height: auto;
	padding: 40px;
	text-align: center;
	vertical-align: middle;
	opacity: 0;
}
.hover-01.normal .pic-box .text p{
	opacity: 1;
	top: -10px;
}
.hover-01.normal .pic-box p.tag{
	top: 20px;
}
.hover-01.normal .pic-box p.tag span{
	opacity: 1;
	margin: 0 4px;
}
.hover-01.normal p.tag:before{
	content: '';position: absolute;
	width: 0;height: 2px;
	left: 50%;margin-left: 0;
	top: -6px;
	background-color: #343536;
}
.pic-type-08.hover-01.normal p.tag:before{
	top: 0;
}
.hover-01.normal .pic-box .text p{
	font-size: 20px;
	margin:14px 0;
}
.pic-type-04.hover-01.normal .pic-box .text p{
	margin: 10px 0;
}
.pic-type-04.hover-01.normal .pic-box .text p.tag{
	margin-top: 14px;
}
.pic-type-08.hover-01.normal .pic-box .text p{
	font-size: 40px;
	margin: 20px 0;
}
.hover-01.normal .container:hover p.tag:before{
	width: 40px;
	margin-left: -20px;
}
.hover-01.normal .container:hover p{
	top: 0;
}
.hover-01.normal .pic-box .container:hover .text{
	top: 50%;
	opacity: 1;
}
.hover-01.normal .pic-box .container:hover .img:after{
	opacity: 0.8;
	margin: 20px;
}



.hover-02.normal .pic-box .text{
	position: absolute;
	top: 0;left: 0;
	padding: 8%;
	height: auto;
}
.pic-type-08.hover-02.normal .pic-box .text{
	padding: 60px;
}
.hover-02.normal .pic-box .text p{text-align: left;}
.hover-02.normal .pic-box p.tag span{margin-top: 10px;}
.hover-02.normal .pic-box p.tag:before{
	content: '';position: absolute;width: 0;height: 2px;left: 0;top: 4px;
	background-color: #fff;
}
.hover-02.normal .pic-box .container:hover p.tag:before{
	width: 30px;
}
.hover-02.normal .pic-box .container:hover .text-container:after{opacity: 0.7;}
.hover-02.colorful .container:hover .post-color,
.pic-type-13.colorful .container:hover .post-color,
.pic-type-03-2.colorful .img:hover .post-color,
.pic-type-carousel.colorful .container:hover .post-color{
	opacity: 0.8;
}
.pic-type-13.colorful .img:after,
.pic-type-03-2.colorful .img:after,
.pic-type-carousel.colorful .img:after{
	opacity: 0 !important;
}
.normal .pic-box .text p{
	margin: 4px 0;
	transition: top 0.4s,opacity 0.4s;
	-webkit-transition: top 0.4s,opacity 0.4s;
	-moz-transition: top 0.4s,opacity 0.4s;
	-ms-transition: top 0.4s,opacity 0.4s;
	-o-transition: top 0.4s,opacity 0.4s;
	opacity: 0;
}
.hover-02.normal .pic-box .text p{
	top: 20px;
}
.hover-02.normal .pic-box .container:hover .text p{
	top: 0;left: 0;
	opacity: 1;
}
.pic-group-content.normal .img{
	width: 100%;
	overflow: hidden;
}
.pic-type-03-2{
	font-size: 0;
	margin-top: 10px !important;
}
.pic-type-03-2:not(.margin){margin-top: 30px !important;}
.fullwidth .pic-type-03-2{margin-top: 0 !important;}

.pic-type-03-2 a.tag{
	color: #888;
}
.pic-type-03-2 .pic-box{
	float: none;
	display: inline-block;
	width: 33.333333%;
	vertical-align: top;
	padding-bottom: 40px;
}
.pic-type-03-2 .pic-box .img:after{
	content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;
	background-color: #fff;border: none;
	opacity: 0;
}
.pic-type-03-2 .pic-box .img:hover:after{
	opacity: 0.3;
}
.pic-type-03-2 .pic-box .text{
	position: relative !important;
	overflow: hidden;
	text-align: center !important;
	padding: 0 20px;
}
.pic-type-03-2 .text-container{
	position: relative;
	padding:20px 0;
}
.pic-type-03-2 .text p{
	opacity: 1 !important;
	color: #343536;
	font-size: 20px;
	line-height: 100%;
	margin-bottom: 10px !important;
	text-align: center !important;
}


/*gallery-----------------------------------------------------------*/
html.has-wp-bar .lg-toolbar{
	top: 32px;
}

.lg-sub-html a{
	color: #fff;
}
.lg .lg-sub-html{
	padding: 22px;
}

/* gallery btn-load-more --------------------*/
.btn-load-more{
	position: relative;
	width: 200px;
	margin: 0 auto;
}
.btn-load-more a{
	display: block;
	padding: 50px 0;
	text-align: center;
}
.btn-load-more a{
	color: #888;
	font-size: 0.75rem;
}
.btn-load-more a:hover{
	color: #343536;
}
.btn-load-more.load a{
	color: #f0f0f0;
}

.load span,
.lg-outer .lg-item:after{
	position: absolute;
	left: 50%;top: 50%;
	margin: -9px 0 0 -9px;
	width: 18px;
	height: 18px;
	-webkit-animation: circle infinite .75s linear;
	   -moz-animation: circle infinite .75s linear;
		 -o-animation: circle infinite .75s linear;
			animation: circle infinite .75s linear;
	border:1px solid #343536;
	border-top-color: transparent !important;
	border-radius: 50%;
	z-index: 99;
}
.btn-load-more.load:after{
	content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-color: rgba(19,20,21,0);
	z-index: 9;
}


@keyframes circle{
	0%{
		-webkit-transform: rotate(0);
			-ms-transform: rotate(0);
			 -o-transform: rotate(0);
				transform: rotate(0);
	}
	100%{
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			 -o-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}

@-webkit-keyframes circle{
	0%{
		-webkit-transform: rotate(0);
			-ms-transform: rotate(0);
			 -o-transform: rotate(0);
				transform: rotate(0);
	}
	100%{
		-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			 -o-transform: rotate(360deg);
				transform: rotate(360deg);
	}
}

.gallery .text p,.gallery .text p:hover{
	color: #fff !important;
}
.gallery .text{
	position: absolute;
	top: 20px;
	left: 40px;
	padding-right: 20%;
	font-size: 1.125rem;
	color: #fff;
	z-index: 10;
	opacity: 0;
}
.gallery .text p:after{
	content: '';position: absolute;
	width: 0;height: 2px;
	left: 0;bottom: -10px;
	background-color: #fff;
}
.gallery .pic-box:hover .text{
	top: 40px;
	opacity: 1;
}
.gallery .pic-box:hover .text p:after{
	width: 30px;
}
.gallery .pic-box,
.type-lightbox .img,
.type-lightbox:not(.pic-type-01) .pic-box{
	overflow: hidden;
	cursor: pointer;
}
.type-lightbox .text{
	cursor: pointer;
}
.fullwidth .pic-group-content.pic-type-09{
	margin: 0;
}
.pic-type-09 .pic-box{
	width: 20%;
	padding-bottom: 20%;
}
.pic-type-09 .pic-box:nth-child(16n+1),
.pic-type-09 .pic-box:nth-child(16n+6),
.pic-type-09 .pic-box:nth-child(16n+11){
	width: 40%;
	padding-bottom: 40%;
}
.mobile-mode .pic-type-09 .pic-box{
	width: 25% !important;
	padding-bottom: 25% !important;
}
.gallery .pic-box .img{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-size: cover;
	background-position: center 15%;
	z-index: 8;
}
.gallery .pic-box:after{
	z-index: 9;
}
.gallery .pic-box:hover:after{
	opacity: 0.5;
}
.pic-group-content.pic-type-10{
	font-size: 0;
	margin: 100px auto;
	padding-top: 5%;
}
.pic-type-10 .pic-box{
	display: inline-block;
	position: relative !important;
	width: 30%;
	padding-top: 30%;
	margin-bottom: 5%;
	overflow: visible;
	vertical-align: middle;
	z-index: 1;
}
.pic-type-10 .pic-box:nth-child(8n+1){
	width: 65%;padding-top: 42%;
	margin-left: 8%;
	margin-right: 20%;
	margin-bottom: 10%;
}
.pic-type-10 .pic-box:nth-child(8n+2){
	width: 23%;padding-top: 23%;
	margin-left: 14%;
	margin-top: 10%;
	z-index: 3;
}
.pic-type-10 .pic-box:nth-child(8n+3){
	width: 44%;padding-top: 30%;
	margin-left: 12%;
	z-index: 4;
}

.pic-type-10 .pic-box:nth-child(8n+4){
	width: 50%;padding-top: 34%;
	margin-top: 12%;
	margin-left: 30%;
	margin-right: 10%;
	z-index: 2;
}
.pic-type-10 .pic-box:nth-child(8n+5){
	width: 24%;padding-top: 24%;
	margin-top: 0;
	left: 10%;
}

.pic-type-10 .pic-box:nth-child(8n+6){
	width: 66%;padding-top: 44%;
	margin-top: -5%;
	margin-bottom: 20%;
	margin-left: 27%;
	z-index: 4;
}
.pic-type-10 .pic-box:nth-child(8n+7){
	width: 30%;padding-top: 21%;
	margin-top: -10%;
	margin-left: 7%;
}
.pic-type-10 .pic-box:nth-child(8n+8){
	width: 50%;padding-top: 35%;
	margin-top: 10%;
	margin-left: 6%;
	margin-bottom: 25%;
	z-index: 3;
}
.fullwidth .pic-type-11{
	margin-bottom: 0 !important;
}
.detail-info .pic-type-11{
	margin-bottom: 30px !important;
}
.pic-type-11 .pic-box,.detail-info .fullwidth .pic-type-11 .pic-box{
	width: 33.333333%;
	padding-top: 24%;
	overflow: visible;
}
.fullwidth .pic-type-11 .pic-box{
	width: 25%;
	padding-top: 18%;
}
.detail-info .pic-group-content{
	margin: 30px 0 !important;
	padding: 0 !important;
}



.fullwidth .pic-type-13{
	margin-left: 0;margin-right: 0;margin-bottom: 0;
}
.fullwidth .pic-type-13.margin{
	margin: 10px;
}
.pic-type-13 .pic-box{
	width: 25%;
}
.pic-type-13 .pic-box:nth-child(12n+1),
.pic-type-13 .pic-box:nth-child(12n+7),
.pic-type-13 .pic-box:nth-child(12n+2),
.pic-type-13 .pic-box:nth-child(12n+8){
	width: 50%;
}
.pic-type-13 .container{
	padding-top: 100%;
}
.pic-type-13 .pic-box:nth-child(12n+2) .container,
.pic-type-13 .pic-box:nth-child(12n+8) .container{
	padding-top: 50%;
}
.pic-type-13.margin .pic-box:nth-child(12n+1) .container,
.pic-type-13.margin .pic-box:nth-child(12n+7) .container{
	padding-top: calc(100% + 10px);
	padding-top: -webkit-calc(100% + 10px);
	padding-top: -ms-calc(100% + 10px);
	padding-top: -moz-calc(100% + 10px);
	padding-top: -o-calc(100% + 10px);
}
.pic-type-13.margin .pic-box{
	padding: 0;
	border: 10px solid transparent;
}
.pic-type-13 .img{
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
	background-position: center;
	background-size: cover;
}
.pic-type-13 .text{
	position: absolute;
	left: -30px;top: 0;
	width: 100%;
	padding: 40px;
	opacity: 0;
	z-index: 2;
}
.pic-type-13 .text a,.pic-type-13 .text{
	color: #fff;
}
.pic-type-13 .text p{
	font-size: 24px;
	margin-bottom: 8px;
	left: -20px;
}
.pic-type-13 .pic-box:nth-child(12n+1) .text p,
.pic-type-13 .pic-box:nth-child(12n+7) .text p{
	font-size: 40px;
}
.pic-type-13 .container:hover .text{
	opacity: 1;
	left: 0;
}
.pic-type-13 .container:hover .text p{
	left: 0;
}
.pic-type-13 .container:hover .img:after{
	opacity: 0.6;
}

/*lightbox*/
.lg-backdrop{
	background-color: rgba(22,24,26,.9);
	z-index: 9992;
}
.lg-toolbar,.lg-actions .lg-next, .lg-actions .lg-prev{
	background-color: rgba(22,24,26,.3);
}
.lg-outer .lg-item{
	background: none;
}
.lg-outer .lg-item:after{
	content: '';
	border-color: #fff;
	opacity: 0.6;
	z-index: -1;
}
.lg-sub-html{background-color: transparent;}
.lg-outer{z-index: 9993;}
.lg-outer .lg-img-wrap{padding: 60px 5px;}
.lg-toolbar .lg-icon,.lg-icon{
    font-family: 'my_icons';
    font-size: 1.125rem !important;
    font-weight: 100;
}
.lg-toolbar .lg-icon:after,.lg-actions .lg-next:before,.lg-actions .lg-prev:after{color: #f0f0f0;opacity: 0.8;}
.lg-toolbar .lg-icon:hover:after,.lg-actions .lg-prev:hover:after,.lg-actions .lg-next:hover:before{opacity: 1;}
.lg .lg-sub-html {padding: 15px;}
.lg-toolbar .lg-close:after{content: '\e117';}
.lg-toolbar #lg-actual-size:after{content: '\e110';}
.lg-toolbar #lg-zoom-out:after{content: '\e038';}
.lg-toolbar #lg-zoom-in:after{content: '\e037';}
.lg-actions .lg-prev:after{content: '\e094';font-size: 22px !important;}
.lg-actions .lg-next:before{content: '\e095';font-size: 22px !important;}

/*  detail-setting =================================================================================================================*/

.section.fullwidth .detail-info-box{
	width: 90%;
}
.detail-info-box{
	position: relative;
	margin: 80px auto;
	padding: 0 20px;

}
.default-detail-info{
	padding: 0 20px;
}
.end-tags{
	display: inline-block;
	height: 30px;
}
.project-meta{
	position: relative;
	display: inline-block;
	top: 4px;
}
.project-meta span{
	color: #999;
}

.project-meta p,.project-meta span,.project-meta a{
	display: inline-block;font-size: 0.875rem;
	vertical-align: baseline;
	margin-right: 6px;
	line-height: 30px;
}
.project-meta p{
	margin-right: 20px;
}
.default-detail-info .img{
	margin-bottom: 30px;
}
.default-post-info .meta-label{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 20px;
}
.default-post-info .meta-label>i{
	display: block;
	font-size: 0.875rem !important;
	font-style: normal;
	margin-bottom: 4px;
	color: #000;
}

.default-post-info .right{
	display: inline-block;
	vertical-align: top;
	width: 75%;
	padding: 0 20px;
}
.default-post-info .right .section.boxed{
	padding: 0 !important;
}
.left-null.default-post-info .meta-label{
	display: none;
}
.left-null.default-post-info .right{
	width: 100%;
}
.default-post-info .meta-label p{
	white-space: pre-line;
	margin-bottom: 20px;
	font-size: 0.875rem;
	color: #888;
}
.detail-info p{
	position: relative;
	margin-bottom: 20px;
	white-space: pre-line;
}
.detail-info :not(.pic-box) img,
.default-detail-info :not(.pic-box) img{
	margin-bottom:30px;
}
.detail-info img~img,
.default-detail-info img~img,
.default-detail-info .img img:nth-child(1){
	margin-top: 0;
}
.default-post-info .img .item img{
	margin: 0;
}
.default-post-info a.btn{margin-bottom: 20px;}
.post-info-bottom{
	margin-left:auto;
	margin-right:auto;
}
.post-info-bottom>div{
	position: relative;
    margin: 0 auto;
    padding: 0 20px 20px;
}
.post-info-bottom{
	position: relative;
	margin-bottom: 40px;margin-top: 10px;
	font-size: 0;
}
.post-info-bottom>div:before{
	content: '';position: absolute;left: 0;right: 0;bottom: 0; height: 2px;background-color: #f3f4f5;margin:0 20px;
}
.page-links,.no-comments{
	padding: 20px;
}
.page-links a{
	display: inline-block;
	margin-right: 20px;
}
.default-detail-title{
	position: relative;
	top: -5px;
	margin-bottom: 20px;
}
.default-detail-title .h{
	line-height: 120%;
	font-size: 30px;
    margin-bottom: 15px;
    margin-top: 0;
}
.side-type-02 .default-detail-title .h{
	font-size: 40px;
}
.default-detail-title dl{
	display: inline-block;
	padding-right: 40px;
	vertical-align: top;
	letter-spacing: 0.5px;
	font-size: 0.75rem;
	color: #999;
}
.default-detail-title dd,.default-detail-title dt{
	display: inline-block;
	margin-right: 6px;
	line-height: 20px;
}
.detail-share-item{
	position: relative;
	float: right;
	min-width: 80px;
	height: 30px;
	top: 2px;
	margin-bottom: 20px;
	overflow: hidden;
}
.detail-share-item:before{
	content: 'SHARE';
	position: absolute;
	right: 0;top: 1px;
	font-size: 0.75rem;
	line-height: 40px;
}
.detail-share-item:after{
	content:"\e081";
	position: absolute;
	right: 50px;top: 0;
	font-family: 'my_icons';
	font-size: 20px;
	line-height: 40px;
}
.detail-share-item a{
	position: relative;
	display: inline-block;
	left: 40px;
	line-height: 40px;
	text-align: center;
	opacity: 0;
}
.detail-share-item:hover:after,
.detail-share-item:hover:before{
	opacity: 0;
	visibility: hidden;
}
.detail-share-item:hover a{
	left: 0;
	width: 30px;
	margin-left: 10px;
	opacity: 1;
}
.banner-bg,
.top-banner.mode-01.one-img.small .banner-bg{
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.3;
}
.top-banner.detail{padding: 0;overflow: hidden;}
.top-banner img{
	width: 100%;
	height: auto;
}
.top-banner.mode-01 img{
	visibility: hidden;
}
.top-banner .slick-arrow{
	height: 50px;width: 50px;
}
.top-banner .slick-arrow:after{
	line-height: 46px;
}
.top-banner .slick-prev{
	right: 68px;
}
.top-banner.mode-03 .slick-arrow{
	right: 50%;
	margin: 0;
}
.top-banner.mode-03 .slick-list,
.top-banner.mode-03 .slick-track{
	height: 100% !important;
}
.top-banner.mode-03 .slick-next{
	margin-right: -48px;
}
.top-banner.mode-01 .item,.top-banner.mode-04 .item{position: relative;}
.top-banner.mode-01 .item:before{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	background-color: rgba(22,22,22,.5);
	z-index: 99;
}
.top-banner.mode-01.light .item:before{
	background-color: rgba(255,255,255,.3);
}
.top-banner.mode-01.one-img .item:before{
	display: none;
}
.top-banner.mode-01 .item.slick-center:before{background-color: rgba(22,22,22,.0);}
.top-banner.mode-01.light .item.slick-center:before{background-color: rgba(255,255,255,.0);}
.top-banner .item img{
	width: auto;
	height: 100%;
	visibility: visible;
}
.top-banner .slick-arrow{
	bottom: 6%;
	margin-right: 5%;
}
.header-03 ~ .top-banner.mode-04,
.header-03 ~ .top-banner.mode-03{
	margin-top: 30px;
}
.top-banner.mode-04 .slick-arrow{
	bottom: 40px;
	margin-right: 20px;
}
.top-banner.mode-01 img{
	position: relative;
	display: inline-block;
	width: auto;
	visibility: visible;
	text-align: center;
	z-index: 9;
}
.top-banner.mode-01 .item{
	overflow: hidden;
}
.top-banner.mode-01.small .img{
	text-align: center;
	padding: 6% 0;
}
.header-02.type-02-2~.top-banner.mode-01.small .img{
	padding: 3% 0;
}
.top-banner.mode-01.small .img img{
	box-shadow: 2px 2px 30px rgba(1,1,1,.3);
}
.top-banner.mode-01.one-img img{
	visibility: hidden;
	width: 100%;
}
.top-banner.mode-01.one-img.small img{
	visibility: visible;
	width: auto;
}
.top-banner.mode-01.one-img .banner-bg{
	opacity: 1;
}
.top-banner.mode-02 img,
.top-banner.mode-04 img{
	width: 100%;
	height: auto;
}
.margin-box.if-mode-03{
	height: 120px;
}
.top-banner.mode-03 .img img{
	margin: 0 auto;
}
.top-banner.detail.small{
	background-color: #343536;
}
.top-banner.mode-04{
	margin-bottom: 40px !important;
}
.top-banner.mode-04 .item{
	width: 33.333333%;
	margin: 20px;
}
.top-banner.mode-04 .low .item{
	margin-left: 0;
	margin-right: 0;
}
.top-banner.mode-04 .item .item-bg{
	padding-top: 100%;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.top-banner.mode-04 .low .item .item-bg{
	padding-top: 50%;
}
.item-bg.low{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-position: center;
	background-size: cover;
}
.detail-bottom-other{
	position: relative;
	color: #343536;
}
.detail-ctrl{
	position: relative;
	padding: 40px 0 40px;
}

.post-info-bottom + .detail-bottom-other .detail-ctrl{
	padding-top: 0;
}
.detail-bottom-other>.code-container{
	padding: 0 !important;
}
.detail-bottom-other .detail-ctrl .code-container{
	margin: 0 auto;padding: 0;
}

.detail-bottom-other .carousel-box .container:hover .img:after{
	opacity: 0.4;
}
.detail-bottom-other .carousel-box:hover{
	opacity: 1;
}
.title-03{
	display: none;
}
.detail-ctrl .ctrl{
	position: relative;
	width: 40%;
	overflow: hidden;
	z-index: 1;
}
.side-type-01~.detail-bottom-other .detail-ctrl{
	border-top: 2px solid #f3f4f5;
}
.side-type-01~.detail-bottom-other .detail-ctrl:before{
	content: '';
	position: absolute;width: 2px;height: 40%;
	left: 50%;top: 30%;
	background-color: #f3f4f5;
}
.ctrl.disable{
	opacity: 0.4;
}
.ctrl.disable:before{
	content: '';
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;
	z-index: 9999;
}
.ctrl.disable p{display: none;}
.detail-ctrl .prev{
	float: left;
	text-align: left;
}
.detail-ctrl .next{
	float: right;
	text-align: right;
}
.detail-ctrl .ctrl .text{
	position: relative;
	line-height: 80px;
	height: 80px;
}
.detail-ctrl .ctrl p{
	position: absolute;
	top: 0;
	padding: 0 40px;
	text-transform: uppercase;
	color: #343536;
	line-height: 80px;
	opacity: 0;
}
.detail-ctrl .prev p{
	left: 30px;
}
.detail-ctrl .next p{
	right: 30px;
}
.detail-ctrl .ctrl span{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: #343536;
	line-height: 80px;
	z-index: 2;
}
.detail-ctrl .prev span{
	padding-left: 50px;
}
.detail-ctrl .next span{
	padding-right: 50px;
}
.ctrl.next.disable span{padding-right: 50px !important;opacity: 1 !important;}
.ctrl.prev.disable span{padding-left: 50px !important;opacity: 1 !important;}
.detail-ctrl .prev:after,
.detail-ctrl .next:after{
	position: absolute;
	top: 0;
	font-family: 'my_icons';
	font-size: 15px;
	font-weight: normal !important;
	line-height: 80px;
}
.detail-ctrl .prev:after{content: "\e92d";left: 20px;}
.detail-ctrl .next:after{content: '\e92e';right: 20px;}
.ctrl.prev.disable:after{left: 20px !important;}
.ctrl.next.disable:after{right: 20px !important;}
.detail-ctrl .ctrl:hover p{
	padding: 0 26px;
	opacity: 1;
}
.detail-ctrl .prev:hover span{
	padding-left: 60px;
	opacity: 0;
}
.detail-ctrl .next:hover span{
	padding-right: 60px;
	opacity: 0;
}


/*post-gallery =================================================================================================================*/
.default-post-info.has-gallery .code-container .code-box:first-child>.h{
	text-align: center;
}

.post-gallery{
	margin: 10px 10px 30px 10px;
}
.post-gallery.type-01{
	margin: 0 0 30px 0;
}
.default-detail-info .post-gallery:not(.type-01){
	margin-left: -10px;
	margin-right: -10px;
}
.default-detail-info .post-gallery.type-01{
	margin: 0;
}

.post-gallery .container{
	position: relative;
}
.post-gallery .box p{
	position: absolute;
	width: 100%;
	padding: 20px;
	bottom: 0;left: 0;
	color: #fff;
	font-size: 0.875rem;text-align: center;
	background-color: rgba(11,12,13,.3);
	opacity: 0;
	z-index: 1;
}
.post-gallery .box p:empty{
	display: none;
}
.post-gallery .container:hover p{
	opacity: 1;
}
.post-gallery .box{
	width: 100%;
	float: left;
}
.post-gallery .img{
	background-position: center;
	background-size: cover;
	margin-bottom: 0;
	cursor: pointer;
}
.post-gallery .img:hover{
	opacity: 0.8;
}
.default-detail-info .post-gallery .img img{
	margin-bottom: 0;
}

.post-gallery.type-01 .box{
	margin-bottom: 30px;
}

.post-gallery.type-02 .box,.post-gallery.type-03 .box,.post-gallery.type-04 .box{
	width: 33.333333%;
	padding: 10px;
}
.post-gallery.type-03 .img{
	padding-top: 66%;
}
.post-gallery.type-04 .img{
	padding-top: 120%;
}

.post-gallery.type-05 .box{
	position: relative;
	padding-top:50%;
}
.post-gallery.type-05 .img,.post-gallery.type-05 .container{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
}
.post-gallery.type-05 .container{
	border:10px solid transparent;
}
.post-gallery.type-05 .box:nth-child(6n+2),
.post-gallery.type-05 .box:nth-child(6n+6){
	width: 60%;
	padding-top: 40%;
}
.post-gallery.type-05 .box:nth-child(6n+3),
.post-gallery.type-05 .box:nth-child(6n+5){
	width: 40%;
	padding-top: 40%;
}
.post-gallery.type-06 .box{
	width: 50%;
	padding: 10px;
}
.post-gallery.type-06 .img{
	padding-top: 60%;
}
.post-gallery.type-06 .box:nth-child(5n+3),
.post-gallery.type-06 .box:nth-child(5n+4),
.post-gallery.type-06 .box:nth-child(5n+5){
	width: 33.33%;
}
.post-gallery.type-06 .box:nth-child(5n+3) .img,
.post-gallery.type-06 .box:nth-child(5n+4) .img,
.post-gallery.type-06 .box:nth-child(5n+5) .img{
	padding-top: 70%;
}



/*blog-setting =================================================================================================================*/

.fullwidth .blog-group-content{
	max-width: 100%;
	margin: 30px 50px;
}
.section.boxed .blog-group-content{
	margin: 30px auto;
}
.section.boxed .section-title + .blog-group-content{
	margin-top: 0;
}
.fullwidth .blog-type-03{
	margin: 0;
}
.blog-detail-03 .item{
	position: relative;
	background-position: center;
	background-size: cover;
}
.header-01~.blog-detail-03 .item{
	opacity: 0.8;
}
.blog-box .sticky{
	position: absolute;
	left: 0;top: 0;
	width: 72px;height: 72px;
	z-index: 99;
}
.blog-box .sticky img{
	width: auto;
	max-width: 100%;
}
.blog-box{
	position: relative;
	float: left;
}
.blog-box .container{
	overflow: hidden;
}
.blog-box .img{
	background-color: #fff;
}
.blog-box .text-container p{
}
.blog-type-01 .blog-box .text-container p{
	margin-bottom: 30px;
}
.blog-type-04 .text-container p{
	padding-top: 8px;
	font-size: 22px;
}
.text-container p a{
	color: #343536;
}
.blog-box span.date,a.date,
a.tag,
.tag-group i{
	position: relative;
	display: inline-block;
	margin-right:10px;
	line-height: 19px;
	font-size: 0.813rem;
	color: #aaa;
	vertical-align: bottom;
}
.tag-group a.tag:last-child{
	margin-right: 0;
}
.blog-box a.more{
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	font-size: 0.75rem;
	color: #666;
	letter-spacing: 2px;
	background-color: #f0f0f0;
	text-transform: uppercase;
	border-radius: 3px;
	z-index: 1111;
}
.tag-group:empty,.no-img .img a,.no-img .img img{
	display: none;
}
.blog-type-04 .no-img .img{
	margin-bottom: 0 !important;
}
.blog-type-04 .no-img .text p{
	margin-top: 0;padding-top: 0;
}
.no-img .img,
.no-img.img{
	background-image: url(data/images/no-img.svg) !important;
	background-size: cover;
	background-position: center;
}
.blog-type-07 .no-img .img{
	padding-top: 67%;
}
.blog-type-06 .no-img .img{
	margin: 0 10%;
}
.pic-box .no-img.img,
.carousel-box .no-img.img{
	padding-top: 70%;
	opacity: 1 !important;
}
.pic-type-08 .pic-box .no-img.img{
	padding-top: 40%;
}

.blog-type-01 span.date:after,
.blog-box .tag-group:before,
.blog-meta a.date:before{
    content: '/';
    font-size: 0.75rem;
    color: #ddd;
    line-height: 18px;
    margin-right: 10px;
}
.blog-type-01 span.date:after{
	margin-left: 10px;
	margin-right: 0;
}
.blog-type-02 .tag-group:before{
	margin-right: 12px;
	color: #666;
}
.blog-type-05 a.date:before,
.default-detail-info a.date:before,
.default-detail-info .tag-group:before,
.blog-type-05 .tag-group:before{
	margin-left: -10px;
}


.section .blog-type-01{
	margin-top: 100px !important;
}
.blog-type-01 .blog-box{
	float: none;
	margin-bottom: 150px;
	font-size: 0;
}
.blog-type-01 .blog-box.small{
	padding: 0 7%;
}
.blog-type-01 .blog-box.tiny{
	padding: 0 20%;
}
.blog-type-01 .img{
	width: 70%;
}
.blog-type-01 .no-img .img{
	padding-top: 40%;
}
.blog-type-06 .no-img .img{
	padding-top: 50% !important;
}
.blog-type-01 .text-container{
	position: relative;
	width: 25%;
	margin-top: 10%;
	background-color: transparent;
	z-index: 2;
}
.blog-type-01 .blog-box.small .text-container{
	margin-top: 16%;
}
.blog-type-01 .blog-box.tiny .text-container{
	margin-top: 24%;
	width: 40%;
	left: 5%;
}
.blog-type-01 .blog-box.tiny .img{
	width: 60%;
	left: -5%;
}
.blog-type-01 .text{
	position: relative;
	margin-top: 0 !important;
	width: 100%;
}
.blog-type-01 .text p a{
	position: relative;
	display: block;
	width: 180%;
	top: 0;
}
.blog-type-01 .text p:hover a{
	top: -5px;
}
.blog-type-01 em.intro:before{
	position: absolute;
	content: '';
	width: 6%;height: 2px;
	background-color: #343536;
	left: -10%;top: 8px;
}
.blog-type-01 .blog-box:nth-child(2n+1) .img{
	float: right;
}
.blog-type-01 .blog-box:nth-child(2n+1) .text-container{
	float: left;
}
.blog-type-01 .blog-box.tiny:nth-child(2n+1) .text-container{
	left: -10%;
}
.blog-type-01 .blog-box.tiny:nth-child(2n+1) .img{
	right: -10%;
}
.blog-type-01 .blog-box:nth-child(2n+1) em.intro{
	position: relative;
	left: 10%;
}
.blog-type-01 .blog-box:nth-child(2n+2) .img{
	float: left;
}
.blog-type-01 .blog-box:nth-child(2n+2) .text-container{
	float: right;
	text-align: left;
	left: -2%;
}
.blog-type-01 .blog-box:nth-child(2n+2) .text p a{
	margin-left: -30%;
	width: 140%;
}
.blog-type-01 .blog-box:nth-child(2n+2) em.intro{
	position: relative;
	left: 10%;
	text-align: left;
}
.blog-type-01 .text p{
	font-size: 50px;
}
.blog-type-01 .multi-img:before{
	display: none;
}
.blog-type-01 .blog-box span.date,
.blog-type-01 .blog-box a.tag{
	position: relative;
	left: 10%;
	margin-bottom: 10px;
}
.blog-type-04 .blog-box{
	width: 33.333333%;
}
.blog-box em.intro{
	display: block;
	margin-top: 10px;
	font-style: normal;
	color: #555;
	font-size: 15px;
	line-height: 150%;
}
.blog-type-01 .blog-box em.intro{
	margin-top: 0;
}
.blog-type-04 .blog-box{
	padding: 20px;
	margin-bottom: 30px;
}
.blog-type-04 .blog-box .img{
	margin-bottom: 20px;
}
.blog-box .text-container p{
	margin: 4px 0 10px 0;
	line-height: 100%;
}
.blog-group-content.blog-type-05{
	margin: 60px auto;
	padding: 0 30px;
}
.section.side-type-02 .blog-type-05{
	max-width: 900px;
}
.blog-type-05 .blog-box{
	width: 100%;
	font-size: 0;
	margin-bottom: 40px;
}
.blog-type-05 .blog-box.no-img .container{
	overflow: auto;
}
.blog-type-05 .blog-box.no-img .sticky{
	position: relative;
}
.blog-type-05 .blog-box.no-img .text-container{
	margin-top: 20px;
}
.blog-type-05 .blog-box.no-img .img img{
	height: 0;
}
.blog-type-05 .author{
	margin-bottom: 10px;
}
.blog-type-05 a.simple-more{
	font-size: 0.875rem;
}
.blog-meta{
	position: relative;
	margin: 10px 0;
}
.blog-meta.no-img{
	padding-left: 0;
}
.blog-meta.no-img img{
	display: none;
}
.blog-meta img{
	position: relative;
	top: -5px;
	width: 30px;
	height: auto;
	border-radius: 50%;
	margin-right: 16px;
	margin-bottom: 0 !important;
}
.blog-meta a.date,.blog-meta a.tag,.blog-meta a.tag{
	display: inline-block;
	vertical-align: top;
	font-size: 0.813rem;
	margin-right: 20px;
}
.blog-meta .tag-group a{
	margin-right: 10px;
}
.blog-meta a:hover{
	text-decoration: none !important;
}
.blog-meta a{
	color: #444546;
}
.blog-type-05 .blog-box em.intro{
	color: #555;
}
.blog-type-05 .text-container{
	margin:30px 0;
}
.blog-type-05 .text p{
	font-size: 30px;
	margin-bottom: 20px;
}
.blog-type-03 a.full,
.blog-type-06 a.full{
	display: none;
}
.blog-type-03 .date,.blog-type-03 span.date,.blog-type-03 a.tag{
	color: #fff;
}
.blog-type-03 .img:after{
	content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	opacity: 1 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(17,17,17,.5)));
	background-color: transparent !important;
	z-index: 8 !important;
}
.normal.blog-type-03 .blog-box .img:before{
	border:none;
	margin: 0;
	z-index: 8;
}
.blog-type-03 .blog-box .container{
	position: absolute;
	width: 100.1%;height: 100.1%;
	left: 0;bottom: 0;
	z-index: 2;
}
.normal.blog-type-03 .blog-box .container:hover .img:before{
	top: 0;
	opacity: 0.6;
}
.blog-type-03 .container:hover .img{
	top: -1%;
}
.blog-type-03{
	font-size: 0;
}
.blog-type-03 .blog-box{
	width: 33.333333%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-top: 40%;
	border: 10px solid transparent;
	overflow: hidden;
}
.fullwidth .blog-type-03 .blog-box{
	border: none;
}
.blog-type-03 .blog-box .img{
	position: absolute;
	height: 101%;width: 100%;
	top: 0;left: 0;
	background-size: cover;
	background-position: center;
	background-color: transparent;
	z-index: 1;
}
.blog-type-03 .blog-box .text{
	position: absolute;
	width: 100%;
	bottom: 0;left: 0;
	padding:8% 10%;
	margin-top: -20px;
	text-align: center;
	z-index: 8;
}
.blog-type-03 .blog-box img{
	display: none;
}
.blog-type-03 .text p{
	margin: 10px 0 10px 0;
	font-size:24px;
}
.blog-type-03 .text p a{
	color: #fff;
}
.blog-type-03 .box-btn-more{
	left: 50%;
	position: absolute;
	bottom: 0;
	opacity: 0;
}
.blog-type-03 .container:hover .box-btn-more{
	opacity: 1;
	bottom: 34px;
}
.blog-type-03 .container:hover .text{
	bottom: 40px;
}
.boxed .blog-type-03 .container:hover .text{
	bottom: 50px;
}
.blog-type-03 .box-btn-more:hover{
	color: #343536;
	background-color: #fff;
}


.blog-box a.more:hover{
	color: #fff;
}
.normal .blog-box .img:after{
	z-index: 1;
}
.normal .blog-box .img:hover:after{
	opacity: 0.3;
}
.normal .blog-box .multi-img:after{
	display: none;
}
.section .blog-group-content.blog-type-06{
	margin-top: 100px;
}
.blog-type-06 .blog-box{
	margin-bottom: 150px;
	width: 100%;
}
.blog-type-06 .blog-box .container{
	overflow: visible;
}
.blog-type-06 .blog-box .img{
	padding: 0 10%;
}
.blog-type-06 .blog-box.type-02 .img{
	padding: 0 20%;
}
.blog-type-06 .blog-box .img:after{
	display: none;
}
.blog-type-06 .blog-box p{
	position: relative !important;
	width: 60%;
	margin: 50px auto 70px;
	text-align: center;
	font-size: 48px;
	line-height: 100%;
}
.blog-type-06 .blog-box p:after{
	content: '';position: absolute;bottom: -220px;left: 50%;
	width: 1px;height: 200px;
	background-color: #ccc;
}
.blog-type-06 .text-container{
	position: absolute;
	width: 70px;height: 70px;
	bottom: 20%;right: 420px;
}
.blog-type-06 .text-container .text{
	position: absolute;
	left: 0;bottom: 20px;
	background-color: #fff;
	width: 500px;
	padding: 40px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}
.blog-type-06 .blog-box:nth-child(even) .text-container{
	right: auto;
	left: 420px;
}
.blog-type-06 .blog-box:nth-child(even) .text-container .text{
	left: auto;right: 0;
}
.blog-type-06 .text-container:after{
	content:"\e927";
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	font-family: 'my_icons';
	font-size: 22px;
	text-align: center;line-height: 70px;
	background-color: #fff;
	color: #343536;
}
.blog-type-06 .text-container:hover:after{
	top: -40px;
	opacity: 0;
}
.blog-type-06 .text-container:hover .text{
	opacity: 1;
	bottom: 0;
	visibility: visible;
}
.blog-type-06 .blog-box em.intro{margin-top: 10px;}
a.more-02{
	display: inline-block;
	padding: 10px 40px;
	margin-top: 20px;
	font-size: 0.75rem;
	background-color: #343536;
	color: #fff;
}
a.more-02:hover{
	color: #fff;
}
.blog-type-06 .slick-arrow{
	right: 50%;
	margin: 0;
}
.blog-type-06 .slick-next{
	margin-right: -38px;
}
.blog-type-07{
	font-size: 0;
}
.blog-type-07 .blog-box{
	width: 33.333333%;
	padding: 20px;
	display: inline-block;
	float: none;
	vertical-align: top;
}
.blog-type-07 .text-container{
	padding: 30px 5% 40px;
	text-align: center;
}
.blog-type-07 .text-container p{
	font-size: 20px;
	line-height: 120%;
}
a.simple-more,a.promo-link-01{
	position: relative;
	display: inline-block;
	margin-top: 14px;
	padding: 4px 0;
	font-size: 0.75rem;
	letter-spacing: 1px;
}
a.simple-more{
	padding: 10px 20px;
    border: 2px solid #eee;
}
a.promo-link-01{
	font-size: 0.813rem;
	margin-top: 4px;
}
a.simple-more:hover{
	color: #343536;
}
a.promo-link-01:after{
	content: '';position: absolute;left: 50%;bottom: 2px;
	width: 0;height: 2px;
	background-color: #343536;
}
a.promo-link-01:hover:after{
	width: 100%;
	margin-left: -50%;
}
a.simple-more:hover{
	color: #fff;
	border-color: #343536;
	background-color: #343536;
}

/*post-list----------------------------*/
.tag-group{
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}
.blog-box .tag i,.date i{
	margin-right: 6px;
}
.section.fullwidth .blog-type-02{
	margin: 0;
}
.blog-type-02 .blog-box span.date,.blog-type-02 a.date,.blog-type-02 a.tag{
	font-size: 0.75rem;
}
.blog-type-02 .blog-box{
	width: 100%;
	float: none;
}
.boxed .blog-type-02 .blog-box{
	margin: 40px 0;
}
.blog-type-02 .container{
	background-color: #242526;
}

.blog-type-02 .text-container:after{
	content: '';
	display: inline-block;
	width: 0;
	padding-top: 40%;
	vertical-align: middle;
}
.fullwidth .blog-type-02 .text-container:after{
	padding-top: 36%;
}
.box-btn-more{
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	font-size: 0.75rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	z-index: 9;
}
.blog-type-02 .box-btn-more{
	border: 2px solid #444546;
}
.blog-type-02 .img{
	position: absolute;
	width: 66.66%;height: 100%;
	left: 0;top: 0;
	background-size: cover;
	background-position: center;
}
.blog-type-02 .text{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 33.333333%;
	left: 66.66%;
	padding: 0 6%;
}
.blog-type-02 .blog-box:nth-child(2n+1) .text{
	left: 0;
}
.blog-type-02 .blog-box:nth-child(2n+1) .img{
	left: auto;
    right: 0;
}
.blog-type-02 p{
	font-size: 24px;
}
.fullwidth .blog-type-02 p{
	font-size: 36px;
}
.blog-type-02 em.intro{
	color: #aaa;
}
.blog-type-02 p a{
	color: #fff;
}
.blog-type-02 .box-btn-more:hover{
	color: #343536 !important;
	background-color:#fff;
	border-color: #fff;
}


/*widget ===========================================================================================*/

.fullwidth.has-side{
	padding: 0 100px;
}
.side-type-01 .side-right{
	float: right;
	width: 25%;
	margin: 50px 0 0 0;
	padding-right: 20px;
}
.side-type-01 .blog-group-content.side-left,
.section.side-left{
	float: left;
	width: 75%;
	padding-right: 60px;
	padding-left: 20px;
	margin: 50px 0 0 0;
}
.side-type-02 .section.side-left{
	width: auto;
}
.side-type-02 .blog-group-content.side-left,
.side-type-02 .section.side-left{
	float: none;
	margin: 50px auto 0;
	padding:0;
}
.side-left .section{
	padding: 0 !important;
}
p.search-result{
	font-size: 48px;
	margin:50px 0;
	color: #ccc;
    text-align: center;
}
.section.boxed p.search-result + .blog-group-content.blog-type-05{
	padding: 30px;
	max-width: 800px;
}
.widget{
	margin-bottom: 60px;
}
.textwidget{
	line-height: 150%;
}
.recentcomments a{
	vertical-align: baseline;
}
.widget-title{
	position: relative;
	font-size: 20px;
	margin: 10px 0 30px;
	line-height: 100%;
}
.widget-title:after{
	content: '';position: absolute;width: 30px;height: 2px;bottom: -8px;left: 0;
	background-color: #343536;
}
.widget_text img{
	max-width: 100%;
	display: block;
	margin: 0 auto 20px;
}
.widget_most_popular p a,.widget_recent_entries li a,.widget_categories li{
    line-height: 120%;
}
.widget_most_popular ul{
	margin-top: 40px;
}
.widget_most_popular li{
	font-size: 0;
	margin: 20px 0;
}
.widget_most_popular .img{
	position: relative;
	width: 100%;
}
.widget_most_popular .img:hover{
	opacity: 0.8;
}
.widget_most_popular .text{
	position: relative;
	width: 100%;
	margin:10px 0 30px 0;
	font-size: 0.875rem;
	line-height: 120%;
}
.widget_most_popular .no-img .text{
	margin-top: 0;
}
.widget_recent_entries li{
	line-height: 120%;
}
.widget .post-date{
	display: block;
	font-size: 0.813rem;
	color: #999;
	margin-top: 6px;
}
.widget li{
	position: relative;
	margin-bottom: 15px;
	font-size: 15px;
}
.widget li a {
    vertical-align: baseline;
}
.widget_archive li,.widget_categories li{
    border: 1px solid #efefef;
    border-bottom: none;
    margin-bottom: 0;
    padding: 15px 24px;
}
.widget:not(.widget_pages) li:last-child,.widget_categories li:last-child{
	margin-bottom: 0;
}
.widget_archive li:last-child,.widget_categories li:last-child{
	border-bottom: 1px solid #efefef;
}
.widget_recent_entries li, .widget_recent_comments li{
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 16px;
}
.widget.widget_tag_cloud .tagcloud{
	font-size: 0;
}
.widget.widget_tag_cloud .tagcloud a{
	display: inline-block;
	padding:0 15px;
	margin: 0 4px 4px 0;
	height: 30px;line-height: 30px;
	background-color: #343536;
	color: #fff;
	font-size: 0.75rem !important;
	text-transform: uppercase;
}
.widget form{
	position: relative;
}
.widget_pages li{
	line-height: 30px;
}
li.recentcomments{color: #999;}
.widget_pages .children li:before{
	content: '-';
	position: absolute;
	left: -10px;
}
.widget .search-form input{
	display: inline-block;
}
.search-form .screen-reader-text{display: none;}
.widget .search-form input.search-field, input[type='password']{
	width: 100%;
	padding: 0 15px;
	height: 40px;line-height: normal;
	background-color: #f3f4f5;
	border: 2px solid transparent;
}
input[type='password']{width: auto;}
.widget .search-form button.search-submit span,
.page-null button.search-submit span{
	display: block;
}
.detail-info input[type='submit']{
	height: 40px;border: 2px solid #343536;
	padding: 0 20px;color: #fff;background-color: #343536;margin-left: 10px;
	cursor: pointer;
}
.detail-info input[type='submit']:hover{
	background-color: #fff;
	color: #343536;
}
.widget .search-form button.search-submit,
.page-null button.search-submit{
	display: block;
	position: absolute;
	width: 36px;height: 36px;
	right: 2px;top: 0;
	font-size: 0;
	background-color:transparent;
	border: none;
	cursor: pointer;
}
.page-null button.search-submit{
	right: 6px;
	top: 0;
}
.search-form button.search-submit span:after,
.page-null button.search-submit span:after{
	content: "\f002";
	font-family: FontAwesome;
	font-size: 0.75rem;
	text-align: center;
	line-height: 36px;
}
.page-null button.search-submit span:after{
	font-size: 0.875rem;
}
.widget_categories li{
	margin: 0;
}
.widget_archive li:hover,.widget_categories li:hover{
	background-color: #f9f9f9;
}
a.tag:hover,a.date:hover{
	text-decoration: underline;
}
.widget .menu>li.has-sub:after,
.widget_pages>ul>li.has-sub:after{
	content: '\e919';
	position: absolute;line-height: 34px;
	top: 0;right: 0;
	font-family: 'my_icons';
	font-size: 0.875rem;
	color: #343536;
}
#menu-all-pages li.has-sub:after{line-height: 48px;}
.widget li.menu-item{
	padding: 15px 0;
	margin: 0;
}
.widget .sub-menu li.menu-item:last-child{
	padding-bottom: 0;
}
.widget .sub-menu{
	display: none;
	padding-left: 20px;
}
.widget>ul>li>.sub-menu{
	padding: 10px 0 0 20px;
}
.widget .sub-menu .sub-menu{
	padding-bottom: 0;
	margin-top: 10px;
}

.widget .menu-item a{
	font-size: 0.875rem;
}
.widget_rss li a{
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.widget_rss li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #efefef;}
.rssSummary {margin: 10px 0;}
.rss-date:before{content: "\f073";font-family: 'FontAwesome';display: inline-block;margin-right: 8px;}


/*comment-and form ============================================================================*/

ol.comment-list:before{
	content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;
	background-color: #ddd;
	height: 1px;
	margin:0 20px;
	display: none;
}
.default-post-info + .post-comment{
	margin-top: -50px;
}
.default-post-info.section-margin{
	margin-bottom: 80px;
}
.default-post-info + .post-comment ol.comment-list:before{
	display: none;
}

ol.comment-list{
	margin-top: 30px;
}
ol.comment-list,
.comment-form{
	position: relative;
	padding: 20px;
}
.section.boxed li .comment-form {
	padding-right: 0;
	padding-left: 0;
	margin-top: -30px;
	margin-bottom: 30px;
}
ol.comment-list ol{
	position: relative;
	padding-left: 30px;
}
ol.comment-list ol ol ol{padding-left: 0;}
.comment-list .reply{
	position: absolute;
	right: 0;
	top: 10px;
}
.comment-body{
	position: relative;
	padding-left: 80px;
	padding-bottom: 44px;
	margin-bottom: 40px;
	border-bottom: 2px solid #f3f4f5;
	/*font-size: 0;*/
}
.comment-navigation{
	padding: 0 20px;
	margin-bottom: 50px;
}
.comment-navigation .nav-links{
	height: 72px;
	line-height: 68px;
	border-bottom: 2px solid #f3f4f5;
	border-top: 2px solid #f3f4f5;
}
.nav-links a{
	font-size: 0.875rem;
}
.nav-previous{
	float: left;
}
.nav-next{
	float: right;
}
ol.comment-list>li:last-child .comment-body{
	margin-bottom: 0;
	border: none;
}
.comment-author{
    font-size: 0;
}
.comment-author .img{
	position: relative;
	display: inline-block;
	width: 60px;
	left: -80px;
	vertical-align: middle;
	border-radius: 50%;
	overflow: hidden;
}
.comment-author .text{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
	left: -60px;
}
.comment-author .text cite,
.comment-author .text cite a,
.comment-author .text span{
	display: inline-block;
	line-height: 30px;
}
.comment-author .text cite{
	padding-left: 5px;
}
.comment-author .text span{
	color: #999;
}
.comment-author .text cite a,
.comment-author .text cite{
	font-style: normal;
	color: #343536;
}
.comment-body>p{
	display: inline-block;
	width: 80%;
	vertical-align: top;
}
.end-tags a,
.reply a{
	display: inline-block;
	padding: 8px 20px;
	font-size: 0.75rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #eceeef;
	color: #555;
	line-height: normal;
	background-color: transparent;
}
.end-tags a{
	background-color: #343536;
	color: #fff;
	padding: 6px 15px;
	border: 2px solid #343536;
	margin:0 6px 6px 0;
}
.comment-meta a{
	display: inline-block;
	font-size: 0.875rem;
	color: #aaa;
}
.title-02{
	position: relative;
	font-size: 20px;
	padding: 0 20px;
	margin: 0 auto 10px;
	z-index: 1;
}
.comment-list .title-02{
	font-size: 0;
}
.comment-list .title-02 small{
	position: absolute;
	right: 0;top: 0;
}
.comment-list .title-02 small a{
	margin: 0 !important;
}
li .title-02{
	padding-left: 0;
	padding-right: 0;
}
.title-02 small{
	display: inline-block;
	margin-left: 30px;
}
.comment-notes{
	padding-bottom: 20px;
	color: #888;
}
.logged-in-as{
	padding-bottom: 20px;
	font-size: 0.75rem;
}
.logged-in-as a,
.title-02 #cancel-comment-reply-link{
	display: inline-block;
	margin-right: 30px;
	margin-left: 5px;
	color: #999;
	font-size: 0.75rem;
	text-transform: uppercase;
}
.required{
	color: #f56e68;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
	float: left;
	width: 33.333333%;
	padding-right: 20px;
}
.comment-form-url{
	padding-right: 0;
}
.contact.type-01 .wpcf7,
.contact.type-01>.widget-title{
	display: inline-block;
	width: 50%;
	float: right;
}
div.wpcf7-validation-errors{
	padding: 10px;
	font-size: 0.875rem;
	margin: 20px 0;
}
.contact .wpcf7-form p{
	font-size: 0.875rem;
}
.contact .wpcf7 .wpcf7-form textarea{
	margin-bottom: 0;
}
input[type="radio"]{
    vertical-align: middle;
}
span.wpcf7-list-item{
	margin-left: 0;
	margin-right: 20px;
}
span.wpcf7-quiz-label {
    display: block;
    margin-bottom: 5px;
}
.wpcf7-form p br{
	display: none;
}
.wpcf7-form p{
	line-height: 200%;
	margin-bottom: 20px;
}
.contact-form textarea,
.comment-form textarea,
.wpcf7-form textarea{
	width: 100%;
	max-width: 100%;
	min-height: 150px;
	padding: 15px 20px;
	border: 2px solid transparent;
	background-color: #f3f4f5;
	margin-bottom: 20px;
	font-size: 0.875rem;
}
.contact-form input,
.comment-form input,
.page-null input.search-field,
input.wpcf7-text,
input.wpcf7-number,
input.wpcf7-date,
input.wpcf7-quiz,
select.wpcf7-select{
	width: 100%;
	height: 40px;
	font-size: 0.875rem;
	line-height: normal;
	border: 2px solid transparent;
	background-color: #f3f4f5;
	padding: 0 20px;
	vertical-align: top;
}
input.wpcf7-number,input.wpcf7-date,input.wpcf7-quiz{
	width: auto;
	padding-right: 10px;
}
.contact-form input:focus,
.contact-form textarea:focus,
.widget .search-form input.search-field:focus,
.page-null input:focus,
.comment-form input:focus,
.comment-form textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus{
	background-color: #fff;
}
.contact-form .item-submit button,
.comment-form .form-submit input,
.wpcf7-submit{
	display: inline-block;
	width: auto;
	background-color: #343536;
	padding: 0 40px;
	margin-top: 20px;
	font-size: 0.75rem;
	line-height: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	color: #fff;
	cursor: pointer;
}
.wpcf7-submit{margin: 0;}
.comment-form-comment + .form-submit input{
	margin-top: 0;
}
.reply a:hover{
	background-color: #343536;
	border-color: #343536;
	color: #fff !important;
}
.end-tags a:hover{
	color: #343536;
	background-color: transparent;
}

/*contact ============================================================================*/
.contact{
	position: relative;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 auto;
}
.map{
	padding-top: 30% !important;
}
.header-01~.main-content .boxed.map{
	margin: 0 auto 60px;
}
.header-01~.main-content .h_120.boxed.map{
	margin: 40px auto 0;
}
.map.section-margin{
	margin-bottom: 60px;
}
.map-container{
	position: absolute;
	width: 100%;height: 100%;top: 0;left: 0;
	background-color: #fafafa;
}
.map.for-1 .map-container{background-color: #333 !important;}
.map.for-2 .map-container{background-color: #faf6eb !important;}
.map.for-3 .map-container{background-color: #ececec !important;}
.map.for-4 .map-container{background-color: #fafafa !important;box-shadow: 0 0 0 1px rgba(19,20,21,.05);}
.map.for-5 .map-container{background-color: #dad5d3 !important;}
.contact .text-container{
	position: relative;
	width: 50%;
	float: left;
	padding-right: 10%;
}
.contact .text .h{
	margin-bottom: 10px;
}
.contact .text p{
	line-height: 170%;
	margin-bottom: 20px;
	white-space: pre-line;
}
.contact .text p.pt-social{
	margin-top: 30px;
}
.contact .text a i{
	font-size: 1rem;
}
.pt-social i{
	display: inline-block;
	vertical-align: middle;
	width: 28px;height: 28px;
	line-height: 28px;
	margin: 3px 6px 3px 0;
	text-align: center;
	border-radius: 50%;
	color: #fff !important;
	background-color: #343536;
	background-color: rgba(44,46,50,.5);
	font-size: 1rem;
}
.pt-social i:hover:before{
	color: #fff !important;
}
.header-02 .pt-social i,
.dark .pt-social i{
	background-color: #343536;
}
.header-03 .pt-social i{
	background-color: transparent;
}
.header-03.light .pt-social i:before{
	color: #555 !important;
}
.header-03.light .pt-social i:hover:before{
	color: #fff !important;
}
.contact-form{
	width: 50%;
	float: right;
	padding-left: 20px;
}
.contact.type-02 .text-container,
.contact.type-02 .contact-form{
	width: 100%;
	float: none;
	padding: 0;
	margin-bottom: 60px;
}
.contact-form .item{
	margin:20px 0; 
}
.contact-form .item textarea,
.contact-form .item-submit button{
	margin: 0;
}


/*Y-align--*/

.banner-box .slick-arrow,
.page-404 .img,.page-404 .img img,
.pt-slider .img img,
.carousel-box .text,.features-group.type-02 .img em.intro,
.for-one-carousel{
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.top-banner.b-type-02.detail .text,
.site-loading img,
.pt-slider .text .img{
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.blog-type-03 .box-btn-more,.mix-box.type-03 .img img{
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

/*loader ============================================================================*/

.site-loading{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #ffe0b7;
	left: 0;top: 0;
	z-index: 9999;
}
.site-loading img{
	position: absolute;
	left: 50%;top: 50%;
}
.site-loading img.ie{
	display: none;
}
/*loading-site*/

.pt-loader{
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-25px, -25px);
	-webkit-transform: translate(-25px, -25px);
	-ms-transform: translate(-25px, -25px);
	-moz-transform: translate(-25px, -25px);
}
.pt-loader > div{
   position:absolute;
   display:inline-block;
   width:50px;
   height:50px;
   border-radius:100%;
   -webkit-animation:pt-loader 1.2s linear infinite;
   animation:pt-loader 1.2s linear infinite;
}


.pt-loader > div:last-child {
   animation-delay:-0.6s;
   -webkit-animation-delay:-0.6s;
}
@keyframes pt-loader {
   0% {transform: scale(0, 0);opacity:1;}
   100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes pt-loader {
   0% {-webkit-transform: scale(0, 0);opacity:1;}
   100% {-webkit-transform: scale(1, 1);opacity:0;}
}

.default-post-info .code-box,footer .code-box{
	opacity: 1;
	top: 0;
	transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	-ms-transition: all 0s;
}

/*footer ============================================================================ start*/
.go-top{
	position: fixed;
	width: 34px;height: 34px;
	right: 30px;bottom: 40px;
	color: #ccc;
	background-color:#666;
	font-family: 'my_icons';
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
}
.go-top-show{
	bottom: 30px;
	visibility: visible;
	opacity: 1;
}
.go-top:before{
	content: '\e90c';
	position: absolute;
	width: 34px;height: 34px;line-height: 34px;
	text-align: center;
	font-size: 0.875rem;
}
.go-top:hover{
	color:#fff;
	background-color:#444;
}

footer{
	position: relative;
	padding: 0 60px;
	background-size: cover;
	background-position: center;
}
.footer-content{
	position: relative;
	z-index: 2;
}
footer .h:empty{
	display: none;
}
footer.section.footer-02{
	padding-bottom: 20px;
}
footer.footer-fixed{
	position: fixed;
	width: 100%;
	bottom: 0;
	top: auto !important;
}
.for-header-03 footer.footer-fixed{
	width: 800px;
	width: calc(100% - 260px);
	width: -webkit-calc(100% - 260px);
	width: -moz-calc(100% - 260px);
	width: -o-calc(100% - 260px);
	width: -ms-calc(100% - 260px);
}
footer .code-container{
	position: relative;
	padding: 60px 0;
}
footer.dark .code-container+.footer-base{
	border-top:1px solid rgba(111,111,111,.5);
}
footer.light .code-container+.footer-base{
	border-top:1px solid rgba(111,111,111,.15);
}
footer .code-box>.h{
	padding-bottom: 10px;
}

footer a{
	text-decoration: none !important;
}
.footer-box img{
	max-width: 100%;
}
.footer-base{
	margin:0 20px;
	padding: 30px 0;
	font-size: 0;
}
.boxed .footer-base{
	margin: 0 auto;
	margin:0 auto;
	padding: 26px 20px;
}
.header-03 .footer-base{
	position: absolute;
	width: 100%;
	padding: 30px;
	left: 0;bottom: 0;
	margin: 0;
}
.header-03 .footer-box a{
	color: #bbb;
}
.header-03 .footer-box{
	text-align: center;
	width: 100% !important;
}
.header-03 p.copyright{
	font-size: 0.75rem !important;
	margin-top: 10px;
	opacity: 0.5;
}
footer .code-box .info{
	margin-top: 0;
}
.footer-box{
	padding: 0;
	vertical-align: middle;
}
.header-03 ~.only-copyright{display: none;}
.only-copyright .pt-social,
.no-pt-social .footer-box.pt-social{
	display: none;
}
footer.section.footer-02.no-pt-social{
	padding-bottom: 0;
}
.only-copyright{
	padding-bottom: 0 !important;
}
.footer-01 .footer-box.col-2{
	width: 50% !important;
}
.footer-02 .footer-box{
	line-height: 28px;
}
.footer-02 .footer-box{
	width: 100% !important;
	text-align: center;
}
footer .info p,footer .info span,footer .info a,.footer-box{
	font-size: 0.875rem;
}
.footer-01 .footer-box.pt-social{
	text-align: left;
}
.footer-01 .footer-box.copy{
	text-align: right;
}
.footer-02 .footer-box.pt-social{
	margin: 10px 0 40px;
}
.footer-02 .footer-box.pt-social a{
	display: inline-block;
	margin: 0 20px;
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 2px;
}

.copy p{
	display: inline-block;
	vertical-align: baseline;
}
.wp-login{
	display: inline-block;
	vertical-align: baseline;
	padding: 4px 10px;
	font-size: 0.75rem !important;
	line-height: normal;
	text-transform: uppercase;
	margin: 0 10px;
	border: 2px solid rgba(155,155,155,.2);
}
.header-03 .wp-login{display: none;}

/*style -----------------------------*/

footer.dark{
	color: #bbb;
	background-color: #040506;
}
footer.light{
	color: #666;
	border-top: 1px solid rgba(19,20,21,.05);
}
footer.dark .h,footer.dark a{
	color: #fff;
}
footer.light .h,footer.light a{
	color: #343536;
}

/*all responsive =======================================================================================================*/

@media screen and (min-width: 1360px) {
	.mix-box.type-05 .text h3,.mix-box.type-06 .text h3{font-size: 50px;}
	.mix-box.type-05 .text h2,.mix-box.type-06 .text h2{font-size: 60px;}
	.mix-box.type-05 .text h1,.mix-box.type-06 .text h1{font-size: 70px;}
}
@media screen and (max-width: 1360px) {
	.section.boxed{padding: 0 5%;}
}
@media screen and (max-width: 1281px) {
	.for-header-03{padding-left: 220px;}
	.header-03{width: 220px;}
	.for-header-03 footer.footer-fixed{
		width: calc(100% - 220px);
		width: -webkit-calc(100% - 220px);
		width: -moz-calc(100% - 220px);
		width: -o-calc(100% - 220px);
		width: -ms-calc(100% - 220px);
	}

	.mix-box.type-05 .text .h,.mix-box.type-06 .text .h{font-size: 40px !important;}
	.fullwidth .mix-box.type-05, .fullwidth .mix-box.type-06{margin: 0;}

	.top-banner.b-type-03 p,
	.top-banner.b-type-01 p,
	.top-banner.b-type-02 p{
		font-size: 50px;top: 0;
	}
	.top-banner.b-type-04 em{
		font-size: 40px;
	}
	.top-banner.b-type-02 em,
	.top-banner.b-type-01 em,
	.top-banner.b-type-03 em,
	.top-banner.b-type-04 em{
		font-size: 0.875rem;
		margin-top: 15px;
	}
	.top-banner.b-type-02 em{
		margin-top: 20px;
	}
	.banner-box .text em{
		font-size: 0.75rem;
	}


	.top-banner.section-margin,.top-banner.detail,.top-banner.detail,.post-comment.section-margin{
		margin-bottom: 50px;
	}
	.header-02 nav a{font-size: 0.75rem !important;letter-spacing: 0 !important;}
	.header-02 .main-menu>li{margin: 0 8px;}
	.features-group.type-02 .text h4{font-size: 24px;}
	.features-group.type-03 span i:before{font-size: 90px;}
	.count-group{padding: 80px 0;}
	.count-group.no-title{padding: 50px 0;}
	.count-box div.icon{line-height: normal;}
	.count-content{width: 100%;padding:0 5%;}
	.count-box{font-size: 40px !important;}
	.count-box i:before{vertical-align: bottom;}
	.count-box div.icon{margin-bottom: 0;}
	.count-box span{font-size: 0.75rem;line-height: 20px;}

	.type-01 .team-box em.intro{font-size: 0.75rem;}
	.type-01 .team-box .text{padding: 20px;}
	.team-box .text p{font-size: 20px;}

	p.search-result{
		font-size: 30px;
	}
	.features-group.type-04 .features-box{
	    width: 50%;
	}
	.features-group.type-04 i.fa:before, .features-group.type-04 i.icon:before{
		line-height: 0;
	}
	.blog-type-02 .text-container p{
		font-size: 24px;
	}
	.section.boxed,
	.fullwidth .code-container{
		padding: 0 30px;
	}
	.boxed.post-comment{
		padding: 0 10px;
	}
	.default-post-info:not(.has-gallery)~.section.boxed.post-info-bottom{
		padding: 0 10px;
	}


	.promo-box.t-bottom .text,.promo-box.t-top .text{
		padding: 40px !important;
	}
	.promo-box.t-left .text{
		padding:0 40px !important;
	}
	.promo-box.isOver .text{
		padding: 0 !important;
	}
	.for-header-03 .promo-box .text{ font-size: 0.75rem;}

	.promo-box .text p{
		font-size: 0.875rem;
	}

	/*gallery and portfolio============================================================================*/

	.normal .pic-box .text p{
		font-size: 0.875rem !important;
		line-height: 120% !important;
	}
	.pic-box p.tag,.pic-box p.tag span{
		font-size: 0.75rem !important;
	}
	.filter-ctrl li{
		font-size: 0.75rem;
	}
	.fullwidth .pic-group-content .carousel-box .text p{
		font-size: 20px;
	}
	.boxed .pic-group-content.gallery{
		margin-top: -15px;
	}

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

	.w-for-01{
		padding: 0 !important;
	}
	.blog-type-01 .text p{
		font-size: 36px;
	}
	.fullwidth .blog-type-03 .text p{
		font-size: 30px;
	}
	.blog-type-04 .blog-box{
		width: 50%;
	}
	.blog-type-07 .blog-box{
		padding: 20px;
	}
	.blog-type-07 .text-container p{
		font-size: 1.125rem;
	}

}

.mobile-mode .mobile-header .call-side-box{
	display:block !important;
}
.mobile-mode .top-banner,
.mobile-mode .pt-slider .item,
.mobile-mode .img,
.mobile-mode .bg-img,
.mobile-mode .banner-bg,
.mobile-mode .count-group{
	background-position: center !important;
}
.mobile-mode div[id^="jarallax-"]>div{
	position: absolute !important;
	left: 0 !important;top: 0 !important;
	width: 100% !important;height: 100% !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	transform: translate3d(0, 0, 0) !important;
	background-size: cover !important;
}
.mobile-mode .mix-box.type-05 .text,.mobile-mode .mix-box.type-06 .text,
.mobile-mode .pic-type-01 .text,.mobile-mode .pic-type-01 .pic-box,
.mobile-mode .blog-type-01 .text,
.mobile-mode .blog-type-06 .blog-box p,
.mobile-mode .blog-type-06 .text-container,
.mobile-mode .blog-type-06 .text-container .text,
.mobile-mode .pic-type-11 .pic-box{
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
}


.mobile-mode .blog-type-06 .blog-box{
	margin-bottom: 60px;
}
.mobile-mode .blog-type-06 .text-container{
	position: relative !important;
	width: 100%;height: auto;bottom: auto;right: auto !important;left: auto !important;
}
.mobile-mode .blog-type-06 .text-container .text{
	position: relative !important;
	width: 100%;
	bottom: auto !important;
	opacity: 1;
	visibility: visible;
}
.mobile-mode .pic-type-11 .pic-box{
	position: relative !important;
}
.mobile-mode footer{
	background-attachment: scroll;
}
.mobile-mode .detail-share-item:before,.mobile-mode .detail-share-item:after{
	display: none;
}
.mobile-mode .detail-share-item a{
	opacity: 1;left: 0;visibility: visible;margin-left: 10px;
}


@media screen and ( max-width : 1023px) {
	.wp-login,.go-top{
		display: none;
	}
	.only-gallery .has-gallery.has-side{margin-top: 30px !important;}
	.section-title p{font-size: 0.875rem !important;}
	html.has-wp-bar{margin-top: 0 !important;}
	html.has-wp-bar body{margin-top: 0;padding-top: 32px;}
	.margin-small{
		margin-bottom: 20px !important;
	}
	.default-post-info {
		padding: 0 20px !important;
	}
	.default-post-info .meta-label{
		padding-left: 10px;
	}
	.header-02~.margin-box{height: 0 !important;}

	.for-header-03 footer.footer-fixed,
	.top-banner.detail~.main-content .boxed .code-container,
	.boxed .comment-list,.boxed .comment-form,
	.boxed.post-comment .title-01,.boxed.post-comment .title-02,
	.section.boxed.section-w-small .code-container,
	.detail-bottom-other .detail-ctrl .code-container,
	.side-type-02 .blog-group-content.side-left,
	.side-type-02 .section.side-left{
		width: 100% !important;
	}
	.section-title{
		padding: 30px 0;
	}
	
	.top-banner.b-type-03 p,
	.top-banner.b-type-01 p,
	.top-banner.b-type-02 p,
	.top-banner.b-type-04 p{
		font-size: 40px;
	}
	.top-banner .text{
		padding: 0 40px;
	}
	.top-banner.b-type-03 .text{
		padding: 12%;
	}
	.top-banner.b-type-01,
	.top-banner.b-type-03{
		padding: 0 40px;
	}
	.top-banner.b-type-04 .text{
		width: 80%;
		max-width: 80%;
		padding: 20px;
		padding-top: 25px;
	}

	.header-02.light~.main-slider,.header-02.light~.top-banner{margin-left: 0; margin-right: 0;}
	.header-02.light~.main-content .section.boxed.has-side{margin-top: 0;}
	.pt-slider .text .h,
	.pt-slider .text p{
		margin-top: 6px;
		margin-bottom: 6px;
		max-width: 90%;
	}
	.pt-slider .text .img{
		padding: 0 10%;
	}
	.pt-slider .text .empty{
		display: none;
	}
	
	ul.pt-dots{
		left: 0;
		bottom: 14px;
	}
	.pt-prev, .pt-next,.pt-play-ctrl{
		bottom: 10px;top: auto;
	}
	.pt-next, .pt-prev{
		width: 30px;height: 30px;
	}
	.pt-prev:after, .pt-next:after{
		line-height: 26px;
	}
	.pt-slider .text{
		padding: 30px 30px 40px 30px !important;
	}
	.pt-slider .text.type-01{
		max-width: 90%;
		width: 90%;
		bottom: 4px;
	}
	.pt-prev:after, .pt-next:after{
		font-size: 0.75rem;
	}
	.banner-box .slick-arrow,
	.top-banner .slick-arrow,
	.pic-type-carousel .slick-arrow,
	.slick-arrow{
		width: 30px;height: 30px;border-width: 2px;
		margin-right: 0;
	}
	.slick-dots{
		bottom: 10px;
	}
	.slick-dots li{
		width: 8px;height: 8px;
	}
	.slick-dots button{
		width: 2px;height: 2px;
	}
	li.slick-active button{
		opacity: 0.5;
	}
	.banner-box .slick-next{right: 20px;}
	.banner-box .slick-prev{left: 20px;}
	.banner-box .slick-arrow:after,
	.top-banner .slick-arrow:after,
	.pic-type-carousel .slick-arrow:after,
	.slick-arrow:after{
		line-height: 28px;
	}
	.pic-type-carousel .slick-arrow{
		margin-top: -15px;
	}
	.boxed .pic-group-content{
		margin-bottom: 30 !important;
	}
	.fullwidth .pic-group-content{
		margin-bottom: 30 !important;
	}
	.slick-prev{
		right: 48px;
	}
	.blog-type-06 .slick-next {
		margin-right: -28px;
	}
	.pic-type-carousel .slick-next{
		right: 10px;
	}
	.pic-type-carousel .slick-prev{
		left: 10px;
	}
	.pic-type-carousel.margin .slick-next{
		right: 30px;
	}
	.pic-type-carousel.margin .slick-prev{
		left: 30px;
	}
	.top-banner .slick-prev{right: 48px;}
	.banner-box .text p{font-size: 24px;margin-top: 4px;}
	.default-post-info .code-container:first-child .h{
		font-size: 30px;padding: 0 20px;
	}
	.top-banner.mode-03 .slick-next{
		margin-right: -28px;
	}
	.top-banner.mode-04 .low .slick-arrow{
		bottom: 20px;
	}
	.acc_group dt{font-size: 18px;}
	
	.h_90{
		height: 0;
	}
	.section.boxed{
		padding: 0 20px;
	}
	.post-gallery.type-02, .post-gallery.type-03, .post-gallery.type-04 {
	    margin: 10px 0 30px 0;
	}
	.section.boxed.has-gallery, .section.boxed.has-gallery~.post-comment {
		padding: 30px;
	}
	.has-gallery~.post-info-bottom{
		padding: 10px 30px!important;
	}
	.fullwidth .code-container,.fullwidth .team-group.type-02{
		padding-right: 40px;
		padding-left: 40px;
	}
	.features-group.type-04 .features-box{
	    width: 100%;
	}
	.features-group.type-04 .container{
		height: auto !important;
	}
	header{display: none !important;}
	.mobile-header .hide-side-box{display: block !important;}
	.mobile-header{display: block;}

	.col-5, .col-4, .col-3,.col-4-10, .col-3-10{
		width: 50%;
	}
	.col-2, .col-1, .col-3-4, .col-2-3{
		width: 100%;
		padding: 20px 0;
	}


	.promo-box{width: 100% !important;}

	.promo-box.noBgimg{padding: 10% !important;}
	.promo-box.noBgimg .text{padding: 0 !important;}
	.promo-box.noBgimg .box-content{position: relative !important;}


	.promo-box.col-5.low.h-1x{padding-top: 100%;}
	.promo-box.col-5.low.h-2x{padding-top: 200%;}
	.promo-box.col-5.normal.h-1x{padding-top: 125%;}
	.promo-box.col-5.normal.h-2x{padding-top: 250%;}
	.promo-box.col-5.high.h-1x{padding-top: 150%;}
	.promo-box.col-5.high.h-2x{padding-top: 300%;}

	.promo-box.col-4.low.h-1x{padding-top: 80%;}
	.promo-box.col-4.low.h-2x{padding-top: 160%;}
	.promo-box.col-4.normal.h-1x{padding-top: 100%;}
	.promo-box.col-4.normal.h-2x{padding-top: 200%;}
	.promo-box.col-4.high.h-1x{padding-top:120%;}
	.promo-box.col-4.high.h-2x{padding-top: 240%;}

	.promo-box.col-3.low.h-1x{padding-top: 60%;}
	.promo-box.col-3.low.h-2x{padding-top: 120%;}
	.promo-box.col-3.normal.h-1x{padding-top: 75%;}
	.promo-box.col-3.normal.h-2x{padding-top: 150%;}
	.promo-box.col-3.high.h-1x{padding-top: 90%;}
	.promo-box.col-3.high.h-2x{padding-top: 180%;}

	.promo-box.col-3-10.low.h-1x{padding-top: 65%;}
	.promo-box.col-3-10.low.h-2x{padding-top: 130%;}
	.promo-box.col-3-10.normal.h-1x{padding-top: 80%;}
	.promo-box.col-3-10.normal.h-2x{padding-top: 160%;}
	.promo-box.col-3-10.high.h-1x{padding-top: 100%;}
	.promo-box.col-3-10.high.h-2x{padding-top: 200%;}

	.promo-box.col-4-10.low.h-1x{padding-top: 50%;}
	.promo-box.col-4-10.low.h-2x{padding-top: 100%;}
	.promo-box.col-4-10.normal.h-1x{padding-top: 60%;}
	.promo-box.col-4-10.normal.h-2x{padding-top: 120%;}
	.promo-box.col-4-10.high.h-1x{padding-top: 75%;}
	.promo-box.col-4-10.high.h-2x{padding-top: 150%;}

	.promo-box.col-2.h-1x.low{padding-top: 40%;}
	.promo-box.col-2.h-2x.low{padding-top: 80%;}
	.promo-box.col-2.h-1x.normal{padding-top: 50%;}
	.promo-box.col-2.h-2x.normal{padding-top: 100%;}
	.promo-box.col-2.h-1x.high{padding-top: 60%;}
	.promo-box.col-2.h-2x.high{padding-top: 120%;}

	.promo-box.col-3-4.low.h-1x{padding-top: 25%;}
	.promo-box.col-3-4.low.h-2x{padding-top: 50%;}
	.promo-box.col-3-4.normal.h-1x{padding-top: 33%;}
	.promo-box.col-3-4.normal.h-2x{padding-top: 63%;}
	.promo-box.col-3-4.high.h-1x{padding-top: 39%;}
	.promo-box.col-3-4.high.h-2x{padding-top: 78%;}

	.promo-box.col-2-3.low.h-1x{padding-top: 30%;}
	.promo-box.col-2-3.low.h-2x{padding-top: 60%;}
	.promo-box.col-2-3.normal.h-1x{padding-top: 37%;}
	.promo-box.col-2-3.normal.h-2x{padding-top: 74%;}
	.promo-box.col-2-3.high.h-1x{padding-top: 45%;}
	.promo-box.col-2-3.high.h-2x{padding-top: 90%;}

	.promo-box .text p,.for-header-03 .promo-box .text{
		font-size: 1rem;line-height: 150%;
	}

	.footer-box.pt-social{
		padding: 0 !important;
	}
	.features-group{
		padding: 80px 20px;
	}
	.features-group .features-box{
	    width: 50%;
	}
	.promo-box .text{min-height: 0;}
	.site-border .promo-group.margin{margin-left: 0;margin-right: 0;}
	.promo-box.null-box{display: none !important;}
	.boxed.promo-group .code-container{padding: 0;}
	.boxed.promo-group .code-container{border: 20px solid transparent;}


	.skill-group.col-1{padding: 0;}

	.team-box .layer{
		display: block !important;
		height: auto !important;
		padding-top: 10px !important;
	}
	.team-box{width: 50%;}
	.team-box .icon-box i{
		border: none;
	}
	.type-02 .team-box .icon-box{
		top: auto;bottom: 0;margin: 0;opacity: 1;
		padding: 10px 0;
		background-color: rgba(19,20,21,.5);
	}
	.team-box .text p{font-size: 1.125rem;}
	.type-02 .team-box .text>span{font-size: 0.75rem;}

	.mix-box.type-03 .text{
		width: 90%;
	}

	.map{
		padding-top: 50% !important;
	}
	.margin-box.if-mode-03{
		height: 0 !important;
	}
	.top-banner{
		overflow: hidden;
	}
	.top-banner.mode-03{
		margin-top: 10px;
		margin-bottom: 10px !important;
	}
	.top-banner.mode-04 .item{
		margin: 10px;
	}
	.top-banner.mode-03 .img, .top-banner.mode-04 .img,.top-banner.mode-04 .img.low{
		width: 100%;max-width: 100%;
	}
	.top-banner.mode-04,.top-banner.mode-03{
		padding: 10px;
	}
	.top-banner.mode-03 .img{
		padding: 10px 0;
	}
	.blog-type-02 .text-container p,.widget-title{
		font-size: 20px;
	}

	.carousel-box .text{
		top: auto !important;
		bottom: 0 ;
		opacity: 1;
		padding: 20px;
		transform: translateY(0);
	}
	.carousel-box .text p{
		margin: 0;
		top: 0;
	}
	.carousel-box .text .tag{
		display: none;
	}
	.pic-type-10 .pic-box{
		margin: 20px 0;
	}
	.fullwidth .pic-group-content{
		margin: 0;
	}
	.fullwidth .pic-group-content.pic-type-10{
		margin: 0 20px 20px;
	}
	.filter-ctrl.filter-02{
		margin: 20px 0 10px 0;
	}
	.margin > .pic-box{
		padding: 10px;
	}
	.pic-type-08.margin .pic-box {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.normal .pic-box .img:after,
	.pic-box .text-container:after{
		display: none;
	}
	.normal .pic-box .text{
		padding: 3% 4% !important;
		margin: 0 !important;
		top: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		height: auto !important;
		vertical-align: bottom !important;
		opacity: 1 !important;
		background-color: rgba(19,20,21,.3);
	}
	.pic-type-03-2 .pic-box .text{
		background-color: transparent;
	}
	.pic-type-03-2 .text-container{
		padding: 10px;
	}
	.normal .pic-box .text p{
		font-size: 0.875rem !important;
		color: #fff;
		opacity: 1 !important;
		top: auto !important;
		margin: 0 !important;
		text-align: left;
	}
	.normal .pic-box p.tag{
		display: none;
	}
	.carousel-box{
		width: 50% !important;
	}
	.section:not(.section-margin) .pic-type-carousel.margin{
		margin-top:15px !important; 
		margin-bottom:15px !important; 
	}
	.section.boxed .pic-group-content{
		margin-top: 30px;margin-bottom: 30px;
	}


	.pic-type-13 .pic-box:nth-child(12n+2) .container, .pic-type-13 .pic-box:nth-child(12n+8) .container{
		padding-top: 100%;
	}
	.pic-group-content .carousel-box .text p{
		font-size: 1.125rem !important;
	}
	.lg-actions .lg-prev{left: 0;font-size: 20px !important;}
	.lg-actions .lg-next{right: 0;font-size: 20px !important;}
	.lg-outer .lg-img-wrap{padding: 40px;}


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

	.blog-box .sticky{
		width: 40px;height: 40px;
	}
	.blog-meta a.date, .blog-meta a.tag, .blog-meta a.tag{
		font-size: 0.75rem;margin-right: 10px;
	}
	.blog-meta img{
		width: 24px;top: -2px;margin: 0 6px 0 0 !important;
	}
	.blog-type-03 a.full{
		display: block;
	}
	.blog-type-01 .text p,
	.blog-type-03 .text p,
	.fullwidth .blog-type-03 .text p,
	.blog-type-05 .text p,
	.side-type-02 .default-detail-title .h{
		font-size: 24px;
	}
	.blog-type-03 .blog-box .text{
		padding: 8%;
		bottom: 0 !important;
	}
	.blog-type-04 .blog-box .text-container p{
		font-size: 20px;
	}
	.fullwidth .blog-group-content{
		margin: 0;
	}
	.blog-type-06 .blog-box .img{
		padding: 0;
	}
	.blog-type-06 .no-img .img{
		margin: 0;
	}
	.blog-type-06 .blog-box p{
		font-size: 30px;
		margin: 60px auto;
	}
	.blog-type-06 .text-container:after{
		width: 60px;height: 60px;line-height: 60px;
	}
	.blog-type-06 .text-container{
		width: 60px;height: 60px;
	}

}

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

	
	.box-btn-more{
		display: none;
	}
	.fullwidth .btn-load-more a{
		padding: 6% 0;
	}
	.btn-more{
		margin: 30px 0;
	}
	.top-banner.detail .text .h small{
		font-size: 0.875rem;
	}
	.top-banner.detail .text .h hr{
		margin: 10px auto 5px;
	}
	.end-tags a, .reply a{
		font-size: 10px;
		padding: 4px 10px;
	}
	footer,footer .code-box>.h{
		padding: 0;
	}
	footer .code-container{
		padding: 20px;
	}
	.detail-info blockquote:after{
		bottom: 20%;
	}
	.section-title .h{
		font-size: 30px !important;
	}
	.section-title p{
		width: 90%;
		margin: 20px auto 0;
	}
	.section-margin{
		margin-bottom:50px;
	}
	.side-left .section {
	    padding: 0 10px !important;
	}
	.pt-next{right: 10px;}
	.pt-play-ctrl{right: 40px;}
	.pt-prev{left: 10px;}
	ul.pt-dots>li{width: 30px;}

	.features-group.type-04 .h{
		font-size: 1rem;
	}
	a.promo-link-02{
		font-size: 0.688rem;padding: 4px 20px;
	}
	.promo-box.col-1 .text p, .promo-box.col-3-4 .text p {
		font-size: 0.75rem;
	}
	.features-group.type-02 .text h4~small{font-size: 0.75rem;}
	.features-group.type-02 .features-box{width: 100%;margin-bottom: 20px;}
	.skill-group{padding: 10px !important;}
	.skill-group .section-title{
		padding: 0;
	}
	.skill-group .col-1{
		width: 100%;margin-left:0;padding: 40px 0;
	}
	.skill-img{top: 0;left: 0;}

	.acc_group dt:after{font-size: 10px;}
	.team-col-3 .team-box{width: 100% !important}


	.mix-box.type-05 .text .h,.mix-box.type-06 .text .h{
		font-size: 30px !important;
		margin-bottom: 10px;
	}
	.mix-box.type-05 .text p,.mix-box.type-06 .text p{
		font-size: 0.875rem !important;
	}
	


	.mix-box.type-03 .img{
		padding-top: 50%;
	}
	.count-box{
		width: 50%;
	}
	.count-box.only-3{
		width: 33.333333%;
	}
	.skill-img{
		position: relative;width: 100%;padding-top: 50%;
	}
	.skill-content{
		width: 100%;margin: 30px 0;
	}
	.team-group{
		padding: 0;
	}
	.clients-group{
		margin: 0;
	}
	.button-box p{
		font-size: 0.75rem;
	}
	.button-box-btn a {
		padding: 4px 10px;font-size: 0.75rem;
	}
	.button-box .text,.button-box-btn{
		width: 100%;
		text-align: center;
		margin: 20px 0;
	}
	.contact-form,.contact .text-container,
	.contact .wpcf7,.contact .widget-title{
		width: 100% !important;
		float: none !important;
		margin-bottom: 40px;
		padding: 0;
	}
	.section.boxed.has-side{
		padding: 0 20px;
		margin-top: 30px;
	}
	.blog-detail-03{
		margin-bottom: 20px !important;
	}
	.side-type-02{
		margin-top: 0 !important;
	}

	p.search-result{
		margin: 30px 0;
		font-size: 20px;
	}
	.side-right,.side-left{
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin:0 0 40px 0 !important;
	}
	.default-detail-info{
		padding: 20px 0;
	}
	.default-detail-title{
		margin-bottom: 0;
	}
	.default-detail-title .h{
		font-size: 20px;
	}
	.detail-info img, .default-detail-info img{
		margin: 20px 0;
	}
	.post-info-bottom:after, .post-info-bottom:before,
	ol.comment-list:before{
		margin: 0;
	}
	.blog-box span.date, a.date, a.tag, .tag-group i{
		vertical-align: middle;
	}
	.comment-body{
		padding: 0 0 40px 0;
	}
	ol.comment-list ol{
		padding-left: 0;
	}
	.comment-author .img{
		display: block;
		width: 40px;
		left: 0;margin-bottom: 10px;
	}
	.comment-author .text{
		left: 0;
	}
	.comment-author .text cite a{
		font-size: 0.875rem;
	}
	.comment-author .text cite, .comment-author .text cite a, .comment-author .text span{
		line-height: 20px;
	}
	ol.comment-list, .comment-form{
		padding: 20px 0 40px;
	}
	.logged-in-as a, .title-02 #cancel-comment-reply-link{
		font-size: 0.75rem;
	}
	.comment-form-author, .comment-form-email, .comment-form-url{
		width: 100%;
		padding: 0;
		float: none;
		margin-bottom: 10px;
	}
	.comment-form .form-submit input{
		font-size: 10px !important;
		margin-top: 0;
	}
	.title-02{
		padding: 0;
	}
	.title-02 small{
		display: block;
		margin: 10px 0 0 0;
		font-size: 10px;
	}
	.comment-list .title-02 small{
		position: relative;
		right: auto;top: -20px;left: 0;
	}
	.boxed .btn-load-more a{
		padding: 10px 0;
		font-size: 0.75rem;
	}

	/*gallery and portfolio============================================================================*/
	.filter-ctrl{
		margin: 20px 0;
	}
	.pic-type-13 .pic-box{
		width: 50%;
	}
	.pic-type-13 .text p{
		font-size: 1rem !important;
		margin: 2px;
	}
	.blog-box span.date, a.date, a.tag, .tag-group i{
		font-size: 0.75rem;
	}
	.pic-type-13 .text{
		padding: 20px;
	}
	.pic-type-11 .pic-box{
		width: 50% !important;
		padding-top: 36% !important;
	}
	.fullwidth .btn-load-more a{
		font-size: 0.75rem;
	}


	.pic-type-01 .pic-box .tag{
		display: none;
	}
	.pic-type-01 .pic-box:nth-child(8n+1){
		margin-bottom: 60px;
	}
	.pic-type-01 .pic-box:nth-child(8n+6){
		margin-bottom: 80px;
	}
	.pic-type-01 .pic-box,
	.pic-type-01 .pic-box:nth-child(8n+4) .text,
	.pic-type-01 .pic-box:nth-child(8n+7) .text{
		font-size: 0.75rem;
	}
	.pic-type-01 .pic-box:nth-child(8n+1) .text,
	.pic-type-01 .pic-box:nth-child(8n+5) .text,
	.pic-type-01 .pic-box:nth-child(8n+6) .text{
		font-size: 1.125rem;
	}
	.pic-type-01 .pic-box:nth-child(8n+3) .text,
	.pic-type-01 .pic-box:nth-child(8n+8) .text{
		font-size: 24px;
	}
	.filter-ctrl li{
		font-size: 10px;
		margin: 0 6px;
	}
	.pic-type-04 .pic-box,
	.pic-type-07 .pic-box,
	.pic-type-03-2 .pic-box{
		width: 50%;
	}

	/* blog ============================================================================*/
	.blog-type-05{
		width: 100% !important;
		padding: 0 20px;
	}
	.section.boxed .blog-type-05{
		padding: 0;
	}
	.section .blog-type-01 {
		margin-top: 60px !important;
	}
	.gallery .text p:after{
		display: none;
	}
	.blog-type-03 .blog-box{
		width: 50%;
		padding-top: 60%;
	}
	.blog-type-05{
		margin-top: 30px !important;
	}
	.blog-type-07 .blog-box{
		width: 50%;
	}
	.blog-type-07 .text-container p{
		font-size: 1rem;
	}
	.blog-type-07 .text-container{
		padding-bottom: 0;
	}
	.blog-type-02 .blog-box{
		margin-bottom: 30px;
	}
	.blog-type-02 .img{
		position: relative;
		width: 100%;
		padding-top: 60%;
		left: 0 !important;
		right: auto !important;
	}
	.blog-type-02 .text{
		width: 100%;
		left: 0 !important;
		padding: 10%;
	}
	.blog-type-02 .text-container:after{
		display: none;
	}

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

	html.has-wp-bar{margin-top: 0 !important;}
	html.has-wp-bar body{margin-top: 0;padding-top: 46px;}
	html{font-size: 12px}

	h1, h2, h3, h4, h5, h6{
		margin: 10px 0;
	}
	.button-box-btn a{
		border-width: 2px;
	}
	.count-box div.icon{
		font-size: 40px;
	}


	.col-5, .col-4{
		padding: 20px 0;
	}
	.col-3,.col-4-10, .col-3-10{
		width: 100%;
		padding: 20px 0;
	}
	.contact{
		padding: 0;
	}
	.section.boxed.promo-group{
		padding: 0;
	}
	.fullwidth .code-container,.fullwidth .team-group.type-02{
		padding-right: 20px;
		padding-left: 20px;
	}
	.section-margin{
		margin-bottom: 60px;
	}
	.main-slider.section-margin{
		margin-bottom: 30px;
	}
	.top-banner.section-margin, .post-comment.section-margin,.default-post-info.section-margin{
		margin-bottom: 40px;
	}
	.margin-small{
	 	margin-bottom: 20px;
	}
	.post-info-bottom{
		margin-bottom: 0 !important;
	}
	.default-post-info .right{
		padding: 10px;
	}
	.type-acc>h4{
		font-size: 0.875rem;
	}
	table td,table th{
		font-size: 10px;
		padding: 10px;
	}


	.banner-box .text p,
	.default-post-info .code-container:first-child .h{
		font-size: 20px;
	    padding: 0 10px;
	}
	.banner-box .text em{
		margin-bottom: 4px;
	}
	.h i{
		margin-right: 10px;
	}
	a.style-06.small, a.style-04.small, a.style-04-2.small, a.style-05.small{
		font-size: 10px;
	}
	.top-banner .slick-arrow{
		bottom: 20px;
	}
	.mix-box.type-06 .text p{
		margin-left: 0 !important;
	}
	.features-group{
		padding: 0;
		padding-bottom: 40px;
	}
	.features-group .features-box{
	    width: 100%;
		padding: 20px 0;
	}
	.features-group.type-01 .container{
		height: auto !important;
	}
	.features-group.type-01 .text{
		padding-bottom: 10px;
	}

	.section.boxed .banner-box{
		margin: 20px 0;
	}
	.mix-box.type-01 .img,
	.mix-box.type-02 .img{
		padding-top: 80%;
	}
	.mix-box.type-01 .img,.mix-box.type-02 .img,
	.mix-box.type-01 .text,.mix-box.type-02 .text{
		position: relative !important;
		margin: 0;left: 0;
		width: 100%;
	}

	.section .mix-box{
		margin-left: 0 !important;margin-right: 0 !important;
	}
	.mix-box.type-04 .text p{
		font-size: 0.75rem !important;
		line-height: 110%;
	}
	.mix-box.type-04 .text{padding: 30px;width: 70%;}

	.mix-box.type-05 .text,.mix-box.type-06 .text,
	.mix-box.type-05 .text-wrap,.mix-box.type-06 .text-wrap{
		position: relative !important;
		width: 100%;
		-webkit-transform: translateY(0) !important;
		transform: translateY(0) !important;
		top: 0 !important;
	}

	.mix-box.type-05 .text .h,.mix-box.type-06 .text .h{
		width: 100%;
		left: 0;
		font-size: 20px !important;
	}
	
	.mix-box.type-05 .text p,.mix-box.type-06 .text p{
		margin-bottom: 0;
		margin-left: 0;
		left: 0;
	}
	.mix-box.type-06 .text .h{
		padding-left: 0 !important;
	}
	.mix-box.type-05 .text .h, .mix-box.type-06 .text .h{margin-bottom: 10px;}
	.mix-box.type-05 .text a.btn,.mix-box.type-06 .text a.btn{left: 0;}

	.mix-box.type-05 .img,.mix-box.type-06 .img{
		width: 100% !important;
		margin-bottom: 20px;
		margin-left: 0;margin-right: 0;
	}


	.mix-box.type-07 .text, .mix-box.type-08 .text, .mix-box.type-07 .img, .mix-box.type-08 .img{
		width: 100%;
		padding: 20% 10%;
		left: 0;
	}
	.mix-box.type-07 .img, .mix-box.type-08 .img{
		padding-bottom: 0;
	}
	.mix-box .img:empty{
		display: none !important;
	}
	.promo-box.col-1 a.promo-link-02, .promo-box.col-3-4 a.promo-link-02{
		padding: 6px 30px;
	}


	.type-tabs .nav li a{font-size: 9px;}
	.type-tabs.type-01 .nav li a{padding: 10px 0;}
	.acc_group dt{font-size: 16px;padding: 20px 0;}
	.acc_group dd{padding-bottom: 30px;}
	.acc_group i{min-width: 30px;}

	.team-box{width: 100% !important;margin-bottom: 20px;}
	.type-02 .team-box .img{margin-bottom: 20px;}
	.type-02 .team-box em.intro{margin-top: 10px;}

	.count-box{font-size: 30px !important;}
	.count-group { padding: 50px 0;}
	.count-box span{font-size: 10px;margin-top: 0;}
	p.counter{margin: 0;}
	.clients-group:not(.slick-slider) .clients-box{
		width: 50% !important;
	}
	.page-null button.search-submit{
		width: 30px;height: 30px;
		right: 4px;bottom: 21px;
	}
	.page-null button.search-submit span:after{
		font-size: 0.75rem;line-height: 30px;
	}
	.blog-type-02 .text-container p,.widget-title{font-size: 1rem;}

	.contact-form .item input, .comment-form-author input, .comment-form-email input, .comment-form-url input, .page-null input.search-field{
		height: 30px;line-height: 30px;
		padding: 0 10px;
	}
	.contact-form .item textarea, .comment-form-comment textarea{
		padding: 10px;
	}
	.detail-share-item{
		position: relative;
		right: auto;
		top: 0;
		margin-top: 30px;
		text-align: center;
	}
	.post-info-bottom{
		padding: 30px 0;
		text-align: center;
	}
	.detail-share-item a{
		width: 30px !important;
		margin: 0 10px;
	}
	.detail-share-item{
		float: none;
	}

	.detail-share-item:before,.detail-share-item:after{
		display: none;
	}
	.detail-ctrl .prev span:before, .detail-ctrl .next span:after{
		font-size: 1rem;
	}
	.detail-ctrl,.comment-navigation{
		padding: 0;
	}
	.related-group .carousel-box,
	.default-post-info .meta-label,.default-post-info .right{
		display: block;
		width: 100% !important;
	}
	.promo-box.col-1 .text{
		padding: 0 30px;
	}
	p.title-02 {margin-top: 30px;}

	.pt-slider .text p{font-size: 0.75rem;}

	/*gallery and portfolio============================================================================*/
	.pages li{
		margin: 2px;
	}
	.pages li .page-numbers{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.fullwidth .pic-group-content{
		margin: 0;
		padding: 0;
	}
	.fullwidth.true-full .pic-group-content{
		padding: 0;
	}
	.section.boxed .pic-group-content.pic-type-10{
		margin: 60px 0;
	}
	.pic-type-10 .pic-box:nth-child(8n+5){
		width: 22%;padding-top: 22%;
	}
	.gallery .text{
		font-size: 0.75rem;
	}
	.pic-type-09 .pic-box,
	.mobile-mode .pic-type-09 .pic-box{
		width: 50% !important;padding-bottom: 50% !important;
	}
	
	.pic-type-03 .pic-box,
	.pic-type-06 .pic-box,
	.pic-type-03-2 .pic-box{
		width: 50%;
	}
	.boxed .pic-type-13{
		margin-top: -20px;
	}
	.pic-type-03:not(.margin) .pic-box:nth-child(3n),
	.pic-type-06:not(.margin) .pic-box:nth-child(3n){
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	.post-gallery{
		margin-left: 0;margin-right: 0;
	}
	.post-gallery .box{
		width: 100% !important;
	}
	.post-gallery.type-05 .box, .post-gallery.type-06 .box{
		padding-top: 60% !important;
	}

	/* blog ============================================================================*/
	.section .blog-type-01 {
		margin-top: 20px !important;
	}
	.blog-type-01 .blog-box{
		margin-bottom: 40px;
	}
	.blog-type-01 .text{
		position: relative !important;
	}
	.blog-type-01 .img{
		width: 100%;
	}
	.blog-type-01 .blog-box .text-container p{
		margin: 0;
	}
	.blog-type-01 em.intro:before{
		display: none;
	}
	.blog-type-01 .text p a{
		width: 100% !important;
		margin: 0 !important;
	}
	.blog-type-01 .blog-box em.intro,
	.blog-type-01 .blog-box span.date,
	.blog-type-01 .blog-box a.tag{
		left: 0 !important;
	}
	.blog-type-01 .text-container{
		width: 100%;
		margin: 20px 0;
		left: 0 !important;
	}
	.blog-type-03 .blog-box{
		width: 100%;
		padding-top: 110%;
	}
	.blog-type-04 .blog-box{
		width: 100%;
	}
	.blog-type-06 .blog-box p{
		font-size: 20px;
		width: 90%;
	}

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

	.col-5, .col-4, .col-3, .col-4-10, .col-3-10{
		width: 100%;
	}
	.top-banner.b-type-03 p, .top-banner.b-type-01 p, .top-banner.b-type-02 p, .top-banner.b-type-04 p {
		font-size: 30px;
	}

	.section-title p{
		margin-top: 15px;
	}
	ul.pt-dots>li{
		width: 8px;height: 8px;
	}
	ul.pt-dots>li:after{
		border-width: 2px;
	}
	.top-banner.mode-04 {
		margin-bottom: 0px !important; 
	}
	.top-banner.mode-04 .item{
		margin: 0;
	}
	.top-banner.mode-04 .item .item-bg{
		padding-top: 80%;
	}
	.detail-ctrl .ctrl p{
		display: none;
	}
	.detail-ctrl .ctrl span{
		opacity: 1 !important;
		padding: 0 40px !important;
		font-size: 0.875rem;
	}
	.detail-ctrl .prev:after{left: 20px !important;}
	.detail-ctrl .next:after{right: 20px !important;}

	.detail-ctrl .ctrl{
		width: 50%;
	}
	.count-box.only-3{
		width: 100%;
	}
	a.promo-link-01{
		margin-top: 0;
	}

	.pt-slider .text .h{letter-spacing: 0 !important;}
	.features-group.type-04 .img{left: 20px;}
	.features-group.type-04 .container{padding: 40px 30px 50px 20px;}
	.features-group.type-01 .container{padding: 30px !important;}

	.acc_group .info{font-size: 14px;}


	/*gallery and portfolio============================================================================*/
	.section .blog-group-content.blog-type-06{
		margin-top: 20px;
	}
	.normal.pic-type-08 .pic-box .text p{
		font-size: 0.688rem !important;
	}
	.carousel-box .text{
		-webkit-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	
	.normal .pic-box,.pic-type-13 .pic-box{
		width: 100% !important;
	}
	.carousel-box {
		width: 100% !important;
	}
	.pic-type-09 .pic-box,
	.mobile-mode .pic-type-09 .pic-box{
		width: 100% !important;padding-bottom: 100% !important;
	}
	.pic-type-11 .pic-box{
		width: 100% !important;
		padding-top: 70% !important;
	}

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

	.blog-type-06 .blog-box{
		margin-bottom: 40px;
	}
	.blog-type-06 .text-container:after{
		display: none;
	}
	.blog-type-06 .blog-box p{
		width: 100%;
		text-align: left !important;
		margin: 20px auto;
	}
	.blog-type-06 .text-container,
	.blog-type-06 .text-container .text{
		position: relative !important;
		width: 100%;height: auto;
		top: 0 !important;bottom: 0 !important;left: 0 !important;right: 0 !important;
		opacity: 1 !important;
		visibility: visible;
	}
	.blog-type-06 .text-container .text{
		padding: 20px 0;
	}
	.blog-type-06 a.full{
		display: block;
	}
	a.more-02{
		padding: 8px 20px;
		font-size: 10px;
	}
	.blog-type-07 .blog-box{
		width: 100%;
	}
}

/*other///////////////*/
div.ie-8{
	position: fixed;
	width: 100%;
	text-align: center;
	top: 47%;
	font-size: 30px;
}
.gm-style-cc{display: none;}/*google map info*/
div[id^="jarallax-container"]{z-index: 0 !important;}
.mobile-mode div[id^="jarallax-container"]>div,.mobile-mode div[id^="jarallax-container"]>div,
.ie9 div[id^="jarallax-container"]>div,.ie9 div[id^="jarallax-container"]>div{
	position: absolute !important;
	width: 100% !important;height: 100% !important;
	margin-left: 0 !important;margin-top: 0 !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: scroll !important;
}

.ptsc .code-box>.info{white-space: pre-line;}
.bypostauthor{font-size: inherit;}

.pt-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
}

.pt-video-holder iframe{
	max-width: none;
	max-height: none;
}

.pt-video-holder.not-full iframe {
    width: 100% !important;
    height: 100% !important;
}

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

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

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

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

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

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