html, body {
    height: auto;
    width: 100%;
    background-color: #FFF;
    -ms-clear: both;
    clear: both;
    overflow-x: hidden;
}

section#servicios, section#portafolio, section#clientes, section#nosotros, section#equipo, section#contacto {
    position: relative;
    overflow-x: hidden;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: -15px;
}


p {
    font-size: 1.5em;
    font-family: 'lato', sans-serif;
}

h1,h2,h3,h4,h5,li,a {
    font-family: 'lato', sans-serif;
    
}

section.inicio nav.menu_pc {
    position: fixed;
    z-index: 1001;
    right: 0;
    width: 100%;
    height: auto;
    background: #000;
}

section.inicio .menu_pc .logo_mundo {
    position: relative;
    height: 60px;
    width: auto;
    margin: 10px 15px;
}

section.inicio .menu_pc .menu_principal {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    float: right;
    right: 15px;
    width: auto;
    height: 60px;
    margin-top: 10px;
    align-items: center;
    
}

section.inicio .menu_pc .menu_principal li {
    color: #FFF;
    text-decoration: none;
    list-style: none;
    left: 0;
    margin: 0px 8px;
    font-size: 1.1em;
    font-family: 'lato', sans-serif;
    
}

section.inicio .menu_pc .menu_principal a {
    color: #FFF;
    padding: 10px;
    text-decoration: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

section.inicio .menu_pc .menu_principal a:hover {
    color: #D21D58;
    border-bottom: solid #32B9D4 3px;
}


section.inicio .menu_pc .logos_menu {
    background: #FFF;
    height: 50px;
    margin: 0; 
    padding-right: 35px;
}


section.inicio .menu_pc .logos_menu li {
    height: 50px;
    list-style: none;
    float: right;
    padding-top: 7px;
    background: #F7B52B;
    -ms-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
    -ms-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;

}

section.inicio .menu_pc .logos_menu li:hover {
    background: #D21D58;
}

section.inicio .menu_pc .logos_menu li a {
    height: 50px;
    padding: 10px 15px;
}

section.inicio .menu_pc .logos_menu li a img {
    -ms-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
}


.breadcrumbs {
    position: fixed;
    z-index: 1001;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    left: 0px;
    top: 95px;
    padding-left: 30px;
}

.breadcrumbs li {
    list-style: none;
    margin: 0 3px;
}

.breadcrumbs li a {
    text-decoration: none;
    color: #33BAD5;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.breadcrumbs li a:hover {
    color: #D21D58;
}

.breadcrumbs li span {
    margin-left: 3px;
}

section.inicio #open {
    height: 50px;
    position: fixed;
    z-index: 1001;
    width: 100%;
    background: #000;
    right: 0;
    padding: 0px 5px;
}


section.inicio .icono_trigger {
    float: right;
    font-size: 2em;
    color: #FFF;
    margin: 5px 10px;
}


section.inicio .logo_mundo_movil {
    height: 40px;
    margin: 5px 0px;
}

section.inicio .menu_movil {
    display: none;
    background: #000;
    width: 100%;
    position: fixed;
    height: 100%;
    right: 0;
    z-index: 1002;
    top: 50px;
    padding: 10px 0px 50px;
    text-decoration: none;
    text-align: center;
    font-family: 'lato', sans-serif;
    overflow-y: scroll;

}

section.inicio .menu_movil::-webkit-scrollbar {
    display: none;
}

section.inicio .menu_movil .lef-nav a {
    display: block;
    color: #FFF;
    font-size: 1.5em;
    margin: 10px 0;
    text-decoration: none;
}

section.inicio .menu_movil .lef-nav div  {
    margin-top: 50px;
    
}

section.inicio .menu_movil .lef-nav div span {
    font-weight: 100;
    display: block;
    color: #BBB;
}

section.inicio .menu_movil .lef-nav div #mail {
    font-size: 0.7em;
    line-height: 0.7em;
}

section.inicio .menu_movil .lef-nav .social_links {
    display: inline-block;
}

section.inicio .menu_movil .lef-nav .social_links a {
    float: right;
    margin: 10px 5px;
}

section.inicio .menu_movil .lef-nav .social_links a img {
    max-height: 30px;
    opacity: 0.5;
}



section.home {
    height: 1200px;
    background-image: url('../img/edicion-fotografia-design-color-imagehome-mundoreal.png');
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;   
    overflow: hidden;
}


section.home .logo_entrada img {
    position: absolute;
    margin: 0;
    max-height: 450px;
    left: 50%;
    top: 55%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 50px;
    animation-delay: 0.4s;
}

section.home button {
	border: none;
	background: none;
	position: absolute;
	left: 50%;
    top: 85%;
	color: #FFF;
	font-size: 2.5em;
    -ms-transform: ranslateX(-50%);
    -webkit-transform: ranslateX(-50%);
    transform: translateX(-50%);
}

section.home button h6 {
    font-family: 'lato', sans-serif;
    margin: 0;
}


button.up {
    border: none;
    color: #FFF;
    font-size: 2em;
    height: 0;
    width: 0;
    padding: 0;
    display: none;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

button.up:focus {
    border: none;
}

button.up i {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1001;
    background: #000;
    padding: 10px;
}

button.up:hover {
    color: #D21D58;
}

section.service {
    height: 500px;
    background-image: url('../img/animacion-gif-septima-mundoreal.gif');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top;
}

section.service .caja_color {
    display: block;
    position: absolute;
    height: 500px;
    width: 100%;
    background-color: #33BAD5;
    -ms-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    right: 300px;
}




section.service .texto_servicios {
    position: relative;
    width: 100%;
    max-width: 1200px;
    color: #FFF;
    margin: 0 auto;
    margin-top: 150px;
}

section.service .texto_servicios div {
    padding: 0;
}

section.service .texto_servicios img {
    margin-bottom: 30px;
    border-bottom: solid 4px;
}

section.service .texto_servicios p {
    max-width: 600px;
    padding: 0;
}

section.productos_iconos {
    background-image: url('../img/fotrografia-ciudad-blanco-y-negro-panorama-centro-mundoreal.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 0px;
    color: #FFF;
    text-align: center;
   
}

section.productos_iconos button {
    background: none;
    border: none;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    
}

section.productos_iconos button:hover {
    color: #33BAD5;
    
}

section.productos_iconos img {
    max-width: 200px;
    margin: 0 auto;
}

section.productos_iconos h2 {
    border-bottom: 2px solid #FFF;
    display: inline-block;
    margin: 0 auto;
}

section.contenido_productos {
    background: #FFF;
    height: auto;
    color: #808285;
   
}

section.contenido_productos .grupo_1 {
    padding: 100px 0px;
    max-width: 1200px;
}


section.contenido_productos .grupo_1 h2 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    color: #414042; 
}

section.contenido_productos .grupo_1 .listado_1 {
    padding: 0px 20px;
    font-size: 1.5em;
    line-height: 2em;
    font-weight: 300;
}

section.contenido_productos .grupo_1 p {
    font-size: 1.3em;
    height: auto;
    font-weight: 300;
    
}

section.contenido_productos #grupo_1 {
    display: none;
}

section.contenido_productos #grupo_2 {
    display: none;
}

section.contenido_productos #grupo_3 {
    display: none;
}

section.contenido_productos #grupo_3 ul .none {
    color: #FFF;
}

section.productos_iconos .grupo_11 {
    display: none;
    background: #FFF;
    color: #808285;
    padding: 80px 0;
}

section.productos_iconos .grupo_11 h2 {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
    color: #414042; 
}

section.productos_iconos .grupo_11 ul {
    list-style: none;
    padding: 0px;
    font-size: 1.5em;
    line-height: 2em;
    font-weight: 300;
}

section.titulo_portafolio {
    background-image: url('../img/animacion-gif-ciudad-bogota-ventanas-mundoreal.gif');
    background-repeat: no-repeat;
    background-position: left;
    height: 500px;
    
}

section.titulo_portafolio .caja_color {
    height: 500px;
    width: 100%;
    display: block;
    position: absolute;
    background-color: #F7B52B;
    -ms-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
    left: 300px;
}

section.titulo_portafolio .texto_portafolio {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 150px;
    max-width: 1200px;
    
}

section.titulo_portafolio .texto_portafolio img {
    border-bottom: solid #FFF 4px;
    float: right;
}

section.contenido_p {
    height: auto;
    max-width: 1200px;
    padding: 20px 0px; 
}

section.clientes {
    background-image: url('../img/animacion-gif-ciudad-personas-mundoreal.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    height: 500px;
}

section.clientes .caja_color_verde {
    display: block;
    position: absolute;
    background-color: #B0CE5C;
    -ms-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    height: 500px;
    width: 120%;
    right: 300px;
    border-left: solid 5px #FFF;
}

section.clientes .texto {
    position: relative;
    height: auto;
    width: 100%;
    max-width: 1200px;
    color: #FFF;
    margin: 0 auto;
    margin-top: 120px;
}

section.clientes .texto div {
    height: auto;
    padding: 0;
    
}

section.clientes .texto img {
    display: block;
    margin-bottom: 20px;
    float: left;
    border-bottom: solid 3px;
}

section.clientes .texto p {
    margin-top: 20px;
    color: #FFF;
    text-align: left;
    padding: 0;
    max-width: 600px;
   
}

section.marcas_logos {
   padding: 70px 0px;
}

section.marcas_logos .logos_clientes {
    margin: 0 auto;
    max-width: 1200px;
    
}

section.marcas_logos img {
    margin: 0 auto;
    max-height: 150px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz- transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

section.marcas_logos img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

section.nosotros {
    background-image: url('../img/animacion-ciudad-gif-mundoreal.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    height: 500px;
	position: relative;
    
}

section.nosotros .caja_texto {
    display: block;
    position: absolute;
    -ms-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
    height: 500px;
    width: 120%;
    background-color: #33BAD5;
    left: 250px;
}

section.nosotros .texto {
    position: relative;
    width: 100%;
    max-width: 1200px;
    color: #FFF;
    text-align: right;
    margin: 0 auto;
    margin-top: 120px;
}

section.nosotros .texto div {
    padding: 0;
}

section.nosotros .texto img {
    height: auto;
    display: block;
    float: right;
    border-bottom: solid 4px;
    margin-bottom: 30px;
}

section.nosotros .texto p {
    margin-top: 20px;
    display: block;
    float: right;
    padding: 0;
    max-width: 600px;
}

section.nosotros .ver_mas {
	position: absolute;
	top: 300px;
	right: 0px;
	max-width: 100px;
    z-index: 2;
    margin: 0 auto;  
    width: 100%;
    float: right;
    font-size: 1.5em;
    color: #FFF;
    text-decoration: none;
    -moz- transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

section.nosotros .ver_mas:hover {
    color: #000;
}


section.nosotros .texto p #boton_nosotros {
    color: #000; 
    -moz- transition: 0.2s;
    -webkit- transition: 0.2s;
    transition: 0.2s;
}

section.nosotros .texto p #boton_nosotros:hover {
    border-bottom: solid #000;
}

section.comunicacion_real {
    background-image:url('../img/fotrografia-ciudad-blanco-y-negro-panorama-centro-mundoreal.png');
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: none;
}

section.comunicacion_real .contenido_comunicacion {
    max-width: 1200px;
    padding: 100px 0;
}

section.comunicacion_real .caja_comunicacion img {
    margin: 0 auto;
}

section.comunicacion_real .caja_texto p {
    padding: 40px 0px;
    color: #FFF;
}

section.titulo_equipo {
    background-image: url('../img/animacion-gif-ciudad-bogota-ventanas-mundoreal.gif');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    height: 500px;
}

section.titulo_equipo .caja_color {
    height: 500px;
    width: 100%;
    display: block;
    position: absolute;
    background-color: #DA1B53;
    -ms-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    right: 300px;
}

section.titulo_equipo .texto_equipo {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 150px;
    max-width: 1200px;  
}

section.titulo_equipo .texto_equipo img {
    border-bottom: solid #FFF 4px;
}

section.contenido_equipo {
    padding: 40px 0px;
    background-image: url(../img/fotografia-edicion-blanco-y-negro-personas-mundoreal.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}


section.contenido_equipo .btn:focus, button:focus {
    outline: none; 
    border: none;
}

section.contenido_equipo .abre_cuadro {
    padding: 0;
    background: none;
    border-radius: 0;
    margin: 10px 0px;
    overflow: hidden;
    border: none;     
}

section.contenido_equipo button:focus {
    box-shadow: none;
}


section.contenido_equipo .abre_cuadro img {
    margin: 0 auto;
    max-height: 300px;
    
}

.modal-open {
    padding-right: 0px !important;
}

section.contenido_equipo .modal-header {
   text-align: center;
}

section.contenido_equipo .modal-header span {
    color: #DA1B53;
    font-size: 2em;
}


section.contenido_equipo .modal-header img {
   margin-top: 30px;
}

section.contenido_equipo .modal-dialog {
    font-weight: 300;
    color: #6D6E71;
}

section.contenido_equipo .modal-dialog {
   font-weight: 300;
    font-size: 0.8em;
}

section.contenido_equipo .modal-dialog .modal-body a.social_team {
    display: inline-block;
    margin-top: 10px;
    opacity: 0.8; 
}

section.contenido_equipo .modal-dialog .modal-body a.social_team img {
    height: 30px;
}


section.titulo_contacto {
    background-image: url('../img/animacion-gif-ciudad-bogota-ventanas-mundoreal.gif');
    background-repeat: no-repeat;
    background-position: left;
    height: 300px;
}

section.titulo_contacto .caja_color {
    height: 300px;
    width: 120%;
    display: block;
    position: absolute;
    background-color: #33BAD5;
    -ms-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);
    left: 200px;
}

section.titulo_contacto .texto_contacto {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 90px;
    max-width: 1200px;  
}

section.titulo_contacto .texto_contacto img {
    border-bottom: solid #FFF 4px;
    display: block;
    float: right;
}


section.contenido_contacto .content_contact { 
    padding: 40px 10px;
    max-width: 1200px;
    
}

section.contenido_contacto .content_contact h1 {
    color: #33BAD5;
    height: 100%;
    top: 150px; 
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 30px;
}

form {
    height: auto;
    max-width: 500px;
    margin: 0 auto;
}

form .antispam {
    display: none;
}

form input {
    width: 100%;
    padding: 12px 10px;  
    border: 2px solid #33BAD5;
    height: 50px;
    margin: 10px 0;
	font-family: 'lato', sans-serif;
    
}

form label {
    color: #33BAD5;
    font-weight: 400;
    height: 30px;
	font-family: 'lato', sans-serif;
  
}

form  p {
    position: relative;
    top: -8px;
    color: #33BAD5;
    font-size: 1em;
    display: inline-block;
    font-weight: 400;
}

form input[type=text] {
    color: #000;
    font-size: 0.9em;
	font-family: 'lato', sans-serif;
}



form input[type=checkbox] {
    margin: 0;
    
    height: 30px;
    width: 50px;
}



form textarea {
    width: 100%;
    height: 200px;
    border: 2px solid #33BAD5;
    padding: 12px 10px;
    color: #000;
    margin-top: 10px;
	font-family: 'lato', sans-serif;
}


form button {
    height: 40px;
    width: 90px;
    color: #FFF;
    font-size: 1.4em;
    font-family: 'lato', sans-serif;
    background: #33BAD5;
    border: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;  
}

form button:hover {
    
    background: #2FB881;
    text-decoration: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #33BAD5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #33BAD5;

}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #33BAD5;
  
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #33BAD5;
}

footer#information {
    margin: 0 auto;
    padding: 0;
}

footer#information .title {
    width: 100%;
    height: 50px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    
}

footer#information .title .caja_encuentranos {
    height: 50px;
    width: 120%;
    display: block;
    position: absolute;
    -ms-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    right: 200px;
    background-color: #F7B52B;
}

footer#information h3 {
    position: relative;
    top: 10px;
    
}

footer#information .ubicacion {
    color: #FFF;
    text-align: center; 
    padding: 0;
}

footer#information .ubicacion #map {
    display: block;
    height: 300px;
}


footer#information .ubicacion .adress {
    background: #B61F4B;  
}

footer#information .ubicacion .phone {
    background: #DA1B53; 
}


footer#information .ubicacion .phone h1 a{
    text-decoration: none;
    color: #FFF;
}

footer#information .ubicacion .border {
    position: relative;
    display: inline-block;
    text-decoration: underline;
}


footer#information .ubicacion .bottom, .bottom2 {
    position: relative;
    bottom: 25px;
    
}




footer#information .datos {
    padding: 90px 0px;
    background-image: url(../img/fotografia-blanco-y-negro-ciudad-chorro-fondo-mundoreal.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}

footer#information .datos .content_datos {
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
}


footer#information .datos .content_datos .logo_real  img {
    padding-top: 16px;
    margin: 0 auto;
}

footer#information .datos .content_datos .site {
    text-align: center;
    height: 70px;
    padding-top: 35px;
}

footer#information .datos .content_datos .site a {
    color: #FFF;
    font-size: 1.5em;
    text-decoration: none;
}


footer#information .datos .content_datos .logos_menu h5 {
    width: 100%;
    color: #FFF;
    text-align: center;
}

footer#information .datos .content_datos .logos_menu ul {
    padding: 0;
    display: table;
    margin: 0 auto;
}

footer#information .datos .content_datos .logos_menu ul li {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    list-style: none;
    margin: 0px 5px; 
}

footer#information .menu_cierre {
    width: 100%;
    margin-top: 70px;
    padding: 0;
}

footer#information .menu_cierre ul {
    display: table;
    margin: 0 auto; 
    padding: 0;
    width: 80%;
   
}

footer#information .menu_cierre ul li {
    list-style: none;
    padding: 0;
    text-align: center;
}

footer#information .menu_cierre ul li a {
    color: #DDD;
    text-decoration: none;
    text-align: center;
    -moz- transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

footer#information .menu_cierre ul li a:hover {
    color: #FFF; 
}

footer#information .menu_cierre ul .service-foot a {
    display: block;
}

footer#information .menu_cierre ul .work-foot a {
    display: block;
}


footer#information .cierre {
    background-color: #000;
    text-align: center;
    color: #FFF;
    font-size: 0.6em;
    padding: 10px;
}

@media screen and (max-width: 991px) {
    
    
    .breadcrumbs {
        z-index: 90;
        width: 100%;
        background: #FFF;
        top: 50px;
        padding: 5px 20px; 
    }

    
    section.service .caja_color, section.clientes .caja_color_verde, section.titulo_equipo .caja_color {
        width: 1050%;
        -ms-transform: skew(70deg, 0deg);
        -webkit-transform: skew(70deg, 0deg);
        transform: skew(70deg, 0deg);
        right: -100px;
    }
    
    section.contenido_productos .grupo_1 .listado_1 {
        text-align: center;
        list-style: none;
    }
    
    section.titulo_portafolio .caja_color, section.nosotros .caja_texto, section.titulo_contacto .caja_color {
        width: 1050%;
        -ms-transform: skew(-70deg, 0deg);
        -webkit-transform: skew(-70deg, 0deg);
        transform: skew(-70deg, 0deg);
        left: -100px;
        
    }
    
    section.comunicacion_real .contenido_comunicacion {
        padding: 30px 10px;;
    }
    
    section.contenido_contacto .content_contact h1 {
        top: 0px;    
    }
    
    
}

@media screen and (max-width: 768px) {
	
	p {
	
		font-size: 1.2em;
		
	}
    
    section.home {
        height: 750px;
    }
    
    section.home, section.productos_iconos, section.contenido_equipo {
        background-attachment: scroll;
    }
    
    section.titulo_portafolio, section.titulo_portafolio .caja_color, section.titulo_equipo, section.titulo_equipo .caja_color {
        height: 300px;
    }
    
    section.titulo_portafolio .texto_portafolio, section.titulo_equipo .texto_equipo {
        margin-top: 110px;
    }
    
    footer#information .datos {
        padding: 40px 0;
    }
    
    section.contenido_equipo .abre_cuadro img {
        padding: 5px;
    }
    
    section.contenido_equipo .modal-dialog {
        font-size: 0.7em;
    }
    
    footer#information .title .caja_encuentranos {
        right: 100px;
    }
    
    
    footer#information .menu_cierre {
        margin-top: 40px;
        
    }
    
    footer#information .menu_cierre ul li {
        display: block;
        text-align: center;
        margin: 5px;
    }
    
}