html,
body {
    overflow-x: hidden;
}

.csstransforms .csstransforms3d .csstransitions {
    transition: all 1.5s ease-in-out 0s;
}

#main-slider .carousel .item {
    height: 110vh;
}

.navbar-default .navbar-nav>li>a {
    color: #0d0e11;
    padding-right: 15px;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 1px;
    border-radius: 1px;
}

.navbar-toggle:active {
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:focus {
    color: #2dabff !important;
    transition: 0s;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #00ebff !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-default {
    border-color: transparent;
}

.navbar-nav>li>a {
    padding: 0px;
}

#log-in-icone {
    width: 20px;
    float: right;
}

#log-in-icone:active {
    filter: brightness(60%);
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
}

/* #appleStore,
#googleStore,
#webVersion {
    padding-right: 7px;
    margin-top: 121px;
    width: 163px;
} */

.navbar-collapse {
    padding-left: 0px;
    /* height: 104vh ! important;
    transition: height 1s ease; */
}

.collapsing {
    -webkit-transition: height 1s ease;
    transition: height 1s;
}

/* .navbarCollapse {
    width: 100%;
    border-color: #00ebff;
} */

.navbar-toggle {
    float: left;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-toggle {
    margin-top: -5px;
}

.navbar-nav>li>a {
    padding: 10px;
}

#stores {
    width: 600px;
    text-align: -webkit-right;
    float: right;
    margin-right: 55px;
}


/* #textoFuncionalidades {
    color: #00ebff;
    margin-left: -1%;
    font-weight: 400;
    font-style: italic;
    margin-top: 98px;
    margin-bottom: 16px;
    font-size: 40px;
} */

/* .lead {
    margin-bottom: 23px;
    padding-left: 12px;
    padding-right: 12px;
} */
/* 
.leadService {
    color: black;
    font-size: 18px;
    line-height: 24px;
    font-weight: 100;
    width: 52%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
} */

/* #writing02Div06 {
    color: #dfdfdf;
} */

/* #testeFuncionlidades {
    color: #00ceff;
    margin-left: -1%;
    font-weight: 400;
    font-style: italic;
    margin-top: 70px;
    font-size: 30px;
} */

/* #aOnebird {
    color: #00ebff;
    font-weight: 400;
    font-style: italic;
} */

#contactTitle01 {
    padding-top: 110px;
    padding-bottom: 25px;
    /* color: rgb(0, 225, 255); */
    font-size: 36px;
    color: #000;
    font-weight: 100;
    /* text-transform: capitalize; */
}

/* #logoOnecondo {
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
    -moz-filter: brightness(120%);
    -o-filter: brightness(120%);
    -ms-filter: brightness(120%);
    transition: all 500ms;
} */

/* #logoOnecondo:hover {
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    transition: all 500ms;
} */

/* #contactSubmitButton:hover {
    background-color: #00ebff;
    transition: all 500ms;
} */

.request h4 a:hover {
    background-color: #ff7787 ! important;
    box-shadow: none;
}

.request h4 a:active {
    background-color: #ff7787 ! important;
    box-shadow: none;
}

#smartphoneLayer {
    max-width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-width: 250px;
}

#appleStore2,
#googleStore2 {
    max-width: 20%;
    padding: 0px 17px;
    padding-bottom: 50px;
}

#writingSmarthphoneLayer {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: -88px;
    padding: 30px 205px;
    font-weight: 100;
}

#gostouApp {
    font-style: italic;
    color: rgb(0, 241, 255);
}

#logoOnecondo3 {
    width: 80%;
    max-width: 240px;
    filter: brightness(1000%);
}

#logoRodape,
#testeRodape {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


#footerFacebookConfig {
    float: right;
    width: 20%;
}

#facebookIcon,
#linkedinIcon {
    font-size: 34px;
    padding: 0px 8px;
    color: #b3b3b3;
}

#facebookIcon:hover,
#linkedinIcon:hover {
    color: #00e8fa;
}

#listRodape {
    width: 200px;
}

#testingButton03 {
    padding: 1px 0px;
    background: #FF4B61;
    color: #fff;
    border-radius: 20px;
    border: none;
    margin-top: 10px;
    margin-bottom: 65px;
    width: 203px;
    height: 42px;
    font-size: 12px;
    line-height: 39px;
    font-weight: 100;
    box-shadow: 1px 5px 20px rgba(15, 15, 15, 0.43);
}

#testingButton03:hover {
    background-color: #ff7787 ! important;
}

#parceiros {
    height: 590px;
}

#anunciar {
    padding: 22px 90px;
    background: #FF4B61;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
    margin-bottom: 65px;
    font-size: 17px;
    font-weight: 100;
}

#anunciar:hover,
#adsButton:hover {
    background-color: #ff7787 ! important;
}

#contatoRodape {
    font-size: 22px;
    color: #00c2ff;
}

#contatoRodape:hover {
    color: rgb(0, 241, 255);
}

#copyright {
    text-align: center;
    font-size: 10px;
    margin-top: 30px;
}

#logofinalImage {
    width: 33%;
    margin-left: 41%;
    margin-top: 7%;
}

#singInLogo {
    display: none;
}

#listRodape {
    font-weight: 100;
}

#liContatoRodape {
    margin-bottom: 20px;
    color: rgb(0, 241, 255);
}

.socialIcones {
    text-align: center;
    margin-top: 15px;
}

.widget {
    text-align: center;
}

#testingServices03 {
    background: #FF4B61;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    border-radius: 30px;
    padding: 20px 37px;
    font-weight: 100;
    box-shadow: 1px 5px 20px rgba(91, 82, 92, 0.43);
}


#testingServices03:hover {
    background-color: #ff7787 ! important;
}

#lastNumber {
    margin-bottom: 8px;
}

#div2 {
    font-style: italic;
}

/* #aOnebird {
    margin-bottom: 35px;
} */

.headerServices {
    /*background-color: #35424d;*/
    background-color: none;
}

.headerContactUs {
    background-color: #35424d;
}

.btn-slide .animation .animated-item-3>span {
    font-size: 12px;
    margin-top: .5em;
    display: block;
    text-align: center;
    text-transform: none;
    font-weight: 300;
}

.servicesOnecondo {
    padding: 50px 0;
}

.partnersOnecondo {
    padding: 20px;
}

.btn-slide.animation.animated-item-3 span {
    display: block;
    padding-bottom: 11px;
    text-align: center;
    text-transform: none;
    font-weight: 300;
}

#main-slider .carousel .btn-slide {
    padding: 8px 20px;
    background-color: rgb(255, 55, 101);
    border-color: rgb(255, 55, 101);
    color: white;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    width: 275px;
    height: 59px;
    text-align: center;
    line-height: 41px;
    font-weight: 600;
    box-shadow: 1px 5px 20px rgba(15, 15, 15, 0.43);
    transition: 1s;
}

#main-slider .carousel .btn-slide:hover {
    background-color: rgb(255, 125, 157);
    border-color: rgb(255, 125, 157);
    transition: 0.5s;
}

.lead span {
    display: block;
    padding-bottom: 14px;
    text-align: center;
    text-transform: none;
    font-weight: 300;
}

#infoUsers {
    margin-top: -13px;
    font-size: .9em;
}

#acesseConta {
    margin-top: -35px;
    font-size: .9em;
}

.login {
    padding-bottom: 20px;
    background: white;
}

.icones h2 {
    margin: 0;
    font-size: 18px;
    color: rgba(0, 213, 230, 1);
    font-style: italic;
    padding-top: 8.4px;
}

.emergencia h2 {
    color: #FF4B61;
}

.icones p,
.icones h2 {
    padding-left: 75px;
    text-align: left;
}

.icones p {
    margin-bottom: 0;
    font-size: 15px;
    color: #111111;
    font-weight: 300;
}

.icones {
    padding-left: 0px;
    padding-top: 15px;
    margin-left: -2px;
    margin-top: 48px;
}

#login {
    max-height: 530px;
    float: right;
    margin-top: 20px;
}

.celular {
    padding-right: 0px;
    z-index: 2;
}

.featureTop {
    background-image: url(../images/featureTop.png);
    height: 228px;
}

#fh5co-features-2 .fh5co-image img {
    max-width: 86%;
}

.js .to-animate,
.js .animate-object,
.js .animate-box,
.js .animate-single {
    opacity: 0;
}

.fh5co-section-heading .fh5co-lead {
    font-size: 45px;
    line-height: 60px;
}

.fh5co-section-heading .fh5co-sub {
    font-size: 18px;
    line-height: 30px;
}

#fh5co-features-2 .fh5co-icon {
    font-size: 40px;
    display: block;
    margin-bottom: 20px;
    color: red;
}

#fh5co-features-2 {
    margin-top: 60px;
}

.fh5co-uppercase-sm {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.featureIcon .glyphicons {
    font-size: 30px;
    color: #03dcf4;
    transition: 0.3s;
}

.featureIcon .glyphicons:hover {
    color: #4a757a;
    text-shadow: rgba(0, 0, 0, 0.118) 2px 3px 3px;
}

.featureIcon p {
    margin-bottom: 20px;
}

.fh5co-text {
    padding: 15px;
}

#ads {
    font-weight: 100;
    font-size: 35px;
    color: black;
}

.adsOnecondo {
    padding-left: 150px;
}

#adsDescription1 {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    padding: 14px 28px;
    color: black;
    text-align: center;
    height: 82px;
    width: 260px;
}

.information {
    padding-left: 0px;
    text-align: center;
}

.information .glyphicons {
    float: left;
    vertical-align: text-top;
    margin-top: 10px;
    font-size: 35px;
}

#anuncieAqui {
    background-color: #00ebff;
    text-align: center;
}

#titleDiv07 {
    color: black;
    font-weight: 400;
}

#writingDiv07 {
    color: #161515
}

#shiva {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    float: left;
    margin: 5px;
}

.count {
    color: black;
    font-size: 25px;
}

#talkbubble {
    width: 120px;
    height: 80px;
    background: red;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin: 20px;
}

#talkbubble:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 26px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 26px solid red;
    border-bottom: 13px solid transparent;
}

.linker {
    font-size: 20px;
    font-color: black;
}

#adsButton {
    padding: 10px 20px;
    background: #FF4B61;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
    width: 23%;
    height: 57px;
    font-size: 16px;
    line-height: 39px;
    font-weight: 100;
    text-align: center;
}

#anuncios {
    padding-top: 30px;
    padding-bottom: 20px;
}

#writing02DivAds {
    text-align: center;
    margin-bottom: 55px;
}

.leadSuccess {
    color: black;
    font-size: 18px;
}

.headerSuccess {
    background-color: #35424d;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    text-align: center;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0 auto;
    text-align: center;
    display: flex;
}

.home_banner_area .banner_inner .banner_content .primary_btn {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    margin-right: 30px;
}

.video-play-button {
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    height: 37px;
    border-radius: 50%;
    padding: 46px 8px 18px 28px;
    margin-top: 20px;
}

.video-play-button:before,
.video-play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 55px;
    height: 55px;
    /* background: -webkit-linear-gradient(90deg, #e93d88 0%, #e5935a 100%); */
    background: -moz-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: -o-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    /* background: linear-gradient(90deg, #e93d88 0%, #e5935a 100%); */
    border-radius: 50%;
    /* height: 22px; */
    /* width: 22px; */
    display: inline-block;
    fill: rgb(255, 255, 255);
    /* position: relative; */
    text-align: center;
    margin-right: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 100%;
}

/* .video-play-button span {
    display: block;
    z-index: 3;
    width: 28px;
    height: 0px;
    border-left: 8px solid #ffffff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin-right: auto;
    margin-left: 2px;
} */

a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

/* .watch_video {
    color: white;
    margin: 0 30px;
    font-size: 12px;
    margin-top: -20px;
} */

/* .video-play-button:before {
    z-index: 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation: pulse-border 2000ms ease-out infinite;
    -o-animation: pulse-border 2000ms ease-out infinite;
    animation: pulse-border 2000ms ease-out infinite;
}

.video-play-button:after {
    z-index: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
} */
/* 
#watchVideo {
    text-align: center;
    margin: auto;
    display: block !important;
} */

.navbarContainter {
    width: 90%;
}

.main_title {
    text-align: center;
    margin-bottom: 75px;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: flex;
}

.main_title .top_title {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    background-image: -webkit-linear-gradient(left, #ff2f8b, #9035f9);
    background-image: -moz-linear-gradient(left, #ff2f8b, #9035f9);
    background-image: -ms-linear-gradient(left, #ff2f8b, #9035f9);
    background-image: -o-linear-gradient(left, #ff2f8b, #9035f9);
    background-image: linear-gradient(to right, #ff2f8b, #9035f9);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.main_title p {
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    margin-bottom: 0px;
    margin: auto;
    font-weight: 100;
}

.main_title h2 {
    font-size: 34px;
    color: #000;
    font-weight: 600;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    text-align: -webkit-center;
}

.features_area .main_title .primary_btn {
    margin-top: 30px !important;
}

/* .primary_btn {
    display: inline-block;
    color: #22195e;
    letter-spacing: 1px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border: double 2px transparent;
    border-radius: 24px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-origin: border-box;
    background-clip: content-box, border-box;
} */

.primary_btn span {
    padding: 0 35px;
}

.single_feature {
    padding: 30px 0;
    border-bottom: 1px solid #eeeeee;
    text-align: left;
}

.single_feature .feature_head {
    position: relative;
    margin-bottom: 15px;
}

.single_feature .feature_head span.lnr {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 30px;
    background-image: linear-gradient(to right, #4facfe 0%, #00ebff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recent_update_inner .nav.nav-tabs li a span.lnr {
    font-size: 30px;
    font-weight: 600;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.gradient-color,
.contact_info .info_item i,
.recent_update_inner .nav.nav-tabs li a span.lnr {
    background: -webkit-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: -moz-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: -o-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact_info .info_item i{
    background-image: linear-gradient(-225deg, #ffffff 0%, #ffffff 100%);
    animation: Gradient 50s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#footerLogo {
    color: white;
}

.vantagensDiv {
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.single_feature .feature_head h4 {
    font-size: 20px;
    color: #222222;
    display: inline-block;
    padding-left: 60px;
}

.recent_update_area {
    /* background-image: url(../img/tab-bg2.png);
    background-size: cover;
    padding: 290px 0; */
    background-color: #f8faff;
}

.recent_update_inner .nav.nav-tabs {
    border: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    /* margin-left: -15px;
    margin-right: -15px; */
    /* border-bottom: 1px solid #26cdff; */
}

.recent_update_inner .nav.nav-tabs li {
    flex: 0 0 25%;
    max-width: 195px;
    padding: 0px 15px;
}

.recent_update_inner .nav.nav-tabs li a {
    border: none;
    padding: 25px 0px;
    background: #fff;
    text-align: center;
    line-height: 60px;
    /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
    border-radius: 10px;
    /* box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.02); */
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 190, 0.02);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
}

.recent_update_inner .nav.nav-tabs li a span.lnr {
    font-size: 30px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.recent_update_inner .nav.nav-tabs li h6 {
    letter-spacing: 1px;
    margin-top: -10px;
    margin-bottom: 0;
}

.section_gap {
    padding: 120px 0;
}

.padding-20vh {
    padding: 20vh 0;
}

.offset-lg-1 {
    margin-left: 8.333333%;
}

.features_content .border-line {
    position: absolute;
    left: 50%;
    height: 100%;
    border: 1px dashed #dbdade;
}
.center_div {
    margin: 0 auto;
    width: 70%;
}
.features_content .shape1 {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -8px;
}

.features_content .shape2 {
    position: absolute;
    left: 48%;
    top: 47%;
    margin-left: -15px;
}

.features_content .shape3 {
    position: absolute;
    left: 50%;
    top: 62%;
    margin-left: -9px;
}

.bottom-features {
    margin-top: 120px;
}

.features_content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}

.img2 {
    margin-left: -60px;
}

.recent_update_inner .nav.nav-tabs li a.active span.lnr,
.recent_update_inner .nav.nav-tabs li a:hover span.lnr {
    background: -webkit-linear-gradient(90deg, #fff, #fff);
    background: -moz-linear-gradient(90deg, #fff, #fff);
    background: -o-linear-gradient(90deg, #fff, #fff);
    background: linear-gradient(90deg, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recent_update_inner .nav.nav-tabs li a.active,
.recent_update_inner .nav.nav-tabs li a:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    color: white !important;
}

.recent_update_inner .tab-content .tab-pane {
    border: none;
    padding-top: 20px;
}

.recent_update_text .col-lg-5 {
    vertical-align: middle;
    align-self: center;
    text-align: left;
}

.common_style .line {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.big_features .common_style p {
    padding-right: 20px;
}

.common_style p {
    margin: 0;
}

.common_style h3 {
    font-size: 36px;
    color: #222222;
    margin-bottom: 20px;
}

.common_style .line:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 50px;
    content: "";
}

.gradient-bg,
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link,
.blog_right_sidebar .widget_title,
.blog_right_sidebar .newsletter_widget .bbtns,
.blog_right_sidebar .tag_cloud_widget ul li a:hover,
.blog-pagination .page-item.active .page-link,
.blog-pagination .page-link:hover,
.comments-area .btn-reply:hover,
.recent_update_inner .nav.nav-tabs li a.active,
.recent_update_inner .nav.nav-tabs li a:hover,
.common_style .line:after,
.price_item:hover .price_head,
.price_item:hover .price_footer,
.testimonial_area .active_testimonial .owl-dots,
.news_widget .input-group .sub-btn {
    background: -webkit-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: -moz-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: -o-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
}

.clipart {
    box-sizing: border-box;
    width: 88%;
    max-width: 450px;
}

.common_style h3 {
    font-size: 30px;
    color: #222222;
    margin-bottom: 20px;
    line-height: 1.2;
}

.common_style .primary_btn {
    margin-top: 35px;
}

/* .topLogo {
    margin-bottom: 5px;
    max-width: 30px;
} */

#imageRight {
    width: 75%;
}

/* Icon 1 */

#nav-icon1 {
    width: 20px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    /* margin-top: -8px; */
    float: right;
}

#nav-icon1 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #1f1f1f;
    background: -webkit-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: -moz-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: -o-linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    background: linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 13px;
}

#nav-icon1 span:nth-child(2) {
    top: 18px;
}

#nav-icon1 span:nth-child(3) {
    top: 23px;
}

#nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#logoOnecondoMobile {
    position: absolute;
    width: 120px;
}

.navbar-default .navbar-nav>li>a:after {
    color: #00ddff;
    border-bottom: 2px solid #cd99d4;
}

.vantangensClass {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

h6 a {
    color: white;
}

/* Contact Form */

.contact_info .info_item {
    position: relative;
    padding-left: 45px;
}

.contact_info .info_item i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}

.contact_info .info_item h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 25px;
}

.contact_info .info_item p {
    font-size: 14px;
    line-height: 24px;
    padding: 2px 0px;
}

.contact-form-area h2, .contact-information h2 {
    font-size: 36px;
    margin-bottom: 50px;
    font-weight: 300;
}

.contact-form-area .form-control {
    font-size: 12px;
    color: #838383;
    background-color: #f1f6f9;
    border: none;
    border-radius: 0;
    height: 50px;
    margin-bottom: 10px;
}

.contact-form-area .form-control {
    font-size: 12px;
    color: #838383;
    background-color: #f1f6f9;
    border: none;
    border-radius: 0;
    height: 50px;
    margin-bottom: 10px;
}

.padding-form {
    padding-right: 15px;
    padding-left: 15px;
}

.contact-form-area button {
    width: 140px;
    border-radius: 10px;
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    height: 50px;
    margin-left: 15px;
    margin-top: 40px;
    background-color: #ff4c8b;
    /* background: rgb(255, 55, 101); */
    /* box-shadow: 1px 5px 20px rgba(20, 20, 20, 0.43); */
    color: #fff;
    transition: 0.5s;
}

.contact-form-area button:hover {
    box-shadow: none;
}

.contact-form-area textarea.form-control {
    height: 140px;
}

textarea#message {
    resize: none;
    padding: 10px;
}

.say-shape1 {
    left: -134px;
    bottom: -215px;
}

.say-shape1 {
    position: absolute;
    left: -99px;
    bottom: -140px;
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.contact-image {
    box-sizing: border-box;
    width: 100%;
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

#free-test {
    width: 100wh;
	height: auto;
	color: #fff;
    /* background: linear-gradient(-45deg, rgb(255, 83, 93), rgb(255, 81, 133), rgb(0, 215, 255), rgb(0, 235, 255)); */
    background: linear-gradient(-45deg, rgb(255, 83, 93), rgb(255, 81, 133), rgb(78, 172, 254), rgb(0, 245, 255));
	background-size: 400% 400%;
	-webkit-animation: Gradient 30s ease infinite;
	-moz-animation: Gradient 30s ease infinite;
    animation: Gradient 30s ease infinite;
    padding: 70px 0px;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/* Preloader */

.preloader {
    background-color: #f7f7f7;
    /* background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; 
 background-blend-mode: multiply,multiply;
 background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);
 background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%); */
 /* background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
 background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);    width: 100%; */
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto;
}

.preloader .preloader-circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-top-color: #ff3365;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15);
    box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15);
    background-color: #ffffff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    -webkit-animation: 1500ms linear 0s normal none infinite running selene-preloader;
    animation: 1500ms linear 0s normal none infinite running selene-preloader;
    background: transparent none repeat scroll 0 0;
}

.preloader .preloader-img {
    position: absolute;
    top: 50%;
    z-index: 200;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 6px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.preloader .preloader-img img {
    max-width: 55px;
}

.preloader .preloader-circle2 {
    border-top-color: #0078ff;
}

@-webkit-keyframes selene-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }
  
  @keyframes selene-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }

/* Nav Bar */
.header_area .navbar {
    background: transparent;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
}

.header_area .navbar-brand {
    margin-right: 30px;
}

.header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
    color: #8252fa;
    margin-top: -1px;
    transition: ease-in;
}

.header_area .navbar .nav .nav-item:last-child {
    margin-right: 0px;
}

/* .header_area .navbar-right .primary_btn {
    min-width: 145px;
    background-image: linear-gradient(to right, #8252fa 0%, #eca2f1 100%), radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -webkit-linear-gradient(to right, #8252fa 0%, #eca2f1 100%), -webkit-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -moz-linear-gradient(to right, #8252fa 0%, #eca2f1 100%), -moz-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -ms-linear-gradient(to right, #8252fa 0%, #eca2f1 100%), -ms-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -o-linear-gradient(to right, #8252fa 0%, #eca2f1 100%), -o-radial-gradient(circle at top left, #8252fa, #eca2f1);
    color: #fff;
} */

.header_area .navbar .nav .nav-item {
    margin-right: 45px;
}

.header_area .navbar .nav .nav-item .nav-link {
    font: 500 12px/100px "Roboto", sans-serif;
    text-transform: uppercase;
    color: #000000;
    padding: 0px;
    display: inline-block;
}

.header_area .menu_nav {
    width: 100%;
}

.navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

#access-system {
    /* display: inline-block;
    color: #22195e;
    letter-spacing: 1px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border: double 2px transparent;
    border-radius: 5px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #8252fa, #eca2f1);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 1px; */
    /* font-family: "Roboto", sans-serif; */
    border-radius: 38px;
    min-width: 145px;
    background-image: linear-gradient(to right, #4eacfe 0%, #00ebff 100%), radial-gradient(circle at top left, #4eacfe, #00ebff);
    background-image: -webkit-linear-gradient(to right, #4eacfe 0%, #00ebff 100%), radial-gradient(circle at top left, #4eacfe, #00ebff);
    background-image: -moz-linear-gradient(to right, #4eacfe 0%, #00ebff 100%), radial-gradient(circle at top left, #4eacfe, #00ebff);
    background-image: -ms-linear-gradient(to right, #4eacfe 0%, #00ebff 100%), radial-gradient(circle at top left, #4eacfe, #00ebff);
    background-image: -o-linear-gradient(to right, #4eacfe 0%, #00ebff 100%), radial-gradient(circle at top left, #4eacfe, #00ebff);
    color: #fff;
    padding: 7px 15px;
    /* padding-right: 10px !important; */
}

#access-system:hover,
#access-system:active {
    /* background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%), radial-gradient(circle at top left, #ffffff, #ffffff);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #8252fa, #eca2f1); */
    box-shadow: 0px 10px 30px rgba(70, 82, 250, 0.2);
    /* background-image: linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), radial-gradient(circle at top left, #4eacfe, #00f1fd); */
    color: black !important;
}

/* First banner */
.first-banner {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home_banner_area {
    z-index: 1;
    /* background-color: #fafafa; */
    background-color: #f8faff;
    background-size: cover;
    height: auto;
    padding: 90px 0;
}

.home_banner_area .banner_inner {
    width: 100%;
}

.home_banner_area .banner_inner .col-lg-6 {
    vertical-align: middle;
    align-self: center;
}

.home_banner_area .banner_inner .banner_content {
    text-align: left;
    color: #0d0e11;
    margin-top: 10%;
}

.home_banner_area .banner_inner .banner_content h1 {
    margin-top: 0px;
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 20px;
}

.home_banner_area .banner_inner .banner_content p {
    color: #0d0e11;
    font-size: 14px;
    margin-bottom: 20px;
}

.primary_btn {
    display: inline-block;
    color: #22195e;
    letter-spacing: 1px;
    /* font-family: "Roboto", sans-serif; */
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    /* text-transform: uppercase; */
    border: double 2px transparent;
    border-radius: 5px;
    /* background-image: linear-gradient(white, white), radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #4eacfe, #00f1fd); */
    background-origin: border-box;
    background-clip: content-box, border-box;
}

/* .primary_btn:hover {
    background-image: linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -webkit-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -webkit-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -moz-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -moz-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -ms-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -ms-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -o-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -o-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    color: #fff;
    box-shadow: 0px 10px 30px rgba(130, 82, 250, 0.2);
    border: 2px solid transparent;
} */

.header_area .navbar-right .primary_btn {
    min-width: 145px;
    background-image: linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -webkit-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -webkit-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -moz-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -moz-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -ms-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -ms-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -o-linear-gradient(to right, #4eacfe 0%, #00f1fd 100%), -o-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    color: #fff;
}

.header_area .navbar-right .primary_btn:hover {
    background: transparent;
    color: #222222;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #4eacfe, #00f1fd);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.home_banner_area .banner_inner .banner_content .primary_btn {
    border-color: #22195e;
    background: rgba(255, 255, 255, 0.1);
    color: #22195e;
    margin-right: 30px;
    margin-top: 24px;
    padding: 0 0;
}

.home_banner_area .banner_inner .home_right_img {
    padding-top: 100px;
    /* padding-bottom: 142px; */
    text-align: center;
    text-align: -webkit-center;
}

.video-play-button {
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 46px 8px 18px 28px;
}

.video-play-button:after {
    z-index: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.video-play-button:before {
    z-index: 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation: pulse-border 2000ms ease-out infinite;
    -o-animation: pulse-border 2000ms ease-out infinite;
    animation: pulse-border 2000ms ease-out infinite;
}
.video-play-button:before, .video-play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 60px;
    height: 60px;
    background: -webkit-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: -moz-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: -o-linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    background: linear-gradient(90deg, #e93d88 0%, #e5935a 100%);
    border-radius: 50%;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 16px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* Start Video Play css
============================================================================================ */
.video-play-button {
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 46px 8px 18px 28px;
}

.video-play-button:before,
.video-play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 60px;
    height: 60px;
    background: -webkit-linear-gradient(90deg, #ff4c8b 0%, #ff935a 100%);
    background: -moz-linear-gradient(90deg, #ff4c8b 0%, #ff935a 100%);
    background: -o-linear-gradient(90deg, #ff4c8b 0%, #ff935a 100%);
    background: linear-gradient(90deg, #ff4c8b 0%, #ff935a 100%);
    border-radius: 50%;
}

.video-play-button:before {
    z-index: 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation: pulse-border 2000ms ease-out infinite;
    -o-animation: pulse-border 2000ms ease-out infinite;
    animation: pulse-border 2000ms ease-out infinite;
}

.video-play-button:after {
    z-index: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 14px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.video-play-button:hover:after {
    background-color: #5e20f9;
}

@-webkit-keyframes pulse-border {
    0% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
      transform: translate(-50%, -50%) translateZ(0) scale(1);
      opacity: .7; }
    100% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      opacity: 0.1; } }
  @-moz-keyframes pulse-border {
    0% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
      transform: translate(-50%, -50%) translateZ(0) scale(1);
      opacity: .7; }
    100% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      opacity: 0.1; } }
  @-o-keyframes pulse-border {
    0% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
      transform: translate(-50%, -50%) translateZ(0) scale(1);
      opacity: .7; }
    100% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      opacity: 0.1; } }
  @keyframes pulse-border {
    0% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1);
      transform: translate(-50%, -50%) translateZ(0) scale(1);
      opacity: .7; }
    100% {
      -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      -o-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      transform: translate(-50%, -50%) translateZ(0) scale(1.5);
      opacity: 0.1; } }

      /* Vantagens */

      .services-caption.active {
        border: 1px solid #b8a2ff;
    }

      .service-area .services-caption {
        background: #fff;
        padding: 84px 45px 56px;
        border: 1px solid transparent;
        border-radius: 7px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px, rgba(0, 0, 0, 0.2) 0px 0px 1px;
        box-shadow: rgba(0, 0, 190, 0.05) 0px 10px 20px, rgba(0, 0, 190, 0.2) 0px 0px 1px;
        /* box-shadow: 0 15px 30px 0 rgba(48, 54, 77, 0.1); */
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .service-area .services-caption .service-icon {
        display: inline-block;
        position: relative;
    }

    .services-caption.active .service-icon::before {
        right: -32px;
    }

    .service-area .services-caption .service-icon::before {
        background-image: url(../images/dot-bg.png);
        content: "";
        width: 80px;
        height: 135px;
        position: absolute;
        right: -29px;
        top: -35px;
        z-index: 0;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .service-area .services-caption .service-icon span {
        position: relative;
        color: #fff;
        font-size: 40px;
        height: 105px;
        width: 105px;
        display: block;
        line-height: 105px;
        border-radius: 50%;
        text-align: center;
        background: #ff4c8b;
        /* background: #2dacff; */
        background: linear-gradient(90deg, #4facfe 0%, #00ebff 100%);
        margin-bottom: 42px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .service-area .services-caption .service-cap h4 a {
        font-family: "Nunito", sans-serif;
        color: #2b044d;
        margin-top: 0px;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 27px;
        display: inline-block;
    }

    .service-area .services-caption .service-cap p {
        font-family: "Poppins",sans-serif;
        color: #707b8e;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 15px;
        font-weight: 300;
    }

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

    /* FOOTER */

    .footer_part {
        /* background-position: center;
        background-repeat: no-repeat;
        background-size: cover; */
        padding: 130px 0px 25px;
        /* border-top-style: solid;
        border-width: 1px;
        border-color: #e5e5e5; */
        background-color: #f8faff;
    }

    .footer_part img {
        /* margin-bottom: 35px; */
        max-width: 200px;
    }

    .footer-image {
        text-align: center;
        text-align: -webkit-center;
        margin-bottom: 35px;
    }

    .footer_part .single_footer_part h4 {
        font-size: 20px;
        margin-bottom: 30px;
        font-weight: 500;
    }

    .footer_part .single_footer_part p {
        margin-bottom: 10px;
        font-weight: 100;
    }

    .footer_part hr {
        background-color: #cad7dc;
        margin-top: 50px;
        margin-bottom: 25px;
    }

    .footer_part .footer_icon {
        text-align: right;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
        font-weight: 100;
    }

    .footer_part .footer_icon li {
        display: inline-block;
    }

    .footer_part .footer_icon li a {
        font-size: 14px;
        color: #7f7f7f;
        margin-left: 15px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .footer_part .footer_icon li a:hover {
        color: #2dabff
    }

    .footer_part .single_footer_part .list-unstyled li a {
        /* color: #7f7f7f; */
        margin-bottom: 10px;
        display: inline-block;
    }

    .copyright_text {
        font-size: 12px;
        font-weight: 100;
    }

    #appleStore3,
    #googleStore3 {
        width: 147px;
        /* padding: 2px 4px; */
        width: 130px;
        /* padding: 2px 4px; */
        display: inline-block;
        padding-bottom: 2px;
        margin-bottom: 10px;
    }

    /* Modal */
    .close {
        float: right;
        font-size: 30px;
        font-weight: 100;
        line-height: 0;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .2;
        filter: alpha(opacity=20);
    }
    .modal-header .close {
        margin-top: 2px;
    }
    .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - (0.5rem * 2));
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
    .modal-header {
        min-height: 16.428571429px;
        padding: 25px;
        border-bottom: none;
    }
    .modal-form {
        margin-bottom: 40px;
        width: 92% !important;
        margin-left: 0 !important;
    }