.wrap-section {
width: 100%;
height: 700px;
display: -webkit-box;
}
.wrap-section.sectionright {
background: #f5f4f4;
}
.content-section {
max-width: 1200px;
margin: auto;
display: block;
position: relative;
}
.col-section.colImg {
float: left;
width: 55%;
text-align: center;
position: relative;
}
#quienesomos .col-section.colImg {
opacity: 0;
padding-top: 50px;
width: 55%;
}
#quienesomos.load .col-section.colImg {
opacity: 1;
}
.slideProfile.oscar img {
width: 100% !important;
}
.col-section.colTexto {
float: left;
width: 45%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding-top: 150px;
}
.col-section.colTexto.withreview {
padding-top: 50px;
}
.wrapreview {
margin-top: 60px;
}
div#fullpage {
overflow: hidden;
}
span.reviewtext {
margin-bottom: 7px;
}
.logoreview {
float: left;
margin-right: 37px;
border-radius: 50%;
width: 60px;
height: 60px;
padding: 6px;
border: 0px solid #fdfdfd !important;
box-sizing: content-box;
text-align: center;
}
.reviewtextbox {
float: left;
width: calc(100% - 140px);
position: relative;
z-index: 0;
margin-top: 5px;
}
.reviewtextbox .reviewtext, .reviewtextbox .reviewname {
float: left;
width: 100%;
font-size: 13px;
max-width: 450px;
line-height: 20px;
}
form p.notify {
position: absolute;
font-size: 10px;
bottom: 0px;
color: #e04d4d;
text-transform: uppercase;
top: 6px;
margin-top: 0px;
left: 7px;
}
body.modalopen #toolbar .content-section {
height: 0px;
}
body.modalopen span.hamburguesa-menu.active {
top: 130px !important;
}
.reviewtextbox .reviewname {
margin-top: 9px;
font-size: 13px;
float: none;
}
p.subtitleH2.parf1, p.subtitleH2.parf2 {
margin-bottom: 0px;
}
.reviewtextbox:before, .reviewtextbox img {
content: "";
width: 50px;
height: 40px;
position: absolute;
top: -13px;
left: -29px; z-index: -1;
background-size: auto 100%;
background-repeat: no-repeat;
opacity: 0.8;
}
.reviewname strong {
color: #343d54;
}
.sectionright .reviewtextbox:before {
opacity: 0.8;
}
.sectionright .logoreview {
border: 1px solid #fdfdfd;
}
.sectionright .col-section.colTexto {
padding-left: 4%;
box-sizing: border-box;
}
#socialmedia img {
max-width: 579px;
left: 20px;
position: relative;
}
.sectionright .col-section.colImg {
float: right;
}
.sectionright .col-section.colTexto .titleH2, .sectionright .col-section.colTexto .subtitleH2 {
text-align: left;
float: left !important;
}
.col-section.colTexto>.titleH2 {
max-width: 402px;
}
.col-section.colTexto .titleH2 {
font-family: 'GTWalsheimProMedium';
font-style: normal;
margin-top: 0px !important;
font-size: 65px;
line-height: 65px;
width: 100%;
margin-bottom: 20px;
}
.sectionright .col-section.colTexto .subtitleH2 {
width: 100%;
}
.col-section.colTexto .subtitleH2 {
font-size: 17px;
width: 85%;
font-weight: 300;
line-height: 140%;
}
.fullWidth {
max-width: 100%;
width: 100%;
}
#comolohacemos .fullWidth {
display: flex;
height: 550px;
overflow: hidden;
}
.colHover:last-child {
border-right: 0px;
}
.colHover {
width: 100%;
float: left;
background: rgba(52, 60, 84, 0.85); box-sizing: border-box;
height: 100%;
position: relative;
}
.colHover h2 {
margin: 0px;
padding: 50px 30px;
font-size: 20px !important;
color: #FFF;
position: absolute;
z-index: 99;
visibility: visible;
opacity: 1;
}
.colHover h2:before, .colHover h2:after {
content: "";
width: 50px;
height: 2px;
background: #E5E9EC;
position: absolute;
top: 40px;
opacity: 0.3;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
left: 31px;
}
.colHover.hover h2:before, .colHover:hover h2:before {
opacity: 0;
width: 0px !important;
}
.colHover:hover h2:after, .colHover.hover h2:after {
opacity: 1;
width: 50px !important;
}
.colHover.hover {
border-color: transparent !important;
}
.colHover.hover h2, .colHover.hover .btnHover {
opacity: 0 !important;
visibility: hidden;
}
.colHover.hover:before, .colHover.hover:after {
z-index: 999 !important;
}
.colHover h2:after {
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(69%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to right, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
z-index: 2;
width: 0px;
}
.btnHover {
position: absolute;
width: 70px;
height: 70px;
border: 1px solid #ffffff80;
bottom: 30px;
right: 30px;
border-radius: 70px;
font-size: 14px;
line-height: 70px;
padding: 0px 12px;
box-sizing: border-box;
color: rgba(255, 255, 255, 0);
z-index: 99;
cursor: pointer;
transform: scale(0.8);
text-transform: uppercase;
letter-spacing: 1px;
}
.colHover:hover .btnHover, .colHover.hover .btnHover {
border-radius: 40px;
width: 160px;
color: #FFF !important;
padding-left: 20px;
padding-right: 10px !important;
}
.colHover:hover .btnHover.transitionBox:before,
.colHover:hover .btnHover.transitionBox:after{
right:-10px;
}
.transitionBox {
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.col-section.colHover img {
width: 100%;
position: absolute;
z-index: 0;
min-height: 100%;
}
#col1:before {
content: "";
position: absolute;
height: 100%;
top: 0px;
background: rgba(52, 60, 84, 0.95);
left: 100%;
z-index: 9999;
width: 0%;
transition: 0.4s all ease;
}
#col2:before, #col2:after {
content: "";
position: absolute;
height: 100%;
top: 0px;
background: rgba(52, 60, 84, 0.95);
left: 100%;
z-index: 9999;
width: 0%;
transition: 0.4s all ease;
}
#col2:before {
left: 0%;
right: initial;
transform: translateX(-100%);
z-index: 0;
}
#col3:before, #col3:after {
content: "";
position: absolute;
height: 100%;
top: 0px;
background: rgba(52, 60, 84, 0.95);
left: 100%;
z-index: 9999;
width: 0%;
transition: 0.4s all ease;
}
#col3:before {
left: 0%;
right: initial;
transform: translateX(-100%);
z-index: 0;
}
.colHover:before, .colHover:after, .boxImg:before {
transition-delay: 0.4s !important;
-webkit-transition-delay: 0.4s !important;
} #col4:before {
content: "";
position: absolute;
height: 100%;
top: 0px;
background: rgba(52, 60, 84, 0.95);
left: 0%;
z-index: 9999;
width: 0%;
transition: 0.4s all ease;
transform: translateX(-100%);
}
#quienesomos {
height: 890px !important;
padding-top: 100px;
background: #f5f4f4;
padding-bottom: 50px;
overflow: hidden;
}
div#comolohacemos {
height: 550px;
position: relative;
}
div#comolohacemos:before {
content: "";
position: absolute;
height: 100%;
top: 0px;
background: rgba(52, 60, 84, 0.95);
left: 0%;
z-index: 9999;
width: 0%;
height: 100%;
top: 0px;
transition: 0.8s all ease-in-out;
-webkit-transition: 0.8s all ease-in-out;
transform: translateX(0%);
right: 0%;
margin: auto;
}
div#comolohacemos.hover:before {
width: 100%;
}
.btnHover.transitionBox:before {
content: "";
width: 20px;
height: 1px;
background-size: auto;
position: absolute;
background-repeat: no-repeat;
top: 0px;
bottom: 0px;
margin: auto;
left: 0px;
right: 0px;
transition: 0.4s all ease;
cursor: pointer;
line-height: 2px;
color: #FFF;
text-align: center;
font-size: 48px;
background: white;
opacity: 0.8;
}
.btnHover.transitionBox:after {
content: "";
width: 20px;
height: 1px;
background-size: auto;
position: absolute;
background-repeat: no-repeat;
top: 0px;
bottom: 0px;
margin: auto;
left: 0px;
right: 0px;
transition: 0.4s all ease;
cursor: pointer;
line-height: 2px;
color: #FFF;
text-align: center;
font-size: 48px;
background: white;
transform: translateX(0%) rotate(90deg);
opacity: 0.8;
}
.colHover:hover .btnHover.transitionBox:before, .colHover.hover .btnHover.transitionBox:before {
opacity: 1;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transform: translateX(180%);
-webkit-transform: translateX(180%);
transform: translateX(180%);
}
.colHover:hover .btnHover.transitionBox:after, .colHover.hover .btnHover.transitionBox:after {
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transform: translateX(180%) rotate(90deg);
-webkit-transform: translateX(180%) rotate(90deg);
transform: translateX(180%) rotate(90deg);
opacity: 1;
}
#quienesomos .col-section.colTexto {
padding-top: 0px;
padding-left: 4%;
box-sizing: border-box;
}
@media only screen and (min-width: 1300px) {
#quienesomos .col-section.colTexto {
padding-left: 0%;
padding-top: 0px;
}
div#quienesomos .content-section {
max-width: 1200px !important;
}
}
@media only screen and (min-width: 1500px) {
body .contact-section {
padding-top: 100px !important;
}
}
@media only screen  and (min-width: 799px)  and (max-width: 1200px) {
body .row-section.colImgbotom {
transform: scale(0.8) !important;
left: -3% !important;
margin-top: 0px !important;
}
body.modalopen {
overflow: hidden !important;
}
body #clientes {
height: 800px !important;
overflow: hidden;
}
.clienteDevice .infoCliente {
display: none !important;
}
body #clientes .col-section.colTexto {
padding-top: 30px;
padding-left: 50px;
}
#clientes .col-section.colImg {
transform: scale(0.7) !important;
left: -3% !important;
}
}
.row-point {
float: left;
width: 100%;
margin-bottom: 13px;
}
h2.titleH2.small {
font-size: 23px !important;
clear: both;
float: left;
width: 100% !important;
line-height: 120% !important;
margin-bottom: 0px !important;
}
.stitleH2.big {
font-size: 60px;
}
.subtitleH2.big {
margin-top: 0px;
margin-bottom: 30px;
}
.slideTeam {
width: 686px;
float: right;
height: 438px;
position: relative;
}
.slideTeamNav {
width: 686px;
float: right;
height: auto;
position: relative;
margin-top: 30px;
}
.slideTeamNav button.slick-arrow {
display: none !important;
}
.slideTeamNav ul.slick-dots {
display: none !important;
}
.slideTeamNav .slick-list.draggable {
padding: 0px !important;
}
.slideProfile {
position: relative;
overflow: hidden;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
background: #1c1b22;
}
.slideProfile.smallPreview.rafael .moreProfile {
display: block;
top: 280px;
}
.slideProfile.smallPreview .boxProfile {
transform: translateY(75%);
-webkit-transform: translateY(75%);
}
.slideProfile.smallPreview .moreProfile {
top: 300px;
}
.slideProfile.smallPreview h2.titleH2.small {
font-size: 46px !important;
clear: both;
float: left;
width: 100% !important;
line-height: 44px !important;
margin-bottom: 8px !important;
color: #FFF;
}
.boxProfile {
position: absolute;
top: 40px;
left: 50%;
color: #FFE !important;
z-index: 1;
text-align: left;
}
#quienesomos button.slick-prev.slick-arrow {
display: none;
}
#quienesomos button.slick-next.slick-arrow {
position: absolute;
top: 0px;
height: 100%;
width: 127px;
right: 0px;
box-sizing: border-box;
background: #343c54db;
border: 0px;
cursor: pointer !important;
outline: none;
font-size: 0px;
transform: none;
}
div#quienesomos .content-section {
max-width: 100%;
}
#quienesomos button.slick-next.slick-arrow:before {
content: "NEXT";
position: absolute;
bottom: 43px;
color: #FFF;
text-transform: uppercase;
font-style: italic;
left: 30px;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/right-arrow.svg);
background-size: auto;
padding-right: 34px;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-webkit-transform: translateX(0%);
transform: translateX(0%);
font-size: 11px;
height: 12px;
line-height: 12px;
}
#quienesomos button.slick-prev.slick-arrow {
display: none !important;
position: absolute;
}
#quienesomos button.slick-next.slick-arrow:hover:before {
transform: translateX(8%);
-webkit-transform: translateX(8%);
}
.slideTeam .slick-track {
background: #121924;
overflow: hidden;
height: 438px;
}
.slideProfile img {
transform: translateX(-80px);
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
}
.slideProfile img {
transform: translateX(0px);
}
.slideProfile .titleH2 {
font-size: 30px !important;
font-weight: 900;
margin-top: 0px;
margin-bottom: 3px !important;
color: #FFFFFF;
}
.slideProfile .subtitleH2 {
font-size: 12px;
text-transform: uppercase;
font-style: italic;
line-height: 20px;
color: #FFFFFF;
}
.slideProfile.smallPreview .subtitleH2 {
line-height: 36px;
}
.slideProfile .moreProfile {
position: absolute;
top: 150px;
left: 80%;
color: #FFFFFF !important;
z-index: 1;
text-align: center;
}
.slideProfile .masInfo {
font-size: 12px;
cursor: pointer;
text-align: center;
}
.slideProfile.slick-active.smallPreview {
padding-top: 0px;
}
#popup-section .col-section.colImg {
padding-top: 00px;
}
.masInfo span {
width: 30px;
height: 30px;
margin: auto;
display: block;
background: rgba(18, 24, 37, 0.64);
line-height: 23px;
text-align: center;
border: 2px solid #ffffff3d;
border-radius: 50%;
margin-bottom: 9px;
font-size: 18px;
color: rgba(255, 255, 255, 0.75);
box-shadow: 0px 0px 10px 4px #353535;
-webkit-animation: 1600ms pulsateShadow infinite alternate ease-in-out;
-moz-animation: 2000ms pulsateShadow infinite alternate ease-in-out;
-ms-animation: 2000ms pulsateShadow infinite alternate ease-in-out;
-o-animation: 2000ms pulsateShadow infinite alternate ease-in-out;
animation: 2000ms pulsateShadow infinite alternate ease-in-out;
}
@keyframes pulsateShadow {
0% {
box-shadow: 0px 0px 10px 4px #353535;
}
50% {
box-shadow: 0px 0px 16px 4px #565656
}
100% {
box-shadow: 0px 0px 10px 4px #353535;
}
}
@-webkit-keyframes pulsateShadow {
0% {
box-shadow: 0px 0px 10px 4px #353535;
}
50% {
box-shadow: 0px 0px 16px 4px #565656
}
100% {
box-shadow: 0px 0px 10px 4px #353535;
}
}
@-moz-keyframes pulsateShadow {
0% {
box-shadow: 0px 0px 10px 4px #353535;
}
50% {
box-shadow: 0px 0px 16px 4px #565656
}
100% {
box-shadow: 0px 0px 10px 4px #353535;
}
}
@-ms-keyframes pulsateShadow {
0% {
box-shadow: 0px 0px 10px 4px #353535;
}
50% {
box-shadow: 0px 0px 16px 4px #565656
}
100% {
box-shadow: 0px 0px 10px 4px #353535;
}
}
@-o-keyframes pulsateShadow {
0% {
box-shadow: 0px 0px 10px 4px #353535;
}
50% {
box-shadow: 0px 0px 16px 4px #565656
}
100% {
box-shadow: 0px 0px 10px 4px #353535;
}
}
@keyframes pulsate {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulsate {
0% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes pulsate {
0% {
-ms-transform: scale(1);
}
50% {
-ms-transform: scale(1.2);
}
100% {
-ms-transform: scale(1);
}
}
@-o-keyframes pulsate {
0% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.2);
}
100% {
-o-transform: scale(1);
}
}
.subtitleH2 img {
float: left;
margin: 5px;
margin-right: 11px;
width: 26px;
margin-left: 0px;
vertical-align: middle;
}
.faceDots {
border-radius: 50% !important;
display: block;
width: 73px;
height: 73px;
padding: 8px;
margin: auto;
margin-top: 5px;
position: relative;
}
.faceDots:before {
width: 100%;
height: 100%;
content: "";
position: absolute;
border: 2px solid #eaeaea;
margin: auto;
right: 0px;
top: 0px;
bottom: 0px;
left: -2px;
transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
z-index: -1;
border-radius: 50%;
transform: scale(0);
-webkit-transform: scale(0);
}
.slideProfileNav h2.titleH2.small {
font-size: 12px !important;
font-weight: bold;
margin-top: 2px;
line-height: 43px !important;
}
body .slideProfileNav {}
.slideProfileNav h2.titleH2.small span {
font-family: 'GTWalsheimProMedium';
display: inline-flex;
}
.slideProfileNav h2.titleH2.small span img {
float: left;
width: 20px;
height: 20px;
top: 4px;
position: relative;
margin-left: 3px;
}
.slideTeamNav .slick-track {
transform: none !important;
opacity: 1 !important;
left: -8px;
}
.slick-slide {
outline: none;
cursor: pointer;
}
.slideProfileNav.slick-current .faceDots:before {
transform: scale(1);
-webkit-transform: scale(1);
}
.faceDots img {
border-radius: 50%;
width: 100%;
}
.isotipoHome img {
height: 55px;
}
div#clientes .content-section {
max-width: 100% !important;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 80%;
}
#clientes .col-section.colImg {
height: 600px;
left: 20px;
}
#clientes .col-section.colTexto {
padding-left: 10%;
box-sizing: border-box;
position: relative;
padding-top: 150px;
}
.clienteDevice {
position: absolute;
cursor: pointer;
}
.row-section.colImgbotom {
float: left;
position: relative;
display: block;
height: 300px;
margin-top: 0px;
width: 100%;
}
.novey.clienteDevice {
top: 190px;
right: 70px;
}
.davivienda.clienteDevice {
top: 120px;
right: 230px;
}
.uip.clienteDevice {
top: 8%;
right: 120px;
}
.samsung.clienteDevice {
top: 25%;
left: 5%;
}
.mercedes.clienteDevice {
top: 70%;
left: 75%;
}
.newbalance.clienteDevice {
top: 40%;
left: 50%;
}
.le.clienteDevice {
top: 105%;
left: 35%;
}
.limpio.clienteDevice {
top: 80%;
left: 30%;
transform: skew( 
-5deg
, 
-5deg
);
display: none;
}
.playablanca.clienteDevice {
top: 70%;
left: 35%;
}
.wingo.clienteDevice {
top: 410px;
left: -25px;
width: 30%;
}
.limpio2.clienteDevice {
top: 80%;
left: 62%;
display: none;
}
.clienteDevice:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transform: translateY(0%);
-webkit-transform: translateY(0%);
background-size: 100%;
background-position: 0% 0%;
background-repeat: no-repeat;
opacity: 0;
z-index: 99;
}
.clienteDevice:hover:before {
transform: translateY(0%);
-webkit-transform: translateY(0%);
opacity: 1;
}
.clienteDevice:hover>img {
opacity: 0;
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
.clienteDevice.limpio:hover>img, .clienteDevice.limpio2:hover>img {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.clienteDevice>img {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.clienteDevice:hover {
z-index: 99;
}
.clienteDevice img {
transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.clienteDevice.samsung:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-logo-cfo-1.png);
}
.clienteDevice.mercedes:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-logo-geothermal-new.png);
}
.clienteDevice.newbalance:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-coolscreensga-new1.png);
}
.clienteDevice.le:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-le-logo-new.png);
}
.clienteDevice.playablanca:before ,
body.panama .clienteDevice.playablanca:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-horwath-logo-display-.png);
}
.clienteDevice.wingo:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/logo-hover-ccd.png);
}
.clienteDevice.davivienda:before {
background-image: url(https://griffonwebstudios.com/images/davivienda_smartHOVER.png);
}
.clienteDevice.uip:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-logo-rxbrokers-new1.png);
}
.clienteDevice.novey:before {
background-image: url(https://griffonwebstudios.com/wp-content/uploads/2021/08/hover-oceanwaves-tab-new2.png);
}
body.mexico .clienteDevice.playablanca:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/oxxo_hover.png);
}
body.mexico .clienteDevice.davivienda:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/vips_hover.png);
}
body.mexico .clienteDevice.novey:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/redbull_hover.png);
}
body.mexico .clienteDevice.uip:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/fujifilm_hover.png);
}
span.boxCliente.harmon.clienteDevice {
top: 180px;
right: 380px;
}
body.guatemala .clienteDevice.playablanca:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/campero_hover.png);
}
body.guatemala .clienteDevice.uip:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/cemex_hover.png);
}
body.guatemala .clienteDevice.davivienda:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/telepizza_hover.png);
}
body.guatemala .clienteDevice.novey:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/spectrum_hover.png);
}
body.costarica .clienteDevice.playablanca:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/campero_hover.png);
}
body.costarica .clienteDevice.uip:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/veritas_hover.png);
}
body.costarica .clienteDevice.davivienda:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/aread_hover.png);
}
body.costarica .clienteDevice.novey:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/prodigy_hover.png);
}
body.mexico .clienteDevice.harmon:before {
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/harmon_hover.png);
}
body.guatemala .uip.clienteDevice {
top: 55px;
right: 80px;
}
body.guatemala .davivienda .infoCliente.Xleft {
top: 40px;
left: -100%;
width: 210px;
}
body.costarica .davivienda .infoCliente.Xleft {
top: 40px;
left: -140%;
width: 330px;
}
body.costarica .uip.clienteDevice {
top: 55px;
right: 40px;
}
body.guatemala .davivienda .infoCliente.Xleft img{
margin-bottom: 0px;
left: -11px;
position: relative;
top: 10px;
}
body.costarica .clienteDevice.uip .infoCliente  {
display: none !important;
}
.wingo .infoCliente {
top: -12%;
left: 115%;
background-color: rgba(255, 255, 255, 0.90);
padding: 5px;
border-radius: 5px;
}
span.boxCliente.wingo.clienteDevice span.linehover:before {
left: -11px;
right: initial;
}
span.boxCliente.wingo.clienteDevice span.linehover {
top: 52%;
left: -40%;
width: 81px;
height: 2px;
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
body.guatemala .novey .infoCliente.Xleft {
top: -50px;
left: -307%;
width: 480px;
}
body.guatemala .uip.clienteDevice .infoCliente {
top: -40px;
left: -100%;
width: 250px;
}
.infoCliente {
position: absolute;
top: -233px;
width: 220px;
left: 0px;
visibility: hidden;
opacity: 0;
transform: translateY(10%);
-webkit-transform: translateY(10%);
transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
z-index: 99;
}
.boxCliente:hover .infoCliente {
visibility: visible;
opacity: 1;
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
.linehover:before {
position: absolute;
width: 20px;
height: 14px;
content: "";
bottom: -8px;
left: -11px;
right: 0px;
margin: auto;
border: 2px solid rgba(220, 220, 220, 0.64);
background: rgba(255, 255, 255, 0.26);
border-radius: 50%;
-webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
-moz-animation: 2000ms pulsate infinite alternate ease-in-out;
-ms-animation: 2000ms pulsate infinite alternate ease-in-out;
-o-animation: 2000ms pulsate infinite alternate ease-in-out;
animation: 2000ms pulsate infinite alternate ease-in-out;
}
.newbalance.clienteDevice .linehover:before {
bottom: -8px;
left: 91%;
}
.le.clienteDevice .linehover:before {
bottom: -8px;
left: 91%;
}
.textCliente {
float: left;
text-align: left;
font-size: 14px;
margin-top: 10px;
line-height: 20px;
}
.infoCliente>img {
float: left;
clear: both;
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
margin-bottom: 6px;
max-width: 110px;
}
.playablanca .infoCliente>img {
max-width: 150px;
}
.linehover {
width: 2px;
height: 157px;
background: #dcdcdc;
position: absolute;
top: 110%;
left: 40%;
}
.boxCliente.playablanca .infoCliente {
top: 0%;
left: 130%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
background-color: rgba(255, 255, 255, 0.90);
padding: 5px;
border-radius: 5px;
}
.boxCliente:hover .infoCliente.Xright {
transform: translateX(10%) !important;
-webkit-transform: translateX(10%)!important;
}
.boxCliente:hover .infoCliente.Xleft {
transform: translateX(-10%)!important;
-webkit-transform: translateX(-10%)!important;
}
.boxCliente:hover .infoCliente.Xbottom {
transform: translateY(10%)!important;
-webkit-transform: translateY(10%)!important;
}
.boxCliente.playablanca .linehover {
height: 2px;
width: 117px;
top: 30px;
left: -52%;
}
.boxCliente.playablanca .linehover:before {
bottom: -10px;
left: -100%;
height: 17px;
}
.mercedes.clienteDevice .infoCliente {
top: 120%;
left: -35px;
transform: translateY(0%)!important;
-webkit-transform: translateY(0%)!important;
width: 280px;
background-color: rgba(255, 255, 255, 0.90);
padding: 5px;
border-radius: 5px;
}
.mercedes.clienteDevice .infoCliente .linehover:before {
bottom: inherit;
left: -11px;
top: -9px;
}
.mercedes.clienteDevice .infoCliente .linehover {
height: 80px;
left: 45%;
top: -90%;
}
.newbalance .infoCliente {
top: -125%;
left: 30%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
width: 300px;
}
.le .infoCliente {
top: 90%;
left: -15%;
transform: translateX(0%);
-webkit-transform: translateX(0%);
width: 300px;
}
.newbalance.clienteDevice .linehover {
top: 165%;
width: 140px;
height: 2px;
left: -15%;
-webkit-transform: rotate( 
90deg
);
transform: rotate( 
90deg
);
}
.le.clienteDevice .linehover {
top: -45%;
width: 140px;
height: 2px;
left: 20%;
-webkit-transform: rotate( 
-65deg
);
transform: rotate( 
-65deg
);
}
.samsung .infoCliente {
top: -30px;
left: 90%;
transform: translateX(0%);
-webkit-transform: translateX(1%);
width: 311px;
}
.samsung .infoCliente .linehover {
top: 52%;
left: -35%;
width: 81px;
height: 2px;
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.samsung .infoCliente .linehover:before {
left: -11px;
right: initial;
}
.boxCliente.uip.clienteDevice .infoCliente img {
max-width: 120px;
}
.uip.clienteDevice .infoCliente {
top: -25%;
left: -260%;
width: 235px;
}
.uip.clienteDevice .infoCliente .linehover {
width: 67px;
height: 2px;
left: 96%;
top: 90%;
}
.uip.clienteDevice .infoCliente .linehover:before {
bottom: -7px;
left: 77%;
}
.davivienda .infoCliente.Xleft {
top: 40px;
left: -300%;
width: 540px;
}
.davivienda .linehover {
width: 127px;
height: 2px;
left: 89%;
top: 1%;
}
.davivienda .linehover:before {
bottom: -7px;
left: 87%;
}
.novey .infoCliente.Xleft {
top: -40px;
left: -75%;
width: 230px;
}
.novey .linehover {
width: 65px;
height: 2px;
left: 97%;
top: 47%;
}
.novey .linehover:before {
bottom: -8px;
left: 94%;
}
#clientes {
height: 980px !important;
overflow: hidden;
}
div#contacto .content-section {
max-width: 100% !important;
}
#pointer-map {
display: block;
width: 300px;
height: 170px;
position: absolute;
z-index: 99;
top: 108px;
left: -40px;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
#pointer-map.show a {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
opacity: 0.9;
}
#pointer-map a.panama {
top: 116px;
background: #2d70f5;
left: 183px;
border: 7px solid #5e8eef;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
#pointer-map a.eeuu {
background: #8a8a8a;
top: -62px;
left: 150px;
border: 7px solid #d8d8d885;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
#pointer-map a.espana {
top: -30px;
left: 393px;
background: #8a8a8a;
border: 7px solid #d8d8d885;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
#pointer-map a.ecuador {
top: 110%;
left: 190px;
background: #fcb719;
border: 7px solid #fcd619a6;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
#pointer-map a {
position: absolute;
top: 10%;
width: 24px;
height: 24px;
background: #FDD10B;
border-radius: 50%;
left: 225px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transition: all 1s;
opacity: 0;
}
#pointer-map a.colombia {
top: 153px;
left: 209px;
background: #8a8a8a;
border: 7px solid #d8d8d885;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
#pointer-map a.mexico {
top: 32px;
background: #fdb120;
left: 60px;
border: 7px solid #ffda92;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
#pointer-map a.peru {
top: 250px;
background: #823bd8;
left: 200px;
border: 7px solid #bf8aff;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
#pointer-map a.ecuador {
top: 200px;
background: #ff9b3e;
left: 170px;
border: 7px solid #ffcc9d;
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
} #pointer-map a.panama {
top: 116px;
background: #2d70f5;
left: 183px;
border: 7px solid #5e8eef;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
#pointer-map a.guatemala {
top: 66px;
left: 106px;
background: #ea2e18;
border: 7px solid #f79281;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
#pointer-map a.costarica {
top: 86px;
background: #1a9b3c;
left: 148px;
border: 7px solid #73a97d;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
} body.panama #pointer-map a.panama,
body.mexico #pointer-map a.mexico,
body.costarica #pointer-map a.costarica,
body.guatemala #pointer-map a.guatemala,
body.colombia #pointer-map a.colombia,
body.espana #pointer-map a.espana,
body.eeuu #pointer-map a.eeuu,
body.peru #pointer-map a.peru,
body.ecuador #pointer-map a.ecuador{
-webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
-moz-animation: 1600ms pulsate infinite alternate ease-in-out;
-ms-animation: 1600ms pulsate infinite alternate ease-in-out;
-o-animation: 1600ms pulsate infinite alternate ease-in-out;
animation: 1600ms pulsate infinite alternate ease-in-out;
}
#contacto .subtitleH2 br {
line-height: 31px;
}
@keyframes pulsate {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulsate {
0% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
}
}
@-ms-keyframes pulsate {
0% {
-ms-transform: scale(1);
}
50% {
-ms-transform: scale(1.2);
}
100% {
-ms-transform: scale(1);
}
}
@-o-keyframes pulsate {
0% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.2);
}
100% {
-o-transform: scale(1);
}
}
#contacto .col-section.colTexto {
position: relative;
padding-top: 40px !important;
}
.principal p.subtitleH2 {
margin-top: 11px;
}
.boxPais {
float: left;
width: 100%;
color: #343C54 !important;
}
.boxPais.col50 {
float: left;
width: 50%;
}
.boxPais h2 {
font-weight: 300;
margin-bottom: 9px;
position: relative;
font-size: 16px;
margin-top: 30px;
}
.boxPais h2 strong {
font-size: 20px;
}
.boxPais.principal h2 strong {
font-size: 27px !important;
}
.boxPais.principal h2 {
font-size: 19px !important;
margin-bottom: 0px;
}
.boxPais h2:before {
content: "";
position: absolute;
top: -9px;
width: 20px;
height: 2px;
background: #afafaf;
left: 0px;
z-index: 99;
}
.boxPais.azul h2:before {
background: #2d70f5;
}
.boxPais.verde h2:before {
background: #1a9b3c;
}
.boxPais.morado h2:before {
background: #823bd8;
}
.boxPais.amarillo h2:before {
background: #ffd62b;
}
.boxPais.rojo h2:before {
background: #ea2e18;
}
.boxPais.naranja h2:before {
background: #ff9b3e;
}
#contacto .col-section.colImg img {
width: auto;
left: -253px;
margin: 0px;
position: relative;
z-index: 0;
max-height: 600px;
}
#contacto .col-section.colTexto .titleH2 {
line-height: 55px;
}
.content-section.terminosycondiciones {
padding-top: 100px;
height: 100%;
padding-bottom: 100px !important;
width: 90%;
}
div#headerintro.terminos {
height: 100% !important;
max-height: 100% !important;
min-height: 100% !important;
}
.content-section.terminosycondiciones h2.tituloTerminos {
font-size: 48px;
margin-bottom: 0px !important;
}
.content-section.terminosycondiciones strong {
margin-bottom: 20px !important;
float: left;
width: 100%;
margin-top: 20px !important;
letter-spacing: 0px;
}
.en #contacto .col-section.colTexto .titleH2 {
line-height: 65px;
width: 100% !important;
max-width: 100% !important;
margin-top: 20px !important;
}
#contacto .col-section.colTexto .subtitleH2 {
margin-top: 5px;
}
#contacto {
background: #f5f4f4;
background-position: 0px 100%;
background-size: auto 700px;
background-repeat: repeat-x;
height: 770px;
}
#contacto .col-section.colImg {
height: 600px;
overflow: hidden;
padding-left: 50px;
margin-top: 50px;
}
#contacto .content-section {
max-width: 100% !important;
}
.row-section.colCountry {
float: left;
width: 45%;
display: flex;
flex-wrap: wrap;
z-index: 9;
flex-direction: row;
position: relative;
}
.demo .content {
width: 100%;
max-width: 100%;
margin: auto;
}
.demo-2 {
--color-text: #aaa;
--color-bg: #000;
--color-link: #343C54;
--color-link-hover: #aaa;
--color-info: #1c1cc9;
--glitch-width: 100vw;
--glitch-height: 100vh;
--gap-horizontal: 10px;
--gap-vertical: 5px;
--color-title: #fff;
--time-anim: 4s;
--delay-anim: 1s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: overlay;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: transparent; --blend-color-5: transparent; --blend-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/nariz.png); }
.content__title {
font-size: 39px;
margin: 35vh 0 0 0;
position: relative;
color: var(--color-title);
overflow: visible;
height: 100px;
font-family: 'GTWalsheimProLight';
float: left;
width: 500px;
line-height: 45px;
color: #353b54 !important;
font-weight: 300 !important;
position: absolute;
top: 0px;
margin-top: 0px;
animation-name: glitch-anim-text;
animation-duration: 3.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-delay: 3.5s; }
.titleHeader {
opacity: 0;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
display: block;
float: left;
height: 100px;
width: 500px;
transform: translateX(100%);
-webkit-transform: translateX(100%);
left: 53%;
position: absolute;
top: 40%;
overflow: hidden;
clip: rect(0px, 250px, 100px, 250px);
}
.load .titleHeader {
opacity: 1;
clip: rect(0px, 500px, 100px, 0px);
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
.content__title strong {
font-family: 'GTWalsheimProMedium';
}
.load .glitch {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
.glitch {
animation-delay: 0.3s;
transition-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition: 1s all ease;
-webkit-transition: 1s all ease;
transform: scale(0.8);
-webkit-transform: scale(0.8);
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
width: var(--glitch-width);
height: var(--glitch-height);
overflow: hidden;
height: 100%;
width: 100% !important;
--gap-horizontal: 20px;
--gap-vertical: 2px;
--time-anim: 2.25s; }
.glitch__img {
position: absolute;
top: calc(-1 * var(--gap-vertical));
left: calc(-1 * var(--gap-horizontal));
width: calc(100% + var(--gap-horizontal) * 2);
height: calc(100% + var(--gap-vertical) * 2);
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/cara_header4.jpg) no-repeat 47% 0;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/cara_header4.webp) no-repeat 47% 0;
background-color: var(--blend-color-1);
background-size: auto 100%;
transform: translate3d(0, 0, 0);
background-blend-mode: var(--blend-mode-1);
}
.glitch__img:nth-child(n+2) {
opacity: 0;
}
.imgloaded .glitch__img:nth-child(n+2) {
animation-duration: var(--time-anim);
animation-delay: var(--delay-anim);
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.imgloaded .glitch__img:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
animation-name: glitch-anim-1;
}
.imgloaded .glitch__img:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
animation-name: glitch-anim-2;
}
.imgloaded .glitch__img:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
animation-name: glitch-anim-3;
}
.imgloaded .glitch__img:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
animation-name: glitch-anim-flash;
}
.imgloaded .glitch__img:nth-child(6) {
background-image: var(--blend-image);
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
animation-name: glitch-anim-2;
}
.glitch__img.imgreal {
width: 180px;
margin: auto;
left: 0px;
right: 0px;
background-size: cover;
top: 41px !important;
transform: none !important;
} @keyframes glitch-anim-1 {
0% {
opacity: 1;
transform: translate3d(var(--gap-horizontal), 0, 0);
-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
}
2% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
}
4% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
}
8% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
10% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
12% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
14% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
16% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
18% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
21.9% {
opacity: 1;
transform: translate3d(var(--gap-horizontal), 0, 0);
}
22%, 100% {
opacity: 0;
transform: translate3d(0, 0, 0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes glitch-anim-2 {
0% {
opacity: 1;
transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
}
3% {
-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
}
5% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
}
7% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
9% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
}
11% {
-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
}
13% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
15% {
-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
}
17% {
-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
}
19% {
-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
}
20% {
-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
}
21.9% {
opacity: 1;
transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
}
22%, 100% {
opacity: 0;
transform: translate3d(0, 0, 0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes glitch-anim-3 {
0% {
opacity: 1;
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
}
1.5% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
}
2% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
}
2.5% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
3% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
}
5% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
}
5.5% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
}
7% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
}
8% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
9% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
}
10.5% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
}
11% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
}
13% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
}
14% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
}
14.5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
}
15% {
-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
}
16% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
18% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
}
21.9% {
opacity: 1;
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
}
22%, 100% {
opacity: 0;
transform: translate3d(0, 0, 0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes glitch-anim-text {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
}
10%, 100% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} @keyframes glitch-anim-flash {
0%, 5% {
opacity: 0.2;
transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
}
5.5%, 100% {
opacity: 0;
transform: translate3d(0, 0, 0);
}
}
body {
position: relative;
display: block;
}
#toolbar {
height: 25px;
position: fixed;
width: 100%;
top: 0px;
z-index: 99999;
}
body.toolbaroff #toolbar{
z-index: 99;
}
a.logoHome {
float: left;
height: 100%;
}
#toolbar .content-section {
height: 90px;
padding: 0px 60px;
max-width: 100%;
}
.main-menu {
float: right;
display: flex;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
padding-left: 0px !important;
}
.logoHome img {
height: 50px;
margin-top: 25px;
}
.main-menu li {
list-style: none;
color: #343d54;
margin: 0px 10px;
margin-top: 0px;
position: relative;
}
li.itemmenu.last-child:before {
position: absolute;
width: 1px;
height: 22px;
content: "";
left: 54%;
top: 2px;
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(top, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 66%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(66%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(top, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 66%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(top, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 66%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(top, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 66%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to bottom, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 66%, rgba(0,76,135, 1) 100%);
}
li.itemmenu.last-child a:hover, li.itemmenu.last-child  a.menu.langmenu.off:hover{
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity:1 !important;
}
li.itemmenu.last-child:hover a.on{
opacity:0.2!important;
transform: scale(0.8); 
-webkit-transform: scale(0.8);
}
li.itemmenu.last-child:hover a.off{
opacity:1!important;
transform: scale(1);
-webkit-transform: scale(1);
}
li.itemmenu a.menu.langmenu {
position: relative;
display: -webkit-inline-box;
padding: 4px 0px !important;
}
li.itemmenu .colorbtn {
margin-top: 0px !important;
font-size: 13px !important;
text-transform: uppercase;
min-width: 100px !important;
cursor: pointer;
}
li.itemmenu.item5- {
margin-top: 17px;
}
li.itemmenu .colorbtn .btnContact {
padding: 11px 22px !important;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
letter-spacing: 2px;
min-width: 100px !important;
} 
.main-sticky li.itemmenu .colorbtn .btnContact, 
.main-sticky li.itemmenu .colorbtn:before {
background: none !important;
}
ul.main-menu.main-sticky li.last-child .colorbtn {
margin-right: 0px !important;
float: right;
right: -4px;
border: 1px solid #353b54;
}
li.itemmenu a.menu.langmenu.langEN {
padding-right: 10px !important;
}
li.itemmenu.last-child a:before {
display: none;
}
li.itemmenu.last-child {
margin-left: 5px;
}
.main-menu li a {
color: #353b54;
font-weight: 600;
font-size: 11px;
line-height: 13px;
text-transform: uppercase;
letter-spacing: 2px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
position: relative;
padding: 21px 0px !important;
}
.main-menu li a:before {
content: "";
width: 20px;
height: 2px;
background: #aeaeaf;
position: absolute;
left: 0px;
bottom: 5px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
opacity: 0;
}
.main-menu li a:hover:before {
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(69%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to right, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
width: 50px;
opacity: 1;
}
.main-social {
position: fixed;
bottom: 10px;
right: 30px;
max-width: 300px;
top: initial;
height: auto;
display: flex;
padding: 0px;
transition: 1s all ease;
transform: translateX(0%);
-webkit-transform: translateX(0%);
opacity: 1;
z-index: 99;
}
ul.main-social.off {
transform: translateX(150%);
-webkit-transform: translateX(150%);
opacity: 0;
}
.iconsocial {
display: flex;
padding: 10px;
line-height: 20px;
position: relative;
}
.iconsocial:after {
content: "";
height: 20px;
width: 1px;
background: #dcdcdc;
float: right;
top: 14px;
position: absolute;
right: -1px;
}
.iconsocial a svg {
width: 17px;
}
.main-social2.footer a {
opacity: 0.4;
}
.main-social2.footer a:hover {
opacity: 0.9;
}
.main-social a svg path {
fill: #343c54;
}
.main-social2.footer a svg path {
fill: #FFF;
}
.main-social2.footer .iconsocial:after {
opacity: 0.1;
}
.iconsocial a {
width: 25px;
height: 25px;
text-align: center;
line-height: 31px;
}
.iconsocial:last-child:after {
opacity: 0;
}
.main-social.slow li a {
opacity: 0.3;
}
.main-social.slow li a {
transition: 0.4s opacity ease;
-webkit-transition: 0.4s opacity ease;
-moz-transition: 0.4s opacity ease;
}
.main-social.slow li a:hover {
opacity: 1;
}
.animation-target {
-webkit-animation: animation 2800ms linear infinite both;
animation: animation 2800ms linear infinite both;
}
.tool-scroll {
position: fixed;
left: 30px;
top: 70%;
padding-left: 0px;
z-index: 99;
transition: 2s all ease;
-webkit-transition: 2s all ease;
-moz-transition: 2s all ease;
transform: translateY(-120%) scale(0.9);
}
.tool-scroll.middle {
transform: translateY(-130%) scale(1);
}
.tool-scroll li {
list-style: none;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.tool-scroll.down .itemscroll {
margin: 9px 0px;
}
.itemscroll {
position: relative;
margin: 14px 0px;
}
.itemscroll.active a, .itemscroll:hover a {
padding-left: 62px;
}
li.iconsocial img {
height: 17px;
width: auto;
}
.itemscroll a:before {
background: rgba(69,198,233, 1);
z-index: 2;
width: 0px;
content: "";
width: 20px;
height: 1px;
position: absolute;
top: 50%;
opacity: 1;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
left: 0px;
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(69%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to right, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
}
.itemscroll.active a:before, .itemscroll:hover a:before {
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(69%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to right, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
width: 50px;
}
.boxImg {
width: 100%;
height: 100%;
position: relative;
float: left;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.boxImg:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(52, 60, 84, 0.72);
z-index: 99;
opacity: 1;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.colHover.hover .boxImg:before {
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
background: rgba(52, 60, 84, 1);
}
.itemscroll a {
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
color: #353b54;
font-weight: 600;
font-family: 'GTWalsheimProMedium';
font-style: normal;
font-size: 14px;
line-height: 16px;
padding-left: 32px;
text-transform: uppercase;
letter-spacing: 0px;
display: flex;
text-align: left;
width: 150px;
overflow: hidden;
}
.itemscroll.active a, .itemscroll:hover a {
letter-spacing: 2px;
}
.itemscroll.active.scroll0 a:after {
display: none;
}
.tool-scroll.withtitle li:before {
content: "";
width: 100%;
position: absolute;
height: 100%;
background: #f6f4f4;
left: -100%;
}
.itemscroll.scroll0 a {
overflow: visible;
width: auto;
padding-left: 0px !important;
letter-spacing: 0px !important;
font-size: 12px;
}
.itemscroll.scroll0 a:before {
opacity: 0;
}
.itemscroll.withtitle a:after {
content: "";
position: absolute;
width: 200px;
left: 65%;
z-index: -1;
transform: translateX(-25%);
transition: 0.4s all ease;
clip: rect(0px, 0px, 30px, 0px);
top: 0px;
opacity: 0;
}
.itemscroll:hover a:after {
clip: rect(0px, 200px, 30px, 0px);
transform: translateX(0%);
opacity: 1;
}
.itemscroll.scroll1 a:after {
content: "Digital Marketing";
}
.itemscroll.scroll2 a:after {
content: "Website Development";
}
.itemscroll.scroll3 a:after {
content: "Mobile App Development";
}
.itemscroll.scroll4 a:after {
content: "Artificial Intelligence";
}
.itemscroll.scroll5 a:after {
content: "Blockchain Development";
}
.anclasection {
height: 150px;
position: absolute;
width: 20px;
}
.anclasection.top {
top: 0%;
}
.anclasection.middle {
top: 80%;
}
.anclasection.bottom {
top: initial;
bottom: initial;
}
ul.main-menu.main-sticky {
flex-direction: column;
text-align: right;
clip: rect(0px, 250px, 0px, 0px);
position: absolute;
right: 30px;
position: fixed;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
top: 110px;
transform: translateY(0%);
opacity: 0;
visibility: visible;
animation-delay: 0s;
transition-delay: 0s;
}
ul.main-menu.main-sticky li.last-child .colorbtn {
margin-right: 0px !important;
float: right;
right: -4px;
}
ul.main-menu.main-sticky.active {
clip: rect(40px, 250px, 450px, 0px);
transform: translateY(-20%);
opacity: 1;
visibility: visible;
background: rgba(252, 252, 255, 0);
top: 32px;
padding-top: 119px;
padding-bottom: 25px;
}
ul.main-menu.main-sticky li.itemmenu.last-child:before {
display: none !important;
}
ul.main-menu.main-sticky li {
margin: 10px 10px;
margin-right: 30px !important;
}
div#menuStatic, div#menuStatic .main-menu {
transform: translateY(0%);
-webkit-transform: translateY(0%);
opacity: 1;
}
div#menuStatic.off, div#menuStatic.off3 .main-menu {
transform: translateY(-150%);
-webkit-transform: translateY(-150%);
opacity: 0;
}
div#menuStatic.off3 .main-menu a {
opacity: 0.2;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
}
div#menuStatic.off3 .main-menu a:hover {
opacity: 1;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
}
#menuSticky {
top: -90px;
position: relative;
width: 100%;
max-width: 100% !important;
visibility: hidden;
z-index: 99999;
}
.carrera #menuSticky .isotipo, .carrera #menuSticky .hamburguesa-menu,
#menuSticky.on .isotipo, #menuSticky .hamburguesa-menu.on {
visibility: visible;
}
.isotipoHome {
position: absolute;
top: 30px;
left: 50px;
transform: translateX(-200%) rotate(0deg);
opacity: 0;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
}
#menuSticky.on .isotipoHome {
transform: translateX(0%) rotate(0deg);
opacity: 1;
animation-delay: 0.4s;
transition-delay: 0.4s;
visibility: visible;
}
#menuSticky.on .isotipoHome:hover {
transform: translateX(0%) rotate(90deg);
}
#menuSticky .hamburguesa-menu {
transform: translateX(200%);
z-index: 999;
opacity: 0; width: 20px;
height: 20px;
position: absolute;
right: 60px;
top: 50px;
width: 78px;
transition: 0.6s all ease, 0.1s font-size ease;
-webkit-transition: 0.6s all ease, 0.1s font-size ease;
cursor: pointer;
color: #353b54;
font-weight: 600;
font-size: 11px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: right;
padding-right: 36px;
}
#menuSticky .hamburguesa-menu .line-menu {
position: absolute;
width: 20px;
height: 1px;
background: #aeaeaf;
top: 13px;
right: -4px;
margin-right: 10px;
}
#menuSticky .hamburguesa-menu:hover, #menuSticky .hamburguesa-menu.active {
letter-spacing: 0px;
}
#menuSticky .hamburguesa-menu .line-menu:before, #menuSticky .hamburguesa-menu .line-menu:after, #menuSticky .hamburguesa-menu.active .line-menu:before, #menuSticky .hamburguesa-menu.active .line-menu:after {
content: "";
width: 30px;
height: 1px;
background: #aeaeaf;
position: absolute;
top: -10px;
left: 0px;
transition: 0.4s all ease, 0.1s opacity ease;
-webkit-transition: 0.4s all ease, 0.1s opacity ease;
}
#menuSticky .hamburguesa-menu.active .line-menu {
background: none !important;
}
#menuSticky .hamburguesa-menu.active .line-menu:before {
transform: rotate(45deg) !important;
top: 0px !important;
}
#menuSticky .hamburguesa-menu.active .line-menu:after {
transform: rotate(-45deg) !important;
top: 0px !important;
}
#menuSticky .hamburguesa-menu:hover .line-menu:before, #menuSticky .hamburguesa-menu:hover .line-menu:after, #menuSticky .hamburguesa-menu:hover .line-menu, #menuSticky .hamburguesa-menu.active .line-menu:before, #menuSticky .hamburguesa-menu.active .line-menu:after {
width: 30px;
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(69%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to right, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
margin-right: 0px;
}
.carrera #menuSticky .hamburguesa-menu,
#menuSticky .hamburguesa-menu.on {
animation-delay: 0.3s;
transform: translateX(0%);
opacity: 1;
}
#menuSticky .hamburguesa-menu .line-menu:after {
top: 10px !important;
width: 10px;
left: 0px;
} @-webkit-keyframes animation {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
}
1.14% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
}
2.29% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
}
3.43% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
}
4.54% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
}
4.58% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
}
6.76% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
}
6.86% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
}
9.01% {
-webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
}
9.15% {
-webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
}
11.23% {
-webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
}
20.16% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
}
23.45% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
}
28.47% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
}
28.57% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
}
29.1% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
}
29.86% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
}
31.15% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
}
32.75% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
}
34.33% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
}
35.71% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
}
35.94% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
}
37.51% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
}
40.08% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
}
46.45% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
}
49.02% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
}
55.38% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
57.96% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
}
62.4% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
}
62.5% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
}
64.04% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
64.19% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
64.29% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
64.29% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
65.57% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
}
65.82% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
}
67.11% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
}
67.36% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
}
68.65% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
}
68.9% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
}
70.43% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
}
72.62% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
}
74.4% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
}
76.59% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
}
78.37% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
}
84.52% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
}
86.31% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
}
92.49% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
}
94.28% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
}
98.21% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
}
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
}
}
@keyframes animation {
0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -500, 0, 0, 1);
}
1.14% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -282.728, 0, 0, 1);
}
2.29% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -149.309, 0, 0, 1);
}
3.43% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -72.484, 0, 0, 1);
}
4.54% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -31.997, 0, 0, 1);
}
4.58% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.47, 1, 0, 0, 0, 0, 1, 0, -31.079, 0, 0, 1);
}
6.76% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -1.766, 0, 0, 1);
}
6.86% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -1.214, 0, 0, 1);
}
9.01% {
-webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 2.88, 0, 0, 1);
}
9.15% {
-webkit-transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, -0.007, 1, 0, 0, 0, 0, 1, 0, 2.886, 0, 0, 1);
}
11.23% {
-webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 1.99, 0, 0, 1);
}
20.16% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 0.01, 0, 0, 1);
}
23.45% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.001, 1, 0, 0, 0, 0, 1, 0, -0.003, 0, 0, 1);
}
28.47% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
}
28.57% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1);
}
29.1% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.992, 0, 1);
}
29.86% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -15.312, 0, 1);
}
31.15% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.001, -19.275, 0, 1);
}
32.75% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1);
}
34.33% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1);
}
35.71% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.058, 0, 1);
}
35.94% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1);
}
37.51% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1);
}
40.08% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1);
}
46.45% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
}
49.02% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
}
55.38% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
57.96% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
}
62.4% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
}
62.5% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
}
64.04% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
64.19% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.41, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
64.29% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
64.29% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
65.57% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 218.852, 0, 0, 1);
}
65.82% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.747, 1, 0, 0, 0, 0, 1, 0, 257.135, 0, 0, 1);
}
67.11% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 416.676, 0, 0, 1);
}
67.36% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 439.293, 0, 0, 1);
}
68.65% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 517.583, 0, 0, 1);
}
68.9% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.956, 1, 0, 0, 0, 0, 1, 0, 526.138, 0, 0, 1);
}
70.43% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 546.667, 0, 0, 1);
}
72.62% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 528.816, 0, 0, 1);
}
74.4% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 510.313, 0, 0, 1);
}
76.59% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 498.826, 0, 0, 1);
}
78.37% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.834, 1, 0, 0, 0, 0, 1, 0, 496.885, 0, 0, 1);
}
84.52% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 500.078, 0, 0, 1);
}
86.31% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500.208, 0, 0, 1);
}
92.49% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.994, 0, 0, 1);
}
94.28% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.986, 0, 0, 1);
}
98.21% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 499.997, 0, 0, 1);
}
100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
}
}
body.backdark ul.main-menu.main-sticky {
background: rgba(252, 252, 255, 0) !important;
}
body.backdark ul.main-menu.main-sticky li a, body.backdark #menuSticky .hamburguesa-menu {
opacity: 0 !important;
visibility:hidden;
}
body.backdark.modalopen ul.main-menu.main-sticky li a, body.backdark.modalopen #menuSticky .hamburguesa-menu {
opacity: 1!important;
visibility:visible;
}
ul.tool-scroll.off {
opacity: 0;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
left: -100px;
display:none;
}
.fullheight .content-section {
padding-top: 55px;
}
.colorbtn {
padding: 0px 2px !important;
margin-top: 0px !important;
display: block;
float: inherit;
font-size: 18px;
border-radius: 30px;
font-weight: bold;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
cursor: pointer;
position: relative;
overflow: hidden  !important;
background: none;
animation-name: glitch-anim-text;
animation-duration: 4s;
animation-timing-function: linear; animation-delay: 2s;
min-width: auto;
}
.colorbtn:hover {
animation-name: none;
}
.colorbtn:before {
content: "";
position: absolute;
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(33%, rgba(44,112,245, 1)), color-stop(66%, rgba(0,76,135, 1)), color-stop(100%, rgba(44,112,245, 1)));
background: -webkit-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
width: 100%;
height: 100%;
top: 0px;
left: 0px;
transform: rotate(0deg);
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
}
.colorbtn:hover:before {
transform: rotate(180deg);
}
.colorbtn.tono2 .btnContact {
background: #efefef;
}
.btnContact {
padding: 15px 32px;
display: block;
float: left;
font-size: 18px;
border-radius: 60px;
font-weight: bold;
-webkit-transition: 0.4s all ease-out;
-moz-transition: 0.4s all ease-out;
cursor: pointer;
position: relative;
background: #f6f4f4;
min-width: 165px;
text-align: center;
}
.colorbtn.vers2 .btnContact {
background: #353b54 !important;
color: #f6f4f4;
}
.colorbtn.vers2 {
padding: 0px;
}
.borde {
position: relative;
width: 200px;
height: 200px;
margin: 40px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.borde:before, .borde:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.borde:before {
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
-webkit-background-size: 100% 20px;
-moz-background-size: 100% 20px;
background-size: 100% 20px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhOGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYTRlZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhOGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
background-image: -webkit-linear-gradient(to right, #3acfd5 0%, #3a8ed5 100%), -webkit-linear-gradient(right, #3a4ed5 0%, #3a8ed5 100%);
background-image: -moz-linear-gradient(to right, #3acfd5 0%, #3a8ed5 100%), -moz-linear-gradient(right, #3a4ed5 0%, #3a8ed5 100%);
background-image: -o-linear-gradient(to right, #3acfd5 0%, #3a8ed5 100%), -o-linear-gradient(right, #3a4ed5 0%, #3a8ed5 100%);
background-image: linear-gradient(to right, #3acfd5 0%, #3a8ed5 100%), linear-gradient(to left, #3a4ed5 0%, #3a8ed5 100%);
}
.borde:after {
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-background-size: 20px 100%;
-moz-background-size: 20px 100%;
background-size: 20px 100%;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhOGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYTRlZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhOGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
background-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a8ed5 100%), -webkit-linear-gradient(to top, #3a4ed5 0%, #3a8ed5 100%);
background-image: -moz-linear-gradient(top, #3acfd5 0%, #3a8ed5 100%), -moz-linear-gradient(to top, #3a4ed5 0%, #3a8ed5 100%);
background-image: -o-linear-gradient(top, #3acfd5 0%, #3a8ed5 100%), -o-linear-gradient(to top, #3a4ed5 0%, #3a8ed5 100%);
background-image: linear-gradient(to bottom, #3acfd5 0%, #3a8ed5 100%), linear-gradient(to top, #3a4ed5 0%, #3a8ed5 100%);
}
#contactmodal {
position: fixed;
width: 20px;
height: 1px;
background: #30364d;
transition: 0.4s all ease;
top: 63px;
right: 66px;
margin: auto;
display: block;
z-index: 10000;
opacity: 0;
}
#contactmodal>div {
visibility: hidden;
}
#contactmodal.md-show {
transition: 0.4s all ease, 0.1s opacity ease;
-webkit-transition: 0.4s all ease, 0.1s opacity ease;
-moz-transition: 0.4s all ease, 0.1s opacity ease;
width: 100%;
opacity: 1;
}
#contactmodal.load1 {
right: 0px;
}
#contactmodal.load2 {
top: 0px;
}
#contactmodal.load3 {
height: 100%;
}
body b, body strong {
font-weight: 500;
font-family: 'GTWalsheimProMedium';
}
body.modalopen {
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
visibility: visible;
overflow: hidden;
}
body.modalopen ul.main-menu.main-sticky, body .hamburguesa-menu.hideMiddle .line-menu {
opacity: 0 !important;
font-size: 0px;
}
body .hamburguesa-menu.hideMiddle .line-menu:before, body .hamburguesa-menu.hideMiddle .line-menu:after {
top: 0px;
opacity: 0;
}
body .hamburguesa-menu.hideMiddle, body.modalopen ul.main-menu.main-sticky li a {
font-size: 0px !important;
opacity: 0 !important;
}
body.modalopen .hamburguesa-menu.md-open {
transform: scale(1.3);
}
body.modalopen .hamburguesa-menu, body.modalopen .hamburguesa-menu.md-open {
font-size: 0px !important;
}
body.modalopen .hamburguesa-menu.md-open .line-menu:before, body.modalopen .hamburguesa-menu.md-open .line-menu:after, body.modalopen .hamburguesa-menu.md-open {
opacity: 1 !important;
}
#menuSticky:before {
position: fixed;
content: "";
height: 1px;
background: #30374d;
z-index: 999;
top: 63px;
right: 55px;
margin: auto;
display: block;
visibility: visible;
width: calc(0px);
float: right;
transition: 0.4s all ease;
transition-delay: 0.2s all ease;
opacity: 0;
}
body.modalopen #menuSticky:before {
width: calc(100% - 58px);
}
.contact-section {
width: 100%;
height: 100%;
position: relative;
float: left;
padding: 30px;
padding-top: 50px;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
-moz-transition: 0.6s all ease;
transform: translateX(-10%);
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
opacity: 0;
visibility: hidden;
}
.loadform .contact-section {
transform: translateX(0%)!important;
-webkit-transform: translateX(0%)!important;
-moz-transform: translateX(0%)!important;
opacity: 1 !important;
visibility: visible !important;
overflow: scroll;
}
.contact-section .col-section.colTexto h2 {
color: #FFF;
font-size: 60px;
line-height: 65px;
float: right;
text-align: right;
width: 100% !important;
position: relative;
max-width: 100%;
}
.contact-section .col-section.colTexto .subtitleH2 {
color: #FFF;
text-align: right;
float: right;
width: 100%;
font-size: 30px;
margin-top: 0px;
}
.contact-section .col-section.colForm {
width: 45%;
float: left;
position: relative;
padding-left: 20px;
margin-top: 0px;
z-index: 9999;
}
.contact-section .col-section.colTexto {
width: 47%;
margin-right: 6%;
padding-top: 100px;
display: block;
position: relative;
height: 100%;
}
.col-section.colForm:before {
content: "";
position: absolute;
top: 0px;
left: -26px;
height: 110%;
background: #a7a7a7;
z-index: 99;
width: 1px;
opacity: 0.2;
}
form.contact-form {
height: 100%;
width: 100%;
}
.main-form {
width: 100%;
float: left;
height: 100%;
max-width: 400px;
}
.main-form .boxField.col2 {
width: 48%;
}
.main-form .boxField.col2:nth-child(odd) {
width: 48%;
margin-right: 4%;
}
.main-form .boxField {
float: left;
width: 100%;
margin-bottom: 20px;
position: relative;
}
.boxField.boxradio {
margin-bottom: 10px;
}
.boxField.last {
margin-bottom:15px;
}
input.gray.phone {
height: 55px;
}
.boxField input, .boxField textarea, .boxField select {
padding: 9px 16px;
width: 100%;
background: rgba(255, 255, 255, 0.1);
outline: none;
border: 0px;
line-height: 22px;
font-size: 15px;
color: #FFF;
padding-top: 20px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.boxField.boxSelect:after {
content: "";
position: absolute;
right: 20px;
top: 12px;
width: 0;
height: 0;
border-top: 5px solid #ffffff;
border-right: 5px solid transparent;
border-left: 4px solid transparent;
bottom: 0px;
margin: auto;
opacity: 0.8;
}
.boxField select {
height: 55px;
padding-top: 20px !important;
font-size: 14px;
border-radius: 3px !important;
overflow: hidden;
-webkit-appearance: none;
color:black !important;
}
.boxField select option{
color:black !important;
}
.boxField select option[value=""] {
display: none !important;
}
.boxField input[type="radio"] {
padding: 5px !important;
}
.boxField span {
position: absolute;
color: #f5f5f5;
font-size: 10px;
right: 10px;
top: 8px;
letter-spacing: 0px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
.boxField.focus span {
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 1px;
}
select#plan_de_interes {
padding: 16px 18px !important;
width: 100%;
background: #ffffff0a;
outline: none;
border: 0px;
line-height: 20px;
color: #FFF;
padding-top: 20px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
height: 62px;
border-radius: 0px !important;
padding-right: 20px !important;
font-size: 16px;
text-indent: 4px;
-webkit-appearance: none;
}
select#plan_de_interes option:first-child {
display: none;
}
input.textarea {
height: 110px;
}
.boxField input[type="checkbox"] {
width: 16px;
float: left;
top: 2px;
position: relative;
}
.boxField.boxbutton {
margin: 0px !important;
}
.boxField.boxbutton .colorbtn {
margin-top: 0px !important;
padding: 2px;
outline: none;
}
.boxField.boxbutton .colorbtn .btnContact {
background: #30374d;
color: #FFF;
border: 0px;
outline: none;
min-width: 167px;
height: 53px;
}
form .colorbtn.sent:before {
background: white;
}
.boxField.boxbutton .colorbtn.loading .btnContact {
font-size: 0px;
height: 53px;
min-width: 53px;
padding: 0px;
animation: none;
}
.optionRadio {
float: left;
width: auto;
position: relative;
margin-bottom: 6px;
}
.boxField input[type="radio"] {
float: left;
width: 12px;
margin-top: 4px;
}
.optionRadio label {
float: left;
color: #FFF;
margin-left: 10px;
font-size: 14px;
}
.optionRadio.left {
margin-right: 15px;
width: 46%;
}
.boxField.boxradio label span {
float: left;
text-align: left;
position: relative;
top: -5px;
left: initial;
right: initial;
}
.boxField.boxradio>label {
float: left;
position: relative;
width: 100%;
margin-bottom: 5px;
}
#contactmodal .faceDots {
float: right !important;
max-width: 400px;
width: 340px !important;
margin-top: 150px;
right: 0px;
display: flex;
position: relative;
}
#contactmodal .faceDots img {
width: 73px;
height: 73px;
border: 1px solid rgba(255, 255, 255, 0.35);
padding: 3px;
float: left;
}
#contactmodal .faceDotstext {
float: left;
color: #FFF;
margin-top: 14px;
width: calc(100% - 70px);
}
.faceDotstext label {
width: 100%;
float: left;
font-size: 20px;
padding-left: 16px;
}
.faceDotstext label.title {
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}
.md-popup {
position: fixed;
max-height: 530px !important;
background: #30374e;
z-index: 9999999;
margin: auto;
box-shadow: -19px -19px 51px 5px #26263026;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
max-width: 1100px;
width: 0%;
height: 2px;
transition: 0.7s all ease, 0.5s opacity ease;
-webkit-transition: 0.7s all ease, 0.5s all ease;
visibility: hidden;
}
.md-popup.load1 {
width: 90%;
visibility: visible;
}
.md-popup.load2 {
height: 100%;
}
.md-overlay {
visibility: hidden;
content: "";
width: 200%;
height: 200%;
background: rgba(225, 225, 228, 0.68);
top: -50%;
left: -50%;
position: fixed;
z-index: 9999999;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
opacity: 0;
}
.md-overlay.md-show {
opacity: 1;
visibility: visible;
}
#popup-section {
width: 100%;
height: 100%;
display: block;
float: left;
overflow: hidden;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
opacity: 0;
}
.load3 #popup-section {
opacity: 1;
}
#moreAbout .col-section.colTexto:before {
content: "";
position: absolute;
height: 100%;
top: 0px;
right: 70%;
z-index: -2;
width: 76%;
opacity: 1;
background: rgba(42,47,67,0);
background: -moz-linear-gradient(left, rgba(42,47,67,0) 0%, rgba(42,47,67,0.92) 54%, rgba(42,47,67,1) 59%, rgba(42,47,67,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,47,67,0)), color-stop(54%, rgba(42,47,67,0.92)), color-stop(59%, rgba(42,47,67,1)), color-stop(100%, rgba(42,47,67,1)));
background: -webkit-linear-gradient(left, rgba(42,47,67,0) 0%, rgba(42,47,67,0.92) 54%, rgba(42,47,67,1) 59%, rgba(42,47,67,1) 100%);
background: -o-linear-gradient(left, rgba(42,47,67,0) 0%, rgba(42,47,67,0.92) 54%, rgba(42,47,67,1) 59%, rgba(42,47,67,1) 100%);
background: -ms-linear-gradient(left, rgba(42,47,67,0) 0%, rgba(42,47,67,0.92) 54%, rgba(42,47,67,1) 59%, rgba(42,47,67,1) 100%);
background: linear-gradient(to right, rgba(42,47,67,0) 0%, rgba(42,47,67,0.92) 54%, rgba(42,47,67,1) 59%, rgba(42,47,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2f43', endColorstr='#2a2f43', GradientType=1 );
}
#moreAbout .col-section.colImg img {
float: left;
height: 100%;
}
#moreAbout .israel .col-section.colImg img {
float: left;
height: 130%;
}
#moreAbout .cus .col-section.colImg img {
float: left;
height: 130%;
left: 0%;
top: -10%;
position: relative;
}
#moreAbout .israel .col-section.colImg ,
#moreAbout .carlos .col-section.colImg ,
#moreAbout .cus .col-section.colImg {
width: 35%;
}
#moreAbout .israel .col-section.colTexto ,
#moreAbout .carlos .col-section.colTexto ,
#moreAbout .cus .col-section.colTexto {
width: 65%;
}
#moreAbout .israel .col-section.colTexto:before ,
#moreAbout .carlos .col-section.colTexto:before ,
#moreAbout .cus .col-section.colTexto:before {
right: 55%;
}
#moreAbout .carlos .col-section.colImg img {
float: left;
height: 140%;
position: relative;
}
#popup-section {
width: 100%;
height: 100%;
display: block;
float: left;
}
#moreAbout .col-section.colTexto {
background: #2a2f43;
z-index: 99;
position: relative;
width: 55%;
padding-right: 100px;
padding-top: 15px;
height: 100%;
padding-bottom: 50px;
}
#moreAbout .col-section.colImg {
width: 45%;
height: 100%;
}
ul.boxsocialProfile {
padding: 0px;
display: flex;
width: 100%;
height: 50px;
}
ul.boxsocialProfile li {
min-height: 30px;
min-width: 30px;
margin: 10px;
display: block;
position: relative;
margin-top: 20px;
}
ul.boxsocialProfile li a {
width: 100%;
height: 100%;
float: left;
background-size: cover;
background: #404474;
text-align: center;
line-height: 33px;
border-radius: 50%;
padding: 1px;
}
.boxsocialProfile a svg {
width: 17px;
fill: white !important;
height: 16px;
}
.boxsocialProfile a svg path {
fill: white !important;
}
li#ted-link a {
width: 102px;
background-repeat: no-repeat;
background-color: #3f4474;
border-radius: 9px;
padding: 20px;
background-size: auto 28px;
background-position: 50% 50%;
padding: 5px;
margin-top: 6px !important;
}
div#moreAbout {
max-width: 1000px;
}
#popup-section.rafael .col-section.colImg {
width: 40%;
}
#popup-section.rafael .col-section.colTexto {
width: 60%;
}
#popup-section.rafael  img.moreAboutimg{
height: 130% !important;
}
li#ted-link a:after {
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/team-ted-logo.png) center center no-repeat;
background-size: contain;
height: 29px;
pointer-events: none;
position: absolute;
right: 8px;
top: 0;
width: 36px;
content: "";
}
.bio-section {
padding: 30px;
box-sizing: border-box;
height: 100%;
overflow-y: scroll;
color: #FFF;
padding-left: 0px;
opacity: 0;
transition: 0.2s all ease;
position: absolute;
visibility: hidden;
}
.alberto #bioAlberto {
opacity: 1;
visibility: visible;
}
.oscar #bioOscar {
opacity: 1;
visibility: visible;
}
.rafael #bioRafael {
opacity: 1;
visibility: visible;
}
.israel #bioIsrael {
opacity: 1;
visibility: visible;
}
.cus #bioCus {
opacity: 1;
visibility: visible;
}
.carlos #bioCarlos {
opacity: 1;
visibility: visible;
}
.bio-section h2.titleH2 {
width: 100% !important;
margin-bottom: 20px !important;
font-size: 35px !important;
margin-bottom: 5px !important;
line-height: 47px;
}
.bio-section .subtitleH2 {
font-size: 14px !important;
width: 100% !important;
margin-bottom: 20px !important;
text-transform: uppercase;
}
p.parrafoH2 {
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
}
#moreAbout .col-section.colImg {
width: 45%;
}
.md-close {
position: absolute;
top: 25px;
right: 40px;
width: 30px;
height: 40px;
cursor: pointer;
z-index: 999;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
transform: scale(1);
opacity: 0;
}
.load2 .md-close {
opacity: 1;
}
.md-close:hover {
transform: scale(1.2);
}
.md-close:hover:before, .md-close:hover:after {}
.md-close:before, .md-close:after {
content: "";
width: 30px;
height: 1px;
position: absolute;
top: 16px;
left: 0px;
transition: 0.4s all ease, 0.1s opacity ease;
-webkit-transition: 0.4s all ease, 0.1s opacity ease;
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69,198,233, 1)), color-stop(34%, rgba(44,112,245, 1)), color-stop(69%, rgba(26, 155, 60, 1)), color-stop(100%, rgba(0,76,135, 1)));
background: -webkit-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -o-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: -ms-linear-gradient(left, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
background: linear-gradient(to right, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 34%, rgba(26, 155, 60, 1) 69%, rgba(0,76,135, 1) 100%);
margin-right: 0px;
opacity: 1;
z-index: 999;
}
.md-close:before {
transform: rotate(45deg) !important;
}
.md-close:after {
transform: rotate(-45deg) !important;
}
ul.boxsocialProfile li:first-child {
margin-left: 0px;
}
.hamburguesa-menu a.menu.langmenu {
right: 20px;
position: absolute;
bottom: -30px;
width: 9px;
text-align: center;
line-height: 15px;
letter-spacing: 0px;
color: #353b54;
transition: 0.4s all ease, 0.1s opacity ease;
-webkit-transition: 0.4s all ease, 0.1s opacity ease;
}
body.backdark .hamburguesa-menu a.menu.langmenu {
color: #FFF !important;
}
.hamburguesa-menu.active a.menu.langmenu {
opacity: 0 !important;
}
.hamburguesa-menu a.menu.langmenu.langES {
bottom: -50px;
}
a.menu.langmenu.off {
opacity: 0.2;
}
.hamburguesa-menu a.menu.langmenu:hover {
opacity: 1;
}
p.disclamer {
float: left;
color: white;
margin: 0px;
margin-bottom: 20px;
}
.md-close.show {
opacity: 1 !important;
z-index: 10000 !important;
}
#footer {
height: auto;
background: #2f384d;
position: relative;
}
#PlusFooter {
width: 60px;
height: 60px;
background: #2f384d;
position: absolute !important;
left: 0px;
right: 0px;
margin: auto;
top: -18px;
border-radius: 50%;
color: #FFF;
font-size: 31px;
text-align: center;
font-weight: 300;
line-height: 44px;
cursor: pointer;
}
#PlusFooter:hover:before {
transform: rotate(180deg);
}
#PlusFooter:hover:after {
transform: rotate(270deg);
}
#PlusFooter.active:after {
transform: rotate(45deg);
}
#PlusFooter.active:before {
transform: rotate(135deg);
}
#PlusFooter span {
position: absolute;
font-size: 8px;
left: 0px;
right: 0px;
margin: auto;
bottom: -10px;
text-transform: uppercase;
letter-spacing: 1px;
transform: translateY(-10px);
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease, 0.1s visibility ease;
-moz-transition: 0.6s all ease, 0.1s visibility ease;
opacity: 0;
}
#PlusFooter span.textMenos {
visibility: hidden;
}
#PlusFooter.active span.textMenos {
visibility: visible;
}
#PlusFooter.active span.textPlus {
visibility: hidden;
}
#PlusFooter:hover span {
transform: translateY(0px);
opacity: 1;
}
#footer .content-section {
width: 100%;
padding: 20px 20px 19px 20px;
overflow: hidden;
}
#footer .colfooter {
float: left;
width: 45%;
color: #f5f4f4;
}
.main-social2.footer {
width: auto;
float: right;
display: flex;
text-align: right;
max-width: 500%;
padding: 5px;
margin: 0px 0px;
margin-right: 40px;
}
html {
background: #f5f4f4;
}
#PlusFooter:before, #PlusFooter:after {
content: "";
height: 19px;
width: 1px;
position: absolute;
background: #EEEEEE;
top: 13px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
}
#PlusFooter {
width: 60px;
height: 60px;
background: #2f384d;
position: absolute !important;
left: 0px;
right: 0px;
margin: auto;
top: -18px;
border-radius: 50%;
color: #FFF;
font-size: 31px;
text-align: center;
font-weight: 300;
line-height: 44px;
cursor: pointer;
z-index: 999;
}
#PlusFooter:hover:before, #PlusFooter:hover:after {
background: -moz-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(33%, rgba(44,112,245, 1)), color-stop(66%, rgba(0,76,135, 1)), color-stop(100%, rgba(44,112,245, 1)));
background: -webkit-linear-gradient(-45deg, #e92e18 0%, #fdb100 33%, #2c70f5 66%, #1a9b3d 100%);
background: -o-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -moz-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(33%, rgba(44,112,245, 1)), color-stop(66%, rgba(0,76,135, 1)), color-stop(100%, rgba(44,112,245, 1)));
background: -webkit-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
}
#PlusFooter:after {
transform: rotate(90deg);
}
#footer.active .footertop {
visibility: visible;
padding-top: 30px;
padding-bottom: 40px;
max-height: 335px;
transition: max-height .6s;
}
.footertop {
display: flex;
padding: 0px;
height: auto;
max-height: 0;
visibility: hidden;
}
.columns-footer {
width: 31%;
margin-left: 1%;
margin-right: 1%;
display: block;
opacity: 0;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
visibility: hidden;
}
.active .columns-footer {
opacity: 1;
visibility: visible;
}
.columns-footer ul {
padding: 0px;
list-style: none;
}
.columns-footer ul li {
margin-bottom: 5px;
}
.columns-footer ul li a, .columns-footer ul li span {
color: #eee;
opacity: 0.8;
font-size: 16px;
cursor: pointer;
}
.columns-footer ul li h3 svg {
width: 34px;
float: left;
height: 46px;
z-index: 999;
fill: white;
margin-right: 10px;
}
.columns-footer ul li a:hover, .columns-footer ul li span:hover {
color: #eee;
opacity: 0.95;
}
.columns-footer h4 {
color: #f5f4f4;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
}
.columns-footer ._pxg {
display: inline-block;
overflow: hidden;
position: relative;
margin-top: 0px;
background-size: 14px 13px;
height: 16px;
top: 1px;
width: 69px !important;
}
h2.titleH2.big svg {
width: 30px;
position: relative;
top: 7px;
}
.slideProfile.smallPreview .subtitleH2 svg {
width: 25px;
top: 7px;
position: relative;
margin-right: 10px;
}
.columns-footer ul li h3 {
margin: 0px;
padding: 0px !important;
margin-top: 12px !important;
}
.columns-footer ul li h3 img {
height: auto !important;
width: auto;
margin-right: 10px;
height: 17px !important;
}
.boxcounter img {
position: absolute !important;
width: 23px;
top: 1px;
left: initial !important;
}
#comolohacemos .fullWidth .titleComo {
content: "Como lo hacemos";
text-transform: uppercase;
bottom: 30px;
z-index: 9999;
position: fixed;
color: #f5f4f4;
left: 30px;
width: 75px;
font-size: 12px;
font-weight: 600;
font-family: 'GTWalsheimProMedium';
font-style: normal;
opacity: 1; background-repeat: no-repeat;
background-position: -6% 88%;
padding-bottom: 15px;
}
#comolohacemos .fullWidth .titleComo:before {
content: "";
width: 23px;
height: 1px;
background: #f5f4f4;
position: absolute;
bottom: 4px;
opacity: 0.9;
left: 0px;
}
#comolohacemos.hidetitle .fullWidth .titleComo {
opacity: 0 !important;
visibility: hidden;
}
.isMobile {
display: none !important;
}
#Whatmobile {
color: #383f56;
z-index: 999;
bottom: 40px;
position: absolute;
font-size: 11px;
letter-spacing: 1px;
font-weight: 600;
font-family: 'GTWalsheimProMedium';
font-style: normal;
left: 0px;
right: 0px;
margin: auto;
text-align: center;
width: 160px;
padding-bottom: 40px;
cursor: pointer;
}
.arrowDown {
top: 8px;
position: absolute;
margin: auto;
left: 0px;
right: 0px;
width: 30px;
display: block;
height: 30px;
-webkit-animation: 1000ms floating infinite alternate ease-in-out;
-moz-animation: 1000ms floating infinite alternate ease-in-out;
-ms-animation: 1000ms floating infinite alternate ease-in-out;
-o-animation: 1000ms floating infinite alternate ease-in-out;
animation: 1000ms floating infinite alternate ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
opacity: 0.8;
}
100% {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 1;
}
}
@keyframes floating {
0% {
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
opacity: 0.8;
}
100% {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 1;
}
}
@media only screen and (min-width: 1600px) {
.main-form .boxField {
float: left;
width: 100%;
margin-bottom: 30px;
position: relative;
}
body .main-form .boxField.col2 {
width: 100%;
}
body .main-form .boxField.col2:nth-child(odd) {
width: 100%;
margin-right: 0%;
}
}
@media only screen and (min-width: 641px) {
.slideProfile {
width: 560px !important;
}
#ecommerce .col-section.colTexto {
padding-top: 50px;
}
}
@media only screen and (max-width: 1280px) {
body .contact-section {
padding-top: 35px;
}
body #menuSticky .hamburguesa-menu {
right: 30PX;
}
.contact-section {
padding: 30px 50PX;
}
}
@media only screen and (min-width: 799px)  and (max-width: 960px) {
#clientes .col-section.colImg {
transform: scale(0.6) !important;
left: -10% !important;
}
body .row-section.colImgbotom {
right: -15%;
}
}
@media only screen  and (min-width: 799px)  and (max-width: 1024px) {
.col-section.colImg {
width: 45%;
}
li.itemmenu.item2 {
display: none;
}
#contacto .col-section.colImg {
height: 600px;
padding-left: 50px;
margin-top: 50px;
transform: scale(0.8);
overflow: visible;
}
body div#clientes {
height: 700px !important;
}
body .row-section.colImgbotom {
transform: scale(0.8) !important;
left: initial !important;
margin-top: 0px !important;
right: -27%;
}
#clientes .col-section.colTexto {
text-align: right;
padding-left: 0%;
padding-right: 5%;
}
#clientes span.colorbtn.tono2 {
display: none !important;
}
#clientes .col-section.colTexto .titleH2 {
float: right;
max-width: 100%;
}
#clientes .col-section.colTexto .subtitleH2 {
width: 100%;
}
#clientes .col-section.colTexto {
box-sizing: border-box;
position: relative;
padding-top: 150px;
text-align: right;
}
.slideComo .col-section.colTexto {
width: 100% !important;
}
.slideComo .col-section.colImg {
display: none;
}
body div.slideComo .col-section.colTexto .titleH2 {
font-size: 45px !important;
}
#comolohacemos .col-section.colImg img.imgslide {
width: 90%;
}
.col-section.colTexto {
width: 55%;
}
.col-section.colTexto .titleH2 br {
display: none;
}
.col-section.colTexto .titleH2 {
font-size: 50px;
line-height: 59px;
margin-bottom: 0px;
}
.fullheight .content-section {
padding-top: 85px;
}
.col-section.colTexto {
padding-top: 60px;
}
h2#h2scroll1 {
padding-top: 50px;
}
.sectionright .col-section.colTexto {
padding-left: 12%;
} 
.tool-scroll {
left: 20px;
}
}
@media only screen  and (min-width: 641px)  and (max-width: 1160px) {
#fullpage .col-section.colImg img {
width: 90%;
}
body #quienesomos.load .col-section.colImg {
opacity: 1;
padding-top: 0px;
}
body .md-popup .col-section.colImg {
display: none !important;
}
#ecommerce .subtitleH2.destacado.isDesktop{
display:none;
}
.col-section.colHover img {
width: auto;
position: absolute;
z-index: 0;
min-height: 100%;
}
.titleHeader{
left: 35%;
}
.slideTeam .slick-list.draggable{
border-radius: 0px !important;
}
#quienesomos {
height: 1200px !important;
padding-top: 80px;
background: #f5f4f4;
padding-bottom: 50px;
overflow: hidden;
}
.slideTeam {
margin-right: 200px;
}
#quienesomos .wrap-section{
height: 100% !important;
}
#quienesomos .col-section.colImg {
opacity: 1;
width: 100% !important;
}
.slideComo {
padding: 40px 50px;
}
#quienesomos .col-section.colTexto {
width: 100% !important;
margin-bottom: 0px;
} 
#quienesomos .row-point {
float: left;
width: 50%;
margin-bottom: 13px;
}
body .slideComo .col-section.colTexto .titleH2 {
font-size: 52px;
max-width: 100%;
margin-bottom: 2px;
font-size: 35px !important;
}
#comocol1 .col-section.colTexto {
padding-top: 0px !important;
}
body .slideComo .col-section.colTexto {
padding-left: 0px;
}
.slideComo .colImg img {
top: 29px;
position: relative;
max-width: 120%;
}
.col-section.colTexto.withreview {
padding-top: 0px;
}
#toolbar .content-section {
height: 90px;
padding: 0px 20px;
max-width: 100%;
}
body a.logoHome {
width: 160px;
}
body .logoHome img {
height: auto;
margin-top: 30px;
max-width: 100%;
margin-bottom: auto;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px){
.item5{
display:none;
}
div#menuStatic .main-menu {
transform: translateY(-150%) !important;
-webkit-transform: translateY(-150%)!important;
opacity: 0 !important;
}
#menuSticky .hamburguesa-menu {
animation-delay: 0.3s!important;
transform: translateX(0%)!important;
opacity: 1!important;
visibility: visible;
top: 22px;
right: 30px;
}
.content__title {
font-size: 28px;
line-height: 30px;
}
.titleHeader {
left: 35%;
}
}
@media only screen and (max-width: 480px) {
.titleHeader {
height: 200px;
width: 90%;
transform: translateX(100%);
-webkit-transform: translateX(100%);
left: 0;
position: absolute;
top: 40%;
overflow: hidden;
clip: rect(0px, 250px, 200px, 250px);
max-width: 380px;
right: 0;
margin: auto;
}
.load .titleHeader {
opacity: 1;
clip: rect(0px, 380px, 200px, 0px);
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
}
@media only screen and (min-width: 480px)  and (max-width: 640px) {
body #clientes .colorbtn{
display: none !important;
}
body .slideTeam .slick-track {
min-height: 460px !important;
}
body  .slideProfile .imgslide {
max-height: 100% !important;
}
}
@media only screen and (max-width: 640px) {
.columns-footer ul li h3 svg{
float: none;
}
body #boxpremios {
content: "";
width: 100px;
height: 100px;
bottom: 10px;
left: 10px;
position: fixed;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/gifpremios.gif);
background-size: 100% ;
background-repeat: no-repeat;
background-position: center center;
}
body #boxpremios  img{
display: none !important;
} #pop-up-conferencias form p.notify {
font-size: 8px !important;
margin-top: 5px !important;
}
.columns-footer {
width: 100% !important;
text-align: center!important;
margin: 0 auto;
}
#footer.active .footertop {
max-height: 730px;
display: block;
margin: 0 auto;
}
.no-column{
display: none !important;
}
#pop-up-conferencias #imagen-alberto-590{
display:none !important;
}
#pop-up-conferencias #imagen-alberto{
display:none !important;
}
#pop-up-conferencias {
height: 96% !important;
width: 92% !important;
z-index: 9999999999 !important;
border-radius: 9px 9px 9px 9px !important;
}
#pop-up-conferencias #imagen-alberto-620 {
border-radius: 9px 9px 0 0 !important;
overflow: hidden !important;
float: left !important;
display: block !important;
width: 100% !important;
height: 23% !important;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/alberto-img-590.png) !important;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/alberto-img-590.webp) !important;
background-repeat: no-repeat !important;
background-position: 29% bottom !important;
background-color: #2a2f44 !important;
background-size: auto 95% !important;
color: #ececec !important;
}
#pop-up-conferencias #name-tag {
top: 50px !important;
left: 650px !important;
width: 330px !important;
}
#pop-up-conferencias #nombre {
font-family: 'GTWalsheimProregular', sans-serif !important;
font-size: 18px !important;
font-weight: 100 !important;
text-align: left !important;
margin: 0 0 0 -500px;
float: left;
}
#pop-up-conferencias #name-tag p {
font-family: 'GTWalsheimProLight', sans-serif !important;
font-weight: 100 !important;
font-size: 9px !important;
margin: 0px 0 0 0px !important;
}
#pop-up-conferencias #right-container{
height: auto !important;
top: 23% !important;
margin: 0 auto !important;
width: 100% !important;
}
#pop-up-conferencias #content{
display: block !important;
height: auto !important;
width: 90% !important;
margin: 2% 5% 2% 5% !important;
}
#pop-up-conferencias #title {
margin: 6% 0 3% 0 !important;
width: 90% !important;
}
#pop-up-conferencias #title h1 {
font-size: 18px !important;
}
#pop-up-conferencias #subtitle {
height: 20px !important;
margin: 2% 0 6% 0 !important;
}
#pop-up-conferencias #form{
margin: 0 0 0 0 !important;
}
#pop-up-conferencias #subtitle h3 {
font-size: 15px !important;
font-family: 'GTWalsheimProThin', sans-serif !important;
letter-spacing: 0px !important;
margin: 0 0 0 0 !important;
}
#pop-up-conferencias .custom-imput-50-cont {
position: relative!important;
width: 48%!important;
height: 36px !important;
margin: 2% 0px 2% 0!important;
display: inline-block!important;
}
#pop-up-conferencias .custom-imput-50 {
height: 100% !important;
width: 100% !important;
float: left!important;
font-size: 13px !important;
padding-left: 10px !important;
}
#pop-up-conferencias .custom-imput-100-cont {
position: relative !important;
width: 100% !important;
height: 50px!important;
float: left!important;
margin: 2% 0px 3% 0px!important;
display: inline-block!important;
}
#pop-up-conferencias .custom-imput-100 {
height: 50px !important;
width: 100% !important;
float: left!important;
font-size: 13px !important;
padding-left: 10px !important;
padding-top: 5px !important;
}
#pop-up-conferencias #campos {
height: 15px !important;
margin: 6% 0 2% 0 !important;
font-size: 13px !important;
width: 50% !important;
font-family: 'GTWalsheimProThin', sans-serif !important;
}
#pop-up-conferencias #send {
height: 48px !important;
margin: 4% 0px 0 0px !important;
width: 130px !important;
}
#pop-up-conferencias .colorbtn-conf {
min-height: 39px !important;
width: 100% !important;
padding: 1px !important;
border-radius: 70px !important;
}
#pop-up-conferencias .btnContact_conf {
padding: 5px 35px !important;
min-height: 32px !important;
font-size: 21px !important;
text-align: center !important;
min-width:128px !important;
}
#pop-up-conferencias #speakers-row {
display: none !important;
}
#pop-up-conferencias #speakers {
display: none !important;
}
#pop-up-conferencias #speakers-row h3 {
margin: 52px 0 0 35px !important;
font-size: 48px !important;
}
#pop-up-conferencias #check {
background-position: center 90% !important;
background-size: 80% !important;
height: 40% !important;
}
#pop-up-conferencias #form {
margin: 0 0 0 0 !important;
width: 99% !important;
}
#pop-up-conferencias #sent-text {
font-size: 24px !important;
margin-bottom: 20px !important;
}
#pop-up-conferencias #close-bot {
display: none !important;
}
#pop-up-conferencias #mobile-close{
top: 5%;
right: 5%;
height: 18px !important;
width: 18px !important;
background-size: 18px 18px !important;
background-color: #2a2f44 !important;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/close.png);
background-repeat: no-repeat;
background-position: center;
display: block;
float: right;
position: absolute;
cursor: pointer;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition:transform .2s ease-in-out;
z-index: 99;
border: none;
}
#pop-up-conferencias #sent-anim-mobile{
animation: 0.5s all ease !important;
transform: scale(1) !important;
opacity: 1 !important;
transition: all 0.3s !important;
height: 100% !important;
width:100% !important;
}
#pop-up-conferencias #enviado-mobile {
display: block !important;
width: 80% !important;
height: 100%;
position: absolute !important;
left: 10% !important;
border-radius: 4px !important;
top: 0 !important;
animation: 0.5s all ease !important;
transition: all 0.3s !important;
opacity: 0 !important;
transform: scale(0.2) !important;
z-index: 0 !important;
visibility: hidden !important;
}
#pop-up-conferencias .md-sent-out-mob {
transform: scale(0.5)!important !important;
opacity: 0!important;
visibility: hidden !important;
}
#pop-up-conferencias .md-sent-in-mob {
opacity: 1!important;
transform:scale(1)!important;
z-index: 99!important;
visibility: visible!important;
} .main-form .boxField {
float: left;
width: 100%;
margin-bottom: 20px;
position: relative;
}
body .main-form .boxField.col2 {
width: 100%;
}
body .main-form .boxField.col2:nth-child(odd) {
width: 100%;
margin-right: 0%;
}
body  .slideComo .col-section.colTexto .subtitleH2 {
line-height: 125%;
font-size: 13px;
}
body  #comocol1 .col-section.colTexto {
padding-top: 0px !important;
}
body .boxLogosBottom.consultoria {
margin-top: 30px;
}
body #comolohacemos .col-section.colTexto .subtitleH2 {
width: 100%;
}
body #clientes .col-section.colTexto {
padding-top: 0px;
z-index: 1;
}
div#comocol1 {
padding: 60px 20px;
}
body .md-close {
position: absolute;
top: 15px;
right: 20px;
}
body .campana span.boxpuntos img.alianza {
width: 108%;
}
body .slideComo .col-section.colTexto strong.subtitle {
font-size: 16px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 799px) {
body div#quehacemos {
height: 900px;
}
.optionRadio {
margin-bottom: 16px;
}
input[type=text] {
-webkit-appearance: none;
}
body span#ecommerceBtn {
top: -120px;
}
#clientes .row-section.colImgbotom {
transform: scale(1.1) !important;
top: 4px;
left: 10px;
}
#clientes .col-section.colImg {
top: -310px;
transform: scale(1.1) !important;
}
body #clientes .colorbtn{
display: none !important;
}
body .slideTeam {
margin-right: 0px !important;
}
.fullheight .content-section {
max-width: 550px;
}
#fullpage .col-section.colImg img{
top: -40px;
}
body .slideTeam .slick-track {
height: 450px;
}
body .slideProfile .imgslide {
transform: translateX(0px);
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
height: auto;
min-width: 100% !important;
width: auto;
max-height: 450px !important;
bottom: 0px;
position: absolute;
left: 0px;
}
}
@media only screen and (max-width: 799px) {
div#slick-slide16 img {
height: 100% !important;
}
body .boxProfile, body .slideProfile.smallPreview .boxProfile {
position: absolute;
top: 67%;
left: 0%;
color: #FFE !important;
z-index: 1;
text-align: left;
width: auto;
background: rgba(39, 40, 49, 0.28);
padding: 9px 20px;
height: 76px;
transform: scale(0.75);
}
body .slideProfile.smallPreview .subtitleH2 svg {
width: 19px;
top: 7px;
position: relative;
margin-right: 10px;
}
#slideComo button.slick-next.slick-arrow:before {
display: none;
}
body.costarica .uip.clienteDevice {
top: 94px;
right: 0px;
transform: rotate(3deg) scale(0.8);
}
body.costarica .novey.clienteDevice {
top: 55px;
right: 0px;
width: 64px;
transform: rotate(3deg) scale(0.8);
}
body #menuSticky .hamburguesa-menu {
top: 79px;
}
#footer .colfooter {
margin-top: 20px;
}
.boxField input[type="checkbox"] {
padding:3px !important; 
}
body .slideProfileNav {
   
display: none !important;
}
span.disclamer, .groupcounter{
display: none !important;
}
span#ecommerceBtn { 
top: -60px;
}
body #menuSticky {
top: -140px;
}
.wrap-section span.colorbtn.isMobile {
min-height: 55px !important;
max-width: 200px !important;
margin: auto;
order: 3;
margin-top: 0px !important;
top: -55px;
}  
.wrap-section span.colorbtn.isMobile  .btnContact {
font-size: 16px !important;
height: 55px;
width: 100%;
}
#quienesomos .col-section.colTexto {
width: 100%;
max-width: 550px;
margin: auto !important;
float: none;
padding-bottom: 20px !important;
}
span#leadBtn {
top: -50px;
}
#fullpage .wrap-section {
height: auto;
}
.wrap-section {
width: 100%;
height: 800px;
display: -webkit-box;
}
#clientes .colorbtn {
max-height: 55px;
}
body div#slideComo .slick-arrow {
padding: 40px 40px 40px 40px !important;
transform: scale(1) !important;
background-position: 55% 0%;
bottom:0px;
}
.slideComo .col-section.colTexto {
width: 100% !important;
padding-left: 0px !important;
}
body #comolohacemos .fullWidth .titleComo.off, #comolohacemos.hidetitle .fullWidth .titleComo.off {
opacity: 0 !important;
}
.boxpuntos strong.subtitle {
float: left;
font-size: 14px !important;
margin-bottom: 14px !important;
position: relative;
color: #76b7dd;
}
.slideComo .col-section.colImg {
display: none;
}
body .slideComo {
padding: 40px 40px;
}
.slideTeam .slick-dots {
position: absolute;
bottom: 0px;
display: flex !important;
}
body .slideTeam .slick-list.draggable {
border-top-left-radius: 0px;
overflow: visible;
border-bottom-left-radius: 0px;
}
.slideTeam .slick-dots li button {
background: none !important;
border: 0px;
padding: 0px;
width: 50%;
height: 50%;
margin: 25%;
border-radius: 50%;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition:transform:scale(0);
outline: none !important;
}
.slideTeam .slick-dots li.slick-active button {
background: #30364b !important;
transition:transform:scale(1);
}
.slideTeam .slick-dots li.slick-active {
transform: scale(1) !important;
}
.slideTeam .slick-dots li {
list-style-type: none;
width: 25px;
outline: none !important;
height: 25px;
border: 1px solid rgba(238, 238, 238, 0.38);
border-radius: 50%;
margin-right: 8px;
background: rgba(255, 255, 255, 0.3);
font-size: 0px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transform: scale(0.8) !important;
}
.slideTeam .slick-dots li {
list-style-type: none;
}
.slideTeam {
width: 100%;
float: right;
height: auto;
position: relative;
}
.slideProfile.smallPreview .boxProfile {
transform: none;
-webkit-transform: none; 
}
#quienesomos .col-section.colTexto {
padding: 0px 20px;
}
.isDesktop {
display: none !important;
}
#quienesomos .col-section.colTexto {
width: 100%;
}
body #quienesomos button.slick-next.slick-arrow {
position: absolute;
top: initial;
height: 90px;
width: 100px;
right: 0px;
box-sizing: border-box;
background: #343c54db;
border: 0px;
cursor: pointer !important;
outline: none;
font-size: 0px;
transform: none;
bottom: 0px;
padding: 0px;
line-height: 70px !important;
border-top-left-radius: 80px;
}
.slideProfile.smallPreview .boxProfile{
position: absolute;
top: 32%;
left: 53%;
color: #FFE !important;
z-index: 1;
text-align: left;
}
#quienesomos button.slick-next.slick-arrow:before {
content: "NEXT";
position: absolute;
top: 50%;
color: #FFF;
text-transform: uppercase;
font-style: italic;
left: 31px;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/right-arrow.svg);
background-size: 20px;
padding-right: 25px;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-webkit-transform: translateX(0%);
transform: translateX(0%);
font-size: 11px;
height: 12px;
line-height: 12px;
bottom: initial;
}
.clienteDevice:hover>img, .clienteDevice > img  {
opacity: 1!important;
transform: scale(1)!important;
-webkit-transform: scale(1) !important;
}
.clienteDevice .infoCliente {
display:none !important;
}
.clienteDevice:before{
display: none;
}
.slideTeamNav {
display: none !important;
}
body #quienesomos {
height: auto !important;
padding-top: 50px;
}
body #quienesomos .wrap-section {
height: auto;
}
#quienesomos .col-section.colImg {
width: 100%;
}
body #comolohacemos .fullWidth .titleComo, #comolohacemos.hidetitle .fullWidth .titleComo {
position: absolute;
opacity: 1 !important;
visibility: visible !important;
}
.colHover h2:after {
opacity: 1;
width: 50px !important;
}
.colHover h2 {
margin: 0px;
padding: 50px 30px;
font-size: 40px !important;
opacity: 1;
line-height: 107%;
max-width: 300px;
font-weight: 500;
font-family: 'GTWalsheimProMedium';
}
.colHover .btnHover {
border-radius: 40px;
color: #FFF !important;
position: absolute;
bottom: initial;
display: block;
bottom: 25px;
right: 0;
line-height: 30px;
height: 30px;
border: 0px;
padding-left: 0px !important;
width: 135px !important;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/right-arrow.svg);
background-size: auto;
padding-right: 34px;
background-repeat: no-repeat;
background-position: 100% 50%;
font-style: italic;
}
#col6 .btnHover {
top: 98px;
}
.colHover:hover .btnHover {
width: 110px;
padding-left: 0px;
}
.col-section.colHover img {
right: 0px;
width: 100% !important;
height: auto !important;
}
#col1 .col-section.colHover img {
right: auto;
width: auto;
left: 0px;
}
div#slideComo .slick-arrow {
position: absolute;
bottom: 30px;
right: 30px;
background: none;
font-size: 12px;
color: #FFF;
text-transform: uppercase;
border: 0px;
padding-top: 35px;
background-repeat: no-repeat;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/arrowNext.png);
background-position: 55% 0%;
background-size: 17px;
transform: scale(1);
outline: none;
transition: 0.4s alla ease;
}
div#slideComo .slick-arrow:active {
transform: scale(0.8);
}
#slideComo button.slick-prev.slick-arrow {
display: none !important;
}
#col4 .boxImg, #col2 .boxImg {
background: #dbdada;
}
#col1 .boxImg, #col3 .boxImg {
background: #44505a;
}
.btnHover.transitionBox:before, .btnHover.transitionBox:after {
opacity: 0 !important;
}
body #headerintro {
min-height: 568px;
padding-top: 0px;
}
body #fullpage {
display: block;
position: relative;
overflow:hidden;
}
div#menuStatic .main-menu {
transform: translateY(-150%) !important;
-webkit-transform: translateY(-150%)!important;
opacity: 0 !important;
}
.demo-2 .content {
height: 100%;
}
body .isMobile {
display: block !important;
}
#menuSticky .hamburguesa-menu {
animation-delay: 0.3s!important;
transform: translateX(0%)!important;
opacity: 1!important;
visibility: visible;
top: 22px;
right: 30px;
}
body ul.tool-scroll {
opacity: 0;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
left: -100px;
}
ul.main-menu.main-sticky.active {
padding-top: 89px;
background: rgba(252, 252, 255, 0.9);
}
ul.main-menu.main-sticky{
right: 19px;
padding-right: 10px;
}
ul.main-menu.main-sticky li {
margin: 10px 10px;
margin-right: 10px !important;
margin-left: 19px !important;
}
#headerintro .glitch {
height: calc(90% - 80px);
width: 100% !important;
bottom: 0px;
max-width: 100% !important;
margin-left: 0%;
margin-top: 20%;
}
#toolbar .content-section {
height: 30px;
padding: 0px 30px;
max-width: 100%;
margin-top: 30PX;
}
.main-social {
display: none;
}
.logoHome img {
height: 100%;
margin-top: 0PX;
}
.content__title {
font-size: 25px;
overflow: visible;
height: 100px;
font-family: 'GTWalsheimProLight';
float: left;
width: 100%;
line-height: 120%;
text-align: center;
}
.titleHeader {
height: 200px;
width: 90%;
transform: translateX(100%);
-webkit-transform: translateX(100%);
left: 0;
position: absolute;
top: 40%;
overflow: hidden;
clip: rect(0px, 250px, 200px, 250px);
max-width: 450px;
right: 0;
margin: auto;
}
.load .titleHeader {
opacity: 1;
clip: rect(0px, 450px, 200px, 0px);
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
.arrowDown:before, .arrowDown:after {
content: "";
height: 19px;
width: 1.5px;
position: absolute;
top: 15px;
right: 0px;
left: 0px;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
background: -moz-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(33%, rgba(44,112,245, 1)), color-stop(66%, rgba(0,76,135, 1)), color-stop(100%, rgba(44,112,245, 1)));
background: -webkit-linear-gradient(-45deg, #e92e18 0%, #fdb100 33%, #2c70f5 66%, #1a9b3d 100%);
background: -o-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -moz-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(33%, rgba(44,112,245, 1)), color-stop(66%, rgba(0,76,135, 1)), color-stop(100%, rgba(44,112,245, 1)));
background: -webkit-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
margin: auto;
border-radius: 9px;
}
.arrowDown:before {
transform: rotate(315deg);
left: -13px;
}
.arrowDown:after {
transform: rotate(45deg);
left: 13px;
}
.content-section {
max-width: 100%;
}
#fullpage .content-section .col-section {
width: 100% !important;
}
#fullpage .col-section.colImg img {
width: 100%;
z-index: 0;
position: relative;
max-width: 500px;
max-height: 486px;
top: -20px;
}
.slideProfile.smallPreview h2.titleH2.small {
color: #FFF;
font-size: 23px !important;
clear: both;
float: left;
width: 100% !important;
line-height: 120% !important;
margin-bottom: 0px !important;
}
.slideProfile.smallPreview h2.titleH2.small br{
display:none;
}
.slideProfile .moreProfile{
display:none !important;
}
.slideTeam .slick-track {
height: 340px;
}
.slideProfile .imgslide {
transform: translateX(0px);
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
height: auto;
min-width: 100% !important;
width: auto;
max-height: 340px !important;
bottom: 0px;
position: absolute;
}
.slideProfile.alberto {
background: #262630;
}
.slideProfile.oscar {
background: #1b1b24;
}
.fullheight .col-section.colImg:before {
width: 300px;
height: 300px;
content: "";
background: #E0E4E6;
position: absolute;
border-radius: 50%;
z-index: 0;
top: 30px;
left: 0px;
opacity: 0.5;
right: 0px;
margin: auto;
}
#quehacemos img.initial.loading {
left: -21px;
}
.fullheight .content-section {
display: flex;
flex-direction: column;
}
.content-section>.anclasection, .colorbtn {
display: block;
}
.fullheight .col-section.colTexto {
order: 1;
padding: 10px 30px 0px 30px !important;
height: auto;
display: block;
padding-bottom: 0px !important;
}
body p.subtitleH2.big.strong {
font-size: 23px;
margin-bottom: 10px;
}
div#quehacemos {
height: 900px;
}
body #comolohacemos .fullWidth {
display: block;
}
.fullheight .col-section.colImg {
order: 2;
}
.col-section.colTexto .subtitleH2 {
font-size: 17px;
width: 100%;
font-weight: 300;
line-height: 150%;
margin-top: 10px;
}
.isotipoHome {
position: absolute;
top: 30px;
left: 20px;
transform: translateX(-200%) rotate(0deg);
opacity: 0;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
}
.isotipoHome img {
height: 25px;
}
.wrapreview {
display: none;
}
.col-section.colTexto .titleH2 {
font-family: 'GTWalsheimProMedium';
font-style: normal;
margin-top: 0px !important;
font-size: 35px !important;
line-height: 102%!important;
width: 100%;
margin-bottom: 10px !important;
max-width: 100%;
font-weight: 500;
text-align: left !important;
padding: 0px !important;
}
.contact-section .col-section.colTexto .titleH2 {
text-align: left !important;
padding: 0px !important;
}
.contact-section .col-section.colTexto .subtitleH2 {
text-align: left !important;
}
div#slideComo {
display: block !important;
}
div#slideComo .slick-list.draggable {
height: 100%;
width: 100%;
}
div#slideComo .slick-track {
height: 100%;
width: 100%;
}
div#slideComo .slick-arrow {
position: absolute;
}
.row-point {
margin-bottom: 0px;
position: relative;
padding: 0px 20px;
text-align: left;
padding-left: 40px;
}
.row-point:after {
content: "";
width: 30px;
height: 2px;
background: #575c70;
position: absolute;
left: 40px;
margin: auto;
opacity: 0.3;
}
body div#contacto .content-section {
max-width: 100% !important;
flex-flow: column;
display: flex;
}
div#clientes .content-section {
max-width: 100% !important;
display: flex;
flex-direction: column;
}
#contacto .col-section.colTexto {
order: 1;
width: 100% !important;
padding: 0px 20px;
height: auto;
display: block;
max-width: 550px;
margin: auto !important;
float: none;
}
.row-section.colCountry {
width: 100%;
padding: 0px 20px;
order: 2;
max-width: 550px !important;
margin: auto !important;
float: none;
}
body #contacto .col-section.colImg {
overflow: hidden !important;
overflow-y: hidden !important;
max-width: 550px !important;
}
#contacto .col-section.colImg {
order: 3;
width: 100% !important;
height: auto !important;
max-height: 410px;
}
#contacto .col-section.colImg {
margin-top: 0px;
}
.main-social2.footer {
float: none;
display: flex;
margin: auto !important;
position: relative;
width: 190px;
}
#footer .colfooter {
float: left;
width: 100%;
text-align: center;
color: #f5f4f4;
}
.columns-footer {
width: 100%;
text-align: center;
}
.contact-section .col-section.colTexto {
padding-top: 20px !important;
}
.optionRadio.left {
margin-right: 15px;
width: 96%;
}
form .boxField.boxbutton .colorbtn {
margin-top: 0px !important;
padding: 2px;
outline: none !important;
display: block;
}
#clientes .colorbtn {
display: block !important;
left:20px;
}
.main-form {
width: 100%;
float: left;
height: 100%;
max-width: 100% !important;
}
.contact-section .col-section.colForm {
width: 100%;
float: left;
position: relative;
padding-left: 0px;
margin-top: 0px;
}
body .contact-section {
padding: 30px 30PX;
}
.col-section.colForm:before {
opacity: 0;
}
#clientes .columns-footer {
display: block;
left: 20px;
margin-top: 0px !important;
}
.contact-section .col-section.colTexto {
height: auto !important;
}
#contactmodal .faceDots {
display: none !important;
}
.contact-section .col-section.colTexto .subtitleH2 {
color: #FFF;
text-align: right;
float: right;
width: 100%;
font-size: 20px;
margin-top: 0px;
}
.contact-section .col-section.colTexto h2 {
color: #FFF;
font-size: 30px;
line-height: 120%;
float: right;
text-align: right;
width: 100% !important;
position: relative;
max-width: 100%;
}
.contact-section .col-section.colTexto {
width: 100%;
margin-right: 6%;
padding-top: 100px;
display: block;
position: relative;
height: 100%;
}
#footer.active .footertop {
max-height: 730px;
}
#contacto {
height: auto;
min-height: 1120px;
}
.boxPais h2 strong {
font-size: 17px;
}
#clientes .col-section.colImg {
order: 2;
width: 100%;
max-width: 320px;
margin: auto;
top: -300px;
height: auto;
z-index: 2;
}
#clientes .col-section.colTexto {
width:100%;
order: 1;
padding-top: 50px;
padding-left: 0px;
max-width: 550px;
margin: auto !important;
float: none;
}
#clientes .row-section.colImgbotom {
max-width: 320px;
margin: auto;
margin-top: 40px !important;
}
#clientes {
height: auto !important;
overflow: hidden;
}
.novey.clienteDevice {
top: 55px;
right: 10px;
width: 64px;
transform: rotate(3deg);
}
.uip.clienteDevice {
top: 94px;
right: -11px;
width: 82px;
transform: rotate(3deg);
}
.davivienda.clienteDevice {
top: 119px;
right: 212px;
width: 83px;
}
#clientes .col-section.colTexto .titleH2,
#clientes .col-section.colTexto .subtitleH2{
padding: 0px 20px !important;
}
.clienteDevice img {
width: 100%;
}
#clientes .row-section.colImgbotom {
margin-top: 0px;
}
.samsung.clienteDevice {
top: 0px;
left: 0px;
width: 245px;
}
.wingo.clienteDevice {
top: 132px;
left: 26px;
width: 155px;
}
.newbalance.clienteDevice {
top: 124px;
left: 148px;
width: 144px;
}
.le.clienteDevice {
top: 124px;
left: 148px;
width: 144px;
}
.pointnro {
float: left;
width: 30px;
display: inline;
position: relative;
margin-left: 31px;
}
.pointnro:before {
content: "";
width: 40px;
height: 1px;
background: gray;
position: absolute;
right: -110%;
top: 50%;
}
.limpio.clienteDevice {
display: none;
}
}
@media only screen and (max-width: 480px) {
.slideProfile .imgslide {
min-width: 100% !important;
max-height: none !important;
top: 0px;
width: auto !important;
left: 0px;
}
.slideTeam .slick-dots {
transform: scale(0.8);
left: -30px;
}
.slideProfile.oscar img {
min-height: 80% !important;
min-width: 90% !important;
width: 120% !important;
}
.slideProfile.alberto .imgslide {
min-height: 100% !important;
min-width: 200px !important;
width: auto !important;
height: 100%;
}
}
@media only screen and (max-width: 320px) {
.content__title {
font-size: 22px;
}
#menuSticky .hamburguesa-menu {
font-size: 9px;
}
#menuSticky .hamburguesa-menu {
top: 31px;
right: 20px;
}
.hamburguesa-menu a.menu.langmenu {
opacity: 0;
}
.slideProfile .subtitleH2 {
font-size: 10px;
text-transform: uppercase;
font-style: italic;
line-height: 20px;
color: #FFFFFF;
}
.slideProfile.oscar img {
min-height: 100% !important;
min-width: 100% !important;
width: auto !important;
left: -15%;
}
.titleHeader {
height: 200px;
width: 90%;
transform: translateX(100%);
-webkit-transform: translateX(100%);
left: 0;
position: absolute;
top: 40%;
overflow: hidden;
clip: rect(0px, 250px, 200px, 250px);
max-width: 300px;
right: 0;
margin: auto;
}
.load .titleHeader {
opacity: 1;
clip: rect(0px, 300px, 200px, 0px);
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
}
#slideComo {
display: flex;
margin: auto;
position: relative;
height: 450px;
overflow: hidden;
max-width: 100%;
width: 100%;
}
p.subtitleH2.big.strong {
font-size: 22px;
margin-bottom: 40px;
width: 95%;
}
#quienesomos .col-section.colTexto>.titleH2 {
max-width: 452px;
margin-bottom: 10px !important;
}
.wrapslideComo {
position: absolute;
z-index: 9999;
height: 100%;
width: 100%;
box-sizing: border-box;
background: #353b54;
visibility: hidden;
opacity: 0;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
-moz-transition: 0.6s all ease;
}
.wrapslideComo.active{
visibility: visible;
opacity: 1;
}
.slideComo {
width: 100%;
height: 100%;
position: absolute;
display: block;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
-moz-transition: 0.6s all ease;
transform: translateX(-10%);
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
transition-delay: 0.4s all ease;
visibility: hidden;
opacity: 0;
top: 0;
padding: 40px 80px;
left: 0px;
box-sizing: border-box;
}
.slideComo.active{
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
visibility: visible;
opacity: 1;
}
.slideComo .col-section.colImg {
height: 100%;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
-moz-transition: 0.6s all ease;
transform: translateY(10%);
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
transition-delay: 0.4s all ease;
}
.slideComo.active .col-section.colImg {
transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);   
}
.slideComo .col-section.colImg img {
max-height: 100% !important;
}
.slideComo .col-section.colTexto {
color: white;
padding-top: 20px;
padding-left: 40px;
width: 60%;
}
.slideComo .col-section.colImg {
float: left;
width: 40%;
}
.slideComo .col-section.colTexto .titleH2 {
font-size: 52px;
max-width: 100%;
margin-bottom: 11px;
}
.slideComo .col-section.colTexto .subtitleH2 {
line-height: 125%;
font-size: 16px;
}
.slideComo .col-section.colTexto strong.subtitle {
font-size: 19px;
margin-bottom: 10px;
}
div#chatbot-chat {
opacity: 0;
visibility: hidden;
transition: 0.6s all ease;
-webkit-transition: 0.6s all ease;
-moz-transition: 0.6s all ease;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
}
div#chatbot-chat.slow {
opacity: 1;
visibility: visible;
transform: translateX(0%) translateY(0%);
-webkit-transform:  translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
}
div#chatbot-chat.off {
opacity: 0;
visibility: hidden;
transform: translateX(200%) translateY(0%);
-webkit-transform:  translateX(200%) translateY(0%);
-moz-transform: translateX(200%) translateY(0%);
}
#comocol1 img.initial.loaded {
margin-top: 50px;
}
span.boxtitulo {
float: left;
width: 100%;
margin-right: 0px;
position: relative;
text-align: left;
margin-bottom: 22px;
}
.boxLogosBottom.consultoria {
margin-top: 50px;
}
#comocol1 .col-section.colTexto {
padding-top: 20px !important;
}
p.boxpuntos .subtitle:after {
content: "";
height: 1px;
width: 20px;
position: absolute;
background: white;
bottom: -8px;
left: 0px;
opacity: 0.3;
}
div#comocol1 .col-section.colImg img {
top: 20px;
position: relative;
}
p.boxpuntos {
float: left;
margin-top: 0px;
margin: 0px;
width: 28%;
margin-right: 3%;
margin-bottom:10px;
position:relative;
}
.boxpuntos strong.subtitle {
float: left;
font-size: 15px !important;
margin-bottom: 14px !important;
position:relative;
color: #76b7dd;
}
p.boxpuntos span {
float: left;
width: 100%;
font-size: 13px;
}
.campana span.boxpuntos {
vertical-align: middle;
line-height: 40px;
height: 40px;
float: left;
}
div p.boxpuntos:last-child {
margin-right: 0px !important;
width: 32%;
}
.campana span.boxpuntos img {
float: left;
max-height: 35px;
margin-right: 10px;
vertical-align: middle;
}
.campana span.boxpuntos img.partner {
margin-right: 30%;
}
.campana span.boxpuntos img.alianza {
margin-top: 23px;
margin-right: 0px;
}
.boxLogosBottom.campana {
margin-top: 35px;
}
#comocol4 h2{
font-size: 45px;
}
#comocol4 .col-section.colTexto {
padding-top: 0px;
}
#comocol3 .colImg img {
top: -40px;
position: relative;
}
#comocol4 span.boxpuntos img {
float: left;
max-height: 45px;
margin-right: 10px;
vertical-align: middle;
margin-top: 4px;
}
#comolohacemos .col-section.colTexto .subtitleH2 {
width: 90%;
}
span.disclamer {
position: absolute;
width: 200px;
right: 0px;
font-size: 13px;
bottom: 0px;
}
.contact-section .col-section.colTexto p.subtitleH2.small {
font-size: 15px;
margin-top: 0px;
top: -10px !important;
position: relative;
}
.slideComo span.btnContact {
background: #363b54 !important;
color: white !important;
padding: 5px 9px;
width: 54px;
min-width: 54px;
height: 54px;
}
#socialmedia .colorbtn {
clear: both;
position: relative;
margin-top:10px;
}
.groupcounter {
float: left;
margin: 6px 0px 21px 0px;
display: flex;
max-width: 370px;
width: 100%;
margin-right: 150px;
clear: both;
position: relative;
}
.slideComo .colorbtn {
min-width: 56px;
float: right;
top: inherit !important;
position: absolute; 
bottom: 0px;
right: -40px;
}
#comocol4 .colImg img {
top: 20px; 
position: relative;
}
#comocol4 .col-section.colTexto strong.subtitle {
font-size: 19px;
margin-bottom: 0px;
}
#comocol4 .boxLogosBottom .boxtitulo {
float: left;
width: 100%;
margin-right: 0px;
position: relative;
text-align: left;
margin-bottom: 5px;
}
#comocol4 .col-section.colTexto .boxLogosBottom strong.subtitle {
font-size: 16px;
}
.slideComo .colImg .btnContact img { 
top: 3px !important;
opacity: 0.8;
transform: scale(0.8);
left: 0px;
position: relative;
}
.boxField textarea {
width: 100% !important;
font-size: 14px;
height: 126px !important;
}
h1 {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
display: initial;
}
div.parrafoH2 {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
display: initial;
}
.slideTeam .slick-list.draggable {
border-top-left-radius: 210px;
overflow: hidden;
border-bottom-left-radius: 210px;
}
#quienesomos.load .col-section.colImg .slideTeam:before {
content: "";
width: 100%;
height: 100%;
background: #31374d;
position: absolute;
}
p.subtitleH2.destacado {
margin-top: 10px;
font-size: 23px !important;
line-height: 30px !important;
margin-bottom: 10px;
}
p.subtitleH2.destacado.isDesktop img {
width: 220px;
margin: 0px;
left: 0px;
position: relative;
margin-right: 17px;
}
#ecommerce p.subtitleH2.destacado.isDesktop img {
width: 460px;
}
#socialmedia span.disclamer {
bottom: 35px;
right: 0px;
width: 350px;
}
.boxCliente.samsung svg {
float: left;
width: 78px;
height: 17px;
fill: #1259a1;
}
span.btnContact svg {
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
position: absolute;
}
.boxcounter {
float: left;
margin-right: 30px;
font-size: 20px;
}
span.counter.likes , span.counter2.likes {
min-width: 102px;
display: block;
}
span.counter2.comments {
min-width: 66px;
display: block;
float: left;
}
#socialmedia .col-section.colTexto {
min-width: 47px;
display: block;
float: left;
padding-top: 50px;
} span.counter2.share {
min-width: 85px;
display: block;
}
.ctaspeaker {
width: 226px;
margin-top: 13px !important;
}
.ctaspeaker a {
width: 100% !important;
}
body li.ctaspeaker a:after{
display: none !important;
}
span.counter, span.counter2 {
font-weight: bold;
margin-right: 6px;
float: none;
padding-left: 32px;
}
span.textcounter {
margin-left: 30px;
font-size: 16px;
top: -2px;
position: relative;
float: left;
width: 100%;
}
.bio-section h2.titleH2.big img {
max-height: 20px;
}
div#bioRafael h2.titleH2 {
font-size: 33px !important;
}
button#btnform.sent {
min-width: 167px !important;
transform: none !important;
}
g-review-stars svg {
width: 14px;
}
#contacto div.content-section {
max-width: 1500px !important;
}
.groupcounter:before {
content: "*";
right: 0px;
position: absolute;
} .caso-exito {
margin: 30px auto;
display: block;
width: 100%;
height: 100%;
position: relative;
top: 0;
float: left;
}
.caso-exito a img {
max-width: 50px !important;
}
.caso-exito span {
display: inline-block;
margin-left: 60px;
} .slideProfile.smallPreview .imgslide {
width: 100%;
}
.modalopen ul.main-menu.main-sticky {
pointer-events: none;
}
.slideProfileNav h2.titleH2.small span {
width: 24px;
height: 26px;
padding-top: 5px;
box-sizing: border-box;
}
div#slick-slide11 {
text-align: left;
}
.slideProfileNav h2.titleH2.small span svg {
max-width: 100%;
top: 7px;
position: relative;
height: 100%;
}
.logoreview svg {
width: 100%;
height: 100%;
margin: auto;
display: table;
top: 0px;
bottom: 0px;
background: white;
border-radius: 50%;
padding: 12px;
}
.logoreview img{
margin-top: 10px;
width: 90%;
}
.logoreview.mercedes img{
margin-top: 3px;
width: 90%;
}
.logoreview.uip svg {
fill: #186DB1;
}
.boxCliente.wingo.clienteDevice svg {
fill: #783fd1;
float: left;
}
.boxCliente.newbalance.clienteDevice svg {
fill: #dc2644;
float: left;
}
.boxCliente.le.clienteDevice svg {
fill: #dc2644;
float: left;
}
.boxCliente.le.clienteDevice svg {
fill: #dc2644;
float: left;
}
.facesprite {
width: 100%;
height: 100%;
float: left;
border-radius: 50%;
overflow: hidden;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/sprite_smallprofile.jpg);
background-size: auto 100%;
background-position: 0% 50%;
}
.facesprite.oscarSmall {
background-position: 17% 50%;
}
.facesprite.rafaelSmall {
background-position: 33% 50%;
}
.facesprite.israelSmall {
background-position: 51% 50%;
}
.facesprite.carlosSmall {
background-position: 67% 50%;
}
.facesprite.christianSmall {
background-position: 100% 50%;
}
.facesprite.cusSmall {
background-position: 83% 50%;
}
#contactmodal span.loading.facesprite.albertoSmall {
width: 60px !important;
height: 60px !important;
display: table-cell;
padding: 2px !important;
border: 1px solid #868686;
margin-top: 4px;
} #overlay {
content: "";
width: 200%;
height: 200%;
background: rgba(137, 137, 150, 0.81);
top: -50%;
left: -50%;
position: fixed;
z-index: 99999;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
opacity: 0;
visibility: hidden;
animation: 0.2s all ease;
transition: 0.2s all ease;
}
#pop-up-conferencias{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 1000px;
height: 550px;
margin: auto;
display: block;
background-color: #f9f9f9;
box-shadow: 0px 6px 51px 5px #26263026;
z-index: 999999;
border-radius: 9px 6px 6px 9px;
visibility: hidden;
opacity: 0;
animation: 0.4s all ease;
transition: 0.4s all ease;
transform: scale(0.9);
transform: translateY(20px);
}
#pop-up-conferencias #imagen-alberto{
border-radius: 4px 0 0 4px;
overflow: hidden;
float: left;
display: block;
width: 440px;
height: 550px;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/alberto-img.png);
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/alberto-img.webp);
background-repeat: no-repeat;
background-position: left;
color: #ececec;
}
#pop-up-conferencias #imagen-alberto-590{
display: none;
}
#pop-up-conferencias #name-tag{
position: absolute;
top: 120px;
left: 32px;
display: block;
height: auto;
width: 130px;
font-family: 'GTWalsheimProThin', sans-serif;
}
#pop-up-conferencias #nombre{
font-family: 'GTWalsheimProThin', sans-serif;
font-size: 18px;
font-weight: 100;
text-align: left;
}
#pop-up-conferencias #name-tag p{
font-family: 'GTWalsheimProThin', sans-serif;
font-weight: 100;
font-size: 9px;
letter-spacing: 1px;
margin: 4px 0 0 0px;
}
#pop-up-conferencias #ver-mas{
height: 20px;
display: block;
margin: 12px 0 0 0;
}
#pop-up-conferencias #ver-mas p{
height: 20px;
float: left;
margin: 5px 0 0 0;
font-family: 'GTWalsheimProThin', sans-serif;
font-size: 9px;
letter-spacing: 1px;
text-align: left;
font-weight: 100;
display: inline-block;
}
#pop-up-conferencias #ver-mas img{
display: inline-block;
float: left;
margin: 0 8px 0 0px;
} 
#pop-up-conferencias #eventos{
display: block;
float: left;
height: auto;
width: 330px;
margin: 434px 0 0 32px;
font-family: 'GTWalsheimProLight', sans-serif;
}
#pop-up-conferencias #eventos h3{
text-align: left;
font-weight: 100;
font-size: 14px;
margin: 0 0 0 0;
letter-spacing: 0.3px;
}
#pop-up-conferencias #eventos p{
font-family: 'GTWalsheimProThin', sans-serif;
font-weight: 100;
font-size: 11px;
line-height: 1.5;
letter-spacing: 0.3px;
margin: 14px 0 0 0;
}
#pop-up-conferencias #right-container {
width: 598px;
height: 550px;
position: absolute;
margin: 0 0 0 0;
float: right;
display: block;
top: 0;
right: 0;
animation: 0.5s all ease-out;
transform: scale(1);
opacity: 1;
transition: all 0.3s;
}
#pop-up-conferencias #content{
width: 466px;
margin: 0 auto;
display: block;
height: 550px;
}
#pop-up-conferencias #title{
color: #111f3e;
width: 100%;
font-family: 'GTWalsheimProLight', sans-serif;
margin: 46px 0 10px 0;
}
#pop-up-conferencias #title h1{
font-size: 23px;
font-weight: 100;
line-height: 1.3;
}
#pop-up-conferencias #subtitle{
width: 100%;
height: 30px;
display: block;
float: left;
}
#pop-up-conferencias #subtitle h3{
font-family: 'GTWalsheimProLight', sans-serif;
font-weight: 200;
font-size: 15px;
letter-spacing: 1px;
color: #8b8b8b;
text-align: left;
float: left;
margin: 6px 0 0 0;
}
#pop-up-conferencias #form{
display: block;
width: 102%;
margin: 2px 0 0 0;
float: left;
}
#pop-up-conferencias .custom-imput-50{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 100%;
height: 38px;
border: none;
z-index: 10;
float: left;
padding-left: 12px;
border-radius: 4px;
background: #efefef;
display: inline-block;
font-size: 12px;
color: #949494;
font-family:sans-serif;
letter-spacing: 0.8px;
font-weight: 100;
}
#pop-up-conferencias .custom-imput-50-cont{
position: relative;
width: 48%;
height: 38px;
margin: 15px 3px 0 0;
display: inline-block;
}
#pop-up-conferencias .custom-imput-100-cont {
position: relative;
width: 100%;
height: 50px;
float: left;
margin: 15px 0px 0 0px;
display: inline-block;
}
#pop-up-conferencias .custom-imput-100 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 100%;
height: 50px;
border: none;
z-index: 10;
float: left;
padding-left: 14px;
padding-top: 12px;
border-radius: 4px;
background: #efefef;
display: inline-block;
font-size: 12px;
color: #949494;
font-family: 'GTWalsheimProLight', sans-serif;
letter-spacing: 0.8px;
font-weight: 100;
}
#pop-up-conferencias form p.notify {
position: absolute;
font-size: 10px;
bottom: 0px;
color: #e04d4d;
text-transform: uppercase;
top: 3px;
z-index: 99;
width: 42%;
text-align: right;
right: 10px;
left: auto;
margin-top: 9px;
}
#pop-up-conferencias #campos{
display: block;
height: 20px;
width: 150px;
float: left;
font-size: 12px;
font-family: 'GTWalsheimProLight', sans-serif;
font-weight: 100;
color: #868686;
margin: 44px 0 0 0;
letter-spacing: 1px;
}
#pop-up-conferencias .colorbtn-conf {
padding: 1px;
display: block;
float: right;
font-size: 9px;
border-radius: 60px;
font-weight: bold;
cursor: pointer;
position: relative;
overflow: hidden !important;
background: none;
min-height: 46px;
margin-top: 1px !important;
animation-name: glitch-anim-text;
animation-duration: var(--time-anim);
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.1);
}
#pop-up-conferencias .colorbtn-conf:before {
content: "";
position: absolute;
background: rgba(69,198,233, 1);
background: -moz-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(69,198,233, 1)), color-stop(33%, rgba(44,112,245, 1)), color-stop(66%, rgba(0,76,135, 1)), color-stop(100%, rgba(44,112,245, 1)));
background: -webkit-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(69,198,233, 1) 0%, rgba(44,112,245, 1) 33%, rgba(0,76,135, 1) 66%, rgba(44,112,245, 1) 100%);
width: 100%;
height: 100%;
top: 0px;
left: 0px;
transform: rotate(0deg);
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
}
#pop-up-conferencias .colorbtn-conf:hover:before {
transform: rotate(180deg);
}
#pop-up-conferencias .btnContact_conf {
padding: 13px 27px;
display: block;
float: left;
font-size: 18px;
border-radius: 60px;
font-weight: bold;
cursor: pointer;
position: relative;
background: #f6f4f4;
min-width: 172px;
min-height: 21px;
text-align: center;
font-family: 'GTWalsheimProLight', sans-serif;
font-weight: 100;
color: #111f3e;
}
#pop-up-conferencias #send{
height: 50px;
display: block;
float: right;
margin: 27px -10px 0 0px;
}
#pop-up-conferencias #speakers-row{
width: 100%;
height: 60px;
display: block;
float: left;
margin: 30px 0 0 0;
}
#pop-up-conferencias #speakers{
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/speakers.png);
background-repeat: no-repeat;
background-position: left;
height: 60px;
width: 248px;
display: block;
float: left;
}
#pop-up-conferencias #speakers-row h3{
margin: 14px 0 0 12px;
font-family: 'GTWalsheimProLight', sans-serif;
font-weight: 100;
font-size: 17px;
display: block;
float: left;
line-height: 1;
}
#pop-up-conferencias #close-bot{
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/close.png);
background-repeat: no-repeat;
background-position: center;
height: 22px;
width: 22px;
display: block;
float: right;
position: absolute;
top: 24px;
right: 24px;
cursor: pointer;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition:transform .2s ease-in-out;
z-index: 99;
}
#pop-up-conferencias #close-bot:hover{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#pop-up-conferencias #right-container button{
text-decoration: none;
border:none;
cursor: pointer;
background-color: #f9f9f9;
}
#pop-up-conferencias #imagen-alberto-620{
display:none;
}
#pop-up-conferencias #enviado-mobile{
display: none;
}
@media (min-width: 621px) and (max-width: 1100px) {
#pop-up-conferencias {
height: 640px;
width: 590px;
top: 8%;
border-radius: 8px 8px 8px 8px;
}
#pop-up-conferencias #imagen-alberto{
display: none;
}
#pop-up-conferencias #enviado-mobile{
display: none;
}
#pop-up-conferencias #title{
margin: 26px 0 0 0;
}
#pop-up-conferencias #title h1 {
font-size: 20px;}
#pop-up-conferencias #subtitle {
height: 20px;}
#pop-up-conferencias #subtitle h3 {
font-size: 13px;}
#pop-up-conferencias .custom-imput-50 {
height: 34px;
}
#pop-up-conferencias .custom-imput-100 {
height: 40px;
}
#pop-up-conferencias .btnContact_conf {
padding: 8px 15px;
min-height: 16px;
}
#pop-up-conferencias .colorbtn-conf {
min-height: 39px;}
#pop-up-conferencias #speakers {
height: 50px;
width: 208px;
background-size: auto 50px;
}
#pop-up-conferencias #speakers-row h3 {
margin: 8px 0 0 12px;
font-size: 16px;
}
#pop-up-conferencias #speakers-row {
margin: 10px 0 0 0;
}
#pop-up-conferencias #content{
height: 400px;
}
#pop-up-conferencias #right-container {
height: 430px;
top: 190px;
}
#pop-up-conferencias #imagen-alberto-590{
border-radius: 8px 8px 0 0;
overflow: hidden;
float: left;
display: block;
width: 590px;
height: 189px;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/alberto-img-590.png);
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/alberto-img-590.webp);
background-repeat: no-repeat;
background-position: left;
color: #ececec;
}
#pop-up-conferencias #name-tag {
top: 36px;
left: 340px;
}
#pop-up-conferencias #eventos {
width: 200px;
margin: 120px 0 0 340px;
}
#pop-up-conferencias #eventos p {
display: none;
}
#pop-up-conferencias #eventos h3 {
font-family: 'GTWalsheimProThin', sans-serif;
}
}  #pop-up-conferencias .md-sent-out {
transform: scale(0.5)!important;
opacity: 0!important;
visibility: hidden;
}
#pop-up-conferencias .md-sent-in {
opacity: 1!important;
transform:scale(1)!important;
z-index: 99!important;
visibility: visible!important;
}
#pop-up-conferencias #sent-anim{
animation: 0.5s all ease;
transform: scale(1);
opacity: 1;
transition: all 0.3s;
height: 100%;
width:100%;
}
#pop-up-conferencias #enviado {
width: 80%;
height: 100%;
position: absolute;
left: 10%;
border-radius: 4px;
top: 0;
animation: 0.5s all ease;
transition: all 0.3s;
opacity: 0;
transform: scale(0.2);
z-index: 0;
visibility: hidden;
}
#pop-up-conferencias #check {
background-position: center 122%;
background-size: auto 70%;
background-image: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/images/sent.png);
background-repeat: no-repeat;
width: 80%;
height: 50%;
margin: 0 auto;
}
#pop-up-conferencias #sent-text{
text-align: center;
margin: 0 auto;
width: 80%;
font-family: 'GTWalsheimProThin', sans-serif;
font-size: 19px;
margin-bottom: 10px;
color: #7d7d7d;
}
.active-popup{
visibility: visible!important;
opacity: 1!important;
transform: scale(1)!important;
transform: translateY(0px);
}
#launch {
width: 64px;
height: 22px;
display: block;
float: left;
font-size: 16px;
border: 1px solid #757575;
border-radius: 4px;
font-family: 'GTWalsheimProThin', sans-serif;
text-align: center;
padding: 2px;
cursor: pointer;
} #pop-up-conferencias a {
text-decoration: none;
color: inherit;
}
#pop-up-conferencias a:hover {
text-decoration: none;
color: inherit;
}
#pop-up-conferencias a:active {
color: inherit;
text-decoration: none;
}
#pop-up-conferencias a:visited {
color: inherit;
text-decoration: none;
}  #pop-up-conferencias #form input {
color: #222222 !important;
}
#pop-up-conferencias #form input::placeholder {
color: #636363 !important;
}
#pop-up-conferencias #form textarea {
color: #222222 !important;
}
#pop-up-conferencias #form textarea::placeholder {
color: #636363 !important;
}
#pop-up-conferencias input:focus, select:focus, textarea:focus, button:focus {
outline: none;
}
#pop-up-conferencias input:-webkit-autofill, input:-webkit-autofill:hover, {
background: #efefef;
} #slideComo .col-section.colHover img {
width: 100% !important;
position: absolute;
z-index: 0;
min-height: 100%;
}
#slideComo h2.titleH2 {
max-width: 210px;
}
#slideComo {
display: block;
}
#slideComo .slick-list.draggable {
height: 100% !important;
}
#slideComo .slick-track {
height: 100% !important;
}
#slideComo .colHover h2{
height: 100% !important;
}
#slideComo .colHover {
float: left !important;
background: rgba(52, 60, 84, 0.85);
border-right: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
height: 100% !important;
position: relative;
}
#slideComo button.slick-next.slick-arrow:before {
content: "NEXT";
position: absolute;
bottom: 43px;
color: #FFF;
text-transform: uppercase;
font-style: italic;
right: 30px;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/right-arrow.svg);
background-size: auto;
padding-top: 39px;
background-repeat: no-repeat;
background-position: 100% 50%;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-webkit-transform: translateX(200%);
transform: translateX(200%);
font-size: 11px;
height: 12px;
line-height: 12px;
top: 0px;
bottom: 0px;
margin: auto;
opacity: 0;
visibility: hidden;
}
#slideComo:hover  button.slick-next.slick-arrow:before {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
visibility: visible;
}
#slideComo  button.slick-prev.slick-arrow:before {
content: "PREV";
position: absolute;
bottom: 43px;
color: #FFF;
text-transform: uppercase;
font-style: italic;
left: 30px;
background: url(//griffonwebstudios.com/wp-content/themes/phlox-pro-child/css/right-arrow.svg);
background-size: auto;
padding-top: 39px;
background-repeat: no-repeat;
background-position: 100% 50%;
transition: 0.4s all ease;
-webkit-transition: 0.4s all ease;
-webkit-transform: translateX(0%);
transform: translateX(0%);
font-size: 11px;
height: 12px;
line-height: 12px;
top: 0px;
bottom: 0px;
margin: auto;
}
#slideComo  button.slick-prev.slick-arrow {
display: none !important;
}
#comocol5 #programmaticBtn {
display: none;
}
#slideComo #comocol4{
bottom: -88px;
position: relative;
}
.boxLogosBottom span.boxpuntos img {
float: left;
max-height: 60px;
margin-right: 10px;
vertical-align: middle;
}
.boxLogosBottom {
margin-top: 15px;
} 
#comocol4 .boxLogosBottom {
margin-top: 0px;
}
.slideComo .col-section.colTexto a{
color:white;
} 
#comolohacemos #comocol4 .col-section.colTexto .subtitleH2 {
width: 95%;
}
#popup-section a{
color:white !important;
}
#comocol2 .boxLogosBottom span.boxpuntos img {
max-height: 38px;
}
.boxLogosBottom span.boxtitulo {
float: left;
width: 100%;
margin-right: 0px;
position: relative;
text-align: left;
margin-bottom: 11px;
margin-top: 8px;
}
#comocol6 .boxLogosBottom {
margin-top: 75px;
}
#comocol3 .boxLogosBottom {
margin-top: 17px;
}
#comocol5 .boxLogosBottom {
margin-top: 50px;
}
#comocol3 .col-section.colTexto {
padding-top: 0px;
}
#boxpremios {
content: "";
width: auto;
height: 70px;
position: fixed;
bottom: 20px;
left: 10px;
transition: 2s all ease;
-webkit-transition: 2s all ease;
-moz-transition: 2s all ease;
transform: translateX(0px) scale(1);
z-index: 999;
cursor: pointer;
}
#boxpremios.thislogogptw{
z-index: 9999;
}
#boxpremios img {
height: 90%;
width: auto;
margin-left: 20px;
}
img.imgpremio.gptw {
height: 80%;
margin-top: 6px;
}
.otroslogos {
margin-left: 84px !important;
margin-top: 5px !important;
}
div#fullpage.off #boxpremios {
transform: translateX(-350px) scale(.5);
opacity: 0;
}
.js-video-button .infoCliente picture img {
max-height: 100px !important;
}
#contacto .col-section.colTexto .subtitleH2 h2 {
font-size: 16px;
width: 80%;
font-weight: 300;
line-height: 140%;
margin-top: 0;
color: #35394c;
text-align: left;
float: none;
display: inline;
}