@media print {
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 768px) {

.lead {font-size: 21px;}
.dl-horizontal dt {float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dl-horizontal dd {margin-left: 180px;}
}



/* ---------- GENERAL ---------- */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* ---------- ROTATE IN ---------- */
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-45deg) translate(0, -5px);
    transform: rotate(-45deg) translate(0, -5px);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-45deg) translate(0, -5px);
    -ms-transform: rotate(-45deg) translate(0, -5px);
    transform: rotate(-45deg) translate(0, -5px);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
/* ---------- ROTATE OUT ---------- */
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(45deg) translate(0, 5px);
    transform: rotate(45deg) translate(0, 5px);
    opacity: 1;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(45deg) translate(0, 5px);
    -ms-transform: rotate(45deg) translate(0, 5px);
    transform: rotate(45deg) translate(0, 5px);
    opacity: 1;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
/* ---------- ROTATE IN REVERSE ---------- */
@-webkit-keyframes rotateIn_reverse {
  0% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-45deg) translate(0, -5px);
    transform: rotate(-45deg) translate(0, -5px);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn_reverse {
  0% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-45deg) translate(0, -5px);
    -ms-transform: rotate(-45deg) translate(0, -5px);
    transform: rotate(-45deg) translate(0, -5px);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn_reverse {
  -webkit-animation-name: rotateIn_reverse;
  animation-name: rotateIn_reverse;
}
/* ---------- ROTATE OUT REVERSE---------- */
@-webkit-keyframes rotateOut_reverse {
  0% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(45deg) translate(0, 5px);
    transform: rotate(45deg) translate(0, 5px);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateOut_reverse {
  0% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(45deg) translate(0, 5px);
    -ms-transform: rotate(45deg) translate(0, 5px);
    transform: rotate(45deg) translate(0, 5px);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateOut_reverse {
  -webkit-animation-name: rotateOut_reverse;
  animation-name: rotateOut_reverse;
}



body {
  font-family: "proxima-nova", sans-serif;
  color: #666666;
}


/* ---------- NAVBAR ---------- */
nav {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /*background-color:#dadad8;
  background-color:#f87402; */ 
  height: 80px;
  position: fixed;
  z-index: 9997;
  top: 0;
  opacity: 0.1;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;

}
.nav-logo {
  float: left;
  width: 250px;
  height: 80px;
  padding-top: 15px;
  padding-left: 30px;
}
.nav-menu {
  float: right;
  /*background-color: #d52027;
  background-color: #f87402;*/
  background-color:#5f5f5f;
  width: 80px;
  height: 80px;
  color: #FFF;

}
.nav-menu svg {
  width: 60px;
}
.menu-bars {
  z-index: 9999;
  position: fixed;
  right: 0;
  top: 0;
  width: 80px;
  height: 80px;
  padding: 20px;
  cursor: pointer;
}
.menu-bars p {
  opacity: 1;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  color: #FFF;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top:5px;
  /*bottom: 5px;*/
}
.menu-bars span {
  width: 40px;
  height: 3px;
  border-radius: 2px;
  background-color: #FFF;
  display: block;
  margin: 7px auto;
}
.linea-2 {
  opacity: 1;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.invisible {
  opacity: 0;
}

@media (max-width: 767px) {

nav {width: 100%; background-color: rgba(0, 0, 0, 0.8); /*background-color:#dadad8; background-color:#f87402; */  height: 50px; position: fixed; z-index: 9997; top: 0; opacity: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.nav-logo {float: left; width: 250px; height: 50px; padding-top: 15px; padding-left: 30px;}
.nav-menu {float: right; /*background-color: #d52027; background-color: #f87402;*/ background-color:#5f5f5f; width: 50px; height: 50px; color: #FFF;}
.nav-menu svg {width: 60px;}
.menu-bars {z-index: 9999; position: fixed; right: 0; top: 0; width: 60px; height: 60px; padding: 20px; cursor: pointer;}
.menu-bars p {opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; color: #FFF; position:absolute; right: 0;  left: 15px; margin: auto; top:5px; font-size:12px; /*bottom: 5px;*/}
.menu-bars span {width: 30px; height: 2px; border-radius: 2px; background-color: #FFF; display: block; margin: 4px auto;}
.linea-2 {opacity: 1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.invisible {opacity: 0;}
}


/* ---------- RIGHT PANEL ---------- */
.right-panel {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  /*background-color: rgba(213, 32, 39, 0.9);
  background-color: #f87402;*/
  background-color:rgba(0,0,0,0.7);
  z-index: 9998;
  width: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.right-panel-on { width: 450px; }
.panel-content {position: relative; padding: 20px; top: 50px;}
.panel-content ul {text-align: right; list-style: none; }
.panel-content ul li {padding: 15px 0; line-height:50px;}
.panel-content ul li a {color: #FFF; font-size: 40px; /*opacity: 0.8;*/ text-decoration: none;}
.panel-content ul li a:hover {/*opacity: 1;*/ color: #ffff00;}
.social-panel {position: absolute; left: 0; right: 0; bottom: 40px;}
.social-panel svg {width: 35px; height: 35px;}

@media (max-width: 767px) {

.right-panel-on { width: 300px; }
.panel-content {position: relative; padding: 15px; top: 50px;}
.panel-content ul {text-align: right; list-style: none; }
.panel-content ul li {padding: 15px 0; line-height:25px;}
.panel-content ul li a {color: #FFF; font-size: 25px; /*opacity: 0.8;*/ text-decoration: none;}
.panel-content ul li a:hover {/*opacity: 1;*/ color: #ffff00;}

}