/* - - - - - - - - - - - - - - - 
CSS para pantallas medianas (Tablets)
Ultima modificación por:
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */


body{    
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: block !important;
}
#big-container {
    display: block;
}

[data-hijacking="off"] .cd-section > div {
    opacity: 1;
  }

  .fixed {
    flex: 1 1 15% !important;
    position: inherit !important;
    z-index: 111 !important;
    width: 100% !important;
}

#opacity {
    display: block !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    margin-left: 0px !important;
}

header {
    max-height: 70px;
    overflow: hidden;
    background-color: #FFF;
    transition: max-height .5s, background-color .5s;   
    }
        header.opened {
            max-height: 1000px;
            transition: max-height .5s, background-color .5s;
        }
    .menu_header {
        padding: 0px;
        flex-direction: column;
        justify-content: center;
    }
        #menu_btn {
		    content: url(../../_images/icono_menu_white.svg);
		    position: absolute;
		    z-index: 10;
		    right: 40px;
		    top: 22px;
		    height: 30px;
		    width: 30px;
		}
            header.opened #menu_btn { content:url('../../_images/icono_cerrar_white.svg'); }
                .menu_header a { justify-content: center; font-size: .9em; margin: 10px 0px; }

                .active1, .active2, .active3, .active4 {
				    background-size: 100% 100%;
				    background-repeat: no-repeat;
				    margin: 0px auto;
				    /* height: 15px; */
				    /* width: 100%; */
				    display: block;
				    color: transparent !important;
				    margin-right: -1px;
				    background-position: center;
				}

				#active1{
					background-color: #ffcc98;
				}

				#active2{
					background-color: #454545;
				}

				#active3{
					background-color: #3366cc;
				}

				#active4{
					background-color: #3399ff;
				}

.container {
    flex: 1 1 118%;
    background: #333;
    height: 100vh;
    perspective: none;
    -webkit-perspective: none;
    overflow-x: inherit;
    overflow-y: inherit;
    -webkit-overflow-scrolling: scroll;
}
.nav_logo{
	display: none;
}

.nav_logo2 {
    background-color: #1a1a1a;
    /* height: 72%; */
    width: 50%;
    /* margin: 0px auto; */
    padding: 22px;
    /* display: flex; */
    padding-left: 40px;
}

 #logo{
 	display: none;
 }

#logo2 {
    display: block;
    background-image: url(../../_images/logotipo_2.svg);
    /* background-size: 100% 100%; */
    background-repeat: no-repeat;
    margin: 0px auto;
    height: 30px;
}

.navbar li a {
    padding: 30px 31px !important;
}

.navbar ul {
    text-align: center;
    min-height: max-content !important;
}
	.text h1 { font-size: 2.8em; }
	#linea { display: none; }
	.text { top: 42%; }
	.downArrow { bottom: 10%; }

.content-hide {
    display: block;
    justify-content: space-between;
    margin: 37px;
    margin-right: 0px !important;
    color: white;
    margin-bottom: 50px;
    margin-top: -1px;
}


#row1 {
    z-index: 5;
}


#row1 .box_layer--base {
    background-image: url(../../_images/foto_fondo1.jpg) !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

#row2 {
    z-index: 3;
}

#row2 .box_layer--base {
    background-image: url(../../_images/foto_fondo2.jpg !important);
    background-position: 50% 50% !important;
    background-size: cover !important;
    color: #777;
}

#linea2{display: none;}

.ct-text, .ct-map {
    width: 90%;
    margin: 20px;
}
.ct-text h1 {
    font-size: 3em;
}
.ct-text h2 {
    font-size: 1.1em;
    margin-bottom: 30px;
}
.ct-text p {
    line-height: 2em;
    font-size: 1em;
}

#footer_cut { padding-top: 0px; }

.text_mdp {
    margin: 37px;
    margin-right: 0px !important;
    margin-bottom: 50px;
}

.text_mrz {
    margin: 0px;
    margin-right: 0px !important;
    margin-bottom: 50px;
    padding-top: 80px;
}

.text_mrz .svg {
    height: 58px;
    margin-bottom: 50px;
    display: block;
    margin: 0px auto;
}

.text_mrz h1 {
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    display: flex;
    margin: 50px 35px;
}

.text_mrz h2 { margin: 50px 35px; }

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

.text_mrz ul {
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    display: flex;
    margin: 50px 35px;
    display: block;
}

.text_mrz a {
    font-size: 1em;
    width: 87%;
    display: block;
    margin: 50px 35px;
}

.text_estraseg {
    margin: 0px;
    margin-right: 0px !important;
    margin-bottom: 50px;
    padding-top: 50px;
}

.text_estraseg .svg {
    height: 70px;
    margin-bottom: 50px;
    display: block;
    margin: 0px auto;
}

.text_estraseg h1 {
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    display: flex;
    margin: 50px 35px;
}

.text_estraseg h2 { margin: 50px 35px; }

#linea4 {
    border: .5px solid black;
    display: flex;
    margin-left: 35px;
    /* margin-right: 270px; */
    width: 8%;
    margin-top: -33px;
}

.text_estraseg ul {
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    display: flex;
    margin: 50px 35px;
    display: block;
}

.text_estraseg a {
    font-size: 1em;
    width: 87%;
    display: block;
    margin: 50px 35px;
    margin-bottom: 80px;
}

.text_cia {
    margin: 0px;
    margin-right: 0px !important;
    margin-bottom: 50px;
    padding-top: 50px;
}

.text_cia .svg {
    height: 70px;
    margin-bottom: 50px;
    display: block;
    margin: 0px auto;
}

.text_cia h1 {
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    display: flex;
    margin: 50px 35px;
}

.text_cia h2 { margin: 50px 35px; }

#linea4 {
    border: .5px solid black;
    display: flex;
    margin-left: 35px;
    /* margin-right: 270px; */
    width: 8%;
    margin-top: -33px;
}

.text_cia ul {
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    display: flex;
    margin: 50px 35px;
    display: block;
}

.text_cia a {
    font-size: 1em;
    width: 87%;
    display: block;
    margin: 50px 35px;
    margin-bottom: 80px;
}

.ct-contacto {
    display: block;
    width: 100%;
    margin: 0px;
    margin-top: 0px;
}

.text_form {
    width: auto;
    margin: 30px;
    margin-top: 0px;
    padding-top: 30px;
}

.container_input1 {
    display: block;
}

.container_input2 {
    display: block;
    /* width: 100%; */
}

input, textarea {
    width: 100%;
}

.text_info {
    width: 100%;
    margin-left: 0px;
    margin: 0px 0px;
    text-align: center;
}

.cd-section {
  height: max-content !important;
}
#aviso {
    margin-top: 30px;
    color: white;
    display: block;
}

.container_textarea button {
    background-color: transparent;
    color: white;
    text-align: center;
    border: 1px solid white;
    width: 80%;
    height: 58px;
    margin-top: 55px;
    font-size: 1em;
    cursor: pointer;
    /* margin: 50px auto; */
    justify-content: center;
    text-align: center;
    margin: 50px auto;
    display: flex;
}

.linea3 {
    margin-left: 0px !important;
}

.bounce{
    bottom: 33% !important;
}

.mdp .svg {
    margin: 38px;
    height: 80px;
    margin-bottom: 50px;
    margin-top: 100px;
}

.mdp h1 {
    margin: 38px;
    font-size: 1em;
    width: 80%;
    margin-bottom: 80px;
    margin-top: 0px;
    color: white;
}