/* 
    Created on : 31-mar-2017, 11:07:33
    Author     : Romina
*/
/*start RESET*/
@-webkit-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
@-moz-keyframes reset {
    0% {opacity: 0;}
    100% {opacity: 0;}
}
/*end RESET*/

/*start FADE IN*/
@-webkit-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
  
}
@-moz-keyframes fade-in {
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}
/*end FADE IN*/
/*-----------end KEYFRAMES-----------*/

/*-----------start GLOBALS-----------*/
*::-moz-selection{
   background: #185c89;
   color: #FFF;
}

*::selection {
   background:#185c89;
   color: #FFF;
}
#menu-home{
    min-height: 100px;
        background-image: url('../img/backmenu.png');
    background-size:initial;
    background-position: top;
  }
.navbar-light .navbar-toggler {
    background-color: #FFF;
}
.navbar-toggler-icon {
    color: #FFF;
    border-color: #FFF;
}
#home{
    background-image: url('../img/background.jpg');
    background-size:cover;
    background-position: center;
    min-height: 1200px;
}
#home-1{
    background-image: url('../img/background.jpg');
    background-size:cover;
    background-position: center;
    min-height: 1000px;
}
.navbar-light .navbar-nav .nav-link {
  color: #FFF;
  padding: 20px;
  text-decoration: none;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
  color: #FFF;
  text-decoration: none;
}
.position-center{
  width: 350px;
  margin: auto;
  margin-top:100px; 
}
.text-white-light{
font-family: 'Montserrat', sans-serif;
font-weight: 200;
text-align: center;
font-size: 24px;
margin-top:50px;
color: #FFF;

}
.navbar-toggler{
 /* position: absolute;*/
  right: 10px;
}
.dropdown-menu {
  color: #FFF;
  background: #00405f;
}
.dropdown-item{
  color: #FFF;
  background: #00405f;
}

#menu-general{
    background-image: url('../img/backmenu.png');
    background-size:initial;
    background-position: top;
    min-height: 100px;

}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #00ffff;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}






.btn-outline-primary{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-align: center;
font-size: 20px;
width: 100%;
background-color: transparent;
background-image: none;
border: 1.5px solid #FFF;
color: #FFF;
}
.btn-outline-primary:hover{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-align: center;
font-size: 20px;
color: #FFF;
border: 1.5px solid #FFF;
background-color: #185c89;
border: 1.5px solid #FFF;
background: transparent;
}
body{
    margin:0;
    padding: 0;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 1100px;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    -webkit-animation: reset, fade-in 0.5s 1 ease;
    -moz-animation: reset, fade-in 0.5s 1 ease;

}

span{
      font-family: 'Montserrat', sans-serif !important;

}
html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-image: url('../img/backmenu.png');
  background-size:cover;
  background-position: top;
  width: 100%;
}
.footer p , .footer span , .footer span a{
  color: #FFF;
}
.footer-home {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
}

.text{
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #666;
    width: 80%;
    margin: auto;
    font-weight: 400;
    padding: 0px 20px 20px;
    margin-bottom: 70px;
}


.title-section{
  margin-top:100px; 
}
.title-section h2{
  color: #185c89;
  font-weight: 900;
  text-align: center;
  margin-bottom:50px; 
}
.title-section hr{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0.5px solid #4e4f4f; 

}
.ampliacion{
    opacity: 1;
     background-image: url('../img/hover-back.png');
      width:260px;
     height: 260px;
     background-position: cover;
     z-index: 9999999;
      -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.ampliacion:hover{
      opacity:1;
     background-image: url('../img/hover-back.png');
     width:260px;
     height: 260px;
     z-index: 9999999;
          background-position: cover;

      -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.back:hover{
  opacity: 0.1;
 -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}

.back{
  opacity: 1;
 -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.img{
width: 100%;height:500px;background-position: top;background-size: cover; 
}

.fa {
    margin-right: 10px;
}
@media (max-width: 768px) {
#home-1{
    background-image: url('../img/background.jpg');
    background-size: inherit;    background-position: center;
    min-height: 1000px;
    top: 0; 
    left: 0; 
    background-color: #000c0c;
    /* Preserve aspet ratio */
    min-width: 100%;
}
.img{
width: 100%;height:300px;background-position: top;background-size: cover; 
}
.flex-control-nav {
  display: none;
}
}