/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
body {
  font-family: 'Montserrat' !important;
}

small {
  font-family: 'Montserrat' !important;

}

h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title>.menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary {
  font-family: 'Montserrat' !important;
}

.menu-item.current>.menu-link {
  color: #ab2328 !important;
}

.menu-item:hover>.menu-link,
.menu-item.current>.menu-link {
  color: #ab2328 !important;
}

.fbox-plain .fbox-icon i {

  color: #ab2328 !important;
}

#gotoTop:hover {
  background-color: #ab2328 !important;
}

#gotoTop {

  border-radius: 30px !important;
}

/* margin top negative */

.mt-n1 {
  margin-top: -.25rem !important
}

.mt-n2 {
  margin-top: -.5rem !important
}

.mt-n3 {
  margin-top: -.75rem !important
}

.mt-n4 {
  margin-top: -1rem !important
}

.mt-n5 {
  margin-top: -1.25rem !important
}

.mt-n6 {
  margin-top: -1.5rem !important
}

.mt-n7 {
  margin-top: -1.75rem !important
}

.mt-n8 {
  margin-top: -2rem !important
}

.mt-n9 {
  margin-top: -2.25rem !important
}

.mt-n10 {
  margin-top: -2.5rem !important
}

.mt-n11 {
  margin-top: -2.75rem !important
}

.mt-n12 {
  margin-top: -3rem !important
}

.mt-n13 {
  margin-top: -3.25rem !important
}

.mt-n14 {
  margin-top: -3.5rem !important
}

.mt-n15 {
  margin-top: -3.75rem !important
}

.mt-n16 {
  margin-top: -4rem !important
}

.mt-n17 {
  margin-top: -4.25rem !important
}

.mt-n18 {
  margin-top: -4.5rem !important
}

.mt-n19 {
  margin-top: -4.75rem !important
}

.mt-n20 {
  margin-top: -5rem !important
}

.mt-n21 {
  margin-top: -5.25rem !important
}

.mt-n22 {
  margin-top: -5.5rem !important
}

.mt-n23 {
  margin-top: -5.75rem !important
}

.mt-n24 {
  margin-top: -6rem !important
}

.mt-n25 {
  margin-top: -6.25rem !important
}

.mt-n26 {
  margin-top: -6.5rem !important
}

/* end margin top negative */

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-a {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 700;
  color: #fff !important;
  background-color: #ab2328;
  background: linear-gradient(90deg, rgba(218, 41, 28, 1) 0%, rgba(218, 41, 28, 1) 100%);
  border: none;
  border-radius: 1000px;
  box-shadow: 6px 6px 20px rgba(171, 35, 40, .64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 10px;
  margin: 0
}

.button-contact {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  font-weight: 700;
  color: #fff !important;
  background-color: #ab2328;
  background: linear-gradient(90deg, rgba(218, 41, 28, 1) 0%, rgba(218, 41, 28, 1) 100%);
  border: none;
  border-radius: 1000px;
  box-shadow: 6px 6px 20px rgba(171, 35, 40, .64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 10px;
  margin: 0
}

.button-a:hover,
.button:focus {
  color: #313133;
  transform: translateY(-6px);
}

.button-a:hover::before,
.button-a:focus::before {
  opacity: 1;
}

.button-a::before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 6px solid #ab2328;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.6s infinite;
}

.button-a:hover::after,
.button-a:focus::after {
  animation: none;
  display: none;
}

@-webkit-keyframes ring {
  0% {
    width: 10px;
    height: 10px;
    opacity: 1;
  }

  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}

::selection {
  background: #ab2328;
  color: #FFF;
  text-shadow: none;
}

.button.button-dark:hover {
  background-color: #ab2328;
}

.text-gray-light {
  color: #c7c7c7 !important;
}

.dark #copyrights,
#copyrights.dark {
  color: rgba(255, 255, 255, 0.4);
  background-color: #444;
}

#copyrights {
  padding: 15px 0;

}

.border-form-control {
  height: 35px;
  font-size: 15px;
  margin-bottom: 15px;
}

.label-contact {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1px;
}

.fbox-sm .fbox-icon.fboxcustom {
  width: 5rem;
  height: 4rem;
  padding: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.terms-privacy {
  text-decoration: underline !important;
  color: #ffffff;
}

.button:focus {
  color: #fff;
}

.valid-email {
  text-transform: inherit;
  font-weight: 400;
  position: absolute;
  bottom: -16px;
  color: #E42C3E;
}

.required-fields {
  text-transform: inherit;
  font-weight: 400;

}

.col-mb-15 {
  --col-mb: 15px;
}

.fbox-benefits {
  margin: 0 25px !important;
  padding: 0.5rem 0rem 1rem !important;
  border: 4px solid rgba(66, 157, 235, 0.5) !important;
}

.fbox-benefits .fbox-icon {
  left: -39px !important;
  position: absolute !important;
  top: 58% !important;
  background-color: transparent !important;
  width: 4.5rem !important;
  height: 3rem !important;
}

.fbox-benefits .fbox-icon a {
  border: 4px solid #ab2328 !important;
}

.fbox-benefits .fbox-icon i {
  color: #ab2328 !important;
  font-size: 1.75rem !important;
  line-height: 2.5rem !important;
  background: #F9F9F9 !important;
}

iframe {
  display: block;
  border-style: none;
  margin: 0 auto;
  border-radius: 10px !important;
}

.page-section {
  padding: 50px 0;
}

.header-size-custom #logo img {
  height: 40px;
}

.menu-item.menu-divider:after {
  content: '';
  height: 20%;
  width: 2px;
  position: absolute;
  right: 0;
  top: 40%;
  background-color: #a7a7a7;
}

.language-divider:after {
  content: '';
  height: 20%;
  width: 2px;
  position: absolute;
  right: 65px;
  top: 40%;
  background-color: #a7a7a7;
}

.menu-item .menu-link {
  color: #a7a7a7;
  font-weight: 500 !important;
  text-transform: capitalize;
  letter-spacing: 0px !important;
  font-size: 16px !important;
}

.btn-danger {
  background-color: #DA291C;
}

.btn-danger:hover {
  background-color: #ab2328;

}

.header-misc-icon a {
  color: #a7a7a7;
  font-weight: 500 !important;
}

.app-button:hover {
  background-color: #444 !important;
}

.app-button {
  cursor: inherit;
}

.min-vh-85 {
  min-height: 85vh !important
}

.footer-logo {
  height: 40px;
}

.border-bottom {
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #000000 !important;
  border-right: none;
}


.gfq-badge {
  z-index: 1;
  background: #000;
  width: 60px;
  height: 60px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease-in-out;
  right: 0%;
  position: fixed;
  border: 4px solid #DA291C !important;
  top: 60%;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 20%;
}

.gfq-badge p {
  font-size: 12px;
  line-height: 13px;
  color: #ffffff;
  left: 0%;
  position: absolute;
  top: 59%;
  text-align: center;
}

.gfq-badge #image-badge {
  position: absolute;
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* top: 30%; */
  border: none !important;
  width: 43px;
  top: 5px;
  left: 4px;
}

.gfq-panel p {
  font-size: 12px;
  line-height: 13px;
  color: #ffffff;
  left: 0%;
  position: absolute;
  top: 59%;
  text-align: center;
}

.gfq-panel #image-panel {

  /* position: absolute; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* top: 30%; */
  border: none !important;
  width: 60px;
  top: 5px;

}

/* .gfq-badge:hover {
  width: 110px;
  cursor: pointer;
} */

/* .gfq-badge:hover img {
  width: 42% !important;
} */

.gfq-panel {
  transition: all 0.2s ease-in-out;
  opacity: 1;
  border-radius: 4px;
  z-index: 1;
  background: #000;
  width: 110px;
  height: 138px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  /* transform: scale(1.0); */
  right: 0%;
  position: fixed;
  border: 4px solid #DA291C !important;
  top: 60%;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 20%;
}

/* .close-panel {
  margin-top: -461px;
  width: 35px;
  height: 33px;
  background-color: #BE1524;
  border-radius: 50%;
  left: -2%;
  position: absolute;
  top: 78%;
  z-index: -1;
  opacity: 0;
  transition: all 0.1s ease-in-out;
}

.close-panel-active {
  opacity: 1;
  left: 23.5%;
  margin-left: 406px;
  margin-top: -461px;

} */

.panel-active {
  right: 0%;
  opacity: 100;
}

.panel-active-badge {
  opacity: 0;
  z-index: -1;
}

.gfield.no-label>.gfield_label {
  display: none;
}

.gfq-panel input[type="submit"] {
  width: 100%
}

h1>span:not(.nocolor):not(.badge),
h2>span:not(.nocolor):not(.badge),
h3>span:not(.nocolor):not(.badge),
h4>span:not(.nocolor):not(.badge),
h5>span:not(.nocolor):not(.badge),
h6>span:not(.nocolor):not(.badge) {
  color: #000;
}

.text-real-time {
  position: absolute;
  top: 51%;
  left: 17%;
}

.img-real-time {
  position: absolute;
  top: -110px;
}

.img-track {
  position: absolute;
  top: -86px
}

.row-track {
  margin-top: 200px;
}

.text-customize {
  position: absolute;
  top: 24%;
  left: 17%;
}

.img-technical {
  position: absolute;
  top: -64px;
}

.row-technical {
  margin-top: 200px;
  min-height: 600px
}

.row-customize {
  margin-top: 324px
}

.label-form {
  letter-spacing: 0px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
}

#front-img {
  background-image: url('../images/front-page/en/front-pages-eng.png');
  background-color: #FFF;
}

.p-banner {
  max-width: 718px;
  line-height: 1.7;
  font-weight: 400;
}

#container-emphasis-title {
  margin-top: -216px;
}

#title-mobile {
  margin-top: -100px;
  margin-bottom: 20px;
}

.img-feature {
  height: 120px;
}

.text-feature {
  height: 120px;
  background-color: #f4f4f4;
  border: 3px solid #DA291C;
  text-align: justify;
  border-radius: 15px;
  font-size: 23px;
  font-weight: 500;
}

/* .social-mobile{
  height: 100px;
  width: auto;
} */

.benefits-img {
  height: 80px;
  width: auto;
}

#section-stores {
  background-color: #ffffff;
  margin-top: 100px;
  z-index: 0;
}



.all-text-devices {
  font-weight: 400;
  color: #000000;
  line-height: 15px;
}

.preloader,
.preloader2,
#custom-form-process {
  display: block;
  width: 100%;
  height: 100%;
  background: center center no-repeat #FFF;
}

.preloader2 {
  background-color: transparent;
}

#custom-form-process {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: transparent;
}

#custom-form-process::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  opacity: 0.7;
  z-index: -1;
}

#background-form {
  background-image: url(../images/contact.png);
  background-position-x: right;
  background-size: cover;
  padding: 100px;
}

#p-form {
  border: 2px solid #000000;
  padding: 35px 65px !important;
}