/*** reset ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body, input, textarea, button, select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 700;
}

header, footer, section, article, aside, main, nav{
	display: block;
}

img{
	border: none;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

input, textarea, select{
	outline: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
}

textarea{
	resize: vertical;
}

a{
	color: inherit;
	text-decoration: none;
	outline: 0;
}

ol, ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

/*** reset ***/

/*** formatting ***/

.margin-auto{ margin: 0 auto; }
.border-box{ box-sizing: border-box; }

.float-left{ float: left; }
.float-right{ float: right; }
.clear{ clear: both; }

.italic{ font-style: italic; }

.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }

.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }
.line-through{ text-decoration: line-through; }

.pre{ white-space: pre-line; }
.pre-wrap{ white-space: pre-wrap; }
.nowrap{ white-space: nowrap; }
.break-word{ word-break: break-word; }
.overflow-hidden{ overflow: hidden; }
.overflow-visible{ overflow: visible; }

.weight1{ font-weight: 100; }
.weight2{ font-weight: 200; }
.weight3{ font-weight: 300; }
.weight4{ font-weight: 400; }
.weight5{ font-weight: 500; }
.weight6{ font-weight: 600; }
.weight7{ font-weight: 700; }
.weight8{ font-weight: 800; }
.weight9{ font-weight: 900; }

.line0-95{ line-height: 0.95em; }
.line1{ line-height: 1.0em; }
.line1-1{ line-height: 1.1em; }
.line1-2{ line-height: 1.2em; }
.line1-3{ line-height: 1.3em; }
.line1-4{ line-height: 1.4em; }
.line1-5{ line-height: 1.5em; }
.line1-6{ line-height: 1.6em; }
.line1-7{ line-height: 1.7em; }
.line1-8{ line-height: 1.8em; }
.line1-9{ line-height: 1.9em; }
.line2{ line-height: 2.0em; }

.letter-spacing{ letter-spacing: 0.03em; }

.scale1{ transform: scale(1.0); }
.scale1-1{ transform: scale(1.1); }
.scale1-2{ transform: scale(1.2); }
.scale1-3{ transform: scale(1.3); }
.scale1-4{ transform: scale(1.4); }
.scale1-5{ transform: scale(1.5); }
.scale1-6{ transform: scale(1.6); }
.scale1-7{ transform: scale(1.7); }
.scale1-8{ transform: scale(1.8); }
.scale1-9{ transform: scale(1.9); }

.rotate0{ transform: rotate(0deg); }
.rotate90{ transform: rotate(90deg); }
.rotate180{ transform: rotate(180deg); }
.rotate270{ transform: rotate(270deg); }

div + div.p{ margin-top: 0.5em; }
div + div.pp{ margin-top: 1.0em; }
div + div.ppp{ margin-top: 1.5em; }

div + div.o{ margin-left: 0.5em; }
div + div.oo{ margin-left: 1.0em; }
div + div.ooo{ margin-left: 1.5em; }

.box-shadow-0-5{ box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1); }
.box-shadow-1{ box-shadow: 0 0 1.0em rgba(0, 0, 0, 0.1); }

.border-radius-50p{ border-radius: 50%; }
.border-radius-0{ border-radius: 0; }
.border-radius-0-5{ border-radius: 0.5em; }
.border-radius-1{ border-radius: 1.0em; }
.border-radius-1-25{ border-radius: 1.25em; }
.border-radius-1-5{ border-radius: 1.5em; }
.border-radius-2{ border-radius: 2.0em; }

.width-100{ width: 100%; }
.width-auto{ width: auto; }
.height-100{ height: 100%; }
.height-auto{ height: auto; }

.position-relative{ position: relative; }


.ratio-1{ aspect-ratio: 1; }
.ratio-2-1{ aspect-ratio: 2 / 1; }
.ratio-3-1{ aspect-ratio: 3 / 1; }
.ratio-3-2{ aspect-ratio: 3 / 2; }
.ratio-3-4{ aspect-ratio: 3 / 4; }
.ratio-4-1{ aspect-ratio: 4 / 1; }
.ratio-4-3{ aspect-ratio: 4 / 3; }
.ratio-4-5{ aspect-ratio: 4 / 5; }
.ratio-5-1{ aspect-ratio: 5 / 1; }
.ratio-5-2{ aspect-ratio: 5 / 2; }
.ratio-5-3{ aspect-ratio: 5 / 3; }
.ratio-5-7{ aspect-ratio: 5 / 7; }
.ratio-7-2{ aspect-ratio: 7 / 2; }
.ratio-16-14{ aspect-ratio: 16 / 14; }
.ratio-16-9{ aspect-ratio: 16 / 9; }


/*** formatting ***/











[style^='background-image: url'], .background-image{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

[style^='background-image: url'].contain, .background-image.contain{
	background-size: contain;
}

[style*='/image/no-image.svg'], [style*='/wp-content/themes/afina/assets/images/no-image.svg'], .no-image{
	background-size: 4em !important;
}

[data-switch]:not(.active){
	display: none !important;
}

[data-delay]:after{
	content: ' (' attr(data-delay) ')';
}

a[name]{
	position: relative;
	display: block;
	float: left;
	top: -4.0em;
}

[id]::before {
	content: '';
	display: block;
	height: 6rem;
	margin-top: -6rem;
	visibility: hidden;
}



.container, .frame, .framework{
	box-sizing: border-box;
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
}

.container, .framework{
	padding: 0 1.5em;
}

/*
.container.small{
	max-width: 1640px;
}
*/

@media screen and (min-width: 600px){
	.container{ padding: 0 5vw; }
}

@media screen and (min-width: 1900px){
	.container{ padding: 0 5em; }
}

@media screen and (min-width: 1200px){
	.container.left-half,
	.container.right-half{
		max-width: 960px;
	}
	.container.left-half{
		margin-right: 0;
	}
	.container.right-half{
		margin-left: 0;
	}
}





.flex{
	display: flex;
}

.flex.wrap{
	flex-wrap: wrap;
}

.flex .flex-spacer{
	flex: 1 0 auto;
}

.flex.row{
	flex-direction: row;
}

.flex.row-reverse{
	flex-direction: row-reverse;
}

.flex.column{
	flex-direction: column;
}

.flex.align-start{
	align-items: flex-start;
}

.flex.align-center{
	align-items: center;
}

.flex.align-end{
	align-items: flex-end;
}

.flex.justify-center{
	justify-content: center;
}

.flex.space-between{
	justify-content: space-between;
}

.flex-1{
	flex: 1;
}


.swiper-wrapper .swiper-slide{
	height: initial;
}

.swiper-parent .swiper-arrows{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20%;
}

.swiper-parent .swiper-prev, .swiper-parent .swiper-next{
	position: absolute;
	top: -1.5em;
	z-index: 1;
}

.swiper-parent .swiper-prev{
	left: 0;
}

.swiper-parent .swiper-next{
	right: 0;
}






.js-form-woocommerce.is-active .if-not-active{
	display: none;
}

.js-form-woocommerce:not(.is-active) .if-active{
	display: none;
}

.js-form-woocommerce.is-favorite .if-not-favorite{
	display: none;
}

.js-form-woocommerce:not(.is-favorite) .if-favorite{
	display: none;
}

.js-form-woocommerce{
	counter-increment: counter;
}

.js-form-woocommerce .counter::after{
	content: counter(counter);
}


.js-item:not(.is-active) .if-active{
	display: none;
}

.js-item.is-active .if-not-active{
	display: none;
}


.js-intersection.is-hide{
	opacity: 0;
	transform: translateY(1.0em);
}

.js-intersection.is-show{
	transition: opacity 0.75s, transform 0.75s;
	opacity: 1;
	transform: translateY(0em);
}



header:not(.is-mobile-menu-open) .js-hamburger .__svg .close{
	display: none;
}
header.is-mobile-menu-open .js-hamburger .__svg .open{
	display: none;
}


.js-wrapper-active-toggle:not(.is-active) .if-active{
	display: none;
}

.js-wrapper-active-toggle.is-active .if-not-active{
	display: none;
}


.is-hidden{
	display: none;
}

.is-visibly{
	display: block;
}