@charset "UTF-8";

.btn-menu { display: none; padding: 1rem; z-index: 100; box-sizing: content-box;}
.btn-menu-in { position: relative; height: 2.2rem; width: 3rem;}
.btn-menu-in-line, 
.btn-menu-in:before, 
.btn-menu-in:after { width: 100%; height: 2px; background-color: #000; display: block; position: absolute; content: ''; transform: translateY(-50%);}
.btn-menu-in-line { left: 0; top: 50%; transition: .6s ease;}
.btn-menu-in:before { left: 0; top: 0%; transition: transform .3s ease, top .3s .3s ease;}
.btn-menu-in:after { left: 0; top: 100%; transition: transform .3s ease, top .3s .3s ease;}
.active-menu .btn-menu-in-line { opacity: 0;}
.active-menu .btn-menu-in:before { top: 50%; transform: rotate(45deg); transition: transform .3s .3s ease, top .3s ease;}
.active-menu .btn-menu-in:after { top: 50%; transform: rotate(-45deg); transition: transform .3s .3s ease, top .3s ease;}


@media ( min-width: 1920px ) {
	html { font-size: 10px;}
}

@media ( max-width: 1280px ) {
	.content-slider .flickity-prev-next-button.previous,
	.content-next-prev .link-prev { cursor: url(../img/icon-arrow-l-2.png) 24 14, auto;}
	.content-slider .flickity-prev-next-button.next,
	.content-next-prev .link-next { cursor: url(../img/icon-arrow-r-2.png) 24 14, auto;}
}

@media ( max-width: 1100px ) {
	html { font-size: 10px;}

	:root {
		--und: .65rem;
		--und2: 1.3rem;
		--m-l: 5rem;
		--m-m: 2.5rem;
		--h-footer: 4rem;
		--color: #0000FF;
	}

	h1, .txt-h1, .header, .content-bio h2{ font-size: 2.9rem; line-height: 1.075em;}
	h2, .txt-h2 { font-size: 2.9rem; line-height: 1.2em;}
	body, h3, p, .txt-h3 { font-size: 1.7rem; line-height: 1.2em;}
	h4, h5, small, .txt-h4, .flickity-page-dots, figcaption, .content-bio h1, .content-bio h3, .content-bio p { font-size: 1.2rem; line-height: 1.2em;}
	figcaption { line-height: 1.2rem;}

	.content-contact small { min-width: 8rem;}

	.content-acordeon .content-acordeon-info.columns { column-gap: 2.5rem;}
	.content-bio h3 { min-width: 4rem;}


	.mobile-device .content { min-height: calc( ( var(--vh) * 100) - var(--h-footer) );}

	.mobile-device .content-slider,
	.mobile-device .content-slider-item,
	.mobile-device .content-slider-item-in { height: calc( var(--vh) * 100);}

	.mobile-device .content-main img { max-height: calc( (var(--vh) * 100) - 25rem);}

	.content-slider .flickity-button { display: none;}

	.content-popup-btn { top: 1rem; right: 1.5rem; width: 3rem; height: 3rem;}
	.content-popup-btn:before,
	.content-popup-btn:after { height: .2rem;}

}

@media ( max-width: 960px ) {

	.col9-12 { width: 90%;}

	.content-txt .col6-12,
	.content-img-one .col6-12 { width: 75%;}

	.content-next-prev a { padding: 16rem var(--und);}
	.content-next-prev span { display: none;}
	.content-next-prev .link-prev { cursor: pointer; background: url(../img/icon-arrow-l-2.png) no-repeat .65rem center;}
	.content-next-prev .link-next { cursor: pointer; background: url(../img/icon-arrow-r-2.png) no-repeat calc(100% - .65rem) center;}	

	.content-img-full img { max-height: 90vh; height: 100vw; object-fit: cover;}

	.content-acordeon .content-acordeon-info.columns { column-count: 2;}
	.content-acordeon .content-acordeon-info.simple { width: 50%;}
}	

@media ( max-width: 760px ) {
	.col3-12,
	.col4-12 { width: 50%;}
	.col6-12,
	.col9-12,
	.content-txt .col6-12,
	.content-img-one .col6-12 { width: 100%;}

	.header { position: fixed;}
	#logo { position: relative; z-index: 100;}
	
	.menu { position: absolute; z-index: 50; top: -100vh; width: 100%; left: 0; display: block; transform: translateY(-110%);}
	.menu ul { position: relative; z-index: 2; display: block; padding-top: var(--m-l); padding-bottom: var(--und2); background-color: #FFFFFF; box-shadow: .5rem 0 2rem rgba(0, 0, 255,1);}
	.menu ul li, 
	.menu ul li + li { margin-left: 1.2em; padding: .3rem 0;}

	.active-menu .menu { top: 0; transform: translateY(0%);}
	
	.btn-menu { display: block;}

	.content-acordeon .content-acordeon-info { padding-right: 0; }
	.content-acordeon .content-acordeon-info.columns { column-count: unset;}
	.content-acordeon .content-acordeon-info.simple { width: 100%;}

	.content-grid-item img { max-width: calc(100vw/4); max-height: calc(100vw/4);
}

@media ( max-width: 500px ) {
	.content-grid-item { width: 100%;}
	.content-grid-item img { max-width: calc(100vw/2); max-height: calc(100vw/2);}

	.content-next-prev a { padding: 16rem var(--und);}
	.content-next-prev span { display: none;}
	.content-next-prev .link-prev { cursor: pointer; background: url(../img/icon-arrow-l-2.png) no-repeat .65rem center;}
	.content-next-prev .link-next { cursor: pointer; background: url(../img/icon-arrow-r-2.png) no-repeat calc(100% - .65rem) center;}	

	.content-img-full img { max-height: 90vh; height: 100vw; object-fit: cover;}
}

@media ( max-width: 375px ) {
	html { font-size: 2.65vw;}
}