@font-face {
  font-family: "akadylan_plainregular";
  src: url("../fonts/akadylan_plain-webfont.woff2") format("woff2"),
    url("../fonts/akadylan_plain-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/**generales**/

body {
  font-family: "Roboto", sans-serif;
}
nav {
  background-color: transparent !important;
}
#navbar {
  background: linear-gradient(to right, #69bcf4d9, #30cc8bd4);
}
nav ul li:last-child a {
  font-weight: 500;
  background-color: #009758d4;
}
.brand-logo img {
  min-width: 70px;
  max-width: 85px;
  min-height: 70px;
  max-height: 85px;
  margin-top: -9px;
}
#contentNav {
  padding: 0;
}
#messages {
  background: linear-gradient(to right, #f73a00, #fd754cd4);
}
.brand-logo #_title-oficial {
  font-family: akadylan_plainregular, Arial, Helvetica, sans-serif;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
nav .nav-wrapper .i-custom{
  height: auto;
  line-height: 0;
  display: inline;
  top: 5px;
  position: relative;
  margin-right: 5px;
}
a.icon-cus {
  font-size: 4.5em;
  margin: 10px;
  color: white;
}
.margin-bottom {
  margin-bottom: 0px !important;
}
.margin-top {
  margin-top: 0px !important;
}
.hr-style {
  border: 1px solid #50c19c;
  margin: 0 auto;
  width: 50px;
  position: relative;
  top: 30px;
}
.text_custom {
  color: #1565c0;
  font-weight: bolder;
}
.border-right {
  border-right: 5px solid;
  padding-right: 10px;
}
/**banner**/
#seccion-one {
  background: linear-gradient(to right, #69bcf4d9, #30cc8bd4);
  min-height: 500px;
}
.name-logo {
  color: #ffffff !important;
  text-shadow: 3px 2px #26a69a;
}
.parallax-container .parallax img {
  transform: translate3d(-50%, 246.268px, 0px);
}
i.small {
  font-size: 2rem;
  vertical-align: bottom;
}
.text-yevele{
  color:#365b69;
}
/*section cities*/
.card-text {
  color: white;
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: revert;
  width: 400px;
}
.card.z-depth-0 {
  border-radius: 10px;
}
.card-text b {
  color: whitesmoke !important;
  font-weight: bold;
}
.card-action {
  padding: 16px 16px !important;
  max-height: 140px;
  min-height: 140px;
}
.card-action b {
  font-size: 18px !important;
  color: #2b2b2b !important;
}
.slice {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #136fca91, #30cc8b8a) !important;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: 0.5s ease;
}
.card:hover .slice {
  width: 100%;
}
#contacto {
  height: 280px !important;
  background: #0c624980 !important;
}
.call-action,
#seccion-one a.unete {
  margin-top: 23px;
  background: linear-gradient(45deg, #6200ea, #1976d2);
}
#counterContent {
  width: 200px;
  background: linear-gradient(to right, #69bcf4d9, #30cc8bd4);
  color: white;
  display: flex;
  align-items: center;
  margin: 0 auto;
  transition: transform 0.5s;
}
#counterContent:hover {
  transform: scale(1.1);
}
#counterContent img {
  width: 80px;
  height: 100px;
  opacity: 0.4;
}
span#counterCities {
  width: 100%;
  font-size: 1.3em;
}
/**contact**/
.fa-twitter-square:hover::before {
  color: #37a5ec;
}
.fa-facebook-square:hover::before  {
  color: #0471ec;
}
/**icons categorias**/
.categoria-icon{
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 110px;
}
.cat-a{
  background-image: url("../../imgs/icons/categories/food-black-transparent.svg");
}
.cat-b{
  background-image: url("../../imgs/icons/categories/healthcare-and-medical-transparent.svg");
}
.cat-c{
  background-image: url("../../imgs/icons/categories/store-trasparent.svg");
}
.cat-d{
  background-image: url("../../imgs/icons/categories/shipping-trasparent.svg");
}
.cat-e{
  background-image: url("../../imgs/icons/categories/shipping-trasparent.svg");
}
.cat-f{
  background-image: url("../../imgs/icons/categories/team-trasparent.svg");
}
.cat-g{
  background-image: url("../../imgs/icons/categories/warehouse-trasparent.svg");
}
.cat-h{
  background-image: url("../../imgs/icons/categories/love-and-romance-transparent.svg");
}
/*slider reviews*/
.carousel .card-content .card-title img {
  width: 100px;
  height: 100px;
}
.carousel .card-action {
  margin-top: -19px !important;
  margin-bottom: 30px !important;
}
.carousel .card-action em {
  font-size: 1.2rem !important;
}
/**footer**/
footer {
  border-top: 5.5px #29b6f68f solid;
}
footer #_sponsors {
  background:  rgb(47, 60, 68);
}
footer #_what-ar-we {
  background: rgb(47, 60, 68);
  padding: 11px 11px 11px 11px;
}
footer.page-footer {
  margin: 0;
}
footer #_collaborators img {
  max-width: 25px;
  max-height: 25px;
}
footer #_comunicator{
  min-width: 150px;
  min-height: 150px;
}
footer #_readme{
  background-color: #f0ca34;
  color: #000;
  font-weight: 400;
  padding: 1px 6px 1px 6px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border: 1px solid #715f02;
  border-radius: 5px;
}


#_x-force {
  background-color: rgba(51, 51, 51, 0.5);
}
@keyframes latidos {
  from {
    transform: none;
  }
  50% {
    transform: scale(1.4);
  }
  to {
    transform: none;
  }
}
.palpitar {
  animation: latidos 0.9s infinite;
}
/*slider resenias*/
.carousel .card-content .card-title img {
  width: 100px;
  height: 100px;
}
.carousel .card-action {
  margin-top: -19px !important;
  margin-bottom: 30px !important;
}
.carousel .card-action em {
  font-size: 1.2rem !important;
}
ul.indicators li {
  background-color: #343c40 !important;
}
/**beneficios**/
#beneficios .s6 , .m4 , .l2 {
  border: 1px solid white;
  padding-bottom: 11px;
}

img.icon-beneficio:hover {
  transform: scale(1.2);
}
#beneficios img {
  padding: 1.5em;
  cursor: pointer;
}
#beneficios p{
  margin-top: -11px;
  max-height: 45px;
}
/*media Querys*/
@media screen and (max-width: 992px) {
  #contentNav {
    z-index: 999;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 3rem;
  }
  img.icon-beneficio {
    width: 100%;
  }
  #contacto {
    height: 320px !important;
  }
  #seccion-one {
    height: 450px;
  }
  #beneficios img {
    padding: 3.3em;
  }
}

@media only screen and (max-width : 667px){
/**beneficios**/
  #beneficios img {
    padding: 2.5em;
  }
}

@media only screen and (max-width : 1024px){
  /**footer**/
  footer #_comunicator {
    min-width: 100px;
    min-height: 100px;
    margin-top: 30px;
  }
}