*{
    margin: 0;
    padding: 0;
}
html, body{
    font-family: 'Heebo', sans-serif;
}
body{
  overflow-x: hidden;
}
.wrapper{
	margin: 0 auto;
	padding: 0;
	max-width:100%;
}
.animated{
  opacity: 0;
  transition: all 0.5s;
}
.showT{
  animation: showT .75s;
  transform: translateY(0px);
}
@keyframes showT {
  0%{
    transform:translateY(70px);
  }
  100%{
    transform:translateY(0px);
  }
}
h2,h3,#ham,.sidenav li>a{
  color: #c9222c;
}
h1{
  color: #fff;
  font-size: 96px;
}
h2{
  text-align: center;
}
.descr{
  padding: 10px;
  color: #c9222c;
}
h5{
  color: #fff;
  text-align: justify all;
}
.carousel.carousel-slider .carousel-item h2{
  font-size: 36px !important;
}
p{
  font-size: 16px;
  color: #fff;
  text-align: justify all;
}
.logo{
  position: relative;
  top: -20px;
}
.img{
  position: relative;
  left: 15%;
  top: 0;
  padding: .75em;
}
.imggif{
  position: relative;
  left: 15%;
  top: 0;
  padding: .75em;
}
.row{
  margin-bottom: 0 !important;
}
.xx{
  position: relative;
  left: 7%;
}
nav{
  background-color: rgba(255, 255, 255, 0.5)!important;
  height: 95px;
  z-index: 999;
  transform: translateY(0px);
}

nav .brand-logo{
  padding: .2em;
}
.sticky-nav{
  position: fixed;
  top: -60px;
  transition: transform .5s;
  transform: translateY(60px);
}
nav ul a{
  color: #a61016;
  font-size: 1.25em;
  height: 90px;
}
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons{
  font-size: 36px;
  padding: .25em;
  cursor: pointer;
}
.sidenav .li>a:hover{
  color: #fff;
  height: 60px;
}
a{
  padding: .75em !important;
}
a:hover{
  color: #fff;
}
ul:not(.browser-default)>li{
  text-align: center;
}
.li:hover{
  background-color: #c9222c;
}
.h3{
  z-index: 1;
}
.cloud{
  position: absolute;
  z-index: 999;
}
#c1, #c2, #c3, #c4, #c5, #c6{
  position: absolute;
}
#c1{
  z-index: -1;
  top: 150px;
}
#c2{
  z-index: -1;
  top: 20px;
  left: 100px;
}
#c4{
  z-index: -1;
  top:0;
  left: 100px;
}
#c5{
  left:150px;
  z-index:-1;
}
#c6{
  z-index: 1;
  top: 100px;
  left: 200px;
}
#inicio{
  background: linear-gradient(180deg, rgba(240,240,244,1) 0%, rgba(25,207,255,1) 100%);
}
.slogan, .historia{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.slogan > p{
    padding: 1em;
}
.divider{
  width: 70%;
  background-color: #949494 !important;
  position: relative;
  left: 15%;
}
#nosotros{
  z-index: 1;
  background-color: #161616;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-image: url(Rotulacion.png);
}
.rotulacion{
  position: relative;
  top:100px;
}
.rotulacion, .historia{
  padding: 2em;
  width: 100%;
}
.historia{
  position: relative;
  top:35px;
}
.historia > p{
  color: #fff;
  padding: 1em;
}
.loutrecgif{
  position: absolute;
  padding: 1em;
}
#servicios{
  width: 100%;
}
#servicios .texto > h1{
  margin: auto 0;
  height: 100vh;
}
#servicios .texto h1{
  text-align: center;
  position: relative;
  top:50%;
  transform: translate(0%, 50%);
}
.carousel{
  height: 1000px !important;
}
.bx-wrapper{
  box-shadow: 0 0 0;
  border: none;
  background-color: #161616;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
  position: relative;
  bottom: 50px;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  background:  #c9222c;
}
.bx-controls{
  height: 0;
}
.red, .amber, .blue, .green{
  background-position: center;
  background-size: cover;
}
.text, .textPrintting,.textDesign{
  position: absolute;
  text-align: center;
  margin: auto 0;
  padding: 18em;
}
.card{
  cursor: pointer;
}
.card .card-content{
  padding: 10px !important;
}
.card .card-image img{
  padding: 5px;
}
#serviciosCartera{
  padding: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.buildings{
  z-index: -1;
  position: absolute;
  bottom: 550px;
}
.buildings2{
  z-index: -2;
  position: absolute;
  bottom: 650px;
}
.buildings3{
  z-index: -3;
  position: absolute;
  bottom: 850px;
}
.activatorXD{
  padding: 20px;
}
.promocionales, .sublimacion, .GranFormato,.vinil, .pop, .anuncios2D {
  text-align: center;
}
.input-field{
  padding: 1em;
}
.waves-input-wrapper{
  background-color: #c9222c;
}
#enviar{
	width: 160px;
	text-align: center;
	color: #fff;
}
input[type=text]:not(.browser-default), textarea.materialize-textarea{
  border-bottom: 1px solid #A61016;
}
#encuentranos{
  text-align: center;
  padding: 2em;
  background-color: #282828;
}
.encuentranos p{
  color: #fff;
}
#llamanos{
  background-color: #fff;
}
footer{
  background-color: #161616;
}
.derechos{
  color: #fff;
  text-align: center;
}
#copy{
  color: #a61016;
  position: relative;
  top:5px;
}
.derechos > p{
  margin-top: 1.25em;
}
.social-media{
  width: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
}
.social{
  width: 70px;
  padding: 1em;
  cursor: pointer;
  color: #c9222c;
  transition: filter .5s;
  filter: hue-rotate(0deg);
  filter: brightness(100%);
}
.social:hover{
  filter: hue-rotate(270deg);
  filter:brightness(250%);
}
.logo-footer{
  float: right;
  width: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
}
@media(max-width: 1200px){
  .text, .textPrintting,.textDesign{
    padding: 12em;
  }
}
@media(max-width: 992px){
   .rotulacion{
    top: 0;
   }
   .text, .textPrintting,.textDesign{
     padding: 5em;
   }
   .carr h5{
     visibility: hidden;
   }
   .buildings, .buildings2, .buildings3{
    visibility: visible;
    top:150px;
  }
  #c1, #c2, #c3, #c4, #c5, #c6{
    visibility: hidden;
  }
}

@media (max-width:600px){
  .wrapper{
    width: 100%;
    overflow-x: hidden;
  }
  .carousel{
    height: 500px !important;
  }
  .imggif{
    left: -150px;
    top: 100px;
    padding: 0;
  }
   .carr  h2{
    visibility: hidden;
  }
}