/*! * Skin 2018 Remedia * /*
 /* Generales */
body {
     
}
.pd-no{padding:0px;}
.pb30{ padding-bottom: 25px!important;}

#myBody{
     padding-bottom: 0px !important;
}
nav{
	height: 103px;
     background:#121921;
}
nav .container{
     max-width: 100%;
     margin-left: 140px !important;
     margin-right: 48px !important;
     padding-left: 0px !important;
}
a:hover{ text-decoration: none;}
.home-slide{
     padding: 0px;
}
#navbarCollapse a{
    font-family: 'SecularOne-Regular', normal;
     font-size: 16px !important;
     color: #fff !important;
     text-transform: uppercase;
}


#myCarousel{
     margin-top: 103px !important;
}
.carousel{
     margin-bottom: 0px !important;
}
.carousel-caption{
     top: 28%;
     left: 248px;
}
.carousel-caption h1{
     font-family: 'SecularOne-Regular', normal;
     font-size: 48px;
     line-height: 50px;
}
.carousel-caption p{
     font-family: 'Signika-Light', normal;
     font-size: 24px;
     line-height: 40px;
}
.text-link a{
     color: #fff;
     font-family: 'Signika-Regular', normal;
     font-size: 24px;
     line-height: 23px;
}
.text-link a:hover{
     color: #fff;
     text-decoration: none;
}
.borde{
     border-right: 1px #f0f0f0 solid;
}
.services-box{
     padding: 0px 0px 70px 0px;
}

.services-box h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
     padding: 70px 0px;
}

@media (max-width: 768px) { 
    .services-box h4{
         padding: 50px 0px;
    }
}

.services-box h5{
     font-family: 'SecularOne-Regular', normal;
     font-size: 24px;
     line-height: 30px;
     color: #252b32;
     padding-top: 26px;
}
.services-box p{
     font-family: 'Signika-Light', normal;
     font-size: 18px;
     line-height: 30px;
     color: #252b32;
}
.our-work{
     padding:0px 0px 81px 0px;
     background-color: #f8f8f8;
}
.box-p{
     padding-top:0px;
     padding-bottom: 36px;
}
.our-work h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
     padding: 70px 0px 25px;
}

@media (max-width: 768px) {
    .our-work h4{
         padding: 50px 0px;
    }

 }
.our-work p{
     font-family: 'Signika-Light', normal;
     font-size: 18px;
     line-height: 30px;
     color: #252b32;
}
.text-hero{
     position: absolute;
     bottom: 20px;
     left: 56px;
     z-index: 10;
     color: #fff;
}
.text-hero h3{
     font-family: 'SecularOne-Regular', normal !important;
     font-size: 24px;
     line-height: 30px;
     text-align: left;
     color: #fff;
}
.text-hero p{
     font-family: 'Signika-Light', normal !important;
     font-size: 18px;
     text-align: left;
}
.text-hero a{
     color: #fff;
     cursor: pointer;
}
.text-hero i{
     font-size: 14px;
}
.section-others{
     padding: 0px 0px 0px 0px;
}
#owl-demo .item img{
   display: block;
   width: 100%;
   height: auto;
}
.section-others h4{
     font-family: 'SecularOne-Regular', normal !important;
     font-size: 30px;
     line-height: 30px;
     text-align: left;
     color: #121921;
     /*text-align: center;*/
     padding: 70px 0px;
}
.form-contact{
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     color: #5a5a5a;
}
.form-contact input{
     border-radius: 0px;
     border: 0;
     height: 42px;
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     
}
.form-contact textarea{
     display: block;
     width: 100%;
     height: calc(2.25rem + 2px);
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ebebeb;
     transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
     resize: none;
     height: 160px;
}
#form-home .form-control:focus{
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     background-color: #fff !important;
     border-color: #848487 !important;
     outline: 0;
     box-shadow: none !important;
     color: #a7a7a8 !important;
}
.form-contact.footer-c input,
#mc_embed_signup_scroll input.btn{
     color:#fff !important;
}


.btn-forma{
     color: #fff;
     background-color: #121921;
     border-color: #121921;
     border-radius: 0px;
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     padding: 6px 44px;
}
.btn-forma:hover{
     color: #fff;
     background-color: #1c2631;
     border-color: #1c2631;
     border-radius: 0px;
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     padding: 6px 44px;
     cursor: pointer;
}
.associated{
     background-color: #f8f8f8;
}
.associated h2{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #979798;
     padding: 70px 0px;
     margin-bottom: 0px;
}
.associated-logo{
     padding-bottom: 60px;
}
.top-footer-dark{
     background-color:#121921;
     color:#fafafc;
     padding-top: 89px;
     padding-bottom: 89px;
     
}
.mt0-28{
     margin-top: 28px;
}
.top-footer-dark h5{
     font-family: 'SecularOne-Regular', normal;
     font-size: 18px;
     line-height: 30px;
}
.ml40{ 
     margin-left: 40px!important; 
}
.top-footer-dark p{
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
}
.btn-forma-red{
     color: #fff;
     background-color: #ea1f3e;
     border-color: #ea1f3e;
     border-radius: 0px;
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     padding: 6px 44px;
     text-transform: uppercase;
}
.btn-forma-red:hover{
     color: #fff;
     background-color: #e43650;
     border-color: #e43650;
     border-radius: 0px;
}
.footer-menu{

}
.footer-menu{
     list-style: none;
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 47px;
     color: #fafafc;
    padding: 0;
}
.footer-menu a{
     list-style: none;
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 48px;
     color: #fafafc;
}
.p-footer{
     margin-bottom: 1.5rem !important;
}
.p-footer a{
     color: #fff;
}
.text-logo p{
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     color: #fff;
     margin-left: 6px;
}
.bottom-footer{
     background-color:#121921;
     padding-bottom: 18px;
}
.bottom-footer p{
     font-family: 'Signika-Light', normal;
     font-size: 12px;
     line-height: 30px;
     color: #b6b9bd;
     font-style: italic;
}
.bottom-footer i{
     font-size: 22px;
     line-height: 30px;
     color: #b6b9bd;
}
.remedia{
     font-size: 12px !important;
     line-height: 30px !important;
     color: #b6b9bd;
     font-style: normal !important;
}
.remedia img{
     margin-left: 4px;
}

.content-banner{
     position: absolute;
     top: 50%;
}
.content-banner h3{
     color: #fff;
     padding: 0px 170px;
     line-height: 40px;
}
.slide-banner {
  position: relative;
  text-align: center;
  color: white;
  height:312px;
  margin-top: 32px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#banner-about-us{
  height:300px; margin-top: 103px;
  background-image: url(../assets/headers/header-office.jpg);
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#banner-services{
  height:300px; margin-top: 103px;
  background-image: url(../assets/headers/header02-services-zuma.jpg);
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#banner-our-work{
    height:300px; margin-top: 103px;
  background-image: url(../assets/headers/header03-our-work-zuma.jpg);
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#banner-contact{
  background-image: url(../assets/headers/header04-contact-zuma.jpg);
  background-repeat:no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-menu{
     background-color: #f0f0f0;
     height: 86px;
}
.sub-menu li, .sub-menu a{
     display: inline;
     padding: 0px 15px 25px 15px;
     list-style: none;
     font-family: 'Signika-Regular', normal;
     font-size: 18px;
     line-height: 24px;
     color: #121921;
     text-transform: uppercase;
}
.container.pd-no{
     padding-top: 34px;
}

.sub-menu li.active{
     border-bottom: 2px solid #121921;
     width: 150px;

}
.sub-menu a:hover{
     text-decoration: none !important;
     color: #61656a;
}
.background-gray{
     background-color: #f0f0f0;
}
.description-us{
     padding: 70px 0px;
     background-color: #f8f8f8;
}
.box-p{
     padding-top: 0px;
     padding-bottom: 36px;
}
.description-us h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
     padding: 70px 0px;
}
.description-us h5{
     font-family: 'SecularOne-Regular', normal;
     font-size: 24px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
}
.description-us p{
     font-family: 'Signika-Regular', normal;
     font-size: 18px;
     line-height: 29px;
     color:#252b32;
     margin-bottom: 0px;
     padding-bottom: 55px;
}
#core{
     padding: 0px 0px 70px 0px;
}
#core h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
     padding: 70px 0px 25px 0;
}
.history{
     font-family: 'Signika-Light', normal;
     font-size: 18px;
     line-height: 30px;
     color:#121921;
}
.team-zumma{
     padding-top: 64px;
}
.team-zumma h5{
     font-family: 'SecularOne-Regular', normal;
     font-size: 22px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
     padding-top: 18px;
}
.team-zumma small{
     font-family: 'Signika-Light', normal;
     font-size: 20px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
}
.team-zumma.card-text{
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     color: #252b32;
     margin-bottom: 0px;
}
.team-zumma p{
     font-family: 'Signika-Light', normal;
     font-size: 15px;
     line-height: 26px;
     color:#121921;
     margin-top: 5px;
}
.card{
     border:none !important;
     box-sizing: none !important;
}
.card-img-top{
     border-top-left-radius: calc(0rem - 1px);
     border-top-right-radius: calc(0rem - 1px);
}
.card-body{
     padding: 0px;
}
#advisory{
     padding: 0px 124px 70px 114px;
}
.adv h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #252b32;
     padding: 70px 0px;
}

.advisory-board h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 24px;
     line-height: 30px;
     color: #252b32;
}
.advisory-board p{
     font-family: 'Signika-Light', normal;
     font-size: 18px;
     line-height: 36px;
     color:#121921;
     text-align: justify-all;
}
.img-thumbnail{
     background-color: transparent;
     border: none;
}
.associations{
     padding: 0px 0px 70px 0px;
}

.associations h4{
     font-family: 'SecularOne-Regular', normal;
     font-size: 30px;
     line-height: 30px;
     color: #252b32;
     padding: 70px 0px 25px 0px;
     margin-bottom: 0px;
}
.zumma-association{
     padding-top: 80px;
}
.zumma-association h3{
     font-family: 'SecularOne-Regular', normal;
     font-size: 20px;
     line-height: 30px;
     color: #252b32;
}
.zumma-association small{
     font-family: 'Signika-Light', normal;
     font-size: 20px;
     line-height: 30px;
     color: #252b32;
}
.zumma-association p{
     font-family: 'Signika-Light', normal;
     font-size: 16px;
     line-height: 30px;
     color: #252b32;
     padding-top: 12px;
     text-align: justify;
}


nav{
    background-color: #121921 !important;
  }

  nav button{
    border:none !important;
  }

  .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

  .custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
    margin-right: 50px;
  } 

  #navbarCollapse{
    background-color:#121921 !important;
    text-align: right;
    
  }

  #navbarCollapse li {
    margin-left: 40px
  }

  #navbarCollapse li a{
    font-size: 16px;
    color: white;
  }

  #navbarCollapse li:last-child {
    margin-left: 100px ;
    color: white;
    
  }

  .navbar{
        padding: .5rem 130px .5rem 115px !important;
  }


.advisory-board{
    padding-left: 0px !important;
    list-style: none;
    
}
.advisory-board small{
     font-family: 'SecularOne-Regular', normal;
     font-size: 18px;
     line-height: 30px;
     color: #252b32;
}
.advisory-board p{
     font-family: 'Signika-Light', normal;
     font-size: 14px;
     line-height: 26px;
     color:#121921;
     text-align: justify;
}
.advisory-board img{
    width: 20%;
}
.sub-menu-us{
    height: 84px;
}
.sub-menu-us li, .sub-menu-us a{
     display: inline;
     padding: 0px 8px 0px 8px;
     list-style: none;
     font-family: 'Signika-Regular', normal;
     font-size: 18px;
     line-height: 24px;
     color: #121921;
     text-transform: uppercase;
}
.sub-menu-us ul{
    margin-bottom: 0px;
}
.sub-menu-us li.active{
     border-bottom: 2px solid #121921;
}
.sub-menu-us a:hover{
     text-decoration: none !important;
     color: #61656a;
}
.content-hero{
    position: absolute;
    top: -71px;
    left: 120px;
    z-index: 10;
    color: #fff;
}
.content-hero-text{
    position: relative;
    top: -17px;
    left: 123px;
    z-index: 10;
    color: #fff;
    width: 320px;

}
.content-hero-text h3{
    font-family: 'SecularOne-Regular', normal;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    text-align: left;
    padding-left: 80px !important;
}
.zumma-mov-asso a{
    font-family: 'Signika-Light', normal;
    font-size: 17px;
    line-height: 23px;
    text-decoration: none;
    color: #121921;

}
#energy_advisory.container{
    padding: 90px 0px 90px 0px;
    margin:0px;
}
.box-services{
    padding: 70px 0px;
}
.serv-img{
    padding-right:40px;
    margin-top: 5px;
}
.box-services h4{
    font-family: 'SecularOne-Regular', normal;
    font-size: 24px;
    line-height: 30px;
    color: #121921;
    padding-top: 20px;
    margin-bottom: 0;
}
.box-services p{
    font-family: 'Signika-Light', normal;
    font-size: 18px;
    line-height: 26px;
    color: #121921;
    text-align: justify;
}
.tab-pane p{
    font-family: 'Signika-Light', normal;
    font-size: 16px;
    line-height: 30px;
    color: #121921;
    text-align: justify;
}
.tabs-services a{
    font-family: 'SecularOne-Regular', normal;
    font-size: 21px;
    line-height: 30px;
    color: #121921;
}
.box-services a.active{
    border-bottom: 1px solid #ea1f3e !important;
    border-color:transparent;
}
.tabs-services a{
    border-color:transparent !important;
}
#information_marketing ol{
    padding-left: 24px;
}
.ol-services{
    font-family: 'Signika-Light', normal;
    font-size: 16px;
    line-height: 30px;
    color: #121921;
}
.ol-services-2 li{
    list-style: none;
    font-family: 'Signika-Light', normal;
    font-size: 16px;
    line-height: 30px;
    color: #121921;
}
.ol-services-2 li:before {
    font-family: 'Signika-Light', normal;
    line-height: 30px;
    content: '•';
    font-size: 18px;
    color: #000;
    width: 18px;
    margin-left: -14px;
}
.ol-services-dot li{
 list-style: circle;
 font-family: 'Signika-Light', normal;
    font-size: 16px;
    line-height: 30px;
    color: #121921;
}

.ol-services-dot li ul li{
 list-style: none;
}

.carousel-indicators.custom-indicators li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background:none;
  border:none;
  margin-top: 15px;
}

.carousel-indicators.custom-indicators div{
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background:white;
  border:1px solid white;
  margin: 2px 2px;
}

.carousel-indicators.custom-indicators{
  position: absolute;
  right: 0;
  top: 40%;
  z-index: 15;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 25px;
  list-style: none;
  left:auto;
  display:block;
}

.carousel-indicators.custom-indicators li.active{
  border:1px solid white;
}

#carouselExampleIndicators .carousel-item{
  height: 334px;
}

#carouselExampleIndicators .carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 450px;
}
.form-group{
  margin-bottom: 25px;
}

footer .form-group{
  margin-bottom: 12px;
}

.icon-servicios{
  width: 80px;
  height: 80px;
}      

.slider-small{
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
.topleft {
  position: absolute;
  top: 26%;
  left: 9%;
  font-size: 18px;
}

.container-slider {
  position: relative;
}

.center {
  position: absolute;
  left: 0;
  top: 38%;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.container-slider h3{
  font-family: 'SecularOne-Regular', normal;
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}

.relleno-arrow{
  padding: 11px 15px;
  background-color: #121921;
}
.carousel-control-prev-icon {
    margin-top: 5px;
}

.carousel-control-next-icon {
    margin-top: 5px;
}
.carousel-control-prev {
    left: -45px;
    filter: none;
    opacity: 1;
}
.carousel-control-next {
    right: -45px;
    filter: none;
    opacity: 1;
}
.feature-list .media-body{
  padding-left: 28px;
}
.feature-list-2 .media-body{
  padding-left: 28px;
}
.menu-fixed{
    position:sticky;
    z-index:1000;
    top:101px;
}
.width-img{
    height: 
}
.col-img{
    width: 100%;
}
.tabs-services a{
    width: 11.25rem;
}
#introduction-tab{
    background-color: initial;
}
#introduction-tab .show .active{
    background-color: initial;
}
#information_marketing .nav-tabs .nav-link.active{
    background-color: initial;
}
.tab-content{
    padding-top: 36px;
}

#position .nav-link{
 padding: .5rem .5rem!important;
}
.description-us .zumma-movil-text p{
    font-family: 'Signika-Light', normal;
    font-size: 20px;
    line-height: 28px;
    color: #121921;
}
.reports_zumma{
    margin: 0px;
    padding: 0px 70px 15px 70px;
}
.reports_zumma h5{
    font-family: 'SecularOne-Regular', normal;
    font-size: 16px;
    line-height: 25px;
    color: #121921;
    padding: 13px 30px;
}
.section-video{
    padding-top: 20px;
}
.background-white{
    background-color: #fff;
}
.signika-16{
    font-family: 'Signika-Light', normal;
    font-size: 16px;
    line-height: 28px;
    color: #121921;
}
#our-work-01{
    background-image: url(../assets/services/zumma-industrial-reports.jpg);
    height: 312px;
    background-repeat:no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% cover;
}
.text-fixed-work{
    position: absolute;
    top: 19%;
    left: 8%;
    z-index: 10;
    width: 80%;
}
#industry_reports h4{
    font-family: 'SecularOne-Regular', normal;
    font-size: 30px;
    line-height: 30px;
}
#industry_reports p.button-work-white{
    font-family: 'Signika-Regular', normal;
    font-size: 23px;
    line-height: 23px;
}
#industry_reports p.button-work-white{
    font-family: 'Signika-Regular', normal;
    font-size: 23px;
    line-height: 23px;
}
#industry_reports p.button-work{
    font-family: 'Signika-Regular', normal;
    font-size: 21px;
    line-height: 23px;
}
.box-dark{
    color: #121921 !important;
}
.box-white{
    color: #fff !important;
}
.box-white p{
    color: #fff !important;
}
section ol.carousel-indicators {
   position: absolute;
   bottom: -80px;
   margin: 0;
   left: 0;
   right: 0;
   width: auto;
}
section ol.carousel-indicators li,
section ol.carousel-indicators li.active {
   width: 1rem;
   height: 1rem;
   margin: 0;
   border-radius: 50%;
   border: 0;
   background: transparent;
}

section ol.carousel-indicators li {
   background: #e1e1e1;
   margin-left: .5rem;
   margin-right: .5rem;
}

section ol.carousel-indicators li.active {
   background:#121921;
}
.carousel-indicators.custom-work {
    
}
#service-work-02{
      background-image: url(../assets/services/zumma-industrial-reports.jpg);
      background-repeat:no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-size: 100% cover;
    }
.top-work{
    top: 25% !important;
}
.top-work h3{
    font-size: 31px!important;
}
.top-work p{
    font-size: 16px!important;
}
.text-fixed-work-2{
    position: absolute;
    top: 13%;
    left: 10%;
    z-index: 10;
    width: 80%;
}
.text-fixed-work-2 h4{
    font-size: 28px!important;
}
.text-fixed-work-2 p.signika-16{
    font-size: 14px!important;
    line-height: 24px !important;
}
.text-fixed-work-2 p.button-work-white{
    font-size: 20px!important;
}
.updates{
    padding: 124px 15px 92px 15px;
}
.updates h4{
    font-size: 28px!important;
}
.updates p.signika-16{
    font-size: 15px!important;
    line-height: 24px !important;
    padding-bottom: 61px !important;
}
.updates p.button-work{
    font-size: 20px!important;
}
.updates a{
    color: #121921;
}
.text-fixed-work-2 a.white-a{
    color: #fff;
}
#industry_reports a.white-a{
    color: #fff;
}
.text-service-mov a.white-a{
     color: #fff;
     font-size: 20px;
     font-family: 'Signika-Regular';
}
.dark-a{
    color: #121921;
}
 .icon-play {
    position: absolute;
    top: 35%;
    left: 45%;
    font-size: 50px;
}
.icon-play i{
    color: #fff;
}
.hover-col:hover{
    opacity: 1;
    background-color:#d5d5d5 ;
}
.hover-imagen:hover{
    opacity: 0.8;
    background-color:#dadddf;
}
.img-work{
    position: relative;
}





@media(max-width: 1100px) and (min-width:1000;){
    .icon-play {
    position: absolute;
    top: 29%;
    left: 44%;
    font-size: 40px;
    }
}




/*Para (max-width:991px) and (min-width:768px) */
@media (max-width:991px) and (min-width:768px) { 
  
    

    .zumma-association{
        padding-top: 30px;
    }
   .zumma-mov-asso{
          padding-top: 40px;
     }
     .card-body{
          padding-bottom: 30px;
     }
     .team-zumma{
          padding-top: 0px;
     }
     #advisory{
     padding: 112px 20px 69px 20px;
    }
    .content-hero-text {
        position: relative;
        top: -40%;
        left: 150px;
        z-index: 10;
        color: #fff;
        width: 320px;
    }
    .content-hero img{
        width: auto;
    }
    .description-us p {

    font-family: 'Signika-Regular', normal;
    font-size: 18px;
    line-height: 29px;
    color: #252b32;
    padding-top: 41px;
  }
  .description-us .container{
    padding:0px;
  }
  #core {
    padding: 120px 15px 98px 15px;
  }
  .history {
    padding-top: 100px;
    padding-bottom: 105px;
  }
  #advisory {
    padding: 97px 15px 132px 15px;
  }
  .adv h4{
     padding-bottom: 0px;
  }
  .feature-list{
    padding-top:103px;
  }
  .feature-list .col-12{
    padding: 0px;
  }
  .feature-list .media-body{
    padding-left: 15px;
  }
  .feature-list-2{
    padding-top:20px;
  }
  .feature-list-2 .media-body{
    padding-left: 15px;
  }
  .feature-list-2 .col-12{
    padding: 0px !important;
  }
  .icon-play {
    position: absolute;
    top: 27%;
    left: 45%;
    font-size: 35px;
    }
}



/*/////// Para SM a XS ///////*/
@media (max-width: 325px) { 
 #banner-about-us{
  background-position: -127px 0px!important;
   height: 210px;
 }
}

    
@media (max-width: 768px) { 

.updates h4{
    padding-bottom: 99px;
}
.updates p{
    margin-bottom: 0px;
}

.updates h4{
    padding: 50px 0px;
    margin-bottom:0px;
}

    .updates {
        padding: 0px 15px 50px 15px !important;
    }   
#commissioned_reports{
    padding-bottom:50px;
}

.signika-16 {
    margin-bottom: 50px;
    text-align: left !important;
}
.description-us .zumma-movil-text p{
    padding-top: 50px;
}
.feature-list-2{
    padding-top: 50px;
}
#core h4 {
   
    padding: 50px 0px;
}
    .description-us p {
 
    padding-bottom: 0px !important;
    padding-top:0px;
}
     
     .carousel-item {
      height: 16rem !important;
     }

    .redes-texto.ultima{
        margin-top: 0px;

    }
    .top-footer-dark p {
            line-height: 19px;
        }

        .services-box h5 {
            
            padding-top: 5px;
        }

     .zumma-association{
        padding-top: 30px;
     }
     .zumma-mov-asso{
          padding-top: 40px;
     }
     .card-body{
          padding-bottom: 50px;
     }
     .team-zumma{
          padding-top: 0px;
     }
    .navbar-brand{
      width: 150px;
      margin-left: 40px;
    }
    .navbar{
        padding: 0rem !important;
    }

    #navbarCollapse li {
      height: 50px ;
      margin-left: 0px;
    }

    .la_equis{
        position: absolute;
        top:20px;
        right: 20px;
        margin-right:0px !important;
        color:rgb(255,255,255,1) !important;

    }

    #navbarCollapse li:last-child {
      border-bottom:none;
      margin-left: 0px;
      margin-top: 50px;
      padding-bottom: 100px;
    }

    nav a:link, nav a:visited {
        line-height: 34px;
    }

    #navbarCollapse{
      background-color:#121921 !important;
      text-align: center;
      width: 100%;
      position: absolute;
      top: 0px;
    }
    #advisory{
     padding: 112px 20px 69px 20px;
    }
    .content-hero{
        position: relative;
        top: 0%;
        left: 13px;
        z-index: 10;
        color: #fff;
    }
    .content-hero img{
        width: 92%;
    }
    .content-hero-text {
        position: relative;
        top: -55px;
        left: 26px;
        z-index: 10;
        color: #fff;
        width: 320px;
    }
    .description-us{
     padding: 103px 0px 117px 0px;
    }
    .description-us p {

    font-family: 'Signika-Regular', normal;
    font-size: 18px;
    line-height: 29px;
    color: #252b32;
    text-align: left !important;
  }
  .description-us .container{
    padding:0px;
  }
  #core {
    padding: 0px 15px 0px 15px;
  }
  .history {
    padding-top: 0px;
    padding-bottom: 25px;
  }
  #advisory {
    padding: 0px 15px 50px 15px;
  }
  .adv h4{
     padding: 50px 0px;
  }
  .feature-list{
    padding-top:0px;
  }
  .feature-list .col-12{
    padding: 0px;
  }
  .feature-list .media-body{
    padding-left: 15px;
  }
  .spacer-list{
    margin-top: 66px;
  }
  .spacer-list-2{
    margin-top: 0px;
  }
  
  .feature-list-2 .col-12{
    padding: 0px;
  }
  .feature-list-2 .media-body{
    padding-left: 15px;
  }
  #only_movil{
    display: block;
  }
  #banner-services{
      background-image: url(../assets/headers/header02-services-zuma.jpg);
      background-repeat:no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
       height:230px; 
  margin-top: 80px;
    }
    .description-us {
    padding: 50px 0px 50px 0px;

    }
    #service-movil-01{
      background-image: url(../assets/services/zumma-services-movil-01.jpg);
      background-repeat:no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-size: 100% cover;
    }
    #service-movil-02{
      background-image: url(../assets/services/zumma-services-movil-02.jpg);
      background-repeat:no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #service-movil-03{
      background-image: url(../assets/services/zumma-services-movil-03.jpg);
      background-repeat:no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: 100% cover;
    }

    #service-movil-04{
      background-image: url(../assets/home/zumma-servicios-index.png);
      background-repeat:no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-size: 100% cover;
    }
    .services-fixed{
      position: relative;
      text-align: center;
      color: white;
      height: 310px;
       width: 100%;
        left: 0%;
        top: 20%;
    }
    .topcenter{
        position: relative;
        width: 91%;
        left: 5%;
        top: 34%;
      }
    .container-image {
      position: relative;
    }
    .text-service-mov h3{
        font-family: 'SecularOne-Regular', normal;
        font-size: 21px;
        line-height: 21px;
        color: #fff;
    }
    .text-service-mov p{
      font-family: 'Signika-Light', normal;
      font-size: 18px;
      line-height: 19px;
      color: #fff;
    }
    .text-service-mov {
      position: absolute;
      left: 0;
      top: 38%;
      width: 100%;
      text-align: center;
      font-size: 18px;
    }
    .regulation-movil{
        padding: 50px 25px;
    }
    .regulation-movil h4{
        font-family: 'SecularOne-Regular', normal;
        font-size: 23px;
        line-height: 40px;
        color: #121921;
    }
    .regulation-movil li{
      font-family: 'Signika-Light', normal;
      font-size: 16px;
      line-height: 30px;
      color: #121921;
    }
    .tabs-services a.active {
    border-bottom: 1px solid #ea1f3e !important;
    border-color: transparent;
    }
    .tab-pane p{
        font-size: 18px;
    }

    

}


@media (max-width: 768px) { 
#banner-our-work {
    height: 230px;
    margin-top: 80px;
}

#banner-contact {
    margin-top: 80px !important;
    height: 230px;
}

.tab-content {
    padding-top: 50px;
}


 #banner-about-us {
        margin-top: 70px;
        height: 230px;
       
}

  .navbar-brand img{

    height: 57px;
  }

  nav {
        height: 70px;
    }

    #myCarousel {
        margin-top: 70px !important;
    }

    .navbar-nav{
        margin-top: 85px;
    }   

  .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .carousel-caption h1 {
      font-size: 22px;
      line-height: 24px;
  }

  .carousel-caption {
      top: 17%;
      left:15%         
  }
  .carousel-caption p {
      font-size: 13px;
      line-height: 13px;
      margin-bottom: 3rem;
  }

  .text-link a {
     font-size: 13px;
  }

  .icon-servicios{
    width: 90px;
    height: 90px;
  }
  .col-12{
    padding-right: 40px;
    padding-left: 40px;
  }
  .bg-grey-movil{
    background-color: #fafafc;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .services-box{
    padding-bottom: 30px;
  }
  .our-work{
    background-color: #121921;
    padding-bottom: 71px;
  }
  .our-work h4, .our-work p{
    color: white;
  }

  .section-others {
      padding: 0px 0px 0px 0px;
  }
  .section-others h4 {
      padding: 50px 0px;
      margin: 0px;
  }
  #carouselExampleIndicators .carousel-item{
    height: 195px;
  }
 
  .contact-mobil{
    margin-top: 70px;
    padding-bottom: 70px;
    padding-top: 70px;
    background-color: #ea1f3e;
  }

  .contact-mobil h4{
    color:white;
  }

  .contact-mobil input, .contact-mobil textarea{
    border: 1px solid white;
    background-color: #ea1f3e;
    color: white;
  }

  .contact-mobil input::placeholder, .contact-mobil textarea::placeholder{
    color:white;
  }

  .associated h2 {
      padding: 50px 0px 50px 0px;
  }
  .associated-logo{
    padding-bottom: 60px;
  }

  .galeria-movil{
    padding:0px;
  }

  .form-contact input {
    height: 32px;

  }
  .btn-forma-red {
    line-height: 18px;
    width: 100%;
    padding: 6px 0px;
  }

  .top-footer-dark {
      padding: 30px 20px;
  }

  .imagen-footer{
      width: 100%;
  }

  .formulario-footer{
    padding-bottom: 30px;
  }

  .redes-texto{
    color:white;
    display:inline-block;
    font-size:11px;
    /*margin-top: 23px;*/
  }

  .bottom-footer p {
    line-height: 18px;
  }
  .remedia {
    line-height: 13px !important;
  }
  
}



@media (max-width: 768px) { 

  .carousel-control-prev {
        left: -25px;
    }
    .carousel-control-next {
        right: -25px;
    }

    .relleno-arrow{
      padding: 3px 10px;
      background-color: #121921;
    }
    .carousel-control-prev-icon {
        margin-top: 5px;
    }

    .carousel-control-next-icon {
        margin-top: 5px;
    }


}

@media (max-width: 768px) { 

  .topleft{
      width:80%;
      left:10%;
      top:25%;
  }
  

  .imagen-rayitas-header{
    width: 100%;
  }

}

 
.contacto-formas-box{
      padding: 90px 0px 90px 0px;
      background-color: #f8f8f8;
}

.contacto-formas-box h5{
      font-family: 'SecularOne-Regular', normal;
      font-size: 24px;
      line-height: 30px;
      color: #252b32;
      padding-top: 25px;
}

.contacto-formas-box p{
      font-family: 'Signika-Light', normal;
      font-size: 18px;
      line-height: 30px;
      color: #252b32;
}

.icon-contacto{
  width: 70px;
  height: 70px;
}

.contacto-form-map h4 {
    font-family: 'SecularOne-Regular', normal !important;
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    color: #121921;
    text-align: center;
    padding: 60px 0px 55px;
}
.contact-mobil{
  padding-bottom: 60px;
}

#banner-contact{
  margin-top: 103px;
}

@media (max-width: 768px) { 

     .contacto-formas-box{
            padding: 90px 0px 10px 0px;
            background-color: #f8f8f8;
      }

      .contacto-form-map{
        padding-right: 0px;
        padding-left: 0px;
      }

      .contacto-form-map .contact-mobil{
          margin-top: 0px;
      }
  
      .contacto-form-map h4{
          font-family: 'SecularOne-Regular', normal !important;
          font-size: 30px;
          line-height: 30px;
          text-align: left;
          color: white;
          text-align: center;
          padding-bottom: 58px;
      }

      .el-map{
          padding-left: 0px;
          padding-right: 0px;
          height: 500px;
      }

  }


.sub-menu-us hr{
      margin-top: 19px;
      border: 0;
      width: 100px;
      border-top: 7px solid #122112;
      display: none;
}

.sub-menu-us hr.active{
      display: block;
}

.reports_zumma h5 {
    padding-bottom: 40px;
}


.contacto-formas-box{
      padding: 90px 0px 90px 0px;
      background-color: #f8f8f8;
}

.contacto-formas-box h5{
      font-family: 'SecularOne-Regular', normal;
      font-size: 24px;
      line-height: 30px;
      color: #252b32;
      padding-top: 18px;
}

.contacto-formas-box p{
      font-family: 'Signika-Light', normal;
      font-size: 18px;
      line-height: 30px;
      color: #252b32;
}

.icon-contacto{
  width: 70px;
  height: 70px;
}

.contacto-form-map{
    padding:0px;
}

.contacto-form-map h4 {
    font-family: 'SecularOne-Regular', normal !important;
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    color: #121921;
    text-align: center;
    padding: 70px 0px 70px;
    margin-bottom: 0px;
}
.contact-mobil{
  padding-bottom: 60px;
}

#banner-contact{
  margin-top: 103px;
}

@media (max-width: 768px) { 
 .redes-texto:hover{ color: #fff; opacity: 0.7;}
    .description-us h5 {
        font-size: 20px;
       
    }

     .contacto-formas-box{
            padding: 90px 0px 10px 0px;
            background-color: #f8f8f8;
      }

      .contacto-form-map{
        padding-right: 0px;
        padding-left: 0px;
      }

      .contacto-form-map .contact-mobil{
          margin-top: 0px;
      }
  
      .contacto-form-map h4{
          font-family: 'SecularOne-Regular', normal !important;
          font-size: 30px;
          line-height: 30px;
          text-align: left;
          color: white;
          text-align: center;
          padding-bottom: 58px;
      }

      .el-map{
          padding-left: 0px;
          padding-right: 0px;
          height: 643px;
      }

      .contacto-formulario{

          position: initial !important;

        }

        .description-us h4{
    padding: 50px 0px !important;
    margin-bottom: 0px;

}

  }

  .contacto-formulario{

    max-width: 570px;
    height: 643px;
    position: absolute; 
    right:30px;

  }

.description-us h4{
    padding: 70px 0px 25px ;
    margin-bottom: 0px;

}
@media (max-width: 1472px) { 
 .imagen-rayitas-header{
      height: 134px;
 }
}
@media (max-width: 1455px) { 
 .imagen-rayitas-header{
      height: 138px;
 }
}

@media (max-width: 1440px) { 
 .imagen-rayitas-header{
      height: 138px;
 }
}


@media (max-width: 1432px) { 
 #banner-about-us{
      background-position: -1px -111px!important;
 }
 .imagen-rayitas-header{
      height: 145px;
 }
}
@media (max-width: 1320px) { 
 #banner-about-us{
      background-position: -1px -105px!important;
 }
}

@media (max-width: 1280px){
 #banner-about-us {
     background-position: -1px -78px!important;
 }
}

@media (max-width: 1220px){
 #banner-about-us {
     background-position: -1px -52px!important;
 }
}

@media (max-width: 1140px){
 #banner-about-us {
     background-position: -1px -20px!important;
 }
}


@media (max-width: 1040px){
 #banner-about-us {
     background-position: -1px 0px!important;
 }
}