/*azul levu #00AEEF */
.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
/* fixed to top styles */
.affix.navbar {
  background-color: #333;
}
.affix.navbar .nav-item>a,
.affix.navbar .navbar-brand {
    color: #fff;
}
/* navbar collapsing */
@media(max-width:34em) {
    .navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar .navbar-nav {
        float:none !important;
    }
    .navbar .collapse.in, .navbar .collapsing  {
        clear:both;
    }
}
.icon-move{
  background-repeat: no-repeat;
  background-position: 0 0;
  transition: all .3s ease;
  width: 30px;
  height:30px;
  display: inline-block;
  border-radius: 3px;
}
.icon-twitter{
  background: url('../img/twittericon.svg') repeat-y;
  background-color: #56D7FE;
}
.icon-linkedin{
  background: url('../img/linkedinicon.svg') repeat-y;
  background-color: #00669a;
}
.icon-facebook{
  background: url('../img/facebookicon.svg') repeat-y;
  background-color:#3954A1;
  background-position: center;
  background-size: cover;
}
.icon-linkedin:hover{
  background-position: 0 -30px;
}
.icon-twitter:hover{
  background-position: 0 -30px;
}
.icon-facebook:hover{
  background-position: 0 -30px;
}

.c-blanco{color: #fff !important;}
.mx-w{max-width: 100%;}
.sombra-txt{text-shadow: 1px 1px 2px black;}
.sombra-box{box-shadow: 1px 1px 5px grey;}
/*Menu izquierdo*/
#cont_menu{ position: fixed; top:0; left:-260px; z-index:2000; height: 100%; background-color: transparent;padding:20px 10px 0 20px; width:320px; transition: all 400ms;}
.cont-btn{ position: relative; width: 100%; height: 100%;}
#menu_btn{position: absolute; right: 0px; top:80px;}
#levu-pieza{position: absolute; right: 0px; top:5px; width: 42px;}
.muestra-margen{left:0px !important;}
.esconde-margen{left:-300px !important;}
.logo-izq{width:200px;}
.menu-ul{ padding:20px 10px 0 20px;}
.menu-ul li{list-style: none; font-size: 1em; letter-spacing: 1px;line-height: 1.8em;}
.menu-ul li a{color: #fff; font-weight: bold; text-shadow: 1px 1px 2px black; font-size: 1.1em;}
.bull{transition: all 0.3s; }
.change_size{font-size: 1.3em;}

/*Inicio*/
.bg-levu{background-image: url('../img/poster.jpg'); background-repeat: no-repeat;background-size: cover;}
.logo-head{width: 200px;}
#video_levu{width: 100%; height: 100%; position: absolute; object-fit: cover; z-index: 9;}
.cont-header{z-index:10; position: relative; padding-top:80px;}
/*.bg-trama{background-color: rgba(0, 0, 51, 0.4);}*/
.head-frase{color: #fff; text-align: center;}
.bg-decoracion{background-image: url('../img/decoracion1140x240.png'); background-repeat: no-repeat; background-size: auto;background-position: right bottom;}
.i-s-icons{width:100px;}
#titulo-1{position: absolute; z-index: 11; padding: 20% 340px; color: #fff; text-shadow: 1px 1px 2px black; text-align:center; font-weight: bold;}
.cursor-hand{cursor: pointer;}

/*JOB OPPORTUNITIES*/
.logo-nav-2{width:180px;}
.bg-jobs{background-image: url('../img/jobsbg.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}

/*ARTICLES*/
.bg-articles{background-image: url('../img/articlesbg.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
/*CONTACT*/
.bg-contact{background-image: url('../img/contactbg.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.cont-mapa{ height:320px; width: 320px; border-radius: 50%; overflow: hidden !important; margin: 0 auto;}
.address-p{padding:60px 0px 0px 0px;}
.ul-nostyle li{list-style: none;}

/*to share*/
.bg-share{background-image: url('../img/sharebg.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}

/*how levu works*/
.bg-levuworks{background-image: url('../img/levuworksbg.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.timeline {
  position: relative;
  padding: 0;
  list-style: none; }
  .timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    content: '';
    background-color: #f1f1f1; }
  .timeline > li {
    position: relative;
    min-height: 50px;
    margin-bottom: 50px; }
    .timeline > li:after, .timeline > li:before {
      display: table;
      content: ' '; }
    .timeline > li:after {
      clear: both; }
    .timeline > li .timeline-panel {
      position: relative;
      float: right;
      width: 100%;
      padding: 0 20px 0 100px;
      text-align: left; }
      .timeline > li .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0; }
      .timeline > li .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0; }
    .timeline > li .timeline-image {
      position: absolute;
      z-index: 100;
      left: 0;
      width: 80px;
      height: 80px;
      margin-left: 0;
      text-align: center;
      color: white;
      border: 7px solid #00AEEF;
      border-radius: 100%;
      background-color: #00AEEF; }
      .timeline > li .timeline-image h4 {
        font-size: 10px;
        line-height: 14px;
        margin-top: 12px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
      padding: 0 20px 0 100px;
      text-align: left; }
      .timeline > li.timeline-inverted > .timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0; }
      .timeline > li.timeline-inverted > .timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0; }
    .timeline > li:last-child {
      margin-bottom: 0; }
  .timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit; }
    .timeline .timeline-heading h4.subheading {
      text-transform: none; }
  .timeline .timeline-body > ul,
  .timeline .timeline-body > p {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .timeline:before {
    left: 50%; }
  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px; }
    .timeline > li .timeline-panel {
      float: left;
      width: 41%;
      padding: 0 20px 20px 30px; }
    .timeline > li .timeline-image {
      left: 50%;
      width: 100px;
      height: 100px;
      margin-left: -50px; }
      .timeline > li .timeline-image h4 {
        font-size: 13px;
        line-height: 18px;
        margin-top: 16px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
      padding: 0 30px 20px 20px;
      text-align: left; } }

@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px; }
    .timeline > li .timeline-panel {
      padding: 0 20px 20px; }
    .timeline > li .timeline-image {
      width: 150px;
      height: 150px;
      margin-left: -75px; }
      .timeline > li .timeline-image h4 {
        font-size: 18px;
        line-height: 26px;
        margin-top: 30px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      padding: 0 20px 20px; } }

@media (min-width: 1200px) {
  .timeline > li {
    min-height: 170px; }
    .timeline > li .timeline-panel {
      padding: 0 20px 20px 20px; }
    .timeline > li .timeline-image {
      width: 170px;
      height: 170px;
      margin-left: -85px; }
      .timeline > li .timeline-image h4 {
        margin-top: 40px; }
    .timeline > li.timeline-inverted > .timeline-panel {
      padding: 0 100px 20px 20px; } }

/*footer*/
.menos-padd{padding: 30px 0px !important;}




@media(max-width:568px) {
  #titulo-1{padding:80% 10px 0px 10px; font-size: 1.2em;}
  #video_levu {display: none;}
  #cont_menu { background-color: transparent;}
}
@media(max-width:568px) and (orientation : landscape)
 {
  #titulo-1{padding:10% 50px 0px 50px; font-size: 1em;}
}