@font-face { font-family: 'Fjalla One'; src: url('../fonts/FjallaOne-Regular.ttf'); }
@font-face { font-family: 'Humnst777 Cn BT'; src: url('../fonts/humnst777.ttf'); }
 *{ font-family: 'Humnst777 Cn BT'; }
 .container, .container-fluid{ font-family: 'Humnst777 Cn BT', 'Arial'; }
 /* menu */ .bg-black{background: #000;}
 .bg-white{background: #fff;}
 .bg-black{background: #101010;}
 .navbar{background: transparent; font-size: 1rem; }
 #space{height: 8rem;}
 .nav-link {color: #fff; font-weight: bold;}
 .nav-link:hover{text-decoration: none; color: #F61A00;}
 .dropdown-menu a {text-decoration: none;}
 /*.dropdown-item {border: solid 1px #C0C0C0 ;}
 .dropdown-item:hover{background: #414141 ; color: #F61A00; border-color: #414141;}
 .dropdown-item{font-size: 15px; color: #000;}*/
 .bb{ border-bottom: solid 3px #ccc; }
 .logo{width: 100%; height: auto; }
 .logo-footer{width: 263px; height: 56px;}
 @media(max-width: 992px){ .logo, .logo-footer{width: 100%; height: 100%;}

 }
 .navbar { padding-top: 50px; padding-bottom: 50px; background: transparent; color: #333; transition: all 0.3s; }
 .ctm-container{ width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; padding: 0 1rem;}
 .navbar .menu{ border-top: solid 1.25px #ccc; border-bottom: solid 1px #ccc; }
 .navbar .menu .active { color: #fff !important; }
 .navbar .menu a{ color: #03a8e0 !important; }
 .navbar .menu a:hover{ color: #F61A00 !important; }
 .nav-link{transition: all .2s ease-in-out}
 #top-menu{z-index:1;}
 .collapsible{transition:all 1s ease-out; height:auto; max-height: 600px; }
 #dropdown-menu{transition:all .5s ease-in-out;}
 .compressed{ transform: translateY(-100%); transform-origin: top;  z-index: 0;}
 .social-icon { color: #F61A00; }
 .social-icon:hover { color: #fff; }
 /* footer */ .social-icon-pie { color: #fff; }
 .social-icon-pie:hover { color: #F61A00; }
 .social-icon-pie2 { color: #F61A00; }
 .social-icon-pie2:hover { color: #fff; }
 .footer { color: #FFF; background: #202020; font-size: .9rem; border-top: solid 40px #323232; border-bottom: solid 1em #F61A00; }
 .footer-link{color: #FFF;}
 .footer-link:hover{color: #F61A00;}
 /* animacion */ .animation{ -webkit-animation-name: red-white; -webkit-animation-duration: 4s; animation-name: red-white; animation-duration: 1s; animation-iteration-count: infinite; }
 @-webkit-keyframes red-white { 0%   {color: red;}
 50%  {color: white;}
 100% {color: red;}
 }
 @keyframes red-white { 0%   {color: red;}
 50%  {color: white;}
 100% {color: red;}
 }
 /* index */ body{overflow-x: hidden; margin-top: 90px; line-height: 1.75;}
 p{margin-bottom: .5rem;}
 .video-background{ height: 100vh; width: 100%; }
 .video-background:before{content: ""; z-index: -1; border: solid 1px; position: fixed; top: 5%; left: 0; width: 100%; height: 100%; background: url('resources/img/cover-lg.jpg'); background-size: cover; background-position: center;}
 #youtube-iframe{ height: 100vh; width: 100%; position: fixed; z-index: -99; }
 html{ margin: 0; padding: 0; }
 * { box-sizing: border-box; }
 .carousel-item img{width: 100%;}
 .slick-slide { margin: 0px 20px; }
 .slick-slide img { width: 100%; }
 .slick-prev:before, .slick-next:before { color: black; }
 .slick-slide { transition: all ease-in-out .3s; opacity: 1; }
 .slick-active { opacity: 1; }
 .slick-current { opacity: 1; }
 .peak-cover{min-height: 155px; background: url(resources/img/peak.jpg); background-size: cover}
 .separador{height: 100px; width: 2px; background: white;}
 .bg-white{background: #FFF;}
 .bg-dark-1{background: #1A1A1A;}
 .bg-grey{background: #808080;}
 .bg-grey-2{background: #EBEBEB;}
 .bg-light-grey{background: #F5F5F5;}
 .quienes-somos-1{ font-size: 16px; line-height: 24px; color: #fff; }
 .quienes-somos-2{ background: #EBEBEB;	 }
 .quienes-somos-text{ font-size: 15px; color: #2F4F4F; }
 .bg-grey-2{background: #ebecee;}
 .cv-body h3{font-weight: bold; margin: 0;}
 .cv-body h5{font-size: 1.5rem;}
 .cv-body p{text-align: justify; font-size: 1.1rem;}
 .quienes-somos-text{transition: all .2s ease-in-out;}
 .quienes-somos-cv:hover{text-decoration: none;}
 .quienes-somos-cv:hover .quienes-somos-text {color: #000!important;}

 .text-red{color: #FB0102;}
 .link-light{color: #fff; transition: all 25s ease-in-out; font-size: 1rem; text-decoration: none;}
 .link-light:hover{color: #fafafa;}
 .fs-20{font-size: 20px;}
 .lh-28{line-height: 28px;}
 .jug-link{transition: all .2s ease-in-out;}
 .jug-link:hover{text-decoration: none;color: #ddd;}
.jug-nombre{font-size: 18px; font-weight: bold; border-bottom: solid 2px #989898}
 .jug-datos{font-size: 14px; margin: 0;}
 .jug-img-container{overflow: hidden;}
 .jug-img{transition: transform ease-in 0.25s}
 .jug-img:hover{transform: scale(1.1);}
 .jug-img:after{transform: scale(1)}
 .jug-img:hover:after{transition: transform ease-in 0.25s}
 .ctm-bg-red{background: #FB0102;}
 .ctm-divider{flex: 0 0 100%; width: 97%; margin: 3rem auto 0 auto; background: #FB0102; height: 2px;}
 .video-item-container{transition: all .2s ease-in-out;}
 .video-item-container:hover{cursor: pointer; opacity: 0.8;}
 .video-item-container{overflow: hidden;}
 .video-item img{transform: scale(1.4);}
 .sheet-container{display: flex; flex-flow: row; flex-wrap: wrap; padding: 0;}
 .sheet-title{text-transform: uppercase; font-weight: bold; margin-bottom: 2rem;}
 .sheet-subtitle{text-transform: uppercase; font-weight: bold; margin: 3rem 0 1rem 0; font-size: 1.5rem;}
 .sheet-info{display: flex; flex-flow: column; justify-content: center; }
 .sheet-details{display: flex; flex-flow: column;}
 .sheet-detail-data{font-size: 125%; font-weight: bold;}
 .sheet-description{font-size: 1rem; line-height: 2;}
 .sheet-year{font-weight: bold; letter-spacing: 0;}
 .sheet-link{font-weight: 400; font-size: 1rem; transition: all .2s ease-in; word-break: break-all;}
 .video-container{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#mobile-menu{position: fixed; height: 100%; top: 0; left: -75%; z-index: 12; background: #28347D; width: 75%; max-width: 325px; box-shadow: rgb(217 217 217 / 20%) 0px 0px 5px, rgb(217 217 217 / 25%) 0px 1px 4px 1px; transition: left cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}

#mobile-menu .inner{ position: relative;display: flex; flex-flow: column; justify-content: space-between; height: 100%;}

#mobile-menu-background{background: rgb(32,32,32); position: fixed; top: 0%; left: 0%; width: 100%; height: 100vh; z-index: 11; transition: opacity .25s ease-in-out; opacity: 0; visibility: hidden;}

.mobile-link{color: #fff; font-size: 1rem; transition: color .3s ease-in-out;}

.mobile-link:hover,.mobile-link:focus{color: #fafafa;}

.opacity{opacity: .5!important; visibility: visible!important}

.menu-show{left: 0!important;}


.dropdown-submenu { position: relative;}

.dropdown-submenu a{transition: all .3s ease-in-out;display: inline-block;}

.dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 6px; top: .8em; }

.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; }

.item-dark{background: transparent; color: #fafafa; transition: all .3s ease-in-out;}

.item-dark:hover{background: #292E33!important; color: #fff;}

@media all and (min-width: 992px) {
  .navbar .nav-item:hover .dropdown-menu-main{ display: block; }

  .dropdown-submenu:hover .dropdown-menu-2{ display: block!important; }

  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.cover{background: url('../img/banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; color: #fff;}

@media all and (max-width: 992px) {
  body{margin-top: 4rem;}
}

.modal-open .modal{background: rgba(0,0,0,.5);}