/* Start Fonts */
@font-face {
    font-family: Lato-black;
    src: url(../fonts/Lato/Lato-Black.ttf)
}

@font-face {
    font-family: Lato-bold;
    src: url(../fonts/Lato/Lato-Bold.ttf)
}

@font-face {
    font-family: Raleway-regular;
    src: url(../fonts/Raleway/Raleway-Regular.ttf)
}


/* End Fonts */

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: none;
    font-family: Raleway-regular;
    outline: 0;
    box-sizing: border-box;
}

body {
    background: #ffffff;
    min-height: 100%;
}

h1 {
    font-family: Lato-black;
}

h2 {
    font-family: Lato-bold;
}

a {
    text-decoration: none !important;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

::placeholder {
    font-size: 15px;
}

/* Start Nav Bar */

header {
    width: 100%;
    height: 82px;
}


nav {
    height: 85px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    background-color: #057EC7;
    z-index: 999;
}

.logo1 {
    width: 180px;
    margin-top: 19px;
}

.logo {
    display: none;
}

.bar-btn {
    color: #fff;
    margin-right: 50px;
    cursor: pointer;
    display: none;

}


#reg {
    background-color: #FFC221;
    padding: 15px 20px;
    border-radius: 25px;
}

#reg:hover {
    color: #057EC7;
}

.nav-logo {
    display: inline-block;
}

.nav-menu {
    position: relative;
    height: 86px;
    top: 0;
    background: none;
    transition: none;
    text-align: left;
    margin-bottom: 0;
    width: 100%;
    padding-left: 0;
}



.nav-menu li {
    display: inline-block;
    line-height: 90px;
    transition: none;
}

.nav-menu li a {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

.nav.menu li a.active, .nav-menu li a:hover {
    color: #FFC221;
    transition: .3s;
}

#check {
    display: none;
}

#check:checked~.nav-menu {
    height: 100%;
}

#check:checked~.nav-menu li {
    display: block;
}

/* End Nav Bar */
html {
    min-height: 100%;
    position: relative;
}

/* Start Footer */
footer {
    background-color: #FFC221;
    width: 100%;
    position: absolute;
    bottom: 0;
    /* NUEVO */
}

.form-down {
    border: 1px solid #c7c2c2;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    margin: 10px 0;
    padding: 3px 20px;
    background-color: #fff;
    font-size: 21px;
}

.content {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 50px 15px;

}

.content img {
    width: 80%;
    display: inline-block;
}

.content a {
    font-size: 22px;
    color: #ffffff !important;
    font-weight: 800;
}

.content a:hover {
    color: #057EC7 !important;
}


.apps {
    margin-top: 15px !important;
    width: 90%;
    border-radius: 100px;
}

.apps img {
    border-radius: 16px;
}

.love {
    background-color: #ffffff;
    padding: 22px;
    text-align: center;
    font-weight: 900;
}

.love a {
    color: #057ec7;
}


.love a:hover {
    color: #F8AE22;
}

/* End Footer */

/* Start Buttons */

.btn-yellow {
    background-color: #FFC221;
    border-radius: 31px;
    width: 287px;
    height: 61px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}

.btn-yellow:hover {
    background-color: #F8AE22;
    transition: .3s;
}


.btn-yellow span {
    color: #ffffff;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-blue {
    background-color: #057EC7;
    border-radius: 31px;
    width: 287px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}

.btn-blue:hover {
    background-color: #05A1D3;
    transition: .3s;
}

.btn-blue span {
    color: #ffffff;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-download {
    background-color: #057EC7;
    border-radius: 31px;
    width: 287px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}



.btn-download:hover {
    background-color: #05A1D3;
    transition: .3s;
}

.btn-download span {
    color: #ffffff;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-blue-models {
    background-color: #057EC7;
    border-radius: 31px;
    width: 70%;
    height: 61px;
    padding: 10px;
}

.btn-blue-models:hover {
    background-color: #05A1D3;
    transition: .3s;
}

.btn-blue-models span {
    color: #ffffff;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-send {
    background-color: #057EC7;
    border-radius: 31px;
    width: 30%;
    height: 61px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-send:hover {
    background-color: #05A1D3;
    transition: .3s;
}

.btn-send-yellow {
    background-color: #FFC221;
    border-radius: 31px;
    width: 180px;
    height: 61px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-send-yellow:hover {
    background-color: #F8AE22;
    transition: .3s;
}

.card-logos {
    border: 1px solid #a3a3a3;
    border-radius: 25px;
}

.btn-white {
    background-color: #fff;
    border-radius: 31px;
    width: 287px;
    height: 61px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}

.btn-white:hover {
    background-color: #FFC221;
    transition: .3s;
}

.btn-white span {
    color: #057EC7 !important;
    font-family: Lato-bold;
    font-size: 27px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-faqs {
    background-color: #ffffff;
    border-radius: 31px;
    width: 100%;
    height: 61px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    border: 1px solid #FFC221;

}


.btn-faqs-active {
    background-color: #FFC221 !important;
    color: #ffffff !important;
}


.btn-faqs span {
    color: #FFC221;
    font-family: Lato-bold;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 40px;
}

.btn-faqs:hover {
    background-color: #FFC221;
    color: #ffffff;
    transition: .3s;
}

.btn-faqs:hover>span {
    color: #ffffff;
    transition: .3s;
}

.btn-faqs-active>span {

    background-color: #FFC221;
    color: #ffffff;
}

.btn-faqs2 {
    background-color: #FFC221;
    border-radius: 31px;
    width: 100%;
    height: 61px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ffffff;

}


.btn-faqs2-active {
    background-color: #fff !important;
    color: #FFC221 !important;
    border: 1px solid #FFC221;
}


.btn-faqs2 span {
    color: #fff;
    font-family: Lato-bold;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Raleway-regular';
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 40px;
}

.btn-faqs2:hover {
    background-color: #FFC221;
    color: #ffffff;
    transition: .3s;
}

.btn-faqs2:hover>span {
    color: #fff;
    transition: .3s;
}

.btn-faqs2-active>span {
    background-color: #fff;
    color: #FFC221;
}


.btns-round {
    background-color: #fff;
    border-radius: 1000px;
    height: 240px;
    width: 60%;
    display: inline-block;
    top: 370px;
    position: relative;
}

.btns-round:hover {
    background-color: #057EC7;
    transition: all .5s;
}

.btns-round p {
    color: #057EC7;
    font-size: 35px;
    margin-bottom: 0;
    font-family: Lato-Black;
}

.btns-round:hover>p {
    color: #fff;
}

.button-left {
    padding: 0 !important;
}




/* End Buttons */

/* Start Content */

.separator-margin {
    margin-bottom: 5% !important;
    margin-top: 5% !important;
    width: 100%;
    display: inline-block;
}

.primary-screen {
    width: 100%;
    display: inline-block;
}

.primary-screen img {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.primary-text {
    margin-bottom: 160px;
}


.primary-text h1 {
    color: #057EC7;
    font-size: 87px;
    line-height: 76px;
}

.primary-text h2 {
    color: #FFC221;
    font-size: 73px;
    margin-bottom: 30px;
}

.primary-text p {
    color: #1b1b1b;
    font-size: 25px;
    margin-bottom: 40px;
}

.cards {
    text-align: -webkit-center;
    text-align: -moz-center;
}

.disabled {
    display: block;
}

.back-blue-round {
    background-color: #057EC7;
    position: relative;
    top: -120px;
    height: 1700px;
    border-radius: 1px 1px 1000px 1000px;
}

.back-blue-round .target {
    position: absolute;
    top: 172px;
    width: 100%;
}

.back-blue-round .dual-img-txt {
    position: absolute;
    top: 800px;
    width: 100%;
}

.back-blue-round2 {
    background-color: #057EC7;
    height: 1900px;
    border-radius: 1px 1px 1000px 1000px;
}

.back-blue-round3 {
    background-color: #057EC7;
    height: 540px;
    border-radius: 1px 1px 1000px 1000px;
}

.back-blue-square {
    background-color: #057EC7;
}

.back-yellow-round {
    background-color: #FFC221;
    height: 1500px;
    border-radius: 1000px 1000px 0px 0px;
    margin-top: 100px;
    position: relative;
}

.back-yellow-round h3 {
    color: #ffffff !important;
    font-size: 84px;
    text-align: center;
    font-family: Lato-black;
    margin-bottom: 10px;
    line-height: 87px;
    position: relative;
    top: 200px;
}


.back-yellow-square {
    background-color: #FFC221;
    margin-top: 150px;
    padding: 100px 0;

}




.back-yellow-square h3 {
    color: #ffffff !important;
    font-size: 87px;
    line-height: 76px;
}

.card {
    background-color: #ffffff00 !important;
    width: 60%;
    border: none !important;
}


.card-text {
    font-family: Raleway-regular;
    color: #ffffff;
    font-size: 28px;
    font-weight: 500;
}


.dual-square img {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.square-text h2 {
    font-size: 80px;
    color: #fff;
    font-family: Lato-black;
    line-height: 75px;
}

.square-text h3 {
    font-size: 80px;
    color: #057EC7;
    font-family: Lato-black;
    line-height: 75px;
}


.square-text .items {
    margin-top: 50px;
}

.square-text .items ul {
    width: 100%;
    display: inline-block;
}

.square-text .items ul li {
    font-size: 28px;
    color: #fff;
    letter-spacing: 0.7px;
}

.square-text .items ul li i {
    color: #FFC221;
    width: 40px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    font-size: 20px;
}

.square-text .list i {
    font-size: 8px;
    position: relative;
    top: -4px;

}



.square-text .list {
    margin: 25px;
}

.square-text .list p {
    font-size: 25px;
    margin-bottom: 6px;
}

.button-center {
    text-align: center;
}

.title-center-invested h1 {
    font-size: 70px;
    text-align: center;
    font-family: Lato-black;
    color: #ffffff;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 63px;
}

.title-center-invested h3 {
    font-size: 70px;
    text-align: center;
    font-family: Lato-black;
    color: #ffffff;
    margin-top: 90px;
    line-height: 63px;
}

.title-center-invested span {
    width: 100%;
    display: inline-block;
    font-size: 30px;
    text-align: center;
    font-family: Raleway-regular;
    color: #ffffff;
    margin-bottom: 20px;

}

.title-center4 h1 {
    font-size: 150px;
    text-align: center;
    font-family: Lato-black;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 60px;
    width: 100%;
    display: inline-block;
    margin-top: 30px;

}

.title-center4 span {
    width: 100%;
    display: inline-block;
    font-size: 28px;
    text-align: center;
    font-family: Raleway-regular;
    color: #fff;
}

.title-center2 h1 {
    font-size: 200px;
    text-align: center;
    font-family: Lato-black;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 60px;
    width: 100%;
    display: inline-block;
    margin-top: 123px;

}

.title-center2 span {
    width: 100%;
    display: inline-block;
    font-size: 28px;
    text-align: center;
    font-family: Raleway-regular;
    color: #fff;
}

.title-center3 h1 {
    font-size: 200px;
    text-align: center;
    font-family: Lato-black;
    color: #ffc221;
    margin-bottom: 70px;
    line-height: 60px;
    width: 100%;
    display: inline-block;
    margin-top: 123px;

}

.title-center3 span {
    width: 100%;
    display: inline-block;
    font-size: 40px;
    text-align: center;
    font-family: Raleway-regular;
    color: #fff;
    font-weight: 900;
}

.title-center3 i {
    width: 100%;
    display: inline-block;
    font-size: 30px;
    text-align: center;
    font-family: Raleway-regular;
    color: #fff;
    font-style: normal;
}

.title-center h3 {
    font-size: 60px;
    text-align: center;
    font-family: Lato-black;
    color: #057EC7;
    margin-bottom: 10px;
    line-height: 60px;
}

.title-center span {
    width: 100%;
    display: inline-block;
    font-size: 28px;
    text-align: center;
    font-family: Raleway-regular;
}

.title-left h4 {
    font-size: 50px;
    text-align: left;
    font-family: Lato-black;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 60px;
}

.companys .swiper {
    width: 100%
}

.companys .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: 120px;
    border-radius: 10px 10px 1px 1px
}

.companys .swiper-slide:hover {
    transform: scale(1.05);
    cursor: pointer;
    transition: .5s
}

.companys .swiper-slide span {
    display: inline-block;
    width: 100%;
    background: #e2e2e2;
    color: #3f3f3f;
    padding: 10px;
    font-size: 25px;
    border-radius: 0 0 6px 6px
}

.companys .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
    position: initial !important
}

.steps-swipper .swiper {
    width: 100%
}

.steps-swipper .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 15px 15px 0 0
}



.steps-swipper .swiper-slide span {
    display: inline-block;
    width: 100%;
    background: #ffc221;
    color: #ffffff;
    padding: 10px;
    font-size: 26px;
    border-radius: 0 0 15px 15px;
    text-align: center;
    font-weight: 900;
}

.steps-swipper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
    position: initial !important
}

.testimonial .swiper {
    width: 100%;
    cursor: e-resize;
}

.testimonial .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: 300px;
    border-radius: 200px 200px 0px 200px;
    padding: 20px;
}

.testimonial .swiper-slide .companys img {
    display: inline-block;
    width: 100%;
    height: 100px;
    border-radius: 0;
    border: 0;
    padding: 1px 106px;
}

.testimonial .swiper-slide .review {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.testimonial .swiper-slide .review i {
    font-size: 20px;
    font-family: Raleway-regular;
    color: #057ec7;
    text-align: center;
    line-height: 35px;
    padding: 0px 26px;
    font-weight: 900;
}

.testimonial .swiper-slide .review p {
    font-size: 20px;
    font-family: Raleway-regular;
    color: #212529;
    text-align: center;
    line-height: 35px;
    padding: 0px 26px;
}


.testimonial .swiper-slide span {
    display: inline-block;
    width: 100%;
    background: #e2e2e2;
    color: #3f3f3f;
    padding: 10px;
    font-size: 25px;
    border-radius: 0 0 6px 6px
}

.testimonial .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
    position: initial !important
}

.float-buttom {
    margin-bottom: 190px;
}

.image-block-left {
    background-color: #FFC221;
    border-radius: 100px 100px 0 100px;
    margin: 0px 0px 1px 200px;
}

.image-block-left img {
    width: 100%;
    display: inline-block;
    padding: 25px;
}

.image-block-right {
    background-color: #FFC221;
    border-radius: 0px 100px 100px 100px;
    margin: 0px 200px 1px 0px;
}

.image-block-right img {
    width: 100%;
    display: inline-block;
    padding: 25px;
}

.text-block-right h2 {
    font-size: 60px;
    font-family: Lato-black;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 60px;
    margin-left: 63px;
    width: 100%;
    display: inline-block;
}

.text-block-right p {
    width: 100%;
    display: inline-block;
    font-size: 22px;
    margin-left: 63px;
    color: #ffffff;
    font-family: Raleway-regular;
    padding: 0 200px 0 0;
}

.text-block-right a {
    color: #FFC221;
    font-weight: 900;
}

.text-block-left h2 {
    font-size: 60px;
    font-family: Lato-black;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 60px;
    width: 90%;
    display: inline-block;
    margin-right: 63px;
    text-align: end;
}

.text-block-left p {
    width: 90%;
    display: inline-block;
    font-size: 22px;
    color: #ffffff;
    font-family: Raleway-regular;
    text-align: end;
    padding: 0 0 0 200px;

}

.faqs {
    background-color: #ffffff00 !important;
    width: 100%;
    border: none !important;
    word-wrap: break-word;

}

.faqs p {
    color: #747474;
    font-size: 18px;
    line-height: 30px;
}

.faqs p i {
    font-size: 9px;
    text-align: end;
    margin: 1px 6px 1px 20px;
    position: relative;
    top: -3px
}

.faqs p a {
    color: #05A1D3;
    font-weight: 900;
}

.faqs p a:hover {
    color: #F8AE22;
}

.card-body i {
    display: inline-block;
    color: #057EC7;
    font-size: 25px;
    margin: 1px 30px 1px 1px;
}


.card-general-g {
    border: 2px solid #ffc221;
    border-radius: 15px;
}

.card-body span {
    display: inline-block;
    color: #5c5c5c;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.card-body .card-container {
    background-color: #ffffff !important;
    padding: 10px;
    border-left: 2px solid #FFC221 !important;
    font-size: 20px !important;
}

.title-models h1 {
    font-size: 80px;
    color: #057EC7;
    line-height: 76px;
}

.title-models p {
    font-size: 23px;
    margin-bottom: 25px;
}

.title-models ul li {
    font-size: 21px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}

.title-models ul li i {
    font-size: 9px;
    text-align: end;
    margin: 1px 6px 1px 20px;
    position: relative;
    top: -3px;
    color: #FFC221;
}

.img-models img {
    width: 100%;
    border-radius: 1px 52px 1px 52px;

}

.title-models h1 span {
    font-size: 80px;
    color: #FFC221;
    font-family: Lato-black;
}

.swiper-models {
    display: none;
}

.swiper-models .swiper {
    width: 100%
}

.swiper-models .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #dbdbdb;
    border-radius: 10px
}

.swiper-models .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: 287px;
    border-radius: 10px 10px 1px 1px
}

.swiper-models .swiper-slide:hover {
    transform: scale(1.05);
    cursor: pointer;
    transition: .5s
}

.swiper-models .swiper-slide span {
    display: inline-block;
    width: 100%;
    background: #057ec7;
    color: #ffffff;
    padding: 10px;
    font-size: 25px;
    font-weight: 700;
    border-radius: 0 0 6px 6px;
    letter-spacing: 1px;
}

.swiper-models .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
    position: initial !important
}


.swiper-render .swiper {
    width: 100%;
    height: 100%;
}

.swiper-render .swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-render .swiper-slide img {
    display: block;
    width: 100%;
}

.card-lockers {
    width: 100%;
    height: 310px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
}

.card-lockers .color-overlay {
    width: 100%;
    height: 500px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
    cursor: pointer;
}

.card-lockers:hover .card-info {
    opacity: 1;
    bottom: 14px;
}

.card-lockers:hover .color-overlay {
    background: rgb(205, 193, 197);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%);
}

.card-info {
    width: 100%;
    position: absolute;
    bottom: 100px;
    color: #ffffff;
    font-family: Raleway-regular;
    line-height: 29px;
    z-index: 20;
    opacity: 0;
    transition: bottom 0.3s, opacity 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
    font-size: 22px;
    cursor: pointer;
    padding: 9px 20px;
}

.card-lockers.back-cards {
    background-size: 100% 100% !important;
    background-position: center !important;
}

.contact-form {
    width: 100%;
    display: inline-block;
    margin-top: 100px;
}

.contact-form h1 {
    font-size: 50px;
    color: #ffffff;
    line-height: 76px;
    margin-bottom: 25px;
}

.contact-form h1 span {
    font-size: 80px;
    color: #FFC221;
    font-family: Lato-black;
}

.contact-form p {
    font-size: 23px;
    color: #fff;
    font-family: Raleway-regular;
}

.contact-form ul li {
    font-size: 21px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
    color: #fff;
}


.contact-form ul li>a {
    font-size: 21px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
    color: #fff;
}

.contact-form ul li>a:hover {
    color: #FFC221;
}

.contact-form ul li {
    margin-bottom: 18px;
}

.contact-form ul li i {
    display: inline-block;
    font-size: 25px;
    text-align: center;
    position: relative;
    width: 10%;
    color: #fff;
}

.small-form {
    padding: 33px 25px;
}

.small-form h2 {
    color: #FFC221;
    width: 60%;
    display: inline-block;
    font-family: Lato-black;
    line-height: 26px;
}

.textarea-down {
    border: 1px solid #c7c2c2;
    width: 100%;
    border-radius: 10px;
    margin: 10px 0;
    padding: 3px 20px;
    background-color: #fff;
    font-size: 16px;
    padding: 10px 14px;
}


.float-images #planta {
    top: 30vw;
    left: 6vw;
    position: absolute;
}

.float-images #bolsa {
    top: 14vw;
    left: 74vw;
    position: absolute;
}

.text-post {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.text-post p {
    text-align: start;
    font-size: 17px;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 37px;
    font-family: 'Raleway-regular';
}

.text-post p span {
    color: #353535;
    font-weight: 900;
    font-size: 20px;

}

.text-post p a {
    color: #057EC7;
    font-weight: 900;
}

.text-post p a:hover {
    color: #FFC221;
    font-weight: 900;
}

.text-post i {
    color: #FFC221;
    font-size: 8px;
    position: relative;
    top: -4px;
    margin-right: 10px;

}

.text-post img {
    display: inline-block;
    border-radius: 0px 40px 0px 40px;
    border: 4px solid #FFC221;
    width: 60%;
}

.text-post .sub {
    padding: 5px;
    text-align: start;
    padding: 0px 40px;
}

.text-post h2 {
    text-align: start;
    font-size: 23px;
    color: #057EC7;
}

.card-step a {
    padding: 0px 30px;
    width: 100%;
    display: inline-block;
}

.general-step {
    border: 1px solid #b6b6b6;
    border-radius: 25px;
}

.general-step:hover {
    box-shadow: -10px 10px 10px #acaaaa;
    transform: scale(1.09);
    cursor: pointer;
    transition: .5s;
}

.card-step img {
    width: 100%;
    display: inline-block;
    border-radius: 25px 0px 0px 25px;
    height: 100%;
    padding: 10px;
}

.card-step h2 {
    font-size: 28px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    padding: 0px 20px;
    color: #ffffff;
}

.card-step ul {
    width: 100%;
    display: inline-block;
}

.card-step ul li {
    font-size: 20px;
    width: 100%;
    color: #ffffff;
    display: inline-block;
}

.card-step ul li i {
    font-size: 11px;
    color: #FFC221;
    position: relative;
    top: -2px;
    margin-bottom: 8px;
}

.card-step .text {
    background-color: #057EC7;
    border-radius: 0px 25px 25px 0px;
    width: 100%;
    height: 100%;
    padding: 0 10px;
}

.general-404 {
    text-align: center;
}

.image-block-404 {
    background-color: #FFC221;
    margin: 24px;
    border-radius: 100px 100px 100px 0;
}

.image-block-404 img {
    width: 100%;
    display: inline-block;
    padding: 15px 15px 0px 15px;
}

.image-block-404 img:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all .5s ease-in-out;
}

.image-block-404 span {
    color: #fff;
    font-weight: 900;
    padding: 4px 23px;
    text-align: start;
    font-size: 30px;
}

.modal-title {
    color: #585757;
    font-size: 25px;

}

#efect-app:hover {
    color: #171b23;
    box-shadow: -10px 10px 10px #acaaaa;
    transform: scale(1.1);
    cursor: pointer;
    transition: .5s;
    border-radius: 10px;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.float:hover {
    color: #25d366 !important;
    background-color: #fff;
    border: 1px solid #25d366
}

.my-float {
    margin-top: 16px
}


.text-block-post h1 {
    font-size: 60px;
    font-family: Lato-black;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 70px;
    margin-left: 63px;
    display: inline-block;
}

.text-block-post p {
    display: inline-block;
    font-size: 22px;
    margin-left: 63px;
    color: #ffffff;
    font-family: Raleway-regular;
}

.text-block-post span {
    width: calc(100% - 63px);
    display: inline-block;
    font-size: 14px;
    margin-left: 63px;
    color: #ffffff;
}

.text-block-post a {
    color: #FFC221;
    font-weight: 900;
}



.image-block-post img {
    width: 100%;
    display: inline-block;
    border-radius: 100px 100px 100px 0;
    height: 40vh;
    border: 8px solid #FFC221;
}

.title-center-flashy h2 {
    font-size: 70px;
    text-align: center;
    font-family: Lato-black;
    color: #ffffff;
    margin-top: 90px;
    line-height: 63px;
    padding: 1px 270px;
}

.column-post {
    padding: 0;
}

.paragraph-post {
    padding: 0 100px !important;
}


.paragraph-post p {
    font-size: 18px;
    line-height: 32px
}

.paragraph-post p a {
    color: #057ec7;
}

.paragraph-post p a:hover {
    color: #FFC221;
}

.paragraph-post h2 {
    font-family: Lato-Bold;
    font-size: 30px;
    line-height: 44px;
    color: #ffc221;
    margin-top: 25px;
}

.paragraph-post h3 {
    font-family: Lato-Bold;
    font-size: 20px;
    display: inline-block;
}

.paragraph-post img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 25px;
}

.list-benefits i {
    font-size: 8px;
    position: relative;
    top: -3px;
    color: #3f3f3f;
    margin-right: 5px;
}

.list-benefits p {
    margin-bottom: 6px;
}

.list-post {
    padding: 0 50px;
}

.list-post i {
    font-size: 8px;
    position: relative;
    top: -3px;
    color: #3f3f3f;
    margin-right: 15px;
}

.list-post p {
    margin-bottom: 6px;
}

.list-content {
    padding: 0 10px;
}

.list-content i {
    font-size: 8px;
    position: relative;
    top: -3px;
    color: #3f3f3f;
    margin-right: 5px;
}

.list-content a {
    margin-bottom: 18px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #3f3f3f;
}

.list-content a:hover {
    color: #FFC221;
}

.autor-post {
    width: 100%;
    text-align: justify;
}

.autor-post span a {
    color: #1b1b1b;
    font-weight: 900;
} 

.autor-post img {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 15px;
}

.autor-post b {
    display: contents;
}

.autor-post h3 {
    font-size: 16px;
    font-weight: 900;
}


.related-post h3 {
    margin-top: 50px;
}

.related-post h3 {
    font-size: 30px;
    color: #057EC7;
    font-family: Lato-Black;
    line-height: 25px;
    margin-bottom: 30px;
}


.related-post img {
    width: 100%;
    border-radius: 15px;
    height: 100%;
    object-fit: cover;
}

.related-post h4 {
    font-size: 25px;
    color: #FFC221;
    font-family: Lato-Black;
    line-height: 25px;
}

.related-post p {
    font-size: 14px;
    font-family: Raleway-regular;
    line-height: 20px;
    color: #1b1b1b;
}

.table-content {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125); 
    border-radius: 20px;
    padding: 25px;
    margin-top: 17px;
}

.animation-floatY {
    width: 100%;
    z-index: 100;
    -webkit-animation: bounce-downY 1.6s linear infinite;
    animation: bounce-downY 1.6s linear infinite;
}

@-webkit-keyframes bounce-downY {
    25% {
        -webkit-transform: translateY(-4px);
    }

    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(4px);
    }
}

@keyframes bounce-downY {
    25% {
        transform: translateY(-4px);
    }

    50%, 100% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(4px);
    }
}

/* End Content */