*{transition: all 0.5s ease-in-out;}
.navbar-default {background-color: rgba(0,0,0, 0.5); border: 0}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background: transparent; color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover  {color: #fff;}
.navbar-default .navbar-nav>li>a {text-transform: uppercase; color:#fff;}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.active a  {font-weight: 700}
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {background-color: #fff; height: 70px; -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.43); -moz-box-shadow:    1px 1px 15px 0px rgba(50, 50, 50, 0.43); box-shadow:         1px 1px 15px 0px rgba(50, 50, 50, 0.43); }
.navbar-default .navbar-brand:hover {-webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.43); -moz-box-shadow:    7px 7px 15px 0px rgba(50, 50, 50, 0.43); box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.43);}
.navbar-brand {position: absolute;}
.navbar-brand>img  {    margin: 0 auto; padding: 0 5%; width: 100%;}
.carousel-control.left,
.carousel-control.right{background: transparent;}
.carousel-fade .carousel-inner .item {transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0; transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control {z-index: 2; }
.carousel {position: relative; max-height: 580px; overflow: hidden;}
.carousel-indicators {margin: 0;width: 100%; left: 0;}
.carousel-indicators li.active {width: 20%;height: 90px; background-color: rgba(214,33,48, 0.5);     margin-right: 1%;}
.carousel-indicators li{margin: 0; width: 20%; height: 90px; text-indent: 0; padding: 0 0 5px; border-radius:0; border: 0; background-color: rgba(0,0,0,0.5); margin-right: 1%;}
.carousel-indicators li a {float: right; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #FFF; margin-top: 10%; margin-right: 5%;}
.carousel-indicators li h4, 
.carousel-indicators li h5{margin-top: 15px; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: left; padding-left: 5%; color: #FFF; }
.carousel-indicators li h4 {font-size: 25px;}
.carousel-indicators li h5 {font-size: 18px;}
.carousel-indicators li .detalle {width: 2%; height: 20px; border-left:solid 3px #FFF;border-top:solid 3px #FFF; position: absolute; }
.carousel-indicators li:hover .detalle,
.carousel-indicators li.active .detalle{width: 14%; height: 20px;}


.item h4,
.item h5,
.item a {position: absolute; z-index: 999999; left: 25px;  font-family: 'Oswald', sans-serif; text-transform: uppercase;  color: #FFF; display: none; width: 100%; cursor: pointer;}
.item h4{bottom: 62px;font-size: 43px;text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);}
.item h5{bottom: 20px;font-size: 40px;text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);}





.scroll-top-wrapper {position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #FFFFFF; color: #B3B3B3; width: 50px; height: 48px; line-height: 42px; right: 30px; bottom: 30px; padding-top: 2px; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out; }

.scroll-top-wrapper:hover {background-color: #888888; }
.scroll-top-wrapper.show {visibility:visible; cursor:pointer; opacity: 1.0; }
.scroll-top-wrapper i.fa {line-height: inherit; }





.view-first img {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.view-first .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(210,20,34,0.8); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.view-first:hover img {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.view-first a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-first:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-first:hover a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.view-first:hover a.info {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.titulo {padding: 5px 0 15px; color:#CCC; clear: both; font-family: Montserrat,sans-serif;}
.view {height: 200px; float: left; overflow: hidden; position: relative; text-align: center; cursor: pointer;}
.view a{width: 100%; height: 100%; overflow: hidden; }
.view .mask,
.view .content {position: absolute; overflow: hidden; top: 0; left: 0;    height: 212px; width: 100%;}
.view img {display: block; position: relative;  width: 100%;    }
.view i {    display: inline-block; position: absolute; left: 45%; top: 35%; font-size: 55px; color: #fff; }
.page-header {margin-top: 110px; color: #ccc; font-family: Montserrat,sans-serif;}
h3.trabajos_relacionados{font-family: 'Source Sans Pro', sans-serif; font-size: 3em; font-weight: 900; color:#666;}
#owl-relacionados .item img{width: 100%;}

.owl-nav .owl-prev,
.owl-nav .owl-next {font-family: 'FontAwesome'; position: absolute; top: 42%; display: block; color: rgba(255 255 255 0.5); font-size: 35px;}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {color:#fff;}
.owl-nav .owl-prev {left: -35px;}
.owl-nav .owl-next {right: -35px;}

/* QUE HACEMOS  */
#detalle .view img {height: 100%; transform: scale(1,1);-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1);}
#detalle .view-first:hover img {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }

/* CONTACTO  */
#map{    width: 100%; height: 700px; }
.contacto {background-color: #bdbdbd; background-image: url('../img/world_map_byn.png'); background-repeat: no-repeat; background-position: center center; text-align: center; min-height: 400px; padding-top: 70px; color:#fff;}
.contacto h3 {font-size: 2em; font-weight: 300; text-align: center; margin: 0 auto .6em auto; width: 20%; white-space: nowrap;  font-family: Montserrat,sans-serif; }


/* NOSOTROS  */

.nosotros .col-md-3 {padding: 0;} 
.nosotros .view {width: 100%; height: 273px;     cursor: default;}
.nosotros .view .mask, .view .content {width: 100%; height: 273px;}
.nosotros .view .mask .cargo{position: absolute; left: 0; bottom: 0; color:#FFF;     padding-left: 22px;}
.nosotros .view .mask .cargo h4{font-family: 'Raleway', sans-serif; font-size: 1.4em; font-weight: 700; margin-bottom:0; text-align: left;}
.nosotros .view .mask .cargo h5{font-family: 'Raleway', sans-serif; font-size: 1em; font-weight: 700; margin-top: 3px; margin-bottom: 20px; text-align: left;}




.owl-carousel .item-video{height:300px}

.espacio_abajo {margin-bottom: 100px;}




.mfp-img {cursor: pointer;}






footer {background-color: #393939; margin-top: 20px; min-height: 200px; padding: 40px 0;}
footer img {margin-bottom: 20px; width: 100%}
footer h4 {color:#e3e3e3; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 700;}
footer a {color:#FFFFFF; font-family: 'Raleway', sans-serif; font-size: 14px;}
footer a:hover {color:#d62130; font-family: 'Raleway', sans-serif; font-size: 14px; text-decoration: none;}
footer h3 {color: #fff; font-size: 19px;     font-family: Montserrat,sans-serif;
    font-weight: 700; margin: 20px 0;}
footer ul {list-style: none; padding-left: 0;}
footer p,
footer ul li,
footer ul li a{color:#fff; font-family: Montserrat,sans-serif;}
footer ul.redes {margin-top: 30px;}
footer ul.redes li {display: inline-block; margin-left: 5px;}
footer ul.redes li i{font-size: 19px;}