@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Fordan';
  src: url('../fonts/fordantennawgl_light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?e6xv0d');
  src:  url('../fonts/icomoon.eot?e6xv0d#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?e6xv0d') format('truetype'),
    url('../fonts/icomoon.woff?e6xv0d') format('woff'),
    url('../fonts/icomoon.svg?e6xv0d#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-foto:before {
  content: "\e906";
}
.icon-gestion:before {
  content: "\e903";
}
.icon-building:before {
  content: "\e904";
}
.icon-consultoria:before {
  content: "\e905";
}
.icon-objetivos:before {
  content: "\e900";
}
.icon-mision:before {
  content: "\e901";
}
.icon-vision:before {
  content: "\e902";
}







*{
	position: relative;
	font-family: 'Raleway' ;
}
#footer p{font-family: 'Fordan' !important;}
body{
	background: url('../img/bg-fondo.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}
.b{
	font-weight: bold !important;
}

.sb{
	font-weight: 400 !important;
}


.f1{font-size: 1rem !important;}
.f2{font-size: 2rem !important;}
.f3{font-size: 3rem !important;}
.f4{font-size: 4rem !important;}
.f5{font-size: 5rem !important;}
.f6{font-size: 6rem !important;}
.f7{font-size: 7rem !important;}
.f8{font-size: 8rem !important;}
.f9{font-size: 9rem !important;}
.f10{font-size: 10rem !important;}



.f1-5{font-size: 1.5rem !important;}
.f2-5{font-size: 2.5rem !important;}
.f3-5{font-size: 3.5rem !important;}
.f4-5{font-size: 4.5rem !important;}
.f5-5{font-size: 5.5rem !important;}
.f6-5{font-size: 6.5rem !important;}
.f7-5{font-size: 7.5rem !important;}

.c-p{cursor: pointer;}
h1,h2,h3,h4,h5{
    color: #007dc2;
}

h2::after{
	content: "";
	display: block;
	width: 11%;
	height: 2px;
	background-color: #8f8f8f;
	margin-left: 40%;
	margin-top: 1%;
}
h2::before{
	content: "";
	display: block;
	width: 11%;
	height: 2px;
	background-color: #36a6e4;
	right: 40%;
	position: absolute;
	bottom: -15%;
}

.img-fluid{
    margin: 0 auto;
    display: block;
    height: 100% !important;
    widows: auto !important;
}

#footer{
    background-color: #4b4b4b;
}
#footer p{
	color: #ACACAC;
}
#footer i{
	color: #ACACAC;
}
#footer a > i{
	width: 30px;
	height: 30px;
	text-align: center;
	border: 2px solid;
	border-radius: 50%;
	line-height: 26px;
}
#footer p > i{
	width: 20px;
	text-align: left;
}



#footer a:hover i{
	background-color: #ACACAC;
	color: #686767;
	border-color: #ACACAC;
}

.carousel-control-next, .carousel-control-prev{
	background-color: rgba(0,0,0,0.5);
	width: 3%;
}
.carousel-control-prev{
	border-radius: 0 50px 50px 0;
}
.carousel-control-next{
	border-radius:  50px 0 0 50px  ;
}


.radar{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #007dc2;
	border-radius: 50%;
	opacity: .5;
	transition: all .3s ease;
}

#nos:hover .radar{
	border-width: 20px;
	opacity: 0;
	transform: scale(2);
	transition: border-width 1s ease, opacity 1s ease, transform 1.5s ease;
}


#img-carousel{
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#hoveritem{
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all .5s ease;
	overflow: hidden;
}
#hoveritem img{
	width: 30%;
	left: 5%;
	top: 5%;
}

#item #on{
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	top: 0;
}

#item #on:hover #hoveritem{
	opacity: 1;
	transition: all .5s ease;
}
#item #on:hover a{
	right: 2.5%;
	transition: all .5s ease;
}
#item #on:hover #hoveritem #titulo{
	bottom: 0%;
	opacity: 1;
	transition: all .5s ease;
}
#item a{
	color: white;
	text-decoration: none;
	opacity: .5;
	top: 5%;
	right: -100%;
	position: absolute;
}
#item a:hover{
	opacity: .8;
	transition: all 300ms; 
}


#serv{
	border: 5px solid #007dc2;
	border-radius: 100px 100px 0 0;
}

#serv h4:first-child{
	background-color: #007dc2;
	color: white;
	border-radius: 80px 80px 0 0;
	border: initial;
}
.modal-header{
	padding: 5px 15px;
}

#mapa{box-shadow: 0 0 1px black;width: 100%;}

.b_menu{
	color: #007dc2;
	float: right;
	font-size: 2.5rem;
	text-fill-color:white;
	text-stroke: 2px #a19d9d;
	-webkit-text-fill-color: white;
	-webkit-text-stroke: 2px #a19d9d;
	text-decoration: none !important;
	display: none;
}
#b_close{
	color: #007dc2;
	float: right;
	font-size: 2.5rem;
	text-fill-color:white;
	text-stroke: 2px #a19d9d;
	-webkit-text-fill-color: white;
	-webkit-text-stroke: 2px #a19d9d;
	text-decoration: none !important;
}
#top_icons{
	position: absolute;
	top:15px; 
	height: 10%;
}
#top_icons img{
	height: 100%;
	float: left;
}
.op-1{opacity: 1}
.bg-t{background-color: transparent;}

#menu{flex-direction: column;list-style: none;}
#menu li{
	width: 100%;
}
#menu li:hover{background-color: #ffffff80;}
#menu li a{text-decoration: none;color: white;padding: 10px 15px;
	text-align: center;display: block;text-align: center;}
.menu-header{
	height: 65px;
}
.modal-menu{max-width: 100% !important;}
#menuModal{background-color: #0a0d4b80;}
#nosotros{background-color: #ECECEC;}

#btn-up{position: fixed;right: 10px;bottom: 10px;z-index: 3;display: none;}
.btn-show{display: block !important;}
.fa-angle-up{color:white !important;font-size: 3rem;text-align: center;height: 50px;width: 50px;background-color: #777778;border-radius: 50%;}


#ss1{transform: translateY(10%) ; opacity: 0; transition: all 1s ease-in-out}
#ss2{transform: translateY(-10%); opacity: 0; transition: all 1s ease-in-out}
#ss3{transform: translateY(10%); opacity: 0 ; transition: all 1s ease-in-out}

.wow{transform: translateY(0%) !important;opacity: 1 !important;transition: all 1s ease-in-out}

#nos1{transform: scale(0);opacity: 0;transition: all 1s ease-in-out}
#nos2{transform: scale(0);opacity: 0;transition: all 1s ease-in-out}
#nos3{transform: scale(0);opacity: 0;transition: all 1s ease-in-out}
.noso{transform: scale(1) !important;opacity: 1 !important;transition: all 1s ease-in-out}



#titulo{
	position: absolute;
	height: 25%;
	bottom: -30%;
	opacity: .5;
	left: 0;
	right: 0;
	background-color: white;
	color: #0090ca;
	transition: all .5s ease;
}
#titulo:before{
	display: block;
	position: absolute;
	content: "";
	top: -19px;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid white;
	left: 0;
	right: 0;
	margin: 0 auto;
}


@keyframes down{
	0%{transform: translateY(-100%);-webkit-transform: translateY(-100%);}
	100%{transform: translateY(0%);-webkit-transform: translateY(0%);}
}