/* custom css framework */

::-webkit-scrollbar {
	height: 0px;
	width: 0
}

/* if use blocksy
p,
.entry-content>*, .is-layout-flow>*, .is-layout-constrained>* {
	margin-bottom: unset;
}

.is-inner-container {
	width: var(--theme-default-editor, var(--theme-block-width));
	max-width: var(--theme-default-editor, var(--theme-block-max-width));
	margin: 0 auto;
}
*/

.w-100 {width:100%}
.h-100 {height:100%}

.full-screen-height {
    min-height: 82vh;
    height: calc(660px + (890 - 660) * ((100vw - 300px) / (1680 - 300)));
}

.has-background-video, .has-background-image,
.is-relative {position:relative}
.is-absolute {position:absolute}
.is-index-1 {z-index:1}

.is-flex {display:flex}
.is-flex-wrap {flex-wrap:wrap}
.is-flex-column {flex-direction:column}
.is-align-center {align-items:center}
.is-align-self-center {align-self:center}
.is-justify-center {justify-content:center}
.is-justify-between {justify-content:space-between}

.is-grid {display:grid}

.link-to-container a:before,
a.link-to-container:before {
	content: '';
}

.has-background-video > *,
.has-background-image > * {
	position: relative;
	z-index: 1;
}

.link-to-container a:before,
a.link-to-container:before,
.has-background-video figure,
.has-background-image figure {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.has-background-video figure,
.has-background-image figure {
	z-index: -1
}

.is-background-video,
.is-background-image {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.is-hidden {
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    position: absolute;
    top: -999vh;
    left: -999vw;
    content-visibility: hidden;
}

.alignfull {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw!important;
	width: auto!important;
}


.is-1-1-ratio {
	aspect-ratio: 1/1
}

@media (min-width: 768px) {
	
	.is-hidden-desktop {
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		position: absolute;
		top: -999vh;
		left: -999vw;
		content-visibility: hidden;
	}
	
	.alignfull-desktop {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		max-width: 100vw!important;
		width: auto!important;
	}
	
	.grid-has-2-column-desktop {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.grid-has-3-column-desktop {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.grid-has-4-column-desktop {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.is-grid-span-2-column-desktop {
		grid-column: span 2;
	}
	
	.is-grid-span-3-column-desktop {
		grid-column: span 3;
	}
	
}

@media (min-width: 3540px) {
	
	
}

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

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	div.hero-section figure,
	body.home .cta-container > figure,
	.is-hidden-mobile {
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		position: absolute;
		top: -999vh;
		left: -999vw;
		content-visibility: hidden;
	}
	
	.alignfull-mobile {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		max-width: 100vw!important;
		width: auto!important;
	}
	
	.is-flex-column-mobile {flex-direction:column}
	
	.grid-has-2-column-mobile {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.is-grid-span-2-column-mobile {
		grid-column: span 2;
	}
	
	.is-grid-span-3-column-mobile {
		grid-column: span 3;
	}
	
}

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