*,

::after,

::before {

    box-sizing: border-box

}



html {

    font-family: Roboto, Montserrat, sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: transparent;

	scroll-behavior: smooth;

}



@-ms-viewport {

    width: device-width

}



@font-face {

    font-family: Montserrat;

    src: url(../fonts/Montserrat-Light.woff2) format('woff2'), url(../fonts/Montserrat-Light.ttf) format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: Montserrat;

    src: url(../fonts/Montserrat-Regular.woff2) format('woff2'), url(../fonts/Montserrat-Regular.ttf) format('truetype');

    font-weight: 400;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: Montserrat;

    src: url(../fonts/Montserrat-Medium.woff2) format('woff2'), url(../fonts/Montserrat-Medium.ttf) format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: Montserrat;

    src: url(../fonts/Montserrat-SemiBold.woff2) format('woff2'), url(../fonts/Montserrat-SemiBold.ttf) format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap

}



@font-face {

    font-family: Montserrat;

    src: url(../fonts/Montserrat-Bold.woff2) format('woff2'), url(../fonts/Montserrat-Bold.ttf) format('truetype');

    font-weight: 700;

    font-style: normal;

    font-display: swap

}



.hero.is-medium .hero-body {

    padding-bottom: 20px;

    padding-top: 150px;

}



.hero.is-medium .hero-body.tall {

    padding-bottom: 20px;

    padding-top: 120px;

}



#header-bottom-wrap .text-h1-index {

    color: #fff;

    font-size: 40px;

	font-weight: 400;

    letter-spacing: 0;

    line-height: 1.2;

    margin-bottom: 30px;

    margin-top: 60px;

}



#header-bottom-wrap .text-h1-index span{

	font-weight: 600;

}



#header-bottom-wrap .text-h3-index {

    color: #fff;

    font-size: 22px;

    font-weight: 300;

    letter-spacing: 0;

    margin-top: 15px !important;

    font-family: Roboto, sans-serif;

    line-height: 1.3;

}



.headimage img{

    width: 85%;

    margin-left: 15%;

}



.flechasclickink{

    width: 6%;

    margin: -20px 48% 0 48%;

}

.moradoclickink{

    color: #4d62ba;

}

.grisclickink{

    color: #636363;

}

.whiteclickink{

    color: #FFF;

}

.azulclickink{

    color: #34a0b2;

}

.fondomorado{

    background-color: #5859f1;

}

.fondomorado2{

    background-color: #4d62ba;

}

.fondogris{

    background-color: #f4f4f4;

}

.fondofooter{

    background-color: #0d063d;

}



.clicktitle{

    font-size: 40px;

    font-weight: 600;

}

.subclickink{

    font-weight: 400;

    color: #000;

}

.puntoclickink{

    font-size: 24px;

    font-weight: 600;

}

.bulletclickink::before{

    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */

    color: #4d62ba; /* Change the color */

    font-size: 5em;

    line-height: 1em;

    font-weight: bold; /* If you want it to be bold */

    display: inline-block; /* Needed to add space between the bullet and the text */

    width: .5em; /* Also needed for space (tweak if needed) */

    margin-left: 0em; /* Also needed for space (tweak if needed) */

}

.ctaclickink{

    font-size: 44px;

    color: #FFF;

    font-weight: 400;

    margin-top: 70px;

}

.ctaclickink span{

    font-weight: 600;

}

.clickcta{

    margin-top: 40px;

}

.appclickink{

    margin-top: 60px;

}

.appstore{

    width: 50%;

    float: left;

}

.googleplay{

    width: 50%;

    float: left;

}

.appstore img{

    width: 80%;

}

.googleplay img{

    width: 80%;

}

.firmarclick{

    text-align: center !important;

    font-size: 55px;

    font-weight: 400;

}

.firmarclick span{

    font-weight: 600;

}

.firmarsec{

    font-size: 22px;

    text-align: center;

}

.cajaclick{

    background-color: #FFF;

    border-radius: 34px;

    border: solid 1px #636363;

    padding: 20px;

    -webkit-box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.75);

    -moz-box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.75);

    box-shadow: 10px 10px 14px -7px rgba(0,0,0,0.75);

    min-height: 384px;

}

.textoventajaclick{

    color: #636363;

    font-size: 20px;

    text-align: center;

}

.cajaclick img{

    width: auto;

    height: 182px;

    display: block;

    margin: 0 auto;

}



.textoventajaclick span{

    font-size: 1.8em;

    font-weight: 600;

}



.blockchain{

    margin-top: 60px;

}

.blockint{

    width: 90%;

    margin-left: 10%;

}

.blockint img{

    margin-left: -5%;

}

.blockinktext{

    font-size: 22px;

    margin-top: 30px;

    margin-left: 40px;

}



.firmablock{

    margin: 0;

    padding: 0;

}

.firmablock img{

    width: 100%;

}

.ctablock2{

    background: rgb(49,153,171);

    background: linear-gradient(90deg, rgba(49,153,171,1) 0%, rgba(25,12,111,1) 100%);

    padding-top: 90px;

    padding-bottom: 90px;

}

.ctablocktext{

    color: #FFFFFF;

    font-size: 48px;

    text-align: center;

    font-weight: 300;

}

.ctablocktext span{

    font-weight: 600;

}

.contactanos{

    text-align: center;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;

}

.listink{

    padding: 0;

}

.listink li{

    list-style-type: none;

    text-align: center;

}

.listink li a{

    color: #FFFFFF;

    font-size: 22px;

    font-weight: 200;

}

.listink li a:hover{

    color: #34a0b2;

    font-size: 22px;

    font-weight: 200;

}

.postfooter{

    text-align: center;

    color: #FFFFFF;

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    margin-top: 14px;

}

.postfooter span{

    font-weight: 200;

}

.imgfooterclick img{
    width: 70%;
    display: block;
    margin: 0 auto;
}

.thankyoupage{
    margin-top: 200px;
}
.thankyoutext{
    font-weight: 300;
    font-size: 20px;
}
.excelentedia{
    font-weight: 400;
    font-size: 24px;
}
.thankyouphone{
    display: none;
}

/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

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

    .clicktitle{

        font-size: 35px;

        font-weight: 600;

    }

    .subclickink{

        font-weight: 400;

        color: #000;

    }

    .flechasclickink{

        width: 8%;

        margin: -40px 46% 0 46%;

    }

    .ctaclickink{

        font-size: 37px;

        margin-top: 50px;

    }

    .clickcta{

        margin-top: 30px;

    }

    .appclickink{

        margin-top: 45px;

    }

    .appstore{

        width: 50%;

        float: left;

    }

    .googleplay{

        width: 50%;

        float: left;

    }

    .appstore img{

        width: 100%;

    }

    .googleplay img{

        width: 100%;

    }

    .cajaclick{

        min-height: 414px;

    }

    .blockchain{

        margin-top: 30px;

    }

    .blockinktext{

        font-size: 20px;

        margin-top: 30px;

        margin-left: 40px;

    }
    .thankyouphone{
        display: none;
    }

}



/* Medium Devices, Desktops */

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

    .hero.is-medium .hero-body.tall {

        padding-bottom: 20px;

        padding-top: 180px;

    }



    #header-bottom-wrap .text-h1-index {

        font-size: 30px;

        margin-bottom: 30px;

        margin-top: 30px;

    }

    

    #header-bottom-wrap .text-h3-index {

        font-size: 20px;

        margin-top: 15px !important;

    }



    .hidden-md{

        display: none;

    }

    .flechasclickink{

        width: 12%;

        margin: -80px 44% 0 44%;

    }

    .ctaclickink{

        font-size: 55px;

        margin-top: 70px;

        text-align: center;

    }

    .clickcta{

        margin-top: 50px;

        text-align: center;

    }

    .appclickink{

        margin-top: 65px;

    }

    .appstore{

        width: 40%;

        margin: 0 2.5% 0 7.5%;

        float: left;

        padding-bottom: 70px;

    }

    .googleplay{

        width: 40%;

        margin: 0 7.5% 0 2.5%;

        float: left;

        padding-bottom: 70px;

    }

    .appstore img{

        width: 100%;

    }

    .googleplay img{

        width: 100%;

    }
    .thankyouphone{
        display: none;
    }

}



/* Small Devices, Tablets */

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

    #header-bottom-wrap .text-h1-index {

        font-size: 40px;

        text-align: center;

        margin-bottom: 30px;

        margin-top: 30px;

    }

    

    #header-bottom-wrap .text-h3-index {

        font-size: 20px;

        text-align: center;

        margin-top: 15px !important;

    }



    .headimage img{

        width: 90%;

        margin-left: 5%;

    }



    .hidden-sm{

        display: none;

    }

    .flechasclickink{

        display: none;

    }

    .ctaclickink{

        font-size: 40px;

        margin-top: 70px;

        text-align: center;

    }

    .clickcta{

        margin-top: 50px;

        text-align: center;

    }

    .appclickink{

        margin-top: 65px;

    }

    .appstore{

        width: 50%;

        margin: 0;

        float: left;

        padding-bottom: 70px;

    }

    .googleplay{

        width: 50%;

        margin: 0;

        float: left;

        padding-bottom: 70px;

    }

    .appstore img{

        width: 100%;

    }

    .googleplay img{

        width: 100%;

    }

    .cajaclick{

        min-height: 300px;

    }

    .firmarclick{

        font-size: 35px;

    }

    .firmarsec{

        font-size: 18px;

    }

    .ctablocktext{

        font-size: 30px;

    }
    .thankyouphone{
        display: inherit;
    }

}



/* Extra Small Devices, Phones */ 

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

    .blockinktext{

        font-size: 18px;

        margin-top: 30px;

        margin-left: 20px;

    }

}



/* Custom, iPhone Retina */ 

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



}



article,

aside,

dialog,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

    display: block

}



body {

    margin: 0;

    font-family: Roboto, Montserrat, sans-serif;

    font-size: 1.1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    text-align: left;

    background-color: #fff

}



[tabindex="-1"]:focus {

    outline: 0 !important

}



hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: .5rem

}



p {

    margin-top: 0;

    margin-bottom: 1rem

}



abbr[data-original-title],

abbr[title] {

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;

    cursor: help;

    border-bottom: 0

}



address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit

}



dl,

ol,

ul {

    margin-top: 0;

    margin-bottom: 1rem

}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0

}



dt {

    font-weight: 700

}



dd {

    margin-bottom: .5rem;

    margin-left: 0

}



blockquote {

    margin: 0 0 1rem

}



dfn {

    font-style: italic

}



b,

strong {

    font-weight: bolder

}



small {

    font-size: 80%

}



sub,

sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



a {

    color: #00356C;

    text-decoration: none;

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



a:hover {

    color: #0056b3;

    text-decoration: underline

}



a:not([href]):not([tabindex]) {

    color: inherit;

    text-decoration: none

}



a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none

}



a:not([href]):not([tabindex]):focus {

    outline: 0

}



.whatsapp {

    position: fixed;

    width: 60px;

    height: 60px;

    bottom: 40px;

    right: 20px;

    color: #fff;

    border-radius: 50px;

    text-align: center;

    font-size: 30px;

    z-index: 100

}



.whatsapp-icon {

    margin-top: 13px

}



code,

kbd,

pre,

samp {

    font-family: Roboto, monospace, monospace;

    font-size: 1em

}



pre {

    margin-top: 0;

    margin-bottom: 1rem;

    overflow: auto;

    -ms-overflow-style: scrollbar

}



figure {

    margin: 0 0 1rem

}



img {

    vertical-align: middle;

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



table {

    border-collapse: collapse

}



caption {

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #6c757d;

    text-align: left;

    caption-side: bottom

}



th {

    text-align: inherit

}



label {

    display: inline-block;

    margin-bottom: .5rem

}



button {

    border-radius: 0

}



button:focus {

    outline: none;

    outline: none;

}



button,

input,

optgroup,

select,

textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



button,

input {

    overflow: visible

}



button,

select {

    text-transform: none

}



[type=reset],

[type=submit],

button,

html [type=button] {

    -webkit-appearance: button

}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    padding: 0;

    border-style: none

}



input[type=checkbox],

input[type=radio] {

    box-sizing: border-box;

    padding: 0

}



input[type=date],

input[type=datetime-local],

input[type=month],

input[type=time] {

    -webkit-appearance: listbox

}



textarea {

    overflow: auto;

    resize: vertical

}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0

}



legend {

    display: block;

    width: 100%;

    max-width: 100%;

    padding: 0;

    margin-bottom: .5rem;

    font-size: 1.5rem;

    line-height: inherit;

    color: inherit;

    white-space: normal

}



progress {

    vertical-align: baseline

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    outline-offset: -2px;

    -webkit-appearance: none

}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button

}



output {

    display: inline-block

}



summary {

    display: list-item;

    cursor: pointer

}



template {

    display: none

}



[hidden] {

    display: none !important

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: .5rem;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.2;

    color: inherit

}



.h1,

h1 {

    font-size: 2.5rem

}



.h2,

h2 {

    font-size: 2rem

}



.h3,

h3 {

    font-size: 1.75rem

}



.h4,

h4 {

    font-size: 1.5rem

}



.h5,

h5 {

    font-size: 1.25rem

}



.h6,

h6 {

    font-size: 1rem

}



section.default-padding {

	padding: 60px 0;

}



a:hover{

	color: #FEBE31;

}



.container::before {

	display: table;

	content: "";

}



/*Titles*/



/*

.title {

	font-size: 32px;

	color: #00356C;

	font-weight: 600;

}

*/



.title h1 {

	font-size: 34px;

	color: #00356C;

	font-weight: 600;

	padding-bottom: 30px;

}



.title h2 {

	font-size: 32px;

	color: #00356C;

	font-weight: 600;

	padding-bottom: 30px;

}



.title.blog h2 {

	padding-bottom: 20px;

}



.sub-title h3 {

	font-size: 20px;

	color: #00356C;

	font-weight: 600;

	padding-bottom: 20px;

}



/*Souciones*/



.soluciones-p {

	font-size: 14px;

}



.item-33-buscas {

	flex: 0 0 33%;

	max-width: 33%;

	height: 0%;

	margin: 0 auto;

}

.item-33-buscas .content-item {

	padding: 10px;

}



.item-33 {

	flex: 0 0 33%;

	max-width: 33%;

	height: 241px;

}



.item-50 {

	flex:50%;

	max-width: 50%;

	height: 0%;

}

.item-50 img{

	vertical-align: middle;

	height: auto;

	border-radius: 10px;

}

.item-50 img:first-child{

	margin-top: 0px;

}

.item-66 {

	flex: 0 0 66%;

	max-width: 66%;

	height: 241px;

}

.content-item.sol-page {

	padding-top: 8px;

}

.content-item.lider-cons {

	padding-right: 4px;

}



.content-item.adapta {

	padding-left: 4px;

}



.content-item .pic {

  background-color: #000;

  border-radius: 10px;

}



.content-item .w-rad.pic {

  background-color: #000;

  border-radius: 10px;

}

.content-item .w-rad.pic img {

  border-radius: 10px;

}



.content-item .pic img {

  transition: all ease 50ms;

}

.content-item .text-nuestras,

.content-item .text-nuestras-p,

.content-item .text-nuestras-sol,

.content-item .text-nuestras-p-sol{

  transition: all ease 50ms;

}





.content-item:hover .pic img {

  opacity: 0.4;

}



.text-nuestras{

    position: absolute;

    top: 45%;

    left: 50%;

    color: #000;

	font-weight: 600;

    font-size: 21px;

	white-space: nowrap;

    transform: translate(-50%, -50%);

    text-align: center;

}



.content-item:hover .text-nuestras {

     color:#FEBE31;

	text-shadow: 1px 1px #FEBE31;

}

.text-nuestras-p{

    position: absolute;

    top: 62%;

    left: 50%;

    color: #000;

	white-space: nowrap;

	font-weight: 600;

    font-size: 14px;

    transform: translate(-50%, -50%);

    text-align: center;

}



.content-item:hover .text-nuestras-p {

     color:#FEBE31;

	text-shadow: 1px 1px #FEBE31;

}



.text-nuestras-sol{

    position: absolute;

    top: 45%;

    left: 50%;

    color: #000;

	font-weight: 600;

    font-size: 30px;

	white-space: nowrap;

    transform: translate(-50%, -50%);

    text-align: center;

}



.content-item:hover .text-nuestras-sol {

     color:#FEBE31;

	text-shadow: 1px 1px #FEBE31;

}

.text-nuestras-p-sol{

    position: absolute;

    top: 62%;

    left: 50%;

    color: #000;

	white-space: nowrap;

	font-weight: 600;

    font-size: 16px;

    transform: translate(-50%, -50%);

    text-align: center;

}



.content-item:hover .text-nuestras-p-sol {

     color:#FEBE31;

	text-shadow: 1px 1px #FEBE31;

}



.cta-descarga-pad {

	padding: 30px 0 0;

}

.pad-int {

	padding-bottom: 30px;

}



.border-r-img {

	padding-bottom: 30px; 

}

.border-r-img img {

	border-radius: 10px; 

}



.pad-row-inter {

	padding: 0px 0 10px;

}



/*CTA mas info*/



.cta-img {

	width: 80%;

	margin: 0 auto;

	display: block;

}

.cta-img-tienes {

	width: 68%;

	margin: 0 auto;

	display: block;

}



.text-cta h2{

	color: #fff;

	line-height: 60px;

	font-size: 45px;

}



.text-cta h3{

	color: #fff;

	line-height: 40px;

	font-size: 35px;

}



.navbar-dark .navbar-nav .nav-link {

    color: rgba(255, 255, 255, 1);
    font-size: .79em;
    padding: 0%;
}







/*NOSOTROS*/



.flex-mis-vis {

    display: flex;

    flex-direction: column;

    flex: 0 0 50%;

    max-width: 380px;

    margin: 0 auto;

    background-color: #00356C;

    border-radius: 10px;

}

.flex-mis-vis .btn-conoce {

	margin-top: auto;

	padding-bottom: 20px;

}

.flex-mis-vis h3,

.flex-mis-vis p{

	padding: 15px 20px;

	text-align: center;

	color: #fff;

}





.flex-mis-vis-index {

    display: flex;

    flex-direction: column;

    flex: 0 0 50%;

    max-width: 335px;

    margin: 0 auto;

    background-color: #00356C;

    border-radius: 10px;

}

.flex-mis-vis-index .btn-conoce {

	margin-top: auto;

	padding-bottom: 20px;

}

.flex-mis-vis-index h3,

.flex-mis-vis-index p{

	padding: 15px 20px;

	text-align: left;

	color: #fff;

}

/*Main Banner Styles*/



.top-img{

	background-size: cover;

	background-repeat: no-repeat;

	height: 750px;

}

.top-img.index{

	background-size: cover;

	background-repeat: no-repeat;

	height: 850px;

}









#header-bottom-wrap .text-h3-index span{

    font-weight: 600;

}



#header-bottom-wrap .container.sol {

	text-align: center;

}



#header-bottom-wrap .text-h2-soluciones {

	margin: 0 auto;

    color: #fff;

    font-size: 40px;

	font-weight: 700;

    letter-spacing: 0;

    line-height: 1.2;

	max-width: 800px;

	margin-bottom: 30px;

}



#header-bottom-wrap .text-h3-soluciones {

	margin: 0 auto;

    color: #fff;

    font-size: 16px;

    letter-spacing: 0;

    margin-top: 15px !important;

    font-family: Roboto, sans-serif;

    line-height: 1.3;

	max-width: 800px;

}



#header-bottom-wrap .text-h1-blog,

#header-bottom-wrap .text-h2-blog {

	margin: 0 auto;

    color: #fff;

    font-size: 65px;

	font-weight: 700;

    letter-spacing: 0;

    line-height: 1.2;

	max-width: 800px;

	margin-bottom: 30px;

}



/*Counter*/



.counter {

    padding: 20px 0;

    border-radius: 5px;

}



.count-title {

	color: #00879B;

    font-size: 25px;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: center;

}



.counter-row .col {

	padding: 0 10px;

}



.count-text {

    font-size: 13px;

    font-weight: normal;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: center;

}



.fa-2x {

    margin: 0 auto;

    float: none;

    display: table;

    color: #4ad1e5;

}

.counter h2::after {

	content: '+';

	color:#00879B;

}





@media (max-width:1199px){



	.dis-n-1199-or-less {

		display: none!important;

	}

}

@media (min-width:1200px){

	.dis-n-1200-or-more {

		display: none!important;

	}

}

@media (max-width:1024px){





	.flex-mis-vis-index {

		display: flex;

		flex-direction: column;

		flex: 0 0 100%;

		max-width: 440px;

		margin: 14px auto;

		background-color: #00356C;

		border-radius: 10px;

	}

}

@media (max-width:992px){

	.flex-mis-vis {

		display: flex;

		flex-direction: column;

		flex: 0 0 100%;

		max-width: 380px;

		margin: 0 auto;

		background-color: #00356C;

		border-radius: 10px;

	}

	.flex-mis-vis-index {

		display: flex;

		flex-direction: column;

		flex: 0 0 100%;

		max-width: 340px;

		margin: 15px auto;

		background-color: #00356C;

		border-radius: 10px;

	}



}

@media (max-width:768px){

	

	.flex-mis-vis {

		display: flex;

		flex-direction: column;

		flex: 0 0 100%;

		max-width: 450px;

		margin: 15px auto;

		background-color: #00356C;

		border-radius: 10px;

	}

	

	#header-bottom-wrap .text-h1-blog,

	#header-bottom-wrap .text-h2-blog {

		margin: 0 auto;

		color: #fff;

		font-size: 50px;

		font-weight: 700;

		letter-spacing: 0;

		line-height: 1.2;

		max-width: 800px;

		margin-bottom: 30px;

	}

	

	.text-cta h2 {

		color: #fff;

		line-height: 50px;

		font-size: 45px;

	}

	

	.text-cta h3 {

		color: #fff;

		line-height: 40px;

		font-size: 35px;

	}

	

	.cta-img-tienes{

		width: 100%;

	}

	

	.count-title{

		font-size: 20px;

	}

	.count-text {

		font-size: 10px;

		text-align: center;

	}

}

@media (max-width:450px){

	#header-bottom-wrap .text-h1-index {

		color: #fff;

		font-size: 30px;

		font-weight: 700;

		letter-spacing: 0;

		line-height: 1.2;

		max-width: 700px;

		margin-bottom: 30px;

	}

	

	#header-bottom-wrap .text-h2-soluciones {

		margin: 0 auto;

		color: #fff;

		font-size: 30px;

		font-weight: 700;

		letter-spacing: 0;

		line-height: 1.2;

		max-width: 800px;

		margin-bottom: 30px;

	}

	.flex-mis-vis {

		max-width: 350px;

		margin: 15px auto;



	}

	

	.title h2 {

		text-align: center;

	}

	.counter-resp {

		padding-bottom: 30px;

	}

	

	.counter-resp .is-primary{

		display: block;

		margin: 20px auto;

		line-height: 1;

		max-width: 50%;

	}

	

	

	#header-bottom-wrap .text-h1-blog,

	#header-bottom-wrap .text-h2-blog {

		margin: 0 auto;

		color: #fff;

		font-size: 45px;

		font-weight: 700;

		letter-spacing: 0;

		line-height: 1.2;

		max-width: 800px;

		margin-bottom: 30px;

	}

	

		.social {

		padding-left: 0;

	}

		

	#header-bottom-wrap .container.sol {

		text-align:center;

	}

	

		.text-cta h2 {

			line-height: 40px;

			font-size: 35px;

			text-align: center;

		}

		

		.text-cta h3 {

			line-height: 35px;

			font-size: 25px;

			text-align: center;

		}

		.btn-ebook {

			text-align: center;

		}



		.cta-img-tienes {

			width: 60%;

			margin: 50px auto 0;

			display: block;

		}

	

	    .service-icon-box {

			width: 50%;

			display: block;

			margin: 0 auto;

		}

	

		.item-50 {

			flex: 100%;

			max-width: 100%;

			height: 0%;

		}

	

		.content-item.adapta {

			padding-left: 0px;

		}

	

		.content-item.lider-cons {

			padding-right: 0px;

		}

	

		.item-33-buscas {

		flex: 0 0 100%;

		max-width: 100%;

		height: 0%;

		margin: 0 auto;

	}

	

	.cta-descarga-pad {

		padding: 30px 0;

	}

	

	.order-sm-first-int {

		-ms-flex-order: -1;

		order: -1;

	  }





}



/* adds some margin below the link sets  */

.navbar .dropdown-menu div[class*="col"] {

   margin-bottom:1rem;

}



.navbar .dropdown-menu {

  border:none;

  background-color:lightgrey!important;

}



.navbar-dark .navbar-toggler-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



/*text change*/





.navbar-dark {

	background-color: transparent;

}

.navbar-dark .navbar-nav .active > .nav-link {

	font-weight: 700;

}

.navbar-dark.scrolled-nav .navbar-nav .active > .nav-link {

	color: #00356c;

	font-weight: 700;

}

.navbar-dark.scrolled-nav .navbar-nav .nav-link{

	color: #212529;

}



.dropdown-item {

    display: block;

    width: 100%;

    padding: 0.25rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: pre-wrap;

    background-color: transparent;

    border: 0;

}



/*Buttons*/



.button {

    text-transform: none;

    font-family: Roboto, SFProDisplay-Regular, sans-serif;

    box-shadow: none;

    letter-spacing: 0px;

    color: white;

    background-color: rgb(235, 183, 0);

    font-weight: 600;

    border-width: initial;

    border-style: none;

    border-color: initial;

    border-image: initial;

    transition: all 0.5s ease 0s;

    outline: none;

    border-radius: 290486px;

}



.button, .button.is-medium, .button.is-large {

    font-size: 1.0625rem;

    height: 2.9em;

    padding-left: calc(2em - 1px);

    padding-right: calc(2em - 1px);

}

.button {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.button {

    border-radius: 0;

}



.button {

    background-color: white;

    color: rgb(54, 54, 54);

    cursor: pointer;

    -webkit-box-pack: center;

    justify-content: center;

    padding-bottom: calc(0.375em - 1px);

    padding-left: 0.75em;

    padding-right: 0.75em;

    padding-top: calc(0.375em - 1px);

    text-align: center;

    white-space: nowrap;

    border-color: rgb(219, 219, 219);

    border-width: 1px;

}



.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {

    -webkit-appearance: none;

    -webkit-box-align: center;

    align-items: center;

    box-shadow: none;

    display: inline-flex;

    font-size: 1rem;

    height: 2.25em;

    -webkit-box-pack: start;

    justify-content: flex-start;

    line-height: 1.5;

    padding-bottom: calc(0.375em - 1px);

    padding-left: calc(0.625em - 1px);

    padding-right: calc(0.625em - 1px);

    padding-top: calc(0.375em - 1px);

    position: relative;

    vertical-align: top;

    border-width: 1px;

    border-style: solid;

    border-color: transparent;

    border-image: initial;

    border-radius: 4px;

}



.button.is-primary {

    background-color: #FEBE31;

    border-color: transparent;

    color: #fff;

	padding: 10px 30px;

    border-radius: 10px;

}



.button.is-primary:hover {

    background-color: rgb(255, 255, 255);

    color: #FEBE31;

    border-color: transparent;

}

.btn-header {
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 30px;
} 
.btn-header:hover {
	background-color: #00356C;
	color: #fff;
	text-decoration: none;
	border-radius: 40px;
	padding: 10px 30px;
} 

.purple-back{
	background-color: #4d62ba;
	color: #fff;
}
.mar-btn{
	margin-left: 25px;
}

.l-h-2 {
	line-height: 2;
}

.logo-top-white{

	background-image: url("../images/quilicura2.png");

	width: 300px;

    height: 117px;

    background-size: contain;	
    
	background-position: center;
	
    background-repeat: no-repeat;

}

.logo-top-scrolled{

	background-image: url("../images/quilicura2.png");

	width: 300px;

	height: 117px;

	background-size: contain;

    background-repeat: no-repeat;

}



/*Como lo hacemos*/



.como-hacemos-txt {

	padding: 20px;

	background-color: #00356CD9;

	border: 1px solid #707070;

	opacity: 0.95;

	border-radius: 0 0 15px 15px;

}

.como-hacemos-txt h3 {

	color: #fff;

	font-size: 22px;

	

}

.como-hacemos-txt p{

	color: #fff;

}







/*Footer*/



.menu-footer {

	align-self: flex-end;

}

.menu-footer ul {

	margin-bottom: 0;

}



.menu-footer li{

	display: inline-block;

	color: #fff;

	padding: 0 10px;

}

.menu-footer ul li a{

	color: #fff;

	font-weight: 500;

}

.menu-footer ul li a:hover{

	color: #FEBE31;

}

.align-logo-footer {

	align-self: flex-end;

}



.right-footer p{

	color: #fff;

	font-size: 12px;

	margin-bottom: 0;

}



.social {

	margin-top: auto;

	align-self: center;

}



.social li {

	display: inline-block;

	padding: 0 8px;

	padding-left: 0;

}

.social i {

	color: #fff;

}



.social i:hover {

	color: #FEBE31;

}

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

	

	.como-padding {

		padding-bottom: 30px;

	}

	

	.align-logo-footer {

		margin: 0 auto;

		padding-bottom: 20px;

	}

	

	.menu-footer{

		padding-bottom: 20px;

		display: block;

		width: 100%;

		text-align: center;

	}

	

	.menu-footer ul {

		padding-left: 0;

	}

	

	.menu-footer li{

		display: block;

		color: #fff;

		padding: 0 10px;

	}

	.right-footer p{

		text-align: center;

	}

}



@media screen and (min-width: 769px){



}

.hero.is-medium .hero-body.contacto {

    padding-bottom: 20px;

    padding-top: 290px;

}





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

	.mar-btn{
		margin: 15px auto;
	}
	


}







.hero.is-medium .hero-body.contacto {

    padding-bottom: 20px;

    padding-top: 223px;

}



/* breakpoint and up - mega dropdown styles */

@media screen and (min-width: 992px) {

  

  /* remove the padding from the navbar so the dropdown hover state is not broken */

.navbar {

  padding-top:0px;

  padding-bottom:0px;

}



/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */

.navbar .nav-item {

  padding:.5rem .5rem;

  margin:0 .25rem;

}



/* makes the dropdown full width  */

.navbar .dropdown {position:relative;}

/*.navbar .dropdown {position:static;}*/



.navbar .dropdown-menu {

  width:260px;

  left:0;

  right:0;

/*  height of nav-item  */

  top:50px;

  

  display:block;

  visibility: hidden;

  opacity: 0;

  transition: visibility 0s, opacity 0.3s linear;

  

}

   

  /* shows the dropdown menu on hover */

.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {

  display:block;

  visibility: visible;

  opacity: 1;

  transition: visibility 0s, opacity 0.3s linear;

}

  

  .navbar .dropdown-menu {

    border: 1px solid rgba(0,0,0,.15);

    background-color: #fff;

  }



}





@media(max-width:991px){

	#header-wrap {

		background: #fff!important;

	}

}





/*Carousel*/

.prev-arrow-pro {

    position: absolute;

    left:45%;

    top: -35px;

    background-color: transparent;

    border: none;

    font-family: 'FontAwesome';

    font-size: 30px;

    line-height: 1;

    opacity: .75;

    color: #000000;

    -webkit-font-smoothing: antialiased;

}



.prev-arrow-pro:before {

    content: '\f049';

}



.next-arrow-pro {

    position: absolute;

    right: 45%;

	top: -35px;

    background-color: transparent;

    border: none;

    font-family: 'FontAwesome';

    font-size: 30px;

    line-height: 1;

    opacity: .75;

    color: #000000;

    -webkit-font-smoothing: antialiased;

}



.next-arrow-pro:before {

    content: '\f050';

}



/*Clientes*/

.clientes img {

	with:60%;

}

/*clientes end*/



.service-icon-box {

    text-align: center;

    margin-bottom: 35px;

}



/* Slider */

.slick-slider

{

    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 !important;

}

.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);

        -ms-transform: translate3d(0, 0, 0);

         -o-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;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: inline;

}

.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;

}



/*End carousel*/



/*contacto*/



.datos-contacto {

	display: flex;

	flex-wrap: wrap;

}

.datos-contacto p{

	flex: 0 0 60%;

	max-width: 60%;

	font-size: 14px;

	align-self: center;

}

.datos-contacto .img-icon{

	flex: 0 0 40%;

	max-width: 40%;

	display: flex;

	align-items: center;

}

.datos-contacto img{

	

}



@media(max-width:768px){

	.margin-resp-contact-f {

		margin-top: 60px;

}

	.datos-contacto p{

		flex: 0 0 100%;

		max-width: 100%;

		font-size: 14px;

		align-self: center;

	}

	.datos-contacto .img-icon{

		flex: 0 0 100%;

		max-width: 100%;

		display: flex;

		align-items: center;

	}

}

@media(max-width:450px){

	.prev-arrow-pro,

	.next-arrow-pro{

		display: none;

	}

	

	.margin-resp-contact-f {

		margin-top: 60px;

	}

	.datos-contacto p{

		flex: 0 0 60%;

		max-width: 60%;

		font-size: 14px;

		align-self: center;

	}

	.datos-contacto .img-icon{

		flex: 0 0 40%;

		max-width: 40%;

		display: flex;

		align-items: center;

	}

}