.banner_part .banner_text .btn_1,
.btn_1 {
    /*background-image: linear-gradient(131deg, #7a2dfd, #8e1db2, #8e1db2)*/
background-image: linear-gradient(131deg, #3378A2, #00366E, #022451)
}

body {
    font-family: Roboto, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px
}

.section_padding {
    padding: 140px 0
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .section_padding {
        padding: 80px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section_padding {
        padding: 70px 0
    }
}

@media (max-width:576px) {
    .section_padding {
        padding: 70px 0
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section_padding {
        padding: 70px 0
    }
}

.single_padding_top {
    padding-top: 140px!important
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .single_padding_top {
        padding-top: 70px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single_padding_top {
        padding-top: 70px!important
    }
}

@media (max-width:576px) {
    .single_padding_top {
        padding-top: 70px!important
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single_padding_top {
        padding-top: 80px!important
    }
}

.padding_top {
    padding-top: 140px
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .padding_top {
        padding-top: 80px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .padding_top {
        padding-top: 70px
    }
}

@media (max-width:576px) {
    .padding_top {
        padding-top: 70px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .padding_top {
        padding-top: 70px
    }
}

a {
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s
}

a:hover {
    color: #0086c0;
color:#17386a;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2f373d;
    font-family: Poppins, sans-serif
}

p {
    color: #666;
    font-family: Roboto, sans-serif;
    line-height: 1.929;
    font-size: 15px;
    margin-bottom: 0;
    color: #646464
}

h2 {
    font-size: 44px;
    line-height: 28px;
    color: #2f373d;
    font-weight: 600;
    line-height: 1.222
}

@media (max-width:576px) {
    h2 {
        font-size: 22px;
        line-height: 25px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    h2 {
        font-size: 24px;
        line-height: 25px
    }
}

h3 {
    font-size: 24px;
    line-height: 25px
}

@media (max-width:576px) {
    h3 {
        font-size: 20px
    }
}

h5 {
    font-size: 18px;
    line-height: 22px
}

img {
    max-width: 100%
}

.btn:focus,
.button:focus,
a:focus,
button:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    -webkit-transition: 1s;
    transition: 1s
}

.mb_110 {
    margin-bottom: 110px
}

@media (max-width:576px) {
    .mb_110 {
        margin-bottom: 220px
    }
}

.mb_130 {
    margin-bottom: 130px
}

@media (max-width:576px) {
    .mb_130 {
        margin-bottom: 70px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .mb_130 {
        margin-bottom: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mb_130 {
        margin-bottom: 70px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .mb_130 {
        margin-bottom: 70px
    }
}

@media (max-width:576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }

    .imagenkit{
        
    }
}

@media only screen and (min-width:1200px) and (max-width:1800px) {
    .container {
        max-width: 1170px
    }
    .imagenkit{
        margin-left: 7%;
    }
}

@media only screen and (min-width:1800px) and (max-width:3640px) {
    .container {
        max-width: 1770px
    }
}

@media (max-width:1200px) {
    [class*=hero-ani-] {
        display: none!important
    }
}

.custom-animation {
    backface-visibility: hidden;
    animation: jumping 9s ease-in-out 2s infinite alternate;
    animation-delay: 1s;
    transition: all .9s ease 5s;
    user-select: none
}

.custom-animation2 {
    backface-visibility: hidden;
    animation: jumping2 9s ease-in-out 2s infinite alternate;
    animation-delay: 1s;
    transition: all 1s ease 3s;
    user-select: none
}

.custom-animation3 {
    backface-visibility: hidden;
    animation: jumping3 9s ease-in-out 2s infinite alternate;
    animation-delay: 1s;
    transition: all 7s ease 2s;
    user-select: none
}

.custom-animation4 {
    backface-visibility: hidden;
    animation: jumping4 9s ease-in-out 2s infinite alternate;
    animation-delay: 1s;
    transition: all 8s ease 4s;
    user-select: none
}

.custom-animation10 {
    backface-visibility: hidden;
    animation: jumping10 9s ease-in-out 2s infinite alternate;
    animation-delay: 1s;
    transition: all 8s ease 4s;
    user-select: none
}

.custom-animation11 {
    backface-visibility: hidden;
    animation: jumping11 9s ease-in-out 2s infinite alternate;
    animation-delay: 1s;
    transition: all 8s ease 4s;
    user-select: none
}

@keyframes jumping {
    0% {
        transform: translateY(0) translateX(0) rotate(0) scale(1);
        opacity: .8
    }
    25% {
        transform: translateY(-10px) translateX(-10px) rotate(20deg) scale(.8);
        opacity: .9
    }
    50% {
        transform: translateY(-15px) translateX(-15px) rotate(10deg) scale(.9);
        opacity: .8
    }
    75% {
        transform: translateY(-20px) translateX(-20px) rotate(20deg) scale(.75);
        opacity: .6
    }
    85% {
        transform: translateY(-25px) translateX(-25px) rotate(20deg) scale(.9);
        opacity: .7
    }
    100% {
        transform: translateY(-15px) translateX(-15px) rotate(0) scale(.95);
        opacity: .85
    }
}

@keyframes jumping2 {
    0% {
        transform: translateY(0) translateX(0) rotate(0) scale(1);
        opacity: .5
    }
    25% {
        transform: translateY(-30px) translateX(10px) rotate(20deg) scale(.8);
        opacity: .8
    }
    50% {
        transform: translateY(15px) translateX(-15px) rotate(10deg) scale(.7);
        opacity: .8
    }
    75% {
        transform: translateY(30px) translateX(20px) rotate(20deg) scale(.75);
        opacity: .7
    }
    100% {
        transform: translateY(-15px) translateX(15px) rotate(0) scale(.75);
        opacity: .9
    }
}

@keyframes jumping3 {
    0% {
        transform: translateY(10px) translateX(0) rotate(0) scale(1);
        opacity: .9
    }
    20% {
        transform: translateY(20px) translateX(10px) rotate(-20deg) scale(.8);
        opacity: .8
    }
    40% {
        transform: translateY(15px) translateX(-15px) rotate(10deg) scale(.75);
        opacity: .8
    }
    40% {
        transform: translateY(-15px) translateX(-25px) rotate(10deg) scale(.5);
        opacity: 1
    }
    80% {
        transform: translateY(-30px) translateX(20px) rotate(-20deg) scale(.75);
        opacity: .6
    }
    100% {
        transform: translateY(15px) translateX(15px) rotate(0) scale(.95);
        opacity: .7
    }
}

@keyframes jumping4 {
    0% {
        transform: translateY(-30px) translateX(20px) rotate(0) scale(1.2);
        opacity: .7
    }
    25% {
        transform: translateY(-20px) translateX(10px) rotate(50deg) scale(.6);
        opacity: .8
    }
    50% {
        transform: translateY(15px) translateX(-15px) rotate(20deg) scale(.5);
        opacity: .9
    }
    75% {
        transform: translateY(30px) translateX(20px) rotate(50deg) scale(.75);
        opacity: .7
    }
    100% {
        transform: translateY(-15px) translateX(15px) rotate(0) scale(.5);
        opacity: .9
    }
}

@keyframes jumping10 {
    0% {
        transform: rotate(180deg);
        display: block
    }
    100% {
        transform: rotate(30deg);
        display: block
    }
}

@keyframes jumping11 {
    0% {
        transform: rotate(180deg) translate(-20px, 20px);
        display: block
    }
    100% {
        transform: rotate(30deg) translate(0, 0);
        display: block
    }
}

.hero-app-1 {
    position: absolute;
    left: 4%;
    top: 10%
}

@media (max-width:576px) {
    .hero-app-1 {
        display: none
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .hero-app-1 {
        padding: 8px 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-app-1 {
        padding: 10px 25px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .hero-app-1 {
        padding: 10px 25px
    }
}

.hero-app-2 {
    position: absolute;
    left: 5%;
    bottom: 35%
}

@media (max-width:576px) {
    .hero-app-2 {
        bottom: 5%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .hero-app-2 {
        bottom: 20%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-app-2 {
        padding: 10px 25px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .hero-app-2 {
        padding: 10px 25px
    }
}

.hero-app-3 {
    position: absolute;
    top: 20%;
    left: 25%
}

@media (max-width:576px) {
    .hero-app-3 {
        left: 5%
    }
}

.hero-app-4 {
    position: absolute;
    bottom: 20%;
    left: 50%
}

.hero-app-5 {
    position: absolute;
    bottom: 40%;
    left: 50%
}

.hero-app-6 {
    position: absolute;
    right: 5%;
    top: 40%
}

.hero-app-7 {
    position: absolute;
    top: 0;
    left: 54%
}
.hero-app-77 {
    position: absolute;
    top: 0;
    left: 75%
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .hero-app-7 {
        top: 5%;
        left: 73%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-app-7 {
        padding: 10px 25px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .hero-app-7 {
        padding: 10px 25px
    }
}

.hero-app-8 {
    position: absolute;
    left: 68%;
    top: 60%
}

@media (max-width:576px) {
    .hero-app-8 {
        top: 80%
    }
}

@media (max-width:768px) {
    .dottedBL:after {
        height: 200%!important
    }
    .introCont {
        padding-left: 0!important
    }
    .introBtn {
        margin-left: 0!important
    }
    .single_adapt {

        max-width: 100%!important;
    }
}

.btn_1 {
    display: inline-block;
    padding: 14px 40px;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    /*text-transform: capitalize;*/
    margin-top: 45px;
    background-size: 300% 100%
}




.btn_1:hover {
    color: #fff!important;
    background-size: 100% 100%
}

@media (max-width:576px) {
    .btn_1 {
        padding: 14px 30px;
        margin-top: 25px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .btn_1 {
        padding: 14px 30px;
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .btn_1 {
        padding: 14px 30px;
        margin-top: 30px
    }
}

.btn_2 {
    display: inline-block;
    padding: 13px 47px;
    box-shadow: 0 12px 20px 0 rgba(255, 126, 95, .15);
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50px;
    margin-top: 45px;
    background-size: 300% 100%
}

.btn_2:hover {
    color: #fff!important;
    background-size: 100% 100%
}

@media (max-width:576px) {
    .btn_2 {
        padding: 14px 30px;
        margin-top: 25px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .btn_2 {
        padding: 14px 30px;
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .btn_2 {
        padding: 14px 30px;
        margin-top: 30px
    }
}

.btn_4 {
    display: inline-block;
    padding: 13px 47px;
    box-shadow: 0 12px 20px 0 rgba(255, 126, 95, .15);
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50px;
    background-size: 300% 100%
}

.btn_4:hover {
    color: #fff;
    background-size: 100% 100%
}

@media (max-width:576px) {
    .btn_4 {
        padding: 14px 30px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .btn_4 {
        padding: 14px 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .btn_4 {
        padding: 14px 30px
    }
}


.btn_3 {
    position: relative;
    font-weight: 500;
    color: #2f373d;
    display: inline-block;
    z-index: 9;
    -webkit-transition: .6s;
    transition: .6s;
    line-height: 46px;
    padding-left: 30px;
    margin-top: 35px;
    font-family: Poppins, sans-serif
}

.btn_3:after {
    height: 48px;
    width: 61px;
    background-color: #e3f1da;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: 5px;
    z-index: -1;
    -webkit-transition: .6s;
    transition: .6s
}

.btn_3 i {
    font-size: 12px;
    margin-left: 11px
}

.button {
    display: inline-block;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 54px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #fdcb9e;
    text-transform: uppercase;
    background-color: #ff7e5f;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s
}

@media (max-width:767px) {
    .button {
        font-size: 13px;
        padding: 9px 24px
    }
}

.button:hover {
    color: #fff
}

.button-link {
    letter-spacing: 0;
    color: #3b1d82;
    border: 0;
    padding: 0
}

.button-link:hover {
    background: 0 0;
    color: #3b1d82
}

.button-header {
    color: #fff;
    border-color: #fdcb9e
}

.button-header:hover {
    background: #b8024c;
    color: #fff
}

.main_menu .navbar-brand {
    padding-top: 0;
    /*filter: invert(44%) sepia(10%) saturate(4807%) hue-rotate(246deg) brightness(90%) contrast(85%);*/
        max-width: 170px;
}

.main_menu .navbar {
    padding: 28px 0
}

.main_menu .main-menu-item {
    text-align: right!important;
    justify-content: center
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .main_menu .main-menu-item {
        padding-right: 35px
    }
}

.home_menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

@media (max-width:576px) {
    .navbar-light .navbar-toggler {
        border-color: transparent
    }
    .navbar-collapse {
        z-index: 9999!important;
        position: absolute;
        left: 0;
        top: 71px;
        width: 100%;
        background-color: #fff;
        text-align: center!important
    }
    .main_menu .main-menu-item {
        text-align: left!important
    }
    .main_menu .main-menu-item .nav-item {
        padding: 10px 15px!important
    }
    .main_menu .main-menu-item .nav-item a {
        padding: 8px 15px!important
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .navbar-light .navbar-toggler {
        border-color: transparent
    }
    .navbar-collapse {
        z-index: 9999!important;
        position: absolute;
        left: 0;
        top: 71px;
        width: 100%;
        background-color: #fff;
        text-align: center!important
    }
    .main_menu .main-menu-item {
        text-align: left!important
    }
    .main_menu .main-menu-item .nav-item {
        padding: 10px 15px!important
    }
    .main_menu .main-menu-item .nav-item a {
        padding: 8px 15px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-light .navbar-toggler {
        border-color: transparent
    }
    .navbar-collapse {
        z-index: 9999!important;
        position: absolute;
        left: 0;
        top: 71px;
        width: 100%;
        background-color: #fff;
        text-align: center!important
    }
    .main_menu .main-menu-item {
        text-align: left!important
    }
    .main_menu .main-menu-item .nav-item {
        padding: 10px 15px!important
    }
    .main_menu .main-menu-item .nav-item a {
        padding: 8px 15px!important
    }
}

.banner_part .banner_text {
    display: table;
    width: 100%;
    /*height:90vh;*/
    height: 100vh

}
.logoContainer{

display:none;
}
@media only screen and (max-width:991px) {
    .section_title h3 {
        right: 0!important;
        bottom: 0!important;
        width: 100%!important;
    }
        .section_title h2 {
        right: 0!important;
        bottom: 0!important;
        width: 100%!important;
    }
.logoContainer{

    width: 100%;
    justify-content: center;
    display: flex;
}
.logoContainer img{
    max-width: 250px;
}

}

.banner_part .banner_text .banner_text_iner {
    display: flex;
    vertical-align: top;
    padding-top: 150px;
    padding-bottom: 150px;
}

.banner_part2 .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: top;
    padding-top: 150px;
    /*padding-bottom: 367px;*/
}
.banner_part3 .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: top;
    padding-top: 150px;
    padding-bottom: 367px;
}

@media (max-width:576px) {
    .banner_part .banner_text {
        text-align: center;
        padding-top: 0
    }

    .banner_part2 .banner_text {
        text-align: center;
        padding-top: 0
    }
    .logoContainer img{
    max-width: 150px;
}

}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner_part .banner_text {
        text-align: center;
        padding-top: 0
    }

    .banner_part2 .banner_text {
        text-align: center;
        padding-top: 0
    }
    .banner_part3 .banner_text {
        text-align: center;
        padding-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner_part .banner_text {
        text-align: center;
        padding-top: 0
    }

    .banner_part2 .banner_text {
        text-align: center;
        padding-top: 0
    }
    .banner_part3 .banner_text {
        text-align: center;
        padding-top: 0
    }
}

.banner_part .banner_text h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    font-weight: 800;
    color: #666
}

.banner_part2 .banner_text h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    font-weight: 800;
    color: #666
}

.banner_part3 .banner_text h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    font-weight: 800;
    color: #666
}

.banner_part .banner_text h1 {
    font-size: 55px;
    line-height: 1;
    /*text-transform: capitalize;*/
    color: #000;
    font-family: century gothic;
    font-weight: 800;
    margin-bottom: 25px;
    color: #222;
    line-height: 1.273
}

.banner_part2 .banner_text h1 {
    font-size: 55px;
    line-height: 1;
    /*text-transform: capitalize;*/
    color: #000;
    font-family: century gothic;
    font-weight: 800;
    margin-bottom: 25px;
    color: #222;
    line-height: 1.273
}
.banner_part3 .banner_text h1 {
    font-size: 55px;
    line-height: 1;
    /*text-transform: capitalize;*/
    color: #000;
    font-family: century gothic;
    font-weight: 800;
    margin-bottom: 25px;
    color: #222;
    line-height: 1.273
}

@media (max-width:576px) {
    .banner_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 1.3
    }

    .banner_part2 .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 1.3
    }
    .banner_part3 .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 1.3
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner_part .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.3
    }

    .banner_part2 .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.3
    }
    .banner_part3 .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.3
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .banner_part .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.3
    }

    .banner_part2 .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.3
    }
    .banner_part3 .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.3
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .banner_part .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.4
    }

    .banner_part2 .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.4
    }
    .banner_part3 .banner_text h1 {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 1.4
    }
}

.banner_part .banner_text h1 span {
    color: #ff7e5f
}

.banner_part2 .banner_text h1 span {
    color: #ff7e5f
}
.banner_part3 .banner_text h1 span {
    color: #ff7e5f
}

.banner_part .banner_text p {
    font-size: 14px;
    line-height: 1.929;
    font-family: Roboto, sans-serif;
    color: #646464
}

.banner_part2 .banner_text p {
    font-size: 14px;
    line-height: 1.929;
    font-family: Roboto, sans-serif;
    color: #646464
}

.banner_part3 .banner_text p {
    font-size: 14px;
    line-height: 1.929;
    font-family: Roboto, sans-serif;
    color: #646464
}

.banner_part .banner_text .btn_1 {
    box-shadow: 0 12px 20px 0 rgba(255, 126, 95, .15);
    margin-top: 45px
}

.banner_part2 .banner_text .btn_1 {
    box-shadow: 0 12px 20px 0 rgba(255, 126, 95, .15);
    margin-top: 45px
}
.banner_part3 .banner_text .btn_1 {
    box-shadow: 0 12px 20px 0 rgba(255, 126, 95, .15);
    margin-top: 45px
}

.about_part {
    position: relative;
    z-index: 1;
    padding: 0 0 80px;
    bottom: 65px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 33% 73%
}

@media (max-width:576px) {
    .about_part {
        padding: 0 0 80px;
        background-position: top;
        background-size: 100% 43%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about_part {
        padding: 0 0 80px;
        background-position: top left;
        background-size: 90% 56%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about_part {
        padding: 0 0 80px;
        background-position: left;
        background-size: 48% 70%
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .about_part {
        padding: 0 0 80px
    }
}

@media (max-width:576px) {
    .about_part .about_text {
        margin-top: 50px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about_part .about_text {
        margin-top: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about_part .about_text {
        margin-top: 50px
    }
}

.about_part .about_text h4 {
    margin-bottom: 32px;
    color: #ff7e5f;
    font-size: 22px;
    font-style: italic;
    font-family: Poppins, sans-serif;
    font-weight: 300
}

@media (max-width:576px) {
    .about_part .about_text h4 {
        margin-bottom: 20px;
        font-size: 17px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about_part .about_text h4 {
        margin-bottom: 20px;
        font-size: 17px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about_part .about_text h4 {
        margin-bottom: 20px;
        font-size: 17px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .about_part .about_text h4 {
        margin-bottom: 20px;
        font-size: 17px
    }
}

.about_part .about_text h2 {
    line-height: 1.25;
    margin-bottom: 35px
}

@media (max-width:576px) {
    .about_part .about_text h2 {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about_part .about_text h2 {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about_part .about_text h2 {
        font-size: 25px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .about_part .about_text h2 {
        font-size: 30px;
        margin-bottom: 15px
    }
}

.about_part .about_text p {
    margin-top: 13px
}

.our_service_part {
    background-image: url(../img/service_bg_2.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 29% 86%
}

@media (max-width:576px) {
    .our_service_part {
        padding-top: 0;
        background-position: top left;
        background-size: 100% 35%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .our_service_part {
        padding-top: 0;
        background-position: top left;
        background-size: 95% 55%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .our_service_part {
        background-position: left;
        background-size: 48% 70%
    }
}

.service_part .single_service_text h2 {
    font-size: 45px;
    color: #2f373d;
    line-height: 1.222;
    margin-bottom: 20px;
    margin-top: 50px
}

@media (max-width:576px) {
    .service_part .single_service_text h2 {
        margin-top: 0;
        font-size: 30px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .service_part .single_service_text h2 {
        margin-top: 0;
        font-size: 30px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service_part .single_service_text h2 {
        font-size: 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .service_part .single_service_text h2 {
        margin-top: 0;
        font-size: 35px
    }
}

.service_part .single_service_text p {
    color: #666;
    line-height: 1.8
}

.service_part .single_service_text .btn_2 {
    margin-top: 45px
}

@media (max-width:576px) {
    .service_part .single_service_text .btn_2 {
        margin-top: 25px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .service_part .single_service_text .btn_2 {
        margin-top: 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service_part .single_service_text .btn_2 {
        margin-top: 25px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .service_part .single_service_text .btn_2 {
        margin-top: 25px
    }
}

.service_part .single_service_part {
    padding: 60px 50px;
    background-color: #fff
}

@media (max-width:576px) {
    .service_part .single_service_part {
        padding: 30px 25px;
        margin-top: 25px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .service_part .single_service_part {
        padding: 30px 25px;
        margin-top: 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service_part .single_service_part {
        padding: 30px 25px;
        margin-top: 25px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .service_part .single_service_part {
        margin-top: 25px
    }
}

.service_part .single_service_part span {
    margin-left: 30px;
    margin-bottom: 60px;
    display: inline-block;
    position: relative;
    z-index: 1
}

@media (max-width:576px) {
    .service_part .single_service_part span {
        margin-bottom: 35px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .service_part .single_service_part span {
        margin-bottom: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service_part .single_service_part span {
        margin-bottom: 35px
    }
}

.service_part .single_service_part span:after {
    position: absolute;
    content: "";
    bottom: -15px;
    left: -30px;
    border-radius: 50%;
    background-color: #f6ece5;
    width: 50px;
    height: 50px;
    z-index: -1;
    background-color: #e3f1da
}

.service_part .single_service_part span i {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 5px;
    background-image: -moz-linear-gradient(131deg, #00b09b 0, #96c93d 100%);
    background-image: -webkit-linear-gradient(131deg, #00b09b 0, #96c93d 100%);
    background-image: -ms-linear-gradient(131deg, #00b09b 0, #96c93d 100%);
    box-shadow: 0 12px 20px 0 rgba(53, 185, 122, .2)
}

.service_part .single_service_part .style_icon:after {
    background-color: #f6ece5
}

.service_part .single_service_part .style_icon i {
    background-image: -moz-linear-gradient(131deg, #ff7e5f 0, #feb47b 99%);
    background-image: -webkit-linear-gradient(131deg, #ff7e5f 0, #feb47b 99%);
    background-image: -ms-linear-gradient(131deg, #ff7e5f 0, #feb47b 99%);
    box-shadow: 0 12px 20px 0 rgba(255, 126, 95, .2)
}

.service_part .single_service_part h4 {
    font-weight: 600;
    color: #1d1d1d;
    font-size: 20px;
    margin-bottom: 23px
}

@media (max-width:576px) {
    .service_part .single_service_part h4 {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .service_part .single_service_part h4 {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service_part .single_service_part h4 {
        margin-bottom: 15px
    }
}

.service_part .single_service_part p {
    color: #7f7f7f;
    line-height: 1.8;
    font-size: 15px
}

.service_part .service_btn:after {
    background-color: #f6ece5
}

.service_part .hero-app-8 {
    position: absolute;
    right: 25%
}

@media (max-width:576px) {
    .service_part .btn_3 {
        margin-top: 20px
    }
}

.social_connect_part {
    padding-top: 130px
}

@media (max-width:576px) {
    .social_connect_part {
        padding-top: 70px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .social_connect_part {
        padding-top: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .social_connect_part {
        padding-top: 70px
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .social_connect_part {
        padding-top: 70px
    }
}

.social_connect_part .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.social_connect_part .social_connect {
    display: flex;
    justify-content: space-between;
    border-bottom: 10px solid #fff
}

.social_connect_part .single-social_connect {
    width: 16%;
    float: left
}

.social_connect_part .single-social_connect:hover .social_connect_img:after {
    opacity: .5;
    transform: scale(1)
}

.social_connect_part .single-social_connect .social_connect_img {
    position: relative;
    z-index: 1
}

.social_connect_part .single-social_connect .social_connect_img:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0;
    z-index: 1;
    transform: scale(.5);
    -webkit-transition: .5s;
    transition: .5s
}

.social_connect_part .single-social_connect .social_connect_img img {
    width: 100%;
    height: auto
}

a {
    color: #4f4f4f
}

@media (max-width:576px) {
    .footer-social {
        margin-top: 20px
    }
}

.footer-social a {
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    border: 1px solid #a853c2;
    text-align: center;
    margin-left: 10px;
    color: #a853c2
}

.footer-social a:hover {
    background-color: #cec2f1!important;
    color: #fff!important
}

.footer-social a i:hover {
    color: #fff
}

@media (max-width:576px) {
    .footer-text {
        text-align: center
    }
}



@media only screen and (min-width:576px) and (max-width:767px) {
    .footer-text {
        text-align: center;
        margin-bottom: 25px!important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-text {
        text-align: center;
        margin-bottom: 25px!important
    }
}

.footer-area,.ftco-footer {
    background-color: #f7f7f7;
    padding: 100px 0 50px
}
@media only screen and (min-width:661px) {

	.section_title h3 p {
		width: 600px!important;
	}
}
@media (max-width:991px) {
    .footer-area {
        padding: 60px 0
    }
}

@media (max-width:991px) {
    .footer-area .single-footer-widget {
        margin-bottom: 30px
    }
}

.footer-area .single-footer-widget p {
    color: #666
}

.footer-area .single-footer-widget h4 {
    color: #2f373d;
    font-style: inherit;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 20px
}

@media (max-width:1024px) {
    .footer-area .single-footer-widget h4 {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .footer-area .single-footer-widget h4 {
        margin-bottom: 15px
    }
}

.footer-area .footer-bottom {
    margin-top: 70px
}

@media (max-width:991px) {
    .footer-area .footer-bottom {
        margin-top: 20px
    }
}

.footer-area .footer-bottom .footer-social {
    text-align: center
}

@media (max-width:991px) {
    .footer-area .footer-bottom .footer-social {
        text-align: left;
        margin-top: 30px
    }
}

.footer-area .footer-bottom .footer-social a {
    background: rgba(255, 255, 255, .15);
    margin-left: 3px;
    width: 32px;
    display: inline-grid;
    text-align: center;
    height: 32px;
    align-content: center
}

.footer-area .footer-bottom .footer-social a i,
.footer-area .footer-bottom .footer-social a span {
    font-size: 14px
}

.footer-area .btn_2 {
    margin-top: 0
}

b {
   /* color: #ff7e5f*/
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2em
}

.button-area {
    background: #fff
}

.mb-30 {
    margin-bottom: 30px
}

.banner_text_iner p {
    font-weight: 0!important;
    font-size: 18px!important
}

.single_adapt {
    font-size: 60px;
    background-color: #8c52c1;
    overflow: hidden;
    position: relative;
    margin: 10px;
    padding: 17px;
    border-radius: 5px;
	min-height: 270px;
    max-width: 250px;
}

.single_adapt::before {
    border-radius: 45%;
    content: "";
    position: absolute;
    left: -14%;
    top: 41%;
    min-width: 145%;
    min-height: 117%;
    transform: rotate(0);
    background-color: #8089f7
}

.saone {
    background-color: #6adbd8;
    box-shadow: #cfe9f2 10px 6px 10px
}

.saone::before {
    border-radius: 45%;
    content: "";
    left: -14%;
    top: 36%;
    min-width: 245%;
    min-height: 174%;
    transform: rotate(0);
    background-color: #0abab5
}

.satwoo {
    background-color: #8089f7;
    box-shadow: #d2ddfc 10px 5px 10px
}

.satwoo::before {
    border-radius: 45%;
    content: "";
    left: -25%;
    top: -135%;
    min-width: 150%;
    min-height: 174%;
    transform: rotate(0);
    background-color: #717cf6
}

.sathree {
    background-color: #9864c7;
    box-shadow: #dbdbf2 10px 5px 10px
}

.sathree::before {
    content: "";
    border-radius: 45%;
    left: -25%;
    top: -135%;
    min-width: 150%;
    min-height: 174%;
    transform: rotate(0);
    background-color: #8c52c1
}

.safour {
    background-color: #3699ef;
    box-shadow: #e5f2fc 10px 5px 10px
}

.safour::before {
    border-radius: 45%;
    content: "";
    left: -130%;
    top: 36%;
    min-width: 245%;
    min-height: 174%;
    transform: rotate(0);
    background-color: #7bbcf4
}

.adapt_area {
    background: url(../img/dotturq.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x:60%;
    background-size: contain;
    padding: 200px 0 20px 0;
    position: relative;
    bottom: 200px
}
.adapt_area2 {
    background: #fafafa;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x:60%;
    background-size: contain;
   padding: 200px 0 20px 0;

    position: relative;
    bottom: 200px
}
#TransPage .adapt_area2 {
    background: #fafafa;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x:60%;
    background-size: contain;
   /* padding: 200px 0 20px 0;*/
   padding: 20px 0 20px 0;
    position: relative;
    bottom: 200px
}

.adapt_area3 {
    
    background-repeat: no-repeat;
    background-position: right;
    background-position-x:60%;
    background-size: contain;
    padding: 42px 0 20px 0;
    position: relative;
    bottom: 200px
}

.singleCont {
    position: relative;
    color: #fff
}

.singleCont h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.singleCont p {
    color: #fff;
	font-size: 20px;
    line-height: 25px;
}

.adapt_about .col-lg-3,
.adapt_about .col-lg-4 {
    margin: 0!important;
    padding: 0!important
}

.banner_part::after {
    content: "";
    position: absolute;
    width: 75%;
    top: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    /*background-image: url(../img/testwall4.png);*/
    background-repeat: no-repeat;
    background-size: 75vw 90vh
}
.banner_part{

    background-image: url(../img/wall.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}

.banner_part2::after {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    
    z-index: -1;
    background-image: url(../img/fondokit.png);
    background-repeat: no-repeat;
    background-size: 100vw 100vh
}
.banner_part3::after {
    content: "";
    position: absolute;
    width: 100%;
    top: -75px;
    right: 0;
    height: 100%;
    
    z-index: -1;
    background-image: url(../img/fondotransformacion.png);
    background-repeat: no-repeat;
    background-size: 100vw 67vh
}

.about_text h2 p {
    font-size: 42px;
    font-weight: 400;
    line-height: 39px
}

.about_text h2 p b {
    color: #555
}

.about_text p {
   /* max-width: 300px;*/
   font-size: 17px;
}

.custom {
    background: #fff;
    box-shadow: none;
    color: #a853c2;
color:#3e3d3b;
    font-weight: 700;
    border: 1px solid #3e3d3b
}

.custom2 {
   /* background: #7f1ad1;*/
background:#00346C;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
   /* border: 1px solid #d9c7e9*/
border: 1px solid #3378A2
}

a.btn_2.custom:hover {
    color: #fff;
    background: #d9c7e9
}

.section_title h3 {
    display: inline-block;
    position: relative;
    /*right: -79%;*/
    width: 600px;
   bottom: 225px;
    /*border-bottom: 4px solid #a853c2*/
border-bottom: 4px solid #00346C;
}
.section_title h2 {
    display: inline-block;
    position: relative;
    /*right: -79%;*/
    width: 600px;
   bottom: 260px;
    /*border-bottom: 4px solid #a853c2*/
border-bottom: 4px solid #00346C;
}

.section_title2 h3 {
    display: inline-block;
    position: relative;
    /*right: -79%;*/
    width: 600px;
  
    border-bottom: 4px solid #8e1aff;
border-bottom:4px solid #17386a;
}

.section_title3 h3 {
    display: inline-block;
    position: relative;
    /*right: -79%;*/
    width: 600px;
  
    
}

.section_title h3 p {
    font-size: 30px;
    line-height: 44px;
    width: 100%;
    float: left;
    padding-right: 50px;
    text-align: left;
}
p.gros {
    display: inline-block;
    padding-top: 15px;
    font-size: 43px!important;
    font-weight: bold;
}

p.gross {
    display: inline-block;
    padding-top: 15px;
    font-size: 30px!important;
    font-weight: bold;
}

p.grossss {
    display: inline-block;
    padding-top: 15px;
    font-size: 26px!important;
    font-weight: bold;
}

p.grosss {
    display: inline-block;
    font-size: 30px!important;
    font-weight: bold;
}

.phraseContainer {
    text-align: center;
        padding: 40px 0px;
}

.phraseContainer h3,
.phraseContainer p {
    width: 100%
}

section.publish_part .container {
    background: url(../img/laptop2.png);
    background-size: cover;
    padding: 60px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    background-color: #d7bffe;
    clip-path: ellipse(150% 100% at 50% 0)
}

section.publish_part .container::after {
    border-radius: 108%;
    content: "";
    position: absolute;
    left: -34%;
    top: 88%;
    min-width: 168%;
    min-height: 174%;
    background: #17386a;

}

section.publish_part {
    background: #fff
}

section.publish_part .container::before {
    content: "";
    left: 0;
    top: -330px;
    position: absolute;
    clip-path: ellipse(150% 100% at 50% 0);
    min-width: 100%;
    min-height: 380px;
    background-color: #fff
}

.phraseContainer h3 {
    color: #fff;
    font-size: 50px
}

.phraseContainer p {
    font-size: 20px;
    color: #fff
}

.partners {
    padding-bottom: 40px;
    text-align: center;
    margin-top: 66px
}

.logoC {
    width: 65px;
    margin: 0 auto;
    display: inline
}

.partner-logo-tablecell {
    width: 180px;
    display: inline-block;
    padding: 20px;
    filter: contrast(0) sepia(100%) hue-rotate(180deg) brightness(1.1) saturate(0.48);
}

.partners img {
    width: 100%;
    object-fit: contain
}

.advert {
    text-align: center;
    padding-top: 50px
}

.advert h3 {
    font-size: 40px;
    display: inline-block;
    position: relative
}

.advert p {
    font-size: 20px
}
.advert h3:before {
    content: "";
    width: 40%;
    height: 8px;
    left: 30%;
    top: -30%;
    position: absolute;
    z-index: 9;
    background: linear-gradient(to right, #7522f7, #7f1ad1, #8e1db2);
background: linear-gradient(to right,#3378A2, #00366E, #022451);

}
.dottedBR:after {
    content: "";
    background: url(../img/dottedBR.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 30px;
    right: 0;
    position: ABSOLUTE;
    background-position: bottom right
}

.dottedBR2:after {
    content: "";
    background: url(../img/dottedBR.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: -48px;
    right: 0;
    position: ABSOLUTE;
    background-position: bottom right
}
.dottedBRR:after {
    content: "";
    
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: 30px;
    right: 0;
    position: ABSOLUTE;
    background-position: bottom right
}

.dottedBL:after {
    content: "";
    background: url(../img/dottedBL.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: bottom left;
	z-index:-99;	
}

.dottedBLL:after {
    content: "";
    
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: bottom left;
	z-index:-99;	
}

.dottedTR:after {
    content: "";
    background: url(../img/dottedTR.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: top right;
    min-height: 250px
}

.dottedTL:after {
    content: "";
    background: url(../img/dottedTL.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0;
    position: absolute;
    background-position: top left;
    min-height: 250px
}

.introCont {
    /*padding-left: 200px*/
      padding-left: 0px;
}

.introBtn {
    /*margin-left: 200px*/
    margin-left: 0px;
}

.imagecontainer {
    margin: 0 auto;
    text-align: center;
    padding: 40px
}

section.world_part {
    background:#FFF;
    /*background: rgba(159, 93, 253, .3);*/
    clip-path: ellipse(190% 100% at 50% 0);
    padding: 50px 0 50px
}

section.world_part h2 {
    font-size: 54px;
    padding-bottom: 25px;
    color: #646464;
    text-align: left;
    line-height: 21px
}

h2.light {
    /*color: #fff!important*/
        color:#7337F0!important;
}

h2.turq {
    color: #00c19e!important
}

/*CAROUSEL*/
.partner-carousel {
    padding: 27px 0;
    border-top: 1px solid #e5e5e5;
}
.partner-carousel .partner-logo {
    min-height: 80px;
    display: table;
}
.partner-carousel .partner-logo .partner-logo-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.partner-carousel.owl-carousel .owl-item img {
    width: 100%;
}
.partner-carousel .partner-logo img {

}

.partner-carousel .partner-logo:hover img,.partner-logo-tablecell:hover  {
  opacity: 1;

    -webkit-filter:contrast(1) sepia(0) hue-rotate(0) brightness(1) saturate(1);
    filter: contrast(1) sepia(0) hue-rotate(0) brightness(1) saturate(1);
}
.ftco-footer-social li a {
    height: 50px;
    width: 50px;
    display: block;
    float: left;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    position: relative;
}
.ftco-footer-social li a span {
    position: absolute;
    font-size: 26px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ftco-footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block;
}
.goTo a,.goTo span {
    color: #4F4F4F;
}
.row.purp a{
    font-weight: bold;
}
.row.purp{
    padding-top: 15px;
}
.noBold{
    font-weight: 200!important;
}


#HomePage .home{
    position: absolute;
}
#HomePage .home *{ 
    background:transparent!important;
    color: #CCC!important;
}

#HomePage #home a:hover{
color: white!important;
font-weight: bold;

}
.banner_part .btn_11{

        background-image: none;
    border: 1px solid #ccc;
    color: #CCC;
        display: inline-block;
    padding: 14px 40px;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 45px;
        width: auto;
        float: left;
        clear: both;

}
.banner_part{
    margin-bottom: 50px;
}
.banner_part .btn_11:hover{

        background-image: none;
    border: 1px solid white;
    color: white;
}
.introCont{

    float:left;
}
.introCont *{

    color:white!important;
}
.containerBan {
    display: flex;
    flex-direction: column;
    padding:10px;
    min-height: 150px;
    width: 50%;
}
.containerBan:hover * {
    color:white!important;
}
.containerBan:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.containerIcons.sat{
     background-image: url(/assets/img/USER1.png);
}
.containerIcons.trans{
     background-image:  url(/assets/img/USER2.png);
}
.containerIcons.hard{
     background-image: url(/assets/img/USER3.png);
}
.containerIcons.web{
     background-image: url(/assets/img/USER4.png);
}
.containerIcons {
    position: relative;
   
    flex: 1 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.textIcons {
    text-align: center;
    color: #EEE;
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
}
.backdrop {
    backdrop-filter: blur(50px);
    border-radius: 10px;
    padding: 20px;
    position: relative;
    float: left;
}

.col-lg-0{padding: 0;}
.ftco-header-social{
flex: auto;
    padding-left: 20px;
    margin-bottom: 0;
}
.ftco-header-social a{
       height: 30px;
    width: 30px;
    display: block;
    float: left;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    position: relative;
}
.ftco-header-social a span{
position: absolute;
    font-size: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.logoImg#logoImg {
    background-image: url(/assets/img/logotipo-bitconquer.png)!important;
    max-width: 250px;
    height: 55px;
    max-height: 300px;
    width: 214px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    display: block;
}
#HomePage .logoImg#logoImg ,.blanco #logoImg {
    background-image: url(/assets/img/logotipo-blanco-bitconquer.png)!important;
}
.header.scrolled#header {
    position: fixed;
    top: -91px;
    left: 0;
    background: white!important;
}
.header.scrolled#header #logoImg {
  background-image: url(/assets/img/logotipo-bitconquer.png)!important;
}
header#header.scrolled * {
    color: #2f373d!important;
}

img.imghei {
    max-width: 1100px;
    width: 100%;
    height: auto;
    padding: 20px;
}

.blanco i.fa.fa-bars,.blanco .currLang,.blanco .ftco-header-social * {
    color: white;
}

.cookiesContainer.wrapper {
    padding: 30px;
    
}
h2 .gros{
    font-size:30px!important;
    font-weight: 800;
}
#TransPage .banner_part3::after{
    background: none;
}

@media only screen and (min-width:990px) {
 #TransPage i.fa.fa-bars,#TransPage .blanco .currLang,#TransPage .ftco-header-social *,#TransPage .main_nav *,#TransPage #home *,#TransPage .banner_text *{

    color:#3e3d3b!important;
}

}
#KitPage .banner_text * {
    color: #3e3d3b!important;
}
#KitPage header#header *{
   color: #3e3d3b!important;

}


#KitPage .banner_part2{
    min-height: calc(100vh - 5vh);
}
#KitPage .banner_part2::after {
      background-image: none;
}

.irisc:after {
    content: "";
    width: 100%;
    height: 4px;
    left: 0;
    top: 5px;
    display: block;
    position: relative;
    z-index: 9;
    background: linear-gradient(to right,#3378A2, #00366E, #022451);
}