a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
p,
ul {
    margin: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
}


/************************************* HEADER DE LA PAGINA *************************************/

#pagos {
    padding: 100px 0px;
}

.botones-pago .col-xs-12 {
    border: 1px solid orange;
    border-radius: 10px;
    margin: 30px 20px;
    padding: 10px;
}

.botones-pago .col-xs-12:hover {
    background-color: rgba(0, 0, 0, .1);
}

#parte-arriba {
    background-color: #e5e5e5;
    padding: 10px 0;
}

#parte-arriba .contenido p {
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 600;
}

#parte-arriba .contenido p span {
    font-weight: 700;
    margin-left: 5px;
}

#parte-abajo {
    padding: 25px 0;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.75);
}

#parte-abajo .contenido {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#parte-abajo .contenido .logo {
    /* width: 20%; */
    display: flex;
    justify-content: center;
}

#parte-abajo .contenido nav {
    /* width: 60%; */
}

#parte-abajo .contenido nav ul {
    display: flex;
    justify-content: space-between;
}

#parte-abajo .contenido nav ul li {
    /* width: 16.6%; */
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    padding: 0 10px;
}

#menu>ul>li:nth-child(7) {
    /* width: 10%!important; */
}

#parte-abajo .contenido nav ul li:nth-child(3) {
    /* width: 14.6%; */
}

#parte-abajo .contenido nav ul li:nth-child(2) {
    /* width: 20.6%; */
}

#parte-abajo .contenido nav ul li:hover {
    font-weight: 600;
    position: relative;
    transition: 0.5s;
}

#parte-abajo .contenido nav ul li:after {
    content: '';
    width: 30px;
    height: 3px;
    background-color: #ee7600;
    position: absolute;
    bottom: -5px;
    opacity: 0;
}

#parte-abajo .contenido nav ul li:hover:after {
    opacity: 1;
    transition: 0.5s;
}

#parte-abajo .contenido nav ul li a {
    display: flex;
}

#parte-abajo .contenido>a {
    /* width: 20%; */
    display: flex;
    justify-content: center;
}

#parte-abajo .contenido>a button {
    display: flex;
    width: 180px;
    justify-content: center;
    border: none;
    border-radius: 10px;
    padding: 10px 0;
    background-color: #6fffe9;
    color: #fff;
}

#parte-abajo .contenido>a button img {
    margin-right: 10px;
}

#parte-abajo .contenido>a button p {
    font-family: 'Quicksand', sans-serif;
    font-family: 12px;
    font-weight: 300;
}

#parte-abajo .contenido>a button p span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 14.2px;
    font-weight: 400;
}


/************************************* BODY DE LA PAGINA *************************************/

.container-fluid {
    padding: 0;
    height: 400px;
    border-bottom: 10px solid #6fffe9;
}

.glyphicon {
    top: calc(50% - 15px);
    font-size: 40;
}

.carousel-inner .item>div {
    height: 100%;
    background-size: content;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 40%;
}

.carousel-inner .item>div .contenido-item {
    background-image: url(../img/sombra-slider.png);
    height: 100%;
    position: relative;
    right: 66.7%;
    width: 126%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-inner .item>div .contenido-item .texto {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 180px;
    padding: 40px 0;
}

.carousel-inner .item>div .contenido-item .texto h3 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    width: 350px;
}

.carousel-inner .item>div .contenido-item .texto h3 span {
    font-weight: 700;
}

.carousel-inner .item>div .contenido-item .texto p {
    width: 320px;
    font-size: 16px;
    text-align: center;
    color: #1e1e1e;
    margin: 35px 0;
    position: relative;
}

.carousel-inner .item>div .contenido-item .texto p:after {
    content: '';
    width: 150px;
    height: 2px;
    background-color: #016488;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 75px);
}

.carousel-inner .item>div .contenido-item .texto p:before {
    content: '';
    width: 150px;
    height: 2px;
    background-color: #016488;
    position: absolute;
    top: -17px;
    left: calc(50% - 75px);
}

.carousel-inner .item>div .contenido-item .texto p span {
    font-weight: 600;
}

.carousel-inner .item>div .contenido-item .texto a {
    /* margin-top: 15px; */
    position: relative;
    margin-bottom: 15px;
}


/*.carousel-inner .item > div .contenido-item .texto a:before {
    content: url(../img/flecha3.png);
    position: absolute;
    top: -25px;
    left: calc(50% - 11px);
}*/

.carousel-inner .item>div .contenido-item .texto a button {
    border: none;
    font-size: 12.8px;
    font-weight: 600;
    color: #6fffe9;
    padding: 10px 0;
    border-radius: 10px;
    width: 220px;
    background-color: #ffffff;
}

#pago-contato {
    padding: 50px 0;
    background-color: #ededed;
}

#pago-contato .contenido {
    display: flex;
}

#pago-contato .contenido a {
    width: 50%;
    border-right: 2px solid #6fffe9;
    display: flex;
    justify-content: center;
}

#pago-contato .contenido a:last-child {
    border-right: none;
}

#pago-contato .contenido a button {
    display: flex;
    border: none;
    border-left: 10px solid #6fffe9;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#pago-contato .contenido a button img {
    margin-right: 15px;
}

#pago-contato .contenido a button h4 {
    margin-bottom: 15px;
    font-size: 16.5px;
    color: #4b4a4a;
    position: relative;
}

#pago-contato .contenido a button h4:after {
    content: '';
    width: 70px;
    height: 2px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 35px);
}

#pago-contato .contenido a:last-child button h4:after {
    content: '';
    width: 90px;
    height: 2px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 45px);
}

#pago-contato .contenido a button p {
    font-size: 11.9px;
    color: #4b4a4a;
}

#por-que {
    padding: 50px 0 50px 0;
}

#por-que .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#por-que .contenido p {
    text-align: center;
    margin: 60px 0;
    font-size: 21px;
    font-weight: 300;
    position: relative;
}

#por-que .contenido>div.animado:after {
    content: '';
    width: 155px;
    height: 3px;
    background-color: #3a506b;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 77px);
}

#por-que .contenido>div.animado:before {
    content: '';
    width: 155px;
    height: 3px;
    background-color: #3a506b;
    position: absolute;
    top: 30px;
    left: calc(50% - 77px);
}

#por-que .contenido .secciones {
    display: flex;
    width: 100%;
    margin: 20px 0;
    position: relative;
    justify-content: space-around;
}


/*#por-que .contenido .secciones:after {
    content: url(../img/flecha2.png);
    position: absolute;
    bottom: -35%;
    left: calc(50% - 18px);
}*/

#por-que .contenido .secciones .seccion {
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#por-que .contenido .secciones .seccion:after {
    content: '';
    width: 105px;
    height: 2px;
    background-color: #3a506b;
    position: absolute;
    bottom: 0;
}


/*#por-que .contenido .secciones .seccion:before {
    content: url(../img/flecha.png);
    position: absolute;
    right: -100px;
    top: calc(25% - 5px);
}*/

#por-que .contenido .secciones .seccion:last-child:before {
    display: none;
}

#por-que .contenido .secciones .seccion p {
    text-align: center;
    font-size: 20px;
    padding: 25px 0;
    margin: 0 0;
}

.titulo-general {
    font-size: 30px;
    font-weight: 700;
    color: #5e5e5e;
}

#descubre {
    padding: 20px 0;
}

#descubre .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#descubre .contenido p {
    margin: 60px 0;
    position: relative;
    font-size: 21px;
    font-weight: 300;
}

#descubre .contenido p:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #ee7600;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 97px);
}

#descubre .contenido p:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #ee7600;
    position: absolute;
    top: -30px;
    left: calc(50% - 97px);
}

#planes .contenido nav {
    border-bottom: 1px solid #999999;
}

#planes .contenido nav ul {
    display: flex;
    justify-content: space-around;
}

#planes .contenido nav ul li.active {
    border-bottom: 2px solid #ee7600;
    padding-bottom: 30px;
    position: relative;
}

#planes .contenido nav ul li.active p {
    color: #ee7600;
    font-weight: 700;
}

#planes .contenido nav ul li.active:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    height: 0;
    width: 0;
    margin: auto;
    border-top: 8px solid #FF3D00;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

#planes .contenido nav ul a li p {
    font-size: 25px;
    font-weight: 300;
    color: #4b4a4a;
    position: relative;
}

#planes2 {
    margin: 100px 0;
    background-image: url(../img/pedazo-fondo.png);
    background-repeat: repeat-x;
    height: 420px;
    display: flex;
    align-items: center;
}

#planes2 .contenido ul {
    display: flex;
    justify-content: space-around;
    margin-left: 30px;
}

#planes2 .contenido ul .plantilla {
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    border-left: 10px solid #ee7600;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    width: 310px;
    margin: 15px 0;
}

#planes2 .contenido ul .plantilla>div {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}

#planes2 .contenido ul .plantilla>p {
    text-align: center;
    margin-top: 30px;
    font-size: 14.4px;
    color: #0a0a0a;
    position: relative;
}

#planes2 .contenido ul .plantilla>p:before {
    content: '';
    width: 175px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    top: -20px;
    left: calc(50% - 87px);
}

#planes2 .contenido ul .plantilla>h4 {
    font-size: 23px;
    margin: 10px 0;
    text-align: center;
    font-weight: 600;
}

#planes2 .contenido ul .plantilla>h4:first-child {
    margin-top: 20px;
    line-height: 1.8em;
}

#planes2 .contenido ul .plantilla>h4:nth-child(3) {
    font-weight: 700;
    font-size: 21.8px;
    color: #ee7600;
    margin-bottom: 40px;
    position: relative;
}

#planes2 .contenido ul .plantilla>h4:nth-child(3):after {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 102px);
}

#planes2 .contenido ul .plantilla>h4 span {
    font-weight: 30;
}

#planes2 .contenido ul .plantilla>div p {
    font-size: 11px;
    font-weight: 700;
}

#planes2 .contenido ul .plantilla>div img {
    margin-right: 10px;
}

#planes2 .contenido ul .plantilla>div:nth-child(4) img {
    margin-right: 12px;
    margin-left: 1px;
}

#planes2 .contenido ul .plantilla>div:nth-child(5) img {
    margin-right: 12px;
    margin-left: 1px;
}

#planes2 .contenido ul .plantilla>div:nth-child(6) img {
    margin-right: 11px;
}

#planes2 .contenido ul .plantilla>a {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    position: relative;
}

#planes2 .contenido ul .plantilla>a:before {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    top: -30px;
    left: calc(50% - 102px);
}

#planes2 .contenido ul .plantilla>a button {
    border: none;
    border-radius: 10px;
    padding: 10px 0;
    width: 160px;
    background-color: #ee7600;
    color: #fff;
    font-size: 21.6px;
    font-weight: 700;
}

#mas {
    margin: 120px 0 50px 0;
    ;
}

#mas .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#mas .contenido .titulo-general {
    margin-bottom: 50px;
}

#mas .contenido>p {
    font-size: 21px;
    font-weight: 300;
    margin: 40px 0;
    position: relative;
}

#mas .contenido>p:after {
    content: '';
    width: 195px;
    height: 2px;
    background-color: #3a506b;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 97px);
}

#mas .contenido>p:before {
    content: '';
    width: 195px;
    height: 2px;
    background-color: #3a506b;
    position: absolute;
    top: -30px;
    left: calc(50% - 97px);
}

#mas .contenido .secciones {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 50px 0 0 0;
    position: relative;
}


/*#mas .contenido .secciones:after {
    content: url(../img/flecha2.png);
    position: absolute;
    bottom: -22%;
}*/

#mas .contenido .secciones .seccion {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#mas .contenido .secciones .raya {
    border-right: 1px solid #3a506b;
    height: 150px;
    margin-top: 120px;
}

#mas .contenido .secciones .seccion h4 {
    color: #3a506b;
    font-size: 25.9px;
    font-weight: 700;
    margin: 20px 0;
}

#mas .contenido .secciones .seccion p {
    width: 300px;
    text-align: center;
    font-size: 16.1px;
    font-weight: 300;
    margin-bottom: 20px;
}

#mas .contenido .secciones .seccion a button {
    border: none;
    padding: 12px 0;
    width: 150px;
    border-radius: 10px;
    background-color: #3a506b;
    color: #fff;
    font-size: 20.9px;
    font-weight: 700;
}

#trabaja {
    margin: 100px 0 50px 0;
}

#trabaja .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
    position: relative;
}


/*#trabaja .contenido:after {
    content: url(../img/flecha2.png);
    position: absolute;
    bottom: -20px;
}*/

#trabaja .contenido img {
    margin-bottom: 25px;
}

#trabaja .contenido p {
    margin: 60px 0;
    width: 550px;
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    position: relative;
}

#trabaja .contenido p:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 97px)
}

#trabaja .contenido p:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: -20px;
    left: calc(50% - 97px)
}

#consultas {
    background-color: #ededed;
    height: 480px;
    margin: 100px 0 140px 0;
    display: flex;
    align-items: center;
    width: 100%;
    display: flex;
}

#consultas .contenido {
    display: flex;
    justify-content: center;
}

#consultas .contenido .formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 60px;
    background-color: #fff;
    border-radius: 60px;
    height: 620px;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#consultas .contenido .formulario h4 {
    font-size: 27.4px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#consultas .contenido .formulario p {
    font-size: 16px;
    font-weight: 300;
    width: 360px;
    text-align: center;
    margin-bottom: 25px;
}

#consultas .contenido .formulario form {
    width: 600px;
}

#consultas .contenido .formulario form input,
#consultas .contenido .formulario form textarea {
    width: calc(100% - 22px);
    margin: 5px 10px;
    border-radius: 10px;
    border: 1px solid #5bcbf5;
}

#consultas .contenido .formulario form input,
#consultas .contenido .formulario form textarea {
    padding: 15px 15px;
}

#consultas .contenido .formulario form input::placeholder,
#consultas .contenido .formulario form textarea::placeholder {
    font-size: 15px;
    font-weight: 300;
}

#consultas .contenido .formulario form input:nth-child(2),
#consultas .contenido .formulario form input:nth-child(3) {
    width: calc(50% - 22px);
}

#consultas .contenido .formulario form input[type="submit"] {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    width: 150px;
    border: none;
    background-color: #6fffe9;
    margin-left: calc(50% - 75px);
    margin-top: 20px;
}

#redes {
    margin: 100px 0;
}

#redes .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#redes .contenido h3 {
    margin-bottom: 50px;
}

#redes .contenido>div {
    margin: 50px 0;
    position: relative;
}

#redes .contenido>div:after {
    content: '';
    width: 160px;
    height: 2px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -50px;
    left: calc(50% - 80px);
}

#redes .contenido>div:before {
    content: '';
    width: 160px;
    height: 2px;
    background-color: #6fffe9;
    position: absolute;
    top: -50px;
    left: calc(50% - 80px);
}

#redes .contenido>div a {
    margin: 0 20px;
}

#redes .contenido>div a button {
    border: none;
    height: 80px;
    width: 80px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#principal-quienes {
    height: 400px;
    border-bottom: 10px solid #6fffe9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#descripcion-quienes {
    padding: 50px 0;
}

#descripcion-quienes {
    padding: 50px 0 0 0;
}

#descripcion-quienes .contenido h3 {
    font-size: 30px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 80px;
    position: relative;
}

#descripcion-quienes .contenido h3:after {
    content: '';
    width: 95px;
    height: 3px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -40px;
    left: 0;
}

#descripcion-quienes .contenido p {
    font-size: 17px;
    font-weight: 300;
    color: #4b4a4a;
    margin-bottom: 40px;
}

#contratar-trabaja {
    padding: 0 0 50px 0;
}

#contratar-trabaja .contenido {
    display: flex;
}

#contratar-trabaja .contenido a {
    width: 50%;
    border-right: 2px solid #6fffe9;
    display: flex;
    justify-content: center;
}

#contratar-trabaja .contenido a:last-child {
    border-right: none;
}

#contratar-trabaja .contenido a button {
    display: flex;
    border: none;
    border-left: 10px solid #6fffe9;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#contratar-trabaja .contenido a button img {
    margin-right: 15px;
}

#contratar-trabaja .contenido a button h4 {
    margin-bottom: 15px;
    font-size: 16.5px;
    color: #4b4a4a;
    position: relative;
}

#contratar-trabaja .contenido a button h4:after {
    content: '';
    width: 70px;
    height: 2px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 35px);
}

#contratar-trabaja .contenido a:last-child button h4:after {
    content: '';
    width: 90px;
    height: 2px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 45px);
}

#contratar-trabaja .contenido a button p {
    font-size: 11.9px;
    color: #4b4a4a;
}

#planes2-hogar {
    margin: 100px 0;
    background-image: url(../img/pedazo-fondo.png);
    background-repeat: repeat-x;
    height: 420px;
    display: flex;
    align-items: center
}

#planes2-hogar .contenido ul {
    display: flex;
    justify-content: space-around;
    margin-left: 30px;
}

#planes2-hogar .contenido ul .plantilla {
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    border-left: 10px solid #ee7600;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    width: 310px;
    margin: 15px 0;
}

#planes2-hogar .contenido ul .plantilla>div {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}

#planes2-hogar .contenido ul .plantilla>p {
    text-align: center;
    margin-top: 30px;
    font-size: 14.4px;
    color: #0a0a0a;
    position: relative;
}

#planes2-hogar .contenido ul .plantilla>p:before {
    content: '';
    width: 175px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    top: -20px;
    left: calc(50% - 87px);
}

#planes2-hogar .contenido ul .plantilla>h4 {
    font-size: 23px;
    margin: 10px 0;
    text-align: center;
    font-weight: 600;
}

#planes2-hogar .contenido ul .plantilla>h4:first-child {
    margin-top: 20px;
    line-height: 1.8em;
}

#planes2-hogar .contenido ul .plantilla>h4:nth-child(3) {
    font-weight: 700;
    font-size: 21.8px;
    color: #ee7600;
    margin-bottom: 40px;
    position: relative;
}

#planes2-hogar .contenido ul .plantilla>h4:nth-child(3):after {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 102px);
}

#planes2-hogar .contenido ul .plantilla>h4 span {
    font-weight: 30;
}

#planes2-hogar .contenido ul .plantilla>div p {
    font-size: 11px;
    font-weight: 700;
}

#planes2-hogar .contenido ul .plantilla>div img {
    margin-right: 10px;
}

#planes2-hogar .contenido ul .plantilla>div:nth-child(4) img {
    margin-right: 12px;
    margin-left: 1px;
}

#planes2-hogar .contenido ul .plantilla>div:nth-child(5) img {
    margin-right: 12px;
    margin-left: 1px;
}

#planes2-hogar .contenido ul .plantilla>div:nth-child(6) img {
    margin-right: 11px;
}

#planes2-hogar .contenido ul .plantilla>a {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    position: relative;
}

#planes2-hogar .contenido ul .plantilla>a:before {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    top: -30px;
    left: calc(50% - 102px);
}

#planes2-hogar .contenido ul .plantilla>a button {
    border: none;
    border-radius: 10px;
    padding: 10px 0;
    width: 160px;
    background-color: #ee7600;
    color: #fff;
    font-size: 21.6px;
    font-weight: 700;
}

#fondo-hogar {
    height: 400px;
    border-bottom: 10px solid #ee7600;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#fondo-hogar p {
    font-size: 27.5px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    position: relative;
    top: 70px;
    left: 300px;
}

#fondo-hogar p .s1 {
    font-weight: 700;
}

#fondo-hogar p .s2 {
    font-weight: 700;
    color: #fce11f
}

#descripcion-planes {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

#descripcion-planes>h3 {
    margin: 60px 0 120px 0;
    position: relative;
}

#descripcion-planes>h3:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #ee7600;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 97px);
}

#descripcion-planes>h3:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #ee7600;
    position: absolute;
    top: -30px;
    left: calc(50% - 97px);
}

#descripcion-planes>div {
    display: flex;
    width: 100%;
}

#descripcion-planes>div>div {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#descripcion-planes>div>div h4 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 25px;
    position: relative;
}

#descripcion-planes>div>div h4:after {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 102px);
}

#descripcion-planes>div>div p {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    margin: 25px 0;
}

#descripcion-planes>div>div.p1 {
    background-color: #ee7600;
}

#descripcion-planes>div>div.p2 {
    background-color: #ef8114;
}

#descripcion-planes>div>div.p3 {
    background-color: #f18d2b;
}

#descripcion-planes>div>div.p4 {
    background-color: #f29840;
}

#descripcion-planes>div>div.p1>div,
#descripcion-planes>div>div.p2 img {
    margin: 40px 0 10px 0;
}

#descripcion-planes>div>div.p3 img,
#descripcion-planes>div>div.p4 img {
    margin: 25px 0 0 0;
}

#factibilidad .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
}

#factibilidad .contenido>h3 {
    font-size: 25px;
    text-align: center;
    color: #121212;
    line-height: 1.5em;
    margin-bottom: 40px;
}

#factibilidad .contenido>p {
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    color: #121212;
    margin: 40px 0 0 0;
    position: relative;
}

#factibilidad .contenido>p:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #ee7600;
    position: absolute;
    top: -40px;
    left: calc(50% - 97px);
}

#consultas2 {
    background-color: #ededed;
    height: 420px;
    margin: 90px 0 140px 0;
    display: flex;
    align-items: center;
    width: 100%;
    display: flex;
}

#consultas2 .contenido {
    display: flex;
    justify-content: center;
}

#consultas2 .contenido .formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 60px;
    background-color: #fff;
    border-radius: 60px;
    height: 520px;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#consultas2 .contenido .formulario h4 {
    font-size: 27.4px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#consultas2 .contenido .formulario p {
    font-size: 16px;
    font-weight: 300;
    width: 360px;
    text-align: center;
    margin-bottom: 25px;
}

#consultas2 .contenido .formulario form {
    width: 600px;
}

#consultas2 .contenido .formulario form input,
#consultas2 .contenido .formulario form textarea {
    width: calc(100% - 22px);
    margin: 5px 10px;
    border-radius: 10px;
    border: 1px solid #ee7600;
}

#consultas2 .contenido .formulario form input,
#consultas2 .contenido .formulario form textarea {
    padding: 15px 15px;
}

#consultas2 .contenido .formulario form input::placeholder,
#consultas2 .contenido .formulario form textarea::placeholder {
    font-size: 15px;
    font-weight: 300;
}

#consultas2 .contenido .formulario form input:nth-child(2),
#consultas2 .contenido .formulario form input:nth-child(3) {
    width: calc(50% - 22px);
}

#consultas2 .contenido .formulario form input[type="submit"] {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    width: 150px;
    border: none;
    background-color: #ee7600;
    margin-left: calc(50% - 75px);
    margin-top: 20px;
}

#fondo-empresa {
    height: 400px;
    border-bottom: 10px solid #6fffe9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#fondo-empresa p {
    font-size: 27.5px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    position: relative;
    top: 140px;
    right: 300px;
}

#fondo-empresa p .s1 {
    font-weight: 700;
}

#fondo-empresa p .s2 {
    font-weight: 700;
    color: #6fffe9
}

#planes2-empresa {
    margin: 100px 0;
    background-image: url(../img/pedazo-fondo.png);
    background-repeat: repeat-x;
    height: 420px;
    display: flex;
    align-items: center
}

#planes2-empresa .contenido ul {
    display: flex;
    justify-content: space-between;
}

#planes2-empresa .contenido ul .plantilla {
    background-color: #ffffff;
    border-radius: 10px;
    height: auto;
    border-left: 10px solid #6fffe9;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    width: 280px;
    margin: 15px 0;
}

#planes2-empresa .contenido ul .plantilla>div {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}

#planes2-empresa .contenido ul .plantilla>p {
    text-align: center;
    margin-top: 30px;
    font-size: 14.4px;
    color: #0a0a0a;
    position: relative;
}

#planes2-empresa .contenido ul .plantilla>p:before {
    content: '';
    width: 175px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    top: -20px;
    left: calc(50% - 87px);
}

#planes2-empresa .contenido ul .plantilla>h4 {
    font-size: 23px;
    margin: 10px 0;
    text-align: center;
    font-weight: 600;
}

#planes2-empresa .contenido ul .plantilla>h4:first-child {
    margin-top: 20px;
    line-height: 1.8em;
}

#planes2-empresa .contenido ul .plantilla>h4:nth-child(3) {
    font-weight: 700;
    font-size: 21.8px;
    color: #6fffe9;
    margin-bottom: 40px;
    position: relative;
}

#planes2-empresa .contenido ul .plantilla>h4:nth-child(3):after {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 102px);
}

#planes2-empresa .contenido ul .plantilla>h4 span {
    font-weight: 30;
}

#planes2-empresa .contenido ul .plantilla>div p {
    font-size: 11px;
    font-weight: 700;
}

#planes2-empresa .contenido ul .plantilla>div img {
    margin-right: 10px;
}

#planes2-empresa .contenido ul .plantilla>div:nth-child(4) img {
    margin-right: 12px;
    margin-left: 1px;
}

#planes2-empresa .contenido ul .plantilla>div:nth-child(5) img {
    margin-right: 12px;
    margin-left: 1px;
}

#planes2-empresa .contenido ul .plantilla>div:nth-child(6) img {
    margin-right: 11px;
}

#planes2-empresa .contenido ul .plantilla>a {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    position: relative;
}

#planes2-empresa .contenido ul .plantilla>a:before {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #c0c1c3;
    position: absolute;
    top: -30px;
    left: calc(50% - 102px);
}

#planes2-empresa .contenido ul .plantilla>a button {
    border: none;
    border-radius: 10px;
    padding: 10px 0;
    width: 160px;
    background-color: #6fffe9;
    color: #fff;
    font-size: 21.6px;
    font-weight: 700;
}

#descripcion-planes2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

#descripcion-planes2>h3 {
    margin: 60px 0 120px 0;
    position: relative;
}

#descripcion-planes2>h3:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 97px);
}

#descripcion-planes2>h3:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: -30px;
    left: calc(50% - 97px);
}

#descripcion-planes2>div {
    display: flex;
    width: 100%;
}

#descripcion-planes2>div>div {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#descripcion-planes2>div>div h4 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 25px;
    position: relative;
}

#descripcion-planes2>div>div h4:after {
    content: '';
    width: 205px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 102px);
}

#descripcion-planes2>div>div p {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    margin: 25px 0;
}

#descripcion-planes2>div>div.p1 {
    background-color: #6fffe9;
}

#descripcion-planes2>div>div.p2 {
    background-color: #6fffe9;
}

#descripcion-planes2>div>div.p3 {
    background-color: #6fffe9;
}

#descripcion-planes2>div>div.p4 {
    background-color: #6fffe9;
}

#descripcion-planes2>div>div.p1>div,
#descripcion-planes2>div>div.p2 img {
    margin: 40px 0 10px 0;
}

#descripcion-planes2>div>div.p3 img,
#descripcion-planes2>div>div.p4 img {
    margin: 25px 0 0 0;
}

#soporte {
    margin: 20px 0;
}

#soporte .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#soporte .contenido img {
    margin-bottom: 80px;
}

#soporte .contenido p {
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    line-height: 1.85em;
    position: relative;
}

#soporte .contenido p:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: -40px;
    left: calc(50% - 97px);
}

#clientes {
    background-color: #ededed;
    padding: 50px 0;
    margin: 50px 0;
}

#clientes .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#clientes .contenido h3 {
    font-size: 23px;
    font-weight: 600;
    color: #4e4e4e;
    margin: 20px 0;
}

#clientes .contenido .clientes {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    position: relative;
}

#clientes .contenido .clientes:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: 10;
    left: calc(50% - 97px);
}

#clientes .contenido .clientes:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: 5px;
    left: calc(50% - 97px);
}

#clientes .contenido .clientes .cliente {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

#clientes .contenido .clientes div.cliente:nth-child(4),
#clientes .contenido .clientes div.cliente:nth-child(5),
#clientes .contenido .clientes div.cliente:nth-child(6) {
    margin-bottom: 0;
}

#clientes .contenido .clientes .cliente>div {
    height: 200px;
    width: 310px;
    border-radius: 10px;
    border: 2px solid #6fffe9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#clientes .contenido .clientes .cliente p {
    font-size: 17px;
    margin-top: 20px;
}

#factibilidad2 .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
}

#factibilidad2 .contenido>h3 {
    font-size: 25px;
    text-align: center;
    color: #121212;
    line-height: 1.5em;
    margin-bottom: 40px;
}

#factibilidad2 .contenido>p {
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    color: #121212;
    margin: 40px 0 0 0;
    position: relative;
}

#factibilidad2 .contenido>p:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: -40px;
    left: calc(50% - 97px);
}

#consultas3 {
    background-color: #ededed;
    height: 420px;
    margin: 90px 0 140px 0;
    display: flex;
    align-items: center;
    width: 100%;
    display: flex;
}

#consultas3 .contenido {
    display: flex;
    justify-content: center;
}

#consultas3 .contenido .formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 60px;
    background-color: #fff;
    border-radius: 60px;
    height: 520px;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#consultas3 .contenido .formulario h4 {
    font-size: 27.4px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#consultas3 .contenido .formulario p {
    font-size: 16px;
    font-weight: 300;
    width: 360px;
    text-align: center;
    margin-bottom: 25px;
}

#consultas3 .contenido .formulario form {
    width: 600px;
}

#consultas3 .contenido .formulario form input,
#consultas3 .contenido .formulario form textarea {
    width: calc(100% - 22px);
    margin: 5px 10px;
    border-radius: 10px;
    border: 1px solid #6fffe9;
}

#consultas3 .contenido .formulario form input,
#consultas3 .contenido .formulario form textarea {
    padding: 15px 15px;
}

#consultas3 .contenido .formulario form input::placeholder,
#consultas3 .contenido .formulario form textarea::placeholder {
    font-size: 15px;
    font-weight: 300;
}

#consultas3 .contenido .formulario form input:nth-child(2),
#consultas3 .contenido .formulario form input:nth-child(3) {
    width: calc(50% - 22px);
}

#consultas3 .contenido .formulario form input[type="submit"] {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    width: 150px;
    border: none;
    background-color: #6fffe9;
    margin-left: calc(50% - 75px);
    margin-top: 20px;
}

#fondo-inmobi {
    height: 400px;
    border-bottom: 10px solid #6fffe9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#fondo-inmobi p {
    font-size: 27.5px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    position: relative;
    top: 140px;
    right: 370px;
}

#fondo-inmobi p .s1 {
    font-weight: 700;
}

#fondo-inmobi p .s2 {
    font-weight: 700;
    color: #6fffe9
}

#opciones {
    margin: 50px 0;
}

#opciones .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#opciones .contenido h3 {
    margin-bottom: 40px;
    text-align: center;
}

#opciones .contenido>div {
    position: relative;
}

#opciones .contenido p {
    font-size: 21px;
    font-weight: 300;
    text-align: center;
    margin: 40px 0;
    position: relative;
}

#opciones .contenido>div:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: 0px;
    left: calc(50% - 97px);
}

#opciones .contenido>div:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 97px);
}

#competencia {
    margin: 100px 0;
}

#competencia .contenido {
    display: flex;
    width: 100%;
    position: relative;
}


/*#competencia .contenido:after {
    content: url(../img/flecha2.png);
    position: absolute;
    bottom: -100px;
    left: calc(50% - 15px);
}*/

#competencia .contenido>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
}

#competencia .contenido>div.raya {
    width: 0;
    border-right: 1px solid #6fffe9;
    height: 250px;
    margin-top: 70px;
}

#competencia .contenido>div img {
    margin-bottom: 25px;
}

#competencia .contenido>div h4 {
    font-size: 25.9px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#competencia .contenido>div p {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.85em;
}

#diseño,
#instalacion {
    margin: 0 0 100px 0;
}

#diseño .contenido,
#instalacion .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}


/*#diseño .contenido:after {
    content: url(../img/flecha2.png);
    position: absolute;
    bottom: -90px;
    left: calc(50% - 15px);
}*/

#diseño .contenido>img,
#instalacion .contenido>img {
    margin-bottom: 35px;
}

#diseño .contenido>h4,
#instalacion .contenido>h4 {
    font-size: 25.9px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#diseño .contenido>div,
#instalacion .contenido>div {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.85em;
}


/*#instalacion .contenido:after {
    content: url(../img/flecha2.png);
    position: absolute;
    bottom: -90px;
    left: calc(50% - 15px);
}*/

#consultas4 {
    background-color: #ededed;
    height: 480px;
    margin: 120px 0 140px 0;
    display: flex;
    align-items: center;
    width: 100%;
    display: flex;
}

#consultas4 .contenido {
    display: flex;
    justify-content: center;
}

#consultas4 .contenido .formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 60px;
    background-color: #fff;
    border-radius: 60px;
    height: 620px;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#consultas4 .contenido .formulario h4 {
    font-size: 27.4px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#consultas4 .contenido .formulario p {
    font-size: 16px;
    font-weight: 300;
    width: 360px;
    text-align: center;
    margin-bottom: 25px;
}

#consultas4 .contenido .formulario form {
    width: 600px;
}

#consultas4 .contenido .formulario form input,
#consultas4 .contenido .formulario form textarea {
    width: calc(100% - 22px);
    margin: 5px 10px;
    border-radius: 10px;
    border: 1px solid #6fffe9;
}

#consultas4 .contenido .formulario form input,
#consultas4 .contenido .formulario form textarea {
    padding: 15px 15px;
}

#consultas4 .contenido .formulario form input::placeholder,
#consultas4 .contenido .formulario form textarea::placeholder {
    font-size: 15px;
    font-weight: 300;
}

#consultas4 .contenido .formulario form input:nth-child(2),
#consultas4 .contenido .formulario form input:nth-child(3) {
    width: calc(50% - 22px);
}

#consultas4 .contenido .formulario form input[type="submit"] {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    width: 150px;
    border: none;
    background-color: #6fffe9;
    margin-left: calc(50% - 75px);
    margin-top: 20px;
}

#fondo-evento {
    height: 400px;
    border-bottom: 10px solid #6fffe9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#fondo-evento p {
    font-size: 27.5px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    position: relative;
    top: 120px;
    right: 200px;
}

#fondo-evento p .s1 {
    font-weight: 700;
}

#fondo-evento p .s2 {
    font-weight: 700;
    color: #6fffe9
}

#reseña {
    margin: 50px 0;
}

#reseña .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#reseña .contenido>h3 {
    text-align: center;
    margin-bottom: 50px;
}

#reseña .contenido>p {
    font-size: 21px;
    font-weight: 300;
    text-align: center;
    line-height: 1.5em;
    margin: 50px 0;
    position: relative;
}

#reseña .contenido>p:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 97px);
}

#reseña .contenido>p:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: -30px;
    left: calc(50% - 97px);
}

#soluciones-eventos {
    margin: 50px 0;
}

#soluciones-eventos .contenido {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#soluciones-eventos .contenido>h4 {
    font-size: 17px;
    font-weight: 600;
}

#soluciones-eventos .contenido>div {
    display: flex;
    width: 100%;
    margin: 50px 0;
}

#soluciones-eventos .contenido>div>div {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#soluciones-eventos .contenido>div>div:after {
    content: '';
    width: 135px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 72px);
}

#soluciones-eventos .contenido>div>div img {
    margin-bottom: 25px;
}

#soluciones-eventos .contenido>div>div:first-child img {
    margin-bottom: 35px;
}

#soluciones-eventos .contenido>div>div:nth-child(3) img {
    margin-bottom: 20px;
}

#soluciones-eventos .contenido>div>div p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5em;
    text-align: center;
}

#marcas {
    background-color: #ededed;
    padding: 50px 0;
    margin: 50px 0;
}

#marcas .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#marcas .contenido h3 {
    font-size: 17px;
    font-weight: 600;
    color: #444444;
    margin: 20px 0;
    text-align: center;
}

#marcas .contenido .marcas {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    position: relative;
}

#marcas .contenido .marcas:after {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    bottom: 10;
    left: calc(50% - 97px);
}

#marcas .contenido .marcas:before {
    content: '';
    width: 195px;
    height: 1px;
    background-color: #6fffe9;
    position: absolute;
    top: 5px;
    left: calc(50% - 97px);
}

#marcas .contenido .marcas .marca {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

#marcas .contenido .marcas div.marca:nth-child(4),
#marcas .contenido .marcas div.marca:nth-child(5),
#marcas .contenido .marcas div.marca:nth-child(6) {
    margin-bottom: 0;
}

#marcas .contenido .marcas .marca>div {
    height: 200px;
    width: 310px;
    border-radius: 10px;
    border: 2px solid #6fffe9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#marcas>div>div>div>div:nth-child(2)>div {
    background-size: 100% 100%!important;
}

#marcas .contenido .marcas .marca p {
    font-size: 17px;
    margin-top: 20px;
    text-align: center;
}

#cotizacion {
    /* margin: 150px 0; */
}

#cotizacion .contenido {
    display: flex;
    justify-content: center;
}

#cotizacion .contenido>h4 {
    font-size: 25px;
    text-align: center;
    color: #383838;
    line-height: 1.5em;
}

#consultas5 {
    background-color: #ededed;
    height: 420px;
    margin: 90px 0 140px 0;
    display: flex;
    align-items: center;
    width: 100%;
    display: flex;
}

#consultas5 .contenido {
    display: flex;
    justify-content: center;
}

#consultas5 .contenido .formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 60px;
    background-color: #fff;
    border-radius: 60px;
    height: 520px;
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

#consultas5 .contenido .formulario h4 {
    font-size: 27.4px;
    font-weight: 700;
    color: #6fffe9;
    margin-bottom: 25px;
}

#consultas5 .contenido .formulario p {
    font-size: 16px;
    font-weight: 300;
    width: 360px;
    text-align: center;
    margin-bottom: 25px;
}

#consultas5 .contenido .formulario form {
    width: 600px;
}

#consultas5 .contenido .formulario form input,
#consultas5 .contenido .formulario form textarea {
    width: calc(100% - 22px);
    margin: 5px 10px;
    border-radius: 10px;
    border: 1px solid #6fffe9;
}

#consultas5 .contenido .formulario form input,
#consultas5 .contenido .formulario form textarea {
    padding: 15px 15px;
}

#consultas5 .contenido .formulario form input::placeholder,
#consultas5 .contenido .formulario form textarea::placeholder {
    font-size: 15px;
    font-weight: 300;
}

#consultas5 .contenido .formulario form input:nth-child(2),
#consultas5 .contenido .formulario form input:nth-child(3) {
    width: calc(50% - 22px);
}

#consultas5 .contenido .formulario form input[type="submit"] {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    width: 150px;
    border: none;
    background-color: #6fffe9;
    margin-left: calc(50% - 75px);
    margin-top: 20px;
}

#contacto {
    padding: 50px 0;
    background-image: url(../img/fondo-contacto.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom: 10px solid #6fffe9;
}

#contacto .contenido {
    width: 100%;
    display: flex;
}

#contacto .contenido .contacto {
    width: 50%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

#contacto .contenido .contacto h4 {
    font-size: 25.9px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
    position: relative;
}

#contacto .contenido .contacto h4:after {
    content: '';
    width: 180px;
    height: 3px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -30px;
    left: 0;
}

#contacto .contenido .contacto>div>div {
    display: flex;
    align-items: center;
    color: #fff;
    margin: 30px 0;
}

#contacto .contenido .contacto>div>div>img {
    margin-right: 18px;
}

#contacto .contenido .contacto>div>div p {
    font-size: 16.5px;
}

#contacto .contenido .contacto>div>div:nth-child(2) img {
    margin-right: 22px;
}

#contacto .contenido .contacto>div>div:last-child {
    margin-top: 60px;
    position: relative;
    display: flex;
    justify-content: space-between;
    position: relative;
}

#contacto .contenido .contacto>div>div:last-child:before {
    content: '';
    width: 180px;
    height: 3px;
    background-color: #6fffe9;
    position: absolute;
    top: -30px;
    left: 0;
}

#contacto .contenido .formulario {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contacto .contenido .formulario p {
    font-size: 12.6px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 30px;
    text-align: center;
}

#contacto .contenido .formulario form {
    width: 500px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#contacto .contenido .formulario form input,
#contacto .contenido .formulario form textarea {
    width: calc(100% - 22px);
    margin: 10px;
    padding: 10px 15px;
    border: none;
    border-radius: 10px;
}

#contacto .contenido .formulario form textarea {
    min-width: calc(100% - 22px);
    max-width: calc(100% - 22px);
    min-height: 135px;
    height: 135px;
    max-height: 200px;
}

#contacto .contenido .formulario form input::placeholder,
#contacto .contenido .formulario form textarea::placeholder {
    font-size: 11.8px;
    font-weight: 300;
    color: #272727;
}

#contacto .contenido .formulario form input[type="email"],
#contacto .contenido .formulario form input:nth-child(3) {
    width: calc(50% - 22px);
}

#contacto .contenido .formulario form input[type="submit"] {
    width: 100px;
    font-size: 16.5px;
    color: #6fffe9;
    font-weight: 700;
    border: none;
    background-color: #fff;
    /*margin-left: 200px;*/
}


/************************************* FOOTER DE LA PAGINA *************************************/

#parte-principal {
    padding: 35px 0;
    -webkit-box-shadow: 0px -8px 10px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -8px 10px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -8px 10px -5px rgba(0, 0, 0, 0.1);
}

#parte-principal .contenido {
    display: flex;
}

#parte-principal .contenido .logo {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 35px;
}

#parte-principal .contenido .logo img {
    margin-bottom: 20px;
}

#parte-principal .contenido .logo p {
    font-size: 13px;
    font-weight: 300;
    color: #4f4f4f;
    text-align: justify;
}

#parte-principal .contenido .paga {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#parte-principal .contenido .paga a button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 10px 0;
    width: 150px;
    border-radius: 10px;
    background-color: #6fffe9;
    color: #fff;
}

#parte-principal .contenido .paga a button p {
    font-size: 14.6px;
}

#parte-principal .contenido .paga a button img {
    margin-right: 10px;
}

#parte-principal .contenido .informacion {
    width: 60%;
    display: flex;
    justify-content: space-around;
    border-right: 2px solid #6fffe9;
    border-left: 2px solid #6fffe9;
}

#parte-principal .contenido .informacion h3 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 40px;
    position: relative;
}

#parte-principal .contenido .informacion .contacto div {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}

#parte-principal .contenido .informacion .contacto div p {
    font-weight: 300;
}

#parte-principal .contenido .informacion .contacto div:nth-child(2) p {
    width: 120px;
}

#parte-principal .contenido .informacion .contacto div img {
    margin-right: 10px;
}

#parte-principal .contenido .informacion .contacto div:nth-child(2) img {
    margin-right: 15px
}

#parte-principal .contenido .informacion .contacto div:nth-child(3) img {
    margin-right: 12px;
}

#parte-principal .contenido .informacion h3:after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: #6fffe9;
    position: absolute;
    bottom: -20px;
    left: 0;
}

#parte-principal .contenido .informacion .info ul li {
    margin-bottom: 5px;
    font-weight: 300;
}

#parte-principal .contenido .informacion .contratos-redes .contrato {
    margin-bottom: 20px;
}

#parte-principal .contenido .informacion .contratos-redes .contrato p {
    font-weight: 300;
}

#parte-principal .contenido .informacion .contratos-redes .redes div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#parte-principal .contenido .informacion .contratos-redes .redes div a:first-child,
#parte-principal>div>div>div.informacion>div.contratos-redes>div.redes>div>a:nth-child(2) {
    margin-right: 20%;
}

#copyright {
    background-color: #6fffe9;
    padding: 10px 0;
}

#copyright p {
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
}

#copyright p span {
    font-weight: 700;
}


/************************************* MEDIAQUERY *************************************/

@media (max-width: 1030px) {
    #parte-abajo .contenido nav ul li {
        font-size: 15px;
    }
    #fondo-hogar {
        display: flex;
        justify-content: flex-start;
    }
    #fondo-hogar p {
        left: 0;
        margin-left: 50px;
    }
}

@media (max-width: 800px) {
    #parte-arriba .contenido p {
        justify-content: center;
    }
    #parte-abajo .contenido {
        flex-direction: column;
    }
    #parte-abajo .contenido nav ul {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    #parte-abajo .contenido nav ul li,
    #parte-abajo .contenido nav ul li:nth-child(3),
    #parte-abajo .contenido nav ul li:nth-child(2) {
        /* width: 16.6%; */
        /* padding: 15px 0; */
        /* border-bottom: 1px solid; */
    }
    #menu>ul>li:nth-child(5) {
        /* width: 14.6%!important; */
    }
    #menu>ul>li:nth-child(4) {
        /* width:10.6%!important; */
    }
    #menu>ul>li:nth-child(1),
    #parte-abajo .contenido nav ul li:nth-child(3) {
        /* width: 6.6%!important; */
    }
    #menu>ul>li:nth-child(6) {
        /* width: 7.6%!important; */
    }
    #parte-abajo .contenido nav ul li {
        font-size: 14px;
        padding: 0 15px;
    }
    #parte-abajo .contenido .logo,
    #parte-abajo .contenido nav,
    #parte-abajo .contenido>a {
        width: 100%;
        margin-bottom: 25px;
    }
    #parte-abajo .contenido .logo {
        align-items: center;
        justify-content: space-around;
    }
    #pago-contato .contenido a {
        width: 100%;
        border: none;
        margin: 25px 0;
    }
    #por-que .contenido .secciones {
        flex-direction: column;
        margin: 20px 0 0 0;
    }
    #por-que .contenido .secciones .seccion {
        width: 100%;
        margin-bottom: 30px;
    }
    #por-que>div>div>div.secciones>div:nth-child(3) {
        margin-bottom: 40px!important;
    }
    #por-que .contenido .secciones .seccion:before,
    #por-que .contenido .secciones:after,
    #mas .contenido .secciones:after,
    #competencia .contenido>div.raya {
        display: none;
    }
    #mas .contenido .secciones {
        flex-direction: column;
    }
    #mas .contenido .secciones .seccion {
        width: 100%;
        /*margin-bottom: 40px;*/
    }
    #mas .contenido .secciones div.seccion:nth-child(1) {
        margin-bottom: 50px;
    }
    #mas .contenido .secciones .raya {
        display: none;
    }
    #trabaja .contenido p {
        width: 100%;
    }
    #fondo-hogar p,
    #fondo-evento p {
        left: 0;
    }
    #consultas .contenido,
    #consultas2 .contenido,
    #consultas3 .contenido,
    #consultas4 .contenido,
    #consultas5 .contenido {
        width: 100%
    }
    #consultas .contenido .formulario p,
    #consultas2 .contenido .formulario p,
    #consultas3 .contenido .formulario p,
    #consultas4 .contenido .formulario p,
    #consultas5 .contenido .formulario p {
        width: 100%;
    }
    #consultas .contenido .formulario,
    #consultas2 .contenido .formulario,
    #consultas3 .contenido .formulario,
    #consultas4 .contenido .formulario,
    #consultas5 .contenido .formulario {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    #consultas .contenido .formulario form,
    #consultas2 .contenido .formulario form,
    #consultas3 .contenido .formulario form,
    #consultas4 .contenido .formulario form,
    #consultas5 .contenido .formulario form {
        width: 100%;
    }
    #descripcion-planes>div,
    #descripcion-planes2>div {
        flex-direction: column;
    }
    #descripcion-planes>div>div,
    #descripcion-planes2>div>div {
        width: 100%;
    }
    #parte-principal .contenido,
    #parte-principal2 .contenido {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #redes .contenido h3 {
        text-align: center;
    }
    .titulo-general {
        text-align: center;
    }
    #contratar-trabaja .contenido,
    #pago-contato .contenido {
        flex-direction: row;
    }
    #contratar-trabaja .contenido a {
        width: 100%;
        border: none;
        margin: 20px 0;
    }
    #fondo-empresa p {
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 5px 0;
    }
    #clientes .contenido .clientes .cliente,
    #marcas .contenido .marcas .marca {
        width: 100%;
    }
    #clientes .contenido h3 {
        text-align: center;
    }
    #clientes .contenido .clientes div.cliente:nth-child(4),
    #clientes .contenido .clientes div.cliente:nth-child(5),
    #clientes .contenido .clientes div.cliente:nth-child(6),
    #marcas .contenido .marcas div.marca:nth-child(4),
    #marcas .contenido .marcas div.marca:nth-child(5),
    #marcas .contenido .marcas div.marca:nth-child(6) {
        margin-bottom: 30px;
    }
    #parte-principal .contenido .logo,
    #parte-principal .contenido .informacion,
    #parte-principal .contenido .paga {
        width: 100%;
        margin-bottom: 35px;
    }
    #contacto .contenido {
        flex-direction: column;
    }
    #contacto .contenido .contacto,
    #contacto .contenido .formulario,
    #contacto .contenido .formulario form {
        width: 100%;
    }
    #contacto .contenido .formulario form input[type="submit"] {
        /*margin-left: 135px;*/
    }
    #competencia .contenido>div {
        width: 100%;
        margin-bottom: 50px;
    }
    #competencia .contenido {
        flex-direction: column;
    }
    #soluciones-eventos .contenido>div {
        flex-direction: column;
        margin: 50px 0 0 0;
    }
    #soluciones-eventos .contenido>h4 {
        text-align: center;
    }
    #soluciones-eventos .contenido>div>div {
        width: 100%;
        margin-bottom: 70px;
    }
    #parte-principal .contenido .informacion {
        border: none;
        flex-direction: row;
        /*align-items: center;*/
    }
    #parte-principal .contenido .informacion>div {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px;
        /*border-bottom: 1px solid #6fffe9;*/
    }
    #parte-principal>div>div>div.informacion.animado.fadeDownBig.undefined.t-animated.t-default>div.contratos-redes>div {
        margin-bottom: 50px;
    }
    .carousel-inner .item>div {
        width: 100%;
        margin-left: 0;
        height: 390px;
    }
    .carousel-inner .item>div .contenido-item {
        background-image: none;
        right: 12%;
    }
    .carousel-inner .item>div .contenido-item .texto {
        margin: 0;
        width: 100%;
    }
    .carousel-inner .item>div .contenido-item .texto p {
        font-weight: 700;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        padding: 0 100px;
    }
    #parte-principal .contenido .informacion .contratos-redes .redes div {
        justify-content: center;
    }
    #parte-principal .contenido .informacion h3:after {
        left: calc(50% - 50px)
    }
    #parte-principal .contenido .informacion .contratos-redes .contrato p {
        text-align: center;
    }
    #parte-principal>div>div>div.informacion.animado.fadeDownBig.undefined.t-animated.t-default>div.info>ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #parte-principal>div>div>div.informacion.animado.fadeDownBig.undefined.t-animated.t-default>div.info>ul>li {
        margin-bottom: 25px;
    }
    .navbar-toggle {
        background-color: #6fffe9;
        margin-right: 0;
    }
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    #planes2,
    #planes2-hogar,
    #planes2-empresa {
        height: auto;
        background-image: none;
        margin: 20px 0;
    }
    #planes2 .contenido ul,
    #planes2-hogar .contenido ul,
    #planes2-empresa .contenido ul {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0;
        justify-content: space-around;
        align-items: center;
    }
    #fondo-inmobi p {
        right: 0;
        background-color: rgba(91, 91, 91, 0.5);
    }
    #parte-abajo .contenido nav ul li:after {
        display: none;
    }
    .redes {
        margin-bottom: 10px
    }
    #descripcion-quienes .contenido h3:after {
        left: 0;
    }
    #competencia .contenido>div h4,
    #diseño .contenido>h4,
    #instalacion .contenido>h4 {
        text-align: center;
    }
    #por-que {
        padding: 50px 0 0 0;
    }
    #por-que .contenido .secciones .seccion p {
        padding: 0;
        margin: 30px 0;
    }
    #por-que .contenido p {
        margin: 20px 0;
    }
    #por-que>div>div>div.animado.fadeDown.t-animated.undefined.t-default>p {
        margin: 45px 0;
    }
    #mas {
        margin: 50px 0;
    }
    #trabaja {
        margin: 50px 0 50px 0;
    }
    #trabaja .contenido {
        padding: 25px 0 0 0;
    }
    #descripcion-quienes .contenido p {
        margin-bottom: 20px;
    }
    #contratar-trabaja {
        padding: 0 0 50px 0;
    }
    #descripcion-quienes {
        padding: 50px 0 0 0;
    }
    #diseño,
    #instalacion {
        margin: 0 0 50px 0;
    }
    #consultas4 {
        margin: 150px 0 140px 0;
    }
    #competencia {
        margin: 0;
    }
    #parte-principal .contenido .logo p {
        text-align: center;
    }
    #marcas {
        margin: 0 0 50px 0;
    }
}

@media (max-width: 400px) {
    #redes .contenido>div a {
        margin: 0 8px;
    }
    .carousel-inner .item>div {
        height: 410px;
    }
    .container-fluid {
        height: 420px;
    }
    #planes .contenido nav ul a li p {
        font-size: 20px;
    }
    #pago-contato .contenido,
    #contratar-trabaja .contenido {
        flex-direction: column;
        align-items: center;
    }
    #pago-contato .contenido a,
    #contratar-trabaja .contenido a {
        width: 90%;
        border: none;
        margin: 25px 0;
    }
    #pago-contato .contenido a button p,
    #contratar-trabaja .contenido a button p {
        font-size: 10px;
    }
    #descripcion-quienes {
        padding: 50px 0 0 0;
    }
    #parte-abajo .contenido nav ul {
        flex-direction: column;
    }
    #parte-abajo .contenido nav ul li,
    #parte-abajo .contenido nav ul li:nth-child(3),
    #parte-abajo .contenido nav ul li:nth-child(2) {
        width: 100%!important;
        padding: 15px 0;
        border-bottom: 1px solid
    }
    #parte-abajo .contenido .logo,
    #parte-abajo .contenido nav,
    #parte-abajo .contenido>a {
        width: 90%;
        margin-bottom: 25px;
    }
    #consultas .contenido .formulario form input:nth-child(2),
    #consultas .contenido .formulario form input:nth-child(3),
    #consultas2 .contenido .formulario form input:nth-child(2),
    #consultas2 .contenido .formulario form input:nth-child(3),
    #consultas3 .contenido .formulario form input:nth-child(2),
    #consultas3 .contenido .formulario form input:nth-child(3),
    #consultas4 .contenido .formulario form input:nth-child(2),
    #consultas4 .contenido .formulario form input:nth-child(3),
    #consultas5 .contenido .formulario form input:nth-child(2),
    #consultas5 .contenido .formulario form input:nth-child(3),
    #contacto .contenido .formulario form input[type="email"],
    #contacto .contenido .formulario form input:nth-child(3) {
        width: calc(100% - 22px);
    }
    #contratar-trabaja {
        padding: 0 0 50px 0;
    }
    #parte-abajo .contenido .logo {
        align-items: center;
        justify-content: space-between;
    }
    #parte-principal .contenido,
    #parte-principal2 .contenido {
        flex-direction: column;
    }
    #parte-principal .contenido .informacion {
        border: none;
        flex-direction: column;
        align-items: center;
    }
    #descripcion-quienes .contenido h3:after {
        left: calc(50% - 50px);
    }
    #contratar-trabaja .contenido,
    #pago-contato .contenido {
        flex-direction: column;
    }
    #soluciones-eventos .contenido>div>div {
        margin-bottom: 40px;
    }
    #planes2 .contenido ul,
    #planes2-hogar .contenido ul,
    #planes2-empresa .contenido ul {
        flex-direction: column;
        margin: 0;
        align-items: center;
    }
}