/*===================
========SCROLL=======
=====================*/

body::-webkit-scrollbar,
section::-webkit-scrollbar {
  display: none;
}
textarea {
  resize: none;
}
legend {
  margin-bottom: 10px;
}
p {
  text-align: justify;
}
img:hover {
  cursor: pointer;
}

/*===============================
========CLASES POR DEFECTO=======
=================================*/

.custom-clean-spaces {
  margin: 0;
  padding: 0;
}
.v-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.custom-button {
  width: 100% !important;
  border-color: #f6f6f6 !important;
  border-radius: 50px !important;
  padding: 10px 25px !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}
.custom-button:hover {
  cursor: pointer !important;
  box-shadow: 2px 2px #555 !important;
  transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}
.custom-hover:hover {
  cursor: pointer;
}
.custom-label {
  margin: 0;
}

/*===================
========FUENTE=======
=====================*/
@font-face {
  font-family: "Nexa";
  src: url("../fonts/NexaLight.otf");
}
@font-face {
  font-family: "NexaBold";
  src: url("../fonts/NexaBold.otf");
}
.custom-nexa-bold {
  font-family: "NexaBold" !important;
}
.custom-nexa-light {
  font-family: "Nexa" !important;
}

/*=============================
======COLOR CORPORATIVOS=======
===============================*/

.colorBlueTextEnterprise {
  color: #013544;
}
.colorRedTextEnterprise {
  color: #ac2f2b;
}
.colorEnterprise {
  color: white;
  background-color: #013544;
}

.btnEnterprise,
.btnEnterprise:hover,
.btnEnterprise:active,
.btnEnterprise:focus,
.btnEnterprise:active:focus,
.btnEnterprise:focus-within,
.btnEnterprise:visited {
  color: white;
  background-color: #013544;
  border-color: #013544;
}
.btnEnterprise:hover,
.btn-redEnterprise:hover {
  opacity: 0.8;
}

.btn-redEnterprise,
.btn-redEnterprise:hover,
.btn-redEnterprise:active,
.btn-redEnterprise:focus,
.btn-redEnterprise:active:focus,
.btn-redEnterprise:focus-within,
.btn-redEnterprise:visited {
  color: white;
  background-color: #ac2f2b;
  border-color: #ac2f2b;
}

.colorBlueEnterprise {
  background-color: #013544;
}
.colorRedEnterprise {
  background-color: #ac2f2b;
}

/*=================
======IDIOMA=======
===================*/

#select-language {
  margin-right: 0px;
  margin-bottom: 5px;
}

/*========================
========MEDIA QUERY=======
==========================*/

@media only screen and (min-width: 768px) and (max-width: 992px) {
  #div-carousel {
    margin-top: 150px;
  }

  .buy,
  .send,
  .ecommerce {
    height: 540px !important;
    overflow-y: hidden;
  }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
  #div-carousel {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 500px) {
  #div-carousel {
    margin-top: -30px;
  }

  .imagePhone {
    max-width: 230px;
    padding: 4px;
    background-image: transparent;
    line-height: 1.428571429;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}

@media only screen and (min-width: 993px) {
  #i-img-slider1,
  #i-img-slider2 {
    margin-top: 50px;
  }
  #i-img-slider3 {
    margin-top: 50px;
  }
  #i-img-slider4,
  #i-img-slider5 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .imagePhone {
    max-width: 240px;
    padding: 3px;
    background-image: transparent;
    line-height: 1.428571429;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  #contentIconSecurity {
    display: none;
  }

  #contentSecurity #iSecurityP1 {
    width: 100% !important;
    left: 0% !important;
  }

  .follow,
  .support {
    margin-bottom: 25px;
  }

  .buy:hover {
    background-color: #013544 !important;
  }

  .send:hover {
    background-color: #ac2f2b !important;
  }

  #aboutUsTwo .appPhone {
    margin-top: 20px;
  }

  .buy,
  .send,
  .ecommerce {
    height: 520px !important;
    overflow-y: hidden;
  }

  #titleOne {
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 23px !important;
    text-transform: uppercase;
  }

  #contentIconSecurity {
    height: auto;
  }
}

/*===========================
======SECTION ABOUT US=======
=============================*/

#contentOneAboutUs {
  margin-top: 50px;
  margin-bottom: 50px;
}

#aboutUsOne {
  margin-bottom: 30px;
}

#aboutUsOne legend,
#aboutUsTwo legend {
  font-size: 23px;
}

#aboutUsOne p,
#aboutUsTwo p {
  font-size: 16px;
}

#aboutUsOne p:hover {
  cursor: pointer;
}

#aboutUsTwo .appPhone {
  margin-top: 10px;
}

#aboutUsTwo .appPhone {
  padding-left: 0px;
  padding-right: 0px;
}

#aboutUsTwo .appPhone img:hover {
  cursor: pointer;
}

.imagePhone {
  max-width: 270px;
  padding: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: block;
  margin: 0 auto 0 auto;
}

/*===========================
======SECTION SERVICES=======
=============================*/

#services {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 0px;
}

#services p {
  font-size: 15px;
}

.single-service {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 15px 10px 10px 10px;
  overflow: auto;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.single-service p {
  text-align: justify;
}

.single-service i {
  text-align: center;
  font-size: 60px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  line-height: 100px;
  width: 100px;
  color: #43484e;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.buy,
.send,
.ecommerce {
  height: 540px;
  overflow-y: hidden;
}

.buy:hover,
.ecommerce:hover {
  background-color: #013544 !important;
}

.send:hover {
  background-color: #ac2f2b !important;
}

.imageServices {
  height: 100px;
}

.imageSecurity {
  height: 120px;
}

#titleOne {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 23px !important;
  color: #555;
  text-transform: uppercase;
}

#titleBuy,
#titleSend {
  margin-top: 15px;
  margin-bottom: 15px;
}

#titleSecurity {
  margin-top: 0px;
  margin-bottom: 10px;
}

#contentIconSecurity i {
  margin-top: 23px !important;
}

#contentBuy,
#contentSend,
#contentEcommerce {
  margin-bottom: 30px;
}

#contentBuy .iconType,
#contentSend .iconType {
  margin-top: 10px;
}

#contentBuy:hover,
#contentSend:hover,
#contentEcommerce:hover,
#contentSecurity:hover {
  cursor: pointer;
}

#contentSecurity #iSecurityP1 {
  position: relative;
  width: 100%;
  left: 0%;
}

/*===========================
=======SECTION CONTACT=======
=============================*/

#contact {
}

#contact {
  overflow: hidden;
  background-color: #f6f6f6;
  position: relative;
  padding-bottom: 50px;
  border-top: 1px solid #ddd;
}

#contact #iContactP1 {
  font-size: 23px;
  margin-bottom: 0px;
}

#contact #iContactP2 {
  font-size: 16px;
  margin-bottom: 0px;
}

#contact p {
  text-align: center;
}

#titleContact {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}

#contact-form-section {
  padding: 30px 0px 30px 0px;
  background-color: #f6f6f6;
  height: 690px;
}

form {
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

form {
  padding: 15px 15px 0px 15px;
}

form:hover {
  background-color: #ececec;
  cursor: pointer;
  box-shadow: 2px 2px #555;
  cursor: pointer;
  box-shadow: 2px 2px #555;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

form input,
form select,
form textarea {
  width: 100% !important;
}

form input,
form textarea {
  border-radius: 4px !important;
}

#RecaptchaField1,
#rc-imageselect {
  transform: scale(1);
  -webkit-transform: scale(1);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

/*==================
=======FOOTER=======
====================*/

footer:hover {
  cursor: pointer;
}
#footer {
  background-color: #f6f6f6;
  padding: 25px 0;
}
#footer p {
  margin: 0;
}
footer a {
  font-size: 16px;
  color: #a2a2a2;
}
.support a:hover,
.contactUs a:hover {
  cursor: pointer;
  color: black;
}

/* ESTILO MODAL WHATSAPP */
#btn-send-whatsapp {
  width: 75%;
  border-radius: 50px;
}