@import url('https://fonts.cdnfonts.com/css/arial-narrow-7');

/* ----------------------------------------------------------------
LI&Co.
-----------------------------------------------------------------*/
::selection {
    background-color: #a5a4a2;
    color: #FFF;
}

div {outline:0px solid red;}

:root {
	--cnvs-body-font: "Arial", sans-serif;
	--cnvs-primary-font: "Arial", sans-serif;
	--cnvs-secondary-font: "Arial", serif;
	--cnvs-themecolor: #a5a4a2;
	--cnvs-themecolor-rgb: 255, 255, 255;
	--bs-body-color: #fff!important;
	--bs-body-bg: #a5a4a2;
}

body,
.section {background:#a5a4a2;}

.fsc-20 {font-size:20px;}
.fsc-30 {font-size:30px;}
.fsc-md {font-size: 1.3rem!important;}
	@media (max-width: 992px) {
		.fsc-20 {font-size:20px;}
		.fsc-30 {font-size:20px;}
		.fsc-md {font-size: 1rem!important;}
	}

.fsc-bodytxtcolumnleft p::first-letter {font-size:50px;}
@media (max-width: 768px) {
	.fsc-bodytxtcolumnleft {font-size:9px;}
}

@media (max-width: 768px) {
	.text-margin {margin-left:-18px;}
}

.text-light {color:#fff;}
 
.pos-abs-mob-center {}
	@media (max-width: 576px) {
		.pos-abs-mob-center {bottom:0; transform: translate(50%, 0%);}
	}

strong {font-weight:bold;}

.pe-all {pointer-events: all!important;}

.py-c-1 {padding-top:1px; padding-bottom:1px;}

/*.min-vh-100 {min-height:125vh!important;}
@media (max-width: 992px) {
	.min-vh-100 {min-height:150vh!important;}
}
*/

.bg-none {background:none!important;}

/* sidepanel */
.side-push-panel.side-panel-open.stretched #wrapper, .side-push-panel.side-panel-open.stretched .sticky-header .container {right:200px;}
.side-panel-wrap {text-align:right; text-transform:uppercase;}

@media (min-width: 577px) {
	#side-panel .widget {width:140px;}
	.side-panel-wrap .border-yiline::before {left:auto; right: 28px;}
}
@media (max-width: 576px) {
	#side-panel {width:170px!important;}
	#side-panel .widget {width:100px;}
	.side-panel-wrap {padding:3em 0 0 3em!important;}
	.side-panel-wrap .border-yiline::before {left:auto; right: 28px;}
}

/*  header */
#header-wrap {border:0!important;}
body:not(.is-expanded-menu) .sticky-header #header-wrap {background:none;}
.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {background-color:#fff; box-shadow:1px 1px 2px rgba(0, 0, 0, 1); height:3px;}
.cnvs-hamburger .cnvs-hamburger-inner {height:3px;}
.primary-menu-trigger:hover .cnvs-hamburger {opacity:0.5;}

.menu-item:hover > .menu-link {color:#999;}

.w-250 {width:250px;}

.default-link a {color:#fff; text-decoration:underline;}
.default-link a:hover {opacity:0.6;}

.ahover:hover,
.ahover a:hover {opacity:0.6;}

a,
.primary-menu a div,
.primary-menu a img  {transition: all 0.18s ease-in-out;}
.primary-menu a img:hover {opacity:0.6;}
	
.text-align-justify {text-align: justify;}
.lead-lh,
.lead-lh p {line-height:1.3em!important; text-align:justify;}

.text-shadow {text-shadow: 2px 2px #333;}

.text-list {display:block; list-style-type:none;}
.text-list li {margin-bottom:10px;}
.text-list li a {color:#fff;}
.text-list li a:hover {opacity:0.6;}

.drop-shadow {filter: drop-shadow(2px 2px #333);}

.border-yiline,
.border-yiline-menu,
.border-yiline-double {position:relative; border:0px solid blue;}
.border-yiline::before {content:''; display:block; position:absolute; top:-2px; left:0; width:.65em; height:2px; background:#fff; box-shadow:2px 2px #333;}
.border-yiline-menu::before {content:''; display:block; position:absolute; top:-2px; left:-2px; width:.65em; height:2px; background:#fff; box-shadow:2px 2px #333;}
.border-yiline-double::before {content:''; display:block; position:absolute; top:10px; left:0; width:.66em; height:32px; background:#fff; box-shadow:2px 2px #333;}
	@media (max-width: 992px) {
		.border-yiline-double::before {content:''; display:block; position:absolute; top:0; left:0; width:150px; height:18px; background:#fff; box-shadow:2px 2px #333;}
	}


.nav-tree li:hover > a, 
.nav-tree li.current > a, 
.nav-tree li.active > a {color:#888!important;}

.nav-tree li:hover > a img {opacity:0.4;}

.nav-tree li:hover > a .border-yiline::before {background:#888;}
.menu-container .menu-item:hover .border-yiline-menu::before {background:#888!important;}


.object-leftcenter {object-position:25% center;}

.ml-min25 {margin-left:-25px!important;}
							
	.w-10 {width: 10% !important;}
	.w-25 {width: 25% !important;}
	.w-35 {width: 35% !important;}
	.w-50 {width: 50% !important;}
	.w-60 {width: 60% !important;}
	.w-75 {width: 75% !important;}
	.w-100 {width: 100% !important;}
	
@media (min-width: 576px) {
	.w-sm-10 {width: 10% !important;}
	.w-sm-25 {width: 25% !important;}
	.w-sm-35 {width: 35% !important;}
	.w-sm-50 {width: 50% !important;}
	.w-sm-60 {width: 60% !important;}
	.w-sm-75 {width: 75% !important;}
	.w-sm-100 {width: 100% !important;}
}
@media (min-width: 768px) {
	.w-md-10 {width: 10% !important;}
	.w-md-25 {width: 25% !important;}
	.w-md-35 {width: 35% !important;}
	.w-md-50 {width: 50% !important;}
	.w-md-60 {width: 60% !important;}
	.w-md-75 {width: 75% !important;}
	.w-md-100 {width: 100% !important;}
}
@media (min-width: 992px) {
	.w-lg-10 {width: 10% !important;}
	.w-lg-25 {width: 25% !important;}
	.w-lg-35 {width: 35% !important;}
	.w-lg-50 {width: 50% !important;}
	.w-lg-60 {width: 60% !important;}
	.w-lg-75 {width: 75% !important;}
	.w-lg-100 {width: 100% !important;}
}
@media (min-width: 1200px) {
	.w-xl-10 {width: 10% !important;}
	.w-xl-25 {width: 25% !important;}
	.w-xl-35 {width: 35% !important;}
	.w-xl-50 {width: 50% !important;}
	.w-xl-60 {width: 60% !important;}
	.w-xl-75 {width: 75% !important;}
	.w-xl-100 {width: 100% !important;}
}
@media (min-width: 1400px) {
	.w-xxl-10 {width: 10% !important;}
	.w-xxl-25 {width: 25% !important;}
	.w-xxl-35 {width: 35% !important;}
	.w-xxl-50 {width: 50% !important;}
	.w-xxl-60 {width: 60% !important;}
	.w-xxl-75 {width: 75% !important;}
	.w-xxl-100 {width: 100% !important;}
}




@media (min-width: 992px) {
	.w-lg-210 {width: 210px!important;}
}


/* headers */
.section-title-c {cursor:pointer;}
.section-title-c .title-firstletter {font-size:400px; margin:0 0 0 -30px; padding:0; line-height: .9em;}
.section-title-c .title-word {margin-left:-60px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-c .title-firstletter {font-size:250px; margin:0 0 0 -10px;}
		.section-title-c .title-word {margin-left:-33px; font-size:20px;}
	}
	
.section-title-d {cursor:pointer;}
.section-title-d .title-firstletter {font-size:400px; margin:0 0 0 -30px; padding:0; line-height: .9em;}
.section-title-d .title-word {margin-left:-60px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-d .title-firstletter {font-size:250px; margin:0 0 0 -20px;}
		.section-title-d .title-word {margin-left:-40px; font-size:20px;}
	}

.section-title-e {cursor:pointer;}
.section-title-e .title-firstletter {font-size:400px; margin:0 0 0 -30px; padding:0; line-height: .9em;}
.section-title-e .title-word {margin-left:-20px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-e .title-firstletter {font-size:250px; margin:0 0 0 -20px;}
		.section-title-e .title-word {margin-left:-13px; font-size:20px;}
	}
	@media (max-width: 576px) {
		.section-title-e .title-word {margin-left:-10px; font-size:18px;}	
	}

.section-title-j {cursor:pointer;}
.section-title-j .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.section-title-j .title-word {margin-left:-200px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-j .title-firstletter {font-size:200px; margin:0 0 0 -15px;}
		.section-title-j .title-word {margin-left:-100px; font-size:20px;}
	}
	
.section-title-p {cursor:pointer;}
.section-title-p .title-firstletter {font-size:400px; margin:0 0 0 -25px; padding:0; line-height: .9em;}
.section-title-p .title-word {margin-left:-200px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-p .title-firstletter {font-size:250px; margin:0 0 0 -15px;}
		.section-title-p .title-word {margin-left:-115px; font-size:20px;}
	}

.section-title-t {cursor:pointer;}
.section-title-t .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.section-title-t .title-word {margin-left:-105px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-t .title-firstletter {font-size:250px;}
		.section-title-t .title-word {margin-left:-65px; font-size:20px;}	
	}	

.section-title-y {cursor:pointer;}
.section-title-y .title-firstletter {font-size:400px; margin:0 0 0 0px; padding:0; line-height: .9em;}
.section-title-y .title-word {margin-left:-120px; font-size:30px;}
	@media (max-width: 992px) {
		.section-title-y .title-firstletter {font-size:250px; font-weight:25vw;}
		.section-title-y .title-word {margin-left:-65px; font-size:20px;}
	}	
	
	
	
/* team page */
/* Tommy */
.team-title-wrap-tommy .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.team-title-block-tommy {position:absolute; top:180px; left:155px;}
	@media (max-width: 1200px) {
		.team-title-block-tommy {position:absolute; top:123px; left:155px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-tommy .title-firstletter {font-size:250px;}
		.team-title-wrap-tommy .fsc-30 {font-size:20px;}
		.team-title-block-tommy {position:absolute; top:90px; left:100px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-tommy .title-firstletter {font-size:250px;}
		.team-title-wrap-tommy .fsc-30 {font-size:20px;}
		.team-title-block-tommy {position:absolute; top:93px; left:100px;}
	}
	@media (max-width: 768px) {
		.team-title-block-tommy {position:absolute; top:93px;}
	}

		
/* Johnny */
.team-title-wrap-johnny .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.team-title-block-johnny {position:absolute; top:185px; left:180px;}
	@media (max-width: 1200px) {
		.team-title-block-johnny {position:absolute; top:127px; left:182px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-johnny .title-firstletter {font-size:250px;}
		.team-title-wrap-johnny .fsc-30 {font-size:20px;}
		.team-title-block-johnny {position:absolute; top:95px; left:130px;}
	} 
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-johnny .title-firstletter {font-size:250px;}
		.team-title-wrap-johnny .fsc-30 {font-size:20px;}
		.team-title-block-johnny {position:absolute; top:95px; left:120px;}
	}
	@media (max-width: 768px) {
		.team-title-block-johnny {position:absolute; top:95px; left:130px;}
	}

	
/* Wayne */
/*
.team-title-wrap-wayne .title-firstletter {font-size:400px; margin:0 0 0 -2px; padding:0; line-height: .9em;}
.team-title-block-wayne {position:absolute; top:152px; left:345px;}
	@media (max-width: 1400px) {
		.team-title-wrap-wayne .title-firstletter {font-size:300px;}
		.team-title-block-wayne {top:75px; left:275px;}
	}
	@media (max-width: 1200px) {
		.team-title-wrap-wayne .title-firstletter {font-size:200px; line-height: 1.1em;}
		.team-title-block-wayne {top:34px; left:200px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-wayne .title-firstletter {font-size:200px; line-height: .9em;}
		.team-title-wrap-wayne .fsc-30 {font-size:20px;}
		.team-title-block-wayne {top:15px; left:198px;}
	}
	@media (max-width: 768px) {
		.team-title-block-wayne {top:75px; left:182px;}
	}
	@media (max-width: 576px) {
		.team-title-wrap-wayne .title-firstletter {font-size:180px;}
		.team-title-block-wayne {top:15px;}
	}
*/
.team-title-wrap-wayne .title-firstletter {font-family: 'Arial Narrow 7', arial, sans-serif; font-size:400px; margin:0 0 0 -2px; padding:0; line-height: .9em;}
.team-title-block-wayne {position:absolute; top:208px; left:255px;}
	@media (max-width: 1400px) {
		.team-title-wrap-wayne .title-firstletter {font-size:300px;}
		.team-title-block-wayne {top:128px; left:205px;}
	}
	@media (max-width: 1200px) {
		.team-title-wrap-wayne .title-firstletter {font-size:200px; line-height: 1.1em;}
		.team-title-block-wayne {top:38px; left:150px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-wayne .title-firstletter {font-size:200px; line-height: .9em;}
		.team-title-wrap-wayne .fsc-30 {font-size:20px;}
		.team-title-block-wayne {top:55px; left:138px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-wayne .title-firstletter {font-size:200px; line-height: .9em;}
		.team-title-wrap-wayne .fsc-30 {font-size:20px;}
		.team-title-block-wayne {top:75px; left:145px;}
	}
	@media (max-width: 768px) {
		.team-title-block-wayne {top:75px; left:145px;}
	}
	@media (max-width: 576px) {
		.team-title-wrap-wayne .title-firstletter {font-size:180px;}
		.team-title-block-wayne {top:40px; left:130px;}
	}
		
/* Ryan */
.team-title-wrap-ryan .title-firstletter {font-size:400px; margin:0 0 0 -30px; padding:0; line-height: .9em;}
.team-title-block-ryan {position:absolute; top:183px; left:270px;}
.team-title-block-ryan .lead-lh {text-align:left;}
	@media (max-width: 1400px) {
		.team-title-block-ryan {position:absolute; top:154px; left:272px;}
	}
	@media (max-width: 1200px) {
		.team-title-wrap-ryan .title-firstletter {font-size:330px;}
		.team-title-block-ryan {top:100px; left:222px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-ryan .title-firstletter {font-size:300px; margin:0 0 0 -22px;}
		.team-title-wrap-ryan .fsc-30 {font-size:20px;}
		.team-title-block-ryan {top:130px; left:185px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-ryan .title-firstletter {font-size:250px; margin:0 0 0 -22px;}
		.team-title-wrap-ryan .fsc-30 {font-size:20px;}
		.team-title-block-ryan {top:95px; left:180px;}		
	}
	@media (max-width: 768px) {
		.team-title-wrap-ryan .title-firstletter {font-size:250px;}
		.team-title-block-ryan {top:115px; left:145px;} 
	}
	@media (max-width: 576px) {
		.team-title-block-ryan {top:95px;}		
	}
	@media (max-width: 408px) {
		.team-title-block-ryan {top:75px;}		
	}
	
	
/* Esther */
.team-title-wrap-esther .title-firstletter {font-size:400px; margin:0 0 0 -30px; padding:0; line-height: .9em;}
.team-title-block-esther {position:absolute; top:205px; left:235px;}
	@media (max-width: 1400px) {
		.team-title-block-esther {position:absolute; top:173px; left:235px;}
	}
	@media (max-width: 1200px) {
		.team-title-wrap-esther .title-firstletter {font-size:330px; margin:0 0 0 -25px;}
		.team-title-block-esther {top:90px; left:197px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-esther .title-firstletter {font-size:250px; margin:0 0 0 -20px;}
		.team-title-wrap-esther .fsc-30 {font-size:20px;}
		.team-title-block-esther {top:110px; left:130px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-esther .title-firstletter {font-size:250px; margin:0 0 0 -20px;}
		.team-title-wrap-esther .fsc-30 {font-size:20px;}
		.team-title-block-esther {top:105px; left:150px;}
	}
	@media (max-width: 768px) {
		.team-title-block-esther {top:133px;}
	}
	@media (max-width: 480px) {
		.team-title-block-esther {top:110px; left:138px;}
	}
	@media (max-width: 380px) {
		.team-title-block-esther {top:85px; left:138px;}
	}
	
/* Adrian */
.team-title-wrap-adrian .title-firstletter {font-size:400px; margin:0 0 0 0px; padding:0; line-height: .9em;}
.team-title-block-adrian {position:absolute; top:205px; left:285px;}
	@media (max-width: 1400px) {
		.team-title-block-adrian {position:absolute; top:178px; left:280px;}
	}
	@media (max-width: 1200px) {
		.team-title-wrap-adrian .title-firstletter {font-size:300px;}
		.team-title-block-adrian {top:98px; left:215px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-adrian .title-firstletter {font-size:250px;}
		.team-title-wrap-adrian .fsc-30 {font-size:20px;}
		.team-title-block-adrian {top:110px; left:180px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-adrian .title-firstletter {font-size:250px;}
		.team-title-wrap-adrian .fsc-30 {font-size:20px;}
		.team-title-block-adrian {top:107px; left:185px;}
	}
	@media (max-width: 768px) {
		.team-title-block-adrian {top:135px;}
	}
	@media (max-width: 472px) {
		.team-title-block-adrian {top:112px; left:174px;}		
	}
	
/* Sophia */
.team-title-wrap-sophia .title-firstletter {font-size:400px; margin:0 0 0 -15px; padding:0; line-height: .9em;}
.team-title-block-sophia {position:absolute; top:155px; left:250px;}
	@media (max-width: 1200px) {
		.team-title-wrap-sophia .title-firstletter {font-size:330px; margin:0 0 0 -10px;}
		.team-title-block-sophia {position:absolute; top:67px; left:207px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-sophia .title-firstletter {font-size:250px;}
		.team-title-wrap-sophia .fsc-30 {font-size:20px;}
		.team-title-block-sophia {top:95px; left:148px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-wrap-sophia .title-firstletter {font-size:250px;}
		.team-title-wrap-sophia .fsc-30 {font-size:20px;}
		.team-title-block-sophia {top:75px; left:160px;}
	}
	@media (max-width: 768px) {
		.team-title-block-sophia {top:110px; left:150px;}
	}
	@media (max-width: 576px) {
		.team-title-block-sophia {top:93px;}
	}
	@media (max-width: 454px) {
		.team-title-block-sophia {top:73px;}
	}
	
	
/* David */
.team-title-wrap-david .title-firstletter {font-size:400px; margin:0 0 0 -25px; padding:0; line-height: .9em;}
.team-title-block-david {position:absolute; top:185px; left:260px; margin-left:0px;}
	@media (max-width: 1400px) {
		.team-title-block-david {top:125px; left:257px;}
	}	
	@media (max-width: 1200px) {
		.team-title-wrap-david .title-firstletter {font-size:250px; margin:0 0 0 -20px;}
		.team-title-block-david {top:35px; left:155px;}
	}
	@media (max-width: 992px) {
		.team-title-block-david {top:115px; left:145px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-block-david {top:95px; left:165px;}		
	}
	@media (max-width: 768px) {
		.team-title-block-david {top:125px; left:150px;}
	}
	@media (max-width: 576px) {
		.team-title-block-david {top:75px;}
	}
	@media (max-width: 454px) {
		.team-title-block-david {top:95px;}
	}

/* Terry */
.team-title-wrap-terry .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.team-title-block-terry {position:absolute; top:208px; left:155px; margin-left:0px;}
	@media (max-width: 1200px) {
		.team-title-wrap-terry .title-firstletter {font-size:250px;}
		.team-title-block-terry {top:90px; left:100px;}
	}
	@media (max-width: 992px) {
		.team-title-block-terry {top:112px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-block-terry {top:88px;}
	}
	@media (max-width: 768px) {
		.team-title-block-terry {top:112px;}
	}
	
/* Josh */
.team-title-wrap-josh .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.team-title-block-josh {position:absolute; top:185px; left:185px; margin-left:0px;}
	@media (max-width: 1200px) {
		.team-title-wrap-josh .title-firstletter {font-size:250px;}
		.team-title-block-josh {top:65px; left:128px;}
	}
	@media (max-width: 992px) {
		.team-title-block-josh {top:85px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-block-josh {top:65px;}
	}
	@media (max-width: 767px) {
		.team-title-block-josh {top:95px;}
	}
	@media (max-width: 576px) {
		.team-title-block-josh {top:95px;}
	}

	
/* Tim */
.team-title-wrap-tim .title-firstletter {font-size:400px; margin:0 0 0 -5px; padding:0; line-height: .9em;}
.team-title-block-tim {position:absolute; top:210px; left:155px;}
	@media (max-width: 1200px) {
		.team-title-block-tim {top:180px; left:152px;}
	}
	@media (max-width: 992px) {
		.team-title-wrap-tim .title-firstletter {font-size:250px;}
		.team-title-block-tim {top:110px; left:100px;}
	}
	@media (max-width: 992px) and (orientation: portrait) {
		.team-title-block-tim {top:63px; left:100px;}		
	}
	@media (max-width: 765px) {
		.team-title-block-tim {top:113px;}
	}

	

	

	
/* portfolio */
/*
.bg-portfolio {
	background: -webkit-linear-gradient(#343a40,#888);
    background: -moz-linear-gradient(#343a40,#888);
    background: -o-linear-gradient(#343a40,#888);
    background: linear-gradient(#343a40,#888);
}*/

.portfolio-title p {text-transform:capitalize;}

.portfolio-slides .masonry-grid-item-container h4 {font-size:1rem!important}
@media (max-width: 768px) {
	.portfolio-slides .masonry-grid-item-container h4 {font-size:0.6rem!important}
}

/*
.wrap-portfolio a {text-align:center;}
.wrap-portfolio h5 {font-size:0.9em; margin-left: 38%;}
	@media (max-width: 1024px) {
		.wrap-portfolio h5 {font-size:0.7em; margin-left: 43%;}
	}
	.wrap-portfolio .portfolio-item {margin-bottom:10px;}
*/
.wrap-portfolio h5 {font-size:0.9em; margin-left:-20px;}
.wrap-portfolio .portfolio-item {margin-bottom:10px;}
	@media (max-width: 1024px) {
		.wrap-portfolio h5 {font-size:0.7em;}
	}

.marginTB {padding:30px 0!important;}
.marginLR {padding:0 20px!important;}
	@media (max-width: 1024px) {
		.marginTB {padding:15px 0!important;}
		.marginLR {padding:0 10px!important;}
	}
	
	
/*
	.wrap-portfolio img,
	.bg-overlay {	
		width: 205px;
		height: 205px;
	}
	*/
	/*
	.wrap-portfolio img {
		margin: 0 auto;
		object-fit: cover;
		display: flex;
		justify-content: center; 
		align-items: center;
		text-align: center;
	}

	.bg-overlay {
		position: absolute;
		top: 0;
		left: 50%;
		right: 50%;
		bottom: 0;
		margin-left:-102.5px;
		display: flex;
		border-radius: 50%;
		align-items: flex-end;
		justify-content: center;
		background: rgba(0, 0, 0, 0);
		transition: background 0.5s ease-in-out;
	}
			
				
	.portfolio-item:hover .bg-overlay {background: rgba(0, 0, 0, 0.5);}
	.bg-overlay-content {color: #fff; padding: 1rem 1rem 2.5rem 1rem; z-index: 1;}

	@media (max-width: 992px) {
		.wrap-portfolio {margin-left:0px;}
		.wrap-portfolio img,
		.bg-overlay {
			width: 120px;
			height: 120px;
		}
		.bg-overlay {
			margin-left:-60px;
		}
		.bg-overlay-content {padding: 1rem 1rem 1rem 1rem;}
		
		.mob-nobg {display:none;}
	}
	
	@media (min-width: 993px) and (max-width:1400px) {
		.wrap-portfolio img,
		.bg-overlay {
			width: 145px;
			height: 145px;
		}
		.bg-overlay {
			margin-left:-72.5px;
		}
	}
	*/
/*
@media (min-width:767px) and (max-width:992px) {
	.bg-overlay {
		width: 180px;
		height: 180px;
		margin-left:-90px;
	}
}

	@media (max-width: 992px) {
		.wrap-portfolio img {
			width: 175px;
			height: 175px;
		}
		.bg-overlay-content {padding: 1.4rem;}
	}
*/


	.portfolio-list a,
	.portfolio-list h2 {color:#fff;}
	.portfolio-list span {display:block;}

	.masonry-thumbs .grid-item {margin:0 0 0px 0;}
		@media (max-width: 992px) {
			.portfolio-list span {font-size:11px;}
			.page-navigator .portfolio-list span {font-size:inherit;}
			.masonry-thumbs .grid-item {margin:0 0 0px 0;}
		}

.mfp-counter {bottom:0; right:0;}

.mfp-content .mfp-bottom-bar {display:none;}



	.inline-video-trigger { position: relative; display: block; background:#000; }
	
	.inline-main-video {opacity:0.3;}
	
	.play-button-overlay {
	  position: absolute;
	  top: 50%; left: 50%;
	  transform: translate(-50%, -50%);
	  z-index: 5;
	  pointer-events: auto;
	  cursor: pointer;
	}

	.video-close-btn {
	  position: absolute;
	  top: 30px; right: 30px;
	  z-index: 10;
	  background: rgba(0,0,0,0.6);
	  border: none;
	  color: #fff;
	  font-size: 24px;
	  line-height: 1;
	  width: 32px; 
	  height: 32px;
	  border-radius: 50%;
	  cursor: pointer;
	}


.videocredits {font-size:10px; color:#aaa;}
	@media (max-width: 1024px) {
		.videocredits {font-size:5px; color:#aaa;}
	}

/* yiline */
.grid-item {
    position: relative;
}
.masonry-grid-item-container {top:0; left:0; right:0; bottom:0;}
.masonry-grid-item-container h3 {margin:0; color:#fff;}
.masonry-grid-item-container h4 {margin:0; color:#fff; font-size:1.2rem!important}
	@media (max-width: 1024px) {
		.masonry-grid-item-container h3 {font-size:1rem!important;}
	}
	@media (max-width: 768px) {
		.masonry-grid-item-container h3 {font-size:0.6rem!important;}
		.masonry-grid-item-container h4 {font-size:0.6rem!important}
	}
	
	
.yiline-image-text-hover h5 {color:#fff;}
.yiline-image-text-hover {position:absolute; top:10vh; right:10vw; max-width:500px;}
	@media (min-width: 480px) and (max-width: 768px) {
		.yiline-image-text-hover {top:30vh;}
	}
.grid-item:hover .image-text-hover {
    opacity: 1;
    visibility: visible;
}


/* yiline body text */
	.yiline-body {display: flex; align-items: center;}
	.yiline-body svg, .yiline-body .svg-image {height: 22px; width: auto; vertical-align: middle; filter: drop-shadow(1px 1px 1px rgba(0, 0, 1));}
	.yiline-body .svg-image {margin-top: -4px; margin-bottom: 4px;}

		@media (min-width: 992px) {
			.yiline-body {}
			.yiline-body svg, .yiline-body .svg-image {height: 32px; filter: drop-shadow(1px 1px 1px rgba(0, 0, 1));}
		}

/* yiline menu text */
	.yiline-menu {display: block ; align-items: center;}
	.yiline-menu svg, .yiline-menu .svg-image {height: 17px; width: auto; vertical-align: middle; filter: drop-shadow(1px 1px 1px rgba(0, 0, 1));}
	.yiline-menu .svg-image {margin-top: -7px; margin-right:0px; padding:0 15px;}

		@media (min-width: 992px) {
			.yiline-menu {}
			.yiline-menu svg, .yiline-menu .svg-image {padding:0; /*height: 14.5px; */ filter: drop-shadow(1px 1px 1px rgba(0, 0, 1));}
		}
		@media (max-width: 768px) {
			.yiline-menu .svg-image {padding:0;}
		}

/* yiline menu small text */
	.yiline-menu-small {display: block ; align-items: center;}
	.yiline-menu-small svg, .yiline-menu-small .svg-image {height: 15px; width: auto; vertical-align: middle; filter: drop-shadow(1px 1px 1px rgba(0, 0, 1));}
	.yiline-menu-small .svg-image {margin-top: -7px; margin-right:-20px;}

		@media (min-width: 992px) {
			.yiline-menu-small {}
			.yiline-menu-small svg, .yiline-menu-small .svg-image {height: 14.5px; filter: drop-shadow(1px 1px 1px rgba(0, 0, 1));}
		}


/* yiline page */
.slide-yiline .lead-lh .subtitle p,
.slide-yiline .lead-lh .bodytext p {color:#fff; text-align:end;}
.slide-yiline .lead-lh .bodytext p {font-size:1rem;}
@media (min-width: 767px) {
	.slide-yiline .lead-lh.text-end {margin-right:-18px}
}
@media (max-width: 767px) {
	.slide-yiline .lead-lh .bodytext p {font-size:.5rem;}
}







/* gototop */
#gotoTop {
	--cnvs-gotoTop-stroke-color: var(--cnvs-themecolor);
	--cnvs-gotoTop-stroke-width: 4px;
	--cnvs-gotoTop-scroll: 260;
	background-color: transparent !important;
}

	#gotoTop::before {
		content: "\F286";
		font-family: 'bootstrap-icons';
		position: absolute;
		left: 50%;
		top: 50%;
		width: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
		height: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
		line-height: calc(32px - 1px);
		font-size: 1rem;
		color: #222;
		transform: translate(-50%, -50%);
		border: 2px solid rgba(0,0,0,0.1);
		border-radius: 50%;
		z-index: -1;
	}

	#gotoTop circle {
		stroke: var(--cnvs-gotoTop-stroke-color);
		stroke-width: var(--cnvs-gotoTop-stroke-width);
		transform: rotate(-90deg);
		transform-origin: center;
		stroke-dashoffset: var(--cnvs-gotoTop-scroll);
		stroke-dasharray: 255 255;
		z-index: 1;
	}


footer#footer {border:0;}

.stretched #gotoTop {bottom:5px; right:5px;}
#gotoTop circle {stroke:#686868!important;}
#gotoTop::before {color:#686868!important;}