@charset "UTF-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Dosis:200,300,400,600,800|Oswald:300,400';

*{ margin:0; padding:0;font-family: 'Dosis', sans-serif;}
section a, section a:hover, section a:visited{ text-decoration:none; color:inherit;}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bolder;
}
.modal-content{ padding:25px;}
.modal-body {
    position: relative;
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bolder;
	letter-spacing:2px;
}
.logo-adrenalina-g{
	width:220px;
	height:60px;
	position:fixed;
	top:20px;
	right:0px;
	box-shadow:0px 0px 10px rgba(0,0,0,1.00);
	background-color:#FFF;
	background-image:url(../img/logos/GrupoAdrenalina.png);
	background-repeat:no-repeat;
	background-size:160px;
	background-position: 20px;
	z-index:1000;
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
}
.logo-adrenalina-g h1{ text-indent:-9999px;}
.btn-info-adr{
	position:fixed;
	width:60px;
	height:60px;
	background-color:#FFF;
	border-radius:100px;
	left:20px;
	top:20px;
	z-index:1000;
	text-align:center;
	line-height:60px;
	box-shadow:0px 0px 10px rgba(0,0,0,1.00);
	font-size:24px;
	cursor:pointer;
	transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-ms-transition:all ease-in-out 0.2s;
	-o-transition:all ease-in-out 0.2s;
	-webkit-transition:all ease-in-out 0.2s; 
}
.btn-info-adr:hover{
	transform:scale(1.2,1.2);
	font-size:20px;
}
header{
	width:100%;
	height:300px;
}
section{
	position:relative;
	width: 25%;
	height:100vh;
	float:left;
	cursor:pointer;
	overflow:hidden;
	box-shadow:inset 50px 0px 100px rgba(0,0,0,0.46); 
}
.content-text{
	height:200px;
	width:300px;
	margin:auto;
	padding:50px;
	position:relative;
	text-align:center;
	top:10%;
	opacity:0;
	transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s; 
}
.bg-content-text{
	height:100%;
	width:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.00);
	transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s; 
	}
section:hover > .bg-content-text{
	background-color:rgba(0,0,0,0.70);
}
section:hover > .bg-content-text .content-text{
	top:20%;
	opacity:1;
}

.content-text p{
	color:#FFF;
	font-family: 'Dosis', sans-serif;
	font-size:18px;
	color:#FFF;
}

.btn-border-white{
	padding:10px 35px;
	border:solid 2px #FFF;
	background-color:rgba(0,0,0,0.55);
	text-transform:uppercase;
	font-weight:bolder;
	font-size:20px;
	color:#FFF;
	letter-spacing:2px;
	display:table;
	margin:auto;
	margin-top:10px;
}
.btn-border-white:hover{
	background-color:#FFFFFF;
	color:#333;

}


.animate{
	transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-ms-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s; 
}
.adrenalina{
	background:url(../img/fotos/quienes-somos2.jpg) no-repeat center center;
	background-size:cover;
}
.btl{
	background:url(../img/fotos/quienes-somos1.jpg) no-repeat center center;
	background-size:cover;
}
.travel{
	background:url(../img/fotos/quienes-somos4.jpg) no-repeat center center;
	background-size:cover;
}
.three{
	background:url(../img/fotos/quienes-somos3.jpg) no-repeat center center;
	background-size:cover;
}
.adrenalina:hover, .btl:hover, .travel:hover, .three:hover{
	width:50%;
}
.small{
	width:calc(50% / 3);
}

footer{
	width:100%;
	display:block;
	text-align:center;
	padding:30px 20px;
	display:inline-block;
}

@media only screen and (max-width: 870px) {
	section{
	position:relative;
	width: 100%;
	height:300px;
	float:left;
	cursor:pointer;
	overflow:hidden;
	box-shadow:inset 50px 0px 100px rgba(0,0,0,0.46); 
}
.content-text{
	opacity:1;
	top:0%;
}
.content-text img{
	width:200px !important;
}
section:hover > .bg-content-text .content-text{
	top:0%;
	opacity:1;
}
.adrenalina:hover, .btl:hover, .travel:hover, .three:hover{
	width:100%;
}
.small{
	width:100%;
}
}