.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 6;
  stroke-miterlimit: 10;
  stroke: #1433d9;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #1433d9;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #1433d9;
  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 56px;
  height: 56px;
  margin: 8px;
  border: 6px solid #1433d9;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #1433d9 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* Fonts */
@font-face {
  font-family: 'Aper-Light';
  src: url('../fonts/ApercuPro-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/ApercuPro-Light.otf')  format('opentype'),
         url('../fonts/ApercuPro-Light.woff') format('woff'), url('../fonts/ApercuPro-Light.ttf')  format('truetype'), url('../fonts/ApercuPro-Light.svg#HelveticaRoundedLTStd-Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Aper-Regular';
  src: url('../fonts/ApercuPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ApercuPro-Regular.otf')  format('opentype'),
         url('../fonts/ApercuPro-Regular.woff') format('woff'), url('../fonts/ApercuPro-Regular.ttf')  format('truetype'), url('../fonts/ApercuPro-Regular.svg#HelveticaRoundedLTStd-Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Aper-Medium';
  src: url('../fonts/ApercuPro-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/ApercuPro-Medium.otf')  format('opentype'),
         url('../fonts/ApercuPro-Medium.woff') format('woff'), url('../fonts/ApercuPro-Medium.ttf')  format('truetype'), url('../fonts/ApercuPro-Medium.svg#HelveticaRoundedLTStd-Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Aper-Bold';
  src: url('../fonts/ApercuPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ApercuPro-Bold.otf')  format('opentype'),
         url('../fonts/ApercuPro-Bold.woff') format('woff'), url('../fonts/ApercuPro-Bold.ttf')  format('truetype'), url('../fonts/ApercuPro-Bold.svg#HelveticaRoundedLTStd-Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {font-family: 'Aper-Regular'; -webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;}
h6 {font-family: 'Aper-Light'; font-size: 23px; margin-bottom: 55px;}
.animate{-moz-transition: all 0.3s ease-out;  /*FF3.7+*/ -o-transition: all 0.3s ease-out;  /*Opera 10.5*/ -webkit-transition: all 0.3s ease-out;  /*Saf3.2+, Chrome*/ transition: all 0.3s ease-out;}
figure .fotozoom {width: 100%;  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}

figure:hover .fotozoom { z-index: 1;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.navbar {background-color: transparent; top: 0px; position: fixed; width: 100%; display: block; transition: 0.4s; z-index: 1; padding-top: 20px; padding-bottom: 20px;}
.navbar-nav .nav-item:last-child .nav-link {padding-right: 0px !important;}
.navbar-nav .nav-link {color: #fff; font-family: 'Aper-Light'; font-size: 16px; line-height: 24px; padding-left: 18px !important; padding-right: 18px !important; }
.navbar-nav .nav-link::after {content: '';display: block;width: 0;height: 1px;background: #fff;transition: width .2s;}
.navbar-nav .nav-link:hover::after {width: 100%; transition: width .3s;}

.navbar.scrolled {background-color: #fff !important; transition:0.5s; z-index: 1; color: #000; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.navbar.scrolled .nav-link {color: #000;}
.navbar.scrolled .nav-link::after {background: #000;}
.navbar.scrolled img { filter: brightness(0.05); }
.navbar-brand img {height: 28px;}

.navbar.interior {background-color: #fff !important; transition:0.5s; z-index: 1; color: #000; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.navbar.interior .nav-link {color: #000;}
.navbar.interior .nav-link::after {background: #000;}
.navbar.interior img { filter: brightness(0.05); }
.navbar-brand img {height: 28px;}

.menu-btn {display: none;}

.intro {background-color: #1434d8; background-image: url(../img/bg-intro.jpg); background-size: cover; color: #fff; padding-top: 140px; padding-bottom: 60px;font-size: 21px; font-family: 'Aper-Regular';}
.intro .info {margin-top: 160px;}
.intro .copy {margin-bottom: 10px; font-size: 21px; }
.intro h1 {font-family: 'Aper-Medium'; font-size: 47px; line-height: 46px; margin-bottom: 20px;}
.intro p {margin-bottom: 40px; font-size: 17px; font-family: 'Aper-Light'; text-wrap: balance;}
.intro .photo {position: relative;}
.intro .photo .base {height: auto; width: 46%; border-radius: 12px; position: relative;}
.intro .photo .display1 {position: absolute; left: 38%; top: -5%; border-radius: 12px; width: 46%;
}
.intro .photo .display1 .caption {width: 100%;border-radius: 8px;
-webkit-box-shadow: -15px 20px 22px -2px rgba(0,0,0,0.41);
-moz-box-shadow: -15px 20px 22px -2px rgba(0,0,0,0.41);
box-shadow: -15px 20px 22px -2px rgba(0,0,0,0.41);}
.intro .photo .display1 .mini {position: absolute; left: 5%; bottom: -13%; width: 120%;}
.intro .photo .display1 .mini img {margin-right: 5%; border-radius: 4px; width: 26%;
-webkit-box-shadow: -15px 20px 22px -2px rgba(0,0,0,0.41);
-moz-box-shadow: -15px 20px 22px -2px rgba(0,0,0,0.41);
box-shadow: -15px 20px 22px -2px rgba(0,0,0,0.41)
}

.content.servicestop {color: #fff;}
.content.servicestop .mod1 {background-color: #1c1c1c;}
.content.servicestop .mod2 {background-color: #333333;}
.content.servicestop .modulo {width: 100%; float: right; max-width: 465px; background: rgba(0,0,0,0); padding-top: 40px; padding-bottom: 40px;}
.content.servicestop .mod2 .modulo {float: left; background: rgba(0,0,0,0);padding-left: 40px;}
.content.servicestop .mod1 .modulo {padding-right: 40px;}
.content.servicestop .modulo h2 {font-size: 16px; color: #c69b6d;}
.content.servicestop .modulo h2 small {display: block; font-size: 23px; color: #fff;}

.content.speech {background-color: #262626; color: #b2b2b2; padding-top: 80px; padding-bottom: 80px; font-size: 21px; font-family: 'Aper-Regular';}
.content.speech img {width: 40%; float: right;}

.content.clients {background-color: #fff; color: #000; padding-top: 55px; padding-bottom: 85px;}
#slider-clients {display: none;}
#slider-clients img {width: 100%; filter: grayscale(100%); opacity: 0.85; filter: alpha(opacity=85); margin-top: 8px; margin-bottom: 8px;}
.open {display: block !important;}

.content.services {background-color: #262626; color: #fff; padding-top: 55px; padding-bottom: 65px;}
.content.services .module {margin-bottom: 40px; text-align: center;}
.content.services .module svg {height: 36px; width: auto; fill: #fff; margin-bottom: 10px;}
.content.services .module h3 {font-size: 33px; margin-bottom: 10px;font-family: 'Aper-Regular';}
.content.services .module p {color: #828282; font-size: 20px; line-height: 27px; font-family: 'Aper-Light'; width: 90%; text-align: center; margin: auto;}

.content.works { color: #fff; padding-top: 50px; padding-bottom: 70px;}
.content.works figure {position: relative; overflow: hidden; margin: 0px; cursor: pointer; font-family: 'Aper-Regular';}
.content.works figure .overlay .text span {font-size: 17px; color: #c69b6d;}
.content.works figure .overlay .arrow {position: absolute; right: 10%; bottom: 10%; width: 38px; border: 1px solid #fff; border-radius: 50%;}
.content.works figure h5 {margin-bottom: 0px;}
.content.works figure h5 small {font-family: 'Aper-Light';}
.content.works h6 {color: #000;}
.content.works img {width: 100%;}
.content.works .col-md-4 {background-color: #3a1f47;}
.content.works .dos {background-color: #7d40a0;}
.content.works .tres {background-color: #233ccc;}

.content.works figure .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(20,52,216,0);
}

.content.works figure:hover .overlay {
  opacity: 1;
  background-color: rgba(20,52,216,0.85);
}

.content.works figure .text {
  color: white;
  font-size: 23px; line-height: 20px;
  position: absolute;
  bottom: 35px;
  left: 35px;
  text-align: left;
  opacity: 1;
}

/* Partners */
.partners {background-color: #F9F9F9; padding: 35px 0px; padding-bottom: 45px;}
.partners .container {text-align: center;}
.partners h6 {margin-bottom: 25px; font-size: 20px;}
.partners .brands {display: flex; justify-content: center; gap: 15px; width: 100%; }
.partners .brands img {opacity: .6;}
.partners .brands a {border: 1px solid #00000020; min-width: 200px; border-radius: 6px; color: #7b7b7b; display: block; height: 100%; padding-top: 20px; padding-bottom: 40px; position: relative; text-align: center; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.partners .brands svg {height: 28px; width: auto;}
.partners .brands .google svg {height: 29px;}
.partners .brands .perfit svg {height: 24px;}
.partners .brands .crossup img {height: 26px;}
.partners .brands a span {width: 100%; padding: 3px 0px; border-top: 1px solid #00000020; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 13px; color: #959595;}
.partners .brands a:hover {color: #262626;}
.partners .brands a:hover img {opacity: 1;}

.content.contact {background-color: #262626;padding-top: 50px; padding-bottom: 30px;color: #fff; font-size: 20px;}
.profile {font-family: 'Aper-Light', Arial, sans-serif; text-align: left; margin: auto; margin-top: 0px; margin-bottom: 30px;}
.profile img {width: 50px; border-radius: 50%; display: inline-table; margin-right: 20px; margin-top: 5px;}
.profile p {font-family: 'Aper-Regular', Arial, sans-serif; margin-bottom: 40px;}
.profile ul {margin-left: 0px; padding-left: 0px; list-style-type: none; margin: 0px; display: inline-table; vertical-align: middle; }
.profile a {color: #fff;}
.content.contact .social {margin-top: 50px; text-align: left;}
.content.contact .social a {color: #636363;}
.content.contact .social .fa {font-size: 24px; margin-right: 8px;}

.contact .vermas {text-align: center; display: table; margin: auto; font-size: 13px; color: #ccc; margin-top: 80px;}

.whatsapp-float {display: none !important; width: 64px; height: 64px; cursor: pointer !important; background-color: #1c1c1c; border: 1px solid #1434d8; border-radius: 50%; color: #fff; text-align: center; position: fixed; bottom: 20px; right: 25px;}
.whatsapp-float .fa {font-size: 32px; line-height: 62px; }
.whatsapp-float:hover {cursor: pointer !important; color: #c69b6d;}

#contact-form {position: relative;}
#contact-form .sending {position: absolute; background: rgba(38, 38, 38, .95); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
#contact-form .sending, #contact-form .state1, #contact-form .state2  {display: none;}

.form-bottom .form-control-lg {background-color: #333333; border:0px; color: #ffffff; font-size: 17px;font-family: 'Aper-Light';}
#contact-form  input:-internal-autofill-selected {background-color: #333333 !important; border:0px !important; color: #ffffff !important; }
.form-bottom .form-control-lg::placeholder {color: #eaeaea;}
.btn-zur {border-radius: 50px; border: 2px solid rgba(20,52,216,1); color: #fff;font-size: 17px;font-family: 'Aper-Light'; background: transparent; padding: 15px; padding-left: 30px; padding-right: 30px; text-align: center;}
.btn-zur:focus {box-shadow: none !important;}
.btn-zur:hover {text-decoration: none;}
#contact-form .btn-zur:hover{background-color: rgba(20,52,216,1); border: 2px solid rgba(20,52,216,1);}
.content.intro .btn-zur {border: 2px solid rgba(28,28,28,0.7);}
.content.intro .btn-zur:hover {color: rgba(28,28,28,1); background-color: #fff; border:2px solid rgba(255,255,255,1);}

.interior {padding-top: 90px; padding-bottom: 50px;}
.interior h2 {font-size: 18px; margin-bottom: 18px;}
.enlaces ul {padding-left: 0px; margin: 0px; list-style-type: none; margin-bottom: 30px;}
.enlaces ul a {color: #1434d8;}
.enlaces .dos { column-count: 2; margin-bottom: 30px;}
.enlaces .dos ul {display: flex; flex-direction: column; flex-wrap: wrap; }

footer {padding-top: 20px; padding-bottom: 20px; font-size: 14px; color: #7f7f7f}
footer .copy { text-align: right;}

.grecaptcha-badge {display: none;}

@media (min-width: 1200px) {
  .content.servicestop .modulo {max-width: 555px;}
}

@media (max-width: 992px) {
  .content.servicestop .modulo {max-width: 345px;}
}

@media screen and (max-width: 767px) {

h6 {margin-bottom: 35px; text-align: center;}

.navbar {}
.menu-btn {display: block; padding: 5px; margin-top: 5px;}
.menu-btn .line {background-color: #fff; height: 3px; margin: 5px; display: block; width: 26px;}
.menu-btn .line::before {content: '';}
.navbar.scrolled .line {background-color: #000; }
.pushy-active .pushy {width: 100%;}
.pushy {background-color: rgb(38,38,38);}
.pushy ul {margin-left: 30px; margin-right: 30px;}
.pushy-active .site-overlay {background-color: rgba(28,28,28,0.9);}
.pushy .cerrar-pushy {color: #fff !important; text-align: right; font-size: 35px; border: 0px; display: table; float: right;}
.pushy ul li:first-child a {border: 0px !important; }
.link-pushy {font-family: 'Aper-Light'; font-size: 22px; border:0px !important; border-top: 1px solid rgba(255,255,255,0.1) !important; text-align: left; padding-left: 0px !important;}
.logo-pushy {height: 27px; margin-left: 30px; margin-top: 30px; margin-bottom: 30px;}

.btns-calls {text-align: center; margin-top: 20px;}
.btns-calls .link {width: 64px; height: 64px; border: 1px solid #1434d8; margin-left: 5px; margin-right: 5px; padding: 0px !important; text-align: center !important; cursor: pointer !important; background-color: transparent; border-radius: 50%; color: #fff; text-align: center;display: inline-block;}
.btns-calls .link .fa {font-size: 32px; line-height: 65px; margin: 0px !important; display: inline-block; float: none;}
.btns-calls .link:hover {text-decoration: none;}

.intro .info {margin-top: 40px;}
.intro h1 {font-size: 34px; line-height: 37px;}
.intro p {width: 90%; font-size: 18px; line-height: 25px;}

.intro {overflow: hidden; padding-top: 120px;}
.intro .photo {width: 90%; margin: auto;}
.intro .photo .base {width: 55%; text-align: left; height: auto;}
.intro .photo .display1 {width: 55%; left: 41%;}

.content.speech .photo {display: none;}

.content.clients {overflow: hidden;}

.content.services .module {margin-bottom: 40px; text-align: center;}
.content.services .module.last {display: none;}
.content.services .module svg {height: 24px; margin-right: 6px; margin-bottom: 9px;}
.content.services .module h3 {display: inline-block; font-size: 25px; margin-bottom: 7px;}
.content.services .module p {width: 90%; font-size: 19px; line-height: 24px; margin: auto;}

.btn-zur {width: 60%; display: block; margin: auto;}

/* Partners */
.partners {padding-top: 30px; padding-bottom: 30px;}
.partners .container {flex-wrap: wrap; gap: 0px;}
.partners h6 {margin-bottom: 20px;}
.partners .brands {flex-wrap: wrap;}
.partners .brands .brand {flex: 50%; max-width: 46%;}
.partners .brands a {min-width: auto; padding-top: 16px; padding-left: 15px; padding-right: 15px;} 
.partners .brands svg {height: 19px;}
.partners .brands .google svg {height: 20px;}
.partners .brands .perfit svg {height: 16px;}

.content.contact {text-align: center; font-size: 19px;}
.content.contact .profile {text-align: center;}
.content.contact .social {margin-bottom: 30px; text-align: center;}

.cont-form {border-top: 1px solid #636363; padding-top: 25px;}

footer .copy {text-align: left;}

}