/** {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #F0F0F0;
  font-size: 15px;
  color: #666;
  font-family: 'Roboto', sans-serif;
}*/

.content {
  height: 200px;
}
#navigator a, .mainlinks, footer div a { text-decoration: none; }


/*.container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  z-index:9999;
}*/

.nav-fostrap {
  display: block;
  position:absolute;
  top: 15px; right:2rem;
  background: transparent;
  color:#012169;
  /*-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 3px;*/
}

.nav-fostrap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.nav-fostrap li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 1.25rem;
  color: #012169;
}

.nav-fostrap li a {
  padding: 5px 10px 4px 10px;
  font-size: 1.5rem;
  color: #012169;
  display: inline-block;
  outline: 1px;
  font-weight: 400;
  /*background: #fff;*/
}

.nav-fostrap li:hover ul.dropdown { display: block; }

.nav-fostrap li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: #012169;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.nav-fostrap li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.nav-fostrap li ul.dropdown li a {
  padding: 15px 20px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}

.nav-fostrap li ul.dropdown li:last-child a { border-bottom: none; }

/* Pull up  */
/*nav menu effects*/
.nav-fostrap li a:before
{
    position: absolute;
    width: 100%;
    height: 0;
    left: 0px;
    top: 0px;
    content: '';
    background: #012169;
    background: -moz-linear-gradient(top, rgba(1,33,105,1) 0%, rgba(1,33,105,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(1,33,105,1) 0%,rgba(1,33,105,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(1,33,105,1) 0%,rgba(1,33,105,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012169', endColorstr='#012169',GradientType=0 ); /* IE6-9 */
    opacity: 0.5;
    transition: all 0.3s;

}

/*div.pullUp a:hover:before*/
.nav-fostrap li a:hover:before
{
  height: 100%;
  /*border-bottom:4px solid #012169;*/
}

/*.nav-fostrap li:hover a {
  background: #012169;
  color: #fff !important;
}*/

/*.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }*/

.nav-fostrap li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }

.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}
.title-mobile {
  display: none;
}

@media only screen and (max-width:1280px) {
  .nav-fostrap li a {
    font-size: 1.3rem;
  }
}



@media only screen and (max-width:1080px) {

.nav-fostrap {
  background: #fff;
  width: 200px;
  height: 100%;
  display: block;
  position: fixed;
  left: -200px;
  top: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.title-mobile {
  position: relative;
  display: block;
  top:0; right:5vw; float:right;
  width:auto;
  font-size: 1.5rem;
  text-align: center;
  color: #FFF;
}

.title-mobile img{
  height: 3vh;
}
.title-mobile a {
  color: #FFF; font-weight:600;
}

.nav-fostrap.visible {
  left: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  background:rgb(235,235,235,1);
  width: 300px;
}

.nav-fostrap.visible ul li a {
  font-size: 2rem;
  line-height: 3rem;
}


.nav-bg-fostrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 38px;
  margin: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #012169;
  padding: 12px 0 0 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

}

.navbar-fostrap {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  cursor: pointer;
  margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
}

.navbar-fostrap span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}

.navbar-fostrap span:nth-child(2) { width: 20px; }

.navbar-fostrap span:nth-child(3) { width: 20px; }

.nav-fostrap ul { padding-top: 50px; }

.nav-fostrap li { display: block; }

.nav-fostrap li a {
  display: block;
  color: #505050;
  font-weight: 600;
  padding: 15px 20px;
}
.nav-fostrap li:hover a {
  background: #012169;
  color: #fff !important;
}
.nav-fostrap li.active {
  background: #012169;
}
.nav-fostrap li.active a {
  color: #fff;
}


.nav-fostrap li:first-child:hover a { border-radius: 0; }

.nav-fostrap li ul.dropdown { position: relative; }

.nav-fostrap li ul.dropdown li a {
  background: #2980B9 !important;
  border-bottom: none;
  color: #fff !important;
}



.nav-fostrap li ul.dropdown li:hover a {
  background: rgba(0,0,0,.1); !important;
  color: #fff !important;
}

.nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}

.cover-bg {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
}


@media only screen and (max-width:960px) {
  /* #index .nav-bg-fostrap {
    top: 20px;
  } */
}



@media only screen and (max-width:480px) {

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
  .navbar-fostrap {
      padding: 20px;
  }


  .nav-bg-fostrap {
    height: 50px;
  }

  .title-mobile {
    top:0; right:7vw; float:right;
  }
  .title-mobile img {
      height: 5vh;
  }

  /* Pull up  */
  /*nav menu effects*/

  /*div.pullUp a:hover:before*/
  .nav-fostrap li a:hover:before
  {
    height: 0;
    /*border-bottom:4px solid #012169;*/
  }
}