/* Efectos en los iconos */

.service-icon{
    border-radius:50%;    
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    
    
}
.service-icon:hover{
  
    -webkit-transition: all 180ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 180ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 180ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 180ms ease-in;
    transform: scale(1.2);
    color: #73c9ba;
    background-color: #fff;
}

/* Flechas para carrusel */

.owl-prev {
position  : absolute;
top       : -10px;
left      : -10px;
font-size : 50px;
}
.owl-next {
position  : absolute;
top       : -10px;
right     : -10px;
font-size : 50px;
}
  
/* Boton ancla para volver a top */
#anchor {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(197, 197, 197, 0.61); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius:50%;
    width: 50px;
    height: 46px;

}

#anchor:hover {
    background-color: #EE7D0A; /* Add a dark-grey background on hover */
}

.light-blue
{
    color: #00AEEF !important;
    padding-top: 124px;
}

@media only screen and (max-width: 768px)
{
    .nav-full
    {
        display: none;
    }

    #menu-trigger
    {
        display:inline;
    }
    .logo-text
    {
    display:none;
    }

    .false-div
    {
        min-height: 100px;
    }
}

@media only screen and (min-width: 768px)
{
    .menu-trigger
    {
        display:none;
    }

    .false-div
    {
        min-height: 120px;
    }

}

#menu-trigger {
	position: fixed;
	top: 15px;
	right: 30px;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
#menu-trigger div {
    position: relative;
    display: block;
    height: 2px;
    margin-bottom: 6px;
    width: 30px;
	background-color: #7f8c8d;

    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 5px;

}

#logoElPixel .imglogo {
    width: 100px;
    max-width: 100%;
    height: 32px;
    background-image: url(../img/elpixel-logo-blank.png);
    background-position: top center;
    background-repeat: no-repeat;
    
}

#logoElPixel.scrolled .imglogo{
    background-image: url(../img/elpixel-logo.png);
}

.scrolled.menu-trigger div {
	background: #585858 !important;
}


#menu-trigger:hover {
	cursor: pointer;
}

#menu-trigger.clicked div:nth-child(even) {
	opacity: 0;
}
#menu-trigger.clicked div:nth-child(1) {
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    background: #fff;
}
#menu-trigger.clicked div:nth-child(3) {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top: -6px;
    background: #fff;
}
#menu-trigger.clicked:hover {
    position          : fixed;
    top               : 10px;
    right             : 40px;
    z-index           : 99;
    -webkit-transition: all 0.5s ease;
    transition        : all 0.5s ease;
    -webkit-transform : scale(0.85);
    transform         : scale(0.85);
    background: #000000 !important;
    color: #2ca7dd;
}
#menu-trigger.clicked:hover div {
    background:#fff;

}

.c-menu__link{
    display: block;
    padding: 10px 25px;
    color: #fff;
    text-align: left;
    margin-left: 30px;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;

}

.menuH {
    position: fixed;
    top: 0px;
    right: -50%;
    width: 50%;
    height: 165vh;
    z-index: 98;
    background-color: #73c9ba;
    -webkit-transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
    transition: all 0.3s cubic-bezier(.77,.06,.28,.85);
    box-shadow: 0px 0px 31px 0px rgba(15,15,15,0.25);
}
.menuH.open {
	right: 0;
    width: 357px;
}

.menu-tint {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #3A539B;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
	transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
}
.menu-tint.open {
	z-index: 97;
}

.navPrincipal{
    height: 48px;
    background: transparent;
    z-index: 1;

}

#nav-full-div {
    min-height: 60px;
    margin-bottom: 0px;
    border: solid 1px #f4f4f4;
    border-radius: 0;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
    box-shadow: 2px 11px 19px -6px rgba(0, 0, 0, 0.08);
}

.affix {
    background:white !important;
    width: 100%;
    z-index:9999;
  }