/* FONTS */
@font-face {
	font-family: "Julius Sans One";
	src: url(../fonts/JuliusSansOne.ttf);
}
/* PERSONAL TOOLS */
.textMarinero{
	color:#2d4872!important;
}
.bgMarinero{
	background-color: #2d4872!important;
}
.logoMarinero{
	height:100%;
	width:100%;
}
/* CURSOR */
* {
	cursor: none;
}
.cursor {
	--size: 6px;
	height: var(--size);
	width:  var(--size);
	border-radius: 50%;
	position: absolute;
	z-index: 10000;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.cursor.cursor-shadow {
	background-color: transparent;
	border: 2px solid #2d4872;
	--size: 30px;
	transition: top .2s, left .2s,
              width .2s, height .2s,
              background-color .2s, border-color 0.2s;
	transition-timing-function: ease-out;
}
.cursor.cursor-dot {
	background: #2d4872;
	transition: width .2s, height .2s;
}
.cursor-shadow.active {
	--size: 80px;
	border-color: rgba(255,255,255, 0);
	background-color: rgba(255,255,255,.1);
}
.cursor-dot.active {
	--size: 0;
}
/* CONTAINER HASHTAG */
.case-study-name-title-index {
	position: absolute;
	top: 50%;
	right:1rem;
	list-style: none;
	margin: 0;
	display: block;
	padding: 0;
	font-size: 3.7vw;
	text-align: center;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	font-family: 'montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
	color: rgba(19,61,148,.2);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
}
/* MENU */
.menuMarinero{
	width:100vw;
	position:relative;
	padding-left:1rem;
	position:relative;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
}
.menuMarinero>a{
	font-size:1.5rem;
}
.menuMarinero>a:hover{
	filter:invert();
	cursor:pointer;
}
/* CONTAINER THREE */
.containerThreeMat{
	position:relative;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height:100vh;
	width:100vw;
}
/* SLIDER */
.sliderMarineroContenedor{
	height:auto;
	overflow: hidden;
	position:relative;
}
.containerCarouselMat{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: flex-end;
}
.diapositivasMarinera>div.carousel-item{
	position:relative;
	height:50vh;
	width:100vw;
}
.diapositivasMarinera{
	position:relative;
	z-index:-99;
}
.imagenBackgroundUbicacion{
	background-image:url(../img/ubicacion.jpg);
	background-position:center;
	background-size:contain;
	height:100%;
	width:100%;
	position:absolute;
	z-index:1;
	background-repeat: no-repeat;
}
.carousel-caption{
	z-index:2;
}
.carousel-indicators>button{
	z-index: 9;
}
.linkMarinero>button>span{
	animation-name: changeColor;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: reverse;
	font-size:1rem;
	font-weight: 400;
	padding-bottom:0!important;
	margin-bottom:0!important;
	font-style:normal!important;
}
.linkMarinero>button{
	color:#fff;
	background-color:#2d4872;
	border-radius:1rem;
	border-color:#ffffff;
}
.linkMarinero>button:hover{
	background-color:#fff;
	color:#2d4872;
}
.linkMarinero{
	cursor:pointer!important;
}
.linkMarineroDiv{
	position:relative;
	z-index:999!important;
	cursor:pointer;
}
.diapositivaSliderMat{
	position:absolute;
	height: 60vh;
	width: 100vw;
	display:flex;
	justify-content:center;
	align-items:center;
}
@keyframes rotateAdress{
	from{transform:rotateY(0deg);}
	to{transform:rotateY(180deg);}
}
@keyframes changeColor{
	0%{color:#fff;font-size:1rem;}
	25%{color: gray;font-size:1.2rem;}
	75%{color: gray;font-size:1.2rem;}
	100%{color:#fff;font-size:1rem;}
}
@keyframes latido{
	0%{opacity: 0;}
	50%{opacity:1;}
	100%{opacity:0;}
}
/* FOOTER */
.logosInstitucionales{
	position: relative;
	display:flex;
	justify-content: center;
	align-items: center;
	z-index:0;
	padding: 0.5rem;
}
.cabeceraMarinera{
	height:20vh!important;
	position:relative;
	display:flex;
	flex-direction: column;
	align-items:center;
}
.nav-item>a{
	font-size:1.5rem!important;
}
.logosInstitucionales{
	width:90vw!important;
}
.botonSlider{
	font-size:3rem!important;
	color:#2d4872!important;
}
.botonSlider:hover{
	font-size:3.5rem!important;
	color:#000000!important;
	opacity: 0.7!important;
}
.sliderContenedor4{
	width:50vw;
	padding:1rem;
}
/* RESPONSIVE */
@media (orientation:portrait){
	.logoMarinero{width:50vw;height:auto;}
	.logosInstitucionales{width:100vw!important;}
	.case-study-name-title-index{font-size:5vh;z-index:1;}
	.sliderContenedor4{width:75vw!important;}
	.diapositivasMarinera>div.carousel-item{height:75vh;}
	.botonSlider{color:#ffffff!important;}
}
@media (max-width:450px) and (max-height:650px) and (orientation:portrait){
	body{font-size:10px!important;}
	.diapositivasMarinera>div.carousel-item{height:50vh;}
	.menuMarinero>a{font-size:1rem!important;}
}
@media (max-height:450px) and (max-width:650px) and (orientation:landscape){
	body{font-size:10px!important;}
	.diapositivasMarinera>div.carousel-item{height:100vh;}
	.menuMarinero>a{font-size:1rem!important;}
	.cabeceraMarinera{flex-direction: row; padding:0.2rem!important}
}