/* - - - - - - - - - - - - - - -
CSS principal
Desarrollado por: Upgrade Diseño Interactivo
Para:
Fecha:
Ultima modificación por: Eduardo Navarrete
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */

/* ====== F O N T S ====== */
@font-face {
font-family: 'praho_pro_regular';
src:url('../../_fonts/prahopro-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'praho_pro_light_italic';
src:url('../../_fonts/prahopro-lightitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'praho_pro_medium_italic';
src:url('../../_fonts/prahopro-mediumitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'ttnorms-regular';
src:url('../../_fonts/ttnorms-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* ====== F O N T S (end) ====== */

/*Eliminamos márgenes del "body" */
body{ font-family: 'ttnorms-regular'; }

h1, h2, h3, h4, h5{font-weight: lighter;}


/* GENERAL */
#big-container {
    display: flex;
}

/* HEADER */

.navbar {
    flex: 1 1 15%;
}

.container{
    flex: 1 1 118%;
	perspective: 300px;
	-webkit-perspective: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
	/* Momentum scrolling breaks parallax on iOS.*/
}

.navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #1a1a1a;
}



.navbar li a {
    display: block;
    color: white;
    padding: 2.8vw;
    text-transform: uppercase;
    border: 1px solid #474747;
    border-right: none;
    font-size: .9em;
}

.nav_logo {
    background-color: white;
    /* height: 72%; */
    /* width: 100%; */
    margin: 0px auto;
    padding: 45px 0px 45px 0px;
}

	#logo {
	    background-image: url(../../_images/logotipo.svg);
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    margin: 0px auto;
	    height: 40px;
	    display: block;
	}

	#logo2 {
	    display: none;
	}

	.active1{
		background-image: url(../../_images/active1.svg);
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	    margin: 0px auto;
	    height: 42px;
	    display: block;
	    color: transparent !important;
	}
	#active_especial{
		background-color: #ffcc98;
	}
	.active2 {
        background-image: url(../../_images/active2.svg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0px auto;
        height: 22px;
        display: block;
        color: transparent !important;
        /* margin-right: -1px; */
    }
	.active3{
		background-image: url(../../_images/active3.svg);
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 0px auto;
	    height: 42px;
	    display: block;
	    color: transparent !important;
	    margin-right: -1px;
	}
	.active4 {
	    background-image: url(../../_images/active4.svg);
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 0px auto;
	        margin-right: auto;
	    height: 22px;
	    display: block;
	    color: transparent !important;
	    margin-right: -1px;
	}
	.active5{
		background-color: white;
		color: black!important;
	}
	.active6 {
	    background-image: url(../../_images/logo_alsom.svg);
	    background-size: 40%;
	    background-position: center;
	    background-repeat: no-repeat;
	    margin: 0px auto;
	    height: 22px;
	    display: block;
	    color: transparent !important;
	    margin-right: -1px;
	    background-color: white;
	}



/*INDEX*/

.box_group {
	position: relative;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
}
.box_layer {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.box_layer--base {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	z-index: 4;
}
.text {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)!important;
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    width: 80%;
}	
	.text h1{ font-size: 4em; font-family: 'praho_pro_light_italic'; }
	#text_title{font-family: 'praho_pro_medium_italic';}
	.text h3{
	    font-size: 1em;
	    /* width: 100%; */
	    line-height: 1.5em;
	}

	#linea {
	    border: .5px solid white;
	    display: flex;
	    /* margin-left: 270px; */
	    margin-bottom: 70px!important;
	    /* margin-right: 270px; */
	    width: 5%;
	    margin: 0px auto;
	    margin-top: -22px;
	}

/* Style By Row */

#row1 {
	z-index: 5;
}

/*
#row1 .box_layer--base {
	background-image: url(../../_images/foto_fondo1.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
*/
#row2 {
	z-index: 3;
}
/*
#row2 .box_layer--base {
	background-image: url(../../_images/foto_fondo2.jpg);
	background-position: 50% 50%;
	background-size: cover;
	color: #777;
}*/

.content-hide {
    display: flex;
    justify-content: space-between;
    margin: 150px;
    margin-right: 0px !important;
    padding-top: 154px;
    color: white;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 38px;
}

	.ct-text, .ct-map{
		width: 50%;
	}	
		.ct-text h1 {
		    font-size: 3em;
		    font-family: 'praho_pro_light_italic';
		    margin-top: -20px;
		}
		.ct-text h2{ font-size: 1em; margin-bottom: 50px; }
		.ct-text p{line-height: 2em;}

	.ct-map img{
		width: 85%;
	}

	#text_blue{color: #66ccff; font-size: 1.5em; font-family:'praho_pro_medium_italic';}

	#linea2 {
	    border: .5px solid white;
	    display: flex;
	    /* margin-left: 270px; */
	    margin-bottom: 70px!important;
	    /* margin-right: 270px; */
	    width: 15%;
	    margin-top: 32px;
	}

	.arrow img{
		width: 10%;
		left: 50%;
	    position: absolute;
	    top: 90%;
	    transform: translate(-50%, -50%)!important;
	    -webkit-transform: translate(-50%, -50%);
	    text-align: center;
	}



/*MDP*/

#row3 {
	z-index: 5;
}
/*
#row3 .box_layer--base {
	background-image: url(../../_images/fondo-mdp.jpg);
	background-position: 50% 50%;
	background-size: cover;
}*/

.text_mdp { margin: 150px; margin-top: 80px; }
	.mdp .svg { margin: 150px; height: 80px; margin-bottom: 50px; margin-top: 100px; }
	.mdp h1 { margin: 150px; font-size: 1em; width: 80%; margin-bottom: 80px; margin-top: 0px; color: white; }
	.text_mdp h2{ color: black; font-size: 3em; font-family: 'praho_pro_light_italic'; }
	.text_mdp h3{ font-size: 1em; color: white; }
	.ct-text-mdp { margin: 150px; margin-top: 80px;}

	.text_mdp ul{ list-style-type: none; padding: 0px; line-height: 2.2em; color: #ffffff }
	.text_mdp a { 
		border: 1px solid black;
	    padding: 15px;
	    display: block;
	    width: 20%;
	    text-align: center;
	    margin-top: 70px;
	    color: black;
	    transition: 1s;
     }
     .text_mdp a:hover{
     	background-color: black;
    	color: white;
     }

	#linea3 {
	    border: .5px solid white;
	    display: flex;
	    /* margin-left: 270px; */
	    margin-bottom: 70px!important;
	    /* margin-right: 270px; */
	    width: 8%;
	    margin-top: -20px;
	}

	#text_black{font-weight: bold; color: black;}

/*MRZ*/
#row4 {
	z-index: 5;
}
#row4{
	background-image: url(../../_images/fondo-mrz.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
.text_mrz { margin: 150px; margin-top: 80px; margin-bottom: 0px; margin-right:40px; }
	.text_mrz .svg { height: 80px; margin-bottom: 50px; }
	.text_mrz h1{ font-size: 1em; width: 100%; margin-bottom: 0px; color: #ffffff }
	.text_mrz h2{ color: black; font-size: 3em; font-family: 'praho_pro_light_italic'; color: #9a9a9a;}
	.text_mrz ul{ list-style-type: none; padding: 0px; line-height: 2.2em; color: #ffffff }
	.text_mrz a { 
		border: 1px solid #9a9a9a;
	    padding: 15px;
	    display: block;
	    width: 20%;
	    text-align: center;
	    margin-top: 70px;
	    color: #9a9a9a;
	    transition: 1s;
     }
     .text_mrz a:hover{
     	background-color: white;
    	color: black;
     }

/*ESTRASEG*/
#row5 {
	z-index: 5;
}
#row5 {
	background-image: url(../../_images/fondo-estraseg.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
.text_estraseg { margin: 150px; margin-top: 80px; margin-bottom: 0px; 
    margin-right: 40px;}
	.text_estraseg .svg { height: 80px; margin-bottom: 50px; }
	.text_estraseg h1{ font-size: 1em; width: 80%; margin-bottom: 80px; line-height: 2em;margin-top: -10px; }
	.text_estraseg h2{ color: black; font-size: 3em; font-family: 'praho_pro_light_italic'; }
	.text_estraseg ul{ list-style-type: none; padding: 0px; line-height: 2.2em; }
	.text_estraseg a { 
		border: 1px solid black;
	    padding: 15px;
	    display: block;
	    width: 20%;
	    text-align: center;
	    margin-top: 50px;
	    transition: 1s;
     }

     .text_estraseg a:hover{
     	background-color: black;
    	color: white;
     }

     #linea4 {
	    border: .5px solid black;
	    display: flex;
	    /* margin-left: 270px; */
	    margin-bottom: 70px!important;
	    /* margin-right: 270px; */
	    width: 8%;
	    margin-top: -20px;
	}

/*CIA*/
#row6 {
	z-index: 5;
}
#row6 {
	background-image: url(../../_images/fondo-cia.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
.text_cia { margin: 150px; margin-top: 80px; 
    margin-right: 40px;}
	.text_cia .svg { height: 63px; margin-bottom: 50px; }
	.text_cia h1{ font-size: 1em; width: 100%; margin-bottom: 80px; color: white; line-height: 2em; }
	.text_cia h2{ color: black; font-size: 3em; font-family: 'praho_pro_light_italic'; color: white;}
	.text_cia ul{ list-style-type: none; padding: 0px; color: white; line-height: 2.2em;}
	.text_cia a { 
		border: 1px solid black;
	    padding: 15px;
	    display: block;
	    width: 20%;
	    text-align: center;
	    margin-top: 70px;
	    transition: 1s;
     }

     .text_cia a:hover{
     	background-color: white;
    	color: black;
     }

     #linea4 {
	    border: .5px solid black;
	    display: flex;
	    /* margin-left: 270px; */
	    margin-bottom: 70px!important;
	    /* margin-right: 270px; */
	    width: 8%;
	    margin-top: -20px;
	}

/*ALSOM*/
#row8 {
	z-index: 5;
}
#row8 {
	background-image: url(../../_images/fondo-alsom.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
.text_alsom { margin: 150px; margin-top: 80px; margin-bottom: 0px; margin-right:40px; }
	.text_alsom .svg { height: 130px; margin-bottom: 50px; }
	.text_alsom h1{ font-size: 1em; width: 100%; margin-bottom: 0px; color: #ffffff }
	.text_alsom h2{ color: black; font-size: 3em; font-family: 'praho_pro_light_italic'; color: #9a9a9a;}
	.text_alsom ul{ list-style-type: none; padding: 0px; line-height: 2.2em; color: #ffffff }
	.text_alsom a { 
		border: 1px solid #9a9a9a;
	    padding: 15px;
	    display: block;
	    width: 20%;
	    text-align: center;
	    margin-top: 70px;
	    color: #9a9a9a;
	    transition: 1s;
     }
     .text_alsom a:hover{
     	background-color: white;
    	color: black;
     }


/*CONTACTO*/
.flex {display: flex;}
	.ct-contacto {
	    display: flex;
	    width: 100%;
	    margin: 150px;
	    margin-top: 250px;
	    margin-bottom: 0px;
	}
	.text_form { width: 80%; }
	.text_info { width: 20%; }

#row7 {
	z-index: 5;
}
#row7 {
	background-image: url(../../_images/fondo-contacto.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
	.container_input1 { display: flex; }
	.text_form h2{ color: white; font-size: 3em; font-family: 'praho_pro_light_italic'; margin-top: 0px;}

	#linea3 {
	    border: .5px solid white;
	    display: flex;
	    /* margin-left: 270px; */
	    /* margin-right: 270px; */
	    width: 8%;
	    margin-top: -20px;
	}

	.container_input2 { display: flex; }

	input {
	    color: white;
	    border: none;
	    background-color: transparent;
	    border-bottom: 2px solid #6e7070;
	    margin-right: 10px;
	    margin-bottom: 20px;
	    width: 50%;
	    height: 40px;
	    font-size: 1em;
	    font-family: 'ttnorms-regular';
	}

	textarea {
	    color: white;
	    border: none;
	    background-color: transparent;
	    border-bottom: 2px solid #6e7070;
	    resize: none;
	    outline: none;
	    height: 80px;
	    width: 97%;
	    font-size: 1em;
	    font-family: 'ttnorms-regular';
	}

	select {
	    color: white;
	    border: none;
	    background-color: transparent;
	    border-bottom: 2px solid #6e7070;
	    margin-right: 10px;
	    margin-bottom: 20px;
	    width: 50%;
	    height: 40px;
	    font-size: 1em;
	    outline: none;
	    border-radius: 0px;
	    background: url(../../_images/flecha_scroll_white.svg) no-repeat;
	    background-position: right;
	    background-size: 10%;
	    -moz-appearance: none;
	    font-family: 'ttnorms-regular';
	}

	.container_textarea button {
	    background-color: transparent;
	    color: white;
	    text-align: center;
	    border: 2px solid white;
	    width: 35%;
	    height: 50px;
	    margin-top: 35px;
	    font-size: 1.1em;
	    cursor: pointer;
	    transition: 1s;
	}

	.container_textarea button:hover{
		background-color: white;
    	color: black;
	}

	    input[type=number]::-webkit-outer-spin-button,
	    input[type=number]::-webkit-inner-spin-button {
	        -webkit-appearance: none;
	        margin: 0
	}
	    input[type=number] {
	        -moz-appearance:textfield;
	}

	input::placeholder{ color: white; }

	textarea::placeholder{ color: white; }

	.text_info { width: 40%; margin-left: 100px; }
	.text_info h1{ font-size: 1.2em; color: white; }
	.text_info .svg { height: 33px; margin-top: 20px; }
	#Capa_1-2 { fill: white; }
	.cls-1 { stroke: white !important; stroke-miterlimit: 10; stroke-width: 0.2px; }
	#aviso{ margin-top: 300px; color: white; display: block; }

	@media (max-width: 1480px) {
		  .ct-map.animated.bounceInRight.go {
		    margin-top: 70px;
		}
	}
/*FLECHA ANIMADA*/
.downArrow {
    z-index: 1000;
    position: absolute;
    bottom: 3%;;
    text-align: center;
    color: white;
    width: 100%;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

.bounce path{
	fill: white !important;
}

.bounce svg{
	height: 70px;
    width: 100px;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.text_form p, .text_form ul{
	color: white;
	line-height: 2em;
}

@media (max-width: 1024px) and (min-width: 768px){
	#tablet {
	    margin-top: -100px !important;

	}

	.bounce{
		bottom: 38% !important;
	}
}

.cd-section {
  height: 900px !important;
}