/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08-mar-2019, 10:28:42
    Author     : FERNANDO
*/
.rectangulo {
     width: 100%; 
     height: 650px; 
     background: #377792;
}
.trapecio {
    width: 0px;
    height: 650px;
    border-bottom: 145px solid transparent;
    border-left: 102vw solid #377792;
    border-top: 145px solid transparent;
	/*transform: rotate(90deg);*/
}

*{
    margin: 0;
    padding: 0;
}
body{
    font-family: arial;
    /*background: #EFEFF1;*/
    /*width: 100vw;*/
    /*overflow-x: hidden;*/
    /*position: absolute;*/

}
@font-face {
    font-family: 'magneto';
    font-style: normal;
    font-weight: normal;
    src: local('MAGNETOB'), url('./fonts/MAGNETOB.TTF') format('truetype');
}
header{
    transition: 5s;
}
p{
    font-size: 1.2em;
}
/*tamaņo letra para la pagina home secciones*/
h2.titulo-section{
    font-size: 3.1em;
    font-weight: bold;
}
.container-page{
    width: 100%;
    min-height: 100vh;
    position: relative;
    /*overflow: hidden;*/
    /*border: 1px solid black;*/
}
/*para el contenedor de las paginas internas*/
.contenedor-base{
    min-height: 100vh;
}
/*para centrar los items se adiciona esta clase en el padre*/
.centrar-items{
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-100w{
    width: 100%;
}
.img-100h{
    height: 100%;
}
.img-cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hidden-x
{
    overflow-x: hidden;
}
.hidden-y
{
    overflow-y: hidden;
}
.hidden-xy
{
    overflow: hidden;
}
.container-cita{
    height: 60vh;
    width: 100%;
    background: #cc0000;
    position: absolute;
    overflow: hidden;
}
.container-cita:before{    
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity: .8;

}
.mascara-cita{
    position: absolute;
    top: 60px;
    transform: skew(0deg, -15deg);
    height: 22vh;
    width: 30%;
    padding:50px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-cita{
    filter: grayscale(100%);
    position: absolute;
    width: 380px; 
    left: 60%;
    z-index: -10;
}
.b-rojo{
    background: #cc0000;
    color: white;
}
.b-negro{
    background: #000;
    color: white;
}

.section-end
{
    overflow: hidden;
    height: 130vh;
}
.section-end .contenedor-textos-right
{
    height: 115vh;
}

.img-section-end{
    height: 120%;
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}
.img-section-end img{
    top: -28vh;
    /*    right: -10vw;*/
    position: relative;
    transform: skew(0deg, 15deg); 
    z-index: 1;
    width: 100%;
    height: 155vh;
    object-fit: cover;
}

.footer-interno{
    min-height: 15vh;
    overflow: hidden;
    position: relative;
}
.contenedor-texto
{
    height: 15vh;
    display: flex; 
    justify-content: flex-start;
    align-items: flex-end;
}
.contenedor-footer
{
    height: 57vh; 
    padding: 40px;
    background: #fff;

}

.pie-page{
    position: relative;
}
.pie-page:before{
    content: '';
    width: 51%;
    height: 30vh;
    background: #fff;
    position: absolute;
    top: -25%;
    left: 0;
    transform: skew(0deg, 10deg);
}
.pie-page:after{
    content: '';
    width: 51%;
    height: 30vh;
    background: #fff;
    position: absolute;
    top: -25%;
    right: 0;
    transform: skew(0deg, -10deg);
}

.footer-text {
    margin-top: 120px;
}
.footer-text span
{
    font-size: 13px;
}
.rotate-left
{
    transform: skew(0deg, 15deg); 
}
.rotate-left:after{
    content: '';
    background: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -37%;
    transform: skew(0deg, -20deg); 
}
.rotate-right
{
    transform: skew(0deg, -15deg); 
}
.rotate-right:after{
    content: '';
    background: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -37%;
    transform: skew(0deg, 20deg); 
}
/*para agregar una mascara a las secciones*/
/*agregar todas las mascaras la opacidad*/
.mascara-black{
    position: absolute;
    background: #000;
    z-index: 1;
    height: 140vh;
    width: 100%;

}
.b-black{
    background: #000;
}
.mascara-white{
    position: absolute;
    background: #fff;
    /*background: url(../img/business.jpg);*/
    /*background-size: cover;*/
    z-index: 2;
    height: 220vh;
    width: 100%;
}
.mascara-red{
    position: absolute;
    background: #cc0000;
    /*background: url(../img/business.jpg);*/
    /*background-size: cover;*/
    z-index: 2;
    height: 220vh;
    width: 100%;
}
.b-red{
    background: #cc0000;
}
.mascara-blue{
    position: absolute;
    background: #227093;
    /*background: #04949d;*/
    /*background: #173080;*/
    /*background: url(../img/business.jpg);*/
    /*background-size: cover;*/
    z-index: 2;
    height: 220vh;
    width: 100%;
}
.b-blue{
    background: #227093;
}
.mascara-gray{
    position: absolute;
    /*background: #303030;*/
    background: #444444;
    /*background: #ac96aa;*/
    /*background: url(../img/business.jpg);*/
    /*background-size: cover;*/
    z-index: 2;
    height: 220vh;
    width: 100%;
}
.b-gray{
    background: #444444;
}
.b-footer{
    background: #cccccc;
    /*background: #b0b0b0;*/
    /*background: #999999;*/
    /*background: #756C6C;*/
    /*background: #B1B7AD;*/
}
.color-texto-footer,.color-texto-footer:hover
{
    color: #fff;
    text-decoration: none;
    /*color: #333333;*/
}
.mascara-black ,mascara-black:after, .mascara-white,.mascara-white:after, .mascara-red,.mascara-red:after,.opacity-sections{
    opacity: .85;
}
.opacity-8{
    /*opacity: 0;*/
    opacity: .85;
}
.opacity-7{
    /*opacity: 0;*/
    opacity: .75;
}
.opacity-6{
    /*opacity: 0;*/
    opacity: .73;
}
.img-section-right, .img-section-left{
    height: 165vh;
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}
.img-section-right img{
    top: -30vh;
    position: relative;
    transform: skew(0deg, 15deg); 
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-section-left img{
    top: -30vh;
    position: relative;
    transform: skew(0deg, -15deg); 
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-section5{
    height: 160vh;
    width: 100%;
    background: #000;
    /*background: url(../img/marketing1.jpg);*/
    background-size: cover;
    position: absolute;
    z-index: 1;
}

/*agregar el contenedor after para todas las mascaras*/
/*.mascara-white:after{
    transform: skew(0deg, 20deg);
}*/
.mascara-black:after{
    /*.mascara-black:after,.mascara-white:after{*/
    content: '';
    background: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -37%;
}

.mascara-right:after{
    transform: skew(0deg, 20deg); 
}
.mascara-left:after{
    transform: skew(0deg, -20deg); 
}

.rotate-left-right:before{
    content: '';
    background: #fff;
    width: 50%;
    height: 200px;
    position: absolute;
    top: -55px;
    left: 0;
    transform: skewY(-8deg)
}
.rotate-left-right:after{
    content: '';
    background: #fff;
    width: 50%;
    height: 200px;
    position: absolute;
    top: -55px;
    right: 2px;
    transform: skewY(8deg)
}
/*para la pagina inicial*/
.contenedor-logo{    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}

.contenedor-textos-left
{
    position: absolute;
    transform: skew(0deg, -15deg); 
    height: 100vh;
    width: 100%;  
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.contenedor-textos-right
{
    position: absolute;
    transform: skew(0deg, 15deg); 
    height: 100vh;
    width: 100%;  
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.contenedor-textos-left-right
{
    position: absolute;
    height: 100vh;
    width: 100%;  
    display: flex;
    justify-content: center;
    align-items: center;
    /*z-index: 10;*/
}
.contenedor-logo img{
    width: 300px;
}
#particles-js{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}


/*para la primera seccion de home*/
.seccion-inicio{
    height: 108vh;
    display: inline-block;
    display: flex;
    align-items: center;
    /*    background: url(../img/banner_dibel_n.jpg);*/
    /*background-size: cover;*/
}
.inicio-izquierdo,.inicio-derecho{
    height: 80vh;
    width: 50%;
}
.inicio-izquierdo{
    float: right;
    display: flex;
    justify-content: end;
    align-items: center;
    overflow: hidden;
}
.inicio-izquierdo .mascara-izquierda{
    height: 100%;
    width: 50%;
    background-color: rgba(73, 61, 61, 0.75);
    /*background-color: rgba(102,102,102,.75);*/
    position: absolute;
}
.inicio-derecho{
    float: left;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.inicio-derecho .mascara-derecha{
    height: 140%;
    width: 50%;
    background: white;
    position: absolute;
    opacity: 0.8;
}
.contenedor-frase
{
    position: absolute;
}

/*para los texto de: dibel soluciones en tecnologia*/
.fuente-dibel{
    font-family: "magneto";
    color: #ff3522;
    /*color: #cc0000;*/
    position: relative;
    left: 50%;
    z-index: 2;
    text-shadow: 2px 2px 2px #000000;
}
.fuente-dibel2{
    font-family: "magneto";
    color: #ff3522;
    /*color: #cc0000;*/
    left: 50%;
    z-index: 2;
    text-shadow: 2px 2px 2px #000000;
}
.container-texto-1{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
}
.container-texto-2{
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 2;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
}
.texto1{
    font-size: 60px;
}
.texto2{
    font-size: 30px;
    margin-top: 18px;
}


/*header nav {
    background:#3498db;
}

header nav ul {
    list-style: none;
    overflow: hidden;
}

header nav ul li {
    float: left;
}

header nav ul li a {
    display: block;
    padding:20px;
    color:#fff;
    text-decoration: none;
}

header nav ul li a:hover {
    background:#2980b9;
}*/

/*menu boostrap4*/
.navbar{
    background-color: transparent !important;
}
.navbar-nav .nav-item{
    margin: 0 10px;
}
.navbar-nav li a
{
    color: #fff !important;
    text-shadow:2px 2px 2px #000;
}
.logo-interno{
    display: none;
}

/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {
    transition: all .5s;
    position:fixed;
    z-index:10;
    top:0;
    max-width:100%;
    width:100%;
    box-shadow:0px 4px 3px rgba(0,0,0,.5);
}
.texto-blanco{
    color: #ffffff;
}
.texto-negro{
    color: #000000;
}


.contenedor-formulario {
    width: 100%;
    color: #f2f2f2;
    margin-bottom: 50px;
    /*margin: 50px 0;*/
}
.contenedor-formulario .formulario {
    width: 100%;
    margin: auto;
}
.contenedor-formulario .formulario .input-group {
    position: relative;
    margin-bottom: 32px;
    z-index: 3;
}
.contenedor-formulario .formulario .input-group input[type="text"],
.contenedor-formulario .formulario .input-group input[type="email"],
.contenedor-formulario .formulario .input-group textarea,
.contenedor-formulario .formulario .input-group input[type="password"] {
    font-family: "Roboto", Arial;
    font-size: 16px;
    color: #303F9F;
    width: 100%;
    outline: none;
    padding: 15px 0;
    background: none;
    border: none;
    border-bottom: 2px solid #BBDEFB;
}
.contenedor-formulario .formulario .input-group input[type="text"]:focus, .contenedor-formulario .formulario .input-group input[type="text"]:active,
.contenedor-formulario .formulario .input-group input[type="email"]:focus,
.contenedor-formulario .formulario .input-group input[type="email"]:active,
.contenedor-formulario .formulario .input-group input[type="password"]:focus,
.contenedor-formulario .formulario .input-group input[type="password"]:active {
    outline: none;
    border-bottom: 2px solid #303F9F;
}
.contenedor-formulario .formulario .input-group input[type="text"].error,
.contenedor-formulario .formulario .input-group input[type="email"].error,
.contenedor-formulario .formulario .input-group input[type="password"].error {
    border-bottom: 2px solid #D32F2F;
}
.contenedor-formulario .formulario .input-group input[type="text"].error + label,
.contenedor-formulario .formulario .input-group input[type="email"].error + label,
.contenedor-formulario .formulario .input-group input[type="password"].error + label {
    color: #D32F2F;
}
.contenedor-formulario .formulario .input-group label {
    color: #303F9F;
}
.contenedor-formulario .formulario .input-group label.label {
    transition: all 0.3s ease;
    /*margin-left: 15px;*/
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    top: 16px;
    left: 0;
}
.contenedor-formulario .formulario .input-group label.label.active {
    top: -8px;
    font-size: 12px;
    line-height: 12px;
    color: #B6B6B6;
}
.contenedor-formulario .formulario .input-group.checkbox label, .contenedor-formulario .formulario .input-group.radio label {
    display: inline-block;
    cursor: pointer;
    color: #303F9F;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1em;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.contenedor-formulario .formulario .input-group.checkbox label:hover, .contenedor-formulario .formulario .input-group.radio label:hover {
    background: #bbdefb;
}
.contenedor-formulario .formulario .input-group.checkbox label:before, .contenedor-formulario .formulario .input-group.radio label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    background: none;
    border: 2px solid #303F9F;
}
.contenedor-formulario .formulario .input-group.error label {
    color: #D32F2F;
}
.contenedor-formulario .formulario .input-group.error label:hover {
    background: rgba(211, 47, 47, 0.2);
}
.contenedor-formulario .formulario .input-group.error label:before {
    border: 2px solid #D32F2F;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"] {
    display: none;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label:before {
    display: none;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label {
    padding: 5px 15px;
    background: #303F9F;
    border-radius: 2px;
    color: #f2f2f2;
}
.contenedor-formulario .formulario .input-group.checkbox label:before {
    border-radius: 3px;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"] {
    display: none;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label:before {
    display: none;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label {
    background: #303F9F;
    color: #f2f2f2;
    padding: 5px 15px;
}
.contenedor-formulario .formulario input[type="submit"] {
    /*background: #303F9F;*/
    /*background: #BBDEFB;*/
    background: transparent;
    /*    background: #6A75BE;*/
    border-radius: 5px;
    border: 2px solid #BBDEFB;
    color: #cc0000;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", Arial;
    font-size: 16px;
    padding: 15px;
    width: 100%;
    transition: all 0.3s ease;
}
.contenedor-formulario .formulario input[type="submit"]:hover {
    /*background: #BBDEFB;*/
    border: 2px solid #cc0000;
    /*    background: #1976D2;*/
}

/*para las redes sociales*/
ul.social1{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    width: 280px;
}
ul.social1 li{
    position: relative;
    list-style: none;
    width: 80px;
    height: 80px;
    margin: 0 30px;
    transform: rotate(-30deg) skew(25deg);
}
ul.social1 li span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: .5s;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px !important;
}
ul.social1 li:hover span{
    box-shadow: -1px 1px 1px rgba(0,0,0,.1);
}
ul.social1 li:hover span:nth-child(5){
    transform: translate(40px, -40px);
    opacity: 1;
}
ul.social1 li:hover span:nth-child(4){
    transform: translate(30px, -30px);
    opacity: .8;
}
ul.social1 li:hover span:nth-child(3){
    transform: translate(20px, -20px);
    opacity: .6;
}
ul.social1 li:hover span:nth-child(2){
    transform: translate(10px, -10px);
    opacity: .4;
}
ul.social1 li:hover span:nth-child(1){
    transform: translate(0,0);
    opacity: .2;
}
ul.social1 li:nth-child(1) span
{
    background: #4b5999;
}
ul.social1 li:nth-child(2) span
{
    background: #25D366;
}

/*para imagen sticky*/
div .imgBx{
    position: sticky;
    top: 0;
    /*min-width: 50%;*/
    /*    background: #000;*/
    height: 100vh;
}
.imgBx img{
    /*    width: 100%;
        height: 100%;
        object-fit: cover;  */
}
div .storyBx{
    padding: 60px;
}
div .storyBx h2{
    margin: 0 0 20px;
    padding: 0;
    font-size: 60px;
}
div .storyBx p{
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: justify;
}
.content-parrafo{
    padding: 50px;
}
/*para eliminar el padding que tiene en boostrap*/
.sin-padding{
    padding: 0;
}

.banner{
    width: 100%;
    height: 100vh;
}
.banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*styles para web hosting*/
.container-hosting{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.container-hosting .box-hosting{
    position: relative;
    width: 350px;
    padding: 40px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    border-radius: 4px;
    margin: 20px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}
.container-hosting .box-hosting:before{
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.2);
    z-index: 2;
}
.container-hosting .box-hosting .icon{
    position: relative;
    /*    width: 80px;*/
    height: 60px;
    color: #fff;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 600;
    transition: 1s;
}
.container-hosting .box-hosting:hover{
    cursor: pointer;
}
.container-hosting .box-hosting:nth-child(1) .icon{
    box-shadow: 0 0 0 0 #e91e63;
    background: #e91e63;
}
.container-hosting .box-hosting:nth-child(1):hover .icon{
    box-shadow: 0 0 0 480px #e91e63;
}
.container-hosting .box-hosting:nth-child(2) .icon{
    box-shadow: 0 0 0 0 #23e629;
    background: #23e629;
}
.container-hosting .box-hosting:nth-child(2):hover .icon{
    box-shadow: 0 0 0 480px #23e629;
}
.container-hosting .box-hosting:nth-child(3) .icon{
    box-shadow: 0 0 0 0 #2196f3;
    background: #2196f3;
}
.container-hosting .box-hosting:nth-child(3):hover .icon{
    box-shadow: 0 0 0 480px #2196f3;
}
.container-hosting .box-hosting .content-hosting{
    position: relative;
    z-index: 1;
    transition: 0.5s;
}
.container-hosting .box-hosting:hover .content-hosting{
    color: #fff;
}
.container-hosting .box-hosting .content-hosting h3{
    font-size: 20px;
    margin: 10px 0;
    padding: 0;
}
.container-hosting .box-hosting .content-hosting p{
    margin: 0;
    padding: 0;
}
.container-hosting .box-hosting ul li{
    list-style: none;
}
.container-hosting .box-hosting ul li:before{
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 10px;
}

.btn-hosting{
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
/*para sistemas web*/
.left-web {
    float: left;
    shape-outside: polygon(0 0, 0 600px, 400px 600px);
    clip-path: polygon(0 0, 0 600px, 400px 600px);
    /*background: linear-gradient(to top right, #67D7F5, #86F7CC);*/
    background:url(../img/sistemas_web-per.jpg);
    /*    background:url(../img/laptop.jpg);*/
    background-size: cover;
    height: 100vh;
    width: 40%;
}
/*.left-web:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cc0000;
    opacity: .7;
}*/

.right-web {
    float: right;
    shape-outside: polygon(400px 600px, 600px 600px, 600px 0, 0 0);
    clip-path: polygon(400px 600px, 600px 600px, 600px 0, 0 0);
    background:url(../img/sistemas_web-per.jpg);
    /*background:url(../img/laptop.jpg);*/
    background-size: cover;
    /*                background: linear-gradient(to bottom left, #67D7F5, #86F7CC);*/
    height: 100vh;
    width: 40%;
}
/*para ocultar el home o el logo del menu*/
.hidden{
    display: none;
}


/*color azul #173080 sitio https://redbullrecords.com/*/ 

/*para sesgo-top*/
.top-sesgo
{
    
    right: 0;
    border-width: 6vh 50vw 0 50vw;
    border-style: solid;
    border-color: #cc0000 transparent transparent transparent;
    z-index: 2;
}
.bottom-sesgo
{
    position: absolute;
    height: 15vh;
    left: 0;
    top: 0;
    width: 100%;
}
.bottom-sesgo:after{

    content: '';
    position: absolute;
    left: 0;
    bottom: -25vh;
    height: 25vh;
    width: 100%;
    background: #5c5353;
    /*background: #cccccc;*/
    z-index: -1;
}
.bottom-sesgo:before{

    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 10vh 50vw 5vh 50vw;
    border-style: solid;
    border-color: transparent #227093 #227093 #227093;
    /*border-color: transparent transparent #cccccc transparent;*/
    z-index: -1;
}

.mostrar-responsive{
    display: none;
}
.mostrar-responsive-iconos{
    display: none;
}
@media screen and (max-width:1100px) {
    .footer-alto{
        min-height: 25vh;        
    }
    .contenedor-texto
    {
        min-height: 25vh;        
        padding-bottom: 10px;
    }
    .container-cita
    {
        top:100vh;
    }
    .mascara-cita{
        width: 40%;
    }
    .contenedor-frase{
        top: -10px;
    }
}
@media screen and (max-width:992px) {
    .logo-interno{
        display: block;
    }
    .logo-menu{
        display: none;
    }
    .navbar{
        text-align: right;
    }
    .navbar #navbarNav{
        padding-right: 48px;
    }
    .navbar .navbar-toggler
    {

        position: absolute !important;
        right: 10px !important;
        top: 20px;

    }
    .navbar-nav {
        /*        justify-content: flex-end !important;*/
        float: right;
		/* 
        background: #ffffff;   -------------------------BLANCO MENU DESPLEGABLE RESPONSIVE TOGGLE*/
		background-color:#333333; 
		opacity: .7;"
        /*background: #7f7f7f;*/
        /*background: #5c5353;*/
        /*opacity: .9;*/
        border-radius: 5px;
        margin-top: 12px;
    }
    .menu-interno
    {
        margin-top: -48px;
    }
    .navbar-nav .nav-item{
        width: auto;
    }
			  .mostrar-tablet
    {
        display: block;
    }
    .ocultar-tablet
    {
        display: none;
    }
}
@media screen and (max-width:878px) {
    .texto1{
        font-size: 55px;
    }
    .texto2{
        font-size: 27px;
        margin-top: 18px;
    }
    .container-texto-1,.container-texto-2{
        /*height: 65vh;*/
        height: 70vh;
        /*        border: 1px solid yellow;*/
    }
    .seccion-inicio{
        /*border: 1px solid yellow;*/
        min-height: 80vh;
        height: 80vh;
    }
    .container-cita
    {
        top: 70vh;
        height: 100vh;
    }
    .inicio-izquierdo img
    {
        width: 70% !important;
        /*top: -70px;*/
        margin-left: 30%;
    }
		  .mostrar-tablet
    {
        display: block;
    }
    .ocultar-tablet
    {
        display: none;
    }
}
@media screen and (max-width:850px) {
	
    .footer-alto{
        min-height: 10vh;
    }
    .contenedor-texto
    {
        min-height: 10vh;    
        padding-bottom: 10px;
    }
    .seccion-inicio{
        
        min-height: 85vh;
        height: 85vh;
    }
    .container-cita
    {
        top: 75vh;
        height: 100vh;
    }
    .inicio-izquierdo img{
        top: -70px !important;
    }
    /*    .container-texto-1,.container-texto-2{
            min-height: 80vh;
            height: 80vh;
        }*/
	.mostrar-tablet
    {
        display: block;
    }
    .ocultar-tablet
    {
        display: none;
    }
}
@media screen and (max-width:790px) {
	
	.mostrar-tablet
    {
        display: block;
    }
    .ocultar-tablet
    {
        display: none;
    }
}
/*@media screen and (max-width:768px) {*/
@media screen and (max-width:769px) {
    .ocultar-responsive{
        display: none !important;
    }
    .mostrar-responsive{
        display: block;
    }
    h2.titulo-section {
        font-size: 2.7em;
        font-weight: bold;
    }
    p {
        font-size: 1.1em;
    }
    .contenedor-texto span
    {
        font-size: 0.9em;
    }

    .container-page{
        min-height: 80vh;
    }
    .seccion-inicio{
        min-height: 80vh;
        height: 60vh;
    }
    .container-cita
    {
        top: 70vh;
        height: 100vh;
    }
    .mascara-cita{
        width: 100%;
    }
    .contenedor-frase{
        top: -45px;
        left: 20px;
        width: 60%;
    }
    .contenedor-textos-left,.contenedor-textos-right
    {
        height: 80vh;
    }
    .container-texto-1,.container-texto-2{
        height: 60vh;
    }
    .inicio-izquierdo img
    {
        width: 80% !important;
        top: -70px;
        margin-left: 20%;
    }
    logo-cita{
        top: -150px !important;
        left: 200px !important;
        width: 280px !important; 
    }

    .footer-alto{
        min-height: 15vh;        
    }
    .contenedor-texto
    {
        min-height: 15vh;    
        padding-bottom: 15px;
    }
		  .mostrar-responsive-iconos
    {
        display: block;
        margin: 20px auto;
    }
    .ocultar-responsive-iconos
    {
        display: none;
    }
}
@media screen and (max-width:750px) {
    .footer-alto{
        min-height: 25vh;        
    }
    .contenedor-texto
    {
        min-height: 25vh;        
        padding-bottom: 5px;
    }
	  .mostrar-responsive-iconos
    {
        display: block;
        margin: 20px auto;
    }
    .ocultar-responsive-iconos
    {
        display: none;
    }
}
@media screen and (max-width:730px) {
    .container-page{
        min-height: 170vh;
    }
    .seccion-inicio{
        min-height: 100vh;
    }
    .contenedor-textos-right,.contenedor-textos-left
    {
        padding-left: 30px;
        min-height: 160vh;
        text-align: justify;
    }    
    .mostrar-responsive-iconos
    {
        display: block;
        margin: 20px auto;
    }
    .ocultar-responsive-iconos
    {
        display: none;
    }
    .img-section-right, .img-section-left{
        height: 230vh;
    }
    .texto1{
        font-size: 50px;
    }
    .texto2{
        font-size: 20px;
        margin-top: 18px;
    }
    .section-end
    {
        overflow: hidden;
        height: 150vh;
    }
    .section-end .contenedor-textos-right
    {
        min-height: 165vh;
    }
    .img-section-end img{
        height: 190vh;
    }

    .inicio-izquierdo img
    {
        width: 60% !important;
        top: -50px;
        margin-left: 30%;
    }
	 .imagen-peq
    {
        width: 60% !important;
        top: -50px;
        margin-left: 30%;
    }
    .container-texto-1,.container-texto-2{
        height: 70vh;
    }

}
@media screen and (max-width:572px) {
    .container-page{
        min-height: 100vh;
    }
    .container-cita
    {
        top: 70vh;
    }
    .mascara-cita
    {
        width: 100%;
    }
    .contenedor-frase
    {
        top: -55px;        
        font-size: 13px;
        width: 60%;
        left: 10px;
    }
    .inicio-izquierdo img
    {
        top: -5px !important;
        margin-left: 0;
        width: 90% !important;

    }
	.imagen-peq
    {
        top: -5px !important;
        margin-left: 0;
        width: 90% !important;

    }
    .contenedor-textos-right,.contenedor-textos-left
    {
        padding-left: 30px;
        min-height: 100vh;
        text-align: justify;
        /*border: 1px solid yellow;*/
    }
    .contenedor-textos-right .titulo-section,.contenedor-textos-left .titulo-section
    {
        text-align: center;

    }
    .contenedor-textos-right
    {
        justify-content: flex-end;
    }

    .seccion-inicio{
        min-height: 80vh;
        height: 80vh;
        margin-bottom: 9vh;
    }
    .mostrar-responsive-iconos
    {
        display: block;
        margin: 20px auto;
    }
    .ocultar-responsive-iconos
    {
        display: none;
    }
    .img-section-right, .img-section-left{
        height: 170vh;
    }
    .container-texto-1,.container-texto-2{
        height: 70vh;
    }
    .texto1{
        font-size: 45px;
    }
    .texto2{
        font-size: 22px;
        margin-top: 18px;
        /*border: 1px solid yellow;*/
        width: 45%;
        word-wrap: break-word;
    }
    .section-end
    {
        overflow: hidden;
        height: 115vh;
    }    
    .img-section-end img{
        height: 150vh;
    }
    .section-end .contenedor-textos-right{
        min-height: 150vh;
    }
    .section-end .contenedor-textos-right
    {
        min-height: 100vh;
    }
}
@media screen and (max-width:500px) {
    .footer-alto{
        min-height: 30vh;        
    }
    .contenedor-texto
    {
        min-height: 30vh;        
        padding-bottom: 20px;
    }
}



.tipo1{
		font-family: "Comic Sans MS", sans-serif; 
		font-size:18pt; 
		font-style:italic;
		text-align: center;
}

.separador{
	width:1px;
	height:300px;
	justify-content:center;
	background-color:#cc0000;
}
.box-img{
    width: 100%;
    height: 200px;
    /*height: 250px;*/
    overflow: hidden;
}