body {
    background: url(../img/background.jpg) no-repeat top left;
    background-attachment: fixed;
    background-size: cover;
}
.bg-white {
    background-color: #fff!important;
}
.masthead {
    padding-top: 10px;
  }
  .masthead nav {
    text-transform: uppercase;
    border-top:1px solid rgba(0,0,0,0.08);
  }
  .masthead nav ul {
    /* padding-top: 10px; */
    position: relative;
    vertical-align: top;
  }
  .masthead nav ul > li {
    font-weight: 400;
    font-size: 14px;
  }

body{
    font-family: Roboto,Arial,Tahoma,sans-serif !important;
}
  .masthead nav ul > li > a {
    font-weight: 400!important;
    font-size: 14px!important;
  }

  .masthead nav ul > li {
      /* display: inline-block; */
      border-top: 4px solid rgba(0,0,0,0);
      /* height: 72px; */
      /* line-height: 51px; */
      /* position: relative; */
      /* top: -15px; */
      margin-top: -4px;
  }
  .masthead nav ul > li:hover {
      border-top: 4px solid #1d3e93;
  }
  .masthead .navbar-brand {
    display: block;
    height: 51px;
    width: 209px;
    background: asset-url("logo.png") top left no-repeat;
    margin-bottom: 15px;
  }
  
  .main-header .main-menu ul ul.submenu>li:hover {
    border-top:4px solid transparent;
    background-color: rgba(0,0,0,0.03);
  }
  .main-header .main-menu ul ul.submenu>li>a {
    padding: 6px 10px !important;
    font-size: 15px;
    color: #0b1c39;
    text-transform: capitalize;
    
}
.main-header .main-menu ul ul.submenu>li {
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
.shadow-1 {
    box-shadow: 0 0 15px rgb(0 0 0 / 6%);
}


#myPano {
    height: 400px;
}
.pano {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    cursor: move;
  }
  
  .pano .controls {
    position: relative;
    top: 40%;
  }
  
  .pano .controls a {
    position: absolute;
    display: inline-block;
    text-decoration: none;
    color: #eee;
    font-size: 3em;
    width: 20px;
    height: 20px;
  }
  
  .pano .controls a.left { left: 10px; }
  
  .pano .controls a.right { right: 10px; }
  
  .pano.moving .controls a {
    opacity: 0.4;
    color: #eee;
  }



  .pan1 {
    background: url('../img/ban0.jpg');
    background-size: cover;
}

.pan-wrap {
    margin:0 auto;
    width:100%;
    height:400px;
    overflow:hidden;
    position:relative;
    color:#fff;
    font-size:20px;
    text-align:center;
    cursor:e-resize;
}
.pon-wrap {
    margin:0 auto;
    width:100%;
    height:400px;
    overflow:hidden;
    position:relative;
    color:#fff;
    font-size:20px;
    text-align:center;
    cursor:e-resize;
}
.play {
    display: inline-block;
    background: rgba(0, 0, 0, 0.71);
    height: 25px;
    width: 75px;
    border-radius: 15px;
    padding-top: 5px;
    font-size: 14px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -34px;
    position: absolute;
}

.pan-caption {
    /* color:#000; */
    margin-top: -400px;
    /* z-index: 99999; */
    position: absolute;
}
.pan-caption img {
    height: 120px;
    /* color:#000; */
}



.blue {
    color: #1d3e93;
}
.bg-blue{
    background-color: #1d3e93;
}
h5{
    color: #b5b3b3;
    display: block;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
#texto5{
    color: #b5b3b3;
    display: block;
    margin-bottom: 7px;
    letter-spacing: 1px;
}
.title {
    font-size: 42px;
    text-transform: uppercase;
}
.border-blue {
    border: 20px solid #1d3e93;
}
.border-yellow {
    border: 20px solid #f8aa00;
}
.footer-bottom-area .footer-copy-right p a:hover {
    color: inherit;
}

a:hover {
    color:inherit;
}
.primary {
    color: #1d3e93;
}
.secondary {
    color:#f8aa00;
}
.bg-primary {
    background-color: #1d3e93!important;
    color: #fff;
}
.bg-secondary {
    background-color: #f8aa00!important;
    color: #fff;
}




.inner-div:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.inner-div{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: .5s;
    transition: all .5s ease;
}

.outer-div{
    height: 300px;
    overflow: hidden;
}


.parent {
    width: 400px; 
    height: 300px;
  }
  
  .child {
    width: 100%;
    height: 100%;
    background-color: black; /* fallback color */
    
    background-position: center;
    background-size: cover;
    transition: all .5s;
  }

  .parent:hover .child,
.parent:focus .child {
  transform: scale(1.2);
}
.child::before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52, 73, 94, 0.75);
  }
  
  .parent:hover .child:before,
  .parent:focus .child:before {
    display: block;
  }


  .menufix {
    height: 100%!important;
    min-height: 61px!important;
    vertical-align: middle!important;
    /* line-height: 30px; */
    padding-top: 21px!important;
  }