/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,400&display=swap'); html { position: relative; min-height: 100%; } body { font-family: 'Barlow', sans-serif; line-height:1.4; font-size: 18px; color: #000000; background:#fff; } .main { padding: 0; } /* SE COMENTO PARA VER ESTRUCTURAS DE HUBSPOT - HANDDY */ /*body .dnd-section > .row-fluid { display: initial !important; }*/ /*body .dnd-section > .row-fluid>.dnd-module { display: initial !important; }*/ .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { line-height: 1.2; font-family: 'Barlow', sans-serif; } a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; ; } img { max-width: 100%; height:auto; } .pt0 { padding-top: 0px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt80 { padding-top: 80px; } .pt100 { padding-top: 100px; } .pt150 { padding-top: 150px; } .pb0 { padding-bottom: 0px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb80 { padding-bottom: 80px; } .pb100 { padding-bottom: 100px; } .mt0 { margin-top: 0px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt80 { margin-top: 80px; } .mt100 { margin-top: 100px; } .mb0 { margin-bottom: 0px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb80 { margin-bottom: 80px; } .mb100 { margin-bottom: 100px; } .rel { position: relative; } .z1 { z-index: 1; } .z2 { z-index: 2; } .z3 { z-index: 3; } .z4 { z-index: 4; } .z5 { z-index: 5; } .z6 { z-index: 6; } .z7 { z-index: 7; } .z8 { z-index: 8; } .z9 { z-index: 9; } .px-6{padding-left:6rem!important;padding-right:6rem!important} .form-title { padding:0 10px; margin: 0 0 15px 0; } form label { font-size: 14px; font-weight: 400; color: #000000; line-height: 1.2; } /*HANDY*/ form .hs-form {display: block} form .hs-form-field, form .hs_message {width: 100%} form .hs-fieldtype-radio, form ..hs-fieldtype-checkbox {width: 100%} form .hs_submit {width: 100%; padding-top: 20px} form .hs-form-field>label { display: none} form .hs-fieldtype-radio, form .hs-fieldtype-checkbox { width: 100%; padding: 20px 15px; border: 2px solid #898989; border-radius: 15px} form .inputs-list {display: flex; flex-wrap: wrap; padding-left: 0; margin: 0} form .inputs-list label {margin: 0} form .inputs-list li {margin:5px 20px 5px 0} @media (max-width: 768px) { form .inputs-list li {width: 100%; margin:0} } form .hs-fieldtype-radio>label, form .hs-fieldtype-checkbox>label { display: block; color: #005cff; font-size: 16px; font-weight: 600} form .hs-form-field.hs-fieldtype-radio>label, form .hs-form-field.hs-fieldtype-checkbox>label { } /*HANDY*/ form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select { width: 100%; height: 40px; font-size: 16px; padding: 0 20px; box-sizing: border-box; border: 2px solid #898989; border-radius: 100px; outline: none } form textarea {width: 100%; min-height: 150px; box-sizing: border-box; border-radius: 15px; font-size: 16px; border: 2px solid #898989; outline: none; padding: 10px 20px;} form select {color: #898989; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: 97% 50%} /* form input[type="submit"] { background: #005CFF !important; color: #fff; outline: none; border: none !important; text-shadow: none !important; font-size: 16px !important; white-space: initial; padding: 8px 25px; line-height: 1.2; min-height:40px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; ; -webkit-transition: all .2s ease !important; -moz-transition: all .2s ease !important; -o-transition: all .2s ease !important; -ms-transition: all .2s ease !important; transition: all .2s ease !important; ; } form input[type="submit"]:hover { background: #579CFF !important; } */ form input[type="submit"] { background:#ff3d00 ;padding: 17px 70px; font-weight: 700; font-size: 16px ;line-height: 1.3;color: #fff;border: 0; border-radius: 100px; } form input[type="submit"]:hover{ background: rgba(255,61,0,0.8); } form input[type="submit"]:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-size: 14px; padding-left: 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } form .hs-form-required { color: #f00; margin-left:3px; } form .hs-form-field { margin: 15px 0 20px 0; position:relative; } form .actions { padding: 0 10px; text-align: center; } /*HANDY*/ form ul.hs-error-msgs {margin: 0; padding: 0; list-style: none; position: absolute; top: -10px; right: 25px; background-color: #ff3d00;padding: 2px 10px; border-radius: 100px;} form fieldset { max-width: none !important; } form fieldset .input { margin: 0 !important; } .submitted-message { padding: 20px; text-align: center; font-weight: 600; } form .inputs-list { list-style: none; } form .inputs-list li input { margin-right: 5px; } form .legal-consent-container { font-size: 14px; padding: 0 10px; } form .legal-consent-container p { font-size: 14px; } form .legal-consent-container .hs-form-field { padding: 10px 0; } form .legal-consent-container ul { padding: 0; } form .legal-consent-container input[type="checkbox"] { margin-top: 2px; } /* FORM ERROR MESSAGES */ /* HANDY */ form input.error, form select.error, form textarea.error { border-color: #ff3d00 } form .hs_error_rollup { display: none !important; } /* HANDY */ form .hs-error-msgs label {margin: 0; display: block; font-size: 13px; font-weight: 400; color: #fff} form .hs-error-msgs li { margin: 0 !important; } form .hs-error-msgs li:before { display:none; } form .hs-error-msgs li:before { display:none; } /* FORMULARIO TRABAJA CON NOSOTROS IMAGEN SUPERIOR */ form .hs-richtext img { margin-bottom: 30px; border-radius: 15px} /* INPUT TYPE FILE STYLE */ form .hs-fieldtype-file {border: 2px solid #898989; border-radius: 100px } form .hs-fieldtype-file legend {display: none !important} form .hs-fieldtype-file input::-webkit-file-upload-button { visibility: hidden } form .hs-fieldtype-file input { position: relative; width: 100%; padding: 10px 0 ;} form .hs-fieldtype-file input:before { content: "Sube tu CV aquí"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 100px; display: flex; justify-content: center; align-items: center; color: #898989; font-size: 16px; font-weight: 400; cursor: pointer; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;} form .hs-fieldtype-file input:hover:before {background-color: #005cff; color: #fff} .btn { white-space: normal; padding: 8px 15px; line-height: 1.2 !important; font-size:16px; color: #005CFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; ; } .btn:hover { color: #579CFF } .btn:focus, .btn.focus {color: #579CFF -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; ; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.4; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.2; } .btn-orange{background-color:#FF3D00;padding: 17px 19px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #FFFFFF; } .btn-orange:hover{background: rgba(255, 61, 0, 0.8); color: #fff; } .btn-outline{ background:transparent;padding: 17px 19px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #005CFF;border: 1px solid #005CFF; } .btn-outline:hover{ background: #005CFF; color: #fff; } .btn-blue { background:#005CFF;padding: 17px 19px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff;border: 1px solid #005CFF; } .btn-blue:hover{ background: #0043BA; border: 1px solid #0043BA; color: #fff; } .btn-white{ background:#fff;padding: 17px 19px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #005CFF;border: 1px solid #fff; -webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; border-radius: 100px !important; ; } .btn-white:hover{ background: #89AEEF; color: #fff; border: 1px solid #89AEEF; } a.btn-link-text{font-weight: 600;font-size: 16px;line-height: 1.2;color: #4D4D4D; } a.btn-link-text:after{content: "\f055"; font-family: "Font Awesome 5 Pro"; font-weight: 500; color: #005CFF;padding-left:5px; } a.btn-link-text:hover{ text-decoration:none; color: #4D4D4D; } a.btn-link-text:hover:after{font-weight: 900; } a.btn-link-text.text-white:after{content: "\f055"; font-family: "Font Awesome 5 Pro"; font-weight: 500; color: #fff;padding-left:5px; } a.btn-link-text.text-white:hover:after{font-weight: 900; color: #005CFF; } .btn-blue-arrow { position: relative; background:#005CFF;padding: 20px 20px 20px 10px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff !important;border: 1px solid #005CFF; min-width:200px; } .btn-blue-arrow:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; right: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; } .btn-blue-arrow:hover { background: #0043BA; color: #fff !important; border: 1px solid #0043BA; } .btn-blue-arrow:hover:after { right: 15px; } .btn-orange-arrow { background:#FF3D00;padding: 20px 20px 20px 10px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff !important;border: 1px solid #FF3D00; min-width:200px; } .btn-orange-arrow:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; right: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; } .btn-orange-arrow:hover { background: #FF3D00CC; border: 1px solid #FF3D00CC; } .btn-orange-arrow:hover:after { right: 15px; } .lSide input[type=submit] { background:#191919;padding: 20px 20px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff !important;border: 1px solid #191919; min-width:200px; } .lSide input[type=submit]:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; right: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .lSide input[type=submit]:hover { background: #0043BA; border: 1px solid #0043BA; } .lSide input[type=submit]:hover:after { right: 15px; } .btn-blue-arrow-down { position: relative; background:#005CFF;padding: 20px 20px 20px 10px ; font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff !important;border: 1px solid #005CFF; min-width:200px; } .btn-blue-arrow-down:after { content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-blue-arrow-down:hover { background: #0043BA; color: #fff !important;border: 1px solid #0043BA; text-decoration:none; } .btn-blue-arrow-down:hover:after { content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-size: 14px; top:60% } .btn-orange-arrow-down { background:#FF3D00;padding: 20px 20px 20px 10px ; font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff !important;border: 1px solid #FF3D00; min-width:200px; } .btn-orange-arrow-down:after { content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-orange-arrow-down:hover { background: #FF3D00CC; color: #fff !important;border: 1px solid #0043BA; text-decoration:none} .btn-orange-arrow-down:hover:after { content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-size: 14px; top:60% } .btn-outline-arrow { position: relative; background:transparent;padding: 20px 40px 20px 20px; font-weight: 700;font-size: 14px; color: #005CFF !important;border: 1px solid #005CFF; min-width:200px; } .btn-outline-arrow:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-outline-arrow:hover { background: #005CFF; color: #fff !important; border: 1px solid #005CFF; } .btn-outline-arrow:hover:after { right: 15px; } .btn-outline-arrow-down { position: relative; background:transparent;padding: 20px 40px 20px 20px; font-weight: 700;font-size: 14px; color: #005CFF !important;border: 1px solid #005CFF; min-width:200px; } .btn-outline-arrow-down:after { content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-outline-arrow-down:hover { background: #005CFF; color: #fff !important; border: 1px solid #005CFF; } .btn-outline-arrow-down:hover:after { top:60%; } .bg-blue .btn-blue-arrow { background:#fff;padding: 20px 20px 20px 10px; font-weight: 700;font-size: 14px;line-height: 1.2;color: #005CFF !important;border: 1px solid #fff; min-width:200px; } .bg-blue .btn-blue-arrow:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; right: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .bg-blue .btn-blue-arrow:hover { background: #89AEEF; color: #fff !important; border: 1px solid #89AEEF; } .bg-blue .btn-blue-arrow:hover:after { right: 15px; } .bg-blue .btn-blue-arrow-down { background:#fff;padding: 20px 20px 20px 10px ; font-weight: 700;font-size: 14px;line-height: 1.2;color: #005CFF !important;border: 1px solid #fff; } .bg-blue .btn-blue-arrow-down:after { content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .bg-blue .btn-blue-arrow-down:hover { background: #89AEEF; color: #fff !important; border: 1px solid #89AEEF; text-decoration:none; } .bg-blue .btn-blue-arrow-down:hover:after { top:60%; } .btn-slide { background:#005CFF;padding: 20px 20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; ;font-weight: 700;font-size: 14px;line-height: 1.2;color: #fff !important;border: 1px solid #005CFF; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-next:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-size: 14px; padding-left: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; right: 15px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-slide:hover { background: #0043BA; color: #fff !important; border: 1px solid #0043BA; } .btn-prev:after { content: "\f060"; font-family: 'Font Awesome 5 Pro'; font-size: 14px; right: 15px;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .btn-primary { color: #fff; background-color: #005CFF; border-color: #005CFF; } .btn-primary:hover { color: #fff; background-color: #579CFF; border-color: #579CFF; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #579CFF; border-color: #579CFF; } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #005CFF; border-color: #005CFF; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #579CFF; border-color: #579CFF; } .btn-outline-primary { color: #005CFF; border-color: #005CFF; } .btn-outline-primary:hover { color: #fff; background-color: #579CFF; border-color: #579CFF; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #005CFF; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #005CFF; border-color: #005CFF; } .badge-primary { color: #fff; background-color: #005CFF; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #579CFF; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; } .btn-secondary { color: #000000; background-color: #fff474; border-color: #fff474; } .btn-secondary:hover { color: #000000; background-color: #fff474; border-color: #fff474; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #fff474; border-color: #fff474; } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #fff474; border-color: #fff474; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #000000; background-color: #fff474; border-color: #fff474; } .btn-outline-secondary { color: #fff474; border-color: #fff474; } .btn-outline-secondary:hover { color: #fff; background-color: #fff474; border-color: #fff474; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #fff474; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #000000; background-color: #fff474; border-color: #fff474; } .badge-secondary { color: #fff; background-color: #fff474; } a.badge-secondary:hover, a.badge-secondary:focus { color: #000000; background-color: #fff474; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; } .btn-warning { color: #fff; background-color: #fb5607; border-color: #fb5607; } .btn-warning:hover { color: #fff; background-color: #fb5607; border-color: #fb5607; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #fb5607; border-color: #fb5607; } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #fb5607; border-color: #fb5607; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #fb5607; border-color: #fb5607; } .btn-outline-warning { color: #fb5607; border-color: #fb5607; } .btn-outline-warning:hover { color: #fff; background-color: #fb5607; border-color: #fb5607; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #fb5607; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #fb5607; border-color: #fb5607; } .badge-warning { color: #fff; background-color: #fb5607; } a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #fb5607; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; } .btn-light { background-color: #FFFFFF; color: #005CFF; border: 1px solid #005CFF; } .btn-light:hover { color: #fff; background-color: #005CFF; border-color: #005CFF; } .btn-light:focus, .btn-light.focus { color: #fff; background-color: #005CFF; border-color: #005CFF; } .btn-light.disabled, .btn-light:disabled { color: #fff; background-color: #005CFF; border-color: #005CFF; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #fff; background-color: #579CFF; border-color: #579CFF; } .btn-outline-light { color: #005CFF; border: 1px solid #005CFF; } .btn-outline-light:hover { color: #fff; background-color: #005CFF; border-color: #005CFF; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #005CFF; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #005CFF; border-color: #005CFF; } .badge-light { color: #fff; background-color: #fff; color: #005CFF; border: 1px solid #005CFF; } a.badge-light:hover, a.badge-light:focus { color: #fff; background-color: #005CFF; } a.badge-light:focus, a.badge-light.focus { outline: 0; } .alert { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; ; } .alert-primary { color: #ffffff; background-color: #005CFF; border-color: #005CFF; } .alert-primary hr { border-top-color: #579CFF; } .alert-primary .alert-link { color: #ffffff; } .alert-secondary { color: #000000; background-color: #fff474; border-color: #fff474; } .alert-secondary hr { border-top-color: #fff474; } .alert-secondary .alert-link { color: #000000; } .alert-warning { color: #ffffff; background-color: #fb5607; border-color: #fb5607; } .alert-warning hr { border-top-color: #fb5607; } .alert-warning .alert-link { color: #ffffff; } .alert-light { color: #005CFF; background-color: #ffffff; border-color: #005CFF; } .alert-light hr { border-top-color: #579CFF; } .alert-light .alert-link { color: #005CFF; } a[id*='cta_button'] { border-color:#005CFF !important; background: #005CFF !important; text-decoration: none; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.2; text-align: center; vertical-align: middle; cursor: pointer; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; ; } a[id*='cta_button']:hover { background: #579CFF !important; border-color: #579CFF !important; color: #ffffff !important; } a[id*='cta_button'] p { color:#fff !important; } body a.cta_button.cimg { overflow: hidden; border: none; background: none !important; padding: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; ; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; ; } h1,.h1 { font-size: 38px; font-weight: 700; } h2,.h2 { font-size: 34px; font-weight: 600; } h3,.h3 { font-size: 30px; font-weight: 600; } h4,.h4 { font-size: 26px; font-weight: 600; } h5,.h5 { font-size: 22px; font-weight: 700; } h6,.h6 { font-size: 18px; font-weight: 600; } .modal .modal-header .close { opacity: 1; margin: 0; } .modal .modal-header .close span { display: block; line-height: 1; font-size: 28px; font-weight: 300; position: absolute; left: 15px; top: 4px; } .modal .modal-header .modal-title{ font-weight: 600;font-size: 30px;line-height: 1.2;text-align: center;color: #005CFF; } .modal .modal-body p{font-size: 16px;line-height: 1.4;/* or 21px */text-align: center;/* gray2 */color: #898989; } .modal .modal-body .contForm input[type=submit]{width:100%; } .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); ; } .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; } .modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 20px; } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 0.1rem) !important; overflow: hidden;} /*Left*/ .modal.left.fade .modal-dialog{ left: 0px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; -ms-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.in .modal-dialog{ left: 0; } /*Right*/ .modal.right.fade .modal-dialog { right: 0; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; -ms-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; ; } .modal.right.fade.in .modal-dialog { right: 0; } .bgi { color: #fff; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .bgov:before { display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgb(0 0 0 / 30%); } /*Backgrounds*/ .bg-gray-disabled{background:#ECECEC} .bg-gray{background:#f2f2f2} .bg-gray2{background:#898989} .bg-blue{background:#005CFF} /*.banner2c:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 50%; }*/ .banner2c .bgWhite { color: #000000; margin: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; ; } .banner2c .bgWhite .img { background: #000000; padding: 80px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .banner2c .bgWhite .img { background: #000000; padding: 80px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .banner2c .cont ul { list-style: none; margin: 30px 0; padding: 0; } .banner2c .cont ul li { margin-bottom: 20px; padding-left: 50px; position: relative; padding-top: 3px; padding-bottom: 3px; } .banner2c .cont ul li:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-image: url(https://464751.fs1.hubspotusercontent-na1.net/hubfs/464751/orionx/img/icon-check.png); background-size: contain; background-repeat: no-repeat; background-position: center; } .banner2c .bgLGray { padding-bottom: 20px; padding-top: 20px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; ; } .banner2c .ft .btn { margin-bottom: 20px; } .banner2c h3{/*font-size: 30px;*/font-weight: 600;text-align: left;color:#005CFF; } .banner2c .img img{border-radius:0 0 0 90px;} /* Tabla de contenido */ .contTabla .menuPr .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: left; width: 25%; } .contTabla .menuPr .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { text-decoration: none; max-width: none; padding: 22px; color: #000; display: block; border: 1px solid; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; ; margin: 15px; height: 165px; } .contTabla .tit { padding-left: 15px; padding-right: 15px; } .contTabla .sr .hs-menu-wrapper.hs-menu-flow-horizontal>ul { margin: 0 auto; } .contTabla .sr ul.mp { margin: 0 auto; display: flex; flex-wrap: wrap; padding: 0; } .contTabla .menuPr ul.mp li.hs-menu-depth-1 { float: left; width: 25%; list-style:none; padding: 15px; } .contTabla .menuPr ul.mp li a { position: relative; height: 100%; text-decoration: none; max-width: none; padding: 22px; color: #000; display: block; border: 1px solid #005CFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; min-height: 165px; } .contTabla .menuPr ul.mp li a .fa-check { display: none; width: 32px; height: 32px; background: #005CFF; text-align: center; line-height: 32px; color: #fff; font-weight: 400; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; position: absolute; right: 15px; top: 15px; } .contTabla .menuPr ul.mp li a:hover { background: #89AEEF; border-color: #89AEEF; } .contTabla .menuPr ul.mp li a:visited { background: #89AEEF; border-color: #89AEEF; } .contTabla .menuPr ul.mp li a:visited .fa-check { display: block; } /* Slider */ .slick-slider { font-size: 0; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); ; } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; font-size: initial; } .slick-slide>div { font-size: initial; } [dir='rtl'] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dotted { padding-bottom: 60px; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; background: none; padding: 0; z-index: 1; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); ; cursor: pointer; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'Font Awesome 5 Pro'; font-size: 20px; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: 0; left: auto; } .slick-prev:before { content: "\f053"; } [dir='rtl'] .slick-prev:before { content: "\f053"; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: 0; } .slick-next:before { content: "\f054"; } [dir='rtl'] .slick-next:before { content: "\f054"; } /* Dots */ .slick-dots { font-size: 0; display: block; width: 100%; padding: 10px 0 0 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; display: block; padding: 0; cursor: pointer; border: 0; outline: 0; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { background: #005CFF; } .slick-dots li button:before { width: 250px; height: 3px; content: ''; display: block; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; border-bottom: 1px solid ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; ; } .slick-dots li.slick-active button:before { background: #005CFF; } /* This is for the blog */ .snippet { background: #efefef; padding: 20px; margin: 50px auto; max-width: 700px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; } .snippet h2 { font-size: 24px; margin-top: 0; } .snippet ul, .snippet ol { padding-left: 30px; margin: 50px 0 0 0; } .snippet li { padding-left: 10px; } .snippet li::marker { font-weight: 900; } .contPost p { margin-bottom: 30px; line-height: 1.6; } .contPost ol, .contPost ul { margin: 30px 0; } .contPost ol li, .contPost ul li { margin-bottom: 15px; } .contPost blockquote { margin: 30px 0; font-style: italic; border-color: #005CFF; } .contPillar p { margin-bottom: 30px;line-height: 1.6; } .contPillar ol, .contPillar ul { margin: 30px 0; } .contPillar ol li, .contPillar ul li { margin-bottom: 15px; } .contPillar blockquote { margin: 30px 0; font-style: italic; border-color: #005CFF; } .contPillar a { color: #005CFF; } .socials .fab { text-decoration: none; margin: 0 3px; color: #005CFF; text-align: center; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .load-spin-wrapper { text-align: center; width: 100%; } .load-spin-wrapper .fa-spinner { font-size: 40px; color: #005CFF; } .load-spin-wrapper.go .fa-spinner { -webkit-animation-name: spin; -webkit-animation-duration: 3000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 3000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 3000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 3000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .pagination a { display: inline-block; width: 30px; height: 30px; line-height: 31px; text-align: center; color: #4D4D4D; margin: 0 5px; text-decoration: none; font-size: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; } .pagination a.fa { color: #005CFF; } .pagination a.active { background: #005CFF; color: #fff; } .navPr { border:none; padding: 15px 0 0 0; margin: 0; min-height: 0; background: #ffffff; line-height: 1.2; z-index: 9; -webkit-box-shadow: 0px 6px 21px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 6px 21px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 21px rgba(0, 0, 0, 0.1); ; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; ; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } .navPr .navbar-brand { margin-left: 25px; margin-bottom: 14px; height: auto; width: 90px; } .navPr .navbar-brand>img { display: block; width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } .navPr .navbar-toggler { position: absolute; right: 20px; top: 16px; border:none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; ; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } .navPr .navbar-toggler .icon-bar { display: block; height: 4px; width: 34px; margin: 5px 0; background: #005CFF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; ; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } .navPr .navbar-toggle:hover { background: none; } .navPr .navbar-toggle:hover .icon-bar { background: #005CFF; } .navPr .navbar-toggle:focus { background: none; } .navPr .navbar-toggle:focus .icon-bar { background: #005CFF; } .navPr .menuPr ul { margin: 0; padding: 0; list-style: none; } .navPr .menuPr ul li.hs-menu-item>a { color: #191919; display: block; padding: 8px 0; text-decoration: none; } .navPr .menuPr ul li.active-branch>a { color: #005CFF; } .navPr .menuPr ul li.hs-item-has-children>a { position: relative; } .navPr .menuPr ul li.hs-item-has-children>a:before { pointer-events: none; content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 12px; position: absolute; right: 25px; top: 52%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .navPr .menuPr ul li.hs-menu-depth-1 { font-weight: 600; padding-left: 15px; padding-right: 15px; } .navPr .menuPr ul li.hs-menu-depth-1>a { position: relative; z-index: 4; } .navPr .menuPr ul li.hs-menu-depth-2 { cursor: auto; } .navPr .menuPr ul li.hs-menu-depth-2 .cont { font-weight: 600; padding-left: 15px; } .navPr .menuPr ul li.hs-menu-depth-2 .cont>span { font-weight: 400; display: block; font-size: 14px; padding-top: 8px; } .navPr .menuPr ul li.hs-menu-depth-2>a { display: flex; } .navPr .menuPr ul li.hs-menu-depth-2>a .img img { display: block; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(1) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(3) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(4) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(5) ul li.hs-menu-depth-2>a .img img { min-width: 40px; max-width: 40px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(2) ul li.hs-menu-depth-2>a { display: block; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(2) ul li.hs-menu-depth-2>a .img img { max-height: 24px; margin-bottom: 10px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(2) ul li.hs-menu-depth-2>a .cont { padding-left: 0; } .navPr .menuPr ul li.hs-menu-depth-2 .box .cont { font-weight: 400; } .navPr .menuPr ul li.hs-menu-depth-2 .box h5 { font-weight: 600; font-size: 16px; } .navPr .menuPr ul li.hs-menu-depth-2 .box .btn { padding: 12px 45px 12px 30px; min-width: 0; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 { width: 100%; display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1.movil { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .box { margin: 20px auto; max-width: 300px; min-height: 300px; background: #fff; padding: 30px 20px; text-align: center; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; ; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .box.cbord { border: 1px solid #005CFF; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .box .btn { margin-top: 15px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .box .img { width: 200px; height: 100px; margin: 0 auto 15px auto; background-size: contain; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .imgMenu { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; ; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2 { width: 100%; display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2.movil { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2 .box { margin: 50px auto 20px auto; max-width: 300px; padding: 30px 20px; text-align: center; background: #ECECEC; -webkit-border-radius: 72px 0px; -moz-border-radius: 72px 0px; border-radius: 72px 0px; ; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2 .box .btn { margin-top: 15px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2 .box .img { width: 200px; height: 100px; margin: -60px auto 15px auto; background-size: contain; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 { width: 100%; display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4.movil { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 .box { margin: 20px auto; max-width: 300px; background: #fff; padding: 0 0 30px 0; text-align: center; border: 1px solid #005CFF; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; ; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 .box .cont { padding: 0 20px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 .box h5 { font-weight: 600; font-size: 16px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 .box .btn { margin-top: 15px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 .box .img { width: 100%; height: 120px; margin: 0 auto 15px auto; background-size: cover; -webkit-border-radius: 17px 17px 0px 50px; -moz-border-radius: 17px 17px 0px 50px; border-radius: 17px 17px 0px 50px; ; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5 { width: 100%; display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5.movil { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5 .box { margin: 50px auto 20px auto; max-width: 300px; padding: 30px 20px; text-align: center; background: #ECECEC; -webkit-border-radius: 72px 0px; -moz-border-radius: 72px 0px; border-radius: 72px 0px; ; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5 .box .btn { margin-top: 15px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5 .box .img { width: 200px; height: 100px; margin: -60px auto 15px auto; background-size: contain; } .navPr .cta .btn { margin: 7px; } .navPillar.navPr .navbar-toggler { position: absolute; right: 50px; top: 125px; border: 0; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; ; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; ; } .navPillar .ctaPillar{ background:#f2f2f2; -webkit-border-radius: 100px 0 100px 0; -moz-border-radius: 100px 0 100px 0; border-radius: 100px 0 100px 0; ; } .navPillar .ctaPillar p{font-size:16px} .navPillar.navPr .navbar-collapse .menuP ul li.hs-menu-depth-1 { float: none; padding: 15px; display: block; } .navPr.webNav .navMenu { padding: 15px 40px; background:#fff; -webkit-border-radius: 203px; -moz-border-radius: 203px; border-radius: 203px; ; -webkit-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); ; } .navPr.regwb .navMenu { padding: 15px 40px; background:#fff; -webkit-border-radius: 203px; -moz-border-radius: 203px; border-radius: 203px; ; -webkit-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); ; } .navPr.regwb {padding-top:15px; } .navPr.regwb .menuPr ul li.hs-menu-item>a { color: #ca356f; display: block; text-decoration: none; font-weight: 600; font-size: 15px; line-height: 1.2; text-align: center; letter-spacing: 0.26472px; color: #191919; } /*Intro*/ .intro .webTitle p { font-size: 18px;} .intro{ -webkit-border-radius: 0px 0px 70px 70px; -moz-border-radius: 0px 0px 70px 70px; border-radius: 0px 0px 70px 70px; ; } .pb150{padding-bottom:150px} .intro.img.bgi{background-size:cover;background-color: #4d4d4d; } .intro .cont p{ font-size: 16px; } .intro.topPillar { padding-top: 0; } .slickTop { padding-bottom: 0; } .intro { overflow: hidden; } .intro .cta .btn { margin: 5px; } .intro .cta .btn:first-child { margin-left: 0; } .intro .cta .btn:last-child { margin-right: 0; } .intro .contVideo { display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } .intro .contVideo video { display:none; position: absolute; left: 50%; top: 50%; width: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); ; } .intro .slickAwards { width: 100%; position: absolute; right: 0; bottom: 0; background: #191919; -webkit-border-radius: 80px 0px 0px 0px; -moz-border-radius: 80px 0px 0px 0px; border-radius: 80px 0px 0px 0px; ; color: #ffffff; padding: 30px 0 30px 30px; max-width: 500px; } .intro .awards { padding-right: 60px; } .intro .awards a { color: #ffffff; text-decoration: none; } .intro .awards .fa { width: 30px; height: 30px; background: #fff; color: #005CFF; text-align: center; line-height: 30px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; } .intro .awards .img { min-width: 100px; width: 80px; height: 100px; background-size: contain; margin-right: 20px; } .intro .carr .tit { font-weight: 700; background: #FD6C98; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; ; padding: 14px 20px 22px 20px; display: inline-block; } .intro .carr .list { max-width: 250px; } .intro .carr .ci { float: left; width: 100%; max-width: 450px; margin-top: -10px; background: #ffffff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; ; padding: 10px 20px; color: #005CFF; z-index: 2; position: relative; } .intro .carr .cCta { margin-left: auto; padding-left: 10px; } .intro .carr .btn { padding: 17px 19px; white-space: nowrap; } .intro .carr h6 { font-size: 16px; margin: 0; } .intro .wp { padding-bottom: 200px; } .slickTop .slick-list::after { display: none; } .navSl { top: -80px; height: 0; } .navSl .slick-dots { text-align: left; padding-top: 0; } .navSl.dc .slick-dots { text-align: center; } .navSl .slick-dots li { display: inline-block; width: 40px; margin-right: 10px; } .navSl .slick-dots li button { width: 40px; } .navSl .slick-dots li button:before { width: 40px; } .navSl .slick-dots li.slick-active button:before { background: #2FCBF1; } .beneficios .horizontal.sup.col-md-4.brdr .beneficio:not(:nth-child(3)){border-top:0.5px dashed #005CFF} .beneficios .horizontal.sup.col-md-3.brdr .beneficio:not(:nth-child(4)){border-top:0.5px dashed #005CFF} .beneficios .horizontal.sup.col-md-6.brdr .beneficio:not(:nth-child(2)){border-top:0.5px dashed #005CFF} .beneficios .horizontal.lat.col-md-4.brdr:nth-last-child(1){border-right:none !important} .beneficios .horizontal.lat.col-md-4.brdr:not(:nth-child(3n+3)){border-right:0.5px dashed #005CFF} .beneficios .horizontal.lat.col-md-3.brdr:nth-last-child(1){border-right:none !important} .beneficios .horizontal.lat.col-md-3.brdr:not(:nth-child(4n+4)){border-right:0.5px dashed #005CFF} .beneficios .horizontal.lat.col-md-6.brdr:nth-last-child(1){border-right:none !important} .beneficios .horizontal.lat.col-md-6.brdr:not(:nth-child(2n+2)){border-right:0.5px dashed #005CFF} .beneficios.bg-blue .cont .descript,.beneficios.bg-blue .cont .title{color:#fff} .beneficios .cont .title{font-weight: 700;font-size: 20px;text-align: center;color: #898989; } .beneficios .descript {font-size: 16px;text-align: center;color: #898989; } .beneficios .img { height: 50px; -webkit-border-radius: 20; -moz-border-radius: 20; border-radius: 20; ; max-width: 60px; margin: 0 auto 20px auto; background-size:contain} .beneficios .scontent .cont h2{/* or 40px */text-align: center;color: #005CFF; } .beneficios .position-sticky { top: 20%; } .masBlogs .bblog:last-child { display: none; } .masBlogs .box{border: 0.3px solid #ececec; -webkit-border-radius: 15; -moz-border-radius: 15; border-radius: 15; ;background:#fff} .masBlogs .box .meta{ font-size: 14px; color: #898989; } .masBlogs .box .cont p.descript{font-size: 16px;color: #898989; } .masBlogs .box .cont .title a{font-weight: 600;font-size: 20px;color: #4D4D4D; } .masBlogs .box .imge a.img { display: block; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .masBlogs .box .meta,.masBlogs .box .urlLink{flex:1} .masBlogs .box .urlLink { width: 110px; max-width: 110px; min-width: 110px; } .masBlogs .upc a{font-size: 14px;color: #005CFF; } .tarjetas .card .card-body ul li { margin-bottom: 15px; } .tarjetas .card .card-body ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .tarjetas .card .card-body ul { list-style: none; } .tarjetas .card .card-body ul li { position: relative; color: #898989; } .tarjetas .card .card-body p{ color: #898989; } .tarjetas .card{border: 1px solid #ECECEC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; } .cExito .banner2col .im .bgi { min-height: 400px; padding: 0; overflow: hidden; background-size: cover; background-position: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .cExito .banner2col .im { padding: 0; } .cExito .firstB .box .meta{position: absolute; bottom: 20px; } .cExito .box .imge a.img { margin-bottom: 20px; display: block; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .cExito .cont .title{ font-weight: 600;font-size: 20px;color: #4D4D4D; } .cExito .box .cont .title a{font-weight: 600;font-size: 30px;color: #4D4D4D; } .cExito .info h5{ font-weight: 600;font-size: 16px; } .cExito .info p.cargo{ font-size: 16px; } .cExito .info p.info{ font-size: 30px; color: #898989; } .circulo #outer-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; } .circulo #inner-circle { position: absolute; background: #2FCBF1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; height: 360px; width: 360px; top: 50%; left: 50%; margin: -180px 0px 0px -180px; } .circulo .imgs { margin: 0 0 0 auto; border: 0.459184px solid #2FCBF1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; height: 90px; width: 90px;display: flex; justify-content: center; } .circulo .imgs img{margin:auto} .circulo .outer-circles { position: absolute; background: #FFFFFF; border: 0.459184px solid #2FCBF1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; height: 90px; width: 90px; } .circulo .outer-circles img{ position: absolute; top: 25%; left: 22%; } .circulo .outer-text { position: absolute; background: #FFFFFF; } .circulo .outer-circles.total-6:nth-child(1){ top: -6%; left: 45%; } .circulo .outer-circles.total-6:nth-child(2){ top: 6%; left: 74%; } .circulo .outer-circles.total-6:nth-child(3){ top: 30%; left: 90%; } .circulo .outer-circles.total-6:nth-child(4){ top: 60%; left: 90%; } .circulo .outer-circles.total-6:nth-child(5){ top: 84%; left: 74%; } .circulo .outer-circles.total-6:nth-child(6){ top: 92%; left: 45%; } .circulo .outer-circles.total-5:nth-child(1){ top: -6%; left: 45%; } .circulo .outer-circles.total-5:nth-child(2){ top: 14%; left: 81%; } .circulo .outer-circles.total-5:nth-child(3){ top: 43%; left: 92%; } .circulo .outer-circles.total-5:nth-child(4){ top: 75%; left: 80%; } .circulo .outer-circles.total-5:nth-child(5){ top: 92%; left: 45%; } .circulo .outer-circles.total-4:nth-child(1){ top: -6%; left: 45%; } .circulo .outer-circles.total-4:nth-child(2){ top: 14%; left: 86%; } .circulo .outer-circles.total-4:nth-child(3){ top: 66%; left: 86%; } .circulo .outer-circles.total-4:nth-child(4){ top: 92%; left: 45%; } .circulo .outer-circles.total-3:nth-child(1){ top: -6%; left: 45%; } .circulo .outer-circles.total-3:nth-child(2){ top: 45%; left: 92%; } .circulo .outer-circles.total-3:nth-child(3){ top: 92%; left: 45%; } .circulo .outer-circles.total-2:nth-child(1){ top: -6%; left: 45%; } .circulo .outer-circles.total-2:nth-child(2){ top: 92%; left: 45%; } .circulo .outer-circles.total-1:nth-child(1){ top: 45%; left: 93%; } .circulo .outer-text.total-6:nth-child(7){ top: -10%; left: 72%; width:75%} .circulo .outer-text.total-6:nth-child(8){ top: 6%; left: 100%; width:75%} .circulo .outer-text.total-6:nth-child(9){ top: 30%; left: 115%; width:75%} .circulo .outer-text.total-6:nth-child(10){ top: 60%; left: 115%; width:75%} .circulo .outer-text.total-6:nth-child(11){ top: 84%; left: 100%; width:75%} .circulo .outer-text.total-6:nth-child(12){ top: 100%; left: 72%; width:75%} .circulo .outer-text.total-5:nth-child(6){ top: -10%; left: 72%; width:75%} .circulo .outer-text.total-5:nth-child(7){ top: 14%; left: 105%; width:75%} .circulo .outer-text.total-5:nth-child(8){ top: 43%; left: 115%; width:75%} .circulo .outer-text.total-5:nth-child(9){ top: 75%; left: 105%; width:75%} .circulo .outer-text.total-5:nth-child(10){ top: 98%; left: 72%; width:75%} .circulo .outer-text.total-4:nth-child(5){ top: -10%; left: 72%; width:75%} .circulo .outer-text.total-4:nth-child(6){ top: 14%; left: 110%;width:75%} .circulo .outer-text.total-4:nth-child(7){ top: 66%; left: 110%;width:75%} .circulo .outer-text.total-4:nth-child(8){ top: 98%; left: 72%; width:75%} .circulo .outer-text.total-3:nth-child(4){ top: -10%; left: 72%; width:75%} .circulo .outer-text.total-3:nth-child(5){ top: 45%; left: 115%;width:75%} .circulo .outer-text.total-3:nth-child(6){ top: 95%; left: 80%;width:75%} .circulo .outer-text.total-2:nth-child(3){ top: -10%; left: 72%; width:75%} .circulo .outer-text.total-2:nth-child(4){ top: 98%; left: 72%; width:75%} .circulo .outer-text.total-1:nth-child(2){ top: 45%; left: 115%;width:75%} .circulo .outer-text h5{font-weight: 700;color: #898989; } .circulo .outer-text p{ color: #898989; } /* Circle Styles */ .circulo .circle { position: relative; display: block; margin: 0 auto 30px auto; background-color: transparent; color: #222; text-align: center; height: 360px; width: 360px; } .circulo .circle:after { display: block; padding-bottom: 100%; width: 100%; height: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; content: ""; } .circulo .circle.blue:after {background-color: #2FCBF1; } .circulo .circle.pink:after { background-color: #fd6c98; } .circulo .circle__inner { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .circulo .circle__wrapper { display: table; width: 100%; height: 100%; } .circulo .circle__content { display: table-cell; padding: 1em; vertical-align: middle; } .circulo .mascirculos .outer-circles{ background-position: center !important; background-size: 50% !important; background-repeat: no-repeat !important; background-color: white !important;} .contentImage ul li { margin-bottom: 15px; } .contentImage .content ul { list-style: none; } .contentImage .content ul li { position: relative; } .contentImage .content ul li:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: block; position: absolute; left: -25px; top: -1px; color: #005CFF; } /*faq*/ .cFunc .box .vectorA.img-B{background-image:url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Vector-1a.png?noresize);background-size: contain; background-position: top center; } .cFunc .box .vectorB.img-B{background-image:url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Vector-1b.png?noresize);background-size: contain; background-position: top center; } .cFunc .box .vectorA.img-R{background-image:url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Vector-2a.png?noresize);background-size: contain; background-position: top center; } .cFunc .box .vectorB.img-R{background-image:url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Vector-2b.png?noresize);background-size: contain; background-position: top center; } .cFunc .box{border: 0.5px solid #005CFF; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } .cFunc button { position: relative; font-weight: 700;font-size: 20px;line-height: 22px;padding: 30px; color: #898989;; text-transform: uppercase; } .cFunc .cardFAQ { background: #fff; } .cFunc .title {top:20%; } .cFunc .title p{ font-size: 16px; } .cFunc .card-header {padding: 0; background:#fff; border-bottom: none; } .cFunc .fBox-inner { box-sizing: border-box; -webkit-border-radius: 19px !important; -moz-border-radius: 19px !important; border-radius: 19px !important; ; background:#fff; } .cFunc .card-header button span.fas { color: #005CFF; right: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; } .cFunc .cardFAQ {border-bottom: 1px solid #CFD2D4 !important; box-sizing: border-box; background:#fff; } .cFunc .cont { padding: 5px 30px 30px 30px; } .contadorSec .container{ border-bottom: 0.5px dashed #005CFF; } .contadorSec .counter-section .counterBox .contador { font-weight: 300; font-size: 54px; line-height: 1.2; text-align: center; color: #2FCBF1; } .contadorSec .txtBox p { font-size: 16px; color: #4D4D4D; } .contadorSec .counterBox .counter-title{ font-size: 16px; color: #4D4D4D; } .contadorSecSup.nmt150{margin-top:-150px; } .contadorSecSup .container{ -webkit-border-radius: 80px 0 0 0; -moz-border-radius: 80px 0 0 0; border-radius: 80px 0 0 0; } .contadorSecSup .counter-section .counterBox .contador{font-weight: 300;font-size: 54px;text-align: center;color: #4d4d4d; } .contadorSecSup .txtBox p{font-size: 16px;color: #4D4D4D; } .contadorSecSup .counterBox .counter-title{font-size: 16px;text-align: center;color: #4D4D4D; } /*podcasts*/ .podcasts .box .cont p.decript{font-size: 16px;color: #898989; } .podcasts .box .imge a.img { margin-bottom: 20px; display: block; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .podcasts .presentador .nombres small{font-weight: 600;font-size: 12px;color: #898989; } .podcasts .modtitle h1 { font-size: 45px; font-weight: 700; text-align: center; color: #4d4d4d; } .podcasts .modtitle p { font-size: 16px; text-align: center; color: #898989; } .podcasts .presentador img{height:35px;width:35px;position:absolute} .podcasts .presentador img:last-of-type{left:25px} .podcasts .box{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .podcasts .foto.w-15{width:15%} .podcasts .nombres.w-85{width:85%} /*prensa*/ .prensa .box .imge a.img:hover{ opacity:0.6; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); ; -webkit-transition: all 0.3 ease-out; -moz-transition: all 0.3 ease-out; -o-transition: all 0.3 ease-out; -ms-transition: all 0.3 ease-out; transition: all 0.3 ease-out; ; } .prensa.nmt150{margin-top:-150px; } .prensa.intro{ padding-bottom:200px; } .prensa .firstB .box .im .bgi { min-height: 400px; padding: 0; overflow: hidden; background-size: cover; background-position: center; -webkit-border-radius: 15px 0px 0 15px; -moz-border-radius: 15px 0px 0 15px; border-radius: 15px 0px 0 15px; } .prensa .firstB .box .im { padding: 0; } .prensa .firstB .box .meta{position: absolute; bottom: 20px; } .prensa .box .meta .date{font-size: 14px;display: flex;align-items: center;color: #898989; } .prensa .box .imge a.img { margin-bottom: 20px; display: block; height: 170px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .prensa .cont .title{ font-weight: 600;font-size: 20px;color: #4D4D4D; } .prensa .box{ border: 1px solid #ECECEC;overflow:hidden; -webkit-border-radius: 15px 15px 90px 15px; -moz-border-radius: 15px 15px 90px 15px; border-radius: 15px 15px 90px 15px; } .prensa .meta a { color: #4D4D4D; margin-right: 15px; } .prensa .meta a .fa-plus { color: #005CFF; font-weight: 400; border: 2px solid #005CFF; width: 18px; height: 18px; font-size: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; margin-left: 5px; } /*Descargables*/ .desc { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .descargables .descC:hover .desc .img{opacity:0.6} .descargables .lmas {font-family: Epilogue;font-size: 16px;font-weight: 700;text-align: left;color:#383838; } .descargables .title{ color: #4D4D4D; } .descargables .descript { font-size: 16px; color: #898989; } .descargables .img { height: 317px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; ; max-width: 260px; margin: 0 auto 20px auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } .descargables.global .descarga .desc{ height: 100%; border:solid 0.5px #A7A8AA; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ;padding-left: 30px; padding-right: 30px; } .team .teamBox{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team .teamBox:hover{margin-top:-20px; } .team .persona.img.bgi{ height: 100%; background-size:cover;min-height:400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ;background-color: #191919; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; ; } .team .persona .cta{position:absolute; bottom:10px;padding-left:0; } .team .persona .cta span{padding-left:0; } .team .persona .info{ position: absolute; bottom:0; max-height: 10%; padding: 0 2rem; background: blue; width: 100%; -webkit-border-radius: 0 40px 0 0px; -moz-border-radius: 0 40px 0 0px; border-radius: 0 40px 0 0px; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; -ms-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; ; overflow-y:hidden; } .team .persona:hover .info{position: absolute; max-height:500px; padding: 0 2rem; background: blue; width: 100%; -webkit-border-radius: 0 40px 0 0px; -moz-border-radius: 0 40px 0 0px; border-radius: 0 40px 0 0px; } .team .persona .info .content{font-size: 14px;color: #FFFFFF; } .team .teamBox a{text-decoration:none;bottom:0px; height: 100%; } .team .teamBox a:hover .btn-link-text.text-white:after{font-weight: 900; color: #fff; -webkit-transition: .5s ease-in-out all; -moz-transition: .5s ease-in-out all; -o-transition: .5s ease-in-out all; -ms-transition: .5s ease-in-out all; transition: .5s ease-in-out all; ; } .team .persona .cargo span { display: block; font-weight: 600;font-size: 12px; text-align: center;color: #FFFFFF; } .team .persona .cargo { border: 1px solid #FFFFFF; padding:2px 13px; -webkit-border-radius: 97px; -moz-border-radius: 97px; border-radius: 97px; border: 1px solid white; position: absolute; top: 2%; right: 2%; } .team .persona .nombre{font-weight: 700;font-size: 18px;text-align: center;color: #FFFFFF;padding: 10px 0} .team .imagen{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; min-height: 400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; ; } .team .scroll-row { flex-wrap: nowrap; overflow-x: scroll; z-index: 2; } .team .scroll-row::-webkit-scrollbar-track-piece:end { margin-right: 50px; background: #A7A8AA; } .team .scroll-row::-webkit-scrollbar-track-piece:start { margin-left: 50px; background: #A7A8AA; } /* width */ .team .scroll-row::-webkit-scrollbar { height: 5px;width:80%;cursor:pointer;margin-top:20px; } /* Track */ .team .scroll-row::-webkit-scrollbar-track { background: transparent; } /* Handle */ .team .scroll-row::-webkit-scrollbar-thumb { background: #005CFF; } .team .cteam { position: relative; } .team .imagenHover { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; min-height: 400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; ; } .team .persona:hover .imagenHover { visibility: visible; opacity: 1; } .team .persona:hover .imagen.Hover { visibility: hidden; opacity: 0; } /*faq*/ .faq button { position: relative; font-weight: 700;font-size: 20px;padding: 30px; color: #898989;; text-transform: uppercase; } .faq .cardFAQ { background: #fff; } .faq .title {top:20%; } .faq .title p{ font-size: 16px; } .faq .card-header {padding: 0; background:#fff; border-bottom: none; } .faq .fBox-inner { box-sizing: border-box; -webkit-border-radius: 19px !important; -moz-border-radius: 19px !important; border-radius: 19px !important; ; background:#fff; } .faq .card-header button span.fas { color: #005CFF; right: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); ; } .faq .cardFAQ {border-bottom: 1px solid #CFD2D4 !important; box-sizing: border-box; background:#fff; } .faq .cont { padding: 5px 15px 30px 15px; } .bg-blue .ct * {color:#fff} .ganadores {overflow:hidden; } .ganadores.b15{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; -webkit-box-shadow: 0px 2px 8px rgba(55, 71, 79, 0.2); -moz-box-shadow: 0px 2px 8px rgba(55, 71, 79, 0.2); box-shadow: 0px 2px 8px rgba(55, 71, 79, 0.2); ; } .ganadores .simg{background:#A7A8AA; } .ganadores .cont p{ font-size: 20px; } .ganadores .cont ul { list-style: none; } .ganadores .cont ul li { margin-bottom: 15px; } .ganadores .cont ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .ganadores .cont ul li { position: relative; } .gCert .b15{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .gCert .simg{background:#A7A8AA; max-height:180px; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; } .gCert .cont p{ font-size: 20px; } .gCert .cont ul { list-style: none; } .gCert .cont ul li { margin-bottom: 15px; } .gCert .cont ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .gCert .cont ul li { position: relative; } .logosComp .counterBox { padding: 15px 10px; } /*Content Text image full*/ .textImgFull { -webkit-border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; border-radius: 100px 100px 0 0; } .textImgFull .img { height: 400px; -webkit-border-radius: 0px 0 20px 100px; -moz-border-radius: 0px 0 20px 100px; border-radius: 0px 0 20px 100px; } .textImgFull .btn-black{ background:#191919;padding: 17px 19px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; ;font-weight: 700;font-size: 14px;color: #fff;border: 1px solid #005CFF; } .textImgFull .btn-black:hover{ background: #0043BA; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; padding: 17px 19px;font-weight: 700;font-size: 14px;color: #fff;border: 1px solid #005CFF; } .textImgFull .btn-black span.arrow:after { content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-size: 14px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; ; } .textImgFull span.arrow{ padding-left: 15px; } .conPrensa { padding-left:0px; padding-right:0px; } .conPrensa .bg-gray-2{background:#898989} .conPrensa .pprensa{ -webkit-border-radius: 100px 0 0 0; -moz-border-radius: 100px 0 0 0; border-radius: 100px 0 0 0; } .conPrensa .ppprensa{ -webkit-border-radius: 0 0 100px 0; -moz-border-radius: 0 0 100px 0; border-radius: 0 0 100px 0; } .ctaSec .ctaPillar{ -webkit-border-radius: 100px 0 100px 0; -moz-border-radius: 100px 0 100px 0; border-radius: 100px 0 100px 0; } .ctaSec .ctaPillar p{font-size:16px} .descarga .img { height: 90%; margin-top: -65px; max-height: 300px; max-width: 150px; margin-left: auto; margin-right: auto; } .descarga .ctaPillar{ -webkit-border-radius: 100px 0 100px 0; -moz-border-radius: 100px 0 100px 0; border-radius: 100px 0 100px 0; } .descarga .content { padding-left: 15px; padding-right: 15px; } .descarga .content p{ font-size: 14px; } .descarga .cta { padding-left: 15px; padding-right: 15px; } .masBlogsList .scroll-row { flex-wrap: nowrap; overflow-x: scroll; } /* width */ .masBlogsList .scroll-row::-webkit-scrollbar { height: 5px; } /* Track */ .masBlogsList .scroll-row::-webkit-scrollbar-track { background: #A7A8AA; } /* Handle */ .masBlogsList .scroll-row::-webkit-scrollbar-thumb { background: #005CFF; } .masBlogsList .modTitle{font-weight: 600;font-size: 30px;text-align: center;color: #005CFF; } .masBlogsList .box{border: 0.3px solid #ececec; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ;background:#fff} .masBlogsList .box .meta{font-size: 14px;color: #898989; } .masBlogsList .box .cont p.descript{font-size: 16px;color: #898989; } .masBlogsList .box .cont .title a{font-weight: 600;font-size: 20px;color: #4D4D4D; } .masBlogsList .box .imge a.img { display: block; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .masBlogsList .upc a{font-size: 14px;color: #005CFF; } .masBlogsList .box .meta, .masBlogsList .box .urlLink{flex:1} .masBlogs .box {border: 0.3px solid #ececec; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .masBlogs .box .cont p.descript{font-size: 16px;color: #898989; } .masBlogs .box .cont .title a{font-weight: 600;font-size: 20px;color: #4D4D4D; } .masBlogs .box .imge a.img { display: block; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .masBlogs .box .meta,.masBlogs .box .urlLink{flex:1} .masBlogs .desc { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .masBlogs .upc a{font-size: 14px;color: #005CFF; } .masBlogs .cont, .masBlogs .ft {padding-left:15px; padding-right:15px; } .masBlogs .box .urlLink.full { width: auto; max-width: none; min-width: 0; } .masHistorias .box{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ;background:#fff} .masHistorias .box .cont p.descript{font-size: 16px;color: #898989; } .masHistorias .box .cont .title a{font-weight: 600;font-size: 30px; color: #4D4D4D; } .masHistorias .box .imge a.img { display: block; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; ; } .masHistorias .box .urlLink{flex:1} .downloadBox .cont p{ font-size: 16px; color: #898989; } .downloadBox .cta .btn{width:60%; margin: 0 auto; } .Industrias .cont ul li { margin-bottom: 15px; } .Industrias .cont ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .Industrias .cont ul { list-style: none; } .Industrias .cont ul li { position: relative; } .Industrias .service{ padding: 40px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ;; position: relative; width:147px; display:inline-block; } .Industrias .arrow i { right: 5px; font-family: 'Font Awesome 5 Pro'; position:absolute; bottom:5px; color:#005CFF; width:28px; height:28px; background:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .Industrias .fa-arrow-right:before { content: "\f061"; font-size: 10px; left: 30%; position: absolute; top: 25%; } .Industrias a.tag:hover .arrow i { background: #89AEEF; } .Industrias a.tag:hover .arrow i:before { color: #fff; } .Industrias .service span{ font-weight: 600; font-size: 16px; /* or 19px */ text-align: center; } .Industrias .service.img.bgi{background-color: #191919b3; background-blend-mode: multiply; } .Industrias .logo{max-width:50px;max-height:30px} /*Webinar presentado por*/ .webPresent .content ul { list-style: none; } .webPresent .content ul li { position: relative; } .webPresent ul li { margin-bottom: 15px; } .webPresent .content ul li:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: block; position: absolute; left: -25px; top: -1px; color: #005CFF; } .webPresent .informacion .content {font-size: 15px; padding-right:10%; } .webPresent .presentador .img { width: 85px; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; min-height:40px;min-width:40px} .webPresent .presentador .socials .fab { font-size: 18px; width: 38px; height: 38px; background: #005CFF; color: #fff; line-height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; } /*Content Text image full*/ .ptintro{padding-top:150px;padding-bottom:50px; } .ptintro .bgi.img .btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); ;} .ptintro .bgi.img .btn:hover:before { content: ""; background: url('https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/play_hover.png'); height: 96px; width: 96px; position: absolute; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; ; top: auto; left: auto; -webkit-box-shadow: 0 0 20px white; -moz-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white; ; background-size:contain; } .ptintro .row{margin-right:0px; } .ptintro .textImgFull .img { height: 400px; } .pt200{padding-top:200} .introSq.bg-blue + .botSlice { margin-top: -48px; background-image: url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Slice-3.svg);width: 100%;height: 50px;background-size: 1440px;background-repeat: repeat-x; } .introSq.bg-blue .cont { color: #fff; } .intro.iguia { padding-bottom: 0; } .intro.iguia .cimg { padding-top: 50px; } .intro.img.bgi {background-size:cover;background-color: #4d4d4d; background-blend-mode: multiply; } .intro .btn .fa-arrow-down { padding-left:5px; } .intro.ides { padding-bottom: 100px; } .intro.ides .cimg { padding-bottom: 50px; } .intro.iwebreg { padding-bottom: 100px; } .intro.iwebreg .cimg { padding-top: 50px; } .intro.iwebth { padding-bottom: 100px; } .servicios .parent { overflow: hidden; position: relative; display: inline-block; cursor: pointer; width: 100%; } .servicios .parent:hover .servicio, .parent:focus .servicio { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); ; } .servicios .br10{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; } .servicios .servicio.img.bgi{ height: 100%; background-size:cover;min-height:400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ;background-color: #898989; background-blend-mode: multiply; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; ; } .servicios .servicio .cta{position:absolute; bottom:10px;padding-left:0; } .servicios .servicio .cta span{padding-left:0; } .servicios .parent {text-decoration:none;bottom:0px; height: 100%; } .servicios .parent:hover .btn-link-text.text-white:after{font-weight: 900; color: #fff; -webkit-transition: 1s ease-in-out all; -moz-transition: 1s ease-in-out all; -o-transition: 1s ease-in-out all; -ms-transition: 1s ease-in-out all; transition: 1s ease-in-out all; ; } .servicios .btn-link-text{font-weight: 600;font-size: 16px; color: #4D4D4D; } .servicios .btn-link-text.text-white:after{content: "\f055"; font-family: "Font Awesome 5 Pro"; font-weight: 500; color: #fff;padding-left:5px; -webkit-transition: font-weight 0.8s ease; -moz-transition: font-weight 0.8s ease; -o-transition: font-weight 0.8s ease; -ms-transition: font-weight 0.8s ease; transition: font-weight 0.8s ease; ; } .servicios .btn-link-text.text-white:hover:after{font-weight: 900; color: #005CFF; -webkit-transition: font-weight 0.8s ease; -moz-transition: font-weight 0.8s ease; -o-transition: font-weight 0.8s ease; -ms-transition: font-weight 0.8s ease; transition: font-weight 0.8s ease; ; } .servicios .scroll-row { flex-wrap: nowrap; overflow-x: scroll; z-index: 2; } .servicios .scroll-row::-webkit-scrollbar-track-piece:end { margin-right: 50px; background: #A7A8AA; } .servicios .scroll-row::-webkit-scrollbar-track-piece:start { margin-left: 50px; background: #A7A8AA; } /* width */ .servicios .scroll-row::-webkit-scrollbar { height: 5px;width:80%;cursor:pointer} /* Track */ .servicios .scroll-row::-webkit-scrollbar-track { background: transparent; } /* Handle */ .servicios .scroll-row::-webkit-scrollbar-thumb { background: #005CFF; } .servicios .imagen img { width: auto; max-height: 40px; } .bg-blue .cont p, .bg-blue .cont h2{color:#fff} .sideMenu p.smenuText{font-size: 16px; color: #898989;margin-bottom:5px; } .sideMenu p.smenuText.font-weight-bold{font-weight: 700;font-size: 16px; color: #4D4D4D; } /*Content Text image full*/ .pillarSec .cont h3{font-weight: 600;font-size: 30px; color: #005CFF;padding-bottom:20px} .pillarSec .cont p{padding-top:10px;font-size: 18px; color: #898989; } .pillarSec .cont h5{padding-top:10px;font-weight: 700;font-size: 20px; color: #4D4D4D; } .pillarSec .full-width { width: 100vw; position: relative; margin-left: -50vw; left: 50%; } .pillarSec .textImgFull .img { height: 400px; } .precios .card .card-body ul li { margin-bottom: 15px; } .precios .card .card-body ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .precios .card .card-body ul { list-style: none; } .precios .card .card-body ul li { position: relative; color: #898989; } .precios .card .card-body p{ color: #898989; } .precios .card{border: 1px solid #ECECEC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ; } .precios .card .card-header span{font-weight: 600;font-size: 12px; text-align: center;color: #4D4D4D;padding: 0px 13px;border: 1px solid #4D4D4D; -webkit-border-radius: 97px; -moz-border-radius: 97px; border-radius: 97px; } .precios .card .card-header{background:transparent;border:none} /*Webinar presentado por*/ .webPresent .content ul { list-style: none; } .webPresent .content ul li { position: relative; } .webPresent ul li { margin-bottom: 15px; } .webPresent .info h5{font-weight: 600; font-size: 18px; color: #4D4D4D; } .webPresent .presentador .img { width: 85px; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; ; min-height:40px;min-width:40px} .webPresent .presentador .info p{font-size: 16px; color: #898989; } .secDes .descarga:hover .desc .img {opacity:0.6} .secDes .img { height: 317px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; ; max-width: 260px; margin: 0 auto 20px auto; } .secDes .desc { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; } .simpleText .cont ul li { margin-bottom: 15px; } .simpleText .cont ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .simpleText .cont ul { list-style: none; } .simpleText .cont ul li { position: relative; } .sliderList .scroll-row { flex-wrap: nowrap; overflow-x: scroll; z-index: 2; } .sliderList .scroll-row::-webkit-scrollbar-track-piece:end { margin-right: 50px; background: #A7A8AA; } .sliderList .scroll-row::-webkit-scrollbar-track-piece:start { margin-left: 50px; background: #A7A8AA; } /* width */ .sliderList .scroll-row::-webkit-scrollbar { height: 5px;width:80%; } /* Track */ .sliderList .scroll-row::-webkit-scrollbar-track { background: #fff; } /* Handle */ .sliderList .scroll-row::-webkit-scrollbar-thumb { background: #005CFF; } .sliderList .box{border: 0.3px solid #ececec; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ;background:#fff} .partners .contenido h2{color:#005CFF} .partners .title p{text-transform:uppercase; margin: 0; } .partners .title{font-weight: 600;font-size: 12px;/* blue */color: #005CFF; } .partners .slick-slide { margin: 0px 20px; } .partners .logo-carousel { overflow: inherit; } .partners .slick-slide .slide { height: 50px; display: flex !important; align-items: center; } .partners .slick-slide img { display: block; margin: 0 auto; width: 100%; max-width: 100px; max-height: 100%; } .partners .slick-slide .slide .img { width: 100%; height: 100%; background-size: contain; } .partners .slick-track::before,.slick-track::after { display: table; content: ''; } .partners .slick-track::after { clear: both; } .partners .slick-track { padding: 1rem 0; margin: 0; } .partners .slick-loading .slick-track { visibility: hidden; } .partners .slick-slide.slick-loading img { display: none; } .partners .slick-slide.dragging img { pointer-events: none; } .partners .slick-loading .slick-slide { visibility: hidden; } .soluciones .box{border: 0.5px solid #005CFF; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } .soluciones .title {top:20%; } .soluciones .box .img img{border-radius:0 0 0 90px} .Test .testimonios .imgSup{margin:-70px auto 0 auto; } .Test .testimonios .btn-fit{min-width:fit-content} .Test .testimonios .imgSup .img{width:100%;height:150px; } .Test .testimonios .foot .meta img.logo{width:100px;height:50px; } .Test.sliderList .scroll-row { flex-wrap: nowrap; overflow-x: scroll; z-index: 2; } .Test .scroll-row::-webkit-scrollbar-track-piece:end { margin-right: 50px; background: #A7A8AA; } .Test .scroll-row::-webkit-scrollbar-track-piece:start { margin-left: 50px; background: #A7A8AA; } /* width */ .Test .scroll-row::-webkit-scrollbar { height: 5px;width:80%;cursor:pointer} /* Track */ .Test .scroll-row::-webkit-scrollbar-track { background: #ececec; } /* Handle */ .Test .scroll-row::-webkit-scrollbar-thumb { background: #005CFF; } .Test .box{border: 0.3px solid #ececec; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ;background:#fff} .Test .box .meta{font-size: 14px;color: #898989; } .Test .testimonios .box .meta, .Test .testimonios .box .urlLink { flex: 1; } .ventajas .cont ul li { margin-bottom: 15px; } .ventajas .cont ul li:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; display: block; position: absolute; left: -25px; top: -1px; color: #2FCBF1; } .ventajas .cont ul { list-style: none; } .ventajas .cont ul li { position: relative; } .ventajas .nav.nav-pills a.active.pink{color: #FD6C98; } .ventajas .nav.nav-pills a.active.cyan{color: #2FCBF1; } .ventajas .nav.nav-pills a.active.green{color: #42E8B4; } .ventajas .nav.nav-pills a.active.orange{color: #FF3D00; } .ventajas .nav.nav-pills a{color: #A7A8AA;font-size: 25px;font-weight: 600; } .ventajas .nav.nav-pills a.active img{filter:none} .ventajas .nav.nav-pills img{filter:grayscale(1)} .ventajas .nav-pills .nav-link.active, .ventajas .nav-pills .show>.nav-link {color: inherit; border-left: solid 4px ; background-color: inherit; } .ventajas .nav-pills .nav-link, .ventajas .nav-pills .show>.nav-link { border-left: 4px solid #E9E9E9; -webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); -moz-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); -o-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); -ms-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); transition: all 0.9s cubic-bezier(0, 1, 0.5, 1); ; } .ventajas .nav-pills .nav-link.active.pink, .ventajas .nav-pills .show>.nav-link.pink { border-left: solid 4px #FD6C98; } .ventajas .nav-pills .nav-link.active.cyan, .ventajas .nav-pills .show>.nav-link.cyan { border-left: solid 4px #2FCBF1; } .ventajas .nav-pills .nav-link.active.green, .ventajas .nav-pills .show>.nav-link.green { border-left: solid 4px #42E8B4 ; } .ventajas .nav-link {padding:30px 1rem; } .ventajas .content {border: 0.5px solid #005CFF; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; height:100%} .ventajas .img.bgi img { -webkit-border-radius: 0 0 0 90px; -moz-border-radius: 0 0 0 90px; border-radius: 0 0 0 90px; ;} .ventajas .tab-content>.active { display: flex;} .vidReplay .emb { padding-top: 20px; padding-bottom: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } .vidReplay.nmt150{margin-top:-150px; } .photo-bg{background: url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Photo-bg.png); background-position: center; background-repeat: no-repeat; background-size: contain;} .cExito .info blockquote.cargo{ font-size: 16px; } .cExito .info blockquote.info{ font-size: 30px; color: #898989; } footer { position: absolute; left: 0; bottom:0; width: 100%; } footer .brand { width: 120px; display: inline-block; } footer .menu ul { margin: 0; padding: 0; } footer .menu ul li { display: inline-block; } footer .topFooter { margin-top: -48px; background-image: url(https://20423833.fs1.hubspotusercontent-na1.net/hubfs/20423833/img/Slice-1.svg);width: 100%;height: 50px;background-size: 1440px;background-repeat: repeat-x; } footer .container-fluid {background:#191919} footer p {color:#fff} footer .service{ display: flex; align-items: center; justify-content: center; padding: 0 15px; height: 90px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; ; position:relative; } footer .service img { height: auto; max-height: 25px; width: auto; } footer .service.cyan{border: solid 1px #2FCBF1; } footer .service.green{border: solid 1px #3FE7B3; } footer .service.naranjo{border: solid 1px #FF3D00; } footer .service.pink{border:solid 1px #FF5F9B; } footer .service.blue{border:solid 1px #2FCBF160; } footer .arrow{padding-top:10px; right: 10px; bottom: 5px;position:absolute} footer .arrow i{ right:0px; font-family: 'Font Awesome 5 Pro'; color:white; font-style: normal; font-size: 14px; } footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul { margin: 0; list-style: none; padding: 0; display: table; vertical-align: middle; } footer .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { text-decoration: none;font-family: Barlow;font-size: 16px; text-align: left; display: block; color: #FFF; } footer .menus ul>li:first-child>a { font-weight: 600;font-size: 16px; margin-bottom: 10px; pointer-events: none; } footer .socials h6 { font-size: 16px; font-weight: 600; color: #fff; padding: 0 5px 2px 5px; } footer .socials .fab { width: 32px; height: 32px; line-height: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; background: #005CFF; color: #fff; } footer .copy p { font-family: Barlow;font-size: 14px; color:#707070} footer .legals a{ font-size: 14px; text-decoration-line: underline;color: #FFFFFF; } footer.lp .copy p { text-align: left; } @media (max-width: 991px) { .px-6{padding-left:4rem!important;padding-right:4rem!important} .navPr { -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; ; overflow: hidden; margin: 10px 15px 0 15px; } .navPr .container { width: 100%; max-width: 100%; } .navPr .navbar-collapse { background: #005CFF; max-height: calc(100vh - 60px); overflow: auto; } .navPr .menuPr { padding-top: 25px; } .navPr .menuPr ul li.hs-menu-item>a { font-size: 18px; padding: 15px 25px; color: #fff; } .navPr .menuPr ul li.hs-item-has-children:before { color: #fff; } .navPr .menuPr ul li.hs-item-has-children>ul { display: none; } .navPr .menuPr ul li.hs-item-has-children>a { padding-right: 50px; } .navPr .menuPr ul li.hs-item-has-children ul { padding-right: 0; padding-left: 10px; } .navPr .menuPr ul li.hs-menu-depth-1.active>a { background: #005CFF; color: #fff; padding-top: 25px; } /*.navPr .menuPr ul li.hs-menu-depth-1.hs-item-has-children { cursor: pointer; }*/ .navPr .menuPr ul li.hs-item-has-children { position: relative; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(1) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(3) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(4) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(5) ul li.hs-menu-depth-2>a .img img { filter: brightness(100); min-width: 40px; max-width: 40px; } .navPr .menuPr ul li.hs-menu-depth-2>a .img img { display: block; filter: brightness(100); } .navPr .cta { padding: 30px; text-align: right; } .navPr .cta .btn-outline { color: #fff; border-color: #fff; } .navPr .cta .btn-outline:hover { background-color: #fff; border-color: #fff; color: #005CFF; } .navPr.webNav { padding-top: 0; } .navPr.webNav .navbar-brand { margin-bottom: 0; } } @media (max-width: 767px) { .contTabla .menuPr .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: left; width: 50%; } .contTabla .menuPr ul.mp li.hs-menu-depth-1 { float: left; width: 50%; } .intro .slickAwards { bottom: 85px; } .cExito .box .meta{position: relative; } .prensa .box .meta{position: relative; } .textImgFull .cont { padding-top: 50px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; } .partners .slick-arrow { width: 1rem; height: 1rem; } .descarga .content { padding-left: 45px; padding-right: 45px; } } /* End 767px */ @media (max-width: 575px) { .ventajas .nav.nav-pills { flex-direction: initial !important; } .ventajas .nav.nav-pills a { width: 50%; } } @media (max-width: 425px) { .contTabla .menuPr ul.mp li.hs-menu-depth-1 { width: 100%; } .masBlogsList .scroll-row { margin: 0; } .sliderList .scroll-row { margin: 0 15px; } .Test .scroll-row { margin: 0 15px; } .descarga .img {width:150px;height:200px; margin-bottom: 20px;} .descarga .cta{text-align:center} } @media (min-width: 576px) { .masBlogs .bblog:last-child { display: block; } .here .contadorSec { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; margin-left: 8.333333%; } } @media (min-width: 768px) { /* This is for the blog */ .snippet { padding: 50px; } .navPr .menuPr ul li.hs-menu-depth-1>a { float: left; width: 100%; } .navPr .menuPr ul li.hs-menu-depth-1>ul { padding-left: 2%; position: relative; float: left; width: 100%; } .navPr .menuPr ul li.hs-menu-depth-1>ul>li { width: 46%; float: left; } .navPillar.navPr .menuPr ul li.hs-menu-depth-1:last-child>a { max-width: none; } .navPillar.navPr .menuPr { display: inline-block; vertical-align: middle; } .navPillar.navPr .navbar-collapse>.navbar-nav { padding: 22px 30px; } .navPillar .navbar-collapse { display: block; margin-left: 0; margin-right: -600px; position: fixed; right: 0; top: 0; z-index: 3; max-height: 700px; width: 100%; max-width: 600px; -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; ; background:#fff; } .intro { -webkit-border-radius: 0px 0px 100px 100px; -moz-border-radius: 0px 0px 100px 100px; border-radius: 0px 0px 100px 100px; } .intro .slickAwards { padding-right: 30px; } .intro .awards { padding-right: 110px; } .intro .awards .fa { right: 70px; } .intro .wp { padding-bottom: 100px; } .contTabla .menuPr ul.mp li.hs-menu-depth-1 { width: 33.33333333%; } .beneficios .vertical.col-md-4.brdr:nth-last-child(1){border-right:none !important} .beneficios .vertical.col-md-4.brdr:not(:nth-child(3n+3)){border-right:0.5px dashed #005CFF} .beneficios .vertical.col-md-3.brdr:nth-last-child(1){border-right:none !important} .beneficios .vertical.col-md-3.brdr:not(:nth-child(4n+4)){border-right:0.5px dashed #005CFF} .beneficios .vertical.col-md-6.brdr:nth-last-child(1){border-right:none !important} .beneficios .vertical.col-md-6.brdr:not(:nth-child(2n+2)){border-right:0.5px dashed #005CFF} .masBlogs .bblog:last-child { display: none; } .contadorSecSup .container { width:50%; } .textImgFull .img { position: absolute; right: 0; top: 0; height: 100%; -webkit-border-radius: 0px 100px 20px 100px; -moz-border-radius: 0px 100px 20px 100px; border-radius: 0px 100px 20px 100px; } .textImgFull .img.w50 { width: 50%; } .textImgFull .img.w40 { width: 40%; } .textImgFull .img.w30 { width: 30%; } .conPrensa .pprensa { -webkit-border-radius: 0 0 0 100px ; -moz-border-radius: 0 0 0 100px ; border-radius: 0 0 0 100px ; } .conPrensa .ppprensa { -webkit-border-radius: 0 100px 0 0; -moz-border-radius: 0 100px 0 0; border-radius: 0 100px 0 0; } .ptintro .conText { padding-top: 20px; padding-bottom: 50px; } .ptintro .textImgFull .img { position: absolute; right: 0; top: 0; height: 100%; } .ptintro .textImgFull .img.w50 { width: 50%; } .ptintro .textImgFull .img.w40 { width: 40%; } .ptintro .textImgFull .img.w30 { width: 30%; } .intro.iguia { padding-top: 140px; padding-bottom: 40px; } .intro.iguia .cimg { padding-top: 0; } .intro.ides .cimg { padding-bottom: 0; } .intro.ides { padding-top: 140px; padding-bottom: 100px; } .intro.iwebreg .cimg { padding-top: 0; } .intro.iwebreg { padding-top: 180px; padding-bottom: 100px; } .intro.iwebth { padding-top: 140px; padding-bottom: 100px; } .pillarSec .textImgFull .img { position: absolute; right: 0; top: 0; height: 100%; } .pillarSec .textImgFull .img.w50 { width: 50%; } .pillarSec .textImgFull .img.w40 { width: 40%; } .pillarSec .textImgFull .img.w30 { width: 30%; } .Test .testimonios { padding-left: 8.333333%; padding-right: 8.333333%; } footer .brand { margin-top: 45px; width: auto; max-width: 165px; } footer .menus ul>li:first-child>a { margin-bottom: 25px; } footer .service img { height: auto; max-height: 22px; } footer .socials .fab:first-child { margin-left: 0; } footer .socials .fab:last-child { margin-right: 0; } } /* End 768px */ @media (min-width: 992px) { h1,.h1 { font-size: 45px; } h2,.h2 { font-size: 35px; } h3,.h3 { font-size: 30px; } h4,.h4 { font-size: 25px; } h5,.h5 { font-size: 20px; } h6,.h6 { font-size: 18px; } /* FORM ERROR MESSAGES */ /* HANDY */ /*form .field .hs-error-msgs { opacity:0; margin: 0; position: absolute; left: 5px; width: auto; background: #FFFFFF; bottom: 83%; padding: 5px 10px !important; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.50); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.50); box-shadow: 0 0 4px 0 rgba(0,0,0,0.50); ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; ; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } form .field .hs-error-msgs:after { top: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #ffffff; border-width: 6px; margin-left: 0px; } form .field:hover .hs-error-msgs { opacity:1; }*/ .navPr { padding-top: 15px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; ; } .navPr .navbar-brand { margin-bottom: 0; margin-left: 0; z-index: 3; } .navPr .navMenu { position: relative; padding: 0 40px; background:#fff; -webkit-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); ; -webkit-border-radius: 203px; -moz-border-radius: 203px; border-radius: 203px; } .navPr .menuPr { display: inline-block; vertical-align: middle; } .navPr .menuPr ul { font-size: 0; } .navPr .menuPr ul li.hs-menu-depth-1 { display: inline-block; vertical-align: middle; padding-left: 0; padding-right: 0; } .navPr .menuPr ul li.hs-menu-depth-1 ul { padding: 0; } .navPr .menuPr ul li.hs-menu-depth-1>ul { display: block !important; pointer-events: none; visibility: hidden; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: #ffffff; padding: 77px 40px 0 140px; max-height: 77px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; ; } .navPr .menuPr ul li.hs-menu-depth-1>ul:before { pointer-events: none; content: ''; display: block; width: 92%; height: 1px; background: #ECECEC; position: absolute; left: 4%; top: 78px; z-index: 1; } .navPr .menuPr ul li.hs-menu-depth-1>ul:after { pointer-events: auto; content: ''; position: absolute; left: 0; top: 77px; width: 100%; height: calc(100% - 77px); background: transparent; cursor: default; z-index: 0; opacity: 0; } .navPr .menuPr ul li.hs-menu-depth-1>ul>li { max-width: 280px; } .navPr .menuPr ul li.hs-menu-depth-1>a { z-index: 3; font-size: 14px; text-align: center; padding: 30px 5px 30px 5px; display: table-cell; vertical-align: middle; height: 40px; float: none; } .navPr .menuPr ul li.hs-menu-depth-1:hover>a { color: #005CFF; } .navPr .menuPr ul li.hs-menu-depth-1.active>a { color: #005CFF; } .navPr .menuPr ul li.hs-menu-depth-1.hs-item-has-children { cursor: pointer; } .navPr .menuPr ul li.hs-menu-depth-1.hs-item-has-children:hover>a { color: #005CFF; } .navPr .menuPr ul li.hs-menu-depth-1.hs-item-has-children:hover>ul { max-height: 90vh; overflow: auto; padding-bottom: 70px; visibility: visible; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; ; -webkit-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); box-shadow: 0px 6px 21px rgb(0 0 0 / 10%); ; } .navPr .menuPr ul li.hs-menu-depth-1.hs-item-has-children:before { right: 0; top: 18px; font-size: 6px; } .navPr .menuPr ul li.hs-menu-depth-2 { pointer-events: auto; z-index: 3; position: relative; cursor: default; } .navPr .menuPr ul li.hs-menu-depth-2>a { color: #000; font-size: 12px; padding: 0 12px 0 12px; margin-top: 35px; } .navPr .menuPr ul li.hs-menu-depth-2>a:hover { color: #005CFF; } .navPr .menuPr ul li.hs-menu-depth-2>ul { visibility: hidden; opacity: 0; position: absolute; left: 100%; top: 0; z-index: 3; background: #ffffff; -webkit-box-shadow: 0px 2px 8px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 2px 8px rgb(0 0 0 / 25%); box-shadow: 0px 2px 8px rgb(0 0 0 / 25%); ; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; ; } .navPr .menuPr ul li.hs-menu-depth-2>ul { padding: 0 5px; } .navPr .menuPr ul li.hs-menu-depth-2.hs-item-has-children { padding-right: 8px; } .navPr .menuPr ul li.hs-menu-depth-2.hs-item-has-children::before { content: "\f054"; right: 8px; top: 11px; font-size: 10px; } .navPr .menuPr ul li.hs-menu-depth-2.hs-item-has-children:hover>ul { opacity: 1; visibility: visible; } .navPr .menuPr ul li.hs-menu-depth-2 .img img { margin-right: 25px; } .navPr .menuPr ul li.hs-menu-depth-2 .cont { font-size: 14px; padding-left: 0; padding-top: 5px; } .navPr .menuPr ul li.hs-menu-depth-2 .cont>span { font-size: 14px; color: #A7A8AA; } .navPr .menuPr ul li.hs-item-has-children { padding-right: 5px; } .navPr .menuPr ul li.hs-item-has-children>a { pointer-events: none; padding-right: 12px; } .navPr .menuPr ul li.hs-item-has-children>a:before { right: 0; font-size: 9px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(1)>ul>li { float: none; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(3)>ul>li { width: 33.33333333%; min-height: 110px} .navPr .menuPr ul li.hs-menu-depth-1:nth-child(4)>ul>li { float: none; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(5)>ul>li { float: none; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(1) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(3) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(4) ul li.hs-menu-depth-2>a .img img, .navPr .menuPr ul li.hs-menu-depth-1:nth-child(5) ul li.hs-menu-depth-2>a .img img { min-width: 32px; max-width: 32px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(1)>ul>li { width: 30%; max-width: 350px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(1) ul li.hs-menu-depth-2.ctaMenu1 { position: relative; right: 0px; top: 0; float: right !important; width: 65%; max-width: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 { position: relative; right: 40px; top: 0; float: right !important; width: 60%; max-width: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1.movil { display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .box { margin: 20px 0 20px 0; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(2)>ul>li { width: 28%; max-width: 350px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(2) ul li.hs-menu-depth-2.ctaMenu2 { position: relative; right: 0px; top: 0; float: right !important; width: 38%; max-width: none; margin-bottom: 40px} .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2 { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2.movil { display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu2 .box { margin: 70px 0 20px auto; max-width: 400px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(4)>ul>li { width: 30%; max-width: 350px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(4) ul li.hs-menu-depth-2.ctaMenu4 { position: relative; right: 0px; top: 0; float: right !important; width: 65%; max-width: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 { position: relative; right: 40px; top: 0; float: right !important; width: 60%; max-width: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4.movil { display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu4 .box { margin: 50px 0 20px 0; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(5)>ul>li { width: 30%; max-width: 350px; } .navPr .menuPr ul li.hs-menu-depth-1:nth-child(5) ul li.hs-menu-depth-2.ctaMenu5 { position: relative; right: 0px; top: 0; float: right !important; width: 65%; max-width: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5 { display: block; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5.movil { display: none; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu5 .box { margin: 50px 0 20px 0; max-width: 350px; } .navPr .menuPr ul li.hs-menu-depth-2.ctaMenu1 .imgMenu.hover { opacity: 1; visibility: visible; } .navPr .cta { display: inline-block; vertical-align: middle; } .navPr .cta .btn { font-size: 14px; padding: 10px 20px; } .navPr .cta .btn { margin: 0 0 0 10px; } .navPillar.navPr .navbar-collapse { max-height: 100vh; } .intro { -webkit-border-radius: 0px 0px 150px 150px; -moz-border-radius: 0px 0px 150px 150px; border-radius: 0px 0px 150px 150px; padding-top: 150px; } .circulo .circle { margin: 8em auto; } .circulo #outer-circle { border-right: 0.5px dashed #10069F; } .textImgFull { -webkit-border-radius: 120px 120px 0 0; -moz-border-radius: 120px 120px 0 0; border-radius: 120px 120px 0 0; } .textImgFull .img { -webkit-border-radius: 0px 120px 20px 200px; -moz-border-radius: 0px 120px 20px 200px; border-radius: 0px 120px 20px 200px; } .faq .cont { padding: 5px 30px 30px 30px; } .masBlogs .cont, .masBlogs .ft {padding-left:60px; padding-right:60px; } .masHistorias .box .imge a.img { height: 350px; } .ptintro .conText { padding-top: 50px; padding-top: 100px; } .servicios .arrows { display: none; } .servicios .arrows.mas3 { display: block; } .servicios .scroll-row::-webkit-scrollbar-track-piece:end { background: transparent; } .servicios .scroll-row::-webkit-scrollbar-track-piece:start { background: transparent; } .servicios .scroll-row::-webkit-scrollbar-track { background: transparent; } .servicios .scroll-row::-webkit-scrollbar-thumb { background: transparent; } .servicios .scroll-row.mas3::-webkit-scrollbar-track-piece:end { background: #A7A8AA; } .servicios .scroll-row.mas3::-webkit-scrollbar-track-piece:start { background: #A7A8AA; } .servicios .scroll-row.mas3::-webkit-scrollbar-track { background: transparent; } .servicios .scroll-row.mas3::-webkit-scrollbar-thumb { background: #005CFF; } } /* End 992px */ @media (min-width: 1200px) { .navPr .navbar-brand { margin-right: 30px; width: 125px; } .navPr .menuPr ul li.hs-menu-depth-1 { padding-left: 15px; padding-right: 15px; } .navPr .menuPr ul li.hs-menu-depth-1>a { font-size: 15px; } .navPr .menuPr ul li.hs-menu-depth-1>ul { padding-left: 200px; } .navPr .menuPr ul li.hs-menu-depth-2 .cont { font-size: 16px; } .contTabla .menuPr ul.mp li.hs-menu-depth-1 { width: 25%; } .intro { -webkit-border-radius: 0px 0px 200px 200px; -moz-border-radius: 0px 0px 200px 200px; border-radius: 0px 0px 200px 200px; } .descargables .descarga { padding-left: 30px; padding-right: 30px; } .masBlogs .cont, .masBlogs .ft {padding-left:90px; padding-right:90px; } footer .service img { max-height: 16px; } } /* End 1200px */ @media (min-width: 1600px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1470px; } .row-cols-xxl-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-xxl-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-xxl-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .row-cols-xxl-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-xxl-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-xxl-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xxl-12 { width: 100% } .col-xxl-11 { width: 91.66666667% } .col-xxl-10 { width: 83.33333333% } .col-xxl-9 { width: 75% } .col-xxl-8 { width: 66.66666667% } .col-xxl-7 { width: 58.33333333% } .col-xxl-6 { width: 50% } .col-xxl-5 { width: 41.66666667% } .col-xxl-4 { width: 33.33333333% } .col-xxl-3 { width: 25% } .col-xxl-2 { width: 16.66666667% } .col-xxl-1 { width: 8.33333333% } .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xxl-first { -ms-flex-order: -1; order: -1 } .order-xxl-last { -ms-flex-order: 13; order: 13 } .order-xxl-0 { -ms-flex-order: 0; order: 0 } .order-xxl-1 { -ms-flex-order: 1; order: 1 } .order-xxl-2 { -ms-flex-order: 2; order: 2 } .order-xxl-3 { -ms-flex-order: 3; order: 3 } .order-xxl-4 { -ms-flex-order: 4; order: 4 } .order-xxl-5 { -ms-flex-order: 5; order: 5 } .order-xxl-6 { -ms-flex-order: 6; order: 6 } .order-xxl-7 { -ms-flex-order: 7; order: 7 } .order-xxl-8 { -ms-flex-order: 8; order: 8 } .order-xxl-9 { -ms-flex-order: 9; order: 9 } .order-xxl-10 { -ms-flex-order: 10; order: 10 } .order-xxl-11 { -ms-flex-order: 11; order: 11 } .order-xxl-12 { -ms-flex-order: 12; order: 12 } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.333333% } .offset-xxl-2 { margin-left: 16.666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.333333% } .offset-xxl-5 { margin-left: 41.666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.333333% } .offset-xxl-8 { margin-left: 66.666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.333333% } .offset-xxl-11 { margin-left: 91.666667% } .d-xxl-none { display:none!important } .d-xxl-inline { display: inline!important } .d-xxl-inline-block { display: inline-block!important } .d-xxl-block { display: block!important } .d-xxl-table { display: table!important } .d-xxl-table-row { display: table-row!important } .d-xxl-table-cell { display: table-cell!important } .d-xxl-flex { display: -ms-flexbox!important; display: flex!important } .d-xxl-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-xxl-row { -ms-flex-direction:row!important; flex-direction: row!important } .flex-xxl-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-xxl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-xxl-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-xxl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-xxl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-xxl-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-xxl-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-xxl-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-xxl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-xxl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-xxl-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-xxl-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-xxl-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-xxl-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-xxl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-xxl-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-xxl-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-xxl-center { -ms-flex-align: center!important; align-items: center!important } .align-items-xxl-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-xxl-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-xxl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-xxl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-xxl-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-xxl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-xxl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-xxl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-xxl-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-xxl-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-xxl-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-xxl-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-xxl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-xxl-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .float-xxl-left { float:left!important } .float-xxl-right { float: right!important } .float-xxl-none { float: none!important } .m-xxl-0 { margin:0!important } .mt-xxl-0,.my-xxl-0 { margin-top: 0!important } .mr-xxl-0,.mx-xxl-0 { margin-right: 0!important } .mb-xxl-0,.my-xxl-0 { margin-bottom: 0!important } .ml-xxl-0,.mx-xxl-0 { margin-left: 0!important } .m-xxl-1 { margin: .25rem!important } .mt-xxl-1,.my-xxl-1 { margin-top: .25rem!important } .mr-xxl-1,.mx-xxl-1 { margin-right: .25rem!important } .mb-xxl-1,.my-xxl-1 { margin-bottom: .25rem!important } .ml-xxl-1,.mx-xxl-1 { margin-left: .25rem!important } .m-xxl-2 { margin: .5rem!important } .mt-xxl-2,.my-xxl-2 { margin-top: .5rem!important } .mr-xxl-2,.mx-xxl-2 { margin-right: .5rem!important } .mb-xxl-2,.my-xxl-2 { margin-bottom: .5rem!important } .ml-xxl-2,.mx-xxl-2 { margin-left: .5rem!important } .m-xxl-3 { margin: 1rem!important } .mt-xxl-3,.my-xxl-3 { margin-top: 1rem!important } .mr-xxl-3,.mx-xxl-3 { margin-right: 1rem!important } .mb-xxl-3,.my-xxl-3 { margin-bottom: 1rem!important } .ml-xxl-3,.mx-xxl-3 { margin-left: 1rem!important } .m-xxl-4 { margin: 1.5rem!important } .mt-xxl-4,.my-xxl-4 { margin-top: 1.5rem!important } .mr-xxl-4,.mx-xxl-4 { margin-right: 1.5rem!important } .mb-xxl-4,.my-xxl-4 { margin-bottom: 1.5rem!important } .ml-xxl-4,.mx-xxl-4 { margin-left: 1.5rem!important } .m-xxl-5 { margin: 3rem!important } .mt-xxl-5,.my-xxl-5 { margin-top: 3rem!important } .mr-xxl-5,.mx-xxl-5 { margin-right: 3rem!important } .mb-xxl-5,.my-xxl-5 { margin-bottom: 3rem!important } .ml-xxl-5,.mx-xxl-5 { margin-left: 3rem!important } .p-xxl-0 { padding: 0!important } .pt-xxl-0,.py-xxl-0 { padding-top: 0!important } .pr-xxl-0,.px-xxl-0 { padding-right: 0!important } .pb-xxl-0,.py-xxl-0 { padding-bottom: 0!important } .pl-xxl-0,.px-xxl-0 { padding-left: 0!important } .p-xxl-1 { padding: .25rem!important } .pt-xxl-1,.py-xxl-1 { padding-top: .25rem!important } .pr-xxl-1,.px-xxl-1 { padding-right: .25rem!important } .pb-xxl-1,.py-xxl-1 { padding-bottom: .25rem!important } .pl-xxl-1,.px-xxl-1 { padding-left: .25rem!important } .p-xxl-2 { padding: .5rem!important } .pt-xxl-2,.py-xxl-2 { padding-top: .5rem!important } .pr-xxl-2,.px-xxl-2 { padding-right: .5rem!important } .pb-xxl-2,.py-xxl-2 { padding-bottom: .5rem!important } .pl-xxl-2,.px-xxl-2 { padding-left: .5rem!important } .p-xxl-3 { padding: 1rem!important } .pt-xxl-3,.py-xxl-3 { padding-top: 1rem!important } .pr-xxl-3,.px-xxl-3 { padding-right: 1rem!important } .pb-xxl-3,.py-xxl-3 { padding-bottom: 1rem!important } .pl-xxl-3,.px-xxl-3 { padding-left: 1rem!important } .p-xxl-4 { padding: 1.5rem!important } .pt-xxl-4,.py-xxl-4 { padding-top: 1.5rem!important } .pr-xxl-4,.px-xxl-4 { padding-right: 1.5rem!important } .pb-xxl-4,.py-xxl-4 { padding-bottom: 1.5rem!important } .pl-xxl-4,.px-xxl-4 { padding-left: 1.5rem!important } .p-xxl-5 { padding: 3rem!important } .pt-xxl-5,.py-xxl-5 { padding-top: 3rem!important } .pr-xxl-5,.px-xxl-5 { padding-right: 3rem!important } .pb-xxl-5,.py-xxl-5 { padding-bottom: 3rem!important } .pl-xxl-5,.px-xxl-5 { padding-left: 3rem!important } .m-xxl-n1 { margin: -.25rem!important } .mt-xxl-n1,.my-xxl-n1 { margin-top: -.25rem!important } .mr-xxl-n1,.mx-xxl-n1 { margin-right: -.25rem!important } .mb-xxl-n1,.my-xxl-n1 { margin-bottom: -.25rem!important } .ml-xxl-n1,.mx-xxl-n1 { margin-left: -.25rem!important } .m-xxl-n2 { margin: -.5rem!important } .mt-xxl-n2,.my-xxl-n2 { margin-top: -.5rem!important } .mr-xxl-n2,.mx-xxl-n2 { margin-right: -.5rem!important } .mb-xxl-n2,.my-xxl-n2 { margin-bottom: -.5rem!important } .ml-xxl-n2,.mx-xxl-n2 { margin-left: -.5rem!important } .m-xxl-n3 { margin: -1rem!important } .mt-xxl-n3,.my-xxl-n3 { margin-top: -1rem!important } .mr-xxl-n3,.mx-xxl-n3 { margin-right: -1rem!important } .mb-xxl-n3,.my-xxl-n3 { margin-bottom: -1rem!important } .ml-xxl-n3,.mx-xxl-n3 { margin-left: -1rem!important } .m-xxl-n4 { margin: -1.5rem!important } .mt-xxl-n4,.my-xxl-n4 { margin-top: -1.5rem!important } .mr-xxl-n4,.mx-xxl-n4 { margin-right: -1.5rem!important } .mb-xxl-n4,.my-xxl-n4 { margin-bottom: -1.5rem!important } .ml-xxl-n4,.mx-xxl-n4 { margin-left: -1.5rem!important } .m-xxl-n5 { margin: -3rem!important } .mt-xxl-n5,.my-xxl-n5 { margin-top: -3rem!important } .mr-xxl-n5,.mx-xxl-n5 { margin-right: -3rem!important } .mb-xxl-n5,.my-xxl-n5 { margin-bottom: -3rem!important } .ml-xxl-n5,.mx-xxl-n5 { margin-left: -3rem!important } .m-xxl-auto { margin: auto!important } .mt-xxl-auto,.my-xxl-auto { margin-top: auto!important } .mr-xxl-auto,.mx-xxl-auto { margin-right: auto!important } .mb-xxl-auto,.my-xxl-auto { margin-bottom: auto!important } .ml-xxl-auto,.mx-xxl-auto { margin-left: auto!important } .text-xxl-left { text-align:left!important } .text-xxl-right { text-align: right!important } .text-xxl-center { text-align: center!important } .d-xxl-flex { display: -ms-flexbox!important; display: flex!important; } .circulo .circle { margin: 8em 10em; } footer .service img { max-height: 22px; } } /* End 1600px */