body {
   overflow-x: hidden;
}

.video-col:hover{
    background-color:#FF2400; 
    

}

#nav-affix {
    margin-bottom: 0px;
    position: fixed;
    z-index: 200;
}

.intro nav .main-logo {
    background: transparent url("../images/logo.png") no-repeat;
    width: 245px;
    height: 72px;
    text-indent: -99999px;
    display: block;
    z-index: 12;
    margin: auto;
}

.intro nav ul {
    margin-left: 10%;
}

.intro nav {
    height: 75px;
}

.intro nav ul li a {
    padding: 27px 50px;

}
/*
.intro #video-2 .btn-sec {
    background: transparent url("../images/btn-onedirection.png") no-repeat scroll center center;
    width: 352px;
    height: 154px;
}

.intro #video-3 .btn-sec {
    background: transparent url("../images/btn-arma.png") no-repeat scroll center center;
    width: 307px;
    height: 167px;
}*/

section#us .graphic {
    background: transparent url("../images/chica-dibujo.jpg") no-repeat scroll;
    float: none;
	width: 800px;
	height: 579px;
	margin-top: 0px;
	top: 82px !important;
	position: relative;
	left: 149px;
    overflow-x: hidden;
}

section#us .case {
	display: none !important;
}

#Rayas-quienes-somos {
	background: transparent url("../images/deco-rayas-quienes-somos.png") no-repeat scroll;
    float: none;
	width: 189px;
	height: 248px;
	position: relative;	
	top: -126px;
	left: -30px;
}


section#us .text {
    float: right;
    width: 100%;
    margin-top: -200px;
    max-width: 420px;
}

section#agents-access .key {
    background: transparent url("../images/logo-maneiro-agentes.png") no-repeat scroll;
    width: 117px;
    height: 117px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 180px auto 0px;
}

section#agents-access .text h3 {
    font-weight: 800 !important;
}

/*============= ESTILOS PLANISFERIO CON DESTINOS =============*/

.tooltip-item {
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    margin: -15px 0px 0px -15px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #FF027A;
    animation: 0.6s ease 0s alternate none infinite running pulse;
}

.tooltip-content {
    position: absolute;
    background: #FF027A none repeat scroll 0% 0%;
    z-index: 14;
    width: 200px;
    bottom: 50%;
    margin-bottom: -1em;
    padding: 20px;
    border-radius: 20px;
    font-size: 1.1em;
    text-align: center;
    color: #FFF;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

section#agents h3 {
    color: #ff027a;
    margin-top: 32px;
}

section#agents p {
    color: #262626;
}

#Ingreso-agentes-anchor {
    padding-top: 60px;
}

/*============= FIN ESTILOS PLANISFERIO CON DESTINOS =============*/

.parallax-window {
    min-height: 200px;
    background: transparent;
}

section#social p {
   font-weight: bold;
}

#Elementos-sociales{
	margin-left: 50%;
}

section#social .links a.btn-fb:hover {
    background-color: #1818D4;
}

section#contact .graphic {
    background: transparent url("../images/imagen-contactol.png") no-repeat scroll;
    width: 316px;
    height: 600px;
    margin-top: 100px;
}

section#contact #form-contact button {
    font-weight: 600;
    letter-spacing: 1px;
}

#Rayas-contacto {
	background: transparent url("../images/deco-rayas-contacto.png") no-repeat scroll;
    float: none;
	width: 189px;
	height: 248px;
	position: relative;
	top: -226px;
	left: -30px;
}

footer {
	margin-top: -276px;
}


footer .main-logo {
    background: none;
    text-indent: 0;
    height: auto;
    width: 100%;
    max-width: 260px;
}

footer .main-logo img {
    width: 100%;
}

.nav {
    padding-left: 4%;
}

footer .nav li {
    padding: 20px 0px;
    
}

footer .nav li a {
    padding: 0px 40px;
}

footer p.powerby .focusmind {
    background: transparent url("../images/focus.png") no-repeat scroll center center / 47px 38px;
 }