@charset "utf-8";
/* CSS Document */
.menu-resp{
    float:right;
    margin:1em 1.5em 0 1em;
    display:none;
}
.showmobile{
    display:none;
}
.content-title .f-right {
margin-top:0;

        }
@media screen and (max-width: 1680px){
    .video-wrapper {
        position: absolute;
        width:100%;
        height:auto!important;
        position: relative;
        margin-bottom:-5px;
    }
    .videoGG {
        position: relative;
        height: auto;
        width: 100%;
        top: 0;
        left: 0;
        transform:none;
        margin-top:50px;
    }

 
}
@media screen and (max-width: 1480px){


    .presentation-titles {
        width: 100%;
        max-width:630px;
        padding:20em 1em 0 6em;
        height:auto;
    }
    .big-title{
        font-size:3em;
        line-height:1.3em;
    }
    .access-titles{
        padding:18em 6em 0 1em;
    }

    .description-title {
        font-size: 1.8em;
        line-height: 1.6em;
    }
    .titles-logo{
        width:200px;
    }
 

}

@media screen and (max-width: 1390px){
    section, footer {
        padding:0 2em 0 2em;
    }
    }
    @media screen and (max-width: 1280px){
    .big-description {

    font-size: 1.7em;
    line-height: 1.5em;

    }
    .col-25{
        width:50%;
        margin-bottom:2em;
    }
    .breakcol{
        clear:both;
    }

    .imBig {
        text-align: left;
    }
    .module-title {

    text-align: left;
    padding-left:0;

}
}
@media screen and (max-width: 1150px){
   .videoWrapper {
    margin-top: 4em;
}
}

@media screen and (max-width: 1024px){
    .big-description {

    font-size: 1.5em;
    line-height: 1.2em;

    }
    .videoWrapper {
    margin-top: 2.8em;
}
}
@media screen and (max-width: 940px){

    .access-titles{
        display:none;
    }
     .presentation-titles {

        padding:10em 1em 0 6em;

    }

}



@media screen and (max-width: 900px){
    .mockup{
        display:none;
    }
    #demo .col-50, .formLeft, .formRight, .colizq, .colder, .col-33{
          width:100%;
          padding:.5em 0 0 0;
    }
     #demo {
          clear:both; float:left;
          padding-bottom:2em;
    }
    .showmobile{
    display:block;
    font-size:1.4em;
    margin:.5em 0 .5em 0;
    }
    .hidemobile{
        display:none;
    }
}

@media screen and (max-width: 860px){
.menu-resp{
    display:block;
}
nav {
    min-height:50px;
  }
nav ul{
    display:none;
    clear:both;
    float:left;
    width:100%;
    margin-top:1em;
    border-top:1px solid #636f7e;
}
nav ul li{
    width:100%;
}
nav ul li a {

    padding: 6px 18px 6px 18px;

}
}
@media screen and (max-width: 800px){
    .big-title{
        font-size:2.4em;
        line-height:1.3em;
        max-width:300px;
    }
    .small-title{
        padding: 2em;
    }
    .description-title {
        font-size: 1.6em;
    }
    .conocer{
        font-size:1.2em;
        width: 96px;
    }
    .col-50{
        width:100%;
    }
    .col-l, .col-r{
        padding:0;
    }
    .col-25{
        width:100%;
        margin-bottom:3em;
        border-top:1px solid #ccc;
        padding-top:2em;
    }
      .module-title {

        border:none;
        padding-bottom:0;
    }
    .module-description {
        padding-top:0;

    }

    .image-wrapper {

        height: 300px;

    }

    .bim-header {
    
        top: 42%;
        left: 40px;
        width: 240px;
    }

    .videoGG, .wrapper-img {
       
        top: 60%;
       
    }

    .col-r{
        margin-top: 2em;
    }

}

@media screen and (max-width: 680px){

   .copyright2, .copyright{
    float:none;
    margin:0 auto;
    text-align:center;
    max-width:480px;
   }
    .logo-cardumen{
    
    float:right;
    padding:0;
    margin:2em 25% 1em 0;
    
   }
   .logo-grid{
    float:left;
     padding:0;
      margin:2.4em 0 1em 25%;
    
   }
   .logodesarrollo{
    display:none;
    
}
   footer{
    padding-bottom:2em;
   }
    .presentation-titles {

        max-width:630px;
        padding:6em 1em 0 3em;

    }
    .content-title {

        font-size: 2.2em;
        padding: .2em 0 1em 0;
        padding-bottom: 1em;

        }
    .content-title .f-right {

      float:none;
      margin-top:2em;

        }
    
}

@media screen and (max-width: 550px){

    .conocer{
        display:none;
    }
    .presentation-titles {

         padding:6em 1em 0 2em;

    }

    .button-gg {
        max-width:100%;
        width:100%;
        }

         .bim-header {
    
        top: 48%;
        left: 40px;
        width: 210px;
    }
}

@media screen and (max-width: 480px){

.contact-data{
    font-size:1.4em;
}
.presentation-titles {

        padding:8em 1em 0 2em;

    }

 .big-title{
       font-size:1.6em;
    
    }

     .description-title {
        font-size: 1.4em;
    }
     .logo-cardumen{
    

    margin:2em 18% 1em 0;
    
   }
   .logo-grid{
 
      margin:2.4em 0 1em 18%;
    
   }

   .image-wrapper {

        height: 220px;

    }
   
}
@media screen and (max-width: 390px){

.presentation-titles {

        padding:6em 1em 0 3em;

    }
    .description-title {
       line-height: 1.2em;
       margin-top:.5em;
    }

 
   
}