body,html 
{
    font-family: "Lato", sans-serif;
    margin: 0px;
    font-size: 100%;
	height: 100%;
	width: 100%;
}
.contenedor-menu-phone{
	display: none;
}

.indicadores{
	display: none;	
}
.content-carousel{
	margin-top: -44px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 4%;}
  .sidenav a {font-size: 18px;}
  font-size: 20px !important;
}
/*-------------------------------------------------------------------------------------------------------------------------------------  Responsive Tablet */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    
    body{
        width: 101%;
    }
    .menu1{
        display: none;
    }
    .contenedor-menu-phone{
	    display: block;
	}
	..closebtn{
		display: none;
	}
	.contacto-titulo{
        text-align: left;
        font-size: 5em;
    }
    .bg-equipamiento{
        position: relative;
        margin-top: -28%;
    }
    .dg-wrapper{
        left: 82px;
    }
    .dg-container nav span{
        right: -26px !important;
    }
	.contenedor-tecnicas{
		padding-right: 15px !important;
	}
	
	
	
	
	
	
}







@media only screen and (min-device-width : 320px) and (max-device-width : 767px){
	
	body, html {
		overflow-x: hidden;
		
	}
	.yate1, .yate2, .yate3{
		font-size: 20px;
    	position: relative;
		top: -57%;
	}
	
	.yate1:active, .yate2:active, .yate3:active{
		background-color: #c83a3a;
    	color: white;
	}
	.container-yates{
		padding-bottom: 2px;
	}
	.phone18 {
		font-size: 16px;
		margin-top: -30% !important;
		margin-left: -5% !important;
	}
	
	.bg-equipamiento{ 
		position: relative;
    	margin-top: -40%;
	}
	.bg-equipamiento11{ 
		position: relative;
    	margin-top: -16%;
	}
	.bg-equipamiento18{ 
		position: relative;
    	margin-top: -16%;
        height: 900px !important;
	}
	.bg-equipamiento47{ 
		position: relative;
    	margin-top: -16%;
        height: 910px !important;
	}
	.equipamiento11{
		margin-left: -5% !important;
		margin-top: -10% !important;
		margin-bottom: 10%;
	}
	.contenedor-galeria {
		margin-top: 10%;
	}
	.bg-equipamiento11 .col-xs-12
	{
		padding-right: 1px !important;
    	padding-left: 5px !important;
	}
	.bg-equipamiento18 .col-xs-12{
		padding-right: 1px !important;
    	padding-left: 5px !important;
	}
	.bg-equipamiento47 .col-xs-12{
		padding-right: 4px !important;
    	padding-left: 1px !important;
        font-size: 14px;
        margin-top: 35%;
	}
    #example-one {
        width: 237px !important;
        margin-left: 2% !important;
        text-align: -webkit-center !important;
        
    }
    .img-interiores, .img-exteriores, .img-navegacion, .img-construccion, .img-maquinas{
        width: 100%;
        margin-top: 30%;
    }
    .portfolio-wrapper{
        margin-bottom: -19%;
        margin-top: -22%;
    }
    .texto-equipo h4{
        text-align: justify;
		margin-bottom: -15%;
    }
    .dg-wrapper a img {
        width: 75% !important;
        margin-left: 34px !important;
    }
    .dg-wrapper a {
        height: 193px !important;
    }
    .dg-container nav {
    bottom: 160px !important;
    left: 57% !important;
    }
    .contenedor {
        padding: 5px !important;
    }
    .form-container{
        padding-right: 0px !important;
    }
    .text-contacto{
        text-align: center;
        margin-top: -16%;
        margin-bottom: 10%;
    }
    
    .mapa-contacto {
        width: 100%;
    }
    .carousel-inner {
        position: relative;
        width: 600px !important;
        overflow: hidden;
        left: -52% !important;
    }
    .text-home h1 {
        font-size: 27px !important;
        left: 60% !important;
        margin-top: 1% !important;
    }
    .text-home h3{
        display: none;
    }
    #nosotros .texto-nosotros {
        margin-top: -35%;
    }
	.dg-container {
		top: -350px !important;
		margin-bottom: 35% !important;
	}
	.btn-menu-phone {		
	    height: -16px;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 999999999999;
		width: 100%;
		background-color: #000066;
        display: block !important;
		box-shadow: 0px 4px 9px rgba(0,0,0,0.51);
	}
	.btn-menu-phone span {		
	    color: white;
	    font-size:40px;
	    cursor:pointer;
		padding:3%;
		float:right;
		margin-right: 3%;
        margin-top: -25%;
	}
	.btn-menu-phone .img-logo{
		width: 65% ;
		margin-top: 4% ;
		margin-left: -5% ;
	}
	#mySidenav {
		z-index: 999999999999999999999 !important;
		width: 0%;
	}
    .carousel {
        margin-top: 23%;
    }
    .text-menu .img-logo {
        display: none ;
    }
    .closebtn{
        font-size: 400% !important;
        margin-top: -34%;
        margin-right: 5%;
    }
    .text-menu a {
        font-size: 24px !important;
        padding: 6px 0px 0px 0px !important;
    }
    .sidenav a:hover {
     background: transparent !important;
    }
    .contenedor-redes {
        right: -21px !important;
        position: relative !important;
        margin-top: 84%;
    }
	.contenedor-tecnicas {
		height: 760px !important;
		margin-top: -36% !important;
	}
	.bg-equipamiento47 .table-color {
		margin-top: -63%;
		margin-left: 1%;
	}
	#Yate1 .col-xs-12{
		padding-right: 0px !important;
	}
    .contenedor-video{
        width: 107%;
    }
    .contenedor-galeria {
        margin-left: 2%;
    }
    .contenedor-video {
        width: 108% !important;
    }
	
    .usa {
        position: relative !important;
        left: -10px !important;
        width: 50px;
    }
    .fa {
        margin-top: 15px;
    }
	
}

@media only screen and (max-device-height : 412px)
{
	.bg-equipamiento11
	{
		margin-top: -10% !important;
		height: 591px !important;
	}
	.bg-equipamiento18
	{
		margin-top: -10% !important;
		height: 590px !important;
	}
	.bg-equipamiento47
	{
		margin-top: -10% !important;
		height: 590px !important;
	}
    .dg-wrapper a img {
        width: 104% !important;
        margin-left: 65px !important;
    }
    .contenedor-tecnicas {
        margin-top: 0% !important;
    }
    .bg-equipamiento47 {
        margin-top: -10% !important;
        height: 800px !important;
    }
    .dg-container nav {
        bottom: 79px !important;
    }
    .contenedor-galeria {
        margin-bottom: 10%;
        margin-left: 13%;
    }
    #example-one {
        margin-left: 10% !important;
        
    }
    .carousel-inner {
        position: relative;
        width: 863px !important;
        overflow: hidden;
        left: -28% !important;
        margin-bottom: 15%;
    }
    .text-home h1 {
        font-size: 44px !important;
        left: 35% !important;
        margin-top: 1% !important;
    }
    .bg-equipamiento47 .col-xs-12 {
        margin-top: 7%;
        margin-bottom: -2%;
        }
    .closebtn {
        font-size: 400% !important;
        margin-top: -32%;
        margin-right: 12%;
        margin-bottom: -16%;
    }



}




/*---------------------------------------------------------------------------------------------------------------------------  Responsive Phone Horizontal  

@media only screen and (max-device-width : 767px) and (max-device-height:767px)
{
	.menuphone a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 30px !important;
    color: white;
    display: block;
    margin-top: 0% !important;
    transition: 0.3s;
	}
	.text-menu {
    margin-top: 0px !important;
}
	.menuphone .closebtn {
    position: absolute;
    right: 35px;
    top: 0;
    font-size: 11em !important;
    margin-left: 50px;
    margin-top: -2% !important;
}
	.redes-phone {
	top: 85% ;
}
.content-carousel{
		    margin-top: 4.7% !important;
	}
	
	.contacto-titulo{
		font-size: 80px !important;
		margin-top: 35px;
	}
	.close{
		font-size: 107px !important;
	}
	.text-contacto{
		font-size: 20px;    	
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------  ResponsiveResponsive Phone Vertical  

@media only screen and (min-device-width : 320px) and (max-device-width : 767px){
	
  .contenedor-menu-phone{
	display: block;
	}
	.redes-phone {
	position: fixed;
    right: 7%;
    top: 92%;
	opacity: 0;
	transition: all 1s;
	}

	.indicadores{
		display: block;
	}
	.sidenav{
		display: none;
	}
	#nosotros h1{
		font-size: 5pc;
		margin-top: -65px;
    	text-align: center;
	}
	#nosotros h3{
		font-size: 3em;
    	padding: 20px;
	}
	h4{
		font-size: 2em;
    	padding: 25px;
		text-align: justify;
	}
	
	h3 strong{
		font-size: 2em;
		padding-left: 20px;		
	}
	.texto-equipo{
		margin-bottom: -41pc;
	}
	.home-demo{
		margin-top: 417px;
		padding: 20px;
	}
	h2 strong{		
		font-size: 2em;
		padding-left: 160px;
		padding-top: 2%;
		margin-left: 12%;
	}
	.text-tecnicas{
		font-size: 2em;
    	padding: 20px;
        margin-bottom: -280px;
	}
	.contenedor-caracteristicas{
		width: 101% !important;
    	height: 50% !important;
	}
	#portfoliolist{
		margin-top: 3%;
		margin-left: 5%;
	}
	.caracteristicas {
    margin-bottom: 5%;    
	}
	.table-color{
		font-size: 30px;
	}
	.table-color strong{
		float: right;
	}
	.table-color th{
		text-align: -webkit-center;
    	font-size: 40px;
	}
	.contenedor-galeria {
		margin-top: 5%;
		text-align: center;
	}
	.contenedor-tecnicas{
    	padding: 3%;	
        margin-top: 25% !important;
        font-size: 20px;
	}
	.table-bordered>tbody>tr>td {    
    padding: 2%;
	}
	#example-one span {    
    	font-size: 20px !important;
	}
	.links{
		float: right;
    	margin-right: 5%;
		text-align: -webkit-right;
        margin-top: 20%;
	}
	.form-container{
		width: 121%;
    	margin-left: -9%;
		margin-top: 40px;
    	margin-bottom: -80px;
	}
	.contenedor {
    font-size: 45px !important;
	}
	.text-contacto h3{
		font-size: 3em;
	}
	.text-contacto h2{
		font-size: 4em;
	}
	.mapa-contacto{
		margin-bottom: 2%;
		width: 100% !important;
		height: 600px !important;
		margin-top: 50px;
	}
	.large-12 {
		position: relative;
		padding-left: .9375rem;
		padding-right: .9375rem;
		float: left;
		width: 100%;
		z-index: 0;
		margin-top: -380px;
	}
	.container-owl-carousel {
		padding: 2%;
	}
	.dg-container {
		margin-bottom: 10%;
		margin-top: 40%;
		margin-left: -123px !important;
		top: 730px !important;
	}
	.contenedor-caracteristicas {
    	margin-top: -520px !Important;
	}
	.texto-equipo {
		bottom: -112px !important;
		font-size: 20px;
	}
	.dg-wrapper a img {
        width: 680px !important;
	}
	.img-responsive{
		max-width: 150% !important;
		width: 150% !important;
		position: relative;
		left: -25%;
	}
	.item{
		overflow: hidden;
		position: relative;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {    
        font-size: 80px;
	}
	.text-menu span {;
        font-size: 80px;
	}
    .dg-wrapper{
        top: -124%;
        left: 20px;
    }
    .bg-equipamiento {
        position:relative;
    }
}
/*--------------------------------------------------------------------------------------------------------------------------------------  Close Menu phone  
	

	.menuphone {
		width: 0px;
        height: 150vh;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: rgba(17, 17, 17, 0.94);
		overflow-x: hidden;
		transition: all 0.5s;
		padding-top: 60px;
		z-index: 9999999;
		
	}

	.menuphone a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 50px;
		color: white;
		display: block;
		margin-top: 10%;
		transition: 0.3s;
	}

	.menuphone a:hover, .offcanvas a:focus{
		color: #f1f1f1;
	}

	.menuphone .closebtn {
		position: absolute;		
		right: 35px;
		font-size: 104px;
		margin-left: 50px;
		margin-top: -55PX;

	}

	@media screen and (max-height: 450px) {
	  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;}
	}
	.btn-menu-phone {		
	    height: 260px;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 4;
		width: 100%;
		background-color: rgba(0, 0, 102, 0.9);
		box-shadow: 0px 4px 9px rgba(0,0,0,0.51);
	}
	.btn-menu-phone span {		
	    color: white;
	    font-size:100px;
	    cursor:pointer;
		padding:3%;
		float:right;
		margin-right: 3%;
	}
	.contenedor-menu-phone{
		height: 5%;		
		position: relative;		   
		transition: 0.5s;
		padding-top: 60px;	
	}
	
	.text-menu{
        z-index: 5;
        height: 132vh;
	}
	.content-carousel{
		margin-top: 1%;
	}
	.container-yates {    
    height: 115px;
    font-size: 35px;
    margin-top: 24px;t
	}
	.contenedor-galeria {
    z-index: 1 !important;
	}
	.carousel-indicators{
		display: none;
	}
	.text-home h3{
		display: none;
	}
	.text-home h1{
		margin-left: 2%;
		margin-top: 15%;
	}
	.contenedor-redes{
		display: none;	
	}
	.phone-redes{
	position: fixed;
    right: 0;
    bottom: 5px;
    z-index: 1;
	padding-top: 10px;
	width: 220px;
	border-top: 0.01em solid rgba(255,255,255,.10);
	}
	.contenedor-menu-phone .redes-phone a{
		font-size: 130px !important;
		
	}
}



/* Menu phone*/








::-webkit-scrollbar {
    width: 2px;
}


/*EFECTOS REDES SOCIALES*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
	
}

.dg-container {
    top: -420px;
    margin-bottom: 5%;
}
.btn-menu-phone{
    display: none;
}

/*FUENTE*/ 
@font-face {
    font-family: light;
    src: url(../fonts/MyriadPro-Light_0.otf);
}

.sidenav {
    height: 100vh;
    text-align: right;
    width: 220px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color:  rgba(0, 0, 102, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;	
    box-shadow: -3px 0px 9px rgba(0,0,0,0.6);
}
.text-menu
{
    margin-top: -30px;
}
.text-menu span
{
    margin-right: 20px;
    transition:all .3s;
}
.text-menu a:hover span
{
    margin-right: 40px ;
}
.text-home h1
{
    color: white;
    font-size: 55px;
    font-family: light;
}
.text-home h3
{
    color: #011f3a;
    margin-top: -5px;
}
.sidenav a  
{
    padding: 8px 8px 8px 32px;
    text-decoration: none !important;
    font-size: 20px;
    color: white !important;
    display: block;
	border-bottom: 0.01em solid rgba(255,255,255,.10);
    transition: 0.3s
    
}
.sidenav a:hover, .offcanvas a:focus{

    background: #c83a3a;
	margin-left: 1px;
}
.sidenav .closebtn:hover 
{
    color: rgba(200, 58, 58, 0.9) !important;
    background: transparent; 
}

.menu-responsive{
	display: none;
}
 

.btn-menu
{
    top: 0;
    right: 0;
    position: fixed;
    margin-right: 30px;
    margin-top: 10px;
    color: white;
    transition: 0.3s
}
.btn-menu:hover
{
    top: 0;
    right: 0;
    position: fixed;
    margin-right: 30px;
    margin-top: 10px;
    color: rgb(211, 243, 250);
}
.text-home
{
    top: 0px;    
    position: absolute;
    margin-top: 2%;
    margin-left: 3%;
	z-index: 9999999999;
}
    /* Full-width input fields */
input[type=text], [type=email], textarea 
 {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    transition: all .3s;
    box-sizing: border-box;
}
input[type=text]:focus,[type=email]:focus, textarea:focus
 {
    border: #c83a3a;
    outline-color: #c83a3a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 58, 58, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 58, 58, 0.84);
    
}
/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* Extra styles for the cancel button */
.cancelbtn {
    padding: 14px 20px;
    background-color: #f44336;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn,.signupbtn {
    float: left;
    background: #ccc;
    transition: all .2s;
}
cancelbtn,.signupbtn:hover 
{
    background: #e93b3b;
    color: white;
}

/* Add padding to container elements */
.container {
    padding: 16px;
    padding-right: 128% !important;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: scroll !important; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(2, 2, 76, 0.9); /* Black w/ opacity */
    padding-top: 60px;
	overflow-x: hidden !important;
	
}

/* Modal Content/Box */
.modal-content {
    background-color: #f5f5f5;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; /* Could be more or less, depending on screen size */
	margin-bottom: 8%;
}

/* The Close Button (x) */
.close {
    position: absolute !important;
    right: 31px !important;
    top: 14px !important;
    color: white!important;
    font-size: 50px;
    font-weight: bold !important;
    z-index: 99999999;
    transition: all .2s;
    opacity: 0.9 !important;
	text-shadow: 0 0px 0 #fff !important;
}

.close:hover,
.close:focus {
    color: #c83a3a !important;
    cursor: pointer !important;
    text-shadow: 0 1px 0 #000 !important;
    opacity: 0.9 !important;
}

/* Clear floats */
.clearfix::after 
{
    content: "";
    clear: both;
    display: table;
    color: #c83a3a;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {
    .cancelbtn, .signupbtn {
        width: 100%;
    }
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.8s;
    animation: animatezoom 0.8s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
.filtro
{
    filter:blur(5px);
}
.text-contacto
{
    color: white;
    left: 5%;
}
.contacto-titulo
{
    color: white;
    text-align: center;
    font-size: 40px;
    font-weight:lighter;
    position: absolute;
    top: 0;
    width: 100%;
    font-family: light;
}
.contenedor  
{
    width: 100%;
    padding: 30px;
}


.texto-nosotros {
	text-align: justify;
}

.bg-equipamiento {
	background-image: url(../img/foto4.jpg);
    background-attachment: fixed;
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}	


.img-home {
	width: 100%;
}

.img-logo {
	margin-bottom: 6%;
	margin-top: -20%;
}

.row {
	    margin-right: 0px !important;
}


{
   overflow-y : para desplazarse;
}

.container { 
	posición : relative; 
	ancho : 960 ; 
	Margen : 0 auto; 
	-webkit-transición : todos los 1s facilidad;
	-moz-transición : todos los 1s facilidad;
	-o-transición : todos los 1s facilidad;
	transición : todos los 1s facilidad;	
}
 
#filters {
	 margen : 1% ;
	padding : 0 ;
	list-style : none;
	margin-bottom: 4%;
}

	#filters  li {
		 float : left;
	}
	
	#filters  li  lapso {
		 display : block;
		padding : 5px  20px ;		
		text-decoration : none;
		de color : # 666 ;
		cursor : puntero;
	}
	
	#filters  li  lapso .active {
		 fondo : # e95a44 ;
		Color : #fff ;
	}
 

 
#portfoliolist  .portfolio {
	 webkit-box-dimensionamiento : Frontera de la caja;
	-moz-box-sizing : border-box;
	-o-cuadro de dimensionamiento : Frontera de la caja;
	ancho : 23% ;
	Margen : 1% ;
	display : none;
	flotador : izquierda;
	desbordamiento : oculto;
}

.portfolio-wrapper {
overflow : hidden;
posición : relativa ! important ;
fondo : # 666 ;
cursor : puntero;
}

.portfolio  img {
ancho máximo : 100% ;
Posición : relative;
top : 0 ;
-webkit-transición : todo 600ms  cúbicas Bézier ( 0,645 , 0,045 , 0,355 , 1 );
transición : todo 600ms  cúbicas Bézier ( 0,645 , 0,045 , 0,355 , 1 );		
}

.portfolio  .label {
posición : absoluta;
ancho : 100% ;
altura : 40px ;
parte inferior : - 40px ;
-webkit-transición : todo 300ms  cúbicas Bézier ( 0,645 , 0,045 , 0,355 , 1 );
transición : todo 300ms  cúbicas Bézier ( 0,645 , 0,045 , 0,355 , 1 );
}

.portfolio  .label-bg {
fondo : # e95a44 ;
ancho : 100% ;
altura : 100% ;
posición : absoluta;
top : 0 ;
izquierda : 0 ;
}

#filters li 
{
	float: left !importat;
}

#filters li span 
{
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    color: #666;
    cursor: pointer;
}

.portfolio  .label-text {
	de color : #fff ;
	Posición : relative;
	z-index : 500 ;
	padding : 5px  8 píxeles ;
}

.portfolio  .text-categoría {
	display : block;
	font-size : 9px ;
}

.portfolio : libración  .label {
	fondo : 0 ;
}
.portfolio : libración  img {
	top : - 30px ;
}  

/ * #Tablet (Retrato) * / 
@ los medios de comunicación única pantalla y (min-width: 768px ) y (max-width: 959px ) {
	 .container {
		 ancho : 768px ;
	}
}

/ * #Mobile (Retrato) - Nota: Diseño de un ancho de 320 píxeles * / 
@ los medios de comunicación única pantalla y (max-width: 767px ) {
	 .container { 
		 anchura : 95% ;
	}
	
	#portfoliolist  .portfolio {
		 anchura : 48% ;
		Margen : 1% ;
	}		
}

/ * #Mobile (Paisaje) - Nota: Diseño de un ancho de 480px * / 
@ los medios de comunicación única pantalla y (min-width: 480px ) y (max-width: 767px ) {
	 .container {
		 anchura : 70% ;
	}
}



.container-filter {
	position: relative;
    width: 960px;
    margin: 0 auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	z-index: 99999999999;
}

.img-modelos {
	width: 100%;
	position: relative;
    margin-top: -778px;	
}


/* Example One */
#example-one { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 960px;
	z-index: 1;
	margin-left: 4%;
	margin-bottom: 5%;
}
#example-one li { 
	display: inline-block;	
}
#example-one span { 
    color: #032641; 
	font-size: 14px; 
	float: left;
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase;
	transition:all .3s;
}
#example-one span:hover { 
	color: #c83a3a;
	cursor: pointer;
}
#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 0; 
	width: 100px; 
	height: 2px; 
	background: #c83a3a;
}
.current_page_item span { 
	color: #c83a3a !important; 
}
.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}

.contenedor-galeria {
	margin-top: 5%;
	z-index: 999999999;
    margin-bottom: 10%;
}
.contenedor-video {
	
	width: 101%;
	background: black;
	padding: 2%;
    
}

.contenedor-video .ug-thumbs-strip {
	
	width: 380px;
    height: 500px;
    position: absolute;
    margin: 0px;
    left: 0px;
}

.redes {
	margin-left: 58px;
    position: relative;
    
	
}

.img-redes {
	padding-left: 15%;
	cursor: pointer;
	
}
.img-redes:hover
{
	text-decoration: none;
	
}

.contenedor-redes {
	position: fixed;
    right: 0;
    bottom: 5px;
    z-index: 1;
}

.color-img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition:all .5s;
}
.color-img:hover
{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.fa {
	{
font-size:40px;
	color:blue;
    transition:all 1s;
}
.fa:hover
{
	color:red;
}
}

.color-icons {
	
	font-size:25px !important;
	color:white;
	margin-right: 1px;
    transition:all .2s;
}

.color-icons:focus{	
	
	color:white;
	text-decoration: none;
	transition:all .1s;    
}
.color-icons:hover
{
	color:#c83a3a;
	border-bottom: none !important;
}

.panel-collapse a {
	position: relative;
    display: block;   
    margin-bottom: -1px;
    background-color: #070c54;
    padding: 0;
	border-bottom: none; 
    
	
}
.panel-collapse a:hover {
	position: relative;
    display: block;   
    margin-bottom: -1px;
    background-color: #c83a3a;
    padding: 0;
	border-bottom: none; 
    
	
}

.panel-collapse li {
	
    background-color: #070c54;
	border: none;
	transition:all .3s;
}
.panel-collapse li:hover {
	
    background-color: #c83a3a;
	border: none;	
}

.panel-collapse li:hover a 
{
	background-color: #c83a3a;
}




.foto-equipo {
	z-index: 999999999;
    margin-top: -244px;

}

.large-12 {
	position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
    width: 100%;
	z-index: 0;
	margin-top: -380px;

}

.img-equipo:hover {
	cursor: e-resize;
}

.contenedor-equipo {
	 
     max-width: 62.5rem; 
     width: 100%; 
}
.owl-item
{
	width: 316.667px !important;
	margin-right: 10px;
}
.texto-equipo {
	position: relative;
	margin-top: 3%;
	margin-bottom: 2%;
    z-index: 1;
	color: white;
    text-align: justify;
}

	.titulo-equipo {
		text-align: center;
	}

	.contenedor-caracteristicas {
		width: 100%;
		height: 1000px;
		background-color: #eee;
		margin-top: -449px;
	}

	.caracteristicas {
		background-color: white;

	}

	.text-tecnicas {
		width: 100%;
		text-align: justify;
	}

	.contenedor-tecnicas {
		margin-bottom: 5%;
		width: 100%;
		background: #f5f5f5;
		height: 612px;
		margin-top: -6%;
		padding-top: 4%;;
	}

	.table-color {
		background-color: white;
		box-shadow: -8px 8px 5px rgba(0,0,0,0.4)
	}
	.bg-equipamiento47 .table-color {
		background-color: white;
		box-shadow: -8px 8px 5px rgba(0,0,0,0.0)
	}

	.models-yates {
	
	
	
}

	.container-yates {
		background-color: #fff;
		box-shadow: 0px 4px 10px #ccc;
		position: relative;
		padding-right: 0px !important; 
		padding-left: 0px !important;
	}
	.navbar-collapse {
		padding-right: 0px !important; 
		padding-left: 0px !important; 
	}

	.section-yates {
		width: 100%;
		left: 0%;
	}

	 .modelos47:focus , .modelos18:focus  , .modelos11:focus{
		background-color: #c83a3a;
		transition:all .3s;
		color: white;
		}
	.section-yates .modelos47 {
		height: 69px;
		padding-top: 30px !important;
		transition:all .3s;
		}
	.section-yates .modelos18 {
		height: 69px;
		padding-top: 30px !important;
		transition:all .3s;
		}
	.section-yates .modelos11 {
		height: 69px;
		padding-top: 30px !important;
		transition:all .3s;
		}
	.section-yates .modelos47:hover {	
		background-color: #c83a3a !important;
		color: white;
		margin-top: 0px;
		height: 69px;
		}
.section-yates .modelos18:hover {	
    background-color: #c83a3a !important;
    color: white;
    margin-top: 0px;
    height: 69px;
	}
.section-yates .modelos11:hover {	
    background-color: #c83a3a !important;
    color: white;
    margin-top: 0px;
    height: 69px;
	}

.oculto {
	display: none;
}
.rotar
{
	-moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.video-home {
	width: 100%;
	height: 50%;
}

.text-blue {
	text-align: center;
}


.mapa-contacto {
	width: 96%;
	height: 300px;
}



.contenedor-caracteristicas18 {
    width: 100%;
    height: 530px;
    background-color: #eee;
    margin-top: -620px;
    margin-bottom: 130px;
}
.contenedor-tecnicas18 {
    text-align: justify;
    color: white;
}

.equipamiento18 {
    font-size: 16px;
    margin-top: -30px;
    margin-left: 10%;
    
}
.table strong{
    float: right;
}
.contenedor-caracteristicas11 {
    margin-top: -320px;
    margin-bottom: 100px;
}
.bg-equipamiento11 {
	background-image: url(../img/foto4.jpg);
	background-size: cover;
    background-attachment: fixed;
	background-repeat: no-repeat;
	height: 489px;
	background-position: center;
}
.bg-equipamiento18 {
	background-image: url(../img/foto4.jpg);
	background-size: cover;
    background-attachment: fixed;
	background-repeat: no-repeat;
	height: 840pxpx;
	background-position: center;
}
.bg-equipamiento47 {
	background-image: url(../img/foto4.jpg);
	background-size: cover;
    background-attachment: fixed;
	background-repeat: no-repeat;
	height: 800px;
	background-position: center;
}
.equipamiento11 {
    margin-left: 10%;
}

.modelos {
	border-left: 1px solid black;
    border-right: 1px solid black;
}


.modelos47 {
    border-left: 1px solid #white;
    height: 69px;
    background: #eee;
	cursor: pointer;
}

.modelos18 {
    border-left: 3px solid white;
    border-right: 3px solid white;
    height: 69px;
    background: #eee;
	cursor: pointer;
}

.modelos11 {
    border-right: 1px solid white;
    height: 69px;
    background: #eee;
	cursor: pointer;
}
.activo
{
	background-color: #c83a3a;
    color:white;
}
.usa {
	position: absolute;
    left: -5px;
}
.usa:hover {
	cursor: pointer;
	-webkit-filter: grayscale(30%); /* Safari 6.0 - 9.0 */
    filter: grayscale(30%);
}
.fa-twitter:before, .fa-instagram:before{
    margin-left: -11px;
}
.fa-facebook:before{
    margin-left: -5px;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: .9;
}
.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;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.Modelo11 {
	display: none;
}

.Modelo18 {
	display: none;
}