@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Poppins:300,400,500,600,700);
body {
    line-height: 1.6;
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    color: #8b8e93
}
.paragraph,
p {
    font-weight: 400;
    color: #8b8e93;
    font-size: 15px;
    line-height: 1.6;
    font-family: "Open Sans", sans-serif
}
h1, h2,
h3, h4,
h5, h6 {
    color: #242f3e;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    transition: .2s ease
}
.h1, h1 {
    font-size: 60px
}
.h2, h2 {
    font-size: 40px
}
.h3, h3 {
    font-size: 30px
}
.h4, h4 {
    font-size: 22px
}
.h5, h5 {
    font-size: 18px
}
.h6, h6 {
    font-size: 16px
}
.btn {
    font-size: 16px;
    font-family: Poppins, sans-serif;
    text-transform: capitalize;
    padding: 14px 45px;
    border-radius: 45px;
    font-weight: 500;
    border: 1px solid;
    position: relative;
    z-index: 1;
    transition: .3s ease-in;
    overflow: hidden
}
.text-secondary {
    color: #00e0d8!important
}
.btn:focus {
    outline: 0;
    box-shadow: none!important
}
.btn:active {
    box-shadow: none
}
.btn-lg {
    padding: 20px 40px
}
.btn-sm {
    padding: 5px 20px
}
.btn-primary {
    border: 0;
    color: #fff
}
.btn-primary:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 100%;
    background: linear-gradient(45deg, #00a8f4 0%, #02d1a1 100%);
    z-index: -1;
    transition: ease .3s
}
.btn-white {
    background: #fff;
    color: #0097d5;
    border: 1px solid #fff
}
.btn-white:hover {
    color: #0097d5;
    background: #fff
}
.btn-light {
    background: #edeff2;
    color: #242f3e;
    border: 0;
    transition: none
}
.btn-light:hover {
    color: #fff;
    background: linear-gradient(45deg, #00a8f4 0%, #02d1a1 100%)
}
.btn-outline-primary {
    color: #00a2da;
    border: 2px solid #00a2da;
    padding: 5px 12px
}
.btn-outline-primary:hover {
    color: #fff!important;
    background: 0 0;
    border: 2px solid #00a2da
}
.btn-outline-primary:hover i {
    color: #fff!important
}
.btn-outline-primary:hover:after {
    left: 0
}
.btn-outline-primary.active {
    background: none;
}
.btn-outline-primary:after {
    content: '';
    position: absolute;
    top: 0;
    left: -102%;
    width: 102%;
    height: 100%;
    background: linear-gradient(45deg, #00a8f4 0%, #02d1a1 100%);
    z-index: -1;
    transition: ease .3s
}
.btn-outline-white {
    color: #fff;
    border: 1px solid #fff
}
.btn-outline-white:hover {
    color: #0097d5;
    background: #fff
}
.btn img {
    width: 30px;
    height: 30px
}
.btn i {
    font-size: 30px;
    vertical-align: middle
}
a, a:focus, a:hover {
    text-decoration: none;
    box-shadow: none;
}
a, button, select {
    cursor: pointer;
    transition: .3s ease;
}
a:focus, button:focus, select:focus {
    outline: 0;
}
a.text-color:hover, a.text-dark:hover, a.text-light:hover {
    color: #007ac7!important
}
.text-color {
    color: #8b8e93
}
.text-light {
    color: #d4dae3!important
}
.text-dark {
    color: #242f3e!important
}
.bg-gradient-primary {
    background: linear-gradient(134deg, #00a4db 0, #00269e 100%)
}
.bg-secondary {
    background: #15192b!important
}
.border-color {
    border-color: #2d3041!important
}
.overflow-hidden {
    overflow: hidden
}
.subscription-wrapper::before {
    box-shadow: 0 15px 15px 0 rgba(8, 18, 109, .15)!important
}
.zindex-1 {
    z-index: 1
}
.instructions-data {
    font-size: 1rem;
    line-height: 1.55;
    letter-spacing: -.01rem;
    background: #15192b;
    color: #fff;
    padding: 10px;
    border-radius: 4px
}
.instructions .instructions-data::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 20px;
    border-radius: 5px;
    background: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
    margin-right: 10px
}
.collapse ul li {
    margin: 0
}
label {
    font-size: 16px
}
.instructions ul li {
    margin-bottom: 1em;
    margin-top: 1em;
    font-size: 16px
}
.instructions ol li {
    margin-bottom: 1em;
    margin-top: 1em;
    font-size: 16px
}
.instructions p {
    font-size: 16px;
    margin-top: 1em
}
.instructions img {
    margin: 0 auto;
    display: block;
}
.instructions h4 {
    margin-top: 1;
}
.devs ul {
    margin: 4px;
}
.redes_button, .redes_button2, .redes_button3 {
    display: block;
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 140px;
    right: 20px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    z-index: 1000;
}
.redes_button {
    bottom: 140px;
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.redes_button2 {
    bottom: 80px;
    background-color: #4267b2;
}
.redes_button3 {
    bottom: 20px;
    background-color: #74b4e0;
}
.redes_button:hover {
    color: #FFF!important;
    background: linear-gradient(180deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.redes_button2:hover {
    color: #FFF!important;
    background-color: #3C5898;
}
.redes_button3:hover {
    color: #FFF!important;
    background-color: #4995BE;
}
.font {
    font-size: 12px;
}
.badge-primary {
    background: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
}
.overlay {
    position: relative;
}
.overlay::before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
    content: "";
    opacity: .7;
    border-radius: inherit
}
.overlay-gradient {
    position: relative
}
.overlay-gradient::before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(134deg, #00a4db 0, #00269e 100%);
    content: "";
    opacity: .7;
    border-radius: inherit
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0e1e2f;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}
.preloader img {
    max-width: 500px
}
.rounded-top-lg {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.bg-cover {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}
.rounded-lg {
    border-radius: 20px
}
.card-border-bottom:after, .hover-bg-primary::before, .pricing-table:after, .pricing-table:before, .social-icons li a i, .transition {
    transition: ease .3s
}
.card-date {
    padding-left: 40px;
    position: relative;
}
.card-date::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 30px;
    background: #8b8e93;
    left: 0;
    top: 12px;
}
.section {
    padding-top: 90px;
    padding-bottom: 140px;
}
.section1 {
    padding-top: 55px;
    padding-bottom: 180px;
}
.imgcel {
    width: 800px;
}
.img-banner {
    max-width: 70%;
    height: auto;
}
.section-lg {
    padding-top: 250px;
    padding-bottom: 250px;
}
.section-lg-bottom {
    padding-bottom: 100px;
}
.section-title {
    margin-bottom: 38px;
}
.subtitle {
    text-transform: capitalize;
    font-size: 18px;
    color: #8b8e93;
    font-family: Poppins, sans-serif;
    font-weight: 400
}
.social-icons li a i {
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    border: 2px solid #2d3041;
    display: block;
    border-radius: 50%;
    font-size: 12px
}
.social-icons li a i:hover {
    background-color: #007ac7;
    border: 2px solid #007ac7
}
.fa-angle-down {
    font-size: 28px;
    float: right;
}
.list-styled {
    padding-left: 0
}
.list-styled li {
    position: relative;
    padding-left: 20px;
    list-style-type: none
}
.list-styled li::before {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #007ac7;
    transition: .3s ease
}
.list-styled li:hover::before {
    color: #007ac7!important
}
.list-styled li.text-light::before {
    color: #d4dae3
}
.list-styled.style-check li::before {
    content: "\f00c";
    color: #00e0d8;
    top: 10px
}
.list-hover-underline li a:hover {
    text-decoration: underline
}
.page-title {
    padding: 220px 0 100px
}
.page-title-overlay {
    position: relative
}
.page-title-overlay::before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
    content: "";
    opacity: .9
}
.page-title-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
.page-title h1 {
    font-size: 45px
}
.page-title p {
    opacity: .72
}
.carousel-item .text-lg-left {
    margin: auto;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: inherit
}
.form-control {
    border: 0;
    height: 60px;
    padding: 0 25px;
    border-radius: 45px
}
.form-control:focus {
    outline: 0;
    box-shadow: none
}
textarea.form-control {
    height: 150px;
    padding: 25px
}
.naviagtion {
    padding: 45px 0
}
.naviagtion.nav-bg {
    background: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
    padding: 10px 0
}
.naviagtion.naviagtion-white.nav-bg {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 141, 236, .1)
}
.naviagtion.naviagtion-white.nav-bg .btn {
    color: #007ac7!important
}
.naviagtion.naviagtion-white.nav-bg .btn:hover {
    color: #fff!important
}
.naviagtion.naviagtion-white .dropdown-menu {
    background: #fff
}
.naviagtion.naviagtion-white .dropdown-item {
    color: #242f3e
}
.navbar .nav-item .nav-link {
    font-size: 16px;
    font-weight: 500;
    padding: 20px 22px;
    font-family: Poppins, sans-serif;
    transition: all ease .3s
}
.navbar .nav-item .nav-link.active {
    color: #00e0d8
}
.navbar .nav-item .nav-link:hover {
    color: #00e0d8!important
}
.navbar .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
.navbar .dropdown-menu {
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .12);
    padding: 15px;
    border: 0;
    top: 50px;
    left: -20px;
    border-radius: 0;
    display: block;
    visibility: hidden;
    transition: .3s ease;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    background: linear-gradient(80deg, #0030cc 0, #00a4db 100%)
}
.navbar .dropdown-menu.show {
    visibility: hidden
}
.navbar .dropdown-item {
    position: relative;
    color: #fff;
    transition: .2s ease;
    font-family: Poppins, sans-serif
}
.navbar .dropdown-item:not(:last-child) {
    margin-bottom: 10px
}
.navbar .dropdown-item:hover {
    color: #00e0d8!important;
    background: 0 0
}
.hero-area {
    padding: 140px 0 200px
}
.hero-area p {
    opacity: .7
}
.hero-area h1 {
    line-height: 68px;
    z-index: 1
}
.hero-area .bg-shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}
.hero-area .bg-shape-2 {
    position: absolute;
    left: 0;
    top: 185px;
    z-index: -1
}
.hero-area .bg-shape-3 {
    position: absolute;
    left: -40px;
    bottom: -50px;
    z-index: -1
}
.hero-area .bg-shape-4 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}
.hero-area-lg {
    overflow: hidden
}
.hero-area-lg .row {
    margin-right: -25%
}
.watermark {
    position: absolute;
    opacity: .07;
    top: 20px;
    left: 0;
    font-size: 90px;
    font-weight: 600;
    z-index: -1;
    color: inherit
}
.watermark-sm {
    position: absolute;
    opacity: .07;
    top: -40px;
    left: 0;
    font-size: 90px;
    font-weight: 600;
    color: inherit
}
.bg-triangles {
    position: relative
}
.card {
    border: 0
}
.card1 {
    height: 90%
}
.card-border-bottom:hover:after {
    width: 100%;
    border-radius: 0 0 20px 20px
}
.card-border-bottom:after {
    content: '';
    position: absolute;
    width: 170px;
    height: 4px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 45px;
    background: linear-gradient(45deg, #003cff, #008fbf)
}
.card-height {
    min-height: 141px;
}
.card-group-tip {
    height: 270px;
}
.icon {
    font-size: 25px
}
.color-item li::marker {
    color: #00a2da;
}
.color-item li {
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}
blockquote {
    box-shadow: inset 0 7px 0 0 rgba(255, 255, 255, .596);
    padding: 34px 40px 20px 40px;
    background-image: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
    border-radius: 10px;
    margin: 40px 0
}
blockquote p {
    position: relative;
    font-style: italic;
    color: #fff
}
blockquote h6 {
    color: #fff
}
form textarea {
    height: 180px
}
.footer {
    margin-top: 140px;
    padding-top: 140px
}
.subscription {
    position: absolute;
    width: 100%
}
.subscription.bg-white {
    background: 0 0!important
}
.subscription.bg-white .subscription-wrapper::before {
    background: #fff
}
.subscription.bg-white .form-control {
    border: 1px solid #ebebeb!important
}
.subscription-wrapper {
    position: relative;
    top: -40px
}
.subscription-wrapper::before {
    position: absolute;
    content: "";
    border-radius: 0 5% 10% 3%/10% 20% 0 17%;
    -webkit-transform: perspective(1000px) rotateY(18deg) skewY(1deg) skewX(2deg);
    transform: perspective(1000px) rotateY(18deg) skewY(1deg) skewX(2deg);
    width: 100%;
    height: 200px;
    left: 90px;
    background: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
    top: -70px
}
.subscription-wrapper .form-control {
    height: 60px;
    background: rgba(255, 255, 255, .1);
    border-radius: 45px
}
.subscription-wrapper .form-control:focus {
    background: rgba(255, 255, 255, .1);
    outline: 0;
    box-shadow: none
}
.subscription-wrapper .form-control::-webkit-input-placeholder {
    color: #8b8e93
}
.subscription-wrapper .form-control::-ms-input-placeholder {
    color: #8b8e93
}
.subscription-wrapper .form-control::placeholder {
    color: #8b8e93
}
.subscription-wrapper .form-control.text-white::-webkit-input-placeholder {
    color: #fff
}
.subscription-wrapper .form-control.text-white::-ms-input-placeholder {
    color: #fff
}
.subscription-wrapper .form-control.text-white::placeholder {
    color: #fff
}
.mobile-height {
    min-height: 400px
}
/*Blog*/
.img-blog img {
    display: flex;
    width: 50%;
    margin: 0 auto;
}
.share-option a {
    display: inline-block;
    padding: 8px 22px;
    font-size: 14px;
    background: #f7f9f3;
    border-radius: 25px;
    margin-bottom: 10px;
}
iframe {
    width: 100%;
    height: 550px
}
@keyframes blink {
    to {
        opacity: .0;
    }
}
:target {
    animation: blink 0.6s 4;
}
@media screen and (max-width:400px) {
    .hero-area {
        padding: 220px 0 100px
    }
    .hero-area h1 {
        font-size: 50px
    }
}
@media screen and (max-width:575px) {
    .hero-area .bg-shape-4 {
        max-width: 500px
    }
    .watermark {
        top: 0;
        font-size: 90px
    }
    .watermark-sm {
        top: 0;
        font-size: 100px
    }
}
@media screen and (max-width:767px) {
    .imgcel {
        width: 600px;
        margin-left: -25px
    }
}
@media screen and (max-width:991px) {
    .section-lg-bottom {
        padding-bottom: 50px
    }
    .section {
        padding-top: 80px;
        padding-bottom: 100px
    }
    .section1 {
        padding-top: 25px;
        padding-bottom: 10px
    }
    .img-banner {
        display: flex;
        margin: 0 auto
    }
    .imgcel {
        display: flex;
        margin: 0 auto;
        width: 100%
    }
    .naviagtion {
        background: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
        padding: 15px 0
    }
    .naviagtion.naviagtion-white {
        background: #fff
    }
    .naviagtion.naviagtion-white .btn {
        color: #007ac7!important
    }
    .naviagtion.naviagtion-white .btn:hover {
        color: #fff!important
    }
    .navbar .dropdown-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: unset;
        transform-origin: unset
    }
    .navbar .dropdown-menu.show {
        visibility: visible;
        display: block
    }
    .navbar .dropdown-item {
        text-align: center
    }
    .hero-area-lg .row {
        margin-right: -15px
    }
    .footer {
        padding-top: 0;
        margin-top: 0
    }
    .subscription {
        background: linear-gradient(80deg, #0030cc 0, #00a4db 100%);
        position: static
    }
    .subscription.bg-white {
        background: #fff
    }
    .subscription-wrapper {
        top: 0;
        padding: 50px 0
    }
    .subscription-wrapper::before {
        display: none
    }
    /*Blog*/
    .img-blog img {
        display: flex;
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width:1200px) {
    .navbar .nav-item .nav-link {
        padding: 20px 13px
    }
    .hero-area .bg-shape-4 {
        max-width: 700px
    }
    .subscription-wrapper::before {
        left: 65px
    }
    /*Blog*/
    .img-blog img {
        display: flex;
        width: 70%;
        margin: 0 auto;
    }
}
@media screen and (max-width:1650px) {
    .hero-area {
        padding: 110px 0 60px
    }
    .hero-area .bg-shape-4 {
        max-width: 770px;
        right: -100px
    }
    /*Blog*/
    .img-blog img {
        display: flex;
        width: 70%;
        margin: 0 auto;
    }
}